refactor: TAR-110 move initDatadog to main.tsx

amplience · Apr 25, 2024 · d4a14ba · d4a14ba
1 parent 9641889
commit d4a14ba
Show file tree

Hide file tree

Showing 4 changed files with 30 additions and 28 deletions.
diff --git a/src/App.tsx b/src/App.tsx
@@ -1,36 +1,8 @@
-import { datadogRum } from "@datadog/browser-rum";
 import { SeoMetaTags } from "./components/SeoMetaTags/SeoMetaTags";
 import Theme from "./components/Theme";
 import { WithExtensionContext } from "./hooks/withExtensionContext";
-import { useEffect } from "react";
 
 function App() {
-  useEffect(() => {
-    const ddToken = import.meta.env.PUBLIC_DATADOG_TOKEN;
-    const ddId = import.meta.env.PUBLIC_DATADOG_ID;
-    const ddEnv = import.meta.env.PUBLIC_DATADOG_ENV;
-
-    if (ddToken && ddId && ddEnv) {
-      datadogRum.init({
-        applicationId: ddId,
-        clientToken: ddToken,
-        env: ddEnv,
-        site: "datadoghq.com",
-        service: "dc-extension-seo-meta-tags",
-        trackResources: true,
-        trackLongTasks: true,
-        trackUserInteractions: true,
-        defaultPrivacyLevel: "allow",
-        sessionSampleRate: 100,
-        sessionReplaySampleRate: 100,
-        usePartitionedCrossSiteSessionCookie: true,
-        proxy: "https://dd-proxy.amplience.net",
-      });
-
-      datadogRum.startSessionReplayRecording();
-    }
-  }, []);
-
   return (
     <WithExtensionContext>
       <Theme>

diff --git a/src/lib/datadog/index.ts b/src/lib/datadog/index.ts
@@ -0,0 +1 @@
+export { initDatadog } from "./initDatadog";
diff --git a/src/lib/datadog/initDatadog.ts b/src/lib/datadog/initDatadog.ts
@@ -0,0 +1,27 @@
+import { datadogRum } from "@datadog/browser-rum";
+
+export const initDatadog = () => {
+  const ddToken = import.meta.env.PUBLIC_DATADOG_TOKEN;
+  const ddId = import.meta.env.PUBLIC_DATADOG_ID;
+  const ddEnv = import.meta.env.PUBLIC_DATADOG_ENV;
+
+  if (ddToken && ddId && ddEnv) {
+    datadogRum.init({
+      applicationId: ddId,
+      clientToken: ddToken,
+      env: ddEnv,
+      site: "datadoghq.com",
+      service: "dc-extension-seo-meta-tags",
+      trackResources: true,
+      trackLongTasks: true,
+      trackUserInteractions: true,
+      defaultPrivacyLevel: "allow",
+      sessionSampleRate: 100,
+      sessionReplaySampleRate: 100,
+      usePartitionedCrossSiteSessionCookie: true,
+      proxy: "https://dd-proxy.amplience.net",
+    });
+
+    datadogRum.startSessionReplayRecording();
+  }
+};
diff --git a/src/main.tsx b/src/main.tsx
@@ -2,6 +2,7 @@ import React from "react";
 import ReactDOM from "react-dom/client";
 import App from "./App.tsx";
 import { init as initGainsight } from "./lib/gainsight";
+import { initDatadog } from "./lib/datadog";
 
 ReactDOM.createRoot(document.getElementById("root")!).render(
   <React.StrictMode>
@@ -10,3 +11,4 @@ ReactDOM.createRoot(document.getElementById("root")!).render(
 );
 
 initGainsight(window, import.meta.env.PUBLIC_APTRINSIC_APP_ID);
+initDatadog();