@openui5/sap.ui.codeeditor 1.94.0 → 1.97.0

package/src/sap/ui/codeeditor/js/ace/css/theme/twilight.css

@@ -0,0 +1,100 @@
+.ace-twilight .ace_gutter {
+background: #232323;
+color: #E2E2E2
+}
+.ace-twilight .ace_print-margin {
+width: 1px;
+background: #232323
+}
+.ace-twilight {
+background-color: #141414;
+color: #F8F8F8
+}
+.ace-twilight .ace_cursor {
+color: #A7A7A7
+}
+.ace-twilight .ace_marker-layer .ace_selection {
+background: rgba(221, 240, 255, 0.20)
+}
+.ace-twilight.ace_multiselect .ace_selection.ace_start {
+box-shadow: 0 0 3px 0px #141414;
+}
+.ace-twilight .ace_marker-layer .ace_step {
+background: rgb(102, 82, 0)
+}
+.ace-twilight .ace_marker-layer .ace_bracket {
+margin: -1px 0 0 -1px;
+border: 1px solid rgba(255, 255, 255, 0.25)
+}
+.ace-twilight .ace_marker-layer .ace_active-line {
+background: rgba(255, 255, 255, 0.031)
+}
+.ace-twilight .ace_gutter-active-line {
+background-color: rgba(255, 255, 255, 0.031)
+}
+.ace-twilight .ace_marker-layer .ace_selected-word {
+border: 1px solid rgba(221, 240, 255, 0.20)
+}
+.ace-twilight .ace_invisible {
+color: rgba(255, 255, 255, 0.25)
+}
+.ace-twilight .ace_keyword,
+.ace-twilight .ace_meta {
+color: #CDA869
+}
+.ace-twilight .ace_constant,
+.ace-twilight .ace_constant.ace_character,
+.ace-twilight .ace_constant.ace_character.ace_escape,
+.ace-twilight .ace_constant.ace_other,
+.ace-twilight .ace_heading,
+.ace-twilight .ace_markup.ace_heading,
+.ace-twilight .ace_support.ace_constant {
+color: #CF6A4C
+}
+.ace-twilight .ace_invalid.ace_illegal {
+color: #F8F8F8;
+background-color: rgba(86, 45, 86, 0.75)
+}
+.ace-twilight .ace_invalid.ace_deprecated {
+text-decoration: underline;
+font-style: italic;
+color: #D2A8A1
+}
+.ace-twilight .ace_support {
+color: #9B859D
+}
+.ace-twilight .ace_fold {
+background-color: #AC885B;
+border-color: #F8F8F8
+}
+.ace-twilight .ace_support.ace_function {
+color: #DAD085
+}
+.ace-twilight .ace_list,
+.ace-twilight .ace_markup.ace_list,
+.ace-twilight .ace_storage {
+color: #F9EE98
+}
+.ace-twilight .ace_entity.ace_name.ace_function,
+.ace-twilight .ace_meta.ace_tag {
+color: #AC885B
+}
+.ace-twilight .ace_string {
+color: #8F9D6A
+}
+.ace-twilight .ace_string.ace_regexp {
+color: #E9C062
+}
+.ace-twilight .ace_comment {
+font-style: italic;
+color: #5F5A60
+}
+.ace-twilight .ace_variable {
+color: #7587A6
+}
+.ace-twilight .ace_xml-pe {
+color: #494949
+}
+.ace-twilight .ace_indent-guide {
+background: url("../twilight-1.png") right repeat-y
+}

package/src/sap/ui/codeeditor/js/ace/css/theme/vibrant_ink.css

