@sentry/wizard 3.42.0 → 4.0.0

package/dist/src/nextjs/nextjs-wizard.js

@@ -22,51 +22,6 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -74,798 +29,565 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.runNextjsWizardWithTelemetry = exports.runNextjsWizard = void 0;
 /* eslint-disable max-lines */
 // @ts-ignore - clack is ESM and TS complains about that. It works though
-var prompts_1 = __importDefault(require("@clack/prompts"));
-var chalk_1 = __importDefault(require("chalk"));
-var fs = __importStar(require("fs"));
+const prompts_1 = __importDefault(require("@clack/prompts"));
+const chalk_1 = __importDefault(require("chalk"));
+const fs = __importStar(require("fs"));
 // @ts-ignore - magicast is ESM and TS complains about that. It works though
-var magicast_1 = require("magicast");
-var path = __importStar(require("path"));
-var Sentry = __importStar(require("@sentry/node"));
-var clack_utils_1 = require("../utils/clack-utils");
-var templates_1 = require("./templates");
-var telemetry_1 = require("../telemetry");
-var package_json_1 = require("../utils/package-json");
-var utils_1 = require("./utils");
-var sourcemaps_wizard_1 = require("../sourcemaps/sourcemaps-wizard");
+const magicast_1 = require("magicast");
+const path = __importStar(require("path"));
+const Sentry = __importStar(require("@sentry/node"));
+const clack_utils_1 = require("../utils/clack-utils");
+const templates_1 = require("./templates");
+const telemetry_1 = require("../telemetry");
+const package_json_1 = require("../utils/package-json");
+const utils_1 = require("./utils");
+const sourcemaps_wizard_1 = require("../sourcemaps/sourcemaps-wizard");
 function runNextjsWizard(options) {
     return (0, telemetry_1.withTelemetry)({
         enabled: options.telemetryEnabled,
         integration: 'nextjs',
         wizardOptions: options,
-    }, function () { return runNextjsWizardWithTelemetry(options); });
+    }, () => runNextjsWizardWithTelemetry(options));
 }
 exports.runNextjsWizard = runNextjsWizard;
