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.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent