update examples

examples/hono-react-cf-pages/.gitignore

@@ -1,3 +1,4 @@
 /node_modules/
 /dist/
 .vercel
+.wrangler

examples/hono-react-cf-pages/vite.config.js

@@ -7,7 +7,7 @@ export default {
   plugins: [
     react(),
     vike({ prerender: true }),
-    vikeNode({ entry: 'server/node-entry.js', external: ['vike-node/__handler'] }),
+    vikeNode({ entry: 'server/node-entry.js' }),
     pages({
       server: {
         kind: 'hono',

examples/hono-react-vercel-edge/api/edge-ssr.js

@@ -0,0 +1,10 @@
+export const config = {
+  runtime: 'edge'
+}
+
+// Import the built server entry from dist, so import.meta.env and other Vite features
+// are available in server/app.js (Vite already processed this file)
+import app from '../dist/server/app.mjs'
+
+export const GET = app.fetch
+export const POST = app.fetch

examples/hono-react-vercel-edge/package.json

@@ -2,19 +2,25 @@
   "scripts": {
     "dev": "vite dev",
     "build": "vite build",
+    "deploy": "vercel build && vercel",
     "prod": "cross-env NODE_ENV=production node dist/server/index.mjs"
   },
   "dependencies": {
+    "@hono/node-server": "^1.12.0",
     "@vitejs/plugin-react": "^4.3.1",
+    "cross-env": "^7.0.3",
     "hono": "^4.5.5",
-    "@hono/node-server": "^1.12.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "vike": "^0.4.181",
-    "vike-node": "0.1.9-commit-022aa1c",
+    "vike-node": "0.1.9-commit-c5ad120",
     "vike-react": "^0.4.18",
-    "vite": "^5.3.5",
-    "cross-env": "^7.0.3"
+    "vite": "^5.3.5"
   },
-  "type": "module"
+  "type": "module",
+  "devDependencies": {
+    "@vite-plugin-vercel/vike": "^8.0.0",
+    "esbuild": "^0.23.0",
+    "vite-plugin-vercel": "^8.0.0"
+  }
 }

examples/hono-react-vercel-edge/pages/+config.js

@@ -5,5 +5,6 @@ import vikeReact from 'vike-react/config'
 const config = {
   // https://vike.dev/extends
   extends: vikeReact,
-  prerender: false
+  prerender: false,
+  stream: false
 }

examples/hono-react-vercel-edge/server/app.js

@@ -0,0 +1,6 @@
+import { Hono } from 'hono'
+import vike from 'vike-node/hono'
+
+const app = new Hono()
+app.use(vike())
+export default app

examples/hono-react-vercel-edge/server/node-entry.js

@@ -0,0 +1,17 @@
+import { serve } from '@hono/node-server'
+import app from './app.js'
+
+startServer()
+
+function startServer() {
+  const port = process.env.PORT || 3000
+  serve(
+    {
+      fetch: app.fetch,
+      port: +port,
+      // Needed for Bun
+      overrideGlobalObjects: false
+    },
+    () => console.log(`Server running at http://localhost:${port}`)
+  )
+}

examples/hono-react-vercel-edge/vercel.json

@@ -3,7 +3,7 @@
   "rewrites": [
     {
       "source": "/((?!assets/).*)",
-      "destination": "/api"
+      "destination": "/api/edge-ssr"
     }
   ]
 }

examples/hono-react-vercel-edge/vite.config.ts

@@ -0,0 +1,43 @@
+import react from '@vitejs/plugin-react'
+import esbuild from 'esbuild'
+import { builtinModules } from 'module'
+import vikeNode from 'vike-node/plugin'
+import vike from 'vike/plugin'
+import { UserConfig } from 'vite'
+
+export default {
+  plugins: [
+    react(),
+    vike({ prerender: true }),
+    vikeNode({ entry: { index: 'server/node-entry.js', app: 'server/app.js' } }),
+
+    // TODO: move this into library
+    {
+      apply(_, env) {
+        return env.isSsrBuild && process.env.VERCEL
+      },
+      closeBundle() {
+        esbuild.buildSync({
+          entryPoints: ['dist/server/app.mjs'],
+          outfile: 'dist/server/app.mjs',
+          format: 'esm',
+          external: [...builtinModules, ...builtinModules.map((m) => `node:${m}`)],
+          bundle: true,
+          target: 'es2022',
+          logLevel: 'info',
+          logOverride: {
+            'ignored-bare-import': 'verbose',
+            'require-resolve-not-external': 'verbose'
+          },
+          minify: false,
+          allowOverwrite: true,
+          define: {
+            'process.env.NODE_ENV': '"production"',
+            'import.meta.env.NODE_ENV': '"production"'
+          },
+          conditions: ['edge-light', 'worker', 'browser', 'module', 'import', 'require']
+        })
+      }
+    }
+  ]
+} as UserConfig

packages/vike-node/package.json

@@ -17,7 +17,8 @@
       "workerd": "./dist/runtime/handler-web-only.js",
       "deno": "./dist/runtime/handler-web-only.js",
       "browser": "./dist/runtime/handler-web-only.js",
-      "import": "./dist/runtime/handler-web-and-node.js",
+      "edge": "./dist/runtime/handler-web-only.js",
+      "default": "./dist/runtime/handler-web-and-node.js",
       "types": "./dist/runtime/handler-web-only.d.ts"
     }
   },

packages/vike-node/src/plugin/plugins/commonConfig.ts

@@ -14,7 +14,7 @@ function commonConfig(configVikeNodePlugin: ConfigVikeNodePlugin): Plugin {
 
       if (typeof config.ssr.external !== 'boolean') {
         config.ssr.external ??= []
-        config.ssr.external.push(...resolvedConfig.server.external)
+        config.ssr.external.push(...resolvedConfig.server.external, 'vike-node/__handler')
       }
       config.optimizeDeps.exclude ??= []
       config.optimizeDeps.exclude.push(...resolvedConfig.server.external)

packages/vike-node/src/plugin/plugins/standalonePlugin.ts

@@ -66,7 +66,7 @@ export function standalonePlugin(): Plugin {
       platform: 'node',
       format: 'esm',
       bundle: true,
-      external: configResolvedVike.server.external.filter((id) => id !== 'vike-node/__handler'),
+      external: configResolvedVike.server.external,
       entryPoints: rollupEntryFilePaths,
       sourcemap: configResolved.build.sourcemap === 'hidden' ? true : configResolved.build.sourcemap,
       outExtension: { '.js': '.mjs' },

packages/vike-node/src/plugin/utils/resolveConfig.ts

@@ -4,7 +4,7 @@ import { unique } from './unique.js'
 
 export { resolveConfig }
 
-export const nativeDependecies = ['sharp', '@prisma/client', '@node-rs/*', 'vike-node/*']
+export const nativeDependecies = ['sharp', '@prisma/client', '@node-rs/*']
 
 function resolveConfig(configVike: ConfigVikeNode): ConfigVikeNodeResolved {
   if (typeof configVike.server === 'object') {