@sentry/wizard 3.27.0 → 3.29.0

package/dist/test/remix/server-instrumentation.test.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var sdk_setup_1 = require("../../src/remix/sdk-setup");
+describe('generateServerInstrumentationFile', function () {
+    it('should generate server instrumentation file', function () {
+        var result = (0, sdk_setup_1.generateServerInstrumentationFile)('https://sentry.io/123', {
+            performance: true,
+            replay: true,
+        });
+        expect(result.instrumentationFileMod.generate().code)
+            .toMatchInlineSnapshot("\n      \"import * as Sentry from \"@sentry/remix\";\n\n      Sentry.init({\n          dsn: \"https://sentry.io/123\",\n          tracesSampleRate: 1,\n          autoInstrumentRemix: true\n      })\"\n    ");
+    });
+    it('should generate server instrumentation file when performance is disabled', function () {
+        var result = (0, sdk_setup_1.generateServerInstrumentationFile)('https://sentry.io/123', {
+            performance: false,
+            replay: true,
+        });
+        expect(result.instrumentationFileMod.generate().code)
+            .toMatchInlineSnapshot("\n      \"import * as Sentry from \"@sentry/remix\";\n\n      Sentry.init({\n          dsn: \"https://sentry.io/123\",\n          autoInstrumentRemix: true\n      })\"\n    ");
+    });
+});
+//# sourceMappingURL=server-instrumentation.test.js.map

package/dist/test/remix/server-instrumentation.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"server-instrumentation.test.js","sourceRoot":"","sources":["../../../test/remix/server-instrumentation.test.ts"],"names":[],"mappings":";;AAAA,uDAA8E;AAE9E,QAAQ,CAAC,mCAAmC,EAAE;IAC5C,EAAE,CAAC,6CAA6C,EAAE;QAChD,IAAM,MAAM,GAAG,IAAA,6CAAiC,EAAC,uBAAuB,EAAE;YACxE,WAAW,EAAE,IAAI;YACjB,MAAM,EAAE,IAAI;SACb,CAAC,CAAC;QAEH,MAAM,CAAC,MAAM,CAAC,sBAAsB,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC;aAClD,qBAAqB,CAAC,+MAQxB,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0EAA0E,EAAE;QAC7E,IAAM,MAAM,GAAG,IAAA,6CAAiC,EAAC,uBAAuB,EAAE;YACxE,WAAW,EAAE,KAAK;YAClB,MAAM,EAAE,IAAI;SACb,CAAC,CAAC;QAEH,MAAM,CAAC,MAAM,CAAC,sBAAsB,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC;aAClD,qBAAqB,CAAC,+KAOxB,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { generateServerInstrumentationFile } from '../../src/remix/sdk-setup';\n\ndescribe('generateServerInstrumentationFile', () => {\n  it('should generate server instrumentation file', () => {\n    const result = generateServerInstrumentationFile('https://sentry.io/123', {\n      performance: true,\n      replay: true,\n    });\n\n    expect(result.instrumentationFileMod.generate().code)\n      .toMatchInlineSnapshot(`\n      \"import * as Sentry from \"@sentry/remix\";\n\n      Sentry.init({\n          dsn: \"https://sentry.io/123\",\n          tracesSampleRate: 1,\n          autoInstrumentRemix: true\n      })\"\n    `);\n  });\n\n  it('should generate server instrumentation file when performance is disabled', () => {\n    const result = generateServerInstrumentationFile('https://sentry.io/123', {\n      performance: false,\n      replay: true,\n    });\n\n    expect(result.instrumentationFileMod.generate().code)\n      .toMatchInlineSnapshot(`\n      \"import * as Sentry from \"@sentry/remix\";\n\n      Sentry.init({\n          dsn: \"https://sentry.io/123\",\n          autoInstrumentRemix: true\n      })\"\n    `);\n  });\n});\n"]}

