Support WebAssembly modules (#8031)

Author: jamesopstad

.changeset/wild-schools-kiss.md

@@ -0,0 +1,5 @@
+---
+"@cloudflare/vite-plugin": minor
+---
+
+Add support for Wasm (WebAssembly) modules.

packages/vite-plugin-cloudflare/playground/prisma/.gitignore

@@ -0,0 +1,3 @@
+node_modules
+# Keep environment variables out of version control
+.env

packages/vite-plugin-cloudflare/playground/prisma/__tests__/prisma.spec.ts

@@ -0,0 +1,16 @@
+import { expect, test } from "vitest";
+import { getJsonResponse } from "../../__test-utils__";
+
+// Need to remove the `.wrangler` directory and run the following commands before the tests.
+// I'm not sure how to do this with our testing setup so have skipped the test for now.
+// const commands = [
+// 	`pnpm wrangler d1 migrations apply prisma-demo-db --local`,
+// 	`pnpm wrangler d1 execute prisma-demo-db --command "INSERT INTO  \"User\" (\"email\", \"name\") VALUES ('[email protected]', 'Jane Doe (Local)');" --local`,
+// ];
+
+test.skip("runs D1 query using Prisma", async () => {
+	const result = await getJsonResponse();
+	expect(result).toEqual([
+		{ id: 1, email: "[email protected]", name: "Jane Doe (Local)" },
+	]);
+});

packages/vite-plugin-cloudflare/playground/prisma/migrations/0001_create_user_table.sql

@@ -0,0 +1,9 @@
+-- CreateTable
+CREATE TABLE "User" (
+    "id" INTEGER NOT NULL PRIMARY KEY AUTOINCREMENT,
+    "email" TEXT NOT NULL,
+    "name" TEXT
+);
+
+-- CreateIndex
+CREATE UNIQUE INDEX "User_email_key" ON "User"("email");

packages/vite-plugin-cloudflare/playground/prisma/package.json

@@ -0,0 +1,27 @@
+{
+	"name": "@playground/prisma",
+	"private": true,
+	"type": "module",
+	"scripts": {
+		"prebuild": "pnpm generate",
+		"build": "vite build --app",
+		"check:types": "tsc --build",
+		"predev": "pnpm generate",
+		"dev": "vite dev",
+		"generate": "pnpm prisma generate",
+		"migrate-db": "pnpm wrangler d1 migrations apply prisma-demo-db --local",
+		"preview": "vite preview",
+		"seed-db": "pnpm wrangler d1 execute prisma-demo-db --command \"INSERT INTO  \"User\" (\"email\", \"name\") VALUES ('[email protected]', 'Jane Doe (Local)');\" --local"
+	},
+	"devDependencies": {
+		"@cloudflare/vite-plugin": "workspace:*",
+		"@cloudflare/workers-tsconfig": "workspace:*",
+		"@cloudflare/workers-types": "^4.20250121.0",
+		"@prisma/adapter-d1": "^6.3.0",
+		"@prisma/client": "^6.3.0",
+		"prisma": "^6.3.0",
+		"typescript": "catalog:default",
+		"vite": "catalog:vite-plugin",
+		"wrangler": "catalog:vite-plugin"
+	}
+}

packages/vite-plugin-cloudflare/playground/prisma/prisma/schema.prisma

@@ -0,0 +1,20 @@
+// This is your Prisma schema file,
+// learn more about it in the docs: https://pris.ly/d/prisma-schema
+
+generator client {
+  provider        = "prisma-client-js"
+	previewFeatures = ["driverAdapters"]
+	// Default output directory does not work with Vite. See https://github.com/vitejs/vite/issues/19036#issuecomment-2558791944
+	output          = "../node_modules/@prisma/client-generated"
+}
+
+datasource db {
+  provider = "sqlite"
+  url      = env("DATABASE_URL")
+}
+
+model User {
+  id    Int     @id @default(autoincrement())
+  email String  @unique
+  name  String?
+}

packages/vite-plugin-cloudflare/playground/prisma/src/index.ts

@@ -0,0 +1,16 @@
+import { PrismaD1 } from "@prisma/adapter-d1";
+import { PrismaClient } from "@prisma/client-generated";
+
+interface Env {
+	DB: D1Database;
+}
+
+export default {
+	async fetch(request, env) {
+		const adapter = new PrismaD1(env.DB);
+		const prisma = new PrismaClient({ adapter });
+		const users = await prisma.user.findMany();
+
+		return Response.json(users);
+	},
+} satisfies ExportedHandler<Env>;

packages/vite-plugin-cloudflare/playground/prisma/tsconfig.json

@@ -0,0 +1,7 @@
+{
+	"files": [],
+	"references": [
+		{ "path": "./tsconfig.node.json" },
+		{ "path": "./tsconfig.worker.json" }
+	]
+}

packages/vite-plugin-cloudflare/playground/prisma/tsconfig.node.json

@@ -0,0 +1,4 @@
+{
+	"extends": ["@cloudflare/workers-tsconfig/base.json"],
+	"include": ["vite.config.ts", "__tests__"]
+}

packages/vite-plugin-cloudflare/playground/prisma/tsconfig.worker.json

@@ -0,0 +1,4 @@
+{
+	"extends": ["@cloudflare/workers-tsconfig/worker.json"],
+	"include": ["src"]
+}