@homebound/truss 2.5.0 → 2.5.1

package/build/plugin/index.js

@@ -521,7 +521,7 @@ function getPropertyPriority(property) {
 }
 function getPseudoClassPriority(pseudo) {
   const leadingPseudo = pseudo.trim().match(/^::?[a-zA-Z-]+/)?.[0] ?? pseudo.split("(")[0];
-  const base = leadingPseudo.replace(/[A-Z]/g, function(match) {
+  const base = leadingPseudo.replace(/[A-Z]/g, (match) => {
     return `-${match.toLowerCase()}`;
   });
   return PSEUDO_CLASS_PRIORITIES[base] ?? 40;
@@ -621,7 +621,7 @@ function whenPrefix(whenPseudo) {
   return `wh_${rel}_${pseudoTag}_${markerPart}`;
 }
 function pseudoSelectorTag(pseudo) {
-  const replaced = pseudo.trim().replace(/::?[a-zA-Z-]+/g, function(match) {
+  const replaced = pseudo.trim().replace(/::?[a-zA-Z-]+/g, (match) => {
     return `_${pseudoIdentifierTag(match)}_`;
   });
   const cleaned = replaced.replace(/[^a-zA-Z0-9]/g, "_").replace(/_+/g, "_").replace(/^_|_$/g, "");
@@ -638,7 +638,7 @@ function pseudoIdentifierTag(pseudo) {
 function normalizePseudoIdentifier(pseudo) {
   const prefixMatch = pseudo.match(/^::?/);
   const prefix = prefixMatch?.[0] ?? "";
-  const name = pseudo.slice(prefix.length).replace(/[A-Z]/g, function(match) {
+  const name = pseudo.slice(prefix.length).replace(/[A-Z]/g, (match) => {
     return `-${match.toLowerCase()}`;
   });
   return `${prefix}${name}`;
@@ -813,7 +813,7 @@ function collectVariableRules(rules, seg, mapping) {
         cssVarName: existingRule.cssVarName
       }
     ];
-    if (!existingRule.declarations.some(function(entry) {
+    if (!existingRule.declarations.some((entry) => {
       return entry.cssProperty === declaration.cssProperty;
     })) {
       existingRule.declarations.push(declaration);
@@ -914,13 +914,13 @@ function getRuleDeclarations(rule) {
   return rule.declarations ?? [{ cssProperty: rule.cssProperty, cssValue: rule.cssValue, cssVarName: rule.cssVarName }];
 }
 function formatRuleBlock(selector, rule) {
-  const body = getRuleDeclarations(rule).map(function(declaration) {
+  const body = getRuleDeclarations(rule).map((declaration) => {
     return `${declaration.cssProperty}: ${declaration.cssValue};`;
   }).join(" ");
   return `${selector} { ${body} }`;
 }
 function formatNestedRuleBlock(wrapper, selector, rule) {
-  const body = getRuleDeclarations(rule).map(function(declaration) {
+  const body = getRuleDeclarations(rule).map((declaration) => {
     return `${declaration.cssProperty}: ${declaration.cssValue};`;
   }).join(" ");
   return `${wrapper} { ${selector} { ${body} } }`;
@@ -1923,12 +1923,12 @@ function findImportDeclaration(ast, source) {
 function replaceCssImportWithNamedImports(ast, cssBinding, source, imports) {
   for (const node of ast.program.body) {
     if (!t2.isImportDeclaration(node)) continue;
-    const cssSpecIndex = node.specifiers.findIndex(function(spec) {
+    const cssSpecIndex = node.specifiers.findIndex((spec) => {
       return t2.isImportSpecifier(spec) && spec.local.name === cssBinding;
     });
     if (cssSpecIndex === -1 || node.specifiers.length !== 1) continue;
     node.source = t2.stringLiteral(source);
-    node.specifiers = imports.map(function(entry) {
+    node.specifiers = imports.map((entry) => {
       return t2.importSpecifier(t2.identifier(entry.localName), t2.identifier(entry.importedName));
     });
     return true;
@@ -1940,7 +1940,7 @@ function upsertNamedImports(ast, source, imports) {
   for (const node of ast.program.body) {
     if (!t2.isImportDeclaration(node) || node.source.value !== source) continue;
     for (const entry of imports) {
-      const exists = node.specifiers.some(function(spec) {
+      const exists = node.specifiers.some((spec) => {
         return t2.isImportSpecifier(spec) && t2.isIdentifier(spec.imported, { name: entry.importedName });
       });
       if (exists) continue;
@@ -1949,7 +1949,7 @@ function upsertNamedImports(ast, source, imports) {
     return;
   }
   const importDecl = t2.importDeclaration(
-    imports.map(function(entry) {
+    imports.map((entry) => {
       return t2.importSpecifier(t2.identifier(entry.localName), t2.identifier(entry.importedName));
     }),
     t2.stringLiteral(source)
@@ -2031,7 +2031,7 @@ function buildStyleHashFromChain(chain, options) {
   const members = [];
   const previousProperties = /* @__PURE__ */ new Map();
   if (chain.markers.length > 0) {
-    const markerClasses = chain.markers.map(function(marker) {
+    const markerClasses = chain.markers.map((marker) => {
       return markerClassName(marker.markerNode);
     });
     members.push(t3.objectProperty(t3.identifier("__marker"), t3.stringLiteral(markerClasses.join(" "))));
@@ -2149,7 +2149,7 @@ function collectConditionalOnlyProps(segments) {
   return result;
 }
 function mergeConditionalBranchMembers(members, previousProperties, conditionalOnlyProps) {
-  return members.map(function(member) {
+  return members.map((member) => {
     if (!t3.isObjectProperty(member)) {
       return member;
     }
@@ -2200,10 +2200,10 @@ function arrayElementExpression(element) {
 function mergeVarsObject(previousVars, currentVars) {
   if (t3.isObjectExpression(previousVars) && t3.isObjectExpression(currentVars)) {
     return t3.objectExpression([
-      ...previousVars.properties.map(function(property) {
+      ...previousVars.properties.map((property) => {
         return t3.cloneNode(property, true);
       }),
-      ...currentVars.properties.map(function(property) {
+      ...currentVars.properties.map((property) => {
         return t3.cloneNode(property, true);
       })
     ]);
@@ -2227,7 +2227,7 @@ function clonePropertyKey(key) {
 }
 function injectDebugInfo(expr, line, options) {
   if (!options.debug) return;
-  const firstProp = expr.properties.find(function(p) {
+  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");
   });
   if (!firstProp) return;
@@ -2481,7 +2481,7 @@ function transformTruss(code, filename, mapping, options = {}) {
     );
   }
   if (declarationsToInsert.length > 0) {
-    const insertIndex = ast.program.body.findIndex(function(node) {
+    const insertIndex = ast.program.body.findIndex((node) => {
       return !t4.isImportDeclaration(node);
     });
     ast.program.body.splice(insertIndex === -1 ? ast.program.body.length : insertIndex, 0, ...declarationsToInsert);
@@ -2860,7 +2860,7 @@ function mergeTrussCss(sources) {
       }
     }
   }
-  allRules.sort(function(a, b) {
+  allRules.sort((a, b) => {
     const diff = a.priority - b.priority;
     if (diff !== 0) return diff;
     return a.className < b.className ? -1 : a.className > b.className ? 1 : 0;
@@ -2888,7 +2888,7 @@ function trussEsbuildPlugin(opts) {
     name: "truss",
     setup(build) {
       outDir = build.initialOptions.outdir ?? build.initialOptions.outdir;
-      build.onLoad({ filter: /\.[cm]?[jt]sx?$/ }, function(args) {
+      build.onLoad({ filter: /\.[cm]?[jt]sx?$/ }, (args) => {
         const code = readFileSync2(args.path, "utf8");
         if (!code.includes("Css")) return void 0;
         if (!mapping) {
@@ -2905,7 +2905,7 @@ function trussEsbuildPlugin(opts) {
         }
         return { contents: result.code, loader: loaderForPath(args.path) };
       });
-      build.onEnd(function() {
+      build.onEnd(() => {
         if (cssRegistry.size === 0) return;
         const css = generateCssText(cssRegistry);
         const cssFileName = opts.outputCss ?? "truss.css";
@@ -2951,7 +2951,7 @@ function trussPlugin(opts) {
   let libraryCache = null;
   function loadLibraries() {
     if (!libraryCache) {
-      libraryCache = libraryPaths.map(function(libPath) {
+      libraryCache = libraryPaths.map((libPath) => {
         const resolved = resolve2(projectRoot || process.cwd(), libPath);
         return readTrussCss(resolved);
       });
@@ -2984,20 +2984,20 @@ function trussPlugin(opts) {
     // -- Dev mode HMR --
     configureServer(server) {
       if (isTest) return;
-      server.middlewares.use(function(req, res, next) {
+      server.middlewares.use((req, res, next) => {
         if (req.url !== VIRTUAL_CSS_ENDPOINT) return next();
         const css = collectCss();
         res.setHeader("Content-Type", "text/css");
         res.setHeader("Cache-Control", "no-store");
         res.end(css);
       });
-      const interval = setInterval(function() {
+      const interval = setInterval(() => {
         if (cssVersion !== lastSentVersion && server.ws) {
           lastSentVersion = cssVersion;
           server.ws.send({ type: "custom", event: "truss:css-update" });
         }
       }, 150);
-      server.httpServer?.on("close", function() {
+      server.httpServer?.on("close", () => {
         clearInterval(interval);
       });
     },
@@ -3026,7 +3026,7 @@ function trussPlugin(opts) {
       if (id === RESOLVED_VIRTUAL_RUNTIME_ID) {
         return `
 // Truss dev HMR runtime \u2014 keeps styles up to date without page reload
-(function() {
+(() => {
   let style = document.getElementById("__truss_virtual__");
   if (!style) {
     style = document.createElement("style");
@@ -3036,16 +3036,16 @@ function trussPlugin(opts) {
 
   function fetchCss() {
     fetch("${VIRTUAL_CSS_ENDPOINT}")
-      .then(function(r) { return r.text(); })
-      .then(function(css) { style.textContent = css; })
-      .catch(function() {});
+      .then((r) => r.text())
+      .then((css) => { style.textContent = css; })
+      .catch(() => {});
   }
 
   fetchCss();
 
   if (import.meta.hot) {
     import.meta.hot.on("truss:css-update", fetchCss);
-    import.meta.hot.on("vite:afterUpdate", function() {
+    import.meta.hot.on("vite:afterUpdate", () => {
       setTimeout(fetchCss, 50);
     });
   }
@@ -3121,7 +3121,7 @@ function trussPlugin(opts) {
       const outDir = options.dir || join2(projectRoot, "dist");
       const trussPath = join2(outDir, "truss.css");
       if (!existsSync(trussPath)) {
-        const alreadyEmitted = Object.keys(bundle).some(function(key) {
+        const alreadyEmitted = Object.keys(bundle).some((key) => {
           const asset = bundle[key];
           return asset.type === "asset" && key.endsWith(".css") && typeof asset.source === "string" && asset.source.includes(css);
         });