diff --git a/Makefile b/Makefile index 57121f67..4cf048ec 100644 --- a/Makefile +++ b/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 diff --git a/website/docusaurus.config.js b/website/docusaurus.config.js index 0ba89693..22640665 100644 --- a/website/docusaurus.config.js +++ b/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: { diff --git a/website/package.json b/website/package.json index 2fc4683f..69f527c4 100644 --- a/website/package.json +++ b/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", diff --git a/website/src/theme/DocPage/index.js b/website/src/theme/DocPage/index.js index 0f0c6d60..f1e11606 100644 --- a/website/src/theme/DocPage/index.js +++ b/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'; @@ -138,12 +139,15 @@ function DocPage(props) { matchPath(location.pathname, docRoute), ); - // DocPage Swizzle + // DocPage Swizzle + const {siteConfig} = useDocusaurusContext(); useEffect(() => { - 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 }); + 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