https://github.com/xapphire13/tree-sitter-syntax-visualizer

Syntax tree visualizer for tree-sitter
https://github.com/xapphire13/tree-sitter-syntax-visualizer

ast atom lexer parser syntax syntax-tree tree-sitter visualizer

Last synced: about 1 month ago
JSON representation

Syntax tree visualizer for tree-sitter

• Host: GitHub
• URL: https://github.com/xapphire13/tree-sitter-syntax-visualizer
• Owner: Xapphire13
• Created: 2017-12-22T05:47:04.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2023-04-20T01:35:21.000Z (over 1 year ago)
• Last Synced: 2024-08-09T17:30:29.002Z (3 months ago)
• Topics: ast, atom, lexer, parser, syntax, syntax-tree, tree-sitter, visualizer
• Language: TypeScript
• Size: 77.1 KB
• Stars: 19
• Watchers: 5
• Forks: 5
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# tree-sitter-syntax-visualizer

This package allows for exploring [tree-sitter](https://github.com/tree-sitter/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](https://user-images.githubusercontent.com/3392349/34460399-6c0bf040-edc1-11e7-8e74-ae444d64dd04.png)

### 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