GPQAPP

1
// CodeMirror, copyright (c) by Marijn Haverbeke and others
2
// Distributed under an MIT license: https://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]{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","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","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-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","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
});
776