@@ -0,0 +1,86 @@
+.ace-vibrant-ink .ace_gutter {
+background: #1a1a1a;
+color: #BEBEBE
+}
+.ace-vibrant-ink .ace_print-margin {
+width: 1px;
+background: #1a1a1a
+}
+.ace-vibrant-ink {
+background-color: #0F0F0F;
+color: #FFFFFF
+}
+.ace-vibrant-ink .ace_cursor {
+color: #FFFFFF
+}
+.ace-vibrant-ink .ace_marker-layer .ace_selection {
+background: #6699CC
+}
+.ace-vibrant-ink.ace_multiselect .ace_selection.ace_start {
+box-shadow: 0 0 3px 0px #0F0F0F;
+}
+.ace-vibrant-ink .ace_marker-layer .ace_step {
+background: rgb(102, 82, 0)
+}
+.ace-vibrant-ink .ace_marker-layer .ace_bracket {
+margin: -1px 0 0 -1px;
+border: 1px solid #404040
+}
+.ace-vibrant-ink .ace_marker-layer .ace_active-line {
+background: #333333
+}
+.ace-vibrant-ink .ace_gutter-active-line {
+background-color: #333333
+}
+.ace-vibrant-ink .ace_marker-layer .ace_selected-word {
+border: 1px solid #6699CC
+}
+.ace-vibrant-ink .ace_invisible {
+color: #404040
+}
+.ace-vibrant-ink .ace_keyword,
+.ace-vibrant-ink .ace_meta {
+color: #FF6600
+}
+.ace-vibrant-ink .ace_constant,
+.ace-vibrant-ink .ace_constant.ace_character,
+.ace-vibrant-ink .ace_constant.ace_character.ace_escape,
+.ace-vibrant-ink .ace_constant.ace_other {
+color: #339999
+}
+.ace-vibrant-ink .ace_constant.ace_numeric {
+color: #99CC99
+}
+.ace-vibrant-ink .ace_invalid,
+.ace-vibrant-ink .ace_invalid.ace_deprecated {
+color: #CCFF33;
+background-color: #000000
+}
+.ace-vibrant-ink .ace_fold {
+background-color: #FFCC00;
+border-color: #FFFFFF
+}
+.ace-vibrant-ink .ace_entity.ace_name.ace_function,
+.ace-vibrant-ink .ace_support.ace_function,
+.ace-vibrant-ink .ace_variable {
+color: #FFCC00
+}
+.ace-vibrant-ink .ace_variable.ace_parameter {
+font-style: italic
+}
+.ace-vibrant-ink .ace_string {
+color: #66FF00
+}
+.ace-vibrant-ink .ace_string.ace_regexp {
+color: #44B4CC
+}
+.ace-vibrant-ink .ace_comment {
+color: #9933CC
+}
+.ace-vibrant-ink .ace_entity.ace_other.ace_attribute-name {
+font-style: italic;
+color: #99CC99
+}
+.ace-vibrant-ink .ace_indent-guide {
+background: url("../vibrant_ink-1.png") right repeat-y
+}

package/src/sap/ui/codeeditor/js/ace/css/theme/xcode.css

@@ -0,0 +1,80 @@
+
+.ace-xcode .ace_gutter {
+background: #e8e8e8;
+color: #333
+}
+.ace-xcode .ace_print-margin {
+width: 1px;
+background: #e8e8e8
+}
+.ace-xcode {
+background-color: #FFFFFF;
+color: #000000
+}
+.ace-xcode .ace_cursor {
+color: #000000
+}
+.ace-xcode .ace_marker-layer .ace_selection {
+background: #B5D5FF
+}
+.ace-xcode.ace_multiselect .ace_selection.ace_start {
+box-shadow: 0 0 3px 0px #FFFFFF;
+}
+.ace-xcode .ace_marker-layer .ace_step {
+background: rgb(198, 219, 174)
+}
+.ace-xcode .ace_marker-layer .ace_bracket {
+margin: -1px 0 0 -1px;
+border: 1px solid #BFBFBF
+}
+.ace-xcode .ace_marker-layer .ace_active-line {
+background: rgba(0, 0, 0, 0.071)
+}
+.ace-xcode .ace_gutter-active-line {
+background-color: rgba(0, 0, 0, 0.071)
+}
+.ace-xcode .ace_marker-layer .ace_selected-word {
+border: 1px solid #B5D5FF
+}
+.ace-xcode .ace_constant.ace_language,
+.ace-xcode .ace_keyword,
+.ace-xcode .ace_meta,
+.ace-xcode .ace_variable.ace_language {
+color: #C800A4
+}
+.ace-xcode .ace_invisible {
+color: #BFBFBF
+}
+.ace-xcode .ace_constant.ace_character,
+.ace-xcode .ace_constant.ace_other {
+color: #275A5E
+}
+.ace-xcode .ace_constant.ace_numeric {
+color: #3A00DC
+}
+.ace-xcode .ace_entity.ace_other.ace_attribute-name,
+.ace-xcode .ace_support.ace_constant,
+.ace-xcode .ace_support.ace_function {
+color: #450084
+}
+.ace-xcode .ace_fold {
+background-color: #C800A4;
+border-color: #000000
+}
+.ace-xcode .ace_entity.ace_name.ace_tag,
+.ace-xcode .ace_support.ace_class,
+.ace-xcode .ace_support.ace_type {
+color: #790EAD
+}
+.ace-xcode .ace_storage {
+color: #C900A4
+}
+.ace-xcode .ace_string {
+color: #DF0002
+}
+.ace-xcode .ace_comment {
+color: #008E00
+}
+.ace-xcode .ace_indent-guide {
+background: url("../xcode-1.png") right repeat-y
+}

