├── .gitignore
├── LICENSE
├── README.md
├── demo
    ├── index.html
    ├── index.ts
    ├── modeSamples
    │   ├── html.ts
    │   ├── javascript.ts
    │   └── typescript.ts
    ├── package.json
    ├── tm
    │   ├── grammars
    │   │   ├── JavaScript.tmLanguage.json
    │   │   ├── TypeScript.tmLanguage.json
    │   │   ├── css.styled.tmLanguage.json
    │   │   ├── css.tmLanguage.json
    │   │   ├── html.tmLanguage.json
    │   │   ├── python.tmLanguage.json
    │   │   ├── smarty.tmLanguage.json
    │   │   └── styled.tmLanguage.json
    │   └── themes
    │   │   └── OneDark.tmTheme.json
    ├── tsconfig.json
    └── webpack.config.js
├── package.json
├── src
    ├── Highlighter.ts
    ├── index.ts
    └── tmToCm.ts
├── tsconfig.json
└── tslint.json


/.gitignore:
--------------------------------------------------------------------------------
 1 | # Logs
 2 | logs
 3 | *.log
 4 | npm-debug.log*
 5 | yarn-debug.log*
 6 | yarn-error.log*
 7 | 
 8 | # Runtime data
 9 | pids
10 | *.pid
11 | *.seed
12 | *.pid.lock
13 | 
14 | # Directory for instrumented libs generated by jscoverage/JSCover
15 | lib-cov
16 | 
17 | # Coverage directory used by tools like istanbul
18 | coverage
19 | 
20 | # nyc test coverage
21 | .nyc_output
22 | 
23 | # Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
24 | .grunt
25 | 
26 | # Bower dependency directory (https://bower.io/)
27 | bower_components
28 | 
29 | # node-waf configuration
30 | .lock-wscript
31 | 
32 | # Compiled binary addons (https://nodejs.org/api/addons.html)
33 | build/Release
34 | 
35 | # Dependency directories
36 | node_modules/
37 | jspm_packages/
38 | 
39 | # Build output
40 | dist/
41 | 
42 | # TypeScript v1 declaration files
43 | typings/
44 | 
45 | # Optional npm cache directory
46 | .npm
47 | 
48 | # Optional eslint cache
49 | .eslintcache
50 | 
51 | # Optional REPL history
52 | .node_repl_history
53 | 
54 | # Output of 'npm pack'
55 | *.tgz
56 | 
57 | # npm/yarn lock files
58 | package-lock.json
59 | yarn.lock
60 | 
61 | # Yarn Integrity file
62 | .yarn-integrity
63 | 
64 | # dotenv environment variables file
65 | .env
66 | 
67 | # parcel-bundler cache (https://parceljs.org/)
68 | .cache
69 | 
70 | # next.js build output
71 | .next
72 | 
73 | # nuxt.js build output
74 | .nuxt
75 | 
76 | # vuepress build output
77 | .vuepress/dist
78 | 
79 | # Serverless directories
80 | .serverless
81 | 
82 | # FuseBox cache
83 | .fusebox/
84 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | The MIT License (MIT)
 2 | 
 3 | Copyright (c) 2018 Neek Sandhu
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in
13 | all copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
21 | THE SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Textmate grammars support for CodeMirror
 2 | 
 3 | Bring TM grammar driven tokenization to your CodeMirror editors.
 4 | 
 5 | Say goodbye to the not-so-cool and not-so-accurate syntax highlighting you've been living with and up your game with ease!
 6 | 
 7 | ### WARNING
 8 | 
 9 | This package will only work in browsers with `WebAssembly` support. Here's a recommended way to deal with it:
10 | 
11 | ```javascript
12 | // 95% of your target audience (developers)
13 | if ('WebAssembly' in window) {
14 |     const [{
15 |             loadWASM
16 |         },
17 |         {
18 |             activateLanguage,
19 |             addGrammar
20 |         }
21 |     ] = await Promise.all([
22 |         import('onigasm'),
23 |         import('codemirror-textmate'),
24 |     ])
25 | 
26 |     // ... (see https://www.npmjs.com/package/onigasm#light-it-up)
27 |     // ... (see example code below)
28 | }
29 | // Fallback for rest 5%
30 | else {
31 |     await Promise.all([
32 |         import('codemirror/mode/javascript/javascript'),
33 |         import( 'codemirror/mode/htmlmixed/htmlmixed'),
34 |     ])
35 | }
36 | 
37 | const editor = CodeMirror.fromTextArea( /* ... */ )
38 | // ... (go on as usual)
39 | ```
40 | 
41 | ## Usage
42 | 
43 | ### Install
44 | 
45 | ```bash
46 | $ npm i codemirror-textmate
47 | 
48 | # Install peer dependencies if you haven't already
49 | npm i onigasm codemirror 
50 | ```
51 | 
52 | See `./demo/index.ts` for instructions on how to light it up!
53 | 
54 | ## API
55 | 
56 | This package is written in TypeScript and is published with TS declaration files. Once you install the package
57 | see `node_modules/codemirror-textmate/dist/typings/index.d.ts` for available stuff along with expected data types.
58 | 
59 | VSCode's intellisense will also pick up the declaration files and guide you nicely with auto-complete and errors.
60 | 
61 | ## License
62 | 
63 | MIT
64 | 


--------------------------------------------------------------------------------
/demo/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <head>
 4 |     <meta charset="utf-8" />
 5 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 6 |     <title>CodeMirror TextMate Demo</title>
 7 |     <meta name="viewport" content="width=device-width, initial-scale=1">
 8 | </head>
 9 | <body>
10 |     <textarea id="cm-host"></textarea>
11 |     <!-- scripts will be auto injected by html-webpack-plugin -->
12 | </body>
13 | </html>


--------------------------------------------------------------------------------
/demo/index.ts:
--------------------------------------------------------------------------------
  1 | import * as CodeMirror from 'codemirror'
  2 | import { loadWASM } from 'onigasm'
  3 | 
  4 | import 'codemirror/lib/codemirror.css'
  5 | 
  6 | import {
  7 |     activateLanguage,
  8 |     addGrammar,
  9 | 
 10 |     // [ optional | recommended ] Textmate themes in CodeMirror
 11 |     addTheme,
 12 |     ITextmateThemePlus,
 13 |     // [ optional ] Grammar injections
 14 |     linkInjections,
 15 | } from 'codemirror-textmate'
 16 | 
 17 | (async () => {
 18 |     await loadWASM(
 19 |         // webpack has been configured to resolve `.wasm` files to actual 'paths" as opposed to using the built-in wasm-loader
 20 |         // oniguruma is a low-level library and stock wasm-loader isn't equipped with advanced low-level API's to interact with libonig
 21 |         require('onigasm/lib/onigasm.wasm'))
 22 | 
 23 |     const grammars = {
 24 |         // loading `source.js` as a standalone grammar and as dependency of `text.html.basic` 
 25 |         'source.js': {
 26 |             /**
 27 |              * This the most resource efficient way to load grammars as of yet
 28 |              */
 29 |             loader: () => import('./tm/grammars/Javascript.tmLanguage.json'),
 30 | 
 31 |             /**
 32 |              * Language ID is only necessary for languages you want to use as CodeMirror mode (eg: cm.setOption('mode', 'javascript'))
 33 |              * To do that, we use `activatelanguage`, which will link one scope name to a language ID (also known as "mode")
 34 |              * 
 35 |              * Grammar dependencies don't need to be "activated", just "adding/registering" them is enough (using `addGrammar`)
 36 |              */
 37 |             language: 'javascript',
 38 | 
 39 |             /**
 40 |              * Third parameter accepted by `activateLanguage` to specify language loading priority
 41 |              * Loading priority can be 'now' | 'asap' | 'defer' (default)
 42 |              * 
 43 |              *  - [HIGH] 'now' will cause the language (and it's grammars) to load/compile right away (most likely in the next event loop)
 44 |              *  - [MED]  'asap' is like 'now' but will use `requestIdleCallback` if available (fallbacks to `setTimeout`, 10 seconds).
 45 |              *  - [LOW]  'defer' will only do registeration and loading/compiling is deferred until needed (⚠ WILL CAUSE FOUC IN CODEMIRROR) (DEFAULT)
 46 |              */
 47 |             priority: 'now'
 48 |         },
 49 | 
 50 |         // loading `source.css` as a standalone grammar and as dependency of `text.html.basic` 
 51 |         'source.ts': {
 52 |             loader: () => import('./tm/grammars/TypeScript.tmLanguage.json'),
 53 |             language: 'typescript',
 54 |             priority: 'asap'
 55 |         },
 56 | 
 57 |         // loading `source.css` as a standalone grammar and as dependency of `text.html.basic` 
 58 |         'source.css': {
 59 |             loader: () => import('./tm/grammars/css.tmLanguage.json'),
 60 |             language: 'css',
 61 |             priority: 'now'
 62 |         },
 63 | 
 64 |         // Secondary dependency of `text.html.basic`
 65 |         'source.smarty': {
 66 |             loader: () => import('./tm/grammars/smarty.tmLanguage.json'),
 67 |             // priority of dependenices like this one are regulated by dependent grammars
 68 |         },
 69 |         // Secondary dependency of `text.html.basic`
 70 |         // (can be also be used for tokenizing python source code, just add `language` property below)
 71 |         'source.python': {
 72 |             loader: () => import('./tm/grammars/python.tmLanguage.json'),
 73 |         },
 74 | 
 75 |         // Some grammars have other grammars as dependencies. You must register those deps with `addGrammar` or it will throw an Error
 76 |         'text.html.basic': {
 77 |             loader: () => import('./tm/grammars/html.tmLanguage.json'),
 78 |             language: 'html',
 79 |             priority: 'asap',
 80 |         }
 81 | 
 82 |     }
 83 | 
 84 |     // To avoid FOUC, await for high priority languages to get ready (loading/compiling takes time, and it's an async process for which CM won't wait)
 85 |     await Promise.all(Object.keys(grammars).map(async scopeName => {
 86 |         const { loader, language, priority } = grammars[scopeName]
 87 | 
 88 |         addGrammar(scopeName, loader)
 89 | 
 90 |         if (language) {
 91 |             const prom = activateLanguage(scopeName, language, priority)
 92 | 
 93 |             // We must "wait" for high priority languages to load/compile before we render editor to avoid FOUC (Flash of Unstyled Content)
 94 |             if (priority === 'now') {
 95 |                 await prom
 96 |             }
 97 | 
 98 |             // 'asap' although "awaitable", is a medium priority, and doesn't need to be waited for
 99 |             // 'defer' doesn't support awaiting at all
100 |             return
101 |         }
102 |     }))
103 | 
104 |     const editor = CodeMirror.fromTextArea(document.getElementById('cm-host') as HTMLTextAreaElement, {
105 |         lineNumbers: true,
106 |         // If you know in advance a language is going to be set on CodeMirror editor and it isn't preloaded by setting the third argument 
107 |         // to `activateLanguage` to 'now', the contents of the editor would start of and remain as unhighlighted text, until loading is complete
108 |         mode: 'typescript'
109 |     })
110 |     editor.setValue((await import('./modeSamples/typescript')).default)
111 | 
112 |     // Everything should be working now!
113 | 
114 |     //////////////////////////////////////////////////////
115 | 
116 |     //    ____        __  _                   __
117 |     //   / __ \____  / /_(_)___  ____  ____ _/ /
118 |     //  / / / / __ \/ __/ / __ \/ __ \/ __ `/ / 
119 |     // / /_/ / /_/ / /_/ / /_/ / / / / /_/ / /  
120 |     // \____/ .___/\__/_/\____/_/ /_/\__,_/_/   
121 |     //     /_/                                  
122 | 
123 |     // Using Textmate theme in CodeMirror
124 |     const themeX: ITextmateThemePlus = {
125 |         ...(await import('./tm/themes/OneDark.tmTheme.json')),
126 |         gutterSettings: {
127 |             background: '#1d1f25',
128 |             divider: '#1d1f25'
129 |         }
130 |     }
131 |     addTheme(themeX)
132 |     editor.setOption('theme', themeX.name)
133 | 
134 |     // Grammar injections, example code below will highlight css-in-js (styled-components, emotion)
135 |     // injections are "injections", they are not standalone-grammars, therefore no `activateLanguage`
136 |     addGrammar('source.css.styled', () => import('./tm/grammars/css.styled.tmLanguage.json') as any)
137 |     addGrammar('styled', () => import('./tm/grammars/styled.tmLanguage.json') as any)
138 | 
139 |     const affectedLanguages = await linkInjections('styled', ['source.ts', 'source.tsx', 'source.js', 'source.jsx'])
140 | 
141 |     // You must re-trigger tokenization to apply the update above (if applicable)
142 |     const activeMode = editor.getOption('mode')
143 |     if (affectedLanguages.indexOf(activeMode) > -1) {
144 |         // Resetting cm's mode re-triggers tokenization of entire document
145 |         editor.setOption('mode', activeMode)
146 |     }
147 | })()
148 | 


--------------------------------------------------------------------------------
/demo/modeSamples/html.ts:
--------------------------------------------------------------------------------
 1 | export default `\
 2 | <!DOCTYPE html>
 3 | <html>
 4 | <head>
 5 |     <meta charset="utf-8" />
 6 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 7 |     <title>CodeMirror TextMate Demo</title>
 8 |     <meta name="viewport" content="width=device-width, initial-scale=1">
 9 | </head>
10 | <body>
11 | </body>
12 | </html>
13 | `


--------------------------------------------------------------------------------
/demo/modeSamples/javascript.ts:
--------------------------------------------------------------------------------
 1 | export default `\
 2 | function test() {
 3 |     const string = 'nice'
 4 |     const number = 1243
 5 |     const boolean = false
 6 |     const templateLiteral = \`noice${12} mate\`
 7 |     const func = (a, b) => a + b
 8 | }
 9 |     
10 | class AwesomeMap extends Map {
11 |     isKeyOfType(key, type) {
12 |         return typeof this.get(key) === type
13 |     }
14 | }
15 | `


--------------------------------------------------------------------------------
/demo/modeSamples/typescript.ts:
--------------------------------------------------------------------------------
 1 | export default `\
 2 | interface IEatable {
 3 |     chew(speed?: number): Promise<boolean>
 4 |     swallow(ensureChewed?: boolean): Promise<boolean>
 5 | }
 6 | 
 7 | function test() {
 8 |     const string: string = 'nice'
 9 |     const number: number = 1243
10 |     const boolean: boolean = false
11 |     const templateLiteral: string = \`noice ${'${12}'} mate\`
12 |     const func = (a: number, b: number) => a + b
13 | }
14 |     
15 | class AwesomeMap<K, V> extends Map<K, V> {
16 |     public isKeyOfType(key: string, type: string) {
17 |         return typeof this.get(key) === type
18 |     }
19 | }
20 | `


--------------------------------------------------------------------------------
/demo/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "scripts": {
 3 |     "start": "npm run __build-cm-tm && webpack-dev-server .",
 4 |     "__build-cm-tm": "tsc --build ../tsconfig.json"
 5 |   },
 6 |   "private": true,
 7 |   "license": "MIT",
 8 |   "dependencies": {
 9 |     "codemirror": "^5.43.0",
10 |     "codemirror-textmate": "file:..",
11 |     "onigasm": "^2.2.1"
12 |   },
13 |   "devDependencies": {
14 |     "@types/node": "^10.12.21",
15 |     "css-loader": "^2.1.0",
16 |     "file-loader": "^3.0.1",
17 |     "html-webpack-plugin": "^3.2.0",
18 |     "style-loader": "^0.23.1",
19 |     "ts-loader": "^5.3.3",
20 |     "typescript": "^3.3.1",
21 |     "webpack": "^4.29.0",
22 |     "webpack-cli": "^3.2.1",
23 |     "webpack-dev-server": "^3.1.14"
24 |   }
25 | }
26 | 


