Trying to fix docsearch

Author: syrusakbary

package.json

@@ -4,7 +4,8 @@
   "version": "1.0.0",
   "author": "Kyle Mathews <mathews.kyle@gmail.com>",
   "dependencies": {
-    "@jacobmischka/gatsby-plugin-react-svg": "git+https://github.com/jacobmischka/gatsby-plugin-react-svg.git",
+    "@jacobmischka/gatsby-plugin-react-svg":
+      "git+https://github.com/jacobmischka/gatsby-plugin-react-svg.git",
     "docsearch.js": "^2.5.2",
     "gatsby": "^1.9.73",
     "gatsby-link": "^1.6.22",
@@ -21,17 +22,18 @@
     "rucksack-css": "^1.0.2",
     "styled-jsx-plugin-postcss": "0.1.0"
   },
-  "keywords": [
-    "gatsby"
-  ],
+  "keywords": ["gatsby"],
   "license": "MIT",
   "main": "n/a",
   "scripts": {
     "clean": "rm -rf ./public",
     "create-sphinx-theme": "./scripts/create_package",
-    "build": "yarn clean && gatsby build --prefix-paths && ./scripts/replace && yarn create-sphinx-theme",
+    "build":
+      "yarn clean && gatsby build --prefix-paths && ./scripts/replace && yarn create-sphinx-theme",
     "develop": "gatsby develop",
-    "format": "prettier --trailing-comma es5 --no-semi --single-quote --write 'src/**/*.js'",
+    "serve": "gatsby serve",
+    "format":
+      "prettier --trailing-comma es5 --no-semi --single-quote --write 'src/**/*.js'",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "devDependencies": {

src/layouts/index.js

@@ -13,20 +13,27 @@ import "./index.css";
 
 const SEARCH_DOCS = true;
 
-let docsearch;
-if (typeof window !== "undefined" && SEARCH_DOCS) {
-  docsearch = require("docsearch.js/dist/cdn/docsearch.min");
-  try {
-    docsearch({
-      apiKey: "4b6d0afa80197db35886555b5ef4721f",
-      inputSelector: "#search-docs",
-      indexName: "graphene_python",
-      debug: false
-    });
-  } catch (e) {}
-} else {
-  docsearch = false;
-}
+// let docsearch;
+// if (typeof window !== "undefined" && SEARCH_DOCS) {
+//   docsearch = require("docsearch.js/dist/cdn/docsearch.min");
+//   try {
+//     docsearch({
+//       apiKey: "4b6d0afa80197db35886555b5ef4721f",
+//       inputSelector: "#search-docs",
+//       indexName: "graphene_python",
+//       transformData: function(suggestions) {
+//         return suggestions.map(function(suggestion) {
+//           suggestion.url.replace("http:", "https:");
+//           return suggestion;
+//         });
+//       },
+//       // "start_urls": ["https://www.example.com/docs"],
+//       debug: false
+//     });
+//   } catch (e) {}
+// } else {
+//   docsearch = false;
+// }
 
 const HeaderLink = ({ to, children, docs, ...extra }) => {
   if (docs) {
@@ -45,14 +52,23 @@ const HeaderLink = ({ to, children, docs, ...extra }) => {
 
 class Header extends React.Component {
   componentDidMount() {
-    if (SEARCH_DOCS && docsearch) {
-      docsearch({
-        apiKey: "4b6d0afa80197db35886555b5ef4721f",
-        inputSelector: "#search-docs",
-        indexName: "graphene_python"
-        // debug: true
-      });
-    }
+    try {
+      if (SEARCH_DOCS && typeof window !== "undefined") {
+        let docsearch = require("docsearch.js/dist/cdn/docsearch.min");
+        docsearch({
+          apiKey: "4b6d0afa80197db35886555b5ef4721f",
+          inputSelector: "#search-docs",
+          indexName: "graphene_python",
+          transformData: function(suggestions) {
+            return suggestions.map(function(suggestion) {
+              suggestion.url = suggestion.url.replace("http:", "https:");
+              return suggestion;
+            });
+          }
+          // debug: true
+        });
+      }
+    } catch (e) {}
   }
   render() {
     let { docs } = this.props;
@@ -378,7 +394,25 @@ const TemplateWrapper = ({ children, ...otherProps }) => {
           { name: "description", content: "Graphene framework for Python" },
           { name: "keywords", content: "graphene, graphql, python, framework" }
         ]}
-      />
+      >
+        <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js" />
+        <script
+          dangerouslySetInnerHTML={{
+            __html: `
+      docsearch({
+        apiKey: "4b6d0afa80197db35886555b5ef4721f",
+        inputSelector: "#search-docs",
+        indexName: "graphene_python",
+        transformData: function(suggestions) {
+          return suggestions.map(function(suggestion) {
+            suggestion.url = suggestion.url.replace("http:", "https:");
+            return suggestion;
+          });
+        }
+      });`
+          }}
+        />
+      </Helmet>
       <Header docs={docs} />
       <div>{children()}</div>
     </div>