fix(react-router-hono): fix automatic preset and improve docs

Author: itsjavi

.changeset/red-boxes-hope.md

@@ -0,0 +1,5 @@
+---
+'@pizzajsdev/react-router-hono': minor
+---
+
+fix automatic preset and improve docs

packages/react-router-hono/README.md

@@ -6,7 +6,7 @@ React Router v7+ adapter for Hono, compatible with Node and Vercel servers.
 
 ```bash
 echo "@pizzajsdev:registry=https://npm.pkg.github.com" >> .npmrc
-pnpm add @pizzajsdev/react-router-hono
+pnpm add @pizzajsdev/react-router-hono hono @hono/node-server
 ```
 
 ## Usage
@@ -46,12 +46,13 @@ export const getLoadContext = async (ctx: Context<{ Bindings: HttpBindings }>) =
   const userAgent = req.headers.get('User-Agent')
 
   return {
+    // Example data:
     url,
     userAgent,
     cookie,
-    // other data, e.g.:
     // lang,
-    // session
+    // session,
+    // etc.
   }
 }
 
@@ -87,6 +88,28 @@ export default await createHonoNodeServer({
 })
 ```
 
+`vite.config.ts`:
+
+```ts
+import { reactRouterHonoDevServer } from '@pizzajsdev/react-router-hono/vite'
+import { reactRouter } from '@react-router/dev/vite'
+import tailwindcss from '@tailwindcss/vite'
+import { defineConfig } from 'vite'
+import tsconfigPaths from 'vite-tsconfig-paths'
+
+export default defineConfig({
+  plugins: [
+    tailwindcss(),
+    // Add the Hono dev server plugin:
+    reactRouterHonoDevServer({
+      entryFile: 'server.node.ts',
+    }),
+    reactRouter(),
+    tsconfigPaths(),
+  ],
+})
+```
+
 ## Credits
 
 Partially ported from the following projects:

packages/react-router-hono/package.json

@@ -14,6 +14,12 @@
   "sideEffects": false,
   "type": "module",
   "exports": {
+    "./presets": {
+      "import": {
+        "types": "./dist/presets/index.d.ts",
+        "default": "./dist/presets/index.js"
+      }
+    },
     "./*": {
       "import": {
         "types": "./dist/*.d.ts",

packages/react-router-hono/src/presets/index.ts

@@ -1,3 +1,4 @@
+import type { Preset } from '@react-router/dev/config'
 import { nodePreset } from './node/preset'
 import type { NodeVersion } from './types'
 import { vercelPreset } from './vercel/preset'
@@ -34,17 +35,16 @@ export function createAutomaticPreset(
     node: 'server.node.ts',
     vercel: 'server.vercel.ts',
   },
-) {
-  return [
-    process.env['VERCEL'] == '1'
-      ? vercelPreset({
-          regions: vercelRegions,
-          entryFile: entryFiles.vercel,
-          nodeVersion,
-        })
-      : nodePreset({
-          entryFile: entryFiles.node,
-          nodeVersion,
-        }),
-  ]
+): Preset {
+  const isVercel = process.env['VERCEL'] === '1'
+  return isVercel
+    ? vercelPreset({
+        regions: vercelRegions,
+        entryFile: entryFiles.vercel,
+        nodeVersion,
+      })
+    : nodePreset({
+        entryFile: entryFiles.node,
+        nodeVersion,
+      })
 }