syntax-tree-surfer
react-extract.nvim
Our great sponsors
syntax-tree-surfer | react-extract.nvim | |
---|---|---|
10 | 2 | |
450 | 99 | |
- | - | |
5.4 | 0.0 | |
about 2 months ago | almost 2 years ago | |
Lua | Lua | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
syntax-tree-surfer
-
Select text using Treesitter Queries and start typing right away with SelectEase.nvim
Your config, tree-surfer or nvim-treesitter-textobjects follow nodes using the syntax tree. Go to parent / child / next siblings ect....
-
mini.move - Move any selection in any direction
Cool stuff. It might be worth adding this one to a comparison/alternatives list: https://github.com/ziontee113/syntax-tree-surfer
-
What's the one plugin you'd love to see?
The closest to "treesitter-powered jumps" plugin I know is ziontee113/syntax-tree-surfer. Don't use it personally, but video demos look cool.
-
Ask HN: S/W development text editor have feature colorizing every iteration?
treesitter / neovim:
different code block indicators styles : https://github.com/lukas-reineke/indent-blankline.nvim#with-...
collapse / expand / navigate between code blocks : https://github.com/stevearc/aerial.nvim
not exactly colorize, but can customize to just show iteration / loop processes : https://github.com/ziontee113/syntax-tree-surfer
- Syntax Tree Surfer now supports Dot Repeat for Swapping nodes in Normal Mode
-
What do you use treesitter for other than highlighting?
I personally use it for an outline window for my code (aerial.nvim) and quick-selecting code blocks (nvim-treesitter-textsubjects). I've also seen but not used syntax-tree-surfer for code navigation/manipulation and refactoring.nvim for performing refactoring operations. You could also check out awesome-neovim and ctrl-f for "treesitter", though there are many other plugins out there either not on that list or that don't explicitly mention treesitter in their description.
-
How Neovim helped me to grow up as a developer, and a person.
I published syntax-tree-surfer a while ago didn't know that anyone will be interested to use it. Turns out people do enjoy what I do. When I was in school I didn't feel like I mattered to other people. Now I feel like I do, there are people out there that cares about me, giving me help, advices, etc.. It's just really amazing!
-
tree-climber.nvim - climb around the treesitter tree
I admit, the functionality is blatantly similar to syntax-tree-surfer, but tree-climber should work also in files with comments as well (unfortunately, I could not make syntax-tree-surfer work in my neovim setup at all).
-
Extracting JSX into React component
You can use syntax-tree-surfer to select the parent.
react-extract.nvim
-
Extracting JSX into React component
I've added more options that can be useful for class components (configuration of indent and option to add this.props. prefix to props in new component). You can check the example configuration here. Hope it helps!
I've created a small lua plugin for my fellow React devs called react-extract.nvim that helps with refactoring JSX into a new component. It utilizes Neovim's built-in LSP as well as treesitter for some cool features.
What are some alternatives?
refactoring.nvim - The Refactoring library based off the Refactoring book by Martin Fowler
tree-climber.nvim
aerial.nvim - Neovim plugin for a code outline window
treesitter-unit - A Neovim plugin to deal with treesitter units
nvim-treesitter-textobjects
dotfiles
wildfire.vim - Smart selection of the closest text object
powerlevel10k - A Zsh theme
playground - Treesitter playground integrated into Neovim
move.nvim - Gain the power to move lines and blocks and auto-indent them!
indent-blankline.nvim - Indent guides for Neovim