prism.el VS highlight-indent-guides

Heh, seriously, though, it's not necessary to use a rainbow of colors. You can use any number of colors and rotate through them. For example, this uses just 3 colors, gradually desaturating them as the depth increases. Since each color is easily distinguished from the other 2, it makes code very readable: https://github.com/alphapapa/prism.el/raw/master/images/parens-0.5.png

If you can use tree-sitter, that's obviously a good choice. Alternatively, you can see how I implemented https://github.com/alphapapa/prism.el, which isn't regexp-based, using Emacs's built-in syntax parsing instead.

I did some experimenting with supporting XML directly in https://github.com/alphapapa/prism.el/issues/16. It seems that it's not easily done with existing Emacs SGML-related functions, but I'm guessing that tree-sitter will help a lot in Emacs 29.

It's not exactly what you asked for, but you may also find this useful: https://github.com/alphapapa/prism.el It can highlight parens distinctly too.

As examples, I can recommend code in https://github.com/alphapapa/highlight-function-calls (simple) and https://github.com/alphapapa/prism.el (more complex).

There is also the package prism.el.

The best advice I can offer is to carefully and repeatedly study the Elisp manual section on font-lock, and to model on the source code of a similar project. The most I've done with it is in https://github.com/alphapapa/prism.el

There is one for emacs. Could be good inspo if someone wanted to make a VSCode version.

https://github.com/alphapapa/prism.el

You might be interested in https://github.com/alphapapa/prism.el

This one looks close. Also at the end of the readme there's a table comparing it to other alternatives.

Here is the issue: https://github.com/DarthFennec/highlight-indent-guides/issues/123

I meant to set it up but never wrote down what it was called and now I can't find it anymore. I'm not talking about this: https://github.com/DarthFennec/highlight-indent-guides and results for this (and the 5+ other packages that do this same thing) is all I can find when googling different variations of "emacs syntax coloring by indentation level" etc.

While older than Highlight-Indentation-for-Emacs, you can see also https://github.com/DarthFennec/highlight-indent-guides, the latter supports dynamic indent width detection (may not be important for JS, though).

I'm happy with https://github.com/DarthFennec/highlight-indent-guides and Emacs 28 (with native comp) but my files are not huge, max 400 lines generally.

Also for seeing indentation more clearly you could try something like highlight-indent-guides.

highlight-indent-guides has a mode like the one in the screenshot, but by default it doesn't show up in org-mode. I haven't tried to see what it would take to enable it there.

Before LSP, it was always annoying getting things setup. You want to get serious with a new language, spend a day configuring Emacs first. Or, fix your 3 year old config. Now it all pretty much just works! With native-comp its even better. Plus I'm using lot of modern features that I never did earlier, eg. renaming, automatically remove imports, see the inferred type in minibuffer.

Flycheck still makes it a bit slow. I think, one big missing piece is lack of multiple threads, which often makes few things a bit laggy. For example, if I'm reading a big C++ source code with indentation guides[1], even with native-comp it can lag a bit.

[1] https://github.com/DarthFennec/highlight-indent-guides

And there's also https://github.com/DarthFennec/highlight-indent-guides.