+| svelte | ✓ | ✓ | ✓ | ✓ | ✓ | `svelteserver` |

+source = { git = "https://github.com/themixednuts/tree-sitter-htmlx", rev = "3be6db3dc94478b089a64e59e4d855fc3041a7be", subpath = "crates/tree-sitter-svelte" }

+ (element)

+ (if_block)

+ (else_if_clause)

+ (else_clause)

+ (each_block)

+ (await_block)

+ (await_branch)

+ (key_block)

+ (snippet_block)

+; Tag names

+(tag_name) @tag

+; Erroneous/mismatched end tags

+(erroneous_end_tag_name) @error

+

+; DOCTYPE declaration

+(doctype) @constant

+

+; Attribute names

+(attribute_name) @attribute

+

+; Attribute values

+(attribute_value) @string

+(quoted_attribute_value) @string

+

+; Comments

+(comment) @comment

+

+; Character entities

+(entity) @string.special.symbol

+

+; Text content

+(text) @text

+

+; Raw text in script/style

+; HTML punctuation

+ "<"

+ ">"

+ "</"

+ "/>"

+ "<!"

+] @punctuation.bracket

+"=" @punctuation.delimiter

+; Component tags (PascalCase)

+((tag_name) @type (#match? @type "^[A-Z]"))

+

+; Namespaced tags (svelte:component, svelte:self, etc.)

+(tag_name

+ namespace: (tag_namespace) @keyword

+ ":" @punctuation.delimiter

+ name: (tag_local_name) @tag)

+

+; Tag member access (Foo.Bar)

+(tag_name

+ object: (tag_member) @type

+ "." @punctuation.delimiter

+ property: (tag_member) @tag)

+; Directives (on:click, bind:value, etc.)

+(attribute_directive) @keyword

+(attribute_name ":" @punctuation.delimiter)

+(attribute_identifier) @property

+(attribute_modifier) @attribute

+(attribute_modifiers "|" @punctuation.delimiter)

+; Expressions

+(expression) @embedded

+(expression_value) @embedded

+; Shorthand/spread attributes

+(shorthand_attribute content: (_) @variable)

+

+; Curly braces (expression context)

+"|" @punctuation.delimiter

+

+; Comments inside tag attribute lists

+(tag_comment kind: (line_comment) @comment)

+(tag_comment kind: (block_comment) @comment)

+

+; Block keywords

+ "if"

+ "each"

+ "await"

+ "key"

+ "snippet"

+ "else"

+ "html"

+ "debug"

+ "const"

+ "render"

+ "attach"

+ "as"

+] @keyword.control

+; Block end keywords ({/if}, {/each}, etc.)

+(block_keyword) @keyword.control

+

+; Block delimiters

+(block_open) @punctuation.bracket

+(block_close) @punctuation.bracket

+

+(shorthand_kind) @keyword.control

+(branch_kind) @keyword.control

+

+; If block

+(if_block expression: (expression) @embedded)

+(else_if_clause expression: (expression_value) @embedded)

+

+; Each block

+(each_block expression: (expression) @embedded)

+(each_block binding: (pattern) @variable)

+(each_block index: (pattern) @variable)

+(each_block key: (expression) @embedded)

+

+; Await block

+(await_block expression: (expression) @embedded)

+(await_branch (pattern) @variable)

+(await_block (pattern) @variable)

+(orphan_branch (pattern) @variable)

+

+; Key block

+(key_block expression: (expression) @embedded)

+

+; Snippet block

+(snippet_block name: (snippet_name) @function)

+(snippet_parameters parameter: (pattern) @variable)

+(snippet_type_parameters) @type

+

+; Malformed blocks

+(block_sigil) @keyword.control

+

+; Snippet/render punctuation

+[

+ "("

+ ")"

+ ","

+] @punctuation.delimiter

+ (if_block)

+ (else_if_clause)

+ (else_clause)

+ (await_branch)

+ (each_block)

+ (key_block)

+ (snippet_block)

+ (await_block)

+ (block_end)

+ (else_if_clause)

+ (else_clause)

+ (await_branch)

+; Script elements with TypeScript aliases

+((element

+ (tag_name) @_tag

+ (attribute_value) @_value)))