--------------------------------------------------------------------------------
/demo/tm/grammars/css.styled.tmLanguage.json:
--------------------------------------------------------------------------------
   1 | {
   2 |     "$schema": "https://raw.githubusercontent.com/martinring/tmlanguage/master/tmlanguage.json",
   3 |     "name": "CSS (Styled Components)",
   4 |     "patterns": [
   5 |       {
   6 |         "include": "#general"
   7 |       },
   8 |       {
   9 |         "include": "#rules"
  10 |       },
  11 |       {
  12 |         "include": "#property_list"
  13 |       },
  14 |       {
  15 |         "include": "#at_rule_media"
  16 |       },
  17 |       {
  18 |         "include": "#at_rule_import"
  19 |       },
  20 |       {
  21 |         "include": "#at_rule_fontface"
  22 |       },
  23 |       {
  24 |         "include": "#at_rule_page"
  25 |       },
  26 |       {
  27 |         "include": "#at_rule_keyframes"
  28 |       },
  29 |       {
  30 |         "include": "#at_rule_supports"
  31 |       },
  32 |       {
  33 |         "match": ";",
  34 |         "name": "punctuation.terminator.rule.css"
  35 |       },
  36 |       {
  37 |         "include": "#properties"
  38 |       }
  39 |     ],
  40 |     "repository": {
  41 |       "at_rule_fontface": {
  42 |         "patterns": [
  43 |           {
  44 |             "begin": "^\\s*((@)font-face\\b)",
  45 |             "beginCaptures": {
  46 |               "1": {
  47 |                 "name": "keyword.control.at-rule.fontface.scss"
  48 |               },
  49 |               "2": {
  50 |                 "name": "punctuation.definition.keyword.scss"
  51 |               }
  52 |             },
  53 |             "end": "\\s*(?={)",
  54 |             "name": "meta.at-rule.fontface.scss",
  55 |             "patterns": [
  56 |               {
  57 |                 "include": "#function_attributes"
  58 |               }
  59 |             ]
  60 |           }
  61 |         ]
  62 |       },
  63 |       "at_rule_import": {
  64 |         "begin": "\\s*((@)import\\b)\\s*",
  65 |         "captures": {
  66 |           "1": {
  67 |             "name": "keyword.control.at-rule.import.scss"
  68 |           },
  69 |           "2": {
  70 |             "name": "punctuation.definition.keyword.scss"
  71 |           }
  72 |         },
  73 |         "end": "\\s*((?=;)|(?=}))",
  74 |         "name": "meta.at-rule.import.scss",
  75 |         "patterns": [
  76 |           {
  77 |             "include": "#interpolation"
  78 |           },
  79 |           {
  80 |             "include": "#string_single"
  81 |           },
  82 |           {
  83 |             "include": "#string_double"
  84 |           },
  85 |           {
  86 |             "include": "#functions"
  87 |           }
  88 |         ]
  89 |       },
  90 |       "at_rule_keyframes": {
  91 |         "begin": "(?<=^|\\s)(@)(?:-(?:webkit|moz)-)?keyframes\\b",
  92 |         "beginCaptures": {
  93 |           "0": {
  94 |             "name": "keyword.control.at-rule.keyframes.scss"
  95 |           },
  96 |           "1": {
  97 |             "name": "punctuation.definition.keyword.scss"
  98 |           }
  99 |         },
 100 |         "end": "(?<=})",
 101 |         "name": "meta.at-rule.keyframes.scss",
 102 |         "patterns": [
 103 |           {
 104 |             "match": "(?<=@keyframes)\\s+((?:[_A-Za-z][-\\w]|-[_A-Za-z])[-\\w]*)",
 105 |             "captures": {
 106 |               "1": {
 107 |                 "name": "entity.name.function.scss"
 108 |               }
 109 |             }
 110 |           },
 111 |           {
 112 |             "begin": "(?<=@keyframes)\\s+(\")",
 113 |             "beginCaptures": {
 114 |               "1": {
 115 |                 "name": "punctuation.definition.string.begin.scss"
 116 |               }
 117 |             },
 118 |             "end": "\"",
 119 |             "endCaptures": {
 120 |               "0": {
 121 |                 "name": "punctuation.definition.string.end.scss"
 122 |               }
 123 |             },
 124 |             "name": "string.quoted.double.scss",
 125 |             "contentName": "entity.name.function.scss",
 126 |             "patterns": [
 127 |               {
 128 |                 "match": "\\\\(\\h{1,6}|.)",
 129 |                 "name": "constant.character.escape.scss"
 130 |               },
 131 |               {
 132 |                 "include": "#interpolation"
 133 |               }
 134 |             ]
 135 |           },
 136 |           {
 137 |             "begin": "(?<=@keyframes)\\s+(')",
 138 |             "beginCaptures": {
 139 |               "1": {
 140 |                 "name": "punctuation.definition.string.begin.scss"
 141 |               }
 142 |             },
 143 |             "end": "'",
 144 |             "endCaptures": {
 145 |               "0": {
 146 |                 "name": "punctuation.definition.string.end.scss"
 147 |               }
 148 |             },
 149 |             "name": "string.quoted.single.scss",
 150 |             "contentName": "entity.name.function.scss",
 151 |             "patterns": [
 152 |               {
 153 |                 "match": "\\\\(\\h{1,6}|.)",
 154 |                 "name": "constant.character.escape.scss"
 155 |               },
 156 |               {
 157 |                 "include": "#interpolation"
 158 |               }
 159 |             ]
 160 |           },
 161 |           {
 162 |             "begin": "{",
 163 |             "beginCaptures": {
 164 |               "0": {
 165 |                 "name": "punctuation.section.keyframes.begin.scss"
 166 |               }
 167 |             },
 168 |             "end": "}",
 169 |             "endCaptures": {
 170 |               "0": {
 171 |                 "name": "punctuation.section.keyframes.end.scss"
 172 |               }
 173 |             },
 174 |             "patterns": [
 175 |               {
 176 |                 "match": "\\b(?:(?:100|[1-9]\\d|\\d)%|from|to)(?=\\s*{)",
 177 |                 "name": "entity.other.attribute-name.scss"
 178 |               },
 179 |               {
 180 |                 "include": "#interpolation"
 181 |               },
 182 |               {
 183 |                 "include": "#property_list"
 184 |               },
 185 |               {
 186 |                 "include": "#rules"
 187 |               }
 188 |             ]
 189 |           }
 190 |         ]
 191 |       },
 192 |       "at_rule_media": {
 193 |         "patterns": [
 194 |           {
 195 |             "begin": "^\\s*((@)media)\\b",
 196 |             "beginCaptures": {
 197 |               "1": {
 198 |                 "name": "keyword.control.at-rule.media.scss"
 199 |               },
 200 |               "2": {
 201 |                 "name": "punctuation.definition.keyword.scss"
 202 |               }
 203 |             },
 204 |             "end": "\\s*(?={)",
 205 |             "name": "meta.at-rule.media.scss",
 206 |             "patterns": [
 207 |               {
 208 |                 "include": "#comment_block"
 209 |               },
 210 |               {
 211 |                 "match": "\\b(only)\\b",
 212 |                 "name": "keyword.control.operator.css.scss"
 213 |               },
 214 |               {
 215 |                 "begin": "\\(",
 216 |                 "beginCaptures": {
 217 |                   "0": {
 218 |                     "name": "punctuation.definition.media-query.begin.bracket.round.scss"
 219 |                   }
 220 |                 },
 221 |                 "end": "\\)",
 222 |                 "endCaptures": {
 223 |                   "0": {
 224 |                     "name": "punctuation.definition.media-query.end.bracket.round.scss"
 225 |                   }
 226 |                 },
 227 |                 "name": "meta.property-list.media-query.scss",
 228 |                 "patterns": [
 229 |                   {
 230 |                     "begin": "(?<![-a-z])(?=[-a-z])",
 231 |                     "end": "$|(?![-a-z])",
 232 |                     "name": "meta.property-name.media-query.scss",
 233 |                     "patterns": [
 234 |                       {
 235 |                         "include": "source.css#media-features"
 236 |                       },
 237 |                       {
 238 |                         "include": "source.css#property-names"
 239 |                       }
 240 |                     ]
 241 |                   },
 242 |                   {
 243 |                     "begin": "(:)\\s*(?!(\\s*{))",
 244 |                     "beginCaptures": {
 245 |                       "1": {
 246 |                         "name": "punctuation.separator.key-value.scss"
 247 |                       }
 248 |                     },
 249 |                     "end": "\\s*(;|(?=}|\\)))",
 250 |                     "endCaptures": {
 251 |                       "1": {
 252 |                         "name": "punctuation.terminator.rule.scss"
 253 |                       }
 254 |                     },
 255 |                     "contentName": "meta.property-value.media-query.scss",
 256 |                     "patterns": [
 257 |                       {
 258 |                         "include": "#general"
 259 |                       },
 260 |                       {
 261 |                         "include": "#property_values"
 262 |                       }
 263 |                     ]
 264 |                   }
 265 |                 ]
 266 |               },
 267 |               {
 268 |                 "include": "#interpolation"
 269 |               },
 270 |               {
 271 |                 "include": "#conditional_operators"
 272 |               },
 273 |               {
 274 |                 "include": "source.css#media-types"
 275 |               }
 276 |             ]
 277 |           }
 278 |         ]
 279 |       },
 280 |       "at_rule_page": {
 281 |         "patterns": [
 282 |           {
 283 |             "begin": "^\\s*((@)page)(?=:|\\s)\\s*([-:\\w]*)",
 284 |             "captures": {
 285 |               "1": {
 286 |                 "name": "keyword.control.at-rule.page.scss"
 287 |               },
 288 |               "2": {
 289 |                 "name": "punctuation.definition.keyword.scss"
 290 |               },
 291 |               "3": {
 292 |                 "name": "entity.name.function.scss"
 293 |               }
 294 |             },
 295 |             "end": "\\s*(?={)",
 296 |             "name": "meta.at-rule.page.scss"
 297 |           }
 298 |         ]
 299 |       },
 300 |       "at_rule_supports": {
 301 |         "begin": "(?<=^|\\s)(@)supports\\b",
 302 |         "captures": {
 303 |           "0": {
 304 |             "name": "keyword.control.at-rule.supports.scss"
 305 |           },
 306 |           "1": {
 307 |             "name": "punctuation.definition.keyword.scss"
 308 |           }
 309 |         },
 310 |         "end": "(?={)|$",
 311 |         "name": "meta.at-rule.supports.scss",
 312 |         "patterns": [
 313 |           {
 314 |             "include": "#logical_operators"
 315 |           },
 316 |           {
 317 |             "include": "#properties"
 318 |           },
 319 |           {
 320 |             "match": "\\(",
 321 |             "name": "punctuation.definition.condition.begin.bracket.round.scss"
 322 |           },
 323 |           {
 324 |             "match": "\\)",
 325 |             "name": "punctuation.definition.condition.end.bracket.round.scss"
 326 |           }
 327 |         ]
 328 |       },
 329 |       "comment_block": {
 330 |         "begin": "/\\*",
 331 |         "beginCaptures": {
 332 |           "0": {
 333 |             "name": "punctuation.definition.comment.scss"
 334 |           }
 335 |         },
 336 |         "end": "\\*/",
 337 |         "endCaptures": {
 338 |           "0": {
 339 |             "name": "punctuation.definition.comment.scss"
 340 |           }
 341 |         },
 342 |         "name": "comment.block.scss"
 343 |       },
 344 |       "constant_important": {
 345 |         "match": "!important",
 346 |         "name": "keyword.other.important.scss"
 347 |       },
 348 |       "constant_mathematical_symbols": {
 349 |         "match": "\\b(\\+|-|\\*|/)\\b",
 350 |         "name": "support.constant.mathematical-symbols.scss"
 351 |       },
 352 |       "functions": {
 353 |         "patterns": [
 354 |           {
 355 |             "begin": "(?i)(?<![\\w-])(calc)(\\()",
 356 |             "beginCaptures": {
 357 |               "1": {
 358 |                 "name": "support.function.calc.css"
 359 |               },
 360 |               "2": {
 361 |                 "name": "punctuation.section.function.begin.bracket.round.css"
 362 |               }
 363 |             },
 364 |             "end": "\\)",
 365 |             "endCaptures": {
 366 |               "0": {
 367 |                 "name": "punctuation.section.function.end.bracket.round.css"
 368 |               }
 369 |             },
 370 |             "name": "meta.function.calc.css",
 371 |             "patterns": [
 372 |               {
 373 |                 "match": "[*/]|(?<=\\s|^)[-+](?=\\s|$)",
 374 |                 "name": "keyword.operator.arithmetic.css"
 375 |               },
 376 |               {
 377 |                 "include": "#property_values"
 378 |               }
 379 |             ]
 380 |           },
 381 |           {
 382 |             "begin": "(?i)(?<![\\w-])(rgba?|hsla?)(\\()",
 383 |             "beginCaptures": {
 384 |               "1": {
 385 |                 "name": "support.function.misc.css"
 386 |               },
 387 |               "2": {
 388 |                 "name": "punctuation.section.function.begin.bracket.round.css"
 389 |               }
 390 |             },
 391 |             "end": "\\)",
 392 |             "endCaptures": {
 393 |               "0": {
 394 |                 "name": "punctuation.section.function.end.bracket.round.css"
 395 |               }
 396 |             },
 397 |             "name": "meta.function.color.css",
 398 |             "patterns": [
 399 |               {
 400 |                 "include": "#property_values"
 401 |               }
 402 |             ]
 403 |           },
 404 |           {
 405 |             "begin": "(?xi) (?<![\\w-])\n(\n  (?:-webkit-|-moz-|-o-)?    # Accept prefixed/historical variants\n  (?:repeating-)?            # \"Repeating\"-type gradient\n  (?:linear|radial|conic)    # Shape\n  -gradient\n)\n(\\()",
 406 |             "beginCaptures": {
 407 |               "1": {
 408 |                 "name": "support.function.gradient.css"
 409 |               },
 410 |               "2": {
 411 |                 "name": "punctuation.section.function.begin.bracket.round.css"
 412 |               }
 413 |             },
 414 |             "end": "\\)",
 415 |             "endCaptures": {
 416 |               "0": {
 417 |                 "name": "punctuation.section.function.end.bracket.round.css"
 418 |               }
 419 |             },
 420 |             "name": "meta.function.gradient.css",
 421 |             "patterns": [
 422 |               {
 423 |                 "match": "(?i)(?<![\\w-])(from|to|at)(?![\\w-])",
 424 |                 "name": "keyword.operator.gradient.css"
 425 |               },
 426 |               {
 427 |                 "include": "#property_values"
 428 |               }
 429 |             ]
 430 |           },
 431 |           {
 432 |             "begin": "(?i)(?<![\\w-])(-webkit-gradient)(\\()",
 433 |             "beginCaptures": {
 434 |               "1": {
 435 |                 "name": "invalid.deprecated.gradient.function.css"
 436 |               },
 437 |               "2": {
 438 |                 "name": "punctuation.section.function.begin.bracket.round.css"
 439 |               }
 440 |             },
 441 |             "end": "\\)",
 442 |             "endCaptures": {
 443 |               "0": {
 444 |                 "name": "punctuation.section.function.end.bracket.round.css"
 445 |               }
 446 |             },
 447 |             "name": "meta.function.gradient.invalid.deprecated.gradient.css",
 448 |             "patterns": [
 449 |               {
 450 |                 "begin": "(?i)(?<![\\w-])(from|to|color-stop)(\\()",
 451 |                 "beginCaptures": {
 452 |                   "1": {
 453 |                     "name": "invalid.deprecated.function.css"
 454 |                   },
 455 |                   "2": {
 456 |                     "name": "punctuation.section.function.begin.bracket.round.css"
 457 |                   }
 458 |                 },
 459 |                 "end": "\\)",
 460 |                 "endCaptures": {
 461 |                   "0": {
 462 |                     "name": "punctuation.section.function.end.bracket.round.css"
 463 |                   }
 464 |                 },
 465 |                 "patterns": [
 466 |                   {
 467 |                     "include": "#property_values"
 468 |                   }
 469 |                 ]
 470 |               },
 471 |               {
 472 |                 "include": "#property_values"
 473 |               }
 474 |             ]
 475 |           },
 476 |           {
 477 |             "begin": "(?xi) (?<![\\w-])\n(annotation|attr|blur|brightness|character-variant|contrast|counters?\n|cross-fade|drop-shadow|element|fit-content|format|grayscale|hue-rotate\n|image-set|invert|local|minmax|opacity|ornaments|repeat|saturate|sepia\n|styleset|stylistic|swash|symbols)\n(\\()",
 478 |             "beginCaptures": {
 479 |               "1": {
 480 |                 "name": "support.function.misc.css"
 481 |               },
 482 |               "2": {
 483 |                 "name": "punctuation.section.function.begin.bracket.round.css"
 484 |               }
 485 |             },
 486 |             "end": "\\)",
 487 |             "endCaptures": {
 488 |               "0": {
 489 |                 "name": "punctuation.section.function.end.bracket.round.css"
 490 |               }
 491 |             },
 492 |             "name": "meta.function.misc.css",
 493 |             "patterns": [
 494 |               {
 495 |                 "match": "(?i)(?<=[,\\s\"]|\\*/|^)\\d+x(?=[\\s,\"')]|/\\*|$)",
 496 |                 "name": "constant.numeric.other.density.css"
 497 |               },
 498 |               {
 499 |                 "include": "#property_values"
 500 |               },
 501 |               {
 502 |                 "match": "[^'\"),\\s]+",
 503 |                 "name": "variable.parameter.misc.css"
 504 |               }
 505 |             ]
 506 |           },
 507 |           {
 508 |             "begin": "(?i)(?<![\\w-])(circle|ellipse|inset|polygon|rect)(\\()",
 509 |             "beginCaptures": {
 510 |               "1": {
 511 |                 "name": "support.function.shape.css"
 512 |               },
 513 |               "2": {
 514 |                 "name": "punctuation.section.function.begin.bracket.round.css"
 515 |               }
 516 |             },
 517 |             "end": "\\)",
 518 |             "endCaptures": {
 519 |               "0": {
 520 |                 "name": "punctuation.section.function.end.bracket.round.css"
 521 |               }
 522 |             },
 523 |             "name": "meta.function.shape.css",
 524 |             "patterns": [
 525 |               {
 526 |                 "match": "(?i)(?<=\\s|^|\\*/)(at|round)(?=\\s|/\\*|$)",
 527 |                 "name": "keyword.operator.shape.css"
 528 |               },
 529 |               {
 530 |                 "include": "#property_values"
 531 |               }
 532 |             ]
 533 |           },
 534 |           {
 535 |             "begin": "(?i)(?<![\\w-])(cubic-bezier|steps)(\\()",
 536 |             "beginCaptures": {
 537 |               "1": {
 538 |                 "name": "support.function.timing-function.css"
 539 |               },
 540 |               "2": {
 541 |                 "name": "punctuation.section.function.begin.bracket.round.css"
 542 |               }
 543 |             },
 544 |             "end": "\\)",
 545 |             "endCaptures": {
 546 |               "0": {
 547 |                 "name": "punctuation.section.function.end.bracket.round.css"
 548 |               }
 549 |             },
 550 |             "name": "meta.function.timing-function.css",
 551 |             "patterns": [
 552 |               {
 553 |                 "match": "(?i)(?<![\\w-])(start|end)(?=\\s*\\)|$)",
 554 |                 "name": "support.constant.step-direction.css"
 555 |               },
 556 |               {
 557 |                 "include": "#property_values"
 558 |               }
 559 |             ]
 560 |           },
 561 |           {
 562 |             "begin": "(?xi) (?<![\\w-])\n( (?:translate|scale|rotate)(?:[XYZ]|3D)?\n| matrix(?:3D)?\n| skew[XY]?\n| perspective\n)\n(\\()",
 563 |             "beginCaptures": {
 564 |               "1": {
 565 |                 "name": "support.function.transform.css"
 566 |               },
 567 |               "2": {
 568 |                 "name": "punctuation.section.function.begin.bracket.round.css"
 569 |               }
 570 |             },
 571 |             "end": "\\)",
 572 |             "endCaptures": {
 573 |               "0": {
 574 |                 "name": "punctuation.section.function.end.bracket.round.css"
 575 |               }
 576 |             },
 577 |             "patterns": [
 578 |               {
 579 |                 "include": "#property_values"
 580 |               }
 581 |             ]
 582 |           },
 583 |           {
 584 |             "include": "#url"
 585 |           },
 586 |           {
 587 |             "begin": "(?i)(?<![\\w-])(var)(\\()",
 588 |             "beginCaptures": {
 589 |               "1": {
 590 |                 "name": "support.function.misc.css"
 591 |               },
 592 |               "2": {
 593 |                 "name": "punctuation.section.function.begin.bracket.round.css"
 594 |               }
 595 |             },
 596 |             "end": "\\)",
 597 |             "endCaptures": {
 598 |               "0": {
 599 |                 "name": "punctuation.section.function.end.bracket.round.css"
 600 |               }
 601 |             },
 602 |             "name": "meta.function.variable.css",
 603 |             "patterns": [
 604 |               {
 605 |                 "name": "variable.argument.css",
 606 |                 "match": "(?x)\n--\n(?:[-a-zA-Z_]    | [^\\x00-\\x7F])     # First letter\n(?:[-a-zA-Z0-9_] | [^\\x00-\\x7F]      # Remainder of identifier\n  |\\\\(?:[0-9a-fA-F]{1,6}|.)\n)*"
 607 |               },
 608 |               {
 609 |                 "include": "#property_values"
 610 |               }
 611 |             ]
 612 |           }
 613 |         ]
 614 |       },
 615 |       "function_attributes": {
 616 |         "patterns": [
 617 |           {
 618 |             "match": ":",
 619 |             "name": "punctuation.separator.key-value.scss"
 620 |           },
 621 |           {
 622 |             "include": "#general"
 623 |           },
 624 |           {
 625 |             "include": "#property_values"
 626 |           },
 627 |           {
 628 |             "match": "[={}\\?;@]",
 629 |             "name": "invalid.illegal.scss"
 630 |           }
 631 |         ]
 632 |       },
 633 |       "general": {
 634 |         "patterns": [
 635 |           {
 636 |             "include": "#interpolation"
 637 |           },
 638 |           {
 639 |             "include": "#comment_block"
 640 |           }
 641 |         ]
 642 |       },
 643 |       "interpolation": {
 644 |         "contentName": "meta.embedded.line.ts",
 645 |         "begin": "\\${",
 646 |         "beginCaptures": {
 647 |           "0": {
 648 |             "name": "punctuation.definition.interpolation.begin.bracket.curly.scss punctuation.definition.template-expression.begin.js"
 649 |           }
 650 |         },
 651 |         "end": "}",
 652 |         "endCaptures": {
 653 |           "0": {
 654 |             "name": "punctuation.definition.interpolation.end.bracket.curly.scss punctuation.definition.template-expression.end.js"
 655 |           }
 656 |         },
 657 |         "name": "variable.interpolation.scss",
 658 |         "patterns": [
 659 |           {
 660 |             "include": "source.ts#expression"
 661 |           }
 662 |         ]
 663 |       },
 664 |       "conditional_operators": {
 665 |         "patterns": [
 666 |           {
 667 |             "include": "#comparison_operators"
 668 |           },
 669 |           {
 670 |             "include": "#logical_operators"
 671 |           }
 672 |         ]
 673 |       },
 674 |       "comparison_operators": {
 675 |         "match": "==|!=|<=|>=|<|>",
 676 |         "name": "keyword.operator.comparison.scss"
 677 |       },
 678 |       "logical_operators": {
 679 |         "match": "\\b(not|or|and)\\b",
 680 |         "name": "keyword.operator.logical.scss"
 681 |       },
 682 |       "operators": {
 683 |         "match": "[-+*/](?!\\s*[-+*/])",
 684 |         "name": "keyword.operator.css"
 685 |       },
 686 |       "properties": {
 687 |         "patterns": [
 688 |           {
 689 |             "begin": "(?<![-a-z])(?=[-a-z])",
 690 |             "end": "$|(?![-a-z])",
 691 |             "name": "meta.property-name.scss",
 692 |             "patterns": [
 693 |               {
 694 |                 "include": "source.css#property-names"
 695 |               }
 696 |             ]
 697 |           },
 698 |           {
 699 |             "include": "#interpolation"
 700 |           },
 701 |           {
 702 |             "begin": "(:)\\s*(?!(\\s*{))",
 703 |             "beginCaptures": {
 704 |               "1": {
 705 |                 "name": "punctuation.separator.key-value.scss"
 706 |               }
 707 |             },
 708 |             "end": "\\s*(;|(?=}|\\)))",
 709 |             "endCaptures": {
 710 |               "1": {
 711 |                 "name": "punctuation.terminator.rule.scss"
 712 |               }
 713 |             },
 714 |             "contentName": "meta.property-value.scss",
 715 |             "patterns": [
 716 |               {
 717 |                 "include": "#general"
 718 |               },
 719 |               {
 720 |                 "include": "#property_values"
 721 |               }
 722 |             ]
 723 |           }
 724 |         ]
 725 |       },
 726 |       "property_list": {
 727 |         "begin": "{",
 728 |         "beginCaptures": {
 729 |           "0": {
 730 |             "name": "punctuation.section.property-list.begin.bracket.curly.scss"
 731 |           }
 732 |         },
 733 |         "end": "}",
 734 |         "endCaptures": {
 735 |           "0": {
 736 |             "name": "punctuation.section.property-list.end.bracket.curly.scss"
 737 |           }
 738 |         },
 739 |         "name": "meta.property-list.scss",
 740 |         "patterns": [
 741 |           {
 742 |             "include": "#rules"
 743 |           },
 744 |           {
 745 |             "include": "#properties"
 746 |           },
 747 |           {
 748 |             "include": "$self"
 749 |           }
 750 |         ]
 751 |       },
 752 |       "property_values": {
 753 |         "patterns": [
 754 |           {
 755 |             "include": "#string_single"
 756 |           },
 757 |           {
 758 |             "include": "#string_double"
 759 |           },
 760 |           {
 761 |             "include": "#functions"
 762 |           },
 763 |           {
 764 |             "include": "#constant_important"
 765 |           },
 766 |           {
 767 |             "include": "source.css#numeric-values"
 768 |           },
 769 |           {
 770 |             "include": "source.css#property-keywords"
 771 |           },
 772 |           {
 773 |             "include": "source.css#color-keywords"
 774 |           },
 775 |           {
 776 |             "include": "source.css#property-names"
 777 |           },
 778 |           {
 779 |             "include": "#constant_mathematical_symbols"
 780 |           },
 781 |           {
 782 |             "begin": "\\(",
 783 |             "beginCaptures": {
 784 |               "0": {
 785 |                 "name": "punctuation.definition.begin.bracket.round.scss"
 786 |               }
 787 |             },
 788 |             "end": "\\)",
 789 |             "endCaptures": {
 790 |               "0": {
 791 |                 "name": "punctuation.definition.end.bracket.round.scss"
 792 |               }
 793 |             },
 794 |             "patterns": [
 795 |               {
 796 |                 "include": "#general"
 797 |               },
 798 |               {
 799 |                 "include": "#property_values"
 800 |               }
 801 |             ]
 802 |           }
 803 |         ]
 804 |       },
 805 |       "rules": {
 806 |         "patterns": [
 807 |           {
 808 |             "include": "#general"
 809 |           },
 810 |           {
 811 |             "include": "#at_rule_media"
 812 |           },
 813 |           {
 814 |             "include": "#selectors"
 815 |           }
 816 |         ]
 817 |       },
 818 |       "selector_attribute": {
 819 |         "match": "(?xi)\n(\\[)\n\\s*\n(\n  (?:\n    [-a-zA-Z_0-9]|[^\\x00-\\x7F]       # Valid identifier characters\n    | \\\\(?:[0-9a-fA-F]{1,6}|.)       # Escape sequence\n|\\$\\{[^{}]*\\} # Interpolation\n  )+?\n)\n(?:\n  \\s*([~|^$*]?=)\\s*\n  (?:\n    (\n      (?:\n        [-a-zA-Z_0-9]|[^\\x00-\\x7F]       # Valid identifier characters\n        | \\\\(?:[0-9a-fA-F]{1,6}|.)       # Escape sequence\n|\\$\\{[^{}]*\\} # Interpolation\n      )+\n    )\n    |\n    ((\")(.*?)(\"))\n    |\n    ((')(.*?)('))\n  )\n)?\n\\s*\n(\\])",
 820 |         "name": "meta.attribute-selector.scss",
 821 |         "captures": {
 822 |           "1": {
 823 |             "name": "punctuation.definition.attribute-selector.begin.bracket.square.scss"
 824 |           },
 825 |           "2": {
 826 |             "name": "entity.other.attribute-name.attribute.scss",
 827 |             "patterns": [
 828 |               {
 829 |                 "include": "#interpolation"
 830 |               },
 831 |               {
 832 |                 "match": "\\\\([0-9a-fA-F]{1,6}|.)",
 833 |                 "name": "constant.character.escape.scss"
 834 |               },
 835 |               {
 836 |                 "match": "\\$|}",
 837 |                 "name": "invalid.illegal.scss"
 838 |               }
 839 |             ]
 840 |           },
 841 |           "3": {
 842 |             "name": "keyword.operator.scss"
 843 |           },
 844 |           "4": {
 845 |             "name": "string.unquoted.attribute-value.scss",
 846 |             "patterns": [
 847 |               {
 848 |                 "include": "#interpolation"
 849 |               },
 850 |               {
 851 |                 "match": "\\\\([0-9a-fA-F]{1,6}|.)",
 852 |                 "name": "constant.character.escape.scss"
 853 |               },
 854 |               {
 855 |                 "match": "\\$|}",
 856 |                 "name": "invalid.illegal.scss"
 857 |               }
 858 |             ]
 859 |           },
 860 |           "5": {
 861 |             "name": "string.quoted.double.attribute-value.scss"
 862 |           },
 863 |           "6": {
 864 |             "name": "punctuation.definition.string.begin.scss"
 865 |           },
 866 |           "7": {
 867 |             "patterns": [
 868 |               {
 869 |                 "include": "#interpolation"
 870 |               },
 871 |               {
 872 |                 "match": "\\\\([0-9a-fA-F]{1,6}|.)",
 873 |                 "name": "constant.character.escape.scss"
 874 |               },
 875 |               {
 876 |                 "match": "\\$|}",
 877 |                 "name": "invalid.illegal.scss"
 878 |               }
 879 |             ]
 880 |           },
 881 |           "8": {
 882 |             "name": "punctuation.definition.string.end.scss"
 883 |           },
 884 |           "9": {
 885 |             "name": "string.quoted.single.attribute-value.scss"
 886 |           },
 887 |           "10": {
 888 |             "name": "punctuation.definition.string.begin.scss"
 889 |           },
 890 |           "11": {
 891 |             "patterns": [
 892 |               {
 893 |                 "include": "#interpolation"
 894 |               },
 895 |               {
 896 |                 "match": "\\\\([0-9a-fA-F]{1,6}|.)",
 897 |                 "name": "constant.character.escape.scss"
 898 |               },
 899 |               {
 900 |                 "match": "\\$|}",
 901 |                 "name": "invalid.illegal.scss"
 902 |               }
 903 |             ]
 904 |           },
 905 |           "12": {
 906 |             "name": "punctuation.definition.string.end.scss"
 907 |           },
 908 |           "13": {
 909 |             "name": "punctuation.definition.attribute-selector.end.bracket.square.scss"
 910 |           }
 911 |         }
 912 |       },
 913 |       "selector_class": {
 914 |         "match": "(?x)\n(\\.)                                  # Valid class-name\n(\n  (?: [-a-zA-Z_0-9]|[^\\x00-\\x7F]     # Valid identifier characters\n    | \\\\(?:[0-9a-fA-F]{1,6}|.)       # Escape sequence\n|\\$\\{[^{}]*\\} # Interpolation\n  )+\n)                                      # Followed by either:\n(?= $                                  # - End of the line\n  | [\\s,.\\#)\\[:{>+~|]               # - Another selector\n  | /\\*                               # - A block comment\n)",
 915 |         "name": "entity.other.attribute-name.class.css",
 916 |         "captures": {
 917 |           "1": {
 918 |             "name": "punctuation.definition.entity.css"
 919 |           },
 920 |           "2": {
 921 |             "patterns": [
 922 |               {
 923 |                 "include": "#interpolation"
 924 |               },
 925 |               {
 926 |                 "match": "\\\\([0-9a-fA-F]{1,6}|.)",
 927 |                 "name": "constant.character.escape.scss"
 928 |               },
 929 |               {
 930 |                 "match": "\\$|}",
 931 |                 "name": "invalid.illegal.scss"
 932 |               }
 933 |             ]
 934 |           }
 935 |         }
 936 |       },
 937 |       "selector_custom": {
 938 |         "match": "\\b([a-zA-Z0-9]+(-[a-zA-Z0-9]+)+)(?=\\.|\\s++[^:]|\\s*[,\\[{]|:(link|visited|hover|active|focus|target|lang|disabled|enabled|checked|indeterminate|root|nth-(child|last-child|of-type|last-of-type)|first-child|last-child|first-of-type|last-of-type|only-child|only-of-type|empty|not|valid|invalid)(\\([0-9A-Za-z]*\\))?)",
 939 |         "name": "entity.name.tag.custom.scss"
 940 |       },
 941 |       "selector_id": {
 942 |         "match": "(?x)\n(\\#)                                  # Valid id-name\n(\n  (?: [-a-zA-Z_0-9]|[^\\x00-\\x7F]     # Valid identifier characters\n    | \\\\(?:[0-9a-fA-F]{1,6}|.)       # Escape sequence\n|\\$\\{[^{}]*\\} # Interpolation\n  )+\n)                                      # Followed by either:\n(?= $                                  # - End of the line\n  | [\\s,.\\#)\\[:{>+~|]               # - Another selector\n  | /\\*                               # - A block comment\n)",
 943 |         "name": "entity.other.attribute-name.id.css",
 944 |         "captures": {
 945 |           "1": {
 946 |             "name": "punctuation.definition.entity.css"
 947 |           },
 948 |           "2": {
 949 |             "patterns": [
 950 |               {
 951 |                 "include": "#interpolation"
 952 |               },
 953 |               {
 954 |                 "match": "\\\\([0-9a-fA-F]{1,6}|.)",
 955 |                 "name": "constant.character.escape.scss"
 956 |               },
 957 |               {
 958 |                 "match": "\\$|}",
 959 |                 "name": "invalid.illegal.identifier.scss"
 960 |               }
 961 |             ]
 962 |           }
 963 |         }
 964 |       },
 965 |       "parent_selector_suffix": {
 966 |         "match": "(?x)\n(?<=&)\n(\n  (?: [-a-zA-Z_0-9]|[^\\x00-\\x7F]     # Valid identifier characters\n    | \\\\(?:[0-9a-fA-F]{1,6}|.)       # Escape sequence\n|\\$\\{[^{}]*\\} # Interpolation\n  )+\n)                                      # Followed by either:\n(?= $                                  # - End of the line\n  | [\\s,.\\#)\\[:{>+~|]               # - Another selector\n  | /\\*                               # - A block comment\n)",
 967 |         "name": "entity.other.attribute-name.parent-selector-suffix.css",
 968 |         "captures": {
 969 |           "1": {
 970 |             "name": "punctuation.definition.entity.css"
 971 |           },
 972 |           "2": {
 973 |             "patterns": [
 974 |               {
 975 |                 "include": "#interpolation"
 976 |               },
 977 |               {
 978 |                 "match": "\\\\([0-9a-fA-F]{1,6}|.)",
 979 |                 "name": "constant.character.escape.scss"
 980 |               },
 981 |               {
 982 |                 "match": "\\$|}",
 983 |                 "name": "invalid.illegal.identifier.scss"
 984 |               }
 985 |             ]
 986 |           }
 987 |         }
 988 |       },
 989 |       "selector_pseudo_class": {
 990 |         "patterns": [
 991 |           {
 992 |             "begin": "((:)\\bnth-(?:child|last-child|of-type|last-of-type))(\\()",
 993 |             "beginCaptures": {
 994 |               "1": {
 995 |                 "name": "entity.other.attribute-name.pseudo-class.css"
 996 |               },
 997 |               "2": {
 998 |                 "name": "punctuation.definition.entity.css"
 999 |               },
1000 |               "3": {
1001 |                 "name": "punctuation.definition.pseudo-class.begin.bracket.round.css"
1002 |               }
1003 |             },
1004 |             "end": "\\)",
1005 |             "endCaptures": {
1006 |               "0": {
1007 |                 "name": "punctuation.definition.pseudo-class.end.bracket.round.css"
1008 |               }
1009 |             },
1010 |             "patterns": [
1011 |               {
1012 |                 "include": "#interpolation"
1013 |               },
1014 |               {
1015 |                 "match": "\\d+",
1016 |                 "name": "constant.numeric.css"
1017 |               },
1018 |               {
1019 |                 "match": "(?<=\\d)n\\b|\\b(n|even|odd)\\b",
1020 |                 "name": "constant.other.scss"
1021 |               },
1022 |               {
1023 |                 "match": "\\w+",
1024 |                 "name": "invalid.illegal.scss"
1025 |               }
1026 |             ]
1027 |           },
1028 |           {
1029 |             "include": "source.css#pseudo-classes"
1030 |           },
1031 |           {
1032 |             "include": "source.css#pseudo-elements"
1033 |           },
1034 |           {
1035 |             "include": "source.css#functional-pseudo-classes"
1036 |           }
1037 |         ]
1038 |       },
1039 |       "selectors": {
1040 |         "patterns": [
1041 |           {
1042 |             "include": "#interpolation"
1043 |           },
1044 |           {
1045 |             "include": "source.css#tag-names"
1046 |           },
1047 |           {
1048 |             "include": "#selector_custom"
1049 |           },
1050 |           {
1051 |             "include": "#selector_class"
1052 |           },
1053 |           {
1054 |             "include": "#selector_id"
1055 |           },
1056 |           {
1057 |             "include": "#selector_pseudo_class"
1058 |           },
1059 |           {
1060 |             "include": "#tag_wildcard"
1061 |           },
1062 |           {
1063 |             "include": "#tag_parent_reference"
1064 |           },
1065 |           {
1066 |             "include": "source.css#pseudo-elements"
1067 |           },
1068 |           {
1069 |             "include": "#selector_attribute"
1070 |           },
1071 |           {
1072 |             "include": "#parent_selector_suffix"
1073 |           }
1074 |         ]
1075 |       },
1076 |       "string_double": {
1077 |         "begin": "\"",
1078 |         "beginCaptures": {
1079 |           "0": {
1080 |             "name": "punctuation.definition.string.begin.scss"
1081 |           }
1082 |         },
1083 |         "end": "\"",
1084 |         "endCaptures": {
1085 |           "0": {
1086 |             "name": "punctuation.definition.string.end.scss"
1087 |           }
1088 |         },
1089 |         "name": "string.quoted.double.scss",
1090 |         "patterns": [
1091 |           {
1092 |             "match": "\\\\(\\h{1,6}|.)",
1093 |             "name": "constant.character.escape.scss"
1094 |           },
1095 |           {
1096 |             "include": "#interpolation"
1097 |           }
1098 |         ]
1099 |       },
1100 |       "string_single": {
1101 |         "begin": "'",
1102 |         "beginCaptures": {
1103 |           "0": {
1104 |             "name": "punctuation.definition.string.begin.scss"
1105 |           }
1106 |         },
1107 |         "end": "'",
1108 |         "endCaptures": {
1109 |           "0": {
1110 |             "name": "punctuation.definition.string.end.scss"
1111 |           }
1112 |         },
1113 |         "name": "string.quoted.single.scss",
1114 |         "patterns": [
1115 |           {
1116 |             "match": "\\\\(\\h{1,6}|.)",
1117 |             "name": "constant.character.escape.scss"
1118 |           },
1119 |           {
1120 |             "include": "#interpolation"
1121 |           }
1122 |         ]
1123 |       },
1124 |       "tag_parent_reference": {
1125 |         "match": "&",
1126 |         "name": "entity.name.tag.reference.scss"
1127 |       },
1128 |       "tag_wildcard": {
1129 |         "match": "\\*",
1130 |         "name": "entity.name.tag.wildcard.scss"
1131 |       }
1132 |     },
1133 |   
1134 |     "scopeName": "source.css.styled"
1135 |   }


