Mercurial
comparison .cms/lib/codemirror/mode/stylus/stylus.js @ 0:78edf6b517a0 draft
24.10
author | Coffee CMS <info@coffee-cms.ru> |
---|---|
date | Fri, 11 Oct 2024 22:40:23 +0000 |
parents | |
children |
comparison
equal
deleted
inserted
replaced
-1:000000000000 | 0:78edf6b517a0 |
---|---|
1 // CodeMirror, copyright (c) by Marijn Haverbeke and others | |
2 // Distributed under an MIT license: https://codemirror.net/5/LICENSE | |
3 | |
4 // Stylus mode created by Dmitry Kiselyov http://git.io/AaRB | |
5 | |
6 (function(mod) { | |
7 if (typeof exports == "object" && typeof module == "object") // CommonJS | |
8 mod(require("../../lib/codemirror")); | |
9 else if (typeof define == "function" && define.amd) // AMD | |
10 define(["../../lib/codemirror"], mod); | |
11 else // Plain browser env | |
12 mod(CodeMirror); | |
13 })(function(CodeMirror) { | |
14 "use strict"; | |
15 | |
16 CodeMirror.defineMode("stylus", function(config) { | |
17 var indentUnit = config.indentUnit, | |
18 indentUnitString = '', | |
19 tagKeywords = keySet(tagKeywords_), | |
20 tagVariablesRegexp = /^(a|b|i|s|col|em)$/i, | |
21 propertyKeywords = keySet(propertyKeywords_), | |
22 nonStandardPropertyKeywords = keySet(nonStandardPropertyKeywords_), | |
23 valueKeywords = keySet(valueKeywords_), | |
24 colorKeywords = keySet(colorKeywords_), | |
25 documentTypes = keySet(documentTypes_), | |
26 documentTypesRegexp = wordRegexp(documentTypes_), | |
27 mediaFeatures = keySet(mediaFeatures_), | |
28 mediaTypes = keySet(mediaTypes_), | |
29 fontProperties = keySet(fontProperties_), | |
30 operatorsRegexp = /^\s*([.]{2,3}|&&|\|\||\*\*|[?!=:]?=|[-+*\/%<>]=?|\?:|\~)/, | |
31 wordOperatorKeywordsRegexp = wordRegexp(wordOperatorKeywords_), | |
32 blockKeywords = keySet(blockKeywords_), | |
33 vendorPrefixesRegexp = new RegExp(/^\-(moz|ms|o|webkit)-/i), | |
34 commonAtoms = keySet(commonAtoms_), | |
35 firstWordMatch = "", | |
36 states = {}, | |
37 ch, | |
38 style, | |
39 type, | |
40 override; | |
41 | |
42 while (indentUnitString.length < indentUnit) indentUnitString += ' '; | |
43 | |
44 /** | |
45 * Tokenizers | |
46 */ | |
47 function tokenBase(stream, state) { | |
48 firstWordMatch = stream.string.match(/(^[\w-]+\s*=\s*$)|(^\s*[\w-]+\s*=\s*[\w-])|(^\s*(\.|#|@|\$|\&|\[|\d|\+|::?|\{|\>|~|\/)?\s*[\w-]*([a-z0-9-]|\*|\/\*)(\(|,)?)/); | |
49 state.context.line.firstWord = firstWordMatch ? firstWordMatch[0].replace(/^\s*/, "") : ""; | |
50 state.context.line.indent = stream.indentation(); | |
51 ch = stream.peek(); | |
52 | |
53 // Line comment | |
54 if (stream.match("//")) { | |
55 stream.skipToEnd(); | |
56 return ["comment", "comment"]; | |
57 } | |
58 // Block comment | |
59 if (stream.match("/*")) { | |
60 state.tokenize = tokenCComment; | |
61 return tokenCComment(stream, state); | |
62 } | |
63 // String | |
64 if (ch == "\"" || ch == "'") { | |
65 stream.next(); | |
66 state.tokenize = tokenString(ch); | |
67 return state.tokenize(stream, state); | |
68 } | |
69 // Def | |
70 if (ch == "@") { | |
71 stream.next(); | |
72 stream.eatWhile(/[\w\\-]/); | |
73 return ["def", stream.current()]; | |
74 } | |
75 // ID selector or Hex color | |
76 if (ch == "#") { | |
77 stream.next(); | |
78 // Hex color | |
79 if (stream.match(/^[0-9a-f]{3}([0-9a-f]([0-9a-f]{2}){0,2})?\b(?!-)/i)) { | |
80 return ["atom", "atom"]; | |
81 } | |
82 // ID selector | |
83 if (stream.match(/^[a-z][\w-]*/i)) { | |
84 return ["builtin", "hash"]; | |
85 } | |
86 } | |
87 // Vendor prefixes | |
88 if (stream.match(vendorPrefixesRegexp)) { | |
89 return ["meta", "vendor-prefixes"]; | |
90 } | |
91 // Numbers | |
92 if (stream.match(/^-?[0-9]?\.?[0-9]/)) { | |
93 stream.eatWhile(/[a-z%]/i); | |
94 return ["number", "unit"]; | |
95 } | |
96 // !important|optional | |
97 if (ch == "!") { | |
98 stream.next(); | |
99 return [stream.match(/^(important|optional)/i) ? "keyword": "operator", "important"]; | |
100 } | |
101 // Class | |
102 if (ch == "." && stream.match(/^\.[a-z][\w-]*/i)) { | |
103 return ["qualifier", "qualifier"]; | |
104 } | |
105 // url url-prefix domain regexp | |
106 if (stream.match(documentTypesRegexp)) { | |
107 if (stream.peek() == "(") state.tokenize = tokenParenthesized; | |
108 return ["property", "word"]; | |
109 } | |
110 // Mixins / Functions | |
111 if (stream.match(/^[a-z][\w-]*\(/i)) { | |
112 stream.backUp(1); | |
113 return ["keyword", "mixin"]; | |
114 } | |
115 // Block mixins | |
116 if (stream.match(/^(\+|-)[a-z][\w-]*\(/i)) { | |
117 stream.backUp(1); | |
118 return ["keyword", "block-mixin"]; | |
119 } | |
120 // Parent Reference BEM naming | |
121 if (stream.string.match(/^\s*&/) && stream.match(/^[-_]+[a-z][\w-]*/)) { | |
122 return ["qualifier", "qualifier"]; | |
123 } | |
124 // / Root Reference & Parent Reference | |
125 if (stream.match(/^(\/|&)(-|_|:|\.|#|[a-z])/)) { | |
126 stream.backUp(1); | |
127 return ["variable-3", "reference"]; | |
128 } | |
129 if (stream.match(/^&{1}\s*$/)) { | |
130 return ["variable-3", "reference"]; | |
131 } | |
132 // Word operator | |
133 if (stream.match(wordOperatorKeywordsRegexp)) { | |
134 return ["operator", "operator"]; | |
135 } | |
136 // Word | |
137 if (stream.match(/^\$?[-_]*[a-z0-9]+[\w-]*/i)) { | |
138 // Variable | |
139 if (stream.match(/^(\.|\[)[\w-\'\"\]]+/i, false)) { | |
140 if (!wordIsTag(stream.current())) { | |
141 stream.match('.'); | |
142 return ["variable-2", "variable-name"]; | |
143 } | |
144 } | |
145 return ["variable-2", "word"]; | |
146 } | |
147 // Operators | |
148 if (stream.match(operatorsRegexp)) { | |
149 return ["operator", stream.current()]; | |
150 } | |
151 // Delimiters | |
152 if (/[:;,{}\[\]\(\)]/.test(ch)) { | |
153 stream.next(); | |
154 return [null, ch]; | |
155 } | |
156 // Non-detected items | |
157 stream.next(); | |
158 return [null, null]; | |
159 } | |
160 | |
161 /** | |
162 * Token comment | |
163 */ | |
164 function tokenCComment(stream, state) { | |
165 var maybeEnd = false, ch; | |
166 while ((ch = stream.next()) != null) { | |
167 if (maybeEnd && ch == "/") { | |
168 state.tokenize = null; | |
169 break; | |
170 } | |
171 maybeEnd = (ch == "*"); | |
172 } | |
173 return ["comment", "comment"]; | |
174 } | |
175 | |
176 /** | |
177 * Token string | |
178 */ | |
179 function tokenString(quote) { | |
180 return function(stream, state) { | |
181 var escaped = false, ch; | |
182 while ((ch = stream.next()) != null) { | |
183 if (ch == quote && !escaped) { | |
184 if (quote == ")") stream.backUp(1); | |
185 break; | |
186 } | |
187 escaped = !escaped && ch == "\\"; | |
188 } | |
189 if (ch == quote || !escaped && quote != ")") state.tokenize = null; | |
190 return ["string", "string"]; | |
191 }; | |
192 } | |
193 | |
194 /** | |
195 * Token parenthesized | |
196 */ | |
197 function tokenParenthesized(stream, state) { | |
198 stream.next(); // Must be "(" | |
199 if (!stream.match(/\s*[\"\')]/, false)) | |
200 state.tokenize = tokenString(")"); | |
201 else | |
202 state.tokenize = null; | |
203 return [null, "("]; | |
204 } | |
205 | |
206 /** | |
207 * Context management | |
208 */ | |
209 function Context(type, indent, prev, line) { | |
210 this.type = type; | |
211 this.indent = indent; | |
212 this.prev = prev; | |
213 this.line = line || {firstWord: "", indent: 0}; | |
214 } | |
215 | |
216 function pushContext(state, stream, type, indent) { | |
217 indent = indent >= 0 ? indent : indentUnit; | |
218 state.context = new Context(type, stream.indentation() + indent, state.context); | |
219 return type; | |
220 } | |
221 | |
222 function popContext(state, currentIndent) { | |
223 var contextIndent = state.context.indent - indentUnit; | |
224 currentIndent = currentIndent || false; | |
225 state.context = state.context.prev; | |
226 if (currentIndent) state.context.indent = contextIndent; | |
227 return state.context.type; | |
228 } | |
229 | |
230 function pass(type, stream, state) { | |
231 return states[state.context.type](type, stream, state); | |
232 } | |
233 | |
234 function popAndPass(type, stream, state, n) { | |
235 for (var i = n || 1; i > 0; i--) | |
236 state.context = state.context.prev; | |
237 return pass(type, stream, state); | |
238 } | |
239 | |
240 | |
241 /** | |
242 * Parser | |
243 */ | |
244 function wordIsTag(word) { | |
245 return word.toLowerCase() in tagKeywords; | |
246 } | |
247 | |
248 function wordIsProperty(word) { | |
249 word = word.toLowerCase(); | |
250 return word in propertyKeywords || word in fontProperties; | |
251 } | |
252 | |
253 function wordIsBlock(word) { | |
254 return word.toLowerCase() in blockKeywords; | |
255 } | |
256 | |
257 function wordIsVendorPrefix(word) { | |
258 return word.toLowerCase().match(vendorPrefixesRegexp); | |
259 } | |
260 | |
261 function wordAsValue(word) { | |
262 var wordLC = word.toLowerCase(); | |
263 var override = "variable-2"; | |
264 if (wordIsTag(word)) override = "tag"; | |
265 else if (wordIsBlock(word)) override = "block-keyword"; | |
266 else if (wordIsProperty(word)) override = "property"; | |
267 else if (wordLC in valueKeywords || wordLC in commonAtoms) override = "atom"; | |
268 else if (wordLC == "return" || wordLC in colorKeywords) override = "keyword"; | |
269 | |
270 // Font family | |
271 else if (word.match(/^[A-Z]/)) override = "string"; | |
272 return override; | |
273 } | |
274 | |
275 function typeIsBlock(type, stream) { | |
276 return ((endOfLine(stream) && (type == "{" || type == "]" || type == "hash" || type == "qualifier")) || type == "block-mixin"); | |
277 } | |
278 | |
279 function typeIsInterpolation(type, stream) { | |
280 return type == "{" && stream.match(/^\s*\$?[\w-]+/i, false); | |
281 } | |
282 | |
283 function typeIsPseudo(type, stream) { | |
284 return type == ":" && stream.match(/^[a-z-]+/, false); | |
285 } | |
286 | |
287 function startOfLine(stream) { | |
288 return stream.sol() || stream.string.match(new RegExp("^\\s*" + escapeRegExp(stream.current()))); | |
289 } | |
290 | |
291 function endOfLine(stream) { | |
292 return stream.eol() || stream.match(/^\s*$/, false); | |
293 } | |
294 | |
295 function firstWordOfLine(line) { | |
296 var re = /^\s*[-_]*[a-z0-9]+[\w-]*/i; | |
297 var result = typeof line == "string" ? line.match(re) : line.string.match(re); | |
298 return result ? result[0].replace(/^\s*/, "") : ""; | |
299 } | |
300 | |
301 | |
302 /** | |
303 * Block | |
304 */ | |
305 states.block = function(type, stream, state) { | |
306 if ((type == "comment" && startOfLine(stream)) || | |
307 (type == "," && endOfLine(stream)) || | |
308 type == "mixin") { | |
309 return pushContext(state, stream, "block", 0); | |
310 } | |
311 if (typeIsInterpolation(type, stream)) { | |
312 return pushContext(state, stream, "interpolation"); | |
313 } | |
314 if (endOfLine(stream) && type == "]") { | |
315 if (!/^\s*(\.|#|:|\[|\*|&)/.test(stream.string) && !wordIsTag(firstWordOfLine(stream))) { | |
316 return pushContext(state, stream, "block", 0); | |
317 } | |
318 } | |
319 if (typeIsBlock(type, stream)) { | |
320 return pushContext(state, stream, "block"); | |
321 } | |
322 if (type == "}" && endOfLine(stream)) { | |
323 return pushContext(state, stream, "block", 0); | |
324 } | |
325 if (type == "variable-name") { | |
326 if (stream.string.match(/^\s?\$[\w-\.\[\]\'\"]+$/) || wordIsBlock(firstWordOfLine(stream))) { | |
327 return pushContext(state, stream, "variableName"); | |
328 } | |
329 else { | |
330 return pushContext(state, stream, "variableName", 0); | |
331 } | |
332 } | |
333 if (type == "=") { | |
334 if (!endOfLine(stream) && !wordIsBlock(firstWordOfLine(stream))) { | |
335 return pushContext(state, stream, "block", 0); | |
336 } | |
337 return pushContext(state, stream, "block"); | |
338 } | |
339 if (type == "*") { | |
340 if (endOfLine(stream) || stream.match(/\s*(,|\.|#|\[|:|{)/,false)) { | |
341 override = "tag"; | |
342 return pushContext(state, stream, "block"); | |
343 } | |
344 } | |
345 if (typeIsPseudo(type, stream)) { | |
346 return pushContext(state, stream, "pseudo"); | |
347 } | |
348 if (/@(font-face|media|supports|(-moz-)?document)/.test(type)) { | |
349 return pushContext(state, stream, endOfLine(stream) ? "block" : "atBlock"); | |
350 } | |
351 if (/@(-(moz|ms|o|webkit)-)?keyframes$/.test(type)) { | |
352 return pushContext(state, stream, "keyframes"); | |
353 } | |
354 if (/@extends?/.test(type)) { | |
355 return pushContext(state, stream, "extend", 0); | |
356 } | |
357 if (type && type.charAt(0) == "@") { | |
358 | |
359 // Property Lookup | |
360 if (stream.indentation() > 0 && wordIsProperty(stream.current().slice(1))) { | |
361 override = "variable-2"; | |
362 return "block"; | |
363 } | |
364 if (/(@import|@require|@charset)/.test(type)) { | |
365 return pushContext(state, stream, "block", 0); | |
366 } | |
367 return pushContext(state, stream, "block"); | |
368 } | |
369 if (type == "reference" && endOfLine(stream)) { | |
370 return pushContext(state, stream, "block"); | |
371 } | |
372 if (type == "(") { | |
373 return pushContext(state, stream, "parens"); | |
374 } | |
375 | |
376 if (type == "vendor-prefixes") { | |
377 return pushContext(state, stream, "vendorPrefixes"); | |
378 } | |
379 if (type == "word") { | |
380 var word = stream.current(); | |
381 override = wordAsValue(word); | |
382 | |
383 if (override == "property") { | |
384 if (startOfLine(stream)) { | |
385 return pushContext(state, stream, "block", 0); | |
386 } else { | |
387 override = "atom"; | |
388 return "block"; | |
389 } | |
390 } | |
391 | |
392 if (override == "tag") { | |
393 | |
394 // tag is a css value | |
395 if (/embed|menu|pre|progress|sub|table/.test(word)) { | |
396 if (wordIsProperty(firstWordOfLine(stream))) { | |
397 override = "atom"; | |
398 return "block"; | |
399 } | |
400 } | |
401 | |
402 // tag is an attribute | |
403 if (stream.string.match(new RegExp("\\[\\s*" + word + "|" + word +"\\s*\\]"))) { | |
404 override = "atom"; | |
405 return "block"; | |
406 } | |
407 | |
408 // tag is a variable | |
409 if (tagVariablesRegexp.test(word)) { | |
410 if ((startOfLine(stream) && stream.string.match(/=/)) || | |
411 (!startOfLine(stream) && | |
412 !stream.string.match(/^(\s*\.|#|\&|\[|\/|>|\*)/) && | |
413 !wordIsTag(firstWordOfLine(stream)))) { | |
414 override = "variable-2"; | |
415 if (wordIsBlock(firstWordOfLine(stream))) return "block"; | |
416 return pushContext(state, stream, "block", 0); | |
417 } | |
418 } | |
419 | |
420 if (endOfLine(stream)) return pushContext(state, stream, "block"); | |
421 } | |
422 if (override == "block-keyword") { | |
423 override = "keyword"; | |
424 | |
425 // Postfix conditionals | |
426 if (stream.current(/(if|unless)/) && !startOfLine(stream)) { | |
427 return "block"; | |
428 } | |
429 return pushContext(state, stream, "block"); | |
430 } | |
431 if (word == "return") return pushContext(state, stream, "block", 0); | |
432 | |
433 // Placeholder selector | |
434 if (override == "variable-2" && stream.string.match(/^\s?\$[\w-\.\[\]\'\"]+$/)) { | |
435 return pushContext(state, stream, "block"); | |
436 } | |
437 } | |
438 return state.context.type; | |
439 }; | |
440 | |
441 | |
442 /** | |
443 * Parens | |
444 */ | |
445 states.parens = function(type, stream, state) { | |
446 if (type == "(") return pushContext(state, stream, "parens"); | |
447 if (type == ")") { | |
448 if (state.context.prev.type == "parens") { | |
449 return popContext(state); | |
450 } | |
451 if ((stream.string.match(/^[a-z][\w-]*\(/i) && endOfLine(stream)) || | |
452 wordIsBlock(firstWordOfLine(stream)) || | |
453 /(\.|#|:|\[|\*|&|>|~|\+|\/)/.test(firstWordOfLine(stream)) || | |
454 (!stream.string.match(/^-?[a-z][\w-\.\[\]\'\"]*\s*=/) && | |
455 wordIsTag(firstWordOfLine(stream)))) { | |
456 return pushContext(state, stream, "block"); | |
457 } | |
458 if (stream.string.match(/^[\$-]?[a-z][\w-\.\[\]\'\"]*\s*=/) || | |
459 stream.string.match(/^\s*(\(|\)|[0-9])/) || | |
460 stream.string.match(/^\s+[a-z][\w-]*\(/i) || | |
461 stream.string.match(/^\s+[\$-]?[a-z]/i)) { | |
462 return pushContext(state, stream, "block", 0); | |
463 } | |
464 if (endOfLine(stream)) return pushContext(state, stream, "block"); | |
465 else return pushContext(state, stream, "block", 0); | |
466 } | |
467 if (type && type.charAt(0) == "@" && wordIsProperty(stream.current().slice(1))) { | |
468 override = "variable-2"; | |
469 } | |
470 if (type == "word") { | |
471 var word = stream.current(); | |
472 override = wordAsValue(word); | |
473 if (override == "tag" && tagVariablesRegexp.test(word)) { | |
474 override = "variable-2"; | |
475 } | |
476 if (override == "property" || word == "to") override = "atom"; | |
477 } | |
478 if (type == "variable-name") { | |
479 return pushContext(state, stream, "variableName"); | |
480 } | |
481 if (typeIsPseudo(type, stream)) { | |
482 return pushContext(state, stream, "pseudo"); | |
483 } | |
484 return state.context.type; | |
485 }; | |
486 | |
487 | |
488 /** | |
489 * Vendor prefixes | |
490 */ | |
491 states.vendorPrefixes = function(type, stream, state) { | |
492 if (type == "word") { | |
493 override = "property"; | |
494 return pushContext(state, stream, "block", 0); | |
495 } | |
496 return popContext(state); | |
497 }; | |
498 | |
499 | |
500 /** | |
501 * Pseudo | |
502 */ | |
503 states.pseudo = function(type, stream, state) { | |
504 if (!wordIsProperty(firstWordOfLine(stream.string))) { | |
505 stream.match(/^[a-z-]+/); | |
506 override = "variable-3"; | |
507 if (endOfLine(stream)) return pushContext(state, stream, "block"); | |
508 return popContext(state); | |
509 } | |
510 return popAndPass(type, stream, state); | |
511 }; | |
512 | |
513 | |
514 /** | |
515 * atBlock | |
516 */ | |
517 states.atBlock = function(type, stream, state) { | |
518 if (type == "(") return pushContext(state, stream, "atBlock_parens"); | |
519 if (typeIsBlock(type, stream)) { | |
520 return pushContext(state, stream, "block"); | |
521 } | |
522 if (typeIsInterpolation(type, stream)) { | |
523 return pushContext(state, stream, "interpolation"); | |
524 } | |
525 if (type == "word") { | |
526 var word = stream.current().toLowerCase(); | |
527 if (/^(only|not|and|or)$/.test(word)) | |
528 override = "keyword"; | |
529 else if (documentTypes.hasOwnProperty(word)) | |
530 override = "tag"; | |
531 else if (mediaTypes.hasOwnProperty(word)) | |
532 override = "attribute"; | |
533 else if (mediaFeatures.hasOwnProperty(word)) | |
534 override = "property"; | |
535 else if (nonStandardPropertyKeywords.hasOwnProperty(word)) | |
536 override = "string-2"; | |
537 else override = wordAsValue(stream.current()); | |
538 if (override == "tag" && endOfLine(stream)) { | |
539 return pushContext(state, stream, "block"); | |
540 } | |
541 } | |
542 if (type == "operator" && /^(not|and|or)$/.test(stream.current())) { | |
543 override = "keyword"; | |
544 } | |
545 return state.context.type; | |
546 }; | |
547 | |
548 states.atBlock_parens = function(type, stream, state) { | |
549 if (type == "{" || type == "}") return state.context.type; | |
550 if (type == ")") { | |
551 if (endOfLine(stream)) return pushContext(state, stream, "block"); | |
552 else return pushContext(state, stream, "atBlock"); | |
553 } | |
554 if (type == "word") { | |
555 var word = stream.current().toLowerCase(); | |
556 override = wordAsValue(word); | |
557 if (/^(max|min)/.test(word)) override = "property"; | |
558 if (override == "tag") { | |
559 tagVariablesRegexp.test(word) ? override = "variable-2" : override = "atom"; | |
560 } | |
561 return state.context.type; | |
562 } | |
563 return states.atBlock(type, stream, state); | |
564 }; | |
565 | |
566 | |
567 /** | |
568 * Keyframes | |
569 */ | |
570 states.keyframes = function(type, stream, state) { | |
571 if (stream.indentation() == "0" && ((type == "}" && startOfLine(stream)) || type == "]" || type == "hash" | |
572 || type == "qualifier" || wordIsTag(stream.current()))) { | |
573 return popAndPass(type, stream, state); | |
574 } | |
575 if (type == "{") return pushContext(state, stream, "keyframes"); | |
576 if (type == "}") { | |
577 if (startOfLine(stream)) return popContext(state, true); | |
578 else return pushContext(state, stream, "keyframes"); | |
579 } | |
580 if (type == "unit" && /^[0-9]+\%$/.test(stream.current())) { | |
581 return pushContext(state, stream, "keyframes"); | |
582 } | |
583 if (type == "word") { | |
584 override = wordAsValue(stream.current()); | |
585 if (override == "block-keyword") { | |
586 override = "keyword"; | |
587 return pushContext(state, stream, "keyframes"); | |
588 } | |
589 } | |
590 if (/@(font-face|media|supports|(-moz-)?document)/.test(type)) { | |
591 return pushContext(state, stream, endOfLine(stream) ? "block" : "atBlock"); | |
592 } | |
593 if (type == "mixin") { | |
594 return pushContext(state, stream, "block", 0); | |
595 } | |
596 return state.context.type; | |
597 }; | |
598 | |
599 | |
600 /** | |
601 * Interpolation | |
602 */ | |
603 states.interpolation = function(type, stream, state) { | |
604 if (type == "{") popContext(state) && pushContext(state, stream, "block"); | |
605 if (type == "}") { | |
606 if (stream.string.match(/^\s*(\.|#|:|\[|\*|&|>|~|\+|\/)/i) || | |
607 (stream.string.match(/^\s*[a-z]/i) && wordIsTag(firstWordOfLine(stream)))) { | |
608 return pushContext(state, stream, "block"); | |
609 } | |
610 if (!stream.string.match(/^(\{|\s*\&)/) || | |
611 stream.match(/\s*[\w-]/,false)) { | |
612 return pushContext(state, stream, "block", 0); | |
613 } | |
614 return pushContext(state, stream, "block"); | |
615 } | |
616 if (type == "variable-name") { | |
617 return pushContext(state, stream, "variableName", 0); | |
618 } | |
619 if (type == "word") { | |
620 override = wordAsValue(stream.current()); | |
621 if (override == "tag") override = "atom"; | |
622 } | |
623 return state.context.type; | |
624 }; | |
625 | |
626 | |
627 /** | |
628 * Extend/s | |
629 */ | |
630 states.extend = function(type, stream, state) { | |
631 if (type == "[" || type == "=") return "extend"; | |
632 if (type == "]") return popContext(state); | |
633 if (type == "word") { | |
634 override = wordAsValue(stream.current()); | |
635 return "extend"; | |
636 } | |
637 return popContext(state); | |
638 }; | |
639 | |
640 | |
641 /** | |
642 * Variable name | |
643 */ | |
644 states.variableName = function(type, stream, state) { | |
645 if (type == "string" || type == "[" || type == "]" || stream.current().match(/^(\.|\$)/)) { | |
646 if (stream.current().match(/^\.[\w-]+/i)) override = "variable-2"; | |
647 return "variableName"; | |
648 } | |
649 return popAndPass(type, stream, state); | |
650 }; | |
651 | |
652 | |
653 return { | |
654 startState: function(base) { | |
655 return { | |
656 tokenize: null, | |
657 state: "block", | |
658 context: new Context("block", base || 0, null) | |
659 }; | |
660 }, | |
661 token: function(stream, state) { | |
662 if (!state.tokenize && stream.eatSpace()) return null; | |
663 style = (state.tokenize || tokenBase)(stream, state); | |
664 if (style && typeof style == "object") { | |
665 type = style[1]; | |
666 style = style[0]; | |
667 } | |
668 override = style; | |
669 state.state = states[state.state](type, stream, state); | |
670 return override; | |
671 }, | |
672 indent: function(state, textAfter, line) { | |
673 | |
674 var cx = state.context, | |
675 ch = textAfter && textAfter.charAt(0), | |
676 indent = cx.indent, | |
677 lineFirstWord = firstWordOfLine(textAfter), | |
678 lineIndent = line.match(/^\s*/)[0].replace(/\t/g, indentUnitString).length, | |
679 prevLineFirstWord = state.context.prev ? state.context.prev.line.firstWord : "", | |
680 prevLineIndent = state.context.prev ? state.context.prev.line.indent : lineIndent; | |
681 | |
682 if (cx.prev && | |
683 (ch == "}" && (cx.type == "block" || cx.type == "atBlock" || cx.type == "keyframes") || | |
684 ch == ")" && (cx.type == "parens" || cx.type == "atBlock_parens") || | |
685 ch == "{" && (cx.type == "at"))) { | |
686 indent = cx.indent - indentUnit; | |
687 } else if (!(/(\})/.test(ch))) { | |
688 if (/@|\$|\d/.test(ch) || | |
689 /^\{/.test(textAfter) || | |
690 /^\s*\/(\/|\*)/.test(textAfter) || | |
691 /^\s*\/\*/.test(prevLineFirstWord) || | |
692 /^\s*[\w-\.\[\]\'\"]+\s*(\?|:|\+)?=/i.test(textAfter) || | |
693 /^(\+|-)?[a-z][\w-]*\(/i.test(textAfter) || | |
694 /^return/.test(textAfter) || | |
695 wordIsBlock(lineFirstWord)) { | |
696 indent = lineIndent; | |
697 } else if (/(\.|#|:|\[|\*|&|>|~|\+|\/)/.test(ch) || wordIsTag(lineFirstWord)) { | |
698 if (/\,\s*$/.test(prevLineFirstWord)) { | |
699 indent = prevLineIndent; | |
700 } else if (/^\s+/.test(line) && (/(\.|#|:|\[|\*|&|>|~|\+|\/)/.test(prevLineFirstWord) || wordIsTag(prevLineFirstWord))) { | |
701 indent = lineIndent <= prevLineIndent ? prevLineIndent : prevLineIndent + indentUnit; | |
702 } else { | |
703 indent = lineIndent; | |
704 } | |
705 } else if (!/,\s*$/.test(line) && (wordIsVendorPrefix(lineFirstWord) || wordIsProperty(lineFirstWord))) { | |
706 if (wordIsBlock(prevLineFirstWord)) { | |
707 indent = lineIndent <= prevLineIndent ? prevLineIndent : prevLineIndent + indentUnit; | |
708 } else if (/^\{/.test(prevLineFirstWord)) { | |
709 indent = lineIndent <= prevLineIndent ? lineIndent : prevLineIndent + indentUnit; | |
710 } else if (wordIsVendorPrefix(prevLineFirstWord) || wordIsProperty(prevLineFirstWord)) { | |
711 indent = lineIndent >= prevLineIndent ? prevLineIndent : lineIndent; | |
712 } else if (/^(\.|#|:|\[|\*|&|@|\+|\-|>|~|\/)/.test(prevLineFirstWord) || | |
713 /=\s*$/.test(prevLineFirstWord) || | |
714 wordIsTag(prevLineFirstWord) || | |
715 /^\$[\w-\.\[\]\'\"]/.test(prevLineFirstWord)) { | |
716 indent = prevLineIndent + indentUnit; | |
717 } else { | |
718 indent = lineIndent; | |
719 } | |
720 } | |
721 } | |
722 return indent; | |
723 }, | |
724 electricChars: "}", | |
725 blockCommentStart: "/*", | |
726 blockCommentEnd: "*/", | |
727 blockCommentContinue: " * ", | |
728 lineComment: "//", | |
729 fold: "indent" | |
730 }; | |
731 }); | |
732 | |
733 // developer.mozilla.org/en-US/docs/Web/HTML/Element | |
734 var tagKeywords_ = ["a","abbr","address","area","article","aside","audio", "b", "base","bdi", "bdo","bgsound","blockquote","body","br","button","canvas","caption","cite", "code","col","colgroup","data","datalist","dd","del","details","dfn","div", "dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1", "h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe", "img","input","ins","kbd","keygen","label","legend","li","link","main","map", "mark","marquee","menu","menuitem","meta","meter","nav","nobr","noframes", "noscript","object","ol","optgroup","option","output","p","param","pre", "progress","q","rp","rt","ruby","s","samp","script","section","select", "small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","tr","track", "u","ul","var","video"]; | |
735 | |
736 // github.com/codemirror/CodeMirror/blob/master/mode/css/css.js | |
737 // Note, "url-prefix" should precede "url" in order to match correctly in documentTypesRegexp | |
738 var documentTypes_ = ["domain", "regexp", "url-prefix", "url"]; | |
739 var mediaTypes_ = ["all","aural","braille","handheld","print","projection","screen","tty","tv","embossed"]; | |
740 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","dynamic-range","video-dynamic-range"]; | |
741 var propertyKeywords_ = ["align-content","align-items","align-self","alignment-adjust","alignment-baseline","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","backface-visibility","background","background-attachment","background-clip","background-color","background-image","background-origin","background-position","background-repeat","background-size","baseline-shift","binding","bleed","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","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","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-feature-settings","font-family","font-kerning","font-language-override","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-weight","grid","grid-area","grid-auto-columns","grid-auto-flow","grid-auto-position","grid-auto-rows","grid-column","grid-column-end","grid-column-start","grid-row","grid-row-end","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","justify-content","left","letter-spacing","line-break","line-height","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","marker-offset","marks","marquee-direction","marquee-loop","marquee-play-count","marquee-speed","marquee-style","max-height","max-width","min-height","min-width","move-to","nav-down","nav-index","nav-left","nav-right","nav-up","object-fit","object-position","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","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","rotation","rotation-point","ruby-align","ruby-overhang","ruby-position","ruby-span","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-decoration","text-decoration-color","text-decoration-line","text-decoration-skip","text-decoration-style","text-emphasis","text-emphasis-color","text-emphasis-position","text-emphasis-style","text-height","text-indent","text-justify","text-outline","text-overflow","text-shadow","text-size-adjust","text-space-collapse","text-transform","text-underline-position","text-wrap","top","transform","transform-origin","transform-style","transition","transition-delay","transition-duration","transition-property","transition-timing-function","unicode-bidi","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","z-index","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","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","font-smoothing","osx-font-smoothing"]; | |
742 var nonStandardPropertyKeywords_ = ["scrollbar-arrow-color","scrollbar-base-color","scrollbar-dark-shadow-color","scrollbar-face-color","scrollbar-highlight-color","scrollbar-shadow-color","scrollbar-3d-light-color","scrollbar-track-color","shape-inside","searchfield-cancel-button","searchfield-decoration","searchfield-results-button","searchfield-results-decoration","zoom"]; | |
743 var fontProperties_ = ["font-family","src","unicode-range","font-variant","font-feature-settings","font-stretch","font-weight","font-style"]; | |
744 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"]; | |
745 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","avoid","avoid-column","avoid-page","avoid-region","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","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","column","compact","condensed","conic-gradient","contain","content","contents","content-box","context-menu","continuous","copy","counter","counters","cover","crop","cross","crosshair","currentcolor","cursive","cyclic","dashed","decimal","decimal-leading-zero","default","default-button","destination-atop","destination-in","destination-out","destination-over","devanagari","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","expanded","extends","extra-condensed","extra-expanded","fantasy","fast","fill","fixed","flat","flex","footnotes","forwards","from","geometricPrecision","georgian","graytext","groove","gujarati","gurmukhi","hand","hangul","hangul-consonant","hebrew","help","hidden","hide","high","higher","highlight","highlighttext","hiragana","hiragana-iroha","horizontal","hsl","hsla","icon","ignore","inactiveborder","inactivecaption","inactivecaptiontext","infinite","infobackground","infotext","inherit","initial","inline","inline-axis","inline-block","inline-flex","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","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","malayalam","match","matrix","matrix3d","media-play-button","media-slider","media-sliderthumb","media-volume-slider","media-volume-sliderthumb","medium","menu","menulist","menulist-button","menutext","message-box","middle","min-intrinsic","mix","mongolian","monospace","move","multiple","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","open-quote","optimizeLegibility","optimizeSpeed","oriya","oromo","outset","outside","outside-shape","overlay","overline","padding","padding-box","painted","page","paused","persian","perspective","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","repeating-conic-gradient","repeat-x","repeat-y","reset","reverse","rgb","rgba","ridge","right","rotate","rotate3d","rotateX","rotateY","rotateZ","round","row-resize","rtl","run-in","running","s-resize","sans-serif","scale","scale3d","scaleX","scaleY","scaleZ","scroll","scrollbar","scroll-position","se-resize","searchfield","searchfield-cancel-button","searchfield-decoration","searchfield-results-button","searchfield-results-decoration","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","solid","somali","source-atop","source-in","source-out","source-over","space","spell-out","square","square-button","standard","start","static","status-bar","stretch","stroke","sub","subpixel-antialiased","super","sw-resize","symbolic","symbols","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","translate","translate3d","translateX","translateY","translateZ","transparent","ultra-condensed","ultra-expanded","underline","up","upper-alpha","upper-armenian","upper-greek","upper-hexadecimal","upper-latin","upper-norwegian","upper-roman","uppercase","urdu","url","var","vertical","vertical-text","visible","visibleFill","visiblePainted","visibleStroke","visual","w-resize","wait","wave","wider","window","windowframe","windowtext","words","x-large","x-small","xor","xx-large","xx-small","bicubic","optimizespeed","grayscale","row","row-reverse","wrap","wrap-reverse","column-reverse","flex-start","flex-end","space-between","space-around", "unset"]; | |
746 | |
747 var wordOperatorKeywords_ = ["in","and","or","not","is not","is a","is","isnt","defined","if unless"], | |
748 blockKeywords_ = ["for","if","else","unless", "from", "to"], | |
749 commonAtoms_ = ["null","true","false","href","title","type","not-allowed","readonly","disabled"], | |
750 commonDef_ = ["@font-face", "@keyframes", "@media", "@viewport", "@page", "@host", "@supports", "@block", "@css"]; | |
751 | |
752 var hintWords = tagKeywords_.concat(documentTypes_,mediaTypes_,mediaFeatures_, | |
753 propertyKeywords_,nonStandardPropertyKeywords_, | |
754 colorKeywords_,valueKeywords_,fontProperties_, | |
755 wordOperatorKeywords_,blockKeywords_, | |
756 commonAtoms_,commonDef_); | |
757 | |
758 function wordRegexp(words) { | |
759 words = words.sort(function(a,b){return b > a;}); | |
760 return new RegExp("^((" + words.join(")|(") + "))\\b"); | |
761 } | |
762 | |
763 function keySet(array) { | |
764 var keys = {}; | |
765 for (var i = 0; i < array.length; ++i) keys[array[i]] = true; | |
766 return keys; | |
767 } | |
768 | |
769 function escapeRegExp(text) { | |
770 return text.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&"); | |
771 } | |
772 | |
773 CodeMirror.registerHelper("hintWords", "stylus", hintWords); | |
774 CodeMirror.defineMIME("text/x-styl", "stylus"); | |
775 }); |