@lovable.dev/vite-tanstack-config 2.13.0 → 2.14.0

package/dist/hmr-gate.cjs

@@ -18,6 +18,25 @@ function gateStatusHeaders(req) {
 	return headers;
 }
 const DEV_SERVER_MODE_EVENT = "lovable:dev-server-mode";
+const BOOT_PROGRESS_EVENT = "lovable:boot-progress";
+const BOOT_PROGRESS_MIN_INTERVAL_MS = 500;
+function firstBuildError(error) {
+	if (error == null || typeof error !== "object") return null;
+	const errors = error.errors;
+	const e = Array.isArray(errors) && errors.length > 0 ? errors[0] : error;
+	const message = typeof e.message === "string" ? e.message : "Build failed";
+	let file = null;
+	if (typeof e.loc?.file === "string") file = e.loc.file;
+	else if (typeof e.id === "string") file = e.id;
+	return {
+		message,
+		file,
+		line: typeof e.loc?.line === "number" ? e.loc.line : null
+	};
+}
+function hookEnvironmentName(context) {
+	return context.environment?.name ?? "shared";
+}
 const EDIT_FREE_RELOAD_MARKER = "edit-free";
 /** Host-controlled default for `fullReload`; an explicit option still wins. */
 const FULL_RELOAD_ENV_VAR = "LOVABLE_HMR_FULL_RELOAD";
