ref: Replace new Replay() with replayIntegration (#532)

* ref(sveltekit): Replace `new Replay()` with `replayIntegration` * ref(nextjs): Replace `new Replay()` with `replayIntegration` * ref(remix): Replace `new Replay()` with `replayIntegration` * changelog * unreleased
getsentry · Feb 1, 2024 · 2678334 · 2678334
1 parent 5b3312c
commit 2678334
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 5 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,11 @@
 # Changelog
 
+## Unreleased
+
+- ref(nextjs): Replace `new Replay()` with `replayIntegration` (#532)
+- ref(remix): Replace `new Replay()` with `replayIntegration` (#532)
+- ref(sveltekit): Replace `new Replay()` with `replayIntegration` (#532)
+
 ## 3.20.2
 
 - ref(wizard): Print error object if wizard endpoint API request failed (#524)

diff --git a/src/nextjs/templates.ts b/src/nextjs/templates.ts
@@ -129,7 +129,7 @@ export function getSentryConfigContents(
 
   // You can remove this option if you're not planning to use the Sentry Session Replay feature:
   integrations: [
-    new Sentry.Replay({
+    Sentry.replayIntegration({
       // Additional Replay configuration goes in here, for example:
       maskAllText: true,
       blockAllMedia: true,

diff --git a/src/remix/sdk-setup.ts b/src/remix/sdk-setup.ts
@@ -78,6 +78,7 @@ function insertClientInitCall(
     replaysSessionSampleRate: 0.1,
     replaysOnErrorSampleRate: 1.0,
     integrations: [
+      // TODO: Replace as soon as we have the new browserTracingIntegration for Remix
       builders.newExpression('Sentry.BrowserTracing', {
         routingInstrumentation: builders.functionCall(
           'Sentry.remixRouterInstrumentation',
@@ -86,7 +87,7 @@ function insertClientInitCall(
           builders.raw('useMatches'),
         ),
       }),
-      builders.newExpression('Sentry.Replay'),
+      builders.functionCall('Sentry.replayIntegration'),
     ],
   });
 

diff --git a/src/sveltekit/sdk-setup.ts b/src/sveltekit/sdk-setup.ts
@@ -236,7 +236,7 @@ function insertClientInitCall(
     tracesSampleRate: 1.0,
     replaysSessionSampleRate: 0.1,
     replaysOnErrorSampleRate: 1.0,
-    integrations: [builders.newExpression('Sentry.Replay')],
+    integrations: [builders.functionCall('Sentry.replayIntegration')],
   });
 
   // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment

diff --git a/src/sveltekit/templates.ts b/src/sveltekit/templates.ts
@@ -1,5 +1,5 @@
 export function getClientHooksTemplate(dsn: string) {
-  return `import { handleErrorWithSentry, Replay } from "@sentry/sveltekit";
+  return `import { handleErrorWithSentry, replayIntegration } from "@sentry/sveltekit";
 import * as Sentry from '@sentry/sveltekit';
 
 Sentry.init({
@@ -15,7 +15,7 @@ Sentry.init({
   replaysOnErrorSampleRate: 1.0,
   
   // If you don't want to use Session Replay, just remove the line below:
-  integrations: [new Replay()],
+  integrations: [replayIntegration()],
 });
 
 // If you have a custom error handler, pass it to \`handleErrorWithSentry\`