@lovable.dev/vite-tanstack-config 2.8.7 → 2.9.1

package/dist/index.cjs

@@ -110,7 +110,7 @@ function viteVersionSupportsBundledDev(version) {
 	const match = /^(\d+)\.(\d+)\.(\d+)$/.exec(version);
 	if (!match) return false;
 	const [major, minor] = [Number(match[1]), Number(match[2])];
-	return major > 8 || major === 8 && minor >= 1;
+	return major === 8 && minor === 1;
 }
 async function resolveInstalledViteVersion() {
 	try {
@@ -122,6 +122,33 @@ async function resolveInstalledViteVersion() {
 	}
 }
 //#endregion
+//#region src/bundledDevCssUrlShim.ts
+const VIRTUAL_PREFIX = "\0lovable-bundled-dev-css-url:";
+const VIRTUAL_SUFFIX = ".shim.js";
+function bundledDevCssUrlShim() {
+	return {
+		name: "lovable-bundled-dev-css-url-shim",
+		apply: "serve",
+		enforce: "pre",
+		async resolveId(id, importer) {
+			if (!id.endsWith(".css?url")) return null;
+			const resolved = await this.resolve(id.slice(0, -4), importer, { skipSelf: true });
+			if (!resolved) return null;
+			return VIRTUAL_PREFIX + resolved.id + VIRTUAL_SUFFIX;
+		},
+		load(id) {
+			if (!id.startsWith(VIRTUAL_PREFIX) || !id.endsWith(VIRTUAL_SUFFIX)) return null;
+			const file = id.slice(29, -8);
+			const inlineSpecifier = file.includes("?") ? `${file}&inline` : `${file}?inline`;
+			return [
+				`import css from ${JSON.stringify(inlineSpecifier)};`,
+				`const b64 = typeof Buffer !== "undefined" ? Buffer.from(css, "utf8").toString("base64") : btoa(unescape(encodeURIComponent(css)));`,
+				`export default "data:text/css;base64," + b64;`
+			].join("\n");
+		}
+	};
+}
+//#endregion
 //#region src/index.ts
 const SANDBOX_ENV_VAR = "DEV_SERVER__PROJECT_PATH";
 const LOVABLE_SANDBOX_ENV_VAR = "LOVABLE_SANDBOX";
@@ -708,8 +735,11 @@ function defineConfig(configOrOptions = {}) {
 		if (options.vite) config = (0, vite.mergeConfig)(config, options.vite);
 		if (command === "serve" && isSandbox && bundledDevRequested()) {
 			const viteVersion = await resolveInstalledViteVersion();
-			if (viteVersionSupportsBundledDev(viteVersion)) config = (0, vite.mergeConfig)(config, { experimental: { bundledDev: true } });
-			else logWarning(`Bundled dev requested (${BUNDLED_DEV_ENV_VAR}) but the installed vite (${viteVersion ?? "unresolved"}) is missing, prerelease, or below 8.1 — starting classic dev.`);
+			if (viteVersionSupportsBundledDev(viteVersion)) config = (0, vite.mergeConfig)(config, {
+				experimental: { bundledDev: true },
+				plugins: [bundledDevCssUrlShim()]
+			});
+			else logWarning(`Bundled dev requested (${BUNDLED_DEV_ENV_VAR}) but the installed vite (${viteVersion ?? "unresolved"}) is outside the supported 8.1.x range — starting classic dev.`);
 		}
 		if (isSandbox) {
 			validateConfig(config);

package/dist/index.js

@@ -86,7 +86,7 @@ function viteVersionSupportsBundledDev(version) {
 	const match = /^(\d+)\.(\d+)\.(\d+)$/.exec(version);
 	if (!match) return false;
 	const [major, minor] = [Number(match[1]), Number(match[2])];
-	return major > 8 || major === 8 && minor >= 1;
+	return major === 8 && minor === 1;
 }
 async function resolveInstalledViteVersion() {
 	try {
@@ -98,6 +98,33 @@ async function resolveInstalledViteVersion() {
 	}
 }
 //#endregion
+//#region src/bundledDevCssUrlShim.ts
+const VIRTUAL_PREFIX = "\0lovable-bundled-dev-css-url:";
+const VIRTUAL_SUFFIX = ".shim.js";
+function bundledDevCssUrlShim() {
+	return {
+		name: "lovable-bundled-dev-css-url-shim",
+		apply: "serve",
+		enforce: "pre",
+		async resolveId(id, importer) {
+			if (!id.endsWith(".css?url")) return null;
+			const resolved = await this.resolve(id.slice(0, -4), importer, { skipSelf: true });
+			if (!resolved) return null;
+			return VIRTUAL_PREFIX + resolved.id + VIRTUAL_SUFFIX;
+		},
+		load(id) {
+			if (!id.startsWith(VIRTUAL_PREFIX) || !id.endsWith(VIRTUAL_SUFFIX)) return null;
+			const file = id.slice(29, -8);
+			const inlineSpecifier = file.includes("?") ? `${file}&inline` : `${file}?inline`;
+			return [
+				`import css from ${JSON.stringify(inlineSpecifier)};`,
+				`const b64 = typeof Buffer !== "undefined" ? Buffer.from(css, "utf8").toString("base64") : btoa(unescape(encodeURIComponent(css)));`,
+				`export default "data:text/css;base64," + b64;`
+			].join("\n");
+		}
+	};
+}
+//#endregion
 //#region src/index.ts
 const SANDBOX_ENV_VAR = "DEV_SERVER__PROJECT_PATH";
 const LOVABLE_SANDBOX_ENV_VAR = "LOVABLE_SANDBOX";
@@ -684,8 +711,11 @@ function defineConfig(configOrOptions = {}) {
 		if (options.vite) config = mergeConfig(config, options.vite);
 		if (command === "serve" && isSandbox && bundledDevRequested()) {
 			const viteVersion = await resolveInstalledViteVersion();
-			if (viteVersionSupportsBundledDev(viteVersion)) config = mergeConfig(config, { experimental: { bundledDev: true } });
-			else logWarning(`Bundled dev requested (${BUNDLED_DEV_ENV_VAR}) but the installed vite (${viteVersion ?? "unresolved"}) is missing, prerelease, or below 8.1 — starting classic dev.`);
+			if (viteVersionSupportsBundledDev(viteVersion)) config = mergeConfig(config, {
+				experimental: { bundledDev: true },
+				plugins: [bundledDevCssUrlShim()]
+			});
+			else logWarning(`Bundled dev requested (${BUNDLED_DEV_ENV_VAR}) but the installed vite (${viteVersion ?? "unresolved"}) is outside the supported 8.1.x range — starting classic dev.`);
 		}
 		if (isSandbox) {
 			validateConfig(config);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lovable.dev/vite-tanstack-config",
-  "version": "2.8.7",
+  "version": "2.9.1",
   "description": "Vite config wrapper for Lovable TanStack Start projects",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -18,7 +18,7 @@
   "license": "MIT",
   "dependencies": {
     "@lovable.dev/vite-plugin-dev-server-bridge": "^1.2.1",
-    "@lovable.dev/vite-plugin-hmr-gate": "^1.3.6",
+    "@lovable.dev/vite-plugin-hmr-gate": "^1.4.0",
     "@tanstack/devtools-vite": "^0.8.1",
     "lightningcss": "^1.30.0"
   },
@@ -44,7 +44,7 @@
     "rimraf": "^5.0.0",
     "tsdown": "^0.22.5",
     "typescript": "7.0.2",
-    "vite": "^8.1.5",
+    "vite": "^8.2.0",
     "vite-tsconfig-paths": "^6.0.2",
     "vitest": "^4.1.5"
   },