@lovable.dev/vite-tanstack-config 1.5.1 → 1.7.0

package/dist/index.cjs

@@ -130,6 +130,84 @@ function applyWatchDebounceDefaults(config) {
     }
   });
 }
+var SSR_CAPTURE_KEY = "__LOVABLE_TANSTACK_CAPTURE_SSR_ERROR__";
+function devSsrErrorLogger() {
+  let lastCapture;
+  const CAPTURE_TTL_MS = 5e3;
+  const capture = (error) => {
+    lastCapture = { error, at: Date.now() };
+  };
+  const consumeCapture = () => {
+    if (!lastCapture)
+      return void 0;
+    if (Date.now() - lastCapture.at > CAPTURE_TTL_MS) {
+      lastCapture = void 0;
+      return void 0;
+    }
+    const { error } = lastCapture;
+    lastCapture = void 0;
+    return error;
+  };
+  return {
+    name: "dev-ssr-error-logger",
+    apply: "serve",
+    configureServer(server) {
+      globalThis[SSR_CAPTURE_KEY] = capture;
+      const g = globalThis;
+      if (typeof g.addEventListener === "function") {
+        const addListener = g.addEventListener;
+        addListener("error", (e) => capture(e.error ?? e));
+        addListener("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) => {
+        const origEnd = res.end.bind(res);
+        res.end = (...args) => {
+          if (res.statusCode >= 500) {
+            const captured = consumeCapture();
+            let err;
+            if (captured instanceof Error) {
+              err = captured;
+            } else if (typeof captured === "string" && captured.length > 0) {
+              err = new Error(captured);
+            } else {
+              err = null;
+            }
+            try {
+              server.ws.send({
+                type: "custom",
+                event: "server-ssr-error",
+                data: err ? { name: err.name, message: err.message, stack: err.stack } : { name: "Error", message: "SSR rendering failed" }
+              });
+            } catch {
+            }
+          }
+          return origEnd(...args);
+        };
+        next();
+      });
+    },
+    transform(code, id) {
+      const normalizedId = id.replace(/\\/g, "/");
+      const isTargetModule = normalizedId.includes("/@tanstack/start-server-core/src/request-response.ts") || normalizedId.includes("/@tanstack/start-server-core/dist/esm/request-response.js");
+      if (!isTargetModule) {
+        return null;
+      }
+      const needle = "handler(request, requestOpts)";
+      if (!code.includes(needle)) {
+        return null;
+      }
+      return code.replace(
+        needle,
+        `Promise.resolve(${needle}).catch((err) => { globalThis.${SSR_CAPTURE_KEY}?.(err); throw err; })`
+      );
+    }
+  };
+}
 function devServerFnErrorLogger() {
   const HMR_SEND_KEY = "__TANSTACK_SERVER_FN_HMR_SEND__";
   return {
@@ -188,7 +266,7 @@ function defineConfig(configOrOptions = {}) {
       options = { vite: await configOrOptions };
     } else {
       const optionObject = configOrOptions && typeof configOrOptions === "object" ? configOrOptions : {};
-      const hasLovableKey = "vite" in optionObject || "serverFnErrorLogger" in optionObject || "cloudflare" in optionObject || "tanstackStart" in optionObject || "react" in optionObject || "envDefine" in optionObject || "hmrGate" in optionObject;
+      const hasLovableKey = "vite" in optionObject || "serverFnErrorLogger" in optionObject || "ssrErrorLogger" in optionObject || "cloudflare" in optionObject || "tanstackStart" in optionObject || "react" in optionObject || "envDefine" in optionObject || "hmrGate" in optionObject;
       options = hasLovableKey ? optionObject : { vite: optionObject };
     }
     const internalPlugins = [];
@@ -199,6 +277,9 @@ function defineConfig(configOrOptions = {}) {
     if (options.serverFnErrorLogger !== false) {
       internalPlugins.push(devServerFnErrorLogger());
     }
+    if (options.ssrErrorLogger !== false) {
+      internalPlugins.push(devSsrErrorLogger());
+    }
     if (options.cloudflare !== false && command === "build") {
       try {
         const { cloudflare } = await import("@cloudflare/vite-plugin");

package/dist/index.d.cts

@@ -4,6 +4,7 @@ interface LovableViteTanstackOptions {
     plugins?: PluginOption[];
     vite?: UserConfig;
     serverFnErrorLogger?: boolean;
+    ssrErrorLogger?: boolean;
     cloudflare?: Record<string, unknown> | false;
     /** Options forwarded to tanstackStart(). */
     tanstackStart?: Record<string, unknown>;

package/dist/index.d.ts

@@ -4,6 +4,7 @@ interface LovableViteTanstackOptions {
     plugins?: PluginOption[];
     vite?: UserConfig;
     serverFnErrorLogger?: boolean;
+    ssrErrorLogger?: boolean;
     cloudflare?: Record<string, unknown> | false;
     /** Options forwarded to tanstackStart(). */
     tanstackStart?: Record<string, unknown>;

package/dist/index.js

@@ -96,6 +96,84 @@ function applyWatchDebounceDefaults(config) {
     }
   });
 }
+var SSR_CAPTURE_KEY = "__LOVABLE_TANSTACK_CAPTURE_SSR_ERROR__";
+function devSsrErrorLogger() {
+  let lastCapture;
+  const CAPTURE_TTL_MS = 5e3;
+  const capture = (error) => {
+    lastCapture = { error, at: Date.now() };
+  };
+  const consumeCapture = () => {
+    if (!lastCapture)
+      return void 0;
+    if (Date.now() - lastCapture.at > CAPTURE_TTL_MS) {
+      lastCapture = void 0;
+      return void 0;
+    }
+    const { error } = lastCapture;
+    lastCapture = void 0;
+    return error;
+  };
+  return {
+    name: "dev-ssr-error-logger",
+    apply: "serve",
+    configureServer(server) {
+      globalThis[SSR_CAPTURE_KEY] = capture;
+      const g = globalThis;
+      if (typeof g.addEventListener === "function") {
+        const addListener = g.addEventListener;
+        addListener("error", (e) => capture(e.error ?? e));
+        addListener("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) => {
+        const origEnd = res.end.bind(res);
+        res.end = (...args) => {
+          if (res.statusCode >= 500) {
+            const captured = consumeCapture();
+            let err;
+            if (captured instanceof Error) {
+              err = captured;
+            } else if (typeof captured === "string" && captured.length > 0) {
+              err = new Error(captured);
+            } else {
+              err = null;
+            }
+            try {
+              server.ws.send({
+                type: "custom",
+                event: "server-ssr-error",
+                data: err ? { name: err.name, message: err.message, stack: err.stack } : { name: "Error", message: "SSR rendering failed" }
+              });
+            } catch {
+            }
+          }
+          return origEnd(...args);
+        };
+        next();
+      });
+    },
+    transform(code, id) {
+      const normalizedId = id.replace(/\\/g, "/");
+      const isTargetModule = normalizedId.includes("/@tanstack/start-server-core/src/request-response.ts") || normalizedId.includes("/@tanstack/start-server-core/dist/esm/request-response.js");
+      if (!isTargetModule) {
+        return null;
+      }
+      const needle = "handler(request, requestOpts)";
+      if (!code.includes(needle)) {
+        return null;
+      }
+      return code.replace(
+        needle,
+        `Promise.resolve(${needle}).catch((err) => { globalThis.${SSR_CAPTURE_KEY}?.(err); throw err; })`
+      );
+    }
+  };
+}
 function devServerFnErrorLogger() {
   const HMR_SEND_KEY = "__TANSTACK_SERVER_FN_HMR_SEND__";
   return {
@@ -154,7 +232,7 @@ function defineConfig(configOrOptions = {}) {
       options = { vite: await configOrOptions };
     } else {
       const optionObject = configOrOptions && typeof configOrOptions === "object" ? configOrOptions : {};
-      const hasLovableKey = "vite" in optionObject || "serverFnErrorLogger" in optionObject || "cloudflare" in optionObject || "tanstackStart" in optionObject || "react" in optionObject || "envDefine" in optionObject || "hmrGate" in optionObject;
+      const hasLovableKey = "vite" in optionObject || "serverFnErrorLogger" in optionObject || "ssrErrorLogger" in optionObject || "cloudflare" in optionObject || "tanstackStart" in optionObject || "react" in optionObject || "envDefine" in optionObject || "hmrGate" in optionObject;
       options = hasLovableKey ? optionObject : { vite: optionObject };
     }
     const internalPlugins = [];
@@ -165,6 +243,9 @@ function defineConfig(configOrOptions = {}) {
     if (options.serverFnErrorLogger !== false) {
       internalPlugins.push(devServerFnErrorLogger());
     }
+    if (options.ssrErrorLogger !== false) {
+      internalPlugins.push(devSsrErrorLogger());
+    }
     if (options.cloudflare !== false && command === "build") {
       try {
         const { cloudflare } = await import("@cloudflare/vite-plugin");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lovable.dev/vite-tanstack-config",
-  "version": "1.5.1",
+  "version": "1.7.0",
   "description": "Vite config wrapper for Lovable TanStack Start projects",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",