pro-docs/libs/codemirror/mode/pug/pug.js

// 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')
})