<?xml version="1.0" encoding="UTF-8"?>
<!--

This file is part of GtkSourceView

Author: Scott Martin <scott@coffeeblack.org>
Copyright (C) 2004 Scott Martin <scott@coffeeblack.org>
Copyright (C) 2005 Stef Walter (formerly Nate Nielsen) <stef@memberwebs.com>
Copyright (C) 2005-2007 Marco Barisione <barisione@gmail.com>
Copyright (C) 2005-2007 Emanuele Aina
Copyright (C) 2019-2020 Jeffery To <jeffery.to@gmail.com>

GtkSourceView is free software; you can redistribute it and/or
modify it under the terms of the GNU Lesser General Public
License as published by the Free Software Foundation; either
version 2.1 of the License, or (at your option) any later version.

GtkSourceView is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
Lesser General Public License for more details.

You should have received a copy of the GNU Lesser General Public License
along with this library; if not, see <http://www.gnu.org/licenses/>.

-->
<language id="js" name="JavaScript" version="2.0" _section="Script">
    <metadata>
        <property name="mimetypes">application/javascript;application/x-javascript;text/x-javascript;text/javascript;text/x-js</property>
        <property name="globs">*.js;*.mjs</property>
        <property name="line-comment-start">//</property>
        <property name="block-comment-start">/*</property>
        <property name="block-comment-end">*/</property>
        <property name="suggested-suffix">.js</property>
    </metadata>

    <styles>

        <!-- General -->
        <style id="comment"               name="Comment"                map-to="def:comment"/>
        <style id="doc-comment"           name="Documentation comment"  map-to="def:doc-comment"/>
        <style id="error"                 name="Error"                  map-to="def:error"/>
        <style id="keyword"               name="Keyword"                map-to="def:keyword"/>
        <style id="reserved-word"         name="Reserved word"          map-to="def:reserved"/>
        <style id="directive"             name="Directive"              map-to="def:preprocessor"/>

        <!-- Literals -->
        <style id="null-value"            name="Null value"             map-to="def:special-constant"/>
        <style id="boolean"               name="Boolean value"          map-to="def:boolean"/>
        <style id="decimal"               name="Decimal number"         map-to="def:decimal"/>
        <style id="base-n-integer"        name="Base-n integer"         map-to="def:base-n-integer"/>
        <style id="binary-integer"        name="Binary integer"         map-to="js:base-n-integer"/>
        <style id="octal-integer"         name="Octal integer"          map-to="js:base-n-integer"/>
        <style id="hex-integer"           name="Hexadecimal integer"    map-to="js:base-n-integer"/>
        <style id="escape"                name="Escaped character"      map-to="def:special-char"/>
        <style id="string"                name="String"                 map-to="def:string"/>
        <style id="included-file"         name="Included file"          map-to="js:string"/>
        <style id="regex"                 name="Regular expression"     map-to="def:string"/>
        <style id="regex-class"           name="RE character class"     map-to="def:special-char"/>
        <style id="regex-group"           name="RE group name"          map-to="def:identifier"/>
        <style id="regex-flag"            name="RE flag"                map-to="def:special-constant"/>
        <style id="template-literal"      name="Template literal"       map-to="js:string"/>
        <style id="template-placeholder"  name="Template placeholder"   map-to="def:preprocessor"/>

        <!-- Built-in values -->
        <style id="built-in-value"        name="Built-in value"         map-to="def:special-constant"/>
        <style id="built-in-function"     name="Built-in function"      map-to="def:builtin"/>
        <style id="built-in-constructor"  name="Built-in constructor"   map-to="def:type"/>
        <style id="built-in-object"       name="Built-in object"        map-to="def:builtin"/>
        <style id="built-in-property"     name="Built-in property"      map-to="def:statement"/>
        <style id="built-in-method"       name="Built-in method"        map-to="js:built-in-function"/>
        <style id="method-calls"          name="Method Calls"           map-to="def:method-calls"/>


        <!-- The following are for debugging use -->

        <!-- General -->
        <style id="identifier"                    name="Identifier"/>
        <style id="rest-syntax"                   name="Rest syntax"/>
        <style id="spread-syntax"                 name="Spread syntax"/>
        <style id="array-binding-pattern"         name="Array binding pattern"/>
        <style id="object-binding-pattern"        name="Object binding pattern"/>

        <!-- Literals -->
        <style id="array-literal"                 name="Array literal"/>
        <style id="object-literal"                name="Object literal"/>

        <!-- Functions and classes -->
        <style id="function-expression"           name="Function expression"/>
        <style id="class-expression"              name="Class expression"/>

        <!-- Expressions -->
        <style id="grouping"                      name="Grouping"/>
        <style id="grouping-operator"             name="Grouping operator"/>
        <style id="increment-decrement-operator"  name="Increment decrement operator"/>
        <style id="unary-operator"                name="Unary operator"/>
        <style id="binary-operator"               name="Binary operator"/>
        <style id="comma-operator"                name="Comma operator"/>
        <style id="ternary-operator"              name="Ternary operator"/>
        <style id="expression"                    name="Expression"/>

        <!-- Statements -->
        <style id="block-statement"               name="Block statement"/>
        <style id="break-statement"               name="Break statement"/>
        <style id="continue-statement"            name="Continue statement"/>
        <style id="debugger-statement"            name="Debugger statement"/>
        <style id="expression-statement"          name="Expression statement"/>
        <style id="for-statement"                 name="For statement"/>
        <style id="if-statement"                  name="If statement"/>
        <style id="else-statement"                name="Else statement"/>
        <style id="label-statement"               name="Label statement"/>
        <style id="return-statement"              name="Return statement"/>
        <style id="switch-statement"              name="Switch statement"/>
        <style id="throw-statement"               name="Throw statement"/>
        <style id="try-catch-statement"           name="Try catch statement"/>
        <style id="variable-declaration"          name="Variable declaration"/>
        <style id="while-statement"               name="While statement"/>
        <style id="with-statement"                name="With statement"/>

        <!-- Modules -->
        <style id="export-import-declaration"     name="Export import declaration"/>

    </styles>

    <!-- from identifier-char -->
    <keyword-char-class>(?!\N{U+2E2F})[\p{L}\p{Nl}\N{U+1885}-\N{U+1886}\N{U+2118}\N{U+212E}\N{U+309B}-\N{U+309C}\p{Mn}\p{Mc}\p{Nd}\p{Pc}\N{U+00B7}\N{U+0387}\N{U+1369}-\N{U+1371}\N{U+19DA}$\N{U+200C}\N{U+200D}]</keyword-char-class>

    <definitions>

        <context id="method-calls" style-ref="method-calls">
            <match extended="true">
                (\.[\s\n\r]*[\w]+)[\s\n\r]*(?=\(.*\))
            </match>
        </context>

        <!--
        "Tags" (e.g. <Script>) or section numbers (e.g. 13.2 Block)
        inside comments refer to relevant productions or sections from
        the ECMAScript Language Specification, respectively.

        Current draft: https://tc39.es/ecma262/

        Supported level: ES2020

        Supported ES2021 proposals:
        * String.prototype.replaceAll

        Features from Annex B of the spec are not highlighted to
        discourage their use, except:
        * Legacy octal number literals: Highlighted as errors to
        reduce accidental usage
        * Legacy octal escape sequences: Highlighted as normal escapes
        as they are inside strings; the string and error styles may
        conflict with each other

        Not supported yet:
        * SharedArrayBuffer and Atomics (ES2017): Browser support is
        minimal / disabled to mitigate speculative side-channel
        attacks (Meltdown / Spectre)
        * RegExp lookbehind assertions (ES2018): Lookahead assertions
        are not highlighted either


        Also supported:
        * ECMAScript Internationalization API
        Current draft: https://tc39.es/ecma402/
        Supported level: 2018
        * WebAssembly JavaScript Interface
        Editor's draft: https://webassembly.github.io/spec/js-api/
        Supported level: Candidate Recommendation, 18 July 2019
        * WebAssembly Web API
        Editor's draft: https://webassembly.github.io/spec/web-api/
        Supported level: Candidate Recommendation, 18 July 2019


        Naming convention for contexts:
        * Prefixes:
        * "_" (underscore): "Private" to one or more "public"
        contexts (can still be overridden by child languages)
        * "ordered-": Wrapper for another context so that it can only
        match in a referenced position (has once-only="true")
        * "last-": An "ordered-" wrapper with end-parent="true",
        which will end the parent under all circumstances
        * "choice-": One option in a group where only one can be
        selected (has end-parent="true")
        * Suffixes:
        * Plural: Can match multiple times
        * Singular: Has once-only="true"
        * "-end-parent": Has end-parent="true"
        * "-no-extend-parent": Has extend-parent="false"
        * "-content": Holds children of container contexts

        End-parent contexts are container contexts to avoid the
        end-parent bug:
        https://gitlab.gnome.org/GNOME/gtksourceview/issues/14
    -->


    <!-- # General -->

    <!-- <UnicodeEscapeSequence> -->
    <define-regex id="unicode-escape" extended="true">
        \\u (?: [0-9a-fA-F]{4} | { [0-9a-fA-F]{1,} } )
    </define-regex> <!-- /unicode-escape -->

    <!-- <IdentifierStart> -->
    <define-regex id="identifier-start" extended="true">
        \%{def:unicode-id-start} | [$_] | \%{unicode-escape}
    </define-regex> <!-- /identifier-start -->

    <!-- for lookbehinds

    U+200C Zero-width non-joiner <ZWNJ>
    U+200D Zero-width joiner <ZWJ>
