0
|
1 // CodeMirror, copyright (c) by Marijn Haverbeke and others
|
|
2 // Distributed under an MIT license: https://codemirror.net/5/LICENSE
|
|
3
|
|
4 // Define search commands. Depends on dialog.js or another
|
|
5 // implementation of the openDialog method.
|
|
6
|
|
7 // Replace works a little oddly -- it will do the replace on the next
|
|
8 // Ctrl-G (or whatever is bound to findNext) press. You prevent a
|
|
9 // replace by making sure the match is no longer selected when hitting
|
|
10 // Ctrl-G.
|
|
11
|
|
12 (function(mod) {
|
|
13 if (typeof exports == "object" && typeof module == "object") // CommonJS
|
|
14 mod(require("../../lib/codemirror"), require("./searchcursor"), require("../dialog/dialog"));
|
|
15 else if (typeof define == "function" && define.amd) // AMD
|
|
16 define(["../../lib/codemirror", "./searchcursor", "../dialog/dialog"], mod);
|
|
17 else // Plain browser env
|
|
18 mod(CodeMirror);
|
|
19 })(function(CodeMirror) {
|
|
20 "use strict";
|
|
21
|
|
22 // default search panel location
|
|
23 CodeMirror.defineOption("search", {bottom: false});
|
|
24
|
|
25 function searchOverlay(query, caseInsensitive) {
|
|
26 if (typeof query == "string")
|
|
27 query = new RegExp(query.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&"), caseInsensitive ? "gi" : "g");
|
|
28 else if (!query.global)
|
|
29 query = new RegExp(query.source, query.ignoreCase ? "gi" : "g");
|
|
30
|
|
31 return {token: function(stream) {
|
|
32 query.lastIndex = stream.pos;
|
|
33 var match = query.exec(stream.string);
|
|
34 if (match && match.index == stream.pos) {
|
|
35 stream.pos += match[0].length || 1;
|
|
36 return "searching";
|
|
37 } else if (match) {
|
|
38 stream.pos = match.index;
|
|
39 } else {
|
|
40 stream.skipToEnd();
|
|
41 }
|
|
42 }};
|
|
43 }
|
|
44
|
|
45 function SearchState() {
|
|
46 this.posFrom = this.posTo = this.lastQuery = this.query = null;
|
|
47 this.overlay = null;
|
|
48 }
|
|
49
|
|
50 function getSearchState(cm) {
|
|
51 return cm.state.search || (cm.state.search = new SearchState());
|
|
52 }
|
|
53
|
|
54 function queryCaseInsensitive(query) {
|
|
55 return typeof query == "string" && query == query.toLowerCase();
|
|
56 }
|
|
57
|
|
58 function getSearchCursor(cm, query, pos) {
|
|
59 // Heuristic: if the query string is all lowercase, do a case insensitive search.
|
|
60 return cm.getSearchCursor(query, pos, {caseFold: queryCaseInsensitive(query), multiline: true});
|
|
61 }
|
|
62
|
|
63 function persistentDialog(cm, text, deflt, onEnter, onKeyDown) {
|
|
64 cm.openDialog(text, onEnter, {
|
|
65 value: deflt,
|
|
66 selectValueOnOpen: true,
|
|
67 closeOnEnter: false,
|
|
68 onClose: function() { clearSearch(cm); },
|
|
69 onKeyDown: onKeyDown,
|
|
70 bottom: cm.options.search.bottom
|
|
71 });
|
|
72 }
|
|
73
|
|
74 function dialog(cm, text, shortText, deflt, f) {
|
|
75 if (cm.openDialog) cm.openDialog(text, f, {value: deflt, selectValueOnOpen: true, bottom: cm.options.search.bottom});
|
|
76 else f(prompt(shortText, deflt));
|
|
77 }
|
|
78
|
|
79 function confirmDialog(cm, text, shortText, fs) {
|
|
80 if (cm.openConfirm) cm.openConfirm(text, fs);
|
|
81 else if (confirm(shortText)) fs[0]();
|
|
82 }
|
|
83
|
|
84 function parseString(string) {
|
|
85 return string.replace(/\\([nrt\\])/g, function(match, ch) {
|
|
86 if (ch == "n") return "\n"
|
|
87 if (ch == "r") return "\r"
|
|
88 if (ch == "t") return "\t"
|
|
89 if (ch == "\\") return "\\"
|
|
90 return match
|
|
91 })
|
|
92 }
|
|
93
|
|
94 function parseQuery(query) {
|
|
95 var isRE = query.match(/^\/(.*)\/([a-z]*)$/);
|
|
96 if (isRE) {
|
|
97 try { query = new RegExp(isRE[1], isRE[2].indexOf("i") == -1 ? "" : "i"); }
|
|
98 catch(e) {} // Not a regular expression after all, do a string search
|
|
99 } else {
|
|
100 query = parseString(query)
|
|
101 }
|
|
102 if (typeof query == "string" ? query == "" : query.test(""))
|
|
103 query = /x^/;
|
|
104 return query;
|
|
105 }
|
|
106
|
|
107 function startSearch(cm, state, query) {
|
|
108 state.queryText = query;
|
|
109 state.query = parseQuery(query);
|
|
110 cm.removeOverlay(state.overlay, queryCaseInsensitive(state.query));
|
|
111 state.overlay = searchOverlay(state.query, queryCaseInsensitive(state.query));
|
|
112 cm.addOverlay(state.overlay);
|
|
113 if (cm.showMatchesOnScrollbar) {
|
|
114 if (state.annotate) { state.annotate.clear(); state.annotate = null; }
|
|
115 state.annotate = cm.showMatchesOnScrollbar(state.query, queryCaseInsensitive(state.query));
|
|
116 }
|
|
117 }
|
|
118
|
|
119 function doSearch(cm, rev, persistent, immediate) {
|
|
120 var state = getSearchState(cm);
|
|
121 if (state.query) return findNext(cm, rev);
|
|
122 var q = cm.getSelection() || state.lastQuery;
|
|
123 if (q instanceof RegExp && q.source == "x^") q = null
|
|
124 if (persistent && cm.openDialog) {
|
|
125 var hiding = null
|
|
126 var searchNext = function(query, event) {
|
|
127 CodeMirror.e_stop(event);
|
|
128 if (!query) return;
|
|
129 if (query != state.queryText) {
|
|
130 startSearch(cm, state, query);
|
|
131 state.posFrom = state.posTo = cm.getCursor();
|
|
132 }
|
|
133 if (hiding) hiding.style.opacity = 1
|
|
134 findNext(cm, event.shiftKey, function(_, to) {
|
|
135 var dialog
|
|
136 if (to.line < 3 && document.querySelector &&
|
|
137 (dialog = cm.display.wrapper.querySelector(".CodeMirror-dialog")) &&
|
|
138 dialog.getBoundingClientRect().bottom - 4 > cm.cursorCoords(to, "window").top)
|
|
139 (hiding = dialog).style.opacity = .4
|
|
140 })
|
|
141 };
|
|
142 persistentDialog(cm, getQueryDialog(cm), q, searchNext, function(event, query) {
|
|
143 var keyName = CodeMirror.keyName(event)
|
|
144 var extra = cm.getOption('extraKeys'), cmd = (extra && extra[keyName]) || CodeMirror.keyMap[cm.getOption("keyMap")][keyName]
|
|
145 if (cmd == "findNext" || cmd == "findPrev" ||
|
|
146 cmd == "findPersistentNext" || cmd == "findPersistentPrev") {
|
|
147 CodeMirror.e_stop(event);
|
|
148 startSearch(cm, getSearchState(cm), query);
|
|
149 cm.execCommand(cmd);
|
|
150 } else if (cmd == "find" || cmd == "findPersistent") {
|
|
151 CodeMirror.e_stop(event);
|
|
152 searchNext(query, event);
|
|
153 }
|
|
154 });
|
|
155 if (immediate && q) {
|
|
156 startSearch(cm, state, q);
|
|
157 findNext(cm, rev);
|
|
158 }
|
|
159 } else {
|
|
160 dialog(cm, getQueryDialog(cm), "Search for:", q, function(query) {
|
|
161 if (query && !state.query) cm.operation(function() {
|
|
162 startSearch(cm, state, query);
|
|
163 state.posFrom = state.posTo = cm.getCursor();
|
|
164 findNext(cm, rev);
|
|
165 });
|
|
166 });
|
|
167 }
|
|
168 }
|
|
169
|
|
170 function findNext(cm, rev, callback) {cm.operation(function() {
|
|
171 var state = getSearchState(cm);
|
|
172 var cursor = getSearchCursor(cm, state.query, rev ? state.posFrom : state.posTo);
|
|
173 if (!cursor.find(rev)) {
|
|
174 cursor = getSearchCursor(cm, state.query, rev ? CodeMirror.Pos(cm.lastLine()) : CodeMirror.Pos(cm.firstLine(), 0));
|
|
175 if (!cursor.find(rev)) return;
|
|
176 }
|
|
177 cm.setSelection(cursor.from(), cursor.to());
|
|
178 cm.scrollIntoView({from: cursor.from(), to: cursor.to()}, 20);
|
|
179 state.posFrom = cursor.from(); state.posTo = cursor.to();
|
|
180 if (callback) callback(cursor.from(), cursor.to())
|
|
181 });}
|
|
182
|
|
183 function clearSearch(cm) {cm.operation(function() {
|
|
184 var state = getSearchState(cm);
|
|
185 state.lastQuery = state.query;
|
|
186 if (!state.query) return;
|
|
187 state.query = state.queryText = null;
|
|
188 cm.removeOverlay(state.overlay);
|
|
189 if (state.annotate) { state.annotate.clear(); state.annotate = null; }
|
|
190 });}
|
|
191
|
|
192 function el(tag, attrs) {
|
|
193 var element = tag ? document.createElement(tag) : document.createDocumentFragment();
|
|
194 for (var key in attrs) {
|
|
195 element[key] = attrs[key];
|
|
196 }
|
|
197 for (var i = 2; i < arguments.length; i++) {
|
|
198 var child = arguments[i]
|
|
199 element.appendChild(typeof child == "string" ? document.createTextNode(child) : child);
|
|
200 }
|
|
201 return element;
|
|
202 }
|
|
203
|
|
204 function getQueryDialog(cm) {
|
|
205 var label = el("label", {className: "CodeMirror-search-label"},
|
|
206 cm.phrase("Search:"),
|
|
207 el("input", {type: "text", "style": "width: 10em", className: "CodeMirror-search-field",
|
|
208 id: "CodeMirror-search-field"}));
|
|
209 label.setAttribute("for","CodeMirror-search-field");
|
|
210 return el("", null, label, " ",
|
|
211 el("span", {style: "color: #666", className: "CodeMirror-search-hint"},
|
|
212 cm.phrase("(Use /re/ syntax for regexp search)")));
|
|
213 }
|
|
214 function getReplaceQueryDialog(cm) {
|
|
215 return el("", null, " ",
|
|
216 el("input", {type: "text", "style": "width: 10em", className: "CodeMirror-search-field"}), " ",
|
|
217 el("span", {style: "color: #666", className: "CodeMirror-search-hint"},
|
|
218 cm.phrase("(Use /re/ syntax for regexp search)")));
|
|
219 }
|
|
220 function getReplacementQueryDialog(cm) {
|
|
221 return el("", null,
|
|
222 el("span", {className: "CodeMirror-search-label"}, cm.phrase("With:")), " ",
|
|
223 el("input", {type: "text", "style": "width: 10em", className: "CodeMirror-search-field"}));
|
|
224 }
|
|
225 function getDoReplaceConfirm(cm) {
|
|
226 return el("", null,
|
|
227 el("span", {className: "CodeMirror-search-label"}, cm.phrase("Replace?")), " ",
|
|
228 el("button", {}, cm.phrase("Yes")), " ",
|
|
229 el("button", {}, cm.phrase("No")), " ",
|
|
230 el("button", {}, cm.phrase("All")), " ",
|
|
231 el("button", {}, cm.phrase("Stop")));
|
|
232 }
|
|
233
|
|
234 function replaceAll(cm, query, text) {
|
|
235 cm.operation(function() {
|
|
236 for (var cursor = getSearchCursor(cm, query); cursor.findNext();) {
|
|
237 if (typeof query != "string") {
|
|
238 var match = cm.getRange(cursor.from(), cursor.to()).match(query);
|
|
239 cursor.replace(text.replace(/\$(\d)/g, function(_, i) {return match[i];}));
|
|
240 } else cursor.replace(text);
|
|
241 }
|
|
242 });
|
|
243 }
|
|
244
|
|
245 function replace(cm, all) {
|
|
246 if (cm.getOption("readOnly")) return;
|
|
247 var query = cm.getSelection() || getSearchState(cm).lastQuery;
|
|
248 var dialogText = all ? cm.phrase("Replace all:") : cm.phrase("Replace:")
|
|
249 var fragment = el("", null,
|
|
250 el("span", {className: "CodeMirror-search-label"}, dialogText),
|
|
251 getReplaceQueryDialog(cm))
|
|
252 dialog(cm, fragment, dialogText, query, function(query) {
|
|
253 if (!query) return;
|
|
254 query = parseQuery(query);
|
|
255 dialog(cm, getReplacementQueryDialog(cm), cm.phrase("Replace with:"), "", function(text) {
|
|
256 text = parseString(text)
|
|
257 if (all) {
|
|
258 replaceAll(cm, query, text)
|
|
259 } else {
|
|
260 clearSearch(cm);
|
|
261 var cursor = getSearchCursor(cm, query, cm.getCursor("from"));
|
|
262 var advance = function() {
|
|
263 var start = cursor.from(), match;
|
|
264 if (!(match = cursor.findNext())) {
|
|
265 cursor = getSearchCursor(cm, query);
|
|
266 if (!(match = cursor.findNext()) ||
|
|
267 (start && cursor.from().line == start.line && cursor.from().ch == start.ch)) return;
|
|
268 }
|
|
269 cm.setSelection(cursor.from(), cursor.to());
|
|
270 cm.scrollIntoView({from: cursor.from(), to: cursor.to()});
|
|
271 confirmDialog(cm, getDoReplaceConfirm(cm), cm.phrase("Replace?"),
|
|
272 [function() {doReplace(match);}, advance,
|
|
273 function() {replaceAll(cm, query, text)}]);
|
|
274 };
|
|
275 var doReplace = function(match) {
|
|
276 cursor.replace(typeof query == "string" ? text :
|
|
277 text.replace(/\$(\d)/g, function(_, i) {return match[i];}));
|
|
278 advance();
|
|
279 };
|
|
280 advance();
|
|
281 }
|
|
282 });
|
|
283 });
|
|
284 }
|
|
285
|
|
286 CodeMirror.commands.find = function(cm) {clearSearch(cm); doSearch(cm);};
|
|
287 CodeMirror.commands.findPersistent = function(cm) {clearSearch(cm); doSearch(cm, false, true);};
|
|
288 CodeMirror.commands.findPersistentNext = function(cm) {doSearch(cm, false, true, true);};
|
|
289 CodeMirror.commands.findPersistentPrev = function(cm) {doSearch(cm, true, true, true);};
|
|
290 CodeMirror.commands.findNext = doSearch;
|
|
291 CodeMirror.commands.findPrev = function(cm) {doSearch(cm, true);};
|
|
292 CodeMirror.commands.clearSearch = clearSearch;
|
|
293 CodeMirror.commands.replace = replace;
|
|
294 CodeMirror.commands.replaceAll = function(cm) {replace(cm, true);};
|
|
295 });
|