--------------------------------------------------------------------------------
/demo/tm/grammars/css.tmLanguage.json:
--------------------------------------------------------------------------------
   1 | {
   2 | 	"information_for_contributors": [
   3 | 		"This file has been converted from https://github.com/atom/language-css/blob/master/grammars/css.cson",
   4 | 		"If you want to provide a fix or improvement, please create a pull request against the original repository.",
   5 | 		"Once accepted there, we are happy to receive an update request."
   6 | 	],
   7 | 	"version": "https://github.com/atom/language-css/commit/2bc1e294e2440ad91197263cd9f95dc4b00bab2f",
   8 | 	"name": "CSS",
   9 | 	"scopeName": "source.css",
  10 | 	"patterns": [
  11 | 		{
  12 | 			"include": "#comment-block"
  13 | 		},
  14 | 		{
  15 | 			"include": "#escapes"
  16 | 		},
  17 | 		{
  18 | 			"include": "#combinators"
  19 | 		},
  20 | 		{
  21 | 			"include": "#selector"
  22 | 		},
  23 | 		{
  24 | 			"include": "#at-rules"
  25 | 		},
  26 | 		{
  27 | 			"include": "#rule-list"
  28 | 		}
  29 | 	],
  30 | 	"repository": {
  31 | 		"at-rules": {
  32 | 			"patterns": [
  33 | 				{
  34 | 					"begin": "\\A(?:\\xEF\\xBB\\xBF)?(?i:(?=\\s*@charset\\b))",
  35 | 					"end": ";|(?=$)",
  36 | 					"endCaptures": {
  37 | 						"0": {
  38 | 							"name": "punctuation.terminator.rule.css"
  39 | 						}
  40 | 					},
  41 | 					"name": "meta.at-rule.charset.css",
  42 | 					"patterns": [
  43 | 						{
  44 | 							"captures": {
  45 | 								"1": {
  46 | 									"name": "invalid.illegal.not-lowercase.charset.css"
  47 | 								},
  48 | 								"2": {
  49 | 									"name": "invalid.illegal.leading-whitespace.charset.css"
  50 | 								},
  51 | 								"3": {
  52 | 									"name": "invalid.illegal.no-whitespace.charset.css"
  53 | 								},
  54 | 								"4": {
  55 | 									"name": "invalid.illegal.whitespace.charset.css"
  56 | 								},
  57 | 								"5": {
  58 | 									"name": "invalid.illegal.not-double-quoted.charset.css"
  59 | 								},
  60 | 								"6": {
  61 | 									"name": "invalid.illegal.unclosed-string.charset.css"
  62 | 								},
  63 | 								"7": {
  64 | 									"name": "invalid.illegal.unexpected-characters.charset.css"
  65 | 								}
  66 | 							},
  67 | 							"match": "(?x)        # Possible errors:\n\\G\n((?!@charset)@\\w+)   # Not lowercase (@charset is case-sensitive)\n|\n\\G(\\s+)             # Preceding whitespace\n|\n(@charset\\S[^;]*)    # No whitespace after @charset\n|\n(?<=@charset)         # Before quoted charset name\n(\\x20{2,}|\\t+)      # More than one space used, or a tab\n|\n(?<=@charset\\x20)    # Beginning of charset name\n([^\";]+)              # Not double-quoted\n|\n(\"[^\"]+$)             # Unclosed quote\n|\n(?<=\")                # After charset name\n([^;]+)               # Unexpected junk instead of semicolon"
  68 | 						},
  69 | 						{
  70 | 							"captures": {
  71 | 								"1": {
  72 | 									"name": "keyword.control.at-rule.charset.css"
  73 | 								},
  74 | 								"2": {
  75 | 									"name": "punctuation.definition.keyword.css"
  76 | 								}
  77 | 							},
  78 | 							"match": "((@)charset)(?=\\s)"
  79 | 						},
  80 | 						{
  81 | 							"begin": "\"",
  82 | 							"beginCaptures": {
  83 | 								"0": {
  84 | 									"name": "punctuation.definition.string.begin.css"
  85 | 								}
  86 | 							},
  87 | 							"end": "\"|$",
  88 | 							"endCaptures": {
  89 | 								"0": {
  90 | 									"name": "punctuation.definition.string.end.css"
  91 | 								}
  92 | 							},
  93 | 							"name": "string.quoted.double.css",
  94 | 							"patterns": [
  95 | 								{
  96 | 									"begin": "(?:\\G|^)(?=(?:[^\"])+$)",
  97 | 									"end": "$",
  98 | 									"name": "invalid.illegal.unclosed.string.css"
  99 | 								}
 100 | 							]
 101 | 						}
 102 | 					]
 103 | 				},
 104 | 				{
 105 | 					"begin": "(?i)((@)import)(?:\\s+|$|(?=['\"]|/\\*))",
 106 | 					"beginCaptures": {
 107 | 						"1": {
 108 | 							"name": "keyword.control.at-rule.import.css"
 109 | 						},
 110 | 						"2": {
 111 | 							"name": "punctuation.definition.keyword.css"
 112 | 						}
 113 | 					},
 114 | 					"end": ";",
 115 | 					"endCaptures": {
 116 | 						"0": {
 117 | 							"name": "punctuation.terminator.rule.css"
 118 | 						}
 119 | 					},
 120 | 					"name": "meta.at-rule.import.css",
 121 | 					"patterns": [
 122 | 						{
 123 | 							"begin": "\\G\\s*(?=/\\*)",
 124 | 							"end": "(?<=\\*/)\\s*",
 125 | 							"patterns": [
 126 | 								{
 127 | 									"include": "#comment-block"
 128 | 								}
 129 | 							]
 130 | 						},
 131 | 						{
 132 | 							"include": "#string"
 133 | 						},
 134 | 						{
 135 | 							"include": "#url"
 136 | 						},
 137 | 						{
 138 | 							"include": "#media-query-list"
 139 | 						}
 140 | 					]
 141 | 				},
 142 | 				{
 143 | 					"begin": "(?i)((@)font-face)(?=\\s*|{|/\\*|$)",
 144 | 					"beginCaptures": {
 145 | 						"1": {
 146 | 							"name": "keyword.control.at-rule.font-face.css"
 147 | 						},
 148 | 						"2": {
 149 | 							"name": "punctuation.definition.keyword.css"
 150 | 						}
 151 | 					},
 152 | 					"end": "(?!\\G)",
 153 | 					"name": "meta.at-rule.font-face.css",
 154 | 					"patterns": [
 155 | 						{
 156 | 							"include": "#comment-block"
 157 | 						},
 158 | 						{
 159 | 							"include": "#escapes"
 160 | 						},
 161 | 						{
 162 | 							"include": "#rule-list"
 163 | 						}
 164 | 					]
 165 | 				},
 166 | 				{
 167 | 					"begin": "(?i)(@)page(?=[\\s:{]|/\\*|$)",
 168 | 					"captures": {
 169 | 						"0": {
 170 | 							"name": "keyword.control.at-rule.page.css"
 171 | 						},
 172 | 						"1": {
 173 | 							"name": "punctuation.definition.keyword.css"
 174 | 						}
 175 | 					},
 176 | 					"end": "(?=\\s*($|[:{;]))",
 177 | 					"name": "meta.at-rule.page.css",
 178 | 					"patterns": [
 179 | 						{
 180 | 							"include": "#rule-list"
 181 | 						}
 182 | 					]
 183 | 				},
 184 | 				{
 185 | 					"begin": "(?i)(?=@media(\\s|\\(|/\\*|$))",
 186 | 					"end": "(?<=})(?!\\G)",
 187 | 					"patterns": [
 188 | 						{
 189 | 							"begin": "(?i)\\G(@)media",
 190 | 							"beginCaptures": {
 191 | 								"0": {
 192 | 									"name": "keyword.control.at-rule.media.css"
 193 | 								},
 194 | 								"1": {
 195 | 									"name": "punctuation.definition.keyword.css"
 196 | 								}
 197 | 							},
 198 | 							"end": "(?=\\s*[{;])",
 199 | 							"name": "meta.at-rule.media.header.css",
 200 | 							"patterns": [
 201 | 								{
 202 | 									"include": "#media-query-list"
 203 | 								}
 204 | 							]
 205 | 						},
 206 | 						{
 207 | 							"begin": "{",
 208 | 							"beginCaptures": {
 209 | 								"0": {
 210 | 									"name": "punctuation.section.media.begin.bracket.curly.css"
 211 | 								}
 212 | 							},
 213 | 							"end": "}",
 214 | 							"endCaptures": {
 215 | 								"0": {
 216 | 									"name": "punctuation.section.media.end.bracket.curly.css"
 217 | 								}
 218 | 							},
 219 | 							"name": "meta.at-rule.media.body.css",
 220 | 							"patterns": [
 221 | 								{
 222 | 									"include": "$self"
 223 | 								}
 224 | 							]
 225 | 						}
 226 | 					]
 227 | 				},
 228 | 				{
 229 | 					"begin": "(?i)(?=@counter-style([\\s'\"{;]|/\\*|$))",
 230 | 					"end": "(?<=})(?!\\G)",
 231 | 					"patterns": [
 232 | 						{
 233 | 							"begin": "(?i)\\G(@)counter-style",
 234 | 							"beginCaptures": {
 235 | 								"0": {
 236 | 									"name": "keyword.control.at-rule.counter-style.css"
 237 | 								},
 238 | 								"1": {
 239 | 									"name": "punctuation.definition.keyword.css"
 240 | 								}
 241 | 							},
 242 | 							"end": "(?=\\s*{)",
 243 | 							"name": "meta.at-rule.counter-style.header.css",
 244 | 							"patterns": [
 245 | 								{
 246 | 									"include": "#comment-block"
 247 | 								},
 248 | 								{
 249 | 									"include": "#escapes"
 250 | 								},
 251 | 								{
 252 | 									"captures": {
 253 | 										"0": {
 254 | 											"patterns": [
 255 | 												{
 256 | 													"include": "#escapes"
 257 | 												}
 258 | 											]
 259 | 										}
 260 | 									},
 261 | 									"match": "(?x)\n(?:[-a-zA-Z_]    | [^\\x00-\\x7F])     # First letter\n(?:[-a-zA-Z0-9_] | [^\\x00-\\x7F]      # Remainder of identifier\n  |\\\\(?:[0-9a-fA-F]{1,6}|.)\n)*",
 262 | 									"name": "variable.parameter.style-name.css"
 263 | 								}
 264 | 							]
 265 | 						},
 266 | 						{
 267 | 							"begin": "{",
 268 | 							"beginCaptures": {
 269 | 								"0": {
 270 | 									"name": "punctuation.section.property-list.begin.bracket.curly.css"
 271 | 								}
 272 | 							},
 273 | 							"end": "}",
 274 | 							"endCaptures": {
 275 | 								"0": {
 276 | 									"name": "punctuation.section.property-list.end.bracket.curly.css"
 277 | 								}
 278 | 							},
 279 | 							"name": "meta.at-rule.counter-style.body.css",
 280 | 							"patterns": [
 281 | 								{
 282 | 									"include": "#comment-block"
 283 | 								},
 284 | 								{
 285 | 									"include": "#escapes"
 286 | 								},
 287 | 								{
 288 | 									"include": "#rule-list-innards"
 289 | 								}
 290 | 							]
 291 | 						}
 292 | 					]
 293 | 				},
 294 | 				{
 295 | 					"begin": "(?i)(?=@document([\\s'\"{;]|/\\*|$))",
 296 | 					"end": "(?<=})(?!\\G)",
 297 | 					"patterns": [
 298 | 						{
 299 | 							"begin": "(?i)\\G(@)document",
 300 | 							"beginCaptures": {
 301 | 								"0": {
 302 | 									"name": "keyword.control.at-rule.document.css"
 303 | 								},
 304 | 								"1": {
 305 | 									"name": "punctuation.definition.keyword.css"
 306 | 								}
 307 | 							},
 308 | 							"end": "(?=\\s*[{;])",
 309 | 							"name": "meta.at-rule.document.header.css",
 310 | 							"patterns": [
 311 | 								{
 312 | 									"begin": "(?i)(?<![\\w-])(url-prefix|domain|regexp)(\\()",
 313 | 									"beginCaptures": {
 314 | 										"1": {
 315 | 											"name": "support.function.document-rule.css"
 316 | 										},
 317 | 										"2": {
 318 | 											"name": "punctuation.section.function.begin.bracket.round.css"
 319 | 										}
 320 | 									},
 321 | 									"end": "\\)",
 322 | 									"endCaptures": {
 323 | 										"0": {
 324 | 											"name": "punctuation.section.function.end.bracket.round.css"
 325 | 										}
 326 | 									},
 327 | 									"name": "meta.function.document-rule.css",
 328 | 									"patterns": [
 329 | 										{
 330 | 											"include": "#string"
 331 | 										},
 332 | 										{
 333 | 											"include": "#comment-block"
 334 | 										},
 335 | 										{
 336 | 											"include": "#escapes"
 337 | 										},
 338 | 										{
 339 | 											"match": "[^'\")\\s]+",
 340 | 											"name": "variable.parameter.document-rule.css"
 341 | 										}
 342 | 									]
 343 | 								},
 344 | 								{
 345 | 									"include": "#url"
 346 | 								},
 347 | 								{
 348 | 									"include": "#commas"
 349 | 								},
 350 | 								{
 351 | 									"include": "#comment-block"
 352 | 								},
 353 | 								{
 354 | 									"include": "#escapes"
 355 | 								}
 356 | 							]
 357 | 						},
 358 | 						{
 359 | 							"begin": "{",
 360 | 							"beginCaptures": {
 361 | 								"0": {
 362 | 									"name": "punctuation.section.document.begin.bracket.curly.css"
 363 | 								}
 364 | 							},
 365 | 							"end": "}",
 366 | 							"endCaptures": {
 367 | 								"0": {
 368 | 									"name": "punctuation.section.document.end.bracket.curly.css"
 369 | 								}
 370 | 							},
 371 | 							"name": "meta.at-rule.document.body.css",
 372 | 							"patterns": [
 373 | 								{
 374 | 									"include": "$self"
 375 | 								}
 376 | 							]
 377 | 						}
 378 | 					]
 379 | 				},
 380 | 				{
 381 | 					"begin": "(?i)(?=@(?:-(?:webkit|moz|o|ms)-)?keyframes([\\s'\"{;]|/\\*|$))",
 382 | 					"end": "(?<=})(?!\\G)",
 383 | 					"patterns": [
 384 | 						{
 385 | 							"begin": "(?i)\\G(@)(?:-(?:webkit|moz|o|ms)-)?keyframes",
 386 | 							"beginCaptures": {
 387 | 								"0": {
 388 | 									"name": "keyword.control.at-rule.keyframes.css"
 389 | 								},
 390 | 								"1": {
 391 | 									"name": "punctuation.definition.keyword.css"
 392 | 								}
 393 | 							},
 394 | 							"end": "(?=\\s*{)",
 395 | 							"name": "meta.at-rule.keyframes.header.css",
 396 | 							"patterns": [
 397 | 								{
 398 | 									"include": "#comment-block"
 399 | 								},
 400 | 								{
 401 | 									"include": "#escapes"
 402 | 								},
 403 | 								{
 404 | 									"captures": {
 405 | 										"0": {
 406 | 											"patterns": [
 407 | 												{
 408 | 													"include": "#escapes"
 409 | 												}
 410 | 											]
 411 | 										}
 412 | 									},
 413 | 									"match": "(?x)\n(?:[-a-zA-Z_]    | [^\\x00-\\x7F])     # First letter\n(?:[-a-zA-Z0-9_] | [^\\x00-\\x7F]      # Remainder of identifier\n  |\\\\(?:[0-9a-fA-F]{1,6}|.)\n)*",
 414 | 									"name": "variable.parameter.keyframe-list.css"
 415 | 								}
 416 | 							]
 417 | 						},
 418 | 						{
 419 | 							"begin": "{",
 420 | 							"beginCaptures": {
 421 | 								"0": {
 422 | 									"name": "punctuation.section.keyframes.begin.bracket.curly.css"
 423 | 								}
 424 | 							},
 425 | 							"end": "}",
 426 | 							"endCaptures": {
 427 | 								"0": {
 428 | 									"name": "punctuation.section.keyframes.end.bracket.curly.css"
 429 | 								}
 430 | 							},
 431 | 							"name": "meta.at-rule.keyframes.body.css",
 432 | 							"patterns": [
 433 | 								{
 434 | 									"include": "#comment-block"
 435 | 								},
 436 | 								{
 437 | 									"include": "#escapes"
 438 | 								},
 439 | 								{
 440 | 									"captures": {
 441 | 										"1": {
 442 | 											"name": "entity.other.keyframe-offset.css"
 443 | 										},
 444 | 										"2": {
 445 | 											"name": "entity.other.keyframe-offset.percentage.css"
 446 | 										}
 447 | 									},
 448 | 									"match": "(?xi)\n(?<![\\w-]) (from|to) (?![\\w-])         # Keywords for 0% | 100%\n|\n([-+]?(?:\\d+(?:\\.\\d+)?|\\.\\d+)%)     # Percentile value"
 449 | 								},
 450 | 								{
 451 | 									"include": "#rule-list"
 452 | 								}
 453 | 							]
 454 | 						}
 455 | 					]
 456 | 				},
 457 | 				{
 458 | 					"begin": "(?i)(?=@supports(\\s|\\(|/\\*|$))",
 459 | 					"end": "(?<=})(?!\\G)|(?=;)",
 460 | 					"patterns": [
 461 | 						{
 462 | 							"begin": "(?i)\\G(@)supports",
 463 | 							"beginCaptures": {
 464 | 								"0": {
 465 | 									"name": "keyword.control.at-rule.supports.css"
 466 | 								},
 467 | 								"1": {
 468 | 									"name": "punctuation.definition.keyword.css"
 469 | 								}
 470 | 							},
 471 | 							"end": "(?=\\s*[{;])",
 472 | 							"name": "meta.at-rule.supports.header.css",
 473 | 							"patterns": [
 474 | 								{
 475 | 									"include": "#feature-query-operators"
 476 | 								},
 477 | 								{
 478 | 									"include": "#feature-query"
 479 | 								},
 480 | 								{
 481 | 									"include": "#comment-block"
 482 | 								},
 483 | 								{
 484 | 									"include": "#escapes"
 485 | 								}
 486 | 							]
 487 | 						},
 488 | 						{
 489 | 							"begin": "{",
 490 | 							"beginCaptures": {
 491 | 								"0": {
 492 | 									"name": "punctuation.section.supports.begin.bracket.curly.css"
 493 | 								}
 494 | 							},
 495 | 							"end": "}",
 496 | 							"endCaptures": {
 497 | 								"0": {
 498 | 									"name": "punctuation.section.supports.end.bracket.curly.css"
 499 | 								}
 500 | 							},
 501 | 							"name": "meta.at-rule.supports.body.css",
 502 | 							"patterns": [
 503 | 								{
 504 | 									"include": "$self"
 505 | 								}
 506 | 							]
 507 | 						}
 508 | 					]
 509 | 				},
 510 | 				{
 511 | 					"begin": "(?i)((@)viewport)(?=[\\s'\"{;]|/\\*|$)",
 512 | 					"beginCaptures": {
 513 | 						"1": {
 514 | 							"name": "keyword.control.at-rule.viewport.css"
 515 | 						},
 516 | 						"2": {
 517 | 							"name": "punctuation.definition.keyword.css"
 518 | 						}
 519 | 					},
 520 | 					"end": "(?=\\s*[@{;])",
 521 | 					"name": "meta.at-rule.viewport.css",
 522 | 					"patterns": [
 523 | 						{
 524 | 							"include": "#comment-block"
 525 | 						},
 526 | 						{
 527 | 							"include": "#escapes"
 528 | 						}
 529 | 					]
 530 | 				},
 531 | 				{
 532 | 					"begin": "(?i)((@)font-feature-values)(?=[\\s'\"{;]|/\\*|$)\\s*",
 533 | 					"beginCaptures": {
 534 | 						"1": {
 535 | 							"name": "keyword.control.at-rule.font-feature-values.css"
 536 | 						},
 537 | 						"2": {
 538 | 							"name": "punctuation.definition.keyword.css"
 539 | 						}
 540 | 					},
 541 | 					"contentName": "variable.parameter.font-name.css",
 542 | 					"end": "(?=\\s*[@{;])",
 543 | 					"name": "meta.at-rule.font-features.css",
 544 | 					"patterns": [
 545 | 						{
 546 | 							"include": "#comment-block"
 547 | 						},
 548 | 						{
 549 | 							"include": "#escapes"
 550 | 						}
 551 | 					]
 552 | 				},
 553 | 				{
 554 | 					"include": "#font-features"
 555 | 				},
 556 | 				{
 557 | 					"begin": "(?i)((@)namespace)(?=[\\s'\";]|/\\*|$)",
 558 | 					"beginCaptures": {
 559 | 						"1": {
 560 | 							"name": "keyword.control.at-rule.namespace.css"
 561 | 						},
 562 | 						"2": {
 563 | 							"name": "punctuation.definition.keyword.css"
 564 | 						}
 565 | 					},
 566 | 					"end": ";|(?=[@{])",
 567 | 					"endCaptures": {
 568 | 						"0": {
 569 | 							"name": "punctuation.terminator.rule.css"
 570 | 						}
 571 | 					},
 572 | 					"name": "meta.at-rule.namespace.css",
 573 | 					"patterns": [
 574 | 						{
 575 | 							"include": "#url"
 576 | 						},
 577 | 						{
 578 | 							"captures": {
 579 | 								"1": {
 580 | 									"patterns": [
 581 | 										{
 582 | 											"include": "#comment-block"
 583 | 										}
 584 | 									]
 585 | 								},
 586 | 								"2": {
 587 | 									"name": "entity.name.function.namespace-prefix.css",
 588 | 									"patterns": [
 589 | 										{
 590 | 											"include": "#escapes"
 591 | 										}
 592 | 									]
 593 | 								}
 594 | 							},
 595 | 							"match": "(?xi)\n(?:\\G|^|(?<=\\s))\n(?=\n  (?<=\\s|^)                             # Starts with whitespace\n  (?:[-a-zA-Z_]|[^\\x00-\\x7F])          # Then a valid identifier character\n  |\n  \\s*                                   # Possible adjoining whitespace\n  /\\*(?:[^*]|\\*[^/])*\\*/              # Injected comment\n)\n(.*?)                                    # Grouped to embed #comment-block\n(\n  (?:[-a-zA-Z_]    | [^\\x00-\\x7F])     # First letter\n  (?:[-a-zA-Z0-9_] | [^\\x00-\\x7F]      # Remainder of identifier\n    |\\\\(?:[0-9a-fA-F]{1,6}|.)\n  )*\n)"
 596 | 						},
 597 | 						{
 598 | 							"include": "#comment-block"
 599 | 						},
 600 | 						{
 601 | 							"include": "#escapes"
 602 | 						},
 603 | 						{
 604 | 							"include": "#string"
 605 | 						}
 606 | 					]
 607 | 				}
 608 | 			]
 609 | 		},
 610 | 		"color-keywords": {
 611 | 			"patterns": [
 612 | 				{
 613 | 					"match": "(?i)(?<![\\w-])(aqua|black|blue|fuchsia|gray|green|lime|maroon|navy|olive|orange|purple|red|silver|teal|white|yellow)(?![\\w-])",
 614 | 					"name": "support.constant.color.w3c-standard-color-name.css"
 615 | 				},
 616 | 				{
 617 | 					"match": "(?xi) (?<![\\w-])\n(aliceblue|antiquewhite|aquamarine|azure|beige|bisque|blanchedalmond|blueviolet|brown|burlywood\n|cadetblue|chartreuse|chocolate|coral|cornflowerblue|cornsilk|crimson|cyan|darkblue|darkcyan\n|darkgoldenrod|darkgray|darkgreen|darkgrey|darkkhaki|darkmagenta|darkolivegreen|darkorange\n|darkorchid|darkred|darksalmon|darkseagreen|darkslateblue|darkslategray|darkslategrey|darkturquoise\n|darkviolet|deeppink|deepskyblue|dimgray|dimgrey|dodgerblue|firebrick|floralwhite|forestgreen\n|gainsboro|ghostwhite|gold|goldenrod|greenyellow|grey|honeydew|hotpink|indianred|indigo|ivory|khaki\n|lavender|lavenderblush|lawngreen|lemonchiffon|lightblue|lightcoral|lightcyan|lightgoldenrodyellow\n|lightgray|lightgreen|lightgrey|lightpink|lightsalmon|lightseagreen|lightskyblue|lightslategray\n|lightslategrey|lightsteelblue|lightyellow|limegreen|linen|magenta|mediumaquamarine|mediumblue\n|mediumorchid|mediumpurple|mediumseagreen|mediumslateblue|mediumspringgreen|mediumturquoise\n|mediumvioletred|midnightblue|mintcream|mistyrose|moccasin|navajowhite|oldlace|olivedrab|orangered\n|orchid|palegoldenrod|palegreen|paleturquoise|palevioletred|papayawhip|peachpuff|peru|pink|plum\n|powderblue|rebeccapurple|rosybrown|royalblue|saddlebrown|salmon|sandybrown|seagreen|seashell\n|sienna|skyblue|slateblue|slategray|slategrey|snow|springgreen|steelblue|tan|thistle|tomato\n|transparent|turquoise|violet|wheat|whitesmoke|yellowgreen)\n(?![\\w-])",
 618 | 					"name": "support.constant.color.w3c-extended-color-name.css"
 619 | 				},
 620 | 				{
 621 | 					"match": "(?i)(?<![\\w-])currentColor(?![\\w-])",
 622 | 					"name": "support.constant.color.current.css"
 623 | 				},
 624 | 				{
 625 | 					"match": "(?xi) (?<![\\w-])\n(ActiveBorder|ActiveCaption|AppWorkspace|Background|ButtonFace|ButtonHighlight|ButtonShadow\n|ButtonText|CaptionText|GrayText|Highlight|HighlightText|InactiveBorder|InactiveCaption\n|InactiveCaptionText|InfoBackground|InfoText|Menu|MenuText|Scrollbar|ThreeDDarkShadow\n|ThreeDFace|ThreeDHighlight|ThreeDLightShadow|ThreeDShadow|Window|WindowFrame|WindowText)\n(?![\\w-])",
 626 | 					"name": "invalid.deprecated.color.system.css"
 627 | 				}
 628 | 			]
 629 | 		},
 630 | 		"combinators": {
 631 | 			"patterns": [
 632 | 				{
 633 | 					"match": "/deep/|>>>",
 634 | 					"name": "invalid.deprecated.combinator.css"
 635 | 				},
 636 | 				{
 637 | 					"match": ">>|>|\\+|~",
 638 | 					"name": "keyword.operator.combinator.css"
 639 | 				}
 640 | 			]
 641 | 		},
 642 | 		"commas": {
 643 | 			"match": ",",
 644 | 			"name": "punctuation.separator.list.comma.css"
 645 | 		},
 646 | 		"comment-block": {
 647 | 			"begin": "/\\*",
 648 | 			"beginCaptures": {
 649 | 				"0": {
 650 | 					"name": "punctuation.definition.comment.begin.css"
 651 | 				}
 652 | 			},
 653 | 			"end": "\\*/",
 654 | 			"endCaptures": {
 655 | 				"0": {
 656 | 					"name": "punctuation.definition.comment.end.css"
 657 | 				}
 658 | 			},
 659 | 			"name": "comment.block.css"
 660 | 		},
 661 | 		"escapes": {
 662 | 			"patterns": [
 663 | 				{
 664 | 					"match": "\\\\[0-9a-fA-F]{1,6}",
 665 | 					"name": "constant.character.escape.codepoint.css"
 666 | 				},
 667 | 				{
 668 | 					"begin": "\\\\$\\s*",
 669 | 					"end": "^(?<!\\G)",
 670 | 					"name": "constant.character.escape.newline.css"
 671 | 				},
 672 | 				{
 673 | 					"match": "\\\\.",
 674 | 					"name": "constant.character.escape.css"
 675 | 				}
 676 | 			]
 677 | 		},
 678 | 		"feature-query": {
 679 | 			"begin": "\\(",
 680 | 			"beginCaptures": {
 681 | 				"0": {
 682 | 					"name": "punctuation.definition.condition.begin.bracket.round.css"
 683 | 				}
 684 | 			},
 685 | 			"end": "\\)",
 686 | 			"endCaptures": {
 687 | 				"0": {
 688 | 					"name": "punctuation.definition.condition.end.bracket.round.css"
 689 | 				}
 690 | 			},
 691 | 			"name": "meta.feature-query.css",
 692 | 			"patterns": [
 693 | 				{
 694 | 					"include": "#feature-query-operators"
 695 | 				},
 696 | 				{
 697 | 					"include": "#feature-query"
 698 | 				}
 699 | 			]
 700 | 		},
 701 | 		"feature-query-operators": {
 702 | 			"patterns": [
 703 | 				{
 704 | 					"match": "(?i)(?<=[\\s()]|^|\\*/)(and|not|or)(?=[\\s()]|/\\*|$)",
 705 | 					"name": "keyword.operator.logical.feature.$1.css"
 706 | 				},
 707 | 				{
 708 | 					"include": "#rule-list-innards"
 709 | 				}
 710 | 			]
 711 | 		},
 712 | 		"font-features": {
 713 | 			"begin": "(?xi)\n((@)(annotation|character-variant|ornaments|styleset|stylistic|swash))\n(?=[\\s@'\"{;]|/\\*|$)",
 714 | 			"beginCaptures": {
 715 | 				"1": {
 716 | 					"name": "keyword.control.at-rule.${3:/downcase}.css"
 717 | 				},
 718 | 				"2": {
 719 | 					"name": "punctuation.definition.keyword.css"
 720 | 				}
 721 | 			},
 722 | 			"end": "(?<=})",
 723 | 			"name": "meta.at-rule.${3:/downcase}.css",
 724 | 			"patterns": [
 725 | 				{
 726 | 					"begin": "{",
 727 | 					"beginCaptures": {
 728 | 						"0": {
 729 | 							"name": "punctuation.section.property-list.begin.bracket.curly.css"
 730 | 						}
 731 | 					},
 732 | 					"end": "}",
 733 | 					"endCaptures": {
 734 | 						"0": {
 735 | 							"name": "punctuation.section.property-list.end.bracket.curly.css"
 736 | 						}
 737 | 					},
 738 | 					"name": "meta.property-list.font-feature.css",
 739 | 					"patterns": [
 740 | 						{
 741 | 							"captures": {
 742 | 								"0": {
 743 | 									"patterns": [
 744 | 										{
 745 | 											"include": "#escapes"
 746 | 										}
 747 | 									]
 748 | 								}
 749 | 							},
 750 | 							"match": "(?x)\n(?: [-a-zA-Z_]    | [^\\x00-\\x7F] )   # First letter\n(?: [-a-zA-Z0-9_] | [^\\x00-\\x7F]     # Remainder of identifier\n  | \\\\(?:[0-9a-fA-F]{1,6}|.)\n)*",
 751 | 							"name": "variable.font-feature.css"
 752 | 						},
 753 | 						{
 754 | 							"include": "#rule-list-innards"
 755 | 						}
 756 | 					]
 757 | 				}
 758 | 			]
 759 | 		},
 760 | 		"functions": {
 761 | 			"patterns": [
 762 | 				{
 763 | 					"begin": "(?i)(?<![\\w-])(calc)(\\()",
 764 | 					"beginCaptures": {
 765 | 						"1": {
 766 | 							"name": "support.function.calc.css"
 767 | 						},
 768 | 						"2": {
 769 | 							"name": "punctuation.section.function.begin.bracket.round.css"
 770 | 						}
 771 | 					},
 772 | 					"end": "\\)",
 773 | 					"endCaptures": {
 774 | 						"0": {
 775 | 							"name": "punctuation.section.function.end.bracket.round.css"
 776 | 						}
 777 | 					},
 778 | 					"name": "meta.function.calc.css",
 779 | 					"patterns": [
 780 | 						{
 781 | 							"match": "[*/]|(?<=\\s|^)[-+](?=\\s|$)",
 782 | 							"name": "keyword.operator.arithmetic.css"
 783 | 						},
 784 | 						{
 785 | 							"include": "#property-values"
 786 | 						}
 787 | 					]
 788 | 				},
 789 | 				{
 790 | 					"begin": "(?i)(?<![\\w-])(rgba?|hsla?)(\\()",
 791 | 					"beginCaptures": {
 792 | 						"1": {
 793 | 							"name": "support.function.misc.css"
 794 | 						},
 795 | 						"2": {
 796 | 							"name": "punctuation.section.function.begin.bracket.round.css"
 797 | 						}
 798 | 					},
 799 | 					"end": "\\)",
 800 | 					"endCaptures": {
 801 | 						"0": {
 802 | 							"name": "punctuation.section.function.end.bracket.round.css"
 803 | 						}
 804 | 					},
 805 | 					"name": "meta.function.color.css",
 806 | 					"patterns": [
 807 | 						{
 808 | 							"include": "#property-values"
 809 | 						}
 810 | 					]
 811 | 				},
 812 | 				{
 813 | 					"begin": "(?xi) (?<![\\w-])\n(\n  (?:-webkit-|-moz-|-o-)?    # Accept prefixed/historical variants\n  (?:repeating-)?            # \"Repeating\"-type gradient\n  (?:linear|radial|conic)    # Shape\n  -gradient\n)\n(\\()",
 814 | 					"beginCaptures": {
 815 | 						"1": {
 816 | 							"name": "support.function.gradient.css"
 817 | 						},
 818 | 						"2": {
 819 | 							"name": "punctuation.section.function.begin.bracket.round.css"
 820 | 						}
 821 | 					},
 822 | 					"end": "\\)",
 823 | 					"endCaptures": {
 824 | 						"0": {
 825 | 							"name": "punctuation.section.function.end.bracket.round.css"
 826 | 						}
 827 | 					},
 828 | 					"name": "meta.function.gradient.css",
 829 | 					"patterns": [
 830 | 						{
 831 | 							"match": "(?i)(?<![\\w-])(from|to|at)(?![\\w-])",
 832 | 							"name": "keyword.operator.gradient.css"
 833 | 						},
 834 | 						{
 835 | 							"include": "#property-values"
 836 | 						}
 837 | 					]
 838 | 				},
 839 | 				{
 840 | 					"begin": "(?i)(?<![\\w-])(-webkit-gradient)(\\()",
 841 | 					"beginCaptures": {
 842 | 						"1": {
 843 | 							"name": "invalid.deprecated.gradient.function.css"
 844 | 						},
 845 | 						"2": {
 846 | 							"name": "punctuation.section.function.begin.bracket.round.css"
 847 | 						}
 848 | 					},
 849 | 					"end": "\\)",
 850 | 					"endCaptures": {
 851 | 						"0": {
 852 | 							"name": "punctuation.section.function.end.bracket.round.css"
 853 | 						}
 854 | 					},
 855 | 					"name": "meta.function.gradient.invalid.deprecated.gradient.css",
 856 | 					"patterns": [
 857 | 						{
 858 | 							"begin": "(?i)(?<![\\w-])(from|to|color-stop)(\\()",
 859 | 							"beginCaptures": {
 860 | 								"1": {
 861 | 									"name": "invalid.deprecated.function.css"
 862 | 								},
 863 | 								"2": {
 864 | 									"name": "punctuation.section.function.begin.bracket.round.css"
 865 | 								}
 866 | 							},
 867 | 							"end": "\\)",
 868 | 							"endCaptures": {
 869 | 								"0": {
 870 | 									"name": "punctuation.section.function.end.bracket.round.css"
 871 | 								}
 872 | 							},
 873 | 							"patterns": [
 874 | 								{
 875 | 									"include": "#property-values"
 876 | 								}
 877 | 							]
 878 | 						},
 879 | 						{
 880 | 							"include": "#property-values"
 881 | 						}
 882 | 					]
 883 | 				},
 884 | 				{
 885 | 					"begin": "(?xi) (?<![\\w-])\n(annotation|attr|blur|brightness|character-variant|contrast|counters?\n|cross-fade|drop-shadow|element|fit-content|format|grayscale|hue-rotate\n|image-set|invert|local|minmax|opacity|ornaments|repeat|saturate|sepia\n|styleset|stylistic|swash|symbols)\n(\\()",
 886 | 					"beginCaptures": {
 887 | 						"1": {
 888 | 							"name": "support.function.misc.css"
 889 | 						},
 890 | 						"2": {
 891 | 							"name": "punctuation.section.function.begin.bracket.round.css"
 892 | 						}
 893 | 					},
 894 | 					"end": "\\)",
 895 | 					"endCaptures": {
 896 | 						"0": {
 897 | 							"name": "punctuation.section.function.end.bracket.round.css"
 898 | 						}
 899 | 					},
 900 | 					"name": "meta.function.misc.css",
 901 | 					"patterns": [
 902 | 						{
 903 | 							"match": "(?i)(?<=[,\\s\"]|\\*/|^)\\d+x(?=[\\s,\"')]|/\\*|$)",
 904 | 							"name": "constant.numeric.other.density.css"
 905 | 						},
 906 | 						{
 907 | 							"include": "#property-values"
 908 | 						},
 909 | 						{
 910 | 							"match": "[^'\"),\\s]+",
 911 | 							"name": "variable.parameter.misc.css"
 912 | 						}
 913 | 					]
 914 | 				},
 915 | 				{
 916 | 					"begin": "(?i)(?<![\\w-])(circle|ellipse|inset|polygon|rect)(\\()",
 917 | 					"beginCaptures": {
 918 | 						"1": {
 919 | 							"name": "support.function.shape.css"
 920 | 						},
 921 | 						"2": {
 922 | 							"name": "punctuation.section.function.begin.bracket.round.css"
 923 | 						}
 924 | 					},
 925 | 					"end": "\\)",
 926 | 					"endCaptures": {
 927 | 						"0": {
 928 | 							"name": "punctuation.section.function.end.bracket.round.css"
 929 | 						}
 930 | 					},
 931 | 					"name": "meta.function.shape.css",
 932 | 					"patterns": [
 933 | 						{
 934 | 							"match": "(?i)(?<=\\s|^|\\*/)(at|round)(?=\\s|/\\*|$)",
 935 | 							"name": "keyword.operator.shape.css"
 936 | 						},
 937 | 						{
 938 | 							"include": "#property-values"
 939 | 						}
 940 | 					]
 941 | 				},
 942 | 				{
 943 | 					"begin": "(?i)(?<![\\w-])(cubic-bezier|steps)(\\()",
 944 | 					"beginCaptures": {
 945 | 						"1": {
 946 | 							"name": "support.function.timing-function.css"
 947 | 						},
 948 | 						"2": {
 949 | 							"name": "punctuation.section.function.begin.bracket.round.css"
 950 | 						}
 951 | 					},
 952 | 					"end": "\\)",
 953 | 					"endCaptures": {
 954 | 						"0": {
 955 | 							"name": "punctuation.section.function.end.bracket.round.css"
 956 | 						}
 957 | 					},
 958 | 					"name": "meta.function.timing-function.css",
 959 | 					"patterns": [
 960 | 						{
 961 | 							"match": "(?i)(?<![\\w-])(start|end)(?=\\s*\\)|$)",
 962 | 							"name": "support.constant.step-direction.css"
 963 | 						},
 964 | 						{
 965 | 							"include": "#property-values"
 966 | 						}
 967 | 					]
 968 | 				},
 969 | 				{
 970 | 					"begin": "(?xi) (?<![\\w-])\n( (?:translate|scale|rotate)(?:[XYZ]|3D)?\n| matrix(?:3D)?\n| skew[XY]?\n| perspective\n)\n(\\()",
 971 | 					"beginCaptures": {
 972 | 						"1": {
 973 | 							"name": "support.function.transform.css"
 974 | 						},
 975 | 						"2": {
 976 | 							"name": "punctuation.section.function.begin.bracket.round.css"
 977 | 						}
 978 | 					},
 979 | 					"end": "\\)",
 980 | 					"endCaptures": {
 981 | 						"0": {
 982 | 							"name": "punctuation.section.function.end.bracket.round.css"
 983 | 						}
 984 | 					},
 985 | 					"patterns": [
 986 | 						{
 987 | 							"include": "#property-values"
 988 | 						}
 989 | 					]
 990 | 				},
 991 | 				{
 992 | 					"include": "#url"
 993 | 				},
 994 | 				{
 995 | 					"begin": "(?i)(?<![\\w-])(var)(\\()",
 996 | 					"beginCaptures": {
 997 | 						"1": {
 998 | 							"name": "support.function.misc.css"
 999 | 						},
1000 | 						"2": {
1001 | 							"name": "punctuation.section.function.begin.bracket.round.css"
1002 | 						}
1003 | 					},
1004 | 					"end": "\\)",
1005 | 					"endCaptures": {
1006 | 						"0": {
1007 | 							"name": "punctuation.section.function.end.bracket.round.css"
1008 | 						}
1009 | 					},
1010 | 					"name": "meta.function.variable.css",
1011 | 					"patterns": [
1012 | 						{
1013 | 							"name": "variable.argument.css",
1014 | 							"match": "(?x)\n--\n(?:[-a-zA-Z_]    | [^\\x00-\\x7F])     # First letter\n(?:[-a-zA-Z0-9_] | [^\\x00-\\x7F]      # Remainder of identifier\n  |\\\\(?:[0-9a-fA-F]{1,6}|.)\n)*"
1015 | 						},
1016 | 						{
1017 | 							"include": "#property-values"
1018 | 						}
1019 | 					]
1020 | 				}
1021 | 			]
1022 | 		},
1023 | 		"functional-pseudo-classes": {
1024 | 			"patterns": [
1025 | 				{
1026 | 					"begin": "(?i)((:)dir)(\\()",
1027 | 					"beginCaptures": {
1028 | 						"1": {
1029 | 							"name": "entity.other.attribute-name.pseudo-class.css"
1030 | 						},
1031 | 						"2": {
1032 | 							"name": "punctuation.definition.entity.css"
1033 | 						},
1034 | 						"3": {
1035 | 							"name": "punctuation.section.function.begin.bracket.round.css"
1036 | 						}
1037 | 					},
1038 | 					"end": "\\)",
1039 | 					"endCaptures": {
1040 | 						"0": {
1041 | 							"name": "punctuation.section.function.end.bracket.round.css"
1042 | 						}
1043 | 					},
1044 | 					"patterns": [
1045 | 						{
1046 | 							"include": "#comment-block"
1047 | 						},
1048 | 						{
1049 | 							"include": "#escapes"
1050 | 						},
1051 | 						{
1052 | 							"match": "(?i)(?<![\\w-])(ltr|rtl)(?![\\w-])",
1053 | 							"name": "support.constant.text-direction.css"
1054 | 						},
1055 | 						{
1056 | 							"include": "#property-values"
1057 | 						}
1058 | 					]
1059 | 				},
1060 | 				{
1061 | 					"begin": "(?i)((:)lang)(\\()",
1062 | 					"beginCaptures": {
1063 | 						"1": {
1064 | 							"name": "entity.other.attribute-name.pseudo-class.css"
1065 | 						},
1066 | 						"2": {
1067 | 							"name": "punctuation.definition.entity.css"
1068 | 						},
1069 | 						"3": {
1070 | 							"name": "punctuation.section.function.begin.bracket.round.css"
1071 | 						}
1072 | 					},
1073 | 					"end": "\\)",
1074 | 					"endCaptures": {
1075 | 						"0": {
1076 | 							"name": "punctuation.section.function.end.bracket.round.css"
1077 | 						}
1078 | 					},
1079 | 					"patterns": [
1080 | 						{
1081 | 							"match": "(?<=[(,\\s])[a-zA-Z]+(-[a-zA-Z0-9]*|\\\\(?:[0-9a-fA-F]{1,6}|.))*(?=[),\\s])",
1082 | 							"name": "support.constant.language-range.css"
1083 | 						},
1084 | 						{
1085 | 							"begin": "\"",
1086 | 							"beginCaptures": {
1087 | 								"0": {
1088 | 									"name": "punctuation.definition.string.begin.css"
1089 | 								}
1090 | 							},
1091 | 							"end": "\"",
1092 | 							"endCaptures": {
1093 | 								"0": {
1094 | 									"name": "punctuation.definition.string.end.css"
1095 | 								}
1096 | 							},
1097 | 							"name": "string.quoted.double.css",
1098 | 							"patterns": [
1099 | 								{
1100 | 									"include": "#escapes"
1101 | 								},
1102 | 								{
1103 | 									"match": "(?<=[\"\\s])[a-zA-Z*]+(-[a-zA-Z0-9*]*)*(?=[\"\\s])",
1104 | 									"name": "support.constant.language-range.css"
1105 | 								}
1106 | 							]
1107 | 						},
1108 | 						{
1109 | 							"begin": "'",
1110 | 							"beginCaptures": {
1111 | 								"0": {
1112 | 									"name": "punctuation.definition.string.begin.css"
1113 | 								}
1114 | 							},
1115 | 							"end": "'",
1116 | 							"endCaptures": {
1117 | 								"0": {
1118 | 									"name": "punctuation.definition.string.end.css"
1119 | 								}
1120 | 							},
1121 | 							"name": "string.quoted.single.css",
1122 | 							"patterns": [
1123 | 								{
1124 | 									"include": "#escapes"
1125 | 								},
1126 | 								{
1127 | 									"match": "(?<=['\\s])[a-zA-Z*]+(-[a-zA-Z0-9*]*)*(?=['\\s])",
1128 | 									"name": "support.constant.language-range.css"
1129 | 								}
1130 | 							]
1131 | 						},
1132 | 						{
1133 | 							"include": "#commas"
1134 | 						}
1135 | 					]
1136 | 				},
1137 | 				{
1138 | 					"begin": "(?i)((:)(?:not|has|matches))(\\()",
1139 | 					"beginCaptures": {
1140 | 						"1": {
1141 | 							"name": "entity.other.attribute-name.pseudo-class.css"
1142 | 						},
1143 | 						"2": {
1144 | 							"name": "punctuation.definition.entity.css"
1145 | 						},
1146 | 						"3": {
1147 | 							"name": "punctuation.section.function.begin.bracket.round.css"
1148 | 						}
1149 | 					},
1150 | 					"end": "\\)",
1151 | 					"endCaptures": {
1152 | 						"0": {
1153 | 							"name": "punctuation.section.function.end.bracket.round.css"
1154 | 						}
1155 | 					},
1156 | 					"patterns": [
1157 | 						{
1158 | 							"include": "#selector-innards"
1159 | 						}
1160 | 					]
1161 | 				},
1162 | 				{
1163 | 					"begin": "(?i)((:)nth-(?:last-)?(?:child|of-type))(\\()",
1164 | 					"beginCaptures": {
1165 | 						"1": {
1166 | 							"name": "entity.other.attribute-name.pseudo-class.css"
1167 | 						},
1168 | 						"2": {
1169 | 							"name": "punctuation.definition.entity.css"
1170 | 						},
1171 | 						"3": {
1172 | 							"name": "punctuation.section.function.begin.bracket.round.css"
1173 | 						}
1174 | 					},
1175 | 					"end": "\\)",
1176 | 					"endCaptures": {
1177 | 						"0": {
1178 | 							"name": "punctuation.section.function.end.bracket.round.css"
1179 | 						}
1180 | 					},
1181 | 					"patterns": [
1182 | 						{
1183 | 							"match": "(?i)[+-]?(\\d+n?|n)(\\s*[+-]\\s*\\d+)?",
1184 | 							"name": "constant.numeric.css"
1185 | 						},
1186 | 						{
1187 | 							"match": "(?i)even|odd",
1188 | 							"name": "support.constant.parity.css"
1189 | 						}
1190 | 					]
1191 | 				}
1192 | 			]
1193 | 		},
1194 | 		"media-features": {
1195 | 			"captures": {
1196 | 				"1": {
1197 | 					"name": "support.type.property-name.media.css"
1198 | 				},
1199 | 				"2": {
1200 | 					"name": "invalid.deprecated.media.css"
1201 | 				},
1202 | 				"3": {
1203 | 					"name": "support.type.vendored.property-name.media.css"
1204 | 				}
1205 | 			},
1206 | 			"match": "(?xi)\n(?<=^|\\s|\\(|\\*/)           # Preceded by whitespace, bracket or comment\n(?:\n  # Standardised features\n  (\n    (?:min-|max-)?            # Range features\n    (?: height\n      | width\n      | aspect-ratio\n      | color\n      | color-index\n      | monochrome\n      | resolution\n    )\n    | grid                    # Discrete features\n    | scan\n    | orientation\n    | display-mode\n  )\n  |\n  # Deprecated features\n  (\n    (?:min-|max-)?            # Deprecated in Media Queries 4\n    device-\n    (?: height\n      | width\n      | aspect-ratio\n    )\n  )\n  |\n  # Vendor extensions\n  (\n    (?:\n      # Spec-compliant syntax\n      [-_]\n      (?: webkit              # Webkit/Blink\n        | apple|khtml         # Webkit aliases\n        | epub                # ePub3\n        | moz                 # Gecko\n        | ms                  # Microsoft\n        | o                   # Presto (pre-Opera 15)\n        | xv|ah|rim|atsc|     # Less common vendors\n          hp|tc|wap|ro\n      )\n      |\n      # Non-standard prefixes\n      (?: mso                 # Microsoft Office\n        | prince              # YesLogic\n      )\n    )\n    -\n    [\\w-]+                   # Feature name\n    (?=                       # Terminates correctly\n      \\s*                    # Possible whitespace\n      (?:                     # Possible injected comment\n        /\\*\n        (?:[^*]|\\*[^/])*\n        \\*/\n      )?\n      \\s*\n      [:)]                    # Ends with a colon or closed bracket\n    )\n  )\n)\n(?=\\s|$|[><:=]|\\)|/\\*)     # Terminates cleanly"
1207 | 		},
1208 | 		"media-feature-keywords": {
1209 | 			"match": "(?xi)\n(?<=^|\\s|:|\\*/)\n(?: portrait                  # Orientation\n  | landscape\n  | progressive               # Scan types\n  | interlace\n  | fullscreen                # Display modes\n  | standalone\n  | minimal-ui\n  | browser\n)\n(?=\\s|\\)|$)",
1210 | 			"name": "support.constant.property-value.css"
1211 | 		},
1212 | 		"media-query": {
1213 | 			"begin": "\\G",
1214 | 			"end": "(?=\\s*[{;])",
1215 | 			"patterns": [
1216 | 				{
1217 | 					"include": "#comment-block"
1218 | 				},
1219 | 				{
1220 | 					"include": "#escapes"
1221 | 				},
1222 | 				{
1223 | 					"include": "#media-types"
1224 | 				},
1225 | 				{
1226 | 					"match": "(?i)(?<=\\s|^|,|\\*/)(only|not)(?=\\s|{|/\\*|$)",
1227 | 					"name": "keyword.operator.logical.$1.media.css"
1228 | 				},
1229 | 				{
1230 | 					"match": "(?i)(?<=\\s|^|\\*/|\\))and(?=\\s|/\\*|$)",
1231 | 					"name": "keyword.operator.logical.and.media.css"
1232 | 				},
1233 | 				{
1234 | 					"match": ",(?:(?:\\s*,)+|(?=\\s*[;){]))",
1235 | 					"name": "invalid.illegal.comma.css"
1236 | 				},
1237 | 				{
1238 | 					"include": "#commas"
1239 | 				},
1240 | 				{
1241 | 					"begin": "\\(",
1242 | 					"beginCaptures": {
1243 | 						"0": {
1244 | 							"name": "punctuation.definition.parameters.begin.bracket.round.css"
1245 | 						}
1246 | 					},
1247 | 					"end": "\\)",
1248 | 					"endCaptures": {
1249 | 						"0": {
1250 | 							"name": "punctuation.definition.parameters.end.bracket.round.css"
1251 | 						}
1252 | 					},
1253 | 					"patterns": [
1254 | 						{
1255 | 							"include": "#media-features"
1256 | 						},
1257 | 						{
1258 | 							"include": "#media-feature-keywords"
1259 | 						},
1260 | 						{
1261 | 							"match": ":",
1262 | 							"name": "punctuation.separator.key-value.css"
1263 | 						},
1264 | 						{
1265 | 							"match": ">=|<=|=|<|>",
1266 | 							"name": "keyword.operator.comparison.css"
1267 | 						},
1268 | 						{
1269 | 							"captures": {
1270 | 								"1": {
1271 | 									"name": "constant.numeric.css"
1272 | 								},
1273 | 								"2": {
1274 | 									"name": "keyword.operator.arithmetic.css"
1275 | 								},
1276 | 								"3": {
1277 | 									"name": "constant.numeric.css"
1278 | 								}
1279 | 							},
1280 | 							"match": "(\\d+)\\s*(/)\\s*(\\d+)",
1281 | 							"name": "meta.ratio.css"
1282 | 						},
1283 | 						{
1284 | 							"include": "#numeric-values"
1285 | 						},
1286 | 						{
1287 | 							"include": "#comment-block"
1288 | 						}
1289 | 					]
1290 | 				}
1291 | 			]
1292 | 		},
1293 | 		"media-query-list": {
1294 | 			"begin": "(?=\\s*[^{;])",
1295 | 			"end": "(?=\\s*[{;])",
1296 | 			"patterns": [
1297 | 				{
1298 | 					"include": "#media-query"
1299 | 				}
1300 | 			]
1301 | 		},
1302 | 		"media-types": {
1303 | 			"captures": {
1304 | 				"1": {
1305 | 					"name": "support.constant.media.css"
1306 | 				},
1307 | 				"2": {
1308 | 					"name": "invalid.deprecated.constant.media.css"
1309 | 				}
1310 | 			},
1311 | 			"match": "(?xi)\n(?<=^|\\s|,|\\*/)\n(?:\n  # Valid media types\n  (all|print|screen|speech)\n  |\n  # Deprecated in Media Queries 4: http://dev.w3.org/csswg/mediaqueries/#media-types\n  (aural|braille|embossed|handheld|projection|tty|tv)\n)\n(?=$|[{,\\s;]|/\\*)"
1312 | 		},
1313 | 		"numeric-values": {
1314 | 			"patterns": [
1315 | 				{
1316 | 					"captures": {
1317 | 						"1": {
1318 | 							"name": "punctuation.definition.constant.css"
1319 | 						}
1320 | 					},
1321 | 					"match": "(#)(?:[0-9a-fA-F]{3,4}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})\\b",
1322 | 					"name": "constant.other.color.rgb-value.hex.css"
1323 | 				},
1324 | 				{
1325 | 					"captures": {
1326 | 						"1": {
1327 | 							"name": "keyword.other.unit.percentage.css"
1328 | 						},
1329 | 						"2": {
1330 | 							"name": "keyword.other.unit.${2:/downcase}.css"
1331 | 						}
1332 | 					},
1333 | 					"match": "(?xi) (?<![\\w-])\n[-+]?                               # Sign indicator\n\n(?:                                 # Numerals\n    [0-9]+ (?:\\.[0-9]+)?           # Integer/float with leading digits\n  | \\.[0-9]+                       # Float without leading digits\n)\n\n(?:                                 # Scientific notation\n  (?<=[0-9])                        # Exponent must follow a digit\n  E                                 # Exponent indicator\n  [-+]?                             # Possible sign indicator\n  [0-9]+                            # Exponent value\n)?\n\n(?:                                 # Possible unit for data-type:\n  (%)                               # - Percentage\n  | ( deg|grad|rad|turn             # - Angle\n    | Hz|kHz                        # - Frequency\n    | ch|cm|em|ex|fr|in|mm|mozmm|   # - Length\n      pc|pt|px|q|rem|vh|vmax|vmin|\n      vw\n    | dpi|dpcm|dppx                 # - Resolution\n    | s|ms                          # - Time\n    )\n  \\b                               # Boundary checking intentionally lax to\n)?                                  # facilitate embedding in CSS-like grammars",
1334 | 					"name": "constant.numeric.css"
1335 | 				}
1336 | 			]
1337 | 		},
1338 | 		"property-keywords": {
1339 | 			"patterns": [
1340 | 				{
1341 | 					"match": "(?xi) (?<![\\w-])\n(above|absolute|active|add|additive|after-edge|alias|all|all-petite-caps|all-scroll|all-small-caps|alpha|alphabetic|alternate|alternate-reverse\n|always|antialiased|auto|auto-pos|available|avoid|avoid-column|avoid-page|avoid-region|backwards|balance|baseline|before-edge|below|bevel\n|bidi-override|blink|block|block-axis|block-start|block-end|bold|bolder|border|border-box|both|bottom|bottom-outside|break-all|break-word|bullets\n|butt|capitalize|caption|cell|center|central|char|circle|clip|clone|close-quote|closest-corner|closest-side|col-resize|collapse|color|color-burn\n|color-dodge|column|column-reverse|common-ligatures|compact|condensed|contain|content|content-box|contents|context-menu|contextual|copy|cover\n|crisp-edges|crispEdges|crosshair|cyclic|darken|dashed|decimal|default|dense|diagonal-fractions|difference|digits|disabled|disc|discretionary-ligatures\n|distribute|distribute-all-lines|distribute-letter|distribute-space|dot|dotted|double|double-circle|downleft|downright|e-resize|each-line|ease|ease-in\n|ease-in-out|ease-out|economy|ellipse|ellipsis|embed|end|evenodd|ew-resize|exact|exclude|exclusion|expanded|extends|extra-condensed|extra-expanded\n|fallback|farthest-corner|farthest-side|fill|fill-available|fill-box|filled|fit-content|fixed|flat|flex|flex-end|flex-start|flip|forwards|freeze\n|from-image|full-width|geometricPrecision|georgian|grab|grabbing|grayscale|grid|groove|hand|hanging|hard-light|help|hidden|hide\n|historical-forms|historical-ligatures|horizontal|horizontal-tb|hue|icon|ideograph-alpha|ideograph-numeric|ideograph-parenthesis|ideograph-space\n|ideographic|inactive|infinite|inherit|initial|inline|inline-axis|inline-block|inline-end|inline-flex|inline-grid|inline-list-item|inline-start\n|inline-table|inset|inside|inter-character|inter-ideograph|inter-word|intersect|invert|isolate|isolate-override|italic|jis04|jis78|jis83\n|jis90|justify|justify-all|kannada|keep-all|landscape|large|larger|left|lighten|lighter|line|line-edge|line-through|linear|linearRGB\n|lining-nums|list-item|local|loose|lowercase|lr|lr-tb|ltr|luminance|luminosity|main-size|mandatory|manipulation|manual|margin-box|match-parent\n|match-source|mathematical|max-content|medium|menu|message-box|middle|min-content|miter|mixed|move|multiply|n-resize|narrower|ne-resize\n|nearest-neighbor|nesw-resize|newspaper|no-change|no-clip|no-close-quote|no-common-ligatures|no-contextual|no-discretionary-ligatures\n|no-drop|no-historical-ligatures|no-open-quote|no-repeat|none|nonzero|normal|not-allowed|nowrap|ns-resize|numbers|numeric|nw-resize|nwse-resize\n|oblique|oldstyle-nums|open|open-quote|optimizeLegibility|optimizeQuality|optimizeSpeed|optional|ordinal|outset|outside|over|overlay|overline|padding\n|padding-box|page|painted|pan-down|pan-left|pan-right|pan-up|pan-x|pan-y|paused|petite-caps|pixelated|plaintext|pointer|portrait|pre|pre-line\n|pre-wrap|preserve-3d|progress|progressive|proportional-nums|proportional-width|proximity|radial|recto|region|relative|remove|repeat|repeat-[xy]\n|reset-size|reverse|revert|ridge|right|rl|rl-tb|round|row|row-resize|row-reverse|row-severse|rtl|ruby|ruby-base|ruby-base-container|ruby-text\n|ruby-text-container|run-in|running|s-resize|saturation|scale-down|screen|scroll|scroll-position|se-resize|semi-condensed|semi-expanded|separate\n|sesame|show|sideways|sideways-left|sideways-lr|sideways-right|sideways-rl|simplified|slashed-zero|slice|small|small-caps|small-caption|smaller\n|smooth|soft-light|solid|space|space-around|space-between|space-evenly|spell-out|square|sRGB|stacked-fractions|start|static|status-bar|swap\n|step-end|step-start|sticky|stretch|strict|stroke|stroke-box|style|sub|subgrid|subpixel-antialiased|subtract|super|sw-resize|symbolic|table\n|table-caption|table-cell|table-column|table-column-group|table-footer-group|table-header-group|table-row|table-row-group|tabular-nums|tb|tb-rl\n|text|text-after-edge|text-before-edge|text-bottom|text-top|thick|thin|titling-caps|top|top-outside|touch|traditional|transparent|triangle\n|ultra-condensed|ultra-expanded|under|underline|unicase|unset|upleft|uppercase|upright|use-glyph-orientation|use-script|verso|vertical\n|vertical-ideographic|vertical-lr|vertical-rl|vertical-text|view-box|visible|visibleFill|visiblePainted|visibleStroke|w-resize|wait|wavy\n|weight|whitespace|wider|words|wrap|wrap-reverse|x-large|x-small|xx-large|xx-small|zero|zoom-in|zoom-out)\n(?![\\w-])",
1342 | 					"name": "support.constant.property-value.css"
1343 | 				},
1344 | 				{
1345 | 					"match": "(?xi) (?<![\\w-])\n(arabic-indic|armenian|bengali|cambodian|circle|cjk-decimal|cjk-earthly-branch|cjk-heavenly-stem|cjk-ideographic\n|decimal|decimal-leading-zero|devanagari|disc|disclosure-closed|disclosure-open|ethiopic-halehame-am\n|ethiopic-halehame-ti-e[rt]|ethiopic-numeric|georgian|gujarati|gurmukhi|hangul|hangul-consonant|hebrew\n|hiragana|hiragana-iroha|japanese-formal|japanese-informal|kannada|katakana|katakana-iroha|khmer\n|korean-hangul-formal|korean-hanja-formal|korean-hanja-informal|lao|lower-alpha|lower-armenian|lower-greek\n|lower-latin|lower-roman|malayalam|mongolian|myanmar|oriya|persian|simp-chinese-formal|simp-chinese-informal\n|square|tamil|telugu|thai|tibetan|trad-chinese-formal|trad-chinese-informal|upper-alpha|upper-armenian\n|upper-latin|upper-roman|urdu)\n(?![\\w-])",
1346 | 					"name": "support.constant.property-value.list-style-type.css"
1347 | 				},
1348 | 				{
1349 | 					"match": "(?<![\\w-])(?i:-(?:ah|apple|atsc|epub|hp|khtml|moz|ms|o|rim|ro|tc|wap|webkit|xv)|(?:mso|prince))-[a-zA-Z-]+",
1350 | 					"name": "support.constant.vendored.property-value.css"
1351 | 				},
1352 | 				{
1353 | 					"match": "(?<![\\w-])(?i:arial|century|comic|courier|garamond|georgia|helvetica|impact|lucida|symbol|system|tahoma|times|trebuchet|utopia|verdana|webdings|sans-serif|serif|monospace)(?![\\w-])",
1354 | 					"name": "support.constant.font-name.css"
1355 | 				}
1356 | 			]
1357 | 		},
1358 | 		"property-names": {
1359 | 			"patterns": [
1360 | 				{
1361 | 					"match": "(?xi) (?<![\\w-])\n(?:\n    # Standard CSS\n    additive-symbols|align-content|align-items|align-self|all|animation|animation-delay|animation-direction\n  | animation-duration|animation-fill-mode|animation-iteration-count|animation-name|animation-play-state\n  | animation-timing-function|backface-visibility|background|background-attachment|background-blend-mode\n  | background-clip|background-color|background-image|background-origin|background-position|background-position-[xy]\n  | background-repeat|background-size|block-size|border|border-block-end|border-block-end-color|border-block-end-style\n  | border-block-end-width|border-block-start|border-block-start-color|border-block-start-style\n  | border-block-start-width|border-bottom|border-bottom-color|border-bottom-left-radius|border-bottom-right-radius\n  | border-bottom-style|border-bottom-width|border-collapse|border-color|border-image|border-image-outset\n  | border-image-repeat|border-image-slice|border-image-source|border-image-width|border-inline-end\n  | border-inline-end-color|border-inline-end-style|border-inline-end-width|border-inline-start\n  | border-inline-start-color|border-inline-start-style|border-inline-start-width|border-left|border-left-color\n  | border-left-style|border-left-width|border-radius|border-right|border-right-color|border-right-style\n  | border-right-width|border-spacing|border-style|border-top|border-top-color|border-top-left-radius\n  | border-top-right-radius|border-top-style|border-top-width|border-width|bottom|box-decoration-break\n  | box-shadow|box-sizing|break-after|break-before|break-inside|caption-side|clear|clip|clip-path|color\n  | column-count|column-fill|column-gap|column-rule|column-rule-color|column-rule-style|column-rule-width\n  | column-span|column-width|columns|content|counter-increment|counter-reset|cursor|direction|display\n  | empty-cells|filter|flex|flex-basis|flex-direction|flex-flow|flex-grow|flex-shrink|flex-wrap|float\n  | font|font-display|font-family|font-feature-settings|font-kerning|font-language-override|font-size|font-size-adjust\n  | font-stretch|font-style|font-synthesis|font-variant|font-variant-alternates|font-variant-caps\n  | font-variant-east-asian|font-variant-ligatures|font-variant-numeric|font-variant-position|font-weight\n  | grid|grid-area|grid-auto-columns|grid-auto-flow|grid-auto-rows|grid-column|grid-column-end|grid-column-gap\n  | grid-column-start|grid-gap|grid-row|grid-row-end|grid-row-gap|grid-row-start|grid-template|grid-template-areas\n  | grid-template-columns|grid-template-rows|height|hyphens|image-orientation|image-rendering|image-resolution\n  | ime-mode|inline-size|isolation|justify-content|left|letter-spacing|line-break|line-height|list-style\n  | list-style-image|list-style-position|list-style-type|margin|margin-block-end|margin-block-start|margin-bottom\n  | margin-inline-end|margin-inline-start|margin-left|margin-right|margin-top|mask|mask-clip|mask-composite\n  | mask-image|mask-mode|mask-origin|mask-position|mask-repeat|mask-size|mask-type|max-block-size|max-height\n  | max-inline-size|max-width|max-zoom|min-block-size|min-height|min-inline-size|min-width|min-zoom|mix-blend-mode\n  | negative|object-fit|object-position|offset-block-end|offset-block-start|offset-inline-end|offset-inline-start\n  | opacity|order|orientation|orphans|outline|outline-color|outline-offset|outline-style|outline-width|overflow\n  | overflow-wrap|overflow-[xy]|pad|padding|padding-block-end|padding-block-start|padding-bottom|padding-inline-end\n  | padding-inline-start|padding-left|padding-right|padding-top|page-break-after|page-break-before|page-break-inside\n  | perspective|perspective-origin|pointer-events|position|prefix|quotes|range|resize|right|ruby-align|ruby-merge\n  | ruby-position|scroll-behavior|scroll-snap-coordinate|scroll-snap-destination|scroll-snap-type|shape-image-threshold\n  | shape-margin|shape-outside|speak-as|src|suffix|symbols|system|tab-size|table-layout|text-align|text-align-last\n  | text-combine-upright|text-decoration|text-decoration-color|text-decoration-line|text-decoration-style|text-emphasis\n  | text-emphasis-color|text-emphasis-position|text-emphasis-style|text-indent|text-orientation|text-overflow\n  | text-rendering|text-shadow|text-transform|text-underline-position|top|touch-action|transform|transform-box\n  | transform-origin|transform-style|transition|transition-delay|transition-duration|transition-property\n  | transition-timing-function|unicode-bidi|unicode-range|user-zoom|vertical-align|visibility|white-space|widows\n  | width|will-change|word-break|word-spacing|word-wrap|writing-mode|z-index|zoom\n\n  # SVG attributes\n  | alignment-baseline|baseline-shift|clip-rule|color-interpolation|color-interpolation-filters|color-profile\n  | color-rendering|dominant-baseline|enable-background|fill|fill-opacity|fill-rule|flood-color|flood-opacity\n  | glyph-orientation-horizontal|glyph-orientation-vertical|kerning|lighting-color|marker-end|marker-mid\n  | marker-start|shape-rendering|stop-color|stop-opacity|stroke|stroke-dasharray|stroke-dashoffset|stroke-linecap\n  | stroke-linejoin|stroke-miterlimit|stroke-opacity|stroke-width|text-anchor|x|y\n\n  # Not listed on MDN; presumably deprecated\n  | adjust|after|align|align-last|alignment|alignment-adjust|appearance|attachment|azimuth|background-break\n  | balance|baseline|before|bidi|binding|bookmark|bookmark-label|bookmark-level|bookmark-target|border-length\n  | bottom-color|bottom-left-radius|bottom-right-radius|bottom-style|bottom-width|box|box-align|box-direction\n  | box-flex|box-flex-group|box-lines|box-ordinal-group|box-orient|box-pack|break|character|collapse|column\n  | column-break-after|column-break-before|count|counter|crop|cue|cue-after|cue-before|decoration|decoration-break\n  | delay|display-model|display-role|down|drop|drop-initial-after-adjust|drop-initial-after-align|drop-initial-before-adjust\n  | drop-initial-before-align|drop-initial-size|drop-initial-value|duration|elevation|emphasis|family|fit|fit-position\n  | flex-group|float-offset|gap|grid-columns|grid-rows|hanging-punctuation|header|hyphenate|hyphenate-after|hyphenate-before\n  | hyphenate-character|hyphenate-lines|hyphenate-resource|icon|image|increment|indent|index|initial-after-adjust\n  | initial-after-align|initial-before-adjust|initial-before-align|initial-size|initial-value|inline-box-align|iteration-count\n  | justify|label|left-color|left-style|left-width|length|level|line|line-stacking|line-stacking-ruby|line-stacking-shift\n  | line-stacking-strategy|lines|list|mark|mark-after|mark-before|marks|marquee|marquee-direction|marquee-play-count|marquee-speed\n  | marquee-style|max|min|model|move-to|name|nav|nav-down|nav-index|nav-left|nav-right|nav-up|new|numeral|offset|ordinal-group\n  | orient|origin|overflow-style|overhang|pack|page|page-policy|pause|pause-after|pause-before|phonemes|pitch|pitch-range\n  | play-count|play-during|play-state|point|presentation|presentation-level|profile|property|punctuation|punctuation-trim\n  | radius|rate|rendering-intent|repeat|replace|reset|resolution|resource|respond-to|rest|rest-after|rest-before|richness\n  | right-color|right-style|right-width|role|rotation|rotation-point|rows|ruby|ruby-overhang|ruby-span|rule|rule-color\n  | rule-style|rule-width|shadow|size|size-adjust|sizing|space|space-collapse|spacing|span|speak|speak-header|speak-numeral\n  | speak-punctuation|speech|speech-rate|speed|stacking|stacking-ruby|stacking-shift|stacking-strategy|stress|stretch\n  | string-set|style|style-image|style-position|style-type|target|target-name|target-new|target-position|text|text-height\n  | text-justify|text-outline|text-replace|text-wrap|timing-function|top-color|top-left-radius|top-right-radius|top-style\n  | top-width|trim|unicode|up|user-select|variant|voice|voice-balance|voice-duration|voice-family|voice-pitch|voice-pitch-range\n  | voice-rate|voice-stress|voice-volume|volume|weight|white|white-space-collapse|word|wrap\n)\n(?![\\w-])",
1362 | 					"name": "support.type.property-name.css"
1363 | 				},
1364 | 				{
1365 | 					"match": "(?<![\\w-])(?i:-(?:ah|apple|atsc|epub|hp|khtml|moz|ms|o|rim|ro|tc|wap|webkit|xv)|(?:mso|prince))-[a-zA-Z-]+",
1366 | 					"name": "support.type.vendored.property-name.css"
1367 | 				}
1368 | 			]
1369 | 		},
1370 | 		"property-values": {
1371 | 			"patterns": [
1372 | 				{
1373 | 					"include": "#commas"
1374 | 				},
1375 | 				{
1376 | 					"include": "#comment-block"
1377 | 				},
1378 | 				{
1379 | 					"include": "#escapes"
1380 | 				},
1381 | 				{
1382 | 					"include": "#functions"
1383 | 				},
1384 | 				{
1385 | 					"include": "#property-keywords"
1386 | 				},
1387 | 				{
1388 | 					"include": "#unicode-range"
1389 | 				},
1390 | 				{
1391 | 					"include": "#numeric-values"
1392 | 				},
1393 | 				{
1394 | 					"include": "#color-keywords"
1395 | 				},
1396 | 				{
1397 | 					"include": "#string"
1398 | 				},
1399 | 				{
1400 | 					"match": "!\\s*important(?![\\w-])",
1401 | 					"name": "keyword.other.important.css"
1402 | 				}
1403 | 			]
1404 | 		},
1405 | 		"pseudo-classes": {
1406 | 			"captures": {
1407 | 				"1": {
1408 | 					"name": "punctuation.definition.entity.css"
1409 | 				},
1410 | 				"2": {
1411 | 					"name": "invalid.illegal.colon.css"
1412 | 				}
1413 | 			},
1414 | 			"match": "(?xi)\n(:)(:*)\n(?: active|any-link|checked|default|disabled|empty|enabled|first\n  | (?:first|last|only)-(?:child|of-type)|focus|focus-within|fullscreen|host|hover\n  | in-range|indeterminate|invalid|left|link|optional|out-of-range\n  | read-only|read-write|required|right|root|scope|target|unresolved\n  | valid|visited\n)(?![\\w-]|\\s*[;}])",
1415 | 			"name": "entity.other.attribute-name.pseudo-class.css"
1416 | 		},
1417 | 		"pseudo-elements": {
1418 | 			"captures": {
1419 | 				"1": {
1420 | 					"name": "punctuation.definition.entity.css"
1421 | 				},
1422 | 				"2": {
1423 | 					"name": "punctuation.definition.entity.css"
1424 | 				}
1425 | 			},
1426 | 			"match": "(?xi)\n(?:\n  (::?)                       # Elements using both : and :: notation\n  (?: after\n    | before\n    | first-letter\n    | first-line\n    | (?:-(?:ah|apple|atsc|epub|hp|khtml|moz\n            |ms|o|rim|ro|tc|wap|webkit|xv)\n        | (?:mso|prince))\n      -[a-z-]+\n  )\n  |\n  (::)                        # Double-colon only\n  (?: backdrop\n    | content\n    | grammar-error\n    | marker\n    | placeholder\n    | selection\n    | shadow\n    | spelling-error\n  )\n)\n(?![\\w-]|\\s*[;}])",
1427 | 			"name": "entity.other.attribute-name.pseudo-element.css"
1428 | 		},
1429 | 		"rule-list": {
1430 | 			"begin": "{",
1431 | 			"beginCaptures": {
1432 | 				"0": {
1433 | 					"name": "punctuation.section.property-list.begin.bracket.curly.css"
1434 | 				}
1435 | 			},
1436 | 			"end": "}",
1437 | 			"endCaptures": {
1438 | 				"0": {
1439 | 					"name": "punctuation.section.property-list.end.bracket.curly.css"
1440 | 				}
1441 | 			},
1442 | 			"name": "meta.property-list.css",
1443 | 			"patterns": [
1444 | 				{
1445 | 					"include": "#rule-list-innards"
1446 | 				}
1447 | 			]
1448 | 		},
1449 | 		"rule-list-innards": {
1450 | 			"patterns": [
1451 | 				{
1452 | 					"include": "#comment-block"
1453 | 				},
1454 | 				{
1455 | 					"include": "#escapes"
1456 | 				},
1457 | 				{
1458 | 					"include": "#font-features"
1459 | 				},
1460 | 				{
1461 | 					"match": "(?x) (?<![\\w-])\n--\n(?:[-a-zA-Z_]    | [^\\x00-\\x7F])     # First letter\n(?:[-a-zA-Z0-9_] | [^\\x00-\\x7F]      # Remainder of identifier\n  |\\\\(?:[0-9a-fA-F]{1,6}|.)\n)*",
1462 | 					"name": "variable.css"
1463 | 				},
1464 | 				{
1465 | 					"begin": "(?<![-a-zA-Z])(?=[-a-zA-Z])",
1466 | 					"end": "$|(?![-a-zA-Z])",
1467 | 					"name": "meta.property-name.css",
1468 | 					"patterns": [
1469 | 						{
1470 | 							"include": "#property-names"
1471 | 						}
1472 | 					]
1473 | 				},
1474 | 				{
1475 | 					"begin": "(:)\\s*",
1476 | 					"beginCaptures": {
1477 | 						"1": {
1478 | 							"name": "punctuation.separator.key-value.css"
1479 | 						}
1480 | 					},
1481 | 					"end": "\\s*(;)|\\s*(?=}|\\))",
1482 | 					"endCaptures": {
1483 | 						"1": {
1484 | 							"name": "punctuation.terminator.rule.css"
1485 | 						}
1486 | 					},
1487 | 					"contentName": "meta.property-value.css",
1488 | 					"patterns": [
1489 | 						{
1490 | 							"include": "#comment-block"
1491 | 						},
1492 | 						{
1493 | 							"include": "#property-values"
1494 | 						}
1495 | 					]
1496 | 				},
1497 | 				{
1498 | 					"match": ";",
1499 | 					"name": "punctuation.terminator.rule.css"
1500 | 				}
1501 | 			]
1502 | 		},
1503 | 		"selector": {
1504 | 			"begin": "(?x)\n(?=\n  (?:\\|)?                    # Possible anonymous namespace prefix\n  (?:\n    [-\\[:.*\\#a-zA-Z_]       # Valid selector character\n    |\n    [^\\x00-\\x7F]            # Which can include non-ASCII symbols\n    |\n    \\\\                      # Or an escape sequence\n    (?:[0-9a-fA-F]{1,6}|.)\n  )\n)",
1505 | 			"end": "(?=\\s*[/@{)])",
1506 | 			"name": "meta.selector.css",
1507 | 			"patterns": [
1508 | 				{
1509 | 					"include": "#selector-innards"
1510 | 				}
1511 | 			]
1512 | 		},
1513 | 		"selector-innards": {
1514 | 			"patterns": [
1515 | 				{
1516 | 					"include": "#comment-block"
1517 | 				},
1518 | 				{
1519 | 					"include": "#commas"
1520 | 				},
1521 | 				{
1522 | 					"include": "#escapes"
1523 | 				},
1524 | 				{
1525 | 					"include": "#combinators"
1526 | 				},
1527 | 				{
1528 | 					"captures": {
1529 | 						"1": {
1530 | 							"name": "entity.other.namespace-prefix.css"
1531 | 						},
1532 | 						"2": {
1533 | 							"name": "punctuation.separator.css"
1534 | 						}
1535 | 					},
1536 | 					"match": "(?x)\n(?:^|(?<=[\\s,(};]))         # Follows whitespace, comma, semicolon, or bracket\n(?!\n  [-\\w*]+\n  \\|\n  (?!\n      [-\\[:.*\\#a-zA-Z_]    # Make sure there's a selector to match\n    | [^\\x00-\\x7F]\n  )\n)\n(\n  (?: [-a-zA-Z_]    | [^\\x00-\\x7F] )   # First letter\n  (?: [-a-zA-Z0-9_] | [^\\x00-\\x7F]     # Remainder of identifier\n    | \\\\(?:[0-9a-fA-F]{1,6}|.)\n  )*\n  |\n  \\*     # Universal namespace\n)?\n(\\|)     # Namespace separator"
1537 | 				},
1538 | 				{
1539 | 					"include": "#tag-names"
1540 | 				},
1541 | 				{
1542 | 					"match": "\\*",
1543 | 					"name": "entity.name.tag.wildcard.css"
1544 | 				},
1545 | 				{
1546 | 					"captures": {
1547 | 						"1": {
1548 | 							"name": "punctuation.definition.entity.css"
1549 | 						},
1550 | 						"2": {
1551 | 							"patterns": [
1552 | 								{
1553 | 									"include": "#escapes"
1554 | 								}
1555 | 							]
1556 | 						}
1557 | 					},
1558 | 					"match": "(?x) (?<![@\\w-])\n([.\\#])\n# Invalid identifier\n(\n  (?:\n    # Starts with ASCII digits, with possible hyphen preceding it\n    -?[0-9]\n    |\n    # Consists of a hyphen only\n    -                                      # Terminated by either:\n    (?= $                                  # - End-of-line\n      | [\\s,.\\#)\\[:{>+~|]               # - Followed by another selector\n      | /\\*                               # - Followed by a block comment\n    )\n    |\n    # Name contains unescaped ASCII symbol\n    (?:                                    # Check for acceptable preceding characters\n        [-a-zA-Z_0-9]|[^\\x00-\\x7F]       # - Valid selector character\n      | \\\\(?:[0-9a-fA-F]{1,6}|.)         # - Escape sequence\n    )*\n    (?:                                    # Invalid punctuation\n      [!\"'%&(*;<?@^`|\\]}]                 # - NOTE: We exempt `)` from the list of checked\n      |                                    #   symbols to avoid matching `:not(.invalid)`\n      / (?!\\*)                            # - Avoid invalidating the start of a comment\n    )+\n  )\n  # Mark remainder of selector invalid\n  (?: [-a-zA-Z_0-9]|[^\\x00-\\x7F]         # - Otherwise valid identifier characters\n    | \\\\(?:[0-9a-fA-F]{1,6}|.)           # - Escape sequence\n  )*\n)",
1559 | 					"name": "invalid.illegal.bad-identifier.css"
1560 | 				},
1561 | 				{
1562 | 					"captures": {
1563 | 						"1": {
1564 | 							"name": "punctuation.definition.entity.css"
1565 | 						},
1566 | 						"2": {
1567 | 							"patterns": [
1568 | 								{
1569 | 									"include": "#escapes"
1570 | 								}
1571 | 							]
1572 | 						}
1573 | 					},
1574 | 					"match": "(?x)\n(\\.)                                  # Valid class-name\n(\n  (?: [-a-zA-Z_0-9]|[^\\x00-\\x7F]     # Valid identifier characters\n    | \\\\(?:[0-9a-fA-F]{1,6}|.)       # Escape sequence\n  )+\n)                                      # Followed by either:\n(?= $                                  # - End of the line\n  | [\\s,.\\#)\\[:{>+~|]               # - Another selector\n  | /\\*                               # - A block comment\n)",
1575 | 					"name": "entity.other.attribute-name.class.css"
1576 | 				},
1577 | 				{
1578 | 					"captures": {
1579 | 						"1": {
1580 | 							"name": "punctuation.definition.entity.css"
1581 | 						},
1582 | 						"2": {
1583 | 							"patterns": [
1584 | 								{
1585 | 									"include": "#escapes"
1586 | 								}
1587 | 							]
1588 | 						}
1589 | 					},
1590 | 					"match": "(?x)\n(\\#)\n(\n  -?\n  (?![0-9])\n  (?:[-a-zA-Z0-9_]|[^\\x00-\\x7F]|\\\\(?:[0-9a-fA-F]{1,6}|.))+\n)\n(?=$|[\\s,.\\#)\\[:{>+~|]|/\\*)",
1591 | 					"name": "entity.other.attribute-name.id.css"
1592 | 				},
1593 | 				{
1594 | 					"begin": "\\[",
1595 | 					"beginCaptures": {
1596 | 						"0": {
1597 | 							"name": "punctuation.definition.entity.begin.bracket.square.css"
1598 | 						}
1599 | 					},
1600 | 					"end": "\\]",
1601 | 					"endCaptures": {
1602 | 						"0": {
1603 | 							"name": "punctuation.definition.entity.end.bracket.square.css"
1604 | 						}
1605 | 					},
1606 | 					"name": "meta.attribute-selector.css",
1607 | 					"patterns": [
1608 | 						{
1609 | 							"include": "#comment-block"
1610 | 						},
1611 | 						{
1612 | 							"include": "#string"
1613 | 						},
1614 | 						{
1615 | 							"captures": {
1616 | 								"1": {
1617 | 									"name": "storage.modifier.ignore-case.css"
1618 | 								}
1619 | 							},
1620 | 							"match": "(?<=[\"'\\s]|^|\\*/)\\s*([iI])\\s*(?=[\\s\\]]|/\\*|$)"
1621 | 						},
1622 | 						{
1623 | 							"captures": {
1624 | 								"1": {
1625 | 									"name": "string.unquoted.attribute-value.css",
1626 | 									"patterns": [
1627 | 										{
1628 | 											"include": "#escapes"
1629 | 										}
1630 | 									]
1631 | 								}
1632 | 							},
1633 | 							"match": "(?x)(?<==)\\s*((?!/\\*)(?:[^\\\\\"'\\s\\]]|\\\\.)+)"
1634 | 						},
1635 | 						{
1636 | 							"include": "#escapes"
1637 | 						},
1638 | 						{
1639 | 							"match": "[~|^$*]?=",
1640 | 							"name": "keyword.operator.pattern.css"
1641 | 						},
1642 | 						{
1643 | 							"match": "\\|",
1644 | 							"name": "punctuation.separator.css"
1645 | 						},
1646 | 						{
1647 | 							"captures": {
1648 | 								"1": {
1649 | 									"name": "entity.other.namespace-prefix.css",
1650 | 									"patterns": [
1651 | 										{
1652 | 											"include": "#escapes"
1653 | 										}
1654 | 									]
1655 | 								}
1656 | 							},
1657 | 							"match": "(?x)\n# Qualified namespace prefix\n( -?(?!\\d)(?:[\\w-]|[^\\x00-\\x7F]|\\\\(?:[0-9a-fA-F]{1,6}|.))+\n| \\*\n)\n# Lookahead to ensure there's a valid identifier ahead\n(?=\n  \\| (?!\\s|=|$|\\])\n  (?: -?(?!\\d)\n   |   [\\\\\\w-]\n   |   [^\\x00-\\x7F]\n   )\n)"
1658 | 						},
1659 | 						{
1660 | 							"captures": {
1661 | 								"1": {
1662 | 									"name": "entity.other.attribute-name.css",
1663 | 									"patterns": [
1664 | 										{
1665 | 											"include": "#escapes"
1666 | 										}
1667 | 									]
1668 | 								}
1669 | 							},
1670 | 							"match": "(?x)\n(-?(?!\\d)(?>[\\w-]|[^\\x00-\\x7F]|\\\\(?:[0-9a-fA-F]{1,6}|.))+)\n\\s*\n(?=[~|^\\]$*=]|/\\*)"
1671 | 						}
1672 | 					]
1673 | 				},
1674 | 				{
1675 | 					"include": "#pseudo-classes"
1676 | 				},
1677 | 				{
1678 | 					"include": "#pseudo-elements"
1679 | 				},
1680 | 				{
1681 | 					"include": "#functional-pseudo-classes"
1682 | 				},
1683 | 				{
1684 | 					"match": "(?x) (?<![@\\w-])\n(?=            # Custom element names must:\n  [a-z]        # - start with a lowercase ASCII letter,\n  \\w* -       # - contain at least one dash\n)\n(?:\n  (?![A-Z])    # No uppercase ASCII letters are allowed\n  [\\w-]       # Allow any other word character or dash\n)+\n(?![(\\w-])",
1685 | 					"name": "entity.name.tag.custom.css"
1686 | 				}
1687 | 			]
1688 | 		},
1689 | 		"string": {
1690 | 			"patterns": [
1691 | 				{
1692 | 					"begin": "\"",
1693 | 					"beginCaptures": {
1694 | 						"0": {
1695 | 							"name": "punctuation.definition.string.begin.css"
1696 | 						}
1697 | 					},
1698 | 					"end": "\"|(?<!\\\\)(?=$|\\n)",
1699 | 					"endCaptures": {
1700 | 						"0": {
1701 | 							"name": "punctuation.definition.string.end.css"
1702 | 						}
1703 | 					},
1704 | 					"name": "string.quoted.double.css",
1705 | 					"patterns": [
1706 | 						{
1707 | 							"begin": "(?:\\G|^)(?=(?:[^\\\\\"]|\\\\.)+$)",
1708 | 							"end": "$",
1709 | 							"name": "invalid.illegal.unclosed.string.css",
1710 | 							"patterns": [
1711 | 								{
1712 | 									"include": "#escapes"
1713 | 								}
1714 | 							]
1715 | 						},
1716 | 						{
1717 | 							"include": "#escapes"
1718 | 						}
1719 | 					]
1720 | 				},
1721 | 				{
1722 | 					"begin": "'",
1723 | 					"beginCaptures": {
1724 | 						"0": {
1725 | 							"name": "punctuation.definition.string.begin.css"
1726 | 						}
1727 | 					},
1728 | 					"end": "'|(?<!\\\\)(?=$|\\n)",
1729 | 					"endCaptures": {
1730 | 						"0": {
1731 | 							"name": "punctuation.definition.string.end.css"
1732 | 						}
1733 | 					},
1734 | 					"name": "string.quoted.single.css",
1735 | 					"patterns": [
1736 | 						{
1737 | 							"begin": "(?:\\G|^)(?=(?:[^\\\\']|\\\\.)+$)",
1738 | 							"end": "$",
1739 | 							"name": "invalid.illegal.unclosed.string.css",
1740 | 							"patterns": [
1741 | 								{
1742 | 									"include": "#escapes"
1743 | 								}
1744 | 							]
1745 | 						},
1746 | 						{
1747 | 							"include": "#escapes"
1748 | 						}
1749 | 					]
1750 | 				}
1751 | 			]
1752 | 		},
1753 | 		"tag-names": {
1754 | 			"match": "(?xi) (?<![\\w:-])\n(?:\n    # HTML\n    a|abbr|acronym|address|applet|area|article|aside|audio|b|base|basefont|bdi|bdo|bgsound\n  | big|blink|blockquote|body|br|button|canvas|caption|center|cite|code|col|colgroup|command\n  | content|data|datalist|dd|del|details|dfn|dialog|dir|div|dl|dt|element|em|embed|fieldset\n  | figcaption|figure|font|footer|form|frame|frameset|h[1-6]|head|header|hgroup|hr|html|i\n  | iframe|image|img|input|ins|isindex|kbd|keygen|label|legend|li|link|listing|main|map|mark\n  | marquee|math|menu|menuitem|meta|meter|multicol|nav|nextid|nobr|noembed|noframes|noscript\n  | object|ol|optgroup|option|output|p|param|picture|plaintext|pre|progress|q|rb|rp|rt|rtc\n  | ruby|s|samp|script|section|select|shadow|slot|small|source|spacer|span|strike|strong\n  | style|sub|summary|sup|table|tbody|td|template|textarea|tfoot|th|thead|time|title|tr\n  | track|tt|u|ul|var|video|wbr|xmp\n\n  # SVG\n  | altGlyph|altGlyphDef|altGlyphItem|animate|animateColor|animateMotion|animateTransform\n  | circle|clipPath|color-profile|cursor|defs|desc|discard|ellipse|feBlend|feColorMatrix\n  | feComponentTransfer|feComposite|feConvolveMatrix|feDiffuseLighting|feDisplacementMap\n  | feDistantLight|feDropShadow|feFlood|feFuncA|feFuncB|feFuncG|feFuncR|feGaussianBlur\n  | feImage|feMerge|feMergeNode|feMorphology|feOffset|fePointLight|feSpecularLighting\n  | feSpotLight|feTile|feTurbulence|filter|font-face|font-face-format|font-face-name\n  | font-face-src|font-face-uri|foreignObject|g|glyph|glyphRef|hatch|hatchpath|hkern\n  | line|linearGradient|marker|mask|mesh|meshgradient|meshpatch|meshrow|metadata\n  | missing-glyph|mpath|path|pattern|polygon|polyline|radialGradient|rect|set|solidcolor\n  | stop|svg|switch|symbol|text|textPath|tref|tspan|use|view|vkern\n\n  # MathML\n  | annotation|annotation-xml|maction|maligngroup|malignmark|math|menclose|merror|mfenced\n  | mfrac|mglyph|mi|mlabeledtr|mlongdiv|mmultiscripts|mn|mo|mover|mpadded|mphantom|mroot\n  | mrow|ms|mscarries|mscarry|msgroup|msline|mspace|msqrt|msrow|mstack|mstyle|msub|msubsup\n  | msup|mtable|mtd|mtext|mtr|munder|munderover|semantics\n)\n(?=[+~>\\s,.\\#|){:\\[]|/\\*|$)",
1755 | 			"name": "entity.name.tag.css"
1756 | 		},
1757 | 		"unicode-range": {
1758 | 			"captures": {
1759 | 				"0": {
1760 | 					"name": "constant.other.unicode-range.css"
1761 | 				},
1762 | 				"1": {
1763 | 					"name": "punctuation.separator.dash.unicode-range.css"
1764 | 				}
1765 | 			},
1766 | 			"match": "(?<![\\w-])[Uu]\\+[0-9A-Fa-f?]{1,6}(?:(-)[0-9A-Fa-f]{1,6})?(?![\\w-])"
1767 | 		},
1768 | 		"url": {
1769 | 			"begin": "(?i)(?<![\\w@-])(url)(\\()",
1770 | 			"beginCaptures": {
1771 | 				"1": {
1772 | 					"name": "support.function.url.css"
1773 | 				},
1774 | 				"2": {
1775 | 					"name": "punctuation.section.function.begin.bracket.round.css"
1776 | 				}
1777 | 			},
1778 | 			"end": "\\)",
1779 | 			"endCaptures": {
1780 | 				"0": {
1781 | 					"name": "punctuation.section.function.end.bracket.round.css"
1782 | 				}
1783 | 			},
1784 | 			"name": "meta.function.url.css",
1785 | 			"patterns": [
1786 | 				{
1787 | 					"match": "[^'\")\\s]+",
1788 | 					"name": "variable.parameter.url.css"
1789 | 				},
1790 | 				{
1791 | 					"include": "#string"
1792 | 				},
1793 | 				{
1794 | 					"include": "#comment-block"
1795 | 				},
1796 | 				{
1797 | 					"include": "#escapes"
1798 | 				}
1799 | 			]
1800 | 		}
1801 | 	}
1802 | }