package/dist/test/sveltekit/templates.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/sveltekit/templates.test.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var templates_1 = require("../../src/sveltekit/templates");
+describe('getClientHooksTemplate', function () {
+    it('should generate client hooks template with all features enabled', function () {
+        var result = (0, templates_1.getClientHooksTemplate)('https://sentry.io/123', {
+            performance: true,
+            replay: true,
+        });
+        expect(result).toMatchInlineSnapshot("\n      \"import { handleErrorWithSentry, replayIntegration } from \"@sentry/sveltekit\";\n      import * as Sentry from '@sentry/sveltekit';\n\n      Sentry.init({\n        dsn: 'https://sentry.io/123',\n\n        tracesSampleRate: 1.0,\n\n        // This sets the sample rate to be 10%. You may want this to be 100% while\n        // in development and sample at a lower rate in production\n        replaysSessionSampleRate: 0.1,\n\n        // If the entire session is not sampled, use the below sample rate to sample\n        // sessions when an error occurs.\n        replaysOnErrorSampleRate: 1.0,\n\n        // If you don't want to use Session Replay, just remove the line below:\n        integrations: [replayIntegration()],\n      });\n\n      // If you have a custom error handler, pass it to `handleErrorWithSentry`\n      export const handleError = handleErrorWithSentry();\n      \"\n    ");
+    });
+    it('should generate client hooks template when performance disabled', function () {
+        var result = (0, templates_1.getClientHooksTemplate)('https://sentry.io/123', {
+            performance: false,
+            replay: true,
+        });
+        expect(result).toMatchInlineSnapshot("\n      \"import { handleErrorWithSentry, replayIntegration } from \"@sentry/sveltekit\";\n      import * as Sentry from '@sentry/sveltekit';\n\n      Sentry.init({\n        dsn: 'https://sentry.io/123',\n\n        // This sets the sample rate to be 10%. You may want this to be 100% while\n        // in development and sample at a lower rate in production\n        replaysSessionSampleRate: 0.1,\n\n        // If the entire session is not sampled, use the below sample rate to sample\n        // sessions when an error occurs.\n        replaysOnErrorSampleRate: 1.0,\n\n        // If you don't want to use Session Replay, just remove the line below:\n        integrations: [replayIntegration()],\n      });\n\n      // If you have a custom error handler, pass it to `handleErrorWithSentry`\n      export const handleError = handleErrorWithSentry();\n      \"\n    ");
+    });
+    it('should generate client hooks template when replay disabled', function () {
+        var result = (0, templates_1.getClientHooksTemplate)('https://sentry.io/123', {
+            performance: true,
+            replay: false,
+        });
+        expect(result).toMatchInlineSnapshot("\n      \"import { handleErrorWithSentry, replayIntegration } from \"@sentry/sveltekit\";\n      import * as Sentry from '@sentry/sveltekit';\n\n      Sentry.init({\n        dsn: 'https://sentry.io/123',\n\n        tracesSampleRate: 1.0,\n\n\n      });\n\n      // If you have a custom error handler, pass it to `handleErrorWithSentry`\n      export const handleError = handleErrorWithSentry();\n      \"\n    ");
+    });
+});
+describe('getServerHooksTemplate', function () {
+    it('should generate server hooks template with all features enabled', function () {
+        var result = (0, templates_1.getServerHooksTemplate)('https://sentry.io/123', {
+            performance: true,
+            replay: true,
+        });
+        expect(result).toMatchInlineSnapshot("\n      \"import { sequence } from \"@sveltejs/kit/hooks\";\n      import { handleErrorWithSentry, sentryHandle } from \"@sentry/sveltekit\";\n      import * as Sentry from '@sentry/sveltekit';\n\n      Sentry.init({\n        dsn: 'https://sentry.io/123',\n\n        tracesSampleRate: 1.0,\n\n        // uncomment the line below to enable Spotlight (https://spotlightjs.com)\n        // spotlight: import.meta.env.DEV,\n      });\n\n      // If you have custom handlers, make sure to place them after `sentryHandle()` in the `sequence` function.\n      export const handle = sequence(sentryHandle());\n\n      // If you have a custom error handler, pass it to `handleErrorWithSentry`\n      export const handleError = handleErrorWithSentry();\n      \"\n    ");
+    });
+    it('should generate server hooks template when performance disabled', function () {
+        var result = (0, templates_1.getServerHooksTemplate)('https://sentry.io/123', {
+            performance: false,
+            replay: true,
+        });
+        expect(result).toMatchInlineSnapshot("\n      \"import { sequence } from \"@sveltejs/kit/hooks\";\n      import { handleErrorWithSentry, sentryHandle } from \"@sentry/sveltekit\";\n      import * as Sentry from '@sentry/sveltekit';\n\n      Sentry.init({\n        dsn: 'https://sentry.io/123',\n\n        // uncomment the line below to enable Spotlight (https://spotlightjs.com)\n        // spotlight: import.meta.env.DEV,\n      });\n\n      // If you have custom handlers, make sure to place them after `sentryHandle()` in the `sequence` function.\n      export const handle = sequence(sentryHandle());\n\n      // If you have a custom error handler, pass it to `handleErrorWithSentry`\n      export const handleError = handleErrorWithSentry();\n      \"\n    ");
+    });
+});
+//# sourceMappingURL=templates.test.js.map

