custom-macros-for-sugarcube-2 VS react-twine

I have the following code that opens a dialog box and let's the player select an item. It uses two different macros made by ChapelR: Simple Inventory v2 (https://github.com/ChapelR/custom-macros-for-sugarcube-2/blob/master/docs/simple-inventory.md#macro-linkedinventory) and Dialog API Macro Set (https://github.com/ChapelR/custom-macros-for-sugarcube-2/blob/master/docs/dialog-api-macro-set.md).

I'm working on a game that is pretty heavy on using timed and type macros. The type macros at the very least I can skip through by pressing space, and I'd like to do the same for the timed sections. I have the event macro from ChapelR (https://github.com/ChapelR/custom-macros-for-sugarcube-2/blob/master/docs/event-macros.md) and it's worked for other things. Does anyone know how I'd do this?

note: I strongly suggest you let Chapel know about this potential issue with the options() function on their custom-macros-for-sugarcube-2 GitHub reposition.

ChapelR

So I'm trying to insert my images in dialogue boxes (The macro I'm using for it is here: https://github.com/ChapelR/custom-macros-for-sugarcube-2/blob/master/docs/dialog-api-macro-set.md) Using a folder with images in my game folder. And for some reason no matter what I do the images don't show up even though i followed the code right.

So, I downlaoded the Custom Macro “Speech Box System” https://github.com/ChapelR/custom-macros-for-sugarcube-2/blob/master/docs/speech-box-system.md This Macro works using Java and CSS. I know how to edit CSS, but Java eludes me completely. The thing is, this macro lets me create a character and assing an image to show its avatar. I want to do that, but I need the avatar to change based on a Twine variable ($mood ) I know how to write the code in Twine, that is not the problem. But the .js is written in such a way, that the avatar section only works for images, so it does not allow a variable, even if the variable == an img . Can someone tell me what is it that I have to change in the .js? Thanks!

I'm working on a VN-style game in Sugarcube, and specifically trying to figure out dialogue boxes. I've been able to get pretty close to what I want, using the information from this link.

I've used Chapel's Event Macro to set up some hotkeys for easy navigation of my game. All went well, but I ran into the problem of what happens if there's a text input (<>) field on the screen: typing something in it could accidentally trigger a hotkey rather than what the player actually wants to type!

If you use ChapelR First macro here :https://github.com/ChapelR/custom-macros-for-sugarcube-2/blob/master/docs/first-macro.md

Is there any twine library for people more familiar with front-end programming like html css and js? Or a way to import Twine solutions like Sugercube into js code? I have found this (https://github.com/benjamminf/react-twine) for using twine in React, so I wanted to ask if anyone knows if this library is good, or knows a better one.