feat: use getPlatformProxy and provide more context fields

README.md

@@ -1,6 +1,6 @@
-# Cloudflare Bindings for Nitro and Nuxt
+# Cloudflare Platform for Nitro and Nuxt
 
-This proof of concept module enables access to the Cloudflare runtime bindings in the development server of [Nitro](https://nitro.unjs.io) and [Nuxt](https://nuxt.com) using the [new `getBindingsProxy` API](https://github.com/cloudflare/workers-sdk/pull/4523) exposed by [wrangler](https://developers.cloudflare.com/workers/wrangler/) and [miniflare](https://miniflare.dev/)
+This proof of concept module enables access to the Cloudflare runtime platform in the development server of [Nitro](https://nitro.unjs.io) and [Nuxt](https://nuxt.com) using the [new `getPlatformProxy` API](https://github.com/cloudflare/workers-sdk/pull/5002) exposed by [wrangler](https://developers.cloudflare.com/workers/wrangler/) and [miniflare](https://miniflare.dev/)
 
 > [!NOTE]
 > Nitro plans to introduce a new method to allow native dev presets, meaning you can natively run [miniflare](https://miniflare.dev/) as your development server without this module or a proxy in the future!

package.json

@@ -52,7 +52,7 @@
     "prettier": "^3.2.4",
     "typescript": "^5.2.2",
     "unbuild": "^2.0.0",
-    "wrangler": "^3.24.0"
+    "wrangler": "^3.28.2"
   },
   "packageManager": "pnpm@8.10.0"
 }

src/runtime/plugin.dev.ts

@@ -3,21 +3,48 @@ import type { NitroAppPlugin } from "nitropack";
 import { useRuntimeConfig } from "#imports";
 
 export default <NitroAppPlugin>function (nitroApp) {
-  let _proxy: ReturnType<typeof getBindingsProxy>;
+  let _proxy: ReturnType<typeof getPlatformProxy>;
 
   nitroApp.hooks.hook("request", async (event) => {
     // Lazy initialize proxy when first request comes in
     if (!_proxy) {
-      _proxy = getBindingsProxy().catch((error) => {
+      _proxy = getPlatformProxy().catch((error) => {
         console.error("Failed to initialize wrangler bindings proxy", error);
-        return { bindings: {}, dispose: () => Promise.resolve() };
+        return {
+          env: {},
+          cf: {},
+          ctx: {
+            waitUntil() {},
+            passThroughOnException() {},
+          },
+          caches: {
+            open(): Promise<Cache> {
+              const result = Promise.resolve(new Cache());
+              return result;
+            },
+            get default(): Cache {
+              return new Cache();
+            },
+          },
+          dispose: () => Promise.resolve(),
+        } as unknown as ReturnType<typeof getPlatformProxy>;
       });
     }
 
+    const proxy = await _proxy;
+
+    // Inject the cf object onto the context
+    (event.context as any).cf = proxy.cf;
+
+    // Inject the waitUntil onto the context
+    (event.context as any).waitUntil = proxy.ctx.waitUntil;
+
     // Inject proxy bindings to the request context
     event.context.cloudflare = {
       ...event.context.cloudflare,
-      env: (await _proxy).bindings,
+      request: { cf: proxy.cf }, // TODO: this should look like a web Request
+      env: proxy.env,
+      context: proxy.ctx,
     };
   });
 
@@ -27,20 +54,37 @@ export default <NitroAppPlugin>function (nitroApp) {
   });
 };
 
-async function getBindingsProxy() {
+async function getPlatformProxy() {
   const _pkg = "wrangler"; // Bypass bundling!
-  const { getBindingsProxy } = (await import(
+  const { getPlatformProxy } = (await import(
     _pkg
   )) as typeof import("wrangler");
 
   const runtimeConfig: {
     wrangler: { configPath: string; persistDir: string };
   } = useRuntimeConfig();
 
-  const proxy = await getBindingsProxy({
+  const proxy = await getPlatformProxy({
     configPath: runtimeConfig.wrangler.configPath,
     persist: { path: runtimeConfig.wrangler.persistDir },
   });
 
   return proxy;
 }
+
+class Cache {
+  delete(): Promise<boolean> {
+    const result = Promise.resolve(false);
+    return result;
+  }
+
+  match() {
+    const result = Promise.resolve(undefined);
+    return result;
+  }
+
+  put(): Promise<void> {
+    const result = Promise.resolve();
+    return result;
+  }
+}