add load-context for the node example

Author: yusukebe

examples/node/app/routes/_index.tsx

@@ -1,7 +1,19 @@
+import type { LoaderFunctionArgs } from '@remix-run/node'
+import { useLoaderData } from '@remix-run/react'
+
+export const loader = (args: LoaderFunctionArgs) => {
+  const extra = args.context.extra
+  const url = args.context.url
+  return { extra, url }
+}
+
 export default function Index() {
+  const { extra, url } = useLoaderData<typeof loader>()
   return (
     <div>
       <h1>Remix and Hono</h1>
+      <h2>URL is {url}</h2>
+      <h3>Extra is {extra}</h3>
     </div>
   )
 }

examples/node/load-context.ts

@@ -0,0 +1,17 @@
+type GetLoadContextArgs = {
+  request: Request
+}
+
+declare module '@remix-run/node' {
+  interface AppLoadContext extends ReturnType<typeof getLoadContext> {
+    url: string
+    extra: string
+  }
+}
+
+export function getLoadContext(args: GetLoadContextArgs) {
+  return {
+    url: args.request.url,
+    extra: 'stuff',
+  }
+}

examples/node/main.ts

@@ -3,6 +3,7 @@ import { serve } from '@hono/node-server'
 import { serveStatic } from '@hono/node-server/serve-static'
 import handle from 'hono-remix-adapter/node'
 import * as build from './build/server'
+import { getLoadContext } from './load-context'
 import server from './server'
 
 server.use(
@@ -11,4 +12,6 @@ server.use(
   })
 )
 
-serve(handle(build, server))
+const handler = handle(build, server, { getLoadContext })
+
+serve({ fetch: handler.fetch, port: 3010 })