// CodeMirror, copyright (c) by Marijn Haverbeke and others // Distributed under an MIT license: https://codemirror.net/LICENSE ;(function (mod) { if (typeof exports == 'object' && typeof module == 'object') // CommonJS mod(require('../../lib/codemirror'), require('../javascript/javascript'), require('../css/css'), require('../htmlmixed/htmlmixed')) else if (typeof define == 'function' && define.amd) // AMD define(['../../lib/codemirror', '../javascript/javascript', '../css/css', '../htmlmixed/htmlmixed'], mod) // Plain browser env else mod(CodeMirror) })(function (CodeMirror) { 'use strict' CodeMirror.defineMode( 'pug', function (config) { // token types var KEYWORD = 'keyword' var DOCTYPE = 'meta' var ID = 'builtin' var CLASS = 'qualifier' var ATTRS_NEST = { '{': '}', '(': ')', '[': ']', } var jsMode = CodeMirror.getMode(config, 'javascript') function State() { this.javaScriptLine = false this.javaScriptLineExcludesColon = false this.javaScriptArguments = false this.javaScriptArgumentsDepth = 0 this.isInterpolating = false this.interpolationNesting = 0 this.jsState = CodeMirror.startState(jsMode) this.restOfLine = '' this.isIncludeFiltered = false this.isEach = false this.lastTag = '' this.scriptType = '' // Attributes Mode this.isAttrs = false this.attrsNest = [] this.inAttributeName = true this.attributeIsType = false this.attrValue = '' // Indented Mode this.indentOf = Infinity this.indentToken = '' this.innerMode = null this.innerState = null this.innerModeForLine = false } /** * Safely copy a state * * @return {State} */ State.prototype.copy = function () { var res = new State() res.javaScriptLine = this.javaScriptLine res.javaScriptLineExcludesColon = this.javaScriptLineExcludesColon res.javaScriptArguments = this.javaScriptArguments res.javaScriptArgumentsDepth = this.javaScriptArgumentsDepth res.isInterpolating = this.isInterpolating res.interpolationNesting = this.interpolationNesting res.jsState = CodeMirror.copyState(jsMode, this.jsState) res.innerMode = this.innerMode if (this.innerMode && this.innerState) { res.innerState = CodeMirror.copyState(this.innerMode, this.innerState) } res.restOfLine = this.restOfLine res.isIncludeFiltered = this.isIncludeFiltered res.isEach = this.isEach res.lastTag = this.lastTag res.scriptType = this.scriptType res.isAttrs = this.isAttrs res.attrsNest = this.attrsNest.slice() res.inAttributeName = this.inAttributeName res.attributeIsType = this.attributeIsType res.attrValue = this.attrValue res.indentOf = this.indentOf res.indentToken = this.indentToken res.innerModeForLine = this.innerModeForLine return res } function javaScript(stream, state) { if (stream.sol()) { // if javaScriptLine was set at end of line, ignore it state.javaScriptLine = false state.javaScriptLineExcludesColon = false } if (state.javaScriptLine) { if (state.javaScriptLineExcludesColon && stream.peek() === ':') { state.javaScriptLine = false state.javaScriptLineExcludesColon = false return } var tok = jsMode.token(stream, state.jsState) if (stream.eol()) state.javaScriptLine = false return tok || true } } function javaScriptArguments(stream, state) { if (state.javaScriptArguments) { if (state.javaScriptArgumentsDepth === 0 && stream.peek() !== '(') { state.javaScriptArguments = false return } if (stream.peek() === '(') { state.javaScriptArgumentsDepth++ } else if (stream.peek() === ')') { state.javaScriptArgumentsDepth-- } if (state.javaScriptArgumentsDepth === 0) { state.javaScriptArguments = false return } var tok = jsMode.token(stream, state.jsState) return tok || true } } function yieldStatement(stream) { if (stream.match(/^yield\b/)) { return 'keyword' } } function doctype(stream) { if (stream.match(/^(?:doctype) *([^\n]+)?/)) { return DOCTYPE } } function interpolation(stream, state) { if (stream.match('#{')) { state.isInterpolating = true state.interpolationNesting = 0 return 'punctuation' } } function interpolationContinued(stream, state) { if (state.isInterpolating) { if (stream.peek() === '}') { state.interpolationNesting-- if (state.interpolationNesting < 0) { stream.next() state.isInterpolating = false return 'punctuation' } } else if (stream.peek() === '{') { state.interpolationNesting++ } return jsMode.token(stream, state.jsState) || true } } function caseStatement(stream, state) { if (stream.match(/^case\b/)) { state.javaScriptLine = true return KEYWORD } } function when(stream, state) { if (stream.match(/^when\b/)) { state.javaScriptLine = true state.javaScriptLineExcludesColon = true return KEYWORD } } function defaultStatement(stream) { if (stream.match(/^default\b/)) { return KEYWORD } } function extendsStatement(stream, state) { if (stream.match(/^extends?\b/)) { state.restOfLine = 'string' return KEYWORD } } function append(stream, state) { if (stream.match(/^append\b/)) { state.restOfLine = 'variable' return KEYWORD } } function prepend(stream, state) { if (stream.match(/^prepend\b/)) { state.restOfLine = 'variable' return KEYWORD } } function block(stream, state) { if (stream.match(/^block\b *(?:(prepend|append)\b)?/)) { state.restOfLine = 'variable' return KEYWORD } } function include(stream, state) { if (stream.match(/^include\b/)) { state.restOfLine = 'string' return KEYWORD } } function includeFiltered(stream, state) { if (stream.match(/^include:([a-zA-Z0-9\-]+)/, false) && stream.match('include')) { state.isIncludeFiltered = true return KEYWORD } } function includeFilteredContinued(stream, state) { if (state.isIncludeFiltered) { var tok = filter(stream, state) state.isIncludeFiltered = false state.restOfLine = 'string' return tok } } function mixin(stream, state) { if (stream.match(/^mixin\b/)) { state.javaScriptLine = true return KEYWORD } } function call(stream, state) { if (stream.match(/^\+([-\w]+)/)) { if (!stream.match(/^\( *[-\w]+ *=/, false)) { state.javaScriptArguments = true state.javaScriptArgumentsDepth = 0 } return 'variable' } if (stream.match('+#{', false)) { stream.next() state.mixinCallAfter = true return interpolation(stream, state) } } function callArguments(stream, state) { if (state.mixinCallAfter) { state.mixinCallAfter = false if (!stream.match(/^\( *[-\w]+ *=/, false)) { state.javaScriptArguments = true state.javaScriptArgumentsDepth = 0 } return true } } function conditional(stream, state) { if (stream.match(/^(if|unless|else if|else)\b/)) { state.javaScriptLine = true return KEYWORD } } function each(stream, state) { if (stream.match(/^(- *)?(each|for)\b/)) { state.isEach = true return KEYWORD } } function eachContinued(stream, state) { if (state.isEach) { if (stream.match(/^ in\b/)) { state.javaScriptLine = true state.isEach = false return KEYWORD } else if (stream.sol() || stream.eol()) { state.isEach = false } else if (stream.next()) { while (!stream.match(/^ in\b/, false) && stream.next()); return 'variable' } } } function whileStatement(stream, state) { if (stream.match(/^while\b/)) { state.javaScriptLine = true return KEYWORD } } function tag(stream, state) { var captures if ((captures = stream.match(/^(\w(?:[-:\w]*\w)?)\/?/))) { state.lastTag = captures[1].toLowerCase() if (state.lastTag === 'script') { state.scriptType = 'application/javascript' } return 'tag' } } function filter(stream, state) { if (stream.match(/^:([\w\-]+)/)) { var innerMode if (config && config.innerModes) { innerMode = config.innerModes(stream.current().substring(1)) } if (!innerMode) { innerMode = stream.current().substring(1) } if (typeof innerMode === 'string') { innerMode = CodeMirror.getMode(config, innerMode) } setInnerMode(stream, state, innerMode) return 'atom' } } function code(stream, state) { if (stream.match(/^(!?=|-)/)) { state.javaScriptLine = true return 'punctuation' } } function id(stream) { if (stream.match(/^#([\w-]+)/)) { return ID } } function className(stream) { if (stream.match(/^\.([\w-]+)/)) { return CLASS } } function attrs(stream, state) { if (stream.peek() == '(') { stream.next() state.isAttrs = true state.attrsNest = [] state.inAttributeName = true state.attrValue = '' state.attributeIsType = false return 'punctuation' } } function attrsContinued(stream, state) { if (state.isAttrs) { if (ATTRS_NEST[stream.peek()]) { state.attrsNest.push(ATTRS_NEST[stream.peek()]) } if (state.attrsNest[state.attrsNest.length - 1] === stream.peek()) { state.attrsNest.pop() } else if (stream.eat(')')) { state.isAttrs = false return 'punctuation' } if (state.inAttributeName && stream.match(/^[^=,\)!]+/)) { if (stream.peek() === '=' || stream.peek() === '!') { state.inAttributeName = false state.jsState = CodeMirror.startState(jsMode) if (state.lastTag === 'script' && stream.current().trim().toLowerCase() === 'type') { state.attributeIsType = true } else { state.attributeIsType = false } } return 'attribute' } var tok = jsMode.token(stream, state.jsState) if (state.attributeIsType && tok === 'string') { state.scriptType = stream.current().toString() } if (state.attrsNest.length === 0 && (tok === 'string' || tok === 'variable' || tok === 'keyword')) { try { Function('', 'var x ' + state.attrValue.replace(/,\s*$/, '').replace(/^!/, '')) state.inAttributeName = true state.attrValue = '' stream.backUp(stream.current().length) return attrsContinued(stream, state) } catch (ex) { //not the end of an attribute } } state.attrValue += stream.current() return tok || true } } function attributesBlock(stream, state) { if (stream.match(/^&attributes\b/)) { state.javaScriptArguments = true state.javaScriptArgumentsDepth = 0 return 'keyword' } } function indent(stream) { if (stream.sol() && stream.eatSpace()) { return 'indent' } } function comment(stream, state) { if (stream.match(/^ *\/\/(-)?([^\n]*)/)) { state.indentOf = stream.indentation() state.indentToken = 'comment' return 'comment' } } function colon(stream) { if (stream.match(/^: */)) { return 'colon' } } function text(stream, state) { if (stream.match(/^(?:\| ?| )([^\n]+)/)) { return 'string' } if (stream.match(/^(<[^\n]*)/, false)) { // html string setInnerMode(stream, state, 'htmlmixed') state.innerModeForLine = true return innerMode(stream, state, true) } } function dot(stream, state) { if (stream.eat('.')) { var innerMode = null if (state.lastTag === 'script' && state.scriptType.toLowerCase().indexOf('javascript') != -1) { innerMode = state.scriptType.toLowerCase().replace(/"|'/g, '') } else if (state.lastTag === 'style') { innerMode = 'css' } setInnerMode(stream, state, innerMode) return 'dot' } } function fail(stream) { stream.next() return null } function setInnerMode(stream, state, mode) { mode = CodeMirror.mimeModes[mode] || mode mode = config.innerModes ? config.innerModes(mode) || mode : mode mode = CodeMirror.mimeModes[mode] || mode mode = CodeMirror.getMode(config, mode) state.indentOf = stream.indentation() if (mode && mode.name !== 'null') { state.innerMode = mode } else { state.indentToken = 'string' } } function innerMode(stream, state, force) { if (stream.indentation() > state.indentOf || (state.innerModeForLine && !stream.sol()) || force) { if (state.innerMode) { if (!state.innerState) { state.innerState = state.innerMode.startState ? CodeMirror.startState(state.innerMode, stream.indentation()) : {} } return stream.hideFirstChars(state.indentOf + 2, function () { return state.innerMode.token(stream, state.innerState) || true }) } else { stream.skipToEnd() return state.indentToken } } else if (stream.sol()) { state.indentOf = Infinity state.indentToken = null state.innerMode = null state.innerState = null } } function restOfLine(stream, state) { if (stream.sol()) { // if restOfLine was set at end of line, ignore it state.restOfLine = '' } if (state.restOfLine) { stream.skipToEnd() var tok = state.restOfLine state.restOfLine = '' return tok } } function startState() { return new State() } function copyState(state) { return state.copy() } /** * Get the next token in the stream * * @param {Stream} stream * @param {State} state */ function nextToken(stream, state) { var tok = innerMode(stream, state) || restOfLine(stream, state) || interpolationContinued(stream, state) || includeFilteredContinued(stream, state) || eachContinued(stream, state) || attrsContinued(stream, state) || javaScript(stream, state) || javaScriptArguments(stream, state) || callArguments(stream, state) || yieldStatement(stream) || doctype(stream) || interpolation(stream, state) || caseStatement(stream, state) || when(stream, state) || defaultStatement(stream) || extendsStatement(stream, state) || append(stream, state) || prepend(stream, state) || block(stream, state) || include(stream, state) || includeFiltered(stream, state) || mixin(stream, state) || call(stream, state) || conditional(stream, state) || each(stream, state) || whileStatement(stream, state) || tag(stream, state) || filter(stream, state) || code(stream, state) || id(stream) || className(stream) || attrs(stream, state) || attributesBlock(stream, state) || indent(stream) || text(stream, state) || comment(stream, state) || colon(stream) || dot(stream, state) || fail(stream) return tok === true ? null : tok } return { startState: startState, copyState: copyState, token: nextToken, } }, 'javascript', 'css', 'htmlmixed' ) CodeMirror.defineMIME('text/x-pug', 'pug') CodeMirror.defineMIME('text/x-jade', 'pug') })