@homebound/truss 2.9.0 → 2.9.1

package/build/plugin/index.js

@@ -2142,10 +2142,25 @@ function buildStyleHashMembers(segments, options) {
   }
   flushNormal();
   if (classNameArgs.length > 0) {
-    members.push(t3.objectProperty(t3.identifier("className"), t3.arrayExpression(classNameArgs)));
+    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) {
@@ -2198,9 +2213,6 @@ 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;
     }
@@ -2226,17 +2238,6 @@ 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}`;
@@ -2285,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 === "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");
+    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;