feat(build): update Vercel build process and bundle API function

Author: hotlong

apps/studio/scripts/build-vercel.sh

@@ -0,0 +1,29 @@
+#!/usr/bin/env bash
+set -euo pipefail
+
+# Build script for Vercel deployment of @objectstack/studio.
+#
+# Without outputDirectory, Vercel serves static files from public/.
+# Serverless functions are detected from api/ at the project root.
+#
+# Steps:
+#   1. Turbo build (Vite SPA → dist/)
+#   2. Bundle the API serverless function (→ api/index.js)
+#   3. Copy Vite output to public/ for Vercel CDN serving
+
+echo "[build-vercel] Starting studio build..."
+
+# 1. Build the studio SPA with turbo (from monorepo root)
+cd ../..
+pnpm turbo run build --filter=@objectstack/studio
+cd apps/studio
+
+# 2. Bundle API serverless function
+node scripts/bundle-api.mjs
+
+# 3. Copy Vite build output to public/ for static file serving
+rm -rf public
+mkdir -p public
+cp -r dist/* public/
+
+echo "[build-vercel] Done. Static files in public/, serverless function in api/index.js"

apps/studio/scripts/bundle-api.mjs

@@ -35,13 +35,13 @@ await build({
   entryPoints: ['server/index.ts'],
   bundle: true,
   platform: 'node',
-  format: 'esm',
+  format: 'cjs',
   target: 'es2020',
-  outfile: 'dist/api/index.js',
+  outfile: 'api/index.js',
   sourcemap: true,
   external: EXTERNAL,
   // Silence warnings about optional/unused require() calls in knex drivers
   logOverride: { 'require-resolve-not-external': 'silent' },
 });
 
-console.log('[bundle-api] Bundled server/index.ts → dist/api/index.js');
+console.log('[bundle-api] Bundled server/index.ts → api/index.js');

apps/studio/vercel.json

@@ -2,14 +2,28 @@
   "$schema": "https://openapi.vercel.sh/vercel.json",
   "framework": null,
   "installCommand": "cd ../.. && pnpm install",
-  "buildCommand": "cd ../.. && pnpm turbo run build --filter=@objectstack/studio && cd apps/studio && node scripts/bundle-api.mjs",
-  "outputDirectory": "dist",
+  "buildCommand": "bash scripts/build-vercel.sh",
   "build": {
     "env": {
       "VITE_RUNTIME_MODE": "server",
       "VITE_SERVER_URL": "https://play.objectstack.ai"
     }
   },
+  "functions": {
+    "api/index.js": {
+      "memory": 1024,
+      "maxDuration": 60,
+      "includeFiles": "node_modules/{@libsql,better-sqlite3}/**"
+    }
+  },
+  "headers": [
+    {
+      "source": "/assets/(.*)",
+      "headers": [
+        { "key": "Cache-Control", "value": "public, max-age=31536000, immutable" }
+      ]
+    }
+  ],
   "rewrites": [
     { "source": "/api/(.*)", "destination": "/api" },
     { "source": "/((?!api/).*)", "destination": "/index.html" }