build(replay): Revert "Remove replay version string replacement (#6367)"

packages/replay/jest.setup.ts

@@ -5,6 +5,9 @@ import { Transport } from '@sentry/types';
 import { Replay } from './src';
 import { Session } from './src/session/Session';
 
+// @ts-ignore TS error, this is replaced in prod builds bc of rollup
+global.__SENTRY_REPLAY_VERSION__ = 'version:Test';
+
 type MockTransport = jest.MockedFunction<Transport['send']>;
 
 jest.mock('./src/util/isBrowser', () => {

packages/replay/rollup.bundle.config.js

@@ -0,0 +1,35 @@
+import commonjs from '@rollup/plugin-commonjs';
+
+import { makeBaseBundleConfig, makeBundleConfigVariants } from '../../rollup/index.js';
+
+import pkg from './package.json';
+
+const builds = [];
+
+// TODO: Do we even need es5 bundles?
+[/* 'es5', */ 'es6'].forEach(jsVersion => {
+  const baseBundleConfig = makeBaseBundleConfig({
+    bundleType: 'addon',
+    entrypoints: ['src/index.ts'],
+    jsVersion,
+    licenseTitle: '@sentry/replay',
+    outputFileBase: () => `bundles/replay${jsVersion === 'es5' ? '.es5' : ''}`, // TODO: simplify if no es5 bundles
+    packageSpecificConfig: {
+      external: [...Object.keys(pkg.peerDependencies || {})],
+      plugins: [
+        // lodash.debouce is commonJs and hence we have to first convert it to es6
+        commonjs(),
+      ],
+      output: {
+        // set exports to 'named' or 'auto' so that rollup doesn't warn about
+        // the default export in `worker/worker.js`
+        exports: 'auto',
+        // format: 'esm',
+      },
+    },
+  });
+
+  builds.push(...makeBundleConfigVariants(baseBundleConfig));
+});
+
+export default builds;

packages/replay/rollup.npm.config.js

@@ -1,3 +1,5 @@
+import replace from '@rollup/plugin-replace';
+
 import { makeBaseNPMConfig, makeNPMConfigVariants } from '../../rollup/index';
 
 import pkg from './package.json';
@@ -7,6 +9,15 @@ export default makeNPMConfigVariants(
     hasBundles: true,
     packageSpecificConfig: {
       external: [...Object.keys(pkg.dependencies || {}), ...Object.keys(pkg.peerDependencies || {})],
+      plugins: [
+        // TODO: Remove this - replay version will be in sync w/ SDK version
+        replace({
+          preventAssignment: true,
+          values: {
+            __SENTRY_REPLAY_VERSION__: JSON.stringify(pkg.version),
+          },
+        }),
+      ],
       output: {
         // set exports to 'named' or 'auto' so that rollup doesn't warn about
         // the default export in `worker/worker.js`

packages/replay/src/index.ts

@@ -1,6 +1,6 @@
 /* eslint-disable max-lines */ // TODO: We might want to split this file up
 import { WINDOW } from '@sentry/browser';
-import { addGlobalEventProcessor, getCurrentHub, Scope, SDK_VERSION, setContext } from '@sentry/core';
+import { addGlobalEventProcessor, getCurrentHub, Scope, setContext } from '@sentry/core';
 import { Breadcrumb, Client, Event, Integration } from '@sentry/types';
 import { addInstrumentationHandler, createEnvelope, logger } from '@sentry/utils';
 import debounce from 'lodash.debounce';
@@ -1208,7 +1208,7 @@ export class Replay implements Integration {
 
     const sdkInfo = {
       name: 'sentry.javascript.integration.replay',
-      version: SDK_VERSION,
+      version: __SENTRY_REPLAY_VERSION__,
     };
 
     const replayEvent = await new Promise(resolve => {

packages/replay/src/types.ts

@@ -33,6 +33,10 @@ export interface WorkerRequest {
   args: unknown[];
 }
 
+declare global {
+  const __SENTRY_REPLAY_VERSION__: string;
+}
+
 // PerformancePaintTiming and PerformanceNavigationTiming are only available with TS 4.4 and newer
 // Therefore, we're exporting them here to make them available in older TS versions
 export type PerformancePaintTiming = PerformanceEntry;