-
1
-
2
-
3
-
4
-
5
-
6
-
7
-
8
-
9
-
10
-
11
-
12
-
13
-
14
-
15
-
16
-
17
-
18
-
19
-
20
-
21
-
22
-
23
-
24
-
25
-
26
-
27
-
28
-
29
-
30
-
31
-
32
-
33
-
34
-
35
-
36
-
37
-
38
-
39
-
40
-
41
-
42
-
43
-
44
-
45
-
46
-
47
-
48
-
49
-
50
-
51
-
52
-
53
-
54
-
55
-
56
-
57
-
58
-
59
-
60
-
61
-
62
-
63
-
64
-
65
-
66
-
67
-
68
-
69
-
70
-
71
-
72
-
73
-
74
-
75
-
76
-
77
-
78
-
79
-
80
-
81
-
82
-
83
-
84
-
85
-
86
-
87
-
88
-
89
-
90
-
91
-
92
-
93
-
94
-
95
-
96
-
97
-
98
-
99
-
100
-
101
-
102
-
103
-
104
-
105
-
106
-
107
-
108
-
109
-
110
-
111
-
112
-
113
-
114
-
115
-
116
-
117
-
118
-
119
-
120
-
121
-
122
-
123
-
124
-
125
-
126
-
127
-
128
-
129
-
130
-
131
-
132
-
133
-
134
-
135
-
136
-
137
-
138
-
139
-
140
-
141
-
142
-
143
-
144
-
145
-
146
-
147
-
148
-
149
-
150
-
151
-
152
-
153
-
154
-
155
-
156
-
157
-
158
-
159
-
160
-
161
-
162
-
163
-
164
-
165
-
166
-
167
-
168
-
169
-
170
-
171
-
172
-
173
-
174
-
175
-
176
-
177
-
178
-
179
-
180
-
181
-
182
-
183
-
184
-
185
-
186
-
187
-
188
-
189
-
190
-
191
-
192
-
193
-
194
-
195
-
196
-
197
-
198
-
199
-
200
-
201
-
202
-
203
-
204
-
205
-
206
-
207
-
208
-
209
-
210
-
211
-
212
-
213
-
214
-
215
-
216
-
217
-
218
-
219
-
220
-
221
-
222
-
223
-
224
-
225
-
226
-
227
-
228
-
229
-
230
-
231
-
232
-
233
-
234
-
235
-
236
-
237
-
238
-
239
-
240
-
241
-
242
-
243
-
244
-
245
-
246
-
247
-
248
-
249
-
250
-
251
-
252
-
253
-
254
-
255
-
256
-
257
-
258
-
259
-
260
-
261
-
262
-
263
-
264
-
265
-
266
-
267
-
268
-
269
-
270
-
271
-
272
-
273
-
274
-
275
-
276
-
277
-
278
-
279
-
280
-
281
-
282
-
283
-
284
-
285
-
286
-
287
-
288
-
289
-
290
-
291
-
292
-
293
-
294
-
295
-
296
-
297
-
298
-
299
-
300
-
301
-
302
-
303
-
304
-
305
-
306
-
307
-
308
-
309
-
310
-
311
-
312
-
313
-
314
-
315
-
316
-
317
-
318
-
319
-
320
-
321
-
322
-
323
-
324
-
325
-
326
-
327
-
328
-
329
-
330
-
331
-
332
-
333
-
334
-
335
-
336
-
337
-
338
-
339
-
340
-
341
-
342
-
343
-
344
-
345
-
346
-
347
-
348
-
349
-
350
-
351
-
352
-
353
-
354
-
355
-
356
-
357
-
358
-
359
-
360
-
361
-
362
-
363
-
364
-
365
-
366
-
367
-
368
-
369
-
370
-
371
-
372
-
373
-
374
-
375
-
376
-
377
-
378
-
379
-
380
-
381
-
382
-
383
-
384
-
385
-
386
-
387
-
388
-
389
-
390
-
391
-
392
-
393
-
394
-
395
-
396
-
397
-
398
-
399
-
400
-
401
-
402
-
403
-
404
-
405
-
406
-
407
-
408
-
409
-
410
-
411
-
412
-
413
-
414
-
415
-
416
-
417
-
418
-
419
-
420
-
421
-
422
-
423
-
424
-
425
-
426
-
427
-
428
-
429
-
430
-
431
-
432
-
433
-
434
-
435
-
436
-
437
-
438
-
439
-
440
-
441
-
442
-
443
-
444
-
445
-
446
-
447
-
448
-
449
-
450
-
451
-
452
-
453
-
454
-
455
-
456
-
457
-
458
-
459
-
460
-
461
-
462
-
463
-
464
-
465
-
466
-
467
-
468
-
469
-
470
-
471
-
472
-
473
-
474
-
475
-
476
-
477
-
478
-
479
-
480
-
481
-
482
-
483
-
484
-
485
-
486
-
487
-
488
-
489
-
490
-
491
-
492
-
493
-
494
-
495
-
496
-
497
-
498
-
499
-
500
-
501
-
502
-
503
-
504
-
505
-
506
-
507
-
508
-
509
-
510
-
511
-
512
-
513
-
514
-
515
-
516
-
517
-
518
-
519
-
520
-
521
-
522
-
523
-
524
-
525
-
526
-
527
-
528
-
529
-
530
-
531
-
532
-
533
-
534
-
535
-
536
-
537
-
538
-
539
-
540
-
541
-
542
-
543
-
544
-
545
-
546
-
547
-
548
-
549
-
550
-
551
-
552
-
553
-
554
-
555
-
556
-
557
-
558
-
559
-
560
-
561
-
562
-
563
-
564
-
565
-
566
-
567
-
568
-
569
-
570
-
571
-
572
-
573
-
574
-
575
// CodeMirror, copyright (c) by Marijn Haverbeke and others
// Distributed under an MIT license: https://codemirror.net/LICENSE
// Slim Highlighting for CodeMirror copyright (c) HicknHack Software Gmbh
(function(mod) {
if (typeof exports == "object" && typeof module == "object") // CommonJS
mod(require("../../lib/codemirror"), require("../htmlmixed/htmlmixed"), require("../ruby/ruby"));
else if (typeof define == "function" && define.amd) // AMD
define(["../../lib/codemirror", "../htmlmixed/htmlmixed", "../ruby/ruby"], mod);
else // Plain browser env
mod(CodeMirror);
})(function(CodeMirror) {
"use strict";
CodeMirror.defineMode("slim", function(config) {
var htmlMode = CodeMirror.getMode(config, {name: "htmlmixed"});
var rubyMode = CodeMirror.getMode(config, "ruby");
var modes = { html: htmlMode, ruby: rubyMode };
var embedded = {
ruby: "ruby",
javascript: "javascript",
css: "text/css",
sass: "text/x-sass",
scss: "text/x-scss",
less: "text/x-less",
styl: "text/x-styl", // no highlighting so far
coffee: "coffeescript",
asciidoc: "text/x-asciidoc",
markdown: "text/x-markdown",
textile: "text/x-textile", // no highlighting so far
creole: "text/x-creole", // no highlighting so far
wiki: "text/x-wiki", // no highlighting so far
mediawiki: "text/x-mediawiki", // no highlighting so far
rdoc: "text/x-rdoc", // no highlighting so far
builder: "text/x-builder", // no highlighting so far
nokogiri: "text/x-nokogiri", // no highlighting so far
erb: "application/x-erb"
};
var embeddedRegexp = function(map){
var arr = [];
for(var key in map) arr.push(key);
return new RegExp("^("+arr.join('|')+"):");
}(embedded);
var styleMap = {
"commentLine": "comment",
"slimSwitch": "operator special",
"slimTag": "tag",
"slimId": "attribute def",
"slimClass": "attribute qualifier",
"slimAttribute": "attribute",
"slimSubmode": "keyword special",
"closeAttributeTag": null,
"slimDoctype": null,
"lineContinuation": null
};
var closing = {
"{": "}",
"[": "]",
"(": ")"
};
var nameStartChar = "_a-zA-Z\xC0-\xD6\xD8-\xF6\xF8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD";
var nameChar = nameStartChar + "\\-0-9\xB7\u0300-\u036F\u203F-\u2040";
var nameRegexp = new RegExp("^[:"+nameStartChar+"](?::["+nameChar+"]|["+nameChar+"]*)");
var attributeNameRegexp = new RegExp("^[:"+nameStartChar+"][:\\."+nameChar+"]*(?=\\s*=)");
var wrappedAttributeNameRegexp = new RegExp("^[:"+nameStartChar+"][:\\."+nameChar+"]*");
var classNameRegexp = /^\.-?[_a-zA-Z]+[\w\-]*/;
var classIdRegexp = /^#[_a-zA-Z]+[\w\-]*/;
function backup(pos, tokenize, style) {
var restore = function(stream, state) {
state.tokenize = tokenize;
if (stream.pos < pos) {
stream.pos = pos;
return style;
}
return state.tokenize(stream, state);
};
return function(stream, state) {
state.tokenize = restore;
return tokenize(stream, state);
};
}
function maybeBackup(stream, state, pat, offset, style) {
var cur = stream.current();
var idx = cur.search(pat);
if (idx > -1) {
state.tokenize = backup(stream.pos, state.tokenize, style);
stream.backUp(cur.length - idx - offset);
}
return style;
}
function continueLine(state, column) {
state.stack = {
parent: state.stack,
style: "continuation",
indented: column,
tokenize: state.line
};
state.line = state.tokenize;
}
function finishContinue(state) {
if (state.line == state.tokenize) {
state.line = state.stack.tokenize;
state.stack = state.stack.parent;
}
}
function lineContinuable(column, tokenize) {
return function(stream, state) {
finishContinue(state);
if (stream.match(/^\\$/)) {
continueLine(state, column);
return "lineContinuation";
}
var style = tokenize(stream, state);
if (stream.eol() && stream.current().match(/(?:^|[^\\])(?:\\\\)*\\$/)) {
stream.backUp(1);
}
return style;
};
}
function commaContinuable(column, tokenize) {
return function(stream, state) {
finishContinue(state);
var style = tokenize(stream, state);
if (stream.eol() && stream.current().match(/,$/)) {
continueLine(state, column);
}
return style;
};
}
function rubyInQuote(endQuote, tokenize) {
// TODO: add multi line support
return function(stream, state) {
var ch = stream.peek();
if (ch == endQuote && state.rubyState.tokenize.length == 1) {
// step out of ruby context as it seems to complete processing all the braces
stream.next();
state.tokenize = tokenize;
return "closeAttributeTag";
} else {
return ruby(stream, state);
}
};
}
function startRubySplat(tokenize) {
var rubyState;
var runSplat = function(stream, state) {
if (state.rubyState.tokenize.length == 1 && !state.rubyState.context.prev) {
stream.backUp(1);
if (stream.eatSpace()) {
state.rubyState = rubyState;
state.tokenize = tokenize;
return tokenize(stream, state);
}
stream.next();
}
return ruby(stream, state);
};
return function(stream, state) {
rubyState = state.rubyState;
state.rubyState = CodeMirror.startState(rubyMode);
state.tokenize = runSplat;
return ruby(stream, state);
};
}
function ruby(stream, state) {
return rubyMode.token(stream, state.rubyState);
}
function htmlLine(stream, state) {
if (stream.match(/^\\$/)) {
return "lineContinuation";
}
return html(stream, state);
}
function html(stream, state) {
if (stream.match(/^#\{/)) {
state.tokenize = rubyInQuote("}", state.tokenize);
return null;
}
return maybeBackup(stream, state, /[^\\]#\{/, 1, htmlMode.token(stream, state.htmlState));
}
function startHtmlLine(lastTokenize) {
return function(stream, state) {
var style = htmlLine(stream, state);
if (stream.eol()) state.tokenize = lastTokenize;
return style;
};
}
function startHtmlMode(stream, state, offset) {
state.stack = {
parent: state.stack,
style: "html",
indented: stream.column() + offset, // pipe + space
tokenize: state.line
};
state.line = state.tokenize = html;
return null;
}
function comment(stream, state) {
stream.skipToEnd();
return state.stack.style;
}
function commentMode(stream, state) {
state.stack = {
parent: state.stack,
style: "comment",
indented: state.indented + 1,
tokenize: state.line
};
state.line = comment;
return comment(stream, state);
}
function attributeWrapper(stream, state) {
if (stream.eat(state.stack.endQuote)) {
state.line = state.stack.line;
state.tokenize = state.stack.tokenize;
state.stack = state.stack.parent;
return null;
}
if (stream.match(wrappedAttributeNameRegexp)) {
state.tokenize = attributeWrapperAssign;
return "slimAttribute";
}
stream.next();
return null;
}
function attributeWrapperAssign(stream, state) {
if (stream.match(/^==?/)) {
state.tokenize = attributeWrapperValue;
return null;
}
return attributeWrapper(stream, state);
}
function attributeWrapperValue(stream, state) {
var ch = stream.peek();
if (ch == '"' || ch == "\'") {
state.tokenize = readQuoted(ch, "string", true, false, attributeWrapper);
stream.next();
return state.tokenize(stream, state);
}
if (ch == '[') {
return startRubySplat(attributeWrapper)(stream, state);
}
if (stream.match(/^(true|false|nil)\b/)) {
state.tokenize = attributeWrapper;
return "keyword";
}
return startRubySplat(attributeWrapper)(stream, state);
}
function startAttributeWrapperMode(state, endQuote, tokenize) {
state.stack = {
parent: state.stack,
style: "wrapper",
indented: state.indented + 1,
tokenize: tokenize,
line: state.line,
endQuote: endQuote
};
state.line = state.tokenize = attributeWrapper;
return null;
}
function sub(stream, state) {
if (stream.match(/^#\{/)) {
state.tokenize = rubyInQuote("}", state.tokenize);
return null;
}
var subStream = new CodeMirror.StringStream(stream.string.slice(state.stack.indented), stream.tabSize);
subStream.pos = stream.pos - state.stack.indented;
subStream.start = stream.start - state.stack.indented;
subStream.lastColumnPos = stream.lastColumnPos - state.stack.indented;
subStream.lastColumnValue = stream.lastColumnValue - state.stack.indented;
var style = state.subMode.token(subStream, state.subState);
stream.pos = subStream.pos + state.stack.indented;
return style;
}
function firstSub(stream, state) {
state.stack.indented = stream.column();
state.line = state.tokenize = sub;
return state.tokenize(stream, state);
}
function createMode(mode) {
var query = embedded[mode];
var spec = CodeMirror.mimeModes[query];
if (spec) {
return CodeMirror.getMode(config, spec);
}
var factory = CodeMirror.modes[query];
if (factory) {
return factory(config, {name: query});
}
return CodeMirror.getMode(config, "null");
}
function getMode(mode) {
if (!modes.hasOwnProperty(mode)) {
return modes[mode] = createMode(mode);
}
return modes[mode];
}
function startSubMode(mode, state) {
var subMode = getMode(mode);
var subState = CodeMirror.startState(subMode);
state.subMode = subMode;
state.subState = subState;
state.stack = {
parent: state.stack,
style: "sub",
indented: state.indented + 1,
tokenize: state.line
};
state.line = state.tokenize = firstSub;
return "slimSubmode";
}
function doctypeLine(stream, _state) {
stream.skipToEnd();
return "slimDoctype";
}
function startLine(stream, state) {
var ch = stream.peek();
if (ch == '<') {
return (state.tokenize = startHtmlLine(state.tokenize))(stream, state);
}
if (stream.match(/^[|']/)) {
return startHtmlMode(stream, state, 1);
}
if (stream.match(/^\/(!|\[\w+])?/)) {
return commentMode(stream, state);
}
if (stream.match(/^(-|==?[<>]?)/)) {
state.tokenize = lineContinuable(stream.column(), commaContinuable(stream.column(), ruby));
return "slimSwitch";
}
if (stream.match(/^doctype\b/)) {
state.tokenize = doctypeLine;
return "keyword";
}
var m = stream.match(embeddedRegexp);
if (m) {
return startSubMode(m[1], state);
}
return slimTag(stream, state);
}
function slim(stream, state) {
if (state.startOfLine) {
return startLine(stream, state);
}
return slimTag(stream, state);
}
function slimTag(stream, state) {
if (stream.eat('*')) {
state.tokenize = startRubySplat(slimTagExtras);
return null;
}
if (stream.match(nameRegexp)) {
state.tokenize = slimTagExtras;
return "slimTag";
}
return slimClass(stream, state);
}
function slimTagExtras(stream, state) {
if (stream.match(/^(<>?|><?)/)) {
state.tokenize = slimClass;
return null;
}
return slimClass(stream, state);
}
function slimClass(stream, state) {
if (stream.match(classIdRegexp)) {
state.tokenize = slimClass;
return "slimId";
}
if (stream.match(classNameRegexp)) {
state.tokenize = slimClass;
return "slimClass";
}
return slimAttribute(stream, state);
}
function slimAttribute(stream, state) {
if (stream.match(/^([\[\{\(])/)) {
return startAttributeWrapperMode(state, closing[RegExp.$1], slimAttribute);
}
if (stream.match(attributeNameRegexp)) {
state.tokenize = slimAttributeAssign;
return "slimAttribute";
}
if (stream.peek() == '*') {
stream.next();
state.tokenize = startRubySplat(slimContent);
return null;
}
return slimContent(stream, state);
}
function slimAttributeAssign(stream, state) {
if (stream.match(/^==?/)) {
state.tokenize = slimAttributeValue;
return null;
}
// should never happen, because of forward lookup
return slimAttribute(stream, state);
}
function slimAttributeValue(stream, state) {
var ch = stream.peek();
if (ch == '"' || ch == "\'") {
state.tokenize = readQuoted(ch, "string", true, false, slimAttribute);
stream.next();
return state.tokenize(stream, state);
}
if (ch == '[') {
return startRubySplat(slimAttribute)(stream, state);
}
if (ch == ':') {
return startRubySplat(slimAttributeSymbols)(stream, state);
}
if (stream.match(/^(true|false|nil)\b/)) {
state.tokenize = slimAttribute;
return "keyword";
}
return startRubySplat(slimAttribute)(stream, state);
}
function slimAttributeSymbols(stream, state) {
stream.backUp(1);
if (stream.match(/^[^\s],(?=:)/)) {
state.tokenize = startRubySplat(slimAttributeSymbols);
return null;
}
stream.next();
return slimAttribute(stream, state);
}
function readQuoted(quote, style, embed, unescaped, nextTokenize) {
return function(stream, state) {
finishContinue(state);
var fresh = stream.current().length == 0;
if (stream.match(/^\\$/, fresh)) {
if (!fresh) return style;
continueLine(state, state.indented);
return "lineContinuation";
}
if (stream.match(/^#\{/, fresh)) {
if (!fresh) return style;
state.tokenize = rubyInQuote("}", state.tokenize);
return null;
}
var escaped = false, ch;
while ((ch = stream.next()) != null) {
if (ch == quote && (unescaped || !escaped)) {
state.tokenize = nextTokenize;
break;
}
if (embed && ch == "#" && !escaped) {
if (stream.eat("{")) {
stream.backUp(2);
break;
}
}
escaped = !escaped && ch == "\\";
}
if (stream.eol() && escaped) {
stream.backUp(1);
}
return style;
};
}
function slimContent(stream, state) {
if (stream.match(/^==?/)) {
state.tokenize = ruby;
return "slimSwitch";
}
if (stream.match(/^\/$/)) { // tag close hint
state.tokenize = slim;
return null;
}
if (stream.match(/^:/)) { // inline tag
state.tokenize = slimTag;
return "slimSwitch";
}
startHtmlMode(stream, state, 0);
return state.tokenize(stream, state);
}
var mode = {
// default to html mode
startState: function() {
var htmlState = CodeMirror.startState(htmlMode);
var rubyState = CodeMirror.startState(rubyMode);
return {
htmlState: htmlState,
rubyState: rubyState,
stack: null,
last: null,
tokenize: slim,
line: slim,
indented: 0
};
},
copyState: function(state) {
return {
htmlState : CodeMirror.copyState(htmlMode, state.htmlState),
rubyState: CodeMirror.copyState(rubyMode, state.rubyState),
subMode: state.subMode,
subState: state.subMode && CodeMirror.copyState(state.subMode, state.subState),
stack: state.stack,
last: state.last,
tokenize: state.tokenize,
line: state.line
};
},
token: function(stream, state) {
if (stream.sol()) {
state.indented = stream.indentation();
state.startOfLine = true;
state.tokenize = state.line;
while (state.stack && state.stack.indented > state.indented && state.last != "slimSubmode") {
state.line = state.tokenize = state.stack.tokenize;
state.stack = state.stack.parent;
state.subMode = null;
state.subState = null;
}
}
if (stream.eatSpace()) return null;
var style = state.tokenize(stream, state);
state.startOfLine = false;
if (style) state.last = style;
return styleMap.hasOwnProperty(style) ? styleMap[style] : style;
},
blankLine: function(state) {
if (state.subMode && state.subMode.blankLine) {
return state.subMode.blankLine(state.subState);
}
},
innerMode: function(state) {
if (state.subMode) return {state: state.subState, mode: state.subMode};
return {state: state, mode: mode};
}
//indent: function(state) {
// return state.indented;
//}
};
return mode;
}, "htmlmixed", "ruby");
CodeMirror.defineMIME("text/x-slim", "slim");
CodeMirror.defineMIME("application/x-slim", "slim");
});