explainer

This is an experiemnt to implement structured ( Paredit-like) code editing and navigation for JavaScript and other languages where source code is represented as plain text (no explicit structure). Source code of a program is inherently a tree of its syntax tokens, but most programming languages represent its syntax tree as plain text. Instead sometimes it is useful to operate on syntax nodes, instead of characters and words.

give it a try

The purpose of this demo is to gather feedback for future development and editors integration. Please give it a try and report any issues or suggestion to GitHub repository.

Paste some code into the editor below and try to refactor it as usual, but also use provided editor commands where you would usually go with manual selection or navigation (mouse, arrow keys + alt).

commands