fix(ecma): use scoped injections instead of combined

Use `[string_fragment template_substitution]+` pattern for scoped
injections per maintainer feedback, avoiding the cost of combined
injections. This requires splitting alternations into separate patterns
for the `fn()` and tagged template literal forms.

Assisted-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Benny Powers 2026-04-03 10:08:44 +03:00
parent 605ba7428f
commit f4f9a36fa4

View file

@ -5,51 +5,78 @@
((comment) @injection.content ((comment) @injection.content
(#set! injection.language "comment")) (#set! injection.language "comment"))
; html(`...`), html`...`, sql(`...`), etc. ; html(`...`), sql(`...`), etc.
(call_expression (call_expression
function: (identifier) @injection.language function: (identifier) @injection.language
arguments: [ arguments: (arguments
(arguments
(template_string
(string_fragment) @injection.content))
(template_string (template_string
(string_fragment) @injection.content) [
] (string_fragment) @injection.content
(template_substitution)
]+))
(#lua-match? @injection.language "^[a-zA-Z][a-zA-Z0-9]*$") (#lua-match? @injection.language "^[a-zA-Z][a-zA-Z0-9]*$")
(#set! injection.combined)
; Languages excluded from auto-injection due to special rules ; Languages excluded from auto-injection due to special rules
; - svg uses the html parser ; - svg uses the html parser
; - css uses the styled parser ; - css uses the styled parser
(#not-any-of? @injection.language "svg" "css")) (#not-any-of? @injection.language "svg" "css"))
; svg`...` or svg(`...`) ; html`...`, sql`...`, etc.
(call_expression
function: (identifier) @injection.language
arguments: (template_string
[
(string_fragment) @injection.content
(template_substitution)
]+)
(#lua-match? @injection.language "^[a-zA-Z][a-zA-Z0-9]*$")
(#not-any-of? @injection.language "svg" "css"))
; svg(`...`)
(call_expression (call_expression
function: (identifier) @_name function: (identifier) @_name
(#eq? @_name "svg") (#eq? @_name "svg")
arguments: [ arguments: (arguments
(arguments
(template_string
(string_fragment) @injection.content))
(template_string (template_string
(string_fragment) @injection.content) [
] (string_fragment) @injection.content
(#set! injection.combined) (template_substitution)
]+))
(#set! injection.language "html"))
; svg`...`
(call_expression
function: (identifier) @_name
(#eq? @_name "svg")
arguments: (template_string
[
(string_fragment) @injection.content
(template_substitution)
]+)
(#set! injection.language "html")) (#set! injection.language "html"))
; Vercel PostgreSQL ; Vercel PostgreSQL
; foo.sql`...` or foo.sql(`...`) ; foo.sql(`...`)
(call_expression (call_expression
function: (member_expression function: (member_expression
property: (property_identifier) @injection.language) property: (property_identifier) @injection.language)
arguments: [ arguments: (arguments
(arguments
(template_string
(string_fragment) @injection.content))
(template_string (template_string
(string_fragment) @injection.content) [
] (string_fragment) @injection.content
(#eq? @injection.language "sql") (template_substitution)
(#set! injection.combined)) ]+))
(#eq? @injection.language "sql"))
; foo.sql`...`
(call_expression
function: (member_expression
property: (property_identifier) @injection.language)
arguments: (template_string
[
(string_fragment) @injection.content
(template_substitution)
]+)
(#eq? @injection.language "sql"))
; Sanity CMS GROQ query ; Sanity CMS GROQ query
; defineQuery(`...`) ; defineQuery(`...`)
@ -58,30 +85,43 @@
(#eq? @_name "defineQuery") (#eq? @_name "defineQuery")
arguments: (arguments arguments: (arguments
(template_string (template_string
(string_fragment) @injection.content)) [
(#set! injection.combined) (string_fragment) @injection.content
(template_substitution)
]+))
(#set! injection.language "groq")) (#set! injection.language "groq"))
; gql`...` or gql(`...`) ; gql(`...`)
(call_expression (call_expression
function: (identifier) @_name function: (identifier) @_name
(#eq? @_name "gql") (#eq? @_name "gql")
arguments: [ arguments: (arguments
(arguments
(template_string
(string_fragment) @injection.content))
(template_string (template_string
(string_fragment) @injection.content) [
] (string_fragment) @injection.content
(#set! injection.combined) (template_substitution)
]+))
(#set! injection.language "graphql"))
; gql`...`
(call_expression
function: (identifier) @_name
(#eq? @_name "gql")
arguments: (template_string
[
(string_fragment) @injection.content
(template_substitution)
]+)
(#set! injection.language "graphql")) (#set! injection.language "graphql"))
(call_expression (call_expression
function: (identifier) @_name function: (identifier) @_name
(#eq? @_name "hbs") (#eq? @_name "hbs")
arguments: (template_string arguments: (template_string
(string_fragment) @injection.content) [
(#set! injection.combined) (string_fragment) @injection.content
(template_substitution)
]+)
(#set! injection.language "glimmer")) (#set! injection.language "glimmer"))
; css`<css>`, keyframes`<css>` ; css`<css>`, keyframes`<css>`
@ -89,8 +129,10 @@
function: (identifier) @_name function: (identifier) @_name
(#any-of? @_name "css" "keyframes") (#any-of? @_name "css" "keyframes")
arguments: (template_string arguments: (template_string
(string_fragment) @injection.content) [
(#set! injection.combined) (string_fragment) @injection.content
(template_substitution)
]+)
(#set! injection.language "styled")) (#set! injection.language "styled"))
; styled.div`<css>` ; styled.div`<css>`
@ -99,8 +141,10 @@
object: (identifier) @_name object: (identifier) @_name
(#eq? @_name "styled")) (#eq? @_name "styled"))
arguments: ((template_string arguments: ((template_string
(string_fragment) @injection.content) [
(#set! injection.combined) (string_fragment) @injection.content
(template_substitution)
]+)
(#set! injection.language "styled"))) (#set! injection.language "styled")))
; styled(Component)`<css>` ; styled(Component)`<css>`
@ -109,8 +153,10 @@
function: (identifier) @_name function: (identifier) @_name
(#eq? @_name "styled")) (#eq? @_name "styled"))
arguments: ((template_string arguments: ((template_string
(string_fragment) @injection.content) [
(#set! injection.combined) (string_fragment) @injection.content
(template_substitution)
]+)
(#set! injection.language "styled"))) (#set! injection.language "styled")))
; styled.div.attrs({ prop: "foo" })`<css>` ; styled.div.attrs({ prop: "foo" })`<css>`
@ -121,8 +167,10 @@
object: (identifier) @_name object: (identifier) @_name
(#eq? @_name "styled")))) (#eq? @_name "styled"))))
arguments: ((template_string arguments: ((template_string
(string_fragment) @injection.content) [
(#set! injection.combined) (string_fragment) @injection.content
(template_substitution)
]+)
(#set! injection.language "styled"))) (#set! injection.language "styled")))
; styled(Component).attrs({ prop: "foo" })`<css>` ; styled(Component).attrs({ prop: "foo" })`<css>`
@ -133,8 +181,10 @@
function: (identifier) @_name function: (identifier) @_name
(#eq? @_name "styled")))) (#eq? @_name "styled"))))
arguments: ((template_string arguments: ((template_string
(string_fragment) @injection.content) [
(#set! injection.combined) (string_fragment) @injection.content
(template_substitution)
]+)
(#set! injection.language "styled"))) (#set! injection.language "styled")))
((regex_pattern) @injection.content ((regex_pattern) @injection.content
@ -156,8 +206,10 @@
property: (property_identifier) @_prop property: (property_identifier) @_prop
(#any-of? @_prop "outerHTML" "innerHTML")) (#any-of? @_prop "outerHTML" "innerHTML"))
right: (template_string right: (template_string
(string_fragment) @injection.content) [
(#set! injection.combined) (string_fragment) @injection.content
(template_substitution)
]+)
(#set! injection.language "html")) (#set! injection.language "html"))
; el.innerHTML = '<html>' ; el.innerHTML = '<html>'
@ -183,8 +235,10 @@
key: ((property_identifier) @_prop key: ((property_identifier) @_prop
(#eq? @_prop "template")) (#eq? @_prop "template"))
value: ((template_string value: ((template_string
(string_fragment) @injection.content) [
(#set! injection.combined) (string_fragment) @injection.content
(template_substitution)
]+)
(#set! injection.language "angular"))))))) (#set! injection.language "angular")))))))
; @Component({ ; @Component({
@ -201,8 +255,10 @@
(#eq? @_prop "styles")) (#eq? @_prop "styles"))
value: (array value: (array
((template_string ((template_string
(string_fragment) @injection.content) [
(#set! injection.combined) (string_fragment) @injection.content
(template_substitution)
]+)
(#set! injection.language "css")))))))) (#set! injection.language "css"))))))))
; @Component({ ; @Component({
@ -218,6 +274,8 @@
key: ((property_identifier) @_prop key: ((property_identifier) @_prop
(#eq? @_prop "styles")) (#eq? @_prop "styles"))
value: ((template_string value: ((template_string
(string_fragment) @injection.content) [
(#set! injection.combined) (string_fragment) @injection.content
(template_substitution)
]+)
(#set! injection.language "css"))))))) (#set! injection.language "css")))))))