| 1 |
// CodeMirror, copyright (c) by Marijn Haverbeke and others |
| 2 |
// Distributed under an MIT license: https://codemirror.net/LICENSE |
| 3 |
|
| 4 |
(function(mod) { |
| 5 |
if (typeof exports == "object" && typeof module == "object") // CommonJS |
| 6 |
mod(require("../../lib/codemirror"), require("../xml/xml"), require("../javascript/javascript"), require("../css/css")); |
| 7 |
else if (typeof define == "function" && define.amd) // AMD |
| 8 |
define(["../../lib/codemirror", "../xml/xml", "../javascript/javascript", "../css/css"], mod); |
| 9 |
else // Plain browser env |
| 10 |
mod(CodeMirror); |
| 11 |
})(function(CodeMirror) { |
| 12 |
"use strict"; |
| 13 |
|
| 14 |
var defaultTags = { |
| 15 |
script: [ |
| 16 |
["lang", /(javascript|babel)/i, "javascript"], |
| 17 |
["type", /^(?:text|application)\/(?:x-)?(?:java|ecma)script$|^module$|^$/i, "javascript"], |
| 18 |
["type", /./, "text/plain"], |
| 19 |
[null, null, "javascript"] |
| 20 |
], |
| 21 |
style: [ |
| 22 |
["lang", /^css$/i, "css"], |
| 23 |
["type", /^(text\/)?(x-)?(stylesheet|css)$/i, "css"], |
| 24 |
["type", /./, "text/plain"], |
| 25 |
[null, null, "css"] |
| 26 |
] |
| 27 |
}; |
| 28 |
|
| 29 |
function maybeBackup(stream, pat, style) { |
| 30 |
var cur = stream.current(), close = cur.search(pat); |
| 31 |
if (close > -1) { |
| 32 |
stream.backUp(cur.length - close); |
| 33 |
} else if (cur.match(/<\/?$/)) { |
| 34 |
stream.backUp(cur.length); |
| 35 |
if (!stream.match(pat, false)) stream.match(cur); |
| 36 |
} |
| 37 |
return style; |
| 38 |
} |
| 39 |
|
| 40 |
var attrRegexpCache = {}; |
| 41 |
function getAttrRegexp(attr) { |
| 42 |
var regexp = attrRegexpCache[attr]; |
| 43 |
if (regexp) return regexp; |
| 44 |
return attrRegexpCache[attr] = new RegExp("\\s+" + attr + "\\s*=\\s*('|\")?([^'\"]+)('|\")?\\s*"); |
| 45 |
} |
| 46 |
|
| 47 |
function getAttrValue(text, attr) { |
| 48 |
var match = text.match(getAttrRegexp(attr)) |
| 49 |
return match ? /^\s*(.*?)\s*$/.exec(match[2])[1] : "" |
| 50 |
} |
| 51 |
|
| 52 |
function getTagRegexp(tagName, anchored) { |
| 53 |
return new RegExp((anchored ? "^" : "") + "<\/\s*" + tagName + "\s*>", "i"); |
| 54 |
} |
| 55 |
|
| 56 |
function addTags(from, to) { |
| 57 |
for (var tag in from) { |
| 58 |
var dest = to[tag] || (to[tag] = []); |
| 59 |
var source = from[tag]; |
| 60 |
for (var i = source.length - 1; i >= 0; i--) |
| 61 |
dest.unshift(source[i]) |
| 62 |
} |
| 63 |
} |
| 64 |
|
| 65 |
function findMatchingMode(tagInfo, tagText) { |
| 66 |
for (var i = 0; i < tagInfo.length; i++) { |
| 67 |
var spec = tagInfo[i]; |
| 68 |
if (!spec[0] || spec[1].test(getAttrValue(tagText, spec[0]))) return spec[2]; |
| 69 |
} |
| 70 |
} |
| 71 |
|
| 72 |
CodeMirror.defineMode("htmlmixed", function (config, parserConfig) { |
| 73 |
var htmlMode = CodeMirror.getMode(config, { |
| 74 |
name: "xml", |
| 75 |
htmlMode: true, |
| 76 |
multilineTagIndentFactor: parserConfig.multilineTagIndentFactor, |
| 77 |
multilineTagIndentPastTag: parserConfig.multilineTagIndentPastTag, |
| 78 |
allowMissingTagName: parserConfig.allowMissingTagName, |
| 79 |
}); |
| 80 |
|
| 81 |
var tags = {}; |
| 82 |
var configTags = parserConfig && parserConfig.tags, configScript = parserConfig && parserConfig.scriptTypes; |
| 83 |
addTags(defaultTags, tags); |
| 84 |
if (configTags) addTags(configTags, tags); |
| 85 |
if (configScript) for (var i = configScript.length - 1; i >= 0; i--) |
| 86 |
tags.script.unshift(["type", configScript[i].matches, configScript[i].mode]) |
| 87 |
|
| 88 |
function html(stream, state) { |
| 89 |
var style = htmlMode.token(stream, state.htmlState), tag = /\btag\b/.test(style), tagName |
| 90 |
if (tag && !/[<>\s\/]/.test(stream.current()) && |
| 91 |
(tagName = state.htmlState.tagName && state.htmlState.tagName.toLowerCase()) && |
| 92 |
tags.hasOwnProperty(tagName)) { |
| 93 |
state.inTag = tagName + " " |
| 94 |
} else if (state.inTag && tag && />$/.test(stream.current())) { |
| 95 |
var inTag = /^([\S]+) (.*)/.exec(state.inTag) |
| 96 |
state.inTag = null |
| 97 |
var modeSpec = stream.current() == ">" && findMatchingMode(tags[inTag[1]], inTag[2]) |
| 98 |
var mode = CodeMirror.getMode(config, modeSpec) |
| 99 |
var endTagA = getTagRegexp(inTag[1], true), endTag = getTagRegexp(inTag[1], false); |
| 100 |
state.token = function (stream, state) { |
| 101 |
if (stream.match(endTagA, false)) { |
| 102 |
state.token = html; |
| 103 |
state.localState = state.localMode = null; |
| 104 |
return null; |
| 105 |
} |
| 106 |
return maybeBackup(stream, endTag, state.localMode.token(stream, state.localState)); |
| 107 |
}; |
| 108 |
state.localMode = mode; |
| 109 |
state.localState = CodeMirror.startState(mode, htmlMode.indent(state.htmlState, "", "")); |
| 110 |
} else if (state.inTag) { |
| 111 |
state.inTag += stream.current() |
| 112 |
if (stream.eol()) state.inTag += " " |
| 113 |
} |
| 114 |
return style; |
| 115 |
}; |
| 116 |
|
| 117 |
return { |
| 118 |
startState: function () { |
| 119 |
var state = CodeMirror.startState(htmlMode); |
| 120 |
return {token: html, inTag: null, localMode: null, localState: null, htmlState: state}; |
| 121 |
}, |
| 122 |
|
| 123 |
copyState: function (state) { |
| 124 |
var local; |
| 125 |
if (state.localState) { |
| 126 |
local = CodeMirror.copyState(state.localMode, state.localState); |
| 127 |
} |
| 128 |
return {token: state.token, inTag: state.inTag, |
| 129 |
localMode: state.localMode, localState: local, |
| 130 |
htmlState: CodeMirror.copyState(htmlMode, state.htmlState)}; |
| 131 |
}, |
| 132 |
|
| 133 |
token: function (stream, state) { |
| 134 |
return state.token(stream, state); |
| 135 |
}, |
| 136 |
|
| 137 |
indent: function (state, textAfter, line) { |
| 138 |
if (!state.localMode || /^\s*<\//.test(textAfter)) |
| 139 |
return htmlMode.indent(state.htmlState, textAfter, line); |
| 140 |
else if (state.localMode.indent) |
| 141 |
return state.localMode.indent(state.localState, textAfter, line); |
| 142 |
else |
| 143 |
return CodeMirror.Pass; |
| 144 |
}, |
| 145 |
|
| 146 |
innerMode: function (state) { |
| 147 |
return {state: state.localState || state.htmlState, mode: state.localMode || htmlMode}; |
| 148 |
} |
| 149 |
}; |
| 150 |
}, "xml", "javascript", "css"); |
| 151 |
|
| 152 |
CodeMirror.defineMIME("text/html", "htmlmixed"); |
| 153 |
}); |
| 154 |
|
