define()

in frontend/src/assets/js/lib/ace/ext-searchbox.js [1:366]


define("ace/ext/searchbox", ["require", "exports", "module", "ace/lib/dom", "ace/lib/lang", "ace/lib/event", "ace/keyboard/hash_handler", "ace/lib/keys"], function (require, exports, module) {
    "use strict";

    var dom = require("../lib/dom");
    var lang = require("../lib/lang");
    var event = require("../lib/event");
    // var searchboxCss = "";
    var searchboxCss = "";
    $.ajax({
        async: false,
        url: "/assets/css/editor/ext-searchbox.min.css",
        dataType: "text",
        success: function (cssText) {
            searchboxCss = cssText;
        }
    });
    var HashHandler = require("../keyboard/hash_handler").HashHandler;
    var keyUtil = require("../lib/keys");

    var MAX_COUNT = 999;

    dom.importCssString(searchboxCss, "ace_searchbox", false);
    var SearchBox = function (editor, range, showReplaceForm) {
        var div = dom.createElement("div");
        dom.buildDom(["div", {class: "ace_search"},
            ["div", {class: "ace_search_options"},
                ["span", {
                    action: "toggleReplace", class: "ace_button", title: "Toggle Replace mode",
                    style: "float:left;margin-top:-2px;padding:0 5px;"
                }, "+"],
                ["span", {action: "toggleRegexpMode", class: "ace_button", title: "RegExp Search"}, ".*"],
                ["span", {action: "toggleCaseSensitive", class: "ace_button", title: "CaseSensitive Search"}, "Aa"],
                ["span", {action: "toggleWholeWords", class: "ace_button", title: "Whole Word Search"}, "W"],
                ["span", {class: "ace_search_counter"}],
                ["span", {action: "findPrev", class: "ace_searchbtn prev"}, "\u200b"],
                ["span", {action: "findNext", class: "ace_searchbtn next"}, "\u200b"],
                // ["span", {action: "searchInSelection", class: "ace_button", title: "Search In Selection"}, "S"]
            ],
            ["div", {class: "ace_search_form"},
                ["input", {class: "ace_search_field", placeholder: "Search for", spellcheck: "false"},],
            ],
            ["div", {class: "ace_replace_form"},
                ["input", {class: "ace_search_field", placeholder: "Replace with", spellcheck: "false"}],
                ["span", {action: "replaceAndFindNext", class: "ace_searchbtn"}, "Replace"],
                ["span", {action: "replaceAll", class: "ace_searchbtn"}, "All"]
            ],
        ], div);
        this.element = div.firstChild;

        this.setSession = this.setSession.bind(this);

        this.$init();
        this.setEditor(editor);
        dom.importCssString(searchboxCss, "ace_searchbox", editor.container);
    };

    (function () {
        this.setEditor = function (editor) {
            editor.searchBox = this;
            let editorID = editor.container.id
            let editorSearchBox = editors.find(`[linked-editor='${editorID}']`)[0]
            editorSearchBox.appendChild(this.element);
            // editor.renderer.scroller.appendChild(this.element);
            this.editor = editor;
        };

        this.setSession = function (e) {
            this.searchRange = null;
            this.$syncOptions(true);
        };

        this.$initElements = function (sb) {
            this.searchBox = sb.querySelector(".ace_search_form");
            this.replaceBox = sb.querySelector(".ace_replace_form");
            // this.searchOption = sb.querySelector("[action=searchInSelection]");
            this.replaceOption = sb.querySelector("[action=toggleReplace]");
            this.regExpOption = sb.querySelector("[action=toggleRegexpMode]");
            this.caseSensitiveOption = sb.querySelector("[action=toggleCaseSensitive]");
            this.wholeWordOption = sb.querySelector("[action=toggleWholeWords]");
            this.searchInput = this.searchBox.querySelector(".ace_search_field");
            this.replaceInput = this.replaceBox.querySelector(".ace_search_field");
            this.searchCounter = sb.querySelector(".ace_search_counter");
        };

        this.$init = function () {
            var sb = this.element;

            this.$initElements(sb);

            var _this = this;
            event.addListener(sb, "mousedown", function (e) {
                setTimeout(function () {
                    _this.activeInput.focus();
                }, 0);
                event.stopPropagation(e);
            });
            event.addListener(sb, "click", function (e) {
                var t = e.target || e.srcElement;
                var action = t.getAttribute("action");
                if (action && _this[action])
                    _this[action]();
                else if (_this.$searchBarKb.commands[action])
                    _this.$searchBarKb.commands[action].exec(_this);
                event.stopPropagation(e);
            });

            event.addCommandKeyListener(sb, function (e, hashId, keyCode) {
                var keyString = keyUtil.keyCodeToString(keyCode);
                var command = _this.$searchBarKb.findKeyCommand(hashId, keyString);
                if (command && command.exec) {
                    command.exec(_this);
                    event.stopEvent(e);
                }
            });

            this.$onChange = lang.delayedCall(function () {
                _this.find(false, true, false);
            });

            event.addListener(this.searchInput, "input", function () {
                _this.$onChange.schedule(20);
            });
            event.addListener(this.searchInput, "focus", function () {
                _this.activeInput = _this.searchInput;
                _this.searchInput.value && _this.highlight();
            });
            event.addListener(this.replaceInput, "focus", function () {
                _this.activeInput = _this.replaceInput;
                _this.searchInput.value && _this.highlight();
            });
        };
        this.$closeSearchBarKb = new HashHandler([{
            bindKey: "Esc",
            name: "closeSearchBar",
            exec: function (editor) {
                editor.searchBox.hide();
            }
        }]);
        this.$searchBarKb = new HashHandler();
        this.$searchBarKb.bindKeys({
            "Ctrl-f|Command-f": function (sb) {
                var isReplace = sb.isReplace = !sb.isReplace;
                sb.replaceBox.style.display = isReplace ? "" : "none";
                sb.replaceOption.checked = false;
                sb.$syncOptions();
                sb.searchInput.focus();
            },
            "Ctrl-H|Command-Option-F": function (sb) {
                if (sb.editor.getReadOnly())
                    return;
                sb.replaceOption.checked = true;
                sb.$syncOptions();
                sb.replaceInput.focus();
            },
            "Ctrl-G|Command-G": function (sb) {
                sb.findNext();
            },
            "Ctrl-Shift-G|Command-Shift-G": function (sb) {
                sb.findPrev();
            },
            "esc": function (sb) {
                sb.activeInput.value = "";
            },
            "Return": function (sb) {
                if (sb.activeInput == sb.replaceInput)
                    sb.replace();
                sb.findNext();
            },
            "Shift-Return": function (sb) {
                if (sb.activeInput == sb.replaceInput)
                    sb.replace();
                sb.findPrev();
            },
            "Tab": function (sb) {
                (sb.activeInput == sb.replaceInput ? sb.searchInput : sb.replaceInput).focus();
            }
        });

        this.$searchBarKb.addCommands([{
            name: "toggleRegexpMode",
            bindKey: {win: "Alt-R|Alt-/", mac: "Ctrl-Alt-R|Ctrl-Alt-/"},
            exec: function (sb) {
                sb.regExpOption.checked = !sb.regExpOption.checked;
                sb.$syncOptions();
            }
        }, {
            name: "toggleCaseSensitive",
            bindKey: {win: "Alt-C|Alt-I", mac: "Ctrl-Alt-R|Ctrl-Alt-I"},
            exec: function (sb) {
                sb.caseSensitiveOption.checked = !sb.caseSensitiveOption.checked;
                sb.$syncOptions();
            }
        }, {
            name: "toggleWholeWords",
            bindKey: {win: "Alt-B|Alt-W", mac: "Ctrl-Alt-B|Ctrl-Alt-W"},
            exec: function (sb) {
                sb.wholeWordOption.checked = !sb.wholeWordOption.checked;
                sb.$syncOptions();
            }
        }, {
            name: "toggleReplace",
            exec: function (sb) {
                sb.replaceOption.checked = !sb.replaceOption.checked;
                sb.$syncOptions();
            }
        },
            //     {
            //     name: "searchInSelection",
            //     exec: function(sb) {
            //         sb.searchOption.checked = !sb.searchRange;
            //         sb.setSearchRange(sb.searchOption.checked && sb.editor.getSelectionRange());
            //         sb.$syncOptions();
            //     }
            // }
        ]);

        this.setSearchRange = function (range) {
            this.searchRange = range;
            if (range) {
                this.searchRangeMarker = this.editor.session.addMarker(range, "ace_active-line");
            } else if (this.searchRangeMarker) {
                this.editor.session.removeMarker(this.searchRangeMarker);
                this.searchRangeMarker = null;
            }
        };

        this.$syncOptions = function (preventScroll) {
            dom.setCssClass(this.replaceOption, "checked", this.searchRange);
            // dom.setCssClass(this.searchOption, "checked", this.searchOption.checked);
            this.replaceOption.textContent = this.replaceOption.checked ? "-" : "+";
            dom.setCssClass(this.regExpOption, "checked", this.regExpOption.checked);
            dom.setCssClass(this.wholeWordOption, "checked", this.wholeWordOption.checked);
            dom.setCssClass(this.caseSensitiveOption, "checked", this.caseSensitiveOption.checked);
            var readOnly = this.editor.getReadOnly();
            this.replaceOption.style.display = readOnly ? "none" : "";
            this.replaceBox.style.display = this.replaceOption.checked && !readOnly ? "" : "none";
            this.find(false, false, preventScroll);
        };

        this.highlight = function (re) {
            //https://github.com/annikovk/IntelliJ-Log-Analyzer/issues/11
            this.editor.session.highlight(re || this.editor.$search.$options.re);
            this.editor.renderer.updateBackMarkers();
        };
        this.find = function (skipCurrent, backwards, preventScroll) {
            var range = this.editor.find(this.searchInput.value, {
                skipCurrent: skipCurrent,
                backwards: backwards,
                wrap: true,
                regExp: this.regExpOption.checked,
                caseSensitive: this.caseSensitiveOption.checked,
                wholeWord: this.wholeWordOption.checked,
                preventScroll: preventScroll,
                range: this.searchRange
            });
            var noMatch = !range && this.searchInput.value;
            dom.setCssClass(this.searchBox, "ace_nomatch", noMatch);
            this.editor._emit("findSearchBox", {match: !noMatch});
            this.highlight();
            this.updateCounter();
        };
        this.updateCounter = function () {
            var editor = this.editor;
            var regex = editor.$search.$options.re;
            var all = 0;
            var before = 0;
            if (regex) {
                var value = this.searchRange
                    ? editor.session.getTextRange(this.searchRange)
                    : editor.getValue();

                var offset = editor.session.doc.positionToIndex(editor.selection.anchor);
                if (this.searchRange)
                    offset -= editor.session.doc.positionToIndex(this.searchRange.start);

                var last = regex.lastIndex = 0;
                var m;
                while ((m = regex.exec(value))) {
                    all++;
                    last = m.index;
                    if (last <= offset)
                        before++;
                    if (all > MAX_COUNT)
                        break;
                    if (!m[0]) {
                        regex.lastIndex = last += 1;
                        if (last >= value.length)
                            break;
                    }
                }
            }
            this.searchCounter.textContent = before + " of " + (all > MAX_COUNT ? MAX_COUNT + "+" : all);
        };
        this.findNext = function () {
            this.find(true, false);
        };
        this.findPrev = function () {
            this.find(true, true);
        };
        this.findAll = function () {
            var range = this.editor.findAll(this.searchInput.value, {
                regExp: this.regExpOption.checked,
                caseSensitive: this.caseSensitiveOption.checked,
                wholeWord: this.wholeWordOption.checked
            });
            var noMatch = !range && this.searchInput.value;
            dom.setCssClass(this.searchBox, "ace_nomatch", noMatch);
            this.editor._emit("findSearchBox", {match: !noMatch});
            this.highlight();
            this.hide();
        };
        this.replace = function () {
            if (!this.editor.getReadOnly())
                this.editor.replace(this.replaceInput.value);
        };
        this.replaceAndFindNext = function () {
            if (!this.editor.getReadOnly()) {
                this.editor.replace(this.replaceInput.value);
                this.findNext();
            }
        };
        this.replaceAll = function () {
            if (!this.editor.getReadOnly())
                this.editor.replaceAll(this.replaceInput.value);
        };

        this.hide = function () {
            this.active = false;
            this.setSearchRange(null);
            this.editor.off("changeSession", this.setSession);

            this.element.style.display = "none";
            this.editor.keyBinding.removeKeyboardHandler(this.$closeSearchBarKb);
            this.editor.focus();
        };
        this.show = function (value, isReplace) {
            this.active = true;
            this.editor.on("changeSession", this.setSession);
            this.element.style.display = "";
            this.replaceOption.checked = isReplace;

            if (value)
                this.searchInput.value = value;

            this.searchInput.focus();
            this.searchInput.select();

            this.editor.keyBinding.addKeyboardHandler(this.$closeSearchBarKb);

            this.$syncOptions(true);
        };

        this.isFocused = function () {
            var el = document.activeElement;
            return el == this.searchInput || el == this.replaceInput;
        };
    }).call(SearchBox.prototype);

    exports.SearchBox = SearchBox;

    exports.Search = function (editor, isReplace) {
        var sb = editor.searchBox || new SearchBox(editor);
        sb.show(editor.session.getTextRange(), isReplace);
    };

});