@homebound/truss 2.8.4 → 2.9.1

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,8 +2141,26 @@ function buildStyleHashMembers(segments, options) {
     normalSegs.push(seg);
   }
   flushNormal();
+  if (classNameArgs.length > 0) {
+    members.push(...buildCustomClassNameMembers(classNameArgs));
+  }
   return members;
 }
+function buildCustomClassNameMembers(classNameArgs) {
+  const counts = /* @__PURE__ */ new Map();
+  return classNameArgs.map((arg) => {
+    const baseKey = `className_${sanitizeClassNameKey(arg)}`;
+    const count = (counts.get(baseKey) ?? 0) + 1;
+    counts.set(baseKey, count);
+    const key = count === 1 ? baseKey : `${baseKey}_${count}`;
+    return t3.objectProperty(t3.identifier(key), t3.cloneNode(arg, true));
+  });
+}
+function sanitizeClassNameKey(arg) {
+  const raw = t3.isStringLiteral(arg) ? arg.value : t3.isTemplateLiteral(arg) && arg.expressions.length === 0 && arg.quasis.length === 1 ? arg.quasis[0].value.cooked ?? "" : generate(arg).code;
+  const sanitized = raw.replace(/[^a-zA-Z0-9_$]/g, "_").replace(/_+/g, "_").replace(/^_+|_+$/g, "");
+  return sanitized || "value";
+}
 function buildAddCssObjectMembers(styleObject) {
   const members = [];
   for (const property of styleObject.properties) {
@@ -2138,7 +2192,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) {
@@ -2232,7 +2286,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.startsWith("className_") || t3.isStringLiteral(p.key) && p.key.value.startsWith("className_") || t3.isIdentifier(p.key) && p.key.name === "__marker" || t3.isStringLiteral(p.key) && p.key.value === "__marker");
   });
   if (!firstProp) return;
   options.needsTrussDebugInfo.current = true;