+ (#match? @_tag "^[Ss][Cc][Rr][Ii][Pp][Tt]$")

+ (#any-of? @_value "ts" "typescript" "text/typescript")

+; Script elements with explicit language

+((element

+ (tag_name) @_tag

+ (attribute_name) @_lang

+ (attribute_value) @injection.language)))

+ (#eq? @_tag "script")

+ (#eq? @_lang "lang")

+ (#not-any-of? @injection.language "ts" "typescript" "text/typescript"))

+

+; Script content defaults to JavaScript

+((element

+ (start_tag (tag_name) @_tag)

+ (raw_text) @injection.content)

+ (#eq? @_tag "script")

+ (#set! injection.language "javascript"))

+; Style with lang="scss"

+((element

+ (tag_name) @_tag

+ (attribute_value) @_scss)))

+ (#eq? @_tag "style")

+ (#eq? @_scss "scss")

+ (#set! injection.language "scss"))

+

+; Style with lang="sass"

+((element

+ (start_tag

+ (tag_name) @_tag

+ (attribute

+ (quoted_attribute_value

+ (attribute_value) @_sass)))

+ (raw_text) @injection.content)

+ (#eq? @_tag "style")

+ (#eq? @_sass "sass")

+ (#set! injection.language "sass"))

+; Style with lang="less"

+ (tag_name) @_tag

+ (quoted_attribute_value

+ (attribute_value) @_less)))

+ (raw_text) @injection.content)

+ (#eq? @_tag "style")

+ (#eq? @_less "less")

+ (#set! injection.language "less"))

+

+; Style with explicit language

+((element

+ (start_tag

+ (tag_name) @_tag

+ (attribute

+ (attribute_name) @_lang

+ (raw_text) @injection.content)

+ (#eq? @_tag "style")

+ (#eq? @_lang "lang")

+ (#not-any-of? @injection.language "scss" "sass" "less"))

+

+; Style content defaults to CSS when no lang attribute is present

+((element

+ (start_tag

+ (tag_name) @_tag

+ (attribute

+ (attribute_name) @_style_attr)*)

+ (raw_text) @injection.content)

+ (#eq? @_tag "style")

+ (#not-any-of? @_style_attr "lang")

+ (#set! injection.language "css"))

+

+; Inline style attribute

+((attribute

+ (attribute_name) @_style_name

+ (quoted_attribute_value (attribute_value) @injection.content))

+ (#eq? @_style_name "style")

+ (#set! injection.language "css"))

+

+; Typed expression content

+((expression content: (js) @injection.content)

+ (#set! injection.language "javascript"))

+((expression content: (ts) @injection.content)

+ (#set! injection.language "typescript"))

+

+; Shorthand attributes ({foo})

+((shorthand_attribute content: (js) @injection.content)

+ (#set! injection.language "javascript"))

+((shorthand_attribute content: (ts) @injection.content)

+ (#set! injection.language "typescript"))

+

+; Tag expressions ({@const}, {@render}, {@html}, {@debug}, {@attach}, {:else if})

+((expression_value content: (js) @injection.content)

+ (#set! injection.language "javascript"))

+((expression_value content: (ts) @injection.content)

+ (#set! injection.language "typescript"))

+

+; Else-if clause

+((else_if_clause expression: (expression_value content: (js) @injection.content))

+ (#set! injection.language "javascript"))

+((else_if_clause expression: (expression_value content: (ts) @injection.content))

+ (#set! injection.language "typescript"))

+

+; If block expressions

+((if_block expression: (expression content: (js) @injection.content))

+ (#set! injection.language "javascript"))

+((if_block expression: (expression content: (ts) @injection.content))

+ (#set! injection.language "typescript"))

+

+; Each block expressions and bindings

+((each_block expression: (expression content: (js) @injection.content))

+ (#set! injection.language "javascript"))

+((each_block expression: (expression content: (ts) @injection.content))

+ (#set! injection.language "typescript"))

+((each_block binding: (pattern content: (js) @injection.content))

+ (#set! injection.language "javascript"))

+((each_block binding: (pattern content: (ts) @injection.content))

+ (#set! injection.language "typescript"))

+((each_block index: (pattern content: (js) @injection.content))

+ (#set! injection.language "javascript"))

+((each_block index: (pattern content: (ts) @injection.content))

+ (#set! injection.language "typescript"))

+((each_block key: (expression content: (js) @injection.content))

+ (#set! injection.language "javascript"))

+((each_block key: (expression content: (ts) @injection.content))

+ (#set! injection.language "typescript"))

+

+; Await block expressions and bindings

+((await_block expression: (expression content: (js) @injection.content))

+ (#set! injection.language "javascript"))

+((await_block expression: (expression content: (ts) @injection.content))

+ (#set! injection.language "typescript"))

+((await_block (pattern content: (js) @injection.content))

+ (#set! injection.language "javascript"))

+((await_block (pattern content: (ts) @injection.content))

+ (#set! injection.language "typescript"))

+((await_branch (pattern content: (js) @injection.content))

+ (#set! injection.language "javascript"))

+((await_branch (pattern content: (ts) @injection.content))

+ (#set! injection.language "typescript"))

+((orphan_branch (pattern content: (js) @injection.content))

+ (#set! injection.language "javascript"))

+((orphan_branch (pattern content: (ts) @injection.content))

+ (#set! injection.language "typescript"))

+

+; Key block expressions

+((key_block expression: (expression content: (js) @injection.content))

+ (#set! injection.language "javascript"))

+((key_block expression: (expression content: (ts) @injection.content))

+ (#set! injection.language "typescript"))

+

+; Snippet parameters and type parameters

+((snippet_parameters parameter: (pattern content: (js) @injection.content))

+ (#set! injection.language "javascript"))

+((snippet_parameters parameter: (pattern content: (ts) @injection.content))

+ (#set! injection.language "typescript"))

+((snippet_block type_parameters: (snippet_type_parameters) @injection.content)

+ (#set! injection.language "typescript"))

+

+; Comments

+((comment) @injection.content

+ (#set! injection.language "comment"))

+(snippet_block) @local.scope

+

+(snippet_parameters

+ parameter: (pattern) @local.definition.variable.parameter)

+

+(snippet_name) @local.definition.function

+

+(tag_name) @local.reference

+[

+ (doctype)

+ (erroneous_end_tag)

+] @rainbow.scope

+

+([

+ (element)

+ ] @rainbow.scope

+ (#set! rainbow.include-children))

+ (if_block)

+ (else_if_clause)

+ (else_clause)

+ (each_block)

+ (await_block)

+ (await_branch)

+ (attach_tag)

+ (key_block)

+ (snippet_block)

+ (expression)

+[

+ "<"

+ ">"

+ "<!"

+ "</"

+ "/>"

+ (block_open)

+ (block_close)

+ "{"

+ "}"

+] @rainbow.bracket

+; Snippet declarations

+(snippet_block

+ name: (snippet_name) @name) @definition.function

+

+; Component references

+((tag_name) @name @reference.class

+ (#match? @name "^[A-Z]"))

+

+(tag_name

+ object: (tag_member) @name

+ property: (tag_member) @name) @reference.class

+(element (start_tag) (_)* @xml-element.inside (end_tag))

+

+(element) @xml-element.around

+

+(comment) @comment.around

+

+(snippet_block

+ parameters: (snippet_parameters) @parameter.inside) @function.around

+

+(snippet_name) @function.inside