WIP algolia

justinwhall · justinwhall · commit 6ab768ce057f · 2018-07-20T11:40:51.000-06:00
diff --git a/gatsby-browser.js b/gatsby-browser.js
@@ -0,0 +1,10 @@
+exports.onClientEntry = () => {
+  (function () {
+    const path = 'https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css';
+    const link = document.createElement('link');
+    link.setAttribute('rel', 'stylesheet');
+    link.setAttribute('type', 'text/css');
+    link.setAttribute('href', path);
+    document.head.appendChild(link);
+  }());
+};
diff --git a/src/components/Search/index.jsx b/src/components/Search/index.jsx
@@ -3,20 +3,12 @@ import './search.scss';
 
 class Search extends React.Component {
   componentDidMount() {
-    /* eslint-disable */
-    (function (w, d, t, u, n, s, e) {
-      w.SwiftypeObject = n; w[n] = w[n] || function () {
-        (w[n].q = w[n].q || []).push(arguments);
-      };
-      s = d.createElement(t);
-      e = d.getElementsByTagName(t)[0];
-      s.async = 1;
-      s.src = u;
-      e.parentNode.insertBefore(s, e);
-    }(window, document, 'script', '//s.swiftypecdn.com/install/v2/st.js', '_st'));
-
-    _st('install', 'NC4TVEWaL6p6zBLuL7eo', '2.0.0');
-    /* eslint-enable */
+    window.docsearch({
+      apiKey: '621c583d8098d07c471dbaf6c2178e56',
+      indexName: 'sendgrid_hc',
+      inputSelector: '.search-query',
+      debug: true, // Set debug to true if you want to inspect the dropdown
+    });
   }
 
   render() {
diff --git a/src/components/Search/search.scss b/src/components/Search/search.scss
@@ -19,3 +19,7 @@
   border: none;
   box-shadow: none;
 }
+
+.search-docs .algolia-autocomplete {
+  width: 100%;
+}
diff --git a/src/html.jsx b/src/html.jsx
@@ -31,11 +31,25 @@ export default class HTML extends React.Component {
       <html lang="en">
         <head>
           <meta charSet="utf-8" />
+          <meta foobar="utf-8" />
           <meta
             name="viewport"
             content="width=device-width, initial-scale=1.0"
           />
+          <link
+            rel="preload"
+            href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"
+            as="script"
+          />
+          <link
+            rel="preload"
+            href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css"
+            as="style"
+          />
           <script src="//cdn.optimizely.com/js/72168671.js" />
+          <script
+            src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"
+          />
           {this.props.headComponents}
           {/* <link rel="shortcut icon" href={favicon} /> */}
           {css}

Original file line number	Diff line number	Diff line change
`@@ -19,3 +19,7 @@`
`19`	`19`	`border: none;`
`20`	`20`	`box-shadow: none;`
`21`	`21`	`}`
	`22`	`+`
	`23`	`+.search-docs .algolia-autocomplete {`
	`24`	`+ width: 100%;`
	`25`	`+}`