chore(npm source): use index.browse (#4861)

* chore(npm source): use index.browse

This will get all of the hits, even if they are on multiple pages, and is actually better for this usecase

Signed-off-by: Haroen Viaene <[email protected]>

* chore(search): update API key with unique one for gatsby

Signed-off-by: Haroen Viaene <[email protected]>

* simplify and fix

Signed-off-by: Haroen Viaene <[email protected]>

Author: Haroenv

packages/gatsby-source-npm-package-search/src/gatsby-node.js

@@ -1,7 +1,7 @@
 const algoliasearch = require(`algoliasearch`)
 const crypto = require(`crypto`)
 
-const client = algoliasearch(`OFCNCOG2CU`, `f54e21fa3a2a0160595bb058179bfb1e`)
+const client = algoliasearch(`OFCNCOG2CU`, `6fbcaeafced8913bf0e4d39f0b541957`)
 var index = client.initIndex(`npm-search`)
 
 const createContentDigest = obj =>
@@ -10,6 +10,17 @@ const createContentDigest = obj =>
     .update(JSON.stringify(obj))
     .digest(`hex`)
 
+function browse({ index, ...params }) {
+  let hits = []
+  const browser = index.browseAll(params)
+
+  return new Promise((resolve, reject) => {
+    browser.on(`result`, content => (hits = hits.concat(content.hits)))
+    browser.on(`end`, () => resolve(hits))
+    browser.on(`error`, err => reject(err))
+  })
+}
+
 exports.sourceNodes = async (
   { boundActionCreators, createNodeId },
   { keywords }
@@ -18,19 +29,15 @@ exports.sourceNodes = async (
 
   console.log(`Grabbing local NPM packages...`)
 
-  let buildFilter = []
-
-  keywords.forEach(keyword => {
-    buildFilter.push(`keywords:${keyword}`)
-  })
+  const buildFilter = keywords.map(keyword => `keywords:${keyword}`)
 
-  const data = await index.search({
-    query: ``,
+  const hits = await browse({
+    index,
     filters: `(${buildFilter.join(` OR `)})`,
     hitsPerPage: 1000,
   })
 
-  data.hits.forEach(hit => {
+  hits.forEach(hit => {
     // commented changed remove all badges and images from readme content to keep the creation of the node from failing below
     // if (hit.readme.includes(`![`)) {
     //   hit.readme = hit.readme.replace(/[[]?!\[.*\b/gi, ``)
@@ -52,7 +59,6 @@ exports.sourceNodes = async (
     readmeNode.internal.contentDigest = createContentDigest(readmeNode)
     // Remove unneeded data
     delete hit.readme
-    delete hit._highlightResult
     delete hit.versions
 
     const node = {

www/src/components/searchbar-body.js

@@ -416,7 +416,7 @@ class SearchBar extends Component {
     return (
       <div>
         <InstantSearch
-          apiKey="f54e21fa3a2a0160595bb058179bfb1e"
+          apiKey="ae43b69014c017e05950a1cd4273f404"
           appId="OFCNCOG2CU"
           indexName="npm-search"
           searchState={this.state.searchState}