Fix vercel build

Author: kylecarbs

.gitignore

@@ -42,4 +42,5 @@ next-env.d.ts
 
 dist/
 release/
-public/
+public/
+.env*.local

scripts/build-browser.ts

@@ -22,6 +22,11 @@ async function build() {
     return false;
   }
 
+  // Make paths absolute to root in index.html
+  const indexPath = "./dist/browser/index.html";
+  const indexHtml = await Bun.file(indexPath).text();
+  await Bun.write(indexPath, indexHtml.replaceAll("./", "/"));
+
   // Build worker separately with document shim for Prism/refractor
   const workerResult = await Bun.build({
     entrypoints: ["./src/browser/lib/diff-worker.ts"],

scripts/build-vercel.ts

@@ -1,26 +1,28 @@
 import { $ } from "bun";
-import { cp, mkdir } from "fs/promises";
+import { cp, mkdir, readdir } from "fs/promises";
 import { resolve } from "path";
 
 const rootDir = resolve(import.meta.dir, "..");
 const publicDir = resolve(rootDir, "public");
+const browserDistDir = resolve(rootDir, "dist/browser");
 
 // Clean and create public directory
 await $`rm -rf ${publicDir}`;
 await mkdir(publicDir, { recursive: true });
 
 // Build browser files
 console.log("Building browser...");
-await import("./build-browser.ts");
+await import("./build-browser");
 
-// Copy browser build to public
-await cp(resolve(rootDir, "dist/browser"), publicDir, { recursive: true });
+// Copy browser build contents to public (served by Vercel CDN)
+const browserFiles = await readdir(browserDistDir);
+for (const file of browserFiles) {
+  await cp(resolve(browserDistDir, file), resolve(publicDir, file), { recursive: true });
+}
 console.log("Copied browser files to public/");
 
-// Copy src directory for Vercel's Hono detection
-await mkdir(resolve(publicDir, "src"), { recursive: true });
-await cp(resolve(rootDir, "src/index.ts"), resolve(publicDir, "src/index.ts"));
-await cp(resolve(rootDir, "src/api"), resolve(publicDir, "src/api"), { recursive: true });
-console.log("Copied server source to public/src/");
-
-console.log("✅ Vercel build complete: public/");
+// Vercel auto-detects and compiles src/index.ts as the Hono server
+// SPA fallback is handled by rewrites in vercel.json
+console.log("✅ Vercel build complete!");
+console.log("   Static files: public/ (CDN)");
+console.log("   Server: src/index.ts (auto-compiled by Vercel)");

src/index.ts

@@ -1,10 +1,78 @@
 import { Hono } from "hono";
+import { readFileSync, readdirSync, existsSync } from "fs";
+import { resolve, dirname } from "path";
 import api from "./api/api";
+import { serveStatic } from "@hono/node-server/serve-static";
 
 const app = new Hono();
 
-// API routes
+
+// Debug route to see filesystem structure on Vercel
+app.get("/_debug", (c) => {
+  const listDir = (path: string, depth = 0): string[] => {
+    const results: string[] = [];
+    const indent = "  ".repeat(depth);
+    try {
+      if (!existsSync(path)) {
+        results.push(`${indent}[NOT FOUND: ${path}]`);
+        return results;
+      }
+      const entries = readdirSync(path, { withFileTypes: true });
+      for (const entry of entries.slice(0, 50)) { // Limit to 50 entries
+        if (entry.isDirectory()) {
+          results.push(`${indent}${entry.name}/`);
+          if (depth < 2) { // Limit depth
+            results.push(...listDir(resolve(path, entry.name), depth + 1));
+          }
+        } else {
+          results.push(`${indent}${entry.name}`);
+        }
+      }
+    } catch (e) {
+      results.push(`${indent}[ERROR: ${e}]`);
+    }
+    return results;
+  };
+
+  const cwd = process.cwd();
+  const metaDirname = import.meta.dirname;
+  
+  const info = {
+    cwd,
+    metaDirname,
+    cwdContents: listDir(cwd),
+    metaDirnameContents: listDir(metaDirname),
+    publicFromCwd: listDir(resolve(cwd, "public")),
+    parentDir: listDir(resolve(metaDirname, "..")),
+  };
+
+  return c.json(info, 200, { "Content-Type": "application/json" });
+});
+
+// API routes first
 app.route("/", api);
 
-export default app;
+app.use("/*", serveStatic({ root: resolve(process.cwd(), "public") }));
 
+
+// SPA fallback - serve index.html for client-side routing
+// Static files are served by Vercel CDN from public/
+app.get("*", (c) => {
+  const path = c.req.path;
+
+  // Skip if it looks like a static file request
+  if (path.includes(".") && !path.endsWith(".html")) {
+    return c.notFound();
+  }
+
+  // Serve index.html for SPA routes
+  try {
+    const indexPath = resolve(process.cwd(), "public", "index.html");
+    const html = readFileSync(indexPath, "utf-8");
+    return c.html(html);
+  } catch {
+    return c.notFound();
+  }
+});
+
+export default app;

vercel.json

@@ -2,5 +2,5 @@
   "$schema": "https://openapi.vercel.sh/vercel.json",
   "installCommand": "bun install",
   "buildCommand": "bun run ./scripts/build-vercel.ts",
-  "outputDirectory": "public"
+  "bunVersion": "1.3"
 }