@sentry/wizard 6.6.1 → 6.8.0

package/dist/src/react-router/sdk-setup.d.ts

@@ -0,0 +1,17 @@
+import type { PackageDotJson } from '../utils/package-json';
+export declare function getRouteFilePath(filename: string, isTS: boolean): string;
+export declare function tryRevealAndGetManualInstructions(missingFilename: string, filePath: string): Promise<boolean>;
+export declare function runReactRouterReveal(force?: boolean): void;
+export declare function isReactRouterV7(packageJson: PackageDotJson): boolean;
+export declare function initializeSentryOnEntryClient(dsn: string, enableTracing: boolean, enableReplay: boolean, enableLogs: boolean, isTS: boolean): Promise<void>;
+export declare function instrumentRootRoute(isTS: boolean): Promise<void>;
+export declare function createServerInstrumentationFile(dsn: string, selectedFeatures: {
+    performance: boolean;
+    replay: boolean;
+    logs: boolean;
+    profiling: boolean;
+}): string;
+export declare function updatePackageJsonScripts(): Promise<void>;
+export declare function instrumentSentryOnEntryServer(isTS: boolean): Promise<void>;
+export declare function configureReactRouterVitePlugin(orgSlug: string, projectSlug: string): Promise<void>;
+export declare function configureReactRouterConfig(isTS: boolean): Promise<void>;

package/dist/src/react-router/sdk-setup.js