-->
<define-regex id="identifier-char" extended="true">
    \%{def:unicode-id-continue} | [$\N{U+200C}\N{U+200D}]
</define-regex> <!-- /identifier-char -->

<!-- <IdentifierPart> -->
<define-regex id="identifier-part" extended="true">
    \%{identifier-char} | \%{unicode-escape}
</define-regex> <!-- /identifier-part -->

<!-- <IdentifierName> -->
<define-regex id="identifier" extended="true">
    \%{identifier-start} \%{identifier-part}*
</define-regex> <!-- /identifier-->

<define-regex id="identifier-container-start" extended="true">
    (?&lt;! \%{identifier-char} ) (?= \%{identifier-start} )
</define-regex> <!-- /identifier-container-start -->

<define-regex id="keyword-start" extended="true">
    (?&lt;! \%{identifier-char} )
</define-regex> <!-- /keyword-start -->

<define-regex id="keyword-end" extended="true">
    (?! \%{identifier-char} )
</define-regex> <!-- /keyword-end -->

<!-- <WhiteSpace> -->
<!-- does not include characters from <LineTerminator>,
to only allow space separators when we want match a
"whitespace" character

U+0009 Character tabulation <TAB>
U+000B Line tabulation <VT>
U+000C Form feed <FF>
U+0020 Space <SP>
U+00A0 No-break space <NBSP>
U+FEFF Zero width no-break space <ZWNBSP>
Zs Space_Separator category <USP>
-->
<define-regex id="whitespace" extended="true">
    [\t\N{U+000B}\f \N{U+00A0}\N{U+FEFF}\p{Zs}]