package/src/sap/ui/codeeditor/js/ace/ext-beautify.js

@@ -1,4 +1,4 @@
-ace.define("ace/ext/beautify",["require","exports","module","ace/token_iterator"], function(require, exports, module) {
+ace.define("ace/ext/beautify",[], function(require, exports, module) {
 "use strict";
 var TokenIterator = require("../token_iterator").TokenIterator;
 
@@ -40,12 +40,13 @@ exports.beautify = function(session) {
     var inBlock = false;
     var levels = {0: 0};
     var parents = [];
+    var caseBody = false;
 
     var trimNext = function() {
         if (nextToken && nextToken.value && nextToken.type !== 'string.regexp')
-            nextToken.value = nextToken.value.trim();
+            nextToken.value = nextToken.value.replace(/^\s*/, "");
     };
-
+    
     var trimLine = function() {
         code = code.replace(/ +$/, "");
     };
@@ -201,6 +202,9 @@ exports.beautify = function(session) {
                     trimLine();
                     if(value === "/>")
                         spaceBefore = true;
+                } else if (token.type === "keyword" && value.match(/^(case|default)$/)) {
+                    if (caseBody)
+                        unindent = 1;
                 }
                 if (breakBefore && !(token.type.match(/^(comment)$/) && !value.substr(0, 1).match(/^[/#]$/)) && !(token.type.match(/^(string)$/) && !value.substr(0, 1).match(/^['"]$/))) {
 
@@ -229,16 +233,16 @@ exports.beautify = function(session) {
                         code += tabString;
                 }
 
-
                 if (token.type === "keyword" && value.match(/^(case|default)$/)) {
-                    parents[depth] = value;
-                    depth++;
-                }
-
-
-                if (token.type === "keyword" && value.match(/^(break)$/)) {
+                    if (caseBody === false) {
+                        parents[depth] = value;
+                        depth++;
+                        caseBody = true;
+                    }
+                } else if (token.type === "keyword" && value.match(/^(break)$/)) {
                     if(parents[depth-1] && parents[depth-1].match(/^(case|default)$/)) {
                         depth--;
+                        caseBody = false;
                     }
                 }
                 if (token.type === "paren.lparen") {
@@ -264,6 +268,9 @@ exports.beautify = function(session) {
                         }
                     }
                 }
+                
+                if (token.type == "text")
+                    value = value.replace(/\s+$/, " ");
                 if (spaceBefore && !breakBefore) {
                     trimLine();
                     if (code.substr(-1) !== "\n")

package/src/sap/ui/codeeditor/js/ace/ext-code_lens.js

@@ -0,0 +1,238 @@
+ace.define("ace/ext/code_lens",[], function(require, exports, module) {
+"use strict";
+var LineWidgets = require("../line_widgets").LineWidgets;
+var event = require("../lib/event");
+var lang = require("../lib/lang");
+var dom = require("../lib/dom");
+
+function clearLensElements(renderer) {
+    var textLayer = renderer.$textLayer;
+    var lensElements = textLayer.$lenses;
+    if (lensElements)
+        lensElements.forEach(function(el) {el.remove(); });
+    textLayer.$lenses = null;
+}
+
+function renderWidgets(changes, renderer) {
+    var changed = changes & renderer.CHANGE_LINES
+        || changes & renderer.CHANGE_FULL
+        || changes & renderer.CHANGE_SCROLL
+        || changes & renderer.CHANGE_TEXT;
+    if (!changed)
+        return;
+
+    var session = renderer.session;
+    var lineWidgets = renderer.session.lineWidgets;
+    var textLayer = renderer.$textLayer;
+    var lensElements = textLayer.$lenses;
+    if (!lineWidgets) {
+        if (lensElements)
+            clearLensElements(renderer);
+        return;
+    }
+
+    var textCells = renderer.$textLayer.$lines.cells;
+    var config = renderer.layerConfig;
+    var padding = renderer.$padding;
+
+    if (!lensElements)
+        lensElements = textLayer.$lenses = [];
+
+
+    var index = 0;
+    for (var i = 0; i < textCells.length; i++) {
+        var row = textCells[i].row;
+        var widget = lineWidgets[row];
+        var lenses = widget && widget.lenses;
+
+        if (!lenses || !lenses.length) continue;
+
+        var lensContainer = lensElements[index];
+        if (!lensContainer) {
+            lensContainer = lensElements[index]
+                = dom.buildDom(["div", {class: "ace_codeLens"}], renderer.container);
+        }
+        lensContainer.style.height = config.lineHeight + "px";
+        index++;
+
+        for (var j = 0; j < lenses.length; j++) {
+            var el = lensContainer.childNodes[2 * j];
+            if (!el) {
+                if (j != 0) lensContainer.appendChild(dom.createTextNode("\xa0|\xa0"));
+                el = dom.buildDom(["a"], lensContainer);
+            }
+            el.textContent = lenses[j].title;
+            el.lensCommand = lenses[j];
+        }
+        while (lensContainer.childNodes.length > 2 * j - 1)
+            lensContainer.lastChild.remove();
+
+        var top = renderer.$cursorLayer.getPixelPosition({
+            row: row,
+            column: 0
+        }, true).top - config.lineHeight * widget.rowsAbove - config.offset;
+        lensContainer.style.top = top + "px";
+
+        var left = renderer.gutterWidth;
+        var indent = session.getLine(row).search(/\S|$/);
+        if (indent == -1)
+            indent = 0;
+        left += indent * config.characterWidth;
+        left -= renderer.scrollLeft;
+        lensContainer.style.paddingLeft = padding + left + "px";
+    }
+    while (index < lensElements.length)
+        lensElements.pop().remove();
+}
+
+function clearCodeLensWidgets(session) {
+    if (!session.lineWidgets) return;
+    var widgetManager = session.widgetManager;
+    session.lineWidgets.forEach(function(widget) {
+        if (widget && widget.lenses)
+            widgetManager.removeLineWidget(widget);
+    });
+}
+
+exports.setLenses = function(session, lenses) {
+    var firstRow = Number.MAX_VALUE;
+
+    clearCodeLensWidgets(session);
+    lenses && lenses.forEach(function(lens) {
+        var row = lens.start.row;
+        var column = lens.start.column;
+        var widget = session.lineWidgets && session.lineWidgets[row];
+        if (!widget || !widget.lenses) {
+            widget = session.widgetManager.$registerLineWidget({
+                rowCount: 1,
+                rowsAbove: 1,
+                row: row,
+                column: column,
+                lenses: []
+            });
+        }
+        widget.lenses.push(lens.command);
+        if (row < firstRow)
+            firstRow = row;
+    });
+    session._emit("changeFold", {data: {start: {row: firstRow}}});
+};
+
+function attachToEditor(editor) {
+    editor.codeLensProviders = [];
+    editor.renderer.on("afterRender", renderWidgets);
+    if (!editor.$codeLensClickHandler) {
+        editor.$codeLensClickHandler = function(e) {
+            var command = e.target.lensCommand;
+            if (command)
+                editor.execCommand(command.id, command.arguments);
+        };
+        event.addListener(editor.container, "click", editor.$codeLensClickHandler, editor);
+    }
+    editor.$updateLenses = function() {
+        var session = editor.session;
+        if (!session) return;
+
+        if (!session.widgetManager) {
+            session.widgetManager = new LineWidgets(session);
+            session.widgetManager.attach(editor);
+        }
+
+        var providersToWaitNum = editor.codeLensProviders.length;
+        var lenses = [];
+        editor.codeLensProviders.forEach(function(provider) {
+            provider.provideCodeLenses(session, function(err, payload) {
+                if (err) return;
+                payload.forEach(function(lens) {
+                    lenses.push(lens);
+                });
+                providersToWaitNum--;
+                if (providersToWaitNum == 0) {
+                    applyLenses();
+                }
+            });
+        });
+
+        function applyLenses() {
+            var cursor = session.selection.cursor;
+            var oldRow = session.documentToScreenRow(cursor);
+            exports.setLenses(session, lenses);
+
+            var lastDelta = session.$undoManager && session.$undoManager.$lastDelta;
+            if (lastDelta && lastDelta.action == "remove" && lastDelta.lines.length > 1)
+                return;
+            var row = session.documentToScreenRow(cursor);
+            var lineHeight = editor.renderer.layerConfig.lineHeight;
+            var top = session.getScrollTop() + (row - oldRow) * lineHeight;
+            session.setScrollTop(top);
+        }
+    };
+    var updateLenses = lang.delayedCall(editor.$updateLenses);
+    editor.$updateLensesOnInput = function() {
+        updateLenses.delay(250);
+    };
+    editor.on("input", editor.$updateLensesOnInput);
+}
+
+function detachFromEditor(editor) {
+    editor.off("input", editor.$updateLensesOnInput);
+    editor.renderer.off("afterRender", renderWidgets);
+    if (editor.$codeLensClickHandler)
+        editor.container.removeEventListener("click", editor.$codeLensClickHandler);
+}
+
+exports.registerCodeLensProvider = function(editor, codeLensProvider) {
+    editor.setOption("enableCodeLens", true);
+    editor.codeLensProviders.push(codeLensProvider);
+    editor.$updateLensesOnInput();
+};
+
+exports.clear = function(session) {
+    exports.setLenses(session, null);
+};
+
+var Editor = require("../editor").Editor;
+require("../config").defineOptions(Editor.prototype, "editor", {
+    enableCodeLens: {
+        set: function(val) {
+            if (val) {
+                attachToEditor(this);
+            } else {
+                detachFromEditor(this);
+            }
+        }
+    }
+});
+
+dom.importCssString("\
+.ace_codeLens {\
+    position: absolute;\
+    color: #aaa;\
+    font-size: 88%;\
+    background: inherit;\
+    width: 100%;\
+    display: flex;\
+    align-items: flex-end;\
+    pointer-events: none;\
+}\
+.ace_codeLens > a {\
+    cursor: pointer;\
+    pointer-events: auto;\
+}\
+.ace_codeLens > a:hover {\
+    color: #0000ff;\
+    text-decoration: underline;\
+}\
+.ace_dark > .ace_codeLens > a:hover {\
+    color: #4e94ce;\
+}\
+", "codelense.css", false);
+
+});                (function() {
+                    ace.require(["ace/ext/code_lens"], function(m) {
+                        if (typeof module == "object" && typeof exports == "object" && module) {
+                            module.exports = m;
+                        }
+                    });
+                })();
+            

package/src/sap/ui/codeeditor/js/ace/ext-elastic_tabstops_lite.js

@@ -1,4 +1,4 @@
-ace.define("ace/ext/elastic_tabstops_lite",["require","exports","module","ace/editor","ace/config"], function(require, exports, module) {
+ace.define("ace/ext/elastic_tabstops_lite",[], function(require, exports, module) {
 "use strict";
 
 var ElasticTabstopsLite = function(editor) {