feat: turbopack support

Author: conico974

.changeset/silver-phones-brush.md

@@ -0,0 +1,5 @@
+---
+"@opennextjs/cloudflare": minor
+---
+
+feat: turbopack support

examples/e2e/app-router/package.json

@@ -5,7 +5,7 @@
 	"scripts": {
 		"openbuild": "node ../../packages/open-next/dist/index.js build --streaming --build-command \"npx turbo build\"",
 		"dev": "next dev --turbopack --port 3001",
-		"build": "next build",
+		"build": "next build --turbopack",
 		"start": "next start --port 3001",
 		"lint": "next lint",
 		"clean": "rm -rf .turbo node_modules .next .open-next",

packages/cloudflare/src/cli/build/bundle-server.ts

@@ -144,10 +144,6 @@ export async function bundleServer(buildOpts: BuildOptions, projectOpts: Project
 			// We make sure that environment variables that Next.js expects are properly defined
 			"process.env.NEXT_RUNTIME": '"nodejs"',
 			"process.env.NODE_ENV": '"production"',
-			// The 2 following defines are used to reduce the bundle size by removing unnecessary code
-			// Next uses different precompiled renderers (i.e. `app-page.runtime.prod.js`) based on if you use `TURBOPACK` or some experimental React features
-			// Turbopack is not supported for build at the moment, so we disable it
-			"process.env.TURBOPACK": "false",
 			// This define should be safe to use for Next 14.2+, earlier versions (13.5 and less) will cause trouble
 			"process.env.__NEXT_EXPERIMENTAL_REACT": `${needsExperimentalReact(nextConfig)}`,
 			// Fix `res.validate` in Next 15.4 (together with the `route-module` patch)

packages/cloudflare/src/cli/build/open-next/createServerBundle.ts

@@ -27,6 +27,7 @@ import type { Plugin } from "esbuild";
 
 import { getOpenNextConfig } from "../../../api/config.js";
 import { patchResRevalidate } from "../patches/plugins/res-revalidate.js";
+import { inlineChunksPatch } from "../patches/plugins/turbopack.js";
 import { patchUseCacheIO } from "../patches/plugins/use-cache.js";
 import { normalizePath } from "../utils/index.js";
 import { copyWorkerdPackages } from "../utils/workerd.js";
@@ -210,6 +211,7 @@ async function generateBundle(
 		// Cloudflare specific patches
 		patchResRevalidate,
 		patchUseCacheIO,
+		inlineChunksPatch,
 		...additionalCodePatches,
 	]);
 

packages/cloudflare/src/cli/build/patches/plugins/turbopack.ts

@@ -0,0 +1,61 @@
+import { patchCode } from "@opennextjs/aws/build/patch/astCodePatcher.js";
+import type { CodePatcher } from "@opennextjs/aws/build/patch/codePatcher.js";
+import { getCrossPlatformPathRegex } from "@opennextjs/aws/utils/regex.js";
+
+const inlineChunksRule = `
+rule:
+  kind: call_expression
+  pattern: require(resolved)
+fix:
+  requireChunk(chunkPath)
+`;
+
+export const inlineChunksPatch: CodePatcher = {
+	name: "inline-turbopack-chunks",
+	patches: [
+		{
+			versions: ">=15.0.0",
+			pathFilter: getCrossPlatformPathRegex(String.raw`\[turbopack\]_runtime\.js$`, {
+				escape: false,
+			}),
+			contentFilter: /loadRuntimeChunkPath/,
+			patchCode: async ({ code, tracedFiles }) => {
+				const patched = patchCode(code, inlineChunksRule);
+
+				return `${patched}\n${inlineChunksFn(tracedFiles)}`;
+			},
+		},
+	],
+};
+
+function getInlinableChunks(tracedFiles: string[]) {
+	const chunks = new Set<string>();
+	for (const file of tracedFiles) {
+		if (file.includes(".next/server/chunks/") && !file.includes("[turbopack]_runtime.js")) {
+			chunks.add(file);
+		}
+	}
+	return chunks;
+}
+
+function inlineChunksFn(tracedFiles: string[]) {
+	// From the outputs, we extract every chunks
+	const chunks = getInlinableChunks(tracedFiles);
+	return `
+  function requireChunk(chunkPath) {
+    switch(chunkPath) {
+${Array.from(chunks)
+	.map(
+		(chunk) =>
+			`      case "${
+				// we only want the path after /path/to/.next/
+				chunk.replace(/.*\.next\//, "")
+			}": return require("${chunk}");`
+	)
+	.join("\n")}
+      default:
+        throw new Error(\`Not found \${chunkPath}\`);
+    }
+  }
+`;
+}