From c7eacc02ad4ad261ee55e4af53eecc1dfd576d63 Mon Sep 17 00:00:00 2001
From: Jerel Miller <jerelmiller@gmail.com>
Date: Thu, 3 Sep 2020 02:25:07 -0700
Subject: [PATCH] feat: move sdk ssr config over to source plugin

---
 gatsby-ssr.js                                 | 33 ------------
 .../gatsby-source-newrelic-sdk/gatsby-ssr.js  | 52 +++++++++++++++++++
 src/utils/sdk.js                              |  1 -
 3 files changed, 52 insertions(+), 34 deletions(-)
 create mode 100644 plugins/gatsby-source-newrelic-sdk/gatsby-ssr.js

diff --git a/gatsby-ssr.js b/gatsby-ssr.js
index b42af8433..2e492e704 100644
--- a/gatsby-ssr.js
+++ b/gatsby-ssr.js
@@ -5,48 +5,15 @@
  */
 
 import React from 'react';
-import { JS_BUNDLE } from './src/utils/sdk';
 import wrapPageElement from './gatsby/wrap-page-element';
 
 // This is needed to ensure the NR1 SDK can load properly
 const onPreRenderHTML = ({
-  getHeadComponents,
-  replaceHeadComponents,
   getPostBodyComponents,
   replacePostBodyComponents,
 }) => {
-  replaceHeadComponents([
-    ...getHeadComponents(),
-    <script
-      key="react"
-      crossOrigin="anonymous"
-      src="//nr1.nr-assets.net/lib/react/16.6.3/react.development.js"
-    />,
-    <script
-      key="react-dom"
-      crossOrigin="anonymous"
-      src="//nr1.nr-assets.net/lib/react/16.6.3/react-dom.development.js"
-    />,
-    <script
-      key="react-router"
-      crossOrigin="anonymous"
-      src="//nr1.nr-assets.net/lib/react-router/4.2.0/react-router.js"
-    />,
-    <script
-      key="react-router-dom"
-      crossOrigin="anonymous"
-      src="//nr1.nr-assets.net/lib/react-router-dom/4.2.2/react-router-dom.js"
-    />,
-    <script
-      key="d3"
-      crossOrigin="anonymous"
-      src="//nr1.nr-assets.net/lib/d3/3.5.17/d3.js"
-    />,
-  ]);
-
   replacePostBodyComponents([
     ...getPostBodyComponents(),
-    <script key="nr1-sdk" crossOrigin="anonymous" src={JS_BUNDLE} />,
     <script
       key="marketo-form"
       src="//app-abj.marketo.com/js/forms2/js/forms2.min.js"
diff --git a/plugins/gatsby-source-newrelic-sdk/gatsby-ssr.js b/plugins/gatsby-source-newrelic-sdk/gatsby-ssr.js
new file mode 100644
index 000000000..4ac333e8b
--- /dev/null
+++ b/plugins/gatsby-source-newrelic-sdk/gatsby-ssr.js
@@ -0,0 +1,52 @@
+import React from 'react';
+import { BASE_URL } from './src/constants';
+
+export const onPreRenderHTML = (
+  {
+    getHeadComponents,
+    replaceHeadComponents,
+    getPostBodyComponents,
+    replacePostBodyComponents,
+  },
+  pluginOptions
+) => {
+  const { release } = pluginOptions;
+
+  replaceHeadComponents([
+    ...getHeadComponents(),
+    <script
+      key="react"
+      crossOrigin="anonymous"
+      src="//nr1.nr-assets.net/lib/react/16.6.3/react.development.js"
+    />,
+    <script
+      key="react-dom"
+      crossOrigin="anonymous"
+      src="//nr1.nr-assets.net/lib/react/16.6.3/react-dom.development.js"
+    />,
+    <script
+      key="react-router"
+      crossOrigin="anonymous"
+      src="//nr1.nr-assets.net/lib/react-router/4.2.0/react-router.js"
+    />,
+    <script
+      key="react-router-dom"
+      crossOrigin="anonymous"
+      src="//nr1.nr-assets.net/lib/react-router-dom/4.2.2/react-router-dom.js"
+    />,
+    <script
+      key="d3"
+      crossOrigin="anonymous"
+      src="//nr1.nr-assets.net/lib/d3/3.5.17/d3.js"
+    />,
+  ]);
+
+  replacePostBodyComponents([
+    ...getPostBodyComponents(),
+    <script
+      key="nr1-sdk"
+      crossOrigin="anonymous"
+      src={`${BASE_URL}-${release}.js`}
+    />,
+  ]);
+};
diff --git a/src/utils/sdk.js b/src/utils/sdk.js
index 4f24476d6..6c2aab94e 100644
--- a/src/utils/sdk.js
+++ b/src/utils/sdk.js
@@ -2,5 +2,4 @@ const BASE_URL =
   '//hypertext-sandbox.nr-assets.net/wanda--wanda-ec-ui--nr1-docs';
 const RELEASE = 'release-1339';
 
-export const JS_BUNDLE = `${BASE_URL}-${RELEASE}.js`;
 export const CSS_BUNDLE = `${BASE_URL}-${RELEASE}.css`;