@bamboocss/vite 1.16.1 → 1.17.0

package/dist/index.cjs

@@ -29,6 +29,7 @@ let _bamboocss_extractor = require("@bamboocss/extractor");
 let magic_string = require("magic-string");
 magic_string = __toESM(magic_string);
 let ts_morph = require("ts-morph");
+let _bamboocss_core = require("@bamboocss/core");
 let _bamboocss_shared = require("@bamboocss/shared");
 let node_path = require("node:path");
 let _bamboocss_logger = require("@bamboocss/logger");
@@ -718,15 +719,35 @@ const createRuntimeToken = (ctx) => (path) => {
 	const value = tokenValuesFor(ctx).get(path);
 	return typeof value === "string" ? value : void 0;
 };
+/**
+* Whether a slot's class is independent of the variant props.
+*
+* A scoped slot recipe delivers variants through `@scope` rules anchored on an enclosing
+* slot, so every *other* slot carries a constant class — the same string whatever the props
+* are. That is what makes `recipe(anything).slot` foldable even when the variant is fully
+* dynamic, which was not true before scoping existed.
+*/
+const createConstantSlotCheck = (ctx) => (name, slot) => {
+	const config = ctx.recipes.getConfig(name);
+	if (!config || !("slots" in config)) return false;
+	if (!config.slots.includes(slot)) return false;
+	const anchors = _bamboocss_core.Recipes.getScopeRoots(config);
+	return anchors.length > 0 && !anchors.includes(slot);
+};
 const createRuntimeRecipe = (ctx) => {
 	const separator = ctx.utility.separator;
-	return (name, variants) => {
+	return (name, variants, slot) => {
 		const config = ctx.recipes.getConfig(name);
 		const node = ctx.recipes.getRecipe(name);
 		if (!config || !node) return void 0;
-		if ("slots" in config) return void 0;
-		const className = node.className;
-		const { defaultVariants = {}, compoundVariants = [] } = config;
+		const isSlotRecipe = "slots" in config;
+		if (isSlotRecipe !== Boolean(slot)) return void 0;
+		if (slot && !config.slots.includes(slot)) return void 0;
+		const anchors = isSlotRecipe ? _bamboocss_core.Recipes.getScopeRoots(config) : [];
+		const isConstantSlot = Boolean(slot) && anchors.length > 0 && !anchors.includes(slot);
+		const className = slot ? ctx.recipes.getSlotKey(node.className, slot) : node.className;
+		const { defaultVariants = {} } = config;
+		const compoundVariants = slot ? (0, _bamboocss_shared.getSlotCompoundVariant)(config.compoundVariants ?? [], slot) : config.compoundVariants ?? [];
 		const recipeCss = (0, _bamboocss_shared.createCss)({
 			hash: Boolean(ctx.hash.className),
 			conditions: {
@@ -745,12 +766,16 @@ const createRuntimeRecipe = (ctx) => {
 				}
 			}
 		});
-		const recipeStyles = {
+		const recipeStyles = isConstantSlot ? { [className]: "__ignore__" } : {
 			[className]: "__ignore__",
 			...defaultVariants,
 			...(0, _bamboocss_shared.compact)(variants)
 		};
 		if (compoundVariants.length > 0 && Object.keys(recipeStyles).some((prop) => typeof variants[prop] === "object")) return;
+		if (isSlotRecipe) {
+			const evaluated = anchors.length > 0 ? anchors : config.slots;
+			if (Object.values(variants).some((value) => typeof value === "object" && value !== null) && evaluated.some((slotName) => (0, _bamboocss_shared.getSlotCompoundVariant)(config.compoundVariants ?? [], slotName).length > 0)) return void 0;
+		}
 		return recipeCss(recipeStyles);
 	};
 };
@@ -803,6 +828,39 @@ const UNFOLDABLE_TYPES = new Set(["cva", "sva"]);
 */
 const isInertArgument = (node) => ts_morph.Node.isStringLiteral(node) || ts_morph.Node.isNumericLiteral(node) || ts_morph.Node.isNoSubstitutionTemplateLiteral(node) || node.getKind() === ts_morph.SyntaxKind.TrueKeyword || node.getKind() === ts_morph.SyntaxKind.FalseKeyword || node.getKind() === ts_morph.SyntaxKind.NullKeyword || ts_morph.Node.isIdentifier(node) && node.getText() === "undefined";
 /**
+* An expression whose evaluation cannot do anything observable, so deleting it preserves
+* behaviour.
+*
+* `isInertArgument` covers the leaves; this walks the object and array literals a recipe
+* call is actually written with. A spread runs the source's getters, a computed key runs an
+* expression, a getter or method definition is a function — none of those are safe to
+* delete, so they are declined rather than enumerated.
+*/
+const isInertExpression = (node) => {
+	if (isInertArgument(node)) return true;
+	if (ts_morph.Node.isIdentifier(node)) return true;
+	if (ts_morph.Node.isAsExpression(node) || ts_morph.Node.isSatisfiesExpression(node) || ts_morph.Node.isNonNullExpression(node) || ts_morph.Node.isTypeAssertion(node) || ts_morph.Node.isParenthesizedExpression(node)) return isInertExpression(node.getExpression());
+	if (ts_morph.Node.isArrowFunction(node) || ts_morph.Node.isFunctionExpression(node)) return true;
+	if (ts_morph.Node.isRegularExpressionLiteral(node) || ts_morph.Node.isBigIntLiteral(node)) return true;
+	if (ts_morph.Node.isPrefixUnaryExpression(node)) {
+		const operator = node.getOperatorToken();
+		return (operator === ts_morph.SyntaxKind.MinusToken || operator === ts_morph.SyntaxKind.PlusToken || operator === ts_morph.SyntaxKind.ExclamationToken || operator === ts_morph.SyntaxKind.TildeToken) && isInertExpression(node.getOperand());
+	}
+	if (ts_morph.Node.isBinaryExpression(node)) {
+		const operator = node.getOperatorToken().getKind();
+		return (operator === ts_morph.SyntaxKind.QuestionQuestionToken || operator === ts_morph.SyntaxKind.BarBarToken || operator === ts_morph.SyntaxKind.AmpersandAmpersandToken) && isInertExpression(node.getLeft()) && isInertExpression(node.getRight());
+	}
+	if (ts_morph.Node.isObjectLiteralExpression(node)) return node.getProperties().every((property) => {
+		if (ts_morph.Node.isShorthandPropertyAssignment(property)) return true;
+		if (!ts_morph.Node.isPropertyAssignment(property)) return false;
+		if (ts_morph.Node.isComputedPropertyName(property.getNameNode())) return false;
+		const initializer = property.getInitializer();
+		return initializer !== void 0 && isInertExpression(initializer);
+	});
+	if (ts_morph.Node.isArrayLiteralExpression(node)) return node.getElements().every(isInertExpression);
+	return false;
+};
+/**
 * Source files a box tree reaches, other than the one being folded.
 *
 * When the extractor resolves an imported identifier it boxes the *declaration's*
@@ -1032,6 +1090,7 @@ const foldSource = (options) => {
 		};
 	};
 	const runtimeRecipe = createRuntimeRecipe(ctx);
+	const isConstantSlot = createConstantSlotCheck(ctx);
 	const runtimeToken = createRuntimeToken(ctx);
 	/**
 	* Does this specifier name a module that exports the css API, exactly?
@@ -1204,6 +1263,13 @@ const foldSource = (options) => {
 		}
 		const start = call.getStart();
 		const end = call.getEnd();
+		const memberParent = call.getParent();
+		const accessed = type === "recipe" && ts_morph.Node.isPropertyAccessExpression(memberParent) && memberParent.getExpression() === call ? memberParent : void 0;
+		const accessedName = accessed?.getNameNode().getText();
+		const declaredSlots = accessed ? ctx.recipes.getConfig(name)?.slots ?? [] : [];
+		const memberAccess = accessedName && declaredSlots.includes(accessedName) ? accessed : void 0;
+		const slot = memberAccess ? accessedName : void 0;
+		const foldEnd = memberAccess ? memberAccess.getEnd() : end;
 		if (code.slice(start, end) !== call.getText()) {
 			skipped.push({
 				name,
@@ -1213,7 +1279,7 @@ const foldSource = (options) => {
 			});
 			continue;
 		}
-		const rangeKey = `${start}:${end}`;
+		const rangeKey = `${start}:${foldEnd}`;
 		if (seenRanges.has(rangeKey)) continue;
 		seenRanges.add(rangeKey);
 		if (isRawCall(call)) {
@@ -1235,6 +1301,18 @@ const foldSource = (options) => {
 			});
 			continue;
 		}
+		if (slot && isConstantSlot(name, slot) && ts_morph.Node.isCallExpression(call) && call.getArguments().every(isInertExpression)) {
+			candidates.push({
+				item,
+				call,
+				node: call,
+				start,
+				end: foldEnd,
+				slot,
+				constantSlot: true
+			});
+			continue;
+		}
 		if (!isStaticBox(item.box) || !hasStyles(item.data) || !argumentsAccountedFor(call, item.box)) {
 			const partial = partial_ ? tryPartial(item, call, rootName) : void 0;
 			if (partial) {
@@ -1261,7 +1339,8 @@ const foldSource = (options) => {
 			call,
 			node: call,
 			start,
-			end
+			end: foldEnd,
+			slot
 		});
 	}
 	if (candidates.length === 0) return {
@@ -1331,7 +1410,7 @@ const foldSource = (options) => {
 		try {
 			if (item.type === "pattern") className = runtimeCss(...item.data.map((entry) => ctx.patterns.transform(name, entry)));
 			else if (item.type === "recipe") {
-				const resolved = item.data.length === 1 ? runtimeRecipe(name, item.data[0]) : void 0;
+				const resolved = candidate.constantSlot ? runtimeRecipe(name, {}, candidate.slot) : item.data.length === 1 ? runtimeRecipe(name, item.data[0], candidate.slot) : void 0;
 				if (resolved == null) {
 					skipped.push({
 						name,

package/dist/index.mjs

@@ -2,7 +2,8 @@ import { resolveTsPathPattern } from "@bamboocss/config/ts-path";
 import { box, maybeBoxNode, unbox } from "@bamboocss/extractor";
 import MagicString from "magic-string";
 import { Node, SyntaxKind, VariableDeclarationKind } from "ts-morph";
-import { compact, createCss, createMergeCss, withoutSpace } from "@bamboocss/shared";
+import { Recipes } from "@bamboocss/core";
+import { compact, createCss, createMergeCss, getSlotCompoundVariant, withoutSpace } from "@bamboocss/shared";
 import { resolve } from "node:path";
 import { logger } from "@bamboocss/logger";
 import { loadConfigAndCreateContext } from "@bamboocss/node";
@@ -691,15 +692,35 @@ const createRuntimeToken = (ctx) => (path) => {
 	const value = tokenValuesFor(ctx).get(path);
 	return typeof value === "string" ? value : void 0;
 };
+/**
+* Whether a slot's class is independent of the variant props.
+*
+* A scoped slot recipe delivers variants through `@scope` rules anchored on an enclosing
+* slot, so every *other* slot carries a constant class — the same string whatever the props
+* are. That is what makes `recipe(anything).slot` foldable even when the variant is fully
+* dynamic, which was not true before scoping existed.
+*/
+const createConstantSlotCheck = (ctx) => (name, slot) => {
+	const config = ctx.recipes.getConfig(name);
+	if (!config || !("slots" in config)) return false;
+	if (!config.slots.includes(slot)) return false;
+	const anchors = Recipes.getScopeRoots(config);
+	return anchors.length > 0 && !anchors.includes(slot);
+};
 const createRuntimeRecipe = (ctx) => {
 	const separator = ctx.utility.separator;
-	return (name, variants) => {
+	return (name, variants, slot) => {
 		const config = ctx.recipes.getConfig(name);
 		const node = ctx.recipes.getRecipe(name);
 		if (!config || !node) return void 0;
-		if ("slots" in config) return void 0;
-		const className = node.className;
-		const { defaultVariants = {}, compoundVariants = [] } = config;
+		const isSlotRecipe = "slots" in config;
+		if (isSlotRecipe !== Boolean(slot)) return void 0;
+		if (slot && !config.slots.includes(slot)) return void 0;
+		const anchors = isSlotRecipe ? Recipes.getScopeRoots(config) : [];
+		const isConstantSlot = Boolean(slot) && anchors.length > 0 && !anchors.includes(slot);
+		const className = slot ? ctx.recipes.getSlotKey(node.className, slot) : node.className;
+		const { defaultVariants = {} } = config;
+		const compoundVariants = slot ? getSlotCompoundVariant(config.compoundVariants ?? [], slot) : config.compoundVariants ?? [];
 		const recipeCss = createCss({
 			hash: Boolean(ctx.hash.className),
 			conditions: {
@@ -718,12 +739,16 @@ const createRuntimeRecipe = (ctx) => {
 				}
 			}
 		});
-		const recipeStyles = {
+		const recipeStyles = isConstantSlot ? { [className]: "__ignore__" } : {
 			[className]: "__ignore__",
 			...defaultVariants,
 			...compact(variants)
 		};
 		if (compoundVariants.length > 0 && Object.keys(recipeStyles).some((prop) => typeof variants[prop] === "object")) return;
+		if (isSlotRecipe) {
+			const evaluated = anchors.length > 0 ? anchors : config.slots;
+			if (Object.values(variants).some((value) => typeof value === "object" && value !== null) && evaluated.some((slotName) => getSlotCompoundVariant(config.compoundVariants ?? [], slotName).length > 0)) return void 0;
+		}
 		return recipeCss(recipeStyles);
 	};
 };
@@ -776,6 +801,39 @@ const UNFOLDABLE_TYPES = new Set(["cva", "sva"]);
 */
 const isInertArgument = (node) => Node.isStringLiteral(node) || Node.isNumericLiteral(node) || Node.isNoSubstitutionTemplateLiteral(node) || node.getKind() === SyntaxKind.TrueKeyword || node.getKind() === SyntaxKind.FalseKeyword || node.getKind() === SyntaxKind.NullKeyword || Node.isIdentifier(node) && node.getText() === "undefined";
 /**
+* An expression whose evaluation cannot do anything observable, so deleting it preserves
+* behaviour.
+*
+* `isInertArgument` covers the leaves; this walks the object and array literals a recipe
+* call is actually written with. A spread runs the source's getters, a computed key runs an
+* expression, a getter or method definition is a function — none of those are safe to
+* delete, so they are declined rather than enumerated.
+*/
+const isInertExpression = (node) => {
+	if (isInertArgument(node)) return true;
+	if (Node.isIdentifier(node)) return true;
+	if (Node.isAsExpression(node) || Node.isSatisfiesExpression(node) || Node.isNonNullExpression(node) || Node.isTypeAssertion(node) || Node.isParenthesizedExpression(node)) return isInertExpression(node.getExpression());
+	if (Node.isArrowFunction(node) || Node.isFunctionExpression(node)) return true;
+	if (Node.isRegularExpressionLiteral(node) || Node.isBigIntLiteral(node)) return true;
+	if (Node.isPrefixUnaryExpression(node)) {
+		const operator = node.getOperatorToken();
+		return (operator === SyntaxKind.MinusToken || operator === SyntaxKind.PlusToken || operator === SyntaxKind.ExclamationToken || operator === SyntaxKind.TildeToken) && isInertExpression(node.getOperand());
+	}
+	if (Node.isBinaryExpression(node)) {
+		const operator = node.getOperatorToken().getKind();
+		return (operator === SyntaxKind.QuestionQuestionToken || operator === SyntaxKind.BarBarToken || operator === SyntaxKind.AmpersandAmpersandToken) && isInertExpression(node.getLeft()) && isInertExpression(node.getRight());
+	}
+	if (Node.isObjectLiteralExpression(node)) return node.getProperties().every((property) => {
+		if (Node.isShorthandPropertyAssignment(property)) return true;
+		if (!Node.isPropertyAssignment(property)) return false;
+		if (Node.isComputedPropertyName(property.getNameNode())) return false;
+		const initializer = property.getInitializer();
+		return initializer !== void 0 && isInertExpression(initializer);
+	});
+	if (Node.isArrayLiteralExpression(node)) return node.getElements().every(isInertExpression);
+	return false;
+};
+/**
 * Source files a box tree reaches, other than the one being folded.
 *
 * When the extractor resolves an imported identifier it boxes the *declaration's*
@@ -1005,6 +1063,7 @@ const foldSource = (options) => {
 		};
 	};
 	const runtimeRecipe = createRuntimeRecipe(ctx);
+	const isConstantSlot = createConstantSlotCheck(ctx);
 	const runtimeToken = createRuntimeToken(ctx);
 	/**
 	* Does this specifier name a module that exports the css API, exactly?
@@ -1177,6 +1236,13 @@ const foldSource = (options) => {
 		}
 		const start = call.getStart();
 		const end = call.getEnd();
+		const memberParent = call.getParent();
+		const accessed = type === "recipe" && Node.isPropertyAccessExpression(memberParent) && memberParent.getExpression() === call ? memberParent : void 0;
+		const accessedName = accessed?.getNameNode().getText();
+		const declaredSlots = accessed ? ctx.recipes.getConfig(name)?.slots ?? [] : [];
+		const memberAccess = accessedName && declaredSlots.includes(accessedName) ? accessed : void 0;
+		const slot = memberAccess ? accessedName : void 0;
+		const foldEnd = memberAccess ? memberAccess.getEnd() : end;
 		if (code.slice(start, end) !== call.getText()) {
 			skipped.push({
 				name,
@@ -1186,7 +1252,7 @@ const foldSource = (options) => {
 			});
 			continue;
 		}
-		const rangeKey = `${start}:${end}`;
+		const rangeKey = `${start}:${foldEnd}`;
 		if (seenRanges.has(rangeKey)) continue;
 		seenRanges.add(rangeKey);
 		if (isRawCall(call)) {
@@ -1208,6 +1274,18 @@ const foldSource = (options) => {
 			});
 			continue;
 		}
+		if (slot && isConstantSlot(name, slot) && Node.isCallExpression(call) && call.getArguments().every(isInertExpression)) {
+			candidates.push({
+				item,
+				call,
+				node: call,
+				start,
+				end: foldEnd,
+				slot,
+				constantSlot: true
+			});
+			continue;
+		}
 		if (!isStaticBox(item.box) || !hasStyles(item.data) || !argumentsAccountedFor(call, item.box)) {
 			const partial = partial_ ? tryPartial(item, call, rootName) : void 0;
 			if (partial) {
@@ -1234,7 +1312,8 @@ const foldSource = (options) => {
 			call,
 			node: call,
 			start,
-			end
+			end: foldEnd,
+			slot
 		});
 	}
 	if (candidates.length === 0) return {
@@ -1304,7 +1383,7 @@ const foldSource = (options) => {
 		try {
 			if (item.type === "pattern") className = runtimeCss(...item.data.map((entry) => ctx.patterns.transform(name, entry)));
 			else if (item.type === "recipe") {
-				const resolved = item.data.length === 1 ? runtimeRecipe(name, item.data[0]) : void 0;
+				const resolved = candidate.constantSlot ? runtimeRecipe(name, {}, candidate.slot) : item.data.length === 1 ? runtimeRecipe(name, item.data[0], candidate.slot) : void 0;
 				if (resolved == null) {
 					skipped.push({
 						name,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bamboocss/vite",
-  "version": "1.16.1",
+  "version": "1.17.0",
   "description": "Vite integration for Bamboo CSS",
   "homepage": "https://bamboocss.com",
   "license": "MIT",
@@ -35,18 +35,18 @@
   "dependencies": {
     "magic-string": "0.30.21",
     "ts-morph": "28.0.0",
-    "@bamboocss/config": "1.16.1",
-    "@bamboocss/extractor": "1.16.1",
-    "@bamboocss/logger": "1.16.1",
-    "@bamboocss/node": "1.16.1",
-    "@bamboocss/shared": "1.16.1",
-    "@bamboocss/types": "1.16.1",
-    "@bamboocss/core": "1.16.1"
+    "@bamboocss/core": "1.17.0",
+    "@bamboocss/config": "1.17.0",
+    "@bamboocss/extractor": "1.17.0",
+    "@bamboocss/logger": "1.17.0",
+    "@bamboocss/node": "1.17.0",
+    "@bamboocss/shared": "1.17.0",
+    "@bamboocss/types": "1.17.0"
   },
   "devDependencies": {
     "@jridgewell/trace-mapping": "^0.3.31",
     "vite": "7.2.6",
-    "@bamboocss/fixture": "1.16.1"
+    "@bamboocss/fixture": "1.17.0"
   },
   "peerDependencies": {
     "vite": ">=5"