@@ -0,0 +1,250 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.configureReactRouterConfig = exports.configureReactRouterVitePlugin = exports.instrumentSentryOnEntryServer = exports.updatePackageJsonScripts = exports.createServerInstrumentationFile = exports.instrumentRootRoute = exports.initializeSentryOnEntryClient = exports.isReactRouterV7 = exports.runReactRouterReveal = exports.tryRevealAndGetManualInstructions = exports.getRouteFilePath = void 0;
+const fs = __importStar(require("fs"));
+const path = __importStar(require("path"));
+const childProcess = __importStar(require("child_process"));
+// @ts-expect-error - clack is ESM and TS complains about that. It works though
+const prompts_1 = __importDefault(require("@clack/prompts"));
+const chalk_1 = __importDefault(require("chalk"));
+const semver_1 = require("semver");
+const package_json_1 = require("../utils/package-json");
+const debug_1 = require("../utils/debug");
+const templates_1 = require("./templates");
+const root_1 = require("./codemods/root");
+const server_entry_1 = require("./codemods/server-entry");
+const clack_1 = require("../utils/clack");
+const client_entry_1 = require("./codemods/client.entry");
+const vite_1 = require("./codemods/vite");
+const react_router_config_1 = require("./codemods/react-router-config");
+const REACT_ROUTER_REVEAL_COMMAND = 'npx react-router reveal';
+const INSTRUMENTATION_FILE = 'instrument.server.mjs';
+const APP_DIRECTORY = 'app';
+const ROUTES_DIRECTORY = 'routes';
+function _formatConfigErrorMessage(filename, errorMessage, fallbackHint) {
+    return (`Could not automatically configure ${filename}. ${errorMessage}\n` +
+        `This may happen if your config has an unusual format. ` +
+        `${fallbackHint}`);
+}
+function getAppFilePath(filename, isTS, isPage = true) {
+    const ext = isPage ? (isTS ? 'tsx' : 'jsx') : isTS ? 'ts' : 'js';
+    return path.join(process.cwd(), APP_DIRECTORY, `${filename}.${ext}`);
+}
+function getRouteFilePath(filename, isTS) {
+    const ext = isTS ? 'tsx' : 'jsx';
+    return path.join(process.cwd(), APP_DIRECTORY, ROUTES_DIRECTORY, `${filename}.${ext}`);
+}
+exports.getRouteFilePath = getRouteFilePath;
+async function tryRevealAndGetManualInstructions(missingFilename, filePath) {
+    const shouldTryReveal = await prompts_1.default.confirm({
+        message: `Would you like to try running ${chalk_1.default.cyan(REACT_ROUTER_REVEAL_COMMAND)} to generate entry files?`,
+        initialValue: true,
+    });
+    if (shouldTryReveal) {
+        try {
+            prompts_1.default.log.info(`Running ${chalk_1.default.cyan(REACT_ROUTER_REVEAL_COMMAND)}...`);
+            const output = childProcess.execSync(REACT_ROUTER_REVEAL_COMMAND, {
+                encoding: 'utf8',
+                stdio: 'pipe',
+            });
+            prompts_1.default.log.info(output);
+            if (fs.existsSync(filePath)) {
+                prompts_1.default.log.success(`Found ${chalk_1.default.cyan(missingFilename)} after running reveal.`);
+                return true;
+            }
+            else {
+                prompts_1.default.log.warn(`${chalk_1.default.cyan(missingFilename)} still not found after running reveal.`);
+            }
+        }
+        catch (e) {
+            (0, debug_1.debug)('Failed to run React Router reveal command:', e);
+            prompts_1.default.log.warn(`Failed to run ${chalk_1.default.cyan(REACT_ROUTER_REVEAL_COMMAND)}. This command generates entry files for React Router v7.`);
+        }
+    }
+    return false; // File still doesn't exist, manual intervention needed
+}
+exports.tryRevealAndGetManualInstructions = tryRevealAndGetManualInstructions;
+async function ensureEntryFileExists(filename, filePath) {
+    if (fs.existsSync(filePath)) {
+        return; // File exists, nothing to do
+    }
+    prompts_1.default.log.warn(`Could not find ${chalk_1.default.cyan(filename)}.`);
+    const fileExists = await tryRevealAndGetManualInstructions(filename, filePath);
+    if (!fileExists) {
+        throw new Error(`Failed to create or find ${filename}. Please create this file manually or ensure your React Router v7 project structure is correct.`);
+    }
+}
+function runReactRouterReveal(force = false) {
+    if (force ||
+        (!fs.existsSync(path.join(process.cwd(), 'app/entry.client.tsx')) &&
+            !fs.existsSync(path.join(process.cwd(), 'app/entry.client.jsx')))) {
+        try {
+            childProcess.execSync(REACT_ROUTER_REVEAL_COMMAND, {
+                encoding: 'utf8',
+                stdio: 'pipe',
+            });
+        }
+        catch (e) {
+            (0, debug_1.debug)('Failed to run React Router reveal command:', e);
+            throw e;
+        }
+    }
+}
+exports.runReactRouterReveal = runReactRouterReveal;
+function isReactRouterV7(packageJson) {
+    const reactRouterVersion = (0, package_json_1.getPackageVersion)('@react-router/dev', packageJson);
+    if (!reactRouterVersion) {
+        return false;
+    }
+    const minVer = (0, semver_1.minVersion)(reactRouterVersion);
+    if (!minVer) {
+        return false;
+    }
+    return (0, semver_1.gte)(minVer, '7.0.0');
+}
+exports.isReactRouterV7 = isReactRouterV7;
+async function initializeSentryOnEntryClient(dsn, enableTracing, enableReplay, enableLogs, isTS) {
+    const clientEntryPath = getAppFilePath('entry.client', isTS);
+    const clientEntryFilename = path.basename(clientEntryPath);
+    await ensureEntryFileExists(clientEntryFilename, clientEntryPath);
+    await (0, client_entry_1.instrumentClientEntry)(clientEntryPath, dsn, enableTracing, enableReplay, enableLogs);
+    prompts_1.default.log.success(`Updated ${chalk_1.default.cyan(clientEntryFilename)} with Sentry initialization.`);
+}
+exports.initializeSentryOnEntryClient = initializeSentryOnEntryClient;
+async function instrumentRootRoute(isTS) {
+    const rootPath = getAppFilePath('root', isTS);
+    const rootFilename = path.basename(rootPath);
+    if (!fs.existsSync(rootPath)) {
+        throw new Error(`${rootFilename} not found in app directory. Please ensure your React Router v7 app has a root.tsx/jsx file in the app folder.`);
+    }
+    await (0, root_1.instrumentRoot)(rootFilename);
+    prompts_1.default.log.success(`Updated ${chalk_1.default.cyan(rootFilename)} with ErrorBoundary.`);
+}
+exports.instrumentRootRoute = instrumentRootRoute;
+function createServerInstrumentationFile(dsn, selectedFeatures) {
+    const instrumentationPath = path.join(process.cwd(), INSTRUMENTATION_FILE);
+    const content = (0, templates_1.getSentryInstrumentationServerContent)(dsn, selectedFeatures.performance, selectedFeatures.profiling, selectedFeatures.logs);
+    fs.writeFileSync(instrumentationPath, content);
+    prompts_1.default.log.success(`Created ${chalk_1.default.cyan(INSTRUMENTATION_FILE)}.`);
+    return instrumentationPath;
+}
+exports.createServerInstrumentationFile = createServerInstrumentationFile;
+async function updatePackageJsonScripts() {
+    const packageJson = await (0, clack_1.getPackageDotJson)();
+    if (!packageJson?.scripts) {
+        throw new Error('Could not find a `scripts` section in your package.json file. Please add scripts manually or ensure your package.json is valid.');
+    }
+    if (!packageJson.scripts.start) {
+        throw new Error('Could not find a `start` script in your package.json. Please add: "start": "react-router-serve ./build/server/index.js" and re-run the wizard.');
+    }
+    function mergeNodeOptions(scriptCommand, instrumentPath = './instrument.server.mjs') {
+        if (scriptCommand.includes(instrumentPath)) {
+            return scriptCommand;
+        }
+        const quotedMatch = scriptCommand.match(/NODE_OPTIONS=(['"])([^'"]*)\1/);
+        if (quotedMatch) {
+            const existingOptions = quotedMatch[2];
+            const mergedOptions = `${existingOptions} --import ${instrumentPath}`.trim();
+            return scriptCommand.replace(/NODE_OPTIONS=(['"])([^'"]*)\1/, `NODE_OPTIONS='${mergedOptions}'`);
+        }
+        const unquotedMatch = scriptCommand.match(/NODE_OPTIONS=([^\s]+(?:\s+[^\s]+)*?)(\s+(?:react-router-serve|react-router|node|npx|tsx))/);
+        if (unquotedMatch) {
+            const existingOptions = unquotedMatch[1];
+            const commandPart = unquotedMatch[2];
+            const mergedOptions = `${existingOptions} --import ${instrumentPath}`.trim();
+            return scriptCommand.replace(/NODE_OPTIONS=([^\s]+(?:\s+[^\s]+)*?)(\s+(?:react-router-serve|react-router|node|npx|tsx))/, `NODE_OPTIONS='${mergedOptions}'${commandPart}`);
+        }
+        return `NODE_OPTIONS='--import ${instrumentPath}' ${scriptCommand}`;
+    }
+    if (packageJson.scripts.dev) {
+        packageJson.scripts.dev = mergeNodeOptions(packageJson.scripts.dev);
+    }
+    const startScript = packageJson.scripts.start;
+    if (!startScript.includes(INSTRUMENTATION_FILE) &&
+        !startScript.includes('NODE_OPTIONS')) {
+        packageJson.scripts.start = `NODE_OPTIONS='--import ./${INSTRUMENTATION_FILE}' react-router-serve ./build/server/index.js`;
+    }
+    else {
+        packageJson.scripts.start = mergeNodeOptions(startScript);
+    }
+    await fs.promises.writeFile('package.json', JSON.stringify(packageJson, null, 2));
+}
+exports.updatePackageJsonScripts = updatePackageJsonScripts;
+async function instrumentSentryOnEntryServer(isTS) {
+    const serverEntryPath = getAppFilePath('entry.server', isTS);
+    const serverEntryFilename = path.basename(serverEntryPath);
+    await ensureEntryFileExists(serverEntryFilename, serverEntryPath);
+    await (0, server_entry_1.instrumentServerEntry)(serverEntryPath);
+    prompts_1.default.log.success(`Updated ${chalk_1.default.cyan(serverEntryFilename)} with Sentry error handling.`);
+}
+exports.instrumentSentryOnEntryServer = instrumentSentryOnEntryServer;
+async function configureReactRouterVitePlugin(orgSlug, projectSlug) {
+    const configPath = fs.existsSync(path.join(process.cwd(), 'vite.config.ts'))
+        ? path.join(process.cwd(), 'vite.config.ts')
+        : path.join(process.cwd(), 'vite.config.js');
+    const filename = chalk_1.default.cyan(path.basename(configPath));
+    try {
+        const { wasConverted } = await (0, vite_1.instrumentViteConfig)(orgSlug, projectSlug);
+        prompts_1.default.log.success(`Updated ${filename} with sentryReactRouter plugin.`);
+        if (wasConverted) {
+            prompts_1.default.log.info(`Converted your Vite config to function form ${chalk_1.default.dim('(defineConfig(config => ({ ... })))')} to support the Sentry React Router plugin.`);
+        }
+    }
+    catch (e) {
+        (0, debug_1.debug)('Failed to modify vite config:', e);
+        const errorMessage = e instanceof Error ? e.message : String(e);
+        throw new Error(_formatConfigErrorMessage(filename, errorMessage, 'You may need to add the plugin manually.'));
+    }
+}
+exports.configureReactRouterVitePlugin = configureReactRouterVitePlugin;
+async function configureReactRouterConfig(isTS) {
+    const configFilename = `react-router.config.${isTS ? 'ts' : 'js'}`;
+    const configPath = path.join(process.cwd(), configFilename);
+    const filename = chalk_1.default.cyan(configFilename);
+    try {
+        const fileExistedBefore = fs.existsSync(configPath);
+        const { ssrWasChanged } = await (0, react_router_config_1.instrumentReactRouterConfig)(isTS);
+        if (fileExistedBefore) {
+            prompts_1.default.log.success(`Updated ${filename} with Sentry buildEnd hook.`);
+        }
+        else {
+            prompts_1.default.log.success(`Created ${filename} with Sentry buildEnd hook.`);
+        }
+        if (ssrWasChanged) {
+            prompts_1.default.log.warn(`${chalk_1.default.yellow('Note:')} SSR has been enabled in your React Router config (${chalk_1.default.cyan('ssr: true')}). This is required for Sentry sourcemap uploads to work correctly.`);
+        }
+    }
+    catch (e) {
+        (0, debug_1.debug)('Failed to modify react-router.config:', e);
+        const errorMessage = e instanceof Error ? e.message : String(e);
+        throw new Error(_formatConfigErrorMessage(filename, errorMessage, 'You may need to add the buildEnd hook manually.'));
+    }
+}
+exports.configureReactRouterConfig = configureReactRouterConfig;
+//# sourceMappingURL=sdk-setup.js.map

package/dist/src/react-router/sdk-setup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sdk-setup.js","sourceRoot":"","sources":["../../../src/react-router/sdk-setup.ts"],"names":[],"mappings":"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","sourcesContent":["import * as fs from 'fs';\nimport * as path from 'path';\nimport * as childProcess from 'child_process';\n\n// @ts-expect-error - clack is ESM and TS complains about that. It works though\nimport clack from '@clack/prompts';\nimport chalk from 'chalk';\nimport { gte, minVersion } from 'semver';\n\nimport type { PackageDotJson } from '../utils/package-json';\nimport { getPackageVersion } from '../utils/package-json';\nimport { debug } from '../utils/debug';\nimport { getSentryInstrumentationServerContent } from './templates';\nimport { instrumentRoot } from './codemods/root';\nimport { instrumentServerEntry } from './codemods/server-entry';\nimport { getPackageDotJson } from '../utils/clack';\nimport { instrumentClientEntry } from './codemods/client.entry';\nimport { instrumentViteConfig } from './codemods/vite';\nimport { instrumentReactRouterConfig } from './codemods/react-router-config';\n\nconst REACT_ROUTER_REVEAL_COMMAND = 'npx react-router reveal';\nconst INSTRUMENTATION_FILE = 'instrument.server.mjs';\nconst APP_DIRECTORY = 'app';\nconst ROUTES_DIRECTORY = 'routes';\n\nfunction _formatConfigErrorMessage(\n  filename: string,\n  errorMessage: string,\n  fallbackHint: string,\n): string {\n  return (\n    `Could not automatically configure ${filename}. ${errorMessage}\\n` +\n    `This may happen if your config has an unusual format. ` +\n    `${fallbackHint}`\n  );\n}\n\nfunction getAppFilePath(\n  filename: string,\n  isTS: boolean,\n  isPage = true,\n): string {\n  const ext = isPage ? (isTS ? 'tsx' : 'jsx') : isTS ? 'ts' : 'js';\n  return path.join(process.cwd(), APP_DIRECTORY, `${filename}.${ext}`);\n}\n\nexport function getRouteFilePath(filename: string, isTS: boolean): string {\n  const ext = isTS ? 'tsx' : 'jsx';\n  return path.join(\n    process.cwd(),\n    APP_DIRECTORY,\n    ROUTES_DIRECTORY,\n    `${filename}.${ext}`,\n  );\n}\n\nexport async function tryRevealAndGetManualInstructions(\n  missingFilename: string,\n  filePath: string,\n): Promise<boolean> {\n  const shouldTryReveal = await clack.confirm({\n    message: `Would you like to try running ${chalk.cyan(\n      REACT_ROUTER_REVEAL_COMMAND,\n    )} to generate entry files?`,\n    initialValue: true,\n  });\n\n  if (shouldTryReveal) {\n    try {\n      clack.log.info(`Running ${chalk.cyan(REACT_ROUTER_REVEAL_COMMAND)}...`);\n      const output = childProcess.execSync(REACT_ROUTER_REVEAL_COMMAND, {\n        encoding: 'utf8',\n        stdio: 'pipe',\n      });\n      clack.log.info(output);\n\n      if (fs.existsSync(filePath)) {\n        clack.log.success(\n          `Found ${chalk.cyan(missingFilename)} after running reveal.`,\n        );\n        return true;\n      } else {\n        clack.log.warn(\n          `${chalk.cyan(\n            missingFilename,\n          )} still not found after running reveal.`,\n        );\n      }\n    } catch (e) {\n      debug('Failed to run React Router reveal command:', e);\n      clack.log.warn(\n        `Failed to run ${chalk.cyan(\n          REACT_ROUTER_REVEAL_COMMAND,\n        )}. This command generates entry files for React Router v7.`,\n      );\n    }\n  }\n\n  return false; // File still doesn't exist, manual intervention needed\n}\n\nasync function ensureEntryFileExists(\n  filename: string,\n  filePath: string,\n): Promise<void> {\n  if (fs.existsSync(filePath)) {\n    return; // File exists, nothing to do\n  }\n\n  clack.log.warn(`Could not find ${chalk.cyan(filename)}.`);\n\n  const fileExists = await tryRevealAndGetManualInstructions(\n    filename,\n    filePath,\n  );\n\n  if (!fileExists) {\n    throw new Error(\n      `Failed to create or find ${filename}. Please create this file manually or ensure your React Router v7 project structure is correct.`,\n    );\n  }\n}\n\nexport function runReactRouterReveal(force = false): void {\n  if (\n    force ||\n    (!fs.existsSync(path.join(process.cwd(), 'app/entry.client.tsx')) &&\n      !fs.existsSync(path.join(process.cwd(), 'app/entry.client.jsx')))\n  ) {\n    try {\n      childProcess.execSync(REACT_ROUTER_REVEAL_COMMAND, {\n        encoding: 'utf8',\n        stdio: 'pipe',\n      });\n    } catch (e) {\n      debug('Failed to run React Router reveal command:', e);\n      throw e;\n    }\n  }\n}\n\nexport function isReactRouterV7(packageJson: PackageDotJson): boolean {\n  const reactRouterVersion = getPackageVersion(\n    '@react-router/dev',\n    packageJson,\n  );\n  if (!reactRouterVersion) {\n    return false;\n  }\n\n  const minVer = minVersion(reactRouterVersion);\n\n  if (!minVer) {\n    return false;\n  }\n\n  return gte(minVer, '7.0.0');\n}\n\nexport async function initializeSentryOnEntryClient(\n  dsn: string,\n  enableTracing: boolean,\n  enableReplay: boolean,\n  enableLogs: boolean,\n  isTS: boolean,\n): Promise<void> {\n  const clientEntryPath = getAppFilePath('entry.client', isTS);\n  const clientEntryFilename = path.basename(clientEntryPath);\n\n  await ensureEntryFileExists(clientEntryFilename, clientEntryPath);\n\n  await instrumentClientEntry(\n    clientEntryPath,\n    dsn,\n    enableTracing,\n    enableReplay,\n    enableLogs,\n  );\n\n  clack.log.success(\n    `Updated ${chalk.cyan(clientEntryFilename)} with Sentry initialization.`,\n  );\n}\n\nexport async function instrumentRootRoute(isTS: boolean): Promise<void> {\n  const rootPath = getAppFilePath('root', isTS);\n  const rootFilename = path.basename(rootPath);\n\n  if (!fs.existsSync(rootPath)) {\n    throw new Error(\n      `${rootFilename} not found in app directory. Please ensure your React Router v7 app has a root.tsx/jsx file in the app folder.`,\n    );\n  }\n\n  await instrumentRoot(rootFilename);\n  clack.log.success(`Updated ${chalk.cyan(rootFilename)} with ErrorBoundary.`);\n}\n\nexport function createServerInstrumentationFile(\n  dsn: string,\n  selectedFeatures: {\n    performance: boolean;\n    replay: boolean;\n    logs: boolean;\n    profiling: boolean;\n  },\n): string {\n  const instrumentationPath = path.join(process.cwd(), INSTRUMENTATION_FILE);\n\n  const content = getSentryInstrumentationServerContent(\n    dsn,\n    selectedFeatures.performance,\n    selectedFeatures.profiling,\n    selectedFeatures.logs,\n  );\n\n  fs.writeFileSync(instrumentationPath, content);\n  clack.log.success(`Created ${chalk.cyan(INSTRUMENTATION_FILE)}.`);\n  return instrumentationPath;\n}\n\nexport async function updatePackageJsonScripts(): Promise<void> {\n  const packageJson = await getPackageDotJson();\n\n  if (!packageJson?.scripts) {\n    throw new Error(\n      'Could not find a `scripts` section in your package.json file. Please add scripts manually or ensure your package.json is valid.',\n    );\n  }\n\n  if (!packageJson.scripts.start) {\n    throw new Error(\n      'Could not find a `start` script in your package.json. Please add: \"start\": \"react-router-serve ./build/server/index.js\" and re-run the wizard.',\n    );\n  }\n\n  function mergeNodeOptions(\n    scriptCommand: string,\n    instrumentPath = './instrument.server.mjs',\n  ): string {\n    if (scriptCommand.includes(instrumentPath)) {\n      return scriptCommand;\n    }\n\n    const quotedMatch = scriptCommand.match(/NODE_OPTIONS=(['\"])([^'\"]*)\\1/);\n    if (quotedMatch) {\n      const existingOptions = quotedMatch[2];\n      const mergedOptions =\n        `${existingOptions} --import ${instrumentPath}`.trim();\n      return scriptCommand.replace(\n        /NODE_OPTIONS=(['\"])([^'\"]*)\\1/,\n        `NODE_OPTIONS='${mergedOptions}'`,\n      );\n    }\n\n    const unquotedMatch = scriptCommand.match(\n      /NODE_OPTIONS=([^\\s]+(?:\\s+[^\\s]+)*?)(\\s+(?:react-router-serve|react-router|node|npx|tsx))/,\n    );\n    if (unquotedMatch) {\n      const existingOptions = unquotedMatch[1];\n      const commandPart = unquotedMatch[2];\n      const mergedOptions =\n        `${existingOptions} --import ${instrumentPath}`.trim();\n      return scriptCommand.replace(\n        /NODE_OPTIONS=([^\\s]+(?:\\s+[^\\s]+)*?)(\\s+(?:react-router-serve|react-router|node|npx|tsx))/,\n        `NODE_OPTIONS='${mergedOptions}'${commandPart}`,\n      );\n    }\n\n    return `NODE_OPTIONS='--import ${instrumentPath}' ${scriptCommand}`;\n  }\n\n  if (packageJson.scripts.dev) {\n    packageJson.scripts.dev = mergeNodeOptions(packageJson.scripts.dev);\n  }\n\n  const startScript = packageJson.scripts.start;\n  if (\n    !startScript.includes(INSTRUMENTATION_FILE) &&\n    !startScript.includes('NODE_OPTIONS')\n  ) {\n    packageJson.scripts.start = `NODE_OPTIONS='--import ./${INSTRUMENTATION_FILE}' react-router-serve ./build/server/index.js`;\n  } else {\n    packageJson.scripts.start = mergeNodeOptions(startScript);\n  }\n\n  await fs.promises.writeFile(\n    'package.json',\n    JSON.stringify(packageJson, null, 2),\n  );\n}\n\nexport async function instrumentSentryOnEntryServer(\n  isTS: boolean,\n): Promise<void> {\n  const serverEntryPath = getAppFilePath('entry.server', isTS);\n  const serverEntryFilename = path.basename(serverEntryPath);\n\n  await ensureEntryFileExists(serverEntryFilename, serverEntryPath);\n\n  await instrumentServerEntry(serverEntryPath);\n\n  clack.log.success(\n    `Updated ${chalk.cyan(serverEntryFilename)} with Sentry error handling.`,\n  );\n}\n\nexport async function configureReactRouterVitePlugin(\n  orgSlug: string,\n  projectSlug: string,\n): Promise<void> {\n  const configPath = fs.existsSync(path.join(process.cwd(), 'vite.config.ts'))\n    ? path.join(process.cwd(), 'vite.config.ts')\n    : path.join(process.cwd(), 'vite.config.js');\n  const filename = chalk.cyan(path.basename(configPath));\n\n  try {\n    const { wasConverted } = await instrumentViteConfig(orgSlug, projectSlug);\n\n    clack.log.success(`Updated ${filename} with sentryReactRouter plugin.`);\n\n    if (wasConverted) {\n      clack.log.info(\n        `Converted your Vite config to function form ${chalk.dim(\n          '(defineConfig(config => ({ ... })))',\n        )} to support the Sentry React Router plugin.`,\n      );\n    }\n  } catch (e) {\n    debug('Failed to modify vite config:', e);\n    const errorMessage = e instanceof Error ? e.message : String(e);\n    throw new Error(\n      _formatConfigErrorMessage(\n        filename,\n        errorMessage,\n        'You may need to add the plugin manually.',\n      ),\n    );\n  }\n}\n\nexport async function configureReactRouterConfig(isTS: boolean): Promise<void> {\n  const configFilename = `react-router.config.${isTS ? 'ts' : 'js'}`;\n  const configPath = path.join(process.cwd(), configFilename);\n  const filename = chalk.cyan(configFilename);\n\n  try {\n    const fileExistedBefore = fs.existsSync(configPath);\n\n    const { ssrWasChanged } = await instrumentReactRouterConfig(isTS);\n\n    if (fileExistedBefore) {\n      clack.log.success(`Updated ${filename} with Sentry buildEnd hook.`);\n    } else {\n      clack.log.success(`Created ${filename} with Sentry buildEnd hook.`);\n    }\n\n    if (ssrWasChanged) {\n      clack.log.warn(\n        `${chalk.yellow(\n          'Note:',\n        )} SSR has been enabled in your React Router config (${chalk.cyan(\n          'ssr: true',\n        )}). This is required for Sentry sourcemap uploads to work correctly.`,\n      );\n    }\n  } catch (e) {\n    debug('Failed to modify react-router.config:', e);\n    const errorMessage = e instanceof Error ? e.message : String(e);\n    throw new Error(\n      _formatConfigErrorMessage(\n        filename,\n        errorMessage,\n        'You may need to add the buildEnd hook manually.',\n      ),\n    );\n  }\n}\n"]}

package/dist/src/react-router/templates.d.ts

@@ -0,0 +1,11 @@
+export declare const ERROR_BOUNDARY_TEMPLATE: string;
+export declare const EXAMPLE_PAGE_TEMPLATE_TSX = "import type { Route } from \"./+types/sentry-example-page\";\n\nexport async function loader() {\n  throw new Error(\"some error thrown in a loader\");\n}\n\nexport default function SentryExamplePage() {\n  return <div>Loading this page will throw an error</div>;\n}";
+export declare const EXAMPLE_PAGE_TEMPLATE_JSX = "export async function loader() {\n  throw new Error(\"some error thrown in a loader\");\n}\n\nexport default function SentryExamplePage() {\n  return <div>Loading this page will throw an error</div>;\n}";
+export declare const getSentryInstrumentationServerContent: (dsn: string, enableTracing: boolean, enableProfiling?: boolean, enableLogs?: boolean) => string;
+export declare const getManualClientEntryContent: (dsn: string, enableTracing: boolean, enableReplay: boolean, enableLogs: boolean) => string;
+export declare const getManualServerEntryContent: () => string;
+export declare const getManualHandleRequestContent: () => string;
+export declare const getManualRootContent: (isTs: boolean) => string;
+export declare const getManualServerInstrumentContent: (dsn: string, enableTracing: boolean, enableProfiling: boolean, enableLogs?: boolean) => string;
+export declare const getManualReactRouterConfigContent: (isTS?: boolean) => string;
+export declare const getManualViteConfigContent: (orgSlug: string, projectSlug: string) => string;

package/dist/src/react-router/templates.js

@@ -0,0 +1,273 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getManualViteConfigContent = exports.getManualReactRouterConfigContent = exports.getManualServerInstrumentContent = exports.getManualRootContent = exports.getManualHandleRequestContent = exports.getManualServerEntryContent = exports.getManualClientEntryContent = exports.getSentryInstrumentationServerContent = exports.EXAMPLE_PAGE_TEMPLATE_JSX = exports.EXAMPLE_PAGE_TEMPLATE_TSX = exports.ERROR_BOUNDARY_TEMPLATE = void 0;
+const clack_1 = require("../utils/clack");
+function generateErrorBoundaryTemplate(isTypeScript, forManualInstructions = false) {
+    const typeAnnotations = isTypeScript
+        ? { stack: ': string | undefined', props: ': Route.ErrorBoundaryProps' }
+        : { stack: '', props: '' };
+    const commentLine = forManualInstructions
+        ? '// you only want to capture non 404-errors that reach the boundary\n    '
+        : '// Only capture non-404 errors (all errors here are already non-RouteErrorResponse)\n    ';
+    return `function ErrorBoundary({ error }${typeAnnotations.props}) {
+  let message = "Oops!";
+  let details = "An unexpected error occurred.";
+  let stack${typeAnnotations.stack};
+
+  if (isRouteErrorResponse(error)) {
+    message = error.status === 404 ? "404" : "Error";
+    details =
+      error.status === 404
+        ? "The requested page could not be found."
+        : error.statusText || details;
+  } else if (error && error instanceof Error) {
+    ${commentLine}Sentry.captureException(error);
+    details = error.message;
+    stack = error.stack;
+  }
+
+  return (
+    <main>
+      <h1>{message}</h1>
+      <p>{details}</p>
+      {stack && (
+        <pre>
+          <code>{stack}</code>
+        </pre>
+      )}
+    </main>
+  );
+}`;
+}
+exports.ERROR_BOUNDARY_TEMPLATE = generateErrorBoundaryTemplate(false);
+exports.EXAMPLE_PAGE_TEMPLATE_TSX = `import type { Route } from "./+types/sentry-example-page";
+
+export async function loader() {
+  throw new Error("some error thrown in a loader");
+}
+
+export default function SentryExamplePage() {
+  return <div>Loading this page will throw an error</div>;
+}`;
+exports.EXAMPLE_PAGE_TEMPLATE_JSX = `export async function loader() {
+  throw new Error("some error thrown in a loader");
+}
+
+export default function SentryExamplePage() {
+  return <div>Loading this page will throw an error</div>;
+}`;
+function generateServerInstrumentationCode(dsn, enableTracing, enableProfiling, enableLogs) {
+    return `import * as Sentry from '@sentry/react-router';${enableProfiling
+        ? `\nimport { nodeProfilingIntegration } from '@sentry/profiling-node';`
+        : ''}
+
+Sentry.init({
+  dsn: "${dsn}",
+
+  // Adds request headers and IP for users, for more info visit:
+  // https://docs.sentry.io/platforms/javascript/guides/react-router/configuration/options/#sendDefaultPii
+  sendDefaultPii: true,${enableLogs
+        ? '\n\n  // Enable logs to be sent to Sentry\n  enableLogs: true,'
+        : ''}${enableProfiling ? '\n\n  integrations: [nodeProfilingIntegration()],' : ''}
+  tracesSampleRate: ${enableTracing ? '1.0' : '0'}, ${enableTracing ? '// Capture 100% of the transactions' : ''}${enableProfiling
+        ? '\n  profilesSampleRate: 1.0, // profile every transaction'
+        : ''}${enableTracing
+        ? `
+
+  // Set up performance monitoring
+  beforeSend(event) {
+    // Filter out 404s from error reporting
+    if (event.exception) {
+      const error = event.exception.values?.[0];
+      if (error?.type === "NotFoundException" || error?.value?.includes("404")) {
+        return null;
+      }
+    }
+    return event;
+  },`
+        : ''}
+});`;
+}
+const getSentryInstrumentationServerContent = (dsn, enableTracing, enableProfiling = false, enableLogs = false) => {
+    return generateServerInstrumentationCode(dsn, enableTracing, enableProfiling, enableLogs);
+};
+exports.getSentryInstrumentationServerContent = getSentryInstrumentationServerContent;
+const getManualClientEntryContent = (dsn, enableTracing, enableReplay, enableLogs) => {
+    const integrations = [];
+    if (enableTracing) {
+        integrations.push('Sentry.reactRouterTracingIntegration()');
+    }
+    if (enableReplay) {
+        integrations.push('Sentry.replayIntegration()');
+    }
+    const integrationsStr = integrations.length > 0 ? integrations.join(',\n    ') : '';
+    return (0, clack_1.makeCodeSnippet)(true, (unchanged, plus) => unchanged(`${plus("import * as Sentry from '@sentry/react-router';")}
+import { startTransition, StrictMode } from 'react';
+import { hydrateRoot } from 'react-dom/client';
+import { HydratedRouter } from 'react-router/dom';
+
+${plus(`Sentry.init({
+  dsn: "${dsn}",
+
+  // Adds request headers and IP for users, for more info visit:
+  // https://docs.sentry.io/platforms/javascript/guides/react-router/configuration/options/#sendDefaultPii
+  sendDefaultPii: true,
+
+  integrations: [
+    ${integrationsStr}
+  ],
+
+  ${enableLogs
+        ? '// Enable logs to be sent to Sentry\n  enableLogs: true,\n\n  '
+        : ''}tracesSampleRate: ${enableTracing ? '1.0' : '0'},${enableTracing ? ' //  Capture 100% of the transactions' : ''}${enableTracing
+        ? '\n\n  // Set `tracePropagationTargets` to declare which URL(s) should have trace propagation enabled\n  // In production, replace "yourserver.io" with your actual backend domain\n  tracePropagationTargets: [/^\\//, /^https:\\/\\/yourserver\\.io\\/api/],'
+        : ''}${enableReplay
+        ? '\n\n  // Capture Replay for 10% of all sessions,\n  // plus 100% of sessions with an error\n  replaysSessionSampleRate: 0.1,\n  replaysOnErrorSampleRate: 1.0,'
+        : ''}
+});`)}
+
+startTransition(() => {
+  hydrateRoot(
+    document,
+    <StrictMode>
+      <HydratedRouter />
+    </StrictMode>
+  );
+});`));
+};
+exports.getManualClientEntryContent = getManualClientEntryContent;
+const getManualServerEntryContent = () => {
+    return (0, clack_1.makeCodeSnippet)(true, (unchanged, plus) => unchanged(`${plus("import * as Sentry from '@sentry/react-router';")}
+import { createReadableStreamFromReadable } from '@react-router/node';
+import { renderToPipeableStream } from 'react-dom/server';
+import { ServerRouter } from 'react-router';
+
+${plus(`const handleRequest = Sentry.createSentryHandleRequest({
+  ServerRouter,
+  renderToPipeableStream,
+  createReadableStreamFromReadable,
+});`)}
+
+export default handleRequest;
+
+${plus(`export const handleError = Sentry.createSentryHandleError({
+  logErrors: false
+});`)}
+
+// ... rest of your server entry`));
+};
+exports.getManualServerEntryContent = getManualServerEntryContent;
+const getManualHandleRequestContent = () => {
+    return (0, clack_1.makeCodeSnippet)(true, (unchanged, plus) => unchanged(`${plus("import * as Sentry from '@sentry/react-router';")}
+import { createReadableStreamFromReadable } from '@react-router/node';
+import { renderToPipeableStream } from 'react-dom/server';
+import { ServerRouter } from 'react-router';
+
+${plus(`// Replace your existing handleRequest function with this Sentry-wrapped version:
+const handleRequest = Sentry.createSentryHandleRequest({
+  ServerRouter,
+  renderToPipeableStream,
+  createReadableStreamFromReadable,
+});`)}
+
+${plus(`// If you have a custom handleRequest implementation, wrap it like this:
+// export default Sentry.wrapSentryHandleRequest(yourCustomHandleRequest);`)}
+
+export default handleRequest;`));
+};
+exports.getManualHandleRequestContent = getManualHandleRequestContent;
+const getManualRootContent = (isTs) => {
+    const typeAnnotations = isTs
+        ? { stack: ': string | undefined', props: ': Route.ErrorBoundaryProps' }
+        : { stack: '', props: '' };
+    return (0, clack_1.makeCodeSnippet)(true, (unchanged, plus) => unchanged(`${plus("import * as Sentry from '@sentry/react-router';")}
+
+export function ErrorBoundary({ error }${typeAnnotations.props}) {
+  let message = "Oops!";
+  let details = "An unexpected error occurred.";
+  let stack${typeAnnotations.stack};
+
+  if (isRouteErrorResponse(error)) {
+    message = error.status === 404 ? "404" : "Error";
+    details =
+      error.status === 404
+        ? "The requested page could not be found."
+        : error.statusText || details;
+  } else if (error && error instanceof Error) {
+    // you only want to capture non 404-errors that reach the boundary
+    ${plus('Sentry.captureException(error);')}
+    details = error.message;
+    stack = error.stack;
+  }
+
+  return (
+    <main>
+      <h1>{message}</h1>
+      <p>{details}</p>
+      {stack && (
+        <pre>
+          <code>{stack}</code>
+        </pre>
+      )}
+    </main>
+  );
+}
+// ...`));
+};
+exports.getManualRootContent = getManualRootContent;
+const getManualServerInstrumentContent = (dsn, enableTracing, enableProfiling, enableLogs = false) => {
+    return (0, clack_1.makeCodeSnippet)(true, (unchanged, plus) => plus(generateServerInstrumentationCode(dsn, enableTracing, enableProfiling, enableLogs)));
+};
+exports.getManualServerInstrumentContent = getManualServerInstrumentContent;
+const getManualReactRouterConfigContent = (isTS = true) => {
+    return (0, clack_1.makeCodeSnippet)(true, (unchanged, plus) => isTS
+        ? unchanged(`${plus('import type { Config } from "@react-router/dev/config";')}
+${plus("import { sentryOnBuildEnd } from '@sentry/react-router';")}
+
+export default {
+  ${plus('ssr: true,')}
+  ${plus(`buildEnd: async ({ viteConfig, reactRouterConfig, buildManifest }) => {
+    await sentryOnBuildEnd({ viteConfig, reactRouterConfig, buildManifest });
+  },`)}
+} satisfies Config;
+
+// If you already have a buildEnd hook, modify it to call sentryOnBuildEnd:
+// buildEnd: async (args) => {
+//   await yourExistingLogic(args);
+//   await sentryOnBuildEnd(args);
+// }`)
+        : unchanged(`${plus("import { sentryOnBuildEnd } from '@sentry/react-router';")}
+
+export default {
+  ${plus('ssr: true,')}
+  ${plus(`buildEnd: async ({ viteConfig, reactRouterConfig, buildManifest }) => {
+    await sentryOnBuildEnd({ viteConfig, reactRouterConfig, buildManifest });
+  },`)}
+};
+
+// If you already have a buildEnd hook, modify it to call sentryOnBuildEnd:
+// buildEnd: async (args) => {
+//   await yourExistingLogic(args);
+//   await sentryOnBuildEnd(args);
+// }`));
+};
+exports.getManualReactRouterConfigContent = getManualReactRouterConfigContent;
+const getManualViteConfigContent = (orgSlug, projectSlug) => {
+    return (0, clack_1.makeCodeSnippet)(true, (unchanged, plus) => unchanged(`${plus("import { sentryReactRouter } from '@sentry/react-router';")}
+import { defineConfig } from 'vite';
+
+export default defineConfig(config => {
+  return {
+    plugins: [
+      // ... your existing plugins
+      ${plus(`sentryReactRouter({
+        org: "${orgSlug}",
+        project: "${projectSlug}",
+        authToken: process.env.SENTRY_AUTH_TOKEN,
+      }, config),`)}
+    ],
+  };
+});`));
+};
+exports.getManualViteConfigContent = getManualViteConfigContent;
+//# sourceMappingURL=templates.js.map

package/dist/src/react-router/templates.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"templates.js","sourceRoot":"","sources":["../../../src/react-router/templates.ts"],"names":[],"mappings":";;;AAAA,0CAAiD;AAEjD,SAAS,6BAA6B,CACpC,YAAqB,EACrB,qBAAqB,GAAG,KAAK;IAE7B,MAAM,eAAe,GAAG,YAAY;QAClC,CAAC,CAAC,EAAE,KAAK,EAAE,sBAAsB,EAAE,KAAK,EAAE,4BAA4B,EAAE;QACxE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC;IAE7B,MAAM,WAAW,GAAG,qBAAqB;QACvC,CAAC,CAAC,0EAA0E;QAC5E,CAAC,CAAC,2FAA2F,CAAC;IAEhG,OAAO,mCAAmC,eAAe,CAAC,KAAK;;;aAGpD,eAAe,CAAC,KAAK;;;;;;;;;MAS5B,WAAW;;;;;;;;;;;;;;;;EAgBf,CAAC;AACH,CAAC;AAEY,QAAA,uBAAuB,GAAG,6BAA6B,CAAC,KAAK,CAAC,CAAC;AAE/D,QAAA,yBAAyB,GAAG;;;;;;;;EAQvC,CAAC;AAEU,QAAA,yBAAyB,GAAG;;;;;;EAMvC,CAAC;AAEH,SAAS,iCAAiC,CACxC,GAAW,EACX,aAAsB,EACtB,eAAwB,EACxB,UAAmB;IAEnB,OAAO,kDACL,eAAe;QACb,CAAC,CAAC,sEAAsE;QACxE,CAAC,CAAC,EACN;;;UAGQ,GAAG;;;;yBAKT,UAAU;QACR,CAAC,CAAC,gEAAgE;QAClE,CAAC,CAAC,EACN,GAAG,eAAe,CAAC,CAAC,CAAC,mDAAmD,CAAC,CAAC,CAAC,EAAE;sBACzD,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,KAC7C,aAAa,CAAC,CAAC,CAAC,qCAAqC,CAAC,CAAC,CAAC,EAC1D,GACE,eAAe;QACb,CAAC,CAAC,2DAA2D;QAC7D,CAAC,CAAC,EACN,GACE,aAAa;QACX,CAAC,CAAC;;;;;;;;;;;;KAYH;QACC,CAAC,CAAC,EACN;IACE,CAAC;AACL,CAAC;AAEM,MAAM,qCAAqC,GAAG,CACnD,GAAW,EACX,aAAsB,EACtB,eAAe,GAAG,KAAK,EACvB,UAAU,GAAG,KAAK,EAClB,EAAE;IACF,OAAO,iCAAiC,CACtC,GAAG,EACH,aAAa,EACb,eAAe,EACf,UAAU,CACX,CAAC;AACJ,CAAC,CAAC;AAZW,QAAA,qCAAqC,yCAYhD;AAEK,MAAM,2BAA2B,GAAG,CACzC,GAAW,EACX,aAAsB,EACtB,YAAqB,EACrB,UAAmB,EACnB,EAAE;IACF,MAAM,YAAY,GAAG,EAAE,CAAC;IAExB,IAAI,aAAa,EAAE;QACjB,YAAY,CAAC,IAAI,CAAC,wCAAwC,CAAC,CAAC;KAC7D;IAED,IAAI,YAAY,EAAE;QAChB,YAAY,CAAC,IAAI,CAAC,4BAA4B,CAAC,CAAC;KACjD;IAED,MAAM,eAAe,GACnB,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAE9D,OAAO,IAAA,uBAAe,EAAC,IAAI,EAAE,CAAC,SAAS,EAAE,IAAI,EAAE,EAAE,CAC/C,SAAS,CAAC,GAAG,IAAI,CAAC,iDAAiD,CAAC;;;;;EAKtE,IAAI,CAAC;UACG,GAAG;;;;;;;MAOP,eAAe;;;IAIjB,UAAU;QACR,CAAC,CAAC,gEAAgE;QAClE,CAAC,CAAC,EACN,qBAAqB,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,IAChD,aAAa,CAAC,CAAC,CAAC,uCAAuC,CAAC,CAAC,CAAC,EAC5D,GACE,aAAa;QACX,CAAC,CAAC,+PAA+P;QACjQ,CAAC,CAAC,EACN,GACE,YAAY;QACV,CAAC,CAAC,gKAAgK;QAClK,CAAC,CAAC,EACN;IACI,CAAC;;;;;;;;;IASD,CAAC,CACF,CAAC;AACJ,CAAC,CAAC;AA9DW,QAAA,2BAA2B,+BA8DtC;AAEK,MAAM,2BAA2B,GAAG,GAAG,EAAE;IAC9C,OAAO,IAAA,uBAAe,EAAC,IAAI,EAAE,CAAC,SAAS,EAAE,IAAI,EAAE,EAAE,CAC/C,SAAS,CAAC,GAAG,IAAI,CAAC,iDAAiD,CAAC;;;;;EAKtE,IAAI,CAAC;;;;IAIH,CAAC;;;;EAIH,IAAI,CAAC;;IAEH,CAAC;;iCAE4B,CAAC,CAC/B,CAAC;AACJ,CAAC,CAAC;AArBW,QAAA,2BAA2B,+BAqBtC;AAEK,MAAM,6BAA6B,GAAG,GAAG,EAAE;IAChD,OAAO,IAAA,uBAAe,EAAC,IAAI,EAAE,CAAC,SAAS,EAAE,IAAI,EAAE,EAAE,CAC/C,SAAS,CAAC,GAAG,IAAI,CAAC,iDAAiD,CAAC;;;;;EAKtE,IAAI,CAAC;;;;;IAKH,CAAC;;EAEH,IAAI,CAAC;2EACoE,CAAC;;8BAE9C,CAAC,CAC5B,CAAC;AACJ,CAAC,CAAC;AAnBW,QAAA,6BAA6B,iCAmBxC;AAEK,MAAM,oBAAoB,GAAG,CAAC,IAAa,EAAE,EAAE;IACpD,MAAM,eAAe,GAAG,IAAI;QAC1B,CAAC,CAAC,EAAE,KAAK,EAAE,sBAAsB,EAAE,KAAK,EAAE,4BAA4B,EAAE;QACxE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC;IAE7B,OAAO,IAAA,uBAAe,EAAC,IAAI,EAAE,CAAC,SAAS,EAAE,IAAI,EAAE,EAAE,CAC/C,SAAS,CAAC,GAAG,IAAI,CAAC,iDAAiD,CAAC;;yCAE/B,eAAe,CAAC,KAAK;;;aAGjD,eAAe,CAAC,KAAK;;;;;;;;;;MAU5B,IAAI,CAAC,iCAAiC,CAAC;;;;;;;;;;;;;;;;;OAiBtC,CAAC,CACL,CAAC;AACJ,CAAC,CAAC;AAxCW,QAAA,oBAAoB,wBAwC/B;AAEK,MAAM,gCAAgC,GAAG,CAC9C,GAAW,EACX,aAAsB,EACtB,eAAwB,EACxB,UAAU,GAAG,KAAK,EAClB,EAAE;IACF,OAAO,IAAA,uBAAe,EAAC,IAAI,EAAE,CAAC,SAAS,EAAE,IAAI,EAAE,EAAE,CAC/C,IAAI,CACF,iCAAiC,CAC/B,GAAG,EACH,aAAa,EACb,eAAe,EACf,UAAU,CACX,CACF,CACF,CAAC;AACJ,CAAC,CAAC;AAhBW,QAAA,gCAAgC,oCAgB3C;AAEK,MAAM,iCAAiC,GAAG,CAAC,IAAI,GAAG,IAAI,EAAE,EAAE;IAC/D,OAAO,IAAA,uBAAe,EAAC,IAAI,EAAE,CAAC,SAAS,EAAE,IAAI,EAAE,EAAE,CAC/C,IAAI;QACF,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,CACf,yDAAyD,CAC1D;EACP,IAAI,CAAC,0DAA0D,CAAC;;;IAG9D,IAAI,CAAC,YAAY,CAAC;IAClB,IAAI,CAAC;;KAEJ,CAAC;;;;;;;KAOD,CAAC;QACA,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,CACf,0DAA0D,CAC3D;;;IAGL,IAAI,CAAC,YAAY,CAAC;IAClB,IAAI,CAAC;;KAEJ,CAAC;;;;;;;KAOD,CAAC,CACH,CAAC;AACJ,CAAC,CAAC;AArCW,QAAA,iCAAiC,qCAqC5C;AAEK,MAAM,0BAA0B,GAAG,CACxC,OAAe,EACf,WAAmB,EACnB,EAAE;IACF,OAAO,IAAA,uBAAe,EAAC,IAAI,EAAE,CAAC,SAAS,EAAE,IAAI,EAAE,EAAE,CAC/C,SAAS,CAAC,GAAG,IAAI,CACf,2DAA2D,CAC5D;;;;;;;QAOG,IAAI,CAAC;gBACG,OAAO;oBACH,WAAW;;kBAEb,CAAC;;;IAGf,CAAC,CACF,CAAC;AACJ,CAAC,CAAC;AAvBW,QAAA,0BAA0B,8BAuBrC","sourcesContent":["import { makeCodeSnippet } from '../utils/clack';\n\nfunction generateErrorBoundaryTemplate(\n  isTypeScript: boolean,\n  forManualInstructions = false,\n): string {\n  const typeAnnotations = isTypeScript\n    ? { stack: ': string | undefined', props: ': Route.ErrorBoundaryProps' }\n    : { stack: '', props: '' };\n\n  const commentLine = forManualInstructions\n    ? '// you only want to capture non 404-errors that reach the boundary\\n    '\n    : '// Only capture non-404 errors (all errors here are already non-RouteErrorResponse)\\n    ';\n\n  return `function ErrorBoundary({ error }${typeAnnotations.props}) {\n  let message = \"Oops!\";\n  let details = \"An unexpected error occurred.\";\n  let stack${typeAnnotations.stack};\n\n  if (isRouteErrorResponse(error)) {\n    message = error.status === 404 ? \"404\" : \"Error\";\n    details =\n      error.status === 404\n        ? \"The requested page could not be found.\"\n        : error.statusText || details;\n  } else if (error && error instanceof Error) {\n    ${commentLine}Sentry.captureException(error);\n    details = error.message;\n    stack = error.stack;\n  }\n\n  return (\n    <main>\n      <h1>{message}</h1>\n      <p>{details}</p>\n      {stack && (\n        <pre>\n          <code>{stack}</code>\n        </pre>\n      )}\n    </main>\n  );\n}`;\n}\n\nexport const ERROR_BOUNDARY_TEMPLATE = generateErrorBoundaryTemplate(false);\n\nexport const EXAMPLE_PAGE_TEMPLATE_TSX = `import type { Route } from \"./+types/sentry-example-page\";\n\nexport async function loader() {\n  throw new Error(\"some error thrown in a loader\");\n}\n\nexport default function SentryExamplePage() {\n  return <div>Loading this page will throw an error</div>;\n}`;\n\nexport const EXAMPLE_PAGE_TEMPLATE_JSX = `export async function loader() {\n  throw new Error(\"some error thrown in a loader\");\n}\n\nexport default function SentryExamplePage() {\n  return <div>Loading this page will throw an error</div>;\n}`;\n\nfunction generateServerInstrumentationCode(\n  dsn: string,\n  enableTracing: boolean,\n  enableProfiling: boolean,\n  enableLogs: boolean,\n): string {\n  return `import * as Sentry from '@sentry/react-router';${\n    enableProfiling\n      ? `\\nimport { nodeProfilingIntegration } from '@sentry/profiling-node';`\n      : ''\n  }\n\nSentry.init({\n  dsn: \"${dsn}\",\n\n  // Adds request headers and IP for users, for more info visit:\n  // https://docs.sentry.io/platforms/javascript/guides/react-router/configuration/options/#sendDefaultPii\n  sendDefaultPii: true,${\n    enableLogs\n      ? '\\n\\n  // Enable logs to be sent to Sentry\\n  enableLogs: true,'\n      : ''\n  }${enableProfiling ? '\\n\\n  integrations: [nodeProfilingIntegration()],' : ''}\n  tracesSampleRate: ${enableTracing ? '1.0' : '0'}, ${\n    enableTracing ? '// Capture 100% of the transactions' : ''\n  }${\n    enableProfiling\n      ? '\\n  profilesSampleRate: 1.0, // profile every transaction'\n      : ''\n  }${\n    enableTracing\n      ? `\n\n  // Set up performance monitoring\n  beforeSend(event) {\n    // Filter out 404s from error reporting\n    if (event.exception) {\n      const error = event.exception.values?.[0];\n      if (error?.type === \"NotFoundException\" || error?.value?.includes(\"404\")) {\n        return null;\n      }\n    }\n    return event;\n  },`\n      : ''\n  }\n});`;\n}\n\nexport const getSentryInstrumentationServerContent = (\n  dsn: string,\n  enableTracing: boolean,\n  enableProfiling = false,\n  enableLogs = false,\n) => {\n  return generateServerInstrumentationCode(\n    dsn,\n    enableTracing,\n    enableProfiling,\n    enableLogs,\n  );\n};\n\nexport const getManualClientEntryContent = (\n  dsn: string,\n  enableTracing: boolean,\n  enableReplay: boolean,\n  enableLogs: boolean,\n) => {\n  const integrations = [];\n\n  if (enableTracing) {\n    integrations.push('Sentry.reactRouterTracingIntegration()');\n  }\n\n  if (enableReplay) {\n    integrations.push('Sentry.replayIntegration()');\n  }\n\n  const integrationsStr =\n    integrations.length > 0 ? integrations.join(',\\n    ') : '';\n\n  return makeCodeSnippet(true, (unchanged, plus) =>\n    unchanged(`${plus(\"import * as Sentry from '@sentry/react-router';\")}\nimport { startTransition, StrictMode } from 'react';\nimport { hydrateRoot } from 'react-dom/client';\nimport { HydratedRouter } from 'react-router/dom';\n\n${plus(`Sentry.init({\n  dsn: \"${dsn}\",\n\n  // Adds request headers and IP for users, for more info visit:\n  // https://docs.sentry.io/platforms/javascript/guides/react-router/configuration/options/#sendDefaultPii\n  sendDefaultPii: true,\n\n  integrations: [\n    ${integrationsStr}\n  ],\n\n  ${\n    enableLogs\n      ? '// Enable logs to be sent to Sentry\\n  enableLogs: true,\\n\\n  '\n      : ''\n  }tracesSampleRate: ${enableTracing ? '1.0' : '0'},${\n  enableTracing ? ' //  Capture 100% of the transactions' : ''\n}${\n  enableTracing\n    ? '\\n\\n  // Set `tracePropagationTargets` to declare which URL(s) should have trace propagation enabled\\n  // In production, replace \"yourserver.io\" with your actual backend domain\\n  tracePropagationTargets: [/^\\\\//, /^https:\\\\/\\\\/yourserver\\\\.io\\\\/api/],'\n    : ''\n}${\n  enableReplay\n    ? '\\n\\n  // Capture Replay for 10% of all sessions,\\n  // plus 100% of sessions with an error\\n  replaysSessionSampleRate: 0.1,\\n  replaysOnErrorSampleRate: 1.0,'\n    : ''\n}\n});`)}\n\nstartTransition(() => {\n  hydrateRoot(\n    document,\n    <StrictMode>\n      <HydratedRouter />\n    </StrictMode>\n  );\n});`),\n  );\n};\n\nexport const getManualServerEntryContent = () => {\n  return makeCodeSnippet(true, (unchanged, plus) =>\n    unchanged(`${plus(\"import * as Sentry from '@sentry/react-router';\")}\nimport { createReadableStreamFromReadable } from '@react-router/node';\nimport { renderToPipeableStream } from 'react-dom/server';\nimport { ServerRouter } from 'react-router';\n\n${plus(`const handleRequest = Sentry.createSentryHandleRequest({\n  ServerRouter,\n  renderToPipeableStream,\n  createReadableStreamFromReadable,\n});`)}\n\nexport default handleRequest;\n\n${plus(`export const handleError = Sentry.createSentryHandleError({\n  logErrors: false\n});`)}\n\n// ... rest of your server entry`),\n  );\n};\n\nexport const getManualHandleRequestContent = () => {\n  return makeCodeSnippet(true, (unchanged, plus) =>\n    unchanged(`${plus(\"import * as Sentry from '@sentry/react-router';\")}\nimport { createReadableStreamFromReadable } from '@react-router/node';\nimport { renderToPipeableStream } from 'react-dom/server';\nimport { ServerRouter } from 'react-router';\n\n${plus(`// Replace your existing handleRequest function with this Sentry-wrapped version:\nconst handleRequest = Sentry.createSentryHandleRequest({\n  ServerRouter,\n  renderToPipeableStream,\n  createReadableStreamFromReadable,\n});`)}\n\n${plus(`// If you have a custom handleRequest implementation, wrap it like this:\n// export default Sentry.wrapSentryHandleRequest(yourCustomHandleRequest);`)}\n\nexport default handleRequest;`),\n  );\n};\n\nexport const getManualRootContent = (isTs: boolean) => {\n  const typeAnnotations = isTs\n    ? { stack: ': string | undefined', props: ': Route.ErrorBoundaryProps' }\n    : { stack: '', props: '' };\n\n  return makeCodeSnippet(true, (unchanged, plus) =>\n    unchanged(`${plus(\"import * as Sentry from '@sentry/react-router';\")}\n\nexport function ErrorBoundary({ error }${typeAnnotations.props}) {\n  let message = \"Oops!\";\n  let details = \"An unexpected error occurred.\";\n  let stack${typeAnnotations.stack};\n\n  if (isRouteErrorResponse(error)) {\n    message = error.status === 404 ? \"404\" : \"Error\";\n    details =\n      error.status === 404\n        ? \"The requested page could not be found.\"\n        : error.statusText || details;\n  } else if (error && error instanceof Error) {\n    // you only want to capture non 404-errors that reach the boundary\n    ${plus('Sentry.captureException(error);')}\n    details = error.message;\n    stack = error.stack;\n  }\n\n  return (\n    <main>\n      <h1>{message}</h1>\n      <p>{details}</p>\n      {stack && (\n        <pre>\n          <code>{stack}</code>\n        </pre>\n      )}\n    </main>\n  );\n}\n// ...`),\n  );\n};\n\nexport const getManualServerInstrumentContent = (\n  dsn: string,\n  enableTracing: boolean,\n  enableProfiling: boolean,\n  enableLogs = false,\n) => {\n  return makeCodeSnippet(true, (unchanged, plus) =>\n    plus(\n      generateServerInstrumentationCode(\n        dsn,\n        enableTracing,\n        enableProfiling,\n        enableLogs,\n      ),\n    ),\n  );\n};\n\nexport const getManualReactRouterConfigContent = (isTS = true) => {\n  return makeCodeSnippet(true, (unchanged, plus) =>\n    isTS\n      ? unchanged(`${plus(\n          'import type { Config } from \"@react-router/dev/config\";',\n        )}\n${plus(\"import { sentryOnBuildEnd } from '@sentry/react-router';\")}\n\nexport default {\n  ${plus('ssr: true,')}\n  ${plus(`buildEnd: async ({ viteConfig, reactRouterConfig, buildManifest }) => {\n    await sentryOnBuildEnd({ viteConfig, reactRouterConfig, buildManifest });\n  },`)}\n} satisfies Config;\n\n// If you already have a buildEnd hook, modify it to call sentryOnBuildEnd:\n// buildEnd: async (args) => {\n//   await yourExistingLogic(args);\n//   await sentryOnBuildEnd(args);\n// }`)\n      : unchanged(`${plus(\n          \"import { sentryOnBuildEnd } from '@sentry/react-router';\",\n        )}\n\nexport default {\n  ${plus('ssr: true,')}\n  ${plus(`buildEnd: async ({ viteConfig, reactRouterConfig, buildManifest }) => {\n    await sentryOnBuildEnd({ viteConfig, reactRouterConfig, buildManifest });\n  },`)}\n};\n\n// If you already have a buildEnd hook, modify it to call sentryOnBuildEnd:\n// buildEnd: async (args) => {\n//   await yourExistingLogic(args);\n//   await sentryOnBuildEnd(args);\n// }`),\n  );\n};\n\nexport const getManualViteConfigContent = (\n  orgSlug: string,\n  projectSlug: string,\n) => {\n  return makeCodeSnippet(true, (unchanged, plus) =>\n    unchanged(`${plus(\n      \"import { sentryReactRouter } from '@sentry/react-router';\",\n    )}\nimport { defineConfig } from 'vite';\n\nexport default defineConfig(config => {\n  return {\n    plugins: [\n      // ... your existing plugins\n      ${plus(`sentryReactRouter({\n        org: \"${orgSlug}\",\n        project: \"${projectSlug}\",\n        authToken: process.env.SENTRY_AUTH_TOKEN,\n      }, config),`)}\n    ],\n  };\n});`),\n  );\n};\n"]}