</define-regex> <!-- /whitespace -->

<!-- includes characters from <LineTerminator>,
to ignore line terminators when we want to match a "not
whitespace" character

U+000A Line feed <LF>
U+000D Carriage return <CR>
U+2028 Line separator <LS>
U+2029 Paragraph separator <PS>
-->
<define-regex id="not-whitespace" extended="true">
    [^\t\N{U+000B}\f \N{U+00A0}\N{U+FEFF}\p{Zs}\n\r\N{U+2028}\N{U+2029}]
</define-regex> <!-- /not-whitespace -->

<define-regex id="before-next-token" extended="true">
    (?= \%{not-whitespace} )
</define-regex> <!-- /before-next-token -->

<define-regex id="statement-end" extended="true">
    ; | \%{before-next-token}
</define-regex> <!-- /statement-end -->

<define-regex id="statement-end-or-end-of-line" extended="true">
    \%{statement-end} | $
</define-regex> <!-- /statement-end-or-end-of-line -->

<!-- wherever this is used, the highlighting will be more brittle,
because comments can span multiple lines -->
<define-regex id="optional-whitespace-or-comments" extended="true">
    (?&gt; (?: \%{whitespace}+ | /\*.*?\*/ )* )
</define-regex> <!-- /optional-whitespace-or-comments -->

<define-regex id="generator-modifier">\*</define-regex>

<define-regex id="rest-syntax">\.\.\.</define-regex>

<define-regex id="spread-syntax">\.\.\.</define-regex>

<!-- "unknown id" errors can occur when using a regex defined in one
component file in another component file
https://gitlab.gnome.org/GNOME/gtksourceview/issues/67

so we move the definitions of these regexes here
-->

<define-regex id="number-start" extended="true">
    (?&lt;! \%{identifier-char} | \. )
</define-regex> <!-- /number-start -->

<define-regex id="number-end" extended="true">
    (?! \%{identifier-part} | \. )
</define-regex> <!-- /number-end -->

<!-- these regexes are keywords that appear as literals in the
grammar -->

<define-regex id="as-keyword" extended="true">
    \%{keyword-start} as \%{keyword-end}
</define-regex> <!-- /as-keyword -->

<define-regex id="async-keyword" extended="true">
    \%{keyword-start} async \%{keyword-end}
</define-regex> <!-- /async-keyword -->

<define-regex id="await-keyword" extended="true">
    \%{keyword-start} await \%{keyword-end}
</define-regex> <!-- /await-keyword -->

<define-regex id="break-keyword" extended="true">
    \%{keyword-start} break \%{keyword-end}
</define-regex> <!-- /break-keyword -->

<define-regex id="case-keyword" extended="true">
    \%{keyword-start} case \%{keyword-end}
</define-regex> <!-- /case-keyword -->

<define-regex id="catch-keyword" extended="true">
    \%{keyword-start} catch \%{keyword-end}
</define-regex> <!-- /catch-keyword -->

<define-regex id="class-keyword" extended="true">
    \%{keyword-start} class \%{keyword-end}
</define-regex> <!-- /class-keyword -->

<define-regex id="const-keyword" extended="true">
    \%{keyword-start} const \%{keyword-end}
</define-regex> <!-- /const-keyword -->

<define-regex id="continue-keyword" extended="true">
    \%{keyword-start} continue \%{keyword-end}
</define-regex> <!-- /continue-keyword -->

