@homebound/truss 2.4.0 → 2.5.1

package/build/plugin/index.js

@@ -1,6 +1,6 @@
 // src/plugin/index.ts
-import { readFileSync as readFileSync2, writeFileSync, existsSync } from "fs";
-import { resolve, dirname, isAbsolute, join } from "path";
+import { readFileSync as readFileSync3, writeFileSync as writeFileSync2, existsSync } from "fs";
+import { resolve as resolve2, dirname, isAbsolute, join as join2 } from "path";
 
 // src/plugin/emit-truss.ts
 import * as t from "@babel/types";
@@ -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;
@@ -2877,6 +2877,52 @@ function mergeTrussCss(sources) {
   return lines.join("\n");
 }
 
+// src/plugin/esbuild-plugin.ts
+import { readFileSync as readFileSync2, writeFileSync, mkdirSync } from "fs";
+import { resolve, join } from "path";
+function trussEsbuildPlugin(opts) {
+  const cssRegistry = /* @__PURE__ */ new Map();
+  let mapping = null;
+  let outDir;
+  return {
+    name: "truss",
+    setup(build) {
+      outDir = build.initialOptions.outdir ?? build.initialOptions.outdir;
+      build.onLoad({ filter: /\.[cm]?[jt]sx?$/ }, (args) => {
+        const code = readFileSync2(args.path, "utf8");
+        if (!code.includes("Css")) return void 0;
+        if (!mapping) {
+          mapping = loadMapping(resolve(process.cwd(), opts.mapping));
+        }
+        const result = transformTruss(code, args.path, mapping);
+        if (!result) return void 0;
+        if (result.rules) {
+          for (const [className, rule] of result.rules) {
+            if (!cssRegistry.has(className)) {
+              cssRegistry.set(className, rule);
+            }
+          }
+        }
+        return { contents: result.code, loader: loaderForPath(args.path) };
+      });
+      build.onEnd(() => {
+        if (cssRegistry.size === 0) return;
+        const css = generateCssText(cssRegistry);
+        const cssFileName = opts.outputCss ?? "truss.css";
+        const cssPath = resolve(outDir ?? join(process.cwd(), "dist"), cssFileName);
+        mkdirSync(resolve(cssPath, ".."), { recursive: true });
+        writeFileSync(cssPath, css, "utf8");
+      });
+    }
+  };
+}
+function loaderForPath(filePath) {
+  if (filePath.endsWith(".tsx")) return "tsx";
+  if (filePath.endsWith(".ts")) return "ts";
+  if (filePath.endsWith(".jsx")) return "jsx";
+  return "js";
+}
+
 // src/plugin/index.ts
 var VIRTUAL_CSS_PREFIX = "\0truss-css:";
 var CSS_TS_QUERY = "?truss-css";
@@ -2894,7 +2940,7 @@ function trussPlugin(opts) {
   let cssVersion = 0;
   let lastSentVersion = 0;
   function mappingPath() {
-    return resolve(projectRoot || process.cwd(), opts.mapping);
+    return resolve2(projectRoot || process.cwd(), opts.mapping);
   }
   function ensureMapping() {
     if (!mapping) {
@@ -2905,8 +2951,8 @@ function trussPlugin(opts) {
   let libraryCache = null;
   function loadLibraries() {
     if (!libraryCache) {
-      libraryCache = libraryPaths.map(function(libPath) {
-        const resolved = resolve(projectRoot || process.cwd(), libPath);
+      libraryCache = libraryPaths.map((libPath) => {
+        const resolved = resolve2(projectRoot || process.cwd(), libPath);
         return readTrussCss(resolved);
       });
     }
@@ -2938,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);
       });
     },
@@ -2980,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");
@@ -2990,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);
     });
   }
@@ -3008,7 +3054,7 @@ function trussPlugin(opts) {
       }
       if (!id.startsWith(VIRTUAL_CSS_PREFIX)) return null;
       const sourcePath = id.slice(VIRTUAL_CSS_PREFIX.length) + ".ts";
-      const sourceCode = readFileSync2(sourcePath, "utf8");
+      const sourceCode = readFileSync3(sourcePath, "utf8");
       return transformCssTs(sourceCode, sourcePath, ensureMapping());
     },
     transform(code, id) {
@@ -3072,15 +3118,15 @@ function trussPlugin(opts) {
       if (!isBuild) return;
       const css = collectCss();
       if (!css) return;
-      const outDir = options.dir || join(projectRoot, "dist");
-      const trussPath = join(outDir, "truss.css");
+      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);
         });
         if (!alreadyEmitted) {
-          writeFileSync(trussPath, css, "utf8");
+          writeFileSync2(trussPath, css, "utf8");
         }
       }
     }
@@ -3091,9 +3137,9 @@ function resolveImportPath(source, importer, projectRoot) {
     return source;
   }
   if (importer) {
-    return resolve(dirname(importer), source);
+    return resolve2(dirname(importer), source);
   }
-  return resolve(projectRoot || process.cwd(), source);
+  return resolve2(projectRoot || process.cwd(), source);
 }
 function stripQueryAndHash(id) {
   const queryIndex = id.indexOf("?");
@@ -3111,11 +3157,12 @@ function isNodeModulesFile(filePath) {
   return filePath.replace(/\\/g, "/").includes("/node_modules/");
 }
 function loadMapping(path) {
-  const raw = readFileSync2(path, "utf8");
+  const raw = readFileSync3(path, "utf8");
   return JSON.parse(raw);
 }
 export {
   loadMapping,
+  trussEsbuildPlugin,
   trussPlugin
 };
 //# sourceMappingURL=index.js.map