@homebound/truss 2.11.3 → 2.12.0

package/build/plugin/index.js

@@ -3111,10 +3111,6 @@ function transformCssTs(code, filename, mapping) {
     sourceFilename: filename
   });
   const cssBindingName = findCssImportBinding(ast);
-  if (!cssBindingName) {
-    return `/* [truss] ${filename}: no Css import found */
-`;
-  }
   const cssExport = findNamedCssExportObject(ast);
   if (!cssExport) {
     return `/* [truss] ${filename}: expected \`export const css = { ... }\` with an object literal */
@@ -3137,10 +3133,19 @@ function transformCssTs(code, filename, mapping) {
       continue;
     }
     const valueNode = prop.value;
+    const rawCss = extractStaticStringValue(valueNode, cssBindingName);
+    if (rawCss !== null) {
+      rules.push(formatRawCssRule(selector, rawCss));
+      continue;
+    }
     if (!t6.isExpression(valueNode)) {
       rules.push(`/* [truss] unsupported: "${selector}" value is not an expression */`);
       continue;
     }
+    if (!cssBindingName) {
+      rules.push(`/* [truss] unsupported: "${selector}" \u2014 Css.*.$  chain requires a Css import */`);
+      continue;
+    }
     const cssResult = resolveCssExpression(valueNode, cssBindingName, mapping, filename);
     if ("error" in cssResult) {
       rules.push(`/* [truss] unsupported: "${selector}" \u2014 ${cssResult.error} */`);
@@ -3174,6 +3179,16 @@ function objectPropertyStringKey(prop, stringBindings) {
   if (prop.computed) return resolveStaticString(prop.key, stringBindings);
   return null;
 }
+function extractStaticStringValue(node, cssBindingName) {
+  if (t6.isStringLiteral(node)) return node.value;
+  if (t6.isTemplateLiteral(node) && node.expressions.length === 0 && node.quasis.length === 1) {
+    return node.quasis[0].value.cooked ?? node.quasis[0].value.raw;
+  }
+  if (t6.isTaggedTemplateExpression(node) && t6.isMemberExpression(node.tag) && !node.tag.computed && t6.isIdentifier(node.tag.property, { name: "raw" }) && t6.isIdentifier(node.tag.object, { name: cssBindingName ?? "" }) && node.quasi.expressions.length === 0 && node.quasi.quasis.length === 1) {
+    return node.quasi.quasis[0].value.cooked ?? node.quasi.quasis[0].value.raw;
+  }
+  return null;
+}
 function resolveCssExpression(node, cssBindingName, mapping, filename) {
   if (!t6.isMemberExpression(node) || node.computed || !t6.isIdentifier(node.property, { name: "$" })) {
     return { error: "value must be a Css.*.$  expression" };
@@ -3234,6 +3249,14 @@ function resolveCssExpression(node, cssBindingName, mapping, filename) {
   }
   return { declarations };
 }
+function formatRawCssRule(selector, raw) {
+  const trimmed = raw.trim();
+  if (!trimmed) return `${selector} {}`;
+  const body = trimmed.split("\n").map((line) => `  ${line.trim()}`).filter((line) => line.trim().length > 0).join("\n");
+  return `${selector} {
+${body}
+}`;
+}
 function formatCssRule(selector, declarations) {
   if (declarations.length === 0) {
     return `${selector} {}`;