<define-regex id="debugger-keyword" extended="true">
    \%{keyword-start} debugger \%{keyword-end}
</define-regex> <!-- /debugger-keyword -->

<define-regex id="default-keyword" extended="true">
    \%{keyword-start} default \%{keyword-end}
</define-regex> <!-- /default-keyword -->

<define-regex id="delete-keyword" extended="true">
    \%{keyword-start} delete \%{keyword-end}
</define-regex> <!-- /delete-keyword -->

<define-regex id="do-keyword" extended="true">
    \%{keyword-start} do \%{keyword-end}
</define-regex> <!-- /do-keyword -->

<define-regex id="else-keyword" extended="true">
    \%{keyword-start} else \%{keyword-end}
</define-regex> <!-- /else-keyword -->

<define-regex id="export-keyword" extended="true">
    \%{keyword-start} export \%{keyword-end}
</define-regex> <!-- /export-keyword -->

<define-regex id="extends-keyword" extended="true">
    \%{keyword-start} extends \%{keyword-end}
</define-regex> <!-- /extends-keyword -->

<define-regex id="false-keyword" extended="true">
    \%{keyword-start} false \%{keyword-end}
</define-regex> <!-- /false-keyword -->

<define-regex id="finally-keyword" extended="true">
    \%{keyword-start} finally \%{keyword-end}
</define-regex> <!-- /finally-keyword -->

<define-regex id="for-keyword" extended="true">
    \%{keyword-start} for \%{keyword-end}
</define-regex> <!-- /for-keyword -->

<define-regex id="from-keyword" extended="true">
    \%{keyword-start} from \%{keyword-end}
</define-regex> <!-- /from-keyword -->

<define-regex id="function-keyword" extended="true">
    \%{keyword-start} function \%{keyword-end}
</define-regex> <!-- /function-keyword -->

<define-regex id="get-keyword" extended="true">
    \%{keyword-start} get \%{keyword-end}
</define-regex> <!-- /get-keyword -->

<define-regex id="if-keyword" extended="true">
    \%{keyword-start} if \%{keyword-end}
</define-regex> <!-- /if-keyword -->

<define-regex id="import-keyword" extended="true">
    \%{keyword-start} import \%{keyword-end}
</define-regex> <!-- /import-keyword -->

<define-regex id="in-keyword" extended="true">
    \%{keyword-start} in \%{keyword-end}
</define-regex> <!-- /in-keyword -->

<define-regex id="instanceof-keyword" extended="true">
    \%{keyword-start} instanceof \%{keyword-end}
</define-regex> <!-- /instanceof-keyword -->

<define-regex id="let-keyword" extended="true">
    \%{keyword-start} let \%{keyword-end}
</define-regex> <!-- /let-keyword -->

<define-regex id="meta-keyword" extended="true">
    \%{keyword-start} meta \%{keyword-end}
</define-regex> <!-- /meta-keyword -->

<define-regex id="new-keyword" extended="true">
    \%{keyword-start} new \%{keyword-end}
</define-regex> <!-- /new-keyword -->

<define-regex id="null-keyword" extended="true">
    \%{keyword-start} null \%{keyword-end}
</define-regex> <!-- /null-keyword -->

<define-regex id="of-keyword" extended="true">
    \%{keyword-start} of \%{keyword-end}
</define-regex> <!-- /of-keyword -->

<define-regex id="return-keyword" extended="true">
    \%{keyword-start} return \%{keyword-end}
</define-regex> <!-- /return-keyword -->

<define-regex id="set-keyword" extended="true">
    \%{keyword-start} set \%{keyword-end}
</define-regex> <!-- /set-keyword -->

<define-regex id="static-keyword" extended="true">
    \%{keyword-start} static \%{keyword-end}
</define-regex> <!-- /static-keyword -->

<define-regex id="super-keyword" extended="true">
    \%{keyword-start} super \%{keyword-end}
</define-regex> <!-- /super-keyword -->

<define-regex id="switch-keyword" extended="true">
    \%{keyword-start} switch \%{keyword-end}
</define-regex> <!-- /switch-keyword -->

<define-regex id="target-keyword" extended="true">
    \%{keyword-start} target \%{keyword-end}
</define-regex> <!-- /target-keyword -->

<define-regex id="this-keyword" extended="true">
    \%{keyword-start} this \%{keyword-end}
</define-regex> <!-- /this-keyword -->

<define-regex id="throw-keyword" extended="true">
    \%{keyword-start} throw \%{keyword-end}
</define-regex> <!-- /throw-keyword -->

<define-regex id="true-keyword" extended="true">
    \%{keyword-start} true \%{keyword-end}
</define-regex> <!-- /true-keyword -->

<define-regex id="try-keyword" extended="true">
    \%{keyword-start} try \%{keyword-end}
</define-regex> <!-- /try-keyword -->

<define-regex id="typeof-keyword" extended="true">
    \%{keyword-start} typeof \%{keyword-end}
