Syntax highlight backtick quoted strings with JSX

Resolves #105
SublimeText · Aug 26, 2024 · fd7f94c · fd7f94c
1 parent 21c8ca4
commit fd7f94c
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 9 deletions.
diff --git a/CoffeeScript.sublime-syntax b/CoffeeScript.sublime-syntax
@@ -512,15 +512,12 @@ contexts:
 
   backtick-quoted-strings:
     - match: \`
-      scope: punctuation.definition.string.begin.coffee
-      push: backtick-quoted-string-body
-
-  backtick-quoted-string-body:
-    - meta_scope: meta.string.coffee string.quoted.script.coffee
-    - match: \`
-      scope: punctuation.definition.string.end.coffee
-      pop: true
-    - include: string-escapes
+      scope: meta.string.coffee string.quoted.script.coffee punctuation.definition.string.begin.coffee
+      embed: scope:source.jsx
+      embed_scope: meta.string.coffee meta.embedded.coffee source.jsx.embedded.coffee
+      escape: \`
+      escape_captures:
+        0: meta.string.coffee string.quoted.script.coffee punctuation.definition.string.end.coffee
 
   double-quoted-strings:
     - match: \"

diff --git a/tests/syntax_test_scope.coffee b/tests/syntax_test_scope.coffee
@@ -488,6 +488,23 @@ class App.Router extends Snakeskin.Router
 # ^^^ meta.string.heredoc.coffee string.quoted.single.coffee punctuation.definition.string.end.coffee
 #    ^ - meta.string - string
 
+  `
+# ^ meta.string.coffee string.quoted.script.coffee punctuation.definition.string.begin.coffee
+#  ^ meta.string.coffee meta.embedded.coffee source.jsx.embedded.coffee - string
+  var i = 0;
+# ^^^^^^^^^^^ meta.string.coffee meta.embedded.coffee source.jsx.embedded.coffee
+# ^^^ keyword.declaration
+  return (<h1>Hello {World}</h1>)
+# ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ meta.string.coffee meta.embedded.coffee source.jsx.embedded.coffee
+#         ^^^^^^^^^^^^^^^^^^^^^^ meta.group.js meta.jsx.js
+#         ^^^^ meta.tag
+#                          ^^^^^ meta.tag
+  `
+# <- meta.string.coffee meta.embedded.coffee source.jsx.embedded.coffee - string
+#^ meta.string.coffee meta.embedded.coffee source.jsx.embedded.coffee - string
+# ^ meta.string.coffee string.quoted.script.coffee punctuation.definition.string.end.coffee
+#  ^ - meta.string - string
+
   ///
 # <- - meta.string
 #^ - meta.string