Semantically incorrect tokens are now highlighted, such as unclosed parentheses. The specific error messages are not great yet.
v0.152025-03-31 17:08
Updated token parser to output errors as regular tokens
v0.142025-03-31 14:40
Added support for missing operators
v0.132025-03-31 09:25
Added support for named ranges in 'range' token
Thanks to my sister for pointing out this was a thing.
v0.122025-03-30 21:40
Moved errors container to above the input
This makes it easier to use on mobile or smaller screens.
Added red highlight around the textarea when there is a parsing error
Fixed a few issues with line styling
Empty lines show the first indent ruler again.
Trailing and leading spaces no longer compete (resulted in rendering them twice).
There may be stylized parts in the trailing whitespace (such as errors), so don't render them twice.
v0.112025-03-30 11:32
Fixed injected equals sign
The insertion into the actual text was causing issues due to the input loop. Now the equals sign is injected into the content overlay directly.
v0.112025-03-30 11:35
Updated keydown handler to properly process modifier keys
v0.102025-03-30 01:37
Fixed ESLint warning
v0.92025-03-30 00:47
Added indent to textarea input
This makes the equals sign uneditable and constant.
v0.82025-03-30 00:27
Added token parsing
Added token styles
Added parse errors panel
v0.72025-03-28 21:59
Added indent level rulers
Added trailing space highlights
v0.62025-03-28 21:57
Added content overlay
A lot of inspiration from https://css-tricks.com/creating-an-editable-textarea-that-supports-syntax-highlighted-code/
Switched to CSS grid, which made the overlay pretty much trivial. Except I couldn't figure out some things without "hacking" values into the element styles.
Long lines will wrap, and line numbers are spaced appropriately (thanks CSS grid!).
v0.52025-03-28 02:58
Added automatic height expansion to the editor
v0.42025-03-28 02:02
Added indent and dedent functionality in editor using tab key