@helloleo/vite-config 0.1.0 → 0.1.1

package/dist/dev-error-loggers.d.ts

@@ -0,0 +1,3 @@
+import type { Plugin } from "vite";
+export declare function devSsrErrorLogger(): Plugin;
+export declare function devServerFnErrorLogger(): Plugin;

package/dist/router.d.ts

@@ -0,0 +1,6 @@
+import { type Plugin, type UserConfig } from "vite";
+export interface HelloLeoRouterConfigOptions {
+    vite?: UserConfig;
+    plugins?: Plugin[];
+}
+export declare function defineConfig(options?: HelloLeoRouterConfigOptions): () => Promise<UserConfig>;

package/dist/router.js

@@ -0,0 +1,31 @@
+import { createRequire } from "node:module";
+var __require = /* @__PURE__ */ createRequire(import.meta.url);
+
+// src/router.ts
+import { mergeConfig } from "vite";
+function defineConfig(options = {}) {
+  return async () => {
+    const internalPlugins = [];
+    const tailwindcss = (await import("@tailwindcss/vite")).default;
+    internalPlugins.push(...tailwindcss());
+    const { tanstackRouter } = await import("@tanstack/router-plugin/vite");
+    internalPlugins.push(tanstackRouter({ target: "react", autoCodeSplitting: true }));
+    const viteReact = (await import("@vitejs/plugin-react")).default;
+    internalPlugins.push(...viteReact());
+    let config = {
+      resolve: { tsconfigPaths: true },
+      server: {
+        allowedHosts: true,
+        hmr: { clientPort: 443, protocol: "wss" }
+      },
+      optimizeDeps: { entries: ["index.html", "./src/**/*.{ts,tsx}"] },
+      plugins: [...internalPlugins, ...options.plugins ?? []]
+    };
+    if (options.vite)
+      config = mergeConfig(config, options.vite);
+    return config;
+  };
+}
+export {
+  defineConfig
+};

package/dist/sandbox.d.ts

@@ -0,0 +1,2 @@
+export declare function isSandboxEnvironment(): boolean;
+export type Target = "workerd" | "sandbox";

package/dist/start.d.ts

@@ -0,0 +1,11 @@
+import { type Plugin, type UserConfig } from "vite";
+export interface HelloLeoConfigOptions {
+    vite?: UserConfig;
+    plugins?: Plugin[];
+    ssrErrorLogger?: boolean;
+    serverFnErrorLogger?: boolean;
+}
+export declare function defineConfig(options?: HelloLeoConfigOptions): (env: {
+    command: string;
+    mode: string;
+}) => Promise<UserConfig>;

package/dist/start.js

