fix: 🩹 website: use docusaurus context

Signed-off-by: jffarge <jf@dagger.io>

Makefile

@@ -89,7 +89,7 @@ mdlint: # Markdown lint for web
 .PHONY: web
 web: # Run the website locally
 	yarn --cwd "./website" install
-	yarn --cwd "./website" dev
+	yarn --cwd "./website" start
 
 .PHONY: todo
 todo: # Find all TODO items

website/docusaurus.config.js

@@ -15,6 +15,9 @@ module.exports = {
   stylesheets: [
     "https://fonts.googleapis.com/css2?family=Karla&family=Montserrat:wght@700&display=swap",
   ],
+  customFields: {
+    AMPLITUDE_ID: process.env.REACT_APP_AMPLITUDE_ID
+  },
   themeConfig: {
     sidebarCollapsed: false,
     prism: {

website/package.json

@@ -4,7 +4,6 @@
   "private": true,
   "scripts": {
     "docusaurus": "docusaurus",
-    "dev": "REACT_APP_AMPLITUDE_ID= docusaurus start",
     "start": "docusaurus start",
     "build": "docusaurus build",
     "swizzle": "docusaurus swizzle",

website/src/theme/DocPage/index.js

@@ -7,6 +7,7 @@
 import React, {useState, useEffect, useCallback} from 'react';
 import {MDXProvider} from '@mdx-js/react';
 import renderRoutes from '@docusaurus/renderRoutes';
+import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import Layout from '@theme/Layout';
 import DocSidebar from '@theme/DocSidebar';
 import MDXComponents from '@theme/MDXComponents';
@@ -139,11 +140,14 @@ function DocPage(props) {
   );
 
   // DocPage Swizzle
+  const {siteConfig} = useDocusaurusContext();
   useEffect(() => {
+      if(siteConfig.AMPLITUDE_ID) {
         var instance1 = amplitude.getInstance().init(process.env.REACT_APP_AMPLITUDE_ID, null, {
           apiEndpoint: `${window.location.hostname}/t`
         })
         amplitude.getInstance().logEvent('Docs Viewed', { "hostname": window.location.hostname, "path": location.pathname });
+      }
   }, [location.pathname])
   // End DocPageSwizzle