@bamboocss/vite 1.55.2 → 1.55.3

package/dist/index.cjs

@@ -304,6 +304,22 @@ const queryOf = (id) => {
 	const at = id.indexOf("?");
 	return at === -1 ? "" : id.slice(at);
 };
+/** `?url`, tested the way Vite's asset plugin tests it — the plugin a dev server leaves it to. */
+const URL_QUERY = /(?:\?|&)url(?:&|$)/;
+/**
+* Where a dev server serves the stylesheet, spelled the way Vite writes the URL of any module with
+* no file behind it: `/@id/`, then the resolved id with its NUL as `__x00__`, behind the server's
+* `origin` and base.
+*
+* The base is taken decoded, so `encodeURI` applies its escapes exactly once, as Vite does for an
+* asset's URL. Vite 6 and up carry it as `decodedBase`, which is missing from the published types,
+* hence the cast; Vite 5 has only `base`, decoded here instead.
+*/
+const devStylesheetUrl = (config) => {
+	const join = (a, b) => a && b ? `${a.replace(/\/$/, "")}/${b.replace(/^\//, "")}` : a || b;
+	const base = config?.decodedBase ?? decodeURI(config?.base ?? "/");
+	return encodeURI(join(join(config?.server.origin ?? "", base), `@id/__x00__${VIRTUAL_CSS_ID}`));
+};
 /**
 * A thrown value Vite can actually report.
 *
@@ -744,6 +760,7 @@ const bamboocssCss = (options) => {
 			const query = queryOf(id);
 			if (id.slice(0, id.length - query.length) !== RESOLVED_ID) return null;
 			session.cssLoaded = true;
+			if (command === "serve" && URL_QUERY.test(query)) return `export default ${JSON.stringify(devStylesheetUrl(server?.config))}`;
 			const generationAtStart = changeGeneration;
 			if (command === "serve" && servedCss?.generation === generationAtStart) return servedCss.map ? {
 				code: servedCss.css,
@@ -804,6 +821,7 @@ const bamboocssCss = (options) => {
 				if (command !== "serve") return;
 				const query = queryOf(id);
 				if (id.slice(0, id.length - query.length) !== RESOLVED_ID) return;
+				if (URL_QUERY.test(query)) return;
 				if (this.addWatchFile) for (const file of session.extractedFiles) this.addWatchFile(file);
 			}
 		},
@@ -834,11 +852,16 @@ const bamboocssCss = (options) => {
 				host.noteSourceChange(absoluteFile, event, { needsConfigReload: changesConfigMembership });
 				changeGeneration++;
 				prebuilt = void 0;
-				const mod = server?.moduleGraph.getModuleById(RESOLVED_ID);
-				if (!mod) return;
+				const sheets = [RESOLVED_ID, `${RESOLVED_ID}?direct`].flatMap((sheetId) => {
+					const sheet = server?.moduleGraph.getModuleById(sheetId);
+					return sheet ? [sheet] : [];
+				});
+				if (!sheets.length) return;
 				if (wasExtracted && clientGraph.getModulesByFile(absoluteFile)?.size) return;
-				server?.moduleGraph.invalidateModule(mod);
-				server?.reloadModule(mod);
+				for (const sheet of sheets) {
+					server?.moduleGraph.invalidateModule(sheet);
+					server?.reloadModule(sheet);
+				}
 				_bamboocss_logger.logger.debug("vite", `styles invalidated by ${absoluteFile}`);
 			};
 			devServer.watcher.on("change", (file) => invalidate(file, "update"));

package/dist/index.mjs

@@ -299,6 +299,22 @@ const queryOf = (id) => {
 	const at = id.indexOf("?");
 	return at === -1 ? "" : id.slice(at);
 };
+/** `?url`, tested the way Vite's asset plugin tests it — the plugin a dev server leaves it to. */
+const URL_QUERY = /(?:\?|&)url(?:&|$)/;
+/**
+* Where a dev server serves the stylesheet, spelled the way Vite writes the URL of any module with
+* no file behind it: `/@id/`, then the resolved id with its NUL as `__x00__`, behind the server's
+* `origin` and base.
+*
+* The base is taken decoded, so `encodeURI` applies its escapes exactly once, as Vite does for an
+* asset's URL. Vite 6 and up carry it as `decodedBase`, which is missing from the published types,
+* hence the cast; Vite 5 has only `base`, decoded here instead.
+*/
+const devStylesheetUrl = (config) => {
+	const join = (a, b) => a && b ? `${a.replace(/\/$/, "")}/${b.replace(/^\//, "")}` : a || b;
+	const base = config?.decodedBase ?? decodeURI(config?.base ?? "/");
+	return encodeURI(join(join(config?.server.origin ?? "", base), `@id/__x00__${VIRTUAL_CSS_ID}`));
+};
 /**
 * A thrown value Vite can actually report.
 *
@@ -739,6 +755,7 @@ const bamboocssCss = (options) => {
 			const query = queryOf(id);
 			if (id.slice(0, id.length - query.length) !== RESOLVED_ID) return null;
 			session.cssLoaded = true;
+			if (command === "serve" && URL_QUERY.test(query)) return `export default ${JSON.stringify(devStylesheetUrl(server?.config))}`;
 			const generationAtStart = changeGeneration;
 			if (command === "serve" && servedCss?.generation === generationAtStart) return servedCss.map ? {
 				code: servedCss.css,
@@ -799,6 +816,7 @@ const bamboocssCss = (options) => {
 				if (command !== "serve") return;
 				const query = queryOf(id);
 				if (id.slice(0, id.length - query.length) !== RESOLVED_ID) return;
+				if (URL_QUERY.test(query)) return;
 				if (this.addWatchFile) for (const file of session.extractedFiles) this.addWatchFile(file);
 			}
 		},
@@ -829,11 +847,16 @@ const bamboocssCss = (options) => {
 				host.noteSourceChange(absoluteFile, event, { needsConfigReload: changesConfigMembership });
 				changeGeneration++;
 				prebuilt = void 0;
-				const mod = server?.moduleGraph.getModuleById(RESOLVED_ID);
-				if (!mod) return;
+				const sheets = [RESOLVED_ID, `${RESOLVED_ID}?direct`].flatMap((sheetId) => {
+					const sheet = server?.moduleGraph.getModuleById(sheetId);
+					return sheet ? [sheet] : [];
+				});
+				if (!sheets.length) return;
 				if (wasExtracted && clientGraph.getModulesByFile(absoluteFile)?.size) return;
-				server?.moduleGraph.invalidateModule(mod);
-				server?.reloadModule(mod);
+				for (const sheet of sheets) {
+					server?.moduleGraph.invalidateModule(sheet);
+					server?.reloadModule(sheet);
+				}
 				logger.debug("vite", `styles invalidated by ${absoluteFile}`);
 			};
 			devServer.watcher.on("change", (file) => invalidate(file, "update"));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bamboocss/vite",
-  "version": "1.55.2",
+  "version": "1.55.3",
   "description": "Vite integration for Bamboo CSS",
   "homepage": "https://bamboocss.com",
   "license": "MIT",
@@ -42,20 +42,20 @@
     "magic-string": "0.30.21",
     "postcss": "8.5.26",
     "postcss-selector-parser": "7.1.5",
-    "@bamboocss/config": "1.55.2",
-    "@bamboocss/core": "1.55.2",
-    "@bamboocss/extractor": "1.55.2",
-    "@bamboocss/logger": "1.55.2",
-    "@bamboocss/node": "1.55.2",
-    "@bamboocss/shared": "1.55.2",
-    "@bamboocss/ts-ast": "1.55.2",
-    "@bamboocss/types": "1.55.2"
+    "@bamboocss/config": "1.55.3",
+    "@bamboocss/extractor": "1.55.3",
+    "@bamboocss/logger": "1.55.3",
+    "@bamboocss/node": "1.55.3",
+    "@bamboocss/core": "1.55.3",
+    "@bamboocss/shared": "1.55.3",
+    "@bamboocss/types": "1.55.3",
+    "@bamboocss/ts-ast": "1.55.3"
   },
   "devDependencies": {
     "@jridgewell/trace-mapping": "^0.3.31",
     "@typescript/api": "npm:typescript@7.1.0-dev.20260826.1",
     "vite": "7.2.6",
-    "@bamboocss/fixture": "1.55.2"
+    "@bamboocss/fixture": "1.55.3"
   },
   "peerDependencies": {
     "vite": ">=5"