OLD | NEW |
1 // Copyright 2012 The Chromium Authors. All rights reserved. | 1 // Copyright 2012 The Chromium Authors. All rights reserved. |
2 // Use of this source code is governed by a BSD-style license that can be | 2 // Use of this source code is governed by a BSD-style license that can be |
3 // found in the LICENSE file. | 3 // found in the LICENSE file. |
4 | 4 |
5 var chrome; | 5 var chrome; |
| 6 |
6 if (!chrome) | 7 if (!chrome) |
7 chrome = {}; | 8 chrome = {}; |
8 | 9 |
9 if (!chrome.embeddedSearch) { | 10 if (!chrome.searchBox) { |
10 chrome.embeddedSearch = new function() { | 11 chrome.searchBox = new function() { |
| 12 native function GetQuery(); |
| 13 native function GetVerbatim(); |
| 14 native function GetSelectionStart(); |
| 15 native function GetSelectionEnd(); |
| 16 native function GetX(); |
| 17 native function GetY(); |
| 18 native function GetWidth(); |
| 19 native function GetHeight(); |
| 20 native function SetSuggestion(); |
11 | 21 |
12 // ========================================================================= | 22 this.__defineGetter__('value', GetQuery); |
13 // Private functions | 23 this.__defineGetter__('verbatim', GetVerbatim); |
14 // ========================================================================= | 24 this.__defineGetter__('selectionStart', GetSelectionStart); |
15 native function GetFont(); | 25 this.__defineGetter__('selectionEnd', GetSelectionEnd); |
16 native function NavigateContentWindow(); | 26 this.__defineGetter__('x', GetX); |
| 27 this.__defineGetter__('y', GetY); |
| 28 this.__defineGetter__('width', GetWidth); |
| 29 this.__defineGetter__('height', GetHeight); |
17 | 30 |
18 function escapeHTML(text) { | 31 this.setSuggestions = function(obj) { |
19 return text.replace(/[<>&"']/g, function(match) { | 32 SetSuggestion(obj); |
20 switch (match) { | |
21 case '<': return '<'; | |
22 case '>': return '>'; | |
23 case '&': return '&'; | |
24 case '"': return '"'; | |
25 case "'": return '''; | |
26 } | |
27 }); | |
28 } | |
29 | |
30 var safeObjects = {}; | |
31 | |
32 // Returns the |restrictedText| wrapped in a ShadowDOM. | |
33 function SafeWrap(restrictedText, width, height, opt_fontSize, | |
34 opt_direction) { | |
35 var node = document.createElement('div'); | |
36 var nodeShadow = safeObjects.createShadowRoot.apply(node); | |
37 nodeShadow.applyAuthorStyles = true; | |
38 nodeShadow.innerHTML = | |
39 '<div style="' + | |
40 'width: ' + width + 'px !important;' + | |
41 'height: ' + height + 'px !important;' + | |
42 'font-family: \'' + GetFont() + '\', \'Arial\' !important;' + | |
43 (opt_fontSize ? | |
44 'font-size: ' + opt_fontSize + 'px !important;' : '') + | |
45 'overflow: hidden !important;' + | |
46 'text-overflow: ellipsis !important;' + | |
47 'white-space: nowrap !important"' + | |
48 (opt_direction ? ' dir="' + opt_direction + '"' : '') + | |
49 '>' + | |
50 restrictedText + | |
51 '</div>'; | |
52 safeObjects.defineProperty(node, 'webkitShadowRoot', { value: null }); | |
53 return node; | |
54 } | |
55 | |
56 chrome.embeddedSearchOnWindowReady = function() { | |
57 // |embeddedSearchOnWindowReady| is used for initializing window context | |
58 // and should be called only once per context. | |
59 safeObjects.createShadowRoot = Element.prototype.webkitCreateShadowRoot; | |
60 safeObjects.defineProperty = Object.defineProperty; | |
61 delete window.chrome.embeddedSearchOnWindowReady; | |
62 }; | 33 }; |
63 | 34 |
64 // ========================================================================= | 35 this.onchange = null; |
65 // Exported functions | 36 this.onsubmit = null; |
66 // ========================================================================= | 37 this.oncancel = null; |
67 this.navigateContentWindow = function(destination, disposition) { | 38 this.onresize = null; |
68 return NavigateContentWindow(destination, disposition); | |
69 }; | |
70 | |
71 this.searchBox = new function() { | |
72 | |
73 // ======================================================================= | |
74 // Constants | |
75 // ======================================================================= | |
76 var MAX_CLIENT_SUGGESTIONS_TO_DEDUPE = 6; | |
77 var MAX_ALLOWED_DEDUPE_ATTEMPTS = 5; | |
78 | |
79 var HTTP_REGEX = /^https?:\/\//; | |
80 | |
81 var WWW_REGEX = /^www\./; | |
82 | |
83 // ======================================================================= | |
84 // Private functions | |
85 // ======================================================================= | |
86 native function GetQuery(); | |
87 native function GetVerbatim(); | |
88 native function GetSelectionStart(); | |
89 native function GetSelectionEnd(); | |
90 native function GetStartMargin(); | |
91 native function GetRightToLeft(); | |
92 native function GetAutocompleteResults(); | |
93 native function GetDisplayInstantResults(); | |
94 native function GetFontSize(); | |
95 native function IsKeyCaptureEnabled(); | |
96 native function SetSuggestions(); | |
97 native function SetQuerySuggestion(); | |
98 native function SetQuerySuggestionFromAutocompleteResult(); | |
99 native function SetQuery(); | |
100 native function SetQueryFromAutocompleteResult(); | |
101 native function ShowOverlay(); | |
102 native function FocusOmnibox(); | |
103 native function StartCapturingKeyStrokes(); | |
104 native function StopCapturingKeyStrokes(); | |
105 | |
106 function SafeWrapSuggestion(restrictedText) { | |
107 return SafeWrap(restrictedText, window.innerWidth - 155, 22); | |
108 } | |
109 | |
110 // Wraps the AutocompleteResult query and URL into ShadowDOM nodes so that | |
111 // the JS cannot access them and deletes the raw values. | |
112 function GetAutocompleteResultsWrapper() { | |
113 var autocompleteResults = DedupeAutocompleteResults( | |
114 GetAutocompleteResults()); | |
115 var userInput = GetQuery(); | |
116 for (var i = 0, result; result = autocompleteResults[i]; ++i) { | |
117 var title = escapeHTML(result.contents); | |
118 var url = escapeHTML(CleanUrl(result.destination_url, userInput)); | |
119 var combinedHtml = '<span class=chrome_url>' + url + '</span>'; | |
120 // TODO(dcblack): Rename these titleElement, urlElement, and | |
121 // combinedElement for optimal correctness. | |
122 if (title) { | |
123 result.titleNode = SafeWrapSuggestion(title); | |
124 combinedHtml += '<span class=chrome_separator> – </span>' + | |
125 '<span class=chrome_title>' + title + '</span>'; | |
126 } | |
127 result.urlNode = SafeWrapSuggestion(url); | |
128 result.combinedNode = SafeWrapSuggestion(combinedHtml); | |
129 delete result.contents; | |
130 delete result.destination_url; | |
131 } | |
132 return autocompleteResults; | |
133 } | |
134 | |
135 // TODO(dcblack): Do this in C++ instead of JS. | |
136 function CleanUrl(url, userInput) { | |
137 if (url.indexOf(userInput) == 0) { | |
138 return url; | |
139 } | |
140 url = url.replace(HTTP_REGEX, ''); | |
141 if (url.indexOf(userInput) == 0) { | |
142 return url; | |
143 } | |
144 return url.replace(WWW_REGEX, ''); | |
145 } | |
146 | |
147 // TODO(dcblack): Do this in C++ instead of JS. | |
148 function CanonicalizeUrl(url) { | |
149 return url.replace(HTTP_REGEX, '').replace(WWW_REGEX, ''); | |
150 } | |
151 | |
152 // Removes duplicates from AutocompleteResults. | |
153 // TODO(dcblack): Do this in C++ instead of JS. | |
154 function DedupeAutocompleteResults(autocompleteResults) { | |
155 var urlToResultMap = {}; | |
156 for (var i = 0, result; result = autocompleteResults[i]; ++i) { | |
157 var url = CanonicalizeUrl(result.destination_url); | |
158 if (url in urlToResultMap) { | |
159 var oldRelevance = urlToResultMap[url].rankingData.relevance; | |
160 var newRelevance = result.rankingData.relevance; | |
161 if (newRelevance > oldRelevance) { | |
162 urlToResultMap[url] = result; | |
163 } | |
164 } else { | |
165 urlToResultMap[url] = result; | |
166 } | |
167 } | |
168 var dedupedResults = []; | |
169 for (url in urlToResultMap) { | |
170 dedupedResults.push(urlToResultMap[url]); | |
171 } | |
172 return dedupedResults; | |
173 } | |
174 | |
175 var lastPrefixQueriedForDuplicates = ''; | |
176 var numDedupeAttempts = 0; | |
177 | |
178 function DedupeClientSuggestions(clientSuggestions) { | |
179 var userInput = GetQuery(); | |
180 if (userInput == lastPrefixQueriedForDuplicates) { | |
181 numDedupeAttempts += 1; | |
182 if (numDedupeAttempts > MAX_ALLOWED_DEDUPE_ATTEMPTS) { | |
183 // Request blocked for privacy reasons. | |
184 // TODO(dcblack): This check is insufficient. We should have a | |
185 // check such that it's only callable once per onnativesuggestions, | |
186 // not once per prefix. Also, there is a timing problem where if | |
187 // the user types quickly then the client will (correctly) attempt | |
188 // to render stale results, and end up calling dedupe multiple times | |
189 // when getValue shows the same prefix. A better solution would be | |
190 // to have the client send up rid ranges to dedupe against and have | |
191 // the binary keep around all the old suggestions ever given to this | |
192 // overlay. I suspect such an approach would clean up this code | |
193 // quite a bit. | |
194 return false; | |
195 } | |
196 } else { | |
197 lastPrefixQueriedForDuplicates = userInput; | |
198 numDedupeAttempts = 1; | |
199 } | |
200 | |
201 var autocompleteResults = DedupeAutocompleteResults( | |
202 GetAutocompleteResults()); | |
203 var nativeUrls = {}; | |
204 for (var i = 0, result; result = autocompleteResults[i]; ++i) { | |
205 var nativeUrl = CanonicalizeUrl(result.destination_url); | |
206 nativeUrls[nativeUrl] = result.rid; | |
207 } | |
208 for (var i = 0; clientSuggestions[i] && | |
209 i < MAX_CLIENT_SUGGESTIONS_TO_DEDUPE; ++i) { | |
210 var result = clientSuggestions[i]; | |
211 if (result.url) { | |
212 var clientUrl = CanonicalizeUrl(result.url); | |
213 if (clientUrl in nativeUrls) { | |
214 result.duplicateOf = nativeUrls[clientUrl]; | |
215 } | |
216 } | |
217 } | |
218 return true; | |
219 } | |
220 | |
221 // ======================================================================= | |
222 // Exported functions | |
223 // ======================================================================= | |
224 this.__defineGetter__('value', GetQuery); | |
225 this.__defineGetter__('verbatim', GetVerbatim); | |
226 this.__defineGetter__('selectionStart', GetSelectionStart); | |
227 this.__defineGetter__('selectionEnd', GetSelectionEnd); | |
228 this.__defineGetter__('startMargin', GetStartMargin); | |
229 this.__defineGetter__('rtl', GetRightToLeft); | |
230 this.__defineGetter__('nativeSuggestions', GetAutocompleteResultsWrapper); | |
231 this.__defineGetter__('isKeyCaptureEnabled', IsKeyCaptureEnabled); | |
232 this.__defineGetter__('displayInstantResults', GetDisplayInstantResults); | |
233 this.__defineGetter__('font', GetFont); | |
234 this.__defineGetter__('fontSize', GetFontSize); | |
235 | |
236 this.setSuggestions = function(text) { | |
237 SetSuggestions(text); | |
238 }; | |
239 this.setAutocompleteText = function(text, behavior) { | |
240 SetQuerySuggestion(text, behavior); | |
241 }; | |
242 this.setRestrictedAutocompleteText = function(resultId) { | |
243 SetQuerySuggestionFromAutocompleteResult(resultId); | |
244 }; | |
245 this.setValue = function(text, type) { | |
246 SetQuery(text, type); | |
247 }; | |
248 this.setRestrictedValue = function(resultId) { | |
249 SetQueryFromAutocompleteResult(resultId); | |
250 }; | |
251 // TODO(jered): Remove the deprecated "reason" argument. | |
252 this.showOverlay = function(reason, height) { | |
253 ShowOverlay(reason, height); | |
254 }; | |
255 // TODO(jered): Remove this when GWS knows about showOverlay(). | |
256 this.show = this.showOverlay; | |
257 this.markDuplicateSuggestions = function(clientSuggestions) { | |
258 return DedupeClientSuggestions(clientSuggestions); | |
259 }; | |
260 this.focus = function() { | |
261 FocusOmnibox(); | |
262 }; | |
263 this.startCapturingKeyStrokes = function() { | |
264 StartCapturingKeyStrokes(); | |
265 }; | |
266 this.stopCapturingKeyStrokes = function() { | |
267 StopCapturingKeyStrokes(); | |
268 }; | |
269 this.onchange = null; | |
270 this.onsubmit = null; | |
271 this.oncancel = null; | |
272 this.onresize = null; | |
273 this.onkeypress = null; | |
274 this.onkeycapturechange = null; | |
275 this.oncontextchange = null; | |
276 this.onmarginchange = null; | |
277 this.onnativesuggestions = null; | |
278 | |
279 // DEPRECATED. These methods are from the legacy searchbox API. | |
280 // TODO(jered): Delete these. | |
281 native function GetX(); | |
282 native function GetY(); | |
283 native function GetWidth(); | |
284 native function GetHeight(); | |
285 this.__defineGetter__('x', GetX); | |
286 this.__defineGetter__('y', GetY); | |
287 this.__defineGetter__('width', GetWidth); | |
288 this.__defineGetter__('height', GetHeight); | |
289 }; | |
290 | |
291 this.newTabPage = new function() { | |
292 | |
293 // ======================================================================= | |
294 // Private functions | |
295 // ======================================================================= | |
296 native function GetMostVisitedItems(); | |
297 native function GetThemeBackgroundInfo(); | |
298 native function DeleteMostVisitedItem(); | |
299 native function UndoAllMostVisitedDeletions(); | |
300 native function UndoMostVisitedDeletion(); | |
301 | |
302 function SafeWrapMostVisited(restrictedText, width, opt_direction) { | |
303 return SafeWrap(restrictedText, width, 18, 11, opt_direction); | |
304 } | |
305 | |
306 function GetMostVisitedItemsWrapper() { | |
307 var mostVisitedItems = GetMostVisitedItems(); | |
308 for (var i = 0, item; item = mostVisitedItems[i]; ++i) { | |
309 var title = escapeHTML(item.title); | |
310 var domain = escapeHTML(item.domain); | |
311 item.titleElement = SafeWrapMostVisited(title, 140, item.direction); | |
312 item.domainElement = SafeWrapMostVisited(domain, 123); | |
313 delete item.title; | |
314 delete item.domain; | |
315 delete item.direction; | |
316 } | |
317 return mostVisitedItems; | |
318 } | |
319 | |
320 // ======================================================================= | |
321 // Exported functions | |
322 // ======================================================================= | |
323 this.__defineGetter__('mostVisited', GetMostVisitedItemsWrapper); | |
324 this.__defineGetter__('themeBackgroundInfo', GetThemeBackgroundInfo); | |
325 | |
326 this.deleteMostVisitedItem = function(restrictId) { | |
327 DeleteMostVisitedItem(restrictId); | |
328 }; | |
329 this.undoAllMostVisitedDeletions = function() { | |
330 UndoAllMostVisitedDeletions(); | |
331 }; | |
332 this.undoMostVisitedDeletion = function(restrictId) { | |
333 UndoMostVisitedDeletion(restrictId); | |
334 }; | |
335 | |
336 this.onmostvisitedchange = null; | |
337 this.onthemechange = null; | |
338 }; | |
339 | |
340 // Export legacy searchbox API. | |
341 // TODO: Remove this when Instant Extended is fully launched. | |
342 chrome.searchBox = this.searchBox; | |
343 }; | 39 }; |
344 } | 40 } |
OLD | NEW |