File modules/editor/codemirror/mode/jsx/jsx.js

Last commit: Sun Dec 17 01:14:09 2017 +0100	Jan Dankert	Integration eines weiteren Code-Editors: Codemirror. Demnächst müssen wir hier mal aufräumen und andere Editoren rauswerfen.


     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})
    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 });



Download modules/editor/codemirror/mode/jsx/jsx.js


History
Sun, 17 Dec 2017 01:14:09 +0100	Jan Dankert	Integration eines weiteren Code-Editors: Codemirror. Demnächst müssen wir hier mal aufräumen und andere Editoren rauswerfen.