@next/codemod 15.0.0-canary.166 → 15.0.0-canary.168

package/bin/next-codemod.js

@@ -1,4 +1,5 @@
 #!/usr/bin/env node
+"use strict";
 /**
  * Copyright 2015-present, Facebook, Inc.
  *
@@ -6,7 +7,30 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-// Based on https://github.com/reactjs/react-codemod/blob/dd8671c9a470a2c342b221ec903c574cf31e9f57/bin/react-codemod.js
-// next-codemod optional-name-of-transform optional/path/to/src [...options]
-require('./cli').run();
+// Based on https://github.com/reactjs/react-codemod/blob/dd8671c9a470a2c342b221ec903c574cf31e9f57/bin/cli.js
+// @next/codemod optional-name-of-transform optional/path/to/src [...options]
+Object.defineProperty(exports, "__esModule", { value: true });
+const commander_1 = require("commander");
+const upgrade_1 = require("./upgrade");
+const transform_1 = require("./transform");
+const packageJson = require('../package.json');
+const program = new commander_1.Command(packageJson.name)
+    .description('Codemods for updating Next.js apps.')
+    .version(packageJson.version, '-v, --version', 'Output the current version of @next/codemod.')
+    .argument('[codemod]', 'Codemod slug to run. See "https://github.com/vercel/next.js/tree/canary/packages/next-codemod".')
+    .argument('[source]', 'Path to source files or directory to transform including glob patterns.')
+    .usage('[codemod] [source] [options]')
+    .helpOption('-h, --help', 'Display this help message.')
+    .option('-f, --force', 'Bypass Git safety checks and forcibly run codemods')
+    .option('-d, --dry', 'Dry run (no changes are made to files)')
+    .option('-p, --print', 'Print transformed files to your terminal')
+    .option('-j, --jscodeshift', '(Advanced) Pass options directly to jscodeshift')
+    .action(transform_1.runTransform)
+    .allowUnknownOption();
+program
+    .command('upgrade')
+    .description('Upgrade Next.js apps to desired versions with a single command.')
+    .usage('[options]')
+    .action(upgrade_1.runUpgrade);
+program.parse(process.argv);
 //# sourceMappingURL=next-codemod.js.map

package/bin/transform.js

@@ -0,0 +1,104 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.transformerDirectory = exports.jscodeshiftExecutable = void 0;
+exports.runTransform = runTransform;
+const execa_1 = __importDefault(require("execa"));
+const globby_1 = __importDefault(require("globby"));
+const prompts_1 = __importDefault(require("prompts"));
+const node_path_1 = require("node:path");
+const handle_package_1 = require("../lib/handle-package");
+const utils_1 = require("../lib/utils");
+function expandFilePathsIfNeeded(filesBeforeExpansion) {
+    const shouldExpandFiles = filesBeforeExpansion.some((file) => file.includes('*'));
+    return shouldExpandFiles
+        ? globby_1.default.sync(filesBeforeExpansion)
+        : filesBeforeExpansion;
+}
+exports.jscodeshiftExecutable = require.resolve('.bin/jscodeshift');
+exports.transformerDirectory = (0, node_path_1.join)(__dirname, '../', 'transforms');
+async function runTransform(transform, path, options) {
+    let transformer = transform;
+    let directory = path;
+    if (!options.dry) {
+        (0, utils_1.checkGitStatus)(options.force);
+    }
+    if (transform &&
+        !utils_1.TRANSFORMER_INQUIRER_CHOICES.find((x) => x.value === transform)) {
+        console.error('Invalid transform choice, pick one of:');
+        console.error(utils_1.TRANSFORMER_INQUIRER_CHOICES.map((x) => '- ' + x.value).join('\n'));
+        process.exit(1);
+    }
+    if (!path) {
+        const res = await (0, prompts_1.default)({
+            type: 'text',
+            name: 'path',
+            message: 'On which files or directory should the codemods be applied?',
+            default: '.',
+        });
+        directory = res.path;
+    }
+    if (!transform) {
+        const res = await (0, prompts_1.default)({
+            type: 'select',
+            name: 'transformer',
+            message: 'Which transform would you like to apply?',
+            choices: utils_1.TRANSFORMER_INQUIRER_CHOICES,
+        });
+        transformer = res.transformer;
+    }
+    const filesExpanded = expandFilePathsIfNeeded([directory]);
+    if (!filesExpanded.length) {
+        console.log(`No files found matching "${directory}"`);
+        return null;
+    }
+    const transformerPath = (0, node_path_1.join)(exports.transformerDirectory, `${transformer}.js`);
+    if (transformer === 'cra-to-next') {
+        // cra-to-next transform doesn't use jscodeshift directly
+        return require(transformerPath).default(filesExpanded, options);
+    }
+    let args = [];
+    const { dry, print, runInBand, jscodeshift } = options;
+    if (dry) {
+        args.push('--dry');
+    }
+    if (print) {
+        args.push('--print');
+    }
+    if (runInBand) {
+        args.push('--run-in-band');
+    }
+    args.push('--verbose=2');
+    args.push('--ignore-pattern=**/node_modules/**');
+    args.push('--ignore-pattern=**/.next/**');
+    args.push('--extensions=tsx,ts,jsx,js');
+    args = args.concat(['--transform', transformerPath]);
+    if (jscodeshift) {
+        args = args.concat(jscodeshift);
+    }
+    args = args.concat(filesExpanded);
+    console.log(`Executing command: jscodeshift ${args.join(' ')}`);
+    const result = execa_1.default.sync(exports.jscodeshiftExecutable, args, {
+        stdio: 'inherit',
+        stripFinalNewline: false,
+    });
+    if (result.failed) {
+        throw new Error(`jscodeshift exited with code ${result.exitCode}`);
+    }
+    if (!dry && transformer === 'built-in-next-font') {
+        console.log('Uninstalling `@next/font`');
+        try {
+            (0, handle_package_1.uninstallPackage)('@next/font');
+        }
+        catch {
+            console.error("Couldn't uninstall `@next/font`, please uninstall it manually");
+        }
+    }
+    if (!dry && transformer === 'next-request-geo-ip') {
+        console.log('Installing `@vercel/functions`...');
+        (0, handle_package_1.installPackage)('@vercel/functions');
+    }
+}
+//# sourceMappingURL=transform.js.map

package/bin/upgrade.js

@@ -1,13 +1,4 @@
 "use strict";
-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 __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -21,142 +12,133 @@ const compare_versions_1 = require("compare-versions");
 const chalk_1 = __importDefault(require("chalk"));
 const codemods_1 = require("../lib/codemods");
 const handle_package_1 = require("../lib/handle-package");
-function runUpgrade() {
-    return __awaiter(this, void 0, void 0, function* () {
-        var _a;
-        const appPackageJsonPath = path_1.default.resolve(process.cwd(), 'package.json');
-        let appPackageJson = JSON.parse(fs_1.default.readFileSync(appPackageJsonPath, 'utf8'));
-        yield detectWorkspace(appPackageJson);
-        let targetNextPackageJson;
-        let targetVersionSpecifier = '';
-        const shortcutVersion = (_a = process.argv[2]) === null || _a === void 0 ? void 0 : _a.replace('@', '');
-        if (shortcutVersion) {
-            const res = yield fetch(`https://registry.npmjs.org/next/${shortcutVersion}`);
-            if (res.status === 200) {
-                targetNextPackageJson = yield res.json();
-                targetVersionSpecifier = targetNextPackageJson.version;
-            }
-            else {
-                console.error(`${chalk_1.default.yellow('Next.js ' + shortcutVersion)} does not exist. Check available versions at ${chalk_1.default.underline('https://www.npmjs.com/package/next?activeTab=versions')}, or choose one from below\n`);
-            }
+async function runUpgrade() {
+    const appPackageJsonPath = path_1.default.resolve(process.cwd(), 'package.json');
+    let appPackageJson = JSON.parse(fs_1.default.readFileSync(appPackageJsonPath, 'utf8'));
+    await detectWorkspace(appPackageJson);
+    let targetNextPackageJson;
+    let targetVersionSpecifier = '';
+    const shortcutVersion = process.argv[2]?.replace('@', '');
+    if (shortcutVersion) {
+        const res = await fetch(`https://registry.npmjs.org/next/${shortcutVersion}`);
+        if (res.status === 200) {
+            targetNextPackageJson = await res.json();
+            targetVersionSpecifier = targetNextPackageJson.version;
+        }
+        else {
+            console.error(`${chalk_1.default.yellow('Next.js ' + shortcutVersion)} does not exist. Check available versions at ${chalk_1.default.underline('https://www.npmjs.com/package/next?activeTab=versions')}, or choose one from below\n`);
+        }
+    }
+    const installedNextVersion = await getInstalledNextVersion();
+    if (!targetNextPackageJson) {
+        let nextPackageJson = {};
+        try {
+            const resCanary = await fetch(`https://registry.npmjs.org/next/canary`);
+            nextPackageJson['canary'] = await resCanary.json();
+            const resRc = await fetch(`https://registry.npmjs.org/next/rc`);
+            nextPackageJson['rc'] = await resRc.json();
+            const resLatest = await fetch(`https://registry.npmjs.org/next/latest`);
+            nextPackageJson['latest'] = await resLatest.json();
+        }
+        catch (error) {
+            console.error('Failed to fetch versions from npm registry.');
+            return;
         }
-        const installedNextVersion = yield getInstalledNextVersion();
-        if (!targetNextPackageJson) {
-            let nextPackageJson = {};
-            try {
-                const resCanary = yield fetch(`https://registry.npmjs.org/next/canary`);
-                nextPackageJson['canary'] = yield resCanary.json();
-                const resRc = yield fetch(`https://registry.npmjs.org/next/rc`);
-                nextPackageJson['rc'] = yield resRc.json();
-                const resLatest = yield fetch(`https://registry.npmjs.org/next/latest`);
-                nextPackageJson['latest'] = yield resLatest.json();
-            }
-            catch (error) {
-                console.error('Failed to fetch versions from npm registry.');
-                return;
-            }
-            let showRc = true;
-            if (nextPackageJson['latest'].version && nextPackageJson['rc'].version) {
-                showRc =
-                    (0, compare_versions_1.compareVersions)(nextPackageJson['rc'].version, nextPackageJson['latest'].version) === 1;
-            }
-            const choices = [
-                {
-                    title: 'Canary',
-                    value: 'canary',
-                    description: `Experimental version with latest features (${nextPackageJson['canary'].version})`,
-                },
-            ];
-            if (showRc) {
-                choices.push({
-                    title: 'Release Candidate',
-                    value: 'rc',
-                    description: `Pre-release version for final testing (${nextPackageJson['rc'].version})`,
-                });
-            }
+        let showRc = true;
+        if (nextPackageJson['latest'].version && nextPackageJson['rc'].version) {
+            showRc =
+                (0, compare_versions_1.compareVersions)(nextPackageJson['rc'].version, nextPackageJson['latest'].version) === 1;
+        }
+        const choices = [
+            {
+                title: 'Canary',
+                value: 'canary',
+                description: `Experimental version with latest features (${nextPackageJson['canary'].version})`,
+            },
+        ];
+        if (showRc) {
             choices.push({
-                title: 'Stable',
-                value: 'latest',
-                description: `Production-ready release (${nextPackageJson['latest'].version})`,
+                title: 'Release Candidate',
+                value: 'rc',
+                description: `Pre-release version for final testing (${nextPackageJson['rc'].version})`,
             });
-            if (installedNextVersion) {
-                console.log(`You are currently using ${chalk_1.default.blue('Next.js ' + installedNextVersion)}`);
-            }
-            const initialVersionSpecifierIdx = yield getVersionSpecifierIdx(installedNextVersion, showRc);
-            const response = yield (0, prompts_1.default)({
-                type: 'select',
-                name: 'version',
-                message: 'What Next.js version do you want to upgrade to?',
-                choices: choices,
-                initial: initialVersionSpecifierIdx,
-            }, { onCancel: () => process.exit(0) });
-            targetNextPackageJson = nextPackageJson[response.version];
-            targetVersionSpecifier = response.version;
         }
-        const targetNextVersion = targetNextPackageJson.version;
-        if (targetNextVersion &&
-            (0, compare_versions_1.compareVersions)(targetNextVersion, '15.0.0-canary') >= 0) {
-            yield suggestTurbopack(appPackageJson);
+        choices.push({
+            title: 'Stable',
+            value: 'latest',
+            description: `Production-ready release (${nextPackageJson['latest'].version})`,
+        });
+        if (installedNextVersion) {
+            console.log(`You are currently using ${chalk_1.default.blue('Next.js ' + installedNextVersion)}`);
         }
-        fs_1.default.writeFileSync(appPackageJsonPath, JSON.stringify(appPackageJson, null, 2));
-        const packageManager = (0, handle_package_1.getPkgManager)(process.cwd());
-        const nextDependency = `next@${targetNextVersion}`;
-        const reactDependencies = [
-            `react@${targetNextPackageJson.peerDependencies['react']}`,
-            `@types/react@${targetNextPackageJson.devDependencies['@types/react']}`,
-            `react-dom@${targetNextPackageJson.peerDependencies['react-dom']}`,
-            `@types/react-dom@${targetNextPackageJson.devDependencies['@types/react-dom']}`,
-        ];
-        (0, handle_package_1.installPackage)([nextDependency, ...reactDependencies], packageManager);
-        console.log(`Upgrading your project to ${chalk_1.default.blue('Next.js ' + targetVersionSpecifier)}...\n`);
-        yield suggestCodemods(installedNextVersion, targetNextVersion);
-        console.log(`\n${chalk_1.default.green('✔')} Your Next.js project has been upgraded successfully. ${chalk_1.default.bold('Time to ship! 🚢')}`);
-    });
-}
-function detectWorkspace(appPackageJson) {
-    return __awaiter(this, void 0, void 0, function* () {
-        let isWorkspace = appPackageJson.workspaces ||
-            fs_1.default.existsSync(path_1.default.resolve(process.cwd(), 'pnpm-workspace.yaml'));
-        if (!isWorkspace)
-            return;
-        console.log(`${chalk_1.default.red('⚠️')} You seem to be in the root of a monorepo. ${chalk_1.default.blue('@next/upgrade')} should be run in a specific app directory within the monorepo.`);
-        const response = yield (0, prompts_1.default)({
-            type: 'confirm',
-            name: 'value',
-            message: 'Do you still want to continue?',
-            initial: false,
+        const initialVersionSpecifierIdx = await getVersionSpecifierIdx(installedNextVersion, showRc);
+        const response = await (0, prompts_1.default)({
+            type: 'select',
+            name: 'version',
+            message: 'What Next.js version do you want to upgrade to?',
+            choices: choices,
+            initial: initialVersionSpecifierIdx,
         }, { onCancel: () => process.exit(0) });
-        if (!response.value) {
-            process.exit(0);
-        }
-    });
+        targetNextPackageJson = nextPackageJson[response.version];
+        targetVersionSpecifier = response.version;
+    }
+    const targetNextVersion = targetNextPackageJson.version;
+    if (targetNextVersion &&
+        (0, compare_versions_1.compareVersions)(targetNextVersion, '15.0.0-canary') >= 0) {
+        await suggestTurbopack(appPackageJson);
+    }
+    fs_1.default.writeFileSync(appPackageJsonPath, JSON.stringify(appPackageJson, null, 2));
+    const packageManager = (0, handle_package_1.getPkgManager)(process.cwd());
+    const nextDependency = `next@${targetNextVersion}`;
+    const reactDependencies = [
+        `react@${targetNextPackageJson.peerDependencies['react']}`,
+        `@types/react@${targetNextPackageJson.devDependencies['@types/react']}`,
+        `react-dom@${targetNextPackageJson.peerDependencies['react-dom']}`,
+        `@types/react-dom@${targetNextPackageJson.devDependencies['@types/react-dom']}`,
+    ];
+    (0, handle_package_1.installPackage)([nextDependency, ...reactDependencies], packageManager);
+    console.log(`Upgrading your project to ${chalk_1.default.blue('Next.js ' + targetVersionSpecifier)}...\n`);
+    await suggestCodemods(installedNextVersion, targetNextVersion);
+    console.log(`\n${chalk_1.default.green('✔')} Your Next.js project has been upgraded successfully. ${chalk_1.default.bold('Time to ship! 🚢')}`);
 }
-function getInstalledNextVersion() {
-    return __awaiter(this, void 0, void 0, function* () {
-        const installedNextPackageJsonDir = require.resolve('next/package.json', {
-            paths: [process.cwd()],
-        });
-        const installedNextPackageJson = JSON.parse(fs_1.default.readFileSync(installedNextPackageJsonDir, 'utf8'));
-        return installedNextPackageJson.version;
+async function detectWorkspace(appPackageJson) {
+    let isWorkspace = appPackageJson.workspaces ||
+        fs_1.default.existsSync(path_1.default.resolve(process.cwd(), 'pnpm-workspace.yaml'));
+    if (!isWorkspace)
+        return;
+    console.log(`${chalk_1.default.red('⚠️')} You seem to be in the root of a monorepo. ${chalk_1.default.blue('@next/upgrade')} should be run in a specific app directory within the monorepo.`);
+    const response = await (0, prompts_1.default)({
+        type: 'confirm',
+        name: 'value',
+        message: 'Do you still want to continue?',
+        initial: false,
+    }, { onCancel: () => process.exit(0) });
+    if (!response.value) {
+        process.exit(0);
+    }
+}
+async function getInstalledNextVersion() {
+    const installedNextPackageJsonDir = require.resolve('next/package.json', {
+        paths: [process.cwd()],
     });
+    const installedNextPackageJson = JSON.parse(fs_1.default.readFileSync(installedNextPackageJsonDir, 'utf8'));
+    return installedNextPackageJson.version;
 }
 /*
  * Returns the index of the current version's specifier in the
  * array ['canary', 'rc', 'latest'] or ['canary', 'latest']
  */