-function runNextjsWizardWithTelemetry(options) {
-    var _a;
-    return __awaiter(this, void 0, void 0, function () {
-        var promoCode, telemetryEnabled, forceInstall, typeScriptDetected, packageJson, nextVersion, _b, selectedProject, authToken, selfHosted, sentryUrl, sdkAlreadyInstalled, packageManagerFromInstallStep, shouldCreateExamplePage, isLikelyUsingTurbopack, mightBeUsingVercel, packageManagerForOutro, _c;
-        var _this = this;
-        return __generator(this, function (_d) {
-            switch (_d.label) {
-                case 0:
-                    promoCode = options.promoCode, telemetryEnabled = options.telemetryEnabled, forceInstall = options.forceInstall;
-                    (0, clack_utils_1.printWelcome)({
-                        wizardName: 'Sentry Next.js Wizard',
-                        promoCode: promoCode,
-                        telemetryEnabled: telemetryEnabled,
-                    });
-                    typeScriptDetected = (0, clack_utils_1.isUsingTypeScript)();
-                    return [4 /*yield*/, (0, clack_utils_1.confirmContinueIfNoOrDirtyGitRepo)()];
-                case 1:
-                    _d.sent();
-                    return [4 /*yield*/, (0, clack_utils_1.getPackageDotJson)()];
-                case 2:
-                    packageJson = _d.sent();
-                    return [4 /*yield*/, (0, clack_utils_1.ensurePackageIsInstalled)(packageJson, 'next', 'Next.js')];
-                case 3:
-                    _d.sent();
-                    nextVersion = (0, package_json_1.getPackageVersion)('next', packageJson);
-                    Sentry.setTag('nextjs-version', (0, utils_1.getNextJsVersionBucket)(nextVersion));
-                    return [4 /*yield*/, (0, clack_utils_1.getOrAskForProjectData)(options, 'javascript-nextjs')];
-                case 4:
-                    _b = _d.sent(), selectedProject = _b.selectedProject, authToken = _b.authToken, selfHosted = _b.selfHosted, sentryUrl = _b.sentryUrl;
-                    sdkAlreadyInstalled = (0, package_json_1.hasPackageInstalled)('@sentry/nextjs', packageJson);
-                    Sentry.setTag('sdk-already-installed', sdkAlreadyInstalled);
-                    return [4 /*yield*/, (0, clack_utils_1.installPackage)({
-                            packageName: '@sentry/nextjs@^9',
-                            packageNameDisplayLabel: '@sentry/nextjs',
-                            alreadyInstalled: !!((_a = packageJson === null || packageJson === void 0 ? void 0 : packageJson.dependencies) === null || _a === void 0 ? void 0 : _a['@sentry/nextjs']),
-                            forceInstall: forceInstall,
-                        })];
-                case 5:
-                    packageManagerFromInstallStep = (_d.sent()).packageManager;
-                    return [4 /*yield*/, (0, telemetry_1.traceStep)('configure-sdk', function () { return __awaiter(_this, void 0, void 0, function () {
-                            var tunnelRoute, reactComponentAnnotation;
-                            return __generator(this, function (_a) {
-                                switch (_a.label) {
-                                    case 0: return [4 /*yield*/, askShouldSetTunnelRoute()];
-                                    case 1:
-                                        tunnelRoute = _a.sent();
-                                        return [4 /*yield*/, askShouldEnableReactComponentAnnotation()];
-                                    case 2:
-                                        reactComponentAnnotation = _a.sent();
-                                        return [4 /*yield*/, createOrMergeNextJsFiles(selectedProject, selfHosted, sentryUrl, {
-                                                tunnelRoute: tunnelRoute,
-                                                reactComponentAnnotation: reactComponentAnnotation,
-                                            })];
-                                    case 3:
-                                        _a.sent();
-                                        return [2 /*return*/];
-                                }
-                            });
-                        }); })];
-                case 6:
-                    _d.sent();
-                    return [4 /*yield*/, (0, telemetry_1.traceStep)('create-underscoreerror-page', function () { return __awaiter(_this, void 0, void 0, function () {
-                            var srcDir, maybePagesDirPath, maybeSrcPagesDirPath, pagesLocation, underscoreErrorPageFile, shouldContinue, shouldContinue;
-                            return __generator(this, function (_a) {
-                                switch (_a.label) {
-                                    case 0:
-                                        srcDir = path.join(process.cwd(), 'src');
-                                        maybePagesDirPath = path.join(process.cwd(), 'pages');
-                                        maybeSrcPagesDirPath = path.join(srcDir, 'pages');
-                                        pagesLocation = fs.existsSync(maybePagesDirPath) &&
-                                            fs.lstatSync(maybePagesDirPath).isDirectory()
-                                            ? ['pages']
-                                            : fs.existsSync(maybeSrcPagesDirPath) &&
-                                                fs.lstatSync(maybeSrcPagesDirPath).isDirectory()
-                                                ? ['src', 'pages']
-                                                : undefined;
-                                        if (!pagesLocation) {
-                                            return [2 /*return*/];
-                                        }
-                                        underscoreErrorPageFile = fs.existsSync(path.join.apply(path, __spreadArray(__spreadArray([process.cwd()], pagesLocation, false), ['_error.tsx'], false)))
-                                            ? '_error.tsx'
-                                            : fs.existsSync(path.join.apply(path, __spreadArray(__spreadArray([process.cwd()], pagesLocation, false), ['_error.ts'], false)))
-                                                ? '_error.ts'
-                                                : fs.existsSync(path.join.apply(path, __spreadArray(__spreadArray([process.cwd()], pagesLocation, false), ['_error.jsx'], false)))
-                                                    ? '_error.jsx'
-                                                    : fs.existsSync(path.join.apply(path, __spreadArray(__spreadArray([process.cwd()], pagesLocation, false), ['_error.js'], false)))
-                                                        ? '_error.js'
-                                                        : undefined;
-                                        if (!!underscoreErrorPageFile) return [3 /*break*/, 2];
-                                        return [4 /*yield*/, fs.promises.writeFile(path.join.apply(path, __spreadArray(__spreadArray([process.cwd()], pagesLocation, false), ['_error.jsx'], false)), (0, templates_1.getSentryDefaultUnderscoreErrorPage)(), { encoding: 'utf8', flag: 'w' })];
-                                    case 1:
-                                        _a.sent();
-                                        prompts_1.default.log.success("Created ".concat(chalk_1.default.cyan(path.join.apply(path, __spreadArray(__spreadArray([], pagesLocation, false), ['_error.jsx'], false))), "."));
-                                        return [3 /*break*/, 9];
-                                    case 2:
-                                        if (!fs
-                                            .readFileSync(path.join.apply(path, __spreadArray(__spreadArray([process.cwd()], pagesLocation, false), [underscoreErrorPageFile], false)), 'utf8')
-                                            .includes('getInitialProps')) return [3 /*break*/, 6];
-                                        prompts_1.default.log.info("It seems like you already have a custom error page.\n\nPlease put the following function call in the ".concat(chalk_1.default.bold('getInitialProps'), "\nmethod of your custom error page at ").concat(chalk_1.default.bold(path.join.apply(path, __spreadArray(__spreadArray([], pagesLocation, false), [underscoreErrorPageFile], false))), ":"));
-                                        // eslint-disable-next-line no-console
-                                        console.log((0, templates_1.getSimpleUnderscoreErrorCopyPasteSnippet)());
-                                        return [4 /*yield*/, (0, clack_utils_1.abortIfCancelled)(prompts_1.default.confirm({
-                                                message: "Did you modify your ".concat(chalk_1.default.cyan(path.join.apply(path, __spreadArray(__spreadArray([], pagesLocation, false), [underscoreErrorPageFile], false))), " file as described above?"),
-                                                active: 'Yes',
-                                                inactive: 'No, get me out of here',
-                                            }))];
-                                    case 3:
-                                        shouldContinue = _a.sent();
-                                        if (!!shouldContinue) return [3 /*break*/, 5];
-                                        return [4 /*yield*/, (0, clack_utils_1.abort)()];
-                                    case 4:
-                                        _a.sent();
-                                        _a.label = 5;
-                                    case 5: return [3 /*break*/, 9];
-                                    case 6:
-                                        prompts_1.default.log.info("It seems like you already have a custom error page.\n\nPlease add the following code to your custom error page\nat ".concat(chalk_1.default.cyan(path.join.apply(path, __spreadArray(__spreadArray([], pagesLocation, false), [underscoreErrorPageFile], false))), ":"));
-                                        // eslint-disable-next-line no-console
-                                        console.log((0, templates_1.getFullUnderscoreErrorCopyPasteSnippet)(underscoreErrorPageFile === '_error.ts' ||
-                                            underscoreErrorPageFile === '_error.tsx'));
-                                        return [4 /*yield*/, (0, clack_utils_1.abortIfCancelled)(prompts_1.default.confirm({
-                                                message: "Did you add the code to your ".concat(chalk_1.default.cyan(path.join.apply(path, __spreadArray(__spreadArray([], pagesLocation, false), [underscoreErrorPageFile], false))), " file as described above?"),
-                                                active: 'Yes',
-                                                inactive: 'No, get me out of here',
-                                            }))];
-                                    case 7:
-                                        shouldContinue = _a.sent();
-                                        if (!!shouldContinue) return [3 /*break*/, 9];
-                                        return [4 /*yield*/, (0, clack_utils_1.abort)()];
-                                    case 8:
-                                        _a.sent();
-                                        _a.label = 9;
-                                    case 9: return [2 /*return*/];
-                                }
-                            });
-                        }); })];
-                case 7:
-                    _d.sent();
-                    return [4 /*yield*/, (0, telemetry_1.traceStep)('create-global-error-page', function () { return __awaiter(_this, void 0, void 0, function () {
-                            var maybeAppDirPath, maybeSrcAppDirPath, appDirLocation, globalErrorPageFile, newGlobalErrorFileName, shouldContinue;
-                            return __generator(this, function (_a) {
-                                switch (_a.label) {
-                                    case 0:
-                                        maybeAppDirPath = path.join(process.cwd(), 'app');
-                                        maybeSrcAppDirPath = path.join(process.cwd(), 'src', 'app');
-                                        appDirLocation = fs.existsSync(maybeAppDirPath) &&
-                                            fs.lstatSync(maybeAppDirPath).isDirectory()
-                                            ? ['app']
-                                            : fs.existsSync(maybeSrcAppDirPath) &&
-                                                fs.lstatSync(maybeSrcAppDirPath).isDirectory()
-                                                ? ['src', 'app']
-                                                : undefined;
-                                        if (!appDirLocation) {
-                                            return [2 /*return*/];
-                                        }
-                                        globalErrorPageFile = fs.existsSync(path.join.apply(path, __spreadArray(__spreadArray([process.cwd()], appDirLocation, false), ['global-error.tsx'], false)))
-                                            ? 'global-error.tsx'
-                                            : fs.existsSync(path.join.apply(path, __spreadArray(__spreadArray([process.cwd()], appDirLocation, false), ['global-error.ts'], false)))
-                                                ? 'global-error.ts'
-                                                : fs.existsSync(path.join.apply(path, __spreadArray(__spreadArray([process.cwd()], appDirLocation, false), ['global-error.jsx'], false)))
-                                                    ? 'global-error.jsx'
-                                                    : fs.existsSync(path.join.apply(path, __spreadArray(__spreadArray([process.cwd()], appDirLocation, false), ['global-error.js'], false)))
-                                                        ? 'global-error.js'
-                                                        : undefined;
-                                        if (!!globalErrorPageFile) return [3 /*break*/, 2];
-                                        newGlobalErrorFileName = "global-error.".concat(typeScriptDetected ? 'tsx' : 'jsx');
-                                        return [4 /*yield*/, fs.promises.writeFile(path.join.apply(path, __spreadArray(__spreadArray([process.cwd()], appDirLocation, false), [newGlobalErrorFileName], false)), (0, templates_1.getSentryDefaultGlobalErrorPage)(typeScriptDetected), { encoding: 'utf8', flag: 'w' })];
-                                    case 1:
-                                        _a.sent();
-                                        prompts_1.default.log.success("Created ".concat(chalk_1.default.cyan(path.join.apply(path, __spreadArray(__spreadArray([], appDirLocation, false), [newGlobalErrorFileName], false))), "."));
-                                        return [3 /*break*/, 5];
-                                    case 2:
-                                        prompts_1.default.log.info("It seems like you already have a custom error page for your app directory.\n\nPlease add the following code to your custom error page\nat ".concat(chalk_1.default.cyan(path.join.apply(path, __spreadArray(__spreadArray([], appDirLocation, false), [globalErrorPageFile], false))), ":\n"));
-                                        // eslint-disable-next-line no-console
-                                        console.log((0, templates_1.getGlobalErrorCopyPasteSnippet)(globalErrorPageFile === 'global-error.ts' ||
-                                            globalErrorPageFile === 'global-error.tsx'));
-                                        return [4 /*yield*/, (0, clack_utils_1.abortIfCancelled)(prompts_1.default.confirm({
-                                                message: "Did you add the code to your ".concat(chalk_1.default.cyan(path.join.apply(path, __spreadArray(__spreadArray([], appDirLocation, false), [globalErrorPageFile], false))), " file as described above?"),
-                                                active: 'Yes',
-                                                inactive: 'No, get me out of here',
-                                            }))];
-                                    case 3:
-                                        shouldContinue = _a.sent();
-                                        if (!!shouldContinue) return [3 /*break*/, 5];
-                                        return [4 /*yield*/, (0, clack_utils_1.abort)()];
-                                    case 4:
-                                        _a.sent();
-                                        _a.label = 5;
-                                    case 5: return [2 /*return*/];
-                                }
-                            });
-                        }); })];
-                case 8:
-                    _d.sent();
-                    return [4 /*yield*/, (0, clack_utils_1.askShouldCreateExamplePage)()];
-                case 9:
-                    shouldCreateExamplePage = _d.sent();
-                    if (!shouldCreateExamplePage) return [3 /*break*/, 11];
-                    return [4 /*yield*/, (0, telemetry_1.traceStep)('create-example-page', function () { return __awaiter(_this, void 0, void 0, function () { return __generator(this, function (_a) {
-                            return [2 /*return*/, createExamplePage(selfHosted, selectedProject, sentryUrl)];
-                        }); }); })];
-                case 10:
-                    _d.sent();
-                    _d.label = 11;
-                case 11: return [4 /*yield*/, (0, clack_utils_1.addDotEnvSentryBuildPluginFile)(authToken)];
-                case 12:
-                    _d.sent();
-                    return [4 /*yield*/, checkIfLikelyIsUsingTurbopack()];
-                case 13:
-                    isLikelyUsingTurbopack = _d.sent();
-                    if (!(isLikelyUsingTurbopack || isLikelyUsingTurbopack === null)) return [3 /*break*/, 15];
-                    return [4 /*yield*/, (0, clack_utils_1.abortIfCancelled)(prompts_1.default.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. ".concat(chalk_1.default.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,
-                        }))];
-                case 14:
-                    _d.sent();
-                    _d.label = 15;
-                case 15:
-                    mightBeUsingVercel = fs.existsSync(path.join(process.cwd(), 'vercel.json'));
-                    if (!mightBeUsingVercel) return [3 /*break*/, 16];
-                    prompts_1.default.log.info("▲ It seems like you're using Vercel. We recommend using the Sentry Vercel integration to set up an auth token for Vercel deployments: https://vercel.com/integrations/sentry");
-                    return [3 /*break*/, 18];
-                case 16: return [4 /*yield*/, (0, telemetry_1.traceStep)('configure-ci', function () { return (0, sourcemaps_wizard_1.configureCI)('nextjs', authToken); })];
-                case 17:
-                    _d.sent();
-                    _d.label = 18;
-                case 18:
-                    if (!(packageManagerFromInstallStep !== null && packageManagerFromInstallStep !== void 0)) return [3 /*break*/, 19];
-                    _c = packageManagerFromInstallStep;
-                    return [3 /*break*/, 21];
-                case 19: return [4 /*yield*/, (0, clack_utils_1.getPackageManager)()];
-                case 20:
-                    _c = (_d.sent());
-                    _d.label = 21;
-                case 21:
-                    packageManagerForOutro = _c;
-                    return [4 /*yield*/, (0, clack_utils_1.runPrettierIfInstalled)()];
-                case 22:
-                    _d.sent();
-                    prompts_1.default.outro("\n".concat(chalk_1.default.green('Successfully installed the Sentry Next.js SDK!'), " ").concat(shouldCreateExamplePage
-                        ? "\n\nYou can validate your setup by (re)starting your dev environment (e.g. ".concat(chalk_1.default.cyan("".concat(packageManagerForOutro.runScriptCommand, " dev")), ") and visiting ").concat(chalk_1.default.cyan('"/sentry-example-page"'))
-                        : '').concat(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."
-                        : '', "\n\n").concat(chalk_1.default.dim('If you encounter any issues, let us know here: https://github.com/getsentry/sentry-javascript/issues')));
-                    return [2 /*return*/];
-            }
+async function runNextjsWizardWithTelemetry(options) {
+    const { promoCode, telemetryEnabled, forceInstall } = options;
+    (0, clack_utils_1.printWelcome)({
+        wizardName: 'Sentry Next.js Wizard',
+        promoCode,
+        telemetryEnabled,
+    });
+    const typeScriptDetected = (0, clack_utils_1.isUsingTypeScript)();
+    await (0, clack_utils_1.confirmContinueIfNoOrDirtyGitRepo)();
+    const packageJson = await (0, clack_utils_1.getPackageDotJson)();
+    await (0, clack_utils_1.ensurePackageIsInstalled)(packageJson, 'next', 'Next.js');
+    const nextVersion = (0, package_json_1.getPackageVersion)('next', packageJson);
+    Sentry.setTag('nextjs-version', (0, utils_1.getNextJsVersionBucket)(nextVersion));
+    const { selectedProject, authToken, selfHosted, sentryUrl } = await (0, clack_utils_1.getOrAskForProjectData)(options, 'javascript-nextjs');
+    const sdkAlreadyInstalled = (0, package_json_1.hasPackageInstalled)('@sentry/nextjs', packageJson);
+    Sentry.setTag('sdk-already-installed', sdkAlreadyInstalled);
+    const { packageManager: packageManagerFromInstallStep } = await (0, clack_utils_1.installPackage)({
+        packageName: '@sentry/nextjs@^9',
+        packageNameDisplayLabel: '@sentry/nextjs',
+        alreadyInstalled: !!packageJson?.dependencies?.['@sentry/nextjs'],
+        forceInstall,
+    });
+    await (0, telemetry_1.traceStep)('configure-sdk', async () => {
+        const tunnelRoute = await askShouldSetTunnelRoute();
+        const reactComponentAnnotation = await askShouldEnableReactComponentAnnotation();
+        await createOrMergeNextJsFiles(selectedProject, selfHosted, sentryUrl, {
+            tunnelRoute,
+            reactComponentAnnotation,
         });
     });
+    await (0, telemetry_1.traceStep)('create-underscoreerror-page', async () => {
+        const srcDir = path.join(process.cwd(), 'src');
+        const maybePagesDirPath = path.join(process.cwd(), 'pages');
+        const maybeSrcPagesDirPath = path.join(srcDir, 'pages');
+        const pagesLocation = fs.existsSync(maybePagesDirPath) &&
+            fs.lstatSync(maybePagesDirPath).isDirectory()
+            ? ['pages']
+            : fs.existsSync(maybeSrcPagesDirPath) &&
+                fs.lstatSync(maybeSrcPagesDirPath).isDirectory()
+                ? ['src', 'pages']
+                : undefined;
+        if (!pagesLocation) {
+            return;
+        }
+        const underscoreErrorPageFile = fs.existsSync(path.join(process.cwd(), ...pagesLocation, '_error.tsx'))
+            ? '_error.tsx'
+            : fs.existsSync(path.join(process.cwd(), ...pagesLocation, '_error.ts'))
+                ? '_error.ts'
+                : fs.existsSync(path.join(process.cwd(), ...pagesLocation, '_error.jsx'))
+                    ? '_error.jsx'
+                    : fs.existsSync(path.join(process.cwd(), ...pagesLocation, '_error.js'))
+                        ? '_error.js'
+                        : undefined;
+        if (!underscoreErrorPageFile) {
+            await fs.promises.writeFile(path.join(process.cwd(), ...pagesLocation, '_error.jsx'), (0, templates_1.getSentryDefaultUnderscoreErrorPage)(), { encoding: 'utf8', flag: 'w' });
+            prompts_1.default.log.success(`Created ${chalk_1.default.cyan(path.join(...pagesLocation, '_error.jsx'))}.`);
+        }
+        else if (fs
+            .readFileSync(path.join(process.cwd(), ...pagesLocation, underscoreErrorPageFile), 'utf8')
+            .includes('getInitialProps')) {
+            prompts_1.default.log.info(`It seems like you already have a custom error page.\n\nPlease put the following function call in the ${chalk_1.default.bold('getInitialProps')}\nmethod of your custom error page at ${chalk_1.default.bold(path.join(...pagesLocation, underscoreErrorPageFile))}:`);
+            // eslint-disable-next-line no-console
+            console.log((0, templates_1.getSimpleUnderscoreErrorCopyPasteSnippet)());
+            const shouldContinue = await (0, clack_utils_1.abortIfCancelled)(prompts_1.default.confirm({
+                message: `Did you modify your ${chalk_1.default.cyan(path.join(...pagesLocation, underscoreErrorPageFile))} file as described above?`,
+                active: 'Yes',
+                inactive: 'No, get me out of here',
+            }));
+            if (!shouldContinue) {
+                await (0, clack_utils_1.abort)();
+            }
+        }
+        else {
+            prompts_1.default.log.info(`It seems like you already have a custom error page.\n\nPlease add the following code to your custom error page\nat ${chalk_1.default.cyan(path.join(...pagesLocation, underscoreErrorPageFile))}:`);
+            // eslint-disable-next-line no-console
+            console.log((0, templates_1.getFullUnderscoreErrorCopyPasteSnippet)(underscoreErrorPageFile === '_error.ts' ||
+                underscoreErrorPageFile === '_error.tsx'));
+            const shouldContinue = await (0, clack_utils_1.abortIfCancelled)(prompts_1.default.confirm({
+                message: `Did you add the code to your ${chalk_1.default.cyan(path.join(...pagesLocation, underscoreErrorPageFile))} file as described above?`,
+                active: 'Yes',
+                inactive: 'No, get me out of here',
+            }));
+            if (!shouldContinue) {
+                await (0, clack_utils_1.abort)();
+            }
+        }
+    });
+    await (0, telemetry_1.traceStep)('create-global-error-page', async () => {
+        const maybeAppDirPath = path.join(process.cwd(), 'app');
+        const maybeSrcAppDirPath = path.join(process.cwd(), 'src', 'app');
+        const appDirLocation = fs.existsSync(maybeAppDirPath) &&
+            fs.lstatSync(maybeAppDirPath).isDirectory()
+            ? ['app']
+            : fs.existsSync(maybeSrcAppDirPath) &&
+                fs.lstatSync(maybeSrcAppDirPath).isDirectory()
+                ? ['src', 'app']
+                : undefined;
+        if (!appDirLocation) {
+            return;
+        }
+        const globalErrorPageFile = fs.existsSync(path.join(process.cwd(), ...appDirLocation, 'global-error.tsx'))
+            ? 'global-error.tsx'
+            : fs.existsSync(path.join(process.cwd(), ...appDirLocation, 'global-error.ts'))
+                ? 'global-error.ts'
+                : fs.existsSync(path.join(process.cwd(), ...appDirLocation, 'global-error.jsx'))
+                    ? 'global-error.jsx'
+                    : fs.existsSync(path.join(process.cwd(), ...appDirLocation, 'global-error.js'))
+                        ? 'global-error.js'
+                        : undefined;
+        if (!globalErrorPageFile) {
+            const newGlobalErrorFileName = `global-error.${typeScriptDetected ? 'tsx' : 'jsx'}`;
+            await fs.promises.writeFile(path.join(process.cwd(), ...appDirLocation, newGlobalErrorFileName), (0, templates_1.getSentryDefaultGlobalErrorPage)(typeScriptDetected), { encoding: 'utf8', flag: 'w' });
+            prompts_1.default.log.success(`Created ${chalk_1.default.cyan(path.join(...appDirLocation, newGlobalErrorFileName))}.`);
+        }
+        else {
+            prompts_1.default.log.info(`It seems like you already have a custom error page for your app directory.\n\nPlease add the following code to your custom error page\nat ${chalk_1.default.cyan(path.join(...appDirLocation, globalErrorPageFile))}:\n`);
+            // eslint-disable-next-line no-console
+            console.log((0, templates_1.getGlobalErrorCopyPasteSnippet)(globalErrorPageFile === 'global-error.ts' ||
+                globalErrorPageFile === 'global-error.tsx'));
+            const shouldContinue = await (0, clack_utils_1.abortIfCancelled)(prompts_1.default.confirm({
+                message: `Did you add the code to your ${chalk_1.default.cyan(path.join(...appDirLocation, globalErrorPageFile))} file as described above?`,
+                active: 'Yes',
+                inactive: 'No, get me out of here',
+            }));
+            if (!shouldContinue) {
+                await (0, clack_utils_1.abort)();
+            }
+        }
+    });
+    const shouldCreateExamplePage = await (0, clack_utils_1.askShouldCreateExamplePage)();
+    if (shouldCreateExamplePage) {
+        await (0, telemetry_1.traceStep)('create-example-page', async () => createExamplePage(selfHosted, selectedProject, sentryUrl));
+    }
+    await (0, clack_utils_1.addDotEnvSentryBuildPluginFile)(authToken);
+    const isLikelyUsingTurbopack = await checkIfLikelyIsUsingTurbopack();
+    if (isLikelyUsingTurbopack || isLikelyUsingTurbopack === null) {
+        await (0, clack_utils_1.abortIfCancelled)(prompts_1.default.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_1.default.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'));
+    if (mightBeUsingVercel) {
+        prompts_1.default.log.info("▲ It seems like you're using Vercel. We recommend using the Sentry Vercel integration to set up an auth token for Vercel deployments: https://vercel.com/integrations/sentry");
+    }
+    else {
+        await (0, telemetry_1.traceStep)('configure-ci', () => (0, sourcemaps_wizard_1.configureCI)('nextjs', authToken));
+    }
+    const packageManagerForOutro = packageManagerFromInstallStep ?? (await (0, clack_utils_1.getPackageManager)());
+    await (0, clack_utils_1.runPrettierIfInstalled)();
+    prompts_1.default.outro(`
+${chalk_1.default.green('Successfully installed the Sentry Next.js SDK!')} ${shouldCreateExamplePage
+        ? `\n\nYou can validate your setup by (re)starting your dev environment (e.g. ${chalk_1.default.cyan(`${packageManagerForOutro.runScriptCommand} dev`)}) and visiting ${chalk_1.default.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_1.default.dim('If you encounter any issues, let us know here: https://github.com/getsentry/sentry-javascript/issues')}`);
 }
 exports.runNextjsWizardWithTelemetry = runNextjsWizardWithTelemetry;
-function createOrMergeNextJsFiles(selectedProject, selfHosted, sentryUrl, sdkConfigOptions) {
-    return __awaiter(this, void 0, void 0, function () {
-        var selectedFeatures, typeScriptDetected, configVariants, _loop_1, _i, configVariants_1, configVariant;
-        var _this = this;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, (0, clack_utils_1.featureSelectionPrompt)([
-                        {
-                            id: 'performance',
-                            prompt: "Do you want to enable ".concat(chalk_1.default.bold('Tracing'), " to track the performance of your application?"),
-                            enabledHint: 'recommended',
-                        },
-                        {
-                            id: 'replay',
-                            prompt: "Do you want to enable ".concat(chalk_1.default.bold('Sentry Session Replay'), " to get a video-like reproduction of errors during a user session?"),
-                            enabledHint: 'recommended, but increases bundle size',
-                        },
-                    ])];
-                case 1:
-                    selectedFeatures = _a.sent();
-                    typeScriptDetected = (0, clack_utils_1.isUsingTypeScript)();
-                    configVariants = ['server', 'client', 'edge'];
-                    _loop_1 = function (configVariant) {
-                        return __generator(this, function (_b) {
-                            switch (_b.label) {
-                                case 0: return [4 /*yield*/, (0, telemetry_1.traceStep)("create-sentry-".concat(configVariant, "-config"), function () { return __awaiter(_this, void 0, void 0, function () {
-                                        var jsConfig, tsConfig, jsConfigExists, tsConfigExists, shouldWriteFile, existingConfigs, overwriteExistingConfigs;
-                                        return __generator(this, function (_a) {
-                                            switch (_a.label) {
-                                                case 0:
-                                                    jsConfig = "sentry.".concat(configVariant, ".config.js");
-                                                    tsConfig = "sentry.".concat(configVariant, ".config.ts");
-                                                    jsConfigExists = fs.existsSync(path.join(process.cwd(), jsConfig));
-                                                    tsConfigExists = fs.existsSync(path.join(process.cwd(), tsConfig));
-                                                    shouldWriteFile = true;
-                                                    if (!(jsConfigExists || tsConfigExists)) return [3 /*break*/, 2];
-                                                    existingConfigs = [];
-                                                    if (jsConfigExists) {
-                                                        existingConfigs.push(jsConfig);
-                                                    }
-                                                    if (tsConfigExists) {
-                                                        existingConfigs.push(tsConfig);
-                                                    }
-                                                    return [4 /*yield*/, (0, clack_utils_1.abortIfCancelled)(prompts_1.default.confirm({
-                                                            message: "Found existing Sentry ".concat(configVariant, " config (").concat(existingConfigs.join(', '), "). Overwrite ").concat(existingConfigs.length > 1 ? 'them' : 'it', "?"),
-                                                        }))];
-                                                case 1:
-                                                    overwriteExistingConfigs = _a.sent();
-                                                    Sentry.setTag("overwrite-".concat(configVariant, "-config"), overwriteExistingConfigs);
-                                                    shouldWriteFile = overwriteExistingConfigs;
-                                                    if (overwriteExistingConfigs) {
-                                                        if (jsConfigExists) {
-                                                            fs.unlinkSync(path.join(process.cwd(), jsConfig));
-                                                            prompts_1.default.log.warn("Removed existing ".concat(chalk_1.default.cyan(jsConfig), "."));
-                                                        }
-                                                        if (tsConfigExists) {
-                                                            fs.unlinkSync(path.join(process.cwd(), tsConfig));
-                                                            prompts_1.default.log.warn("Removed existing ".concat(chalk_1.default.cyan(tsConfig), "."));
-                                                        }
-                                                    }
-                                                    _a.label = 2;
-                                                case 2:
-                                                    if (!shouldWriteFile) return [3 /*break*/, 4];
-                                                    return [4 /*yield*/, fs.promises.writeFile(path.join(process.cwd(), typeScriptDetected ? tsConfig : jsConfig), (0, templates_1.getSentryConfigContents)(selectedProject.keys[0].dsn.public, configVariant, selectedFeatures), { encoding: 'utf8', flag: 'w' })];
-                                                case 3:
-                                                    _a.sent();
-                                                    prompts_1.default.log.success("Created fresh ".concat(chalk_1.default.cyan(typeScriptDetected ? tsConfig : jsConfig), "."));
-                                                    Sentry.setTag("created-".concat(configVariant, "-config"), true);
-                                                    _a.label = 4;
-                                                case 4: return [2 /*return*/];
-                                            }
-                                        });
-                                    }); })];
-                                case 1:
-                                    _b.sent();
-                                    return [2 /*return*/];
-                            }
-                        });
-                    };
-                    _i = 0, configVariants_1 = configVariants;
-                    _a.label = 2;
-                case 2:
-                    if (!(_i < configVariants_1.length)) return [3 /*break*/, 5];
-                    configVariant = configVariants_1[_i];
-                    return [5 /*yield**/, _loop_1(configVariant)];
-                case 3:
-                    _a.sent();
-                    _a.label = 4;
-                case 4:
-                    _i++;
-                    return [3 /*break*/, 2];
-                case 5: return [4 /*yield*/, (0, telemetry_1.traceStep)('setup-instrumentation-hook', function () { return __awaiter(_this, void 0, void 0, function () {
-                        var hasRootAppDirectory, hasRootPagesDirectory, hasSrcDirectory, instrumentationHookLocation, instrumentationTsExists, instrumentationJsExists, srcInstrumentationTsExists, srcInstrumentationJsExists, newInstrumentationFileName, newInstrumentationHookLocation, newInstrumentationHookPath, successfullyCreated;
-                        return __generator(this, function (_a) {
-                            switch (_a.label) {
-                                case 0:
-                                    hasRootAppDirectory = hasDirectoryPathFromRoot('app');
-                                    hasRootPagesDirectory = hasDirectoryPathFromRoot('pages');
-                                    hasSrcDirectory = hasDirectoryPathFromRoot('src');
-                                    instrumentationTsExists = fs.existsSync(path.join(process.cwd(), 'instrumentation.ts'));
-                                    instrumentationJsExists = fs.existsSync(path.join(process.cwd(), 'instrumentation.js'));
-                                    srcInstrumentationTsExists = fs.existsSync(path.join(process.cwd(), 'src', 'instrumentation.ts'));
-                                    srcInstrumentationJsExists = fs.existsSync(path.join(process.cwd(), 'src', 'instrumentation.js'));
-                                    // https://nextjs.org/docs/app/building-your-application/configuring/src-directory
-                                    // https://nextjs.org/docs/app/api-reference/file-conventions/instrumentation
-                                    // The logic for where Next.js picks up the instrumentation file is as follows:
-                                    // - If there is either an `app` folder or a `pages` folder in the root directory of your Next.js app, Next.js looks
-                                    // for an `instrumentation.ts` file in the root of the Next.js app.
-                                    // - Otherwise, if there is neither an `app` folder or a `pages` folder in the rood directory of your Next.js app,
-                                    // AND if there is an `src` folder, Next.js will look for the `instrumentation.ts` file in the `src` folder.
-                                    if (hasRootPagesDirectory || hasRootAppDirectory) {
-                                        if (instrumentationJsExists || instrumentationTsExists) {
-                                            instrumentationHookLocation = 'root';
-                                        }
-                                        else {
-                                            instrumentationHookLocation = 'does-not-exist';
-                                        }
-                                    }
-                                    else {
-                                        if (srcInstrumentationTsExists || srcInstrumentationJsExists) {
-                                            instrumentationHookLocation = 'src';
-                                        }
-                                        else {
-                                            instrumentationHookLocation = 'does-not-exist';
-                                        }
-                                    }
-                                    newInstrumentationFileName = "instrumentation.".concat(typeScriptDetected ? 'ts' : 'js');
-                                    if (!(instrumentationHookLocation === 'does-not-exist')) return [3 /*break*/, 4];
-                                    newInstrumentationHookLocation = void 0;
-                                    if (hasRootPagesDirectory || hasRootAppDirectory) {
-                                        newInstrumentationHookLocation = 'root';
-                                    }
-                                    else if (hasSrcDirectory) {
-                                        newInstrumentationHookLocation = 'src';
-                                    }
-                                    else {
-                                        newInstrumentationHookLocation = 'root';
-                                    }
-                                    newInstrumentationHookPath = newInstrumentationHookLocation === 'root'
-                                        ? path.join(process.cwd(), newInstrumentationFileName)
-                                        : path.join(process.cwd(), 'src', newInstrumentationFileName);
-                                    return [4 /*yield*/, (0, clack_utils_1.createNewConfigFile)(newInstrumentationHookPath, (0, templates_1.getInstrumentationHookContent)(newInstrumentationHookLocation))];
-                                case 1:
-                                    successfullyCreated = _a.sent();
-                                    if (!!successfullyCreated) return [3 /*break*/, 3];
-                                    return [4 /*yield*/, (0, clack_utils_1.showCopyPasteInstructions)(newInstrumentationFileName, (0, templates_1.getInstrumentationHookCopyPasteSnippet)(newInstrumentationHookLocation))];
-                                case 2:
-                                    _a.sent();
-                                    _a.label = 3;
-                                case 3: return [3 /*break*/, 6];
-                                case 4: return [4 /*yield*/, (0, clack_utils_1.showCopyPasteInstructions)(srcInstrumentationTsExists || instrumentationTsExists
-                                        ? 'instrumentation.ts'
-                                        : srcInstrumentationJsExists || instrumentationJsExists
-                                            ? 'instrumentation.js'
-                                            : newInstrumentationFileName, (0, templates_1.getInstrumentationHookCopyPasteSnippet)(instrumentationHookLocation))];
-                                case 5:
-                                    _a.sent();
-                                    _a.label = 6;
-                                case 6: return [2 /*return*/];
-                            }
-                        });
-                    }); })];
-                case 6:
-                    _a.sent();
-                    return [4 /*yield*/, (0, telemetry_1.traceStep)('setup-next-config', function () { return __awaiter(_this, void 0, void 0, function () {
-                            var withSentryConfigOptionsTemplate, nextConfigPossibleFilesMap, foundNextConfigFile, isTypeModule, packageJsonText, packageJson, _a, configFilename, configContent, foundNextConfigFileType, foundNextConfigFileFilename, nextConfigCjsContent, probablyIncludesSdk, shouldInject, injectAnyhow, nextConfigMjsContent, probablyIncludesSdk, shouldInject, injectAnyhow, mod, expressionToWrap, newCode, _b, shouldContinue;
-                            return __generator(this, function (_c) {
-                                switch (_c.label) {
-                                    case 0:
-                                        withSentryConfigOptionsTemplate = (0, templates_1.getWithSentryConfigOptionsTemplate)({
-                                            orgSlug: selectedProject.organization.slug,
-                                            projectSlug: selectedProject.slug,
-                                            selfHosted: selfHosted,
-                                            sentryUrl: sentryUrl,
-                                            tunnelRoute: sdkConfigOptions.tunnelRoute,
-                                            reactComponentAnnotation: sdkConfigOptions.reactComponentAnnotation,
-                                        });
-                                        nextConfigPossibleFilesMap = {
-                                            js: 'next.config.js',
-                                            mjs: 'next.config.mjs',
-                                            cjs: 'next.config.cjs',
-                                            ts: 'next.config.ts',
-                                            mts: 'next.config.mts',
-                                            cts: 'next.config.cts',
-                                        };
-                                        foundNextConfigFile = Object.entries(nextConfigPossibleFilesMap).find(function (_a) {
-                                            var fileName = _a[1];
-                                            return fs.existsSync(path.join(process.cwd(), fileName));
-                                        });
-                                        if (!!foundNextConfigFile) return [3 /*break*/, 6];
-                                        Sentry.setTag('next-config-strategy', 'create');
-                                        isTypeModule = false;
-                                        _c.label = 1;
-                                    case 1:
-                                        _c.trys.push([1, 3, , 4]);
-                                        return [4 /*yield*/, fs.promises.readFile(path.join(process.cwd(), 'package.json'), 'utf8')];
-                                    case 2:
-                                        packageJsonText = _c.sent();
-                                        packageJson = JSON.parse(packageJsonText);
-                                        // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-                                        if (packageJson.type === 'module') {
-                                            isTypeModule = true;
-                                        }
-                                        return [3 /*break*/, 4];
-                                    case 3:
-                                        _a = _c.sent();
-                                        return [3 /*break*/, 4];
-                                    case 4:
-                                        configFilename = isTypeModule
-                                            ? nextConfigPossibleFilesMap.mjs
-                                            : nextConfigPossibleFilesMap.js;
-                                        configContent = isTypeModule
-                                            ? (0, templates_1.getNextjsConfigMjsTemplate)(withSentryConfigOptionsTemplate)
-                                            : (0, templates_1.getNextjsConfigCjsTemplate)(withSentryConfigOptionsTemplate);
-                                        return [4 /*yield*/, fs.promises.writeFile(path.join(process.cwd(), configFilename), configContent, { encoding: 'utf8', flag: 'w' })];
-                                    case 5:
-                                        _c.sent();
-                                        prompts_1.default.log.success("Created ".concat(chalk_1.default.cyan(configFilename), " with Sentry configuration."));
-                                        return [2 /*return*/];
-                                    case 6:
-                                        foundNextConfigFileType = foundNextConfigFile[0], foundNextConfigFileFilename = foundNextConfigFile[1];
-                                        if (!(foundNextConfigFileType === 'js' || foundNextConfigFileType === 'cjs')) return [3 /*break*/, 11];
-                                        Sentry.setTag('next-config-strategy', 'modify');
-                                        nextConfigCjsContent = fs.readFileSync(path.join(process.cwd(), foundNextConfigFileFilename), 'utf8');
-                                        probablyIncludesSdk = nextConfigCjsContent.includes('@sentry/nextjs') &&
-                                            nextConfigCjsContent.includes('withSentryConfig');
-                                        shouldInject = true;
-                                        if (!probablyIncludesSdk) return [3 /*break*/, 8];
-                                        return [4 /*yield*/, (0, clack_utils_1.abortIfCancelled)(prompts_1.default.confirm({
-                                                message: "".concat(chalk_1.default.cyan(foundNextConfigFileFilename), " already contains Sentry SDK configuration. Should the wizard modify it anyways?"),
-                                            }))];
-                                    case 7:
-                                        injectAnyhow = _c.sent();
-                                        shouldInject = injectAnyhow;
-                                        _c.label = 8;
-                                    case 8:
-                                        if (!shouldInject) return [3 /*break*/, 10];
-                                        return [4 /*yield*/, fs.promises.appendFile(path.join(process.cwd(), foundNextConfigFileFilename), (0, templates_1.getNextjsConfigCjsAppendix)(withSentryConfigOptionsTemplate), 'utf8')];
-                                    case 9:
-                                        _c.sent();
-                                        prompts_1.default.log.success("Added Sentry configuration to ".concat(chalk_1.default.cyan(foundNextConfigFileFilename), ". ").concat(chalk_1.default.dim('(you probably want to clean this up a bit!)')));
-                                        _c.label = 10;
-                                    case 10:
-                                        Sentry.setTag('next-config-mod-result', 'success');
-                                        _c.label = 11;
-                                    case 11:
-                                        if (!(foundNextConfigFileType === 'mjs' ||
-                                            foundNextConfigFileType === 'mts' ||
-                                            foundNextConfigFileType === 'cts' ||
-                                            foundNextConfigFileType === 'ts')) return [3 /*break*/, 20];
-                                        nextConfigMjsContent = fs.readFileSync(path.join(process.cwd(), foundNextConfigFileFilename), 'utf8');
-                                        probablyIncludesSdk = nextConfigMjsContent.includes('@sentry/nextjs') &&
-                                            nextConfigMjsContent.includes('withSentryConfig');
-                                        shouldInject = true;
-                                        if (!probablyIncludesSdk) return [3 /*break*/, 13];
-                                        return [4 /*yield*/, (0, clack_utils_1.abortIfCancelled)(prompts_1.default.confirm({
-                                                message: "".concat(chalk_1.default.cyan(foundNextConfigFileFilename), " already contains Sentry SDK configuration. Should the wizard modify it anyways?"),
-                                            }))];
-                                    case 12:
-                                        injectAnyhow = _c.sent();
-                                        shouldInject = injectAnyhow;
-                                        _c.label = 13;
-                                    case 13:
-                                        _c.trys.push([13, 16, , 20]);
-                                        if (!shouldInject) return [3 /*break*/, 15];
-                                        mod = (0, magicast_1.parseModule)(nextConfigMjsContent);
-                                        mod.imports.$add({
-                                            from: '@sentry/nextjs',
-                                            imported: 'withSentryConfig',
-                                            local: 'withSentryConfig',
-                                        });
-                                        expressionToWrap = (0, magicast_1.generateCode)(mod.exports.default.$ast).code;
-                                        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-                                        mod.exports.default = magicast_1.builders.raw("withSentryConfig(\n      ".concat(expressionToWrap, ",\n      ").concat(withSentryConfigOptionsTemplate, "\n)"));
-                                        newCode = mod.generate().code;
-                                        return [4 /*yield*/, fs.promises.writeFile(path.join(process.cwd(), foundNextConfigFileFilename), newCode, {
-                                                encoding: 'utf8',
-                                                flag: 'w',
-                                            })];
-                                    case 14:
-                                        _c.sent();
-                                        prompts_1.default.log.success("Added Sentry configuration to ".concat(chalk_1.default.cyan(foundNextConfigFileFilename), ". ").concat(chalk_1.default.dim('(you probably want to clean this up a bit!)')));
-                                        Sentry.setTag('next-config-mod-result', 'success');
-                                        _c.label = 15;
-                                    case 15: return [3 /*break*/, 20];
-                                    case 16:
-                                        _b = _c.sent();
-                                        Sentry.setTag('next-config-mod-result', 'fail');
-                                        prompts_1.default.log.warn(chalk_1.default.yellow("Something went wrong writing to ".concat(chalk_1.default.cyan(foundNextConfigFileFilename), ".")));
-                                        prompts_1.default.log.info("Please put the following code snippet into ".concat(chalk_1.default.cyan(foundNextConfigFileFilename), ": ").concat(chalk_1.default.dim('You probably have to clean it up a bit.'), "\n"));
-                                        // eslint-disable-next-line no-console
-                                        console.log((0, templates_1.getNextjsConfigEsmCopyPasteSnippet)(withSentryConfigOptionsTemplate));
-                                        return [4 /*yield*/, (0, clack_utils_1.abortIfCancelled)(prompts_1.default.confirm({
-                                                message: "Are you done putting the snippet above into ".concat(chalk_1.default.cyan(foundNextConfigFileFilename), "?"),
-                                                active: 'Yes',
-                                                inactive: 'No, get me out of here',
-                                            }))];
-                                    case 17:
-                                        shouldContinue = _c.sent();
-                                        if (!!shouldContinue) return [3 /*break*/, 19];
-                                        return [4 /*yield*/, (0, clack_utils_1.abort)()];
-                                    case 18:
-                                        _c.sent();
-                                        _c.label = 19;
-                                    case 19: return [3 /*break*/, 20];
-                                    case 20: return [2 /*return*/];
-                                }
-                            });
-                        }); })];
-                case 7:
-                    _a.sent();
-                    return [2 /*return*/];
+async function createOrMergeNextJsFiles(selectedProject, selfHosted, sentryUrl, sdkConfigOptions) {
+    const selectedFeatures = await (0, clack_utils_1.featureSelectionPrompt)([
+        {
+            id: 'performance',
+            prompt: `Do you want to enable ${chalk_1.default.bold('Tracing')} to track the performance of your application?`,
+            enabledHint: 'recommended',
+        },
+        {
+            id: 'replay',
+            prompt: `Do you want to enable ${chalk_1.default.bold('Sentry Session Replay')} to get a video-like reproduction of errors during a user session?`,
+            enabledHint: 'recommended, but increases bundle size',
+        },
+    ]);
+    const typeScriptDetected = (0, clack_utils_1.isUsingTypeScript)();
+    const configVariants = ['server', 'client', 'edge'];
+    for (const configVariant of configVariants) {
+        await (0, telemetry_1.traceStep)(`create-sentry-${configVariant}-config`, async () => {
+            const jsConfig = `sentry.${configVariant}.config.js`;
+            const tsConfig = `sentry.${configVariant}.config.ts`;
+            const jsConfigExists = fs.existsSync(path.join(process.cwd(), jsConfig));
+            const tsConfigExists = fs.existsSync(path.join(process.cwd(), tsConfig));
+            let shouldWriteFile = true;
+            if (jsConfigExists || tsConfigExists) {
+                const existingConfigs = [];
+                if (jsConfigExists) {
+                    existingConfigs.push(jsConfig);
+                }
+                if (tsConfigExists) {
+                    existingConfigs.push(tsConfig);
+                }
+                const overwriteExistingConfigs = await (0, clack_utils_1.abortIfCancelled)(prompts_1.default.confirm({
+                    message: `Found existing Sentry ${configVariant} config (${existingConfigs.join(', ')}). Overwrite ${existingConfigs.length > 1 ? 'them' : 'it'}?`,
+                }));
+                Sentry.setTag(`overwrite-${configVariant}-config`, overwriteExistingConfigs);
+                shouldWriteFile = overwriteExistingConfigs;
+                if (overwriteExistingConfigs) {
+                    if (jsConfigExists) {
+                        fs.unlinkSync(path.join(process.cwd(), jsConfig));
+                        prompts_1.default.log.warn(`Removed existing ${chalk_1.default.cyan(jsConfig)}.`);
+                    }
+                    if (tsConfigExists) {
+                        fs.unlinkSync(path.join(process.cwd(), tsConfig));
+                        prompts_1.default.log.warn(`Removed existing ${chalk_1.default.cyan(tsConfig)}.`);
+                    }
+                }
+            }
+            if (shouldWriteFile) {
+                await fs.promises.writeFile(path.join(process.cwd(), typeScriptDetected ? tsConfig : jsConfig), (0, templates_1.getSentryConfigContents)(selectedProject.keys[0].dsn.public, configVariant, selectedFeatures), { encoding: 'utf8', flag: 'w' });
+                prompts_1.default.log.success(`Created fresh ${chalk_1.default.cyan(typeScriptDetected ? tsConfig : jsConfig)}.`);
+                Sentry.setTag(`created-${configVariant}-config`, true);
+            }
+        });
+    }
+    await (0, telemetry_1.traceStep)('setup-instrumentation-hook', async () => {
+        const hasRootAppDirectory = hasDirectoryPathFromRoot('app');
+        const hasRootPagesDirectory = hasDirectoryPathFromRoot('pages');
+        const hasSrcDirectory = hasDirectoryPathFromRoot('src');
+        let instrumentationHookLocation;
+        const instrumentationTsExists = fs.existsSync(path.join(process.cwd(), 'instrumentation.ts'));
+        const instrumentationJsExists = fs.existsSync(path.join(process.cwd(), 'instrumentation.js'));
+        const srcInstrumentationTsExists = fs.existsSync(path.join(process.cwd(), 'src', 'instrumentation.ts'));
+        const srcInstrumentationJsExists = fs.existsSync(path.join(process.cwd(), 'src', 'instrumentation.js'));
+        // https://nextjs.org/docs/app/building-your-application/configuring/src-directory
+        // https://nextjs.org/docs/app/api-reference/file-conventions/instrumentation
+        // The logic for where Next.js picks up the instrumentation file is as follows:
+        // - If there is either an `app` folder or a `pages` folder in the root directory of your Next.js app, Next.js looks
+        // for an `instrumentation.ts` file in the root of the Next.js app.
+        // - Otherwise, if there is neither an `app` folder or a `pages` folder in the rood directory of your Next.js app,
+        // AND if there is an `src` folder, Next.js will look for the `instrumentation.ts` file in the `src` folder.
+        if (hasRootPagesDirectory || hasRootAppDirectory) {
+            if (instrumentationJsExists || instrumentationTsExists) {
+                instrumentationHookLocation = 'root';
+            }
+            else {
+                instrumentationHookLocation = 'does-not-exist';
+            }
+        }
+        else {
+            if (srcInstrumentationTsExists || srcInstrumentationJsExists) {
+                instrumentationHookLocation = 'src';
+            }
+            else {
+                instrumentationHookLocation = 'does-not-exist';
+            }
+        }
+        const newInstrumentationFileName = `instrumentation.${typeScriptDetected ? 'ts' : 'js'}`;
+        if (instrumentationHookLocation === 'does-not-exist') {
+            let newInstrumentationHookLocation;
+            if (hasRootPagesDirectory || hasRootAppDirectory) {
+                newInstrumentationHookLocation = 'root';
+            }
+            else if (hasSrcDirectory) {
+                newInstrumentationHookLocation = 'src';
+            }
+            else {
+                newInstrumentationHookLocation = 'root';
             }
+            const newInstrumentationHookPath = newInstrumentationHookLocation === 'root'
+                ? path.join(process.cwd(), newInstrumentationFileName)
+                : path.join(process.cwd(), 'src', newInstrumentationFileName);
+            const successfullyCreated = await (0, clack_utils_1.createNewConfigFile)(newInstrumentationHookPath, (0, templates_1.getInstrumentationHookContent)(newInstrumentationHookLocation));
+            if (!successfullyCreated) {
+                await (0, clack_utils_1.showCopyPasteInstructions)(newInstrumentationFileName, (0, templates_1.getInstrumentationHookCopyPasteSnippet)(newInstrumentationHookLocation));
+            }
+        }
+        else {
+            await (0, clack_utils_1.showCopyPasteInstructions)(srcInstrumentationTsExists || instrumentationTsExists
+                ? 'instrumentation.ts'
+                : srcInstrumentationJsExists || instrumentationJsExists
+                    ? 'instrumentation.js'
+                    : newInstrumentationFileName, (0, templates_1.getInstrumentationHookCopyPasteSnippet)(instrumentationHookLocation));
+        }
+    });
+    await (0, telemetry_1.traceStep)('setup-next-config', async () => {
+        const withSentryConfigOptionsTemplate = (0, templates_1.getWithSentryConfigOptionsTemplate)({
+            orgSlug: selectedProject.organization.slug,
+            projectSlug: selectedProject.slug,
+            selfHosted,
+            sentryUrl,
+            tunnelRoute: sdkConfigOptions.tunnelRoute,
+            reactComponentAnnotation: sdkConfigOptions.reactComponentAnnotation,
         });
+        const nextConfigPossibleFilesMap = {
+            js: 'next.config.js',
+            mjs: 'next.config.mjs',
+            cjs: 'next.config.cjs',
+            ts: 'next.config.ts',
+            mts: 'next.config.mts',
+            cts: 'next.config.cts',
+        };
+        const foundNextConfigFile = Object.entries(nextConfigPossibleFilesMap).find(([, fileName]) => fs.existsSync(path.join(process.cwd(), fileName)));
+        if (!foundNextConfigFile) {
+            Sentry.setTag('next-config-strategy', 'create');
+            // Try to figure out whether the user prefers ESM
+            let isTypeModule = false;
+            try {
+                const packageJsonText = await fs.promises.readFile(path.join(process.cwd(), 'package.json'), 'utf8');
+                // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+                const packageJson = JSON.parse(packageJsonText);
+                // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+                if (packageJson.type === 'module') {
+                    isTypeModule = true;
+                }
+            }
+            catch {
+                // noop
+            }
+            // We are creating `next.config.(m)js` files by default as they are supported by the most Next.js versions
+            const configFilename = isTypeModule
+                ? nextConfigPossibleFilesMap.mjs
+                : nextConfigPossibleFilesMap.js;
+            const configContent = isTypeModule
+                ? (0, templates_1.getNextjsConfigMjsTemplate)(withSentryConfigOptionsTemplate)
+                : (0, templates_1.getNextjsConfigCjsTemplate)(withSentryConfigOptionsTemplate);
+            await fs.promises.writeFile(path.join(process.cwd(), configFilename), configContent, { encoding: 'utf8', flag: 'w' });
+            prompts_1.default.log.success(`Created ${chalk_1.default.cyan(configFilename)} with Sentry configuration.`);
+            return;
+        }
+        const [foundNextConfigFileType, foundNextConfigFileFilename] = foundNextConfigFile;
+        if (foundNextConfigFileType === 'js' || foundNextConfigFileType === 'cjs') {
+            Sentry.setTag('next-config-strategy', 'modify');
+            const nextConfigCjsContent = fs.readFileSync(path.join(process.cwd(), foundNextConfigFileFilename), 'utf8');
+            const probablyIncludesSdk = nextConfigCjsContent.includes('@sentry/nextjs') &&
+                nextConfigCjsContent.includes('withSentryConfig');
+            let shouldInject = true;
+            if (probablyIncludesSdk) {
+                const injectAnyhow = await (0, clack_utils_1.abortIfCancelled)(prompts_1.default.confirm({
+                    message: `${chalk_1.default.cyan(foundNextConfigFileFilename)} already contains Sentry SDK configuration. Should the wizard modify it anyways?`,
+                }));
+                shouldInject = injectAnyhow;
+            }
+            if (shouldInject) {
+                await fs.promises.appendFile(path.join(process.cwd(), foundNextConfigFileFilename), (0, templates_1.getNextjsConfigCjsAppendix)(withSentryConfigOptionsTemplate), 'utf8');
+                prompts_1.default.log.success(`Added Sentry configuration to ${chalk_1.default.cyan(foundNextConfigFileFilename)}. ${chalk_1.default.dim('(you probably want to clean this up a bit!)')}`);
+            }
+            Sentry.setTag('next-config-mod-result', 'success');
+        }
+        if (foundNextConfigFileType === 'mjs' ||
+            foundNextConfigFileType === 'mts' ||
+            foundNextConfigFileType === 'cts' ||
+            foundNextConfigFileType === 'ts') {
+            const nextConfigMjsContent = fs.readFileSync(path.join(process.cwd(), foundNextConfigFileFilename), 'utf8');
+            const probablyIncludesSdk = nextConfigMjsContent.includes('@sentry/nextjs') &&
+                nextConfigMjsContent.includes('withSentryConfig');
+            let shouldInject = true;
+            if (probablyIncludesSdk) {
+                const injectAnyhow = await (0, clack_utils_1.abortIfCancelled)(prompts_1.default.confirm({
+                    message: `${chalk_1.default.cyan(foundNextConfigFileFilename)} already contains Sentry SDK configuration. Should the wizard modify it anyways?`,
+                }));
+                shouldInject = injectAnyhow;
+            }
+            try {
+                if (shouldInject) {
+                    const mod = (0, magicast_1.parseModule)(nextConfigMjsContent);
+                    mod.imports.$add({
+                        from: '@sentry/nextjs',
+                        imported: 'withSentryConfig',
+                        local: 'withSentryConfig',
+                    });
+                    // eslint-disable-next-line @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-unsafe-member-access
+                    const expressionToWrap = (0, magicast_1.generateCode)(mod.exports.default.$ast).code;
+                    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+                    mod.exports.default = magicast_1.builders.raw(`withSentryConfig(
+      ${expressionToWrap},
+      ${withSentryConfigOptionsTemplate}
+)`);
+                    const newCode = mod.generate().code;
+                    await fs.promises.writeFile(path.join(process.cwd(), foundNextConfigFileFilename), newCode, {
+                        encoding: 'utf8',
+                        flag: 'w',
+                    });
+                    prompts_1.default.log.success(`Added Sentry configuration to ${chalk_1.default.cyan(foundNextConfigFileFilename)}. ${chalk_1.default.dim('(you probably want to clean this up a bit!)')}`);
+                    Sentry.setTag('next-config-mod-result', 'success');
+                }
+            }
+            catch {
+                Sentry.setTag('next-config-mod-result', 'fail');
+                prompts_1.default.log.warn(chalk_1.default.yellow(`Something went wrong writing to ${chalk_1.default.cyan(foundNextConfigFileFilename)}.`));
+                prompts_1.default.log.info(`Please put the following code snippet into ${chalk_1.default.cyan(foundNextConfigFileFilename)}: ${chalk_1.default.dim('You probably have to clean it up a bit.')}\n`);
+                // eslint-disable-next-line no-console
+                console.log((0, templates_1.getNextjsConfigEsmCopyPasteSnippet)(withSentryConfigOptionsTemplate));
+                const shouldContinue = await (0, clack_utils_1.abortIfCancelled)(prompts_1.default.confirm({
+                    message: `Are you done putting the snippet above into ${chalk_1.default.cyan(foundNextConfigFileFilename)}?`,
+                    active: 'Yes',
+                    inactive: 'No, get me out of here',
+                }));
+                if (!shouldContinue) {
+                    await (0, clack_utils_1.abort)();
+                }
+            }
+        }
     });
 }
 function hasDirectoryPathFromRoot(dirnameOrDirs) {
-    var dirPath = Array.isArray(dirnameOrDirs)
-        ? path.join.apply(path, __spreadArray([process.cwd()], dirnameOrDirs, false)) : path.join(process.cwd(), dirnameOrDirs);
+    const dirPath = Array.isArray(dirnameOrDirs)
+        ? path.join(process.cwd(), ...dirnameOrDirs)
+        : path.join(process.cwd(), dirnameOrDirs);
     return fs.existsSync(dirPath) && fs.lstatSync(dirPath).isDirectory();
 }
-function createExamplePage(selfHosted, selectedProject, sentryUrl) {
-    return __awaiter(this, void 0, void 0, function () {
-        var hasSrcDirectory, hasRootAppDirectory, hasRootPagesDirectory, hasSrcAppDirectory, hasSrcPagesDirectory, typeScriptDetected, appFolderLocation, pagesFolderLocation, newPagesFolderLocation, examplePageContents, newPageFileName, newRouteFileName, examplePageContents;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    hasSrcDirectory = hasDirectoryPathFromRoot('src');
-                    hasRootAppDirectory = hasDirectoryPathFromRoot('app');
-                    hasRootPagesDirectory = hasDirectoryPathFromRoot('pages');
-                    hasSrcAppDirectory = hasDirectoryPathFromRoot(['src', 'app']);
-                    hasSrcPagesDirectory = hasDirectoryPathFromRoot(['src', 'pages']);
-                    Sentry.setTag('nextjs-app-dir', hasRootAppDirectory || hasSrcAppDirectory);
-                    typeScriptDetected = (0, clack_utils_1.isUsingTypeScript)();
-                    appFolderLocation = hasRootAppDirectory
-                        ? ['app']
-                        : hasSrcAppDirectory
-                            ? ['src', 'app']
-                            : undefined;
-                    pagesFolderLocation = hasRootPagesDirectory
-                        ? ['pages']
-                        : hasSrcPagesDirectory
-                            ? ['src', 'pages']
-                            : undefined;
-                    // If the user has neither pages nor app directory we create a pages folder for them
-                    if (!appFolderLocation && !pagesFolderLocation) {
-                        newPagesFolderLocation = hasSrcDirectory
-                            ? ['src', 'pages']
-                            : ['pages'];
-                        fs.mkdirSync(path.join.apply(path, __spreadArray([process.cwd()], newPagesFolderLocation, false)), {
-                            recursive: true,
-                        });
-                        pagesFolderLocation = newPagesFolderLocation;
-                    }
-                    if (!appFolderLocation) return [3 /*break*/, 3];
-                    examplePageContents = (0, templates_1.getSentryExamplePageContents)({
-                        selfHosted: selfHosted,
-                        orgSlug: selectedProject.organization.slug,
-                        projectId: selectedProject.id,
-                        sentryUrl: sentryUrl,
-                        useClient: true,
-                    });
-                    fs.mkdirSync(path.join.apply(path, __spreadArray(__spreadArray([process.cwd()], appFolderLocation, false), ['sentry-example-page'], false)), {
-                        recursive: true,
-                    });
-                    newPageFileName = "page.".concat(typeScriptDetected ? 'tsx' : 'jsx');
-                    return [4 /*yield*/, fs.promises.writeFile(path.join.apply(path, __spreadArray(__spreadArray([process.cwd()], appFolderLocation, false), ['sentry-example-page',
-                            newPageFileName], false)), examplePageContents, { encoding: 'utf8', flag: 'w' })];
-                case 1:
-                    _a.sent();
-                    prompts_1.default.log.success("Created ".concat(chalk_1.default.cyan(path.join.apply(path, __spreadArray(__spreadArray([], appFolderLocation, false), ['sentry-example-page', newPageFileName], false))), "."));
-                    fs.mkdirSync(path.join.apply(path, __spreadArray(__spreadArray([process.cwd()], appFolderLocation, false), ['api',
-                        'sentry-example-api'], false)), {
-                        recursive: true,
-                    });
-                    newRouteFileName = "route.".concat(typeScriptDetected ? 'ts' : 'js');
-                    return [4 /*yield*/, fs.promises.writeFile(path.join.apply(path, __spreadArray(__spreadArray([process.cwd()], appFolderLocation, false), ['api',
-                            'sentry-example-api',
-                            newRouteFileName], false)), (0, templates_1.getSentryExampleAppDirApiRoute)(), { encoding: 'utf8', flag: 'w' })];
-                case 2:
-                    _a.sent();
-                    prompts_1.default.log.success("Created ".concat(chalk_1.default.cyan(path.join.apply(path, __spreadArray(__spreadArray([], appFolderLocation, false), ['api',
-                        'sentry-example-api',
-                        newRouteFileName], false))), "."));
-                    return [3 /*break*/, 6];
-                case 3:
-                    if (!pagesFolderLocation) return [3 /*break*/, 6];
-                    examplePageContents = (0, templates_1.getSentryExamplePageContents)({
-                        selfHosted: selfHosted,
-                        orgSlug: selectedProject.organization.slug,
-                        projectId: selectedProject.id,
-                        sentryUrl: sentryUrl,
-                        useClient: false,
-                    });
-                    return [4 /*yield*/, fs.promises.writeFile(path.join.apply(path, __spreadArray(__spreadArray([process.cwd()], pagesFolderLocation, false), ['sentry-example-page.jsx'], false)), examplePageContents, { encoding: 'utf8', flag: 'w' })];
-                case 4:
-                    _a.sent();
-                    prompts_1.default.log.success("Created ".concat(chalk_1.default.cyan(path.join.apply(path, __spreadArray(__spreadArray([], pagesFolderLocation, false), ['sentry-example-page.js'], false))), "."));
-                    fs.mkdirSync(path.join.apply(path, __spreadArray(__spreadArray([process.cwd()], pagesFolderLocation, false), ['api'], false)), {
-                        recursive: true,
-                    });
-                    return [4 /*yield*/, fs.promises.writeFile(path.join.apply(path, __spreadArray(__spreadArray([process.cwd()], pagesFolderLocation, false), ['api',
-                            'sentry-example-api.js'], false)), (0, templates_1.getSentryExamplePagesDirApiRoute)(), { encoding: 'utf8', flag: 'w' })];
-                case 5:
-                    _a.sent();
-                    prompts_1.default.log.success("Created ".concat(chalk_1.default.cyan(path.join.apply(path, __spreadArray(__spreadArray([], pagesFolderLocation, false), ['api', 'sentry-example-api.js'], false))), "."));
-                    _a.label = 6;
-                case 6: return [2 /*return*/];
-            }
+async function createExamplePage(selfHosted, selectedProject, sentryUrl) {
+    const hasSrcDirectory = hasDirectoryPathFromRoot('src');
+    const hasRootAppDirectory = hasDirectoryPathFromRoot('app');
+    const hasRootPagesDirectory = hasDirectoryPathFromRoot('pages');
+    const hasSrcAppDirectory = hasDirectoryPathFromRoot(['src', 'app']);
+    const hasSrcPagesDirectory = hasDirectoryPathFromRoot(['src', 'pages']);
+    Sentry.setTag('nextjs-app-dir', hasRootAppDirectory || hasSrcAppDirectory);
+    const typeScriptDetected = (0, clack_utils_1.isUsingTypeScript)();
+    // If `pages` or an `app` directory exists in the root, we'll put the example page there.
+    // `app` directory takes priority over `pages` directory when they coexist, so we prioritize that.
+    // https://nextjs.org/docs/app/building-your-application/routing#the-app-router
+    const appFolderLocation = hasRootAppDirectory
+        ? ['app']
+        : hasSrcAppDirectory
+            ? ['src', 'app']
+            : undefined;
+    let pagesFolderLocation = hasRootPagesDirectory
+        ? ['pages']
+        : hasSrcPagesDirectory
+            ? ['src', 'pages']
+            : undefined;
+    // If the user has neither pages nor app directory we create a pages folder for them
+    if (!appFolderLocation && !pagesFolderLocation) {
+        const newPagesFolderLocation = hasSrcDirectory
+            ? ['src', 'pages']
+            : ['pages'];
+        fs.mkdirSync(path.join(process.cwd(), ...newPagesFolderLocation), {
+            recursive: true,
         });
-    });
+        pagesFolderLocation = newPagesFolderLocation;
+    }
+    if (appFolderLocation) {
+        const examplePageContents = (0, templates_1.getSentryExamplePageContents)({
+            selfHosted,
+            orgSlug: selectedProject.organization.slug,
+            projectId: selectedProject.id,
+            sentryUrl,
+            useClient: true,
+        });
+        fs.mkdirSync(path.join(process.cwd(), ...appFolderLocation, 'sentry-example-page'), {
+            recursive: true,
+        });
+        const newPageFileName = `page.${typeScriptDetected ? 'tsx' : 'jsx'}`;
+        await fs.promises.writeFile(path.join(process.cwd(), ...appFolderLocation, 'sentry-example-page', newPageFileName), examplePageContents, { encoding: 'utf8', flag: 'w' });
+        prompts_1.default.log.success(`Created ${chalk_1.default.cyan(path.join(...appFolderLocation, 'sentry-example-page', newPageFileName))}.`);
+        fs.mkdirSync(path.join(process.cwd(), ...appFolderLocation, 'api', 'sentry-example-api'), {
+            recursive: true,
+        });
+        const newRouteFileName = `route.${typeScriptDetected ? 'ts' : 'js'}`;
+        await fs.promises.writeFile(path.join(process.cwd(), ...appFolderLocation, 'api', 'sentry-example-api', newRouteFileName), (0, templates_1.getSentryExampleAppDirApiRoute)(), { encoding: 'utf8', flag: 'w' });
+        prompts_1.default.log.success(`Created ${chalk_1.default.cyan(path.join(...appFolderLocation, 'api', 'sentry-example-api', newRouteFileName))}.`);
+    }
+    else if (pagesFolderLocation) {
+        const examplePageContents = (0, templates_1.getSentryExamplePageContents)({
+            selfHosted,
+            orgSlug: selectedProject.organization.slug,
+            projectId: selectedProject.id,
+            sentryUrl,
+            useClient: false,
+        });
+        await fs.promises.writeFile(path.join(process.cwd(), ...pagesFolderLocation, 'sentry-example-page.jsx'), examplePageContents, { encoding: 'utf8', flag: 'w' });
+        prompts_1.default.log.success(`Created ${chalk_1.default.cyan(path.join(...pagesFolderLocation, 'sentry-example-page.js'))}.`);
+        fs.mkdirSync(path.join(process.cwd(), ...pagesFolderLocation, 'api'), {
+            recursive: true,
+        });
+        await fs.promises.writeFile(path.join(process.cwd(), ...pagesFolderLocation, 'api', 'sentry-example-api.js'), (0, templates_1.getSentryExamplePagesDirApiRoute)(), { encoding: 'utf8', flag: 'w' });
+        prompts_1.default.log.success(`Created ${chalk_1.default.cyan(path.join(...pagesFolderLocation, 'api', 'sentry-example-api.js'))}.`);
+    }
 }
 /**
  * Ask users if they want to set the tunnelRoute option.
  * We can't set this by default because it potentially increases hosting bills.
  * It's valuable enough to for users to justify asking the additional question.
  */
-function askShouldSetTunnelRoute() {
-    return __awaiter(this, void 0, void 0, function () {
-        var _this = this;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, (0, telemetry_1.traceStep)('ask-tunnelRoute-option', function (span) { return __awaiter(_this, void 0, void 0, function () {
-                        var shouldSetTunnelRoute;
-                        return __generator(this, function (_a) {
-                            switch (_a.label) {
-                                case 0: return [4 /*yield*/, (0, clack_utils_1.abortIfCancelled)(prompts_1.default.select({
-                                        message: 'Do you want to route Sentry requests in the browser through your Next.js server to avoid ad blockers?',
-                                        options: [
-                                            {
-                                                label: 'Yes',
-                                                value: true,
-                                                hint: 'Can increase your server load and hosting bill',
-                                            },
-                                            {
-                                                label: 'No',
-                                                value: false,
-                                                hint: 'Browser errors and events might be blocked by ad blockers before being sent to Sentry',
-                                            },
-                                        ],
-                                        initialValue: true,
-                                    }))];
-                                case 1:
-                                    shouldSetTunnelRoute = _a.sent();
-                                    if (!shouldSetTunnelRoute) {
-                                        prompts_1.default.log.info("Sounds good! We'll leave the option commented for later, just in case :)");
-                                    }
-                                    span === null || span === void 0 ? void 0 : span.setAttribute('tunnelRoute', shouldSetTunnelRoute);
-                                    Sentry.setTag('tunnelRoute', shouldSetTunnelRoute);
-                                    return [2 /*return*/, shouldSetTunnelRoute];
-                            }
-                        });
-                    }); })];
-                case 1: return [2 /*return*/, _a.sent()];
-            }
-        });
+async function askShouldSetTunnelRoute() {
+    return await (0, telemetry_1.traceStep)('ask-tunnelRoute-option', async (span) => {
+        const shouldSetTunnelRoute = await (0, clack_utils_1.abortIfCancelled)(prompts_1.default.select({
+            message: 'Do you want to route Sentry requests in the browser through your Next.js server to avoid ad blockers?',
+            options: [
+                {
+                    label: 'Yes',
+                    value: true,
+                    hint: 'Can increase your server load and hosting bill',
+                },
+                {
+                    label: 'No',
+                    value: false,
+                    hint: 'Browser errors and events might be blocked by ad blockers before being sent to Sentry',
+                },
+            ],
+            initialValue: true,
+        }));
+        if (!shouldSetTunnelRoute) {
+            prompts_1.default.log.info("Sounds good! We'll leave the option commented for later, just in case :)");
+        }
+        span?.setAttribute('tunnelRoute', shouldSetTunnelRoute);
+        Sentry.setTag('tunnelRoute', shouldSetTunnelRoute);
+        return shouldSetTunnelRoute;
     });
 }
-function askShouldEnableReactComponentAnnotation() {
-    return __awaiter(this, void 0, void 0, function () {
-        var _this = this;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, (0, telemetry_1.traceStep)('ask-react-component-annotation-option', function () { return __awaiter(_this, void 0, void 0, function () {
-                        var shouldEnableReactComponentAnnotation;
-                        return __generator(this, function (_a) {
-                            switch (_a.label) {
-                                case 0: return [4 /*yield*/, (0, clack_utils_1.abortIfCancelled)(prompts_1.default.select({
-                                        message: 'Do you want to enable React component annotations to make breadcrumbs and session replays more readable?',
-                                        options: [
-                                            {
-                                                label: 'Yes',
-                                                value: true,
-                                                hint: 'Annotates React component names - increases bundle size',
-                                            },
-                                            {
-                                                label: 'No',
-                                                value: false,
-                                                hint: 'Continue without React component annotations',
-                                            },
-                                        ],
-                                        initialValue: true,
-                                    }))];
-                                case 1:
-                                    shouldEnableReactComponentAnnotation = _a.sent();
-                                    return [2 /*return*/, shouldEnableReactComponentAnnotation];
-                            }
-                        });
-                    }); })];
-                case 1: return [2 /*return*/, _a.sent()];
-            }
-        });
+async function askShouldEnableReactComponentAnnotation() {
+    return await (0, telemetry_1.traceStep)('ask-react-component-annotation-option', async () => {
+        const shouldEnableReactComponentAnnotation = await (0, clack_utils_1.abortIfCancelled)(prompts_1.default.select({
+            message: 'Do you want to enable React component annotations to make breadcrumbs and session replays more readable?',
+            options: [
+                {
+                    label: 'Yes',
+                    value: true,
+                    hint: 'Annotates React component names - increases bundle size',
+                },
+                {
+                    label: 'No',
+                    value: false,
+                    hint: 'Continue without React component annotations',
+                },
+            ],
+            initialValue: true,
+        }));
+        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.
  */
-function checkIfLikelyIsUsingTurbopack() {
-    return __awaiter(this, void 0, void 0, function () {
-        var packageJsonContent, _a;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    _b.trys.push([0, 2, , 3]);
-                    return [4 /*yield*/, fs.promises.readFile(path.join(process.cwd(), 'package.json'), 'utf8')];
-                case 1:
-                    packageJsonContent = _b.sent();
-                    return [3 /*break*/, 3];
-                case 2:
-                    _a = _b.sent();
-                    return [2 /*return*/, null];
-                case 3: return [2 /*return*/, packageJsonContent.includes('--turbo')];
-            }
-        });
-    });
+async function checkIfLikelyIsUsingTurbopack() {
+    let packageJsonContent;
+    try {
+        packageJsonContent = await fs.promises.readFile(path.join(process.cwd(), 'package.json'), 'utf8');
+    }
+    catch {
+        return null;
+    }
+    return packageJsonContent.includes('--turbo');
 }
 //# sourceMappingURL=nextjs-wizard.js.map