</define-regex> <!-- /typeof-keyword -->

<define-regex id="var-keyword" extended="true">
    \%{keyword-start} var \%{keyword-end}
</define-regex> <!-- /var-keyword -->

<define-regex id="void-keyword" extended="true">
    \%{keyword-start} void \%{keyword-end}
</define-regex> <!-- /void-keyword -->

<define-regex id="while-keyword" extended="true">
    \%{keyword-start} while \%{keyword-end}
</define-regex> <!-- /while-keyword -->

<define-regex id="with-keyword" extended="true">
    \%{keyword-start} with \%{keyword-end}
</define-regex> <!-- /with-keyword -->

<define-regex id="yield-keyword" extended="true">
    \%{keyword-start} yield \%{keyword-end}
</define-regex> <!-- /yield-keyword -->

<!-- async function: ES2017
no line terminator allowed between "async" and "function" -->
<define-regex id="function-expression-keyword" extended="true">
    (?: \%{async-keyword} \%{optional-whitespace-or-comments} )?
    \%{function-keyword}
</define-regex> <!-- /function-expression-keyword -->

<!-- async function: ES2017
"async" cannot be followed by line terminator -->
<define-regex id="method-keyword" extended="true">
    # get property() / set property()
    (?: \%{js:get-keyword} | \%{js:set-keyword} )
    (?=
    \%{js:optional-whitespace-or-comments}
    \%{js:identifier-start}
    ) |

    # async method() / async * generator()
    \%{js:async-keyword}
    (?=
    \%{js:optional-whitespace-or-comments}
    (?: \%{js:identifier-start} | \%{js:generator-modifier} )
    ) |

    # * generator()
    (?= \%{js:generator-modifier} )
</define-regex> <!-- /method-keyword -->

<!-- ## Embedded lang hooks

a placeholder context where an embedding language (e.g. html)
can <replace>
-->

<context id="embedded-lang-hooks"/>

<!-- ## Comments -->

<context id="_comment-content" class-disabled="no-spell-check">
    <include>
        <context ref="embedded-lang-hooks"/>
        <context ref="def:in-comment"/>
    </include>
</context> <!-- /_comment-content -->

<context id="_single-line-comment-content">
    <include>
        <context ref="_comment-content"/>
    </include>
</context> <!-- /_single-line-comment-content -->

<context id="_multiline-comment-content">
    <include>
        <context ref="_comment-content"/>
    </include>
</context> <!-- /_multiline-comment-content -->

<!-- line continuations are not allowed inside single-line comments -->
<context id="_single-line-comments" style-ref="comment" end-at-line-end="true" class-disabled="no-spell-check" class="comment">
    <start>//</start>
    <include>
        <context ref="_single-line-comment-content"/>
    </include>
</context> <!-- /_single-line-comments -->

<context id="_multiline-comments" style-ref="comment" class-disabled="no-spell-check" class="comment">
    <start>/\*</start>
    <end>\*/</end>
    <include>
        <context ref="_multiline-comment-content"/>
    </include>
</context> <!-- /_multiline-comments -->

<context id="_single-line-comments-no-extend-parent" style-ref="comment" end-at-line-end="true" class-disabled="no-spell-check" class="comment" extend-parent="false">
    <start>//</start>
    <include>
        <context ref="_single-line-comment-content"/>
    </include>
</context> <!-- /_single-line-comments-no-extend-parent -->

<context id="_multiline-comments-no-extend-parent" style-ref="comment" class-disabled="no-spell-check" class="comment" extend-parent="false">
    <start>/\*</start>
    <end>\*/</end>
    <include>
        <context ref="_multiline-comment-content"/>
    </include>
</context> <!-- /_multiline-comments-no-extend-parent -->

<context id="_jsdoc-embedded-lang-hooks">
    <include>
        <context ref="embedded-lang-hooks"/>

        <context end-parent="true">
            <start>(?=\*/)</start>
            <end>\%{def:always-match}</end>
        </context>

        <context ref="jsdoc:embedded-lang-hooks" original="true"/>
    </include>
</context> <!-- /_jsdoc-embedded-lang-hooks -->

<replace id="jsdoc:embedded-lang-hooks" ref="_jsdoc-embedded-lang-hooks"/>

<context id="_doc-comment-content">
    <include>
        <context ref="_multiline-comment-content"/>
        <context ref="jsdoc:jsdoc"/>
    </include>
</context> <!-- /_doc-comment-content -->

<context id="_doc-comments" style-ref="doc-comment" class-disabled="no-spell-check" class="comment">
    <start>/\*\*(?![\*/])</start>
    <end>\*/</end>
    <include>
        <context ref="_doc-comment-content"/>
    </include>
</context> <!-- /_doc-comments -->

<context id="_doc-comments-no-extend-parent" style-ref="doc-comment" class-disabled="no-spell-check" class="comment" extend-parent="false">
    <start>/\*\*(?![\*/])</start>
    <end>\*/</end>
    <include>
        <context ref="_doc-comment-content"/>
    </include>
