[Summary view] [Print] [Text view]

   1  // CodeMirror, copyright (c) by Marijn Haverbeke and others
   2  // Distributed under an MIT license: https://codemirror.net/5/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  });