feat(vite-dev-server): use vite runtime API (#129)

* feat: use vite runtime API

* chore: formatting

* chore: added changeset

* chore: readme changes

.changeset/curvy-houses-complain.md

@@ -0,0 +1,5 @@
+---
+"@hono/vite-dev-server": minor
+---
+
+Switched to executeEntrypoint instead of ssrLoadModule

packages/dev-server/README.md

@@ -8,7 +8,7 @@ You can develop your application with Vite. It's fast.
 - Support any `fetch`-based applications.
 - Hono applications run on.
 - Fast by Vite.
-- HMR (Only for the client side. [Currently, Vite doesn't support HMR for SSR](https://github.com/vitejs/vite/issues/7887)).
+- HMR
 - Plugins are available, e.g., Cloudflare Pages.
 - Also runs on Bun.
 

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

@@ -2,6 +2,8 @@ import type http from 'http'
 import { getRequestListener } from '@hono/node-server'
 import { minimatch } from 'minimatch'
 import type { Plugin as VitePlugin, ViteDevServer, Connect } from 'vite'
+import { createViteRuntime } from 'vite'
+import type { ViteRuntime } from 'vite/runtime'
 import { getEnv as cloudflarePagesGetEnv } from './cloudflare-pages/index.js'
 import type { Env, Fetch, EnvFunc, Plugin, Adapter } from './types.js'
 
@@ -70,6 +72,7 @@ export const defaultOptions: Required<Omit<DevServerOptions, 'env' | 'cf' | 'ada
 
 export function devServer(options?: DevServerOptions): VitePlugin {
   const entry = options?.entry ?? defaultOptions.entry
+  let runtime: ViteRuntime
   const plugin: VitePlugin = {
     name: '@hono/vite-dev-server',
     configureServer: async (server) => {
@@ -92,11 +95,11 @@ export function devServer(options?: DevServerOptions): VitePlugin {
               }
             }
           }
-
+          runtime ??= await createViteRuntime(server)
           let appModule
 
           try {
-            appModule = await server.ssrLoadModule(entry)
+            appModule = await runtime.executeEntrypoint(entry)
           } catch (e) {
             return next(e)
           }