Skip to content

chrisvrose/estree-visualize

Repository files navigation

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