Implement CSS `display: flow-root` (modern clearfix)
[WebKit-https.git] / Source / WebInspectorUI / UserInterface / External / CodeMirror / jsx.js
1 // CodeMirror, copyright (c) by Marijn Haverbeke and others
2 // Distributed under an MIT license: http://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 });