fix: make adapter as option (#3)

Author: yusukebe

README.md

@@ -68,7 +68,26 @@ export default app
 
 ## Cloudflare Pages
 
-To support Cloudflare Pages, you can write the following handler on `functions/[[path]].ts`:
+To support Cloudflare Pages, add the adapter in `@hono/vite-dev-server` for development.
+
+```ts
+// vite.config.ts
+import adapter from '@hono/vite-dev-server/cloudflare'
+import serverAdapter from 'hono-remix-adapter/vite'
+
+export default defineConfig({
+  plugins: [
+    // ...
+    remix(),
+    serverAdapter({
+      adapter, // Add Cloudflare Pages adapter
+      entry: 'server/index.ts',
+    }),
+  ],
+})
+```
+
+To deploy it, you can write the following handler on `functions/[[path]].ts`:
 
 ```ts
 // functions/[[path]].ts

example/package.json

@@ -23,6 +23,7 @@
   },
   "devDependencies": {
     "@cloudflare/workers-types": "^4.20240903.0",
+    "@hono/vite-dev-server": "^0.16.0",
     "@playwright/test": "^1.47.0",
     "@remix-run/dev": "^2.11.1",
     "@types/react": "^18.2.20",
@@ -36,4 +37,4 @@
   "engines": {
     "node": ">=20.0.0"
   }
-}
+}

example/vite.config.ts

@@ -1,11 +1,12 @@
 // vite.config.ts
+import adapter from '@hono/vite-dev-server/cloudflare'
 import {
   vitePlugin as remix,
   cloudflareDevProxyVitePlugin as remixCloudflareDevProxy,
 } from '@remix-run/dev'
+import serverAdapter from 'hono-remix-adapter/vite'
 import { defineConfig } from 'vite'
 import tsconfigPaths from 'vite-tsconfig-paths'
-import serverAdapter from 'hono-remix-adapter/vite'
 
 export default defineConfig({
   plugins: [
@@ -18,6 +19,7 @@ export default defineConfig({
       },
     }),
     serverAdapter({
+      adapter,
       entry: 'server/index.ts',
     }),
     tsconfigPaths(),

package-lock.json

@@ -1,18 +1,27 @@
 import devServer, { defaultOptions } from '@hono/vite-dev-server'
-import adapter from '@hono/vite-dev-server/cloudflare'
 import type { Hono } from 'hono'
 import type { Plugin } from 'vite'
 import fs from 'node:fs'
 import path from 'node:path'
 import { fileURLToPath } from 'node:url'
 
+interface Adapter {
+  env?: Record<string, unknown> | Promise<Record<string, unknown>>
+  onServerClose?: () => Promise<void>
+  executionContext?: {
+    waitUntil(promise: Promise<unknown>): void
+    passThroughOnException(): void
+  }
+}
+
 interface Options {
   entry: string
+  adapter?: () => Adapter | Promise<Adapter>
 }
 
 export default (options: Options): Plugin => {
   return devServer({
-    adapter,
+    adapter: options?.adapter,
     entry: options.entry,
     exclude: [...defaultOptions.exclude, '/assets/**', '/app/**'],
     injectClientScript: false,