estree-visualize

View a ECMAScript module AST, and generate code from it.

Hovering over a AST Node in graphical mode selects the corresponding /source in the editor.

Progress

• View AST text
• View Errors
• Graph viewing
• Highlight code from AST (Graphical)
• Highlight code from AST (Text) Not needed
• Generate JS Code from ESTree spec trees

Developing

Once you've created a project and installed dependencies with npm install (or pnpm install or yarn), start a development server:

npm run dev

# or start the server and open the app in a new browser tab
npm run dev -- --open

Building

To create a production version of your app:

npm run build

You can preview the production build with npm run preview.

This app uses the static adapter, and is deployed using Github Pages at https://viz.kekvrose.me