@next/codemod 15.0.0-canary.179 → 15.0.0-canary.181

package/bin/transform.js

@@ -36,8 +36,8 @@ async function runTransform(transform, path, options) {
             type: 'text',
             name: 'path',
             message: 'On which files or directory should the codemods be applied?',
-            default: '.',
-        });
+            initial: '.',
+        }, { onCancel: utils_1.onCancel });
         directory = res.path;
     }
     if (!transform) {
@@ -45,8 +45,14 @@ async function runTransform(transform, path, options) {
             type: 'select',
             name: 'transformer',
             message: 'Which transform would you like to apply?',
-            choices: utils_1.TRANSFORMER_INQUIRER_CHOICES,
-        });
+            choices: utils_1.TRANSFORMER_INQUIRER_CHOICES.reverse().map(({ title, value, version }) => {
+                return {
+                    title: `(v${version}) ${value}`,
+                    description: title,
+                    value,
+                };
+            }),
+        }, { onCancel: utils_1.onCancel });
         transformer = res.transformer;
     }
     const filesExpanded = expandFilePathsIfNeeded([directory]);

package/bin/upgrade.js

@@ -10,9 +10,9 @@ const child_process_1 = require("child_process");
 const path_1 = __importDefault(require("path"));
 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");
 const transform_1 = require("./transform");
