Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/dlvandenberg/tree-sitter-angular
Tree Sitter Grammar for Angular
https://github.com/dlvandenberg/tree-sitter-angular
angular grammar lexer parser tree-sitter tree-sitter-parser treesitter
Last synced: 11 days ago
JSON representation
Tree Sitter Grammar for Angular
- Host: GitHub
- URL: https://github.com/dlvandenberg/tree-sitter-angular
- Owner: dlvandenberg
- License: mit
- Created: 2023-11-28T18:22:48.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-09-23T12:31:58.000Z (5 months ago)
- Last Synced: 2025-01-17T03:38:36.086Z (20 days ago)
- Topics: angular, grammar, lexer, parser, tree-sitter, tree-sitter-parser, treesitter
- Language: C
- Homepage:
- Size: 2.04 MB
- Stars: 41
- Watchers: 4
- Forks: 10
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
✨ Tree Sitter Grammar for Angular ✨
## Specification
This parser is a complete rewrite of steelsojka's [tree-sitter-angular](https://github.com/steelsojka/tree-sitter-angular/tree/main).
This parser extends [tree-sitter-html](https://github.com/tree-sitter/tree-sitter-html) because the new _Control Flow_ syntax is not valid HTML code.
## Supported Features
- [x] Structural Directives
- [x] Property binding
- [x] Event binding
- [x] String interpolation
- [x] If-statements (v17)
- [x] For-statements (v17)
- [x] Switch-statements (v17)
- [x] Defer-statements (v17)
- [x] Let-expression (v18.1)
- [x] ICU message format
## Requirements
- [Neovim](https://neovim.io/) nightly recommended (as it includes the filetype detection of Angular Templates)
## Filetype
In the nightly neovim built (or release 0.11.x), the filetype detection for Angular templates is included. It will detect Angular HTML templates, based on it's contents, and set the filetype to `htmlangular`.
### Older versions
If you are using an older version, you must set the filetype yourself.
E.g. mark the file as `htmlangular` if it matches the pattern `*.component.html`:
Create a `plugin` in `~/.config/nvim/plugin/angular.lua` with the following:
```lua
vim.filetype.add({
pattern = {
[".*%.component%.html"] = "htmlangular", -- Sets the filetype to `htmlangular` if it matches the pattern
},
})
```
Next, create a `ftplugin` for `htmlangular` that does the following:
```vim
runtime! ftplugin/html.vim!
```
Or, in lua:
```lua
vim.cmd('runtime! ftplugin/html.vim!')
```
## LSP's or other plugins
You may need to include this new filetype (`htmlangular`) for other plugins, like [LSP](https://github.com/neovim/nvim-lspconfig/blob/master/doc/server_configurations.md#angularls) for example:
```lua
require('lspconfig').angularls.setup {
filetypes = { 'typescript', 'html', 'typescriptreact', 'typescript.tsx', 'htmlangular' }
}
```
## Issues
If you experience any issues, please feel free to open an issue with the code that's causing problems.