alternate ntp: implement searchbox api for instant overlay to adopt themes

chrome/renderer/resources/extensions/searchbox/searchbox_api.js

Index: chrome/renderer/resources/extensions/searchbox/searchbox_api.js
diff --git a/chrome/renderer/resources/extensions/searchbox/searchbox_api.js b/chrome/renderer/resources/extensions/searchbox/searchbox_api.js
index 23d4ce29c29b8865d4ef5e2c9436bec8b22c4c84..a3fe9308880a3a8876642d4fb87218e99d97ae72 100644
--- a/chrome/renderer/resources/extensions/searchbox/searchbox_api.js
+++ b/chrome/renderer/resources/extensions/searchbox/searchbox_api.js
@@ -31,6 +31,8 @@ if (!chrome.searchBox) {
     native function GetAutocompleteResults();
     native function GetIsFocused();
     native function GetContext();
+    native function GetThemeBackgroundInfo();
+    native function GetThemeAreaHeight();
     native function NavigateContentWindow();
     native function SetSuggestions();
     native function SetQuerySuggestion();
@@ -58,7 +60,7 @@ if (!chrome.searchBox) {
     // Wraps the AutocompleteResult query and URL into ShadowDOM nodes so that
     // the JS cannot access them and deletes the raw values.
     function GetAutocompleteResultsWrapper() {
-      var autocompleteResults = DedupeAutcompleteResults(
+      var autocompleteResults = DedupeAutocompleteResults(
           GetAutocompleteResults());
       var userInput = GetQuery();
       for (var i = 0, result; result = autocompleteResults[i]; ++i) {
@@ -97,7 +99,7 @@ if (!chrome.searchBox) {
 
     // Removes duplicates from AutocompleteResults.
     // TODO(dcblack): Do this in C++ instead of JS.
-    function DedupeAutcompleteResults(autocompleteResults) {
+    function DedupeAutocompleteResults(autocompleteResults) {
       var urlToResultMap = {};
       for (var i = 0, result; result = autocompleteResults[i]; ++i) {
         var url = CanonicalizeUrl(result.destination_url);
@@ -177,6 +179,8 @@ if (!chrome.searchBox) {
     this.__defineGetter__('nativeSuggestions', GetAutocompleteResultsWrapper);
     this.__defineGetter__('isFocused', GetIsFocused);
     this.__defineGetter__('context', GetContext);
+    this.__defineGetter__('themeBackgroundInfo', GetThemeBackgroundInfo);
+    this.__defineGetter__('themeAreaHeight', GetThemeAreaHeight);

[David Black, 2012/11/16 00:57:17]

Why isn't the theme area height part of the returned theme background info
object?

[kuan, 2012/11/16 01:10:03]

the height changes a lot more: when browser window is resized, devtools is
opened/docked/undocked/closed, download shelf is opened/closed.
the theme changes a lot less: on initialization, when user manually changes it.
so jeremy suggested we do it in 2 separate api's.

     this.setSuggestions = function(text) {
       SetSuggestions(text);
     };