@bamboocss/parser 1.30.1 → 1.32.0

package/dist/index.cjs

@@ -18,6 +18,7 @@ function classifyProject(ctx, resultMap) {
 	const byComponentInFilepath = /* @__PURE__ */ new Map();
 	const globalMaps = createReportMaps();
 	const byFilePathMaps = /* @__PURE__ */ new Map();
+	const patternHelpers = (0, _bamboocss_shared.createPatternFns)((path, fallback) => ctx.tokens.view.getVar(path) ?? fallback);
 	const conditions = new Map(Object.entries(ctx.conditions.values));
 	const { groupByProp } = getPropertyGroupMap(ctx);
 	let id = 0;
@@ -46,7 +47,7 @@ function classifyProject(ctx, resultMap) {
 		const name = item.componentName;
 		const pattern = ctx.patterns.details.find((p) => p.baseName === name);
 		if (!pattern) return;
-		const cssObj = pattern.config.transform?.(data || {}, _bamboocss_shared.patternFns) ?? {};
+		const cssObj = pattern.config.transform?.(data || {}, patternHelpers) ?? {};
 		const newItem = {
 			name: "css",
 			type: "css",
@@ -263,12 +264,12 @@ function classifyProject(ctx, resultMap) {
 			recipe.compoundVariants?.forEach((v) => functionFn(v.css));
 		}
 	});
-	Object.values(ctx.config.globalCss ?? {}).forEach((styleObject) => {
+	Object.values(ctx.config.global?.css ?? {}).forEach((styleObject) => {
 		if (!styleObject) return;
 		processMap({
 			map: _bamboocss_extractor.box.objectToMap(styleObject, null, []),
 			current: [],
-			filepath: "@config/globalCss",
+			filepath: "@config/global.css",
 			skipRange: true,
 			localMaps: createReportMaps(),
 			componentReportItem: {
@@ -911,7 +912,8 @@ var ParserResult = class {
 	setCss(result) {
 		this.css.add(this.append(Object.assign({ type: "css" }, result)));
 		const encoder = this.encoder;
-		const data = result.data.some(Array.isArray) ? result.data.flatMap((obj) => Array.isArray(obj) ? obj : [obj]) : result.data;
+		if (result.data.some(Array.isArray)) throw new _bamboocss_shared.BambooError("INVALID_STYLE_ARGUMENT", "An array is not a style argument.", { hint: "Spread it instead, e.g. css(...styles) rather than css(styles)." });
+		const data = result.data;
 		const unresolved = findUnresolvedStyles(result, "atomic").filter((entry) => entry.reason === "unenumerable-keys");
 		if (unresolved.length) this.unresolved.push(...unresolved);
 		data.forEach((obj) => encoder.processAtomic(obj));
@@ -983,19 +985,35 @@ var ParserResult = class {
 		}, result)));
 		result.data.forEach((obj) => this.encoder.processPattern(name, obj));
 	}
+	/**
+	* The variant axes a call site passed and the build could not read.
+	*
+	* `button({ size })` with a dynamic `size` and `button()` both unbox to `{}`, so the encoder
+	* cannot tell "you named an axis I could not resolve" from "you named nothing" — and the
+	* difference decides whether a class it is about to emit has a rule behind it. The box still
+	* holds the distinction: the key is present, carrying an `unresolvable`.
+	*/
+	unresolvedVariants(result) {
+		const boxNode = result.box;
+		if (!boxNode || !_bamboocss_extractor.box.isMap(boxNode)) return void 0;
+		const keys = /* @__PURE__ */ new Set();
+		for (const [key, value] of boxNode.value.entries()) if (_bamboocss_extractor.box.isUnresolvable(value)) keys.add(key);
+		return keys.size ? keys : void 0;
+	}
 	setRecipe(recipeName, result) {
 		(0, _bamboocss_shared.getOrCreateSet)(this.recipe, recipeName).add(this.append(Object.assign({ type: "recipe" }, result)));
 		const encoder = this.encoder;
 		const recipes = this.context.recipes;
 		if (!recipes.getConfig(recipeName)) return;
 		const recipe = result;
+		const unresolved = this.unresolvedVariants(result);
 		if (result.type) recipe.data.forEach((data) => {
 			const [recipeProps, styleProps] = recipes.splitProps(recipeName, data);
 			encoder.processStyleProps(styleProps);
-			encoder.processRecipe(recipeName, recipeProps);
+			encoder.processRecipe(recipeName, recipeProps, unresolved);
 		});
 		else recipe.data.forEach((data) => {
-			encoder.processRecipe(recipeName, data);
+			encoder.processRecipe(recipeName, data, unresolved);
 		});
 	}
 	isEmpty() {

package/dist/index.d.cts

@@ -248,6 +248,15 @@ declare class ParserResult implements ParserResultInterface {
   setToken(result: ResultItem, kind?: 'token' | 'tokenValue'): void;
   setViewTransition(result: ResultItem): void;
   setPattern(name: string, result: ResultItem): void;
+  /**
+   * The variant axes a call site passed and the build could not read.
+   *
+   * `button({ size })` with a dynamic `size` and `button()` both unbox to `{}`, so the encoder
+   * cannot tell "you named an axis I could not resolve" from "you named nothing" — and the
+   * difference decides whether a class it is about to emit has a rule behind it. The box still
+   * holds the distinction: the key is present, carrying an `unresolvable`.
+   */
+  private unresolvedVariants;
   setRecipe(recipeName: string, result: ResultItem): void;
   isEmpty(): boolean;
   setFilePath(filePath: string): this;

package/dist/index.d.mts

@@ -248,6 +248,15 @@ declare class ParserResult implements ParserResultInterface {
   setToken(result: ResultItem, kind?: 'token' | 'tokenValue'): void;
   setViewTransition(result: ResultItem): void;
   setPattern(name: string, result: ResultItem): void;
+  /**
+   * The variant axes a call site passed and the build could not read.
+   *
+   * `button({ size })` with a dynamic `size` and `button()` both unbox to `{}`, so the encoder
+   * cannot tell "you named an axis I could not resolve" from "you named nothing" — and the
+   * difference decides whether a class it is about to emit has a rule behind it. The box still
+   * holds the distinction: the key is present, carrying an `unresolvable`.
+   */
+  private unresolvedVariants;
   setRecipe(recipeName: string, result: ResultItem): void;
   isEmpty(): boolean;
   setFilePath(filePath: string): this;

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import { Node, Project as Project$1, ScriptKind, ts } from "ts-morph";
 import { box, clearBoxNodeCache, extract, unbox, unwrapExpression } from "@bamboocss/extractor";
-import { BambooError, compact, getOrCreateSet, patternFns } from "@bamboocss/shared";
+import { BambooError, compact, createPatternFns, getOrCreateSet } from "@bamboocss/shared";
 import { logger } from "@bamboocss/logger";
 import { match } from "ts-pattern";
 import { resolveTsPathPattern } from "@bamboocss/config/ts-path";
@@ -17,6 +17,7 @@ function classifyProject(ctx, resultMap) {
 	const byComponentInFilepath = /* @__PURE__ */ new Map();
 	const globalMaps = createReportMaps();
 	const byFilePathMaps = /* @__PURE__ */ new Map();
+	const patternHelpers = createPatternFns((path, fallback) => ctx.tokens.view.getVar(path) ?? fallback);
 	const conditions = new Map(Object.entries(ctx.conditions.values));
 	const { groupByProp } = getPropertyGroupMap(ctx);
 	let id = 0;
@@ -45,7 +46,7 @@ function classifyProject(ctx, resultMap) {
 		const name = item.componentName;
 		const pattern = ctx.patterns.details.find((p) => p.baseName === name);
 		if (!pattern) return;
-		const cssObj = pattern.config.transform?.(data || {}, patternFns) ?? {};
+		const cssObj = pattern.config.transform?.(data || {}, patternHelpers) ?? {};
 		const newItem = {
 			name: "css",
 			type: "css",
@@ -262,12 +263,12 @@ function classifyProject(ctx, resultMap) {
 			recipe.compoundVariants?.forEach((v) => functionFn(v.css));
 		}
 	});
-	Object.values(ctx.config.globalCss ?? {}).forEach((styleObject) => {
+	Object.values(ctx.config.global?.css ?? {}).forEach((styleObject) => {
 		if (!styleObject) return;
 		processMap({
 			map: box.objectToMap(styleObject, null, []),
 			current: [],
-			filepath: "@config/globalCss",
+			filepath: "@config/global.css",
 			skipRange: true,
 			localMaps: createReportMaps(),
 			componentReportItem: {
@@ -910,7 +911,8 @@ var ParserResult = class {
 	setCss(result) {
 		this.css.add(this.append(Object.assign({ type: "css" }, result)));
 		const encoder = this.encoder;
-		const data = result.data.some(Array.isArray) ? result.data.flatMap((obj) => Array.isArray(obj) ? obj : [obj]) : result.data;
+		if (result.data.some(Array.isArray)) throw new BambooError("INVALID_STYLE_ARGUMENT", "An array is not a style argument.", { hint: "Spread it instead, e.g. css(...styles) rather than css(styles)." });
+		const data = result.data;
 		const unresolved = findUnresolvedStyles(result, "atomic").filter((entry) => entry.reason === "unenumerable-keys");
 		if (unresolved.length) this.unresolved.push(...unresolved);
 		data.forEach((obj) => encoder.processAtomic(obj));
@@ -982,19 +984,35 @@ var ParserResult = class {
 		}, result)));
 		result.data.forEach((obj) => this.encoder.processPattern(name, obj));
 	}
+	/**
+	* The variant axes a call site passed and the build could not read.
+	*
+	* `button({ size })` with a dynamic `size` and `button()` both unbox to `{}`, so the encoder
+	* cannot tell "you named an axis I could not resolve" from "you named nothing" — and the
+	* difference decides whether a class it is about to emit has a rule behind it. The box still
+	* holds the distinction: the key is present, carrying an `unresolvable`.
+	*/
+	unresolvedVariants(result) {
+		const boxNode = result.box;
+		if (!boxNode || !box.isMap(boxNode)) return void 0;
+		const keys = /* @__PURE__ */ new Set();
+		for (const [key, value] of boxNode.value.entries()) if (box.isUnresolvable(value)) keys.add(key);
+		return keys.size ? keys : void 0;
+	}
 	setRecipe(recipeName, result) {
 		getOrCreateSet(this.recipe, recipeName).add(this.append(Object.assign({ type: "recipe" }, result)));
 		const encoder = this.encoder;
 		const recipes = this.context.recipes;
 		if (!recipes.getConfig(recipeName)) return;
 		const recipe = result;
+		const unresolved = this.unresolvedVariants(result);
 		if (result.type) recipe.data.forEach((data) => {
 			const [recipeProps, styleProps] = recipes.splitProps(recipeName, data);
 			encoder.processStyleProps(styleProps);
-			encoder.processRecipe(recipeName, recipeProps);
+			encoder.processRecipe(recipeName, recipeProps, unresolved);
 		});
 		else recipe.data.forEach((data) => {
-			encoder.processRecipe(recipeName, data);
+			encoder.processRecipe(recipeName, data, unresolved);
 		});
 	}
 	isEmpty() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bamboocss/parser",
-  "version": "1.30.1",
+  "version": "1.32.0",
   "description": "The static parser for bamboo css",
   "homepage": "https://bamboocss.com",
   "license": "MIT",
@@ -34,17 +34,17 @@
   "dependencies": {
     "ts-morph": "28.0.0",
     "ts-pattern": "5.9.0",
-    "@bamboocss/config": "^1.30.1",
-    "@bamboocss/core": "^1.30.1",
-    "@bamboocss/extractor": "1.30.1",
-    "@bamboocss/logger": "1.30.1",
-    "@bamboocss/shared": "1.30.1",
-    "@bamboocss/types": "1.30.1"
+    "@bamboocss/config": "^1.32.0",
+    "@bamboocss/core": "^1.32.0",
+    "@bamboocss/extractor": "1.32.0",
+    "@bamboocss/logger": "1.32.0",
+    "@bamboocss/shared": "1.32.0",
+    "@bamboocss/types": "1.32.0"
   },
   "devDependencies": {
-    "@bamboocss/generator": "1.30.1",
-    "@bamboocss/plugin-svelte": "1.30.1",
-    "@bamboocss/plugin-vue": "1.30.1"
+    "@bamboocss/generator": "1.32.0",
+    "@bamboocss/plugin-svelte": "1.32.0",
+    "@bamboocss/plugin-vue": "1.32.0"
   },
   "scripts": {
     "build": "tsdown src/index.ts --format=esm,cjs --dts",