feat(grit): add JSX node name mappings for GritQL patterns (#7285)

Co-authored-by: Arend van Beelen jr. <arend@arendjr.nl>

Author: rriski

.changeset/cyan-jars-shake.md

@@ -0,0 +1,5 @@
+---
+"@biomejs/biome": patch
+---
+
+Partially fixed [#6782](https://github.com/biomejs/biome/issues/6782): JSX node kinds are now supported in GritQL AST nodes.

crates/biome_grit_patterns/src/grit_target_language/js_target_language.rs

@@ -45,6 +45,14 @@ impl GritTargetLanguageImpl for JsTargetLanguage {
             "assignment_expression" => JS_ASSIGNMENT_EXPRESSION,
             "call_expression" => JS_CALL_EXPRESSION,
             "new_expression" => JS_NEW_EXPRESSION,
+            "jsx_expression" => JSX_EXPRESSION_CHILD,
+            "jsx_attribute" => JSX_ATTRIBUTE,
+            "jsx_element" => JSX_ELEMENT,
+            "jsx_self_closing_element" => JSX_SELF_CLOSING_ELEMENT,
+            "jsx_opening_element" => JSX_OPENING_ELEMENT,
+            "jsx_closing_element" => JSX_CLOSING_ELEMENT,
+            "jsx_text" => JSX_TEXT,
+            "jsx_namespace_name" => JSX_NAMESPACE_NAME,
             // TODO: Many more of these. We should probably find a way to
             // generate these impls from TS `grammar.js` files, combined with
             // our `js.ungram`.
@@ -69,6 +77,14 @@ impl GritTargetLanguageImpl for JsTargetLanguage {
             JS_ASSIGNMENT_EXPRESSION => "assignment_expression",
             JS_CALL_EXPRESSION => "call_expression",
             JS_NEW_EXPRESSION => "new_expression",
+            JSX_EXPRESSION_CHILD => "jsx_expression",
+            JSX_ATTRIBUTE => "jsx_attribute",
+            JSX_ELEMENT => "jsx_element",
+            JSX_SELF_CLOSING_ELEMENT => "jsx_self_closing_element",
+            JSX_OPENING_ELEMENT => "jsx_opening_element",
+            JSX_CLOSING_ELEMENT => "jsx_closing_element",
+            JSX_TEXT => "jsx_text",
+            JSX_NAMESPACE_NAME => "jsx_namespace_name",
             // TODO: Many more of these. We should probably find a way to
             // generate these impls from TS `grammar.js` files, combined with
             // our `js.ungram`.
@@ -91,6 +107,18 @@ impl GritTargetLanguageImpl for JsTargetLanguage {
             JS_ASSIGNMENT_EXPRESSION => &[],
             JS_CALL_EXPRESSION => &[("function", 0), ("type_arguments", 2), ("arguments", 3)],
             JS_NEW_EXPRESSION => &[],
+            JSX_ELEMENT => &[
+                ("opening_element", 0),
+                ("children", 1),
+                ("closing_element", 2),
+            ],
+            JSX_SELF_CLOSING_ELEMENT => &[("name", 1), ("attributes", 2)],
+            JSX_OPENING_ELEMENT => &[("name", 1), ("attributes", 2)],
+            JSX_CLOSING_ELEMENT => &[("name", 2)],
+            JSX_ATTRIBUTE => &[],
+            JSX_EXPRESSION_CHILD => &[("expression", 1)],
+            JSX_TEXT => &[],
+            JSX_NAMESPACE_NAME => &[("namespace", 0), ("name", 2)],
             // TODO: Many more of these. We should probably find a way to
             // generate these impls from TS `grammar.js` files, combined with
             // our `js.ungram`.

crates/biome_grit_patterns/tests/specs/tsx/jsx_nodes.grit

@@ -0,0 +1,13 @@
+engine biome(1.0)
+language js(jsx)
+
+or {
+  jsx_expression(),
+  jsx_attribute(),
+  jsx_element(),
+  jsx_self_closing_element(),
+  jsx_opening_element(),
+  jsx_closing_element(),
+  jsx_text(),
+  jsx_namespace_name()
+}

crates/biome_grit_patterns/tests/specs/tsx/jsx_nodes.snap

@@ -0,0 +1,48 @@
+---
+source: crates/biome_grit_patterns/tests/spec_tests.rs
+expression: jsx_nodes
+---
+SnapshotResult {
+    messages: [],
+    matched_ranges: [
+        "1:1-1:35",
+        "1:1-11:7",
+        "1:6-1:22",
+        "1:23-1:34",
+        "1:35-2:3",
+        "2:3-2:12",
+        "2:12-3:3",
+        "3:3-3:33",
+        "3:18-3:22",
+        "3:18-3:32",
+        "3:22-3:27",
+        "3:27-3:32",
+        "3:33-4:3",
+        "4:3-4:35",
+        "4:8-4:18",
+        "4:19-4:32",
+        "4:35-5:3",
+        "5:3-5:19",
+        "5:3-7:20",
+        "5:19-6:5",
+        "6:5-6:11",
+        "6:5-6:24",
+        "6:11-6:17",
+        "6:17-6:24",
+        "6:24-7:3",
+        "7:3-7:20",
+        "7:20-8:3",
+        "8:3-8:70",
+        "8:3-10:20",
+        "8:4-8:18",
+        "8:19-8:31",
+        "8:19-8:52",
+        "8:70-10:3",
+        "10:3-10:20",
+        "10:5-10:19",
+        "10:20-11:1",
+        "11:1-11:7",
+    ],
+    rewritten_files: [],
+    created_files: [],
+}

crates/biome_grit_patterns/tests/specs/tsx/jsx_nodes.tsx

@@ -0,0 +1,11 @@
+<div className="test" id={someId}>
+  {content}
+  {showHeader && <h1>Title</h1>}
+  <img alt="logo" src={logoSrc} />
+  <React.Fragment>
+    <span>Inside</span>
+  </React.Fragment>
+  <custom:element xmlns:custom="http://example.com" {...spreadProps}>
+    Text content here
+  </custom:element>
+</div>