helix-mirror/runtime/queries/_jsx/highlights.scm

; Opening elements
; ----------------

(jsx_opening_element ((identifier) @constructor
 (#match? @constructor "^[A-Z]")))

(jsx_opening_element (identifier) @tag)

; Closing elements
; ----------------

(jsx_closing_element ((identifier) @constructor
 (#match? @constructor "^[A-Z]")))

(jsx_closing_element (identifier) @tag)

; Self-closing elements
; ---------------------

(jsx_self_closing_element ((identifier) @constructor
 (#match? @constructor "^[A-Z]")))

(jsx_self_closing_element (identifier) @tag)

; Attributes
; ----------

(jsx_attribute (property_identifier) @variable.other.member)

; Punctuation
; -----------

; Handle attribute delimiter (<Component color="red"/>)
(jsx_attribute "=" @punctuation.delimiter)

; <Component>
(jsx_opening_element ["<" ">"] @punctuation.bracket)

; </Component>
(jsx_closing_element ["</" ">"] @punctuation.bracket)

; <Component />
(jsx_self_closing_element ["<" "/>"] @punctuation.bracket)
Refactor queries for ecma based languages (#7207) 2023-07-09 20:35:32 +04:00			`; Opening elements`
			`; ----------------`

			`(jsx_opening_element ((identifier) @constructor`
			`(#match? @constructor "^[A-Z]")))`

			`(jsx_opening_element (identifier) @tag)`

			`; Closing elements`
			`; ----------------`

			`(jsx_closing_element ((identifier) @constructor`
			`(#match? @constructor "^[A-Z]")))`

			`(jsx_closing_element (identifier) @tag)`

			`; Self-closing elements`
			`; ---------------------`

			`(jsx_self_closing_element ((identifier) @constructor`
			`(#match? @constructor "^[A-Z]")))`

			`(jsx_self_closing_element (identifier) @tag)`

			`; Attributes`
			`; ----------`

			`(jsx_attribute (property_identifier) @variable.other.member)`

			`; Punctuation`
			`; -----------`

build(tree-sitter): update javascript, typescript and tsx (#7852) * build(tree-sitter): update javascript, typescript and tsx * update revision of tree-sitter parsers for these languages. * rename `?.` to `optional_chain`, introduced in tree-sitter/tree-sitter-javascript@186f2adbf790552b354a9ba712341c7d48bdbccd. * fix(highlight): change jsx queries to match latest tree-sitter Latest tree-sitter/tree-sitter-javascript@bb1f97b643b77fc1f082d621bf533b4b14cf0c3 added some breaking changes that broke highlighting. * Remove some queries with `nested_identifier`. * Remove deprecated `jsx_fragment` from indent query. * Count `</` and `/>` as a single token. 2023-08-07 23:07:56 +04:00			`; Handle attribute delimiter (<Component color="red"/>)`
Refactor queries for ecma based languages (#7207) 2023-07-09 20:35:32 +04:00			`(jsx_attribute "=" @punctuation.delimiter)`

			`; <Component>`
			`(jsx_opening_element ["<" ">"] @punctuation.bracket)`

			`; </Component>`
build(tree-sitter): update javascript, typescript and tsx (#7852) * build(tree-sitter): update javascript, typescript and tsx * update revision of tree-sitter parsers for these languages. * rename `?.` to `optional_chain`, introduced in tree-sitter/tree-sitter-javascript@186f2adbf790552b354a9ba712341c7d48bdbccd. * fix(highlight): change jsx queries to match latest tree-sitter Latest tree-sitter/tree-sitter-javascript@bb1f97b643b77fc1f082d621bf533b4b14cf0c3 added some breaking changes that broke highlighting. * Remove some queries with `nested_identifier`. * Remove deprecated `jsx_fragment` from indent query. * Count `</` and `/>` as a single token. 2023-08-07 23:07:56 +04:00			`(jsx_closing_element ["</" ">"] @punctuation.bracket)`
Refactor queries for ecma based languages (#7207) 2023-07-09 20:35:32 +04:00
			`; <Component />`
fix typo "braket" in jsx highlights (#9910) 2024-03-18 02:36:54 +04:00			`(jsx_self_closing_element ["<" "/>"] @punctuation.bracket)`