@homebound/truss 2.29.11 → 2.29.13

package/build/plugin/index.js

@@ -592,6 +592,8 @@ import * as t5 from "@babel/types";
 
 // src/plugin/css-property-abbreviations.ts
 var cssPropertyAbbreviations = {
+  // Accent color
+  accentColor: "acc",
   // Alignment
   alignContent: "ac",
   alignItems: "ai",
@@ -1134,7 +1136,7 @@ function computeStaticBaseName(seg, cssProp, cssValue, isMultiProp, mapping) {
     return canonical ?? `${getPropertyAbbreviation(cssProp)}_${classNameFragmentForResolvedValue(cssValue)}`;
   }
   if (seg.argResolved !== void 0) {
-    return `${seg.abbr}_${classNameFragmentForResolvedValue(seg.argResolved)}`;
+    return `${getPropertyAbbreviation(seg.abbr)}_${classNameFragmentForResolvedValue(seg.argResolved)}`;
   }
   return seg.abbr;
 }
@@ -3825,8 +3827,7 @@ function trussPlugin(opts) {
   let devSocket;
   const libraryPaths = opts.libraries ?? [];
   let emittedCssFileName = null;
-  let cssVersion = 0;
-  let lastSentVersion = 0;
+  let cssUpdateTimer;
   function mappingPath() {
     return resolve4(projectRoot || process.cwd(), opts.mapping);
   }
@@ -3840,7 +3841,11 @@ function trussPlugin(opts) {
     projectRoot: () => projectRoot || process.cwd(),
     libraries: libraryPaths,
     onCssChanged() {
-      cssVersion++;
+      if (!devSocket || cssUpdateTimer !== void 0) return;
+      cssUpdateTimer = setTimeout(() => {
+        cssUpdateTimer = void 0;
+        devSocket?.send({ type: "custom", event: "truss:css-update" });
+      }, 0);
     }
   });
   return {
@@ -3856,8 +3861,8 @@ function trussPlugin(opts) {
     buildStart() {
       session.ensureMapping();
       session.reset();
-      cssVersion = 0;
-      lastSentVersion = 0;
+      clearTimeout(cssUpdateTimer);
+      cssUpdateTimer = void 0;
     },
     // -- Dev mode HMR --
     configureServer(server) {
@@ -3870,14 +3875,10 @@ function trussPlugin(opts) {
         res.setHeader("Cache-Control", "no-store");
         res.end(css);
       });
-      const interval = setInterval(() => {
-        if (cssVersion !== lastSentVersion && server.ws) {
-          lastSentVersion = cssVersion;
-          server.ws.send({ type: "custom", event: "truss:css-update" });
-        }
-      }, 150);
       server.httpServer?.on("close", () => {
-        clearInterval(interval);
+        clearTimeout(cssUpdateTimer);
+        cssUpdateTimer = void 0;
+        devSocket = void 0;
       });
     },
     transformIndexHtml(html) {
@@ -3891,11 +3892,6 @@ function trussPlugin(opts) {
       return html.replace("</head>", `    ${tag}
   </head>`);
     },
-    handleHotUpdate(ctx) {
-      if (ctx.server?.ws) {
-        ctx.server.ws.send({ type: "custom", event: "truss:css-update" });
-      }
-    },
     // -- Virtual module resolution --
     resolveId(source, importer) {
       if (source === VIRTUAL_RUNTIME_ID || source === "/" + VIRTUAL_RUNTIME_ID) {
@@ -3933,9 +3929,6 @@ function trussPlugin(opts) {
 
   if (import.meta.hot) {
     import.meta.hot.on("truss:css-update", fetchCss);
-    import.meta.hot.on("vite:afterUpdate", () => {
-      setTimeout(fetchCss, 50);
-    });
   }
 })();
 `;