fix: drop streaming wasm calls in Turbopack runtime (#1244)

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

Author: tahmid-23

.changeset/fuzzy-areas-clap.md

@@ -0,0 +1,18 @@
+---
+"@opennextjs/cloudflare": patch
+---
+
+fix: drop streaming wasm calls in Turbopack runtime
+
+Turbopack replaces wasm imports using `WebAssembly.compileStreaming` and
+`WebAssembly.instantiateStreaming`. These functions are not available in
+the workerd runtime.
+
+We add a helper `loadWasmChunkFn`. This is a generated switch statement
+that contains an import for each wasm chunk. We use static strings for
+all imports to ensure that all necessary wasm chunks will be detected
+and bundled for the final build.
+
+The Turbopack patcher replaces the invocations in `loadWebAssembly` and
+`loadWebAssemblyModule`, using the synchronous `WebAssembly.instantiate`
+and redirecting to `loadWasmChunkFn`.

.prettierignore

@@ -4,4 +4,5 @@ pnpm-lock.yaml
 .vscode/setting.json
 test-fixtures
 test-snapshots
-playwright-report
+playwright-report
+examples/prisma-7/src/generated

examples/common/apps.ts

@@ -9,6 +9,7 @@ const apps = [
 	"vercel-blog-starter",
 	"ssg-app",
 	"prisma",
+	"prisma-7",
 	"next-partial-prerendering",
 	// e2e
 	"app-pages-router",

examples/prisma-7/.gitignore

@@ -0,0 +1,54 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/versions
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# open-next
+/.open-next/
+/.wrangler/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# env files (can opt-in for committing if needed)
+.env*
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
+
+# playwright
+/test-results/
+/playwright-report/
+/blob-report/
+/playwright/.cache/
+
+# prisma
+/src/generated/prisma/

examples/prisma-7/e2e/playwright.config.ts

@@ -0,0 +1,3 @@
+import { configurePlaywright } from "../../common/config-e2e";
+
+export default configurePlaywright("prisma-7");

examples/prisma-7/e2e/playwright.dev.config.ts

@@ -0,0 +1,5 @@
+import { configurePlaywright } from "../../common/config-e2e";
+
+export default configurePlaywright("prisma-7", {
+	isWorker: false,
+});

examples/prisma-7/e2e/playwright.turbopack.config.ts

@@ -0,0 +1,3 @@
+import { configurePlaywright } from "../../common/config-e2e";
+
+export default configurePlaywright("prisma-7", { useTurbopack: true });

examples/prisma-7/e2e/prisma.spec.ts

@@ -0,0 +1,21 @@
+import { test, expect } from "@playwright/test";
+
+test.describe("playground/cloudflare", () => {
+	test("Prisma doesn't crash", async ({ page }) => {
+		await page.goto("/");
+		const aliceName = await page.getByTestId("name-Alice").innerText();
+		expect(aliceName).toBe("Alice");
+		const aliceEmail = await page.getByTestId("email-Alice").innerText();
+		expect(aliceEmail).toBe("alice@example.com");
+
+		const bobName = await page.getByTestId("name-Bob").innerText();
+		expect(bobName).toBe("Bob");
+		const bobEmail = await page.getByTestId("email-Bob").innerText();
+		expect(bobEmail).toBe("bob@example.com");
+
+		const carolName = await page.getByTestId("name-Carol").innerText();
+		expect(carolName).toBe("Carol");
+		const carolEmail = await page.getByTestId("email-Carol").innerText();
+		expect(carolEmail).toBe("carol@example.com");
+	});
+});

examples/prisma-7/next.config.ts

@@ -0,0 +1,12 @@
+import type { NextConfig } from "next";
+import { initOpenNextCloudflareForDev } from "@opennextjs/cloudflare";
+
+const nextConfig: NextConfig = {
+	typescript: {
+		ignoreBuildErrors: true,
+	},
+};
+
+initOpenNextCloudflareForDev();
+
+export default nextConfig;

examples/prisma-7/open-next.config.ts

@@ -0,0 +1,3 @@
+import { defineCloudflareConfig } from "@opennextjs/cloudflare";
+
+export default defineCloudflareConfig({});