Merge pull request #714 from newrelic/campfire/splitio

Split.io integration
newrelic · Sep 3, 2020 · d73ad2e · d73ad2e
2 parents 78bdefa + be79f72
commit d73ad2e
Show file tree

Hide file tree

Showing 5 changed files with 174 additions and 21 deletions.
diff --git a/gatsby-config.js b/gatsby-config.js
@@ -18,6 +18,21 @@ module.exports = {
           contentPadding: '2rem',
           maxWidth: '1700px',
         },
+        splitio: {
+          core: {
+            authorizationKey: process.env.SPLITIO_AUTH_KEY,
+          },
+          env: {
+            development: {
+              features: {
+                'developer-website_global-header-gh-buttons': 'on',
+              },
+              core: {
+                authorizationKey: process.env.SPLITIO_AUTH_KEY || 'localhost',
+              },
+            },
+          },
+        },
         newrelic: {
           configs: {
             production: {

diff --git a/gatsby-node.js b/gatsby-node.js
@@ -94,8 +94,14 @@ exports.onCreateNode = ({ node, actions }) => {
   }
 };
 
-exports.onCreateWebpackConfig = ({ actions }) => {
+exports.onCreateWebpackConfig = ({ actions, plugins }) => {
   actions.setWebpackConfig({
+    // The `debug` library is causing issues when building the site by including
+    // invalid JS. This ensures the module resolves to the browser-capatible
+    // source instead of the node source. See the following issue for this
+    // recommendation:
+    // https://github.com/escaladesports/legacy-gatsby-plugin-prefetch-google-fonts/issues/18
+    plugins: [plugins.normalModuleReplacement(/^\.\/node\.js/, './browser.js')],
     externals: {
       tessen: 'Tessen',
     },

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -7,7 +7,8 @@
     "@emotion/styled": "^10.0.27",
     "@mdx-js/mdx": "^1.6.16",
     "@mdx-js/react": "^1.6.16",
-    "@newrelic/gatsby-theme-newrelic": "^1.7.3",
+    "@newrelic/gatsby-theme-newrelic": "^1.8.1",
+    "@splitsoftware/splitio-react": "^1.2.0",
     "classnames": "^2.2.6",
     "date-fns": "^2.15.0",
     "eslint-plugin-react-hooks": "^4.0.8",

diff --git a/src/layouts/MainLayout.js b/src/layouts/MainLayout.js
@@ -11,28 +11,39 @@ import MobileHeader from '../components/MobileHeader';
 import Sidebar from '../components/Sidebar';
 import CookieApprovalDialog from '../components/CookieApprovalDialog';
 import '../components/styles.scss';
+import usePageContext from '../hooks/usePageContext';
 import { useLocation } from '@reach/router';
 
 const gaTrackingId = 'UA-3047412-33';
 const gdprConsentCookieName = 'newrelic-gdpr-consent';
 
 const MainLayout = ({ children }) => {
   const {
-    site: { layout },
+    site: { layout, siteMetadata },
   } = useStaticQuery(graphql`
     query {
       site {
         layout {
           contentPadding
           maxWidth
         }
+        siteMetadata {
+          repository
+        }
       }
     }
   `);
 
   const location = useLocation();
+  const { fileRelativePath } = usePageContext();
   const [cookieConsent, setCookieConsent] = useState(false);
   const [isMobileNavOpen, setIsMobileNavOpen] = useState(false);
+  const isComponentDoc = fileRelativePath.includes(
+    'src/markdown-pages/components'
+  );
+  const editUrl = isComponentDoc
+    ? null
+    : `${siteMetadata.repository}/blob/main/${fileRelativePath}`;
 
   useEffect(() => {
     const consentValue = Cookies.get(gdprConsentCookieName) === 'true';
@@ -68,7 +79,7 @@ const MainLayout = ({ children }) => {
           </script>
         ) : null}
       </Helmet>
-      <GlobalHeader search />
+      <GlobalHeader editUrl={editUrl} />
       <MobileHeader
         css={css`
           @media (min-width: 761px) {