@@ -0,0 +1,244 @@
+import { createRequire } from "node:module";
+var __require = /* @__PURE__ */ createRequire(import.meta.url);
+
+// src/start.ts
+import { loadEnv, mergeConfig } from "vite";
+
+// src/dev-error-loggers.ts
+var SSR_CAPTURE_KEY = "__HELLOLEO_CAPTURE_SSR_ERROR__";
+var HANDLER_RAN_KEY = "__HELLOLEO_HANDLER_RAN__";
+var HMR_SEND_KEY = "__HELLOLEO_SERVER_FN_HMR_SEND__";
+var BUILD_ERROR_MESSAGE = /transform failed with \d+ error|failed to parse source/i;
+function isBuildError(error) {
+  if (typeof error === "string")
+    return BUILD_ERROR_MESSAGE.test(error);
+  if (!error || typeof error !== "object")
+    return false;
+  const e = error;
+  if (typeof e.plugin === "string" && (e.plugin.startsWith("vite:") || e.plugin.startsWith("esbuild:")))
+    return true;
+  if (e.frame != null && e.loc != null)
+    return true;
+  if (Array.isArray(e.errors) && e.errors.length > 0 && e.errors.every((x) => x != null && typeof x === "object" && ("text" in x) && ("location" in x))) {
+    return true;
+  }
+  const message = typeof e.message === "string" ? e.message : "";
+  return BUILD_ERROR_MESSAGE.test(message);
+}
+function devSsrErrorLogger() {
+  let lastCapture;
+  const CAPTURE_TTL_MS = 5000;
+  const handlerRanFlag = Symbol("helloleoHandlerRan");
+  const capture = (error) => {
+    lastCapture = { error, at: Date.now() };
+  };
+  const consumeCapture = () => {
+    if (!lastCapture)
+      return;
+    if (Date.now() - lastCapture.at > CAPTURE_TTL_MS) {
+      lastCapture = undefined;
+      return;
+    }
+    const { error } = lastCapture;
+    lastCapture = undefined;
+    return error;
+  };
+  return {
+    name: "helloleo:dev-ssr-error-logger",
+    apply: "serve",
+    configureServer(server) {
+      const g = globalThis;
+      g[SSR_CAPTURE_KEY] = capture;
+      g[HANDLER_RAN_KEY] = (event) => {
+        const res = event?.node?.res;
+        if (res)
+          res[handlerRanFlag] = true;
+      };
+      if (typeof g.addEventListener === "function") {
+        const add = g.addEventListener;
+        add("error", (e) => capture(e.error ?? e));
+        add("unhandledrejection", (e) => capture(e.reason));
+      }
+      const onUnhandledRejection = (reason) => capture(reason);
+      process.on("unhandledRejection", onUnhandledRejection);
+      server.httpServer?.once("close", () => {
+        process.off("unhandledRejection", onUnhandledRejection);
+      });
+      server.middlewares.use((req, res, next) => {
+        let handled = false;
+        const handleErrorResponse = () => {
+          if (handled || res.statusCode < 500)
+            return;
+          handled = true;
+          const captured = consumeCapture();
+          const ranHandler = Boolean(res[handlerRanFlag]);
+          let source;
+          if (!ranHandler)
+            source = "vite";
+          else if (isBuildError(captured))
+            source = "build";
+          else
+            source = "app";
+          if (!res.headersSent) {
+            try {
+              res.setHeader("x-helloleo-error-source", source);
+            } catch {}
+          }
+          const where = [req.method, req.url].filter(Boolean).join(" ") || "the request";
+          let data;
+          if (captured instanceof Error) {
+            data = { name: captured.name, message: captured.message, stack: captured.stack };
+          } else if (typeof captured === "string" && captured.length > 0) {
+            data = { name: "Error", message: captured };
+          } else if (ranHandler) {
+            data = {
+              message: `The app returned ${res.statusCode} while handling ${where}. Handled by a route/error boundary, so no stack was captured — check the failing loader/route code.`
+            };
+          } else {
+            data = {
+              message: `Dev server returned ${res.statusCode} for ${where} before the app handler ran — usually a Vite build/transform error. Check the dev server output.`
+            };
+          }
+          try {
+            server.ws.send({ type: "custom", event: "server-ssr-error", data });
+          } catch {}
+        };
+        const origWriteHead = res.writeHead.bind(res);
+        res.writeHead = (...args) => {
+          if (typeof args[0] === "number")
+            res.statusCode = args[0];
+          handleErrorResponse();
+          return origWriteHead(...args);
+        };
+        const origEnd = res.end.bind(res);
+        res.end = (...args) => {
+          handleErrorResponse();
+          return origEnd(...args);
+        };
+        next();
+      });
+    },
+    transform(code, id) {
+      const norm = id.replace(/\\/g, "/");
+      const isTarget = norm.includes("/@tanstack/start-server-core/src/request-response.ts") || norm.includes("/@tanstack/start-server-core/dist/esm/request-response.js");
+      if (!isTarget)
+        return null;
+      const needle = "handler(request, requestOpts)";
+      if (!code.includes(needle))
+        return null;
+      return code.replace(needle, `(globalThis.${HANDLER_RAN_KEY}?.(typeof h3Event === "undefined" ? undefined : h3Event), Promise.resolve(${needle}).catch((err) => { globalThis.${SSR_CAPTURE_KEY}?.(err); throw err; }))`);
+    }
+  };
+}
+function devServerFnErrorLogger() {
+  return {
+    name: "helloleo:dev-server-fn-error-logger",
+    apply: "serve",
+    enforce: "pre",
+    configureServer(server) {
+      globalThis[HMR_SEND_KEY] = (data) => {
+        server.ws.send({ type: "custom", event: "server-fn-error", data });
+      };
+    },
+    transform(code, id) {
+      const norm = id.replace(/\\/g, "/");
+      const isTarget = norm.includes("/@tanstack/start-server-core/src/server-functions-handler.ts") || norm.includes("/@tanstack/start-server-core/dist/esm/server-functions-handler.js");
+      if (!isTarget)
+        return null;
+      const needle = "const unwrapped = res.result || res.error";
+      if (!code.includes(needle))
+        return null;
+      return code.replace(needle, `${needle}
+      if (res?.error) {
+        const err = res.error
+        globalThis.${HMR_SEND_KEY}?.({
+          source: 'tanstack', type: 'server-fn-error',
+          method: request.method, url: request.url,
+          name: err?.name ?? 'Error', message: err?.message ?? String(err),
+          stack: typeof err?.stack === 'string' ? err.stack : undefined,
+        })
+      }`);
+    }
+  };
+}
+
+// src/sandbox.ts
+function isSandboxEnvironment() {
+  return process.env.HELLOLEO_SANDBOX === "1" || !!process.env.DEV_SERVER__PROJECT_PATH;
+}
+
+// src/start.ts
+var CF_SHIM = "@helloleo/runtime/cf-shim";
+function defineConfig(options = {}) {
+  return async (env) => {
+    const { command, mode } = env;
+    const isDev = command === "serve";
+    const isSandbox = isSandboxEnvironment();
+    const target = command === "build" ? "workerd" : "sandbox";
+    const internalPlugins = [];
+    const tailwindcss = (await import("@tailwindcss/vite")).default;
+    internalPlugins.push(...tailwindcss());
+    const tsConfigPaths = (await import("vite-tsconfig-paths")).default;
+    internalPlugins.push(tsConfigPaths({ projects: ["./tsconfig.json"] }));
+    if (isDev && options.serverFnErrorLogger !== false)
+      internalPlugins.push(devServerFnErrorLogger());
+    if (isDev && options.ssrErrorLogger !== false)
+      internalPlugins.push(devSsrErrorLogger());
+    const { tanstackStart } = await import("@tanstack/react-start/plugin/vite");
+    internalPlugins.push(...tanstackStart({
+      importProtection: {
+        behavior: "error",
+        client: { files: ["**/server/**"], specifiers: ["server-only"] }
+      }
+    }));
+    const viteReact = (await import("@vitejs/plugin-react")).default;
+    internalPlugins.push(...viteReact());
+    if (!isDev) {
+      const { cloudflare } = await import("@cloudflare/vite-plugin");
+      internalPlugins.push(...cloudflare({ viteEnvironment: { name: "ssr" } }));
+    }
+    const envDefine = {};
+    for (const [key, value] of Object.entries(loadEnv(mode, process.cwd(), "VITE_"))) {
+      envDefine[`import.meta.env.${key}`] = JSON.stringify(value);
+    }
+    let config = {
+      define: { ...envDefine, __TARGET__: JSON.stringify(target) },
+      css: { transformer: "lightningcss" },
+      resolve: {
+        alias: {
+          "@": `${process.cwd()}/src`,
+          "#": `${process.cwd()}/src`,
+          ...isDev ? { "cloudflare:workers": CF_SHIM } : {}
+        },
+        dedupe: [
+          "react",
+          "react-dom",
+          "react/jsx-runtime",
+          "@tanstack/react-query",
+          "@tanstack/query-core"
+        ]
+      },
+      plugins: [...internalPlugins, ...options.plugins ?? []]
+    };
+    if (options.vite)
+      config = mergeConfig(config, options.vite);
+    if (isSandbox) {
+      config = mergeConfig(config, {
+        server: { host: "::", port: 8080, strictPort: true, allowedHosts: true }
+      });
+    } else {
+      config = mergeConfig(config, {
+        server: { host: "::", port: 8080, allowedHosts: true },
+        ...isDev ? {
+          server: {
+            watch: { awaitWriteFinish: { stabilityThreshold: 1000, pollInterval: 100 } }
+          }
+        } : {}
+      });
+    }
+    return config;
+  };
+}
+export {
+  defineConfig
+};

