@homebound/truss 2.29.10 → 2.29.11

package/build/plugin/index.js

@@ -2586,16 +2586,18 @@ function parseTrussCss(cssText) {
   }
   return { rules, properties, arbitraryCssBlocks };
 }
-function serializeTrussCss(css) {
+function serializeTrussCss(css, annotate = true) {
   const lines = [];
   for (const rule of css.rules) {
-    lines.push(`/* @truss p:${rule.priority} c:${rule.className} */`, rule.cssText);
+    if (annotate) lines.push(`/* @truss p:${rule.priority} c:${rule.className} */`);
+    lines.push(rule.cssText);
   }
   for (const prop of css.properties) {
-    lines.push(`/* @truss @property */`, prop.cssText);
+    if (annotate) lines.push(`/* @truss @property */`);
+    lines.push(prop.cssText);
   }
   for (const block of css.arbitraryCssBlocks) {
-    lines.push(annotateArbitraryCssBlock(block.cssText));
+    lines.push(annotate ? annotateArbitraryCssBlock(block.cssText) : block.cssText.trim());
   }
   return lines.join("\n");
 }
@@ -3717,13 +3719,13 @@ function createTrussTransformSession(options) {
     }
     return result;
   }
-  function collectCss() {
+  function collectCss(annotate = true) {
     const mapping2 = ensureMapping();
     const appCss = generateCssData(cssRegistry);
     const allArbitrary = Array.from(arbitraryCssRegistry.entries()).sort((a, b) => compareClassNames(a[0], b[0])).map((entry) => entry[1]).join("\n\n");
     if (allArbitrary.length > 0) appCss.arbitraryCssBlocks.push({ cssText: allArbitrary });
     const libs = loadLibraries();
-    const body = serializeTrussCss(libs.length === 0 ? appCss : mergeTrussCssData([...libs, appCss]));
+    const body = serializeTrussCss(libs.length === 0 ? appCss : mergeTrussCssData([...libs, appCss]), annotate);
     if (body.length === 0) return "";
     return `${rootSpacingPreludeCss(mapping2.increment)}
 ${body}`;
@@ -3819,6 +3821,7 @@ function trussPlugin(opts) {
   let debug = false;
   let isTest = false;
   let isBuild = false;
+  let annotate = true;
   let devSocket;
   const libraryPaths = opts.libraries ?? [];
   let emittedCssFileName = null;
@@ -3848,6 +3851,7 @@ function trussPlugin(opts) {
       debug = config.command === "serve" || config.mode === "development" || config.mode === "test";
       isTest = config.mode === "test";
       isBuild = config.command === "build";
+      annotate = !isBuild || Boolean(config.build?.lib);
     },
     buildStart() {
       session.ensureMapping();
@@ -3861,7 +3865,7 @@ function trussPlugin(opts) {
       devSocket = server.ws;
       server.middlewares.use((req, res, next) => {
         if (req.url !== VIRTUAL_CSS_ENDPOINT) return next();
-        const css = session.collectCss();
+        const css = session.collectCss(annotate);
         res.setHeader("Content-Type", "text/css");
         res.setHeader("Cache-Control", "no-store");
         res.end(css);
@@ -3995,7 +3999,7 @@ import "${VIRTUAL_TEST_CSS_ID}";` : rewrittenImports.code;
     // -- Production CSS emission --
     generateBundle(_options, _bundle) {
       if (!isBuild) return;
-      const css = session.collectCss();
+      const css = session.collectCss(annotate);
       if (!css) return;
       const hash = createHash("sha256").update(css).digest("hex").slice(0, 8);
       const fileName = `assets/truss-${hash}.css`;