--------------------------------------------------------------------------------
/demo/tm/grammars/html.tmLanguage.json:
--------------------------------------------------------------------------------
  1 | {
  2 | 	"information_for_contributors": [
  3 | 		"This file has been converted from https://github.com/textmate/html.tmbundle/blob/master/Syntaxes/HTML.plist",
  4 | 		"If you want to provide a fix or improvement, please create a pull request against the original repository.",
  5 | 		"Once accepted there, we are happy to receive an update request."
  6 | 	],
  7 | 	"version": "https://github.com/textmate/html.tmbundle/commit/a723f08ebd49c67c22aca08dd8f17d0bf836ec93",
  8 | 	"name": "HTML",
  9 | 	"scopeName": "text.html.basic",
 10 | 	"injections": {
 11 | 		"R:text.html - (comment.block, text.html source)": {
 12 | 			"comment": "Use R: to ensure this matches after any other injections.",
 13 | 			"patterns": [
 14 | 				{
 15 | 					"match": "<",
 16 | 					"name": "invalid.illegal.bad-angle-bracket.html"
 17 | 				}
 18 | 			]
 19 | 		}
 20 | 	},
 21 | 	"patterns": [
 22 | 		{
 23 | 			"begin": "(<)([a-zA-Z][a-zA-Z0-9:-]*)(?=[^>]*></\\2>)",
 24 | 			"beginCaptures": {
 25 | 				"1": {
 26 | 					"name": "punctuation.definition.tag.html"
 27 | 				},
 28 | 				"2": {
 29 | 					"name": "entity.name.tag.html"
 30 | 				}
 31 | 			},
 32 | 			"end": "(>(<)/)(\\2)(>)",
 33 | 			"endCaptures": {
 34 | 				"1": {
 35 | 					"name": "punctuation.definition.tag.html"
 36 | 				},
 37 | 				"2": {
 38 | 					"name": "meta.scope.between-tag-pair.html"
 39 | 				},
 40 | 				"3": {
 41 | 					"name": "entity.name.tag.html"
 42 | 				},
 43 | 				"4": {
 44 | 					"name": "punctuation.definition.tag.html"
 45 | 				}
 46 | 			},
 47 | 			"name": "meta.tag.any.html",
 48 | 			"patterns": [
 49 | 				{
 50 | 					"include": "#tag-stuff"
 51 | 				}
 52 | 			]
 53 | 		},
 54 | 		{
 55 | 			"begin": "(<\\?)(xml)",
 56 | 			"captures": {
 57 | 				"1": {
 58 | 					"name": "punctuation.definition.tag.html"
 59 | 				},
 60 | 				"2": {
 61 | 					"name": "entity.name.tag.xml.html"
 62 | 				}
 63 | 			},
 64 | 			"end": "(\\?>)",
 65 | 			"name": "meta.tag.preprocessor.xml.html",
 66 | 			"patterns": [
 67 | 				{
 68 | 					"include": "#tag-generic-attribute"
 69 | 				},
 70 | 				{
 71 | 					"include": "#string-double-quoted"
 72 | 				},
 73 | 				{
 74 | 					"include": "#string-single-quoted"
 75 | 				}
 76 | 			]
 77 | 		},
 78 | 		{
 79 | 			"begin": "<!--",
 80 | 			"captures": {
 81 | 				"0": {
 82 | 					"name": "punctuation.definition.comment.html"
 83 | 				}
 84 | 			},
 85 | 			"end": "--\\s*>",
 86 | 			"name": "comment.block.html",
 87 | 			"patterns": [
 88 | 				{
 89 | 					"match": "--",
 90 | 					"name": "invalid.illegal.bad-comments-or-CDATA.html"
 91 | 				},
 92 | 				{
 93 | 					"include": "#embedded-code"
 94 | 				}
 95 | 			]
 96 | 		},
 97 | 		{
 98 | 			"begin": "<!",
 99 | 			"captures": {
100 | 				"0": {
101 | 					"name": "punctuation.definition.tag.html"
102 | 				}
103 | 			},
104 | 			"end": ">",
105 | 			"name": "meta.tag.sgml.html",
106 | 			"patterns": [
107 | 				{
108 | 					"begin": "(?i:DOCTYPE)",
109 | 					"captures": {
110 | 						"1": {
111 | 							"name": "entity.name.tag.doctype.html"
112 | 						}
113 | 					},
114 | 					"end": "(?=>)",
115 | 					"name": "meta.tag.sgml.doctype.html",
116 | 					"patterns": [
117 | 						{
118 | 							"match": "\"[^\">]*\"",
119 | 							"name": "string.quoted.double.doctype.identifiers-and-DTDs.html"
120 | 						}
121 | 					]
122 | 				},
123 | 				{
124 | 					"begin": "\\[CDATA\\[",
125 | 					"end": "]](?=>)",
126 | 					"name": "constant.other.inline-data.html"
127 | 				},
128 | 				{
129 | 					"match": "(\\s*)(?!--|>)\\S(\\s*)",
130 | 					"name": "invalid.illegal.bad-comments-or-CDATA.html"
131 | 				}
132 | 			]
133 | 		},
134 | 		{
135 | 			"include": "#embedded-code"
136 | 		},
137 | 		{
138 | 			"begin": "(^[ \\t]+)?(?=<(?i:style))",
139 | 			"beginCaptures": {
140 | 				"1": {
141 | 					"name": "punctuation.whitespace.embedded.leading.html"
142 | 				}
143 | 			},
144 | 			"end": "(?!\\G)([ \\t]*$\\n?)?",
145 | 			"endCaptures": {
146 | 				"1": {
147 | 					"name": "punctuation.whitespace.embedded.trailing.html"
148 | 				}
149 | 			},
150 | 			"patterns": [
151 | 				{
152 | 					"begin": "(<)((?i:style))\\b",
153 | 					"beginCaptures": {
154 | 						"0": {
155 | 							"name": "meta.tag.metadata.style.html"
156 | 						},
157 | 						"1": {
158 | 							"name": "punctuation.definition.tag.begin.html"
159 | 						},
160 | 						"2": {
161 | 							"name": "entity.name.tag.html"
162 | 						}
163 | 					},
164 | 					"end": "(/>)|((<)/)((?i:style))(>)",
165 | 					"endCaptures": {
166 | 						"0": {
167 | 							"name": "meta.tag.metadata.style.html"
168 | 						},
169 | 						"1": {
170 | 							"name": "punctuation.definition.tag.end.html"
171 | 						},
172 | 						"2": {
173 | 							"name": "punctuation.definition.tag.begin.html"
174 | 						},
175 | 						"3": {
176 | 							"name": "source.css"
177 | 						},
178 | 						"4": {
179 | 							"name": "entity.name.tag.html"
180 | 						},
181 | 						"5": {
182 | 							"name": "punctuation.definition.tag.end.html"
183 | 						}
184 | 					},
185 | 					"name": "meta.embedded.block.html",
186 | 					"patterns": [
187 | 						{
188 | 							"begin": "\\G",
189 | 							"captures": {
190 | 								"1": {
191 | 									"name": "punctuation.definition.tag.end.html"
192 | 								}
193 | 							},
194 | 							"end": "(?=/>)|(>)",
195 | 							"name": "meta.tag.metadata.style.html",
196 | 							"patterns": [
197 | 								{
198 | 									"include": "#tag-stuff"
199 | 								}
200 | 							]
201 | 						},
202 | 						{
203 | 							"begin": "(?!\\G)",
204 | 							"end": "(?=</(?i:style))",
205 | 							"name": "source.css",
206 | 							"patterns": [
207 | 								{
208 | 									"include": "#embedded-code"
209 | 								},
210 | 								{
211 | 									"include": "source.css"
212 | 								}
213 | 							]
214 | 						}
215 | 					]
216 | 				}
217 | 			]
218 | 		},
219 | 		{
220 | 			"begin": "(^[ \\t]+)?(?=<(?i:script))",
221 | 			"beginCaptures": {
222 | 				"1": {
223 | 					"name": "punctuation.whitespace.embedded.leading.html"
224 | 				}
225 | 			},
226 | 			"end": "(?!\\G)([ \\t]*$\\n?)?",
227 | 			"endCaptures": {
228 | 				"1": {
229 | 					"name": "punctuation.whitespace.embedded.trailing.html"
230 | 				}
231 | 			},
232 | 			"patterns": [
233 | 				{
234 | 					"begin": "(<)((?i:script))\\b",
235 | 					"beginCaptures": {
236 | 						"0": {
237 | 							"name": "meta.tag.metadata.script.html"
238 | 						},
239 | 						"1": {
240 | 							"name": "punctuation.definition.tag.begin.html"
241 | 						},
242 | 						"2": {
243 | 							"name": "entity.name.tag.html"
244 | 						}
245 | 					},
246 | 					"end": "(/>)|(/)((?i:script))(>)",
247 | 					"endCaptures": {
248 | 						"0": {
249 | 							"name": "meta.tag.metadata.script.html"
250 | 						},
251 | 						"1": {
252 | 							"name": "punctuation.definition.tag.end.html"
253 | 						},
254 | 						"2": {
255 | 							"name": "punctuation.definition.tag.begin.html"
256 | 						},
257 | 						"3": {
258 | 							"name": "entity.name.tag.html"
259 | 						},
260 | 						"4": {
261 | 							"name": "punctuation.definition.tag.end.html"
262 | 						}
263 | 					},
264 | 					"name": "meta.embedded.block.html",
265 | 					"patterns": [
266 | 						{
267 | 							"begin": "\\G",
268 | 							"end": "(?=/>|/)",
269 | 							"patterns": [
270 | 								{
271 | 									"begin": "(>)",
272 | 									"beginCaptures": {
273 | 										"0": {
274 | 											"name": "meta.tag.metadata.script.html"
275 | 										},
276 | 										"1": {
277 | 											"name": "punctuation.definition.tag.end.html"
278 | 										}
279 | 									},
280 | 									"end": "((<))(?=/(?i:script))",
281 | 									"endCaptures": {
282 | 										"0": {
283 | 											"name": "meta.tag.metadata.script.html"
284 | 										},
285 | 										"1": {
286 | 											"name": "punctuation.definition.tag.begin.html"
287 | 										},
288 | 										"2": {
289 | 											"name": "source.js"
290 | 										}
291 | 									},
292 | 									"patterns": [
293 | 										{
294 | 											"begin": "\\G",
295 | 											"end": "(?=</(?i:script))",
296 | 											"name": "source.js",
297 | 											"patterns": [
298 | 												{
299 | 													"begin": "(^[ \\t]+)?(?=//)",
300 | 													"beginCaptures": {
301 | 														"1": {
302 | 															"name": "punctuation.whitespace.comment.leading.js"
303 | 														}
304 | 													},
305 | 													"end": "(?!\\G)",
306 | 													"patterns": [
307 | 														{
308 | 															"begin": "//",
309 | 															"beginCaptures": {
310 | 																"0": {
311 | 																	"name": "punctuation.definition.comment.js"
312 | 																}
313 | 															},
314 | 															"end": "(?=</script)|\\n",
315 | 															"name": "comment.line.double-slash.js"
316 | 														}
317 | 													]
318 | 												},
319 | 												{
320 | 													"begin": "/\\*",
321 | 													"captures": {
322 | 														"0": {
323 | 															"name": "punctuation.definition.comment.js"
324 | 														}
325 | 													},
326 | 													"end": "\\*/|(?=</script)",
327 | 													"name": "comment.block.js"
328 | 												},
329 | 												{
330 | 													"include": "source.js"
331 | 												}
332 | 											]
333 | 										}
334 | 									]
335 | 								},
336 | 								{
337 | 									"begin": "\\G",
338 | 									"end": "(?i:(?=/?>|type(?=[\\s=])(?!\\s*=\\s*('|\"|)(text/(javascript|ecmascript|babel)|application/((x-)?javascript|ecmascript|babel)|module)[\\s\"'>])))",
339 | 									"name": "meta.tag.metadata.script.html",
340 | 									"patterns": [
341 | 										{
342 | 											"include": "#tag-stuff"
343 | 										}
344 | 									]
345 | 								},
346 | 								{
347 | 									"begin": "(?=(?i:type\\s*=\\s*('|\"|)(text/(x-handlebars|(x-(handlebars-)?|ng-)?template|html)[\\s\"'>])))",
348 | 									"end": "((<))(?=/(?i:script))",
349 | 									"endCaptures": {
350 | 										"0": {
351 | 											"name": "meta.tag.metadata.script.html"
352 | 										},
353 | 										"1": {
354 | 											"name": "punctuation.definition.tag.begin.html"
355 | 										},
356 | 										"2": {
357 | 											"name": "text.html.basic"
358 | 										}
359 | 									},
360 | 									"patterns": [
361 | 										{
362 | 											"begin": "\\G",
363 | 											"end": "(>)|(?=/>)",
364 | 											"endCaptures": {
365 | 												"1": {
366 | 													"name": "punctuation.definition.tag.end.html"
367 | 												}
368 | 											},
369 | 											"name": "meta.tag.metadata.script.html",
370 | 											"patterns": [
371 | 												{
372 | 													"include": "#tag-stuff"
373 | 												}
374 | 											]
375 | 										},
376 | 										{
377 | 											"begin": "(?!\\G)",
378 | 											"end": "(?=</(?i:script))",
379 | 											"name": "text.html.basic",
380 | 											"patterns": [
381 | 												{
382 | 													"include": "text.html.basic"
383 | 												}
384 | 											]
385 | 										}
386 | 									]
387 | 								},
388 | 								{
389 | 									"begin": "(?=(?i:type))",
390 | 									"end": "(<)(?=/(?i:script))",
391 | 									"endCaptures": {
392 | 										"0": {
393 | 											"name": "meta.tag.metadata.script.html"
394 | 										},
395 | 										"1": {
396 | 											"name": "punctuation.definition.tag.begin.html"
397 | 										}
398 | 									},
399 | 									"patterns": [
400 | 										{
401 | 											"begin": "\\G",
402 | 											"end": "(>)|(?=/>)",
403 | 											"endCaptures": {
404 | 												"1": {
405 | 													"name": "punctuation.definition.tag.end.html"
406 | 												}
407 | 											},
408 | 											"name": "meta.tag.metadata.script.html",
409 | 											"patterns": [
410 | 												{
411 | 													"include": "#tag-stuff"
412 | 												}
413 | 											]
414 | 										},
415 | 										{
416 | 											"begin": "(?!\\G)",
417 | 											"end": "(?=</(?i:script))",
418 | 											"name": "source.unknown"
419 | 										}
420 | 									]
421 | 								}
422 | 							]
423 | 						}
424 | 					]
425 | 				}
426 | 			]
427 | 		},
428 | 		{
429 | 			"begin": "(</?)((?i:body|head|html)\\b)",
430 | 			"captures": {
431 | 				"1": {
432 | 					"name": "punctuation.definition.tag.html"
433 | 				},
434 | 				"2": {
435 | 					"name": "entity.name.tag.structure.any.html"
436 | 				}
437 | 			},
438 | 			"end": "(>)",
439 | 			"name": "meta.tag.structure.any.html",
440 | 			"patterns": [
441 | 				{
442 | 					"include": "#tag-stuff"
443 | 				}
444 | 			]
445 | 		},
446 | 		{
447 | 			"begin": "(</?)((?i:address|blockquote|dd|div|section|article|aside|header|footer|nav|menu|dl|dt|fieldset|form|frame|frameset|h1|h2|h3|h4|h5|h6|iframe|noframes|object|ol|p|ul|applet|center|dir|hr|pre)\\b)",
448 | 			"beginCaptures": {
449 | 				"1": {
450 | 					"name": "punctuation.definition.tag.begin.html"
451 | 				},
452 | 				"2": {
453 | 					"name": "entity.name.tag.block.any.html"
454 | 				}
455 | 			},
456 | 			"end": "(>)",
457 | 			"endCaptures": {
458 | 				"1": {
459 | 					"name": "punctuation.definition.tag.end.html"
460 | 				}
461 | 			},
462 | 			"name": "meta.tag.block.any.html",
463 | 			"patterns": [
464 | 				{
465 | 					"include": "#tag-stuff"
466 | 				}
467 | 			]
468 | 		},
469 | 		{
470 | 			"begin": "(</?)((?i:a|abbr|acronym|area|b|base|basefont|bdo|big|br|button|caption|cite|code|col|colgroup|del|dfn|em|font|head|html|i|img|input|ins|isindex|kbd|label|legend|li|link|map|meta|noscript|optgroup|option|param|q|s|samp|script|select|small|span|strike|strong|style|sub|sup|table|tbody|td|textarea|tfoot|th|thead|title|tr|tt|u|var)\\b(?!-))",
471 | 			"beginCaptures": {
472 | 				"1": {
473 | 					"name": "punctuation.definition.tag.begin.html"
474 | 				},
475 | 				"2": {
476 | 					"name": "entity.name.tag.inline.any.html"
477 | 				}
478 | 			},
479 | 			"end": "((?: ?/)?>)",
480 | 			"endCaptures": {
481 | 				"1": {
482 | 					"name": "punctuation.definition.tag.end.html"
483 | 				}
484 | 			},
485 | 			"name": "meta.tag.inline.any.html",
486 | 			"patterns": [
487 | 				{
488 | 					"include": "#tag-stuff"
489 | 				}
490 | 			]
491 | 		},
492 | 		{
493 | 			"begin": "(</?)([a-zA-Z][a-zA-Z0-9:-]*)",
494 | 			"beginCaptures": {
495 | 				"1": {
496 | 					"name": "punctuation.definition.tag.begin.html"
497 | 				},
498 | 				"2": {
499 | 					"name": "entity.name.tag.other.html"
500 | 				}
501 | 			},
502 | 			"end": "(/?>)",
503 | 			"endCaptures": {
504 | 				"1": {
505 | 					"name": "punctuation.definition.tag.end.html"
506 | 				}
507 | 			},
508 | 			"name": "meta.tag.other.html",
509 | 			"patterns": [
510 | 				{
511 | 					"include": "#tag-stuff"
512 | 				}
513 | 			]
514 | 		},
515 | 		{
516 | 			"include": "#entities"
517 | 		},
518 | 		{
519 | 			"match": "<>",
520 | 			"name": "invalid.illegal.incomplete.html"
521 | 		}
522 | 	],
523 | 	"repository": {
524 | 		"embedded-code": {
525 | 			"patterns": [
526 | 				{
527 | 					"include": "#smarty"
528 | 				},
529 | 				{
530 | 					"include": "#python"
531 | 				}
532 | 			]
533 | 		},
534 | 		"entities": {
535 | 			"patterns": [
536 | 				{
537 | 					"captures": {
538 | 						"1": {
539 | 							"name": "punctuation.definition.entity.html"
540 | 						},
541 | 						"3": {
542 | 							"name": "punctuation.definition.entity.html"
543 | 						}
544 | 					},
545 | 					"match": "(&)([a-zA-Z0-9]+|#[0-9]+|#[xX][0-9a-fA-F]+)(;)",
546 | 					"name": "constant.character.entity.html"
547 | 				},
548 | 				{
549 | 					"match": "&",
550 | 					"name": "invalid.illegal.bad-ampersand.html"
551 | 				}
552 | 			]
553 | 		},
554 | 		"python": {
555 | 			"begin": "(?:^\\s*)<\\?python(?!.*\\?>)",
556 | 			"end": "\\?>(?:\\s*$\\n)?",
557 | 			"name": "source.python.embedded.html",
558 | 			"patterns": [
559 | 				{
560 | 					"include": "source.python"
561 | 				}
562 | 			]
563 | 		},
564 | 		"smarty": {
565 | 			"patterns": [
566 | 				{
567 | 					"begin": "(\\{(literal)\\})",
568 | 					"captures": {
569 | 						"1": {
570 | 							"name": "source.smarty.embedded.html"
571 | 						},
572 | 						"2": {
573 | 							"name": "support.function.built-in.smarty"
574 | 						}
575 | 					},
576 | 					"end": "(\\{/(literal)\\})"
577 | 				},
578 | 				{
579 | 					"begin": "{{|{",
580 | 					"disabled": 1,
581 | 					"end": "}}|}",
582 | 					"name": "source.smarty.embedded.html",
583 | 					"patterns": [
584 | 						{
585 | 							"include": "source.smarty"
586 | 						}
587 | 					]
588 | 				}
589 | 			]
590 | 		},
591 | 		"string-double-quoted": {
592 | 			"begin": "\"",
593 | 			"beginCaptures": {
594 | 				"0": {
595 | 					"name": "punctuation.definition.string.begin.html"
596 | 				}
597 | 			},
598 | 			"end": "\"",
599 | 			"endCaptures": {
600 | 				"0": {
601 | 					"name": "punctuation.definition.string.end.html"
602 | 				}
603 | 			},
604 | 			"name": "string.quoted.double.html",
605 | 			"patterns": [
606 | 				{
607 | 					"include": "#embedded-code"
608 | 				},
609 | 				{
610 | 					"include": "#entities"
611 | 				}
612 | 			]
613 | 		},
614 | 		"string-single-quoted": {
615 | 			"begin": "'",
616 | 			"beginCaptures": {
617 | 				"0": {
618 | 					"name": "punctuation.definition.string.begin.html"
619 | 				}
620 | 			},
621 | 			"end": "'",
622 | 			"endCaptures": {
623 | 				"0": {
624 | 					"name": "punctuation.definition.string.end.html"
625 | 				}
626 | 			},
627 | 			"name": "string.quoted.single.html",
628 | 			"patterns": [
629 | 				{
630 | 					"include": "#embedded-code"
631 | 				},
632 | 				{
633 | 					"include": "#entities"
634 | 				}
635 | 			]
636 | 		},
637 | 		"tag-generic-attribute": {
638 | 			"match": "(?<=[^=])\\b([a-zA-Z0-9:-]+)",
639 | 			"name": "entity.other.attribute-name.html"
640 | 		},
641 | 		"tag-id-attribute": {
642 | 			"begin": "\\b(id)\\b\\s*(=)",
643 | 			"captures": {
644 | 				"1": {
645 | 					"name": "entity.other.attribute-name.id.html"
646 | 				},
647 | 				"2": {
648 | 					"name": "punctuation.separator.key-value.html"
649 | 				}
650 | 			},
651 | 			"end": "(?!\\G)(?<='|\"|[^\\s<>/])",
652 | 			"name": "meta.attribute-with-value.id.html",
653 | 			"patterns": [
654 | 				{
655 | 					"begin": "\"",
656 | 					"beginCaptures": {
657 | 						"0": {
658 | 							"name": "punctuation.definition.string.begin.html"
659 | 						}
660 | 					},
661 | 					"contentName": "meta.toc-list.id.html",
662 | 					"end": "\"",
663 | 					"endCaptures": {
664 | 						"0": {
665 | 							"name": "punctuation.definition.string.end.html"
666 | 						}
667 | 					},
668 | 					"name": "string.quoted.double.html",
669 | 					"patterns": [
670 | 						{
671 | 							"include": "#embedded-code"
672 | 						},
673 | 						{
674 | 							"include": "#entities"
675 | 						}
676 | 					]
677 | 				},
678 | 				{
679 | 					"begin": "'",
680 | 					"beginCaptures": {
681 | 						"0": {
682 | 							"name": "punctuation.definition.string.begin.html"
683 | 						}
684 | 					},
685 | 					"contentName": "meta.toc-list.id.html",
686 | 					"end": "'",
687 | 					"endCaptures": {
688 | 						"0": {
689 | 							"name": "punctuation.definition.string.end.html"
690 | 						}
691 | 					},
692 | 					"name": "string.quoted.single.html",
693 | 					"patterns": [
694 | 						{
695 | 							"include": "#embedded-code"
696 | 						},
697 | 						{
698 | 							"include": "#entities"
699 | 						}
700 | 					]
701 | 				},
702 | 				{
703 | 					"captures": {
704 | 						"0": {
705 | 							"name": "meta.toc-list.id.html"
706 | 						}
707 | 					},
708 | 					"match": "(?<==)(?:[^\\s<>/'\"]|/(?!>))+",
709 | 					"name": "string.unquoted.html"
710 | 				}
711 | 			]
712 | 		},
713 | 		"tag-stuff": {
714 | 			"patterns": [
715 | 				{
716 | 					"include": "#tag-id-attribute"
717 | 				},
718 | 				{
719 | 					"include": "#tag-generic-attribute"
720 | 				},
721 | 				{
722 | 					"include": "#string-double-quoted"
723 | 				},
724 | 				{
725 | 					"include": "#string-single-quoted"
726 | 				},
727 | 				{
728 | 					"include": "#embedded-code"
729 | 				},
730 | 				{
731 | 					"include": "#unquoted-attribute"
732 | 				}
733 | 			]
734 | 		},
735 | 		"unquoted-attribute": {
736 | 			"match": "(?<==)(?:[^\\s<>/'\"]|/(?!>))+",
737 | 			"name": "string.unquoted.html"
738 | 		}
739 | 	}
740 | }


