@lovable.dev/vite-tanstack-config 2.25.0 → 2.25.2

package/dist/devModulePreload-BwVYdLe9.cjs

@@ -0,0 +1,160 @@
+let node_path = require("node:path");
+let vite = require("vite");
+//#region src/devModulePreload.ts
+const DEV_CLIENT_ENTRY = "virtual:tanstack-start-dev-client-entry";
+const MAX_PRELOADED_MODULES = 500;
+const HEAD_SCAN_LIMIT = 64 * 1024;
+const HEAD_OPEN_RE = /<head(?:\s[^>]*)?>/i;
+const KNOWN_JS_SRC_RE = /\.(?:[jt]sx?|m[jt]s|vue|marko|svelte|astro|imba|mdx)(?:$|\?)/;
+/** Preloads the dev client's module graph so the browser fetches it in parallel, not one import level per round trip. */
+function devModulePreloadPlugin(options = {}) {
+	const entry = options.entry ?? DEV_CLIENT_ENTRY;
+	return {
+		name: "lovable:dev-module-preload",
+		apply: "serve",
+		configureServer(server) {
+			if (process.env["LOVABLE_DEV_MODULE_PRELOAD"] !== "1") return;
+			if (server.config.experimental?.bundledDev) return;
+			const client = server.environments?.client;
+			if (!client) return;
+			let crawl;
+			const recrawl = () => {
+				crawl ??= crawlModuleGraph(client, entry).finally(() => {
+					crawl = void 0;
+				});
+			};
+			server.httpServer?.once("listening", recrawl);
+			server.middlewares.use((req, res, next) => {
+				if (req.method === "GET" && (req.headers.accept ?? "").includes("text/html")) {
+					recrawl();
+					injectAfterHead(res, () => modulePreloadTags(preloadUrls(client, entry, server.config.base)));
+				}
+				next();
+			});
+		}
+	};
+}
+async function crawlModuleGraph(env, entry) {
+	const queued = /* @__PURE__ */ new Set([entry]);
+	let level = [entry];
+	while (level.length > 0) {
+		const next = [];
+		await Promise.all(level.map(async (url) => {
+			try {
+				await env.transformRequest(url);
+				const mod = await env.moduleGraph.getModuleByUrl(url);
+				for (const dep of mod?.importedModules ?? []) {
+					if (dep.id === null || queued.has(dep.url) || queued.size >= MAX_PRELOADED_MODULES) continue;
+					queued.add(dep.url);
+					next.push(dep.url);
+				}
+			} catch {}
+		}));
+		level = next;
+	}
+}
+function preloadUrls(env, entry, base) {
+	const root = env.moduleGraph.urlToModuleMap.get(entry);
+	const queue = root ? [root] : [];
+	const seen = new Set(queue);
+	const urls = [];
+	for (const mod of queue) {
+		const code = mod.transformResult?.code ?? "";
+		for (const dep of mod.importedModules) {
+			if (seen.has(dep) || !dep.transformResult) continue;
+			const url = browserImportUrl(dep, base);
+			if (!code.includes(`"${url}"`) && !code.includes(`'${url}'`)) continue;
+			if (urls.length === MAX_PRELOADED_MODULES) return urls;
+			seen.add(dep);
+			queue.push(dep);
+			urls.push(url);
+		}
+	}
+	return urls;
+}
+function browserImportUrl(mod, base) {
+	let url = mod.url.startsWith("/") ? mod.url : `/@id/${mod.url.replace("\0", "__x00__")}`;
+	if (mod.lastHMRTimestamp > 0) url = injectQuery(url, `t=${mod.lastHMRTimestamp}`);
+	if (!isJSRequest(url) && !(0, vite.isCSSRequest)(url)) url = injectQuery(url, "import");
+	return base === "/" ? url : `${base.replace(/\/$/, "")}${url}`;
+}
+function injectQuery(url, query) {
+	const at = url.search(/[?#]/);
+	if (at === -1) return `${url}?${query}`;
+	const postfix = url.slice(at);
+	return `${url.slice(0, at)}?${query}${postfix[0] === "?" ? `&${postfix.slice(1)}` : postfix}`;
+}
+function isJSRequest(url) {
+	const path = url.replace(/[?#].*$/, "");
+	return KNOWN_JS_SRC_RE.test(path) || !node_path.posix.extname(path) && !path.endsWith("/");
+}
+function modulePreloadTags(urls) {
+	const escape = (url) => url.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;");
+	return urls.map((url) => `<link rel="modulepreload" href="${escape(url)}">`).join("");
+}
+function headerPairs(headers) {
+	if (!Array.isArray(headers)) return Object.entries(headers);
+	if (Array.isArray(headers[0])) return headers;
+	return headers.flatMap((value, i) => i % 2 === 0 ? [[value, headers[i + 1]]] : []);
+}
+function withoutContentLength(headers) {
+	const isLength = (name) => String(name).toLowerCase() === "content-length";
+	if (!Array.isArray(headers)) return Object.fromEntries(Object.entries(headers).filter(([name]) => !isLength(name)));
+	if (Array.isArray(headers[0])) return headers.filter((pair) => !isLength(pair[0]));
+	return headers.filter((_, i) => !isLength(headers[i - i % 2]));
+}
+/** Splices tags after the opening `<head>` of an unencoded HTML response, keeping every original byte. */
+function injectAfterHead(res, tags) {
+	const declared = /* @__PURE__ */ new Map();
+	const header = (name) => declared.get(name) ?? String(res.getHeader(name) ?? "");
+	const isPlainHtml = () => /text\/html/i.test(header("content-type")) && /^(identity)?$/i.test(header("content-encoding").trim());
+	let searching = true;
+	let scanned = 0;
+	const splice = (chunk, encoding) => {
+		if (!searching || chunk == null || typeof chunk === "function") return chunk;
+		const isBytes = chunk instanceof Uint8Array;
+		const isUtf8String = typeof chunk === "string" && (typeof encoding !== "string" || /^utf-?8$/i.test(encoding));
+		if (!isPlainHtml() || !(isBytes || isUtf8String)) {
+			searching = false;
+			return chunk;
+		}
+		const budget = HEAD_SCAN_LIMIT - scanned;
+		const text = isBytes ? Buffer.from(chunk.buffer, chunk.byteOffset, Math.min(chunk.byteLength, budget)).toString("latin1") : chunk.slice(0, budget);
+		const match = HEAD_OPEN_RE.exec(text);
+		if (!match) {
+			scanned += text.length;
+			searching = scanned < HEAD_SCAN_LIMIT;
+			return chunk;
+		}
+		searching = false;
+		const at = match.index + match[0].length;
+		let inserted = "";
+		try {
+			inserted = tags();
+		} catch {
+			return chunk;
+		}
+		if (!isBytes) return `${chunk.slice(0, at)}${inserted}${chunk.slice(at)}`;
+		return Buffer.concat([
+			chunk.subarray(0, at),
+			Buffer.from(inserted, "utf8"),
+			chunk.subarray(at)
+		]);
+	};
+	const writeHead = res.writeHead.bind(res);
+	const write = res.write.bind(res);
+	const end = res.end.bind(res);
+	res.writeHead = ((status, ...rest) => {
+		const at = rest.findIndex((arg) => arg !== null && typeof arg === "object");
+		if (at !== -1) for (const [name, value] of headerPairs(rest[at])) declared.set(String(name).toLowerCase(), String(value));
+		if (isPlainHtml()) {
+			res.removeHeader("content-length");
+			if (at !== -1) rest[at] = withoutContentLength(rest[at]);
+		}
+		return writeHead(status, ...rest);
+	});
+	res.write = ((chunk, ...rest) => write(splice(chunk, rest[0]), ...rest));
+	res.end = ((chunk, ...rest) => end(splice(chunk, rest[0]), ...rest));
+}
+//#endregion
+exports.devModulePreloadPlugin = devModulePreloadPlugin;

package/dist/devModulePreload-Dz3PBhzO.js

@@ -0,0 +1,160 @@
+import { posix } from "node:path";
+import { isCSSRequest } from "vite";
+//#region src/devModulePreload.ts
+const DEV_CLIENT_ENTRY = "virtual:tanstack-start-dev-client-entry";
+const MAX_PRELOADED_MODULES = 500;
+const HEAD_SCAN_LIMIT = 64 * 1024;
+const HEAD_OPEN_RE = /<head(?:\s[^>]*)?>/i;
+const KNOWN_JS_SRC_RE = /\.(?:[jt]sx?|m[jt]s|vue|marko|svelte|astro|imba|mdx)(?:$|\?)/;
+/** Preloads the dev client's module graph so the browser fetches it in parallel, not one import level per round trip. */
+function devModulePreloadPlugin(options = {}) {
+	const entry = options.entry ?? DEV_CLIENT_ENTRY;
+	return {
+		name: "lovable:dev-module-preload",
+		apply: "serve",
+		configureServer(server) {
+			if (process.env["LOVABLE_DEV_MODULE_PRELOAD"] !== "1") return;
+			if (server.config.experimental?.bundledDev) return;
+			const client = server.environments?.client;
+			if (!client) return;
+			let crawl;
+			const recrawl = () => {
+				crawl ??= crawlModuleGraph(client, entry).finally(() => {
+					crawl = void 0;
+				});
+			};
+			server.httpServer?.once("listening", recrawl);
+			server.middlewares.use((req, res, next) => {
+				if (req.method === "GET" && (req.headers.accept ?? "").includes("text/html")) {
+					recrawl();
+					injectAfterHead(res, () => modulePreloadTags(preloadUrls(client, entry, server.config.base)));
+				}
+				next();
+			});
+		}
+	};
+}
+async function crawlModuleGraph(env, entry) {
+	const queued = /* @__PURE__ */ new Set([entry]);
+	let level = [entry];
+	while (level.length > 0) {
+		const next = [];
+		await Promise.all(level.map(async (url) => {
+			try {
+				await env.transformRequest(url);
+				const mod = await env.moduleGraph.getModuleByUrl(url);
+				for (const dep of mod?.importedModules ?? []) {
+					if (dep.id === null || queued.has(dep.url) || queued.size >= MAX_PRELOADED_MODULES) continue;
+					queued.add(dep.url);
+					next.push(dep.url);
+				}
+			} catch {}
+		}));
+		level = next;
+	}
+}
+function preloadUrls(env, entry, base) {
+	const root = env.moduleGraph.urlToModuleMap.get(entry);
+	const queue = root ? [root] : [];
+	const seen = new Set(queue);
+	const urls = [];
+	for (const mod of queue) {
+		const code = mod.transformResult?.code ?? "";
+		for (const dep of mod.importedModules) {
+			if (seen.has(dep) || !dep.transformResult) continue;
+			const url = browserImportUrl(dep, base);
+			if (!code.includes(`"${url}"`) && !code.includes(`'${url}'`)) continue;
+			if (urls.length === MAX_PRELOADED_MODULES) return urls;
+			seen.add(dep);
+			queue.push(dep);
+			urls.push(url);
+		}
+	}
+	return urls;
+}
+function browserImportUrl(mod, base) {
+	let url = mod.url.startsWith("/") ? mod.url : `/@id/${mod.url.replace("\0", "__x00__")}`;
+	if (mod.lastHMRTimestamp > 0) url = injectQuery(url, `t=${mod.lastHMRTimestamp}`);
+	if (!isJSRequest(url) && !isCSSRequest(url)) url = injectQuery(url, "import");
+	return base === "/" ? url : `${base.replace(/\/$/, "")}${url}`;
+}
+function injectQuery(url, query) {
+	const at = url.search(/[?#]/);
+	if (at === -1) return `${url}?${query}`;
+	const postfix = url.slice(at);
+	return `${url.slice(0, at)}?${query}${postfix[0] === "?" ? `&${postfix.slice(1)}` : postfix}`;
+}
+function isJSRequest(url) {
+	const path = url.replace(/[?#].*$/, "");
+	return KNOWN_JS_SRC_RE.test(path) || !posix.extname(path) && !path.endsWith("/");
+}
+function modulePreloadTags(urls) {
+	const escape = (url) => url.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;");
+	return urls.map((url) => `<link rel="modulepreload" href="${escape(url)}">`).join("");
+}
+function headerPairs(headers) {
+	if (!Array.isArray(headers)) return Object.entries(headers);
+	if (Array.isArray(headers[0])) return headers;
+	return headers.flatMap((value, i) => i % 2 === 0 ? [[value, headers[i + 1]]] : []);
+}
+function withoutContentLength(headers) {
+	const isLength = (name) => String(name).toLowerCase() === "content-length";
+	if (!Array.isArray(headers)) return Object.fromEntries(Object.entries(headers).filter(([name]) => !isLength(name)));
+	if (Array.isArray(headers[0])) return headers.filter((pair) => !isLength(pair[0]));
+	return headers.filter((_, i) => !isLength(headers[i - i % 2]));
+}
+/** Splices tags after the opening `<head>` of an unencoded HTML response, keeping every original byte. */
+function injectAfterHead(res, tags) {
+	const declared = /* @__PURE__ */ new Map();
+	const header = (name) => declared.get(name) ?? String(res.getHeader(name) ?? "");
+	const isPlainHtml = () => /text\/html/i.test(header("content-type")) && /^(identity)?$/i.test(header("content-encoding").trim());
+	let searching = true;
+	let scanned = 0;
+	const splice = (chunk, encoding) => {
+		if (!searching || chunk == null || typeof chunk === "function") return chunk;
+		const isBytes = chunk instanceof Uint8Array;
+		const isUtf8String = typeof chunk === "string" && (typeof encoding !== "string" || /^utf-?8$/i.test(encoding));
+		if (!isPlainHtml() || !(isBytes || isUtf8String)) {
+			searching = false;
+			return chunk;
+		}
+		const budget = HEAD_SCAN_LIMIT - scanned;
+		const text = isBytes ? Buffer.from(chunk.buffer, chunk.byteOffset, Math.min(chunk.byteLength, budget)).toString("latin1") : chunk.slice(0, budget);
+		const match = HEAD_OPEN_RE.exec(text);
+		if (!match) {
+			scanned += text.length;
+			searching = scanned < HEAD_SCAN_LIMIT;
+			return chunk;
+		}
+		searching = false;
+		const at = match.index + match[0].length;
+		let inserted = "";
+		try {
+			inserted = tags();
+		} catch {
+			return chunk;
+		}
+		if (!isBytes) return `${chunk.slice(0, at)}${inserted}${chunk.slice(at)}`;
+		return Buffer.concat([
+			chunk.subarray(0, at),
+			Buffer.from(inserted, "utf8"),
+			chunk.subarray(at)
+		]);
+	};
+	const writeHead = res.writeHead.bind(res);
+	const write = res.write.bind(res);
+	const end = res.end.bind(res);
+	res.writeHead = ((status, ...rest) => {
+		const at = rest.findIndex((arg) => arg !== null && typeof arg === "object");
+		if (at !== -1) for (const [name, value] of headerPairs(rest[at])) declared.set(String(name).toLowerCase(), String(value));
+		if (isPlainHtml()) {
+			res.removeHeader("content-length");
+			if (at !== -1) rest[at] = withoutContentLength(rest[at]);
+		}
+		return writeHead(status, ...rest);
+	});
+	res.write = ((chunk, ...rest) => write(splice(chunk, rest[0]), ...rest));
+	res.end = ((chunk, ...rest) => end(splice(chunk, rest[0]), ...rest));
+}
+//#endregion
+export { devModulePreloadPlugin };

package/dist/index.cjs

@@ -105,7 +105,7 @@ function lovableAssetsProxyPlugin() {
 //#endregion
 //#region package.json
 var name = "@lovable.dev/vite-tanstack-config";
-var version = "2.25.0";
+var version = "2.25.2";
 //#endregion
 //#region src/logging.ts
 const PACKAGE_NAME = "@lovable.dev/vite-tanstack-config";
@@ -1851,6 +1851,8 @@ function defineConfig(configOrOptions = {}) {
 			internalPlugins.push(linkedDependenciesPlugin());
 			const { devServerBridgePlugin } = await Promise.resolve().then(() => require("./dev-server-bridge.cjs"));
 			internalPlugins.push(devServerBridgePlugin());
+			const { devModulePreloadPlugin } = await Promise.resolve().then(() => require("./devModulePreload-BwVYdLe9.cjs"));
+			internalPlugins.push(devModulePreloadPlugin());
 		}
 		if (command === "serve") internalPlugins.push(lovableAssetsProxyPlugin());
 		let envDefine = {};

package/dist/index.js

@@ -81,7 +81,7 @@ function lovableAssetsProxyPlugin() {
 //#endregion
 //#region package.json
 var name = "@lovable.dev/vite-tanstack-config";
-var version = "2.25.0";
+var version = "2.25.2";
 //#endregion
 //#region src/logging.ts
 const PACKAGE_NAME = "@lovable.dev/vite-tanstack-config";
@@ -1827,6 +1827,8 @@ function defineConfig(configOrOptions = {}) {
 			internalPlugins.push(linkedDependenciesPlugin());
 			const { devServerBridgePlugin } = await import("./dev-server-bridge.js");
 			internalPlugins.push(devServerBridgePlugin());
+			const { devModulePreloadPlugin } = await import("./devModulePreload-Dz3PBhzO.js");
+			internalPlugins.push(devModulePreloadPlugin());
 		}
 		if (command === "serve") internalPlugins.push(lovableAssetsProxyPlugin());
 		let envDefine = {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lovable.dev/vite-tanstack-config",
-  "version": "2.25.0",
+  "version": "2.25.2",
   "description": "Vite config wrapper for Lovable TanStack Start projects",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -83,9 +83,9 @@
   "devDependencies": {
     "@tailwindcss/vite": "^4.3.0",
     "@tanstack/react-query": "^5.102.8",
-    "@tanstack/react-router": "1.170.30",
-    "@tanstack/react-start": "^1.167.50",
-    "@tanstack/router-generator": "^1.167.31",
+    "@tanstack/react-router": "1.170.38",
+    "@tanstack/react-start": "^1.168.57",
+    "@tanstack/router-generator": "^1.167.38",
     "@types/node": "22.13.13",
     "@vitejs/plugin-react": "^5.2.0",
     "nitro": "3.0.260603-beta",
@@ -106,7 +106,7 @@
   "scripts": {
     "build": "tsdown",
     "check:package": "tmp=$(mktemp -d) && pnpm pack --out \"$tmp/pkg.tgz\" && tar -xzf \"$tmp/pkg.tgz\" -C \"$tmp\" && publint \"$tmp/package\" --strict && attw \"$tmp/pkg.tgz\"",
-    "typecheck": "tsgo --noEmit",
+    "typecheck": "tsc --noEmit --rootDir ../..",
     "dev": "tsdown --watch",
     "test": "vitest run",
     "test:unit": "vitest run --project unit",