mirror of https://github.com/gorhill/uBlock.git
Add source code viewer (from logger)
This commits add the ability to open html/css/script resources from the logger, as a formatted and syntax- highligthed document. The goal is to make it easier for filter list authors to investigate filter-related issues.
This commit is contained in:
Raymond Hill
parent
db118483c9
commit
33c437f99f
|
|
@ -33,7 +33,7 @@
|
||||||
<button id="exportUserFiltersToFile" class="iconified" type="button"><span class="fa-icon">upload-alt</span><span data-i18n="1pExport">_</span><span class="hover"></span></button>
|
<button id="exportUserFiltersToFile" class="iconified" type="button"><span class="fa-icon">upload-alt</span><span data-i18n="1pExport">_</span><span class="hover"></span></button>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div id="userFilters" class="codeMirrorContainer codeMirrorBreakAll" spellcheck="false"></div>
|
<div id="userFilters" class="codeMirrorContainer codeMirrorBreakAll codeMirrorFilters" spellcheck="false"></div>
|
||||||
<div class="hidden">
|
<div class="hidden">
|
||||||
<input id="importFilePicker" type="file" accept="text/plain">
|
<input id="importFilePicker" type="file" accept="text/plain">
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -38,6 +38,7 @@
|
||||||
<div class="li"><span><a href="https://github.com/hsluv/hsluv" target="_blank">HSLuv - Human-friendly HSL</a> by <a href="https://github.com/boronine">Alexei Boronine</a></span></div>
|
<div class="li"><span><a href="https://github.com/hsluv/hsluv" target="_blank">HSLuv - Human-friendly HSL</a> by <a href="https://github.com/boronine">Alexei Boronine</a></span></div>
|
||||||
<div class="li"><span><a href="https://searchfox.org/mozilla-central/rev/d317e93d9a59c9e4c06ada85fbff9f6a1ceaaad1/browser/extensions/webcompat/shims/google-ima.js" target="_blank">google-ima.js</a> by <a href="https://www.mozilla.org/">Mozilla</a></span></div>
|
<div class="li"><span><a href="https://searchfox.org/mozilla-central/rev/d317e93d9a59c9e4c06ada85fbff9f6a1ceaaad1/browser/extensions/webcompat/shims/google-ima.js" target="_blank">google-ima.js</a> by <a href="https://www.mozilla.org/">Mozilla</a></span></div>
|
||||||
<div class="li"><span><a href="https://github.com/csstree/csstree" target="_blank">CSSTree</a> by <a href="https://github.com/lahmatiy">Roman Dvornov</a></span></div>
|
<div class="li"><span><a href="https://github.com/csstree/csstree" target="_blank">CSSTree</a> by <a href="https://github.com/lahmatiy">Roman Dvornov</a></span></div>
|
||||||
|
<div class="li"><span><a href="https://github.com/beautify-web/js-beautify" target="_blank">js-beautify</a> by <a href="https://github.com/einars">Einar Lielmanis</a>, <a href="https://github.com/bitwiseman">Liam Newman</a>, et al.</span></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="li"><span data-i18n="aboutCDNs"></span></div>
|
<div class="li"><span data-i18n="aboutCDNs"></span></div>
|
||||||
<div class="liul">
|
<div class="liul">
|
||||||
|
|
|
||||||
|
|
@ -7,7 +7,7 @@
|
||||||
<link rel="stylesheet" href="lib/codemirror/lib/codemirror.css">
|
<link rel="stylesheet" href="lib/codemirror/lib/codemirror.css">
|
||||||
<link rel="stylesheet" href="lib/codemirror/addon/fold/foldgutter.css">
|
<link rel="stylesheet" href="lib/codemirror/addon/fold/foldgutter.css">
|
||||||
<link rel="stylesheet" href="lib/codemirror/addon/search/matchesonscrollbar.css">
|
<link rel="stylesheet" href="lib/codemirror/addon/search/matchesonscrollbar.css">
|
||||||
<link rel="stylesheet" type="text/css" href="css/themes/default.css">
|
<link rel="stylesheet" href="css/themes/default.css">
|
||||||
<link rel="stylesheet" href="css/common.css">
|
<link rel="stylesheet" href="css/common.css">
|
||||||
<link rel="stylesheet" href="css/fa-icons.css">
|
<link rel="stylesheet" href="css/fa-icons.css">
|
||||||
<link rel="stylesheet" href="css/codemirror.css">
|
<link rel="stylesheet" href="css/codemirror.css">
|
||||||
|
|
@ -17,13 +17,13 @@
|
||||||
<body class="loading">
|
<body class="loading">
|
||||||
|
|
||||||
<section id="subscribe" class="hide notice">
|
<section id="subscribe" class="hide notice">
|
||||||
<span class="logo"><img data-i18n-title="extName" src="img/ublock.svg"></span>
|
<span class="logo"><img data-i18n-title="extName" src="img/ublock.svg" alt="logo"></span>
|
||||||
<span id="subscribePrompt"><span></span><a></a></span>
|
<span id="subscribePrompt"><span></span><a></a></span>
|
||||||
<span class="fa-icon">spinner</span>
|
<span class="fa-icon">spinner</span>
|
||||||
<button id="subscribeButton" type="button" data-i18n="subscribeButton">_<span class="hover"></span></button>
|
<button id="subscribeButton" type="button" data-i18n="subscribeButton">_<span class="hover"></span></button>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<div id="content" class="codeMirrorContainer codeMirrorBreakAll"></div>
|
<div id="content" class="codeMirrorContainer codeMirrorBreakAll codeMirrorFilters"></div>
|
||||||
|
|
||||||
<script src="lib/codemirror/lib/codemirror.js"></script>
|
<script src="lib/codemirror/lib/codemirror.js"></script>
|
||||||
<script src="lib/codemirror/addon/display/panel.js"></script>
|
<script src="lib/codemirror/addon/display/panel.js"></script>
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,42 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<title>Code viewer</title>
|
||||||
|
<link rel="stylesheet" href="lib/codemirror/lib/codemirror.css">
|
||||||
|
<link rel="stylesheet" href="lib/codemirror/theme/night.css">
|
||||||
|
<link rel="stylesheet" href="lib/codemirror/addon/search/matchesonscrollbar.css">
|
||||||
|
<link rel="stylesheet" href="css/themes/default.css">
|
||||||
|
<link rel="stylesheet" href="css/common.css">
|
||||||
|
<link rel="stylesheet" href="css/fa-icons.css">
|
||||||
|
<link rel="stylesheet" href="css/codemirror.css">
|
||||||
|
<link rel="stylesheet" href="css/code-viewer.css">
|
||||||
|
</head>
|
||||||
|
<body class="loading">
|
||||||
|
|
||||||
|
<div id="content" class="codeMirrorContainer codeMirrorBreakAll"></div>
|
||||||
|
|
||||||
|
<script src="lib/codemirror/lib/codemirror.js"></script>
|
||||||
|
<script src="lib/codemirror/addon/display/panel.js"></script>
|
||||||
|
<script src="lib/codemirror/addon/scroll/annotatescrollbar.js"></script>
|
||||||
|
<script src="lib/codemirror/addon/search/searchcursor.js"></script>
|
||||||
|
<script src="lib/codemirror/addon/selection/active-line.js"></script>
|
||||||
|
<script src="lib/codemirror/mode/javascript/javascript.js"></script>
|
||||||
|
<script src="lib/codemirror/mode/css/css.js"></script>
|
||||||
|
<script src="lib/codemirror/mode/xml/xml.js"></script>
|
||||||
|
<script src="lib/codemirror/mode/htmlmixed/htmlmixed.js"></script>
|
||||||
|
|
||||||
|
<script src="js/codemirror/search.js"></script>
|
||||||
|
<script src="js/codemirror/search-thread.js"></script>
|
||||||
|
<script src="lib/js-beautify/beautify.min.js"></script>
|
||||||
|
<script src="js/fa-icons.js"></script>
|
||||||
|
<script src="js/vapi.js"></script>
|
||||||
|
<script src="js/vapi-common.js"></script>
|
||||||
|
<script src="js/vapi-client.js"></script>
|
||||||
|
<script src="js/theme.js" type="module"></script>
|
||||||
|
<script src="js/i18n.js" type="module"></script>
|
||||||
|
<script src="js/dashboard-common.js" type="module"></script>
|
||||||
|
<script src="js/code-viewer.js" type="module"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,13 @@
|
||||||
|
body {
|
||||||
|
border: 0;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
height: 100vh;
|
||||||
|
margin: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
padding: 0;
|
||||||
|
width: 100vw;
|
||||||
|
}
|
||||||
|
#content {
|
||||||
|
flex-grow: 1;
|
||||||
|
}
|
||||||
|
|
@ -68,65 +68,67 @@
|
||||||
word-break: break-all;
|
word-break: break-all;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cm-s-default .cm-comment {
|
.codeMirrorFilters .cm-s-default .cm-comment {
|
||||||
color: var(--sf-comment-ink);
|
color: var(--sf-comment-ink);
|
||||||
}
|
}
|
||||||
.cm-s-default .cm-def {
|
.codeMirrorFilters .cm-s-default .cm-def {
|
||||||
color: var(--sf-def-ink);
|
color: var(--sf-def-ink);
|
||||||
}
|
}
|
||||||
.cm-s-default .cm-directive {
|
.codeMirrorFilters .cm-s-default .cm-directive {
|
||||||
color: var(--sf-directive-ink);
|
color: var(--sf-directive-ink);
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
.cm-s-default .cm-error {
|
.codeMirrorFilters .cm-s-default .cm-error {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
}
|
}
|
||||||
.cm-s-default .cm-error,
|
.codeMirrorFilters .cm-s-default .cm-error,
|
||||||
.CodeMirror-linebackground.error {
|
.CodeMirror-linebackground.error {
|
||||||
background-color: var(--sf-error-surface);
|
background-color: var(--sf-error-surface);
|
||||||
text-decoration: underline var(--sf-error-ink);
|
text-decoration: underline var(--sf-error-ink);
|
||||||
text-underline-position: under;
|
text-underline-position: under;
|
||||||
}
|
}
|
||||||
.cm-s-default .cm-link {
|
.codeMirrorFilters .cm-s-default .cm-link {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
.cm-s-default .cm-link:hover {
|
.codeMirrorFilters .cm-s-default .cm-link:hover {
|
||||||
color: var(--link-ink);
|
color: var(--link-ink);
|
||||||
}
|
}
|
||||||
.cm-s-default .cm-keyword {
|
.codeMirrorFilters .cm-s-default .cm-keyword {
|
||||||
color: var(--sf-keyword-ink);
|
color: var(--sf-keyword-ink);
|
||||||
}
|
}
|
||||||
.cm-s-default .cm-negative {
|
.codeMirrorFilters .cm-s-default .cm-negative {
|
||||||
color: var(--cm-negative);
|
color: var(--cm-negative);
|
||||||
}
|
}
|
||||||
.cm-s-default .cm-positive {
|
.codeMirrorFilters .cm-s-default .cm-positive {
|
||||||
color: var(--cm-positive);
|
color: var(--cm-positive);
|
||||||
}
|
}
|
||||||
.cm-s-default .cm-notice {
|
.codeMirrorFilters .cm-s-default .cm-notice {
|
||||||
text-underline-position: under;
|
text-underline-position: under;
|
||||||
text-decoration-color: var(--sf-notice-ink);
|
text-decoration-color: var(--sf-notice-ink);
|
||||||
text-decoration-style: solid;
|
text-decoration-style: solid;
|
||||||
text-decoration-line: underline;
|
text-decoration-line: underline;
|
||||||
}
|
}
|
||||||
.cm-s-default .cm-unicode {
|
.codeMirrorFilters .cm-s-default .cm-unicode {
|
||||||
text-underline-position: under;
|
text-underline-position: under;
|
||||||
text-decoration-color: var(--sf-unicode-ink);
|
text-decoration-color: var(--sf-unicode-ink);
|
||||||
text-decoration-style: dashed;
|
text-decoration-style: dashed;
|
||||||
text-decoration-line: underline;
|
text-decoration-line: underline;
|
||||||
}
|
}
|
||||||
.cm-s-default .cm-tag {
|
.codeMirrorFilters .cm-s-default .cm-tag {
|
||||||
color: var(--sf-tag-ink);
|
color: var(--sf-tag-ink);
|
||||||
}
|
}
|
||||||
.cm-s-default .cm-value { color: var(--sf-value-ink); }
|
.codeMirrorFilters .cm-s-default .cm-value {
|
||||||
.cm-s-default .cm-variable {
|
color: var(--sf-value-ink);
|
||||||
|
}
|
||||||
|
.codeMirrorFilters .cm-s-default .cm-variable {
|
||||||
color: var(--sf-variable-ink);
|
color: var(--sf-variable-ink);
|
||||||
}
|
}
|
||||||
.cm-s-default .cm-warning {
|
.codeMirrorFilters .cm-s-default .cm-warning {
|
||||||
background-color: var(--sf-warning-surface);
|
background-color: var(--sf-warning-surface);
|
||||||
text-decoration: underline var(--sf-warning-ink);
|
text-decoration: underline var(--sf-warning-ink);
|
||||||
text-underline-position: under;
|
text-underline-position: under;
|
||||||
}
|
}
|
||||||
.cm-s-default .cm-readonly {
|
.codeMirrorFilters .cm-s-default .cm-readonly {
|
||||||
color: var(--sf-readonly-ink);
|
color: var(--sf-readonly-ink);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,75 @@
|
||||||
|
/*******************************************************************************
|
||||||
|
|
||||||
|
uBlock Origin - a browser extension to block requests.
|
||||||
|
Copyright (C) 2023-present Raymond Hill
|
||||||
|
|
||||||
|
This program is free software: you can redistribute it and/or modify
|
||||||
|
it under the terms of the GNU General Public License as published by
|
||||||
|
the Free Software Foundation, either version 3 of the License, or
|
||||||
|
(at your option) any later version.
|
||||||
|
|
||||||
|
This program is distributed in the hope that it will be useful,
|
||||||
|
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||||
|
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||||
|
GNU General Public License for more details.
|
||||||
|
|
||||||
|
You should have received a copy of the GNU General Public License
|
||||||
|
along with this program. If not, see {http://www.gnu.org/licenses/}.
|
||||||
|
|
||||||
|
Home: https://github.com/gorhill/uBlock
|
||||||
|
*/
|
||||||
|
|
||||||
|
/* globals CodeMirror, uBlockDashboard, beautifier */
|
||||||
|
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
/******************************************************************************/
|
||||||
|
|
||||||
|
import { dom, qs$ } from './dom.js';
|
||||||
|
|
||||||
|
/******************************************************************************/
|
||||||
|
|
||||||
|
(async ( ) => {
|
||||||
|
const params = new URLSearchParams(document.location.search);
|
||||||
|
const url = params.get('url');
|
||||||
|
const a = qs$('.cm-search-widget .sourceURL');
|
||||||
|
dom.attr(a, 'href', url);
|
||||||
|
dom.attr(a, 'title', url);
|
||||||
|
const response = await fetch(url);
|
||||||
|
const text = await response.text();
|
||||||
|
const formatOptions = { indent_size: 2 };
|
||||||
|
let value = '', mode = '';
|
||||||
|
switch ( params.get('type') ) {
|
||||||
|
case 'css':
|
||||||
|
mode = 'text/css';
|
||||||
|
value = beautifier.css(text, formatOptions);
|
||||||
|
break;
|
||||||
|
case 'html':
|
||||||
|
mode = 'text/html';
|
||||||
|
value = beautifier.html(text, formatOptions);
|
||||||
|
break;
|
||||||
|
case 'js':
|
||||||
|
mode = 'text/javascript';
|
||||||
|
value = beautifier.js(text, formatOptions);
|
||||||
|
break;
|
||||||
|
default:
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
const cmEditor = new CodeMirror(qs$('#content'), {
|
||||||
|
autofocus: true,
|
||||||
|
gutters: [ 'CodeMirror-linenumbers' ],
|
||||||
|
lineNumbers: true,
|
||||||
|
lineWrapping: true,
|
||||||
|
mode,
|
||||||
|
readOnly: true,
|
||||||
|
styleActiveLine: {
|
||||||
|
nonEmpty: true,
|
||||||
|
},
|
||||||
|
value,
|
||||||
|
});
|
||||||
|
uBlockDashboard.patchCodeMirrorEditor(cmEditor);
|
||||||
|
if ( dom.cl.has(dom.html, 'dark') ) {
|
||||||
|
dom.cl.add('#content .cm-s-default', 'cm-s-night');
|
||||||
|
dom.cl.remove('#content .cm-s-default', 'cm-s-default');
|
||||||
|
}
|
||||||
|
})();
|
||||||
|
|
@ -253,7 +253,7 @@ const regexFromURLFilteringResult = function(result) {
|
||||||
|
|
||||||
// Emphasize hostname in URL, as this is what matters in uMatrix's rules.
|
// Emphasize hostname in URL, as this is what matters in uMatrix's rules.
|
||||||
|
|
||||||
const nodeFromURL = function(parent, url, re) {
|
const nodeFromURL = function(parent, url, re, type) {
|
||||||
const fragment = document.createDocumentFragment();
|
const fragment = document.createDocumentFragment();
|
||||||
if ( re === undefined ) {
|
if ( re === undefined ) {
|
||||||
fragment.textContent = url;
|
fragment.textContent = url;
|
||||||
|
|
@ -282,7 +282,22 @@ const nodeFromURL = function(parent, url, re) {
|
||||||
}
|
}
|
||||||
if ( /^https?:\/\//.test(url) ) {
|
if ( /^https?:\/\//.test(url) ) {
|
||||||
const a = document.createElement('a');
|
const a = document.createElement('a');
|
||||||
dom.attr(a, 'href', url);
|
let href = url;
|
||||||
|
switch ( type ) {
|
||||||
|
case 'css':
|
||||||
|
href = `code-viewer.html?url=${encodeURIComponent(url)}&type=css`;
|
||||||
|
break;
|
||||||
|
case 'doc':
|
||||||
|
case 'frame':
|
||||||
|
href = `code-viewer.html?url=${encodeURIComponent(url)}&type=html`;
|
||||||
|
break
|
||||||
|
case 'script':
|
||||||
|
href = `code-viewer.html?url=${encodeURIComponent(url)}&type=js`;
|
||||||
|
break;
|
||||||
|
default:
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
dom.attr(a, 'href', href);
|
||||||
dom.attr(a, 'target', '_blank');
|
dom.attr(a, 'target', '_blank');
|
||||||
fragment.appendChild(a);
|
fragment.appendChild(a);
|
||||||
}
|
}
|
||||||
|
|
@ -862,7 +877,7 @@ const viewPort = (( ) => {
|
||||||
} else if ( filteringType === 'dynamicUrl' ) {
|
} else if ( filteringType === 'dynamicUrl' ) {
|
||||||
re = regexFromURLFilteringResult(filter.rule.join(' '));
|
re = regexFromURLFilteringResult(filter.rule.join(' '));
|
||||||
}
|
}
|
||||||
nodeFromURL(div.children[COLUMN_URL], cells[COLUMN_URL], re);
|
nodeFromURL(div.children[COLUMN_URL], cells[COLUMN_URL], re, cells[COLUMN_TYPE]);
|
||||||
|
|
||||||
// Alias URL (CNAME, etc.)
|
// Alias URL (CNAME, etc.)
|
||||||
if ( cells.length > 8 ) {
|
if ( cells.length > 8 ) {
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,864 @@
|
||||||
|
// CodeMirror, copyright (c) by Marijn Haverbeke and others
|
||||||
|
// Distributed under an MIT license: https://codemirror.net/LICENSE
|
||||||
|
|
||||||
|
(function(mod) {
|
||||||
|
if (typeof exports == "object" && typeof module == "object") // CommonJS
|
||||||
|
mod(require("../../lib/codemirror"));
|
||||||
|
else if (typeof define == "function" && define.amd) // AMD
|
||||||
|
define(["../../lib/codemirror"], mod);
|
||||||
|
else // Plain browser env
|
||||||
|
mod(CodeMirror);
|
||||||
|
})(function(CodeMirror) {
|
||||||
|
"use strict";
|
||||||
|
|
||||||
|
CodeMirror.defineMode("css", function(config, parserConfig) {
|
||||||
|
var inline = parserConfig.inline
|
||||||
|
if (!parserConfig.propertyKeywords) parserConfig = CodeMirror.resolveMode("text/css");
|
||||||
|
|
||||||
|
var indentUnit = config.indentUnit,
|
||||||
|
tokenHooks = parserConfig.tokenHooks,
|
||||||
|
documentTypes = parserConfig.documentTypes || {},
|
||||||
|
mediaTypes = parserConfig.mediaTypes || {},
|
||||||
|
mediaFeatures = parserConfig.mediaFeatures || {},
|
||||||
|
mediaValueKeywords = parserConfig.mediaValueKeywords || {},
|
||||||
|
propertyKeywords = parserConfig.propertyKeywords || {},
|
||||||
|
nonStandardPropertyKeywords = parserConfig.nonStandardPropertyKeywords || {},
|
||||||
|
fontProperties = parserConfig.fontProperties || {},
|
||||||
|
counterDescriptors = parserConfig.counterDescriptors || {},
|
||||||
|
colorKeywords = parserConfig.colorKeywords || {},
|
||||||
|
valueKeywords = parserConfig.valueKeywords || {},
|
||||||
|
allowNested = parserConfig.allowNested,
|
||||||
|
lineComment = parserConfig.lineComment,
|
||||||
|
supportsAtComponent = parserConfig.supportsAtComponent === true,
|
||||||
|
highlightNonStandardPropertyKeywords = config.highlightNonStandardPropertyKeywords !== false;
|
||||||
|
|
||||||
|
var type, override;
|
||||||
|
function ret(style, tp) { type = tp; return style; }
|
||||||
|
|
||||||
|
// Tokenizers
|
||||||
|
|
||||||
|
function tokenBase(stream, state) {
|
||||||
|
var ch = stream.next();
|
||||||
|
if (tokenHooks[ch]) {
|
||||||
|
var result = tokenHooks[ch](stream, state);
|
||||||
|
if (result !== false) return result;
|
||||||
|
}
|
||||||
|
if (ch == "@") {
|
||||||
|
stream.eatWhile(/[\w\\\-]/);
|
||||||
|
return ret("def", stream.current());
|
||||||
|
} else if (ch == "=" || (ch == "~" || ch == "|") && stream.eat("=")) {
|
||||||
|
return ret(null, "compare");
|
||||||
|
} else if (ch == "\"" || ch == "'") {
|
||||||
|
state.tokenize = tokenString(ch);
|
||||||
|
return state.tokenize(stream, state);
|
||||||
|
} else if (ch == "#") {
|
||||||
|
stream.eatWhile(/[\w\\\-]/);
|
||||||
|
return ret("atom", "hash");
|
||||||
|
} else if (ch == "!") {
|
||||||
|
stream.match(/^\s*\w*/);
|
||||||
|
return ret("keyword", "important");
|
||||||
|
} else if (/\d/.test(ch) || ch == "." && stream.eat(/\d/)) {
|
||||||
|
stream.eatWhile(/[\w.%]/);
|
||||||
|
return ret("number", "unit");
|
||||||
|
} else if (ch === "-") {
|
||||||
|
if (/[\d.]/.test(stream.peek())) {
|
||||||
|
stream.eatWhile(/[\w.%]/);
|
||||||
|
return ret("number", "unit");
|
||||||
|
} else if (stream.match(/^-[\w\\\-]*/)) {
|
||||||
|
stream.eatWhile(/[\w\\\-]/);
|
||||||
|
if (stream.match(/^\s*:/, false))
|
||||||
|
return ret("variable-2", "variable-definition");
|
||||||
|
return ret("variable-2", "variable");
|
||||||
|
} else if (stream.match(/^\w+-/)) {
|
||||||
|
return ret("meta", "meta");
|
||||||
|
}
|
||||||
|
} else if (/[,+>*\/]/.test(ch)) {
|
||||||
|
return ret(null, "select-op");
|
||||||
|
} else if (ch == "." && stream.match(/^-?[_a-z][_a-z0-9-]*/i)) {
|
||||||
|
return ret("qualifier", "qualifier");
|
||||||
|
} else if (/[:;{}\[\]\(\)]/.test(ch)) {
|
||||||
|
return ret(null, ch);
|
||||||
|
} else if (stream.match(/^[\w-.]+(?=\()/)) {
|
||||||
|
if (/^(url(-prefix)?|domain|regexp)$/i.test(stream.current())) {
|
||||||
|
state.tokenize = tokenParenthesized;
|
||||||
|
}
|
||||||
|
return ret("variable callee", "variable");
|
||||||
|
} else if (/[\w\\\-]/.test(ch)) {
|
||||||
|
stream.eatWhile(/[\w\\\-]/);
|
||||||
|
return ret("property", "word");
|
||||||
|
} else {
|
||||||
|
return ret(null, null);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function tokenString(quote) {
|
||||||
|
return function(stream, state) {
|
||||||
|
var escaped = false, ch;
|
||||||
|
while ((ch = stream.next()) != null) {
|
||||||
|
if (ch == quote && !escaped) {
|
||||||
|
if (quote == ")") stream.backUp(1);
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
escaped = !escaped && ch == "\\";
|
||||||
|
}
|
||||||
|
if (ch == quote || !escaped && quote != ")") state.tokenize = null;
|
||||||
|
return ret("string", "string");
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
function tokenParenthesized(stream, state) {
|
||||||
|
stream.next(); // Must be '('
|
||||||
|
if (!stream.match(/^\s*[\"\')]/, false))
|
||||||
|
state.tokenize = tokenString(")");
|
||||||
|
else
|
||||||
|
state.tokenize = null;
|
||||||
|
return ret(null, "(");
|
||||||
|
}
|
||||||
|
|
||||||
|
// Context management
|
||||||
|
|
||||||
|
function Context(type, indent, prev) {
|
||||||
|
this.type = type;
|
||||||
|
this.indent = indent;
|
||||||
|
this.prev = prev;
|
||||||
|
}
|
||||||
|
|
||||||
|
function pushContext(state, stream, type, indent) {
|
||||||
|
state.context = new Context(type, stream.indentation() + (indent === false ? 0 : indentUnit), state.context);
|
||||||
|
return type;
|
||||||
|
}
|
||||||
|
|
||||||
|
function popContext(state) {
|
||||||
|
if (state.context.prev)
|
||||||
|
state.context = state.context.prev;
|
||||||
|
return state.context.type;
|
||||||
|
}
|
||||||
|
|
||||||
|
function pass(type, stream, state) {
|
||||||
|
return states[state.context.type](type, stream, state);
|
||||||
|
}
|
||||||
|
function popAndPass(type, stream, state, n) {
|
||||||
|
for (var i = n || 1; i > 0; i--)
|
||||||
|
state.context = state.context.prev;
|
||||||
|
return pass(type, stream, state);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Parser
|
||||||
|
|
||||||
|
function wordAsValue(stream) {
|
||||||
|
var word = stream.current().toLowerCase();
|
||||||
|
if (valueKeywords.hasOwnProperty(word))
|
||||||
|
override = "atom";
|
||||||
|
else if (colorKeywords.hasOwnProperty(word))
|
||||||
|
override = "keyword";
|
||||||
|
else
|
||||||
|
override = "variable";
|
||||||
|
}
|
||||||
|
|
||||||
|
var states = {};
|
||||||
|
|
||||||
|
states.top = function(type, stream, state) {
|
||||||
|
if (type == "{") {
|
||||||
|
return pushContext(state, stream, "block");
|
||||||
|
} else if (type == "}" && state.context.prev) {
|
||||||
|
return popContext(state);
|
||||||
|
} else if (supportsAtComponent && /@component/i.test(type)) {
|
||||||
|
return pushContext(state, stream, "atComponentBlock");
|
||||||
|
} else if (/^@(-moz-)?document$/i.test(type)) {
|
||||||
|
return pushContext(state, stream, "documentTypes");
|
||||||
|
} else if (/^@(media|supports|(-moz-)?document|import)$/i.test(type)) {
|
||||||
|
return pushContext(state, stream, "atBlock");
|
||||||
|
} else if (/^@(font-face|counter-style)/i.test(type)) {
|
||||||
|
state.stateArg = type;
|
||||||
|
return "restricted_atBlock_before";
|
||||||
|
} else if (/^@(-(moz|ms|o|webkit)-)?keyframes$/i.test(type)) {
|
||||||
|
return "keyframes";
|
||||||
|
} else if (type && type.charAt(0) == "@") {
|
||||||
|
return pushContext(state, stream, "at");
|
||||||
|
} else if (type == "hash") {
|
||||||
|
override = "builtin";
|
||||||
|
} else if (type == "word") {
|
||||||
|
override = "tag";
|
||||||
|
} else if (type == "variable-definition") {
|
||||||
|
return "maybeprop";
|
||||||
|
} else if (type == "interpolation") {
|
||||||
|
return pushContext(state, stream, "interpolation");
|
||||||
|
} else if (type == ":") {
|
||||||
|
return "pseudo";
|
||||||
|
} else if (allowNested && type == "(") {
|
||||||
|
return pushContext(state, stream, "parens");
|
||||||
|
}
|
||||||
|
return state.context.type;
|
||||||
|
};
|
||||||
|
|
||||||
|
states.block = function(type, stream, state) {
|
||||||
|
if (type == "word") {
|
||||||
|
var word = stream.current().toLowerCase();
|
||||||
|
if (propertyKeywords.hasOwnProperty(word)) {
|
||||||
|
override = "property";
|
||||||
|
return "maybeprop";
|
||||||
|
} else if (nonStandardPropertyKeywords.hasOwnProperty(word)) {
|
||||||
|
override = highlightNonStandardPropertyKeywords ? "string-2" : "property";
|
||||||
|
return "maybeprop";
|
||||||
|
} else if (allowNested) {
|
||||||
|
override = stream.match(/^\s*:(?:\s|$)/, false) ? "property" : "tag";
|
||||||
|
return "block";
|
||||||
|
} else {
|
||||||
|
override += " error";
|
||||||
|
return "maybeprop";
|
||||||
|
}
|
||||||
|
} else if (type == "meta") {
|
||||||
|
return "block";
|
||||||
|
} else if (!allowNested && (type == "hash" || type == "qualifier")) {
|
||||||
|
override = "error";
|
||||||
|
return "block";
|
||||||
|
} else {
|
||||||
|
return states.top(type, stream, state);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
states.maybeprop = function(type, stream, state) {
|
||||||
|
if (type == ":") return pushContext(state, stream, "prop");
|
||||||
|
return pass(type, stream, state);
|
||||||
|
};
|
||||||
|
|
||||||
|
states.prop = function(type, stream, state) {
|
||||||
|
if (type == ";") return popContext(state);
|
||||||
|
if (type == "{" && allowNested) return pushContext(state, stream, "propBlock");
|
||||||
|
if (type == "}" || type == "{") return popAndPass(type, stream, state);
|
||||||
|
if (type == "(") return pushContext(state, stream, "parens");
|
||||||
|
|
||||||
|
if (type == "hash" && !/^#([0-9a-fA-f]{3,4}|[0-9a-fA-f]{6}|[0-9a-fA-f]{8})$/.test(stream.current())) {
|
||||||
|
override += " error";
|
||||||
|
} else if (type == "word") {
|
||||||
|
wordAsValue(stream);
|
||||||
|
} else if (type == "interpolation") {
|
||||||
|
return pushContext(state, stream, "interpolation");
|
||||||
|
}
|
||||||
|
return "prop";
|
||||||
|
};
|
||||||
|
|
||||||
|
states.propBlock = function(type, _stream, state) {
|
||||||
|
if (type == "}") return popContext(state);
|
||||||
|
if (type == "word") { override = "property"; return "maybeprop"; }
|
||||||
|
return state.context.type;
|
||||||
|
};
|
||||||
|
|
||||||
|
states.parens = function(type, stream, state) {
|
||||||
|
if (type == "{" || type == "}") return popAndPass(type, stream, state);
|
||||||
|
if (type == ")") return popContext(state);
|
||||||
|
if (type == "(") return pushContext(state, stream, "parens");
|
||||||
|
if (type == "interpolation") return pushContext(state, stream, "interpolation");
|
||||||
|
if (type == "word") wordAsValue(stream);
|
||||||
|
return "parens";
|
||||||
|
};
|
||||||
|
|
||||||
|
states.pseudo = function(type, stream, state) {
|
||||||
|
if (type == "meta") return "pseudo";
|
||||||
|
|
||||||
|
if (type == "word") {
|
||||||
|
override = "variable-3";
|
||||||
|
return state.context.type;
|
||||||
|
}
|
||||||
|
return pass(type, stream, state);
|
||||||
|
};
|
||||||
|
|
||||||
|
states.documentTypes = function(type, stream, state) {
|
||||||
|
if (type == "word" && documentTypes.hasOwnProperty(stream.current())) {
|
||||||
|
override = "tag";
|
||||||
|
return state.context.type;
|
||||||
|
} else {
|
||||||
|
return states.atBlock(type, stream, state);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
states.atBlock = function(type, stream, state) {
|
||||||
|
if (type == "(") return pushContext(state, stream, "atBlock_parens");
|
||||||
|
if (type == "}" || type == ";") return popAndPass(type, stream, state);
|
||||||
|
if (type == "{") return popContext(state) && pushContext(state, stream, allowNested ? "block" : "top");
|
||||||
|
|
||||||
|
if (type == "interpolation") return pushContext(state, stream, "interpolation");
|
||||||
|
|
||||||
|
if (type == "word") {
|
||||||
|
var word = stream.current().toLowerCase();
|
||||||
|
if (word == "only" || word == "not" || word == "and" || word == "or")
|
||||||
|
override = "keyword";
|
||||||
|
else if (mediaTypes.hasOwnProperty(word))
|
||||||
|
override = "attribute";
|
||||||
|
else if (mediaFeatures.hasOwnProperty(word))
|
||||||
|
override = "property";
|
||||||
|
else if (mediaValueKeywords.hasOwnProperty(word))
|
||||||
|
override = "keyword";
|
||||||
|
else if (propertyKeywords.hasOwnProperty(word))
|
||||||
|
override = "property";
|
||||||
|
else if (nonStandardPropertyKeywords.hasOwnProperty(word))
|
||||||
|
override = highlightNonStandardPropertyKeywords ? "string-2" : "property";
|
||||||
|
else if (valueKeywords.hasOwnProperty(word))
|
||||||
|
override = "atom";
|
||||||
|
else if (colorKeywords.hasOwnProperty(word))
|
||||||
|
override = "keyword";
|
||||||
|
else
|
||||||
|
override = "error";
|
||||||
|
}
|
||||||
|
return state.context.type;
|
||||||
|
};
|
||||||
|
|
||||||
|
states.atComponentBlock = function(type, stream, state) {
|
||||||
|
if (type == "}")
|
||||||
|
return popAndPass(type, stream, state);
|
||||||
|
if (type == "{")
|
||||||
|
return popContext(state) && pushContext(state, stream, allowNested ? "block" : "top", false);
|
||||||
|
if (type == "word")
|
||||||
|
override = "error";
|
||||||
|
return state.context.type;
|
||||||
|
};
|
||||||
|
|
||||||
|
states.atBlock_parens = function(type, stream, state) {
|
||||||
|
if (type == ")") return popContext(state);
|
||||||
|
if (type == "{" || type == "}") return popAndPass(type, stream, state, 2);
|
||||||
|
return states.atBlock(type, stream, state);
|
||||||
|
};
|
||||||
|
|
||||||
|
states.restricted_atBlock_before = function(type, stream, state) {
|
||||||
|
if (type == "{")
|
||||||
|
return pushContext(state, stream, "restricted_atBlock");
|
||||||
|
if (type == "word" && state.stateArg == "@counter-style") {
|
||||||
|
override = "variable";
|
||||||
|
return "restricted_atBlock_before";
|
||||||
|
}
|
||||||
|
return pass(type, stream, state);
|
||||||
|
};
|
||||||
|
|
||||||
|
states.restricted_atBlock = function(type, stream, state) {
|
||||||
|
if (type == "}") {
|
||||||
|
state.stateArg = null;
|
||||||
|
return popContext(state);
|
||||||
|
}
|
||||||
|
if (type == "word") {
|
||||||
|
if ((state.stateArg == "@font-face" && !fontProperties.hasOwnProperty(stream.current().toLowerCase())) ||
|
||||||
|
(state.stateArg == "@counter-style" && !counterDescriptors.hasOwnProperty(stream.current().toLowerCase())))
|
||||||
|
override = "error";
|
||||||
|
else
|
||||||
|
override = "property";
|
||||||
|
return "maybeprop";
|
||||||
|
}
|
||||||
|
return "restricted_atBlock";
|
||||||
|
};
|
||||||
|
|
||||||
|
states.keyframes = function(type, stream, state) {
|
||||||
|
if (type == "word") { override = "variable"; return "keyframes"; }
|
||||||
|
if (type == "{") return pushContext(state, stream, "top");
|
||||||
|
return pass(type, stream, state);
|
||||||
|
};
|
||||||
|
|
||||||
|
states.at = function(type, stream, state) {
|
||||||
|
if (type == ";") return popContext(state);
|
||||||
|
if (type == "{" || type == "}") return popAndPass(type, stream, state);
|
||||||
|
if (type == "word") override = "tag";
|
||||||
|
else if (type == "hash") override = "builtin";
|
||||||
|
return "at";
|
||||||
|
};
|
||||||
|
|
||||||
|
states.interpolation = function(type, stream, state) {
|
||||||
|
if (type == "}") return popContext(state);
|
||||||
|
if (type == "{" || type == ";") return popAndPass(type, stream, state);
|
||||||
|
if (type == "word") override = "variable";
|
||||||
|
else if (type != "variable" && type != "(" && type != ")") override = "error";
|
||||||
|
return "interpolation";
|
||||||
|
};
|
||||||
|
|
||||||
|
return {
|
||||||
|
startState: function(base) {
|
||||||
|
return {tokenize: null,
|
||||||
|
state: inline ? "block" : "top",
|
||||||
|
stateArg: null,
|
||||||
|
context: new Context(inline ? "block" : "top", base || 0, null)};
|
||||||
|
},
|
||||||
|
|
||||||
|
token: function(stream, state) {
|
||||||
|
if (!state.tokenize && stream.eatSpace()) return null;
|
||||||
|
var style = (state.tokenize || tokenBase)(stream, state);
|
||||||
|
if (style && typeof style == "object") {
|
||||||
|
type = style[1];
|
||||||
|
style = style[0];
|
||||||
|
}
|
||||||
|
override = style;
|
||||||
|
if (type != "comment")
|
||||||
|
state.state = states[state.state](type, stream, state);
|
||||||
|
return override;
|
||||||
|
},
|
||||||
|
|
||||||
|
indent: function(state, textAfter) {
|
||||||
|
var cx = state.context, ch = textAfter && textAfter.charAt(0);
|
||||||
|
var indent = cx.indent;
|
||||||
|
if (cx.type == "prop" && (ch == "}" || ch == ")")) cx = cx.prev;
|
||||||
|
if (cx.prev) {
|
||||||
|
if (ch == "}" && (cx.type == "block" || cx.type == "top" ||
|
||||||
|
cx.type == "interpolation" || cx.type == "restricted_atBlock")) {
|
||||||
|
// Resume indentation from parent context.
|
||||||
|
cx = cx.prev;
|
||||||
|
indent = cx.indent;
|
||||||
|
} else if (ch == ")" && (cx.type == "parens" || cx.type == "atBlock_parens") ||
|
||||||
|
ch == "{" && (cx.type == "at" || cx.type == "atBlock")) {
|
||||||
|
// Dedent relative to current context.
|
||||||
|
indent = Math.max(0, cx.indent - indentUnit);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return indent;
|
||||||
|
},
|
||||||
|
|
||||||
|
electricChars: "}",
|
||||||
|
blockCommentStart: "/*",
|
||||||
|
blockCommentEnd: "*/",
|
||||||
|
blockCommentContinue: " * ",
|
||||||
|
lineComment: lineComment,
|
||||||
|
fold: "brace"
|
||||||
|
};
|
||||||
|
});
|
||||||
|
|
||||||
|
function keySet(array) {
|
||||||
|
var keys = {};
|
||||||
|
for (var i = 0; i < array.length; ++i) {
|
||||||
|
keys[array[i].toLowerCase()] = true;
|
||||||
|
}
|
||||||
|
return keys;
|
||||||
|
}
|
||||||
|
|
||||||
|
var documentTypes_ = [
|
||||||
|
"domain", "regexp", "url", "url-prefix"
|
||||||
|
], documentTypes = keySet(documentTypes_);
|
||||||
|
|
||||||
|
var mediaTypes_ = [
|
||||||
|
"all", "aural", "braille", "handheld", "print", "projection", "screen",
|
||||||
|
"tty", "tv", "embossed"
|
||||||
|
], mediaTypes = keySet(mediaTypes_);
|
||||||
|
|
||||||
|
var mediaFeatures_ = [
|
||||||
|
"width", "min-width", "max-width", "height", "min-height", "max-height",
|
||||||
|
"device-width", "min-device-width", "max-device-width", "device-height",
|
||||||
|
"min-device-height", "max-device-height", "aspect-ratio",
|
||||||
|
"min-aspect-ratio", "max-aspect-ratio", "device-aspect-ratio",
|
||||||
|
"min-device-aspect-ratio", "max-device-aspect-ratio", "color", "min-color",
|
||||||
|
"max-color", "color-index", "min-color-index", "max-color-index",
|
||||||
|
"monochrome", "min-monochrome", "max-monochrome", "resolution",
|
||||||
|
"min-resolution", "max-resolution", "scan", "grid", "orientation",
|
||||||
|
"device-pixel-ratio", "min-device-pixel-ratio", "max-device-pixel-ratio",
|
||||||
|
"pointer", "any-pointer", "hover", "any-hover", "prefers-color-scheme"
|
||||||
|
], mediaFeatures = keySet(mediaFeatures_);
|
||||||
|
|
||||||
|
var mediaValueKeywords_ = [
|
||||||
|
"landscape", "portrait", "none", "coarse", "fine", "on-demand", "hover",
|
||||||
|
"interlace", "progressive",
|
||||||
|
"dark", "light"
|
||||||
|
], mediaValueKeywords = keySet(mediaValueKeywords_);
|
||||||
|
|
||||||
|
var propertyKeywords_ = [
|
||||||
|
"align-content", "align-items", "align-self", "alignment-adjust",
|
||||||
|
"alignment-baseline", "all", "anchor-point", "animation", "animation-delay",
|
||||||
|
"animation-direction", "animation-duration", "animation-fill-mode",
|
||||||
|
"animation-iteration-count", "animation-name", "animation-play-state",
|
||||||
|
"animation-timing-function", "appearance", "azimuth", "backdrop-filter",
|
||||||
|
"backface-visibility", "background", "background-attachment",
|
||||||
|
"background-blend-mode", "background-clip", "background-color",
|
||||||
|
"background-image", "background-origin", "background-position",
|
||||||
|
"background-position-x", "background-position-y", "background-repeat",
|
||||||
|
"background-size", "baseline-shift", "binding", "bleed", "block-size",
|
||||||
|
"bookmark-label", "bookmark-level", "bookmark-state", "bookmark-target",
|
||||||
|
"border", "border-bottom", "border-bottom-color", "border-bottom-left-radius",
|
||||||
|
"border-bottom-right-radius", "border-bottom-style", "border-bottom-width",
|
||||||
|
"border-collapse", "border-color", "border-image", "border-image-outset",
|
||||||
|
"border-image-repeat", "border-image-slice", "border-image-source",
|
||||||
|
"border-image-width", "border-left", "border-left-color", "border-left-style",
|
||||||
|
"border-left-width", "border-radius", "border-right", "border-right-color",
|
||||||
|
"border-right-style", "border-right-width", "border-spacing", "border-style",
|
||||||
|
"border-top", "border-top-color", "border-top-left-radius",
|
||||||
|
"border-top-right-radius", "border-top-style", "border-top-width",
|
||||||
|
"border-width", "bottom", "box-decoration-break", "box-shadow", "box-sizing",
|
||||||
|
"break-after", "break-before", "break-inside", "caption-side", "caret-color",
|
||||||
|
"clear", "clip", "color", "color-profile", "column-count", "column-fill",
|
||||||
|
"column-gap", "column-rule", "column-rule-color", "column-rule-style",
|
||||||
|
"column-rule-width", "column-span", "column-width", "columns", "contain",
|
||||||
|
"content", "counter-increment", "counter-reset", "crop", "cue", "cue-after",
|
||||||
|
"cue-before", "cursor", "direction", "display", "dominant-baseline",
|
||||||
|
"drop-initial-after-adjust", "drop-initial-after-align",
|
||||||
|
"drop-initial-before-adjust", "drop-initial-before-align", "drop-initial-size",
|
||||||
|
"drop-initial-value", "elevation", "empty-cells", "fit", "fit-position",
|
||||||
|
"flex", "flex-basis", "flex-direction", "flex-flow", "flex-grow",
|
||||||
|
"flex-shrink", "flex-wrap", "float", "float-offset", "flow-from", "flow-into",
|
||||||
|
"font", "font-family", "font-feature-settings", "font-kerning",
|
||||||
|
"font-language-override", "font-optical-sizing", "font-size",
|
||||||
|
"font-size-adjust", "font-stretch", "font-style", "font-synthesis",
|
||||||
|
"font-variant", "font-variant-alternates", "font-variant-caps",
|
||||||
|
"font-variant-east-asian", "font-variant-ligatures", "font-variant-numeric",
|
||||||
|
"font-variant-position", "font-variation-settings", "font-weight", "gap",
|
||||||
|
"grid", "grid-area", "grid-auto-columns", "grid-auto-flow", "grid-auto-rows",
|
||||||
|
"grid-column", "grid-column-end", "grid-column-gap", "grid-column-start",
|
||||||
|
"grid-gap", "grid-row", "grid-row-end", "grid-row-gap", "grid-row-start",
|
||||||
|
"grid-template", "grid-template-areas", "grid-template-columns",
|
||||||
|
"grid-template-rows", "hanging-punctuation", "height", "hyphens", "icon",
|
||||||
|
"image-orientation", "image-rendering", "image-resolution", "inline-box-align",
|
||||||
|
"inset", "inset-block", "inset-block-end", "inset-block-start", "inset-inline",
|
||||||
|
"inset-inline-end", "inset-inline-start", "isolation", "justify-content",
|
||||||
|
"justify-items", "justify-self", "left", "letter-spacing", "line-break",
|
||||||
|
"line-height", "line-height-step", "line-stacking", "line-stacking-ruby",
|
||||||
|
"line-stacking-shift", "line-stacking-strategy", "list-style",
|
||||||
|
"list-style-image", "list-style-position", "list-style-type", "margin",
|
||||||
|
"margin-bottom", "margin-left", "margin-right", "margin-top", "marks",
|
||||||
|
"marquee-direction", "marquee-loop", "marquee-play-count", "marquee-speed",
|
||||||
|
"marquee-style", "mask-clip", "mask-composite", "mask-image", "mask-mode",
|
||||||
|
"mask-origin", "mask-position", "mask-repeat", "mask-size","mask-type",
|
||||||
|
"max-block-size", "max-height", "max-inline-size",
|
||||||
|
"max-width", "min-block-size", "min-height", "min-inline-size", "min-width",
|
||||||
|
"mix-blend-mode", "move-to", "nav-down", "nav-index", "nav-left", "nav-right",
|
||||||
|
"nav-up", "object-fit", "object-position", "offset", "offset-anchor",
|
||||||
|
"offset-distance", "offset-path", "offset-position", "offset-rotate",
|
||||||
|
"opacity", "order", "orphans", "outline", "outline-color", "outline-offset",
|
||||||
|
"outline-style", "outline-width", "overflow", "overflow-style",
|
||||||
|
"overflow-wrap", "overflow-x", "overflow-y", "padding", "padding-bottom",
|
||||||
|
"padding-left", "padding-right", "padding-top", "page", "page-break-after",
|
||||||
|
"page-break-before", "page-break-inside", "page-policy", "pause",
|
||||||
|
"pause-after", "pause-before", "perspective", "perspective-origin", "pitch",
|
||||||
|
"pitch-range", "place-content", "place-items", "place-self", "play-during",
|
||||||
|
"position", "presentation-level", "punctuation-trim", "quotes",
|
||||||
|
"region-break-after", "region-break-before", "region-break-inside",
|
||||||
|
"region-fragment", "rendering-intent", "resize", "rest", "rest-after",
|
||||||
|
"rest-before", "richness", "right", "rotate", "rotation", "rotation-point",
|
||||||
|
"row-gap", "ruby-align", "ruby-overhang", "ruby-position", "ruby-span",
|
||||||
|
"scale", "scroll-behavior", "scroll-margin", "scroll-margin-block",
|
||||||
|
"scroll-margin-block-end", "scroll-margin-block-start", "scroll-margin-bottom",
|
||||||
|
"scroll-margin-inline", "scroll-margin-inline-end",
|
||||||
|
"scroll-margin-inline-start", "scroll-margin-left", "scroll-margin-right",
|
||||||
|
"scroll-margin-top", "scroll-padding", "scroll-padding-block",
|
||||||
|
"scroll-padding-block-end", "scroll-padding-block-start",
|
||||||
|
"scroll-padding-bottom", "scroll-padding-inline", "scroll-padding-inline-end",
|
||||||
|
"scroll-padding-inline-start", "scroll-padding-left", "scroll-padding-right",
|
||||||
|
"scroll-padding-top", "scroll-snap-align", "scroll-snap-type",
|
||||||
|
"shape-image-threshold", "shape-inside", "shape-margin", "shape-outside",
|
||||||
|
"size", "speak", "speak-as", "speak-header", "speak-numeral",
|
||||||
|
"speak-punctuation", "speech-rate", "stress", "string-set", "tab-size",
|
||||||
|
"table-layout", "target", "target-name", "target-new", "target-position",
|
||||||
|
"text-align", "text-align-last", "text-combine-upright", "text-decoration",
|
||||||
|
"text-decoration-color", "text-decoration-line", "text-decoration-skip",
|
||||||
|
"text-decoration-skip-ink", "text-decoration-style", "text-emphasis",
|
||||||
|
"text-emphasis-color", "text-emphasis-position", "text-emphasis-style",
|
||||||
|
"text-height", "text-indent", "text-justify", "text-orientation",
|
||||||
|
"text-outline", "text-overflow", "text-rendering", "text-shadow",
|
||||||
|
"text-size-adjust", "text-space-collapse", "text-transform",
|
||||||
|
"text-underline-position", "text-wrap", "top", "touch-action", "transform", "transform-origin",
|
||||||
|
"transform-style", "transition", "transition-delay", "transition-duration",
|
||||||
|
"transition-property", "transition-timing-function", "translate",
|
||||||
|
"unicode-bidi", "user-select", "vertical-align", "visibility", "voice-balance",
|
||||||
|
"voice-duration", "voice-family", "voice-pitch", "voice-range", "voice-rate",
|
||||||
|
"voice-stress", "voice-volume", "volume", "white-space", "widows", "width",
|
||||||
|
"will-change", "word-break", "word-spacing", "word-wrap", "writing-mode", "z-index",
|
||||||
|
// SVG-specific
|
||||||
|
"clip-path", "clip-rule", "mask", "enable-background", "filter", "flood-color",
|
||||||
|
"flood-opacity", "lighting-color", "stop-color", "stop-opacity", "pointer-events",
|
||||||
|
"color-interpolation", "color-interpolation-filters",
|
||||||
|
"color-rendering", "fill", "fill-opacity", "fill-rule", "image-rendering",
|
||||||
|
"marker", "marker-end", "marker-mid", "marker-start", "paint-order", "shape-rendering", "stroke",
|
||||||
|
"stroke-dasharray", "stroke-dashoffset", "stroke-linecap", "stroke-linejoin",
|
||||||
|
"stroke-miterlimit", "stroke-opacity", "stroke-width", "text-rendering",
|
||||||
|
"baseline-shift", "dominant-baseline", "glyph-orientation-horizontal",
|
||||||
|
"glyph-orientation-vertical", "text-anchor", "writing-mode",
|
||||||
|
], propertyKeywords = keySet(propertyKeywords_);
|
||||||
|
|
||||||
|
var nonStandardPropertyKeywords_ = [
|
||||||
|
"border-block", "border-block-color", "border-block-end",
|
||||||
|
"border-block-end-color", "border-block-end-style", "border-block-end-width",
|
||||||
|
"border-block-start", "border-block-start-color", "border-block-start-style",
|
||||||
|
"border-block-start-width", "border-block-style", "border-block-width",
|
||||||
|
"border-inline", "border-inline-color", "border-inline-end",
|
||||||
|
"border-inline-end-color", "border-inline-end-style",
|
||||||
|
"border-inline-end-width", "border-inline-start", "border-inline-start-color",
|
||||||
|
"border-inline-start-style", "border-inline-start-width",
|
||||||
|
"border-inline-style", "border-inline-width", "margin-block",
|
||||||
|
"margin-block-end", "margin-block-start", "margin-inline", "margin-inline-end",
|
||||||
|
"margin-inline-start", "padding-block", "padding-block-end",
|
||||||
|
"padding-block-start", "padding-inline", "padding-inline-end",
|
||||||
|
"padding-inline-start", "scroll-snap-stop", "scrollbar-3d-light-color",
|
||||||
|
"scrollbar-arrow-color", "scrollbar-base-color", "scrollbar-dark-shadow-color",
|
||||||
|
"scrollbar-face-color", "scrollbar-highlight-color", "scrollbar-shadow-color",
|
||||||
|
"scrollbar-track-color", "searchfield-cancel-button", "searchfield-decoration",
|
||||||
|
"searchfield-results-button", "searchfield-results-decoration", "shape-inside", "zoom"
|
||||||
|
], nonStandardPropertyKeywords = keySet(nonStandardPropertyKeywords_);
|
||||||
|
|
||||||
|
var fontProperties_ = [
|
||||||
|
"font-display", "font-family", "src", "unicode-range", "font-variant",
|
||||||
|
"font-feature-settings", "font-stretch", "font-weight", "font-style"
|
||||||
|
], fontProperties = keySet(fontProperties_);
|
||||||
|
|
||||||
|
var counterDescriptors_ = [
|
||||||
|
"additive-symbols", "fallback", "negative", "pad", "prefix", "range",
|
||||||
|
"speak-as", "suffix", "symbols", "system"
|
||||||
|
], counterDescriptors = keySet(counterDescriptors_);
|
||||||
|
|
||||||
|
var colorKeywords_ = [
|
||||||
|
"aliceblue", "antiquewhite", "aqua", "aquamarine", "azure", "beige",
|
||||||
|
"bisque", "black", "blanchedalmond", "blue", "blueviolet", "brown",
|
||||||
|
"burlywood", "cadetblue", "chartreuse", "chocolate", "coral", "cornflowerblue",
|
||||||
|
"cornsilk", "crimson", "cyan", "darkblue", "darkcyan", "darkgoldenrod",
|
||||||
|
"darkgray", "darkgreen", "darkkhaki", "darkmagenta", "darkolivegreen",
|
||||||
|
"darkorange", "darkorchid", "darkred", "darksalmon", "darkseagreen",
|
||||||
|
"darkslateblue", "darkslategray", "darkturquoise", "darkviolet",
|
||||||
|
"deeppink", "deepskyblue", "dimgray", "dodgerblue", "firebrick",
|
||||||
|
"floralwhite", "forestgreen", "fuchsia", "gainsboro", "ghostwhite",
|
||||||
|
"gold", "goldenrod", "gray", "grey", "green", "greenyellow", "honeydew",
|
||||||
|
"hotpink", "indianred", "indigo", "ivory", "khaki", "lavender",
|
||||||
|
"lavenderblush", "lawngreen", "lemonchiffon", "lightblue", "lightcoral",
|
||||||
|
"lightcyan", "lightgoldenrodyellow", "lightgray", "lightgreen", "lightpink",
|
||||||
|
"lightsalmon", "lightseagreen", "lightskyblue", "lightslategray",
|
||||||
|
"lightsteelblue", "lightyellow", "lime", "limegreen", "linen", "magenta",
|
||||||
|
"maroon", "mediumaquamarine", "mediumblue", "mediumorchid", "mediumpurple",
|
||||||
|
"mediumseagreen", "mediumslateblue", "mediumspringgreen", "mediumturquoise",
|
||||||
|
"mediumvioletred", "midnightblue", "mintcream", "mistyrose", "moccasin",
|
||||||
|
"navajowhite", "navy", "oldlace", "olive", "olivedrab", "orange", "orangered",
|
||||||
|
"orchid", "palegoldenrod", "palegreen", "paleturquoise", "palevioletred",
|
||||||
|
"papayawhip", "peachpuff", "peru", "pink", "plum", "powderblue",
|
||||||
|
"purple", "rebeccapurple", "red", "rosybrown", "royalblue", "saddlebrown",
|
||||||
|
"salmon", "sandybrown", "seagreen", "seashell", "sienna", "silver", "skyblue",
|
||||||
|
"slateblue", "slategray", "snow", "springgreen", "steelblue", "tan",
|
||||||
|
"teal", "thistle", "tomato", "turquoise", "violet", "wheat", "white",
|
||||||
|
"whitesmoke", "yellow", "yellowgreen"
|
||||||
|
], colorKeywords = keySet(colorKeywords_);
|
||||||
|
|
||||||
|
var valueKeywords_ = [
|
||||||
|
"above", "absolute", "activeborder", "additive", "activecaption", "afar",
|
||||||
|
"after-white-space", "ahead", "alias", "all", "all-scroll", "alphabetic", "alternate",
|
||||||
|
"always", "amharic", "amharic-abegede", "antialiased", "appworkspace",
|
||||||
|
"arabic-indic", "armenian", "asterisks", "attr", "auto", "auto-flow", "avoid", "avoid-column", "avoid-page",
|
||||||
|
"avoid-region", "axis-pan", "background", "backwards", "baseline", "below", "bidi-override", "binary",
|
||||||
|
"bengali", "blink", "block", "block-axis", "bold", "bolder", "border", "border-box",
|
||||||
|
"both", "bottom", "break", "break-all", "break-word", "bullets", "button", "button-bevel",
|
||||||
|
"buttonface", "buttonhighlight", "buttonshadow", "buttontext", "calc", "cambodian",
|
||||||
|
"capitalize", "caps-lock-indicator", "caption", "captiontext", "caret",
|
||||||
|
"cell", "center", "checkbox", "circle", "cjk-decimal", "cjk-earthly-branch",
|
||||||
|
"cjk-heavenly-stem", "cjk-ideographic", "clear", "clip", "close-quote",
|
||||||
|
"col-resize", "collapse", "color", "color-burn", "color-dodge", "column", "column-reverse",
|
||||||
|
"compact", "condensed", "contain", "content", "contents",
|
||||||
|
"content-box", "context-menu", "continuous", "copy", "counter", "counters", "cover", "crop",
|
||||||
|
"cross", "crosshair", "currentcolor", "cursive", "cyclic", "darken", "dashed", "decimal",
|
||||||
|
"decimal-leading-zero", "default", "default-button", "dense", "destination-atop",
|
||||||
|
"destination-in", "destination-out", "destination-over", "devanagari", "difference",
|
||||||
|
"disc", "discard", "disclosure-closed", "disclosure-open", "document",
|
||||||
|
"dot-dash", "dot-dot-dash",
|
||||||
|
"dotted", "double", "down", "e-resize", "ease", "ease-in", "ease-in-out", "ease-out",
|
||||||
|
"element", "ellipse", "ellipsis", "embed", "end", "ethiopic", "ethiopic-abegede",
|
||||||
|
"ethiopic-abegede-am-et", "ethiopic-abegede-gez", "ethiopic-abegede-ti-er",
|
||||||
|
"ethiopic-abegede-ti-et", "ethiopic-halehame-aa-er",
|
||||||
|
"ethiopic-halehame-aa-et", "ethiopic-halehame-am-et",
|
||||||
|
"ethiopic-halehame-gez", "ethiopic-halehame-om-et",
|
||||||
|
"ethiopic-halehame-sid-et", "ethiopic-halehame-so-et",
|
||||||
|
"ethiopic-halehame-ti-er", "ethiopic-halehame-ti-et", "ethiopic-halehame-tig",
|
||||||
|
"ethiopic-numeric", "ew-resize", "exclusion", "expanded", "extends", "extra-condensed",
|
||||||
|
"extra-expanded", "fantasy", "fast", "fill", "fill-box", "fixed", "flat", "flex", "flex-end", "flex-start", "footnotes",
|
||||||
|
"forwards", "from", "geometricPrecision", "georgian", "graytext", "grid", "groove",
|
||||||
|
"gujarati", "gurmukhi", "hand", "hangul", "hangul-consonant", "hard-light", "hebrew",
|
||||||
|
"help", "hidden", "hide", "higher", "highlight", "highlighttext",
|
||||||
|
"hiragana", "hiragana-iroha", "horizontal", "hsl", "hsla", "hue", "icon", "ignore",
|
||||||
|
"inactiveborder", "inactivecaption", "inactivecaptiontext", "infinite",
|
||||||
|
"infobackground", "infotext", "inherit", "initial", "inline", "inline-axis",
|
||||||
|
"inline-block", "inline-flex", "inline-grid", "inline-table", "inset", "inside", "intrinsic", "invert",
|
||||||
|
"italic", "japanese-formal", "japanese-informal", "justify", "kannada",
|
||||||
|
"katakana", "katakana-iroha", "keep-all", "khmer",
|
||||||
|
"korean-hangul-formal", "korean-hanja-formal", "korean-hanja-informal",
|
||||||
|
"landscape", "lao", "large", "larger", "left", "level", "lighter", "lighten",
|
||||||
|
"line-through", "linear", "linear-gradient", "lines", "list-item", "listbox", "listitem",
|
||||||
|
"local", "logical", "loud", "lower", "lower-alpha", "lower-armenian",
|
||||||
|
"lower-greek", "lower-hexadecimal", "lower-latin", "lower-norwegian",
|
||||||
|
"lower-roman", "lowercase", "ltr", "luminosity", "malayalam", "manipulation", "match", "matrix", "matrix3d",
|
||||||
|
"media-controls-background", "media-current-time-display",
|
||||||
|
"media-fullscreen-button", "media-mute-button", "media-play-button",
|
||||||
|
"media-return-to-realtime-button", "media-rewind-button",
|
||||||
|
"media-seek-back-button", "media-seek-forward-button", "media-slider",
|
||||||
|
"media-sliderthumb", "media-time-remaining-display", "media-volume-slider",
|
||||||
|
"media-volume-slider-container", "media-volume-sliderthumb", "medium",
|
||||||
|
"menu", "menulist", "menulist-button", "menulist-text",
|
||||||
|
"menulist-textfield", "menutext", "message-box", "middle", "min-intrinsic",
|
||||||
|
"mix", "mongolian", "monospace", "move", "multiple", "multiple_mask_images", "multiply", "myanmar", "n-resize",
|
||||||
|
"narrower", "ne-resize", "nesw-resize", "no-close-quote", "no-drop",
|
||||||
|
"no-open-quote", "no-repeat", "none", "normal", "not-allowed", "nowrap",
|
||||||
|
"ns-resize", "numbers", "numeric", "nw-resize", "nwse-resize", "oblique", "octal", "opacity", "open-quote",
|
||||||
|
"optimizeLegibility", "optimizeSpeed", "oriya", "oromo", "outset",
|
||||||
|
"outside", "outside-shape", "overlay", "overline", "padding", "padding-box",
|
||||||
|
"painted", "page", "paused", "persian", "perspective", "pinch-zoom", "plus-darker", "plus-lighter",
|
||||||
|
"pointer", "polygon", "portrait", "pre", "pre-line", "pre-wrap", "preserve-3d",
|
||||||
|
"progress", "push-button", "radial-gradient", "radio", "read-only",
|
||||||
|
"read-write", "read-write-plaintext-only", "rectangle", "region",
|
||||||
|
"relative", "repeat", "repeating-linear-gradient",
|
||||||
|
"repeating-radial-gradient", "repeat-x", "repeat-y", "reset", "reverse",
|
||||||
|
"rgb", "rgba", "ridge", "right", "rotate", "rotate3d", "rotateX", "rotateY",
|
||||||
|
"rotateZ", "round", "row", "row-resize", "row-reverse", "rtl", "run-in", "running",
|
||||||
|
"s-resize", "sans-serif", "saturation", "scale", "scale3d", "scaleX", "scaleY", "scaleZ", "screen",
|
||||||
|
"scroll", "scrollbar", "scroll-position", "se-resize", "searchfield",
|
||||||
|
"searchfield-cancel-button", "searchfield-decoration",
|
||||||
|
"searchfield-results-button", "searchfield-results-decoration", "self-start", "self-end",
|
||||||
|
"semi-condensed", "semi-expanded", "separate", "serif", "show", "sidama",
|
||||||
|
"simp-chinese-formal", "simp-chinese-informal", "single",
|
||||||
|
"skew", "skewX", "skewY", "skip-white-space", "slide", "slider-horizontal",
|
||||||
|
"slider-vertical", "sliderthumb-horizontal", "sliderthumb-vertical", "slow",
|
||||||
|
"small", "small-caps", "small-caption", "smaller", "soft-light", "solid", "somali",
|
||||||
|
"source-atop", "source-in", "source-out", "source-over", "space", "space-around", "space-between", "space-evenly", "spell-out", "square",
|
||||||
|
"square-button", "start", "static", "status-bar", "stretch", "stroke", "stroke-box", "sub",
|
||||||
|
"subpixel-antialiased", "svg_masks", "super", "sw-resize", "symbolic", "symbols", "system-ui", "table",
|
||||||
|
"table-caption", "table-cell", "table-column", "table-column-group",
|
||||||
|
"table-footer-group", "table-header-group", "table-row", "table-row-group",
|
||||||
|
"tamil",
|
||||||
|
"telugu", "text", "text-bottom", "text-top", "textarea", "textfield", "thai",
|
||||||
|
"thick", "thin", "threeddarkshadow", "threedface", "threedhighlight",
|
||||||
|
"threedlightshadow", "threedshadow", "tibetan", "tigre", "tigrinya-er",
|
||||||
|
"tigrinya-er-abegede", "tigrinya-et", "tigrinya-et-abegede", "to", "top",
|
||||||
|
"trad-chinese-formal", "trad-chinese-informal", "transform",
|
||||||
|
"translate", "translate3d", "translateX", "translateY", "translateZ",
|
||||||
|
"transparent", "ultra-condensed", "ultra-expanded", "underline", "unidirectional-pan", "unset", "up",
|
||||||
|
"upper-alpha", "upper-armenian", "upper-greek", "upper-hexadecimal",
|
||||||
|
"upper-latin", "upper-norwegian", "upper-roman", "uppercase", "urdu", "url",
|
||||||
|
"var", "vertical", "vertical-text", "view-box", "visible", "visibleFill", "visiblePainted",
|
||||||
|
"visibleStroke", "visual", "w-resize", "wait", "wave", "wider",
|
||||||
|
"window", "windowframe", "windowtext", "words", "wrap", "wrap-reverse", "x-large", "x-small", "xor",
|
||||||
|
"xx-large", "xx-small"
|
||||||
|
], valueKeywords = keySet(valueKeywords_);
|
||||||
|
|
||||||
|
var allWords = documentTypes_.concat(mediaTypes_).concat(mediaFeatures_).concat(mediaValueKeywords_)
|
||||||
|
.concat(propertyKeywords_).concat(nonStandardPropertyKeywords_).concat(colorKeywords_)
|
||||||
|
.concat(valueKeywords_);
|
||||||
|
CodeMirror.registerHelper("hintWords", "css", allWords);
|
||||||
|
|
||||||
|
function tokenCComment(stream, state) {
|
||||||
|
var maybeEnd = false, ch;
|
||||||
|
while ((ch = stream.next()) != null) {
|
||||||
|
if (maybeEnd && ch == "/") {
|
||||||
|
state.tokenize = null;
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
maybeEnd = (ch == "*");
|
||||||
|
}
|
||||||
|
return ["comment", "comment"];
|
||||||
|
}
|
||||||
|
|
||||||
|
CodeMirror.defineMIME("text/css", {
|
||||||
|
documentTypes: documentTypes,
|
||||||
|
mediaTypes: mediaTypes,
|
||||||
|
mediaFeatures: mediaFeatures,
|
||||||
|
mediaValueKeywords: mediaValueKeywords,
|
||||||
|
propertyKeywords: propertyKeywords,
|
||||||
|
nonStandardPropertyKeywords: nonStandardPropertyKeywords,
|
||||||
|
fontProperties: fontProperties,
|
||||||
|
counterDescriptors: counterDescriptors,
|
||||||
|
colorKeywords: colorKeywords,
|
||||||
|
valueKeywords: valueKeywords,
|
||||||
|
tokenHooks: {
|
||||||
|
"/": function(stream, state) {
|
||||||
|
if (!stream.eat("*")) return false;
|
||||||
|
state.tokenize = tokenCComment;
|
||||||
|
return tokenCComment(stream, state);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
name: "css"
|
||||||
|
});
|
||||||
|
|
||||||
|
CodeMirror.defineMIME("text/x-scss", {
|
||||||
|
mediaTypes: mediaTypes,
|
||||||
|
mediaFeatures: mediaFeatures,
|
||||||
|
mediaValueKeywords: mediaValueKeywords,
|
||||||
|
propertyKeywords: propertyKeywords,
|
||||||
|
nonStandardPropertyKeywords: nonStandardPropertyKeywords,
|
||||||
|
colorKeywords: colorKeywords,
|
||||||
|
valueKeywords: valueKeywords,
|
||||||
|
fontProperties: fontProperties,
|
||||||
|
allowNested: true,
|
||||||
|
lineComment: "//",
|
||||||
|
tokenHooks: {
|
||||||
|
"/": function(stream, state) {
|
||||||
|
if (stream.eat("/")) {
|
||||||
|
stream.skipToEnd();
|
||||||
|
return ["comment", "comment"];
|
||||||
|
} else if (stream.eat("*")) {
|
||||||
|
state.tokenize = tokenCComment;
|
||||||
|
return tokenCComment(stream, state);
|
||||||
|
} else {
|
||||||
|
return ["operator", "operator"];
|
||||||
|
}
|
||||||
|
},
|
||||||
|
":": function(stream) {
|
||||||
|
if (stream.match(/^\s*\{/, false))
|
||||||
|
return [null, null]
|
||||||
|
return false;
|
||||||
|
},
|
||||||
|
"$": function(stream) {
|
||||||
|
stream.match(/^[\w-]+/);
|
||||||
|
if (stream.match(/^\s*:/, false))
|
||||||
|
return ["variable-2", "variable-definition"];
|
||||||
|
return ["variable-2", "variable"];
|
||||||
|
},
|
||||||
|
"#": function(stream) {
|
||||||
|
if (!stream.eat("{")) return false;
|
||||||
|
return [null, "interpolation"];
|
||||||
|
}
|
||||||
|
},
|
||||||
|
name: "css",
|
||||||
|
helperType: "scss"
|
||||||
|
});
|
||||||
|
|
||||||
|
CodeMirror.defineMIME("text/x-less", {
|
||||||
|
mediaTypes: mediaTypes,
|
||||||
|
mediaFeatures: mediaFeatures,
|
||||||
|
mediaValueKeywords: mediaValueKeywords,
|
||||||
|
propertyKeywords: propertyKeywords,
|
||||||
|
nonStandardPropertyKeywords: nonStandardPropertyKeywords,
|
||||||
|
colorKeywords: colorKeywords,
|
||||||
|
valueKeywords: valueKeywords,
|
||||||
|
fontProperties: fontProperties,
|
||||||
|
allowNested: true,
|
||||||
|
lineComment: "//",
|
||||||
|
tokenHooks: {
|
||||||
|
"/": function(stream, state) {
|
||||||
|
if (stream.eat("/")) {
|
||||||
|
stream.skipToEnd();
|
||||||
|
return ["comment", "comment"];
|
||||||
|
} else if (stream.eat("*")) {
|
||||||
|
state.tokenize = tokenCComment;
|
||||||
|
return tokenCComment(stream, state);
|
||||||
|
} else {
|
||||||
|
return ["operator", "operator"];
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"@": function(stream) {
|
||||||
|
if (stream.eat("{")) return [null, "interpolation"];
|
||||||
|
if (stream.match(/^(charset|document|font-face|import|(-(moz|ms|o|webkit)-)?keyframes|media|namespace|page|supports)\b/i, false)) return false;
|
||||||
|
stream.eatWhile(/[\w\\\-]/);
|
||||||
|
if (stream.match(/^\s*:/, false))
|
||||||
|
return ["variable-2", "variable-definition"];
|
||||||
|
return ["variable-2", "variable"];
|
||||||
|
},
|
||||||
|
"&": function() {
|
||||||
|
return ["atom", "atom"];
|
||||||
|
}
|
||||||
|
},
|
||||||
|
name: "css",
|
||||||
|
helperType: "less"
|
||||||
|
});
|
||||||
|
|
||||||
|
CodeMirror.defineMIME("text/x-gss", {
|
||||||
|
documentTypes: documentTypes,
|
||||||
|
mediaTypes: mediaTypes,
|
||||||
|
mediaFeatures: mediaFeatures,
|
||||||
|
propertyKeywords: propertyKeywords,
|
||||||
|
nonStandardPropertyKeywords: nonStandardPropertyKeywords,
|
||||||
|
fontProperties: fontProperties,
|
||||||
|
counterDescriptors: counterDescriptors,
|
||||||
|
colorKeywords: colorKeywords,
|
||||||
|
valueKeywords: valueKeywords,
|
||||||
|
supportsAtComponent: true,
|
||||||
|
tokenHooks: {
|
||||||
|
"/": function(stream, state) {
|
||||||
|
if (!stream.eat("*")) return false;
|
||||||
|
state.tokenize = tokenCComment;
|
||||||
|
return tokenCComment(stream, state);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
name: "css",
|
||||||
|
helperType: "gss"
|
||||||
|
});
|
||||||
|
|
||||||
|
});
|
||||||
|
|
@ -0,0 +1,153 @@
|
||||||
|
// CodeMirror, copyright (c) by Marijn Haverbeke and others
|
||||||
|
// Distributed under an MIT license: https://codemirror.net/LICENSE
|
||||||
|
|
||||||
|
(function(mod) {
|
||||||
|
if (typeof exports == "object" && typeof module == "object") // CommonJS
|
||||||
|
mod(require("../../lib/codemirror"), require("../xml/xml"), require("../javascript/javascript"), require("../css/css"));
|
||||||
|
else if (typeof define == "function" && define.amd) // AMD
|
||||||
|
define(["../../lib/codemirror", "../xml/xml", "../javascript/javascript", "../css/css"], mod);
|
||||||
|
else // Plain browser env
|
||||||
|
mod(CodeMirror);
|
||||||
|
})(function(CodeMirror) {
|
||||||
|
"use strict";
|
||||||
|
|
||||||
|
var defaultTags = {
|
||||||
|
script: [
|
||||||
|
["lang", /(javascript|babel)/i, "javascript"],
|
||||||
|
["type", /^(?:text|application)\/(?:x-)?(?:java|ecma)script$|^module$|^$/i, "javascript"],
|
||||||
|
["type", /./, "text/plain"],
|
||||||
|
[null, null, "javascript"]
|
||||||
|
],
|
||||||
|
style: [
|
||||||
|
["lang", /^css$/i, "css"],
|
||||||
|
["type", /^(text\/)?(x-)?(stylesheet|css)$/i, "css"],
|
||||||
|
["type", /./, "text/plain"],
|
||||||
|
[null, null, "css"]
|
||||||
|
]
|
||||||
|
};
|
||||||
|
|
||||||
|
function maybeBackup(stream, pat, style) {
|
||||||
|
var cur = stream.current(), close = cur.search(pat);
|
||||||
|
if (close > -1) {
|
||||||
|
stream.backUp(cur.length - close);
|
||||||
|
} else if (cur.match(/<\/?$/)) {
|
||||||
|
stream.backUp(cur.length);
|
||||||
|
if (!stream.match(pat, false)) stream.match(cur);
|
||||||
|
}
|
||||||
|
return style;
|
||||||
|
}
|
||||||
|
|
||||||
|
var attrRegexpCache = {};
|
||||||
|
function getAttrRegexp(attr) {
|
||||||
|
var regexp = attrRegexpCache[attr];
|
||||||
|
if (regexp) return regexp;
|
||||||
|
return attrRegexpCache[attr] = new RegExp("\\s+" + attr + "\\s*=\\s*('|\")?([^'\"]+)('|\")?\\s*");
|
||||||
|
}
|
||||||
|
|
||||||
|
function getAttrValue(text, attr) {
|
||||||
|
var match = text.match(getAttrRegexp(attr))
|
||||||
|
return match ? /^\s*(.*?)\s*$/.exec(match[2])[1] : ""
|
||||||
|
}
|
||||||
|
|
||||||
|
function getTagRegexp(tagName, anchored) {
|
||||||
|
return new RegExp((anchored ? "^" : "") + "<\/\s*" + tagName + "\s*>", "i");
|
||||||
|
}
|
||||||
|
|
||||||
|
function addTags(from, to) {
|
||||||
|
for (var tag in from) {
|
||||||
|
var dest = to[tag] || (to[tag] = []);
|
||||||
|
var source = from[tag];
|
||||||
|
for (var i = source.length - 1; i >= 0; i--)
|
||||||
|
dest.unshift(source[i])
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function findMatchingMode(tagInfo, tagText) {
|
||||||
|
for (var i = 0; i < tagInfo.length; i++) {
|
||||||
|
var spec = tagInfo[i];
|
||||||
|
if (!spec[0] || spec[1].test(getAttrValue(tagText, spec[0]))) return spec[2];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
CodeMirror.defineMode("htmlmixed", function (config, parserConfig) {
|
||||||
|
var htmlMode = CodeMirror.getMode(config, {
|
||||||
|
name: "xml",
|
||||||
|
htmlMode: true,
|
||||||
|
multilineTagIndentFactor: parserConfig.multilineTagIndentFactor,
|
||||||
|
multilineTagIndentPastTag: parserConfig.multilineTagIndentPastTag,
|
||||||
|
allowMissingTagName: parserConfig.allowMissingTagName,
|
||||||
|
});
|
||||||
|
|
||||||
|
var tags = {};
|
||||||
|
var configTags = parserConfig && parserConfig.tags, configScript = parserConfig && parserConfig.scriptTypes;
|
||||||
|
addTags(defaultTags, tags);
|
||||||
|
if (configTags) addTags(configTags, tags);
|
||||||
|
if (configScript) for (var i = configScript.length - 1; i >= 0; i--)
|
||||||
|
tags.script.unshift(["type", configScript[i].matches, configScript[i].mode])
|
||||||
|
|
||||||
|
function html(stream, state) {
|
||||||
|
var style = htmlMode.token(stream, state.htmlState), tag = /\btag\b/.test(style), tagName
|
||||||
|
if (tag && !/[<>\s\/]/.test(stream.current()) &&
|
||||||
|
(tagName = state.htmlState.tagName && state.htmlState.tagName.toLowerCase()) &&
|
||||||
|
tags.hasOwnProperty(tagName)) {
|
||||||
|
state.inTag = tagName + " "
|
||||||
|
} else if (state.inTag && tag && />$/.test(stream.current())) {
|
||||||
|
var inTag = /^([\S]+) (.*)/.exec(state.inTag)
|
||||||
|
state.inTag = null
|
||||||
|
var modeSpec = stream.current() == ">" && findMatchingMode(tags[inTag[1]], inTag[2])
|
||||||
|
var mode = CodeMirror.getMode(config, modeSpec)
|
||||||
|
var endTagA = getTagRegexp(inTag[1], true), endTag = getTagRegexp(inTag[1], false);
|
||||||
|
state.token = function (stream, state) {
|
||||||
|
if (stream.match(endTagA, false)) {
|
||||||
|
state.token = html;
|
||||||
|
state.localState = state.localMode = null;
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
return maybeBackup(stream, endTag, state.localMode.token(stream, state.localState));
|
||||||
|
};
|
||||||
|
state.localMode = mode;
|
||||||
|
state.localState = CodeMirror.startState(mode, htmlMode.indent(state.htmlState, "", ""));
|
||||||
|
} else if (state.inTag) {
|
||||||
|
state.inTag += stream.current()
|
||||||
|
if (stream.eol()) state.inTag += " "
|
||||||
|
}
|
||||||
|
return style;
|
||||||
|
};
|
||||||
|
|
||||||
|
return {
|
||||||
|
startState: function () {
|
||||||
|
var state = CodeMirror.startState(htmlMode);
|
||||||
|
return {token: html, inTag: null, localMode: null, localState: null, htmlState: state};
|
||||||
|
},
|
||||||
|
|
||||||
|
copyState: function (state) {
|
||||||
|
var local;
|
||||||
|
if (state.localState) {
|
||||||
|
local = CodeMirror.copyState(state.localMode, state.localState);
|
||||||
|
}
|
||||||
|
return {token: state.token, inTag: state.inTag,
|
||||||
|
localMode: state.localMode, localState: local,
|
||||||
|
htmlState: CodeMirror.copyState(htmlMode, state.htmlState)};
|
||||||
|
},
|
||||||
|
|
||||||
|
token: function (stream, state) {
|
||||||
|
return state.token(stream, state);
|
||||||
|
},
|
||||||
|
|
||||||
|
indent: function (state, textAfter, line) {
|
||||||
|
if (!state.localMode || /^\s*<\//.test(textAfter))
|
||||||
|
return htmlMode.indent(state.htmlState, textAfter, line);
|
||||||
|
else if (state.localMode.indent)
|
||||||
|
return state.localMode.indent(state.localState, textAfter, line);
|
||||||
|
else
|
||||||
|
return CodeMirror.Pass;
|
||||||
|
},
|
||||||
|
|
||||||
|
innerMode: function (state) {
|
||||||
|
return {state: state.localState || state.htmlState, mode: state.localMode || htmlMode};
|
||||||
|
}
|
||||||
|
};
|
||||||
|
}, "xml", "javascript", "css");
|
||||||
|
|
||||||
|
CodeMirror.defineMIME("text/html", "htmlmixed");
|
||||||
|
});
|
||||||
|
|
@ -0,0 +1,942 @@
|
||||||
|
// CodeMirror, copyright (c) by Marijn Haverbeke and others
|
||||||
|
// Distributed under an MIT license: https://codemirror.net/LICENSE
|
||||||
|
|
||||||
|
(function(mod) {
|
||||||
|
if (typeof exports == "object" && typeof module == "object") // CommonJS
|
||||||
|
mod(require("../../lib/codemirror"));
|
||||||
|
else if (typeof define == "function" && define.amd) // AMD
|
||||||
|
define(["../../lib/codemirror"], mod);
|
||||||
|
else // Plain browser env
|
||||||
|
mod(CodeMirror);
|
||||||
|
})(function(CodeMirror) {
|
||||||
|
"use strict";
|
||||||
|
|
||||||
|
CodeMirror.defineMode("javascript", function(config, parserConfig) {
|
||||||
|
var indentUnit = config.indentUnit;
|
||||||
|
var statementIndent = parserConfig.statementIndent;
|
||||||
|
var jsonldMode = parserConfig.jsonld;
|
||||||
|
var jsonMode = parserConfig.json || jsonldMode;
|
||||||
|
var isTS = parserConfig.typescript;
|
||||||
|
var wordRE = parserConfig.wordCharacters || /[\w$\xa1-\uffff]/;
|
||||||
|
|
||||||
|
// Tokenizer
|
||||||
|
|
||||||
|
var keywords = function(){
|
||||||
|
function kw(type) {return {type: type, style: "keyword"};}
|
||||||
|
var A = kw("keyword a"), B = kw("keyword b"), C = kw("keyword c"), D = kw("keyword d");
|
||||||
|
var operator = kw("operator"), atom = {type: "atom", style: "atom"};
|
||||||
|
|
||||||
|
return {
|
||||||
|
"if": kw("if"), "while": A, "with": A, "else": B, "do": B, "try": B, "finally": B,
|
||||||
|
"return": D, "break": D, "continue": D, "new": kw("new"), "delete": C, "void": C, "throw": C,
|
||||||
|
"debugger": kw("debugger"), "var": kw("var"), "const": kw("var"), "let": kw("var"),
|
||||||
|
"function": kw("function"), "catch": kw("catch"),
|
||||||
|
"for": kw("for"), "switch": kw("switch"), "case": kw("case"), "default": kw("default"),
|
||||||
|
"in": operator, "typeof": operator, "instanceof": operator,
|
||||||
|
"true": atom, "false": atom, "null": atom, "undefined": atom, "NaN": atom, "Infinity": atom,
|
||||||
|
"this": kw("this"), "class": kw("class"), "super": kw("atom"),
|
||||||
|
"yield": C, "export": kw("export"), "import": kw("import"), "extends": C,
|
||||||
|
"await": C
|
||||||
|
};
|
||||||
|
}();
|
||||||
|
|
||||||
|
var isOperatorChar = /[+\-*&%=<>!?|~^@]/;
|
||||||
|
var isJsonldKeyword = /^@(context|id|value|language|type|container|list|set|reverse|index|base|vocab|graph)"/;
|
||||||
|
|
||||||
|
function readRegexp(stream) {
|
||||||
|
var escaped = false, next, inSet = false;
|
||||||
|
while ((next = stream.next()) != null) {
|
||||||
|
if (!escaped) {
|
||||||
|
if (next == "/" && !inSet) return;
|
||||||
|
if (next == "[") inSet = true;
|
||||||
|
else if (inSet && next == "]") inSet = false;
|
||||||
|
}
|
||||||
|
escaped = !escaped && next == "\\";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Used as scratch variables to communicate multiple values without
|
||||||
|
// consing up tons of objects.
|
||||||
|
var type, content;
|
||||||
|
function ret(tp, style, cont) {
|
||||||
|
type = tp; content = cont;
|
||||||
|
return style;
|
||||||
|
}
|
||||||
|
function tokenBase(stream, state) {
|
||||||
|
var ch = stream.next();
|
||||||
|
if (ch == '"' || ch == "'") {
|
||||||
|
state.tokenize = tokenString(ch);
|
||||||
|
return state.tokenize(stream, state);
|
||||||
|
} else if (ch == "." && stream.match(/^\d[\d_]*(?:[eE][+\-]?[\d_]+)?/)) {
|
||||||
|
return ret("number", "number");
|
||||||
|
} else if (ch == "." && stream.match("..")) {
|
||||||
|
return ret("spread", "meta");
|
||||||
|
} else if (/[\[\]{}\(\),;\:\.]/.test(ch)) {
|
||||||
|
return ret(ch);
|
||||||
|
} else if (ch == "=" && stream.eat(">")) {
|
||||||
|
return ret("=>", "operator");
|
||||||
|
} else if (ch == "0" && stream.match(/^(?:x[\dA-Fa-f_]+|o[0-7_]+|b[01_]+)n?/)) {
|
||||||
|
return ret("number", "number");
|
||||||
|
} else if (/\d/.test(ch)) {
|
||||||
|
stream.match(/^[\d_]*(?:n|(?:\.[\d_]*)?(?:[eE][+\-]?[\d_]+)?)?/);
|
||||||
|
return ret("number", "number");
|
||||||
|
} else if (ch == "/") {
|
||||||
|
if (stream.eat("*")) {
|
||||||
|
state.tokenize = tokenComment;
|
||||||
|
return tokenComment(stream, state);
|
||||||
|
} else if (stream.eat("/")) {
|
||||||
|
stream.skipToEnd();
|
||||||
|
return ret("comment", "comment");
|
||||||
|
} else if (expressionAllowed(stream, state, 1)) {
|
||||||
|
readRegexp(stream);
|
||||||
|
stream.match(/^\b(([gimyus])(?![gimyus]*\2))+\b/);
|
||||||
|
return ret("regexp", "string-2");
|
||||||
|
} else {
|
||||||
|
stream.eat("=");
|
||||||
|
return ret("operator", "operator", stream.current());
|
||||||
|
}
|
||||||
|
} else if (ch == "`") {
|
||||||
|
state.tokenize = tokenQuasi;
|
||||||
|
return tokenQuasi(stream, state);
|
||||||
|
} else if (ch == "#" && stream.peek() == "!") {
|
||||||
|
stream.skipToEnd();
|
||||||
|
return ret("meta", "meta");
|
||||||
|
} else if (ch == "#" && stream.eatWhile(wordRE)) {
|
||||||
|
return ret("variable", "property")
|
||||||
|
} else if (ch == "<" && stream.match("!--") ||
|
||||||
|
(ch == "-" && stream.match("->") && !/\S/.test(stream.string.slice(0, stream.start)))) {
|
||||||
|
stream.skipToEnd()
|
||||||
|
return ret("comment", "comment")
|
||||||
|
} else if (isOperatorChar.test(ch)) {
|
||||||
|
if (ch != ">" || !state.lexical || state.lexical.type != ">") {
|
||||||
|
if (stream.eat("=")) {
|
||||||
|
if (ch == "!" || ch == "=") stream.eat("=")
|
||||||
|
} else if (/[<>*+\-|&?]/.test(ch)) {
|
||||||
|
stream.eat(ch)
|
||||||
|
if (ch == ">") stream.eat(ch)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (ch == "?" && stream.eat(".")) return ret(".")
|
||||||
|
return ret("operator", "operator", stream.current());
|
||||||
|
} else if (wordRE.test(ch)) {
|
||||||
|
stream.eatWhile(wordRE);
|
||||||
|
var word = stream.current()
|
||||||
|
if (state.lastType != ".") {
|
||||||
|
if (keywords.propertyIsEnumerable(word)) {
|
||||||
|
var kw = keywords[word]
|
||||||
|
return ret(kw.type, kw.style, word)
|
||||||
|
}
|
||||||
|
if (word == "async" && stream.match(/^(\s|\/\*([^*]|\*(?!\/))*?\*\/)*[\[\(\w]/, false))
|
||||||
|
return ret("async", "keyword", word)
|
||||||
|
}
|
||||||
|
return ret("variable", "variable", word)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function tokenString(quote) {
|
||||||
|
return function(stream, state) {
|
||||||
|
var escaped = false, next;
|
||||||
|
if (jsonldMode && stream.peek() == "@" && stream.match(isJsonldKeyword)){
|
||||||
|
state.tokenize = tokenBase;
|
||||||
|
return ret("jsonld-keyword", "meta");
|
||||||
|
}
|
||||||
|
while ((next = stream.next()) != null) {
|
||||||
|
if (next == quote && !escaped) break;
|
||||||
|
escaped = !escaped && next == "\\";
|
||||||
|
}
|
||||||
|
if (!escaped) state.tokenize = tokenBase;
|
||||||
|
return ret("string", "string");
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
function tokenComment(stream, state) {
|
||||||
|
var maybeEnd = false, ch;
|
||||||
|
while (ch = stream.next()) {
|
||||||
|
if (ch == "/" && maybeEnd) {
|
||||||
|
state.tokenize = tokenBase;
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
maybeEnd = (ch == "*");
|
||||||
|
}
|
||||||
|
return ret("comment", "comment");
|
||||||
|
}
|
||||||
|
|
||||||
|
function tokenQuasi(stream, state) {
|
||||||
|
var escaped = false, next;
|
||||||
|
while ((next = stream.next()) != null) {
|
||||||
|
if (!escaped && (next == "`" || next == "$" && stream.eat("{"))) {
|
||||||
|
state.tokenize = tokenBase;
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
escaped = !escaped && next == "\\";
|
||||||
|
}
|
||||||
|
return ret("quasi", "string-2", stream.current());
|
||||||
|
}
|
||||||
|
|
||||||
|
var brackets = "([{}])";
|
||||||
|
// This is a crude lookahead trick to try and notice that we're
|
||||||
|
// parsing the argument patterns for a fat-arrow function before we
|
||||||
|
// actually hit the arrow token. It only works if the arrow is on
|
||||||
|
// the same line as the arguments and there's no strange noise
|
||||||
|
// (comments) in between. Fallback is to only notice when we hit the
|
||||||
|
// arrow, and not declare the arguments as locals for the arrow
|
||||||
|
// body.
|
||||||
|
function findFatArrow(stream, state) {
|
||||||
|
if (state.fatArrowAt) state.fatArrowAt = null;
|
||||||
|
var arrow = stream.string.indexOf("=>", stream.start);
|
||||||
|
if (arrow < 0) return;
|
||||||
|
|
||||||
|
if (isTS) { // Try to skip TypeScript return type declarations after the arguments
|
||||||
|
var m = /:\s*(?:\w+(?:<[^>]*>|\[\])?|\{[^}]*\})\s*$/.exec(stream.string.slice(stream.start, arrow))
|
||||||
|
if (m) arrow = m.index
|
||||||
|
}
|
||||||
|
|
||||||
|
var depth = 0, sawSomething = false;
|
||||||
|
for (var pos = arrow - 1; pos >= 0; --pos) {
|
||||||
|
var ch = stream.string.charAt(pos);
|
||||||
|
var bracket = brackets.indexOf(ch);
|
||||||
|
if (bracket >= 0 && bracket < 3) {
|
||||||
|
if (!depth) { ++pos; break; }
|
||||||
|
if (--depth == 0) { if (ch == "(") sawSomething = true; break; }
|
||||||
|
} else if (bracket >= 3 && bracket < 6) {
|
||||||
|
++depth;
|
||||||
|
} else if (wordRE.test(ch)) {
|
||||||
|
sawSomething = true;
|
||||||
|
} else if (/["'\/`]/.test(ch)) {
|
||||||
|
for (;; --pos) {
|
||||||
|
if (pos == 0) return
|
||||||
|
var next = stream.string.charAt(pos - 1)
|
||||||
|
if (next == ch && stream.string.charAt(pos - 2) != "\\") { pos--; break }
|
||||||
|
}
|
||||||
|
} else if (sawSomething && !depth) {
|
||||||
|
++pos;
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (sawSomething && !depth) state.fatArrowAt = pos;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Parser
|
||||||
|
|
||||||
|
var atomicTypes = {"atom": true, "number": true, "variable": true, "string": true, "regexp": true, "this": true, "jsonld-keyword": true};
|
||||||
|
|
||||||
|
function JSLexical(indented, column, type, align, prev, info) {
|
||||||
|
this.indented = indented;
|
||||||
|
this.column = column;
|
||||||
|
this.type = type;
|
||||||
|
this.prev = prev;
|
||||||
|
this.info = info;
|
||||||
|
if (align != null) this.align = align;
|
||||||
|
}
|
||||||
|
|
||||||
|
function inScope(state, varname) {
|
||||||
|
for (var v = state.localVars; v; v = v.next)
|
||||||
|
if (v.name == varname) return true;
|
||||||
|
for (var cx = state.context; cx; cx = cx.prev) {
|
||||||
|
for (var v = cx.vars; v; v = v.next)
|
||||||
|
if (v.name == varname) return true;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function parseJS(state, style, type, content, stream) {
|
||||||
|
var cc = state.cc;
|
||||||
|
// Communicate our context to the combinators.
|
||||||
|
// (Less wasteful than consing up a hundred closures on every call.)
|
||||||
|
cx.state = state; cx.stream = stream; cx.marked = null, cx.cc = cc; cx.style = style;
|
||||||
|
|
||||||
|
if (!state.lexical.hasOwnProperty("align"))
|
||||||
|
state.lexical.align = true;
|
||||||
|
|
||||||
|
while(true) {
|
||||||
|
var combinator = cc.length ? cc.pop() : jsonMode ? expression : statement;
|
||||||
|
if (combinator(type, content)) {
|
||||||
|
while(cc.length && cc[cc.length - 1].lex)
|
||||||
|
cc.pop()();
|
||||||
|
if (cx.marked) return cx.marked;
|
||||||
|
if (type == "variable" && inScope(state, content)) return "variable-2";
|
||||||
|
return style;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Combinator utils
|
||||||
|
|
||||||
|
var cx = {state: null, column: null, marked: null, cc: null};
|
||||||
|
function pass() {
|
||||||
|
for (var i = arguments.length - 1; i >= 0; i--) cx.cc.push(arguments[i]);
|
||||||
|
}
|
||||||
|
function cont() {
|
||||||
|
pass.apply(null, arguments);
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
function inList(name, list) {
|
||||||
|
for (var v = list; v; v = v.next) if (v.name == name) return true
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
function register(varname) {
|
||||||
|
var state = cx.state;
|
||||||
|
cx.marked = "def";
|
||||||
|
if (state.context) {
|
||||||
|
if (state.lexical.info == "var" && state.context && state.context.block) {
|
||||||
|
// FIXME function decls are also not block scoped
|
||||||
|
var newContext = registerVarScoped(varname, state.context)
|
||||||
|
if (newContext != null) {
|
||||||
|
state.context = newContext
|
||||||
|
return
|
||||||
|
}
|
||||||
|
} else if (!inList(varname, state.localVars)) {
|
||||||
|
state.localVars = new Var(varname, state.localVars)
|
||||||
|
return
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// Fall through means this is global
|
||||||
|
if (parserConfig.globalVars && !inList(varname, state.globalVars))
|
||||||
|
state.globalVars = new Var(varname, state.globalVars)
|
||||||
|
}
|
||||||
|
function registerVarScoped(varname, context) {
|
||||||
|
if (!context) {
|
||||||
|
return null
|
||||||
|
} else if (context.block) {
|
||||||
|
var inner = registerVarScoped(varname, context.prev)
|
||||||
|
if (!inner) return null
|
||||||
|
if (inner == context.prev) return context
|
||||||
|
return new Context(inner, context.vars, true)
|
||||||
|
} else if (inList(varname, context.vars)) {
|
||||||
|
return context
|
||||||
|
} else {
|
||||||
|
return new Context(context.prev, new Var(varname, context.vars), false)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function isModifier(name) {
|
||||||
|
return name == "public" || name == "private" || name == "protected" || name == "abstract" || name == "readonly"
|
||||||
|
}
|
||||||
|
|
||||||
|
// Combinators
|
||||||
|
|
||||||
|
function Context(prev, vars, block) { this.prev = prev; this.vars = vars; this.block = block }
|
||||||
|
function Var(name, next) { this.name = name; this.next = next }
|
||||||
|
|
||||||
|
var defaultVars = new Var("this", new Var("arguments", null))
|
||||||
|
function pushcontext() {
|
||||||
|
cx.state.context = new Context(cx.state.context, cx.state.localVars, false)
|
||||||
|
cx.state.localVars = defaultVars
|
||||||
|
}
|
||||||
|
function pushblockcontext() {
|
||||||
|
cx.state.context = new Context(cx.state.context, cx.state.localVars, true)
|
||||||
|
cx.state.localVars = null
|
||||||
|
}
|
||||||
|
function popcontext() {
|
||||||
|
cx.state.localVars = cx.state.context.vars
|
||||||
|
cx.state.context = cx.state.context.prev
|
||||||
|
}
|
||||||
|
popcontext.lex = true
|
||||||
|
function pushlex(type, info) {
|
||||||
|
var result = function() {
|
||||||
|
var state = cx.state, indent = state.indented;
|
||||||
|
if (state.lexical.type == "stat") indent = state.lexical.indented;
|
||||||
|
else for (var outer = state.lexical; outer && outer.type == ")" && outer.align; outer = outer.prev)
|
||||||
|
indent = outer.indented;
|
||||||
|
state.lexical = new JSLexical(indent, cx.stream.column(), type, null, state.lexical, info);
|
||||||
|
};
|
||||||
|
result.lex = true;
|
||||||
|
return result;
|
||||||
|
}
|
||||||
|
function poplex() {
|
||||||
|
var state = cx.state;
|
||||||
|
if (state.lexical.prev) {
|
||||||
|
if (state.lexical.type == ")")
|
||||||
|
state.indented = state.lexical.indented;
|
||||||
|
state.lexical = state.lexical.prev;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
poplex.lex = true;
|
||||||
|
|
||||||
|
function expect(wanted) {
|
||||||
|
function exp(type) {
|
||||||
|
if (type == wanted) return cont();
|
||||||
|
else if (wanted == ";" || type == "}" || type == ")" || type == "]") return pass();
|
||||||
|
else return cont(exp);
|
||||||
|
};
|
||||||
|
return exp;
|
||||||
|
}
|
||||||
|
|
||||||
|
function statement(type, value) {
|
||||||
|
if (type == "var") return cont(pushlex("vardef", value), vardef, expect(";"), poplex);
|
||||||
|
if (type == "keyword a") return cont(pushlex("form"), parenExpr, statement, poplex);
|
||||||
|
if (type == "keyword b") return cont(pushlex("form"), statement, poplex);
|
||||||
|
if (type == "keyword d") return cx.stream.match(/^\s*$/, false) ? cont() : cont(pushlex("stat"), maybeexpression, expect(";"), poplex);
|
||||||
|
if (type == "debugger") return cont(expect(";"));
|
||||||
|
if (type == "{") return cont(pushlex("}"), pushblockcontext, block, poplex, popcontext);
|
||||||
|
if (type == ";") return cont();
|
||||||
|
if (type == "if") {
|
||||||
|
if (cx.state.lexical.info == "else" && cx.state.cc[cx.state.cc.length - 1] == poplex)
|
||||||
|
cx.state.cc.pop()();
|
||||||
|
return cont(pushlex("form"), parenExpr, statement, poplex, maybeelse);
|
||||||
|
}
|
||||||
|
if (type == "function") return cont(functiondef);
|
||||||
|
if (type == "for") return cont(pushlex("form"), forspec, statement, poplex);
|
||||||
|
if (type == "class" || (isTS && value == "interface")) {
|
||||||
|
cx.marked = "keyword"
|
||||||
|
return cont(pushlex("form", type == "class" ? type : value), className, poplex)
|
||||||
|
}
|
||||||
|
if (type == "variable") {
|
||||||
|
if (isTS && value == "declare") {
|
||||||
|
cx.marked = "keyword"
|
||||||
|
return cont(statement)
|
||||||
|
} else if (isTS && (value == "module" || value == "enum" || value == "type") && cx.stream.match(/^\s*\w/, false)) {
|
||||||
|
cx.marked = "keyword"
|
||||||
|
if (value == "enum") return cont(enumdef);
|
||||||
|
else if (value == "type") return cont(typename, expect("operator"), typeexpr, expect(";"));
|
||||||
|
else return cont(pushlex("form"), pattern, expect("{"), pushlex("}"), block, poplex, poplex)
|
||||||
|
} else if (isTS && value == "namespace") {
|
||||||
|
cx.marked = "keyword"
|
||||||
|
return cont(pushlex("form"), expression, statement, poplex)
|
||||||
|
} else if (isTS && value == "abstract") {
|
||||||
|
cx.marked = "keyword"
|
||||||
|
return cont(statement)
|
||||||
|
} else {
|
||||||
|
return cont(pushlex("stat"), maybelabel);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (type == "switch") return cont(pushlex("form"), parenExpr, expect("{"), pushlex("}", "switch"), pushblockcontext,
|
||||||
|
block, poplex, poplex, popcontext);
|
||||||
|
if (type == "case") return cont(expression, expect(":"));
|
||||||
|
if (type == "default") return cont(expect(":"));
|
||||||
|
if (type == "catch") return cont(pushlex("form"), pushcontext, maybeCatchBinding, statement, poplex, popcontext);
|
||||||
|
if (type == "export") return cont(pushlex("stat"), afterExport, poplex);
|
||||||
|
if (type == "import") return cont(pushlex("stat"), afterImport, poplex);
|
||||||
|
if (type == "async") return cont(statement)
|
||||||
|
if (value == "@") return cont(expression, statement)
|
||||||
|
return pass(pushlex("stat"), expression, expect(";"), poplex);
|
||||||
|
}
|
||||||
|
function maybeCatchBinding(type) {
|
||||||
|
if (type == "(") return cont(funarg, expect(")"))
|
||||||
|
}
|
||||||
|
function expression(type, value) {
|
||||||
|
return expressionInner(type, value, false);
|
||||||
|
}
|
||||||
|
function expressionNoComma(type, value) {
|
||||||
|
return expressionInner(type, value, true);
|
||||||
|
}
|
||||||
|
function parenExpr(type) {
|
||||||
|
if (type != "(") return pass()
|
||||||
|
return cont(pushlex(")"), maybeexpression, expect(")"), poplex)
|
||||||
|
}
|
||||||
|
function expressionInner(type, value, noComma) {
|
||||||
|
if (cx.state.fatArrowAt == cx.stream.start) {
|
||||||
|
var body = noComma ? arrowBodyNoComma : arrowBody;
|
||||||
|
if (type == "(") return cont(pushcontext, pushlex(")"), commasep(funarg, ")"), poplex, expect("=>"), body, popcontext);
|
||||||
|
else if (type == "variable") return pass(pushcontext, pattern, expect("=>"), body, popcontext);
|
||||||
|
}
|
||||||
|
|
||||||
|
var maybeop = noComma ? maybeoperatorNoComma : maybeoperatorComma;
|
||||||
|
if (atomicTypes.hasOwnProperty(type)) return cont(maybeop);
|
||||||
|
if (type == "function") return cont(functiondef, maybeop);
|
||||||
|
if (type == "class" || (isTS && value == "interface")) { cx.marked = "keyword"; return cont(pushlex("form"), classExpression, poplex); }
|
||||||
|
if (type == "keyword c" || type == "async") return cont(noComma ? expressionNoComma : expression);
|
||||||
|
if (type == "(") return cont(pushlex(")"), maybeexpression, expect(")"), poplex, maybeop);
|
||||||
|
if (type == "operator" || type == "spread") return cont(noComma ? expressionNoComma : expression);
|
||||||
|
if (type == "[") return cont(pushlex("]"), arrayLiteral, poplex, maybeop);
|
||||||
|
if (type == "{") return contCommasep(objprop, "}", null, maybeop);
|
||||||
|
if (type == "quasi") return pass(quasi, maybeop);
|
||||||
|
if (type == "new") return cont(maybeTarget(noComma));
|
||||||
|
if (type == "import") return cont(expression);
|
||||||
|
return cont();
|
||||||
|
}
|
||||||
|
function maybeexpression(type) {
|
||||||
|
if (type.match(/[;\}\)\],]/)) return pass();
|
||||||
|
return pass(expression);
|
||||||
|
}
|
||||||
|
|
||||||
|
function maybeoperatorComma(type, value) {
|
||||||
|
if (type == ",") return cont(maybeexpression);
|
||||||
|
return maybeoperatorNoComma(type, value, false);
|
||||||
|
}
|
||||||
|
function maybeoperatorNoComma(type, value, noComma) {
|
||||||
|
var me = noComma == false ? maybeoperatorComma : maybeoperatorNoComma;
|
||||||
|
var expr = noComma == false ? expression : expressionNoComma;
|
||||||
|
if (type == "=>") return cont(pushcontext, noComma ? arrowBodyNoComma : arrowBody, popcontext);
|
||||||
|
if (type == "operator") {
|
||||||
|
if (/\+\+|--/.test(value) || isTS && value == "!") return cont(me);
|
||||||
|
if (isTS && value == "<" && cx.stream.match(/^([^<>]|<[^<>]*>)*>\s*\(/, false))
|
||||||
|
return cont(pushlex(">"), commasep(typeexpr, ">"), poplex, me);
|
||||||
|
if (value == "?") return cont(expression, expect(":"), expr);
|
||||||
|
return cont(expr);
|
||||||
|
}
|
||||||
|
if (type == "quasi") { return pass(quasi, me); }
|
||||||
|
if (type == ";") return;
|
||||||
|
if (type == "(") return contCommasep(expressionNoComma, ")", "call", me);
|
||||||
|
if (type == ".") return cont(property, me);
|
||||||
|
if (type == "[") return cont(pushlex("]"), maybeexpression, expect("]"), poplex, me);
|
||||||
|
if (isTS && value == "as") { cx.marked = "keyword"; return cont(typeexpr, me) }
|
||||||
|
if (type == "regexp") {
|
||||||
|
cx.state.lastType = cx.marked = "operator"
|
||||||
|
cx.stream.backUp(cx.stream.pos - cx.stream.start - 1)
|
||||||
|
return cont(expr)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
function quasi(type, value) {
|
||||||
|
if (type != "quasi") return pass();
|
||||||
|
if (value.slice(value.length - 2) != "${") return cont(quasi);
|
||||||
|
return cont(expression, continueQuasi);
|
||||||
|
}
|
||||||
|
function continueQuasi(type) {
|
||||||
|
if (type == "}") {
|
||||||
|
cx.marked = "string-2";
|
||||||
|
cx.state.tokenize = tokenQuasi;
|
||||||
|
return cont(quasi);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
function arrowBody(type) {
|
||||||
|
findFatArrow(cx.stream, cx.state);
|
||||||
|
return pass(type == "{" ? statement : expression);
|
||||||
|
}
|
||||||
|
function arrowBodyNoComma(type) {
|
||||||
|
findFatArrow(cx.stream, cx.state);
|
||||||
|
return pass(type == "{" ? statement : expressionNoComma);
|
||||||
|
}
|
||||||
|
function maybeTarget(noComma) {
|
||||||
|
return function(type) {
|
||||||
|
if (type == ".") return cont(noComma ? targetNoComma : target);
|
||||||
|
else if (type == "variable" && isTS) return cont(maybeTypeArgs, noComma ? maybeoperatorNoComma : maybeoperatorComma)
|
||||||
|
else return pass(noComma ? expressionNoComma : expression);
|
||||||
|
};
|
||||||
|
}
|
||||||
|
function target(_, value) {
|
||||||
|
if (value == "target") { cx.marked = "keyword"; return cont(maybeoperatorComma); }
|
||||||
|
}
|
||||||
|
function targetNoComma(_, value) {
|
||||||
|
if (value == "target") { cx.marked = "keyword"; return cont(maybeoperatorNoComma); }
|
||||||
|
}
|
||||||
|
function maybelabel(type) {
|
||||||
|
if (type == ":") return cont(poplex, statement);
|
||||||
|
return pass(maybeoperatorComma, expect(";"), poplex);
|
||||||
|
}
|
||||||
|
function property(type) {
|
||||||
|
if (type == "variable") {cx.marked = "property"; return cont();}
|
||||||
|
}
|
||||||
|
function objprop(type, value) {
|
||||||
|
if (type == "async") {
|
||||||
|
cx.marked = "property";
|
||||||
|
return cont(objprop);
|
||||||
|
} else if (type == "variable" || cx.style == "keyword") {
|
||||||
|
cx.marked = "property";
|
||||||
|
if (value == "get" || value == "set") return cont(getterSetter);
|
||||||
|
var m // Work around fat-arrow-detection complication for detecting typescript typed arrow params
|
||||||
|
if (isTS && cx.state.fatArrowAt == cx.stream.start && (m = cx.stream.match(/^\s*:\s*/, false)))
|
||||||
|
cx.state.fatArrowAt = cx.stream.pos + m[0].length
|
||||||
|
return cont(afterprop);
|
||||||
|
} else if (type == "number" || type == "string") {
|
||||||
|
cx.marked = jsonldMode ? "property" : (cx.style + " property");
|
||||||
|
return cont(afterprop);
|
||||||
|
} else if (type == "jsonld-keyword") {
|
||||||
|
return cont(afterprop);
|
||||||
|
} else if (isTS && isModifier(value)) {
|
||||||
|
cx.marked = "keyword"
|
||||||
|
return cont(objprop)
|
||||||
|
} else if (type == "[") {
|
||||||
|
return cont(expression, maybetype, expect("]"), afterprop);
|
||||||
|
} else if (type == "spread") {
|
||||||
|
return cont(expressionNoComma, afterprop);
|
||||||
|
} else if (value == "*") {
|
||||||
|
cx.marked = "keyword";
|
||||||
|
return cont(objprop);
|
||||||
|
} else if (type == ":") {
|
||||||
|
return pass(afterprop)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
function getterSetter(type) {
|
||||||
|
if (type != "variable") return pass(afterprop);
|
||||||
|
cx.marked = "property";
|
||||||
|
return cont(functiondef);
|
||||||
|
}
|
||||||
|
function afterprop(type) {
|
||||||
|
if (type == ":") return cont(expressionNoComma);
|
||||||
|
if (type == "(") return pass(functiondef);
|
||||||
|
}
|
||||||
|
function commasep(what, end, sep) {
|
||||||
|
function proceed(type, value) {
|
||||||
|
if (sep ? sep.indexOf(type) > -1 : type == ",") {
|
||||||
|
var lex = cx.state.lexical;
|
||||||
|
if (lex.info == "call") lex.pos = (lex.pos || 0) + 1;
|
||||||
|
return cont(function(type, value) {
|
||||||
|
if (type == end || value == end) return pass()
|
||||||
|
return pass(what)
|
||||||
|
}, proceed);
|
||||||
|
}
|
||||||
|
if (type == end || value == end) return cont();
|
||||||
|
if (sep && sep.indexOf(";") > -1) return pass(what)
|
||||||
|
return cont(expect(end));
|
||||||
|
}
|
||||||
|
return function(type, value) {
|
||||||
|
if (type == end || value == end) return cont();
|
||||||
|
return pass(what, proceed);
|
||||||
|
};
|
||||||
|
}
|
||||||
|
function contCommasep(what, end, info) {
|
||||||
|
for (var i = 3; i < arguments.length; i++)
|
||||||
|
cx.cc.push(arguments[i]);
|
||||||
|
return cont(pushlex(end, info), commasep(what, end), poplex);
|
||||||
|
}
|
||||||
|
function block(type) {
|
||||||
|
if (type == "}") return cont();
|
||||||
|
return pass(statement, block);
|
||||||
|
}
|
||||||
|
function maybetype(type, value) {
|
||||||
|
if (isTS) {
|
||||||
|
if (type == ":") return cont(typeexpr);
|
||||||
|
if (value == "?") return cont(maybetype);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
function maybetypeOrIn(type, value) {
|
||||||
|
if (isTS && (type == ":" || value == "in")) return cont(typeexpr)
|
||||||
|
}
|
||||||
|
function mayberettype(type) {
|
||||||
|
if (isTS && type == ":") {
|
||||||
|
if (cx.stream.match(/^\s*\w+\s+is\b/, false)) return cont(expression, isKW, typeexpr)
|
||||||
|
else return cont(typeexpr)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
function isKW(_, value) {
|
||||||
|
if (value == "is") {
|
||||||
|
cx.marked = "keyword"
|
||||||
|
return cont()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
function typeexpr(type, value) {
|
||||||
|
if (value == "keyof" || value == "typeof" || value == "infer") {
|
||||||
|
cx.marked = "keyword"
|
||||||
|
return cont(value == "typeof" ? expressionNoComma : typeexpr)
|
||||||
|
}
|
||||||
|
if (type == "variable" || value == "void") {
|
||||||
|
cx.marked = "type"
|
||||||
|
return cont(afterType)
|
||||||
|
}
|
||||||
|
if (value == "|" || value == "&") return cont(typeexpr)
|
||||||
|
if (type == "string" || type == "number" || type == "atom") return cont(afterType);
|
||||||
|
if (type == "[") return cont(pushlex("]"), commasep(typeexpr, "]", ","), poplex, afterType)
|
||||||
|
if (type == "{") return cont(pushlex("}"), typeprops, poplex, afterType)
|
||||||
|
if (type == "(") return cont(commasep(typearg, ")"), maybeReturnType, afterType)
|
||||||
|
if (type == "<") return cont(commasep(typeexpr, ">"), typeexpr)
|
||||||
|
}
|
||||||
|
function maybeReturnType(type) {
|
||||||
|
if (type == "=>") return cont(typeexpr)
|
||||||
|
}
|
||||||
|
function typeprops(type) {
|
||||||
|
if (type.match(/[\}\)\]]/)) return cont()
|
||||||
|
if (type == "," || type == ";") return cont(typeprops)
|
||||||
|
return pass(typeprop, typeprops)
|
||||||
|
}
|
||||||
|
function typeprop(type, value) {
|
||||||
|
if (type == "variable" || cx.style == "keyword") {
|
||||||
|
cx.marked = "property"
|
||||||
|
return cont(typeprop)
|
||||||
|
} else if (value == "?" || type == "number" || type == "string") {
|
||||||
|
return cont(typeprop)
|
||||||
|
} else if (type == ":") {
|
||||||
|
return cont(typeexpr)
|
||||||
|
} else if (type == "[") {
|
||||||
|
return cont(expect("variable"), maybetypeOrIn, expect("]"), typeprop)
|
||||||
|
} else if (type == "(") {
|
||||||
|
return pass(functiondecl, typeprop)
|
||||||
|
} else if (!type.match(/[;\}\)\],]/)) {
|
||||||
|
return cont()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
function typearg(type, value) {
|
||||||
|
if (type == "variable" && cx.stream.match(/^\s*[?:]/, false) || value == "?") return cont(typearg)
|
||||||
|
if (type == ":") return cont(typeexpr)
|
||||||
|
if (type == "spread") return cont(typearg)
|
||||||
|
return pass(typeexpr)
|
||||||
|
}
|
||||||
|
function afterType(type, value) {
|
||||||
|
if (value == "<") return cont(pushlex(">"), commasep(typeexpr, ">"), poplex, afterType)
|
||||||
|
if (value == "|" || type == "." || value == "&") return cont(typeexpr)
|
||||||
|
if (type == "[") return cont(typeexpr, expect("]"), afterType)
|
||||||
|
if (value == "extends" || value == "implements") { cx.marked = "keyword"; return cont(typeexpr) }
|
||||||
|
if (value == "?") return cont(typeexpr, expect(":"), typeexpr)
|
||||||
|
}
|
||||||
|
function maybeTypeArgs(_, value) {
|
||||||
|
if (value == "<") return cont(pushlex(">"), commasep(typeexpr, ">"), poplex, afterType)
|
||||||
|
}
|
||||||
|
function typeparam() {
|
||||||
|
return pass(typeexpr, maybeTypeDefault)
|
||||||
|
}
|
||||||
|
function maybeTypeDefault(_, value) {
|
||||||
|
if (value == "=") return cont(typeexpr)
|
||||||
|
}
|
||||||
|
function vardef(_, value) {
|
||||||
|
if (value == "enum") {cx.marked = "keyword"; return cont(enumdef)}
|
||||||
|
return pass(pattern, maybetype, maybeAssign, vardefCont);
|
||||||
|
}
|
||||||
|
function pattern(type, value) {
|
||||||
|
if (isTS && isModifier(value)) { cx.marked = "keyword"; return cont(pattern) }
|
||||||
|
if (type == "variable") { register(value); return cont(); }
|
||||||
|
if (type == "spread") return cont(pattern);
|
||||||
|
if (type == "[") return contCommasep(eltpattern, "]");
|
||||||
|
if (type == "{") return contCommasep(proppattern, "}");
|
||||||
|
}
|
||||||
|
function proppattern(type, value) {
|
||||||
|
if (type == "variable" && !cx.stream.match(/^\s*:/, false)) {
|
||||||
|
register(value);
|
||||||
|
return cont(maybeAssign);
|
||||||
|
}
|
||||||
|
if (type == "variable") cx.marked = "property";
|
||||||
|
if (type == "spread") return cont(pattern);
|
||||||
|
if (type == "}") return pass();
|
||||||
|
if (type == "[") return cont(expression, expect(']'), expect(':'), proppattern);
|
||||||
|
return cont(expect(":"), pattern, maybeAssign);
|
||||||
|
}
|
||||||
|
function eltpattern() {
|
||||||
|
return pass(pattern, maybeAssign)
|
||||||
|
}
|
||||||
|
function maybeAssign(_type, value) {
|
||||||
|
if (value == "=") return cont(expressionNoComma);
|
||||||
|
}
|
||||||
|
function vardefCont(type) {
|
||||||
|
if (type == ",") return cont(vardef);
|
||||||
|
}
|
||||||
|
function maybeelse(type, value) {
|
||||||
|
if (type == "keyword b" && value == "else") return cont(pushlex("form", "else"), statement, poplex);
|
||||||
|
}
|
||||||
|
function forspec(type, value) {
|
||||||
|
if (value == "await") return cont(forspec);
|
||||||
|
if (type == "(") return cont(pushlex(")"), forspec1, poplex);
|
||||||
|
}
|
||||||
|
function forspec1(type) {
|
||||||
|
if (type == "var") return cont(vardef, forspec2);
|
||||||
|
if (type == "variable") return cont(forspec2);
|
||||||
|
return pass(forspec2)
|
||||||
|
}
|
||||||
|
function forspec2(type, value) {
|
||||||
|
if (type == ")") return cont()
|
||||||
|
if (type == ";") return cont(forspec2)
|
||||||
|
if (value == "in" || value == "of") { cx.marked = "keyword"; return cont(expression, forspec2) }
|
||||||
|
return pass(expression, forspec2)
|
||||||
|
}
|
||||||
|
function functiondef(type, value) {
|
||||||
|
if (value == "*") {cx.marked = "keyword"; return cont(functiondef);}
|
||||||
|
if (type == "variable") {register(value); return cont(functiondef);}
|
||||||
|
if (type == "(") return cont(pushcontext, pushlex(")"), commasep(funarg, ")"), poplex, mayberettype, statement, popcontext);
|
||||||
|
if (isTS && value == "<") return cont(pushlex(">"), commasep(typeparam, ">"), poplex, functiondef)
|
||||||
|
}
|
||||||
|
function functiondecl(type, value) {
|
||||||
|
if (value == "*") {cx.marked = "keyword"; return cont(functiondecl);}
|
||||||
|
if (type == "variable") {register(value); return cont(functiondecl);}
|
||||||
|
if (type == "(") return cont(pushcontext, pushlex(")"), commasep(funarg, ")"), poplex, mayberettype, popcontext);
|
||||||
|
if (isTS && value == "<") return cont(pushlex(">"), commasep(typeparam, ">"), poplex, functiondecl)
|
||||||
|
}
|
||||||
|
function typename(type, value) {
|
||||||
|
if (type == "keyword" || type == "variable") {
|
||||||
|
cx.marked = "type"
|
||||||
|
return cont(typename)
|
||||||
|
} else if (value == "<") {
|
||||||
|
return cont(pushlex(">"), commasep(typeparam, ">"), poplex)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
function funarg(type, value) {
|
||||||
|
if (value == "@") cont(expression, funarg)
|
||||||
|
if (type == "spread") return cont(funarg);
|
||||||
|
if (isTS && isModifier(value)) { cx.marked = "keyword"; return cont(funarg); }
|
||||||
|
if (isTS && type == "this") return cont(maybetype, maybeAssign)
|
||||||
|
return pass(pattern, maybetype, maybeAssign);
|
||||||
|
}
|
||||||
|
function classExpression(type, value) {
|
||||||
|
// Class expressions may have an optional name.
|
||||||
|
if (type == "variable") return className(type, value);
|
||||||
|
return classNameAfter(type, value);
|
||||||
|
}
|
||||||
|
function className(type, value) {
|
||||||
|
if (type == "variable") {register(value); return cont(classNameAfter);}
|
||||||
|
}
|
||||||
|
function classNameAfter(type, value) {
|
||||||
|
if (value == "<") return cont(pushlex(">"), commasep(typeparam, ">"), poplex, classNameAfter)
|
||||||
|
if (value == "extends" || value == "implements" || (isTS && type == ",")) {
|
||||||
|
if (value == "implements") cx.marked = "keyword";
|
||||||
|
return cont(isTS ? typeexpr : expression, classNameAfter);
|
||||||
|
}
|
||||||
|
if (type == "{") return cont(pushlex("}"), classBody, poplex);
|
||||||
|
}
|
||||||
|
function classBody(type, value) {
|
||||||
|
if (type == "async" ||
|
||||||
|
(type == "variable" &&
|
||||||
|
(value == "static" || value == "get" || value == "set" || (isTS && isModifier(value))) &&
|
||||||
|
cx.stream.match(/^\s+[\w$\xa1-\uffff]/, false))) {
|
||||||
|
cx.marked = "keyword";
|
||||||
|
return cont(classBody);
|
||||||
|
}
|
||||||
|
if (type == "variable" || cx.style == "keyword") {
|
||||||
|
cx.marked = "property";
|
||||||
|
return cont(classfield, classBody);
|
||||||
|
}
|
||||||
|
if (type == "number" || type == "string") return cont(classfield, classBody);
|
||||||
|
if (type == "[")
|
||||||
|
return cont(expression, maybetype, expect("]"), classfield, classBody)
|
||||||
|
if (value == "*") {
|
||||||
|
cx.marked = "keyword";
|
||||||
|
return cont(classBody);
|
||||||
|
}
|
||||||
|
if (isTS && type == "(") return pass(functiondecl, classBody)
|
||||||
|
if (type == ";" || type == ",") return cont(classBody);
|
||||||
|
if (type == "}") return cont();
|
||||||
|
if (value == "@") return cont(expression, classBody)
|
||||||
|
}
|
||||||
|
function classfield(type, value) {
|
||||||
|
if (value == "?") return cont(classfield)
|
||||||
|
if (type == ":") return cont(typeexpr, maybeAssign)
|
||||||
|
if (value == "=") return cont(expressionNoComma)
|
||||||
|
var context = cx.state.lexical.prev, isInterface = context && context.info == "interface"
|
||||||
|
return pass(isInterface ? functiondecl : functiondef)
|
||||||
|
}
|
||||||
|
function afterExport(type, value) {
|
||||||
|
if (value == "*") { cx.marked = "keyword"; return cont(maybeFrom, expect(";")); }
|
||||||
|
if (value == "default") { cx.marked = "keyword"; return cont(expression, expect(";")); }
|
||||||
|
if (type == "{") return cont(commasep(exportField, "}"), maybeFrom, expect(";"));
|
||||||
|
return pass(statement);
|
||||||
|
}
|
||||||
|
function exportField(type, value) {
|
||||||
|
if (value == "as") { cx.marked = "keyword"; return cont(expect("variable")); }
|
||||||
|
if (type == "variable") return pass(expressionNoComma, exportField);
|
||||||
|
}
|
||||||
|
function afterImport(type) {
|
||||||
|
if (type == "string") return cont();
|
||||||
|
if (type == "(") return pass(expression);
|
||||||
|
return pass(importSpec, maybeMoreImports, maybeFrom);
|
||||||
|
}
|
||||||
|
function importSpec(type, value) {
|
||||||
|
if (type == "{") return contCommasep(importSpec, "}");
|
||||||
|
if (type == "variable") register(value);
|
||||||
|
if (value == "*") cx.marked = "keyword";
|
||||||
|
return cont(maybeAs);
|
||||||
|
}
|
||||||
|
function maybeMoreImports(type) {
|
||||||
|
if (type == ",") return cont(importSpec, maybeMoreImports)
|
||||||
|
}
|
||||||
|
function maybeAs(_type, value) {
|
||||||
|
if (value == "as") { cx.marked = "keyword"; return cont(importSpec); }
|
||||||
|
}
|
||||||
|
function maybeFrom(_type, value) {
|
||||||
|
if (value == "from") { cx.marked = "keyword"; return cont(expression); }
|
||||||
|
}
|
||||||
|
function arrayLiteral(type) {
|
||||||
|
if (type == "]") return cont();
|
||||||
|
return pass(commasep(expressionNoComma, "]"));
|
||||||
|
}
|
||||||
|
function enumdef() {
|
||||||
|
return pass(pushlex("form"), pattern, expect("{"), pushlex("}"), commasep(enummember, "}"), poplex, poplex)
|
||||||
|
}
|
||||||
|
function enummember() {
|
||||||
|
return pass(pattern, maybeAssign);
|
||||||
|
}
|
||||||
|
|
||||||
|
function isContinuedStatement(state, textAfter) {
|
||||||
|
return state.lastType == "operator" || state.lastType == "," ||
|
||||||
|
isOperatorChar.test(textAfter.charAt(0)) ||
|
||||||
|
/[,.]/.test(textAfter.charAt(0));
|
||||||
|
}
|
||||||
|
|
||||||
|
function expressionAllowed(stream, state, backUp) {
|
||||||
|
return state.tokenize == tokenBase &&
|
||||||
|
/^(?:operator|sof|keyword [bcd]|case|new|export|default|spread|[\[{}\(,;:]|=>)$/.test(state.lastType) ||
|
||||||
|
(state.lastType == "quasi" && /\{\s*$/.test(stream.string.slice(0, stream.pos - (backUp || 0))))
|
||||||
|
}
|
||||||
|
|
||||||
|
// Interface
|
||||||
|
|
||||||
|
return {
|
||||||
|
startState: function(basecolumn) {
|
||||||
|
var state = {
|
||||||
|
tokenize: tokenBase,
|
||||||
|
lastType: "sof",
|
||||||
|
cc: [],
|
||||||
|
lexical: new JSLexical((basecolumn || 0) - indentUnit, 0, "block", false),
|
||||||
|
localVars: parserConfig.localVars,
|
||||||
|
context: parserConfig.localVars && new Context(null, null, false),
|
||||||
|
indented: basecolumn || 0
|
||||||
|
};
|
||||||
|
if (parserConfig.globalVars && typeof parserConfig.globalVars == "object")
|
||||||
|
state.globalVars = parserConfig.globalVars;
|
||||||
|
return state;
|
||||||
|
},
|
||||||
|
|
||||||
|
token: function(stream, state) {
|
||||||
|
if (stream.sol()) {
|
||||||
|
if (!state.lexical.hasOwnProperty("align"))
|
||||||
|
state.lexical.align = false;
|
||||||
|
state.indented = stream.indentation();
|
||||||
|
findFatArrow(stream, state);
|
||||||
|
}
|
||||||
|
if (state.tokenize != tokenComment && stream.eatSpace()) return null;
|
||||||
|
var style = state.tokenize(stream, state);
|
||||||
|
if (type == "comment") return style;
|
||||||
|
state.lastType = type == "operator" && (content == "++" || content == "--") ? "incdec" : type;
|
||||||
|
return parseJS(state, style, type, content, stream);
|
||||||
|
},
|
||||||
|
|
||||||
|
indent: function(state, textAfter) {
|
||||||
|
if (state.tokenize == tokenComment || state.tokenize == tokenQuasi) return CodeMirror.Pass;
|
||||||
|
if (state.tokenize != tokenBase) return 0;
|
||||||
|
var firstChar = textAfter && textAfter.charAt(0), lexical = state.lexical, top
|
||||||
|
// Kludge to prevent 'maybelse' from blocking lexical scope pops
|
||||||
|
if (!/^\s*else\b/.test(textAfter)) for (var i = state.cc.length - 1; i >= 0; --i) {
|
||||||
|
var c = state.cc[i];
|
||||||
|
if (c == poplex) lexical = lexical.prev;
|
||||||
|
else if (c != maybeelse) break;
|
||||||
|
}
|
||||||
|
while ((lexical.type == "stat" || lexical.type == "form") &&
|
||||||
|
(firstChar == "}" || ((top = state.cc[state.cc.length - 1]) &&
|
||||||
|
(top == maybeoperatorComma || top == maybeoperatorNoComma) &&
|
||||||
|
!/^[,\.=+\-*:?[\(]/.test(textAfter))))
|
||||||
|
lexical = lexical.prev;
|
||||||
|
if (statementIndent && lexical.type == ")" && lexical.prev.type == "stat")
|
||||||
|
lexical = lexical.prev;
|
||||||
|
var type = lexical.type, closing = firstChar == type;
|
||||||
|
|
||||||
|
if (type == "vardef") return lexical.indented + (state.lastType == "operator" || state.lastType == "," ? lexical.info.length + 1 : 0);
|
||||||
|
else if (type == "form" && firstChar == "{") return lexical.indented;
|
||||||
|
else if (type == "form") return lexical.indented + indentUnit;
|
||||||
|
else if (type == "stat")
|
||||||
|
return lexical.indented + (isContinuedStatement(state, textAfter) ? statementIndent || indentUnit : 0);
|
||||||
|
else if (lexical.info == "switch" && !closing && parserConfig.doubleIndentSwitch != false)
|
||||||
|
return lexical.indented + (/^(?:case|default)\b/.test(textAfter) ? indentUnit : 2 * indentUnit);
|
||||||
|
else if (lexical.align) return lexical.column + (closing ? 0 : 1);
|
||||||
|
else return lexical.indented + (closing ? 0 : indentUnit);
|
||||||
|
},
|
||||||
|
|
||||||
|
electricInput: /^\s*(?:case .*?:|default:|\{|\})$/,
|
||||||
|
blockCommentStart: jsonMode ? null : "/*",
|
||||||
|
blockCommentEnd: jsonMode ? null : "*/",
|
||||||
|
blockCommentContinue: jsonMode ? null : " * ",
|
||||||
|
lineComment: jsonMode ? null : "//",
|
||||||
|
fold: "brace",
|
||||||
|
closeBrackets: "()[]{}''\"\"``",
|
||||||
|
|
||||||
|
helperType: jsonMode ? "json" : "javascript",
|
||||||
|
jsonldMode: jsonldMode,
|
||||||
|
jsonMode: jsonMode,
|
||||||
|
|
||||||
|
expressionAllowed: expressionAllowed,
|
||||||
|
|
||||||
|
skipExpression: function(state) {
|
||||||
|
var top = state.cc[state.cc.length - 1]
|
||||||
|
if (top == expression || top == expressionNoComma) state.cc.pop()
|
||||||
|
}
|
||||||
|
};
|
||||||
|
});
|
||||||
|
|
||||||
|
CodeMirror.registerHelper("wordChars", "javascript", /[\w$]/);
|
||||||
|
|
||||||
|
CodeMirror.defineMIME("text/javascript", "javascript");
|
||||||
|
CodeMirror.defineMIME("text/ecmascript", "javascript");
|
||||||
|
CodeMirror.defineMIME("application/javascript", "javascript");
|
||||||
|
CodeMirror.defineMIME("application/x-javascript", "javascript");
|
||||||
|
CodeMirror.defineMIME("application/ecmascript", "javascript");
|
||||||
|
CodeMirror.defineMIME("application/json", { name: "javascript", json: true });
|
||||||
|
CodeMirror.defineMIME("application/x-json", { name: "javascript", json: true });
|
||||||
|
CodeMirror.defineMIME("application/manifest+json", { name: "javascript", json: true })
|
||||||
|
CodeMirror.defineMIME("application/ld+json", { name: "javascript", jsonld: true });
|
||||||
|
CodeMirror.defineMIME("text/typescript", { name: "javascript", typescript: true });
|
||||||
|
CodeMirror.defineMIME("application/typescript", { name: "javascript", typescript: true });
|
||||||
|
|
||||||
|
});
|
||||||
|
|
@ -0,0 +1,413 @@
|
||||||
|
// CodeMirror, copyright (c) by Marijn Haverbeke and others
|
||||||
|
// Distributed under an MIT license: https://codemirror.net/LICENSE
|
||||||
|
|
||||||
|
(function(mod) {
|
||||||
|
if (typeof exports == "object" && typeof module == "object") // CommonJS
|
||||||
|
mod(require("../../lib/codemirror"));
|
||||||
|
else if (typeof define == "function" && define.amd) // AMD
|
||||||
|
define(["../../lib/codemirror"], mod);
|
||||||
|
else // Plain browser env
|
||||||
|
mod(CodeMirror);
|
||||||
|
})(function(CodeMirror) {
|
||||||
|
"use strict";
|
||||||
|
|
||||||
|
var htmlConfig = {
|
||||||
|
autoSelfClosers: {'area': true, 'base': true, 'br': true, 'col': true, 'command': true,
|
||||||
|
'embed': true, 'frame': true, 'hr': true, 'img': true, 'input': true,
|
||||||
|
'keygen': true, 'link': true, 'meta': true, 'param': true, 'source': true,
|
||||||
|
'track': true, 'wbr': true, 'menuitem': true},
|
||||||
|
implicitlyClosed: {'dd': true, 'li': true, 'optgroup': true, 'option': true, 'p': true,
|
||||||
|
'rp': true, 'rt': true, 'tbody': true, 'td': true, 'tfoot': true,
|
||||||
|
'th': true, 'tr': true},
|
||||||
|
contextGrabbers: {
|
||||||
|
'dd': {'dd': true, 'dt': true},
|
||||||
|
'dt': {'dd': true, 'dt': true},
|
||||||
|
'li': {'li': true},
|
||||||
|
'option': {'option': true, 'optgroup': true},
|
||||||
|
'optgroup': {'optgroup': true},
|
||||||
|
'p': {'address': true, 'article': true, 'aside': true, 'blockquote': true, 'dir': true,
|
||||||
|
'div': true, 'dl': true, 'fieldset': true, 'footer': true, 'form': true,
|
||||||
|
'h1': true, 'h2': true, 'h3': true, 'h4': true, 'h5': true, 'h6': true,
|
||||||
|
'header': true, 'hgroup': true, 'hr': true, 'menu': true, 'nav': true, 'ol': true,
|
||||||
|
'p': true, 'pre': true, 'section': true, 'table': true, 'ul': true},
|
||||||
|
'rp': {'rp': true, 'rt': true},
|
||||||
|
'rt': {'rp': true, 'rt': true},
|
||||||
|
'tbody': {'tbody': true, 'tfoot': true},
|
||||||
|
'td': {'td': true, 'th': true},
|
||||||
|
'tfoot': {'tbody': true},
|
||||||
|
'th': {'td': true, 'th': true},
|
||||||
|
'thead': {'tbody': true, 'tfoot': true},
|
||||||
|
'tr': {'tr': true}
|
||||||
|
},
|
||||||
|
doNotIndent: {"pre": true},
|
||||||
|
allowUnquoted: true,
|
||||||
|
allowMissing: true,
|
||||||
|
caseFold: true
|
||||||
|
}
|
||||||
|
|
||||||
|
var xmlConfig = {
|
||||||
|
autoSelfClosers: {},
|
||||||
|
implicitlyClosed: {},
|
||||||
|
contextGrabbers: {},
|
||||||
|
doNotIndent: {},
|
||||||
|
allowUnquoted: false,
|
||||||
|
allowMissing: false,
|
||||||
|
allowMissingTagName: false,
|
||||||
|
caseFold: false
|
||||||
|
}
|
||||||
|
|
||||||
|
CodeMirror.defineMode("xml", function(editorConf, config_) {
|
||||||
|
var indentUnit = editorConf.indentUnit
|
||||||
|
var config = {}
|
||||||
|
var defaults = config_.htmlMode ? htmlConfig : xmlConfig
|
||||||
|
for (var prop in defaults) config[prop] = defaults[prop]
|
||||||
|
for (var prop in config_) config[prop] = config_[prop]
|
||||||
|
|
||||||
|
// Return variables for tokenizers
|
||||||
|
var type, setStyle;
|
||||||
|
|
||||||
|
function inText(stream, state) {
|
||||||
|
function chain(parser) {
|
||||||
|
state.tokenize = parser;
|
||||||
|
return parser(stream, state);
|
||||||
|
}
|
||||||
|
|
||||||
|
var ch = stream.next();
|
||||||
|
if (ch == "<") {
|
||||||
|
if (stream.eat("!")) {
|
||||||
|
if (stream.eat("[")) {
|
||||||
|
if (stream.match("CDATA[")) return chain(inBlock("atom", "]]>"));
|
||||||
|
else return null;
|
||||||
|
} else if (stream.match("--")) {
|
||||||
|
return chain(inBlock("comment", "-->"));
|
||||||
|
} else if (stream.match("DOCTYPE", true, true)) {
|
||||||
|
stream.eatWhile(/[\w\._\-]/);
|
||||||
|
return chain(doctype(1));
|
||||||
|
} else {
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
} else if (stream.eat("?")) {
|
||||||
|
stream.eatWhile(/[\w\._\-]/);
|
||||||
|
state.tokenize = inBlock("meta", "?>");
|
||||||
|
return "meta";
|
||||||
|
} else {
|
||||||
|
type = stream.eat("/") ? "closeTag" : "openTag";
|
||||||
|
state.tokenize = inTag;
|
||||||
|
return "tag bracket";
|
||||||
|
}
|
||||||
|
} else if (ch == "&") {
|
||||||
|
var ok;
|
||||||
|
if (stream.eat("#")) {
|
||||||
|
if (stream.eat("x")) {
|
||||||
|
ok = stream.eatWhile(/[a-fA-F\d]/) && stream.eat(";");
|
||||||
|
} else {
|
||||||
|
ok = stream.eatWhile(/[\d]/) && stream.eat(";");
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
ok = stream.eatWhile(/[\w\.\-:]/) && stream.eat(";");
|
||||||
|
}
|
||||||
|
return ok ? "atom" : "error";
|
||||||
|
} else {
|
||||||
|
stream.eatWhile(/[^&<]/);
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
inText.isInText = true;
|
||||||
|
|
||||||
|
function inTag(stream, state) {
|
||||||
|
var ch = stream.next();
|
||||||
|
if (ch == ">" || (ch == "/" && stream.eat(">"))) {
|
||||||
|
state.tokenize = inText;
|
||||||
|
type = ch == ">" ? "endTag" : "selfcloseTag";
|
||||||
|
return "tag bracket";
|
||||||
|
} else if (ch == "=") {
|
||||||
|
type = "equals";
|
||||||
|
return null;
|
||||||
|
} else if (ch == "<") {
|
||||||
|
state.tokenize = inText;
|
||||||
|
state.state = baseState;
|
||||||
|
state.tagName = state.tagStart = null;
|
||||||
|
var next = state.tokenize(stream, state);
|
||||||
|
return next ? next + " tag error" : "tag error";
|
||||||
|
} else if (/[\'\"]/.test(ch)) {
|
||||||
|
state.tokenize = inAttribute(ch);
|
||||||
|
state.stringStartCol = stream.column();
|
||||||
|
return state.tokenize(stream, state);
|
||||||
|
} else {
|
||||||
|
stream.match(/^[^\s\u00a0=<>\"\']*[^\s\u00a0=<>\"\'\/]/);
|
||||||
|
return "word";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function inAttribute(quote) {
|
||||||
|
var closure = function(stream, state) {
|
||||||
|
while (!stream.eol()) {
|
||||||
|
if (stream.next() == quote) {
|
||||||
|
state.tokenize = inTag;
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return "string";
|
||||||
|
};
|
||||||
|
closure.isInAttribute = true;
|
||||||
|
return closure;
|
||||||
|
}
|
||||||
|
|
||||||
|
function inBlock(style, terminator) {
|
||||||
|
return function(stream, state) {
|
||||||
|
while (!stream.eol()) {
|
||||||
|
if (stream.match(terminator)) {
|
||||||
|
state.tokenize = inText;
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
stream.next();
|
||||||
|
}
|
||||||
|
return style;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function doctype(depth) {
|
||||||
|
return function(stream, state) {
|
||||||
|
var ch;
|
||||||
|
while ((ch = stream.next()) != null) {
|
||||||
|
if (ch == "<") {
|
||||||
|
state.tokenize = doctype(depth + 1);
|
||||||
|
return state.tokenize(stream, state);
|
||||||
|
} else if (ch == ">") {
|
||||||
|
if (depth == 1) {
|
||||||
|
state.tokenize = inText;
|
||||||
|
break;
|
||||||
|
} else {
|
||||||
|
state.tokenize = doctype(depth - 1);
|
||||||
|
return state.tokenize(stream, state);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return "meta";
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
function Context(state, tagName, startOfLine) {
|
||||||
|
this.prev = state.context;
|
||||||
|
this.tagName = tagName || "";
|
||||||
|
this.indent = state.indented;
|
||||||
|
this.startOfLine = startOfLine;
|
||||||
|
if (config.doNotIndent.hasOwnProperty(tagName) || (state.context && state.context.noIndent))
|
||||||
|
this.noIndent = true;
|
||||||
|
}
|
||||||
|
function popContext(state) {
|
||||||
|
if (state.context) state.context = state.context.prev;
|
||||||
|
}
|
||||||
|
function maybePopContext(state, nextTagName) {
|
||||||
|
var parentTagName;
|
||||||
|
while (true) {
|
||||||
|
if (!state.context) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
parentTagName = state.context.tagName;
|
||||||
|
if (!config.contextGrabbers.hasOwnProperty(parentTagName) ||
|
||||||
|
!config.contextGrabbers[parentTagName].hasOwnProperty(nextTagName)) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
popContext(state);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function baseState(type, stream, state) {
|
||||||
|
if (type == "openTag") {
|
||||||
|
state.tagStart = stream.column();
|
||||||
|
return tagNameState;
|
||||||
|
} else if (type == "closeTag") {
|
||||||
|
return closeTagNameState;
|
||||||
|
} else {
|
||||||
|
return baseState;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
function tagNameState(type, stream, state) {
|
||||||
|
if (type == "word") {
|
||||||
|
state.tagName = stream.current();
|
||||||
|
setStyle = "tag";
|
||||||
|
return attrState;
|
||||||
|
} else if (config.allowMissingTagName && type == "endTag") {
|
||||||
|
setStyle = "tag bracket";
|
||||||
|
return attrState(type, stream, state);
|
||||||
|
} else {
|
||||||
|
setStyle = "error";
|
||||||
|
return tagNameState;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
function closeTagNameState(type, stream, state) {
|
||||||
|
if (type == "word") {
|
||||||
|
var tagName = stream.current();
|
||||||
|
if (state.context && state.context.tagName != tagName &&
|
||||||
|
config.implicitlyClosed.hasOwnProperty(state.context.tagName))
|
||||||
|
popContext(state);
|
||||||
|
if ((state.context && state.context.tagName == tagName) || config.matchClosing === false) {
|
||||||
|
setStyle = "tag";
|
||||||
|
return closeState;
|
||||||
|
} else {
|
||||||
|
setStyle = "tag error";
|
||||||
|
return closeStateErr;
|
||||||
|
}
|
||||||
|
} else if (config.allowMissingTagName && type == "endTag") {
|
||||||
|
setStyle = "tag bracket";
|
||||||
|
return closeState(type, stream, state);
|
||||||
|
} else {
|
||||||
|
setStyle = "error";
|
||||||
|
return closeStateErr;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function closeState(type, _stream, state) {
|
||||||
|
if (type != "endTag") {
|
||||||
|
setStyle = "error";
|
||||||
|
return closeState;
|
||||||
|
}
|
||||||
|
popContext(state);
|
||||||
|
return baseState;
|
||||||
|
}
|
||||||
|
function closeStateErr(type, stream, state) {
|
||||||
|
setStyle = "error";
|
||||||
|
return closeState(type, stream, state);
|
||||||
|
}
|
||||||
|
|
||||||
|
function attrState(type, _stream, state) {
|
||||||
|
if (type == "word") {
|
||||||
|
setStyle = "attribute";
|
||||||
|
return attrEqState;
|
||||||
|
} else if (type == "endTag" || type == "selfcloseTag") {
|
||||||
|
var tagName = state.tagName, tagStart = state.tagStart;
|
||||||
|
state.tagName = state.tagStart = null;
|
||||||
|
if (type == "selfcloseTag" ||
|
||||||
|
config.autoSelfClosers.hasOwnProperty(tagName)) {
|
||||||
|
maybePopContext(state, tagName);
|
||||||
|
} else {
|
||||||
|
maybePopContext(state, tagName);
|
||||||
|
state.context = new Context(state, tagName, tagStart == state.indented);
|
||||||
|
}
|
||||||
|
return baseState;
|
||||||
|
}
|
||||||
|
setStyle = "error";
|
||||||
|
return attrState;
|
||||||
|
}
|
||||||
|
function attrEqState(type, stream, state) {
|
||||||
|
if (type == "equals") return attrValueState;
|
||||||
|
if (!config.allowMissing) setStyle = "error";
|
||||||
|
return attrState(type, stream, state);
|
||||||
|
}
|
||||||
|
function attrValueState(type, stream, state) {
|
||||||
|
if (type == "string") return attrContinuedState;
|
||||||
|
if (type == "word" && config.allowUnquoted) {setStyle = "string"; return attrState;}
|
||||||
|
setStyle = "error";
|
||||||
|
return attrState(type, stream, state);
|
||||||
|
}
|
||||||
|
function attrContinuedState(type, stream, state) {
|
||||||
|
if (type == "string") return attrContinuedState;
|
||||||
|
return attrState(type, stream, state);
|
||||||
|
}
|
||||||
|
|
||||||
|
return {
|
||||||
|
startState: function(baseIndent) {
|
||||||
|
var state = {tokenize: inText,
|
||||||
|
state: baseState,
|
||||||
|
indented: baseIndent || 0,
|
||||||
|
tagName: null, tagStart: null,
|
||||||
|
context: null}
|
||||||
|
if (baseIndent != null) state.baseIndent = baseIndent
|
||||||
|
return state
|
||||||
|
},
|
||||||
|
|
||||||
|
token: function(stream, state) {
|
||||||
|
if (!state.tagName && stream.sol())
|
||||||
|
state.indented = stream.indentation();
|
||||||
|
|
||||||
|
if (stream.eatSpace()) return null;
|
||||||
|
type = null;
|
||||||
|
var style = state.tokenize(stream, state);
|
||||||
|
if ((style || type) && style != "comment") {
|
||||||
|
setStyle = null;
|
||||||
|
state.state = state.state(type || style, stream, state);
|
||||||
|
if (setStyle)
|
||||||
|
style = setStyle == "error" ? style + " error" : setStyle;
|
||||||
|
}
|
||||||
|
return style;
|
||||||
|
},
|
||||||
|
|
||||||
|
indent: function(state, textAfter, fullLine) {
|
||||||
|
var context = state.context;
|
||||||
|
// Indent multi-line strings (e.g. css).
|
||||||
|
if (state.tokenize.isInAttribute) {
|
||||||
|
if (state.tagStart == state.indented)
|
||||||
|
return state.stringStartCol + 1;
|
||||||
|
else
|
||||||
|
return state.indented + indentUnit;
|
||||||
|
}
|
||||||
|
if (context && context.noIndent) return CodeMirror.Pass;
|
||||||
|
if (state.tokenize != inTag && state.tokenize != inText)
|
||||||
|
return fullLine ? fullLine.match(/^(\s*)/)[0].length : 0;
|
||||||
|
// Indent the starts of attribute names.
|
||||||
|
if (state.tagName) {
|
||||||
|
if (config.multilineTagIndentPastTag !== false)
|
||||||
|
return state.tagStart + state.tagName.length + 2;
|
||||||
|
else
|
||||||
|
return state.tagStart + indentUnit * (config.multilineTagIndentFactor || 1);
|
||||||
|
}
|
||||||
|
if (config.alignCDATA && /<!\[CDATA\[/.test(textAfter)) return 0;
|
||||||
|
var tagAfter = textAfter && /^<(\/)?([\w_:\.-]*)/.exec(textAfter);
|
||||||
|
if (tagAfter && tagAfter[1]) { // Closing tag spotted
|
||||||
|
while (context) {
|
||||||
|
if (context.tagName == tagAfter[2]) {
|
||||||
|
context = context.prev;
|
||||||
|
break;
|
||||||
|
} else if (config.implicitlyClosed.hasOwnProperty(context.tagName)) {
|
||||||
|
context = context.prev;
|
||||||
|
} else {
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
} else if (tagAfter) { // Opening tag spotted
|
||||||
|
while (context) {
|
||||||
|
var grabbers = config.contextGrabbers[context.tagName];
|
||||||
|
if (grabbers && grabbers.hasOwnProperty(tagAfter[2]))
|
||||||
|
context = context.prev;
|
||||||
|
else
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
while (context && context.prev && !context.startOfLine)
|
||||||
|
context = context.prev;
|
||||||
|
if (context) return context.indent + indentUnit;
|
||||||
|
else return state.baseIndent || 0;
|
||||||
|
},
|
||||||
|
|
||||||
|
electricInput: /<\/[\s\w:]+>$/,
|
||||||
|
blockCommentStart: "<!--",
|
||||||
|
blockCommentEnd: "-->",
|
||||||
|
|
||||||
|
configuration: config.htmlMode ? "html" : "xml",
|
||||||
|
helperType: config.htmlMode ? "html" : "xml",
|
||||||
|
|
||||||
|
skipAttribute: function(state) {
|
||||||
|
if (state.state == attrValueState)
|
||||||
|
state.state = attrState
|
||||||
|
},
|
||||||
|
|
||||||
|
xmlCurrentTag: function(state) {
|
||||||
|
return state.tagName ? {name: state.tagName, close: state.type == "closeTag"} : null
|
||||||
|
},
|
||||||
|
|
||||||
|
xmlCurrentContext: function(state) {
|
||||||
|
var context = []
|
||||||
|
for (var cx = state.context; cx; cx = cx.prev)
|
||||||
|
context.push(cx.tagName)
|
||||||
|
return context.reverse()
|
||||||
|
}
|
||||||
|
};
|
||||||
|
});
|
||||||
|
|
||||||
|
CodeMirror.defineMIME("text/xml", "xml");
|
||||||
|
CodeMirror.defineMIME("application/xml", "xml");
|
||||||
|
if (!CodeMirror.mimeModes.hasOwnProperty("text/html"))
|
||||||
|
CodeMirror.defineMIME("text/html", {name: "xml", htmlMode: true});
|
||||||
|
|
||||||
|
});
|
||||||
|
|
@ -0,0 +1,27 @@
|
||||||
|
/* Loosely based on the Midnight Textmate theme */
|
||||||
|
|
||||||
|
.cm-s-night.CodeMirror { background: #0a001f; color: #f8f8f8; }
|
||||||
|
.cm-s-night div.CodeMirror-selected { background: #447; }
|
||||||
|
.cm-s-night .CodeMirror-line::selection, .cm-s-night .CodeMirror-line > span::selection, .cm-s-night .CodeMirror-line > span > span::selection { background: rgba(68, 68, 119, .99); }
|
||||||
|
.cm-s-night .CodeMirror-line::-moz-selection, .cm-s-night .CodeMirror-line > span::-moz-selection, .cm-s-night .CodeMirror-line > span > span::-moz-selection { background: rgba(68, 68, 119, .99); }
|
||||||
|
.cm-s-night .CodeMirror-gutters { background: #0a001f; border-right: 1px solid #aaa; }
|
||||||
|
.cm-s-night .CodeMirror-guttermarker { color: white; }
|
||||||
|
.cm-s-night .CodeMirror-guttermarker-subtle { color: #bbb; }
|
||||||
|
.cm-s-night .CodeMirror-linenumber { color: #f8f8f8; }
|
||||||
|
.cm-s-night .CodeMirror-cursor { border-left: 1px solid white; }
|
||||||
|
|
||||||
|
.cm-s-night span.cm-comment { color: #8900d1; }
|
||||||
|
.cm-s-night span.cm-atom { color: #845dc4; }
|
||||||
|
.cm-s-night span.cm-number, .cm-s-night span.cm-attribute { color: #ffd500; }
|
||||||
|
.cm-s-night span.cm-keyword { color: #599eff; }
|
||||||
|
.cm-s-night span.cm-string { color: #37f14a; }
|
||||||
|
.cm-s-night span.cm-meta { color: #7678e2; }
|
||||||
|
.cm-s-night span.cm-variable-2, .cm-s-night span.cm-tag { color: #99b2ff; }
|
||||||
|
.cm-s-night span.cm-variable-3, .cm-s-night span.cm-def, .cm-s-night span.cm-type { color: white; }
|
||||||
|
.cm-s-night span.cm-bracket { color: #8da6ce; }
|
||||||
|
.cm-s-night span.cm-builtin, .cm-s-night span.cm-special { color: #ff9e59; }
|
||||||
|
.cm-s-night span.cm-link { color: #845dc4; }
|
||||||
|
.cm-s-night span.cm-error { color: #9d1e15; }
|
||||||
|
|
||||||
|
.cm-s-night .CodeMirror-activeline-background { background: #1C005A; }
|
||||||
|
.cm-s-night .CodeMirror-matchingbracket { outline:1px solid grey; color:white !important; }
|
||||||
|
|
@ -0,0 +1,9 @@
|
||||||
|
The MIT License (MIT)
|
||||||
|
|
||||||
|
Copyright (c) 2007-2018 Einar Lielmanis, Liam Newman, and contributors.
|
||||||
|
|
||||||
|
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
|
||||||
|
|
||||||
|
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
|
||||||
|
|
||||||
|
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
||||||
|
|
@ -0,0 +1,5 @@
|
||||||
|
Project repo:
|
||||||
|
https://github.com/beautify-web/js-beautify
|
||||||
|
|
||||||
|
Source:
|
||||||
|
https://cdnjs.cloudflare.com/ajax/libs/js-beautify/1.14.7/beautifier.min.js
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -18,7 +18,7 @@
|
||||||
<aside>
|
<aside>
|
||||||
<section>
|
<section>
|
||||||
<div>
|
<div>
|
||||||
<div class="codeMirrorContainer codeMirrorBreakAll"></div>
|
<div class="codeMirrorContainer codeMirrorBreakAll codeMirrorFilters"></div>
|
||||||
<div class="resultsetWidgets">
|
<div class="resultsetWidgets">
|
||||||
<span id="resultsetModifiers">
|
<span id="resultsetModifiers">
|
||||||
<span id="resultsetDepth" class="resultsetModifier">
|
<span id="resultsetDepth" class="resultsetModifier">
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue