feat(next-codemod): add app-dir-runtime-config-experimental-edge (#…

…70968)

### Why?

We had breaking change in App Router at
#70480 where it strictly checks
`runtime` route segment config. If it is set to `experimental-edge`,
will throw. Therefore we support a codemod to replace it to `edge`.

packages/next-codemod/lib/utils.ts

@@ -116,4 +116,10 @@ export const TRANSFORMER_INQUIRER_CHOICES = [
     value: 'next-async-request-api',
     version: '15.0.0-canary.171',
   },
+  {
+    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',
+  },
 ]

packages/next-codemod/transforms/__testfixtures__/app-dir-runtime-config-experimental-edge/already-edge.input.tsx

@@ -0,0 +1,4 @@
+export const runtime = "edge";
+export default function Page() {
+  return <div>hello world</div>;
+}

packages/next-codemod/transforms/__testfixtures__/app-dir-runtime-config-experimental-edge/already-edge.output.tsx

@@ -0,0 +1,4 @@
+export const runtime = "edge";
+export default function Page() {
+  return <div>hello world</div>;
+}

packages/next-codemod/transforms/__testfixtures__/app-dir-runtime-config-experimental-edge/basic.input.tsx

@@ -0,0 +1,4 @@
+export const runtime = "experimental-edge";
+export default function Page() {
+  return <div>hello world</div>;
+}

packages/next-codemod/transforms/__testfixtures__/app-dir-runtime-config-experimental-edge/basic.output.tsx

@@ -0,0 +1,4 @@
+export const runtime = "edge";
+export default function Page() {
+  return <div>hello world</div>;
+}

packages/next-codemod/transforms/__testfixtures__/app-dir-runtime-config-experimental-edge/no-runtime.input.tsx

@@ -0,0 +1,3 @@
+export default function Page() {
+  return <div>hello world</div>;
+}

packages/next-codemod/transforms/__testfixtures__/app-dir-runtime-config-experimental-edge/no-runtime.output.tsx

@@ -0,0 +1,3 @@
+export default function Page() {
+  return <div>hello world</div>;
+}

packages/next-codemod/transforms/__testfixtures__/app-dir-runtime-config-experimental-edge/nodejs.input.tsx

@@ -0,0 +1,4 @@
+export const runtime = "nodejs";
+export default function Page() {
+  return <div>hello world</div>;
+}

packages/next-codemod/transforms/__testfixtures__/app-dir-runtime-config-experimental-edge/nodejs.output.tsx

@@ -0,0 +1,4 @@
+export const runtime = "nodejs";
+export default function Page() {
+  return <div>hello world</div>;
+}

packages/next-codemod/transforms/__tests__/app-dir-runtime-config-experimental-edge.test.js

@@ -0,0 +1,14 @@
+/* global jest */
+jest.autoMockOff()
+const defineTest = require('jscodeshift/dist/testUtils').defineTest
+const { readdirSync } = require('fs')
+const { join } = require('path')
+const fixtureDir = 'app-dir-runtime-config-experimental-edge'
+const fixtureDirPath = join(__dirname, '..', '__testfixtures__', fixtureDir)
+const fixtures = readdirSync(fixtureDirPath)
+  .filter(file => file.endsWith('.input.tsx'))
+  .map(file => file.replace('.input.tsx', ''))
+for (const fixture of fixtures) {
+  const prefix = `${fixtureDir}/${fixture}`;
+  defineTest(__dirname, fixtureDir,  null, prefix, { parser: 'tsx' });
+}

packages/next-codemod/transforms/app-dir-runtime-config-experimental-edge.ts

@@ -0,0 +1,40 @@
+import type { API, FileInfo } from 'jscodeshift'
+
+export default function transformer(file: FileInfo, api: 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()
+}