feat(v8): Remove deprecated Replay, Feedback, ReplayCanvas exports (#10814)

On the road to deleting `Sentry.Integrations` exports - we remove all
exports for `Sentry.Replay`, `Sentry.Feedback`, and
`Sentry.ReplayCanvas`.

Author: AbhiPrasad

.size-limit.js

@@ -3,28 +3,28 @@ module.exports = [
   {
     name: '@sentry/browser (incl. Tracing, Replay, Feedback) - Webpack (gzipped)',
     path: 'packages/browser/build/npm/esm/index.js',
-    import: '{ init, Replay, browserTracingIntegration, Feedback }',
+    import: '{ init, replayIntegration, browserTracingIntegration, feedbackIntegration }',
     gzip: true,
     limit: '90 KB',
   },
   {
     name: '@sentry/browser (incl. Tracing, Replay) - Webpack (gzipped)',
     path: 'packages/browser/build/npm/esm/index.js',
-    import: '{ init, Replay, browserTracingIntegration }',
+    import: '{ init, replayIntegration, browserTracingIntegration }',
     gzip: true,
     limit: '75 KB',
   },
   {
     name: '@sentry/browser (incl. Tracing, Replay with Canvas) - Webpack (gzipped)',
     path: 'packages/browser/build/npm/esm/index.js',
-    import: '{ init, Replay, browserTracingIntegration, ReplayCanvas }',
+    import: '{ init, replayIntegration, browserTracingIntegration, replayCanvasIntegration }',
     gzip: true,
     limit: '90 KB',
   },
   {
     name: '@sentry/browser (incl. Tracing, Replay) - Webpack with treeshaking flags (gzipped)',
     path: 'packages/browser/build/npm/esm/index.js',
-    import: '{ init, Replay, browserTracingIntegration }',
+    import: '{ init, replayIntegration, browserTracingIntegration }',
     gzip: true,
     limit: '75 KB',
     modifyWebpackConfig: function (config) {
@@ -57,7 +57,7 @@ module.exports = [
   {
     name: '@sentry/browser (incl. Feedback) - Webpack (gzipped)',
     path: 'packages/browser/build/npm/esm/index.js',
-    import: '{ init, Feedback }',
+    import: '{ init, feedbackIntegration }',
     gzip: true,
     limit: '50 KB',
   },
@@ -138,7 +138,7 @@ module.exports = [
   {
     name: '@sentry/react (incl. Tracing, Replay) - Webpack (gzipped)',
     path: 'packages/react/build/esm/index.js',
-    import: '{ init, browserTracingIntegration, Replay }',
+    import: '{ init, browserTracingIntegration, replayIntegration }',
     gzip: true,
     limit: '75 KB',
   },
@@ -154,7 +154,7 @@ module.exports = [
   {
     name: '@sentry/nextjs Client (incl. Tracing, Replay) - Webpack (gzipped)',
     path: 'packages/nextjs/build/esm/client/index.js',
-    import: '{ init, browserTracingIntegration, Replay }',
+    import: '{ init, browserTracingIntegration, replayIntegration }',
     gzip: true,
     limit: '110 KB',
   },
@@ -168,7 +168,7 @@ module.exports = [
   {
     name: '@sentry-internal/feedback - Webpack (gzipped)',
     path: 'packages/feedback/build/npm/esm/index.js',
-    import: '{ Feedback }',
+    import: '{ feedbackIntegration }',
     gzip: true,
     limit: '25 KB',
   },

dev-packages/browser-integration-tests/loader-suites/loader/onLoad/customReplay/init.js

@@ -2,7 +2,7 @@ Sentry.onLoad(function () {
   Sentry.init({
     integrations: [
       // Without this syntax, this will be re-written by the test framework
-      new window['Sentry'].Replay({
+      window['Sentry'].replayIntegration({
         useCompression: false,
       }),
     ],

dev-packages/browser-integration-tests/suites/feedback/captureFeedback/init.js

@@ -1,9 +1,8 @@
-import { Feedback } from '@sentry-internal/feedback';
 import * as Sentry from '@sentry/browser';
 
 window.Sentry = Sentry;
 
 Sentry.init({
   dsn: 'https://[email protected]/1337',
-  integrations: [new Feedback()],
+  integrations: [Sentry.feedbackIntegration()],
 });

dev-packages/browser-integration-tests/suites/feedback/captureFeedbackAndReplay/hasSampling/init.js

@@ -1,4 +1,3 @@
-import { Feedback } from '@sentry-internal/feedback';
 import * as Sentry from '@sentry/browser';
 
 window.Sentry = Sentry;
@@ -8,11 +7,11 @@ Sentry.init({
   replaysOnErrorSampleRate: 1.0,
   replaysSessionSampleRate: 0,
   integrations: [
-    new Sentry.Replay({
+    Sentry.replayIntegration({
       flushMinDelay: 200,
       flushMaxDelay: 200,
       minReplayDuration: 0,
     }),
-    new Feedback(),
+    Sentry.feedbackIntegration(),
   ],
 });

dev-packages/browser-integration-tests/suites/replay/bufferMode/init.js

@@ -1,7 +1,7 @@
 import * as Sentry from '@sentry/browser';
 
 window.Sentry = Sentry;
-window.Replay = new Sentry.Replay({
+window.Replay = Sentry.replayIntegration({
   flushMinDelay: 200,
   flushMaxDelay: 200,
   minReplayDuration: 0,

dev-packages/browser-integration-tests/suites/replay/bufferMode/test.ts

@@ -1,5 +1,5 @@
 import { expect } from '@playwright/test';
-import type { Replay } from '@sentry/replay';
+import type { replayIntegration as actualReplayIntegration } from '@sentry/replay';
 import type { ReplayContainer } from '@sentry/replay/build/npm/types/types';
 
 import { sentryTest } from '../../../utils/fixtures';
@@ -58,19 +58,19 @@ sentryTest(
 
     expect(
       await page.evaluate(() => {
-        const replayIntegration = (window as unknown as Window & { Replay: { _replay: ReplayContainer } }).Replay;
-        const replay = replayIntegration._replay;
+        const replayIntegration = (window as unknown as Window & { Replay: ReturnType<typeof actualReplayIntegration> })
+          .Replay;
+        const replay = replayIntegration['_replay'];
         return replay.isEnabled();
       }),
     ).toBe(false);
 
     // Start buffering and assert that it is enabled
     expect(
       await page.evaluate(() => {
-        // eslint-disable-next-line deprecation/deprecation
-        const replayIntegration = (window as unknown as Window & { Replay: InstanceType<typeof Replay> }).Replay;
-        // @ts-expect-error private
-        const replay = replayIntegration._replay;
+        const replayIntegration = (window as unknown as Window & { Replay: ReturnType<typeof actualReplayIntegration> })
+          .Replay;
+        const replay = replayIntegration['_replay'];
         replayIntegration.startBuffering();
         return replay.isEnabled();
       }),
@@ -88,8 +88,8 @@ sentryTest(
     const [req0] = await Promise.all([
       reqPromise0,
       page.evaluate(async () => {
-        // eslint-disable-next-line deprecation/deprecation
-        const replayIntegration = (window as unknown as Window & { Replay: Replay }).Replay;
+        const replayIntegration = (window as unknown as Window & { Replay: ReturnType<typeof actualReplayIntegration> })
+          .Replay;
         await replayIntegration.flush();
       }),
     ]);
@@ -212,10 +212,9 @@ sentryTest(
     // Start buffering and assert that it is enabled
     expect(
       await page.evaluate(() => {
-        // eslint-disable-next-line deprecation/deprecation
-        const replayIntegration = (window as unknown as Window & { Replay: InstanceType<typeof Replay> }).Replay;
-        // @ts-expect-error private
-        const replay = replayIntegration._replay;
+        const replayIntegration = (window as unknown as Window & { Replay: ReturnType<typeof actualReplayIntegration> })
+          .Replay;
+        const replay = replayIntegration['_replay'];
         replayIntegration.startBuffering();
         return replay.isEnabled();
       }),
@@ -233,8 +232,8 @@ sentryTest(
     const [req0] = await Promise.all([
       reqPromise0,
       page.evaluate(async () => {
-        // eslint-disable-next-line deprecation/deprecation
-        const replayIntegration = (window as unknown as Window & { Replay: Replay }).Replay;
+        const replayIntegration = (window as unknown as Window & { Replay: ReturnType<typeof actualReplayIntegration> })
+          .Replay;
         await replayIntegration.flush({ continueRecording: false });
       }),
     ]);
@@ -328,8 +327,8 @@ sentryTest(
     // Start buffering and assert that it is enabled
     expect(
       await page.evaluate(() => {
-        // eslint-disable-next-line deprecation/deprecation
-        const replayIntegration = (window as unknown as Window & { Replay: InstanceType<typeof Replay> }).Replay;
+        const replayIntegration = (window as unknown as Window & { Replay: ReturnType<typeof actualReplayIntegration> })
+          .Replay;
         const replay = replayIntegration['_replay'];
         replayIntegration.startBuffering();
         return replay.isEnabled();
@@ -347,8 +346,8 @@ sentryTest(
     expect(errorEvent0.tags?.replayId).toBeUndefined();
 
     await page.evaluate(async () => {
-      // eslint-disable-next-line deprecation/deprecation
-      const replayIntegration = (window as unknown as Window & { Replay: Replay }).Replay;
+      const replayIntegration = (window as unknown as Window & { Replay: ReturnType<typeof actualReplayIntegration> })
+        .Replay;
       replayIntegration['_replay'].getOptions().errorSampleRate = 1.0;
     });
 

dev-packages/browser-integration-tests/suites/replay/bufferModeReload/init.js

@@ -1,7 +1,7 @@
 import * as Sentry from '@sentry/browser';
 
 window.Sentry = Sentry;
-window.Replay = new Sentry.Replay({
+window.Replay = Sentry.replayIntegration({
   flushMinDelay: 200,
   flushMaxDelay: 200,
   minReplayDuration: 0,

dev-packages/browser-integration-tests/suites/replay/canvas/manualSnapshot/init.js

@@ -1,7 +1,7 @@
 import * as Sentry from '@sentry/browser';
 
 window.Sentry = Sentry;
-window.Replay = new Sentry.Replay({
+window.Replay = Sentry.replayIntegration({
   flushMinDelay: 50,
   flushMaxDelay: 50,
   minReplayDuration: 0,
@@ -14,5 +14,5 @@ Sentry.init({
   replaysOnErrorSampleRate: 0.0,
   debug: true,
 
-  integrations: [window.Replay, new Sentry.ReplayCanvas({ enableManualSnapshot: true })],
+  integrations: [window.Replay, Sentry.replayCanvasIntegration({ enableManualSnapshot: true })],
 });

dev-packages/browser-integration-tests/suites/replay/canvas/records/init.js

@@ -1,7 +1,7 @@
 import * as Sentry from '@sentry/browser';
 
 window.Sentry = Sentry;
-window.Replay = new Sentry.Replay({
+window.Replay = Sentry.replayIntegration({
   flushMinDelay: 50,
   flushMaxDelay: 50,
   minReplayDuration: 0,
@@ -14,5 +14,5 @@ Sentry.init({
   replaysOnErrorSampleRate: 0.0,
   debug: true,
 
-  integrations: [window.Replay, new Sentry.ReplayCanvas()],
+  integrations: [window.Replay, Sentry.replayCanvasIntegration()],
 });

dev-packages/browser-integration-tests/suites/replay/canvas/withCanvasIntegrationFirst/init.js

@@ -1,7 +1,7 @@
 import * as Sentry from '@sentry/browser';
 
 window.Sentry = Sentry;
-window.Replay = new Sentry.Replay({
+window.Replay = Sentry.replayIntegration({
   flushMinDelay: 200,
   flushMaxDelay: 200,
   minReplayDuration: 0,
@@ -14,5 +14,5 @@ Sentry.init({
   replaysOnErrorSampleRate: 0.0,
   debug: true,
 
-  integrations: [new Sentry.ReplayCanvas(), window.Replay],
+  integrations: [Sentry.replayCanvasIntegration(), window.Replay],
 });