zola/sublime_syntaxes/TypeScriptReact.sublime-syntax

2290 lines
91 KiB
Plaintext
Raw Normal View History

%YAML 1.2
---
# http://www.sublimetext.com/docs/3/syntax.html
name: TypeScriptReact
file_extensions:
- tsx
scope: source.tsx
contexts:
main:
- include: directives
- include: statements
- match: \A(#!).*(?=$)
scope: comment.line.shebang.ts
captures:
1: punctuation.definition.comment.ts
comment:
- match: /\*\*(?!/)
captures:
0: punctuation.definition.comment.tsx
push:
- meta_scope: comment.block.documentation.tsx
- match: \*/
captures:
0: punctuation.definition.comment.tsx
pop: true
- include: docblock
- match: /\*
captures:
0: punctuation.definition.comment.tsx
push:
- meta_scope: comment.block.tsx
- match: \*/
captures:
0: punctuation.definition.comment.tsx
pop: true
- match: '(^[ \t]+)?(?=//)'
captures:
1: punctuation.whitespace.comment.leading.tsx
push:
- match: (?=$)
pop: true
- match: //
captures:
0: punctuation.definition.comment.tsx
push:
- meta_scope: comment.line.double-slash.tsx
- match: (?=$)
pop: true
access-modifier:
- match: (?<!\.|\$)\b(abstract|public|protected|private|readonly|static)\b(?!\$)
scope: storage.modifier.tsx
after-operator-block:
- match: '(?<=[=(,\[?+!]|await|return|yield|throw|in|of|typeof|&&|\|\||\*)\s*(\{)'
captures:
1: punctuation.definition.block.tsx
push:
- meta_scope: meta.objectliteral.tsx
- match: '\}'
captures:
0: punctuation.definition.block.tsx
pop: true
- include: object-member
array-binding-pattern:
- match: '(?:(\.\.\.)\s*)?(\[)'
captures:
1: keyword.operator.rest.tsx
2: punctuation.definition.binding-pattern.array.tsx
push:
- match: '\]'
captures:
0: punctuation.definition.binding-pattern.array.tsx
pop: true
- include: binding-element
- include: punctuation-comma
array-literal:
- match: '\['
captures:
0: meta.brace.square.tsx
push:
- meta_scope: meta.array.literal.tsx
- match: '\]'
captures:
0: meta.brace.square.tsx
pop: true
- include: expression
- include: punctuation-comma
arrow-function:
- match: '(?:(?<!\.|\$)(\basync)\s*)?([_$[:alpha:]][_$[:alnum:]]*)\s*(?==>)'
scope: meta.arrow.tsx
captures:
1: storage.modifier.async.tsx
2: variable.parameter.tsx
- match: |-
(?x) (?:
(?<!\.|\$)(\basync)(?=\s*[<(])
) | ((?<![})\]])\s*
(?=
# sure shot arrow functions even if => is on new line
(
[(]\s*
(
([)]\s*:) | # ():
([_$[:alpha:]][_$[:alnum:]]*\s*:) | # [(]param:
(\.\.\.) # [(]...
)
) |
(
[<]\s*[_$[:alpha:]][_$[:alnum:]]*\s+extends\s*[^=>] # < typeparam extends
) |
# arrow function possible to detect only with => on same line
(
(<([^<>]|\<[^<>]+\>)+>\s*)? # typeparameters
\(([^()]|\([^()]*\))*\) # parameteres
(\s*:\s*(.)*)? # return type
\s*=> # arrow operator
)
)
)
captures:
1: storage.modifier.async.tsx
push:
- meta_scope: meta.arrow.tsx
- match: '(?==>|\{)'
pop: true
- include: comment
- include: type-parameters
- include: function-parameters
- include: arrow-return-type
- match: "=>"
captures:
0: storage.type.function.arrow.tsx
push:
- meta_scope: meta.arrow.tsx
- match: '(?<=\})|((?!\{)(?=\S))'
pop: true
- include: decl-block
- include: expression
arrow-return-type:
- match: (?<=\))\s*(:)
captures:
1: keyword.operator.type.annotation.tsx
push:
- meta_scope: meta.return.type.arrow.tsx
- match: '(?==>|\{)'
pop: true
- match: '(?<=:)\s*(\{)'
captures:
1: punctuation.definition.block.tsx
push:
- meta_scope: meta.object.type.tsx
- match: '\}'
captures:
0: punctuation.definition.block.tsx
pop: true
- include: type-object-members
- include: type-predicate-operator
- include: type
binding-element:
- include: comment
- include: object-binding-pattern
- include: array-binding-pattern
- include: destructuring-variable-rest
- include: variable-initializer
boolean-literal:
- match: (?<!\.|\$)\btrue\b(?!\$)
scope: constant.language.boolean.true.tsx
- match: (?<!\.|\$)\bfalse\b(?!\$)
scope: constant.language.boolean.false.tsx
case-clause:
- match: (?<!\.|\$)\b(case|default(?=:))\b(?!\$)
captures:
1: keyword.control.switch.tsx
push:
- meta_scope: case-clause.expr.tsx
- match: ":"
captures:
0: punctuation.definition.section.case-statement.tsx
pop: true
- include: expression
cast:
- include: jsx
class-or-interface-body:
- match: '\{'
captures:
0: punctuation.definition.block.tsx
push:
- match: '\}'
captures:
0: punctuation.definition.block.tsx
pop: true
- include: string
- include: comment
- include: decorator
- include: method-declaration
- include: indexer-declaration
- include: field-declaration
- include: type-annotation
- include: variable-initializer
- include: access-modifier
- include: property-accessor
- include: after-operator-block
- include: decl-block
- include: expression
- include: punctuation-comma
- include: punctuation-semicolon
class-or-interface-declaration:
- match: '(?<!\.|\$)\b(?:(export)\s+)?\b(?:(abstract)\s+)?\b(?:(class)|(interface))\b(?=\s+|/[/*])'
captures:
1: keyword.control.export.tsx
2: storage.modifier.tsx
3: storage.type.class.tsx
4: storage.type.interface.tsx
push:
- meta_scope: meta.class.tsx
- match: '(?<=\})'
captures:
1: punctuation.definition.block.tsx
pop: true
- include: comment
- include: class-or-interface-heritage
- match: "[_$[:alpha:]][_$[:alnum:]]*"
captures:
0: entity.name.type.class.tsx
- include: type-parameters
- include: class-or-interface-body
class-or-interface-heritage:
- match: (?<!\.|\$)(?:\b(extends|implements)\b)(?!\$)
captures:
1: storage.modifier.tsx
push:
- match: '(?=\{)'
captures:
1: punctuation.definition.block.tsx
pop: true
- include: comment
- include: class-or-interface-heritage
- include: type-parameters
- match: '([_$[:alpha:]][_$[:alnum:]]*)\s*(\.)(?=\s*[_$[:alpha:]][_$[:alnum:]]*(\s*\.\s*[_$[:alpha:]][_$[:alnum:]]*)*\s*([,<{]|extends|implements|//|/\*))'
captures:
1: entity.name.type.module.tsx
2: punctuation.accessor.tsx
- match: '([_$[:alpha:]][_$[:alnum:]]*)(?=\s*([,<{]|extends|implements|//|/\*))'
captures:
1: entity.other.inherited-class.tsx
- include: expression
control-statement:
- match: (?<!\.|\$)\b(catch|finally|throw|try)\b(?!\$)
scope: keyword.control.trycatch.tsx
- match: (?<!\.|\$)\b(break|continue|do|goto|while)\b(?!\$)
scope: keyword.control.loop.tsx
- match: (?<!\.|\$)\b(return)\b(?!\$)
scope: keyword.control.flow.tsx
- match: (?<!\.|\$)\b(case|default|switch)\b(?!\$)
scope: keyword.control.switch.tsx
- match: (?<!\.|\$)\b(else|if)\b(?!\$)
scope: keyword.control.conditional.tsx
- match: (?<!\.|\$)\b(with)\b(?!\$)
scope: keyword.control.with.tsx
- match: (?<!\.|\$)\b(debugger)\b(?!\$)
scope: keyword.other.debugger.tsx
- match: (?<!\.|\$)\b(declare)\b(?!\$)
scope: storage.modifier.tsx
decl-block:
- match: '\{'
captures:
0: punctuation.definition.block.tsx
push:
- meta_scope: meta.block.tsx
- match: '\}'
captures:
0: punctuation.definition.block.tsx
pop: true
- include: statements
declaration:
- include: decorator
- include: var-expr
- include: function-declaration
- include: class-or-interface-declaration
- include: type-declaration
- include: enum-declaration
- include: namespace-declaration
- include: import-equals-declaration
- include: import-declaration
- include: export-declaration
decorator:
- match: (?<!\.|\$)\@
captures:
0: punctuation.decorator.tsx
push:
- meta_scope: meta.decorator.tsx
- match: (?=\s)
pop: true
- include: expression
destructuring-parameter:
- match: '(?<!=|:)\s*(\{)'
captures:
1: punctuation.definition.binding-pattern.object.tsx
push:
- meta_scope: meta.parameter.object-binding-pattern.tsx
- match: '\}'
captures:
0: punctuation.definition.binding-pattern.object.tsx
pop: true
- include: parameter-object-binding-element
- match: '(?<!=|:)\s*(\[)'
captures:
1: punctuation.definition.binding-pattern.array.tsx
push:
- meta_scope: meta.paramter.array-binding-pattern.tsx
- match: '\]'
captures:
0: punctuation.definition.binding-pattern.array.tsx
pop: true
- include: parameter-binding-element
- include: punctuation-comma
destructuring-parameter-rest:
- match: '(?:(\.\.\.)\s*)?([_$[:alpha:]][_$[:alnum:]]*)'
captures:
1: keyword.operator.rest.tsx
2: variable.parameter.tsx
destructuring-variable:
- match: '(?<!=|:|of|in)\s*(?=\{)'
push:
- meta_scope: meta.object-binding-pattern-variable.tsx
- match: '(?=$|[;,=}]|(\s+(of|in)\s+))'
pop: true
- include: object-binding-pattern
- include: type-annotation
- include: comment
- match: '(?<!=|:|of|in)\s*(?=\[)'
push:
- meta_scope: meta.array-binding-pattern-variable.tsx
- match: '(?=$|[;,=}]|(\s+(of|in)\s+))'
pop: true
- include: array-binding-pattern
- include: type-annotation
- include: comment
destructuring-variable-rest:
- match: '(?:(\.\.\.)\s*)?([_$[:alpha:]][_$[:alnum:]]*)'
captures:
1: keyword.operator.rest.tsx
2: meta.definition.variable.tsx variable.other.readwrite.tsx
directives:
- match: '^(///)\s*(?=<(reference|amd-dependency|amd-module)(\s+(path|types|no-default-lib|name)\s*=\s*((\''[^'']*\'')|(\"[^"]*\")))+\s*/>\s*$)'
captures:
1: punctuation.definition.comment.tsx
push:
- meta_scope: comment.line.triple-slash.directive.tsx
- match: (?=$)
pop: true
- match: (<)(reference|amd-dependency|amd-module)
captures:
1: punctuation.definition.tag.directive.tsx
2: entity.name.tag.directive.tsx
push:
- meta_scope: meta.tag.tsx
- match: />
captures:
0: punctuation.definition.tag.directive.tsx
pop: true
- match: path|types|no-default-lib|name
scope: entity.other.attribute-name.directive.tsx
- match: "="
scope: keyword.operator.assignment.tsx
- include: string
docblock:
- match: |-
(?x)(?<!\w)@(
abstract|access|alias|arg|argument|async|attribute|augments|author|beta|borrows|bubbes|callback|chainable|class
|classdesc|code|config|const|constant|constructor|constructs|copyright|default|defaultvalue|define|deprecated|desc
|description|dict|emits|enum|event|example|exports?|extends|extension|extension_for|extensionfor|external|file
|fileoverview|final|fires|for|function|global|host|ignore|implements|implicitCast|inherit[Dd]oc|inner|instance
|interface|kind|lends|license|listens|main|member|memberof|method|mixex|mixins?|modifies|module|name|namespace
|noalias|nocollapse|nocompile|nosideeffects|override|overview|package|param|preserve|private|prop|property
|protected|public|read[Oo]nly|record|require[ds]|returns?|see|since|static|struct|submodule|summary|suppress
|template|this|throws|todo|type|typedef|unrestricted|uses|var|variation|version|virtual|writeOnce)\b
scope: storage.type.class.jsdoc
- match: |-
(?x)
(
\[
[^\]]+ # Optional [link text] preceding {@link syntax}
\]
(?! # Check to avoid highlighting two sets of link text
{
@\w+ # Tagname
\s+
[^\s|}]+ # Namepath/URL
[\s|] # Whitespace or bar delimiting description
[^}]*
}
)
)?
(?:
{
(
@
(?: link # Name of tag
| linkcode
| linkplain
| tutorial
)
)
\s+
([^\s|}]+) # Namepath or URL
(?: # Optional link text following link target
[\s|] # Bar or space separating target and text
[^}]* # Actual text
)?
}
)
scope: other.meta.jsdoc
captures:
0: entity.name.type.instance.jsdoc
1: constant.other.description.jsdoc
2: storage.type.class.jsdoc
3: variable.other.description.jsdoc
- match: |-
(?x)
(?:(?<=@param)|(?<=@arg)|(?<=@argument)|(?<=@type)|(?<=@property)|(?<=@prop))
\s+
({(?:
\* | # {*} any type
\? | # {?} unknown type
(?:
(?: # Check for a prefix
\? | # {?string} nullable type
! | # {!string} non-nullable type
\.{3} # {...string} variable number of parameters
)?
(?:
(?:
function # {function(string, number)} function type
\s*
\(
\s*
(?:
[a-zA-Z_$][\w$]*
(?:
\s*,\s*
[a-zA-Z_$][\w$]*
)*
)?
\s*
\)
(?: # {function(): string} function return type
\s*:\s*
[a-zA-Z_$][\w$]*
)?
)?
|
(?:
\( # Opening bracket of multiple types with parenthesis {(string|number)}
[a-zA-Z_$]+
(?:
(?:
[\w$]*
(?:\[\])? # {(string[]|number)} type application, an array of strings or a number
) |
\.?<[\w$]+(?:,\s+[\w$]+)*> # {Array<string>} or {Object<string, number>} type application (optional .)
)
(?:
[\.|~] # {Foo.bar} namespaced, {string|number} multiple, {Foo~bar} class-specific callback
[a-zA-Z_$]+
(?:
(?:
[\w$]*
(?:\[\])? # {(string|number[])} type application, a string or an array of numbers
) |
\.?<[\w$]+(?:,\s+[\w$]+)*> # {Array<string>} or {Object<string, number>} type application (optional .)
)
)*
\) |
[a-zA-Z_$]+
(?:
(?:
[\w$]*
(?:\[\])? # {(string|number[])} type application, a string or an array of numbers
) |
\.?<[\w$]+(?:,\s+[\w$]+)*> # {Array<string>} or {Object<string, number>} type application (optional .)
)
(?:
[\.|~] # {Foo.bar} namespaced, {string|number} multiple, {Foo~bar} class-specific callback
[a-zA-Z_$]+
(?:
[\w$]* |
\.?<[\w$]+(?:,\s+[\w$]+)*> # {Array<string>} or {Object<string, number>} type application (optional .)
)
)*
)
)
# Check for suffix
(?:\[\])? # {string[]} type application, an array of strings
=? # {string=} optional parameter
)
)})
\s+
(
\[ # [foo] optional parameter
\s*
(?:
[a-zA-Z_$][\w$]*
(?:
(?:\[\])? # Foo[].bar properties within an array
\. # Foo.Bar namespaced parameter
[a-zA-Z_$][\w$]*
)*
(?:
\s*
= # [foo=bar] Default parameter value
\s*
[\w$\s]*
)?
)
\s*
\] |
(?:
[a-zA-Z_$][\w$]*
(?:
(?:\[\])? # Foo[].bar properties within an array
\. # Foo.Bar namespaced parameter
[a-zA-Z_$][\w$]*
)*
)?
)
\s+
(?:-\s+)? # optional hyphen before the description
((?:(?!\*\/).)*) # The type description
captures:
0: other.meta.jsdoc
1: entity.name.type.instance.jsdoc
2: variable.other.jsdoc
3: other.description.jsdoc
- match: |-
(?x)
({(?:
\* | # {*} any type
\? | # {?} unknown type
(?:
(?: # Check for a prefix
\? | # {?string} nullable type
! | # {!string} non-nullable type
\.{3} # {...string} variable number of parameters
)?
(?:
(?:
function # {function(string, number)} function type
\s*
\(
\s*
(?:
[a-zA-Z_$][\w$]*
(?:
\s*,\s*
[a-zA-Z_$][\w$]*
)*
)?
\s*
\)
(?: # {function(): string} function return type
\s*:\s*
[a-zA-Z_$][\w$]*
)?
)?
|
(?:
\( # Opening bracket of multiple types with parenthesis {(string|number)}
[a-zA-Z_$]+
(?:
[\w$]* |
\.?<[\w$]+(?:,\s+[\w$]+)*> # {Array<string>} or {Object<string, number>} type application (optional .)
)
(?:
[\.|~] # {Foo.bar} namespaced, {string|number} multiple, {Foo~bar} class-specific callback
[a-zA-Z_$]+
(?:
[\w$]* |
\.?<[\w$]+(?:,\s+[\w$]+)*> # {Array<string>} or {Object<string, number>} type application (optional .)
)
)*
\) |
[a-zA-Z_$]+
(?:
[\w$]* |
\.?<[\w$]+(?:,\s+[\w$]+)*> # {Array<string>} or {Object<string, number>} type application (optional .)
)
(?:
[\.|~] # {Foo.bar} namespaced, {string|number} multiple, {Foo~bar} class-specific callback
[a-zA-Z_$]+
(?:
[\w$]* |
\.?<[\w$]+(?:,\s+[\w$]+)*> # {Array<string>} or {Object<string, number>} type application (optional .)
)
)*
)
)
# Check for suffix
(?:\[\])? # {string[]} type application, an array of strings
=? # {string=} optional parameter
)
)})
\s+
(?:-\s+)? # optional hyphen before the description
((?:(?!\*\/).)*) # The type description
captures:
0: other.meta.jsdoc
1: entity.name.type.instance.jsdoc
2: other.description.jsdoc
enum-declaration:
- match: '(?<!\.|\$)(?:(\bexport)\s+)?(?:\b(const)\s+)?\b(enum)\s+([_$[:alpha:]][_$[:alnum:]]*)'
captures:
1: keyword.control.export.tsx
2: storage.modifier.tsx
3: storage.type.enum.tsx
4: entity.name.type.enum.tsx
push:
- meta_scope: meta.enum.declaration.tsx
- match: '(?<=\})'
pop: true
- include: comment
- match: '\{'
captures:
0: punctuation.definition.block.tsx
push:
- match: '\}'
captures:
0: punctuation.definition.block.tsx
pop: true
- include: comment
- match: "([_$[:alpha:]][_$[:alnum:]]*)"
captures:
0: variable.other.enummember.tsx
push:
- match: '(?=,|\}|$)'
pop: true
- include: comment
- include: variable-initializer
- match: '(?=((\''[^'']*\'')|(\"[^"]*\")|(\[([^\[\]]|\[[^\[\]]*\])+\])))'
push:
- match: '(?=,|\}|$)'
pop: true
- include: string
- include: array-literal
- include: comment
- include: variable-initializer
- include: punctuation-comma
export-declaration:
- match: '(?<!\.|\$)\b(export)\s+(as)\s+(namespace)\s+([_$[:alpha:]][_$[:alnum:]]*)'
captures:
1: keyword.control.export.tsx
2: keyword.control.as.tsx
3: storage.type.namespace.tsx
4: entity.name.type.module.tsx
- match: (?<!\.|\$)\b(export)(?:(?:\s*(=))|(?:\s+(default)(?=\s+)))
captures:
1: keyword.control.export.tsx
2: keyword.operator.assignment.tsx
3: keyword.control.default.tsx
push:
- meta_scope: meta.export.default.tsx
- match: (?=;|\bexport\b|\bfunction\b|\bclass\b|\binterface\b|\blet\b|\bvar\b|\bconst\b|\bimport\b|\benum\b|\bnamespace\b|\bmodule\b|\btype\b|\babstract\b|\bdeclare\b|\basync\b|$)
pop: true
- include: expression
- match: (?<!\.|\$)\b(export)(?!(\s*:)|(\$))\b
captures:
0: keyword.control.export.tsx
push:
- meta_scope: meta.export.tsx
- match: (?=;|\bexport\b|\bfunction\b|\bclass\b|\binterface\b|\blet\b|\bvar\b|\bconst\b|\bimport\b|\benum\b|\bnamespace\b|\bmodule\b|\btype\b|\babstract\b|\bdeclare\b|\basync\b|$)
pop: true
- include: import-export-declaration
expression:
- include: jsx
- include: string
- include: regex
- include: template
- include: comment
- include: function-expression
- include: class-or-interface-declaration
- include: arrow-function
- include: cast
- include: ternary-expression
- include: new-expr
- include: object-literal
- include: expression-operators
- include: function-call
- include: literal
- include: support-objects
- include: identifiers
- include: paren-expression
- include: punctuation-comma
- include: punctuation-accessor
expression-operators:
- match: (?<!\.|\$)\b(await)\b(?!\$)
scope: keyword.control.flow.tsx
- match: (?<!\.|\$)\b(yield)\b(?!\$)(?:\s*(\*))?
captures:
1: keyword.control.flow.tsx
2: keyword.generator.asterisk.tsx
- match: (?<!\.|\$)\bdelete\b(?!\$)
scope: keyword.operator.expression.delete.tsx
- match: (?<!\.|\$)\bin\b(?!\$)
scope: keyword.operator.expression.in.tsx
- match: (?<!\.|\$)\bof\b(?!\$)
scope: keyword.operator.expression.of.tsx
- match: (?<!\.|\$)\binstanceof\b(?!\$)
scope: keyword.operator.expression.instanceof.tsx
- match: (?<!\.|\$)\bnew\b(?!\$)
scope: keyword.operator.new.tsx
- include: typeof-operator
- match: (?<!\.|\$)\bvoid\b(?!\$)
scope: keyword.operator.expression.void.tsx
- match: (?<!\.|\$)\bas\b(?!\$)
captures:
0: keyword.control.as.tsx
push:
- match: '(?=$|[;,:})\]])'
pop: true
- include: type
- match: \.\.\.
scope: keyword.operator.spread.tsx
- match: \*=|(?<!\()/=|%=|\+=|\-=
scope: keyword.operator.assignment.compound.tsx
- match: \&=|\^=|<<=|>>=|>>>=|\|=
scope: keyword.operator.assignment.compound.bitwise.tsx
- match: "<<|>>>|>>"
scope: keyword.operator.bitwise.shift.tsx
- match: "===|!==|==|!="
scope: keyword.operator.comparison.tsx
- match: <=|>=|<>|<|>
scope: keyword.operator.relational.tsx
- match: \!|&&|\|\|
scope: keyword.operator.logical.tsx
- match: \&|~|\^|\|
scope: keyword.operator.bitwise.tsx
- match: \=
scope: keyword.operator.assignment.tsx
- match: "--"
scope: keyword.operator.decrement.tsx
- match: \+\+
scope: keyword.operator.increment.tsx
- match: '%|\*|/|-|\+'
scope: keyword.operator.arithmetic.tsx
- match: '(?<=[_$[:alnum:])])\s*(/)(?![/*])'
captures:
1: keyword.operator.arithmetic.tsx
field-declaration:
- match: '(?<!\()(?:(?<!\.|\$)\b(readonly)\s+)?(?=(([_$[:alpha:]][_$[:alnum:]]*)|(\''[^'']*\'')|(\"[^"]*\")|(\[([^\[\]]|\[[^\[\]]*\])+\]))\s*(\?\s*)?(=|:))'
captures:
1: storage.modifier.tsx
push:
- meta_scope: meta.field.declaration.tsx
- match: '(?=\}|;|,|$)|(?<=\})'
pop: true
- include: variable-initializer
- match: '(?=((?:[_$[:alpha:]][_$[:alnum:]]*)|(?:\''[^'']*\'')|(?:\"[^"]*\")|(\[([^\[\]]|\[[^\[\]]*\])+\]))\s*(\?\s*)?(=|:))'
push:
- match: '(?=[};,=]|$)|(?<=\})'
pop: true
- include: type-annotation
- include: string
- include: array-literal
- include: comment
- match: |-
(?x)([_$[:alpha:]][_$[:alnum:]]*)(?=(\?\s*)?\s*
(=\s*(
(async\s+) |
(function\s*[(<]) |
(function\s+) |
([_$[:alpha:]][_$[:alnum:]]*\s*=>) |
([(]\s*(([)]\s*:)|([_$[:alpha:]][_$[:alnum:]]*\s*:)|(\.\.\.) )) |
([<]\s*[_$[:alpha:]][_$[:alnum:]]*((\s+extends\s*[^=>])|(\s*[,]))) |
((<([^<>]|\<[^<>]+\>)+>\s*)?\(([^()]|\([^()]*\))*\)(\s*:\s*(.)*)?\s*=>))
) |
(:\s*(
(<) |
([(]\s*(
([)]) |
(\.\.\.) |
([_$[:alnum:]]+\s*(
([:,?=])|
([)]\s*=>)
))
)))
)
)
scope: meta.definition.property.tsx entity.name.function.tsx
- match: "[_$[:alpha:]][_$[:alnum:]]*"
scope: meta.definition.property.tsx variable.object.property.tsx
- match: \?
scope: keyword.operator.optional.tsx
for-loop:
- match: (?<!\.|\$)\b(for)(?:\s+(await))?\s*(\()
captures:
1: keyword.control.loop.tsx
2: keyword.control.loop.tsx
3: meta.brace.round.tsx
push:
- match: \)
captures:
0: meta.brace.round.tsx
pop: true
- include: var-expr
- include: expression
- include: punctuation-semicolon
function-call:
- match: '(?=(([_$[:alpha:]][_$[:alnum:]]*\s*\.\s*)*|(\.\s*)?)([_$[:alpha:]][_$[:alnum:]]*)\s*(<([^<>]|\<[^<>]+\>)+>\s*)?\()'
push:
- match: '(?<=\))(?!(([_$[:alpha:]][_$[:alnum:]]*\s*\.\s*)*|(\.\s*)?)([_$[:alpha:]][_$[:alnum:]]*)\s*(<([^<>]|\<[^<>]+\>)+>\s*)?\()'
pop: true
- include: literal
- include: support-objects
- include: object-identifiers
- include: punctuation-accessor
- match: "([_$[:alpha:]][_$[:alnum:]]*)"
scope: entity.name.function.tsx
- include: comment
- match: \<
captures:
0: punctuation.definition.typeparameters.begin.tsx
push:
- meta_scope: meta.type.parameters.tsx
- match: \>
captures:
0: punctuation.definition.typeparameters.end.tsx
pop: true
- include: type
- include: punctuation-comma
- include: paren-expression
function-declaration:
- match: '(?<!\.|\$)\b(?:(export)\s+)?(?:(async)\s+)?(function\b)(?:\s*(\*))?(?:(?:\s+|(?<=\*))([_$[:alpha:]][_$[:alnum:]]*))?\s*'
captures:
1: keyword.control.export.tsx
2: storage.modifier.async.tsx
3: storage.type.function.tsx
4: keyword.generator.asterisk.tsx
5: meta.definition.function.tsx entity.name.function.tsx
push:
- meta_scope: meta.function.tsx
- match: '(?=$|;)|(?<=\})'
pop: true
- include: comment
- include: type-parameters
- include: function-parameters
- include: return-type
- include: decl-block
function-expression:
- match: '(?<!\.|\$)\b(?:(async)\s+)?(function\b)(?:\s*(\*))?(?:(?:\s+|(?<=\*))([_$[:alpha:]][_$[:alnum:]]*))?\s*'
captures:
1: storage.modifier.async.tsx
2: storage.type.function.tsx
3: keyword.generator.asterisk.tsx
4: meta.definition.function.tsx entity.name.function.tsx
push:
- meta_scope: meta.function.expression.tsx
- match: '(?<=\})'
pop: true
- include: comment
- include: type-parameters
- include: function-parameters
- include: return-type
- include: decl-block
function-parameters:
- match: \(
captures:
0: punctuation.definition.parameters.begin.tsx
push:
- meta_scope: meta.parameters.tsx
- match: \)
captures:
0: punctuation.definition.parameters.end.tsx
pop: true
- include: comment
- include: decorator
- include: destructuring-parameter
- include: parameter-name
- include: type-annotation
- include: variable-initializer
- match: ","
scope: punctuation.separator.parameter.tsx
identifiers:
- include: object-identifiers
- match: |-
(?x)(?:(\.)\s*)?([_$[:alpha:]][_$[:alnum:]]*)(?=\s*=\s*(
(async\s+)|(function\s*[(<])|(function\s+)|
([_$[:alpha:]][_$[:alnum:]]*\s*=>)|
([(]\s*(([)]\s*:)|([_$[:alpha:]][_$[:alnum:]]*\s*:)|(\.\.\.) )) |
([<]\s*[_$[:alpha:]][_$[:alnum:]]*((\s+extends\s*[^=>])|(\s*[,]))) |
((<([^<>]|\<[^<>]+\>)+>\s*)?\(([^()]|\([^()]*\))*\)(\s*:\s*(.)*)?\s*=>)))
captures:
1: punctuation.accessor.tsx
2: entity.name.function.tsx
- match: '(\.)\s*([[:upper:]][_$[:digit:][:upper:]]*)(?![_$[:alnum:]])'
captures:
1: punctuation.accessor.tsx
2: variable.other.constant.property.tsx
- match: '(\.)\s*([_$[:alpha:]][_$[:alnum:]]*)'
captures:
1: punctuation.accessor.tsx
2: variable.other.property.tsx
- match: "([[:upper:]][_$[:digit:][:upper:]]*)(?![_$[:alnum:]])"
scope: variable.other.constant.tsx
- match: "[_$[:alpha:]][_$[:alnum:]]*"
scope: variable.other.readwrite.tsx
import-declaration:
- match: (?<!\.|\$)(?:(\bexport)\s+)?\b(import)(?!(\s*:)|(\$))\b
captures:
1: keyword.control.export.tsx
2: keyword.control.import.tsx
push:
- meta_scope: meta.import.tsx
- match: (?=;|$)
pop: true
- include: import-export-declaration
import-equals-declaration:
- match: '(?<!\.|\$)(?:(\bexport)\s+)?\b(import)\s+([_$[:alpha:]][_$[:alnum:]]*)\s*(=)\s*(require)\s*(\()'
captures:
1: keyword.control.export.tsx
2: keyword.control.import.tsx
3: variable.other.readwrite.alias.tsx
4: keyword.operator.assignment.tsx
5: keyword.control.require.tsx
6: meta.brace.round.tsx
push:
- meta_scope: meta.import-equals.external.tsx
- match: \)
captures:
0: meta.brace.round.tsx
pop: true
- include: comment
- include: string
- match: '(?<!\.|\$)(?:(\bexport)\s+)?\b(import)\s+([_$[:alpha:]][_$[:alnum:]]*)\s*(=)\s*(?!require\b)'
captures:
1: keyword.control.export.tsx
2: keyword.control.import.tsx
3: variable.other.readwrite.alias.tsx
4: keyword.operator.assignment.tsx
push:
- meta_scope: meta.import-equals.internal.tsx
- match: (?=;|$)
pop: true
- include: comment
- match: '([_$[:alpha:]][_$[:alnum:]]*)\s*(\.)'
captures:
1: entity.name.type.module.tsx
2: punctuation.accessor.tsx
- match: "([_$[:alpha:]][_$[:alnum:]]*)"
scope: variable.other.readwrite.tsx
import-export-block:
- match: '\{'
captures:
0: punctuation.definition.block.tsx
push:
- meta_scope: meta.block.tsx
- match: '\}'
captures:
0: punctuation.definition.block.tsx
pop: true
- include: import-export-clause
import-export-clause:
- include: comment
- match: |-
(?x) (?: \b(default)\b | (\*) | ([_$[:alpha:]][_$[:alnum:]]*)) \s+
(as) \s+ (?: (\b default \b | \*) | ([_$[:alpha:]][_$[:alnum:]]*))
comment: (default|*|name) as alias
captures:
1: keyword.control.default.tsx
2: constant.language.import-export-all.tsx
3: variable.other.readwrite.tsx
4: keyword.control.as.tsx
5: invalid.illegal.tsx
6: variable.other.readwrite.alias.tsx
- include: punctuation-comma
- match: \*
scope: constant.language.import-export-all.tsx
- match: \b(default)\b
scope: keyword.control.default.tsx
- match: "([_$[:alpha:]][_$[:alnum:]]*)"
scope: variable.other.readwrite.alias.tsx
import-export-declaration:
- include: comment
- include: string
- include: import-export-block
- match: \bfrom\b
scope: keyword.control.from.tsx
- include: import-export-clause
indexer-declaration:
- match: '(?:(?<!\.|\$)\b(readonly)\s*)?(\[)\s*([_$[:alpha:]][_$[:alnum:]]*)\s*(?=:)'
captures:
1: storage.modifier.tsx
2: meta.brace.square.tsx
3: variable.parameter.tsx
push:
- meta_scope: meta.indexer.declaration.tsx
- match: '(\])\s*(\?\s*)?|$'
captures:
1: meta.brace.square.tsx
2: keyword.operator.optional.tsx
pop: true
- include: type-annotation
indexer-mapped-type-declaration:
- match: '(?:(?<!\.|\$)\b(readonly)\s*)?(\[)\s*([_$[:alpha:]][_$[:alnum:]]*)\s+(in)\s+'
captures:
1: storage.modifier.tsx
2: meta.brace.square.tsx
3: entity.name.type.tsx
4: keyword.operator.expression.in.tsx
push:
- meta_scope: meta.indexer.mappedtype.declaration.tsx
- match: '(\])\s*(\?\s*)?|$'
captures:
1: meta.brace.square.tsx
2: keyword.operator.optional.tsx
pop: true
- include: type
jsx:
- include: jsx-tag-without-attributes
- include: jsx-tag-in-expression
- include: jsx-tag-invalid
jsx-child-tag:
- match: |-
(?x)
(?=(<)\s*
([_$a-zA-Z][-$\w.]*(?<!\.|-))
(?=\s+(?!\?)|/?>))
push:
- match: '(/>)|(?:(</)\s*([_$a-zA-Z][-$\w.]*(?<!\.|-))\s*(>))'
captures:
0: meta.tag.tsx
1: punctuation.definition.tag.end.tsx
2: punctuation.definition.tag.begin.tsx
3: entity.name.tag.tsx
4: punctuation.definition.tag.end.tsx
pop: true
- include: jsx-tag
jsx-children:
- include: jsx-tag-without-attributes
- include: jsx-child-tag
- include: jsx-tag-invalid
- include: jsx-evaluated-code
- include: jsx-entities
jsx-entities:
- match: "(&)([a-zA-Z0-9]+|#[0-9]+|#x[0-9a-fA-F]+)(;)"
scope: constant.character.entity.tsx
captures:
1: punctuation.definition.entity.tsx
3: punctuation.definition.entity.tsx
- match: "&"
scope: invalid.illegal.bad-ampersand.tsx
jsx-evaluated-code:
- match: '\{'
captures:
0: punctuation.section.embedded.begin.tsx
push:
- meta_scope: meta.embedded.expression.tsx
- match: '\}'
captures:
0: punctuation.section.embedded.end.tsx
pop: true
- include: expression
jsx-string-double-quoted:
- match: '"'
captures:
0: punctuation.definition.string.begin.tsx
push:
- meta_scope: string.quoted.double.tsx
- match: '"'
captures:
0: punctuation.definition.string.end.tsx
pop: true
- include: jsx-entities
jsx-string-single-quoted:
- match: "'"
captures:
0: punctuation.definition.string.begin.tsx
push:
- meta_scope: string.quoted.single.tsx
- match: "'"
captures:
0: punctuation.definition.string.end.tsx
pop: true
- include: jsx-entities
jsx-tag:
- match: |-
(?x)
(?=(<)\s*
([_$a-zA-Z][-$\w.]*(?<!\.|-))
(?=\s+(?!\?)|/?>))
push:
- meta_scope: meta.tag.tsx
- match: '(?=(/>)|(?:(</)\s*([_$a-zA-Z][-$\w.]*(?<!\.|-))\s*(>)))'
pop: true
- match: |-
(?x)
(<)\s*
([_$a-zA-Z][-$\w.]*(?<!\.|-))
(?=\s+(?!\?)|/?>)
captures:
1: punctuation.definition.tag.begin.tsx
2: entity.name.tag.tsx
push:
- match: "(?=[/]?>)"
pop: true
- include: comment
- include: jsx-tag-attributes
- include: jsx-tag-attributes-illegal
- match: (>)
captures:
1: punctuation.definition.tag.end.tsx
push:
- meta_content_scope: meta.jsx.children.tsx
- match: (?=</)
pop: true
- include: jsx-children
jsx-tag-attribute-assignment:
- match: '=(?=\s*(?:''|"|{|/\*|//|\n))'
scope: keyword.operator.assignment.tsx
jsx-tag-attribute-name:
- match: |-
(?x)
\s*
([_$a-zA-Z][-$\w]*)
(?=\s|=|/?>|/\*|//)
captures:
1: entity.other.attribute-name.tsx
jsx-tag-attributes:
- include: jsx-tag-attribute-name
- include: jsx-tag-attribute-assignment
- include: jsx-string-double-quoted
- include: jsx-string-single-quoted
- include: jsx-evaluated-code
jsx-tag-attributes-illegal:
- match: \S+
scope: invalid.illegal.attribute.tsx
jsx-tag-in-expression:
- match: |-
(?x)
(?<=[({\[,?=>:*]|&&|\|\||\?|\Wreturn|^return|\Wdefault|^)\s*
(?!(<)\s*([_$a-zA-Z][-$\w.]*(?<!\.|-))\s*(>)) #look ahead is not start of tag without attributes
(?!<\s*[_$[:alpha:]][_$[:alnum:]]*((\s+extends\s+[^=>])|,)) # look ahead is not type parameter of arrow
(?=(<)\s*
([_$a-zA-Z][-$\w.]*(?<!\.|-))
(?=\s+(?!\?)|/?>))
push:
- match: '(/>)|(?:(</)\s*([_$a-zA-Z][-$\w.]*(?<!\.|-))\s*(>))'
captures:
0: meta.tag.tsx
1: punctuation.definition.tag.end.tsx
2: punctuation.definition.tag.begin.tsx
3: entity.name.tag.tsx
4: punctuation.definition.tag.end.tsx
pop: true
- include: jsx-tag
jsx-tag-invalid:
- match: <\s*>
scope: invalid.illegal.tag.incomplete.tsx
jsx-tag-without-attributes:
- match: '(<)\s*([_$a-zA-Z][-$\w.]*(?<!\.|-))\s*(>)'
captures:
1: punctuation.definition.tag.begin.tsx
2: entity.name.tag.tsx
3: punctuation.definition.tag.end.tsx
push:
- meta_scope: meta.tag.without-attributes.tsx
- meta_content_scope: meta.jsx.children.tsx
- match: '(</)\s*([_$a-zA-Z][-$\w.]*(?<!\.|-))\s*(>)'
captures:
1: punctuation.definition.tag.begin.tsx
2: entity.name.tag.tsx
3: punctuation.definition.tag.end.tsx
pop: true
- include: jsx-children
literal:
- include: numeric-literal
- include: boolean-literal
- include: null-literal
- include: undefined-literal
- include: numericConstant-literal
- include: array-literal
- include: this-literal
- include: super-literal
method-declaration:
- match: '(?<!\.|\$)(?:\b(public|private|protected)\s+)?(?:\b(abstract)\s+)?(?:\b(async)\s+)?(?:\b(get|set)\s+)?(?:(?:\b(?:(new)|(constructor))\b(?!\$|:))|(?:(\*)\s*)?(?=((([_$[:alpha:]][_$[:alnum:]]*)|(\''[^'']*\'')|(\"[^"]*\")|(\[([^\[\]]|\[[^\[\]]*\])+\]))\s*(\??))?\s*[\(\<]))'
captures:
1: storage.modifier.tsx
2: storage.modifier.tsx
3: storage.modifier.async.tsx
4: storage.type.property.tsx
5: keyword.operator.new.tsx
6: storage.type.tsx
7: keyword.generator.asterisk.tsx
push:
- meta_scope: meta.method.declaration.tsx
- match: '(?=\}|;|,|$)|(?<=\})'
pop: true
- include: method-declaration-name
- include: comment
- include: type-parameters
- include: function-parameters
- include: return-type
- include: decl-block
method-declaration-name:
- match: '(?=(([_$[:alpha:]][_$[:alnum:]]*)|(\''[^'']*\'')|(\"[^"]*\")|(\[([^\[\]]|\[[^\[\]]*\])+\]))\s*(\??)\s*[\(\<])'
push:
- match: (?=\(|\<)
pop: true
- include: string
- include: array-literal
- match: "[_$[:alpha:]][_$[:alnum:]]*"
scope: meta.definition.method.tsx entity.name.function.tsx
- match: \?
scope: keyword.operator.optional.tsx
namespace-declaration:
- match: '(?<!\.|\$)(?:(\bexport)\s+)?\b(namespace|module)\s+(?=[_$[:alpha:]"''`])'
captures:
1: keyword.control.export.tsx
2: storage.type.namespace.tsx
push:
- meta_scope: meta.namespace.declaration.tsx
- match: '(?=$|\{)'
pop: true
- include: comment
- include: string
- match: "([_$[:alpha:]][_$[:alnum:]]*)"
scope: entity.name.type.module.tsx
- include: punctuation-accessor
new-expr:
- match: (?<!\.|\$)\b(new)\b(?!\$)
captures:
1: keyword.operator.new.tsx
push:
- meta_scope: new.expr.tsx
- match: '(?<=\))|(?=[;),}]|$|((?<!\.|\$)\bnew\b(?!\$)))'
pop: true
- include: paren-expression
- include: class-or-interface-declaration
- include: type
null-literal:
- match: (?<!\.|\$)\bnull\b(?!\$)
scope: constant.language.null.tsx
numeric-literal:
- match: '\b(?<!\$)0(x|X)[0-9a-fA-F]+\b(?!\$)'
scope: constant.numeric.hex.tsx
- match: '\b(?<!\$)0(b|B)[01]+\b(?!\$)'
scope: constant.numeric.binary.tsx
- match: '\b(?<!\$)0(o|O)?[0-7]+\b(?!\$)'
scope: constant.numeric.octal.tsx
- match: |-
(?x)
(?<!\$)(?:
(?:\b[0-9]+(\.)[0-9]+[eE][+-]?[0-9]+\b)| # 1.1E+3
(?:\b[0-9]+(\.)[eE][+-]?[0-9]+\b)| # 1.E+3
(?:\B(\.)[0-9]+[eE][+-]?[0-9]+\b)| # .1E+3
(?:\b[0-9]+[eE][+-]?[0-9]+\b)| # 1E+3
(?:\b[0-9]+(\.)[0-9]+\b)| # 1.1
(?:\b[0-9]+(\.)\B)| # 1.
(?:\B(\.)[0-9]+\b)| # .1
(?:\b[0-9]+\b(?!\.)) # 1
)(?!\$)
captures:
0: constant.numeric.decimal.tsx
1: meta.delimiter.decimal.period.tsx
2: meta.delimiter.decimal.period.tsx
3: meta.delimiter.decimal.period.tsx
4: meta.delimiter.decimal.period.tsx
5: meta.delimiter.decimal.period.tsx
6: meta.delimiter.decimal.period.tsx
numericConstant-literal:
- match: (?<!\.|\$)\bNaN\b(?!\$)
scope: constant.language.nan.tsx
- match: (?<!\.|\$)\bInfinity\b(?!\$)
scope: constant.language.infinity.tsx
object-binding-element:
- include: comment
- match: '(?=(([_$[:alpha:]][_$[:alnum:]]*)|(\''[^'']*\'')|(\"[^"]*\")|(\[([^\[\]]|\[[^\[\]]*\])+\]))\s*(:))'
push:
- match: '(?=,|\})'
pop: true
- include: object-binding-element-propertyName
- include: binding-element
- include: object-binding-pattern
- include: destructuring-variable-rest
- include: variable-initializer
- include: punctuation-comma
object-binding-element-propertyName:
- match: '(?=(([_$[:alpha:]][_$[:alnum:]]*)|(\''[^'']*\'')|(\"[^"]*\")|(\[([^\[\]]|\[[^\[\]]*\])+\]))\s*(:))'
push:
- match: (:)
captures:
0: punctuation.destructuring.tsx
pop: true
- include: string
- include: array-literal
- match: "([_$[:alpha:]][_$[:alnum:]]*)"
scope: variable.object.property.tsx
object-binding-pattern:
- match: '(?:(\.\.\.)\s*)?(\{)'
captures:
1: keyword.operator.rest.tsx
2: punctuation.definition.binding-pattern.object.tsx
push:
- match: '\}'
captures:
0: punctuation.definition.binding-pattern.object.tsx
pop: true
- include: object-binding-element
object-identifiers:
- match: '([_$[:alpha:]][_$[:alnum:]]*)(?=\s*\.\s*prototype\b(?!\$))'
scope: support.class.tsx
- match: |-
(?x)(\.)\s*(?:
([[:upper:]][_$[:digit:][:upper:]]*) |
([_$[:alpha:]][_$[:alnum:]]*)
)(?=\s*\.\s*[_$[:alpha:]][_$[:alnum:]]*)
captures:
1: punctuation.accessor.tsx
2: variable.other.constant.object.property.tsx
3: variable.other.object.property.tsx
- match: |-
(?x)(?:
([[:upper:]][_$[:digit:][:upper:]]*) |
([_$[:alpha:]][_$[:alnum:]]*)
)(?=\s*\.\s*[_$[:alpha:]][_$[:alnum:]]*)
captures:
1: variable.other.constant.object.tsx
2: variable.other.object.tsx
object-literal:
- match: '\{'
captures:
0: punctuation.definition.block.tsx
push:
- meta_scope: meta.objectliteral.tsx
- match: '\}'
captures:
0: punctuation.definition.block.tsx
pop: true
- include: object-member
object-literal-method-declaration:
- match: '(?<!\.|\$)(?:\b(async)\s+)?(?:\b(get|set)\s+)?(?:(\*)\s*)?(?=((([_$[:alpha:]][_$[:alnum:]]*)|(\''[^'']*\'')|(\"[^"]*\")|(\[([^\[\]]|\[[^\[\]]*\])+\]))\s*(\??))?\s*[\(\<])'
captures:
1: storage.modifier.async.tsx
2: storage.type.property.tsx
3: keyword.generator.asterisk.tsx
push:
- meta_scope: meta.method.declaration.tsx
- match: '(?=\}|;|,)|(?<=\})'
pop: true
- include: method-declaration-name
- include: comment
- include: type-parameters
- include: function-parameters
- include: return-type
- include: object-literal-method-overload-declaration
- include: decl-block
object-literal-method-overload-declaration:
- match: '(?<!\.|\$)(?:\b(async)\s+)?(?:\b(get|set)\s+)?(?:(\*)\s*)?(?=((([_$[:alpha:]][_$[:alnum:]]*)|(\''[^'']*\'')|(\"[^"]*\")|(\[([^\[\]]|\[[^\[\]]*\])+\]))\s*(\??))?\s*[\(\<])'
captures:
1: storage.modifier.async.tsx
2: storage.type.property.tsx
3: keyword.generator.asterisk.tsx
push:
- match: (?=\(|\<)
pop: true
- include: method-declaration-name
object-member:
- include: comment
- include: object-literal-method-declaration
- match: '(?=(?:(?:\''[^'']*\'')|(?:\"[^"]*\")|(?:\[([^\[\]]|\[[^\[\]]*\])+\]))\s*:)'
push:
- meta_scope: meta.object.member.tsx
- match: '(?=,|\})'
pop: true
- match: '(?=(?:(?:\''[^'']*\'')|(?:\"[^"]*\")|(?:\[([^\[\]]|\[[^\[\]]*\])+\]))\s*:)'
push:
- meta_scope: meta.object-literal.key.tsx
- match: ":"
captures:
0: punctuation.separator.key-value.tsx
pop: true
- include: string
- include: array-literal
- include: expression
- match: |-
(?x)(?:([_$[:alpha:]][_$[:alnum:]]*)\s*(:)(?=\s*(
(async\s+)|(function\s*[(<])|(function\s+)|
([_$[:alpha:]][_$[:alnum:]]*\s*=>)|
([(]\s*(([)]\s*:)|([_$[:alpha:]][_$[:alnum:]]*\s*:)|(\.\.\.) )) |
([<]\s*[_$[:alpha:]][_$[:alnum:]]*((\s+extends\s*[^=>])|(\s*[,]))) |
((<([^<>]|\<[^<>]+\>)+>\s*)?\(([^()]|\([^()]*\))*\)(\s*:\s*(.)*)?\s*=>))))
captures:
0: meta.object-literal.key.tsx
1: entity.name.function.tsx
2: punctuation.separator.key-value.tsx
push:
- meta_scope: meta.object.member.tsx
- match: '(?=,|\})'
pop: true
- include: expression
- match: '(?:[_$[:alpha:]][_$[:alnum:]]*)\s*(:)'
captures:
0: meta.object-literal.key.tsx
1: punctuation.separator.key-value.tsx
push:
- meta_scope: meta.object.member.tsx
- match: '(?=,|\})'
pop: true
- include: expression
- match: \.\.\.
captures:
0: keyword.operator.spread.tsx
push:
- meta_scope: meta.object.member.tsx
- match: '(?=,|\})'
pop: true
- include: expression
- match: '([_$[:alpha:]][_$[:alnum:]]*)\s*(?=,|\}|$)'
scope: meta.object.member.tsx
captures:
1: variable.other.readwrite.tsx
- include: punctuation-comma
parameter-array-binding-pattern:
- match: '(?:(\.\.\.)\s*)?(\[)'
captures:
1: keyword.operator.rest.tsx
2: punctuation.definition.binding-pattern.array.tsx
push:
- match: '\]'
captures:
0: punctuation.definition.binding-pattern.array.tsx
pop: true
- include: parameter-binding-element
- include: punctuation-comma
parameter-binding-element:
- include: comment
- include: parameter-object-binding-pattern
- include: parameter-array-binding-pattern
- include: destructuring-parameter-rest
- include: variable-initializer
parameter-name:
- match: \s*\b(public|protected|private|readonly)(?=\s+(public|protected|private|readonly)\s+)
captures:
1: storage.modifier.tsx
- match: |-
(?x)(?:\s*\b(public|private|protected|readonly)\s+)?(\.\.\.)?\s*(?<!=|:)([_$[:alpha:]][_$[:alnum:]]*)\s*(\??)(?=\s*
(=\s*(
(async\s+) |
(function\s*[(<]) |
(function\s+) |
([_$[:alpha:]][_$[:alnum:]]*\s*=>) |
([(]\s*(([)]\s*:)|([_$[:alpha:]][_$[:alnum:]]*\s*:)|(\.\.\.) )) |
([<]\s*[_$[:alpha:]][_$[:alnum:]]*((\s+extends\s*[^=>])|(\s*[,]))) |
((<([^<>]|\<[^<>]+\>)+>\s*)?\(([^()]|\([^()]*\))*\)(\s*:\s*(.)*)?\s*=>))
) |
(:\s*(
(<) |
([(]\s*(
([)]) |
(\.\.\.) |
([_$[:alnum:]]+\s*(
([:,?=])|
([)]\s*=>)
))
)))
)
)
captures:
1: storage.modifier.tsx
2: keyword.operator.rest.tsx
3: entity.name.function.tsx
4: keyword.operator.optional.tsx
- match: '(?:\s*\b(public|private|protected|readonly)\s+)?(\.\.\.)?\s*(?<!=|:)([_$[:alpha:]][_$[:alnum:]]*)\s*(\??)'
captures:
1: storage.modifier.tsx
2: keyword.operator.rest.tsx
3: variable.parameter.tsx
4: keyword.operator.optional.tsx
parameter-object-binding-element:
- include: comment
- match: '(?=(([_$[:alpha:]][_$[:alnum:]]*)|(\''[^'']*\'')|(\"[^"]*\")|(\[([^\[\]]|\[[^\[\]]*\])+\]))\s*(:))'
push:
- match: '(?=,|\})'
pop: true
- include: object-binding-element-propertyName
- include: parameter-binding-element
- include: parameter-object-binding-pattern
- include: destructuring-parameter-rest
- include: variable-initializer
- include: punctuation-comma
parameter-object-binding-pattern:
- match: '(?:(\.\.\.)\s*)?(\{)'
captures:
1: keyword.operator.rest.tsx
2: punctuation.definition.binding-pattern.object.tsx
push:
- match: '\}'
captures:
0: punctuation.definition.binding-pattern.object.tsx
pop: true
- include: parameter-object-binding-element
paren-expression:
- match: \(
captures:
0: meta.brace.round.tsx
push:
- match: \)
captures:
0: meta.brace.round.tsx
pop: true
- include: expression
- include: punctuation-comma
property-accessor:
- match: (?<!\.|\$)\b(get|set)\b(?!\$)
scope: storage.type.property.tsx
punctuation-accessor:
- match: \.
scope: punctuation.accessor.tsx
punctuation-comma:
- match: ","
scope: punctuation.separator.comma.tsx
punctuation-semicolon:
- match: ;
scope: punctuation.terminator.statement.tsx
qstring-double:
- match: '"'
captures:
0: punctuation.definition.string.begin.tsx
push:
- meta_scope: string.quoted.double.tsx
- match: '(")|((?:[^\\\n])$)'
captures:
1: punctuation.definition.string.end.tsx
2: invalid.illegal.newline.tsx
pop: true
- include: string-character-escape
qstring-single:
- match: "'"
captures:
0: punctuation.definition.string.begin.tsx
push:
- meta_scope: string.quoted.single.tsx
- match: '(\'')|((?:[^\\\n])$)'
captures:
1: punctuation.definition.string.end.tsx
2: invalid.illegal.newline.tsx
pop: true
- include: string-character-escape
regex:
- match: '(?<=[=(:,\[?+!]|return|case|=>|&&|\|\||\*\/)\s*(/)(?![/*])(?=(?:[^/\\\[]|\\.|\[([^\]\\]|\\.)+\])+/(?![/*])[gimy]*(?!\s*[a-zA-Z0-9_$]))'
captures:
1: punctuation.definition.string.begin.tsx
push:
- meta_scope: string.regexp.tsx
- match: "(/)([gimuy]*)"
captures:
1: punctuation.definition.string.end.tsx
2: keyword.other.tsx
pop: true
- include: regexp
- match: '(?<![_$[:alnum:]])/(?![/*])(?=(?:[^/\\\[]|\\.|\[([^\]\\]|\\.)+\])+/(?![/*])[gimy]*(?!\s*[a-zA-Z0-9_$]))'
captures:
0: punctuation.definition.string.begin.tsx
push:
- meta_scope: string.regexp.tsx
- match: "(/)([gimuy]*)"
captures:
1: punctuation.definition.string.end.tsx
2: keyword.other.tsx
pop: true
- include: regexp
regex-character-class:
- match: '\\[wWsSdDtrnvf]|\.'
scope: constant.other.character-class.regexp
- match: '\\([0-7]{3}|x\h\h|u\h\h\h\h)'
scope: constant.character.numeric.regexp
- match: '\\c[A-Z]'
scope: constant.character.control.regexp
- match: \\.
scope: constant.character.escape.backslash.regexp
regexp:
- match: '\\[bB]|\^|\$'
scope: keyword.control.anchor.regexp
- match: '\\[1-9]\d*'
scope: keyword.other.back-reference.regexp
- match: '[?+*]|\{(\d+,\d+|\d+,|,\d+|\d+)\}\??'
scope: keyword.operator.quantifier.regexp
- match: \|
scope: keyword.operator.or.regexp
- match: (\()((\?=)|(\?!))
captures:
1: punctuation.definition.group.regexp
2: punctuation.definition.group.assertion.regexp
3: meta.assertion.look-ahead.regexp
4: meta.assertion.negative-look-ahead.regexp
push:
- meta_scope: meta.group.assertion.regexp
- match: (\))
captures:
1: punctuation.definition.group.regexp
pop: true
- include: regexp
- match: \((\?:)?
captures:
0: punctuation.definition.group.regexp
1: punctuation.definition.group.capture.regexp
push:
- meta_scope: meta.group.regexp
- match: \)
captures:
0: punctuation.definition.group.regexp
pop: true
- include: regexp
- match: '(\[)(\^)?'
captures:
1: punctuation.definition.character-class.regexp
2: keyword.operator.negation.regexp
push:
- meta_scope: constant.other.character-class.set.regexp
- match: '(\])'
captures:
1: punctuation.definition.character-class.regexp
pop: true
- match: '(?:.|(\\(?:[0-7]{3}|x\h\h|u\h\h\h\h))|(\\c[A-Z])|(\\.))\-(?:[^\]\\]|(\\(?:[0-7]{3}|x\h\h|u\h\h\h\h))|(\\c[A-Z])|(\\.))'
scope: constant.other.character-class.range.regexp
captures:
1: constant.character.numeric.regexp
2: constant.character.control.regexp
3: constant.character.escape.backslash.regexp
4: constant.character.numeric.regexp
5: constant.character.control.regexp
6: constant.character.escape.backslash.regexp
- include: regex-character-class
- include: regex-character-class
return-type:
- match: (?<=\))\s*(:)
captures:
1: keyword.operator.type.annotation.tsx
push:
- meta_scope: meta.return.type.tsx
- match: "(?<!:)((?=$)|(?=[{};,]|//))"
pop: true
- include: comment
- match: '(?<=:)\s*(\{)'
captures:
1: punctuation.definition.block.tsx
push:
- meta_scope: meta.object.type.tsx
- match: '\}'
captures:
0: punctuation.definition.block.tsx
pop: true
- include: type-object-members
- include: type-predicate-operator
- include: type
statements:
- include: string
- include: template
- include: comment
- include: declaration
- include: switch-statement
- include: for-loop
- include: after-operator-block
- include: decl-block
- include: control-statement
- include: expression
- include: punctuation-semicolon
string:
- include: qstring-single
- include: qstring-double
string-character-escape:
- match: '\\(x\h{2}|[0-2][0-7]{0,2}|3[0-6][0-7]?|37[0-7]?|[4-7][0-7]?|.|$)'
scope: constant.character.escape.tsx
super-literal:
- match: (?<!\.|\$)\bsuper\b(?!\$)
scope: variable.language.super.tsx
support-objects:
- match: (?<!\.|\$)\b(arguments)\b(?!\$)
scope: variable.language.arguments.tsx
- match: |-
(?x)(?<!\.|\$)\b(Array|ArrayBuffer|Atomics|Boolean|DataView|Date|Float32Array|Float64Array|Function|Generator
|GeneratorFunction|Int8Array|Int16Array|Int32Array|Intl|Map|Number|Object|Promise|Proxy
|Reflect|RegExp|Set|SharedArrayBuffer|SIMD|String|Symbol|TypedArray
|Uint8Array|Uint16Array|Uint32Array|Uint8ClampedArray|WeakMap|WeakSet)\b(?!\$)
scope: support.class.builtin.tsx
- match: (?<!\.|\$)\b((Eval|Internal|Range|Reference|Syntax|Type|URI)?Error)\b(?!\$)
scope: support.class.error.tsx
- match: |-
(?x)(?<!\.|\$)\b(clear(Interval|Timeout)|decodeURI|decodeURIComponent|encodeURI|encodeURIComponent|escape|eval|
isFinite|isNaN|parseFloat|parseInt|require|set(Interval|Timeout)|super|unescape|uneval)(?=\s*\()
scope: support.function.tsx
- match: |-
(?x)(?<!\.|\$)\b(Math)(?:\s*(\.)\s*(?:
(abs|acos|acosh|asin|asinh|atan|atan2|atanh|cbrt|ceil|clz32|cos|cosh|exp|
expm1|floor|fround|hypot|imul|log|log10|log1p|log2|max|min|pow|random|
round|sign|sin|sinh|sqrt|tan|tanh|trunc)
|
(E|LN10|LN2|LOG10E|LOG2E|PI|SQRT1_2|SQRT2)))?\b(?!\$)
captures:
1: support.constant.math.tsx
2: punctuation.accessor.tsx
3: support.function.math.tsx
4: support.constant.property.math.tsx
- match: |-
(?x)(?<!\.|\$)\b(console)(?:\s*(\.)\s*(
assert|clear|count|debug|dir|error|group|groupCollapsed|groupEnd|info|log
|profile|profileEnd|table|time|timeEnd|timeStamp|trace|warn))?\b(?!\$)
captures:
1: support.class.console.tsx
2: punctuation.accessor.tsx
3: support.function.console.tsx
- match: (?<!\.|\$)\b(JSON)(?:\s*(\.)\s*(parse|stringify))?\b(?!\$)
captures:
1: support.constant.json.tsx
2: punctuation.accessor.tsx
3: support.function.json.tsx
- match: |-
(?x) (\.) \s* (?:
(constructor|length|prototype|__proto__)
|
(EPSILON|MAX_SAFE_INTEGER|MAX_VALUE|MIN_SAFE_INTEGER|MIN_VALUE|NEGATIVE_INFINITY|POSITIVE_INFINITY))\b(?!\$)
captures:
1: punctuation.accessor.tsx
2: support.variable.property.tsx
3: support.constant.tsx
- match: |-
(?x) (?<!\.|\$) \b (?:
(document|event|navigator|performance|screen|window)
|
(AnalyserNode|ArrayBufferView|Attr|AudioBuffer|AudioBufferSourceNode|AudioContext|AudioDestinationNode|AudioListener
|AudioNode|AudioParam|BatteryManager|BeforeUnloadEvent|BiquadFilterNode|Blob|BufferSource|ByteString|CSS|CSSConditionRule
|CSSCounterStyleRule|CSSGroupingRule|CSSMatrix|CSSMediaRule|CSSPageRule|CSSPrimitiveValue|CSSRule|CSSRuleList|CSSStyleDeclaration
|CSSStyleRule|CSSStyleSheet|CSSSupportsRule|CSSValue|CSSValueList|CanvasGradient|CanvasImageSource|CanvasPattern
|CanvasRenderingContext2D|ChannelMergerNode|ChannelSplitterNode|CharacterData|ChromeWorker|CloseEvent|Comment|CompositionEvent
|Console|ConvolverNode|Coordinates|Credential|CredentialsContainer|Crypto|CryptoKey|CustomEvent|DOMError|DOMException
|DOMHighResTimeStamp|DOMImplementation|DOMString|DOMStringList|DOMStringMap|DOMTimeStamp|DOMTokenList|DataTransfer
|DataTransferItem|DataTransferItemList|DedicatedWorkerGlobalScope|DelayNode|DeviceProximityEvent|DirectoryEntry
|DirectoryEntrySync|DirectoryReader|DirectoryReaderSync|Document|DocumentFragment|DocumentTouch|DocumentType|DragEvent
|DynamicsCompressorNode|Element|Entry|EntrySync|ErrorEvent|Event|EventListener|EventSource|EventTarget|FederatedCredential
|FetchEvent|File|FileEntry|FileEntrySync|FileException|FileList|FileReader|FileReaderSync|FileSystem|FileSystemSync
|FontFace|FormData|GainNode|Gamepad|GamepadButton|GamepadEvent|Geolocation|GlobalEventHandlers|HTMLAnchorElement
|HTMLAreaElement|HTMLAudioElement|HTMLBRElement|HTMLBaseElement|HTMLBodyElement|HTMLButtonElement|HTMLCanvasElement
|HTMLCollection|HTMLContentElement|HTMLDListElement|HTMLDataElement|HTMLDataListElement|HTMLDialogElement|HTMLDivElement
|HTMLDocument|HTMLElement|HTMLEmbedElement|HTMLFieldSetElement|HTMLFontElement|HTMLFormControlsCollection|HTMLFormElement
|HTMLHRElement|HTMLHeadElement|HTMLHeadingElement|HTMLHtmlElement|HTMLIFrameElement|HTMLImageElement|HTMLInputElement
|HTMLKeygenElement|HTMLLIElement|HTMLLabelElement|HTMLLegendElement|HTMLLinkElement|HTMLMapElement|HTMLMediaElement
|HTMLMetaElement|HTMLMeterElement|HTMLModElement|HTMLOListElement|HTMLObjectElement|HTMLOptGroupElement|HTMLOptionElement
|HTMLOptionsCollection|HTMLOutputElement|HTMLParagraphElement|HTMLParamElement|HTMLPreElement|HTMLProgressElement
|HTMLQuoteElement|HTMLScriptElement|HTMLSelectElement|HTMLShadowElement|HTMLSourceElement|HTMLSpanElement|HTMLStyleElement
|HTMLTableCaptionElement|HTMLTableCellElement|HTMLTableColElement|HTMLTableDataCellElement|HTMLTableElement|HTMLTableHeaderCellElement
|HTMLTableRowElement|HTMLTableSectionElement|HTMLTextAreaElement|HTMLTimeElement|HTMLTitleElement|HTMLTrackElement
|HTMLUListElement|HTMLUnknownElement|HTMLVideoElement|HashChangeEvent|History|IDBCursor|IDBCursorWithValue|IDBDatabase
|IDBEnvironment|IDBFactory|IDBIndex|IDBKeyRange|IDBMutableFile|IDBObjectStore|IDBOpenDBRequest|IDBRequest|IDBTransaction
|IDBVersionChangeEvent|IIRFilterNode|IdentityManager|ImageBitmap|ImageBitmapFactories|ImageData|Index|InputDeviceCapabilities
|InputEvent|InstallEvent|InstallTrigger|KeyboardEvent|LinkStyle|LocalFileSystem|LocalFileSystemSync|Location|MIDIAccess
|MIDIConnectionEvent|MIDIInput|MIDIInputMap|MIDIOutputMap|MediaElementAudioSourceNode|MediaError|MediaKeyMessageEvent
|MediaKeySession|MediaKeyStatusMap|MediaKeySystemAccess|MediaKeySystemConfiguration|MediaKeys|MediaRecorder|MediaStream
|MediaStreamAudioDestinationNode|MediaStreamAudioSourceNode|MessageChannel|MessageEvent|MessagePort|MouseEvent
|MutationObserver|MutationRecord|NamedNodeMap|Navigator|NavigatorConcurrentHardware|NavigatorGeolocation|NavigatorID
|NavigatorLanguage|NavigatorOnLine|Node|NodeFilter|NodeIterator|NodeList|NonDocumentTypeChildNode|Notification
|OfflineAudioCompletionEvent|OfflineAudioContext|OscillatorNode|PageTransitionEvent|PannerNode|ParentNode|PasswordCredential
|Path2D|PaymentAddress|PaymentRequest|PaymentResponse|Performance|PerformanceEntry|PerformanceFrameTiming|PerformanceMark
|PerformanceMeasure|PerformanceNavigation|PerformanceNavigationTiming|PerformanceObserver|PerformanceObserverEntryList
|PerformanceResourceTiming|PerformanceTiming|PeriodicSyncEvent|PeriodicWave|Plugin|Point|PointerEvent|PopStateEvent
|PortCollection|Position|PositionError|PositionOptions|PresentationConnectionClosedEvent|PresentationConnectionList
|PresentationReceiver|ProcessingInstruction|ProgressEvent|PromiseRejectionEvent|PushEvent|PushRegistrationManager
|RTCCertificate|RTCConfiguration|RTCPeerConnection|RTCSessionDescriptionCallback|RTCStatsReport|RadioNodeList|RandomSource
|Range|ReadableByteStream|RenderingContext|SVGAElement|SVGAngle|SVGAnimateColorElement|SVGAnimateElement|SVGAnimateMotionElement
|SVGAnimateTransformElement|SVGAnimatedAngle|SVGAnimatedBoolean|SVGAnimatedEnumeration|SVGAnimatedInteger|SVGAnimatedLength
|SVGAnimatedLengthList|SVGAnimatedNumber|SVGAnimatedNumberList|SVGAnimatedPoints|SVGAnimatedPreserveAspectRatio
|SVGAnimatedRect|SVGAnimatedString|SVGAnimatedTransformList|SVGAnimationElement|SVGCircleElement|SVGClipPathElement
|SVGCursorElement|SVGDefsElement|SVGDescElement|SVGElement|SVGEllipseElement|SVGEvent|SVGFilterElement|SVGFontElement
|SVGFontFaceElement|SVGFontFaceFormatElement|SVGFontFaceNameElement|SVGFontFaceSrcElement|SVGFontFaceUriElement
|SVGForeignObjectElement|SVGGElement|SVGGlyphElement|SVGGradientElement|SVGHKernElement|SVGImageElement|SVGLength
|SVGLengthList|SVGLineElement|SVGLinearGradientElement|SVGMPathElement|SVGMaskElement|SVGMatrix|SVGMissingGlyphElement
|SVGNumber|SVGNumberList|SVGPathElement|SVGPatternElement|SVGPoint|SVGPolygonElement|SVGPolylineElement|SVGPreserveAspectRatio
|SVGRadialGradientElement|SVGRect|SVGRectElement|SVGSVGElement|SVGScriptElement|SVGSetElement|SVGStopElement|SVGStringList
|SVGStylable|SVGStyleElement|SVGSwitchElement|SVGSymbolElement|SVGTRefElement|SVGTSpanElement|SVGTests|SVGTextElement
|SVGTextPositioningElement|SVGTitleElement|SVGTransform|SVGTransformList|SVGTransformable|SVGUseElement|SVGVKernElement
|SVGViewElement|ServiceWorker|ServiceWorkerContainer|ServiceWorkerGlobalScope|ServiceWorkerRegistration|ServiceWorkerState
|ShadowRoot|SharedWorker|SharedWorkerGlobalScope|SourceBufferList|StereoPannerNode|Storage|StorageEvent|StyleSheet
|StyleSheetList|SubtleCrypto|SyncEvent|Text|TextMetrics|TimeEvent|TimeRanges|Touch|TouchEvent|TouchList|Transferable
|TreeWalker|UIEvent|USVString|VRDisplayCapabilities|ValidityState|WaveShaperNode|WebGL|WebGLActiveInfo|WebGLBuffer
|WebGLContextEvent|WebGLFramebuffer|WebGLProgram|WebGLRenderbuffer|WebGLRenderingContext|WebGLShader|WebGLShaderPrecisionFormat
|WebGLTexture|WebGLTimerQueryEXT|WebGLTransformFeedback|WebGLUniformLocation|WebGLVertexArrayObject|WebGLVertexArrayObjectOES
|WebSocket|WebSockets|WebVTT|WheelEvent|Window|WindowBase64|WindowEventHandlers|WindowTimers|Worker|WorkerGlobalScope
|WorkerLocation|WorkerNavigator|XMLHttpRequest|XMLHttpRequestEventTarget|XMLSerializer|XPathExpression|XPathResult
|XSLTProcessor))\b(?!\$)
captures:
1: support.variable.dom.tsx
2: support.class.dom.tsx
- match: |-
(?x) (\.) \s* (?:
(ATTRIBUTE_NODE|CDATA_SECTION_NODE|COMMENT_NODE|DOCUMENT_FRAGMENT_NODE|DOCUMENT_NODE|DOCUMENT_TYPE_NODE
|DOMSTRING_SIZE_ERR|ELEMENT_NODE|ENTITY_NODE|ENTITY_REFERENCE_NODE|HIERARCHY_REQUEST_ERR|INDEX_SIZE_ERR
|INUSE_ATTRIBUTE_ERR|INVALID_CHARACTER_ERR|NO_DATA_ALLOWED_ERR|NO_MODIFICATION_ALLOWED_ERR|NOT_FOUND_ERR
|NOT_SUPPORTED_ERR|NOTATION_NODE|PROCESSING_INSTRUCTION_NODE|TEXT_NODE|WRONG_DOCUMENT_ERR)
|
(_content|[xyz]|abbr|above|accept|acceptCharset|accessKey|action|align|[av]Link(?:color)?|all|alt|anchors|appCodeName
|appCore|applets|appMinorVersion|appName|appVersion|archive|areas|arguments|attributes|availHeight|availLeft|availTop
|availWidth|axis|background|backgroundColor|backgroundImage|below|bgColor|body|border|borderBottomWidth|borderColor
|borderLeftWidth|borderRightWidth|borderStyle|borderTopWidth|borderWidth|bottom|bufferDepth|callee|caller|caption
|cellPadding|cells|cellSpacing|ch|characterSet|charset|checked|childNodes|chOff|cite|classes|className|clear
|clientInformation|clip|clipBoardData|closed|code|codeBase|codeType|color|colorDepth|cols|colSpan|compact|complete
|components|content|controllers|cookie|cookieEnabled|cords|cpuClass|crypto|current|data|dateTime|declare|defaultCharset
|defaultChecked|defaultSelected|defaultStatus|defaultValue|defaultView|defer|description|dialogArguments|dialogHeight
|dialogLeft|dialogTop|dialogWidth|dir|directories|disabled|display|docmain|doctype|documentElement|elements|embeds
|enabledPlugin|encoding|enctype|entities|event|expando|external|face|fgColor|filename|firstChild|fontFamily|fontSize
|fontWeight|form|formName|forms|frame|frameBorder|frameElement|frames|hasFocus|hash|headers|height|history|host
|hostname|href|hreflang|hspace|htmlFor|httpEquiv|id|ids|ignoreCase|images|implementation|index|innerHeight|innerWidth
|input|isMap|label|lang|language|lastChild|lastIndex|lastMatch|lastModified|lastParen|layer[sXY]|left|leftContext
|lineHeight|link|linkColor|links|listStyleType|localName|location|locationbar|longDesc|lowsrc|lowSrc|marginBottom
|marginHeight|marginLeft|marginRight|marginTop|marginWidth|maxLength|media|menubar|method|mimeTypes|multiline|multiple
|name|nameProp|namespaces|namespaceURI|next|nextSibling|nodeName|nodeType|nodeValue|noHref|noResize|noShade|notationName
|notations|noWrap|object|offscreenBuffering|onLine|onreadystatechange|opener|opsProfile|options|oscpu|outerHeight
|outerWidth|ownerDocument|paddingBottom|paddingLeft|paddingRight|paddingTop|page[XY]|page[XY]Offset|parent|parentLayer
|parentNode|parentWindow|pathname|personalbar|pixelDepth|pkcs11|platform|plugins|port|prefix|previous|previousDibling
|product|productSub|profile|profileend|prompt|prompter|protocol|publicId|readOnly|readyState|referrer|rel|responseText
|responseXML|rev|right|rightContext|rowIndex|rows|rowSpan|rules|scheme|scope|screen[XY]|screenLeft|screenTop|scripts
|scrollbars|scrolling|sectionRowIndex|security|securityPolicy|selected|selectedIndex|selection|self|shape|siblingAbove
|siblingBelow|size|source|specified|standby|start|status|statusbar|statusText|style|styleSheets|suffixes|summary
|systemId|systemLanguage|tagName|tags|target|tBodies|text|textAlign|textDecoration|textIndent|textTransform|tFoot|tHead
|title|toolbar|top|type|undefined|uniqueID|updateInterval|URL|URLUnencoded|useMap|userAgent|userLanguage|userProfile
|vAlign|value|valueType|vendor|vendorSub|version|visibility|vspace|whiteSpace|width|X[MS]LDocument|zIndex))\b(?!\$|\s*(<([^<>]|\<[^<>]+\>)+>\s*)?\()
captures:
1: punctuation.accessor.tsx
2: support.constant.dom.tsx
3: support.variable.property.dom.tsx
- match: |-
(?x)(?<!\.|\$)\b(Buffer|EventEmitter|Server|Pipe|Socket|REPLServer|ReadStream|WriteStream|Stream
|Inflate|Deflate|InflateRaw|DeflateRaw|GZip|GUnzip|Unzip|Zip)\b(?!\$)
scope: support.class.node.tsx
- match: |-
(?x)(?<!\.|\$)\b(process)(?:(\.)(?:
(arch|argv|config|connected|env|execArgv|execPath|exitCode|mainModule|pid|platform|release|stderr|stdin|stdout|title|version|versions)
|
(abort|chdir|cwd|disconnect|exit|[sg]ete?[gu]id|send|[sg]etgroups|initgroups|kill|memoryUsage|nextTick|umask|uptime|hrtime)
))?\b(?!\$)
captures:
1: support.variable.object.process.tsx
2: punctuation.accessor.tsx
3: support.variable.property.process.tsx
4: support.function.process.tsx
- match: (?<!\.|\$)\b(?:(exports)|(module)(?:(\.)(exports|id|filename|loaded|parent|children))?)\b(?!\$)
captures:
1: support.type.object.module.tsx
2: support.type.object.module.tsx
3: punctuation.accessor.tsx
4: support.type.object.module.tsx
- match: (?<!\.|\$)\b(global|GLOBAL|root|__dirname|__filename)\b(?!\$)
scope: support.variable.object.node.tsx
- match: |-
(?x) (\.) \s*
(?:
(on(?:Rowsinserted|Rowsdelete|Rowenter|Rowexit|Resize|Resizestart|Resizeend|Reset|
Readystatechange|Mouseout|Mouseover|Mousedown|Mouseup|Mousemove|
Before(?:cut|deactivate|unload|update|paste|print|editfocus|activate)|
Blur|Scrolltop|Submit|Select|Selectstart|Selectionchange|Hover|Help|
Change|Contextmenu|Controlselect|Cut|Cellchange|Clock|Close|Deactivate|
Datasetchanged|Datasetcomplete|Dataavailable|Drop|Drag|Dragstart|Dragover|
Dragdrop|Dragenter|Dragend|Dragleave|Dblclick|Unload|Paste|Propertychange|Error|
Errorupdate|Keydown|Keyup|Keypress|Focus|Load|Activate|Afterupdate|Afterprint|Abort)
) |
(shift|showModelessDialog|showModalDialog|showHelp|scroll|scrollX|scrollByPages|
scrollByLines|scrollY|scrollTo|stop|strike|sizeToContent|sidebar|signText|sort|
sup|sub|substr|substring|splice|split|send|set(?:Milliseconds|Seconds|Minutes|Hours|
Month|Year|FullYear|Date|UTC(?:Milliseconds|Seconds|Minutes|Hours|Month|FullYear|Date)|
Time|Hotkeys|Cursor|ZOptions|Active|Resizable|RequestHeader)|search|slice|
savePreferences|small|home|handleEvent|navigate|char|charCodeAt|charAt|concat|
contextual|confirm|compile|clear|captureEvents|call|createStyleSheet|createPopup|
createEventObject|to(?:GMTString|UTCString|String|Source|UpperCase|LowerCase|LocaleString)|
test|taint|taintEnabled|indexOf|italics|disableExternalCapture|dump|detachEvent|unshift|
untaint|unwatch|updateCommands|join|javaEnabled|pop|push|plugins.refresh|paddings|parse|
print|prompt|preference|enableExternalCapture|exec|execScript|valueOf|UTC|find|file|
fileModifiedDate|fileSize|fileCreatedDate|fileUpdatedDate|fixed|fontsize|fontcolor|
forward|fromCharCode|watch|link|load|lastIndexOf|anchor|attachEvent|atob|apply|alert|
abort|routeEvents|resize|resizeBy|resizeTo|recalc|returnValue|replace|reverse|reload|
releaseCapture|releaseEvents|go|get(?:Milliseconds|Seconds|Minutes|Hours|Month|Day|Year|FullYear|
Time|Date|TimezoneOffset|UTC(?:Milliseconds|Seconds|Minutes|Hours|Day|Month|FullYear|Date)|
Attention|Selection|ResponseHeader|AllResponseHeaders)|moveBy|moveBelow|moveTo|
moveToAbsolute|moveAbove|mergeAttributes|match|margins|btoa|big|bold|borderWidths|blink|back
) |
(acceptNode|add|addEventListener|addTextTrack|adoptNode|after|animate|append|
appendChild|appendData|before|blur|canPlayType|captureStream|
caretPositionFromPoint|caretRangeFromPoint|checkValidity|clear|click|
cloneContents|cloneNode|cloneRange|close|closest|collapse|
compareBoundaryPoints|compareDocumentPosition|comparePoint|contains|
convertPointFromNode|convertQuadFromNode|convertRectFromNode|createAttribute|
createAttributeNS|createCaption|createCDATASection|createComment|
createContextualFragment|createDocument|createDocumentFragment|
createDocumentType|createElement|createElementNS|createEntityReference|
createEvent|createExpression|createHTMLDocument|createNodeIterator|
createNSResolver|createProcessingInstruction|createRange|createShadowRoot|
createTBody|createTextNode|createTFoot|createTHead|createTreeWalker|delete|
deleteCaption|deleteCell|deleteContents|deleteData|deleteRow|deleteTFoot|
deleteTHead|detach|disconnect|dispatchEvent|elementFromPoint|elementsFromPoint|
enableStyleSheetsForSet|entries|evaluate|execCommand|exitFullscreen|
exitPointerLock|expand|extractContents|fastSeek|firstChild|focus|forEach|get|
getAll|getAnimations|getAttribute|getAttributeNames|getAttributeNode|
getAttributeNodeNS|getAttributeNS|getBoundingClientRect|getBoxQuads|
getClientRects|getContext|getDestinationInsertionPoints|getElementById|
getElementsByClassName|getElementsByName|getElementsByTagName|
getElementsByTagNameNS|getItem|getNamedItem|getSelection|getStartDate|
getVideoPlaybackQuality|has|hasAttribute|hasAttributeNS|hasAttributes|
hasChildNodes|hasFeature|hasFocus|importNode|initEvent|insertAdjacentElement|
insertAdjacentHTML|insertAdjacentText|insertBefore|insertCell|insertData|
insertNode|insertRow|intersectsNode|isDefaultNamespace|isEqualNode|
isPointInRange|isSameNode|item|key|keys|lastChild|load|lookupNamespaceURI|
lookupPrefix|matches|move|moveAttribute|moveAttributeNode|moveChild|
moveNamedItem|namedItem|nextNode|nextSibling|normalize|observe|open|
parentNode|pause|play|postMessage|prepend|preventDefault|previousNode|
previousSibling|probablySupportsContext|queryCommandEnabled|
queryCommandIndeterm|queryCommandState|queryCommandSupported|queryCommandValue|
querySelector|querySelectorAll|registerContentHandler|registerElement|
registerProtocolHandler|releaseCapture|releaseEvents|remove|removeAttribute|
removeAttributeNode|removeAttributeNS|removeChild|removeEventListener|
removeItem|replace|replaceChild|replaceData|replaceWith|reportValidity|
requestFullscreen|requestPointerLock|reset|scroll|scrollBy|scrollIntoView|
scrollTo|seekToNextFrame|select|selectNode|selectNodeContents|set|setAttribute|
setAttributeNode|setAttributeNodeNS|setAttributeNS|setCapture|
setCustomValidity|setEnd|setEndAfter|setEndBefore|setItem|setNamedItem|
setRangeText|setSelectionRange|setSinkId|setStart|setStartAfter|setStartBefore|
slice|splitText|stepDown|stepUp|stopImmediatePropagation|stopPropagation|
submit|substringData|supports|surroundContents|takeRecords|terminate|toBlob|
toDataURL|toggle|toString|values|write|writeln
)
)(?=\s*\()
captures:
1: punctuation.accessor.tsx
2: support.function.event-handler.tsx
3: support.function.tsx
4: support.function.dom.tsx
switch-block:
- match: '\{'
captures:
0: punctuation.definition.block.tsx
push:
- meta_scope: switch-block.expr.tsx
- match: '(?=\})'
pop: true
- include: case-clause
- include: statements
switch-expression:
- match: (?<!\.|\$)\b(switch)\s*(\()
captures:
1: keyword.control.switch.tsx
2: meta.brace.round.tsx
push:
- meta_scope: switch-expression.expr.tsx
- match: \)
captures:
0: meta.brace.round.tsx
pop: true
- include: expression
switch-statement:
- match: (?<!\.|\$)(?=\bswitch\s*\()
push:
- meta_scope: switch-statement.expr.tsx
- match: '\}'
captures:
0: punctuation.definition.block.tsx
pop: true
- include: switch-expression
- include: switch-block
template:
- match: "([_$[:alpha:]][_$[:alnum:]]*)?(`)"
captures:
1: entity.name.function.tagged-template.tsx
2: punctuation.definition.string.template.begin.tsx
push:
- meta_scope: string.template.tsx
- match: "`"
captures:
0: punctuation.definition.string.template.end.tsx
pop: true
- include: template-substitution-element
- include: string-character-escape
template-substitution-element:
- match: '\$\{'
captures:
0: punctuation.definition.template-expression.begin.tsx
push:
- meta_scope: meta.template.expression.tsx
- match: '\}'
captures:
0: punctuation.definition.template-expression.end.tsx
pop: true
- include: expression
ternary-expression:
- match: (\?)
captures:
0: keyword.operator.ternary.tsx
push:
- match: (:)
captures:
0: keyword.operator.ternary.tsx
pop: true
- include: expression
this-literal:
- match: (?<!\.|\$)\bthis\b(?!\$)
scope: variable.language.this.tsx
type:
- include: comment
- include: string
- include: numeric-literal
- include: type-primitive
- include: type-builtin-literals
- include: type-parameters
- include: type-tuple
- include: type-object
- include: type-operators
- include: type-fn-type-parameters
- include: type-paren-or-function-parameters
- include: type-function-return-type
- include: type-name
type-annotation:
- match: ":"
captures:
0: keyword.operator.type.annotation.tsx
push:
- meta_scope: meta.type.annotation.tsx
- match: '(?=$|[,);\}\]]|//)|(?==[^>])|(?<=[\}>\]\)]|[_$[:alpha:]])\s*(?=\{)'
pop: true
- include: comment
- include: type
type-builtin-literals:
- match: (?<!\.|\$)\b(this|true|false|undefined|null|object)\b(?!\$)
scope: support.type.builtin.tsx
type-declaration:
- match: '(?<!\.|\$)(?:(\bexport)\s+)?\b(type)\b\s+([_$[:alpha:]][_$[:alnum:]]*)\s*'
captures:
1: keyword.control.export.tsx
2: storage.type.type.tsx
3: entity.name.type.tsx
push:
- meta_scope: meta.type.declaration.tsx
- match: '(?=[};]|\bvar\b|\blet\b|\bconst\b|\btype\b|\bfunction\b|\bclass\b|\binterface\b|\bnamespace\b|\bmodule\b|\bimport\b|\benum\b|\bdeclare\b|\bexport\b|\babstract\b|\basync\b)'
pop: true
- include: comment
- include: type-parameters
- include: type
- match: (=)\s*
captures:
1: keyword.operator.assignment.tsx
type-fn-type-parameters:
- match: (?<!\.|\$)\b(new)\b(?=\s*\<)
scope: meta.type.constructor.tsx
captures:
1: keyword.control.new.tsx
- match: (?<!\.|\$)\b(new)\b\s*(?=\()
captures:
1: keyword.control.new.tsx
push:
- meta_scope: meta.type.constructor.tsx
- match: (?<=\))
pop: true
- include: function-parameters
- match: |-
(?x)(
(?=
[(]\s*(
([)]) |
(\.\.\.) |
([_$[:alnum:]]+\s*(
([:,?=])|
([)]\s*=>)
))
)
)
)
push:
- meta_scope: meta.type.function.tsx
- match: (?<=\))
pop: true
- include: function-parameters
type-function-return-type:
- match: "=>"
captures:
0: storage.type.function.arrow.tsx
push:
- meta_scope: meta.type.function.return.tsx
- match: '(?<!=>)(?=[,\]\)\{\}=;>]|//|$)'
pop: true
- include: comment
- match: '(?<==>)\s*(\{)'
captures:
1: punctuation.definition.block.tsx
push:
- meta_scope: meta.object.type.tsx
- match: '\}'
captures:
0: punctuation.definition.block.tsx
pop: true
- include: type-object-members
- include: type-predicate-operator
- include: type
type-name:
- match: '([_$[:alpha:]][_$[:alnum:]]*)\s*(\.)'
captures:
1: entity.name.type.module.tsx
2: punctuation.accessor.tsx
- match: "[_$[:alpha:]][_$[:alnum:]]*"
scope: entity.name.type.tsx
type-object:
- match: '\{'
captures:
0: punctuation.definition.block.tsx
push:
- meta_scope: meta.object.type.tsx
- match: '\}'
captures:
0: punctuation.definition.block.tsx
pop: true
- include: type-object-members
type-object-members:
- include: comment
- include: method-declaration
- include: indexer-declaration
- include: indexer-mapped-type-declaration
- include: field-declaration
- include: type-annotation
- match: \.\.\.
captures:
0: keyword.operator.spread.tsx
push:
- match: '(?=\}|;|,|$)|(?<=\})'
pop: true
- include: type
- include: punctuation-comma
- include: punctuation-semicolon
- include: type
type-operators:
- include: typeof-operator
- match: "[&|]"
scope: keyword.operator.type.tsx
- match: (?<!\.|\$)\bkeyof\b(?!\$)
scope: keyword.operator.expression.keyof.tsx
type-parameters:
- match: (<)
captures:
1: punctuation.definition.typeparameters.begin.tsx
push:
- meta_scope: meta.type.parameters.tsx
- match: (?=$)|(>)
captures:
1: punctuation.definition.typeparameters.end.tsx
pop: true
- include: comment
- match: (?<!\.|\$)\b(extends)\b(?!\$)
scope: storage.modifier.tsx
- match: \=(?!>)
scope: keyword.operator.assignment.tsx
- include: type
- include: punctuation-comma
type-paren-or-function-parameters:
- match: \(
captures:
0: meta.brace.round.tsx
push:
- meta_scope: meta.type.paren.cover.tsx
- match: \)
captures:
0: meta.brace.round.tsx
pop: true
- include: type
- include: function-parameters
type-predicate-operator:
- match: (?<!\.|\$)\bis\b(?!\$)
scope: keyword.operator.expression.is.tsx
type-primitive:
- match: (?<!\.|\$)\b(string|number|boolean|symbol|any|void|never)\b(?!\$)
scope: support.type.primitive.tsx
type-tuple:
- match: '\['
captures:
0: meta.brace.square.tsx
push:
- meta_scope: meta.type.tuple.tsx
- match: '\]'
captures:
0: meta.brace.square.tsx
pop: true
- include: type
- include: punctuation-comma
typeof-operator:
- match: (?<!\.|\$)\btypeof\b(?!\$)
scope: keyword.operator.expression.typeof.tsx
undefined-literal:
- match: (?<!\.|\$)\bundefined\b(?!\$)
scope: constant.language.undefined.tsx
var-expr:
- match: (?<!\.|\$)(?:(\bexport)\s+)?\b(var|let|const(?!\s+enum\b))\b(?!\$)
captures:
1: keyword.control.export.tsx
2: storage.type.tsx
push:
- meta_scope: meta.var.expr.tsx
- match: '(?=$|;|}|(\s+(of|in)\s+))'
pop: true
- include: destructuring-variable
- include: var-single-variable
- include: variable-initializer
- include: comment
- include: punctuation-comma
var-single-variable:
- match: |-
(?x)([_$[:alpha:]][_$[:alnum:]]*)(?=\s*
(=\s*(
(async\s+) |
(function\s*[(<]) |
(function\s+) |
([_$[:alpha:]][_$[:alnum:]]*\s*=>) |
([(]\s*(([)]\s*:)|([_$[:alpha:]][_$[:alnum:]]*\s*:)|(\.\.\.) )) |
([<]\s*[_$[:alpha:]][_$[:alnum:]]*((\s+extends\s*[^=>])|(\s*[,]))) |
((<([^<>]|\<[^<>]+\>)+>\s*)?\(([^()]|\([^()]*\))*\)(\s*:\s*(.)*)?\s*=>))
) |
(:\s*(
(<) |
([(]\s*(
([)]) |
(\.\.\.) |
([_$[:alnum:]]+\s*(
([:,?=])|
([)]\s*=>)
))
)))
)
)
captures:
1: meta.definition.variable.tsx entity.name.function.tsx
push:
- meta_scope: meta.var-single-variable.expr.tsx
- match: '(?=$|[;,=}]|(\s+(of|in)\s+))'
pop: true
- include: var-single-variable-type-annotation
- match: "([[:upper:]][_$[:digit:][:upper:]]*)(?![_$[:alnum:]])"
captures:
1: meta.definition.variable.tsx variable.other.constant.tsx
push:
- meta_scope: meta.var-single-variable.expr.tsx
- match: '(?=$|[;,=}]|(\s+(of|in)\s+))'
pop: true
- include: var-single-variable-type-annotation
- match: "([_$[:alpha:]][_$[:alnum:]]*)"
captures:
1: meta.definition.variable.tsx variable.other.readwrite.tsx
push:
- meta_scope: meta.var-single-variable.expr.tsx
- match: '(?=$|[;,=}]|(\s+(of|in)\s+))'
pop: true
- include: var-single-variable-type-annotation
var-single-variable-type-annotation:
- include: type-annotation
- include: string
- include: comment
variable-initializer:
- match: (?<!=|!)(=)(?!=)(?=\s*\S)
captures:
1: keyword.operator.assignment.tsx
push:
- match: '(?=$|[,);}\]])'
pop: true
- include: expression
- match: (?<!=|!)(=)(?!=)
captures:
1: keyword.operator.assignment.tsx
push:
- match: '(?=[,);}\]])|(?=^\s*$)'
pop: true
- include: expression