@next/codemod 15.0.0-canary.6 → 15.0.0-canary.61

package/bin/cli.js

@@ -12,7 +12,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.run = exports.runTransform = exports.checkGitStatus = exports.transformerDirectory = exports.jscodeshiftExecutable = void 0;
+exports.transformerDirectory = exports.jscodeshiftExecutable = void 0;
+exports.checkGitStatus = checkGitStatus;
+exports.runTransform = runTransform;
+exports.run = run;
 const globby_1 = __importDefault(require("globby"));
 const inquirer_1 = __importDefault(require("inquirer"));
 const meow_1 = __importDefault(require("meow"));
@@ -47,7 +50,6 @@ function checkGitStatus(force) {
         }
     }
 }
-exports.checkGitStatus = checkGitStatus;
 function runTransform({ files, flags, transformer }) {
     const transformerPath = path_1.default.join(exports.transformerDirectory, `${transformer}.js`);
     if (transformer === 'cra-to-next') {
@@ -92,7 +94,6 @@ function runTransform({ files, flags, transformer }) {
         }
     }
 }
-exports.runTransform = runTransform;
 const TRANSFORMER_INQUIRER_CHOICES = [
     {
         name: 'name-default-component: Transforms anonymous components into named components to make sure they work with Fast Refresh',
@@ -126,6 +127,10 @@ const TRANSFORMER_INQUIRER_CHOICES = [
         name: 'metadata-to-viewport-export: Migrates certain viewport related metadata from the `metadata` export to a new `viewport` export.',
         value: 'metadata-to-viewport-export',
     },
+    {
+        name: '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',
+    },
     {
         name: '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',
@@ -212,5 +217,4 @@ function run() {
         });
     });
 }
-exports.run = run;
 //# sourceMappingURL=cli.js.map

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

@@ -4,6 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.globalCssContext = void 0;
+exports.default = transformer;
 const path_1 = __importDefault(require("path"));
 exports.globalCssContext = {
     cssImports: new Set(),
@@ -52,5 +53,4 @@ function transformer(file, api, options) {
         ? root.toSource(options)
         : null;
 }
-exports.default = transformer;
 //# sourceMappingURL=global-css-transform.js.map

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

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.indexContext = void 0;
+exports.default = transformer;
 exports.indexContext = {
     multipleRenderRoots: false,
     nestedRender: false,
@@ -73,5 +74,4 @@ function transformer(file, api, options) {
     // }).remove()
     return hasModifications ? root.toSource(options) : null;
 }
-exports.default = transformer;
 //# sourceMappingURL=index-to-component.js.map

package/lib/install.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.install = void 0;
+exports.install = install;
 /* eslint-disable import/no-extraneous-dependencies */
 const picocolors_1 = require("picocolors");
 const cross_spawn_1 = __importDefault(require("cross-spawn"));
@@ -95,5 +95,4 @@ function install(root, dependencies, { useYarn, isOnline, devDependencies }) {
         });
     });
 }
-exports.install = install;
 //# sourceMappingURL=install.js.map

package/lib/run-jscodeshift.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = runJscodeshift;
 // @ts-ignore internal module
 const Runner_1 = __importDefault(require("jscodeshift/src/Runner"));
 function runJscodeshift(transformerPath, flags, files) {
@@ -10,5 +11,4 @@ function runJscodeshift(transformerPath, flags, files) {
     // share state between the main CRA transform and sub-transforms
     return Runner_1.default.run(transformerPath, files, Object.assign({ ignorePattern: ['**/node_modules/**', '**/.next/**', '**/build/**'], extensions: 'tsx,ts,jsx,js', parser: 'tsx', verbose: 2, runInBand: true }, flags));
 }
-exports.default = runJscodeshift;
 //# sourceMappingURL=run-jscodeshift.js.map

package/lib/uninstall-package.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.uninstallPackage = void 0;
+exports.uninstallPackage = uninstallPackage;
 const fs_1 = __importDefault(require("fs"));
 const path_1 = __importDefault(require("path"));
 const execa_1 = __importDefault(require("execa"));
@@ -28,5 +28,4 @@ function uninstallPackage(packageToUninstall) {
     }
     execa_1.default.sync(pkgManager, [command, packageToUninstall], { stdio: 'inherit' });
 }
