openrat-cms

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs | README

stylus.js (42256B)


      1 // CodeMirror, copyright (c) by Marijn Haverbeke and others
      2 // Distributed under an MIT license: http://codemirror.net/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]{6}|[0-9a-f]{3}/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       lineComment: "//",
    726       fold: "indent"
    727     };
    728   });
    729 
    730   // developer.mozilla.org/en-US/docs/Web/HTML/Element
    731   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"];
    732 
    733   // github.com/codemirror/CodeMirror/blob/master/mode/css/css.js
    734   var documentTypes_ = ["domain", "regexp", "url", "url-prefix"];
    735   var mediaTypes_ = ["all","aural","braille","handheld","print","projection","screen","tty","tv","embossed"];
    736   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"];
    737   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"];
    738   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"];
    739   var fontProperties_ = ["font-family","src","unicode-range","font-variant","font-feature-settings","font-stretch","font-weight","font-style"];
    740   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"];
    741   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","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","column","compact","condensed","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","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-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","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","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","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"];
    742 
    743   var wordOperatorKeywords_ = ["in","and","or","not","is not","is a","is","isnt","defined","if unless"],
    744       blockKeywords_ = ["for","if","else","unless", "from", "to"],
    745       commonAtoms_ = ["null","true","false","href","title","type","not-allowed","readonly","disabled"],
    746       commonDef_ = ["@font-face", "@keyframes", "@media", "@viewport", "@page", "@host", "@supports", "@block", "@css"];
    747 
    748   var hintWords = tagKeywords_.concat(documentTypes_,mediaTypes_,mediaFeatures_,
    749                                       propertyKeywords_,nonStandardPropertyKeywords_,
    750                                       colorKeywords_,valueKeywords_,fontProperties_,
    751                                       wordOperatorKeywords_,blockKeywords_,
    752                                       commonAtoms_,commonDef_);
    753 
    754   function wordRegexp(words) {
    755     words = words.sort(function(a,b){return b > a;});
    756     return new RegExp("^((" + words.join(")|(") + "))\\b");
    757   }
    758 
    759   function keySet(array) {
    760     var keys = {};
    761     for (var i = 0; i < array.length; ++i) keys[array[i]] = true;
    762     return keys;
    763   }
    764 
    765   function escapeRegExp(text) {
    766     return text.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&");
    767   }
    768 
    769   CodeMirror.registerHelper("hintWords", "stylus", hintWords);
    770   CodeMirror.defineMIME("text/x-styl", "stylus");
    771 });