@next/codemod 15.0.3-canary.7 → 15.0.3-canary.8

package/bin/upgrade.js

@@ -30,7 +30,7 @@ exports.runUpgrade = runUpgrade;
 const os = __importStar(require("os"));
 const prompts_1 = __importDefault(require("prompts"));
 const fs_1 = __importDefault(require("fs"));
-const compare_1 = __importDefault(require("semver/functions/compare"));
+const semver_1 = require("semver");
 const child_process_1 = require("child_process");
 const path_1 = __importDefault(require("path"));
 const picocolors_1 = __importDefault(require("picocolors"));
@@ -95,12 +95,12 @@ async function runUpgrade(revision, options) {
     }
     const installedNextVersion = getInstalledNextVersion();
     const targetNextVersion = targetNextPackageJson.version;
-    if ((0, compare_1.default)(installedNextVersion, targetNextVersion) === 0) {
+    if ((0, semver_1.compare)(installedNextVersion, targetNextVersion) === 0) {
         console.log(`${picocolors_1.default.green('✓')} Current Next.js version is already on the target version "v${targetNextVersion}".`);
         endMessage();
         return;
     }
-    if ((0, compare_1.default)(installedNextVersion, targetNextVersion) > 0) {
+    if ((0, semver_1.compare)(installedNextVersion, targetNextVersion) > 0) {
         console.log(`${picocolors_1.default.green('✓')} Current Next.js version is higher than the target version "v${targetNextVersion}".`);
         endMessage();
         return;
@@ -123,7 +123,7 @@ async function runUpgrade(revision, options) {
     // we should only let the user stay on React 18 if they are using pure Pages Router.
     // x-ref(PR): https://github.com/vercel/next.js/pull/65058
     // x-ref(release): https://github.com/vercel/next.js/releases/tag/v14.3.0-canary.45
-    (0, compare_1.default)(targetNextVersion, '14.3.0-canary.45') >= 0 &&
+    (0, semver_1.compare)(targetNextVersion, '14.3.0-canary.45') >= 0 &&
         installedReactVersion.startsWith('18') &&
         // Pure App Router always uses React 19
         // The mixed case is tricky to handle from a types perspective.
@@ -150,7 +150,7 @@ async function runUpgrade(revision, options) {
     const targetReactVersion = shouldStayOnReact18
         ? '18.3.1'
         : await loadHighestNPMVersionMatching(`react@${targetNextPackageJson.peerDependencies['react']}`);
-    if ((0, compare_1.default)(targetNextVersion, '15.0.0-canary') >= 0) {
+    if ((0, semver_1.compare)(targetNextVersion, '15.0.0-canary') >= 0) {
         await suggestTurbopack(appPackageJson, targetNextVersion);
     }
     const codemods = await suggestCodemods(installedNextVersion, targetNextVersion);
@@ -160,8 +160,8 @@ async function runUpgrade(revision, options) {
     let execCommand = 'npx';
     // The following React codemods are for React 19
     if (!shouldStayOnReact18 &&
-        (0, compare_1.default)(targetReactVersion, '19.0.0-0') >= 0 &&
-        (0, compare_1.default)(installedReactVersion, '19.0.0-0') < 0) {
+        (0, semver_1.compare)(targetReactVersion, '19.0.0-0') >= 0 &&
+        (0, semver_1.compare)(installedReactVersion, '19.0.0-0') < 0) {
         shouldRunReactCodemods = await suggestReactCodemods();
         shouldRunReactTypesCodemods = await suggestReactTypesCodemods();
         const execCommandMap = {
@@ -247,7 +247,7 @@ async function runUpgrade(revision, options) {
             dependenciesToInstall.push([packageName, version]);
         }
     }
-    console.log(`Upgrading your project to ${picocolors_1.default.blue('Next.js ' + targetNextVersion)}...\n`);
+    console.log(`Upgrading your project to ${picocolors_1.default.blue('Next.js ' + targetNextVersion)}...`);
     for (const [dep, version] of dependenciesToInstall) {
         (0, handle_package_1.addPackageDependency)(appPackageJson, dep, version, false);
     }
@@ -257,7 +257,7 @@ async function runUpgrade(revision, options) {
     fs_1.default.writeFileSync(appPackageJsonPath, JSON.stringify(appPackageJson, null, 2) +
         // Common IDE formatters would add a newline as well.
         os.EOL);
-    (0, handle_package_1.runInstallation)(packageManager);
+    (0, handle_package_1.runInstallation)(packageManager, { cwd });
     for (const codemod of codemods) {
         await (0, transform_1.runTransform)(codemod, cwd, { force: true, verbose });
     }
@@ -282,6 +282,7 @@ async function runUpgrade(revision, options) {
     if (codemods.length > 0) {
         console.log(`${picocolors_1.default.green('✔')} Codemods have been applied successfully.`);
     }
+    warnDependenciesOutOfRange(appPackageJson, versionMapping);
     endMessage();
 }
 function getInstalledNextVersion() {
@@ -332,7 +333,7 @@ async function suggestTurbopack(packageJson, targetNextVersion) {
     // Turbopack flag was changed from `--turbo` to `--turbopack` in v15.0.1-canary.3
     // PR: https://github.com/vercel/next.js/pull/71657
     // Release: https://github.com/vercel/next.js/releases/tag/v15.0.1-canary.3
-    const isAfterTurbopackFlagChange = (0, compare_1.default)(targetNextVersion, '15.0.1-canary.3') >= 0;
+    const isAfterTurbopackFlagChange = (0, semver_1.compare)(targetNextVersion, '15.0.1-canary.3') >= 0;
     const turboPackFlag = isAfterTurbopackFlagChange ? '--turbopack' : '--turbo';
     if (!devScript) {
         console.log(`${picocolors_1.default.yellow('⚠')} No "dev" script found in your package.json. Skipping Turbopack suggestion.`);
@@ -382,12 +383,12 @@ async function suggestCodemods(initialNextVersion, targetNextVersion) {
     // 15.0.0-canary.45 -> 15.0.0          : don't apply
     // 15.0.0-canary.44 -> 15.0.0          : apply
     const initialVersionIndex = utils_1.TRANSFORMER_INQUIRER_CHOICES.findIndex((codemod) => {
-        return (0, compare_1.default)(codemod.version, initialNextVersion) > 0;
+        return (0, semver_1.compare)(codemod.version, initialNextVersion) > 0;
     });
     if (initialVersionIndex === -1) {
         return [];
     }
-    let targetVersionIndex = utils_1.TRANSFORMER_INQUIRER_CHOICES.findIndex((codemod) => (0, compare_1.default)(codemod.version, targetNextVersion) > 0);
+    let targetVersionIndex = utils_1.TRANSFORMER_INQUIRER_CHOICES.findIndex((codemod) => (0, semver_1.compare)(codemod.version, targetNextVersion) > 0);
     if (targetVersionIndex === -1) {
         targetVersionIndex = utils_1.TRANSFORMER_INQUIRER_CHOICES.length;
     }
@@ -489,4 +490,59 @@ function writeOverridesField(packageJson, packageManager, overrides) {
         }
     }
 }
+function warnDependenciesOutOfRange(appPackageJson, versionMapping) {
+    const allDirectDependencies = {
+        ...appPackageJson.dependencies,
+        ...appPackageJson.devDependencies,
+    };
+    const dependenciesOutOfRange = new Map();
+    const resolvedDependencyVersions = new Map();
+    for (const dependency of Object.keys(allDirectDependencies)) {
+        let pkgJson;
+        // TODO: Asking package manager for the installed version is most robust e.g. `pnpm why ${dependency}`
+        // require.resolve(`${dependency}/package.json`, { paths: [cwd] }) results in previously installed version being used in PNPM
+        let pkgJsonFromNodeModules;
+        try {
+            pkgJsonFromNodeModules = path_1.default.join(cwd, 'node_modules', dependency, 'package.json');
+            pkgJson = JSON.parse(fs_1.default.readFileSync(pkgJsonFromNodeModules, 'utf8'));
+        }
+        catch {
+            console.warn(`${picocolors_1.default.yellow('⚠')} Could not find package.json for dependency "${dependency}" at "${pkgJsonFromNodeModules}". This may affect peer dependency checks.`);
+            continue;
+        }
+        resolvedDependencyVersions.set(dependency, pkgJson.version);
+        if ('peerDependencies' in pkgJson) {
+            const peerDeps = pkgJson.peerDependencies;
+            const peerDepsNames = Object.keys(peerDeps);
+            const depsToCheck = Object.keys(versionMapping).filter((versionMappingKey) => peerDepsNames.includes(versionMappingKey));
+            for (const depName of depsToCheck) {
+                const expectedVersionRange = peerDeps[depName];
+                const { version: currentVersion } = versionMapping[depName];
+                if (!(0, semver_1.satisfies)(currentVersion, expectedVersionRange, {
+                    includePrerelease: true,
+                })) {
+                    dependenciesOutOfRange.set(dependency, {
+                        ...dependenciesOutOfRange.get(dependency),
+                        [depName]: {
+                            currentVersion,
+                            expectedVersionRange,
+                        },
+                    });
+                }
+            }
+        }
+    }
+    const size = dependenciesOutOfRange.size;
+    if (size > 0) {
+        console.log(`${picocolors_1.default.yellow('⚠')} Found ${size} ${size === 1 ? 'dependency' : 'dependencies'} that seem incompatible with the upgraded package versions.\n` +
+            'You may have to update these packages to their latest version or file an issue to ask for support of the upgraded libraries.');
+        dependenciesOutOfRange.forEach((deps, packageName) => {
+            console.log(`${packageName} ${picocolors_1.default.gray(resolvedDependencyVersions.get(packageName))}`);
+            Object.entries(deps).forEach(([depName, value], index, depsArray) => {
+                const prefix = index === depsArray.length - 1 ? '  └── ' : '  ├── ';
+                console.log(`${prefix}${picocolors_1.default.yellow('✕ unmet peer')} ${depName}@"${value.expectedVersionRange}": found ${value.currentVersion}`);
+            });
+        });
+    }
+}
 //# sourceMappingURL=upgrade.js.map

package/lib/handle-package.js

@@ -86,9 +86,10 @@ function installPackages(packageToInstall, options = {}) {
         throw new Error(`Failed to install "${packageToInstall}". Please install it manually.`, { cause: error });
     }
 }
-function runInstallation(packageManager) {
+function runInstallation(packageManager, options) {
     try {
         execa_1.default.sync(packageManager, ['install'], {
+            cwd: options.cwd,
             stdio: 'inherit',
             shell: true,
         });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@next/codemod",
-  "version": "15.0.3-canary.7",
+  "version": "15.0.3-canary.8",
   "license": "MIT",
   "repository": {
     "type": "git",