Add support for JSX in javascript and typescript

3 files changed, 4449 insertions, 0 deletions

diff --git a/assets/syntaxes/JavaScript (Babel) b/assets/syntaxes/JavaScript (Babel)
new file mode 160000
+Subproject a9a908fe1d39ec84893e6edcbb146f09e9e60cc
diff --git a/assets/syntaxes/Javascript (Babel).sublime-syntax b/assets/syntaxes/Javascript (Babel).sublime-syntax
new file mode 100644
index 00000000..e3e3fccf
--- /dev/null
+++ b/assets/syntaxes/Javascript (Babel).sublime-syntax
@@ -0,0 +1,1288 @@
+%YAML 1.2
+---
+# http://www.sublimetext.com/docs/3/syntax.html
+name: JavaScript (Babel)
+file_extensions:
+  - js
+  - jsx
+  - babel
+  - es6
+first_line_match: ^#!\s*/.*\b(node|js)$\n?
+scope: source.js
+contexts:
+  main:
+    - include: core
+  brackets:
+    - include: round-brackets
+    - include: square-brackets
+    - include: curly-brackets
+  class-method-definition:
+    - match: '(@@[_$a-zA-Z][$\w]*|static|return)(?=\s*[<(])|(?=\s*<)'
+      captures:
+        1: keyword.operator.flowtype.js
+      push:
+        - meta_scope: meta.short-method.flowtype.js
+        - match: '(?=\s*[;{])'
+          pop: true
+        - include: flowtype-polymorph
+        - include: function-declaration-parameters
+        - include: flowtype-annotation
+        - include: comments
+        - include: curly-brackets
+    - match: '(?<=[]"''])\s*(?=[<(])'
+      push:
+        - meta_scope: meta.class-method.computed.js
+        - match: '(?=\s*[;{])'
+          pop: true
+        - include: flowtype-polymorph
+        - include: function-declaration-parameters
+        - include: flowtype-annotation
+        - include: comments
+        - include: curly-brackets
+    - match: |-
+        (?x)
+        ((?>get|set)\s+)
+        (?>
+          ((')((?>[^'\\]|\\.)*)('))|
+          ((")((?>[^"\\]|\\.)*)("))|
+          (([_$a-zA-Z][$\w]*|\d+))
+        )(?=\s*[<(])
+      captures:
+        1: storage.type.js
+        2: string.quoted.js
+        3: punctuation.definition.string.begin.js
+        4: entity.name.function.js
+        5: punctuation.definition.string.end.js
+        6: string.quoted.js
+        7: punctuation.definition.string.begin.js
+        8: entity.name.function.js
+        9: punctuation.definition.string.end.js
+        10: string.unquoted.js
+        11: entity.name.function.js
+      push:
+        - meta_scope: meta.class-accessor.js
+        - match: '(?=\s*[;{])'
+          pop: true
+        - include: flowtype-polymorph
+        - include: function-declaration-parameters
+        - include: flowtype-annotation
+        - include: comments
+        - include: curly-brackets
+    - match: |-
+        (?x)
+        (?>
+          ((')((?>[^'\\]|\\.)*)('))|
+          ((")((?>[^"\\]|\\.)*)("))|
+          (([_$a-zA-Z][$\w]*|\d+))
+        )(?=\s*[<(])
+      captures:
+        1: string.quoted.js
+        2: punctuation.definition.string.begin.js
+        3: entity.name.function.js
+        4: punctuation.definition.string.end.js
+        5: string.quoted.js
+        6: punctuation.definition.string.begin.js
+        7: entity.name.function.js
+        8: punctuation.definition.string.end.js
+        9: string.unquoted.js
+        10: entity.name.function.js
+      push:
+        - meta_scope: meta.class-method.js
+        - match: '(?=\s*[;{])'
+          pop: true
+        - include: flowtype-polymorph
+        - include: function-declaration-parameters
+        - include: flowtype-annotation
+        - include: comments
+        - include: curly-brackets
+  class-method-storage:
+    - match: (?<!\.)\b(?>static|declare)\b
+      scope: storage.modifier.js
+    - match: (?<!\.)\b(async)\b
+      scope: storage.type.js
+    - match: (?<!\.)\b(get|set)\b(?!\s*\()
+      scope: storage.type.js
+    - match: \*
+      scope: keyword.generator.asterisk.js
+  class-properties:
+    - match: '([_$a-zA-Z][$\w]*)(?=\s*[:=])'
+      captures:
+        1: variable.other.property.js
+      push:
+        - meta_scope: meta.class.property.js
+        - match: '(?=\s*[;}])'
+          pop: true
+        - include: flowtype-annotation
+        - include: expression
+  comments:
+    - match: /\*\*(?!/)
+      captures:
+        0: punctuation.definition.comment.js
+      push:
+        - meta_scope: comment.block.documentation.js
+        - match: \*/
+          captures:
+            0: punctuation.definition.comment.js
+          pop: true
+    - match: /\*
+      captures:
+        0: punctuation.definition.comment.begin.js
+      push:
+        - meta_scope: comment.block.js
+        - match: \*/
+          captures:
+            0: punctuation.definition.comment.end.js
+          pop: true
+    - match: (?><!--|-->)
+      scope: comment.block.html.js
+      captures:
+        0: punctuation.definition.comment.js
+    - match: (//).*$\n?
+      scope: comment.line.double-slash.js
+      captures:
+        1: punctuation.definition.comment.js
+    - match: ^(#!).*$\n?
+      scope: comment.line.shebang.js
+      captures:
+        1: punctuation.definition.comment.js
+  core:
+    - include: literal-function-labels
+    - include: literal-arrow-function-labels
+    - include: literal-labels
+    - include: literal-for
+    - include: literal-switch
+    - include: styled-components
+    - include: graphql
+    - include: expression
+    - include: literal-punctuation
+  curly-brackets:
+    - match: "{"
+      captures:
+        0: meta.brace.curly.begin.js
+      push:
+        - meta_scope: meta.group.braces.curly.js
+        - match: "}"
+          captures:
+            0: meta.brace.curly.end.js
+          pop: true
+        - include: main
+  es7-decorators:
+    - match: |-
+        (?x)
+        (@)([_$a-zA-Z][$\w]*)\b
+      scope: tag.decorator.js
+      captures:
+        1: punctuation.definition.tag.js
+        2: entity.name.tag.js
+  expression:
+    - include: merge-conflits
+    - include: literal-regexp
+    - include: literal-jsx
+    - include: es7-decorators
+    - include: support-class
+    - include: support-other
+    - include: literal-function
+    - include: literal-arrow-function
+    - include: literal-prototype
+    - include: literal-keywords
+    - include: literal-method
+    - include: literal-module
+    - include: literal-class
+    - include: flowtype-declaration
+    - include: literal-number
+    - include: literal-template-string
+    - include: literal-string
+    - include: literal-language-constant
+    - include: literal-language-variable
+    - include: literal-constructor
+    - include: literal-method-call
+    - include: literal-function-call
+    - include: comments
+    - include: brackets
+    - include: literal-operators
+    - include: literal-variable
+  flowtype-annotation:
+    - match: (?:(\?)\s*)?(:)
+      captures:
+        1: keyword.operator.flowtype.optional.js
+        2: keyword.operator.flowtype.annotation.js
+      push:
+        - meta_scope: meta.flowtype.annotation.js
+        - include: flowtype-tokens
+        - match: (?=\S)
+          pop: true
+  flowtype-brackets:
+    - match: "{"
+      captures:
+        0: punctuation.section.flowtype.begin.js
+      push:
+        - match: "}"
+          captures:
+            0: punctuation.section.flowtype.end.js
+          pop: true
+        - include: flowtype-tokens
+  flowtype-declaration:
+    - match: (?<!\.)\b(declare)\b
+      scope: support.type.declare.flowtype.js
+    - match: '(?<!\.)\b(type)\b(?=\s*[_$a-zA-Z])'
+      captures:
+        1: support.type.type.flowtype.js
+      push:
+        - meta_scope: meta.type.flowtype.js
+        - match: (?=\s*(;|from))
+          pop: true
+        - include: flowtype-tokens
+    - match: '(?<!\.)\b(type)\b(?=\s*{)'
+      captures:
+        1: support.type.type.flowtype.js
+      push:
+        - meta_scope: meta.type.flowtype.js
+        - match: "(?<=})"
+          pop: true
+        - include: comments
+        - include: flowtype-brackets
+        - include: flowtype-polymorph
+        - match: '([_$a-zA-Z][$\w]*)'
+          scope: entity.name.type.js
+  flowtype-identifier:
+    - include: support-class
+    - match: \b(?:any|bool|boolean|mixed|number|string|void)\b
+      scope: constant.other.primitve.flowtype.js
+    - match: '[_$a-zA-Z][$\w]*'
+      scope: variable.other.flowtype.js
+    - match: \?
+      scope: keyword.operator.flowtype.optional.js
+  flowtype-polymorph:
+    - match: <
+      captures:
+        0: punctuation.section.flowtype.begin.js
+      push:
+        - meta_scope: meta.flowtype.polymorph.js
+        - match: ">"
+          captures:
+            0: punctuation.section.flowtype.end.js
+          pop: true
+        - include: flowtype-tokens
+  flowtype-tokens:
+    - match: '(?<=[:?|&=])(?=\s*{)'
+      push:
+        - match: "(?<=})"
+          pop: true
+        - include: flowtype-brackets
+    - match: '\s*([|&])\s*'
+      scope: meta.flowtype.set.js
+      captures:
+        1: keyword.operator.flowtype.other.js
+    - match: '[*:?&|.]|\.\.\.|\b(typeof)\b'
+      scope: keyword.operator.flowtype.other.js
+    - match: <
+      captures:
+        0: punctuation.section.flowtype.begin.js
+      push:
+        - match: ">"
+          captures:
+            0: punctuation.section.flowtype.end.js
+          pop: true
+        - include: flowtype-tokens
+    - match: '\['
+      captures:
+        0: punctuation.section.flowtype.begin.js
+      push:
+        - match: '\]'
+          captures:
+            0: punctuation.section.flowtype.end.js
+          pop: true
+        - include: flowtype-tokens
+    - match: \(
+      captures:
+        0: punctuation.section.flowtype.begin.js
+      push:
+        - match: \)
+          captures:
+            0: punctuation.section.flowtype.end.js
+          pop: true
+        - include: flowtype-tokens
+    - match: "=>"
+      captures:
+        0: keyword.operator.flowtype.js
+      push:
+        - meta_scope: meta.flowtype.function.js
+        - match: "(?<=}|[_$a-zA-Z])"
+          pop: true
+        - include: flowtype-brackets
+        - include: flowtype-identifier
+        - include: comments
+    - include: flowtype-identifier
+    - include: literal-string
+    - include: comments
+  function-declaration-parameters:
+    - match: \(
+      captures:
+        0: punctuation.definition.parameters.begin.js
+      push:
+        - match: \)
+          captures:
+            0: punctuation.definition.parameters.end.js
+          pop: true
+        - include: comments
+        - include: flowtype-annotation
+        - match: (?<!\.)\.\.\.
+          scope: keyword.operator.spread.js
+        - match: '([_$a-zA-Z][$\w]*)'
+          scope: variable.parameter.function.js
+        - match: ","
+          scope: punctuation.separator.parameter.function.js
+        - match: "="
+          captures:
+            0: keyword.operator.assignment.js
+          push:
+            - meta_scope: meta.parameter.optional.js
+            - match: "(?=[,)])"
+              pop: true
+            - include: expression
+  graphql:
+    - match: \s*+gql`
+      push:
+        - meta_scope: meta.graphql.js
+        - match: "`"
+          pop: true
+        - include: scope:source.graphql
+        - match: '\${'
+          push:
+            - meta_scope: js
+            - match: "}"
+              pop: true
+            - include: core
+    - match: \s*+`#graphql
+      push:
+        - meta_scope: meta.graphql.js
+        - match: "`"
+          pop: true
+        - include: scope:source.graphql
+        - match: '\${'
+          push:
+            - meta_scope: js
+            - match: "}"
+              pop: true
+            - include: core
+  jsx-attribute-assignment:
+    - match: "="
+      scope: keyword.operator.assignment.jsx
+  jsx-attribute-name:
+    - match: '[_$a-zA-Z][-$\w]*'
+      scope: entity.other.attribute-name.jsx
+  jsx-attributes:
+    - include: jsx-attribute-name
+    - include: jsx-attribute-assignment
+    - include: jsx-string-quoted
+    - include: jsx-evaluated-code
+    - include: comments
+  jsx-entities:
+    - match: '&(?:[a-zA-Z0-9]+|#\d+|#x\h+);'
+      scope: constant.character.entity.jsx
+    - match: '&\S*;'
+      scope: invalid.illegal.bad-ampersand.jsx
+  jsx-evaluated-code:
+    - match: "{"
+      captures:
+        0: punctuation.section.embedded.begin.jsx
+      push:
+        - meta_scope: meta.embedded.expression.jsx
+        - match: "}"
+          captures:
+            0: punctuation.section.embedded.end.jsx
+          pop: true
+        - include: expression
+  jsx-string-quoted:
+    - match: '(["''])'
+      captures:
+        0: punctuation.definition.string.begin.jsx
+      push:
+        - meta_scope: string.quoted.jsx
+        - match: \1
+          captures:
+            0: punctuation.definition.string.end.jsx
+          pop: true
+        - include: jsx-entities
+  jsx-tag-end:
+    - match: ">"
+      captures:
+        0: meta.tag.jsx punctuation.definition.tag.end.jsx
+      push:
+        - match: (?=</)
+          pop: true
+        - include: jsx-tag-start
+        - include: jsx-evaluated-code
+        - include: jsx-entities
+  jsx-tag-start:
+    - match: '(<)([_$a-zA-Z][-$:.\w]*[$\w]*)'
+      captures:
+        1: meta.tag.jsx punctuation.definition.tag.begin.jsx
+        2: meta.tag.jsx entity.name.tag.jsx
+      push:
+        - match: (</)(\2)(>)|(/>)
+          captures:
+            1: meta.tag.jsx punctuation.definition.tag.begin.jsx
+            2: meta.tag.jsx entity.name.tag.jsx
+            3: meta.tag.jsx punctuation.definition.tag.end.jsx
+            4: meta.tag.jsx punctuation.definition.tag.end.jsx
+          pop: true
+        - include: jsx-tag-end
+        - include: jsx-attributes
+    - match: <
+      scope: invalid.illegal.tag.incomplete.jsx
+  literal-arrow-function:
+    - match: |-
+        (?x)
+        (?:([_$a-zA-Z][$\w]*)\s*(=)\s*)?
+        (?:\b(async)\s+)?
+        (?=(\((?>(?>[^()]+)|\g<-1>)*\))\s*(=>))
+      captures:
+        1: entity.name.function.js
+        2: keyword.operator.assignment.js
+        3: storage.type.js
+      push:
+        - meta_scope: meta.function.arrow.js
+        - match: (?<=\))\s*(=>)
+          captures:
+            1: storage.type.function.arrow.js
+          pop: true
+        - include: function-declaration-parameters
+    - match: |-
+        (?x)
+        (?:([_$a-zA-Z][$\w]*)\s*(=)\s*)?
+        (?:(async)\s+)?
+        \b([_$a-zA-Z][$\w]*)\s*(=>)
+      scope: meta.function.arrow.js
+      captures:
+        1: entity.name.function.js
+        2: keyword.operator.assignment.js
+        3: storage.type.js
+        4: variable.parameter.function.js
+        5: storage.type.function.arrow.js
+    - match: |-
+        (?x)
+        (\b_?[A-Z][$\w]*)?
+        (\.)(prototype)
+        (\.)([_$a-zA-Z][$\w]*)
+        \s*(=)
+        \s*(async)?
+        \s*(?=(\((?>(?>[^()]+)|\g<-1>)*\))\s*(=>))
+      captures:
+        1: entity.name.class.js
+        2: keyword.operator.accessor.js
+        3: variable.language.prototype.js
+        4: keyword.operator.accessor.js
+        5: entity.name.function.js
+        6: keyword.operator.assignment.js
+        7: storage.type.js
+      push:
+        - meta_scope: meta.prototype.function.arrow.js
+        - match: (?<=\))\s*(=>)
+          captures:
+            1: storage.type.function.arrow.js
+          pop: true
+        - include: function-declaration-parameters
+    - match: |-
+        (?x)
+        (\b_?[A-Z][$\w]*)?
+        (\.)(prototype)
+        (\.)([_$a-zA-Z][$\w]*)
+        \s*(=)
+        \s*(async)?
+        \s*\b([_$a-zA-Z][$\w]*)\s*(=>)
+      scope: meta.prototype.function.arrow.js
+      captures:
+        1: entity.name.class.js
+        2: keyword.operator.accessor.js
+        3: variable.language.prototype.js
+        4: keyword.operator.accessor.js
+        5: entity.name.function.js
+        6: keyword.operator.assignment.js
+        7: storage.type.js
+        8: variable.parameter.function.js
+        9: storage.type.function.arrow.js
+    - match: |-
+        (?x)
+        (\b_?[A-Z][$\w]*)?
+        (\.)([_$a-zA-Z][$\w]*)
+        \s*(=)
+        \s*(async)?
+        \s*(?=(\((?>(?>[^()]+)|\g<-1>)*\))\s*(=>))
+      captures:
+        1: entity.name.class.js
+        2: keyword.operator.accessor.js
+        3: entity.name.function.js
+        4: keyword.operator.assignment.js
+        5: storage.type.js
+      push:
+        - meta_scope: meta.function.static.arrow.js
+        - match: (?<=\))\s*(=>)
+          captures:
+            1: storage.type.function.arrow.js
+          pop: true
+        - include: function-declaration-parameters
+    - match: |-
+        (?x)
+        (\b_?[A-Z][$\w]*)?
+        (\.)([_$a-zA-Z][$\w]*)
+        \s*(=)
+        \s*(async)?
+        \s*\b([_$a-zA-Z][$\w]*)\s*(=>)
+      scope: meta.function.static.arrow.js
+      captures:
+        1: entity.name.class.js
+        2: keyword.operator.accessor.js
+        3: entity.name.function.js
+        4: keyword.operator.assignment.js
+        5: storage.type.js
+        6: variable.parameter.function.js
+        7: storage.type.function.arrow.js
+  literal-arrow-function-labels:
+    - match: |-
+        (?x)
+        (?>
+          ((')((?>[^'\\]|\\.)*)('))|
+          ((")((?>[^"\\]|\\.)*)("))|
+          (([_$a-zA-Z][$\w]*|\d+))
+        )
+        \s*(:)
+        \s*(?:\b(async)\s+)?
+        \s*(?=(\((?>(?>[^()]+)|\g<-1>)*\))\s*(=>))
+      captures:
+        1: string.quoted.js
+        2: punctuation.definition.string.begin.js
+        3: entity.name.function.js
+        4: punctuation.definition.string.end.js
+        5: string.quoted.js
+        6: punctuation.definition.string.begin.js
+        7: entity.name.function.js
+        8: punctuation.definition.string.end.js
+        9: string.unquoted.js
+        10: entity.name.function.js
+        11: punctuation.separator.key-value.js
+        12: storage.type.js
+      push:
+        - meta_scope: meta.function.json.arrow.js
+        - match: (?<=\))\s*(=>)
+          captures:
+            1: storage.type.function.arrow.js
+          pop: true
+        - include: function-declaration-parameters
+    - match: |-
+        (?x)
+        (?>
+          ((')((?>[^'\\]|\\.)*)('))|
+          ((")((?>[^"\\]|\\.)*)("))|
+          (([_$a-zA-Z][$\w]*|\d+))
+        )
+        \s*(:)
+        \s*(?:\b(async)\s+)?
+        \s*\b([_$a-zA-Z][$\w]*)\s*(=>)
+      scope: meta.function.json.arrow.js
+      captures:
+        1: string.quoted.js
+        2: punctuation.definition.string.begin.js
+        3: entity.name.function.js
+        4: punctuation.definition.string.end.js
+        5: string.quoted.js
+        6: punctuation.definition.string.begin.js
+        7: entity.name.function.js
+        8: punctuation.definition.string.end.js
+        9: string.unquoted.js
+        10: entity.name.function.js
+        11: punctuation.separator.key-value.js
+        12: storage.type.js
+        13: variable.parameter.function.js
+        14: storage.type.function.arrow.js
+  literal-class:
+    - match: (?<!\.)\b(?:(class)|(interface))\b
+      captures:
+        1: storage.type.class.js
+        2: storage.type.interface.flowtype.js
+      push:
+        - meta_scope: meta.class.js
+        - match: '\}'
+          captures:
+            0: meta.brace.curly.end.js
+          pop: true
+        - include: comments
+        - match: '([_$a-zA-Z][$\w]*)'
+          captures:
+            0: entity.name.class.js
+          push:
+            - match: "(?={)"
+              pop: true
+            - include: comments
+            - include: flowtype-polymorph
+            - match: (?<!\.)\b(extends)\b
+              captures:
+                0: storage.type.extends.js
+              push:
+                - meta_scope: meta.class.extends.js
+                - match: "(?={)"
+                  pop: true
+                - include: flowtype-polymorph
+                - include: expression
+        - match: '\{'
+          captures:
+            0: meta.brace.curly.begin.js
+          push:
+            - match: "(?=})"
+              pop: true
+            - include: es7-decorators
+            - include: class-properties
+            - include: class-method-definition
+            - include: class-method-storage
+            - include: brackets
+            - include: comments
+  literal-constructor:
+    - match: '(new)\s+(?=[_$a-zA-Z][$\w.]*)'
+      captures:
+        1: keyword.operator.new.js
+      push:
+        - meta_scope: meta.instance.constructor.js
+        - match: '(?![_$a-zA-Z][$\w.]*)'
+          pop: true
+        - include: support-class
+        - include: support-other
+        - match: '([_$a-zA-Z][$\w.]*\.)?([_$a-zA-Z][$\w]*)'
+          captures:
+            2: variable.function.constructor.js
+  literal-for:
+    - match: (?<!\.)\b(for)\b
+      captures:
+        1: keyword.control.loop.js
+      push:
+        - meta_scope: meta.for.js
+        - match: \)
+          captures:
+            0: meta.brace.round.end.js
+          pop: true
+        - include: comments
+        - match: \(
+          captures:
+            0: meta.brace.round.begin.js
+          push:
+            - match: (?=\))
+              pop: true
+            - include: literal-keyword-storage
+            - include: expression
+            - include: literal-punctuation
+  literal-function:
+    - match: |-
+        (?x)
+        (?:([_$a-zA-Z][$\w]*)\s*(=)\s*)?
+        (?:(async)\s+)?
+        (function)(?>\s*(\*)|(?=[\s(<]))
+        \s*([_$a-zA-Z][$\w]*)?
+      captures:
+        1: entity.name.function.js
+        2: keyword.operator.assignment.js
+        3: storage.type.js
+        4: storage.type.function.js
+        5: keyword.generator.asterisk.js
+        6: entity.name.function.js
+      push:
+        - meta_scope: meta.function.js
+        - match: (?<=\))
+          pop: true
+        - include: flowtype-polymorph
+        - include: function-declaration-parameters
+    - match: |-
+        (?x)
+        (\b_?[A-Z][$\w]*)?
+        (\.)(prototype)
+        (\.)([_$a-zA-Z][$\w]*)
+        \s*(=)
+        \s*(?:(async)\s+)?
+        \s*(function)(?>\s*(\*)|(?=[\s(<]))
+        \s*([_$a-zA-Z][$\w]*)?\s*
+      captures:
+        1: entity.name.class.js
+        2: keyword.operator.accessor.js
+        3: variable.language.prototype.js
+        4: keyword.operator.accessor.js
+        5: entity.name.function.js
+        6: keyword.operator.assignment.js
+        7: storage.type.js
+        8: storage.type.function.js
+        9: keyword.generator.asterisk.js
+        10: entity.name.function.js
+      push:
+        - meta_scope: meta.function.prototype.js
+        - match: (?<=\))
+          pop: true
+        - include: flowtype-polymorph
+        - include: function-declaration-parameters
+    - match: |-
+        (?x)
+        (\b_?[A-Z][$\w]*)?
+        (\.)([_$a-zA-Z][$\w]*)
+        \s*(=)
+        \s*(?:(async)\s+)?
+        \s*(function)(?>\s*(\*)|(?=[\s(<]))
+        \s*([_$a-zA-Z][$\w]*)?\s*
+      captures:
+        1: entity.name.class.js
+        2: keyword.operator.accessor.js
+        3: entity.name.function.js
+        4: keyword.operator.assignment.js
+        5: storage.type.js
+        6: storage.type.function.js
+        7: keyword.generator.asterisk.js
+        8: entity.name.function.js
+      push:
+        - meta_scope: meta.function.static.js
+        - match: (?<=\))
+          pop: true
+        - include: flowtype-polymorph
+        - include: function-declaration-parameters
+  literal-function-call:
+    - match: '([_$a-zA-Z][$\w]*)\s*(\(\s*\))'
+      scope: meta.function-call.without-arguments.js
+      captures:
+        1: variable.function.js
+        2: meta.group.braces.round.function.arguments.js
+    - match: '([_$a-zA-Z][$\w]*)\s*(?=\()'
+      scope: meta.function-call.with-arguments.js
+      captures:
+        1: variable.function.js
+    - match: '([_$a-zA-Z][$\w]*)\s*(?=`)'
+      scope: meta.function-call.tagged-template.js
+      captures:
+        1: variable.function.js
+  literal-function-labels:
+    - match: |-
+        (?x)
+        (?>
+          ((')((?>[^'\\]|\\.)*)('))|
+          ((")((?>[^"\\]|\\.)*)("))|
+          (([_$a-zA-Z][$\w]*|\d+))
+        )
+        \s*(:)
+        \s*(?:\b(async)\s+)?
+        \s*(function)(?>\s*(\*)|(?=[\s(<]))
+        \s*([_$a-zA-Z][$\w]*)?
+      captures:
+        1: string.quoted.js
+        2: punctuation.definition.string.begin.js
+        3: entity.name.function.js
+        4: punctuation.definition.string.end.js
+        5: string.quoted.js
+        6: punctuation.definition.string.begin.js
+        7: entity.name.function.js
+        8: punctuation.definition.string.end.js
+        9: string.unquoted.js
+        10: entity.name.function.js
+        11: punctuation.separator.key-value.js
+        12: storage.type.js
+        13: storage.type.function.js
+        14: keyword.generator.asterisk.js
+        15: entity.name.function.js
+      push:
+        - meta_scope: meta.function.json.js
+        - match: (?<=\))
+          pop: true
+        - include: flowtype-polymorph
+        - include: function-declaration-parameters
+  literal-jsx:
+    - match: '(?<=\(|\{|\[|,|&&|\|\||\?|:|=|=>|\Wreturn|^return|\Wdefault|^)(?=\s*<[_$a-zA-Z])'
+      push:
+        - meta_content_scope: meta.jsx.js
+        - match: (?<=/>|>)
+          pop: true
+        - include: jsx-tag-start
+  literal-keyword-storage:
+    - match: (?<!\.)\b(?>const|let|var)\b
+      scope: storage.type.js
+  literal-keywords:
+    - include: literal-keyword-storage
+    - match: (?<!\.)\b((?>await|yield))\b(?:\s*(\*))?
+      captures:
+        1: keyword.control.flow.js
+        2: keyword.generator.asterisk.js
+    - match: (?<!\.)\b(return)\b
+      scope: keyword.control.flow.js
+    - match: (?<!\.)\b(?>if|else)\b
+      scope: keyword.control.conditional.js
+    - match: (?<!\.)\b(?>catch|finally|throw|try)\b
+      scope: keyword.control.trycatch.js
+    - match: (?<!\.)\b(?>break|continue|do|goto|while|case|default)\b
+      scope: keyword.control.loop.js
+    - match: (?<!\.)\b(?>enum|module|public|package|private|interface|protected)\b
+      scope: keyword.other.reserved.js
+    - match: (?<!\.)\b(debugger)\b
+      scope: keyword.other.js
+  literal-labels:
+    - match: |-
+        (?x)
+        (?<!\?)(?<!\?\s)(?=(?>
+          ((')((?>[^'\\]|\\.)*)('))|
+          ((")((?>[^"\\]|\\.)*)("))|
+        )\s*:)
+      push:
+        - match: ":"
+          captures:
+            0: punctuation.separator.key-value.js
+          pop: true
+        - include: literal-string
+    - match: '(?<!\.|\?|\?\s)([_$a-zA-Z][$\w]*)\s*(:)'
+      scope: constant.other.object.key.js
+      captures:
+        1: string.unquoted.label.js
+        2: punctuation.separator.key-value.js
+  literal-language-constant:
+    - match: (?<!\.)\b(true)\b
+      scope: constant.language.boolean.true.js
+    - match: (?<!\.)\b(false)\b
+      scope: constant.language.boolean.false.js
+    - match: (?<!\.)\b(null)\b
+      scope: constant.language.null.js
+    - match: (?<!\.)\b(undefined)\b
+      scope: constant.language.undefined.js
+    - match: (?<!\.)\b(NaN)\b
+      scope: constant.language.nan.js
+  literal-language-variable:
+    - match: (?<!(?<!\.\.)\.)\b(arguments)\b
+      scope: variable.language.arguments.js
+    - match: (?<!(?<!\.\.)\.)\b(super)\b
+      scope: variable.language.super.js
+    - match: (?<!(?<!\.\.)\.)\b(this)\b
+      scope: variable.language.this.js
+    - match: (?<!(?<!\.\.)\.)\b(self)\b
+      scope: variable.language.self.js
+    - match: (?<=\.)(__proto__)\b
+      scope: variable.language.proto.js
+    - match: (?<=\.)(constructor)\b
+      scope: variable.language.constructor.js
+    - match: (?<=\.)(prototype)\b
+      scope: variable.language.prototype.js
+  literal-method:
+    - match: |-
+        (?x)
+        (?:\b(static)\s+)?
+        (?:\b(async)\s+)?
+        (?:(\*)\s*)?
+        (?>
+          ((')((?>[^'\\]|\\.)*)('))|
+          ((")((?>[^"\\]|\\.)*)("))|
+          (([_$a-zA-Z][$\w]*|\d+))
+        )
+        (?=\s*(\((?>(?>[^()]+)|\g<-1>)*\))(?>\s|/\*.*\*/)*\{)
+      captures:
+        1: storage.type.js
+        2: storage.type.js
+        3: keyword.generator.asterisk.js
+        4: string.quoted.js
+        5: punctuation.definition.string.begin.js
+        6: entity.name.function.js
+        7: punctuation.definition.string.end.js
+        8: string.quoted.js
+        9: punctuation.definition.string.begin.js
+        10: entity.name.function.js
+        11: punctuation.definition.string.end.js
+        12: string.unquoted.js
+        13: entity.name.function.js
+      push:
+        - meta_scope: meta.method.js
+        - match: (?<=\))
+          pop: true
+        - include: function-declaration-parameters
+    - match: |-
+        (?x)
+        \b(?:(static)\s+)?
+        (get|set)\s+
+        ([_$a-zA-Z][$\w]*|\d+)\s*
+        (?=(\((?>(?>[^()]+)|\g<-1>)*\))(?>\s|/\*.*\*/)*\{)
+      captures:
+        1: storage.type.js
+        2: storage.type.accessor.js
+        3: entity.name.accessor.js
+      push:
+        - meta_scope: meta.accessor.js
+        - match: (?<=\))
+          pop: true
+        - include: function-declaration-parameters
+  literal-method-call:
+    - match: |-
+        (?x)
+        (?:(?<=\.)|\b)
+        ([A-Z][$\w]*)\s*(\.)
+        ([_$a-zA-Z][$\w]*)\s*
+        (\(\s*\))
+      scope: meta.function-call.static.without-arguments.js
+      captures:
+        1: variable.other.class.js
+        2: keyword.operator.accessor.js
+        3: variable.function.js
+        4: meta.group.braces.round.function.arguments.js
+    - match: |-
+        (?x)
+        (?:(?<=\.)|\b)
+        ([A-Z][$\w]*)\s*(\.)
+        ([_$a-zA-Z][$\w]*)\s*
+        (?=\()
+      scope: meta.function-call.static.with-arguments.js
+      captures:
+        1: variable.other.class.js
+        2: keyword.operator.accessor.js
+        3: variable.function.js
+    - match: |-
+        (?x)
+        (?<=\.)
+        ([_$a-zA-Z][$\w]*)\s*
+        (\(\s*\))
+      scope: meta.function-call.method.without-arguments.js
+      captures:
+        1: variable.function.js
+        2: meta.group.braces.round.function.arguments.js
+    - match: |-
+        (?x)
+        (?<=\.)
+        ([_$a-zA-Z][$\w]*)\s*
+        (?=\()
+      scope: meta.function-call.method.with-arguments.js
+      captures:
+        1: variable.function.js
+  literal-module:
+    - match: (?<!\.)\b(?>import|export|default|from|as)\b
+      scope: keyword.operator.module.js
+  literal-number:
+    - match: '(?i)(?:\B[-+]|\b)0x[0-9a-f]*\.(\B|\b[0-9]+)'
+      scope: invalid.illegal.numeric.hex.js
+    - match: '(?:\B[-+]|\b)0[0-9]+\.(\B|\b[0-9]+)'
+      scope: invalid.illegal.numeric.octal.js
+    - match: |-
+        (?xi)
+        (?:\B[-+])?
+        (?:
+          \b0b[0-1]*|                 # binary
+          \b0o[0-7]*|                 # octal
+          \b0x[0-9a-f]*|              # hex
+          (
+            \B\.[0-9]+|               # e.g. .999
+            \b[0-9]+(\.[0-9]*)?       # e.g. 999.999, 999. or 999
+          )(e[-+]?[0-9]+)?            # e.g. e+123, E-123
+        )
+      scope: constant.numeric.js
+    - match: '(?:\B[-+]|\b)(Infinity)\b'
+      scope: constant.language.infinity.js
+  literal-operators:
+    - match: (?<!\.)\b(?>delete|instanceof|in|new|of|typeof|void|with)\b
+      scope: keyword.operator.js
+    - match: |-
+        (?x)
+        !(?!=)| # logical-not     right-to-left   right
+        &&    | # logical-and     left-to-right   both
+        \|\|    # logical-or      left-to-right   both
+      scope: keyword.operator.logical.js
+    - match: |-
+        (?x)
+        =(?!=)  # assignment      right-to-left   both
+      scope: keyword.operator.assignment.js
+    - match: |-
+        (?x)
+        %=   | # assignment      right-to-left   both
+        &=   | # assignment      right-to-left   both
+        \*=  | # assignment      right-to-left   both
+        \+=  | # assignment      right-to-left   both
+        -=   | # assignment      right-to-left   both
+        /=   | # assignment      right-to-left   both
+        \^=  | # assignment      right-to-left   both
+        \|=  | # assignment      right-to-left   both
+        <<=  | # assignment      right-to-left   both
+        >>=  | # assignment      right-to-left   both
+        >>>=   # assignment      right-to-left   both
+      scope: keyword.operator.assignment.augmented.js
+    - match: |-
+        (?x)
+        ~    | # bitwise-not     right-to-left   right
+        <<   | # bitwise-shift   left-to-right   both
+        >>>  | # bitwise-shift   left-to-right   both
+        >>   | # bitwise-shift   left-to-right   both
+        &    | # bitwise-and     left-to-right   both
+        \^   | # bitwise-xor     left-to-right   both
+        \|     # bitwise-or      left-to-right   both
+      scope: keyword.operator.bitwise.js
+    - match: |-
+        (?x)
+        <=   | # relational      left-to-right   both
+        >=   | # relational      left-to-right   both
+        <    | # relational      left-to-right   both
+        >      # relational      left-to-right   both
+      scope: keyword.operator.relational.js
+    - match: |-
+        (?x)
+        ===  | # equality        left-to-right   both
+        !==  | # equality        left-to-right   both
+        ==   | # equality        left-to-right   both
+        !=     # equality        left-to-right   both
+      scope: keyword.operator.comparison.js
+    - match: |-
+        (?x)
+        --   | # decrement       n/a             right-or-left
+        \+\+ | # increment       n/a             right-or-left
+        /    | # division        left-to-right   both
+        %    | # modulus         left-to-right   both
+        \*   | # multiplication  left-to-right   both
+        \+   | # addition        left-to-right   both
+        -      # subtraction     left-to-right   both
+      scope: keyword.operator.arithmetic.js
+    - match: "[?:]"
+      scope: keyword.operator.ternary.js
+    - match: (?<!\.)\.\.\.
+      scope: keyword.operator.spread.js
+    - match: \.