|
|
@@ -0,0 +1,329 @@
|
|
|
+/*---------------------------------------------------------------------------------------------
|
|
|
+ * Copyright (c) Microsoft Corporation. All rights reserved.
|
|
|
+ * Licensed under the MIT License. See License.txt in the project root for license information.
|
|
|
+ *--------------------------------------------------------------------------------------------*/
|
|
|
+
|
|
|
+'use strict';
|
|
|
+
|
|
|
+import IRichLanguageConfiguration = monaco.languages.LanguageConfiguration;
|
|
|
+import ILanguage = monaco.languages.IMonarchLanguage;
|
|
|
+
|
|
|
+// Allow for running under nodejs/requirejs in tests
|
|
|
+var _monaco: typeof monaco = (typeof monaco === 'undefined' ? (<any>self).monaco : monaco);
|
|
|
+
|
|
|
+const EMPTY_ELEMENTS:string[] = ['area', 'base', 'br', 'col', 'embed', 'hr', 'img', 'input', 'keygen', 'link', 'menuitem', 'meta', 'param', 'source', 'track', 'wbr'];
|
|
|
+
|
|
|
+export var conf:IRichLanguageConfiguration = {
|
|
|
+ wordPattern: /(-?\d*\.\d\w*)|([^\`\~\!\@\$\^\&\*\(\)\-\=\+\[\{\]\}\\\|\;\:\'\"\,\.\<\>\/\s]+)/g,
|
|
|
+
|
|
|
+ comments: {
|
|
|
+ blockComment: ['<!--', '-->']
|
|
|
+ },
|
|
|
+
|
|
|
+ brackets: [
|
|
|
+ ['<!--', '-->'],
|
|
|
+ ['{', '}'],
|
|
|
+ ['(', ')']
|
|
|
+ ],
|
|
|
+
|
|
|
+ __electricCharacterSupport: {
|
|
|
+ embeddedElectricCharacters: ['*', '}', ']', ')']
|
|
|
+ },
|
|
|
+
|
|
|
+ autoClosingPairs: [
|
|
|
+ { open: '{', close: '}' },
|
|
|
+ { open: '[', close: ']' },
|
|
|
+ { open: '(', close: ')' },
|
|
|
+ { open: '"', close: '"' },
|
|
|
+ { open: '\'', close: '\'' }
|
|
|
+ ],
|
|
|
+ surroundingPairs: [
|
|
|
+ { open: '"', close: '"' },
|
|
|
+ { open: '\'', close: '\'' }
|
|
|
+ ],
|
|
|
+
|
|
|
+ onEnterRules: [
|
|
|
+ {
|
|
|
+ beforeText: new RegExp(`<(?!(?:${EMPTY_ELEMENTS.join('|')}))(\\w[\\w\\d]*)([^/>]*(?!/)>)[^<]*$`, 'i'),
|
|
|
+ afterText: /^<\/(\w[\w\d]*)\s*>$/i,
|
|
|
+ action: { indentAction: _monaco.languages.IndentAction.IndentOutdent }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ beforeText: new RegExp(`<(?!(?:${EMPTY_ELEMENTS.join('|')}))(\\w[\\w\\d]*)([^/>]*(?!/)>)[^<]*$`, 'i'),
|
|
|
+ action: { indentAction: _monaco.languages.IndentAction.Indent }
|
|
|
+ }
|
|
|
+ ],
|
|
|
+};
|
|
|
+
|
|
|
+export const htmlTokenTypes = {
|
|
|
+ DELIM_START: 'start.delimiter.tag.html',
|
|
|
+ DELIM_END: 'end.delimiter.tag.html',
|
|
|
+ DELIM_COMMENT: 'comment.html',
|
|
|
+ COMMENT: 'comment.content.html',
|
|
|
+ getTag: (name: string) => {
|
|
|
+ return 'tag.html';
|
|
|
+ }
|
|
|
+};
|
|
|
+
|
|
|
+export var language = <ILanguage> {
|
|
|
+ defaultToken: '',
|
|
|
+ tokenPostfix: '',
|
|
|
+ // ignoreCase: true,
|
|
|
+
|
|
|
+ // The main tokenizer for our languages
|
|
|
+ tokenizer: {
|
|
|
+ root: [
|
|
|
+ [/@@/], // text
|
|
|
+ [/@[^@]/, { token: '@rematch', switchTo: '@razorInSimpleState.root' }],
|
|
|
+ [/<!DOCTYPE/, 'metatag.html', '@doctype'],
|
|
|
+ [/<!--/, 'comment.html', '@comment'],
|
|
|
+ [/(<)(\w+)(\/>)/, [htmlTokenTypes.DELIM_START, 'tag.html', htmlTokenTypes.DELIM_END]],
|
|
|
+ [/(<)(script)/, [htmlTokenTypes.DELIM_START, { token: 'tag.html', next: '@script'} ]],
|
|
|
+ [/(<)(style)/, [htmlTokenTypes.DELIM_START, { token: 'tag.html', next: '@style'} ]],
|
|
|
+ [/(<)([:\w]+)/, [htmlTokenTypes.DELIM_START, { token: 'tag.html', next: '@otherTag'} ]],
|
|
|
+ [/(<\/)(\w+)/, [htmlTokenTypes.DELIM_START, { token: 'tag.html', next: '@otherTag' }]],
|
|
|
+ [/</, htmlTokenTypes.DELIM_START],
|
|
|
+ [/[ \t\r\n]+/], // whitespace
|
|
|
+ [/[^<@]+/], // text
|
|
|
+ ],
|
|
|
+
|
|
|
+ doctype: [
|
|
|
+ [/@[^@]/, { token: '@rematch', switchTo: '@razorInSimpleState.comment' }],
|
|
|
+ [/[^>]+/, 'metatag.content.html' ],
|
|
|
+ [/>/, 'metatag.html', '@pop' ],
|
|
|
+ ],
|
|
|
+
|
|
|
+ comment: [
|
|
|
+ [/@[^@]/, { token: '@rematch', switchTo: '@razorInSimpleState.comment' }],
|
|
|
+ [/-->/, 'comment.html', '@pop'],
|
|
|
+ [/[^-]+/, 'comment.content.html'],
|
|
|
+ [/./, 'comment.content.html']
|
|
|
+ ],
|
|
|
+
|
|
|
+ otherTag: [
|
|
|
+ [/@[^@]/, { token: '@rematch', switchTo: '@razorInSimpleState.otherTag' }],
|
|
|
+ [/\/?>/, htmlTokenTypes.DELIM_END, '@pop'],
|
|
|
+ [/"([^"]*)"/, 'attribute.value'],
|
|
|
+ [/'([^']*)'/, 'attribute.value'],
|
|
|
+ [/[\w\-]+/, 'attribute.name'],
|
|
|
+ [/=/, 'delimiter'],
|
|
|
+ [/[ \t\r\n]+/], // whitespace
|
|
|
+ ],
|
|
|
+
|
|
|
+ // -- BEGIN <script> tags handling
|
|
|
+
|
|
|
+ // After <script
|
|
|
+ script: [
|
|
|
+ [/@[^@]/, { token: '@rematch', switchTo: '@razorInSimpleState.script' }],
|
|
|
+ [/type/, 'attribute.name', '@scriptAfterType'],
|
|
|
+ [/"([^"]*)"/, 'attribute.value'],
|
|
|
+ [/'([^']*)'/, 'attribute.value'],
|
|
|
+ [/[\w\-]+/, 'attribute.name'],
|
|
|
+ [/=/, 'delimiter'],
|
|
|
+ [/>/, { token: htmlTokenTypes.DELIM_END, next: '@scriptEmbedded.text/javascript', nextEmbedded: 'text/javascript'} ],
|
|
|
+ [/[ \t\r\n]+/], // whitespace
|
|
|
+ [/(<\/)(script\s*)(>)/, [ htmlTokenTypes.DELIM_START, 'tag.html', { token: htmlTokenTypes.DELIM_END, next: '@pop' } ]]
|
|
|
+ ],
|
|
|
+
|
|
|
+ // After <script ... type
|
|
|
+ scriptAfterType: [
|
|
|
+ [/@[^@]/, { token: '@rematch', switchTo: '@razorInSimpleState.scriptAfterType' }],
|
|
|
+ [/=/,'delimiter', '@scriptAfterTypeEquals'],
|
|
|
+ [/[ \t\r\n]+/], // whitespace
|
|
|
+ [/<\/script\s*>/, { token: '@rematch', next: '@pop' }]
|
|
|
+ ],
|
|
|
+
|
|
|
+ // After <script ... type =
|
|
|
+ scriptAfterTypeEquals: [
|
|
|
+ [/@[^@]/, { token: '@rematch', switchTo: '@razorInSimpleState.scriptAfterTypeEquals' }],
|
|
|
+ [/"([^"]*)"/, { token: 'attribute.value', switchTo: '@scriptWithCustomType.$1' } ],
|
|
|
+ [/'([^']*)'/, { token: 'attribute.value', switchTo: '@scriptWithCustomType.$1' } ],
|
|
|
+ [/[ \t\r\n]+/], // whitespace
|
|
|
+ [/<\/script\s*>/, { token: '@rematch', next: '@pop' }]
|
|
|
+ ],
|
|
|
+
|
|
|
+ // After <script ... type = $S2
|
|
|
+ scriptWithCustomType: [
|
|
|
+ [/@[^@]/, { token: '@rematch', switchTo: '@razorInSimpleState.scriptWithCustomType.$S2' }],
|
|
|
+ [/>/, { token: htmlTokenTypes.DELIM_END, next: '@scriptEmbedded.$S2', nextEmbedded: '$S2'}],
|
|
|
+ [/"([^"]*)"/, 'attribute.value'],
|
|
|
+ [/'([^']*)'/, 'attribute.value'],
|
|
|
+ [/[\w\-]+/, 'attribute.name'],
|
|
|
+ [/=/, 'delimiter'],
|
|
|
+ [/[ \t\r\n]+/], // whitespace
|
|
|
+ [/<\/script\s*>/, { token: '@rematch', next: '@pop' }]
|
|
|
+ ],
|
|
|
+
|
|
|
+ scriptEmbedded: [
|
|
|
+ [/@[^@]/, { token: '@rematch', switchTo: '@razorInEmbeddedState.scriptEmbedded.$S2', nextEmbedded: '@pop' }],
|
|
|
+ [/<\/script/, { token: '@rematch', next: '@pop', nextEmbedded: '@pop' }]
|
|
|
+ ],
|
|
|
+
|
|
|
+ // -- END <script> tags handling
|
|
|
+
|
|
|
+
|
|
|
+ // -- BEGIN <style> tags handling
|
|
|
+
|
|
|
+ // After <style
|
|
|
+ style: [
|
|
|
+ [/@[^@]/, { token: '@rematch', switchTo: '@razorInSimpleState.style' }],
|
|
|
+ [/type/, 'attribute.name', '@styleAfterType'],
|
|
|
+ [/"([^"]*)"/, 'attribute.value'],
|
|
|
+ [/'([^']*)'/, 'attribute.value'],
|
|
|
+ [/[\w\-]+/, 'attribute.name'],
|
|
|
+ [/=/, 'delimiter'],
|
|
|
+ [/>/, { token: htmlTokenTypes.DELIM_END, next: '@styleEmbedded.text/css', nextEmbedded: 'text/css'} ],
|
|
|
+ [/[ \t\r\n]+/], // whitespace
|
|
|
+ [/(<\/)(style\s*)(>)/, [htmlTokenTypes.DELIM_START, 'tag.html', { token: htmlTokenTypes.DELIM_END, next: '@pop' } ]]
|
|
|
+ ],
|
|
|
+
|
|
|
+ // After <style ... type
|
|
|
+ styleAfterType: [
|
|
|
+ [/@[^@]/, { token: '@rematch', switchTo: '@razorInSimpleState.styleAfterType' }],
|
|
|
+ [/=/,'delimiter', '@styleAfterTypeEquals'],
|
|
|
+ [/[ \t\r\n]+/], // whitespace
|
|
|
+ [/<\/style\s*>/, { token: '@rematch', next: '@pop' }]
|
|
|
+ ],
|
|
|
+
|
|
|
+ // After <style ... type =
|
|
|
+ styleAfterTypeEquals: [
|
|
|
+ [/@[^@]/, { token: '@rematch', switchTo: '@razorInSimpleState.styleAfterTypeEquals' }],
|
|
|
+ [/"([^"]*)"/, { token: 'attribute.value', switchTo: '@styleWithCustomType.$1' } ],
|
|
|
+ [/'([^']*)'/, { token: 'attribute.value', switchTo: '@styleWithCustomType.$1' } ],
|
|
|
+ [/[ \t\r\n]+/], // whitespace
|
|
|
+ [/<\/style\s*>/, { token: '@rematch', next: '@pop' }]
|
|
|
+ ],
|
|
|
+
|
|
|
+ // After <style ... type = $S2
|
|
|
+ styleWithCustomType: [
|
|
|
+ [/@[^@]/, { token: '@rematch', switchTo: '@razorInSimpleState.styleWithCustomType.$S2' }],
|
|
|
+ [/>/, { token: htmlTokenTypes.DELIM_END, next: '@styleEmbedded.$S2', nextEmbedded: '$S2'}],
|
|
|
+ [/"([^"]*)"/, 'attribute.value'],
|
|
|
+ [/'([^']*)'/, 'attribute.value'],
|
|
|
+ [/[\w\-]+/, 'attribute.name'],
|
|
|
+ [/=/, 'delimiter'],
|
|
|
+ [/[ \t\r\n]+/], // whitespace
|
|
|
+ [/<\/style\s*>/, { token: '@rematch', next: '@pop' }]
|
|
|
+ ],
|
|
|
+
|
|
|
+ styleEmbedded: [
|
|
|
+ [/@[^@]/, { token: '@rematch', switchTo: '@razorInEmbeddedState.styleEmbedded.$S2', nextEmbedded: '@pop' }],
|
|
|
+ [/<\/style/, { token: '@rematch', next: '@pop', nextEmbedded: '@pop' }]
|
|
|
+ ],
|
|
|
+
|
|
|
+ // -- END <style> tags handling
|
|
|
+
|
|
|
+
|
|
|
+ razorInSimpleState: [
|
|
|
+ [/@\*/, 'comment.cs', '@razorBlockCommentTopLevel'],
|
|
|
+ [/@[{(]/, 'metatag.cs', '@razorRootTopLevel'],
|
|
|
+ [/(@)(\s*[\w]+)/, ['metatag.cs', { token: 'identifier.cs', switchTo: '@$S2.$S3'} ]],
|
|
|
+ [/[})]/, { token: 'metatag.cs', switchTo: '@$S2.$S3' }],
|
|
|
+ [/\*@/, { token: 'comment.cs', switchTo: '@$S2.$S3' }],
|
|
|
+ ],
|
|
|
+
|
|
|
+ razorInEmbeddedState: [
|
|
|
+ [/@\*/, 'comment.cs', '@razorBlockCommentTopLevel'],
|
|
|
+ [/@[{(]/, 'metatag.cs', '@razorRootTopLevel'],
|
|
|
+ [/(@)(\s*[\w]+)/, ['metatag.cs', { token: 'identifier.cs', switchTo: '@$S2.$S3', nextEmbedded: '$S3'} ]],
|
|
|
+ [/[})]/, { token: 'metatag.cs', switchTo: '@$S2.$S3', nextEmbedded: '$S3' }],
|
|
|
+ [/\*@/, { token: 'comment.cs', switchTo: '@$S2.$S3', nextEmbedded: '$S3' }],
|
|
|
+ ],
|
|
|
+
|
|
|
+ razorBlockCommentTopLevel: [
|
|
|
+ [/\*@/, '@rematch', '@pop'],
|
|
|
+ [/[^*]+/, 'comment.cs'],
|
|
|
+ [/./, 'comment.cs']
|
|
|
+ ],
|
|
|
+
|
|
|
+ razorBlockComment: [
|
|
|
+ [/\*@/, 'comment.cs', '@pop'],
|
|
|
+ [/[^*]+/, 'comment.cs'],
|
|
|
+ [/./, 'comment.cs']
|
|
|
+ ],
|
|
|
+
|
|
|
+ razorRootTopLevel: [
|
|
|
+ [/\{/, 'delimiter.bracket.cs', '@razorRoot'] ,
|
|
|
+ [/\(/, 'delimiter.parenthesis.cs', '@razorRoot'] ,
|
|
|
+ [/[})]/, '@rematch', '@pop'],
|
|
|
+ { include: 'razorCommon' }
|
|
|
+ ],
|
|
|
+
|
|
|
+ razorRoot: [
|
|
|
+ [/\{/, 'delimiter.bracket.cs', '@razorRoot'] ,
|
|
|
+ [/\(/, 'delimiter.parenthesis.cs', '@razorRoot'] ,
|
|
|
+ [/\}/, 'delimiter.bracket.cs', '@pop'],
|
|
|
+ [/\)/, 'delimiter.parenthesis.cs', '@pop'],
|
|
|
+ { include: 'razorCommon' }
|
|
|
+ ],
|
|
|
+
|
|
|
+ razorCommon: [
|
|
|
+ [/[a-zA-Z_]\w*/, {
|
|
|
+ cases: {
|
|
|
+ '@razorKeywords': { token:'keyword.cs' },
|
|
|
+ '@default': 'identifier.cs'
|
|
|
+ }
|
|
|
+ }],
|
|
|
+
|
|
|
+ // brackets
|
|
|
+ [/[\[\]]/, 'delimiter.array.cs' ],
|
|
|
+
|
|
|
+ // whitespace
|
|
|
+ [/[ \t\r\n]+/],
|
|
|
+
|
|
|
+ // comments
|
|
|
+ [/\/\/.*$/, 'comment.cs'],
|
|
|
+ [/@\*/, 'comment.cs', '@razorBlockComment'],
|
|
|
+
|
|
|
+ // strings
|
|
|
+ [/"([^"]*)"/, 'string.cs'],
|
|
|
+ [/'([^']*)'/, 'string.cs'],
|
|
|
+
|
|
|
+ // simple html
|
|
|
+ [/(<)(\w+)(\/>)/, [htmlTokenTypes.DELIM_START, 'tag.html', htmlTokenTypes.DELIM_END]],
|
|
|
+ [/(<)(\w+)(>)/, [htmlTokenTypes.DELIM_START, 'tag.html', htmlTokenTypes.DELIM_END]],
|
|
|
+ [/(<\/)(\w+)(>)/, [htmlTokenTypes.DELIM_START, 'tag.html', htmlTokenTypes.DELIM_END]],
|
|
|
+
|
|
|
+ // delimiters
|
|
|
+ [/[\+\-\*\%\&\|\^\~\!\=\<\>\/\?\;\:\.\,]/, 'delimiter.cs' ],
|
|
|
+
|
|
|
+ // numbers
|
|
|
+ [/\d*\d+[eE]([\-+]?\d+)?/, 'number.float.cs'],
|
|
|
+ [/\d*\.\d+([eE][\-+]?\d+)?/, 'number.float.cs'],
|
|
|
+ [/0[xX][0-9a-fA-F']*[0-9a-fA-F]/, 'number.hex.cs'],
|
|
|
+ [/0[0-7']*[0-7]/, 'number.octal.cs'],
|
|
|
+ [/0[bB][0-1']*[0-1]/, 'number.binary.cs'],
|
|
|
+ [/\d[\d']*/, 'number.cs'],
|
|
|
+ [/\d/, 'number.cs'],
|
|
|
+ ]
|
|
|
+ },
|
|
|
+
|
|
|
+ razorKeywords: [
|
|
|
+ 'abstract', 'as', 'async', 'await', 'base', 'bool',
|
|
|
+ 'break', 'by', 'byte', 'case',
|
|
|
+ 'catch', 'char', 'checked', 'class',
|
|
|
+ 'const', 'continue', 'decimal', 'default',
|
|
|
+ 'delegate', 'do', 'double', 'descending',
|
|
|
+ 'explicit', 'event', 'extern', 'else',
|
|
|
+ 'enum', 'false', 'finally', 'fixed',
|
|
|
+ 'float', 'for', 'foreach', 'from',
|
|
|
+ 'goto', 'group', 'if', 'implicit',
|
|
|
+ 'in', 'int', 'interface', 'internal',
|
|
|
+ 'into', 'is', 'lock', 'long', 'nameof',
|
|
|
+ 'new', 'null', 'namespace', 'object',
|
|
|
+ 'operator', 'out', 'override', 'orderby',
|
|
|
+ 'params', 'private', 'protected', 'public',
|
|
|
+ 'readonly', 'ref', 'return', 'switch',
|
|
|
+ 'struct', 'sbyte', 'sealed', 'short',
|
|
|
+ 'sizeof', 'stackalloc', 'static', 'string',
|
|
|
+ 'select', 'this', 'throw', 'true',
|
|
|
+ 'try', 'typeof', 'uint', 'ulong',
|
|
|
+ 'unchecked', 'unsafe', 'ushort', 'using',
|
|
|
+ 'var', 'virtual', 'volatile', 'void', 'when',
|
|
|
+ 'while', 'where', 'yield',
|
|
|
+ 'model', 'inject' // Razor specific
|
|
|
+ ],
|
|
|
+
|
|
|
+ escapes: /\\(?:[abfnrtv\\"']|x[0-9A-Fa-f]{1,4}|u[0-9A-Fa-f]{4}|U[0-9A-Fa-f]{8})/,
|
|
|
+
|
|
|
+};
|
Alex Dima