Add Search functionality (#122)

* Implement search

* Revert rename from `.env` to `.env.example` + try to include it in Docker

* Update dependencies

* Search improvements

* Search design changes + fixes

* Update dependencies

* Update search styles based on feedback

* Try something

* Revert "Try something"

This reverts commit 051a7e1.

* Try something else

* Quick fix

* Style tweak

* More search fixes and improvements following feedback

.dockerignore

@@ -1,6 +1,5 @@
 .git
 .github
-.env
 **/node_modules
 **/README.md
 **/build

.env

@@ -1 +1,3 @@
+ALGOLIA_API_KEY=1a3616197a9f4f4927b09aa9c629b54c
+ALGOLIA_APP_ID=WQ5FYJCL00
 NPM_TOKEN=

algolia-crawler.config.js

@@ -0,0 +1,92 @@
+new Crawler({
+  appId: 'WQ5FYJCL00',
+  apiKey: '1a3616197a9f4f4927b09aa9c629b54c',
+  rateLimit: 8,
+  startUrls: [
+    'https://thegraph.com/docs/en/',
+    'https://thegraph.com/docs/ar/',
+    'https://thegraph.com/docs/es/',
+    'https://thegraph.com/docs/ja/',
+    'https://thegraph.com/docs/ko/',
+    'https://thegraph.com/docs/vi/',
+    'https://thegraph.com/docs/zh/',
+  ],
+  ignoreQueryParams: ['utm_medium', 'utm_source', 'utm_campaign', 'utm_term'],
+  actions: [
+    {
+      indexName: 'thegraph',
+      pathsToMatch: ['https://thegraph.com/docs/**'],
+      recordExtractor: ({ helpers }) => {
+        return helpers.docsearch({
+          recordProps: {
+            lvl0: {
+              selectors: '.graph-docs-current-group',
+              defaultValue: 'The Graph Docs',
+            },
+            lvl1: '.graph-docs-content h1 > span:first-of-type',
+            lvl2: '.graph-docs-content h2 > span:first-of-type',
+            lvl3: '.graph-docs-content h3 > span:first-of-type',
+            lvl4: '.graph-docs-content h4 > span:first-of-type',
+            lvl5: '.graph-docs-content h5 > span:first-of-type',
+            lvl6: '.graph-docs-content h6 > span:first-of-type',
+            content: '.graph-docs-content p, .graph-docs-content li',
+          },
+        })
+      },
+    },
+  ],
+  initialIndexSettings: {
+    thegraph: {
+      attributesForFaceting: ['type', 'language'],
+      attributesToRetrieve: ['hierarchy', 'content', 'anchor', 'url', 'url_without_anchor'],
+      attributesToHighlight: ['hierarchy', 'hierarchy_camel', 'content'],
+      attributesToSnippet: ['content:10'],
+      camelCaseAttributes: ['hierarchy', 'hierarchy_radio', 'content'],
+      searchableAttributes: [
+        'unordered(hierarchy_radio_camel.lvl0)',
+        'unordered(hierarchy_radio.lvl0)',
+        'unordered(hierarchy_radio_camel.lvl1)',
+        'unordered(hierarchy_radio.lvl1)',
+        'unordered(hierarchy_radio_camel.lvl2)',
+        'unordered(hierarchy_radio.lvl2)',
+        'unordered(hierarchy_radio_camel.lvl3)',
+        'unordered(hierarchy_radio.lvl3)',
+        'unordered(hierarchy_radio_camel.lvl4)',
+        'unordered(hierarchy_radio.lvl4)',
+        'unordered(hierarchy_radio_camel.lvl5)',
+        'unordered(hierarchy_radio.lvl5)',
+        'unordered(hierarchy_radio_camel.lvl6)',
+        'unordered(hierarchy_radio.lvl6)',
+        'unordered(hierarchy_camel.lvl0)',
+        'unordered(hierarchy.lvl0)',
+        'unordered(hierarchy_camel.lvl1)',
+        'unordered(hierarchy.lvl1)',
+        'unordered(hierarchy_camel.lvl2)',
+        'unordered(hierarchy.lvl2)',
+        'unordered(hierarchy_camel.lvl3)',
+        'unordered(hierarchy.lvl3)',
+        'unordered(hierarchy_camel.lvl4)',
+        'unordered(hierarchy.lvl4)',
+        'unordered(hierarchy_camel.lvl5)',
+        'unordered(hierarchy.lvl5)',
+        'unordered(hierarchy_camel.lvl6)',
+        'unordered(hierarchy.lvl6)',
+        'content',
+      ],
+      distinct: true,
+      attributeForDistinct: 'url',
+      customRanking: ['desc(weight.pageRank)', 'desc(weight.level)', 'asc(weight.position)'],
+      ranking: ['words', 'filters', 'typo', 'attribute', 'proximity', 'exact', 'custom'],
+      highlightPreTag: '<span class="algolia-docsearch-suggestion--highlight">',
+      highlightPostTag: '</span>',
+      minWordSizefor1Typo: 3,
+      minWordSizefor2Typos: 7,
+      allowTyposOnNumericTokens: false,
+      minProximity: 1,
+      ignorePlurals: true,
+      advancedSyntax: true,
+      attributeCriteriaComputedByMinProximity: true,
+      removeWordsIfNoResults: 'allOptional',
+    },
+  },
+})