search

alyssaxuu / slashy

Supercharge Notion with custom commands to record, draw, and more ✍️
https://slashy.app
MIT License
565 stars 39 forks source link

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

Open Explosion-Scratch opened 2 years ago

Explosion-Scratch commented 2 years ago

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 commented 2 years ago

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

Explosion-Scratch commented 2 years ago

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 commented 2 years ago

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