package/package.json

@@ -1,36 +1,55 @@
 {
   "name": "@helloleo/vite-config",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "authors": [
     "Herbie Vine <herbie@terros>"
   ],
-  "license": "ISC",
+  "license": "UNLICENSED",
   "type": "module",
-  "module": "src/index.ts",
+  "module": "./dist/start.js",
+  "types": "./dist/start.d.ts",
+  "files": [
+    "dist"
+  ],
   "exports": {
-    ".": "./src/index.ts"
-  },
-  "scripts": {
-    "typecheck": "bunx tsc --noEmit"
-  },
-  "peerDependencies": {
-    "@cloudflare/vite-plugin": "*",
-    "@tailwindcss/vite": "*",
-    "@tanstack/react-start": "*",
-    "@vitejs/plugin-react": "*",
-    "vite": "*",
-    "vite-tsconfig-paths": "*"
+    ".": {
+    "types": "./dist/start.d.ts",
+    "default": "./dist/start.js"
   },
-  "devDependencies": {
-    "@cloudflare/vite-plugin": "^1.13.0",
-    "@tailwindcss/vite": "^4.1.18",
-    "@tanstack/react-start": "^1.132.0",
-    "@types/bun": "latest",
-    "@vitejs/plugin-react": "^5.0.4",
-    "vite": "^7.0.0",
-    "vite-tsconfig-paths": "^6.0.0"
-  },
-  "publishConfig": {
-    "access": "public"
-  }
+  "./start": {
+  "types": "./dist/start.d.ts",
+  "default": "./dist/start.js"
+},
+"./router": {
+"types": "./dist/router.d.ts",
+"default": "./dist/router.js"
+}
+},
+"scripts": {
+  "build": "rm -rf dist && bun build ./src/start.ts ./src/router.ts --outdir ./dist --target node --format esm --packages external && tsc --project tsconfig.build.json",
+  "prepublishOnly": "bun run build",
+  "typecheck": "bunx tsc --noEmit"
+},
+"peerDependencies": {
+  "@cloudflare/vite-plugin": "*",
+  "@tailwindcss/vite": "*",
+  "@tanstack/react-start": "*",
+  "@tanstack/router-plugin": "*",
+  "@vitejs/plugin-react": "*",
+  "vite": "*",
+  "vite-tsconfig-paths": "*"
+},
+"devDependencies": {
+  "@cloudflare/vite-plugin": "^1.13.0",
+  "@tailwindcss/vite": "^4.1.18",
+  "@tanstack/react-start": "^1.132.0",
+  "@tanstack/router-plugin": "^1.132.0",
+  "@types/bun": "latest",
+  "@vitejs/plugin-react": "^5.0.4",
+  "vite": "^8.0.0",
+  "vite-tsconfig-paths": "^6.0.0"
+},
+"publishConfig": {
+  "access": "public"
+}
 }