-exports.uninstallPackage = uninstallPackage;
 //# sourceMappingURL=uninstall-package.js.map

package/package.json

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

package/transforms/add-missing-react-import.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = transformer;
 function addReactImport(j, root) {
     // We create an import specifier, this is the value of an import, eg:
     // import React from 'react'
@@ -60,5 +61,4 @@ function transformer(file, api, options) {
     }
     return root.toSource(options);
 }
-exports.default = transformer;
 //# sourceMappingURL=add-missing-react-import.js.map

package/transforms/built-in-next-font.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = transformer;
 function transformer(file, api, options) {
     const j = api.jscodeshift.withParser('tsx');
     const root = j(file.source);
@@ -36,5 +37,4 @@ function transformer(file, api, options) {
     });
     return hasChanges ? root.toSource(options) : file.source;
 }
-exports.default = transformer;
 //# sourceMappingURL=built-in-next-font.js.map

package/transforms/cra-to-next.js

@@ -12,6 +12,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = transformer;
 const fs_1 = __importDefault(require("fs"));
 const path_1 = __importDefault(require("path"));
 const execa_1 = __importDefault(require("execa"));
@@ -440,5 +441,4 @@ function transformer(files, flags) {
         }
     });
 }
-exports.default = transformer;
 //# sourceMappingURL=cra-to-next.js.map

package/transforms/metadata-to-viewport-export.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = transformer;
 function transformer(file, api) {
     const j = api.jscodeshift;
     const root = j(file.source);
@@ -56,5 +57,4 @@ function transformer(file, api) {
     }
     return root.toSource();
 }
-exports.default = transformer;
 //# sourceMappingURL=metadata-to-viewport-export.js.map

package/transforms/name-default-component.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = transformer;
 const path_1 = require("path");
 const camelCase = (value) => {
     const val = value.replace(/[-_\s.]+(.)?/g, (_match, chr) => chr ? chr.toUpperCase() : '');
@@ -62,5 +63,4 @@ function transformer(file, api, options) {
     root.find(j.ExportDefaultDeclaration).forEach(nameFunctionComponent);
     return hasModifications ? root.toSource(options) : null;
 }
-exports.default = transformer;
 //# sourceMappingURL=name-default-component.js.map

package/transforms/new-link.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = transformer;
 function transformer(file, api) {
     const j = api.jscodeshift.withParser('tsx');
     const $j = j(file.source);
@@ -86,5 +87,4 @@ function transformer(file, api) {
     })
         .toSource();
 }
-exports.default = transformer;
 //# sourceMappingURL=new-link.js.map