package/dist/test/sveltekit/templates.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"templates.test.js","sourceRoot":"","sources":["../../../test/sveltekit/templates.test.ts"],"names":[],"mappings":";;AAAA,2DAGuC;AAEvC,QAAQ,CAAC,wBAAwB,EAAE;IACjC,EAAE,CAAC,iEAAiE,EAAE;QACpE,IAAM,MAAM,GAAG,IAAA,kCAAsB,EAAC,uBAAuB,EAAE;YAC7D,WAAW,EAAE,IAAI;YACjB,MAAM,EAAE,IAAI;SACb,CAAC,CAAC;QAEH,MAAM,CAAC,MAAM,CAAC,CAAC,qBAAqB,CAAC,s4BAwBpC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iEAAiE,EAAE;QACpE,IAAM,MAAM,GAAG,IAAA,kCAAsB,EAAC,uBAAuB,EAAE;YAC7D,WAAW,EAAE,KAAK;YAClB,MAAM,EAAE,IAAI;SACb,CAAC,CAAC;QAEH,MAAM,CAAC,MAAM,CAAC,CAAC,qBAAqB,CAAC,o2BAsBpC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4DAA4D,EAAE;QAC/D,IAAM,MAAM,GAAG,IAAA,kCAAsB,EAAC,uBAAuB,EAAE;YAC7D,WAAW,EAAE,IAAI;YACjB,MAAM,EAAE,KAAK;SACd,CAAC,CAAC;QAEH,MAAM,CAAC,MAAM,CAAC,CAAC,qBAAqB,CAAC,4ZAepC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,wBAAwB,EAAE;IACjC,EAAE,CAAC,iEAAiE,EAAE;QACpE,IAAM,MAAM,GAAG,IAAA,kCAAsB,EAAC,uBAAuB,EAAE;YAC7D,WAAW,EAAE,IAAI;YACjB,MAAM,EAAE,IAAI;SACb,CAAC,CAAC;QAEH,MAAM,CAAC,MAAM,CAAC,CAAC,qBAAqB,CAAC,wvBAoBpC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iEAAiE,EAAE;QACpE,IAAM,MAAM,GAAG,IAAA,kCAAsB,EAAC,uBAAuB,EAAE;YAC7D,WAAW,EAAE,KAAK;YAClB,MAAM,EAAE,IAAI;SACb,CAAC,CAAC;QAEH,MAAM,CAAC,MAAM,CAAC,CAAC,qBAAqB,CAAC,stBAkBpC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {\n  getClientHooksTemplate,\n  getServerHooksTemplate,\n} from '../../src/sveltekit/templates';\n\ndescribe('getClientHooksTemplate', () => {\n  it('should generate client hooks template with all features enabled', () => {\n    const result = getClientHooksTemplate('https://sentry.io/123', {\n      performance: true,\n      replay: true,\n    });\n\n    expect(result).toMatchInlineSnapshot(`\n      \"import { handleErrorWithSentry, replayIntegration } from \"@sentry/sveltekit\";\n      import * as Sentry from '@sentry/sveltekit';\n\n      Sentry.init({\n        dsn: 'https://sentry.io/123',\n\n        tracesSampleRate: 1.0,\n\n        // This sets the sample rate to be 10%. You may want this to be 100% while\n        // in development and sample at a lower rate in production\n        replaysSessionSampleRate: 0.1,\n\n        // If the entire session is not sampled, use the below sample rate to sample\n        // sessions when an error occurs.\n        replaysOnErrorSampleRate: 1.0,\n\n        // If you don't want to use Session Replay, just remove the line below:\n        integrations: [replayIntegration()],\n      });\n\n      // If you have a custom error handler, pass it to \\`handleErrorWithSentry\\`\n      export const handleError = handleErrorWithSentry();\n      \"\n    `);\n  });\n\n  it('should generate client hooks template when performance disabled', () => {\n    const result = getClientHooksTemplate('https://sentry.io/123', {\n      performance: false,\n      replay: true,\n    });\n\n    expect(result).toMatchInlineSnapshot(`\n      \"import { handleErrorWithSentry, replayIntegration } from \"@sentry/sveltekit\";\n      import * as Sentry from '@sentry/sveltekit';\n\n      Sentry.init({\n        dsn: 'https://sentry.io/123',\n\n        // This sets the sample rate to be 10%. You may want this to be 100% while\n        // in development and sample at a lower rate in production\n        replaysSessionSampleRate: 0.1,\n\n        // If the entire session is not sampled, use the below sample rate to sample\n        // sessions when an error occurs.\n        replaysOnErrorSampleRate: 1.0,\n\n        // If you don't want to use Session Replay, just remove the line below:\n        integrations: [replayIntegration()],\n      });\n\n      // If you have a custom error handler, pass it to \\`handleErrorWithSentry\\`\n      export const handleError = handleErrorWithSentry();\n      \"\n    `);\n  });\n\n  it('should generate client hooks template when replay disabled', () => {\n    const result = getClientHooksTemplate('https://sentry.io/123', {\n      performance: true,\n      replay: false,\n    });\n\n    expect(result).toMatchInlineSnapshot(`\n      \"import { handleErrorWithSentry, replayIntegration } from \"@sentry/sveltekit\";\n      import * as Sentry from '@sentry/sveltekit';\n\n      Sentry.init({\n        dsn: 'https://sentry.io/123',\n\n        tracesSampleRate: 1.0,\n\n\n      });\n\n      // If you have a custom error handler, pass it to \\`handleErrorWithSentry\\`\n      export const handleError = handleErrorWithSentry();\n      \"\n    `);\n  });\n});\n\ndescribe('getServerHooksTemplate', () => {\n  it('should generate server hooks template with all features enabled', () => {\n    const result = getServerHooksTemplate('https://sentry.io/123', {\n      performance: true,\n      replay: true,\n    });\n\n    expect(result).toMatchInlineSnapshot(`\n      \"import { sequence } from \"@sveltejs/kit/hooks\";\n      import { handleErrorWithSentry, sentryHandle } from \"@sentry/sveltekit\";\n      import * as Sentry from '@sentry/sveltekit';\n\n      Sentry.init({\n        dsn: 'https://sentry.io/123',\n\n        tracesSampleRate: 1.0,\n\n        // uncomment the line below to enable Spotlight (https://spotlightjs.com)\n        // spotlight: import.meta.env.DEV,\n      });\n\n      // If you have custom handlers, make sure to place them after \\`sentryHandle()\\` in the \\`sequence\\` function.\n      export const handle = sequence(sentryHandle());\n\n      // If you have a custom error handler, pass it to \\`handleErrorWithSentry\\`\n      export const handleError = handleErrorWithSentry();\n      \"\n    `);\n  });\n\n  it('should generate server hooks template when performance disabled', () => {\n    const result = getServerHooksTemplate('https://sentry.io/123', {\n      performance: false,\n      replay: true,\n    });\n\n    expect(result).toMatchInlineSnapshot(`\n      \"import { sequence } from \"@sveltejs/kit/hooks\";\n      import { handleErrorWithSentry, sentryHandle } from \"@sentry/sveltekit\";\n      import * as Sentry from '@sentry/sveltekit';\n\n      Sentry.init({\n        dsn: 'https://sentry.io/123',\n\n        // uncomment the line below to enable Spotlight (https://spotlightjs.com)\n        // spotlight: import.meta.env.DEV,\n      });\n\n      // If you have custom handlers, make sure to place them after \\`sentryHandle()\\` in the \\`sequence\\` function.\n      export const handle = sequence(sentryHandle());\n\n      // If you have a custom error handler, pass it to \\`handleErrorWithSentry\\`\n      export const handleError = handleErrorWithSentry();\n      \"\n    `);\n  });\n});\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sentry/wizard",
-  "version": "3.27.0",
+  "version": "3.29.0",
   "homepage": "https://github.com/getsentry/sentry-wizard",
   "repository": "https://github.com/getsentry/sentry-wizard",
   "description": "Sentry wizard helping you to configure your project",