package/src/dev-error-loggers.ts

@@ -1,177 +0,0 @@
-import type { Plugin } from "vite";
-
-// Two dev-only plugins that surface the REAL SSR / server-function error to the
-// browser (and the HelloLeo coder UI) over Vite's HMR websocket. Ported from
-// Lovable's vite-tanstack-config. Both monkeypatch TanStack Start internals via
-// `transform` — TanStack/h3 otherwise swallow in-handler throws into a generic
-// 500, so try/catch in app code never sees them.
-
-const SSR_CAPTURE_KEY = "__HELLOLEO_CAPTURE_SSR_ERROR__";
-const HANDLER_RAN_KEY = "__HELLOLEO_HANDLER_RAN__";
-const HMR_SEND_KEY = "__HELLOLEO_SERVER_FN_HMR_SEND__";
-
-const BUILD_ERROR_MESSAGE = /transform failed with \d+ error|failed to parse source/i;
-
-// Distinguish a Vite/esbuild transform (build) error from an app runtime error,
-// so the UI can label which layer failed.
-function isBuildError(error: unknown): boolean {
-  if (typeof error === "string") return BUILD_ERROR_MESSAGE.test(error);
-  if (!error || typeof error !== "object") return false;
-  const e = error as Record<string, unknown>;
-  if (
-    typeof e.plugin === "string" &&
-    (e.plugin.startsWith("vite:") || e.plugin.startsWith("esbuild:"))
-  )
-    return true;
-  if (e.frame != null && e.loc != null) return true;
-  if (
-    Array.isArray(e.errors) &&
-    e.errors.length > 0 &&
-    e.errors.every((x) => x != null && typeof x === "object" && "text" in x && "location" in x)
-  ) {
-    return true;
-  }
-  const message = typeof e.message === "string" ? e.message : "";
-  return BUILD_ERROR_MESSAGE.test(message);
-}
-
-export function devSsrErrorLogger(): Plugin {
-  let lastCapture: { error: unknown; at: number } | undefined;
-  const CAPTURE_TTL_MS = 5_000;
-  const handlerRanFlag = Symbol("helloleoHandlerRan");
-  const capture = (error: unknown) => {
-    lastCapture = { error, at: Date.now() };
-  };
-  const consumeCapture = () => {
-    if (!lastCapture) return undefined;
-    if (Date.now() - lastCapture.at > CAPTURE_TTL_MS) {
-      lastCapture = undefined;
-      return undefined;
-    }
-    const { error } = lastCapture;
-    lastCapture = undefined;
-    return error;
-  };
-
-  return {
-    name: "helloleo:dev-ssr-error-logger",
-    apply: "serve",
-    configureServer(server) {
-      const g = globalThis as Record<string, unknown>;
-      g[SSR_CAPTURE_KEY] = capture;
-      g[HANDLER_RAN_KEY] = (event: { node?: { res?: Record<symbol, unknown> } }) => {
-        const res = event?.node?.res;
-        if (res) res[handlerRanFlag] = true;
-      };
-      if (typeof g.addEventListener === "function") {
-        const add = g.addEventListener as (t: string, cb: (e: unknown) => void) => void;
-        add("error", (e: unknown) => capture((e as { error?: unknown }).error ?? e));
-        add("unhandledrejection", (e: unknown) => capture((e as { reason?: unknown }).reason));
-      }
-      const onUnhandledRejection = (reason: unknown) => capture(reason);
-      process.on("unhandledRejection", onUnhandledRejection);
-      server.httpServer?.once("close", () => {
-        process.off("unhandledRejection", onUnhandledRejection);
-      });
-
-      server.middlewares.use((req, res, next) => {
-        let handled = false;
-        const handleErrorResponse = () => {
-          if (handled || res.statusCode < 500) return;
-          handled = true;
-          const captured = consumeCapture();
-          const ranHandler = Boolean((res as unknown as Record<symbol, unknown>)[handlerRanFlag]);
-          let source: string;
-          if (!ranHandler) source = "vite";
-          else if (isBuildError(captured)) source = "build";
-          else source = "app";
-          if (!res.headersSent) {
-            try {
-              res.setHeader("x-helloleo-error-source", source);
-            } catch {}
-          }
-          const where = [req.method, req.url].filter(Boolean).join(" ") || "the request";
-          let data: { name?: string; message: string; stack?: string };
-          if (captured instanceof Error) {
-            data = { name: captured.name, message: captured.message, stack: captured.stack };
-          } else if (typeof captured === "string" && captured.length > 0) {
-            data = { name: "Error", message: captured };
-          } else if (ranHandler) {
-            data = {
-              message: `The app returned ${res.statusCode} while handling ${where}. Handled by a route/error boundary, so no stack was captured — check the failing loader/route code.`,
-            };
-          } else {
-            data = {
-              message: `Dev server returned ${res.statusCode} for ${where} before the app handler ran — usually a Vite build/transform error. Check the dev server output.`,
-            };
-          }
-          try {
-            server.ws.send({ type: "custom", event: "server-ssr-error", data });
-          } catch {}
-        };
-        const origWriteHead = res.writeHead.bind(res);
-        // biome-ignore lint/suspicious/noExplicitAny: passthrough patch
-        res.writeHead = (...args: any[]) => {
-          if (typeof args[0] === "number") res.statusCode = args[0];
-          handleErrorResponse();
-          return origWriteHead(...(args as Parameters<typeof origWriteHead>));
-        };
-        const origEnd = res.end.bind(res);
-        // biome-ignore lint/suspicious/noExplicitAny: passthrough patch
-        res.end = (...args: any[]) => {
-          handleErrorResponse();
-          return origEnd(...(args as Parameters<typeof origEnd>));
-        };
-        next();
-      });
-    },
-    transform(code, id) {
-      const norm = id.replace(/\\/g, "/");
-      const isTarget =
-        norm.includes("/@tanstack/start-server-core/src/request-response.ts") ||
-        norm.includes("/@tanstack/start-server-core/dist/esm/request-response.js");
-      if (!isTarget) return null;
-      const needle = "handler(request, requestOpts)";
-      if (!code.includes(needle)) return null;
-      return code.replace(
-        needle,
-        `(globalThis.${HANDLER_RAN_KEY}?.(typeof h3Event === "undefined" ? undefined : h3Event), Promise.resolve(${needle}).catch((err) => { globalThis.${SSR_CAPTURE_KEY}?.(err); throw err; }))`,
-      );
-    },
-  };
-}
-
-export function devServerFnErrorLogger(): Plugin {
-  return {
-    name: "helloleo:dev-server-fn-error-logger",
-    apply: "serve",
-    enforce: "pre",
-    configureServer(server) {
-      (globalThis as Record<string, unknown>)[HMR_SEND_KEY] = (data: unknown) => {
-        server.ws.send({ type: "custom", event: "server-fn-error", data });
-      };
-    },
-    transform(code, id) {
-      const norm = id.replace(/\\/g, "/");
-      const isTarget =
-        norm.includes("/@tanstack/start-server-core/src/server-functions-handler.ts") ||
-        norm.includes("/@tanstack/start-server-core/dist/esm/server-functions-handler.js");
-      if (!isTarget) return null;
-      const needle = "const unwrapped = res.result || res.error";
-      if (!code.includes(needle)) return null;
-      return code.replace(
-        needle,
-        `${needle}
-      if (res?.error) {
-        const err = res.error
-        globalThis.${HMR_SEND_KEY}?.({
-          source: 'tanstack', type: 'server-fn-error',
-          method: request.method, url: request.url,
-          name: err?.name ?? 'Error', message: err?.message ?? String(err),
-          stack: typeof err?.stack === 'string' ? err.stack : undefined,
-        })
-      }`,
-      );
-    },
-  };
-}

