Store context in site metadata

.env.development

@@ -1,2 +1,3 @@
 GATSBY_DOCSEARCH_API_KEY=0ca39e6ea6a622b335fc0c71482aff54
-GATSBY_DOCSEARCH_INDEX=silverstripe
+GATSBY_DOCSEARCH_INDEX=silverstripe
+DOCS_CONTEXT=docs

.gitignore

@@ -68,3 +68,6 @@ yarn-error.log
 .pnp.js
 # Yarn Integrity file
 .yarn-integrity
+
+static/_redirects
+public/_redirects

gatsby-config.js

@@ -3,9 +3,10 @@ const path = require('path');
 module.exports = {
   siteMetadata: {
     title: `Silverstripe CMS Documentation`,
-    description: `Developer documentation for the Silverstripe CMS and framework.`,
+    description: `Developer and user documentation for the Silverstripe CMS and framework.`,
     author: `The Silverstripe Community`,
     siteUrl: `https://doc.silverstripe.org`,
+    context: process.env.DOCS_CONTEXT,
   },
   plugins: [
     `gatsby-plugin-react-helmet`,

src/components/SEO.tsx

@@ -28,6 +28,7 @@ const SEO: StatelessComponent<SEOProps> = ({ description, lang, meta, title }) =
           title
           description
           author
+          context
         }
       }
     }
@@ -79,7 +80,7 @@ const SEO: StatelessComponent<SEOProps> = ({ description, lang, meta, title }) =
         },
         {
           name: `docsearch:context`,
-          content: process.env.DOCS_CONTEXT,
+          content: site.siteMetadata.context,
         },
       ].concat(meta)}
     />

src/components/SearchBox.tsx

@@ -19,7 +19,9 @@ const autocompleteSelected = (e) => {
 const SearchBox: StatelessComponent<SearchBoxProps> = ({ identifier }): ReactElement|null => {
     useEffect(() => {
         if (typeof window === 'undefined') return;
-
+        if (!process.env.GATSBY_DOCSEARCH_API_KEY) {
+          return;
+        }
         window.addEventListener(
             `autocomplete:selected`,
             autocompleteSelected,