[Suggestion] Monospace font / real code editor for the JS text box

[Explosion-Scratch]

This would be a nice thing to have, CodeJar is a great framework for this, it lets you use any highlight function and gives you an element, auto indent, parentheses completion, everything else included.

[alyssaxuu]

Could look into it, agreed it would be nice to have.

[Explosion-Scratch]

Using a framework for this project instead of just JQUery might also help development a lot, I really like svelte because it compiles to pure HTML + JS without any bundle. It also avoids CSP problems in extensions, unlike Vue does which is nice.

I also made a component for a code editor (in Svelte) if you did want to go that route, or you could just copy paste most of it and remove the Svelte added syntax:

https://github.com/Explosion-Scratch/components/blob/a512db79c0ec51de35cfbd2a198de56f6b7e100d/CodeEditor.svelte#L14-L49

[Explosion-Scratch]

Even just adding a monospace font + tab trap would go a long way towards a developer experience.