</context> <!-- /_doc-comments-no-extend-parent -->

<context id="comments">
    <include>
        <context ref="_single-line-comments"/>
        <context ref="_doc-comments"/>
        <context ref="_multiline-comments"/>
        <context ref="def:c-like-close-comment-outside-comment" style-ref="error"/>
    </include>
</context> <!-- /comments -->

<!-- for statements that cannot contain line terminators -->
<context id="comments-no-extend-parent">
    <include>
        <context ref="_single-line-comments-no-extend-parent"/>
        <context ref="_doc-comments-no-extend-parent"/>
        <context ref="_multiline-comments-no-extend-parent"/>
        <context ref="def:c-like-close-comment-outside-comment" style-ref="error"/>
    </include>
</context> <!-- /comments-no-extend-parent -->

<!-- ## Identifiers -->

<!-- <ReservedWord> -->
<context id="_reserved-words">
    <include>

        <!-- <Keyword> -->
        <context id="_keywords" style-ref="reserved-word">
            <prefix>\%{keyword-start}</prefix>
            <suffix>\%{keyword-end}</suffix>
            <keyword>await</keyword> <!-- ES2017 -->
            <keyword>break</keyword>
            <keyword>case</keyword>
            <keyword>catch</keyword>
            <keyword>class</keyword>
            <keyword>const</keyword>
            <keyword>continue</keyword>
            <keyword>debugger</keyword>
            <keyword>default</keyword>
            <keyword>delete</keyword>
            <keyword>do</keyword>
            <keyword>else</keyword>
            <keyword>export</keyword>
            <keyword>extends</keyword>
            <keyword>finally</keyword>
            <keyword>for</keyword>
            <keyword>function</keyword>
            <keyword>if</keyword>
            <keyword>import</keyword>
            <keyword>instanceof</keyword>
            <keyword>in</keyword>
            <keyword>new</keyword>
            <keyword>return</keyword>
            <keyword>super</keyword>
            <keyword>switch</keyword>
            <keyword>this</keyword>
            <keyword>throw</keyword>
            <keyword>try</keyword>
            <keyword>typeof</keyword>
            <keyword>var</keyword>
            <keyword>void</keyword>
            <keyword>while</keyword>
            <keyword>with</keyword>
            <keyword>yield</keyword> <!-- allowed as a variable name in non-strict mode -->
        </context> <!-- /_keywords -->

        <!-- "treated as reserved words through static semantic
        restrictions"
        https://tc39.github.io/ecma262/#sec-keywords -->
        <context id="_strict-mode-keywords" style-ref="reserved-word">
            <prefix>\%{keyword-start}</prefix>
            <suffix>\%{keyword-end}</suffix>
            <keyword>let</keyword>
            <keyword>static</keyword>
        </context> <!-- /_strict-mode-keywords -->

        <!-- <FutureReservedWord> -->
        <context id="_future-reserved-words" style-ref="reserved-word">
            <prefix>\%{keyword-start}</prefix>
            <suffix>\%{keyword-end}</suffix>
            <keyword>enum</keyword>
        </context> <!-- /_future-reserved-words -->

        <!-- usage in strict mode "restricted using static semantic
        restrictions"
        https://tc39.github.io/ecma262/#sec-future-reserved-words -->
        <context id="_strict-mode-future-reserved-words" style-ref="reserved-word">
            <prefix>\%{keyword-start}</prefix>
            <suffix>\%{keyword-end}</suffix>
            <keyword>implements</keyword>
            <keyword>interface</keyword>
            <keyword>package</keyword>
            <keyword>private</keyword>
            <keyword>protected</keyword>
            <keyword>public</keyword>
        </context> <!-- /_strict-mode-future-reserved-words -->

        <context ref="js-lit:null-value" style-ref="reserved-word"/>
        <context ref="js-lit:boolean" style-ref="reserved-word"/>
    </include>
</context> <!-- /_reserved-words -->

<context id="_identifier-names" style-ref="identifier">
    <match>\%{identifier}</match>
</context> <!-- /_identifier-names -->

<context id="_identifier-name-content">
    <include>
        <context ref="_identifier-names"/>
    </include>
</context> <!-- /_identifier-name-content -->

<context id="identifier-name" once-only="true">
    <start>\%{identifier-container-start}</start>
    <end>\%{def:always-match}</end>
    <include>
        <!-- no embedded-lang-hooks here -->
        <!-- no comments here -->
        <!-- do not extend the context by matching comments or
        embedded-lang-hooks, which may lead to multiple identifiers -->
        <context ref="_identifier-name-content"/>
    </include>
</context> <!-- /choice-identifier-name -->

