tree-sitter-syntax-visualizer
Syntax tree visualizer for tree-sitter
xapphire13 966 3 1.0.0 MIT GitHub

Dependencies

  • react@^17.0.2
  • debounce@^1.2.1
  • react-dom@^17.0.2
  • typescript@^4.3.4
  • atom-ide-base@^3.1.1
  • atom-ts-transpiler@^1.5.3

Keywords

  • tree-sitter
  • syntax
  • tree
  • visualizer
  • compiler
  • parser

tree-sitter-syntax-visualizer

This package allows for exploring tree-sitter syntax trees. This can be useful either educationally, or when developing either a package that uses the tree-sitter AST or a tree-sitter language itself.

screenshot

Usage

Use Tree Sitter Syntax Visualizer: Toggle command.

Features

  • Collapsible AST node tree
  • Highlight selected node in text editor
  • Automatically select AST node for the current cursor position
  • Show/Hide unnamed AST nodes

Contributing

Contributions are more than welcome! If you want to fix something or add a feature, please:

  1. Fork the repository
  2. Run npm install
  3. Make your change
  4. Create a pull request