@@ -33,6 +52,57 @@ function hmrGatePlugin(options = {}) {
 	const lastFlushedHashes = /* @__PURE__ */ new Map();
 	let originalEmit = null;
 	let server = null;
+	let generation = null;
+	const transformsByEnv = /* @__PURE__ */ new Map();
+	const buildErrorsByEnv = /* @__PURE__ */ new Map();
+	let bootProgressSentAt = 0;
+	let bootProgressTimer = null;
+	let lastBootProgressKey = "";
+	function bootProgressData() {
+		const now = Date.now();
+		const idle = (name) => {
+			const at = transformsByEnv.get(name)?.lastTransformAt;
+			return at === void 0 ? null : now - at;
+		};
+		return {
+			ssrModules: transformsByEnv.get("ssr")?.ids.size ?? 0,
+			clientModules: transformsByEnv.get("client")?.ids.size ?? 0,
+			ssrIdleMs: idle("ssr"),
+			clientIdleMs: idle("client"),
+			buildError: buildErrorsByEnv.values().next().value ?? null
+		};
+	}
+	function bootProgressKey(data) {
+		const error = data.buildError;
+		const errorKey = error ? `${error.message}:${error.file ?? ""}:${error.line ?? ""}` : "";
+		return `${data.ssrModules}:${data.clientModules}:${errorKey}`;
+	}
+	function broadcastBootProgress() {
+		const data = bootProgressData();
+		const key = bootProgressKey(data);
+		if (key === lastBootProgressKey) return;
+		lastBootProgressKey = key;
+		bootProgressSentAt = Date.now();
+		server?.ws.send({
+			type: "custom",
+			event: BOOT_PROGRESS_EVENT,
+			data
+		});
+	}
+	function scheduleBootProgress() {
+		if (bootProgressTimer !== null) return;
+		const waitMs = bootProgressSentAt + BOOT_PROGRESS_MIN_INTERVAL_MS - Date.now();
+		if (waitMs <= 0) {
+			broadcastBootProgress();
+			return;
+		}
+		bootProgressTimer = setTimeout(() => {
+			bootProgressTimer = null;
+			broadcastBootProgress();
+		}, waitMs);
+		bootProgressTimer.unref?.();
+	}
+	let classicFailOpenTimer = null;
 	let transportMode = false;
 	let swallowedUpdates = 0;
 	let heldReload = false;
@@ -106,15 +176,55 @@ function hmrGatePlugin(options = {}) {
 		apply: "serve",
 		configResolved(config) {
 			transportMode = config.experimental?.bundledDev === true;
+			const rawGeneration = process.env.LOVABLE_SPAWN_GENERATION;
+			const parsed = rawGeneration === void 0 || rawGeneration === "" ? null : Number(rawGeneration);
+			generation = parsed !== null && Number.isSafeInteger(parsed) ? parsed : null;
+		},
+		transform(_code, id, options) {
+			const name = this.environment?.name ?? (options?.ssr === true ? "ssr" : "client");
+			let progress = transformsByEnv.get(name);
+			if (!progress) {
+				progress = {
+					ids: /* @__PURE__ */ new Set(),
+					lastTransformAt: 0
+				};
+				transformsByEnv.set(name, progress);
+			}
+			progress.ids.add(id);
+			progress.lastTransformAt = Date.now();
+			scheduleBootProgress();
+			return null;
+		},
+		buildStart() {
+			buildErrorsByEnv.delete(hookEnvironmentName(this));
+			scheduleBootProgress();
+		},
+		buildEnd(error) {
+			const name = hookEnvironmentName(this);
+			const parsed = error == null ? null : firstBuildError(error);
+			if (parsed === null) buildErrorsByEnv.delete(name);
+			else buildErrorsByEnv.set(name, parsed);
+			scheduleBootProgress();
 		},
 		configureServer(srv) {
 			server = srv;
+			transformsByEnv.clear();
+			buildErrorsByEnv.clear();
+			lastBootProgressKey = "";
 			srv.ws.on?.("connection", (socket) => {
 				try {
 					socket.send(JSON.stringify({
 						type: "custom",
 						event: DEV_SERVER_MODE_EVENT,
-						data: { mode: transportMode ? "bundled" : "classic" }
+						data: {
+							mode: transportMode ? "bundled" : "classic",
+							...generation !== null ? { generation } : {}
+						}
+					}));
+					socket.send(JSON.stringify({
+						type: "custom",
+						event: BOOT_PROGRESS_EVENT,
+						data: bootProgressData()
 					}));
 				} catch {}
 			});
@@ -239,6 +349,25 @@ function hmrGatePlugin(options = {}) {
 			}
 			const _emit = srv.watcher.emit.bind(srv.watcher);
 			originalEmit = _emit;
+			const flushPending = () => {
+				if (classicFailOpenTimer !== null) {
+					clearTimeout(classicFailOpenTimer);
+					classicFailOpenTimer = null;
+				}
+				const entries = Array.from(pending.entries());
+				pending.clear();
+				for (const [f] of entries) srv.moduleGraph.onFileChange(f);
+				if (entries.length > 0) {
+					for (const [f, events] of entries) {
+						for (const event of events) _emit(event, f);
+						const hash = fileContentHash(f);
+						if (hash === null) lastFlushedHashes.delete(f);
+						else lastFlushedHashes.set(f, hash);
+					}
+					if (fullReload) srv.ws.send({ type: "full-reload" });
+				}
+				return entries;
+			};
 			srv.watcher.emit = ((event, ...args) => {
 				if (typeof event === "string" && gatedEvents.has(event) && !isPassthrough(args[0])) {
 					const filePath = args[0];
@@ -246,6 +375,10 @@ function hmrGatePlugin(options = {}) {
 						const hash = fileContentHash(filePath);
 						if (hash !== null && hash === lastFlushedHashes.get(filePath)) {
 							pending.delete(filePath);
+							if (pending.size === 0 && classicFailOpenTimer !== null) {
+								clearTimeout(classicFailOpenTimer);
+								classicFailOpenTimer = null;
+							}
 							return false;
 						}
 					}
@@ -255,24 +388,20 @@ function hmrGatePlugin(options = {}) {
 						pending.set(filePath, events);
 					}
 					events.add(event);
+					if (classicFailOpenTimer === null) {
+						classicFailOpenTimer = setTimeout(() => {
+							classicFailOpenTimer = null;
+							flushPending();
+						}, maxHoldMs);
+						classicFailOpenTimer.unref?.();
+					}
 					return false;
 				}
 				return _emit(event, ...args);
 			});
 			srv.middlewares.use((req, res, next) => {
 				if (req.method !== "POST" || requestPathname(req) !== "/__hmr_flush") return next();
-				const entries = Array.from(pending.entries());
-				pending.clear();
-				for (const [f] of entries) srv.moduleGraph.onFileChange(f);
-				if (entries.length > 0) {
-					for (const [f, events] of entries) {
-						for (const event of events) _emit(event, f);
-						const hash = fileContentHash(f);
-						if (hash === null) lastFlushedHashes.delete(f);
-						else lastFlushedHashes.set(f, hash);
-					}
-					if (fullReload) srv.ws.send({ type: "full-reload" });
-				}
+				const entries = flushPending();
 				const files = entries.map(([f]) => f);
 				const body = JSON.stringify({
 					flushed: files,
@@ -309,6 +438,18 @@ function hmrGatePlugin(options = {}) {
 				clearTimeout(reloadFailOpenTimer);
 				reloadFailOpenTimer = null;
 			}
+			if (classicFailOpenTimer !== null) {
+				clearTimeout(classicFailOpenTimer);
+				classicFailOpenTimer = null;
+			}
+			if (bootProgressTimer !== null) {
+				clearTimeout(bootProgressTimer);
+				bootProgressTimer = null;
+			}
+			transformsByEnv.clear();
+			buildErrorsByEnv.clear();
+			bootProgressSentAt = 0;
+			lastBootProgressKey = "";
 			bufferedReloadNeeded.clear();
 			pendingReplay.clear();
 			reloadNeededListener = null;
@@ -324,6 +465,7 @@ function hmrGatePlugin(options = {}) {
 	};
 }
 //#endregion
+exports.BOOT_PROGRESS_EVENT = BOOT_PROGRESS_EVENT;
 exports.DEV_SERVER_MODE_EVENT = DEV_SERVER_MODE_EVENT;
 exports.FULL_RELOAD_ENV_VAR = FULL_RELOAD_ENV_VAR;
 exports.hmrGatePlugin = hmrGatePlugin;

package/dist/hmr-gate.d.cts

@@ -1,6 +1,20 @@
 import { Plugin } from "vite";
 //#region src/hmr-gate/index.d.ts
 declare const DEV_SERVER_MODE_EVENT = "lovable:dev-server-mode";
+declare const BOOT_PROGRESS_EVENT = "lovable:boot-progress";
+interface BootProgressData {
+  ssrModules: number;
+  clientModules: number;
+  /** ms since the newest transform, measured on the server's own clock so the
+        browser never differences two machines' timestamps. */
+  ssrIdleMs: number | null;
+  clientIdleMs: number | null;
+  buildError: {
+    message: string;
+    file: string | null;
+    line: number | null;
+  } | null;
+}
 /** Host-controlled default for `fullReload`; an explicit option still wins. */
 declare const FULL_RELOAD_ENV_VAR = "LOVABLE_HMR_FULL_RELOAD";
 interface HmrGateOptions {
@@ -10,8 +24,8 @@ interface HmrGateOptions {
   /** Bundled dev only: ms the gate stays open after a flush so the client's
    * queued patch fetches drain. Default 1500. */
   drainMs?: number;
-  /** Bundled dev only: max ms a patch response is parked before it
-   * fail-opens. Default 240000. */
+  /** Max ms held work survives without a flush before the gate fail-opens
+   * (classic self-flushes; bundled dev releases parked patches). Default 240000. */
   maxHoldMs?: number;
   /** Bundled dev only: ms after server start during which full-reload frames
    * (Vite's restart resync) pass through live. Default 5000. */
@@ -24,4 +38,4 @@ interface HmrGateOptions {
 }
 declare function hmrGatePlugin(options?: HmrGateOptions): Plugin;
 //#endregion
-export { DEV_SERVER_MODE_EVENT, FULL_RELOAD_ENV_VAR, HmrGateOptions, hmrGatePlugin };
+export { BOOT_PROGRESS_EVENT, BootProgressData, DEV_SERVER_MODE_EVENT, FULL_RELOAD_ENV_VAR, HmrGateOptions, hmrGatePlugin };

package/dist/hmr-gate.d.ts

@@ -1,6 +1,20 @@
 import { Plugin } from "vite";
 //#region src/hmr-gate/index.d.ts
 declare const DEV_SERVER_MODE_EVENT = "lovable:dev-server-mode";
+declare const BOOT_PROGRESS_EVENT = "lovable:boot-progress";
+interface BootProgressData {
+  ssrModules: number;
+  clientModules: number;
+  /** ms since the newest transform, measured on the server's own clock so the
+        browser never differences two machines' timestamps. */
+  ssrIdleMs: number | null;
+  clientIdleMs: number | null;
+  buildError: {
+    message: string;
+    file: string | null;
+    line: number | null;
+  } | null;
+}
 /** Host-controlled default for `fullReload`; an explicit option still wins. */
 declare const FULL_RELOAD_ENV_VAR = "LOVABLE_HMR_FULL_RELOAD";
 interface HmrGateOptions {
@@ -10,8 +24,8 @@ interface HmrGateOptions {
   /** Bundled dev only: ms the gate stays open after a flush so the client's
    * queued patch fetches drain. Default 1500. */
   drainMs?: number;
-  /** Bundled dev only: max ms a patch response is parked before it
-   * fail-opens. Default 240000. */
+  /** Max ms held work survives without a flush before the gate fail-opens
+   * (classic self-flushes; bundled dev releases parked patches). Default 240000. */
   maxHoldMs?: number;
   /** Bundled dev only: ms after server start during which full-reload frames
    * (Vite's restart resync) pass through live. Default 5000. */
@@ -24,4 +38,4 @@ interface HmrGateOptions {
 }
 declare function hmrGatePlugin(options?: HmrGateOptions): Plugin;
 //#endregion
-export { DEV_SERVER_MODE_EVENT, FULL_RELOAD_ENV_VAR, HmrGateOptions, hmrGatePlugin };
+export { BOOT_PROGRESS_EVENT, BootProgressData, DEV_SERVER_MODE_EVENT, FULL_RELOAD_ENV_VAR, HmrGateOptions, hmrGatePlugin };

package/dist/hmr-gate.js

@@ -17,6 +17,25 @@ function gateStatusHeaders(req) {
 	return headers;
 }
 const DEV_SERVER_MODE_EVENT = "lovable:dev-server-mode";
+const BOOT_PROGRESS_EVENT = "lovable:boot-progress";
+const BOOT_PROGRESS_MIN_INTERVAL_MS = 500;
+function firstBuildError(error) {
+	if (error == null || typeof error !== "object") return null;
+	const errors = error.errors;
+	const e = Array.isArray(errors) && errors.length > 0 ? errors[0] : error;
+	const message = typeof e.message === "string" ? e.message : "Build failed";
+	let file = null;
+	if (typeof e.loc?.file === "string") file = e.loc.file;
+	else if (typeof e.id === "string") file = e.id;
+	return {
+		message,
+		file,
+		line: typeof e.loc?.line === "number" ? e.loc.line : null
+	};
+}
+function hookEnvironmentName(context) {
+	return context.environment?.name ?? "shared";
+}
 const EDIT_FREE_RELOAD_MARKER = "edit-free";
 /** Host-controlled default for `fullReload`; an explicit option still wins. */
 const FULL_RELOAD_ENV_VAR = "LOVABLE_HMR_FULL_RELOAD";
@@ -32,6 +51,57 @@ function hmrGatePlugin(options = {}) {
 	const lastFlushedHashes = /* @__PURE__ */ new Map();
 	let originalEmit = null;
 	let server = null;
+	let generation = null;
+	const transformsByEnv = /* @__PURE__ */ new Map();
+	const buildErrorsByEnv = /* @__PURE__ */ new Map();
+	let bootProgressSentAt = 0;
+	let bootProgressTimer = null;
+	let lastBootProgressKey = "";
+	function bootProgressData() {
+		const now = Date.now();
+		const idle = (name) => {
+			const at = transformsByEnv.get(name)?.lastTransformAt;
+			return at === void 0 ? null : now - at;
+		};
+		return {
+			ssrModules: transformsByEnv.get("ssr")?.ids.size ?? 0,
+			clientModules: transformsByEnv.get("client")?.ids.size ?? 0,
+			ssrIdleMs: idle("ssr"),
+			clientIdleMs: idle("client"),
+			buildError: buildErrorsByEnv.values().next().value ?? null
+		};
+	}
+	function bootProgressKey(data) {
+		const error = data.buildError;
+		const errorKey = error ? `${error.message}:${error.file ?? ""}:${error.line ?? ""}` : "";
+		return `${data.ssrModules}:${data.clientModules}:${errorKey}`;
+	}
+	function broadcastBootProgress() {
+		const data = bootProgressData();
+		const key = bootProgressKey(data);
+		if (key === lastBootProgressKey) return;
+		lastBootProgressKey = key;
+		bootProgressSentAt = Date.now();
+		server?.ws.send({
+			type: "custom",
+			event: BOOT_PROGRESS_EVENT,
+			data
+		});
+	}
+	function scheduleBootProgress() {
+		if (bootProgressTimer !== null) return;
+		const waitMs = bootProgressSentAt + BOOT_PROGRESS_MIN_INTERVAL_MS - Date.now();
+		if (waitMs <= 0) {
+			broadcastBootProgress();
+			return;
+		}
+		bootProgressTimer = setTimeout(() => {
+			bootProgressTimer = null;
+			broadcastBootProgress();
+		}, waitMs);
+		bootProgressTimer.unref?.();
+	}
+	let classicFailOpenTimer = null;
 	let transportMode = false;
 	let swallowedUpdates = 0;
 	let heldReload = false;
@@ -105,15 +175,55 @@ function hmrGatePlugin(options = {}) {
 		apply: "serve",
 		configResolved(config) {
 			transportMode = config.experimental?.bundledDev === true;
+			const rawGeneration = process.env.LOVABLE_SPAWN_GENERATION;
+			const parsed = rawGeneration === void 0 || rawGeneration === "" ? null : Number(rawGeneration);
+			generation = parsed !== null && Number.isSafeInteger(parsed) ? parsed : null;
+		},
+		transform(_code, id, options) {
+			const name = this.environment?.name ?? (options?.ssr === true ? "ssr" : "client");
+			let progress = transformsByEnv.get(name);
+			if (!progress) {
+				progress = {
+					ids: /* @__PURE__ */ new Set(),
+					lastTransformAt: 0
+				};
+				transformsByEnv.set(name, progress);
+			}
+			progress.ids.add(id);
+			progress.lastTransformAt = Date.now();
+			scheduleBootProgress();
+			return null;
+		},
+		buildStart() {
+			buildErrorsByEnv.delete(hookEnvironmentName(this));
+			scheduleBootProgress();
+		},
+		buildEnd(error) {
+			const name = hookEnvironmentName(this);
+			const parsed = error == null ? null : firstBuildError(error);
+			if (parsed === null) buildErrorsByEnv.delete(name);
+			else buildErrorsByEnv.set(name, parsed);
+			scheduleBootProgress();
 		},
 		configureServer(srv) {
 			server = srv;
+			transformsByEnv.clear();
+			buildErrorsByEnv.clear();
+			lastBootProgressKey = "";
 			srv.ws.on?.("connection", (socket) => {
 				try {
 					socket.send(JSON.stringify({
 						type: "custom",
 						event: DEV_SERVER_MODE_EVENT,
-						data: { mode: transportMode ? "bundled" : "classic" }
+						data: {
+							mode: transportMode ? "bundled" : "classic",
+							...generation !== null ? { generation } : {}
+						}
+					}));
+					socket.send(JSON.stringify({
+						type: "custom",
+						event: BOOT_PROGRESS_EVENT,
+						data: bootProgressData()
 					}));
 				} catch {}
 			});
@@ -238,6 +348,25 @@ function hmrGatePlugin(options = {}) {
 			}
 			const _emit = srv.watcher.emit.bind(srv.watcher);
 			originalEmit = _emit;
+			const flushPending = () => {
+				if (classicFailOpenTimer !== null) {
+					clearTimeout(classicFailOpenTimer);
+					classicFailOpenTimer = null;
+				}
+				const entries = Array.from(pending.entries());
+				pending.clear();
+				for (const [f] of entries) srv.moduleGraph.onFileChange(f);
+				if (entries.length > 0) {
+					for (const [f, events] of entries) {
+						for (const event of events) _emit(event, f);
+						const hash = fileContentHash(f);
+						if (hash === null) lastFlushedHashes.delete(f);
+						else lastFlushedHashes.set(f, hash);
+					}
+					if (fullReload) srv.ws.send({ type: "full-reload" });
+				}
+				return entries;
+			};
 			srv.watcher.emit = ((event, ...args) => {
 				if (typeof event === "string" && gatedEvents.has(event) && !isPassthrough(args[0])) {
 					const filePath = args[0];
@@ -245,6 +374,10 @@ function hmrGatePlugin(options = {}) {
 						const hash = fileContentHash(filePath);
 						if (hash !== null && hash === lastFlushedHashes.get(filePath)) {
 							pending.delete(filePath);
+							if (pending.size === 0 && classicFailOpenTimer !== null) {
+								clearTimeout(classicFailOpenTimer);
+								classicFailOpenTimer = null;
+							}
 							return false;
 						}
 					}
@@ -254,24 +387,20 @@ function hmrGatePlugin(options = {}) {
 						pending.set(filePath, events);
 					}
 					events.add(event);
+					if (classicFailOpenTimer === null) {
+						classicFailOpenTimer = setTimeout(() => {
+							classicFailOpenTimer = null;
+							flushPending();
+						}, maxHoldMs);
+						classicFailOpenTimer.unref?.();
+					}
 					return false;
 				}
 				return _emit(event, ...args);
 			});
 			srv.middlewares.use((req, res, next) => {
 				if (req.method !== "POST" || requestPathname(req) !== "/__hmr_flush") return next();
-				const entries = Array.from(pending.entries());
-				pending.clear();
-				for (const [f] of entries) srv.moduleGraph.onFileChange(f);
-				if (entries.length > 0) {
-					for (const [f, events] of entries) {
-						for (const event of events) _emit(event, f);
-						const hash = fileContentHash(f);
-						if (hash === null) lastFlushedHashes.delete(f);
-						else lastFlushedHashes.set(f, hash);
-					}
-					if (fullReload) srv.ws.send({ type: "full-reload" });
-				}
+				const entries = flushPending();
 				const files = entries.map(([f]) => f);
 				const body = JSON.stringify({
 					flushed: files,
@@ -308,6 +437,18 @@ function hmrGatePlugin(options = {}) {
 				clearTimeout(reloadFailOpenTimer);
 				reloadFailOpenTimer = null;
 			}
+			if (classicFailOpenTimer !== null) {
+				clearTimeout(classicFailOpenTimer);
+				classicFailOpenTimer = null;
+			}
+			if (bootProgressTimer !== null) {
+				clearTimeout(bootProgressTimer);
+				bootProgressTimer = null;
+			}
+			transformsByEnv.clear();
+			buildErrorsByEnv.clear();
+			bootProgressSentAt = 0;
+			lastBootProgressKey = "";
 			bufferedReloadNeeded.clear();
 			pendingReplay.clear();
 			reloadNeededListener = null;
@@ -323,4 +464,4 @@ function hmrGatePlugin(options = {}) {
 	};
 }
 //#endregion
-export { DEV_SERVER_MODE_EVENT, FULL_RELOAD_ENV_VAR, hmrGatePlugin };
+export { BOOT_PROGRESS_EVENT, DEV_SERVER_MODE_EVENT, FULL_RELOAD_ENV_VAR, hmrGatePlugin };

package/package.json

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