+const utils_1 = require("../lib/utils");
 /**
  * @param query
  * @example loadHighestNPMVersionMatching("react@^18.3.0 || ^19.0.0") === Promise<"19.0.0">
@@ -29,16 +29,19 @@ async function runUpgrade(revision, options) {
     const { verbose } = options;
     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;
     const res = await fetch(`https://registry.npmjs.org/next/${revision}`);
     if (res.status === 200) {
         targetNextPackageJson = await res.json();
     }
-    else {
-        throw new Error(`${chalk_1.default.yellow(`next@${revision}`)} does not exist. Check available versions at ${chalk_1.default.underline('https://www.npmjs.com/package/next?activeTab=versions')}.`);
+    const validRevision = targetNextPackageJson !== null &&
+        typeof targetNextPackageJson === 'object' &&
+        'version' in targetNextPackageJson &&
+        'peerDependencies' in targetNextPackageJson;
+    if (!validRevision) {
+        throw new Error(`${chalk_1.default.yellow(`next@${revision}`)} does not exist. Make sure you entered a valid Next.js version or dist-tag. Check available versions at ${chalk_1.default.underline('https://www.npmjs.com/package/next?activeTab=versions')}.`);
     }
-    const installedNextVersion = await getInstalledNextVersion();
+    const installedNextVersion = getInstalledNextVersion();
     const targetNextVersion = targetNextPackageJson.version;
     // We're resolving a specific version here to avoid including "ugly" version queries
     // in the manifest.
@@ -81,28 +84,17 @@ async function runUpgrade(revision, options) {
     }
     console.log(`\n${chalk_1.default.green('✔')} Your Next.js project has been upgraded successfully. ${chalk_1.default.bold('Time to ship! 🚢')}`);
 }
-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);
+function getInstalledNextVersion() {
+    try {
+        return require(require.resolve('next/package.json', {
+            paths: [process.cwd()],
+        })).version;
+    }
+    catch (error) {
+        throw new Error(`Failed to get the installed Next.js version at "${process.cwd()}".\nIf you're using a monorepo, please run this command from the Next.js app directory.`, {
+            cause: error,
+        });
     }
-}
-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;
 }
 /*
  * Heuristics are used to determine whether to Turbopack is enabled or not and
@@ -122,13 +114,9 @@ async function suggestTurbopack(packageJson) {
     const responseTurbopack = await (0, prompts_1.default)({
         type: 'confirm',
         name: 'enable',
-        message: 'Turbopack is now the stable default for dev mode. Enable it?',
+        message: 'Enable Turbopack for next dev?',
         initial: true,
-    }, {
-        onCancel: () => {
-            process.exit(0);
-        },
-    });
+    }, { onCancel: utils_1.onCancel });
     if (!responseTurbopack.enable) {
         return;
     }
@@ -136,46 +124,42 @@ async function suggestTurbopack(packageJson) {
         packageJson.scripts['dev'] = devScript.replace('next dev', 'next dev --turbo');
         return;
     }
+    console.log(`${chalk_1.default.yellow('⚠')} Could not find "${chalk_1.default.bold('next dev')}" in your dev script.`);
     const responseCustomDevScript = await (0, prompts_1.default)({
         type: 'text',
         name: 'customDevScript',
-        message: 'Please add `--turbo` to your dev command:',
+        message: 'Please manually add "--turbo" to your dev command.',
         initial: devScript,
-    });
+    }, { onCancel: utils_1.onCancel });
     packageJson.scripts['dev'] =
         responseCustomDevScript.customDevScript || devScript;
 }
 async function suggestCodemods(initialNextVersion, targetNextVersion) {
-    const initialVersionIndex = codemods_1.availableCodemods.findIndex((versionCodemods) => (0, compare_versions_1.compareVersions)(versionCodemods.version, initialNextVersion) > 0);
+    const initialVersionIndex = utils_1.TRANSFORMER_INQUIRER_CHOICES.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);
+    let targetVersionIndex = utils_1.TRANSFORMER_INQUIRER_CHOICES.findIndex((versionCodemods) => (0, compare_versions_1.compareVersions)(versionCodemods.version, targetNextVersion) > 0);
     if (targetVersionIndex === -1) {
-        targetVersionIndex = codemods_1.availableCodemods.length;
+        targetVersionIndex = utils_1.TRANSFORMER_INQUIRER_CHOICES.length;
     }
-    const relevantCodemods = codemods_1.availableCodemods
-        .slice(initialVersionIndex, targetVersionIndex)
-        .flatMap((versionCodemods) => versionCodemods.codemods);
+    const relevantCodemods = utils_1.TRANSFORMER_INQUIRER_CHOICES.slice(initialVersionIndex, targetVersionIndex);
     if (relevantCodemods.length === 0) {
         return [];
     }
     const { codemods } = await (0, prompts_1.default)({
         type: 'multiselect',
         name: 'codemods',
-        message: `\nThe following ${chalk_1.default.blue('codemods')} are recommended for your upgrade. Would you like to apply them?`,
-        choices: relevantCodemods.map((codemod) => {
+        message: `The following ${chalk_1.default.blue('codemods')} are recommended for your upgrade. Select the ones to apply.`,
+        choices: relevantCodemods.reverse().map(({ title, value, version }) => {
             return {
-                title: `${codemod.title} ${chalk_1.default.grey(`(${codemod.value})`)}`,
-                value: codemod.value,
+                title: `(v${version}) ${value}`,
+                description: title,
+                value,
                 selected: true,
             };
         }),
-    }, {
-        onCancel: () => {
-            process.exit(0);
-        },
-    });
+    }, { onCancel: utils_1.onCancel });
     return codemods;
 }
 //# sourceMappingURL=upgrade.js.map

package/lib/run-jscodeshift.js

@@ -10,7 +10,20 @@ function runJscodeshift(transformerPath, flags, files) {
     // we run jscodeshift in the same process to be able to
     // share state between the main CRA transform and sub-transforms
     return Runner_1.default.run(transformerPath, files, {
-        ignorePattern: ['**/node_modules/**', '**/.next/**', '**/build/**'],
+        ignorePattern: [
+            '**/node_modules/**',
+            '**/.next/**',
+            '**/build/**',
+            // type files
+            '**/*.d.ts',
+            '**/*.d.cts',
+            '**/*.d.mts',
+            // test files
+            '**/*.test.*',
+            '**/*.spec.*',
+            '**/__tests__/**',
+            '**/__mocks__/**',
+        ],
         extensions: 'tsx,ts,jsx,js',
         parser: 'tsx',
         verbose: 2,

package/lib/utils.js

@@ -5,6 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TRANSFORMER_INQUIRER_CHOICES = void 0;
 exports.checkGitStatus = checkGitStatus;
+exports.onCancel = onCancel;
 const picocolors_1 = require("picocolors");
 const is_git_clean_1 = __importDefault(require("is-git-clean"));
 function checkGitStatus(force) {
@@ -31,62 +32,84 @@ function checkGitStatus(force) {
         }
     }
 }
