@bamboocss/vite 1.37.3 → 1.37.5

package/dist/index.cjs

@@ -43,6 +43,19 @@ let ts_morph = require("ts-morph");
 /** The generated declaration that identifies a Bamboo stylesheet after minification. */
 const SENTINEL = "--made-with-bamboo";
 /**
+* A class name with its CSS escapes removed, which is the only spelling both sides agree on.
+*
+* The same class reaches the stylesheet either escaped or not — `--bottom-mask-size_16px` is a
+* valid selector as written, since a CSS ident may begin with `--`, while `esc` produces the
+* escaped `\--…` form that reachability keys are stored in. Comparing raw spellings therefore
+* missed a rule written the other way, and pruning removed an atom whose rule was in the sheet
+* all along. It could only ever affect names needing an escape, which is why it presented as
+* every custom property and vendor-prefixed declaration losing its rule at once.
+*
+* Stripping backslashes is unambiguous here: a semantic atom name never contains a literal one.
+*/
+const bare = (className) => className.replaceAll("\\", "");
+/**
 * Remove source-graph atoms no transformed module can emit.
 *
 * `prunableClasses` contains only atoms extracted from the source graph. Explicit `staticCss`
@@ -52,6 +65,8 @@ const SENTINEL = "--made-with-bamboo";
 const pruneStaticCss = (css, session, { prune = true } = {}) => {
 	if (!css.includes(SENTINEL)) return css;
 	const root = postcss.default.parse(css);
+	const prunable = new Set([...session.prunableClasses].map(bare));
+	const used = new Set([...session.usedClasses].map(bare));
 	const isUtilityRule = (rule) => {
 		let parent = rule.parent;
 		while (parent) {
@@ -69,7 +84,7 @@ const pruneStaticCss = (css, session, { prune = true } = {}) => {
 		try {
 			(0, postcss_selector_parser.default)((selectors) => {
 				selectors.walkClasses((classNode) => {
-					classes.add(classNode.toString().slice(1));
+					classes.add(bare(classNode.toString().slice(1)));
 				});
 			}).processSync(rule.selector);
 		} catch {
@@ -77,7 +92,7 @@ const pruneStaticCss = (css, session, { prune = true } = {}) => {
 		}
 		if (classes.size !== 1) return;
 		const [className] = classes;
-		if (!className || !session.prunableClasses.has(className) || session.usedClasses.has(className)) return;
+		if (!className || !prunable.has(className) || used.has(className)) return;
 		rule.remove();
 	});
 	let removed = true;
@@ -96,7 +111,7 @@ const pruneStaticCss = (css, session, { prune = true } = {}) => {
 			try {
 				(0, postcss_selector_parser.default)((selectors) => {
 					selectors.walkClasses((classNode) => {
-						present.add(classNode.toString().slice(1));
+						present.add(bare(classNode.toString().slice(1)));
 					});
 				}).processSync(rule.selector);
 			} catch {}
@@ -107,8 +122,8 @@ const pruneStaticCss = (css, session, { prune = true } = {}) => {
 				orphaned.push(className);
 				continue;
 			}
-			if (!session.prunableClasses.has(className)) continue;
-			if (present.has(className)) continue;
+			if (!prunable.has(bare(className))) continue;
+			if (present.has(bare(className))) continue;
 			orphaned.push(className);
 		}
 		if (orphaned.length) {
@@ -2715,7 +2730,7 @@ const createStaticCompilationSession = () => {
 		markClassUsed(className) {
 			for (const token of className.split(" ")) {
 				if (!token) continue;
-				session.usedClasses.add((0, _bamboocss_shared.esc)(token));
+				session.usedClasses.add(token.includes("\\") ? token : (0, _bamboocss_shared.esc)(token));
 			}
 		}
 	};

package/dist/index.mjs

@@ -13,6 +13,19 @@ import { Node, SyntaxKind, VariableDeclarationKind } from "ts-morph";
 /** The generated declaration that identifies a Bamboo stylesheet after minification. */
 const SENTINEL = "--made-with-bamboo";
 /**
+* A class name with its CSS escapes removed, which is the only spelling both sides agree on.
+*
+* The same class reaches the stylesheet either escaped or not — `--bottom-mask-size_16px` is a
+* valid selector as written, since a CSS ident may begin with `--`, while `esc` produces the
+* escaped `\--…` form that reachability keys are stored in. Comparing raw spellings therefore
+* missed a rule written the other way, and pruning removed an atom whose rule was in the sheet
+* all along. It could only ever affect names needing an escape, which is why it presented as
+* every custom property and vendor-prefixed declaration losing its rule at once.
+*
+* Stripping backslashes is unambiguous here: a semantic atom name never contains a literal one.
+*/
+const bare = (className) => className.replaceAll("\\", "");
+/**
 * Remove source-graph atoms no transformed module can emit.
 *
 * `prunableClasses` contains only atoms extracted from the source graph. Explicit `staticCss`
@@ -22,6 +35,8 @@ const SENTINEL = "--made-with-bamboo";
 const pruneStaticCss = (css, session, { prune = true } = {}) => {
 	if (!css.includes(SENTINEL)) return css;
 	const root = postcss.parse(css);
+	const prunable = new Set([...session.prunableClasses].map(bare));
+	const used = new Set([...session.usedClasses].map(bare));
 	const isUtilityRule = (rule) => {
 		let parent = rule.parent;
 		while (parent) {
@@ -39,7 +54,7 @@ const pruneStaticCss = (css, session, { prune = true } = {}) => {
 		try {
 			selectorParser((selectors) => {
 				selectors.walkClasses((classNode) => {
-					classes.add(classNode.toString().slice(1));
+					classes.add(bare(classNode.toString().slice(1)));
 				});
 			}).processSync(rule.selector);
 		} catch {
@@ -47,7 +62,7 @@ const pruneStaticCss = (css, session, { prune = true } = {}) => {
 		}
 		if (classes.size !== 1) return;
 		const [className] = classes;
-		if (!className || !session.prunableClasses.has(className) || session.usedClasses.has(className)) return;
+		if (!className || !prunable.has(className) || used.has(className)) return;
 		rule.remove();
 	});
 	let removed = true;
@@ -66,7 +81,7 @@ const pruneStaticCss = (css, session, { prune = true } = {}) => {
 			try {
 				selectorParser((selectors) => {
 					selectors.walkClasses((classNode) => {
-						present.add(classNode.toString().slice(1));
+						present.add(bare(classNode.toString().slice(1)));
 					});
 				}).processSync(rule.selector);
 			} catch {}
@@ -77,8 +92,8 @@ const pruneStaticCss = (css, session, { prune = true } = {}) => {
 				orphaned.push(className);
 				continue;
 			}
-			if (!session.prunableClasses.has(className)) continue;
-			if (present.has(className)) continue;
+			if (!prunable.has(bare(className))) continue;
+			if (present.has(bare(className))) continue;
 			orphaned.push(className);
 		}
 		if (orphaned.length) {
@@ -2685,7 +2700,7 @@ const createStaticCompilationSession = () => {
 		markClassUsed(className) {
 			for (const token of className.split(" ")) {
 				if (!token) continue;
-				session.usedClasses.add(esc(token));
+				session.usedClasses.add(token.includes("\\") ? token : esc(token));
 			}
 		}
 	};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bamboocss/vite",
-  "version": "1.37.3",
+  "version": "1.37.5",
   "description": "Vite integration for Bamboo CSS",
   "homepage": "https://bamboocss.com",
   "license": "MIT",
@@ -40,18 +40,18 @@
     "postcss": "8.5.26",
     "postcss-selector-parser": "7.1.5",
     "ts-morph": "28.0.0",
-    "@bamboocss/config": "1.37.3",
-    "@bamboocss/core": "1.37.3",
-    "@bamboocss/extractor": "1.37.3",
-    "@bamboocss/node": "1.37.3",
-    "@bamboocss/shared": "1.37.3",
-    "@bamboocss/types": "1.37.3",
-    "@bamboocss/logger": "1.37.3"
+    "@bamboocss/extractor": "1.37.5",
+    "@bamboocss/core": "1.37.5",
+    "@bamboocss/config": "1.37.5",
+    "@bamboocss/logger": "1.37.5",
+    "@bamboocss/node": "1.37.5",
+    "@bamboocss/shared": "1.37.5",
+    "@bamboocss/types": "1.37.5"
   },
   "devDependencies": {
     "@jridgewell/trace-mapping": "^0.3.31",
     "vite": "7.2.6",
-    "@bamboocss/fixture": "1.37.3"
+    "@bamboocss/fixture": "1.37.5"
   },
   "peerDependencies": {
     "vite": ">=5"