Syntax Tree Visualizer provides interactive environment for exploration of AST1 (abstract syntax tree) and SA2 (syntax array).
- Code editor with syntax checker
- AST representation that updates as you type
- Additional information about node on hover
- Reworked AST builder from ST generated by tree-sitter List of reworked node types
- SA representation that updates as you type
- Highlighting of corresponding elements
- Sharing your projects with others
- Exporting to various formats
- JavaScript
Simply type code in code editor and see how AST and SA change. For more information refer to documentation on the website.
docker run -p 8080:8080 -d --rm --name devast skril/stv:1.0-fullThese instructions will get you a copy of the project up and running on your local machine for development and testing purposes.
git clone https://github.com/InnoSWP/syntax-tree-visualizationFor running the project you need the following requirements:
On macOS using Homebrew:
brew install git node
npm install yarnOn Arch Linux:
pacman -Suy nodejs npm git
npm install yarngit submodule init
git submodule update
docker run -p 8080:8080 -d --rm --name devast --mount src=/path/to/syntax-tree-visualization,dst=/app,type=bind skril/devast:archlinuxImportant: change "path/to/syntax-tree-visualization" to the root directory of the project
Alternatively on UNIX operating systems:
docker run -p 8080:8080 -d --rm --name devast --mount src=$(pwd),dst=/app,type=bind skril/devast:archlinuxRequirements:
Install dependencies
yarnBuild project
yarn buildStart server without building it on http://localhost:8080/
yarn startEnv vars: MYSQL_HOST=localhost;MYSQL_USER=root;MYSQL_DATABASE=swpbase;MYSQL_PASSWORD=12345
To start with them
export MYSQL_HOST=localhost export MYSQL_USER=root export MYSQL_DATABASE=swpbase export MYSQL_PASSWORD=12345; yarn startPull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.