| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310 |
- /*---------------------------------------------------------------------------------------------
- * Copyright (c) Microsoft Corporation. All rights reserved.
- * Licensed under the MIT License. See License.txt in the project root for license information.
- *--------------------------------------------------------------------------------------------*/
- define('vs/basic-languages/html/html',["require", "exports", "../fillers/monaco-editor-core"], function (require, exports, monaco_editor_core_1) {
- "use strict";
- Object.defineProperty(exports, "__esModule", { value: true });
- exports.language = exports.conf = void 0;
- var EMPTY_ELEMENTS = [
- 'area',
- 'base',
- 'br',
- 'col',
- 'embed',
- 'hr',
- 'img',
- 'input',
- 'keygen',
- 'link',
- 'menuitem',
- 'meta',
- 'param',
- 'source',
- 'track',
- 'wbr'
- ];
- exports.conf = {
- wordPattern: /(-?\d*\.\d\w*)|([^\`\~\!\@\$\^\&\*\(\)\=\+\[\{\]\}\\\|\;\:\'\"\,\.\<\>\/\s]+)/g,
- comments: {
- blockComment: ['<!--', '-->']
- },
- brackets: [
- ['<!--', '-->'],
- ['<', '>'],
- ['{', '}'],
- ['(', ')']
- ],
- autoClosingPairs: [
- { open: '{', close: '}' },
- { open: '[', close: ']' },
- { open: '(', close: ')' },
- { open: '"', close: '"' },
- { open: "'", close: "'" }
- ],
- surroundingPairs: [
- { open: '"', close: '"' },
- { open: "'", close: "'" },
- { open: '{', close: '}' },
- { open: '[', close: ']' },
- { open: '(', close: ')' },
- { open: '<', close: '>' }
- ],
- onEnterRules: [
- {
- beforeText: new RegExp("<(?!(?:" + EMPTY_ELEMENTS.join('|') + "))([_:\\w][_:\\w-.\\d]*)([^/>]*(?!/)>)[^<]*$", 'i'),
- afterText: /^<\/([_:\w][_:\w-.\d]*)\s*>$/i,
- action: {
- indentAction: monaco_editor_core_1.languages.IndentAction.IndentOutdent
- }
- },
- {
- beforeText: new RegExp("<(?!(?:" + EMPTY_ELEMENTS.join('|') + "))(\\w[\\w\\d]*)([^/>]*(?!/)>)[^<]*$", 'i'),
- action: { indentAction: monaco_editor_core_1.languages.IndentAction.Indent }
- }
- ],
- folding: {
- markers: {
- start: new RegExp('^\\s*<!--\\s*#region\\b.*-->'),
- end: new RegExp('^\\s*<!--\\s*#endregion\\b.*-->')
- }
- }
- };
- exports.language = {
- defaultToken: '',
- tokenPostfix: '.html',
- ignoreCase: true,
- // The main tokenizer for our languages
- tokenizer: {
- root: [
- [/<!DOCTYPE/, 'metatag', '@doctype'],
- [/<!--/, 'comment', '@comment'],
- [/(<)((?:[\w\-]+:)?[\w\-]+)(\s*)(\/>)/, ['delimiter', 'tag', '', 'delimiter']],
- [/(<)(script)/, ['delimiter', { token: 'tag', next: '@script' }]],
- [/(<)(style)/, ['delimiter', { token: 'tag', next: '@style' }]],
- [/(<)((?:[\w\-]+:)?[\w\-]+)/, ['delimiter', { token: 'tag', next: '@otherTag' }]],
- [/(<\/)((?:[\w\-]+:)?[\w\-]+)/, ['delimiter', { token: 'tag', next: '@otherTag' }]],
- [/</, 'delimiter'],
- [/[^<]+/] // text
- ],
- doctype: [
- [/[^>]+/, 'metatag.content'],
- [/>/, 'metatag', '@pop']
- ],
- comment: [
- [/-->/, 'comment', '@pop'],
- [/[^-]+/, 'comment.content'],
- [/./, 'comment.content']
- ],
- otherTag: [
- [/\/?>/, 'delimiter', '@pop'],
- [/"([^"]*)"/, 'attribute.value'],
- [/'([^']*)'/, 'attribute.value'],
- [/[\w\-]+/, 'attribute.name'],
- [/=/, 'delimiter'],
- [/[ \t\r\n]+/] // whitespace
- ],
- // -- BEGIN <script> tags handling
- // After <script
- script: [
- [/type/, 'attribute.name', '@scriptAfterType'],
- [/"([^"]*)"/, 'attribute.value'],
- [/'([^']*)'/, 'attribute.value'],
- [/[\w\-]+/, 'attribute.name'],
- [/=/, 'delimiter'],
- [
- />/,
- {
- token: 'delimiter',
- next: '@scriptEmbedded',
- nextEmbedded: 'text/javascript'
- }
- ],
- [/[ \t\r\n]+/],
- [/(<\/)(script\s*)(>)/, ['delimiter', 'tag', { token: 'delimiter', next: '@pop' }]]
- ],
- // After <script ... type
- scriptAfterType: [
- [/=/, 'delimiter', '@scriptAfterTypeEquals'],
- [
- />/,
- {
- token: 'delimiter',
- next: '@scriptEmbedded',
- nextEmbedded: 'text/javascript'
- }
- ],
- [/[ \t\r\n]+/],
- [/<\/script\s*>/, { token: '@rematch', next: '@pop' }]
- ],
- // After <script ... type =
- scriptAfterTypeEquals: [
- [
- /"([^"]*)"/,
- {
- token: 'attribute.value',
- switchTo: '@scriptWithCustomType.$1'
- }
- ],
- [
- /'([^']*)'/,
- {
- token: 'attribute.value',
- switchTo: '@scriptWithCustomType.$1'
- }
- ],
- [
- />/,
- {
- token: 'delimiter',
- next: '@scriptEmbedded',
- nextEmbedded: 'text/javascript'
- }
- ],
- [/[ \t\r\n]+/],
- [/<\/script\s*>/, { token: '@rematch', next: '@pop' }]
- ],
- // After <script ... type = $S2
- scriptWithCustomType: [
- [
- />/,
- {
- token: 'delimiter',
- next: '@scriptEmbedded.$S2',
- nextEmbedded: '$S2'
- }
- ],
- [/"([^"]*)"/, 'attribute.value'],
- [/'([^']*)'/, 'attribute.value'],
- [/[\w\-]+/, 'attribute.name'],
- [/=/, 'delimiter'],
- [/[ \t\r\n]+/],
- [/<\/script\s*>/, { token: '@rematch', next: '@pop' }]
- ],
- scriptEmbedded: [
- [/<\/script/, { token: '@rematch', next: '@pop', nextEmbedded: '@pop' }],
- [/[^<]+/, '']
- ],
- // -- END <script> tags handling
- // -- BEGIN <style> tags handling
- // After <style
- style: [
- [/type/, 'attribute.name', '@styleAfterType'],
- [/"([^"]*)"/, 'attribute.value'],
- [/'([^']*)'/, 'attribute.value'],
- [/[\w\-]+/, 'attribute.name'],
- [/=/, 'delimiter'],
- [
- />/,
- {
- token: 'delimiter',
- next: '@styleEmbedded',
- nextEmbedded: 'text/css'
- }
- ],
- [/[ \t\r\n]+/],
- [/(<\/)(style\s*)(>)/, ['delimiter', 'tag', { token: 'delimiter', next: '@pop' }]]
- ],
- // After <style ... type
- styleAfterType: [
- [/=/, 'delimiter', '@styleAfterTypeEquals'],
- [
- />/,
- {
- token: 'delimiter',
- next: '@styleEmbedded',
- nextEmbedded: 'text/css'
- }
- ],
- [/[ \t\r\n]+/],
- [/<\/style\s*>/, { token: '@rematch', next: '@pop' }]
- ],
- // After <style ... type =
- styleAfterTypeEquals: [
- [
- /"([^"]*)"/,
- {
- token: 'attribute.value',
- switchTo: '@styleWithCustomType.$1'
- }
- ],
- [
- /'([^']*)'/,
- {
- token: 'attribute.value',
- switchTo: '@styleWithCustomType.$1'
- }
- ],
- [
- />/,
- {
- token: 'delimiter',
- next: '@styleEmbedded',
- nextEmbedded: 'text/css'
- }
- ],
- [/[ \t\r\n]+/],
- [/<\/style\s*>/, { token: '@rematch', next: '@pop' }]
- ],
- // After <style ... type = $S2
- styleWithCustomType: [
- [
- />/,
- {
- token: 'delimiter',
- next: '@styleEmbedded.$S2',
- nextEmbedded: '$S2'
- }
- ],
- [/"([^"]*)"/, 'attribute.value'],
- [/'([^']*)'/, 'attribute.value'],
- [/[\w\-]+/, 'attribute.name'],
- [/=/, 'delimiter'],
- [/[ \t\r\n]+/],
- [/<\/style\s*>/, { token: '@rematch', next: '@pop' }]
- ],
- styleEmbedded: [
- [/<\/style/, { token: '@rematch', next: '@pop', nextEmbedded: '@pop' }],
- [/[^<]+/, '']
- ]
- // -- END <style> tags handling
- }
- };
- });
- // TESTED WITH:
- // <!DOCTYPE html>
- // <html>
- // <head>
- // <title>Monarch Workbench</title>
- // <meta http-equiv="X-UA-Compatible" content="IE=edge" />
- // <!----
- // -- -- -- a comment -- -- --
- // ---->
- // <style bah="bah">
- // body { font-family: Consolas; } /* nice */
- // </style>
- // </head
- // >
- // a = "asd"
- // <body>
- // <br/>
- // <div
- // class
- // =
- // "test"
- // >
- // <script>
- // function() {
- // alert("hi </ script>"); // javascript
- // };
- // </script>
- // <script
- // bah="asdfg"
- // type="text/css"
- // >
- // .bar { text-decoration: underline; }
- // </script>
- // </div>
- // </body>
- // </html>
- ;
|