+function onCancel() {
+    process.exit(1);
+}
 exports.TRANSFORMER_INQUIRER_CHOICES = [
     {
-        title: 'name-default-component: Transforms anonymous components into named components to make sure they work with Fast Refresh',
-        value: 'name-default-component',
+        title: 'Transform the deprecated automatically injected url property on top level pages to using withRouter',
+        value: 'url-to-withrouter',
+        version: '6.0',
     },
     {
-        title: 'add-missing-react-import: Transforms files that do not import `React` to include the import in order for the new React JSX transform',
-        value: 'add-missing-react-import',
+        title: 'Transforms the withAmp HOC into Next.js 9 page configuration',
+        value: 'withamp-to-config',
+        version: '8.0',
     },
     {
-        title: 'withamp-to-config: Transforms the withAmp HOC into Next.js 9 page configuration',
-        value: 'withamp-to-config',
+        title: 'Transforms anonymous components into named components to make sure they work with Fast Refresh',
+        value: 'name-default-component',
+        version: '9.0',
     },
     {
-        title: 'url-to-withrouter: Transforms the deprecated automatically injected url property on top level pages to using withRouter',
-        value: 'url-to-withrouter',
+        title: 'Transforms files that do not import `React` to include the import in order for the new React JSX transform',
+        value: 'add-missing-react-import',
+        version: '10.0',
     },
     {
-        title: 'cra-to-next (experimental): automatically migrates a Create React App project to Next.js',
+        title: 'Automatically migrates a Create React App project to Next.js (experimental)',
         value: 'cra-to-next',
+        version: '11.0',
     },
     {
-        title: 'new-link: Ensures your <Link> usage is backwards compatible.',
+        title: 'Ensures your <Link> usage is backwards compatible',
         value: 'new-link',
+        version: '13.0',
     },
     {
-        title: 'next-og-import: Transforms imports from `next/server` to `next/og` for usage of Dynamic OG Image Generation.',
-        value: 'next-og-import',
+        title: 'Dangerously migrates from `next/legacy/image` to the new `next/image` by adding inline styles and removing unused props (experimental)',
+        value: 'next-image-experimental',
+        version: '13.0',
     },
     {
-        title: 'metadata-to-viewport-export: Migrates certain viewport related metadata from the `metadata` export to a new `viewport` export.',
-        value: 'metadata-to-viewport-export',
+        title: 'Safely migrate Next.js 10, 11, 12 applications importing `next/image` to the renamed `next/legacy/image` import in Next.js 13',
+        value: 'next-image-to-legacy-image',
+        version: '13.0',
     },
     {
-        title: 'next-dynamic-access-named-export: Transforms dynamic imports that return the named export itself to a module like object.',
-        value: 'next-dynamic-access-named-export',
+        title: 'Uninstall `@next/font` and transform imports to `next/font`',
+        value: 'built-in-next-font',
+        version: '13.2',
     },
     {
-        title: 'next-image-to-legacy-image: safely migrate Next.js 10, 11, 12 applications importing `next/image` to the renamed `next/legacy/image` import in Next.js 13',
-        value: 'next-image-to-legacy-image',
+        title: 'Migrates certain viewport related metadata from the `metadata` export to a new `viewport` export',
+        value: 'metadata-to-viewport-export',
+        version: '14.0',
     },
     {
-        title: 'next-image-experimental (experimental): dangerously migrates from `next/legacy/image` to the new `next/image` by adding inline styles and removing unused props',
-        value: 'next-image-experimental',
+        title: 'Transforms imports from `next/server` to `next/og` for usage of Dynamic OG Image Generation',
+        value: 'next-og-import',
+        version: '14.0',
     },
     {
-        title: 'built-in-next-font: Uninstall `@next/font` and transform imports to `next/font`',
-        value: 'built-in-next-font',
+        title: 'Transforms dynamic imports that return the named export itself to a module like object',
+        value: 'next-dynamic-access-named-export',
+        version: '15.0.0-canary.44',
+    },
+    {
+        title: 'Install `@vercel/functions` to replace `geo` and `ip` properties on `NextRequest`',
+        value: 'next-request-geo-ip',
+        version: '15.0.0-canary.153',
     },
     {
-        title: 'next-async-request-api: Transforms usage of Next.js async Request APIs',
+        title: 'Transforms usage of Next.js async Request APIs',
         value: 'next-async-request-api',
+        version: '15.0.0-canary.171',
     },
     {
-        title: 'next-request-geo-ip: Install `@vercel/functions` to replace `geo` and `ip` properties on `NextRequest`',
-        value: 'next-request-geo-ip',
+        title: 'Transforms `experimental-edge` to `edge` in the `runtime` route segment configuration within the App Router',
+        value: 'app-dir-runtime-config-experimental-edge',
+        version: '15.0.0-canary.179',
     },
 ];
 //# sourceMappingURL=utils.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@next/codemod",
