[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"))
   7    else if (typeof define == "function" && define.amd) // AMD
   8      define(["../../lib/codemirror", "../xml/xml", "../javascript/javascript"], mod)
   9    else // Plain browser env
  10      mod(CodeMirror)
  11  })(function(CodeMirror) {
  12    "use strict"
  13  
  14    // Depth means the amount of open braces in JS context, in XML
  15    // context 0 means not in tag, 1 means in tag, and 2 means in tag
  16    // and js block comment.
  17    function Context(state, mode, depth, prev) {
  18      this.state = state; this.mode = mode; this.depth = depth; this.prev = prev
  19    }
  20  
  21    function copyContext(context) {
  22      return new Context(CodeMirror.copyState(context.mode, context.state),
  23                         context.mode,
  24                         context.depth,
  25                         context.prev && copyContext(context.prev))
  26    }
  27  
  28    CodeMirror.defineMode("jsx", function(config, modeConfig) {
  29      var xmlMode = CodeMirror.getMode(config, {name: "xml", allowMissing: true, multilineTagIndentPastTag: false, allowMissingTagName: true})
  30      var jsMode = CodeMirror.getMode(config, modeConfig && modeConfig.base || "javascript")
  31  
  32      function flatXMLIndent(state) {
  33        var tagName = state.tagName
  34        state.tagName = null
  35        var result = xmlMode.indent(state, "", "")
  36        state.tagName = tagName
  37        return result
  38      }
  39  
  40      function token(stream, state) {
  41        if (state.context.mode == xmlMode)
  42          return xmlToken(stream, state, state.context)
  43        else
  44          return jsToken(stream, state, state.context)
  45      }
  46  
  47      function xmlToken(stream, state, cx) {
  48        if (cx.depth == 2) { // Inside a JS /* */ comment
  49          if (stream.match(/^.*?\*\//)) cx.depth = 1
  50          else stream.skipToEnd()
  51          return "comment"
  52        }
  53  
  54        if (stream.peek() == "{") {
  55          xmlMode.skipAttribute(cx.state)
  56  
  57          var indent = flatXMLIndent(cx.state), xmlContext = cx.state.context
  58          // If JS starts on same line as tag
  59          if (xmlContext && stream.match(/^[^>]*>\s*$/, false)) {
  60            while (xmlContext.prev && !xmlContext.startOfLine)
  61              xmlContext = xmlContext.prev
  62            // If tag starts the line, use XML indentation level
  63            if (xmlContext.startOfLine) indent -= config.indentUnit
  64            // Else use JS indentation level
  65            else if (cx.prev.state.lexical) indent = cx.prev.state.lexical.indented
  66          // Else if inside of tag
  67          } else if (cx.depth == 1) {
  68            indent += config.indentUnit
  69          }
  70  
  71          state.context = new Context(CodeMirror.startState(jsMode, indent),
  72                                      jsMode, 0, state.context)
  73          return null
  74        }
  75  
  76        if (cx.depth == 1) { // Inside of tag
  77          if (stream.peek() == "<") { // Tag inside of tag
  78            xmlMode.skipAttribute(cx.state)
  79            state.context = new Context(CodeMirror.startState(xmlMode, flatXMLIndent(cx.state)),
  80                                        xmlMode, 0, state.context)
  81            return null
  82          } else if (stream.match("//")) {
  83            stream.skipToEnd()
  84            return "comment"
  85          } else if (stream.match("/*")) {
  86            cx.depth = 2
  87            return token(stream, state)
  88          }
  89        }
  90  
  91        var style = xmlMode.token(stream, cx.state), cur = stream.current(), stop
  92        if (/\btag\b/.test(style)) {
  93          if (/>$/.test(cur)) {
  94            if (cx.state.context) cx.depth = 0
  95            else state.context = state.context.prev
  96          } else if (/^</.test(cur)) {
  97            cx.depth = 1
  98          }
  99        } else if (!style && (stop = cur.indexOf("{")) > -1) {
 100          stream.backUp(cur.length - stop)
 101        }
 102        return style
 103      }
 104  
 105      function jsToken(stream, state, cx) {
 106        if (stream.peek() == "<" && jsMode.expressionAllowed(stream, cx.state)) {
 107          state.context = new Context(CodeMirror.startState(xmlMode, jsMode.indent(cx.state, "", "")),
 108                                      xmlMode, 0, state.context)
 109          jsMode.skipExpression(cx.state)
 110          return null
 111        }
 112  
 113        var style = jsMode.token(stream, cx.state)
 114        if (!style && cx.depth != null) {
 115          var cur = stream.current()
 116          if (cur == "{") {
 117            cx.depth++
 118          } else if (cur == "}") {
 119            if (--cx.depth == 0) state.context = state.context.prev
 120          }
 121        }
 122        return style
 123      }
 124  
 125      return {
 126        startState: function() {
 127          return {context: new Context(CodeMirror.startState(jsMode), jsMode)}
 128        },
 129  
 130        copyState: function(state) {
 131          return {context: copyContext(state.context)}
 132        },
 133  
 134        token: token,
 135  
 136        indent: function(state, textAfter, fullLine) {
 137          return state.context.mode.indent(state.context.state, textAfter, fullLine)
 138        },
 139  
 140        innerMode: function(state) {
 141          return state.context
 142        }
 143      }
 144    }, "xml", "javascript")
 145  
 146    CodeMirror.defineMIME("text/jsx", "jsx")
 147    CodeMirror.defineMIME("text/typescript-jsx", {name: "jsx", base: {name: "javascript", typescript: true}})
 148  });