package/src/index.ts

@@ -1,139 +0,0 @@
-// @helloleo/vite-config — one Vite config for every HelloLeo TanStack Start app.
-//
-//   import { defineConfig } from "@helloleo/vite-config";
-//   export default defineConfig();
-//
-// Hides all build/dev/sandbox plumbing so generated app code never edits (or
-// breaks) the Vite config, and infra upgrades ship centrally. Mirrors
-// @lovable.dev/vite-tanstack-config; the HelloLeo-specific part is the
-// cloudflare:workers alias that pairs with @helloleo/runtime.
-import { loadEnv, mergeConfig, type Plugin, type UserConfig } from "vite";
-import { devServerFnErrorLogger, devSsrErrorLogger } from "./dev-error-loggers.ts";
-import { isSandboxEnvironment } from "./sandbox.ts";
-
-export interface HelloLeoConfigOptions {
-  // Extra Vite config merged last (escape hatch).
-  vite?: UserConfig;
-  // Extra plugins appended after the internal ones.
-  plugins?: Plugin[];
-  // Opt out of the dev error → HMR websocket bridges (default: on in dev).
-  ssrErrorLogger?: boolean;
-  serverFnErrorLogger?: boolean;
-}
-
-// Resolve the cf-shim specifier the dev alias points at. Kept as a bare module
-// specifier so it resolves from the app's node_modules (@helloleo/runtime is a
-// dep of the app, not of this config package).
-const CF_SHIM = "@helloleo/runtime/cf-shim";
-
-export function defineConfig(options: HelloLeoConfigOptions = {}) {
-  return async (env: { command: string; mode: string }): Promise<UserConfig> => {
-    const { command, mode } = env;
-    const isDev = command === "serve";
-    const isSandbox = isSandboxEnvironment();
-    // __TARGET__ reflects the ACTIVE binding backend, derived from vite's
-    // command — not the sandbox env var. `serve` always aliases
-    // cloudflare:workers→cf-shim, so the live backend is the shim ("sandbox");
-    // `build` ships native workerd bindings ("workerd"). The HELLOLEO_SANDBOX
-    // var only gates sandbox hardening (port/host), never the target label.
-    // (Under `wrangler dev` there's no vite, so __TARGET__ is undefined and app
-    // code falls back to "unknown" — keep the typeof guard at call sites.)
-    const target = command === "build" ? "workerd" : "sandbox";
-
-    const internalPlugins: Plugin[] = [];
-
-    const tailwindcss = (await import("@tailwindcss/vite")).default;
-    internalPlugins.push(...(tailwindcss() as Plugin[]));
-
-    const tsConfigPaths = (await import("vite-tsconfig-paths")).default;
-    internalPlugins.push(tsConfigPaths({ projects: ["./tsconfig.json"] }));
-
-    if (isDev && options.serverFnErrorLogger !== false)
-      internalPlugins.push(devServerFnErrorLogger());
-    if (isDev && options.ssrErrorLogger !== false) internalPlugins.push(devSsrErrorLogger());
-
-    const { tanstackStart } = await import("@tanstack/react-start/plugin/vite");
-    internalPlugins.push(
-      ...(tanstackStart({
-        // Build error if server-only code reaches the client bundle. Belt to the
-        // .server.ts naming suspenders.
-        importProtection: {
-          behavior: "error",
-          client: { files: ["**/server/**"], specifiers: ["server-only"] },
-        },
-      }) as Plugin[]),
-    );
-
-    const viteReact = (await import("@vitejs/plugin-react")).default;
-    internalPlugins.push(...(viteReact() as Plugin[]));
-
-    // PROD only: @cloudflare/vite-plugin builds the workerd Worker and binds the
-    // real env (D1/KV/R2 from wrangler.jsonc) — `cloudflare:workers` resolves
-    // natively. Skipped in dev: workerd can't nest in the sandbox preview VM, so
-    // dev runs plain Vite SSR with the cf-shim alias instead (below). This is the
-    // single dev/prod seam.
-    if (!isDev) {
-      const { cloudflare } = await import("@cloudflare/vite-plugin");
-      internalPlugins.push(...(cloudflare({ viteEnvironment: { name: "ssr" } }) as Plugin[]));
-    }
-
-    // VITE_* env → import.meta.env, mirrored explicitly (matches build).
-    const envDefine: Record<string, string> = {};
-    for (const [key, value] of Object.entries(loadEnv(mode, process.cwd(), "VITE_"))) {
-      envDefine[`import.meta.env.${key}`] = JSON.stringify(value);
-    }
-
-    let config: UserConfig = {
-      // __TARGET__ literal lets app/runtime code dead-code-eliminate the wrong
-      // branch (e.g. presign-only-S3 paths, prerender guards).
-      define: { ...envDefine, __TARGET__: JSON.stringify(target) },
-      // Lightning CSS in dev too — Vite uses PostCSS in dev / Lightning at build,
-      // so a build-only CSS transform can break the static output while the dev
-      // preview looks fine. Running Lightning in both keeps the preview honest
-      // (matters for the no-code Design panel round-trip).
-      css: { transformer: "lightningcss" },
-      resolve: {
-        alias: {
-          "@": `${process.cwd()}/src`,
-          "#": `${process.cwd()}/src`,
-          // DEV (always): workerd can't run here, so back the bindings with the
-          // local shim. PROD: @cloudflare/vite-plugin provides the real module,
-          // so no alias.
-          ...(isDev ? { "cloudflare:workers": CF_SHIM } : {}),
-        },
-        dedupe: [
-          "react",
-          "react-dom",
-          "react/jsx-runtime",
-          "@tanstack/react-query",
-          "@tanstack/query-core",
-        ],
-      },
-      plugins: [...internalPlugins, ...(options.plugins ?? [])],
-    };
-
-    if (options.vite) config = mergeConfig(config, options.vite);
-
-    if (isSandbox) {
-      // The CodeSandbox preview proxy requires a fixed host/port contract.
-      config = mergeConfig(config, {
-        server: { host: "::", port: 8080, strictPort: true, allowedHosts: true },
-      });
-    } else {
-      // Local dev: debounce file watching — agents write files in bursts;
-      // without this the dev server reloads on partial writes.
-      config = mergeConfig(config, {
-        server: { host: "::", port: 8080, allowedHosts: true },
-        ...(isDev
-          ? {
-              server: {
-                watch: { awaitWriteFinish: { stabilityThreshold: 1000, pollInterval: 100 } },
-              },
-            }
-          : {}),
-      });
-    }
-
-    return config;
-  };
-}

package/src/sandbox.ts

@@ -1,9 +0,0 @@
-// Sandbox detection — the seam that drives __TARGET__ and the cloudflare:workers
-// alias. The HelloLeo dev harness (CodeSandbox launcher) sets HELLOLEO_SANDBOX=1
-// when it boots the dev server. DEV_SERVER__PROJECT_PATH is the secondary signal
-// kept compatible with the Lovable-style launcher contract.
-export function isSandboxEnvironment(): boolean {
-  return process.env.HELLOLEO_SANDBOX === "1" || !!process.env.DEV_SERVER__PROJECT_PATH;
-}
-
-export type Target = "workerd" | "sandbox";

package/tsconfig.json

@@ -1,7 +0,0 @@
-{
-  "extends": "../../tsconfig.base.json",
-  "compilerOptions": {
-    "types": ["bun"]
-  },
-  "include": ["src/**/*.ts"]
-}