package/src/nextjs/nextjs-wizard.ts

@@ -20,9 +20,11 @@ import {
   featureSelectionPrompt,
   getOrAskForProjectData,
   getPackageDotJson,
+  getPackageManager,
   installPackage,
   isUsingTypeScript,
   printWelcome,
+  runPrettierIfInstalled,
   showCopyPasteInstructions,
 } from '../utils/clack-utils';
 import type { SentryProjectData, WizardOptions } from '../utils/types';
@@ -297,6 +299,25 @@ export async function runNextjsWizardWithTelemetry(
 
   await addDotEnvSentryBuildPluginFile(authToken);
 
+  const isLikelyUsingTurbopack = await checkIfLikelyIsUsingTurbopack();
+  if (isLikelyUsingTurbopack || isLikelyUsingTurbopack === null) {
+    await abortIfCancelled(
+      clack.select({
+        message: `Warning: The Sentry SDK doesn't yet fully support Turbopack in dev mode. The SDK will not be loaded in the browser, and serverside instrumentation will be inaccurate or incomplete. Production builds will still fully work. ${chalk.bold(
+          `To continue this setup, if you are using Turbopack, temporarily remove \`--turbo\` from your dev command until you have verified the SDK is working as expected.`,
+        )}`,
+        options: [
+          {
+            label: 'I understand.',
+            hint: 'press enter',
+            value: true,
+          },
+        ],
+        initialValue: true,
+      }),
+    );
+  }
+
   const mightBeUsingVercel = fs.existsSync(
     path.join(process.cwd(), 'vercel.json'),
   );
@@ -309,13 +330,20 @@ export async function runNextjsWizardWithTelemetry(
     await traceStep('configure-ci', () => configureCI('nextjs', authToken));
   }
 
+  const pacMan = await getPackageManager();
+  await runPrettierIfInstalled();
+
   clack.outro(`
 ${chalk.green('Successfully installed the Sentry Next.js SDK!')} ${
     shouldCreateExamplePage
-      ? `\n\nYou can validate your setup by restarting your dev environment (${chalk.cyan(
-          `next dev`,
+      ? `\n\nYou can validate your setup by (re)starting your dev environment (e.g. ${chalk.cyan(
+          `${pacMan.runScriptCommand} dev`,
         )}) and visiting ${chalk.cyan('"/sentry-example-page"')}`
       : ''
+  }${
+    shouldCreateExamplePage && isLikelyUsingTurbopack
+      ? `\nDon't forget to remove \`--turbo\` from your dev command until you have verified the SDK is working. You can safely add it back afterwards.`
+      : ''
   }
 
 ${chalk.dim(
@@ -346,7 +374,7 @@ async function createOrMergeNextJsFiles(
       id: 'replay',
       prompt: `Do you want to enable ${chalk.bold(
         'Sentry Session Replay',
-      )} to get reproduction of frontend errors via user sessions?`,
+      )} to get a video-like reproduction of errors during a user session?`,
       enabledHint: 'recommended, but increases bundle size',
     },
   ] as const);
@@ -925,3 +953,20 @@ async function askShouldEnableReactComponentAnnotation() {
     return shouldEnableReactComponentAnnotation;
   });
 }
+
+/**
+ * Returns true or false depending on whether we think the user is using Turbopack. May return null in case we aren't sure.
+ */
+async function checkIfLikelyIsUsingTurbopack(): Promise<boolean | null> {
+  let packageJsonContent: string;
+  try {
+    packageJsonContent = await fs.promises.readFile(
+      path.join(process.cwd(), 'package.json'),
+      'utf8',
+    );
+  } catch {
+    return null;
+  }
+
+  return packageJsonContent.includes('--turbo');
+}

package/src/nextjs/templates.ts

@@ -369,7 +369,9 @@ YourCustomErrorComponent.getInitialProps = async (contextData${
 export function getInstrumentationHookContent(
   instrumentationHookLocation: 'src' | 'root',
 ) {
-  return `export async function register() {
+  return `import * as Sentry from '@sentry/nextjs';
+
+export async function register() {
   if (process.env.NEXT_RUNTIME === 'nodejs') {
     await import('${
       instrumentationHookLocation === 'root' ? '.' : '..'
@@ -382,6 +384,8 @@ export function getInstrumentationHookContent(
     }/sentry.edge.config');
   }
 }
+
+export const onRequestError = Sentry.captureRequestError;
 `;
 }
 
@@ -389,7 +393,9 @@ export function getInstrumentationHookCopyPasteSnippet(
   instrumentationHookLocation: 'src' | 'root',
 ) {
   return makeCodeSnippet(true, (unchanged, plus) => {
-    return unchanged(`export ${plus('async')} function register() {
+    return unchanged(`${plus("import * as Sentry from '@sentry/nextjs';")}
+
+export ${plus('async')} function register() {
   ${plus(`if (process.env.NEXT_RUNTIME === 'nodejs') {
     await import('${
       instrumentationHookLocation === 'root' ? '.' : '..'
@@ -401,7 +407,10 @@ export function getInstrumentationHookCopyPasteSnippet(
       instrumentationHookLocation === 'root' ? '.' : '..'
     }/sentry.edge.config');
   }`)}
-}`);
+}
+
+${plus('export const onRequestError = Sentry.captureRequestError;')}
+`);
   });
 }
 

package/src/react-native/react-native-wizard.ts

@@ -16,6 +16,7 @@ import {
   installPackage,
   printWelcome,
   propertiesCliSetupConfig,
+  runPrettierIfInstalled,
 } from '../utils/clack-utils';
 import { getPackageVersion, hasPackageInstalled } from '../utils/package-json';
 import { podInstall } from '../apple/cocoapod';
@@ -212,11 +213,14 @@ Or setup using ${chalk.cyan(
     await traceStep('patch-android-files', () => patchAndroidFiles(cliConfig));
   }
 
+  await runPrettierIfInstalled();
+
   const confirmedFirstException = await confirmFirstSentryException(
     sentryUrl,
     orgSlug,
     projectId,
   );
+
   Sentry.setTag('user-confirmed-first-error', confirmedFirstException);
 
   if (confirmedFirstException) {

package/src/remix/remix-wizard.ts

@@ -7,15 +7,17 @@ import {
   askShouldCreateExamplePage,
   confirmContinueIfNoOrDirtyGitRepo,
   ensurePackageIsInstalled,
+  featureSelectionPrompt,
   getOrAskForProjectData,
   getPackageDotJson,
   installPackage,
   isUsingTypeScript,
   printWelcome,
   rcCliSetupConfig,
+  runPrettierIfInstalled,
 } from '../utils/clack-utils';
 import { hasPackageInstalled } from '../utils/package-json';
-import { WizardOptions } from '../utils/types';
+import type { WizardOptions } from '../utils/types';
 import {
   initializeSentryOnEntryClient,
   instrumentSentryOnEntryServer,
@@ -76,8 +78,22 @@ async function runRemixWizardWithTelemetry(
   const isTS = isUsingTypeScript();
   const isV2 = isRemixV2(remixConfig, packageJson);
   const viteConfig = findFile('vite.config');
-
-  await addSentryCliConfig({ authToken }, rcCliSetupConfig);
+  const selectedFeatures = await featureSelectionPrompt([
+    {
+      id: 'performance',
+      prompt: `Do you want to enable ${chalk.bold(
+        'Tracing',
+      )} to track the performance of your application?`,
+      enabledHint: 'recommended',
+    },
+    {
+      id: 'replay',
+      prompt: `Do you want to enable ${chalk.bold(
+        'Sentry Session Replay',
+      )} to get a video-like reproduction of errors during a user session?`,
+      enabledHint: 'recommended, but increases bundle size',
+    },
+  ] as const);
 
   if (viteConfig) {
     await traceStep(
@@ -108,6 +124,8 @@ async function runRemixWizardWithTelemetry(
           url: sentryUrl === DEFAULT_URL ? undefined : sentryUrl,
           isHydrogen: isHydrogenApp(packageJson),
         });
+
+        await addSentryCliConfig({ authToken }, rcCliSetupConfig);
       } catch (e) {
         clack.log
           .warn(`Could not update build script to generate and upload sourcemaps.
@@ -139,7 +157,7 @@ async function runRemixWizardWithTelemetry(
 
   await traceStep('Initialize Sentry on client entry', async () => {
     try {
-      await initializeSentryOnEntryClient(dsn, isTS);
+      await initializeSentryOnEntryClient(dsn, isTS, selectedFeatures);
     } catch (e) {
       clack.log.warn(`Could not initialize Sentry on client entry.
   Please do it manually using instructions from https://docs.sentry.io/platforms/javascript/guides/remix/manual-setup/`);
@@ -151,7 +169,10 @@ async function runRemixWizardWithTelemetry(
 
   await traceStep('Create server instrumentation file', async () => {
     try {
-      instrumentationFile = await createServerInstrumentationFile(dsn);
+      instrumentationFile = await createServerInstrumentationFile(
+        dsn,
+        selectedFeatures,
+      );
     } catch (e) {
       clack.log.warn(
         'Could not create a server instrumentation file. Please do it manually using instructions from https://docs.sentry.io/platforms/javascript/guides/remix/manual-setup/',
@@ -166,7 +187,10 @@ async function runRemixWizardWithTelemetry(
     'Create server instrumentation file and import it',
     async () => {
       try {
-        serverFileInstrumented = await insertServerInstrumentationFile(dsn);
+        serverFileInstrumented = await insertServerInstrumentationFile(
+          dsn,
+          selectedFeatures,
+        );
       } catch (e) {
         clack.log.warn(
           'Could not create a server instrumentation file. Please do it manually using instructions from https://docs.sentry.io/platforms/javascript/guides/remix/manual-setup/',
@@ -216,6 +240,8 @@ async function runRemixWizardWithTelemetry(
     });
   }
 
+  await runPrettierIfInstalled();
+
   clack.outro(`
 ${chalk.green(
   'Sentry has been successfully configured for your Remix project.',

package/src/remix/sdk-setup.ts

@@ -76,23 +76,72 @@ export function runRemixReveal(isTS: boolean): void {
   }
 }
 
+function getInitCallArgs(
+  dsn: string,
+  type: 'client' | 'server',
+  selectedFeatures: {
+    performance: boolean;
+    replay: boolean;
+  },
+) {
+  const initCallArgs = {
+    dsn,
+  } as Record<string, unknown>;
+
+  // Adding tracing sample rate for both client and server
+  if (selectedFeatures.performance) {
+    initCallArgs.tracesSampleRate = 1.0;
+  }
+
+  // Adding integrations and replay options only for client
+  if (
+    type === 'client' &&
+    (selectedFeatures.performance || selectedFeatures.replay)
+  ) {
+    initCallArgs.integrations = [];
+
+    if (selectedFeatures.performance) {
+      // @ts-expect-error - Adding Proxified AST node to the array
+      initCallArgs.integrations.push(
+        builders.functionCall(
+          'Sentry.browserTracingIntegration',
+          builders.raw('{ useEffect, useLocation, useMatches }'),
+        ),
+      );
+    }
+
+    if (selectedFeatures.replay) {
+      // @ts-expect-error - Adding Proxified AST node to the array
+      initCallArgs.integrations.push(
+        builders.functionCall('Sentry.replayIntegration', {
+          maskAllText: true,
+          blockAllMedia: true,
+        }),
+      );
+
+      initCallArgs.replaysSessionSampleRate = 0.1;
+      initCallArgs.replaysOnErrorSampleRate = 1.0;
+    }
+  }
+
+  // Adding autoInstrumentRemix option only for server
+  if (type === 'server') {
+    initCallArgs.autoInstrumentRemix = true;
+  }
+
+  return initCallArgs;
+}
+
 function insertClientInitCall(
   dsn: string,
   originalHooksMod: ProxifiedModule<any>,
+  selectedFeatures: {
+    performance: boolean;
+    replay: boolean;
+  },
 ): void {
-  const initCall = builders.functionCall('Sentry.init', {
-    dsn,
-    tracesSampleRate: 1.0,
-    replaysSessionSampleRate: 0.1,
-    replaysOnErrorSampleRate: 1.0,
-    integrations: [
-      builders.functionCall(
-        'Sentry.browserTracingIntegration',
-        builders.raw('{ useEffect, useLocation, useMatches }'),
-      ),
-      builders.functionCall('Sentry.replayIntegration'),
-    ],
-  });
+  const initCallArgs = getInitCallArgs(dsn, 'client', selectedFeatures);
+  const initCall = builders.functionCall('Sentry.init', initCallArgs);
 
   const originalHooksModAST = originalHooksMod.$ast as Program;
   const initCallInsertionIndex =
@@ -107,7 +156,13 @@ function insertClientInitCall(
   );
 }
 
-export async function createServerInstrumentationFile(dsn: string) {
+export function generateServerInstrumentationFile(
+  dsn: string,
+  selectedFeatures: {
+    performance: boolean;
+    replay: boolean;
+  },
+) {
   // create an empty file named `instrument.server.mjs`
   const instrumentationFile = 'instrumentation.server.mjs';
   const instrumentationFileMod = parseModule('');
@@ -118,11 +173,8 @@ export async function createServerInstrumentationFile(dsn: string) {
     local: 'Sentry',
   });
 
-  const initCall = builders.functionCall('Sentry.init', {
-    dsn,
-    tracesSampleRate: 1.0,
-    autoInstrumentRemix: true,
-  });
+  const initCallArgs = getInitCallArgs(dsn, 'server', selectedFeatures);
+  const initCall = builders.functionCall('Sentry.init', initCallArgs);
 
   const instrumentationFileModAST = instrumentationFileMod.$ast as Program;
 
@@ -138,13 +190,35 @@ export async function createServerInstrumentationFile(dsn: string) {
     generateCode(initCall).code,
   );
 
-  await writeFile(instrumentationFileModAST, instrumentationFile);
+  return { instrumentationFile, instrumentationFileMod };
+}
+
+export async function createServerInstrumentationFile(
+  dsn: string,
+  selectedFeatures: {
+    performance: boolean;
+    replay: boolean;
+  },
+) {
+  const { instrumentationFile, instrumentationFileMod } =
+    generateServerInstrumentationFile(dsn, selectedFeatures);
+
+  await writeFile(instrumentationFileMod.$ast, instrumentationFile);
 
   return instrumentationFile;
 }
 
-export async function insertServerInstrumentationFile(dsn: string) {
-  const instrumentationFile = await createServerInstrumentationFile(dsn);
+export async function insertServerInstrumentationFile(
+  dsn: string,
+  selectedFeatures: {
+    performance: boolean;
+    replay: boolean;
+  },
+) {
+  const instrumentationFile = await createServerInstrumentationFile(
+    dsn,
+    selectedFeatures,
+  );
 
   const expressServerPath = await findCustomExpressServerImplementation();
 
@@ -297,9 +371,52 @@ export async function updateBuildScript(args: {
   /* eslint-enable @typescript-eslint/no-unsafe-member-access */
 }
 
+export function updateEntryClientMod(
+  originalEntryClientMod: ProxifiedModule<any>,
+  dsn: string,
+  selectedFeatures: {
+    performance: boolean;
+    replay: boolean;
+  },
+): ProxifiedModule<any> {
+  originalEntryClientMod.imports.$add({
+    from: '@sentry/remix',
+    imported: '*',
+    local: 'Sentry',
+  });
+
+  if (selectedFeatures.performance) {
+    originalEntryClientMod.imports.$add({
+      from: '@remix-run/react',
+      imported: 'useLocation',
+      local: 'useLocation',
+    });
+
+    originalEntryClientMod.imports.$add({
+      from: '@remix-run/react',
+      imported: 'useMatches',
+      local: 'useMatches',
+    });
+
+    originalEntryClientMod.imports.$add({
+      from: 'react',
+      imported: 'useEffect',
+      local: 'useEffect',
+    });
+  }
+
+  insertClientInitCall(dsn, originalEntryClientMod, selectedFeatures);
+
+  return originalEntryClientMod;
+}
+
 export async function initializeSentryOnEntryClient(
   dsn: string,
   isTS: boolean,
+  selectedFeatures: {
+    performance: boolean;
+    replay: boolean;
+  },
 ): Promise<void> {
   const clientEntryFilename = `entry.client.${isTS ? 'tsx' : 'jsx'}`;
 
@@ -315,34 +432,14 @@ export async function initializeSentryOnEntryClient(
     return;
   }
 
-  originalEntryClientMod.imports.$add({
-    from: '@sentry/remix',
-    imported: '*',
-    local: 'Sentry',
-  });
-
-  originalEntryClientMod.imports.$add({
-    from: 'react',
-    imported: 'useEffect',
-    local: 'useEffect',
-  });
-
-  originalEntryClientMod.imports.$add({
-    from: '@remix-run/react',
-    imported: 'useLocation',
-    local: 'useLocation',
-  });
-
-  originalEntryClientMod.imports.$add({
-    from: '@remix-run/react',
-    imported: 'useMatches',
-    local: 'useMatches',
-  });
-
-  insertClientInitCall(dsn, originalEntryClientMod);
+  const updatedEntryClientMod = updateEntryClientMod(
+    originalEntryClientMod,
+    dsn,
+    selectedFeatures,
+  );
 
   await writeFile(
-    originalEntryClientMod.$ast,
+    updatedEntryClientMod.$ast,
     path.join(process.cwd(), 'app', clientEntryFilename),
   );