first attempt to improve search auto suggestions

LulumiProject · Apr 4, 2017 · d09c0b6 · d09c0b6
1 parent a670dfa
commit d09c0b6
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 0 deletions.
diff --git a/app/package.json b/app/package.json
@@ -7,6 +7,7 @@
   "main": "./dist/main.js",
   "dependencies": {
     "babel-runtime": "^6.23.0",
+    "fetch-jsonp": "^1.0.6",
     "vue": "^2.2.6",
     "vue-electron": "^1.0.6",
     "vue-resource": "^1.2.1",

diff --git a/app/src/renderer/components/BrowserMainView/Navbar.vue b/app/src/renderer/components/BrowserMainView/Navbar.vue
@@ -37,6 +37,7 @@
   import Vue from 'vue';
   import url from 'url';
   import { focus } from 'vue-focus';
+  import fetchJsonp from 'fetch-jsonp';
 
   import Icon from 'vue-awesome/components/Icon';
   import 'vue-awesome/icons/angle-double-left';
@@ -228,6 +229,17 @@
             value: this.value,
           });
         }
+        fetchJsonp(`https://suggestqueries.google.com/complete/search?client=youtube&q=${this.value}`)
+          .then(response => response.json())
+          .then(data => data[1])
+          .then((entries) => {
+            entries.forEach((entry) => {
+              results.push({
+                title: entry[0],
+                value: entry[0],
+              });
+            });
+          });
         cb(results);
       },
       createFilter(queryString) {

diff --git a/app/yarn.lock b/app/yarn.lock
@@ -27,6 +27,10 @@ duplexer3@^0.1.4:
   version "0.1.4"
   resolved "https://registry.yarnpkg.com/duplexer3/-/duplexer3-0.1.4.tgz#ee01dd1cac0ed3cbc7fdbea37dc0a8f1ce002ce2"
 
+fetch-jsonp@^1.0.6:
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/fetch-jsonp/-/fetch-jsonp-1.0.6.tgz#8d2ae174ed14108292f025f43fa07d2078de6736"
+
 get-stream@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-3.0.0.tgz#8e943d1358dc37555054ecbe2edb05aa174ede14"