[Summary view] [Print] [Text view]

   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  });