<context id="choice-identifier-name" end-parent="true">
    <start>\%{identifier-container-start}</start>
    <end>\%{def:always-match}</end>
    <include>
        <!-- no embedded-lang-hooks here -->
        <!-- no comments here -->
        <!-- do not extend the context by matching comments or
        embedded-lang-hooks, which may lead to multiple identifiers -->
        <context ref="_identifier-name-content"/>
    </include>
</context> <!-- /choice-identifier-name -->

<context id="_identifier-content">
    <include>
        <context ref="_reserved-words"/>
        <context ref="_identifier-names"/>
    </include>
</context> <!-- /_identifier-content -->

<context id="identifier" once-only="true">
    <start>\%{identifier-container-start}</start>
    <end>\%{def:always-match}</end>
    <include>
        <!-- no embedded-lang-hooks here -->
        <!-- no comments here -->
        <!-- do not extend the context by matching comments or
        embedded-lang-hooks, which may lead to multiple identifiers -->
        <context ref="_identifier-content"/>
    </include>
</context> <!-- /identifier -->

<context id="choice-identifier" end-parent="true">
    <start>\%{identifier-container-start}</start>
    <end>\%{def:always-match}</end>
    <include>
        <!-- no embedded-lang-hooks here -->
        <!-- no comments here -->
        <!-- do not extend the context by matching comments or
        embedded-lang-hooks, which may lead to multiple identifiers -->
        <context ref="_identifier-content"/>
    </include>
</context> <!-- /choice-identifier -->

<context id="ordered-identifier" once-only="true">
    <start>\%{before-next-token}</start>
    <end>\%{before-next-token}</end>
    <include>
        <context ref="identifier"/>
    </include>
</context> <!-- /ordered-identifier -->

<!-- ## Default value assignment -->

<!-- <Initializer> -->
<context id="_default-value-assignment" once-only="true">
    <start>=</start>
    <end>\%{before-next-token}</end>
    <include>
        <context ref="embedded-lang-hooks"/>
        <context ref="comments"/>

        <context id="_default-value-assignment-content">
            <include>
                <context ref="js-expr:expression-without-comma"/>
            </include>
        </context> <!-- /_default-value-assignment-content -->

    </include>
</context> <!-- /_default-value-assignment -->

<context id="ordered-default-value-assignment" once-only="true">
    <start>\%{before-next-token}</start>
    <end>\%{before-next-token}</end>
    <include>
        <context ref="_default-value-assignment"/>
    </include>
</context> <!-- /ordered-default-value-assignment -->

<!-- ## Misc syntax -->

<context id="_rest-syntax" style-ref="rest-syntax" once-only="true">
    <match>\%{rest-syntax}</match>
</context> <!-- /_rest-syntax -->

<context id="ordered-rest-syntax" once-only="true">
    <start>\%{before-next-token}</start>
    <end>\%{before-next-token}</end>
    <include>
        <context ref="_rest-syntax"/>
    </include>
</context> <!-- /ordered-rest-syntax -->

<context id="_spread-syntax" style-ref="spread-syntax" once-only="true">
    <match>\%{spread-syntax}</match>
</context> <!-- /_spread-syntax -->

<context id="ordered-spread-syntax" once-only="true">
    <start>\%{before-next-token}</start>
    <end>\%{before-next-token}</end>
    <include>
        <context ref="_spread-syntax"/>
    </include>
</context> <!-- /ordered-spread-syntax -->

<context id="generator-modifier" once-only="true">
    <match>\%{generator-modifier}</match>
</context> <!-- /generator-modifier -->

<context id="ordered-generator-modifier" once-only="true">
    <start>\%{before-next-token}</start>
    <end>\%{before-next-token}</end>
    <include>
        <context ref="generator-modifier"/>
    </include>
</context> <!-- /ordered-generator-modifier -->


<!-- # Binding

Patterns for where variable names are bound/created:
* Variable declarations
* Function parameters

This is not used in assignment expressions; array/object
literals will match for array/object destructuring.
-->

<!-- ## Array binding pattern (destructuring)

var [ a, b, ...rest ] = [ 1, 2, 3, 4 ];
function fn([ a = 1, b = 2, c = 3 ]) { ... }
-->

<context id="_array-binding-pattern-element-content">
    <include>
        <context ref="ordered-rest-syntax"/>
        <context ref="ordered-binding"/>
        <context ref="ordered-default-value-assignment"/>
    </include>
</context> <!-- /_array-binding-pattern-element-content -->

