feat(dev-server): support cf property in Cloudflare adapter (#161)

* feat(dev-server): support `cf` property in Cloudflare adapter

* add changeset

.changeset/thin-spies-watch.md

@@ -0,0 +1,5 @@
+---
+'@hono/vite-dev-server': minor
+---
+
+feat: support `cf` property in Cloudflare adapter

packages/dev-server/e2e/e2e.test.ts

@@ -95,3 +95,9 @@ test('Should not throw an error if accessing the `caches`', async ({ page }) =>
   // It does **not** return cached content.
   expect(await resCached?.text()).not.toBe('cached')
 })
+
+test('Should set `cf` properties', async ({ page }) => {
+  const res = await page.goto('/cf')
+  expect(res?.ok()).toBe(true)
+  expect(await res?.json()).toEqual({ cf: true })
+})

packages/dev-server/e2e/mock/worker.ts

@@ -92,4 +92,11 @@ app.get('/cache', async (c) => {
   return c.text('first')
 })
 
+app.get('/cf', (c) => {
+  return c.json({
+    // @ts-expect-error `Request.cf` is not typed
+    cf: typeof c.req.raw.cf === 'object' ? true : false,
+  })
+})
+
 export default app

packages/dev-server/src/adapter/cloudflare.ts

@@ -16,6 +16,7 @@ export const cloudflareAdapter: (options?: CloudflareAdapterOptions) => Promise<
   proxy ??= await getPlatformProxy(options?.proxy)
   // Cache API provided by `getPlatformProxy` currently do nothing.
   Object.assign(globalThis, { caches: proxy.caches })
+
   if (typeof globalThis.navigator === 'undefined') {
     // @ts-expect-error not typed well
     globalThis.navigator = {
@@ -28,6 +29,14 @@ export const cloudflareAdapter: (options?: CloudflareAdapterOptions) => Promise<
     })
   }
 
+  Object.defineProperty(Request.prototype, 'cf', {
+    get: function () {
+      return proxy.cf
+    },
+    configurable: true,
+    enumerable: true,
+  })
+
   return {
     env: proxy.env,
     executionContext: proxy.ctx,