--------------------------------------------------------------------------------
/demo/tm/grammars/smarty.tmLanguage.json:
--------------------------------------------------------------------------------
  1 | {
  2 |     "fileTypes": ["tpl"],
  3 |     "injections": {
  4 |         "text.html.smarty - (meta.embedded | meta.tag | comment.block | meta.block.literal), L:text.html.smarty meta.tag": {
  5 |             "patterns": [{
  6 |                 "include": "#comments"
  7 |             }, {
  8 |                 "include": "#blocks"
  9 |             }]
 10 |         }
 11 |     },
 12 |     "keyEquivalent": "^~S",
 13 |     "name": "Smarty",
 14 |     "patterns": [{
 15 |         "include": "text.html.basic"
 16 |     }],
 17 |     "repository": {
 18 |         "blocks": {
 19 |             "patterns": [{
 20 |                 "begin": "(\\{)(literal)(\\})",
 21 |                 "captures": [{
 22 |                     "name": "meta.embedded.line.tag.literal.smarty"
 23 |                 }, {
 24 |                     "name": "punctuation.definition.tag.begin.smarty"
 25 |                 }, {
 26 |                     "name": "support.function.built-in.smarty"
 27 |                 }, {
 28 |                     "name": "punctuation.definition.tag.end.smarty"
 29 |                 }],
 30 |                 "end": "(\\{\/)(literal)(\\})",
 31 |                 "name": "meta.block.literal.smarty",
 32 |                 "patterns": [{
 33 |                     "include": "text.html.basic"
 34 |                 }]
 35 |             }, {
 36 |                 "begin": "(\\{%?)",
 37 |                 "beginCaptures": [{
 38 |                     "name": "source.smarty"
 39 |                 }, {
 40 |                     "name": "punctuation.section.embedded.begin.smarty"
 41 |                 }],
 42 |                 "contentName": "source.smarty",
 43 |                 "end": "(%?\\})",
 44 |                 "endCaptures": [{
 45 |                     "name": "source.smarty"
 46 |                 }, {
 47 |                     "name": "punctuation.section.embedded.end.smarty"
 48 |                 }],
 49 |                 "name": "meta.embedded.line.tag.smarty",
 50 |                 "patterns": [{
 51 |                     "include": "#strings"
 52 |                 }, {
 53 |                     "include": "#variables"
 54 |                 }, {
 55 |                     "include": "#lang"
 56 |                 }]
 57 |             }]
 58 |         },
 59 |         "comments": {
 60 |             "patterns": [{
 61 |                 "begin": "(\\{%?)\\*",
 62 |                 "beginCaptures": {
 63 |                     "1": {
 64 |                         "name": "punctuation.definition.comment.smarty"
 65 |                     }
 66 |                 },
 67 |                 "end": "\\*(%?\\})",
 68 |                 "name": "comment.block.smarty",
 69 |                 "patterns": []
 70 |             }]
 71 |         },
 72 |         "lang": {
 73 |             "patterns": [{
 74 |                 "match": "(!==|!=|!|<=|>=|<|>|===|==|%|&&|\\|\\|)|\\b(and|or|eq|neq|ne|gte|gt|ge|lte|lt|le|not|mod)\\b",
 75 |                 "name": "keyword.operator.smarty"
 76 |             }, {
 77 |                 "match": "\\b(TRUE|FALSE|true|false)\\b",
 78 |                 "name": "constant.language.smarty"
 79 |             }, {
 80 |                 "match": "\\b(if|else|elseif|foreach|foreachelse|section|switch|case|break|default)\\b",
 81 |                 "name": "keyword.control.smarty"
 82 |             }, {
 83 |                 "captures": [{
 84 |                     "name": "variable.parameter.smarty"
 85 |                 }],
 86 |                 "match": "\\b([a-zA-Z]+)=",
 87 |                 "name": "meta.attribute.smarty"
 88 |             }, {
 89 |                 "match": "\\b(capture|config_load|counter|cycle|debug|eval|fetch|include_php|include|insert|literal|math|strip|rdelim|ldelim|assign|constant|block|html_[a-z_]*)\\b",
 90 |                 "name": "support.function.built-in.smarty"
 91 |             }, {
 92 |                 "match": "\\|(capitalize|cat|count_characters|count_paragraphs|count_sentences|count_words|date_format|default|escape|indent|lower|nl2br|regex_replace|replace|spacify|string_format|strip_tags|strip|truncate|upper|wordwrap)",
 93 |                 "name": "support.function.variable-modifier.smarty"
 94 |             }]
 95 |         },
 96 |         "strings": {
 97 |             "patterns": [{
 98 |                 "begin": "'",
 99 |                 "beginCaptures": [{
100 |                     "name": "punctuation.definition.string.begin.smarty"
101 |                 }],
102 |                 "end": "'",
103 |                 "endCaptures": [{
104 |                     "name": "punctuation.definition.string.end.smarty"
105 |                 }],
106 |                 "name": "string.quoted.single.smarty",
107 |                 "patterns": [{
108 |                     "match": "\\\\.",
109 |                     "name": "constant.character.escape.smarty"
110 |                 }]
111 |             }, {
112 |                 "begin": "\"",
113 |                 "beginCaptures": [{
114 |                     "name": "punctuation.definition.string.begin.smarty"
115 |                 }],
116 |                 "end": "\"",
117 |                 "endCaptures": [{
118 |                     "name": "punctuation.definition.string.end.smarty"
119 |                 }],
120 |                 "name": "string.quoted.double.smarty",
121 |                 "patterns": [{
122 |                     "match": "\\\\.",
123 |                     "name": "constant.character.escape.smarty"
124 |                 }]
125 |             }]
126 |         },
127 |         "variables": {
128 |             "patterns": [{
129 |                 "captures": {
130 |                     "1": {
131 |                         "name": "punctuation.definition.variable.smarty"
132 |                     }
133 |                 },
134 |                 "match": "\\b(\\$)Smarty\\.",
135 |                 "name": "variable.other.global.smarty"
136 |             }, {
137 |                 "captures": {
138 |                     "1": {
139 |                         "name": "punctuation.definition.variable.smarty"
140 |                     },
141 |                     "2": {
142 |                         "name": "variable.other.smarty"
143 |                     }
144 |                 },
145 |                 "match": "(\\$)([a-zA-Z_][a-zA-Z0-9_]*)\\b",
146 |                 "name": "variable.other.smarty"
147 |             }, {
148 |                 "captures": {
149 |                     "1": {
150 |                         "name": "keyword.operator.smarty"
151 |                     },
152 |                     "2": {
153 |                         "name": "variable.other.property.smarty"
154 |                     }
155 |                 },
156 |                 "match": "(->)([a-zA-Z_][a-zA-Z0-9_]*)\\b",
157 |                 "name": "variable.other.smarty"
158 |             }, {
159 |                 "captures": {
160 |                     "1": {
161 |                         "name": "keyword.operator.smarty"
162 |                     },
163 |                     "2": {
164 |                         "name": "meta.function-call.object.smarty"
165 |                     },
166 |                     "3": {
167 |                         "name": "punctuation.definition.variable.smarty"
168 |                     },
169 |                     "4": {
170 |                         "name": "punctuation.definition.variable.smarty"
171 |                     }
172 |                 },
173 |                 "match": "(->)([a-zA-Z_][a-zA-Z0-9_]*)(\\().*?(\\))",
174 |                 "name": "variable.other.smarty"
175 |             }]
176 |         }
177 |     },
178 |     "scopeName": "source.smarty",
179 |     "uuid": "4D6BBA54-E3FC-4296-9CA1-662B2AD537C6"
180 | }


