@bamboocss/parser 1.25.0 → 1.26.0

package/dist/index.cjs

@@ -882,6 +882,27 @@ function createParser(context) {
 				file.addLocalRecipe(declaration.name.text);
 			}
 		}
+		/**
+		* `css(recipe.raw(props), …)` loses what the recipe would have contributed.
+		*
+		* `.raw` on a recipe or pattern takes props and returns styles; the build reads it as the
+		* identity `css.raw` means. Resolving it properly would mean running the recipe here, and
+		* emitting the wrong styles is worse than emitting none — so this says so rather than
+		* guessing.
+		*
+		* Defined out here rather than inside `getEvaluateOptions`, which runs per call node.
+		*/
+		const reportUnresolvedRaw = (base, at) => {
+			const { line, column } = sourceFile.getLineAndColumnAtPos(at.getStart());
+			parserResult.unresolved.push({
+				kind: "atomic",
+				prop: base,
+				filePath,
+				line,
+				column,
+				reason: "unresolved-raw"
+			});
+		};
 		(0, _bamboocss_extractor.extract)({
 			ast: sourceFile,
 			tokens: context.tokens ? {
@@ -920,8 +941,14 @@ function createParser(context) {
 				}
 				if (!ts_morph.Node.isPropertyAccessExpression(propAccessExpr)) return evaluateOptions;
 				let name = propAccessExpr.getText();
+				const rawBase = name.endsWith(".raw") ? name.slice(0, -4) : void 0;
+				if (rawBase && file.isLocalRecipe(rawBase)) {
+					reportUnresolvedRaw(rawBase, node);
+					return evaluateOptions;
+				}
 				if (!file.isRawFn(name)) return evaluateOptions;
 				name = name.replace(".raw", "");
+				if (file.isValidRecipe(name) || file.isValidPattern(name)) reportUnresolvedRaw(name, node);
 				return { environment: Object.assign({}, defaultEnv, { extra: { [name]: { raw: (v) => v } } }) };
 			},
 			flags: { skipTraverseFiles: false }

package/dist/index.d.cts

@@ -162,7 +162,17 @@ interface UnresolvedStyle {
    *   pair of alternatives.
    * - `too-many-combinations` — more ternary branches than it will enumerate.
    */
-  reason: 'unresolvable-value' | 'missing-property' | 'unenumerable-keys';
+  reason: 'unresolvable-value' | 'missing-property' | 'unenumerable-keys'
+  /**
+   * `css(recipe.raw(props), …)` — the build reads `.raw` as returning what it was passed.
+   *
+   * True of `css.raw`, which is the identity it was written for. A recipe or pattern's
+   * `.raw` takes *props* and returns *styles*, so the build composes the props instead: the
+   * recipe's own declarations never reach the stylesheet, and its variant names are handed
+   * to the encoder as if they were properties. The browser then asks for classes no rule
+   * backs, and the element renders without them.
+   */
+  | 'unresolved-raw';
 }
 declare const findUnresolvedStyles: (item: ResultItem, kind: "atomic") => UnresolvedStyle[];
 //#endregion

package/dist/index.d.mts

@@ -162,7 +162,17 @@ interface UnresolvedStyle {
    *   pair of alternatives.
    * - `too-many-combinations` — more ternary branches than it will enumerate.
    */
-  reason: 'unresolvable-value' | 'missing-property' | 'unenumerable-keys';
+  reason: 'unresolvable-value' | 'missing-property' | 'unenumerable-keys'
+  /**
+   * `css(recipe.raw(props), …)` — the build reads `.raw` as returning what it was passed.
+   *
+   * True of `css.raw`, which is the identity it was written for. A recipe or pattern's
+   * `.raw` takes *props* and returns *styles*, so the build composes the props instead: the
+   * recipe's own declarations never reach the stylesheet, and its variant names are handed
+   * to the encoder as if they were properties. The browser then asks for classes no rule
+   * backs, and the element renders without them.
+   */
+  | 'unresolved-raw';
 }
 declare const findUnresolvedStyles: (item: ResultItem, kind: "atomic") => UnresolvedStyle[];
 //#endregion

package/dist/index.mjs

@@ -881,6 +881,27 @@ function createParser(context) {
 				file.addLocalRecipe(declaration.name.text);
 			}
 		}
+		/**
+		* `css(recipe.raw(props), …)` loses what the recipe would have contributed.
+		*
+		* `.raw` on a recipe or pattern takes props and returns styles; the build reads it as the
+		* identity `css.raw` means. Resolving it properly would mean running the recipe here, and
+		* emitting the wrong styles is worse than emitting none — so this says so rather than
+		* guessing.
+		*
+		* Defined out here rather than inside `getEvaluateOptions`, which runs per call node.
+		*/
+		const reportUnresolvedRaw = (base, at) => {
+			const { line, column } = sourceFile.getLineAndColumnAtPos(at.getStart());
+			parserResult.unresolved.push({
+				kind: "atomic",
+				prop: base,
+				filePath,
+				line,
+				column,
+				reason: "unresolved-raw"
+			});
+		};
 		extract({
 			ast: sourceFile,
 			tokens: context.tokens ? {
@@ -919,8 +940,14 @@ function createParser(context) {
 				}
 				if (!Node.isPropertyAccessExpression(propAccessExpr)) return evaluateOptions;
 				let name = propAccessExpr.getText();
+				const rawBase = name.endsWith(".raw") ? name.slice(0, -4) : void 0;
+				if (rawBase && file.isLocalRecipe(rawBase)) {
+					reportUnresolvedRaw(rawBase, node);
+					return evaluateOptions;
+				}
 				if (!file.isRawFn(name)) return evaluateOptions;
 				name = name.replace(".raw", "");
+				if (file.isValidRecipe(name) || file.isValidPattern(name)) reportUnresolvedRaw(name, node);
 				return { environment: Object.assign({}, defaultEnv, { extra: { [name]: { raw: (v) => v } } }) };
 			},
 			flags: { skipTraverseFiles: false }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bamboocss/parser",
-  "version": "1.25.0",
+  "version": "1.26.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.25.0",
-    "@bamboocss/core": "^1.25.0",
-    "@bamboocss/extractor": "1.25.0",
-    "@bamboocss/logger": "1.25.0",
-    "@bamboocss/shared": "1.25.0",
-    "@bamboocss/types": "1.25.0"
+    "@bamboocss/config": "^1.26.0",
+    "@bamboocss/core": "^1.26.0",
+    "@bamboocss/extractor": "1.26.0",
+    "@bamboocss/logger": "1.26.0",
+    "@bamboocss/shared": "1.26.0",
+    "@bamboocss/types": "1.26.0"
   },
   "devDependencies": {
-    "@bamboocss/generator": "1.25.0",
-    "@bamboocss/plugin-svelte": "1.25.0",
-    "@bamboocss/plugin-vue": "1.25.0"
+    "@bamboocss/generator": "1.26.0",
+    "@bamboocss/plugin-svelte": "1.26.0",
+    "@bamboocss/plugin-vue": "1.26.0"
   },
   "scripts": {
     "build": "tsdown src/index.ts --format=esm,cjs --dts",