| 1 |
efrain |
1 |
// CodeMirror, copyright (c) by Marijn Haverbeke and others
|
|
|
2 |
// Distributed under an MIT license: https://codemirror.net/5/LICENSE
|
|
|
3 |
|
|
|
4 |
(function(mod) {
|
|
|
5 |
if (typeof exports == "object" && typeof module == "object") // CommonJS
|
|
|
6 |
mod(require("../../lib/codemirror"));
|
|
|
7 |
else if (typeof define == "function" && define.amd) // AMD
|
|
|
8 |
define(["../../lib/codemirror"], mod);
|
|
|
9 |
else // Plain browser env
|
|
|
10 |
mod(CodeMirror);
|
|
|
11 |
})(function(CodeMirror) {
|
|
|
12 |
"use strict";
|
|
|
13 |
|
|
|
14 |
var htmlConfig = {
|
|
|
15 |
autoSelfClosers: {'area': true, 'base': true, 'br': true, 'col': true, 'command': true,
|
|
|
16 |
'embed': true, 'frame': true, 'hr': true, 'img': true, 'input': true,
|
|
|
17 |
'keygen': true, 'link': true, 'meta': true, 'param': true, 'source': true,
|
|
|
18 |
'track': true, 'wbr': true, 'menuitem': true},
|
|
|
19 |
implicitlyClosed: {'dd': true, 'li': true, 'optgroup': true, 'option': true, 'p': true,
|
|
|
20 |
'rp': true, 'rt': true, 'tbody': true, 'td': true, 'tfoot': true,
|
|
|
21 |
'th': true, 'tr': true},
|
|
|
22 |
contextGrabbers: {
|
|
|
23 |
'dd': {'dd': true, 'dt': true},
|
|
|
24 |
'dt': {'dd': true, 'dt': true},
|
|
|
25 |
'li': {'li': true},
|
|
|
26 |
'option': {'option': true, 'optgroup': true},
|
|
|
27 |
'optgroup': {'optgroup': true},
|
|
|
28 |
'p': {'address': true, 'article': true, 'aside': true, 'blockquote': true, 'dir': true,
|
|
|
29 |
'div': true, 'dl': true, 'fieldset': true, 'footer': true, 'form': true,
|
|
|
30 |
'h1': true, 'h2': true, 'h3': true, 'h4': true, 'h5': true, 'h6': true,
|
|
|
31 |
'header': true, 'hgroup': true, 'hr': true, 'menu': true, 'nav': true, 'ol': true,
|
|
|
32 |
'p': true, 'pre': true, 'section': true, 'table': true, 'ul': true},
|
|
|
33 |
'rp': {'rp': true, 'rt': true},
|
|
|
34 |
'rt': {'rp': true, 'rt': true},
|
|
|
35 |
'tbody': {'tbody': true, 'tfoot': true},
|
|
|
36 |
'td': {'td': true, 'th': true},
|
|
|
37 |
'tfoot': {'tbody': true},
|
|
|
38 |
'th': {'td': true, 'th': true},
|
|
|
39 |
'thead': {'tbody': true, 'tfoot': true},
|
|
|
40 |
'tr': {'tr': true}
|
|
|
41 |
},
|
|
|
42 |
doNotIndent: {"pre": true},
|
|
|
43 |
allowUnquoted: true,
|
|
|
44 |
allowMissing: true,
|
|
|
45 |
caseFold: true
|
|
|
46 |
}
|
|
|
47 |
|
|
|
48 |
var xmlConfig = {
|
|
|
49 |
autoSelfClosers: {},
|
|
|
50 |
implicitlyClosed: {},
|
|
|
51 |
contextGrabbers: {},
|
|
|
52 |
doNotIndent: {},
|
|
|
53 |
allowUnquoted: false,
|
|
|
54 |
allowMissing: false,
|
|
|
55 |
allowMissingTagName: false,
|
|
|
56 |
caseFold: false
|
|
|
57 |
}
|
|
|
58 |
|
|
|
59 |
CodeMirror.defineMode("xml", function(editorConf, config_) {
|
|
|
60 |
var indentUnit = editorConf.indentUnit
|
|
|
61 |
var config = {}
|
|
|
62 |
var defaults = config_.htmlMode ? htmlConfig : xmlConfig
|
|
|
63 |
for (var prop in defaults) config[prop] = defaults[prop]
|
|
|
64 |
for (var prop in config_) config[prop] = config_[prop]
|
|
|
65 |
|
|
|
66 |
// Return variables for tokenizers
|
|
|
67 |
var type, setStyle;
|
|
|
68 |
|
|
|
69 |
function inText(stream, state) {
|
|
|
70 |
function chain(parser) {
|
|
|
71 |
state.tokenize = parser;
|
|
|
72 |
return parser(stream, state);
|
|
|
73 |
}
|
|
|
74 |
|
|
|
75 |
var ch = stream.next();
|
|
|
76 |
if (ch == "<") {
|
|
|
77 |
if (stream.eat("!")) {
|
|
|
78 |
if (stream.eat("[")) {
|
|
|
79 |
if (stream.match("CDATA[")) return chain(inBlock("atom", "]]>"));
|
|
|
80 |
else return null;
|
|
|
81 |
} else if (stream.match("--")) {
|
|
|
82 |
return chain(inBlock("comment", "-->"));
|
|
|
83 |
} else if (stream.match("DOCTYPE", true, true)) {
|
|
|
84 |
stream.eatWhile(/[\w\._\-]/);
|
|
|
85 |
return chain(doctype(1));
|
|
|
86 |
} else {
|
|
|
87 |
return null;
|
|
|
88 |
}
|
|
|
89 |
} else if (stream.eat("?")) {
|
|
|
90 |
stream.eatWhile(/[\w\._\-]/);
|
|
|
91 |
state.tokenize = inBlock("meta", "?>");
|
|
|
92 |
return "meta";
|
|
|
93 |
} else {
|
|
|
94 |
type = stream.eat("/") ? "closeTag" : "openTag";
|
|
|
95 |
state.tokenize = inTag;
|
|
|
96 |
return "tag bracket";
|
|
|
97 |
}
|
|
|
98 |
} else if (ch == "&") {
|
|
|
99 |
var ok;
|
|
|
100 |
if (stream.eat("#")) {
|
|
|
101 |
if (stream.eat("x")) {
|
|
|
102 |
ok = stream.eatWhile(/[a-fA-F\d]/) && stream.eat(";");
|
|
|
103 |
} else {
|
|
|
104 |
ok = stream.eatWhile(/[\d]/) && stream.eat(";");
|
|
|
105 |
}
|
|
|
106 |
} else {
|
|
|
107 |
ok = stream.eatWhile(/[\w\.\-:]/) && stream.eat(";");
|
|
|
108 |
}
|
|
|
109 |
return ok ? "atom" : "error";
|
|
|
110 |
} else {
|
|
|
111 |
stream.eatWhile(/[^&<]/);
|
|
|
112 |
return null;
|
|
|
113 |
}
|
|
|
114 |
}
|
|
|
115 |
inText.isInText = true;
|
|
|
116 |
|
|
|
117 |
function inTag(stream, state) {
|
|
|
118 |
var ch = stream.next();
|
|
|
119 |
if (ch == ">" || (ch == "/" && stream.eat(">"))) {
|
|
|
120 |
state.tokenize = inText;
|
|
|
121 |
type = ch == ">" ? "endTag" : "selfcloseTag";
|
|
|
122 |
return "tag bracket";
|
|
|
123 |
} else if (ch == "=") {
|
|
|
124 |
type = "equals";
|
|
|
125 |
return null;
|
|
|
126 |
} else if (ch == "<") {
|
|
|
127 |
state.tokenize = inText;
|
|
|
128 |
state.state = baseState;
|
|
|
129 |
state.tagName = state.tagStart = null;
|
|
|
130 |
var next = state.tokenize(stream, state);
|
|
|
131 |
return next ? next + " tag error" : "tag error";
|
|
|
132 |
} else if (/[\'\"]/.test(ch)) {
|
|
|
133 |
state.tokenize = inAttribute(ch);
|
|
|
134 |
state.stringStartCol = stream.column();
|
|
|
135 |
return state.tokenize(stream, state);
|
|
|
136 |
} else {
|
|
|
137 |
stream.match(/^[^\s\u00a0=<>\"\']*[^\s\u00a0=<>\"\'\/]/);
|
|
|
138 |
return "word";
|
|
|
139 |
}
|
|
|
140 |
}
|
|
|
141 |
|
|
|
142 |
function inAttribute(quote) {
|
|
|
143 |
var closure = function(stream, state) {
|
|
|
144 |
while (!stream.eol()) {
|
|
|
145 |
if (stream.next() == quote) {
|
|
|
146 |
state.tokenize = inTag;
|
|
|
147 |
break;
|
|
|
148 |
}
|
|
|
149 |
}
|
|
|
150 |
return "string";
|
|
|
151 |
};
|
|
|
152 |
closure.isInAttribute = true;
|
|
|
153 |
return closure;
|
|
|
154 |
}
|
|
|
155 |
|
|
|
156 |
function inBlock(style, terminator) {
|
|
|
157 |
return function(stream, state) {
|
|
|
158 |
while (!stream.eol()) {
|
|
|
159 |
if (stream.match(terminator)) {
|
|
|
160 |
state.tokenize = inText;
|
|
|
161 |
break;
|
|
|
162 |
}
|
|
|
163 |
stream.next();
|
|
|
164 |
}
|
|
|
165 |
return style;
|
|
|
166 |
}
|
|
|
167 |
}
|
|
|
168 |
|
|
|
169 |
function doctype(depth) {
|
|
|
170 |
return function(stream, state) {
|
|
|
171 |
var ch;
|
|
|
172 |
while ((ch = stream.next()) != null) {
|
|
|
173 |
if (ch == "<") {
|
|
|
174 |
state.tokenize = doctype(depth + 1);
|
|
|
175 |
return state.tokenize(stream, state);
|
|
|
176 |
} else if (ch == ">") {
|
|
|
177 |
if (depth == 1) {
|
|
|
178 |
state.tokenize = inText;
|
|
|
179 |
break;
|
|
|
180 |
} else {
|
|
|
181 |
state.tokenize = doctype(depth - 1);
|
|
|
182 |
return state.tokenize(stream, state);
|
|
|
183 |
}
|
|
|
184 |
}
|
|
|
185 |
}
|
|
|
186 |
return "meta";
|
|
|
187 |
};
|
|
|
188 |
}
|
|
|
189 |
|
|
|
190 |
function lower(tagName) {
|
|
|
191 |
return tagName && tagName.toLowerCase();
|
|
|
192 |
}
|
|
|
193 |
|
|
|
194 |
function Context(state, tagName, startOfLine) {
|
|
|
195 |
this.prev = state.context;
|
|
|
196 |
this.tagName = tagName || "";
|
|
|
197 |
this.indent = state.indented;
|
|
|
198 |
this.startOfLine = startOfLine;
|
|
|
199 |
if (config.doNotIndent.hasOwnProperty(tagName) || (state.context && state.context.noIndent))
|
|
|
200 |
this.noIndent = true;
|
|
|
201 |
}
|
|
|
202 |
function popContext(state) {
|
|
|
203 |
if (state.context) state.context = state.context.prev;
|
|
|
204 |
}
|
|
|
205 |
function maybePopContext(state, nextTagName) {
|
|
|
206 |
var parentTagName;
|
|
|
207 |
while (true) {
|
|
|
208 |
if (!state.context) {
|
|
|
209 |
return;
|
|
|
210 |
}
|
|
|
211 |
parentTagName = state.context.tagName;
|
|
|
212 |
if (!config.contextGrabbers.hasOwnProperty(lower(parentTagName)) ||
|
|
|
213 |
!config.contextGrabbers[lower(parentTagName)].hasOwnProperty(lower(nextTagName))) {
|
|
|
214 |
return;
|
|
|
215 |
}
|
|
|
216 |
popContext(state);
|
|
|
217 |
}
|
|
|
218 |
}
|
|
|
219 |
|
|
|
220 |
function baseState(type, stream, state) {
|
|
|
221 |
if (type == "openTag") {
|
|
|
222 |
state.tagStart = stream.column();
|
|
|
223 |
return tagNameState;
|
|
|
224 |
} else if (type == "closeTag") {
|
|
|
225 |
return closeTagNameState;
|
|
|
226 |
} else {
|
|
|
227 |
return baseState;
|
|
|
228 |
}
|
|
|
229 |
}
|
|
|
230 |
function tagNameState(type, stream, state) {
|
|
|
231 |
if (type == "word") {
|
|
|
232 |
state.tagName = stream.current();
|
|
|
233 |
setStyle = "tag";
|
|
|
234 |
return attrState;
|
|
|
235 |
} else if (config.allowMissingTagName && type == "endTag") {
|
|
|
236 |
setStyle = "tag bracket";
|
|
|
237 |
return attrState(type, stream, state);
|
|
|
238 |
} else {
|
|
|
239 |
setStyle = "error";
|
|
|
240 |
return tagNameState;
|
|
|
241 |
}
|
|
|
242 |
}
|
|
|
243 |
function closeTagNameState(type, stream, state) {
|
|
|
244 |
if (type == "word") {
|
|
|
245 |
var tagName = stream.current();
|
|
|
246 |
if (state.context && state.context.tagName != tagName &&
|
|
|
247 |
config.implicitlyClosed.hasOwnProperty(lower(state.context.tagName)))
|
|
|
248 |
popContext(state);
|
|
|
249 |
if ((state.context && state.context.tagName == tagName) || config.matchClosing === false) {
|
|
|
250 |
setStyle = "tag";
|
|
|
251 |
return closeState;
|
|
|
252 |
} else {
|
|
|
253 |
setStyle = "tag error";
|
|
|
254 |
return closeStateErr;
|
|
|
255 |
}
|
|
|
256 |
} else if (config.allowMissingTagName && type == "endTag") {
|
|
|
257 |
setStyle = "tag bracket";
|
|
|
258 |
return closeState(type, stream, state);
|
|
|
259 |
} else {
|
|
|
260 |
setStyle = "error";
|
|
|
261 |
return closeStateErr;
|
|
|
262 |
}
|
|
|
263 |
}
|
|
|
264 |
|
|
|
265 |
function closeState(type, _stream, state) {
|
|
|
266 |
if (type != "endTag") {
|
|
|
267 |
setStyle = "error";
|
|
|
268 |
return closeState;
|
|
|
269 |
}
|
|
|
270 |
popContext(state);
|
|
|
271 |
return baseState;
|
|
|
272 |
}
|
|
|
273 |
function closeStateErr(type, stream, state) {
|
|
|
274 |
setStyle = "error";
|
|
|
275 |
return closeState(type, stream, state);
|
|
|
276 |
}
|
|
|
277 |
|
|
|
278 |
function attrState(type, _stream, state) {
|
|
|
279 |
if (type == "word") {
|
|
|
280 |
setStyle = "attribute";
|
|
|
281 |
return attrEqState;
|
|
|
282 |
} else if (type == "endTag" || type == "selfcloseTag") {
|
|
|
283 |
var tagName = state.tagName, tagStart = state.tagStart;
|
|
|
284 |
state.tagName = state.tagStart = null;
|
|
|
285 |
if (type == "selfcloseTag" ||
|
|
|
286 |
config.autoSelfClosers.hasOwnProperty(lower(tagName))) {
|
|
|
287 |
maybePopContext(state, tagName);
|
|
|
288 |
} else {
|
|
|
289 |
maybePopContext(state, tagName);
|
|
|
290 |
state.context = new Context(state, tagName, tagStart == state.indented);
|
|
|
291 |
}
|
|
|
292 |
return baseState;
|
|
|
293 |
}
|
|
|
294 |
setStyle = "error";
|
|
|
295 |
return attrState;
|
|
|
296 |
}
|
|
|
297 |
function attrEqState(type, stream, state) {
|
|
|
298 |
if (type == "equals") return attrValueState;
|
|
|
299 |
if (!config.allowMissing) setStyle = "error";
|
|
|
300 |
return attrState(type, stream, state);
|
|
|
301 |
}
|
|
|
302 |
function attrValueState(type, stream, state) {
|
|
|
303 |
if (type == "string") return attrContinuedState;
|
|
|
304 |
if (type == "word" && config.allowUnquoted) {setStyle = "string"; return attrState;}
|
|
|
305 |
setStyle = "error";
|
|
|
306 |
return attrState(type, stream, state);
|
|
|
307 |
}
|
|
|
308 |
function attrContinuedState(type, stream, state) {
|
|
|
309 |
if (type == "string") return attrContinuedState;
|
|
|
310 |
return attrState(type, stream, state);
|
|
|
311 |
}
|
|
|
312 |
|
|
|
313 |
return {
|
|
|
314 |
startState: function(baseIndent) {
|
|
|
315 |
var state = {tokenize: inText,
|
|
|
316 |
state: baseState,
|
|
|
317 |
indented: baseIndent || 0,
|
|
|
318 |
tagName: null, tagStart: null,
|
|
|
319 |
context: null}
|
|
|
320 |
if (baseIndent != null) state.baseIndent = baseIndent
|
|
|
321 |
return state
|
|
|
322 |
},
|
|
|
323 |
|
|
|
324 |
token: function(stream, state) {
|
|
|
325 |
if (!state.tagName && stream.sol())
|
|
|
326 |
state.indented = stream.indentation();
|
|
|
327 |
|
|
|
328 |
if (stream.eatSpace()) return null;
|
|
|
329 |
type = null;
|
|
|
330 |
var style = state.tokenize(stream, state);
|
|
|
331 |
if ((style || type) && style != "comment") {
|
|
|
332 |
setStyle = null;
|
|
|
333 |
state.state = state.state(type || style, stream, state);
|
|
|
334 |
if (setStyle)
|
|
|
335 |
style = setStyle == "error" ? style + " error" : setStyle;
|
|
|
336 |
}
|
|
|
337 |
return style;
|
|
|
338 |
},
|
|
|
339 |
|
|
|
340 |
indent: function(state, textAfter, fullLine) {
|
|
|
341 |
var context = state.context;
|
|
|
342 |
// Indent multi-line strings (e.g. css).
|
|
|
343 |
if (state.tokenize.isInAttribute) {
|
|
|
344 |
if (state.tagStart == state.indented)
|
|
|
345 |
return state.stringStartCol + 1;
|
|
|
346 |
else
|
|
|
347 |
return state.indented + indentUnit;
|
|
|
348 |
}
|
|
|
349 |
if (context && context.noIndent) return CodeMirror.Pass;
|
|
|
350 |
if (state.tokenize != inTag && state.tokenize != inText)
|
|
|
351 |
return fullLine ? fullLine.match(/^(\s*)/)[0].length : 0;
|
|
|
352 |
// Indent the starts of attribute names.
|
|
|
353 |
if (state.tagName) {
|
|
|
354 |
if (config.multilineTagIndentPastTag !== false)
|
|
|
355 |
return state.tagStart + state.tagName.length + 2;
|
|
|
356 |
else
|
|
|
357 |
return state.tagStart + indentUnit * (config.multilineTagIndentFactor || 1);
|
|
|
358 |
}
|
|
|
359 |
if (config.alignCDATA && /<!\[CDATA\[/.test(textAfter)) return 0;
|
|
|
360 |
var tagAfter = textAfter && /^<(\/)?([\w_:\.-]*)/.exec(textAfter);
|
|
|
361 |
if (tagAfter && tagAfter[1]) { // Closing tag spotted
|
|
|
362 |
while (context) {
|
|
|
363 |
if (context.tagName == tagAfter[2]) {
|
|
|
364 |
context = context.prev;
|
|
|
365 |
break;
|
|
|
366 |
} else if (config.implicitlyClosed.hasOwnProperty(lower(context.tagName))) {
|
|
|
367 |
context = context.prev;
|
|
|
368 |
} else {
|
|
|
369 |
break;
|
|
|
370 |
}
|
|
|
371 |
}
|
|
|
372 |
} else if (tagAfter) { // Opening tag spotted
|
|
|
373 |
while (context) {
|
|
|
374 |
var grabbers = config.contextGrabbers[lower(context.tagName)];
|
|
|
375 |
if (grabbers && grabbers.hasOwnProperty(lower(tagAfter[2])))
|
|
|
376 |
context = context.prev;
|
|
|
377 |
else
|
|
|
378 |
break;
|
|
|
379 |
}
|
|
|
380 |
}
|
|
|
381 |
while (context && context.prev && !context.startOfLine)
|
|
|
382 |
context = context.prev;
|
|
|
383 |
if (context) return context.indent + indentUnit;
|
|
|
384 |
else return state.baseIndent || 0;
|
|
|
385 |
},
|
|
|
386 |
|
|
|
387 |
electricInput: /<\/[\s\w:]+>$/,
|
|
|
388 |
blockCommentStart: "<!--",
|
|
|
389 |
blockCommentEnd: "-->",
|
|
|
390 |
|
|
|
391 |
configuration: config.htmlMode ? "html" : "xml",
|
|
|
392 |
helperType: config.htmlMode ? "html" : "xml",
|
|
|
393 |
|
|
|
394 |
skipAttribute: function(state) {
|
|
|
395 |
if (state.state == attrValueState)
|
|
|
396 |
state.state = attrState
|
|
|
397 |
},
|
|
|
398 |
|
|
|
399 |
xmlCurrentTag: function(state) {
|
|
|
400 |
return state.tagName ? {name: state.tagName, close: state.type == "closeTag"} : null
|
|
|
401 |
},
|
|
|
402 |
|
|
|
403 |
xmlCurrentContext: function(state) {
|
|
|
404 |
var context = []
|
|
|
405 |
for (var cx = state.context; cx; cx = cx.prev)
|
|
|
406 |
context.push(cx.tagName)
|
|
|
407 |
return context.reverse()
|
|
|
408 |
}
|
|
|
409 |
};
|
|
|
410 |
});
|
|
|
411 |
|
|
|
412 |
CodeMirror.defineMIME("text/xml", "xml");
|
|
|
413 |
CodeMirror.defineMIME("application/xml", "xml");
|
|
|
414 |
if (!CodeMirror.mimeModes.hasOwnProperty("text/html"))
|
|
|
415 |
CodeMirror.defineMIME("text/html", {name: "xml", htmlMode: true});
|
|
|
416 |
|
|
|
417 |
});
|