--------------------------------------------------------------------------------
/demo/tm/grammars/styled.tmLanguage.json:
--------------------------------------------------------------------------------
  1 | {
  2 |     "fileTypes": ["js", "jsx", "ts", "tsx", "vue"],
  3 |     "injectionSelector": "L:source -comment -string",
  4 |     "patterns": [
  5 |       {
  6 |         "contentName": "source.css.scss",
  7 |         "begin": "(?:([\\s\\S][sS][tT][yY][lL][eE][dD](?:<[_$[:alpha:]][_$[[:alnum:][, '\"]]]+>)?(?:\\.[_$[:alpha:]][_$[:alnum:]]*|\\(['\"][_$[:alpha:]][_$[:alnum:]]*['\"]\\)|\\([_$[:alpha:]][_$\\.[:alnum:]]*(?:\\s+as\\s+.*?)?\\)))|(css|keyframes|injectGlobal|createGlobalStyle))\\s*(`)",
  8 |         "beginCaptures": {
  9 |           "1": {
 10 |             "patterns": [
 11 |               {
 12 |                 "include": "source.ts#expression"
 13 |               }
 14 |             ]
 15 |           },
 16 |           "2": {
 17 |             "name": "entity.name.function.tagged-template.js"
 18 |           },
 19 |           "3": {
 20 |             "name": "punctuation.definition.string.template.begin.js string.template.js"
 21 |           }
 22 |         },
 23 |         "end": "`",
 24 |         "endCaptures": {
 25 |           "0": {
 26 |             "name": "punctuation.definition.string.template.end.js string.template.js"
 27 |           }
 28 |         },
 29 |         "patterns": [
 30 |           {
 31 |             "include": "source.css.styled"
 32 |           }
 33 |         ]
 34 |       },
 35 |       {
 36 |         "contentName": "source.css.scss",
 37 |         "begin": "(\\.)(extend)(`)",
 38 |         "beginCaptures": {
 39 |           "1": {
 40 |             "name": "punctuation.accessor.js"
 41 |           },
 42 |           "2": {
 43 |             "name": "entity.name.function.tagged-template.js"
 44 |           },
 45 |           "3": {
 46 |             "name": "punctuation.definition.string.template.begin.js string.template.js"
 47 |           }
 48 |         },
 49 |         "end": "`",
 50 |         "endCaptures": {
 51 |           "0": {
 52 |             "name": "punctuation.definition.string.template.end.js string.template.js"
 53 |           }
 54 |         },
 55 |         "patterns": [
 56 |           {
 57 |             "include": "source.css.styled"
 58 |           }
 59 |         ]
 60 |       },
 61 |       {
 62 |         "contentName": "source.css.scss",
 63 |         "begin": "([_$[:alpha:]][_$[:alnum:]]*\\.withComponent\\((?:['\"][_$[:alpha:]][_$[:alnum:]]*['\"]|[_$[:alpha:]][_$\\.[:alnum:]]*)\\))\\s*(?:(\\.)(extend))?(`)",
 64 |         "beginCaptures": {
 65 |           "1": {
 66 |             "patterns": [
 67 |               {
 68 |                 "include": "source.ts#expression"
 69 |               }
 70 |             ]
 71 |           },
 72 |           "2": {
 73 |             "name": "punctuation.accessor.js"
 74 |           },
 75 |           "3": {
 76 |             "name": "entity.name.function.tagged-template.js variable.other.property.js"
 77 |           },
 78 |           "4": {
 79 |             "name": "punctuation.definition.string.template.begin.js string.template.js"
 80 |           }
 81 |         },
 82 |         "end": "`",
 83 |         "endCaptures": {
 84 |           "0": {
 85 |             "name": "punctuation.definition.string.template.end.js string.template.js"
 86 |           }
 87 |         },
 88 |         "patterns": [
 89 |           {
 90 |             "include": "source.css.styled"
 91 |           }
 92 |         ]
 93 |       },
 94 |       {
 95 |         "contentName": "source.css.scss",
 96 |         "begin": "([mM][eE][dD][iI][aA]\\.[[:alpha:]][[:alnum:]]*(?:\\(.*?\\))?)\\s*(`)",
 97 |         "beginCaptures": {
 98 |           "1": {
 99 |             "patterns": [
100 |               {
101 |                 "include": "source.ts#expression"
102 |               }
103 |             ]
104 |           },
105 |           "2": {
106 |             "name": "punctuation.definition.string.template.begin.js string.template.js"
107 |           }
108 |         },
109 |         "end": "`",
110 |         "endCaptures": {
111 |           "0": {
112 |             "name": "punctuation.definition.string.template.end.js string.template.js"
113 |           }
114 |         },
115 |         "patterns": [
116 |           {
117 |             "include": "source.css.styled"
118 |           }
119 |         ]
120 |       },
121 |       {
122 |         "begin": "(?:([\\s\\S][sS][tT][yY][lL][eE][dD](?:<[_$[:alpha:]][_$[:alnum:]]+>)?(?:\\.[_$[:alpha:]][_$[:alnum:]]*|\\(['\"][_$[:alpha:]][_$[:alnum:]]*['\"]\\)|\\([_$[:alpha:]][_$\\.[:alnum:]]*(?:\\s+as\\s+.*?)?\\)))|(\\.)(extend))(?=\\.attrs\\s*\\()",
123 |         "beginCaptures": {
124 |           "1": {
125 |             "patterns": [
126 |               {
127 |                 "include": "source.ts#expression"
128 |               }
129 |             ]
130 |           },
131 |           "2": {
132 |             "name": "punctuation.accessor.js"
133 |           },
134 |           "3": {
135 |             "name": "entity.name.function.tagged-template.js"
136 |           }
137 |         },
138 |         "end": "(?<!\\G)(?<=`)",
139 |         "patterns": [
140 |           {
141 |             "contentName": "source.css.scss",
142 |             "begin": "`",
143 |             "beginCaptures": {
144 |               "0": {
145 |                 "name": "punctuation.definition.string.template.begin.js string.template.js"
146 |               }
147 |             },
148 |             "end": "`",
149 |             "endCaptures": {
150 |               "0": {
151 |                 "name": "punctuation.definition.string.template.begin.js string.template.js"
152 |               }
153 |             },
154 |             "patterns": [
155 |               {
156 |                 "include": "source.css.styled"
157 |               }
158 |             ]
159 |           },
160 |           {
161 |             "include": "source.ts#expression"
162 |           }
163 |         ]
164 |       }
165 |     ],
166 |     "scopeName": "styled"
167 |   }


--------------------------------------------------------------------------------
/demo/tm/themes/OneDark.tmTheme.json:
--------------------------------------------------------------------------------
  1 | {
  2 |     "author": "Alex Pardoe",
  3 |     "colorSpaceName": "sRGB",
  4 |     "name": "OneDark",
  5 |     "semanticClass": "theme.dark.onedark",
  6 |     "settings": [{
  7 |         "settings": {
  8 |             "background": "#282C34",
  9 |             "caret": "#528BFF",
 10 |             "foreground": "#ABB2BF",
 11 |             "invisibles": "#747369",
 12 |             "lineHighlight": "#4C576730",
 13 |             "selection": "#3D4350"
 14 |         }
 15 |     }, {
 16 |         "name": "Comment",
 17 |         "scope": "comment",
 18 |         "settings": {
 19 |             "fontStyle": " italic",
 20 |             "foreground": "#5C6370"
 21 |         }
 22 |     }, {
 23 |         "name": "Foreground",
 24 |         "scope": "keyword.operator.class, constant.other, source.php.embedded.line",
 25 |         "settings": {
 26 |             "fontStyle": "",
 27 |             "foreground": "#ABB2BF"
 28 |         }
 29 |     }, {
 30 |         "name": "Variable, String Link, Regular Expression, Tag Name",
 31 |         "scope": "variable, support.other.variable, string.other.link, string.regexp, entity.name.tag, entity.other.attribute-name, meta.tag, declaration.tag",
 32 |         "settings": {
 33 |             "foreground": "#E06C75"
 34 |         }
 35 |     }, {
 36 |         "name": "Number, Constant, Function Argument, Tag Attribute, Embedded",
 37 |         "scope": "constant.numeric, constant.language, support.constant, constant.character, variable.parameter, punctuation.section.embedded, keyword.other.unit",
 38 |         "settings": {
 39 |             "fontStyle": "",
 40 |             "foreground": "#D19A66"
 41 |         }
 42 |     }, {
 43 |         "name": "Class, Support",
 44 |         "scope": "entity.name.class, entity.name.type.class, support.type, support.class",
 45 |         "settings": {
 46 |             "fontStyle": "",
 47 |             "foreground": "#E5C07B"
 48 |         }
 49 |     }, {
 50 |         "name": "String, Symbols, Inherited Class, Markup Heading",
 51 |         "scope": "string, entity.other.inherited-class, markup.heading",
 52 |         "settings": {
 53 |             "fontStyle": "",
 54 |             "foreground": "#98C379"
 55 |         }
 56 |     }, {
 57 |         "name": "Misc",
 58 |         "scope": " constant.other.color",
 59 |         "settings": {
 60 |             "foreground": "#ABB2BF"
 61 |         }
 62 |     }, {
 63 |         "name": "Function, Special Method, Block Level",
 64 |         "scope": "entity.name.function, meta.function-call, support.function, keyword.other.special-method, meta.block-level",
 65 |         "settings": {
 66 |             "fontStyle": "",
 67 |             "foreground": "#61AFEF"
 68 |         }
 69 |     }, {
 70 |         "name": "Keyword, Storage",
 71 |         "scope": "keyword, storage, storage.type, entity.name.tag.css, keyword.operator",
 72 |         "settings": {
 73 |             "fontStyle": "",
 74 |             "foreground": "#C678DD"
 75 |         }
 76 |     }, {
 77 |         "name": "Invalid",
 78 |         "scope": "invalid",
 79 |         "settings": {
 80 |             "background": "#F2777A",
 81 |             "fontStyle": "",
 82 |             "foreground": "#FFFFFF"
 83 |         }
 84 |     }, {
 85 |         "name": "Separator",
 86 |         "scope": "meta.separator",
 87 |         "settings": {
 88 |             "background": "#515151",
 89 |             "foreground": "#ABB2BF"
 90 |         }
 91 |     }, {
 92 |         "name": "Deprecated",
 93 |         "scope": "invalid.deprecated",
 94 |         "settings": {
 95 |             "background": "#D27B53",
 96 |             "fontStyle": "",
 97 |             "foreground": "#272B33"
 98 |         }
 99 |     }, {
100 |         "name": "User Defined Constant",
101 |         "scope": "constant.character, constant.other",
102 |         "settings": {
103 |             "foreground": "#56B6C2"
104 |         }
105 |     }],
106 |     "uuid": "9301F284-582B-49AF-9DB7-C041BEC84843"
107 | }


--------------------------------------------------------------------------------
/demo/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "compilerOptions": {
 3 |         "moduleResolution": "node",
 4 |         "target": "es6",
 5 |         "outDir": "dist",
 6 |         "module": "commonjs",
 7 |         "sourceMap": true,
 8 |         "resolveJsonModule": true
 9 |     }
10 | }


--------------------------------------------------------------------------------
/demo/webpack.config.js:
--------------------------------------------------------------------------------
 1 | const path = require('path')
 2 | const HTMLWebpackPlugin = require('html-webpack-plugin')
 3 | 
 4 | module.exports = {
 5 |     mode: 'development',
 6 |     devtool: 'sourcemap',
 7 |     entry: path.resolve('./index.ts'),
 8 |     output: {
 9 |         path: path.resolve('dist/'),
10 |         filename: 'index.js',
11 |     },
12 |     target: 'web',
13 |     module: {
14 |         rules: [{
15 |                 test: /\.tsx?$/,
16 |                 exclude: /(node_modules)/,
17 |                 use: {
18 |                     loader: 'ts-loader',
19 |                     options: {
20 |                         happyPackMode: true,
21 |                     }
22 |                 },
23 |             },
24 |             {
25 |                 test: /\.css$/,
26 |                 use: ['style-loader', 'css-loader'],
27 |             },
28 |             {
29 |                 test: /\.wasm$/,
30 |                 use: {
31 |                     loader: 'file-loader',
32 |                     options: {
33 |                         name: '[name].[hash:6].[ext]'
34 |                     }
35 |                 },
36 |                 type: 'javascript/auto'
37 |             }
38 |         ],
39 |     },
40 |     resolve: {
41 |         extensions: ['.js', '.ts', '.tsx'],
42 |         // DO NOT DO THIS!!!
43 |         // here it is neccessary because `./demo` consumes `codemirror-textmate` as symbolic link not as "dependency"
44 |         alias: {
45 |             'codemirror': path.resolve('node_modules/codemirror'),
46 |             'onigasm': path.resolve('node_modules/onigasm'),
47 |         }
48 |     },
49 |     plugins: [
50 |         new HTMLWebpackPlugin({
51 |             template: path.resolve('./index.html')
52 |         })
53 |     ]
54 | }


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "codemirror-textmate",
 3 |   "version": "1.1.0",
 4 |   "description": "Textmate based tokenization for CodeMirror",
 5 |   "main": "dist/index.js",
 6 |   "typings": "dist/typings/index.d.ts",
 7 |   "scripts": {
 8 |     "build": "tsc",
 9 |     "watch": "tsc -w"
10 |   },
11 |   "repository": {
12 |     "type": "git",
13 |     "url": "git+https://github.com/neeksandhu/codemirror-textmate.git"
14 |   },
15 |   "keywords": [
16 |     "codemirror",
17 |     "textmate",
18 |     "tm",
19 |     "tokenizer",
20 |     "highlighter"
21 |   ],
22 |   "author": "Neek Sandhu <neek.sandhu@outlook.com>",
23 |   "license": "MIT",
24 |   "bugs": {
25 |     "url": "https://github.com/neeksandhu/codemirror-textmate/issues"
26 |   },
27 |   "homepage": "https://github.com/neeksandhu/codemirror-textmate#readme",
28 |   "dependencies": {
29 |     "lru-cache": "^4.1.3",
30 |     "monaco-textmate": "^3.0.0",
31 |     "p-cancelable": "^1.0.0"
32 |   },
33 |   "devDependencies": {
34 |     "@types/codemirror": "0.0.65",
35 |     "@types/lru-cache": "^4.1.1",
36 |     "@types/p-cancelable": "^0.5.0",
37 |     "typescript": "^3.1.3"
38 |   },
39 |   "peerDependencies": {
40 |     "codemirror": "^5.41.0",
41 |     "onigasm": "^2.2.1"
42 |   }
43 | }
44 | 


