7
if (typeof exports == "object" && typeof module == "object")
8
mod(require("../../lib/codemirror"), require("../htmlmixed/htmlmixed"), require("../ruby/ruby"));
9
else if (typeof define == "function" && define.amd)
10
define(["../../lib/codemirror", "../htmlmixed/htmlmixed", "../ruby/ruby"], mod);
13
})(function(CodeMirror) {
16
CodeMirror.defineMode("slim", function(config) {
17
var htmlMode = CodeMirror.getMode(config, {name: "htmlmixed"});
18
var rubyMode = CodeMirror.getMode(config, "ruby");
19
var modes = { html: htmlMode, ruby: rubyMode };
22
javascript: "javascript",
28
coffee: "coffeescript",
29
asciidoc: "text/x-asciidoc",
30
markdown: "text/x-markdown",
31
textile: "text/x-textile",
32
creole: "text/x-creole",
34
mediawiki: "text/x-mediawiki",
36
builder: "text/x-builder",
37
nokogiri: "text/x-nokogiri",
38
erb: "application/x-erb"
40
var embeddedRegexp = function(map){
42
for(var key in map) arr.push(key);
43
return new RegExp("^("+arr.join('|')+"):");
47
"commentLine": "comment",
48
"slimSwitch": "operator special",
50
"slimId": "attribute def",
51
"slimClass": "attribute qualifier",
52
"slimAttribute": "attribute",
53
"slimSubmode": "keyword special",
54
"closeAttributeTag": null,
56
"lineContinuation": null
64
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";
65
var nameChar = nameStartChar + "\\-0-9\xB7\u0300-\u036F\u203F-\u2040";
66
var nameRegexp = new RegExp("^[:"+nameStartChar+"](?::["+nameChar+"]|["+nameChar+"]*)");
67
var attributeNameRegexp = new RegExp("^[:"+nameStartChar+"][:\\."+nameChar+"]*(?=\\s*=)");
68
var wrappedAttributeNameRegexp = new RegExp("^[:"+nameStartChar+"][:\\."+nameChar+"]*");
69
var classNameRegexp = /^\.-?[_a-zA-Z]+[\w\-]*/;
70
var classIdRegexp = /^#[_a-zA-Z]+[\w\-]*/;
72
function backup(pos, tokenize, style) {
73
var restore = function(stream, state) {
74
state.tokenize = tokenize;
75
if (stream.pos < pos) {
79
return state.tokenize(stream, state);
81
return function(stream, state) {
82
state.tokenize = restore;
83
return tokenize(stream, state);
87
function maybeBackup(stream, state, pat, offset, style) {
88
var cur = stream.current();
89
var idx = cur.search(pat);
91
state.tokenize = backup(stream.pos, state.tokenize, style);
92
stream.backUp(cur.length - idx - offset);
97
function continueLine(state, column) {
100
style: "continuation",
104
state.line = state.tokenize;
106
function finishContinue(state) {
107
if (state.line == state.tokenize) {
108
state.line = state.stack.tokenize;
109
state.stack = state.stack.parent;
113
function lineContinuable(column, tokenize) {
114
return function(stream, state) {
115
finishContinue(state);
116
if (stream.match(/^\\$/)) {
117
continueLine(state, column);
118
return "lineContinuation";
120
var style = tokenize(stream, state);
121
if (stream.eol() && stream.current().match(/(?:^|[^\\])(?:\\\\)*\\$/)) {
127
function commaContinuable(column, tokenize) {
128
return function(stream, state) {
129
finishContinue(state);
130
var style = tokenize(stream, state);
131
if (stream.eol() && stream.current().match(/,$/)) {
132
continueLine(state, column);
138
function rubyInQuote(endQuote, tokenize) {
140
return function(stream, state) {
141
var ch = stream.peek();
142
if (ch == endQuote && state.rubyState.tokenize.length == 1) {
145
state.tokenize = tokenize;
146
return "closeAttributeTag";
148
return ruby(stream, state);
152
function startRubySplat(tokenize) {
154
var runSplat = function(stream, state) {
155
if (state.rubyState.tokenize.length == 1 && !state.rubyState.context.prev) {
157
if (stream.eatSpace()) {
158
state.rubyState = rubyState;
159
state.tokenize = tokenize;
160
return tokenize(stream, state);
164
return ruby(stream, state);
166
return function(stream, state) {
167
rubyState = state.rubyState;
168
state.rubyState = CodeMirror.startState(rubyMode);
169
state.tokenize = runSplat;
170
return ruby(stream, state);
174
function ruby(stream, state) {
175
return rubyMode.token(stream, state.rubyState);
178
function htmlLine(stream, state) {
179
if (stream.match(/^\\$/)) {
180
return "lineContinuation";
182
return html(stream, state);
184
function html(stream, state) {
185
if (stream.match(/^#\{/)) {
186
state.tokenize = rubyInQuote("}", state.tokenize);
189
return maybeBackup(stream, state, /[^\\]#\{/, 1, htmlMode.token(stream, state.htmlState));
192
function startHtmlLine(lastTokenize) {
193
return function(stream, state) {
194
var style = htmlLine(stream, state);
195
if (stream.eol()) state.tokenize = lastTokenize;
200
function startHtmlMode(stream, state, offset) {
204
indented: stream.column() + offset,
207
state.line = state.tokenize = html;
211
function comment(stream, state) {
213
return state.stack.style;
216
function commentMode(stream, state) {
220
indented: state.indented + 1,
223
state.line = comment;
224
return comment(stream, state);
227
function attributeWrapper(stream, state) {
228
if (stream.eat(state.stack.endQuote)) {
229
state.line = state.stack.line;
230
state.tokenize = state.stack.tokenize;
231
state.stack = state.stack.parent;
234
if (stream.match(wrappedAttributeNameRegexp)) {
235
state.tokenize = attributeWrapperAssign;
236
return "slimAttribute";
241
function attributeWrapperAssign(stream, state) {
242
if (stream.match(/^==?/)) {
243
state.tokenize = attributeWrapperValue;
246
return attributeWrapper(stream, state);
248
function attributeWrapperValue(stream, state) {
249
var ch = stream.peek();
250
if (ch == '"' || ch == "\'") {
251
state.tokenize = readQuoted(ch, "string", true, false, attributeWrapper);
253
return state.tokenize(stream, state);
256
return startRubySplat(attributeWrapper)(stream, state);
258
if (stream.match(/^(true|false|nil)\b/)) {
259
state.tokenize = attributeWrapper;
262
return startRubySplat(attributeWrapper)(stream, state);
265
function startAttributeWrapperMode(state, endQuote, tokenize) {
269
indented: state.indented + 1,
274
state.line = state.tokenize = attributeWrapper;
278
function sub(stream, state) {
279
if (stream.match(/^#\{/)) {
280
state.tokenize = rubyInQuote("}", state.tokenize);
283
var subStream = new CodeMirror.StringStream(stream.string.slice(state.stack.indented), stream.tabSize);
284
subStream.pos = stream.pos - state.stack.indented;
285
subStream.start = stream.start - state.stack.indented;
286
subStream.lastColumnPos = stream.lastColumnPos - state.stack.indented;
287
subStream.lastColumnValue = stream.lastColumnValue - state.stack.indented;
288
var style = state.subMode.token(subStream, state.subState);
289
stream.pos = subStream.pos + state.stack.indented;
292
function firstSub(stream, state) {
293
state.stack.indented = stream.column();
294
state.line = state.tokenize = sub;
295
return state.tokenize(stream, state);
298
function createMode(mode) {
299
var query = embedded[mode];
300
var spec = CodeMirror.mimeModes[query];
302
return CodeMirror.getMode(config, spec);
304
var factory = CodeMirror.modes[query];
306
return factory(config, {name: query});
308
return CodeMirror.getMode(config, "null");
311
function getMode(mode) {
312
if (!modes.hasOwnProperty(mode)) {
313
return modes[mode] = createMode(mode);
318
function startSubMode(mode, state) {
319
var subMode = getMode(mode);
320
var subState = CodeMirror.startState(subMode);
322
state.subMode = subMode;
323
state.subState = subState;
328
indented: state.indented + 1,
331
state.line = state.tokenize = firstSub;
332
return "slimSubmode";
335
function doctypeLine(stream, _state) {
337
return "slimDoctype";
340
function startLine(stream, state) {
341
var ch = stream.peek();
343
return (state.tokenize = startHtmlLine(state.tokenize))(stream, state);
345
if (stream.match(/^[|']/)) {
346
return startHtmlMode(stream, state, 1);
348
if (stream.match(/^\/(!|\[\w+])?/)) {
349
return commentMode(stream, state);
351
if (stream.match(/^(-|==?[<>]?)/)) {
352
state.tokenize = lineContinuable(stream.column(), commaContinuable(stream.column(), ruby));
355
if (stream.match(/^doctype\b/)) {
356
state.tokenize = doctypeLine;
360
var m = stream.match(embeddedRegexp);
362
return startSubMode(m[1], state);
365
return slimTag(stream, state);
368
function slim(stream, state) {
369
if (state.startOfLine) {
370
return startLine(stream, state);
372
return slimTag(stream, state);
375
function slimTag(stream, state) {
376
if (stream.eat('*')) {
377
state.tokenize = startRubySplat(slimTagExtras);
380
if (stream.match(nameRegexp)) {
381
state.tokenize = slimTagExtras;
384
return slimClass(stream, state);
386
function slimTagExtras(stream, state) {
387
if (stream.match(/^(<>?|><?)/)) {
388
state.tokenize = slimClass;
391
return slimClass(stream, state);
393
function slimClass(stream, state) {
394
if (stream.match(classIdRegexp)) {
395
state.tokenize = slimClass;
398
if (stream.match(classNameRegexp)) {
399
state.tokenize = slimClass;
402
return slimAttribute(stream, state);
404
function slimAttribute(stream, state) {
405
if (stream.match(/^([\[\{\(])/)) {
406
return startAttributeWrapperMode(state, closing[RegExp.$1], slimAttribute);
408
if (stream.match(attributeNameRegexp)) {
409
state.tokenize = slimAttributeAssign;
410
return "slimAttribute";
412
if (stream.peek() == '*') {
414
state.tokenize = startRubySplat(slimContent);
417
return slimContent(stream, state);
419
function slimAttributeAssign(stream, state) {
420
if (stream.match(/^==?/)) {
421
state.tokenize = slimAttributeValue;
425
return slimAttribute(stream, state);
428
function slimAttributeValue(stream, state) {
429
var ch = stream.peek();
430
if (ch == '"' || ch == "\'") {
431
state.tokenize = readQuoted(ch, "string", true, false, slimAttribute);
433
return state.tokenize(stream, state);
436
return startRubySplat(slimAttribute)(stream, state);
439
return startRubySplat(slimAttributeSymbols)(stream, state);
441
if (stream.match(/^(true|false|nil)\b/)) {
442
state.tokenize = slimAttribute;
445
return startRubySplat(slimAttribute)(stream, state);
447
function slimAttributeSymbols(stream, state) {
449
if (stream.match(/^[^\s],(?=:)/)) {
450
state.tokenize = startRubySplat(slimAttributeSymbols);
454
return slimAttribute(stream, state);
456
function readQuoted(quote, style, embed, unescaped, nextTokenize) {
457
return function(stream, state) {
458
finishContinue(state);
459
var fresh = stream.current().length == 0;
460
if (stream.match(/^\\$/, fresh)) {
461
if (!fresh) return style;
462
continueLine(state, state.indented);
463
return "lineContinuation";
465
if (stream.match(/^#\{/, fresh)) {
466
if (!fresh) return style;
467
state.tokenize = rubyInQuote("}", state.tokenize);
470
var escaped = false, ch;
471
while ((ch = stream.next()) != null) {
472
if (ch == quote && (unescaped || !escaped)) {
473
state.tokenize = nextTokenize;
476
if (embed && ch == "#" && !escaped) {
477
if (stream.eat("{")) {
482
escaped = !escaped && ch == "\\";
484
if (stream.eol() && escaped) {
490
function slimContent(stream, state) {
491
if (stream.match(/^==?/)) {
492
state.tokenize = ruby;
495
if (stream.match(/^\/$/)) {
496
state.tokenize = slim;
499
if (stream.match(/^:/)) {
500
state.tokenize = slimTag;
503
startHtmlMode(stream, state, 0);
504
return state.tokenize(stream, state);
509
startState: function() {
510
var htmlState = CodeMirror.startState(htmlMode);
511
var rubyState = CodeMirror.startState(rubyMode);
513
htmlState: htmlState,
514
rubyState: rubyState,
523
copyState: function(state) {
525
htmlState : CodeMirror.copyState(htmlMode, state.htmlState),
526
rubyState: CodeMirror.copyState(rubyMode, state.rubyState),
527
subMode: state.subMode,
528
subState: state.subMode && CodeMirror.copyState(state.subMode, state.subState),
531
tokenize: state.tokenize,
536
token: function(stream, state) {
538
state.indented = stream.indentation();
539
state.startOfLine = true;
540
state.tokenize = state.line;
541
while (state.stack && state.stack.indented > state.indented && state.last != "slimSubmode") {
542
state.line = state.tokenize = state.stack.tokenize;
543
state.stack = state.stack.parent;
544
state.subMode = null;
545
state.subState = null;
548
if (stream.eatSpace()) return null;
549
var style = state.tokenize(stream, state);
550
state.startOfLine = false;
551
if (style) state.last = style;
552
return styleMap.hasOwnProperty(style) ? styleMap[style] : style;
555
blankLine: function(state) {
556
if (state.subMode && state.subMode.blankLine) {
557
return state.subMode.blankLine(state.subState);
561
innerMode: function(state) {
562
if (state.subMode) return {state: state.subState, mode: state.subMode};
563
return {state: state, mode: mode};
571
}, "htmlmixed", "ruby");
573
CodeMirror.defineMIME("text/x-slim", "slim");
574
CodeMirror.defineMIME("application/x-slim", "slim");