-function getVersionSpecifierIdx(installedNextVersion, showRc) {
-    return __awaiter(this, void 0, void 0, function* () {
-        if (installedNextVersion == null) {
-            return 0;
-        }
-        if (installedNextVersion.includes('canary')) {
-            return 0;
-        }
-        if (installedNextVersion.includes('rc')) {
-            return 1;
-        }
-        return showRc ? 2 : 1;
-    });
+async function getVersionSpecifierIdx(installedNextVersion, showRc) {
+    if (installedNextVersion == null) {
+        return 0;
+    }
+    if (installedNextVersion.includes('canary')) {
+        return 0;
+    }
+    if (installedNextVersion.includes('rc')) {
+        return 1;
+    }
+    return showRc ? 2 : 1;
 }
 /*
  * Heuristics are used to determine whether to Turbopack is enabled or not and
@@ -169,78 +151,74 @@ function getVersionSpecifierIdx(installedNextVersion, showRc) {
  * 3. Otherwise, we ask the user to manually add `--turbo` to their dev command,
  *    showing the current dev command as the initial value.
  */
-function suggestTurbopack(packageJson) {
-    return __awaiter(this, void 0, void 0, function* () {
-        const devScript = packageJson.scripts['dev'];
-        if (devScript.includes('--turbo'))
-            return;
-        const responseTurbopack = yield (0, prompts_1.default)({
-            type: 'confirm',
-            name: 'enable',
-            message: 'Turbopack is now the stable default for dev mode. Enable it?',
-            initial: true,
-        }, {
-            onCancel: () => {
-                process.exit(0);
-            },
-        });
-        if (!responseTurbopack.enable) {
-            return;
-        }
-        if (devScript.includes('next dev')) {
-            packageJson.scripts['dev'] = devScript.replace('next dev', 'next dev --turbo');
-            return;
-        }
-        const responseCustomDevScript = yield (0, prompts_1.default)({
-            type: 'text',
-            name: 'customDevScript',
-            message: 'Please add `--turbo` to your dev command:',
-            initial: devScript,
-        });
-        packageJson.scripts['dev'] =
-            responseCustomDevScript.customDevScript || devScript;
+async function suggestTurbopack(packageJson) {
+    const devScript = packageJson.scripts['dev'];
+    if (devScript.includes('--turbo'))
+        return;
+    const responseTurbopack = await (0, prompts_1.default)({
+        type: 'confirm',
+        name: 'enable',
+        message: 'Turbopack is now the stable default for dev mode. Enable it?',
+        initial: true,
+    }, {
+        onCancel: () => {
+            process.exit(0);
+        },
+    });
+    if (!responseTurbopack.enable) {
+        return;
+    }
+    if (devScript.includes('next dev')) {
+        packageJson.scripts['dev'] = devScript.replace('next dev', 'next dev --turbo');
+        return;
+    }
+    const responseCustomDevScript = await (0, prompts_1.default)({
+        type: 'text',
+        name: 'customDevScript',
+        message: 'Please add `--turbo` to your dev command:',
+        initial: devScript,
     });
+    packageJson.scripts['dev'] =
+        responseCustomDevScript.customDevScript || devScript;
 }
-function suggestCodemods(initialNextVersion, targetNextVersion) {
-    return __awaiter(this, void 0, void 0, function* () {
-        const initialVersionIndex = codemods_1.availableCodemods.findIndex((versionCodemods) => (0, compare_versions_1.compareVersions)(versionCodemods.version, initialNextVersion) > 0);
-        if (initialVersionIndex === -1) {
-            return;
-        }
-        let targetVersionIndex = codemods_1.availableCodemods.findIndex((versionCodemods) => (0, compare_versions_1.compareVersions)(versionCodemods.version, targetNextVersion) > 0);
-        if (targetVersionIndex === -1) {
-            targetVersionIndex = codemods_1.availableCodemods.length;
-        }
-        const relevantCodemods = codemods_1.availableCodemods
-            .slice(initialVersionIndex, targetVersionIndex)
-            .flatMap((versionCodemods) => versionCodemods.codemods);
-        if (relevantCodemods.length === 0) {
-            return;
-        }
-        let codemodsString = `\nThe following ${chalk_1.default.blue('codemods')} are available for your upgrade:`;
-        relevantCodemods.forEach((codemod) => {
-            codemodsString += `\n- ${codemod.title} ${chalk_1.default.gray(`(${codemod.value})`)}`;
-        });
-        codemodsString += '\n';
-        console.log(codemodsString);
-        const responseCodemods = yield (0, prompts_1.default)({
-            type: 'confirm',
-            name: 'apply',
-            message: `Do you want to apply these codemods?`,
-            initial: true,
-        }, {
-            onCancel: () => {
-                process.exit(0);
-            },
-        });
-        if (!responseCodemods.apply) {
-            return;
-        }
-        for (const codemod of relevantCodemods) {
-            (0, child_process_1.execSync)(`npx @next/codemod@latest ${codemod.value} ${process.cwd()} --force`, {
-                stdio: 'inherit',
-            });
-        }
+async function suggestCodemods(initialNextVersion, targetNextVersion) {
+    const initialVersionIndex = codemods_1.availableCodemods.findIndex((versionCodemods) => (0, compare_versions_1.compareVersions)(versionCodemods.version, initialNextVersion) > 0);
+    if (initialVersionIndex === -1) {
+        return;
+    }
+    let targetVersionIndex = codemods_1.availableCodemods.findIndex((versionCodemods) => (0, compare_versions_1.compareVersions)(versionCodemods.version, targetNextVersion) > 0);
+    if (targetVersionIndex === -1) {
+        targetVersionIndex = codemods_1.availableCodemods.length;
+    }
+    const relevantCodemods = codemods_1.availableCodemods
+        .slice(initialVersionIndex, targetVersionIndex)
+        .flatMap((versionCodemods) => versionCodemods.codemods);
+    if (relevantCodemods.length === 0) {
+        return;
+    }
+    let codemodsString = `\nThe following ${chalk_1.default.blue('codemods')} are available for your upgrade:`;
+    relevantCodemods.forEach((codemod) => {
+        codemodsString += `\n- ${codemod.title} ${chalk_1.default.gray(`(${codemod.value})`)}`;
     });
+    codemodsString += '\n';
+    console.log(codemodsString);
+    const responseCodemods = await (0, prompts_1.default)({
+        type: 'confirm',
+        name: 'apply',
+        message: `Do you want to apply these codemods?`,
+        initial: true,
+    }, {
+        onCancel: () => {
+            process.exit(0);
+        },
+    });
+    if (!responseCodemods.apply) {
+        return;
+    }
+    for (const codemod of relevantCodemods) {
+        (0, child_process_1.execSync)(`npx @next/codemod@latest ${codemod.value} ${process.cwd()} --force`, {
+            stdio: 'inherit',
+        });
+    }
 }
 //# sourceMappingURL=upgrade.js.map

package/lib/cra-to-next/global-css-transform.js

@@ -38,8 +38,7 @@ function transformer(file, api, options) {
             }
             else if (value.endsWith('.svg')) {
                 const isComponentImport = path.node.specifiers.some((specifier) => {
-                    var _a;
-                    return ((_a = specifier.imported) === null || _a === void 0 ? void 0 : _a.name) === 'ReactComponent';
+                    return specifier.imported?.name === 'ReactComponent';
                 });
                 if (isComponentImport) {
                     exports.globalCssContext.reactSvgImports.add(file.path);

package/lib/cra-to-next/index-to-component.js

@@ -29,7 +29,6 @@ function transformer(file, api, options) {
     root
         .find(j.CallExpression)
         .filter((path) => {
-        var _a, _b;
         const { node } = path;
         let found = false;
         if (defaultReactDomImport &&
@@ -44,7 +43,7 @@ function transformer(file, api, options) {
         if (found) {
             foundReactRender++;
             hasModifications = true;
-            if (!Array.isArray((_b = (_a = path.parentPath) === null || _a === void 0 ? void 0 : _a.parentPath) === null || _b === void 0 ? void 0 : _b.value)) {
+            if (!Array.isArray(path.parentPath?.parentPath?.value)) {
                 exports.indexContext.nestedRender = true;
                 return false;
             }

package/lib/handle-package.js

@@ -34,23 +34,23 @@ function getPkgManager(baseDir) {
             execa_1.default.sync('yarn --version', { stdio: 'ignore' });
             return 'yarn';
         }
-        catch (_a) {
+        catch {
             try {
                 execa_1.default.sync('pnpm --version', { stdio: 'ignore' });
                 return 'pnpm';
             }
-            catch (_b) {
+            catch {
                 execa_1.default.sync('bun --version', { stdio: 'ignore' });
                 return 'bun';
             }
         }
     }
-    catch (_c) {
+    catch {
         return 'npm';
     }
 }
 function uninstallPackage(packageToUninstall, pkgManager) {
-    pkgManager !== null && pkgManager !== void 0 ? pkgManager : (pkgManager = getPkgManager(process.cwd()));
+    pkgManager ??= getPkgManager(process.cwd());
     if (!pkgManager)
         throw new Error('Failed to find package manager');
     let command = 'uninstall';
@@ -60,7 +60,7 @@ function uninstallPackage(packageToUninstall, pkgManager) {
     execa_1.default.sync(pkgManager, [command, packageToUninstall], { stdio: 'inherit' });
 }
 function installPackage(packageToInstall, pkgManager) {
-    pkgManager !== null && pkgManager !== void 0 ? pkgManager : (pkgManager = getPkgManager(process.cwd()));
+    pkgManager ??= getPkgManager(process.cwd());
     if (!pkgManager)
         throw new Error('Failed to find package manager');
     if (Array.isArray(packageToInstall)) {

package/lib/install.js

@@ -84,7 +84,7 @@ function install(root, dependencies, { useYarn, isOnline, devDependencies }) {
          */
         const child = (0, cross_spawn_1.default)(command, args, {
             stdio: 'inherit',
-            env: Object.assign(Object.assign({}, process.env), { ADBLOCK: '1', DISABLE_OPENCOLLECTIVE: '1' }),
+            env: { ...process.env, ADBLOCK: '1', DISABLE_OPENCOLLECTIVE: '1' },
         });
         child.on('close', (code) => {
             if (code !== 0) {