--------------------------------------------------------------------------------
/src/Highlighter.ts:
--------------------------------------------------------------------------------
  1 | import { IGrammar, IRawGrammar, IRawTheme, IToken, Registry, StackElement } from 'monaco-textmate'
  2 | import { Theme } from 'monaco-textmate/dist/theme'
  3 | import { tmScopeToCmToken, cssTextFromTmTheme } from './tmToCm'
  4 | import { ITextmateThemePlus } from '.';
  5 | 
  6 | export type IRawGrammarSource = IRawGrammar | Promise<IRawGrammar> | ((scopeName: string) => IRawGrammar | Promise<IRawGrammar>)
  7 | 
  8 | export interface IHighlighterState {
  9 |     ruleStack: StackElement
 10 |     tokensCache: IToken[]
 11 | }
 12 | 
 13 | const requestIdle = (ms = 10000) => new Promise<void>((res) => {
 14 |     if ('requestIdleCallback' in window) {
 15 |         (window as any).requestIdleCallback(res, { timeout: ms })
 16 |     } else {
 17 |         setTimeout(res, ms)
 18 |     }
 19 | })
 20 | 
 21 | class Highlighter {
 22 |     public static addGrammar(scopeName: string, grammar: IRawGrammarSource): void {
 23 |         Highlighter.scopeNameToRawGrammars.set(scopeName, grammar)
 24 |     }
 25 | 
 26 |     /**
 27 |      * Inject grammars
 28 |      * @param scopeName Scope name to inject
 29 |      * @param injectInto List of host scope names who will suffer the injection
 30 |      */
 31 |     public static linkInjections(scopeName: string, injectInto: string[]) {
 32 |         if (!Array.isArray(injectInto) || !injectInto.every((scope) => typeof scope === 'string')) {
 33 |             throw new TypeError(`Second argument to 'linkInjections' must be an array of strings (scope names)`)
 34 |         }
 35 |         const affectedLanguages = new Set<string>()
 36 |         injectInto.forEach((scope) => {
 37 |             if (Highlighter.scopeNameToInjections.has(scope)) {
 38 |                 Highlighter.scopeNameToInjections.get(scope).add(scopeName)
 39 |             } else {
 40 |                 Highlighter.scopeNameToInjections.set(scope, new Set<string>().add(scopeName))
 41 |             }
 42 |             if (Highlighter.scopeNameToLanguageId.has(scope)) {
 43 |                 affectedLanguages.add(Highlighter.scopeNameToLanguageId.get(scope))
 44 |             }
 45 |         })
 46 |         // Purge existing registry
 47 |         Highlighter.registry = null
 48 |         return Array.from(affectedLanguages)
 49 |     }
 50 | 
 51 |     /**
 52 |      * Uninject grammars
 53 |      * @param scopeName Previously injected scope name to uninject
 54 |      * @param injections If provided injected scope name will be uninjected only from this list of host scope names, otherwise will be uninjected from all
 55 |      */
 56 |     public static unlinkInjections(scopeName: string, injections?: string[]) {
 57 |         if (!Highlighter.scopeNameToInjections.has(scopeName)) {
 58 |             return
 59 |         }
 60 |         const affectedLanguages = new Set<string>()
 61 |         if (!injections) {
 62 |             Highlighter.scopeNameToInjections.forEach((injectionList, hostScopeName) => {
 63 |                 if (injectionList.has(scopeName)) {
 64 |                     if (Highlighter.scopeNameToLanguageId.has(hostScopeName)) {
 65 |                         affectedLanguages.add(Highlighter.scopeNameToLanguageId.get(hostScopeName))
 66 |                     }
 67 |                     injectionList.delete(scopeName)
 68 |                 }
 69 |             })
 70 |         } else if (!Array.isArray(injections) || !injections.every((scope) => typeof scope === 'string')) {
 71 |             throw new TypeError(`Second argument to 'linkInjections' must be an array of strings (scope names)`)
 72 |         } else {
 73 |             Highlighter.scopeNameToInjections.forEach((injectionList, hostScopeName) => {
 74 |                 if (injections.indexOf(hostScopeName) > -1 && injectionList.has(scopeName)) {
 75 |                     if (Highlighter.scopeNameToLanguageId.has(hostScopeName)) {
 76 |                         affectedLanguages.add(Highlighter.scopeNameToLanguageId.get(hostScopeName))
 77 |                     }
 78 |                     injectionList.delete(scopeName)
 79 |                 }
 80 |             })
 81 |         }
 82 |         // Purge existing registry
 83 |         Highlighter.registry = null
 84 |         return Array.from(affectedLanguages)
 85 |     }
 86 | 
 87 |     public static async activateLanguage(scopeName: string, languageId: string, load: 'now' | 'asap' | 'defer' = 'defer'): Promise<boolean> {
 88 |         if (!Highlighter.scopeNameToRawGrammars.has(scopeName)) {
 89 |             throw new Error(`'${scopeName}' doesn't have a grammar registered. Use addGrammar to register grammar for itself and it's dependencies`)
 90 |         }
 91 | 
 92 |         if (Highlighter.languageIdToScopeName.has(languageId)) {
 93 |             throw new Error(`Language with ID '${languageId}' is already bound to '${Highlighter.languageIdToScopeName.get(languageId)}'. Overwrite not allowed`)
 94 |         }
 95 | 
 96 |         Highlighter.languageIdToScopeName.set(languageId, scopeName)
 97 |         Highlighter.scopeNameToLanguageId.set(scopeName, languageId)
 98 |         if (load === 'now') {
 99 |             await Highlighter.loadLanguage(languageId)
100 |             return true
101 |         }
102 |         if (load === 'asap') {
103 |             await requestIdle()
104 |             await Highlighter.loadLanguage(languageId)
105 |             return true
106 |         }
107 |         return false
108 |     }
109 | 
110 |     public static loadLanguage(languageId: string): Promise<IGrammar> {
111 |         const scopeName = Highlighter.languageIdToScopeName.get(languageId)
112 |         if (!scopeName || !Highlighter.scopeNameToRawGrammars.has(scopeName)) {
113 |             return null
114 |         }
115 |         if (!Highlighter.registry) {
116 |             Highlighter.initRegistry()
117 |         }
118 |         return Highlighter.registry.loadGrammar(scopeName)
119 |     }
120 | 
121 |     public static hasLanguageRegistered(languageId: string) {
122 |         return Highlighter.languageIdToScopeName.has(languageId)
123 |     }
124 | 
125 |     private static scopeNameToInjections: Map<string, Set<string>> = new Map()
126 |     private static scopeNameToRawGrammars: Map<string, IRawGrammarSource> = new Map()
127 |     private static scopeNameToLanguageId: Map<string, string> = new Map()
128 |     private static languageIdToScopeName: Map<string, string> = new Map()
129 |     private static registry: Registry
130 | 
131 |     private static initRegistry() {
132 |         Highlighter.registry = new Registry({
133 |             async getGrammarDefinition(scopeName: string, dependentScope: string) {
134 |                 if (!Highlighter.scopeNameToRawGrammars.has(scopeName)) {
135 |                     throw new Error(`Grammar for scope '${scopeName}' not found.${dependentScope ? ` It is a dependency of ${dependentScope}. ` : ''} Use addGrammar to register one.`)
136 |                 }
137 | 
138 |                 let grammar = Highlighter.scopeNameToRawGrammars.get(scopeName)
139 |                 if (typeof grammar === 'function') {
140 |                     grammar = grammar(scopeName)
141 |                     Highlighter.scopeNameToRawGrammars.set(scopeName, grammar)
142 |                 }
143 | 
144 |                 if (grammar instanceof Promise) {
145 |                     grammar = await grammar
146 |                     Highlighter.scopeNameToRawGrammars.set(scopeName, grammar)
147 |                 }
148 | 
149 |                 if (grammar !== null && typeof grammar === 'object') {
150 |                     return {
151 |                         content: grammar as IRawGrammar,
152 |                         format: 'json' as any,
153 |                     }
154 |                 }
155 |                 return null
156 |             },
157 |             getInjections(scopeName: string): string[] {
158 |                 if (Highlighter.scopeNameToInjections.has(scopeName)) {
159 |                     return Array.from(Highlighter.scopeNameToInjections.get(scopeName))
160 |                 }
161 |             },
162 |         })
163 |     }
164 | 
165 |     private rawTheme: ITextmateThemePlus
166 |     private theme: Theme
167 |     private cachedCssText: string
168 | 
169 |     constructor(theme?: ITextmateThemePlus) {
170 |         if (theme) {
171 |             if (typeof theme.name !== 'string') {
172 |                 throw new TypeError(`Theme object must have 'name' property for referencing purposes`)
173 |             }
174 |             this.rawTheme = theme
175 |             this.theme = Theme.createFromRawTheme(theme)
176 |         }
177 |     }
178 | 
179 |     public get cssText() {
180 |         if (!this.cachedCssText) {
181 |             this.cachedCssText = cssTextFromTmTheme(this.rawTheme)
182 |         }
183 |         return this.cachedCssText
184 |     }
185 | 
186 |     public async getTokenizer(languageId: string) {
187 |         const grammar = await Highlighter.loadLanguage(languageId)
188 |         return (stream: CodeMirror.StringStream, state: IHighlighterState): string => {
189 |             const { pos, string: str } = stream
190 |             if (pos === 0) {
191 |                 const { ruleStack, tokens } = grammar.tokenizeLine(str, state.ruleStack)
192 |                 state.tokensCache = tokens.slice()
193 |                 state.ruleStack = ruleStack
194 |             }
195 | 
196 |             const { tokensCache } = state
197 |             const nextToken = tokensCache.shift()
198 |             if (!nextToken) {
199 |                 stream.skipToEnd()
200 |                 return null
201 |             }
202 |             const { endIndex, scopes } = nextToken
203 |             stream.eatWhile(() => stream.pos < endIndex)
204 | 
205 |             return this.theme
206 |                 ? this.tmScopeToTmThemeToken(scopes)
207 |                 : this.tmScopeToCmToken(scopes)
208 |         }
209 |     }
210 | 
211 |     private tmScopeToCmToken(scopes: string[]): string {
212 |         let i = scopes.length - 1
213 |         let cmToken = null
214 |         do {
215 |             cmToken = tmScopeToCmToken(scopes[i--])
216 |         } while (!cmToken && i >= 0)
217 |         return cmToken
218 |     }
219 | 
220 |     private tmScopeToTmThemeToken(scopes: string[]): string {
221 |         let i = scopes.length - 1
222 |         let cmToken = null
223 |         do {
224 |             const { foreground, fontStyle } = this.theme.match(scopes[i--])[0]
225 |             if (foreground > 0) {
226 |                 cmToken = `tm-${foreground}`
227 |                 cmToken = fontStyle === 0
228 |                     ? cmToken
229 |                     : fontStyle === 1
230 |                         ? cmToken + ' em'
231 |                         : fontStyle === 2
232 |                             ? cmToken + ' strong'
233 |                             : cmToken
234 |             }
235 |         } while (!cmToken && i >= 0)
236 |         return cmToken
237 |     }
238 | }
239 | 
240 | export { Highlighter }
241 | 


--------------------------------------------------------------------------------
/src/index.ts:
--------------------------------------------------------------------------------
  1 | import * as CodeMirror from 'codemirror'
  2 | import { INITIAL, IRawTheme, StackElement } from 'monaco-textmate'
  3 | import * as PCancelable from 'p-cancelable'
  4 | import { Highlighter } from './Highlighter'
  5 | 
  6 | export interface ITextmateThemePlus extends IRawTheme {
  7 |     gutterSettings?: {
  8 |         background?: string
  9 |         divider?: string
 10 |         foreground?: string
 11 |         lineActiveBackground?: string
 12 |         lineActiveForeground?: string
 13 |     }
 14 | }
 15 | 
 16 | export const addGrammar = Highlighter.addGrammar
 17 | export const activateLanguage = Highlighter.activateLanguage
 18 | 
 19 | /**
 20 |  * Inject grammars into grammars
 21 |  * Returns an array of language ID's that were udpated
 22 |  * 
 23 |  * @param scopeName Scope name that needs to be injected into other grammars
 24 |  * @param injectInto List of host scope names
 25 |  */
 26 | export async function linkInjections(scopeName: string, injectInto: string[]) {
 27 |     const affectedLanguages = Highlighter.linkInjections(scopeName, injectInto)
 28 |     await updateCmTmBindings(null, affectedLanguages)
 29 |     return affectedLanguages
 30 | }
 31 | 
 32 | /**
 33 |  * Uninject grammars out of grammars
 34 |  * Returns an array of language ID's that were udpated
 35 |  * 
 36 |  * @param scopeName Scope name that needs to be uninjected out of other grammars
 37 |  * @param unInjectFrom  If provided, scope name will be uninjected only from this list of host scope names, otherwise will be uninjected from all
 38 |  */
 39 | export async function unlinkInjections(scopeName: string, unInjectFrom: string[]) {
 40 |     const affectedLanguages = Highlighter.unlinkInjections(scopeName, unInjectFrom)
 41 |     await updateCmTmBindings(null, affectedLanguages)
 42 |     return affectedLanguages
 43 | }
 44 | 
 45 | export const themedHighlighters: Map<string, Highlighter> = new Map()
 46 | themedHighlighters.set('default', new Highlighter())
 47 | 
 48 | /**
 49 |  * Add a Textmate theme to CodeMirror
 50 |  * 
 51 |  * @param theme Theme object
 52 |  */
 53 | export function addTheme(theme: ITextmateThemePlus): void {
 54 |     // TODO: add regex check to theme.name to make sure it's valid CSS classname too
 55 |     if (typeof theme.name !== 'string') {
 56 |         throw new Error(`RawTheme must have 'name' property for referencing purposes`)
 57 |     }
 58 |     themedHighlighters.set(theme.name, new Highlighter(theme))
 59 | }
 60 | 
 61 | const updateCmTmBindings = (() => {
 62 |     // local "static" variables
 63 |     const cmModeToTheme: Map<string /* languageID */, string /* theme */> = new Map()
 64 |     const cmThemeRecord: WeakMap<CodeMirror.Editor, string /* theme */> = new WeakMap()
 65 |     const tmThemeStyleNodes: Map<string, { styleNode: HTMLStyleElement; inUseBy: WeakSet<CodeMirror.Editor>; inUseByCount: number }> = new Map()
 66 |     /**
 67 |      * wrapper around CodeMirror.defineMode
 68 |      * If CodeMirror.defineMode is directly called in the primary function below, it causes memory leak by not letting go of cm variable (forms a closure?)
 69 |      */
 70 |     const defineMode = (languageId: string, tokenizer: any) => {
 71 |         CodeMirror.defineMode<{ ruleStack: StackElement }>(languageId, () => {
 72 |             return {
 73 |                 copyState: (state) => ({ ruleStack: state.ruleStack.clone() }),
 74 |                 startState: () => ({ ruleStack: INITIAL }),
 75 |                 token: tokenizer,
 76 |             }
 77 |         })
 78 |     }
 79 | 
 80 |     return (cm: CodeMirror.Editor, invalidateLanguages?: string[]) => new PCancelable<boolean>(async (resolve, reject, onCancel) => {
 81 |         (onCancel as any).shouldReject = false
 82 |         let canceled = false
 83 |         onCancel(() => canceled = true)
 84 | 
 85 |         if (!cm) {
 86 |             if (Array.isArray(invalidateLanguages)) {
 87 |                 await Promise.all(invalidateLanguages.map(async (lang) => {
 88 |                     // invalidate previously defined CM mode
 89 |                     if (cmModeToTheme.delete(lang)) {
 90 |                         // preload update
 91 |                         await Highlighter.loadLanguage(lang)
 92 |                     }
 93 |                 }))
 94 |             }
 95 |             return resolve(false)
 96 |         }
 97 | 
 98 |         const languageId = cm.getOption('mode')
 99 |         const themeName = cm.getOption('theme')
100 |         // get theme name that was bound last time this mode was baked
101 |         const languageBoundTheme = cmModeToTheme.get(languageId)
102 |         const prevThemeName = cmThemeRecord.get(cm) || 'default'
103 | 
104 |         const highlighter = themedHighlighters.get(themeName) || themedHighlighters.get('default')
105 |         const isTextMateTheme = themeName !== 'default' && themedHighlighters.has(themeName)
106 | 
107 |         cmThemeRecord.set(cm, themeName)
108 |         if (Highlighter.hasLanguageRegistered(languageId)) {
109 |             cmModeToTheme.set(languageId, themeName)
110 |         }
111 | 
112 |         // Cleanup previous theme resources (if any)
113 |         if (typeof prevThemeName === 'string' &&
114 |             prevThemeName !== 'default' &&
115 |             prevThemeName !== themeName &&
116 |             themedHighlighters.has(themeName) &&
117 |             tmThemeStyleNodes.has(prevThemeName)) {
118 |             const meta = tmThemeStyleNodes.get(prevThemeName)
119 |             if (meta.inUseBy.has(cm) && meta.inUseByCount === 1) {
120 |                 tmThemeStyleNodes.delete(prevThemeName)
121 |                 document.head.removeChild(meta.styleNode)
122 |             } else {
123 |                 meta.inUseBy.delete(cm)
124 |                 meta.inUseByCount--
125 |             }
126 |         }
127 | 
128 |         // Allocate new theme resources (if applicable)
129 |         if (isTextMateTheme) {
130 |             if (tmThemeStyleNodes.has(themeName)) {
131 |                 const meta = tmThemeStyleNodes.get(themeName)
132 |                 if (!meta.inUseBy.has(cm)) {
133 |                     meta.inUseBy.add(cm)
134 |                     meta.inUseByCount++
135 |                 }
136 |             } else {
137 |                 const styleNode = document.createElement('style')
138 |                 styleNode.textContent = highlighter.cssText
139 |                 tmThemeStyleNodes.set(themeName, { styleNode, inUseBy: new WeakSet().add(cm), inUseByCount: 1 })
140 |                 document.head.appendChild(styleNode)
141 |             }
142 |         }
143 | 
144 |         // Nothing much "changed", hence nothing much is needs to be done
145 |         if (typeof languageId === 'string' && typeof themeName === 'string' && typeof languageBoundTheme === 'string' &&
146 |             // new theme is same as theme that was baked with language previously
147 |             languageBoundTheme === themeName) {
148 |             return resolve(prevThemeName !== themeName)
149 |         }
150 | 
151 |         // skip if language id cannot be resolved to tm grammar scope
152 |         if (!Highlighter.hasLanguageRegistered(languageId)) {
153 |             return resolve(false)
154 |         }
155 | 
156 |         const tokenizer = await highlighter.getTokenizer(languageId)
157 | 
158 |         // user probably changed theme or mode in the meantime, this fn will be triggered again anyway
159 |         if (canceled) {
160 |             return resolve(false)
161 |         }
162 | 
163 |         defineMode(languageId, tokenizer)
164 | 
165 |         resolve(true)
166 |     })
167 | })()
168 | 
169 | /**
170 |  * Wrapper around `udpateCmTmBindings` that prevents race conditions and obsolute changes
171 |  * Will queue all the CM instances that need an update and will update them one by one (while merging duplicate instances)
172 |  */
173 | const safeUpdateCM = (() => {
174 |     const queue: CodeMirror.Editor[] = []
175 |     const resolverCallbacks: WeakMap<CodeMirror.Editor, (success: boolean) => void> = new WeakMap()
176 |     let currentActivation: PCancelable.PCancelable<boolean>
177 |     const proceed = async () => {
178 |         const nextCM = queue[0]
179 |         if (!nextCM) {
180 |             return
181 |         }
182 |         currentActivation = updateCmTmBindings(nextCM)
183 |         const resolver = resolverCallbacks.get(nextCM)
184 |         resolver(await currentActivation)
185 |         resolverCallbacks.delete(nextCM)
186 |         queue.shift()
187 |         currentActivation = null
188 |         proceed()
189 |     }
190 | 
191 |     return async (cm: CodeMirror.Editor) => {
192 |         // currently happening but now obsolete
193 |         if (queue[0] === cm && currentActivation) {
194 |             currentActivation.cancel()
195 |             const prevResolver = resolverCallbacks.get(cm)
196 |             resolverCallbacks.delete(cm)
197 |             queue.shift()
198 |             queue.push(cm)
199 |             prevResolver(false)
200 |         }
201 |         // if hasn't been queued up yet then do it
202 |         if (queue.indexOf(cm) === -1) {
203 |             queue.push(cm)
204 |         }
205 |         const prom = new Promise<boolean>((res) => {
206 |             resolverCallbacks.set(cm, res)
207 |         })
208 |         // No work is being done === queue not proceeding => start the queue
209 |         if (!currentActivation) {
210 |             proceed()
211 |         }
212 | 
213 |         return prom
214 |     }
215 | })()
216 | 
217 | CodeMirror.defineInitHook(async (cm: CodeMirror.Editor) => {
218 |     let shouldIgnoreNextEvent = false
219 |     let lastLanguageId = null
220 |     async function updateInstance() {
221 |         const langId = cm.getOption('mode')
222 |         if (shouldIgnoreNextEvent && langId === lastLanguageId) {
223 |             shouldIgnoreNextEvent = false
224 |             return
225 |         }
226 | 
227 |         if (await safeUpdateCM(cm)) {
228 |             lastLanguageId = langId
229 |             shouldIgnoreNextEvent = true
230 |             cm.setOption('mode', langId)
231 |         }
232 |     }
233 | 
234 |     cm.on('swapDoc', updateInstance)
235 |     cm.on('optionChange' as any, (inst, option: unknown) => {
236 |         if (option === 'mode' || option === 'theme') {
237 |             updateInstance()
238 |         }
239 |     })
240 | 
241 |     updateInstance()
242 | })
243 | 


--------------------------------------------------------------------------------
/src/tmToCm.ts:
--------------------------------------------------------------------------------
  1 | import * as LRU from 'lru-cache'
  2 | import { Theme } from 'monaco-textmate/dist/theme'
  3 | import { ITextmateThemePlus } from '.'
  4 | 
  5 | export enum CmToken {
  6 |     Atom = 'atom',
  7 |     Attribute = 'attribute',
  8 |     Bracket = 'bracket',
  9 |     Builtin = 'builtin',
 10 |     Comment = 'comment',
 11 |     Def = 'def',
 12 |     Error = 'error',
 13 |     Header = 'header',
 14 |     HR = 'hr',
 15 |     Keyword = 'keyword',
 16 |     Link = 'link',
 17 |     Meta = 'meta',
 18 |     Number = 'number',
 19 |     Operator = 'operator',
 20 |     Property = 'property',
 21 |     Qualifier = 'qualifier',
 22 |     Quote = 'quote',
 23 |     String = 'string',
 24 |     String2 = 'string-2',
 25 |     Tag = 'tag',
 26 |     Type = 'type',
 27 |     Variable = 'variable',
 28 |     Variable2 = 'variable-2',
 29 |     Variable3 = 'variable-3',
 30 | }
 31 | 
 32 | 
 33 | /**
 34 |  * Generates css style rules from TM theme
 35 |  * Backwards compatible with Codemirror tokens (this theme WILL apply to traditional Codemirror modes)
 36 |  */
 37 | export function cssTextFromTmTheme(rawTheme: ITextmateThemePlus): string {
 38 |     const theme = Theme.createFromRawTheme(rawTheme)
 39 |     const cccmTokenColors = {
 40 |         [CmToken.Atom]: theme.match('constant.language')[0].foreground,
 41 |         [CmToken.Attribute]: theme.match('entity.other.attribute-name')[0].foreground,
 42 |         [CmToken.Bracket]: theme.match('punctuation.definition.tag')[0].foreground,
 43 |         [CmToken.Builtin]: theme.match('support.function')[0].foreground,
 44 |         [CmToken.Comment]: theme.match('comment')[0].foreground,
 45 |         [CmToken.Def]: theme.match('entity.name.function')[0].foreground,
 46 |         [CmToken.Error]: null,
 47 |         [CmToken.Header]: null,
 48 |         [CmToken.HR]: null,
 49 |         [CmToken.Keyword]: theme.match('keyword')[0].foreground,
 50 |         [CmToken.Link]: null,
 51 |         [CmToken.Meta]: theme.match('meta')[0].foreground,
 52 |         [CmToken.Number]: theme.match('constant.numeric')[0].foreground,
 53 |         [CmToken.Operator]: theme.match('keyword.operator')[0].foreground,
 54 |         [CmToken.Property]: theme.match('variable.other.property')[0].foreground,
 55 |         [CmToken.Qualifier]: null,
 56 |         [CmToken.Quote]: null,
 57 |         [CmToken.String]: theme.match('string')[0].foreground,
 58 |         [CmToken.String2]: theme.match('string.regexp')[0].foreground,
 59 |         [CmToken.Tag]: theme.match('entity.name.tag')[0].foreground,
 60 |         [CmToken.Type]: theme.match('storage.type')[0].foreground,
 61 |         [CmToken.Variable]: theme.match('variable.other.object')[0].foreground,
 62 |         [CmToken.Variable2]: theme.match('support.class.builtin')[0].foreground,
 63 |         [CmToken.Variable3]: null,
 64 |     }
 65 | 
 66 |     const { name, settings, gutterSettings } = rawTheme
 67 |     const prefix = `.cm-s-${name}`
 68 |     const lines = []
 69 | 
 70 |     const { settings: generalSettings } = settings.find((rule) => !rule.scope) || {} as any
 71 |     if (generalSettings) {
 72 |         const { background, caret, foreground, lineHighlight, selection } = generalSettings
 73 |         lines.push(`${prefix}.CodeMirror {`)
 74 |         if (background) {
 75 |             lines.push(`\tbackground: ${background};`)
 76 |         }
 77 |         if (foreground) {
 78 |             lines.push(`\tcolor: ${foreground};`)
 79 |         }
 80 |         lines.push('}')
 81 | 
 82 |         if (caret) {
 83 |             lines.push(`${prefix} .CodeMirror-cursor { border-left-color: ${caret}; }`)
 84 |         }
 85 | 
 86 |         if (lineHighlight) {
 87 |             lines.push(`${prefix} .CodeMirror-activeline-background { background: ${lineHighlight}; }`)
 88 |         }
 89 | 
 90 |         if (selection) {
 91 |             lines.push(`${prefix} .CodeMirror-selected { background: ${selection}; }`)
 92 |         }
 93 |     }
 94 | 
 95 |     if (gutterSettings) {
 96 |         const { background, divider, foreground, lineActiveBackground, lineActiveForeground } = gutterSettings
 97 |         lines.push(`${prefix} .CodeMirror-gutters {`)
 98 |         if (background) {
 99 |             lines.push(`\tbackground: ${background};`)
100 |         }
101 |         if (divider) {
102 |             lines.push(`\tborder-right-color: ${divider};`)
103 |         }
104 |         lines.push('}')
105 | 
106 |         if (foreground) {
107 |             lines.push(`${prefix} .CodeMirror-linenumber { color: ${foreground}; }`)
108 |         }
109 | 
110 |         if (lineActiveBackground) {
111 |             lines.push(`${prefix} .CodeMirror-activeline .CodeMirror-activeline-gutter { background: ${lineActiveBackground}; }`)
112 |         }
113 | 
114 |         if (lineActiveForeground) {
115 |             lines.push(`${prefix} .CodeMirror-activeline .CodeMirror-linenumber { color: ${lineActiveForeground}; }`)
116 |         }
117 |     }
118 |     const colorMap = theme.getColorMap()
119 | 
120 |     for (const token in cccmTokenColors) {
121 |         const colorId = cccmTokenColors[token]
122 |         if (colorId) {
123 |             lines.push(`${prefix} .cm-${token} { color: ${colorMap[colorId]} }`)
124 |         }
125 |     }
126 | 
127 |     return lines
128 |         .concat(...colorMap.map((color, i) => `${prefix} .cm-tm-${i} { color: ${color} }`))
129 |         .join('\n')
130 | }
131 | 
132 | 
133 | const tmToCm = {
134 |     comment: {
135 |         $: CmToken.Comment,
136 |     },
137 | 
138 |     constant: {
139 |         // TODO: Revision
140 |         $: CmToken.Def,
141 |         character: {
142 |             escape: {
143 |                 $: CmToken.String2,
144 |             },
145 |         },
146 |         language: {
147 |             $: CmToken.Atom,
148 |         },
149 |         numeric: {
150 |             $: CmToken.Number,
151 |         },
152 |         other: {
153 |             email: {
154 |                 link: {
155 |                     $: CmToken.Link,
156 |                 },
157 |             },
158 |             symbol: {
159 |                 // TODO: Revision
160 |                 $: CmToken.Def,
161 |             },
162 |         },
163 |     },
164 | 
165 |     entity: {
166 |         name: {
167 |             class: {
168 |                 $: CmToken.Def,
169 |             },
170 |             function: {
171 |                 $: CmToken.Def,
172 |             },
173 |             tag: {
174 |                 $: CmToken.Tag,
175 |             },
176 |             type: {
177 |                 $: CmToken.Type,
178 |                 class: {
179 |                     $: CmToken.Variable,
180 |                 },
181 |             },
182 |         },
183 |         other: {
184 |             'attribute-name': {
185 |                 $: CmToken.Attribute,
186 |             },
187 |             'inherited-class': {
188 |                 // TODO: Revision
189 |                 $: CmToken.Def,
190 |             },
191 |         },
192 |         support: {
193 |             function: {
194 |                 // TODO: Revision
195 |                 $: CmToken.Def,
196 |             },
197 |         },
198 |     },
199 | 
200 |     keyword: {
201 |         $: CmToken.Keyword,
202 |         operator: {
203 |             $: CmToken.Operator,
204 |         },
205 |         other: {
206 |             'special-method': CmToken.Def,
207 |         },
208 |     },
209 |     punctuation: {
210 |         $: CmToken.Operator,
211 |         definition: {
212 |             comment: {
213 |                 $: CmToken.Comment,
214 |             },
215 |             tag: {
216 |                 $: CmToken.Bracket,
217 |             },
218 |             // 'template-expression': {
219 |             //     $: CodeMirrorToken.Operator,
220 |             // },
221 |         },
222 |         // terminator: {
223 |         //     $: CodeMirrorToken.Operator,
224 |         // },
225 |     },
226 | 
227 |     storage: {
228 |         $: CmToken.Keyword,
229 |     },
230 | 
231 |     string: {
232 |         $: CmToken.String,
233 |         regexp: {
234 |             $: CmToken.String2,
235 |         },
236 |     },
237 | 
238 |     support: {
239 |         class: {
240 |             $: CmToken.Def,
241 |         },
242 |         constant: {
243 |             $: CmToken.Variable2,
244 |         },
245 |         function: {
246 |             $: CmToken.Def,
247 |         },
248 |         type: {
249 |             $: CmToken.Type,
250 |         },
251 |         variable: {
252 |             $: CmToken.Variable2,
253 |             property: {
254 |                 $: CmToken.Property,
255 |             },
256 |         },
257 |     },
258 | 
259 |     variable: {
260 |         $: CmToken.Def,
261 |         language: {
262 |             // TODO: Revision
263 |             $: CmToken.Variable3,
264 |         },
265 |         other: {
266 |             object: {
267 |                 $: CmToken.Variable,
268 |                 property: {
269 |                     $: CmToken.Property,
270 |                 },
271 |             },
272 |             property: {
273 |                 $: CmToken.Property,
274 |             },
275 |         },
276 |         parameter: {
277 |             $: CmToken.Def,
278 |         },
279 |     },
280 | }
281 | 
282 | function walk(scopeSegments: string[], tree = tmToCm): CmToken {
283 |     const first = scopeSegments.shift()
284 |     const node = tree[first]
285 |     if (node) {
286 |         return walk(scopeSegments, node) || node.$ || null
287 |     }
288 |     return null
289 | }
290 | 
291 | const dotRE = /\./
292 | const cache = new LRU<string, CmToken>({ max: 2000 })
293 | export function tmScopeToCmToken(scope: string): CmToken {
294 |     if (!cache.has(scope)) {
295 |         cache.set(scope, walk(scope.split(dotRE)))
296 |     }
297 |     return cache.get(scope)
298 | }
299 | 


--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "compilerOptions": {
 3 |         "moduleResolution": "node",
 4 |         "target": "es6",
 5 |         "outDir": "dist",
 6 |         "module": "commonjs",
 7 |         "declaration": true,
 8 |         "declarationDir": "dist/typings",
 9 |         "sourceMap": true,
10 |         "resolveJsonModule": true
11 |     },
12 |     "exclude": [
13 |         "demo",
14 |         "dist"
15 |     ]
16 | }


--------------------------------------------------------------------------------
/tslint.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "extends": [
 3 |         "tslint:recommended"
 4 |     ],
 5 |     "jsRules": {},
 6 |     "rules": {
 7 |         "quotemark": [true, "single"],
 8 |         "semicolon": [true, "never"],
 9 |         "max-line-length": false,
10 |         "prefer-for-of": false,
11 |         "no-bitwise": false,
12 |         "forin": false,
13 |         "callable-types": true,
14 |     }
15 | }


--------------------------------------------------------------------------------