Add <script> node type for embedding JavaScript, JSON, etc.

grammar.js

@@ -5,7 +5,15 @@ module.exports = grammar({
     fragment: ($) => repeat($._node),
 
     _node: ($) =>
-      choice($.doctype, $.tag, $.component, $.text, $.comment, $.directive),
+      choice(
+        $.doctype,
+        $.tag,
+        $.component,
+        $.script,
+        $.text,
+        $.comment,
+        $.directive
+      ),
 
     doctype: ($) => seq("<!", "DOCTYPE", "html", ">"),
 
@@ -22,6 +30,30 @@ module.exports = grammar({
         $.self_closing_component
       ),
 
+    script: ($) =>
+      choice(
+        seq($.start_script, $.raw_text, $.end_script),
+        $.self_closing_script
+      ),
+
+    start_script: ($) =>
+      seq(
+        "<",
+        "script",
+        repeat(choice($.attribute, $.expression, $.special_attribute)),
+        ">"
+      ),
+
+    end_script: ($) => seq("</", "script", ">"),
+
+    self_closing_script: ($) =>
+      seq(
+        "<",
+        "script",
+        repeat(choice($.attribute, $.expression, $.special_attribute)),
+        "/>"
+      ),
+
     slot: ($) =>
       choice(
         seq($.start_slot, repeat($._node), $.end_slot),
@@ -164,6 +196,9 @@ module.exports = grammar({
 
     attribute_name: ($) => token(prec(-1, /[^:<>{}"'/=\s][^<>{}"'/=\s]*/)),
 
+    // TODO: figure out why {} are treated as (ERROR (text)), see current failing test
+    raw_text: ($) => /[^\s](.*[^\s])?/,
+
     text: ($) => /[^<>{}\s]([^<>{}]*[^<>{}\s])?/,
   },
 });

package.json

@@ -23,7 +23,7 @@
   "devDependencies": {
     "nan": "^2.16.0",
     "prettier": "^2.7.1",
-    "tree-sitter-cli": "^0.20.7"
+    "tree-sitter-cli": "^0.20.8"
   },
   "tree-sitter": [
     {