embedding browser-side JavaScript

[xu4wang]

I understand at the moment all the blocks under themes are html trunks, the styles are embedded via tailwind. Sometimes, a block needs to include some browser-side JavaScript to achieve a better display effect.

Based on the existing design, what would be a good way to implement support for embedding browser-side JavaScript files?

[LiveDuo]

I'm slightly surprised no one has asked this before as the main goal of this project is to have a visual editor but allow customizability like a normal Next.js project.

There are two options:
a) In the Next.js page that you loaded Destack, you can use a useEffect or another React component to load javascript.
b) Edit the html trunk and add the javascript there

[LiveDuo]

Both options are fine, more like a choice for how you want to structure your project

[xu4wang]

Both options are fine, more like a choice for how you want to structure your project

For option b), do you mean add script tag in the html file?

[LiveDuo]

Either a script tag or an inline event listener like onclick

[xu4wang]

OK. will try it later. option b) seems easier for me.