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": "[email protected]"
 }

src/runtime/plugin.dev.ts

@@ -3,21 +3,51 @@ 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;
+
+ const request = new Request(`http://localhost${event.path}`);
+ (request as any).cf = proxy.cf;
+
  // Inject proxy bindings to the request context
  event.context.cloudflare = {
  ...event.context.cloudflare,
- env: (await _proxy).bindings,
+ request,
+ env: proxy.env,
+ context: proxy.ctx,
  };
  });
 
@@ -27,20 +57,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;
+ }
+}