tree-sitter for TypeScript

lem-project/lem#2101

Author: vindarel

content/en/development/tree-sitter.md

@@ -5,6 +5,19 @@ weight: -3
 
 Lem integrates [tree-sitter](https://tree-sitter.github.io/tree-sitter/) for advanced syntax highlighting and indentation. Tree-sitter provides incremental parsing that can efficiently update syntax trees as you edit, enabling features that understand code structure rather than just patterns.
 
+## Supported Languages
+
+The following modes have tree-sitter support:
+
+| Language | Syntax Highlighting | Indentation |
+|----------|:------------------:|:-----------:|
+| TypeScript | ✓ | ✓ |
+| JSON | ✓ | - |
+| YAML | ✓ | - |
+| Nix | ✓ | ✓ |
+| Markdown | ✓ | - |
+| WAT (WebAssembly Text) | ✓ | - |
+
 ## Overview
 
 The tree-sitter integration in Lem provides:
@@ -41,18 +54,6 @@ The integration consists of:
 | `lem-tree-sitter` | `extensions/tree-sitter/` | Core integration module |
 | Query files | `extensions/<mode>/tree-sitter/` | Per-language highlight/indent rules |
 
-## Supported Languages
-
-The following modes have tree-sitter support:
-
-| Language | Syntax Highlighting | Indentation |
-|----------|:------------------:|:-----------:|
-| JSON | ✓ | - |
-| YAML | ✓ | - |
-| Nix | ✓ | ✓ |
-| Markdown | ✓ | - |
-| WAT (WebAssembly Text) | ✓ | - |
-
 ## Adding Tree-sitter Support to a Mode
 
 ### Step 1: Create Query Files

content/en/modes/typescript.md

@@ -8,6 +8,9 @@ TypeScript is supported and enabled for the ".ts" and ".tsx" file
 extensions. It relies on `typescript-language-server`, `typescript`
 and `prettier` for auto formatting.
 
+Syntax highlighting is done with tree-sitter and fallsback to a
+tmLanguage grammar if tree-sitter isn't available.
+
 This is its default LSP configuration:
 
 ```lisp