@opennextjs/cloudflare 1.11.1 → 1.12.0

package/dist/cli/build/bundle-server.js

@@ -43,9 +43,10 @@ const optionalDependencies = [
 export async function bundleServer(buildOpts, projectOpts) {
     copyPackageCliFiles(packageDistDir, buildOpts);
     const { appPath, outputDir, monorepoRoot, debug } = buildOpts;
-    const baseManifestPath = path.join(outputDir, "server-functions/default", getPackagePath(buildOpts), ".next");
-    const serverFiles = path.join(baseManifestPath, "required-server-files.json");
+    const dotNextPath = path.join(outputDir, "server-functions/default", getPackagePath(buildOpts), ".next");
+    const serverFiles = path.join(dotNextPath, "required-server-files.json");
     const nextConfig = JSON.parse(fs.readFileSync(serverFiles, "utf-8")).config;
+    const useTurbopack = fs.existsSync(path.join(dotNextPath, "server/chunks/[turbopack]_runtime.js"));
     console.log(`\x1b[35m⚙️ Bundling the OpenNext server...\n\x1b[0m`);
     await patchWebpackRuntime(buildOpts);
     patchVercelOgLibrary(buildOpts);
@@ -118,13 +119,12 @@ export async function bundleServer(buildOpts, projectOpts) {
             // Note: we need the __non_webpack_require__ variable declared as it is used by next-server:
             // https://github.com/vercel/next.js/blob/be0c3283/packages/next/src/server/next-server.ts#L116-L119
             __non_webpack_require__: "require",
+            // 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
+            ...(useTurbopack ? {} : { "process.env.TURBOPACK": "false" }),
             // 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)

package/dist/cli/build/open-next/createServerBundle.js

@@ -20,6 +20,7 @@ import { openNextResolvePlugin } from "@opennextjs/aws/plugins/resolve.js";
 import { getCrossPlatformPathRegex } from "@opennextjs/aws/utils/regex.js";
 import { getOpenNextConfig } from "../../../api/config.js";
 import { patchResRevalidate } from "../patches/plugins/res-revalidate.js";
+import { patchTurbopackRuntime } 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";
@@ -142,6 +143,7 @@ async function generateBundle(name, options, fnOptions, codeCustomization) {
         // Cloudflare specific patches
         patchResRevalidate,
         patchUseCacheIO,
+        patchTurbopackRuntime,
         ...additionalCodePatches,
     ]);
     // Build Lambda code

package/dist/cli/build/patches/ast/patch-vercel-og-library.js

@@ -16,6 +16,7 @@ export function patchVercelOgLibrary(buildOpts) {
     for (const traceInfoPath of globSync(path.join(appBuildOutputPath, ".next/server/**/*.nft.json"), {
         windowsPathsNoEscape: true,
     })) {
+        let edgeFilePatched = false;
         const traceInfo = JSON.parse(readFileSync(traceInfoPath, { encoding: "utf8" }));
         const tracedNodePath = traceInfo.files.find((p) => p.endsWith("@vercel/og/index.node.js"));
         if (!tracedNodePath)
@@ -26,14 +27,20 @@ export function patchVercelOgLibrary(buildOpts) {
         if (!existsSync(outputEdgePath)) {
             const tracedEdgePath = path.join(path.dirname(traceInfoPath), tracedNodePath.replace("index.node.js", "index.edge.js"));
             copyFileSync(tracedEdgePath, outputEdgePath);
+        }
+        if (!edgeFilePatched) {
+            edgeFilePatched = true;
             // Change font fetches in the library to use imports.
             const node = parseFile(outputEdgePath);
             const { edits, matches } = patchVercelOgFallbackFont(node);
             writeFileSync(outputEdgePath, node.commitEdits(edits));
-            const fontFileName = matches[0].getMatch("PATH").text();
-            renameSync(path.join(outputDir, fontFileName), path.join(outputDir, `${fontFileName}.bin`));
+            if (matches.length > 0) {
+                const fontFileName = matches[0].getMatch("PATH").text();
+                renameSync(path.join(outputDir, fontFileName), path.join(outputDir, `${fontFileName}.bin`));
+            }
         }
         // Change node imports for the library to edge imports.
+        // This is only useful when turbopack is not used to bundle the function.
         const routeFilePath = traceInfoPath.replace(appBuildOutputPath, packagePath).replace(".nft.json", "");
         const node = parseFile(routeFilePath);
         const { edits } = patchVercelOgImport(node);

package/dist/cli/build/patches/plugins/turbopack.d.ts

@@ -0,0 +1,2 @@
+import type { CodePatcher } from "@opennextjs/aws/build/patch/codePatcher.js";
+export declare const patchTurbopackRuntime: CodePatcher;

package/dist/cli/build/patches/plugins/turbopack.js

@@ -0,0 +1,78 @@
+import { patchCode } from "@opennextjs/aws/build/patch/astCodePatcher.js";
+import { getCrossPlatformPathRegex } from "@opennextjs/aws/utils/regex.js";
+const inlineChunksRule = `
+rule:
+  kind: call_expression
+  pattern: require(resolved)
+fix:
+  requireChunk(chunkPath)
+`;
+export const patchTurbopackRuntime = {
+    name: "inline-turbopack-chunks",
+    patches: [
+        {
+            versions: ">=15.0.0",
+            pathFilter: getCrossPlatformPathRegex(String.raw `\[turbopack\]_runtime\.js$`, {
+                escape: false,
+            }),
+            contentFilter: /loadRuntimeChunkPath/,
+            patchCode: async ({ code, tracedFiles }) => {
+                let patched = patchCode(code, inlineExternalImportRule);
+                patched = patchCode(patched, inlineChunksRule);
+                return `${patched}\n${inlineChunksFn(tracedFiles)}`;
+            },
+        },
+    ],
+};
+function getInlinableChunks(tracedFiles) {
+    const chunks = new Set();
+    for (const file of tracedFiles) {
+        if (file === "[turbopack]_runtime.js") {
+            continue;
+        }
+        if (file.includes(".next/server/chunks/")) {
+            chunks.add(file);
+        }
+    }
+    return Array.from(chunks);
+}
+function inlineChunksFn(tracedFiles) {
+    // From the outputs, we extract every chunks
+    const chunks = getInlinableChunks(tracedFiles);
+    return `
+  function requireChunk(chunkPath) {
+    switch(chunkPath) {
+${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}\`);
+    }
+  }
+`;
+}
+// Turbopack imports `og` via `externalImport`.
+// We patch it to:
+// - add the explicit path so that the file is inlined by wrangler
+// - use the edge version of the module instead of the node version.
+//
+// Modules that are not inlined (no added to the switch), would generate an error similar to:
+// Failed to load external module path/to/module: Error: No such module "path/to/module"
+const inlineExternalImportRule = `
+rule:
+  pattern: "$RAW = await import($ID)"
+  inside:
+    regex: "externalImport"
+    kind: function_declaration
+    stopBy: end
+fix: |-
+  switch ($ID) {
+    case "next/dist/compiled/@vercel/og/index.node.js":
+      $RAW = await import("next/dist/compiled/@vercel/og/index.edge.js");
+      break;
+    default:
+      $RAW = await import($ID);
+  }
+`;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@opennextjs/cloudflare",
   "description": "Cloudflare builder for next apps",
-  "version": "1.11.1",
+  "version": "1.12.0",
   "type": "module",
   "bin": {
     "opennextjs-cloudflare": "dist/cli/index.js"