-  "version": "15.0.0-canary.179",
+  "version": "15.0.0-canary.181",
   "license": "MIT",
   "repository": {
     "type": "git",

package/transforms/app-dir-runtime-config-experimental-edge.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = transformer;
+function transformer(file, api) {
+    if (process.env.NODE_ENV !== 'test' &&
+        !/[/\\]app[/\\].*?(page|layout|route)\.[^/\\]+$/.test(file.path)) {
+        return file.source;
+    }
+    const j = api.jscodeshift.withParser('tsx');
+    const root = j(file.source);
+    const runtimeExport = root.find(j.ExportNamedDeclaration, {
+        declaration: {
+            type: 'VariableDeclaration',
+            declarations: [
+                {
+                    id: { name: 'runtime' },
+                },
+            ],
+        },
+    });
+    if (runtimeExport.size() !== 1) {
+        return file.source;
+    }
+    const runtimeValue = runtimeExport.find(j.StringLiteral, {
+        value: 'experimental-edge',
+    });
+    if (runtimeValue.size() !== 1) {
+        return file.source;
+    }
+    runtimeValue.replaceWith(j.stringLiteral('edge'));
+    return root.toSource();
+}
+//# sourceMappingURL=app-dir-runtime-config-experimental-edge.js.map

package/transforms/lib/async-request-api/index.js

@@ -4,11 +4,6 @@ exports.default = transform;
 const next_async_dynamic_prop_1 = require("./next-async-dynamic-prop");
 const next_async_dynamic_api_1 = require("./next-async-dynamic-api");
 function transform(file, api) {
-    const filePath = file.path;
-    // if it's node_modules or types file, skip
-    if (/node_modules/.test(filePath) || /\.d\.(m|c)?ts$/.test(filePath)) {
-        return file.source;
-    }
     const transforms = [next_async_dynamic_prop_1.transformDynamicProps, next_async_dynamic_api_1.transformDynamicAPI];
     return transforms.reduce((source, transformFn) => {
         const result = transformFn(source, api, file.path);

package/transforms/lib/async-request-api/next-async-dynamic-api.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.transformDynamicAPI = transformDynamicAPI;
 const utils_1 = require("./utils");
-const DYNAMIC_IMPORT_WARN_COMMENT = ` The APIs under 'next/headers' are async now, need to be manually awaited. `;
+const DYNAMIC_IMPORT_WARN_COMMENT = ` Next.js Dynamic Async API Codemod: The APIs under 'next/headers' are async now, need to be manually awaited. `;
 function findDynamicImportsAndComment(root, j) {
     let modified = false;
     // find all the dynamic imports of `next/headers`,
@@ -134,11 +134,11 @@ function transformDynamicAPI(source, api, filePath) {
                             needsReactUseImport = true;
                         }
                         else {
-                            castTypesOrAddComment(j, path, originRequestApiName, root, filePath, insertedTypes, ` TODO: please manually await this call, if it's a server component, you can turn it to async function `);
+                            castTypesOrAddComment(j, path, originRequestApiName, root, filePath, insertedTypes, ` Next.js Dynamic Async API Codemod: Manually await this call, if it's a Server Component `);
                         }
                     }
                     else {
-                        castTypesOrAddComment(j, path, originRequestApiName, root, filePath, insertedTypes, ' TODO: please manually await this call, codemod cannot transform due to undetermined async scope ');
+                        castTypesOrAddComment(j, path, originRequestApiName, root, filePath, insertedTypes, ' Next.js Dynamic Async API Codemod: please manually await this call, codemod cannot transform due to undetermined async scope ');
                     }
                     modified = true;
                 }

package/transforms/lib/async-request-api/next-async-dynamic-prop.js

@@ -23,6 +23,9 @@ function awaitMemberAccessOfProp(propIdName, path, j) {
     // await each member access
     memberAccess.forEach((memberAccessPath) => {
         const member = memberAccessPath.value;
+        if (isParentPromiseAllCallExpression(memberAccessPath, j)) {
+            return;
+        }
         // check if it's already awaited
         if (memberAccessPath.parentPath?.value.type === 'AwaitExpression') {
             return;
@@ -43,6 +46,33 @@ function awaitMemberAccessOfProp(propIdName, path, j) {
     }
     return hasAwaited;
 }
+function isParentUseCallExpression(path, j) {
+    if (
+    // member access parentPath is argument
+    j.CallExpression.check(path.parent.value) &&
+        // member access is first argument
+        path.parent.value.arguments[0] === path.value &&
+        // function name is `use`
+        j.Identifier.check(path.parent.value.callee) &&
+        path.parent.value.callee.name === 'use') {
+        return true;
+    }
+    return false;
+}
+function isParentPromiseAllCallExpression(path, j) {
+    const argsParent = path.parent;
+    const callParent = argsParent?.parent;
+    if (j.ArrayExpression.check(argsParent.value) &&
+        j.CallExpression.check(callParent.value) &&
+        j.MemberExpression.check(callParent.value.callee) &&
+        j.Identifier.check(callParent.value.callee.object) &&
+        callParent.value.callee.object.name === 'Promise' &&
+        j.Identifier.check(callParent.value.callee.property) &&
+        callParent.value.callee.property.name === 'all') {
+        return true;
+    }
+    return false;
+}
 function applyUseAndRenameAccessedProp(propIdName, path, j) {
     // search the member access of the prop, and rename the member access to the member value
     // e.g.
@@ -60,6 +90,10 @@ function applyUseAndRenameAccessedProp(propIdName, path, j) {
     const accessedNames = [];
     // rename each member access
     memberAccess.forEach((memberAccessPath) => {
+        // If the member access expression is first argument of `use()`, we skip
+        if (isParentUseCallExpression(memberAccessPath, j)) {
+            return;
+        }
         const member = memberAccessPath.value;
         const memberProperty = member.property;
         if (j.Identifier.check(memberProperty)) {
@@ -89,7 +123,7 @@ function applyUseAndRenameAccessedProp(propIdName, path, j) {
     }
     return modified;
 }
-const MATCHED_FILE_PATTERNS = /([\\/]|^)(page|layout)\.(t|j)sx?$/;
+const MATCHED_FILE_PATTERNS = /([\\/]|^)(page|layout|route)\.(t|j)sx?$/;
 function modifyTypes(paramTypeAnnotation, propsIdentifier, root, j) {
     if (paramTypeAnnotation && paramTypeAnnotation.typeAnnotation) {
         const typeAnnotation = paramTypeAnnotation.typeAnnotation;
@@ -233,17 +267,13 @@ function transformDynamicProps(source, api, filePath) {
                 currentParam.properties.forEach((prop) => {
                     if (
                     // Could be `Property` or `ObjectProperty`
-                    'key' in prop &&
-                        prop.key.type === 'Identifier' &&
+                    (j.Property.check(prop) || j.ObjectProperty.check(prop)) &&
+                        j.Identifier.check(prop.key) &&
                         utils_1.TARGET_PROP_NAMES.has(prop.key.name)) {
                         const value = 'value' in prop ? prop.value : null;
                         propertiesMap.set(prop.key.name, value);
                     }
                 });
-                modifyTypes(currentParam.typeAnnotation, propsIdentifier, root, j);
-                // Override the first param to `props`
-                params[propsArgumentIndex] = propsIdentifier;
-                modified = true;
                 modifiedPropArgument = true;
             }
             else if (currentParam.type === 'Identifier') {
@@ -278,7 +308,7 @@ function transformDynamicProps(source, api, filePath) {
                     // find the argument `currentParam`
                     const args = callExpression.value.arguments;
                     const propPassedAsArg = args.find((arg) => j.Identifier.check(arg) && arg.name === argName);
-                    const comment = ` '${argName}' is passed as an argument. Any asynchronous properties of 'props' must be awaited when accessed. `;
+                    const comment = ` Next.js Dynamic Async API Codemod: '${argName}' is passed as an argument. Any asynchronous properties of 'props' must be awaited when accessed. `;
                     (0, utils_1.insertCommentOnce)(propPassedAsArg, j, comment);
                     modified = true;
                 });
@@ -287,7 +317,16 @@ function transformDynamicProps(source, api, filePath) {
                 }
             }
             if (modifiedPropArgument) {
-                resolveAsyncProp(path, propertiesMap, propsIdentifier.name, allProperties, isDefaultExport);
+                const isModified = resolveAsyncProp(path, propertiesMap, propsIdentifier.name, allProperties, isDefaultExport);
+                if (isModified) {
+                    // Make TS happy
+                    if (j.ObjectPattern.check(currentParam)) {
+                        modifyTypes(currentParam.typeAnnotation, propsIdentifier, root, j);
+                    }
+                    // Override the first param to `props`
+                    params[propsArgumentIndex] = propsIdentifier;
+                    modified = true;
+                }
             }
         }
         // Helper function to insert `const params = await asyncParams;` at the beginning of the function body
@@ -385,22 +424,46 @@ function transformDynamicProps(source, api, filePath) {
                     functionBody.unshift(destructionOtherPropertiesDeclaration);
                 }
             }
+            let modifiedPropertyCount = 0;
             for (const [matchedPropName, paramsProperty] of propertiesMap) {
                 if (!utils_1.TARGET_PROP_NAMES.has(matchedPropName)) {
                     continue;
                 }
+                // In client component, if the param is already wrapped with `use()`, skip the transformation
+                if (isClientComponent) {
+                    let shouldSkip = false;
+                    const propPaths = j(path).find(j.Identifier, {
+                        name: matchedPropName,
+                    });
+                    for (const propPath of propPaths.paths()) {
+                        if (isParentUseCallExpression(propPath, j)) {
+                            // Skip transformation
+                            shouldSkip = true;
+                            break;
+                        }
+                    }
+                    if (shouldSkip) {
+                        continue;
+                    }
+                }
                 const propRenamedId = j.Identifier.check(paramsProperty)
                     ? paramsProperty.name
                     : null;
                 const propName = propRenamedId || matchedPropName;
                 // if propName is not used in lower scope, and it stars with unused prefix `_`,
                 // also skip the transformation
-                const hasDeclared = path.scope.declares(propName);
-                if (!hasDeclared && propName.startsWith('_'))
+                const functionBodyPath = path.get('body');
+                const hasUsedInBody = j(functionBodyPath)
+                    .find(j.Identifier, {
+                    name: propName,
+                })
+                    .size() > 0;
+                if (!hasUsedInBody && propName.startsWith('_'))
                     continue;
+                modifiedPropertyCount++;
                 const propNameIdentifier = j.identifier(matchedPropName);
                 const propsIdentifier = j.identifier(propsIdentifierName);
-                const accessedPropId = j.memberExpression(propsIdentifier, propNameIdentifier);
+                const accessedPropIdExpr = j.memberExpression(propsIdentifier, propNameIdentifier);
                 // Check param property value, if it's destructed, we need to destruct it as well
                 // e.g.
                 // input: Page({ params: { slug } })
@@ -427,7 +490,7 @@ function transformDynamicProps(source, api, filePath) {
                 if (isAsyncFunc) {
                     // If it's async function, add await to the async props.<propName>
                     const paramAssignment = j.variableDeclaration('const', [
-                        j.variableDeclarator(j.identifier(propName), j.awaitExpression(accessedPropId)),
+                        j.variableDeclarator(j.identifier(propName), j.awaitExpression(accessedPropIdExpr)),
                     ]);
                     if (!insertedRenamedPropFunctionNames.has(uid) && functionBody) {
                         functionBody.unshift(paramAssignment);
@@ -445,7 +508,7 @@ function transformDynamicProps(source, api, filePath) {
                             (0, utils_1.turnFunctionReturnTypeToAsync)(node, j);
                             // Insert `const <propName> = await props.<propName>;` at the beginning of the function body
                             const paramAssignment = j.variableDeclaration('const', [
-                                j.variableDeclarator(j.identifier(propName), j.awaitExpression(accessedPropId)),
+                                j.variableDeclarator(j.identifier(propName), j.awaitExpression(accessedPropIdExpr)),
                             ]);
                             if (!insertedRenamedPropFunctionNames.has(uid) && functionBody) {
                                 functionBody.unshift(paramAssignment);
@@ -455,7 +518,7 @@ function transformDynamicProps(source, api, filePath) {
                     }
                     else {
                         const paramAssignment = j.variableDeclaration('const', [
-                            j.variableDeclarator(j.identifier(propName), j.callExpression(j.identifier('use'), [accessedPropId])),
+                            j.variableDeclarator(j.identifier(propName), j.callExpression(j.identifier('use'), [accessedPropIdExpr])),
                         ]);
                         if (!insertedRenamedPropFunctionNames.has(uid) && functionBody) {
                             needsReactUseImport = true;
@@ -465,6 +528,7 @@ function transformDynamicProps(source, api, filePath) {
                     }
                 }
             }
+            return modifiedPropertyCount > 0;
         }
         const defaultExportsDeclarations = root.find(j.ExportDefaultDeclaration);
         defaultExportsDeclarations.forEach((path) => {

package/transforms/lib/async-request-api/utils.js

@@ -26,6 +26,7 @@ exports.TARGET_ROUTE_EXPORTS = new Set([
 exports.TARGET_NAMED_EXPORTS = new Set([
     // For page and layout
     'generateMetadata',
+    'generateViewport',
     ...exports.TARGET_ROUTE_EXPORTS,
 ]);
 exports.TARGET_PROP_NAMES = new Set(['params', 'searchParams']);

package/lib/codemods.js

@@ -1,108 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.availableCodemods = void 0;
-exports.availableCodemods = [
-    {
-        version: '6',
-        codemods: [
-            {
-                title: 'Use withRouter',
-                value: 'url-to-withrouter',
-            },
-        ],
-    },
-    {
-        version: '8',
-        codemods: [
-            {
-                title: 'Transform AMP HOC into page config',
-                value: 'withamp-to-config',
-            },
-        ],
-    },
-    {
-        version: '9',
-        codemods: [
-            {
-                title: 'Transform Anonymous Components into Named Components',
-                value: 'name-default-component',
-            },
-        ],
-    },
-    {
-        version: '10',
-        codemods: [
-            {
-                title: 'Add React Import',
-                value: 'add-missing-react-import',
-            },
-        ],
-    },
-    {
-        version: '11',
-        codemods: [
-            {
-                title: 'Migrate from CRA',
-                value: 'cra-to-next',
-            },
-        ],
-    },
-    {
-        version: '13.0',
-        codemods: [
-            {
-                title: 'Remove <a> Tags From Link Components',
-                value: 'new-link',
-            },
-            {
-                title: 'Migrate to the New Image Component',
-                value: 'next-image-experimental',
-            },
-            {
-                title: 'Rename Next Image Imports',
-                value: 'next-image-to-legacy-image',
-            },
-        ],
-    },
-    {
-        version: '13.2',
-        codemods: [
-            {
-                title: 'Use Built-in Font',
-                value: 'built-in-next-font',
-            },
-        ],
-    },
-    {
-        version: '14.0',
-        codemods: [
-            {
-                title: 'Migrate ImageResponse imports',
-                value: 'next-og-import',
-            },
-            {
-                title: 'Use viewport export',
-                value: 'metadata-to-viewport-export',
-            },
-        ],
-    },
-    {
-        version: '15.0.0-canary.153',
-        codemods: [
-            {
-                title: 'Migrate `geo` and `ip` properties on `NextRequest`',
-                value: 'next-request-geo-ip',
-            },
-        ],
-    },
-    {
-        version: '15.0.0-canary.171',
-        codemods: [
-            {
-                title: 'Transforms usage of Next.js async Request APIs',
-                value: 'next-async-request-api',
-            },
-        ],
-    },
-];
-//# sourceMappingURL=codemods.js.map