@homebound/truss 2.8.4 → 2.9.0

package/build/plugin/index.js

@@ -724,7 +724,7 @@ function collectAtomicRules(chains, mapping) {
   const rules = /* @__PURE__ */ new Map();
   let needsMaybeInc = false;
   function collectSegment(seg) {
-    if (seg.error || seg.styleArrayArg) return;
+    if (seg.error || seg.styleArrayArg || seg.classNameArg) return;
     if (seg.typographyLookup) {
       for (const segments of Object.values(seg.typographyLookup.segmentsByName)) {
         for (const nestedSeg of segments) {
@@ -942,7 +942,7 @@ function buildStyleHashProperties(segments, mapping, maybeIncHelperName) {
     entries.push(entry);
   }
   for (const seg of segments) {
-    if (seg.error || seg.styleArrayArg || seg.typographyLookup) continue;
+    if (seg.error || seg.styleArrayArg || seg.typographyLookup || seg.classNameArg) continue;
     const { prefix } = segmentContext(seg, mapping);
     const isConditional = prefix !== "";
     if (seg.variableProps) {
@@ -1252,6 +1252,17 @@ function resolveChain(chain, mapping) {
           segments.push(seg);
           continue;
         }
+        if (abbr === "className") {
+          const seg = resolveClassNameCall(
+            node,
+            currentMediaQuery,
+            currentPseudoClass,
+            currentPseudoElement,
+            currentWhenPseudo
+          );
+          segments.push(seg);
+          continue;
+        }
         if (abbr === "typography") {
           const resolved = resolveTypographyCall(
             node,
@@ -1499,6 +1510,26 @@ function buildParameterizedSegment(params) {
   }
   return base;
 }
+function resolveClassNameCall(node, mediaQuery, pseudoClass, pseudoElement, whenPseudo) {
+  if (node.args.length !== 1) {
+    throw new UnsupportedPatternError(`className() expects exactly 1 argument, got ${node.args.length}`);
+  }
+  const arg = node.args[0];
+  if (arg.type === "SpreadElement") {
+    throw new UnsupportedPatternError(`className() does not support spread arguments`);
+  }
+  if (mediaQuery || pseudoClass || pseudoElement || whenPseudo) {
+    throw new UnsupportedPatternError(
+      `className() cannot be used inside media query, pseudo-class, pseudo-element, or when() contexts`
+    );
+  }
+  return {
+    // I.e. this is metadata for the rewriter/runtime, not an atomic CSS rule.
+    abbr: "className",
+    defs: {},
+    classNameArg: arg
+  };
+}
 function resolveAddCall(node, mapping, mediaQuery, pseudoClass, pseudoElement, whenPseudo) {
   const isAddCss = node.name === "addCss";
   if (isAddCss) {
@@ -2072,6 +2103,7 @@ function buildStyleHashFromChain(chain, options) {
 function buildStyleHashMembers(segments, options) {
   const members = [];
   const normalSegs = [];
+  const classNameArgs = [];
   function flushNormal() {
     if (normalSegs.length > 0) {
       members.push(...buildStyleHashProperties(normalSegs, options.mapping, options.maybeIncHelperName));
@@ -2080,6 +2112,10 @@ function buildStyleHashMembers(segments, options) {
   }
   for (const seg of segments) {
     if (seg.error) continue;
+    if (seg.classNameArg) {
+      classNameArgs.push(t3.cloneNode(seg.classNameArg, true));
+      continue;
+    }
     if (seg.styleArrayArg) {
       flushNormal();
       if (seg.isAddCss && t3.isObjectExpression(seg.styleArrayArg)) {
@@ -2105,6 +2141,9 @@ function buildStyleHashMembers(segments, options) {
     normalSegs.push(seg);
   }
   flushNormal();
+  if (classNameArgs.length > 0) {
+    members.push(t3.objectProperty(t3.identifier("className"), t3.arrayExpression(classNameArgs)));
+  }
   return members;
 }
 function buildAddCssObjectMembers(styleObject) {
@@ -2138,7 +2177,7 @@ function buildAddCssObjectMembers(styleObject) {
 function collectConditionalOnlyProps(segments) {
   const allProps = /* @__PURE__ */ new Map();
   for (const seg of segments) {
-    if (seg.error || seg.styleArrayArg || seg.typographyLookup) continue;
+    if (seg.error || seg.styleArrayArg || seg.typographyLookup || seg.classNameArg) continue;
     const hasCondition = !!(seg.pseudoClass || seg.mediaQuery || seg.pseudoElement || seg.whenPseudo);
     const props = seg.variableProps ?? Object.keys(seg.defs);
     for (const prop of props) {
@@ -2159,6 +2198,9 @@ function mergeConditionalBranchMembers(members, previousProperties, conditionalO
     }
     const prop = propertyName(member.key);
     const prior = previousProperties.get(prop);
+    if (prop === "className" && prior) {
+      return t3.objectProperty(clonePropertyKey(member.key), mergeClassNameValues(prior.value, member.value));
+    }
     if (!prior || !conditionalOnlyProps.has(prop)) {
       return member;
     }
@@ -2184,6 +2226,17 @@ function mergePropertyValues(previousValue, currentValue) {
   }
   return t3.cloneNode(currentValue, true);
 }
+function mergeClassNameValues(previousValue, currentValue) {
+  return t3.arrayExpression([...toClassNameElements(previousValue), ...toClassNameElements(currentValue)]);
+}
+function toClassNameElements(value) {
+  if (t3.isArrayExpression(value)) {
+    return value.elements.flatMap((element) => {
+      return element && !t3.isSpreadElement(element) ? [t3.cloneNode(element, true)] : [];
+    });
+  }
+  return [t3.cloneNode(value, true)];
+}
 function mergeTupleValue(tuple, classNames, prependClassNames, previousVars) {
   const currentClassNames = tupleClassNames(tuple);
   const mergedClassNames = prependClassNames ? `${classNames} ${currentClassNames}` : `${currentClassNames} ${classNames}`;
@@ -2232,7 +2285,7 @@ function clonePropertyKey(key) {
 function injectDebugInfo(expr, line, options) {
   if (!options.debug) return;
   const firstProp = expr.properties.find((p) => {
-    return t3.isObjectProperty(p) && !(t3.isIdentifier(p.key) && p.key.name === "__marker" || t3.isStringLiteral(p.key) && p.key.value === "__marker");
+    return t3.isObjectProperty(p) && !(t3.isIdentifier(p.key) && p.key.name === "className" || t3.isStringLiteral(p.key) && p.key.value === "className" || t3.isIdentifier(p.key) && p.key.name === "__marker" || t3.isStringLiteral(p.key) && p.key.value === "__marker");
   });
   if (!firstProp) return;
   options.needsTrussDebugInfo.current = true;