/* ***** BEGIN LICENSE BLOCK ***** * Distributed under the BSD license: * * Copyright (c) 2010, Ajax.org B.V. * All rights reserved. * * Redistribution and use in source and binary forms, with or without * modification, are permitted provided that the following conditions are met: * * Redistributions of source code must retain the above copyright * notice, this list of conditions and the following disclaimer. * * Redistributions in binary form must reproduce the above copyright * notice, this list of conditions and the following disclaimer in the * documentation and/or other materials provided with the distribution. * * Neither the name of Ajax.org B.V. nor the * names of its contributors may be used to endorse or promote products * derived from this software without specific prior written permission. * * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND * ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE * DISCLAIMED. IN NO EVENT SHALL AJAX.ORG B.V. BE LIABLE FOR ANY * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. * * ***** END LICENSE BLOCK ***** */ define(function(require, exports, module) { "use strict"; var dom = require("ace/lib/dom"); var lang = require("ace/lib/lang"); var event = require("ace/lib/event"); var searchboxCss = require("ace/requirejs/text!ace/ext/searchbox.css"); var HashHandler = require("ace/keyboard/hash_handler").HashHandler; var keyUtil = require("ace/lib/keys"); //dom.importCssString(searchboxCss, "ace_searchbox"); var html = ''.replace(/>\s+/g, ">"); var SearchBox = function(editor, range, showReplaceForm) { var div = dom.createElement("div"); div.innerHTML = html; this.element = div.firstChild; this.$init(); this.setEditor(editor); }; (function() { this.setEditor = function(editor) { editor.searchBox = this; editor.container.appendChild(this.element); this.editor = editor; }; this.$init = function() { var sb = this.element; this.searchBox = sb.querySelector(".ace_search_form"); this.replaceBox = sb.querySelector(".ace_replace_form"); this.searchInput = this.searchBox.querySelector(".ace_search_field"); this.replaceInput = this.replaceBox.querySelector(".ace_search_field"); 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; var action = t.getAttribute("action"); if (action && _this[action]) _this[action](); 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, false); }); event.addListener(this.searchInput, "input", function() { _this.$onChange.schedule(20); }); event.addListener(this.searchInput, "focus", function() { _this.activeInput = _this.searchInput; }); event.addListener(this.replaceInput, "focus", function() { _this.activeInput = _this.replaceInput; }); }; //keybinging outsite of the searchbox /*this.$closeSearchBarKb = new HashHandler([{ bindKey: "Esc", name: "closeSearchBar", exec: function(editor) { editor.searchBox.hide(); } }]);*/ //keybinging outsite of the searchbox this.$searchBarKb = new HashHandler(); this.$searchBarKb.bindKeys({ "Ctrl-f|Command-f|Ctrl-H|Command-Option-F": function(sb) { var isReplace = sb.isReplace = !sb.isReplace; //sb.replaceBox.style.display = isReplace ? "" : "none"; sb[isReplace ? "replaceInput" : "searchInput"].focus(); }, "esc": function(sb) { setTimeout(function() { sb.hide();}); }, "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.find = function(skipCurrent, backwards) { this.editor.find(this.searchInput.value, { skipCurrent: skipCurrent, backwards: backwards, wrap: true }); this.editor.session.highlight(this.editor.$search.$options.re); }; this.findNext = function() { this.find(true, false); }; this.findPrev = function() { this.find(true, true); }; this.replace = function() { this.editor.replace(this.replaceInput.value); this.findNext(); }; this.replaceAll = function() { this.editor.replaceAll(this.replaceInput.value); }; this.hide = function () { this.element.style.display = "none"; this.editor.keyBinding.removeKeyboardHandler(this.$searchKeybingin); this.editor.focus(); }; this.show = function(value, isReplace) { this.element.style.display = ""; //this.replaceBox.style.display = isReplace ? "" : "none"; this.isReplace = isReplace; if (value) this.searchInput.value = value; this.searchInput.focus(); this.searchInput.select(); this.editor.keyBinding.addKeyboardHandler(this.$closeSearchBarKb); }; }).call(SearchBox.prototype); exports.SearchBox = SearchBox; exports.Search = function(editor, isReplace) { var sb = editor.searchBox || new SearchBox(editor); sb.show(editor.session.getTextRange(), isReplace); }; exports.ISearch = function(session, options) { this.$changeListener = this.$changeListener.bind(this); this.startRange = session.selection.toOrientedRange(); this.options = options || {}; }; (function(){ this.setSession = function(session) { if (this.session) { this.session.removeListener(this.$changeListener); } this.session = session; this.session.addListener(this.$changeListener); }; this.setSearchString = function() { }; this.getValue = function() { if (this.value == null) this.value = this.session.getValue(); return this.value; }; this.$changeListener = function() { this.value = null; }; this.find = function() { }; this.$edgeBefore = function() { this.cursor = this.startRange[this.options.backwards ? "start" : "end"]; }; this.$edgeAfter = function() { }; this.next = function(dir) { }; }).call(exports.ISearch.prototype); }); /* ------------------------------------------------------------------------------------------ * TODO * --------------------------------------------------------------------------------------- */ /* - move search form to the left if it masks current word - includ all options that search has. ex: regex - searchbox.searchbox is not that pretty. we should have just searchbox - disable prev button if it makes sence */