CodeMirror Tree View extension

I’ve recently published a Tree View extension (@overleaf/codemirror-tree-view) that we’ve found useful for working with the syntax tree produced by a Lezer parser.

The extension inserts a pane containing an interactive version of the current document’s syntax tree, with the current selection highlighted.


The extension is now published to npm, in case anyone finds it useful!

Demo in CodeSandbox


Nice idea!