<!-- <ArrayBindingPattern> -->
<context id="_choice-array-binding-pattern" style-ref="array-binding-pattern" end-parent="true">
    <start>\[</start>
    <end>]</end>
    <include>
        <context ref="embedded-lang-hooks"/>
        <context ref="comments"/>

        <context id="_array-binding-pattern-content">
            <include>

                <context id="_array-binding-pattern-first-element" once-only="true">
                    <start>\%{before-next-token}</start>
                    <end>\%{before-next-token}</end>
                    <include>
                        <context ref="embedded-lang-hooks"/>
                        <context ref="comments"/>
                        <context ref="_array-binding-pattern-element-content"/>
                    </include>
                </context> <!-- /_array-binding-pattern-first-element -->

                <context id="_array-binding-pattern-elements">
                    <start>,</start>
                    <end>\%{before-next-token}</end>
                    <include>
                        <context ref="embedded-lang-hooks"/>
                        <context ref="comments"/>
                        <context ref="_array-binding-pattern-element-content"/>
                    </include>
                </context> <!-- /_array-binding-pattern-elements -->

            </include>
        </context> <!-- /_array-binding-pattern-content -->

    </include>
</context> <!-- /_choice-array-binding-pattern -->

<!-- ## Object binding pattern (destructuring)

var { a, y: b, ...rest } = { a: 1, y: 2, i: 3, y: 4 };
function fn({ a = 1, y: b = 2, c = 3 }) { ... }
-->

<context id="_object-binding-pattern-inner-binding" once-only="true">
    <start>:</start>
    <end>\%{before-next-token}</end>
    <include>
        <context ref="embedded-lang-hooks"/>
        <context ref="comments"/>

        <context id="_object-binding-pattern-inner-binding-content">
            <include>
                <context ref="ordered-binding"/>
            </include>
        </context> <!-- /_object-binding-pattern-inner-binding-content -->

    </include>
</context> <!-- /_object-binding-pattern-inner-binding -->

<context id="_ordered-object-binding-pattern-inner-binding" once-only="true">
    <start>\%{before-next-token}</start>
    <end>\%{before-next-token}</end>
    <include>
        <context ref="_object-binding-pattern-inner-binding"/>
    </include>
</context> <!-- /_ordered-object-binding-pattern-inner-binding -->

<context id="_object-binding-pattern-property-content">
    <include>
        <context ref="ordered-rest-syntax"/> <!-- ES2018 -->
        <context ref="js-lit:ordered-property-name"/>
        <context ref="_ordered-object-binding-pattern-inner-binding"/>
        <context ref="ordered-default-value-assignment"/>
    </include>
</context> <!-- /_object-binding-pattern-property-content -->

<!-- <ObjectBindingPattern> -->
<context id="_choice-object-binding-pattern" style-ref="object-binding-pattern" end-parent="true">
    <start>{</start>
    <end>}</end>
    <include>
        <context ref="embedded-lang-hooks"/>
        <context ref="comments"/>

        <context id="_object-binding-pattern-content">
            <include>

                <context id="_object-binding-pattern-first-property" once-only="true">
                    <start>\%{before-next-token}</start>
                    <end>\%{before-next-token}</end>
                    <include>
                        <context ref="embedded-lang-hooks"/>
                        <context ref="comments"/>
                        <context ref="_object-binding-pattern-property-content"/>
                    </include>
                </context> <!-- /_object-binding-pattern-properties -->

                <context id="_object-binding-pattern-properties">
                    <start>,</start>
                    <end>\%{before-next-token}</end>
                    <include>
                        <context ref="embedded-lang-hooks"/>
                        <context ref="comments"/>
                        <context ref="_object-binding-pattern-property-content"/>
                    </include>
                </context> <!-- /_object-binding-pattern-properties -->

            </include>
        </context> <!-- /_object-binding-pattern-content -->

    </include>
</context> <!-- /_choice-object-binding-pattern -->

<!-- ## Binding -->

<!-- <VariableDeclaration> / <LexicalBinding> -->
<context id="_binding" once-only="true">
    <start>\%{before-next-token}</start>
    <end>\%{before-next-token}</end>
    <include>
        <context ref="embedded-lang-hooks"/>
        <context ref="comments"/>

        <context id="_binding-content">
            <include>
                <context ref="_choice-array-binding-pattern"/>
                <context ref="_choice-object-binding-pattern"/>
                <context ref="choice-identifier"/>
            </include>
        </context> <!-- /_binding-content -->

    </include>
</context> <!-- /_binding -->

<context id="ordered-binding" once-only="true">
    <start>\%{before-next-token}</start>
    <end>\%{before-next-token}</end>
    <include>
        <context ref="_binding"/>
    </include>
</context> <!-- /ordered-binding -->


<!-- Approximate code order for component files:
* javascript-literals.lang
* javascript-values.lang
* javascript-functions-classes.lang
* javascript-expressions.lang
* javascript-statements.lang
* javascript-modules.lang
-->

<!-- # Main context -->

<context id="js" class="no-spell-check">
    <include>
        <context ref="method-calls"/>
        <context ref="def:shebang"/>
        <context ref="embedded-lang-hooks"/>
        <context ref="comments"/>
        <context ref="js-st:directives"/>
        <context ref="js-mod:export-declarations"/>
        <context ref="js-mod:import-declarations"/>
        <context ref="js-st:statements"/>
    </include>
</context> <!-- /js -->

</definitions>
</language>