package/transforms/next-dynamic-access-named-export.js

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = transformer;
+function transformer(file, api) {
+    var _a, _b, _c;
+    const j = api.jscodeshift;
+    const root = j(file.source);
+    // Find the import declaration for 'next/dynamic'
+    const dynamicImportDeclaration = root.find(j.ImportDeclaration, {
+        source: { value: 'next/dynamic' },
+    });
+    // If the import declaration is found
+    if (dynamicImportDeclaration.size() > 0) {
+        const importDecl = dynamicImportDeclaration.get(0).node;
+        const dynamicImportName = (_c = (_b = (_a = importDecl.specifiers) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.local) === null || _c === void 0 ? void 0 : _c.name;
+        if (!dynamicImportName) {
+            return root.toSource();
+        }
+        // Find call expressions where the callee is the imported 'dynamic'
+        root
+            .find(j.CallExpression, {
+            callee: { name: dynamicImportName },
+        })
+            .forEach((path) => {
+            var _a;
+            const arrowFunction = path.node.arguments[0];
+            // Ensure the argument is an ArrowFunctionExpression
+            if (arrowFunction && arrowFunction.type === 'ArrowFunctionExpression') {
+                const importCall = arrowFunction.body;
+                // Ensure the parent of the import call is a CallExpression with a .then
+                if (importCall &&
+                    importCall.type === 'CallExpression' &&
+                    importCall.callee.type === 'MemberExpression' &&
+                    'name' in importCall.callee.property &&
+                    importCall.callee.property.name === 'then') {
+                    const thenFunction = importCall.arguments[0];
+                    // handle case of block statement case `=> { return mod.Component }`
+                    // transform to`=> { return { default: mod.Component } }`
+                    if (thenFunction &&
+                        thenFunction.type === 'ArrowFunctionExpression' &&
+                        thenFunction.body.type === 'BlockStatement') {
+                        const returnStatement = thenFunction.body.body[0];
+                        // Ensure the body of the arrow function has a return statement with a MemberExpression
+                        if (returnStatement &&
+                            returnStatement.type === 'ReturnStatement' &&
+                            ((_a = returnStatement.argument) === null || _a === void 0 ? void 0 : _a.type) === 'MemberExpression') {
+                            returnStatement.argument = j.objectExpression([
+                                j.property('init', j.identifier('default'), returnStatement.argument),
+                            ]);
+                        }
+                    }
+                    // handle case `=> mod.Component`
+                    // transform to`=> ({ default: mod.Component })`
+                    if (thenFunction &&
+                        thenFunction.type === 'ArrowFunctionExpression' &&
+                        thenFunction.body.type === 'MemberExpression') {
+                        thenFunction.body = j.objectExpression([
+                            j.property('init', j.identifier('default'), thenFunction.body),
+                        ]);
+                    }
+                }
+            }
+        });
+    }
+    return root.toSource();
+}
+//# sourceMappingURL=next-dynamic-access-named-export.js.map

package/transforms/next-image-experimental.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = transformer;
 const path_1 = require("path");
 const fs_1 = require("fs");
 function findAndReplaceProps(j, root, tagName) {
@@ -248,5 +249,4 @@ function transformer(file, api, options) {
     // TODO: do the same transforms for dynamic imports
     return root.toSource(options);
 }
-exports.default = transformer;
 //# sourceMappingURL=next-image-experimental.js.map

package/transforms/next-image-to-legacy-image.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = transformer;
 function transformer(file, api, options) {
     const j = api.jscodeshift.withParser('tsx');
     const root = j(file.source);
@@ -75,5 +76,4 @@ function transformer(file, api, options) {
     // https://www.codeshiftcommunity.com/docs/import-manipulation/#replacerename-an-import-declaration
     return root.toSource(options);
 }
-exports.default = transformer;
 //# sourceMappingURL=next-image-to-legacy-image.js.map

package/transforms/next-og-import.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = transformer;
 const importToChange = 'ImageResponse';
 function transformer(file, api) {
     const j = api.jscodeshift;
@@ -31,5 +32,4 @@ function transformer(file, api) {
         .toSource();
     return file.source;
 }
-exports.default = transformer;
 //# sourceMappingURL=next-og-import.js.map

package/transforms/url-to-withrouter.js

@@ -1,6 +1,7 @@
 "use strict";
 // One-time usage file. You can delete me after running the codemod!
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = transformer;
 function addWithRouterImport(j, root) {
     // We create an import specifier, this is the value of an import, eg:
     // import {withRouter} from 'next/router
@@ -317,5 +318,4 @@ function transformer(file, api) {
     });
     return root.toSource();
 }
-exports.default = transformer;
 //# sourceMappingURL=url-to-withrouter.js.map

package/transforms/withamp-to-config.js

@@ -1,6 +1,7 @@
 "use strict";
 // One-time usage file. You can delete me after running the codemod!
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = transformer;
 function injectAmp(j, o, desiredAmpValue) {
     const init = o.node.init;
     switch (init.type) {
@@ -131,5 +132,4 @@ function transformer(file, api) {
     }
     return done();
 }
-exports.default = transformer;
 //# sourceMappingURL=withamp-to-config.js.map