chore: test hello world binding support in vite plugin (#9663)

* chore: test hello world binding support in vite plugin

* test hello world binding support in vite plugin

Author: edmundhung

packages/vite-plugin-cloudflare/playground/bindings/__tests__/worker.spec.ts

@@ -0,0 +1,12 @@
+import { expect, test } from "vitest";
+import { getTextResponse } from "../../__test-utils__";
+
+test("kv_namspaces support", async () => {
+	const response = await getTextResponse("/kv");
+	expect(response).toBe("KV binding works");
+});
+
+test("unsafe_hello_world support", async () => {
+	const response = await getTextResponse("/hello-world");
+	expect(response).toBe("Hello World binding works");
+});

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

@@ -0,0 +1,20 @@
+{
+	"name": "@playground/bindings",
+	"private": true,
+	"type": "module",
+	"scripts": {
+		"build": "vite build --app",
+		"cf-typegen": "wrangler types --include-runtime=false",
+		"check:types": "tsc --build",
+		"dev": "vite dev",
+		"preview": "vite preview"
+	},
+	"devDependencies": {
+		"@cloudflare/vite-plugin": "workspace:*",
+		"@cloudflare/workers-tsconfig": "workspace:*",
+		"@cloudflare/workers-types": "^4.20250617.0",
+		"typescript": "catalog:default",
+		"vite": "catalog:vite-plugin",
+		"wrangler": "workspace:*"
+	}
+}

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

@@ -0,0 +1,42 @@
+export default {
+	async fetch(request, env) {
+		const url = new URL(request.url);
+
+		switch (url.pathname) {
+			case "/kv": {
+				const value = Math.floor(Date.now() * Math.random()).toString(36);
+
+				await env.KV.put("value", value);
+
+				if (value !== (await env.KV.get("value"))) {
+					return new Response("KV binding failed to set value", {
+						status: 500,
+					});
+				}
+
+				return new Response("KV binding works", {
+					status: 200,
+				});
+			}
+			case "/hello-world": {
+				const value = Math.floor(Date.now() * Math.random()).toString(36);
+				await env.HELLO_WORLD.set(value);
+
+				const result = await env.HELLO_WORLD.get(value);
+				if (value !== result.value) {
+					return new Response("Hello World binding failed to set value", {
+						status: 500,
+					});
+				}
+
+				return new Response("Hello World binding works", {
+					status: 200,
+				});
+			}
+		}
+
+		return new Response("Please specify a binding you want to test", {
+			status: 400,
+		});
+	},
+} satisfies ExportedHandler<Env>;

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

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

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

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

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

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

packages/vite-plugin-cloudflare/playground/bindings/turbo.json

@@ -0,0 +1,9 @@
+{
+	"$schema": "http://turbo.build/schema.json",
+	"extends": ["//"],
+	"tasks": {
+		"build": {
+			"outputs": ["dist/**"]
+		}
+	}
+}

packages/vite-plugin-cloudflare/playground/bindings/vite.config.ts

@@ -0,0 +1,6 @@
+import { cloudflare } from "@cloudflare/vite-plugin";
+import { defineConfig } from "vite";
+
+export default defineConfig({
+	plugins: [cloudflare({ inspectorPort: false, persistState: false })],
+});

packages/vite-plugin-cloudflare/playground/bindings/worker-configuration.d.ts

@@ -0,0 +1,9 @@
+/* eslint-disable */
+// Generated by Wrangler by running `wrangler types --include-runtime=false` (hash: 2aff1a83eda1c659fd494a8ca649c27a)
+declare namespace Cloudflare {
+	interface Env {
+		KV: KVNamespace;
+		HELLO_WORLD: HelloWorldBinding;
+	}
+}
+interface Env extends Cloudflare.Env {}

packages/vite-plugin-cloudflare/playground/bindings/wrangler.jsonc

@@ -0,0 +1,16 @@
+{
+	"name": "worker",
+	"main": "./src/index.ts",
+	"compatibility_date": "2024-12-30",
+	"kv_namespaces": [
+		{
+			"binding": "KV",
+			"id": "test-kv-id",
+		},
+	],
+	"unsafe_hello_world": [
+		{
+			"binding": "HELLO_WORLD",
+		},
+	],
+}