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"))
  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        jsMode.skipExpression(cx.state)
108        state.context = new Context(CodeMirror.startState(xmlMode, jsMode.indent(cx.state, "", "")),
109                                    xmlMode, 0, state.context)
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});