@homebound/truss 2.6.1 → 2.8.0

package/build/plugin/index.js

@@ -590,7 +590,9 @@ var PSEUDO_SUFFIX = {
   ":focus-visible": "_fv",
   ":focus-within": "_fw",
   ":active": "_a",
-  ":disabled": "_d"
+  ":disabled": "_d",
+  ":first-of-type": "_fot",
+  ":last-of-type": "_lot"
 };
 var PSEUDO_SELECTOR_SUFFIX = {
   ...PSEUDO_SUFFIX,
@@ -1641,7 +1643,9 @@ var PSEUDO_METHODS = {
   onFocusVisible: ":focus-visible",
   onFocusWithin: ":focus-within",
   onActive: ":active",
-  onDisabled: ":disabled"
+  onDisabled: ":disabled",
+  ifFirstOfType: ":first-of-type",
+  ifLastOfType: ":last-of-type"
 };
 function isPseudoMethod(name) {
   return name in PSEUDO_METHODS;
@@ -2929,6 +2933,8 @@ var CSS_TS_QUERY = "?truss-css";
 var VIRTUAL_CSS_ENDPOINT = "/virtual:truss.css";
 var VIRTUAL_RUNTIME_ID = "virtual:truss:runtime";
 var RESOLVED_VIRTUAL_RUNTIME_ID = "\0" + VIRTUAL_RUNTIME_ID;
+var VIRTUAL_TEST_CSS_ID = "virtual:truss:test-css";
+var RESOLVED_VIRTUAL_TEST_CSS_ID = "\0" + VIRTUAL_TEST_CSS_ID;
 function trussPlugin(opts) {
   let mapping = null;
   let projectRoot;
@@ -3017,6 +3023,9 @@ function trussPlugin(opts) {
       if (source === VIRTUAL_RUNTIME_ID || source === "/" + VIRTUAL_RUNTIME_ID) {
         return RESOLVED_VIRTUAL_RUNTIME_ID;
       }
+      if (source === VIRTUAL_TEST_CSS_ID || source === "/" + VIRTUAL_TEST_CSS_ID) {
+        return RESOLVED_VIRTUAL_TEST_CSS_ID;
+      }
       if (!source.endsWith(CSS_TS_QUERY)) return null;
       const absolutePath = resolveImportPath(source.slice(0, -CSS_TS_QUERY.length), importer, projectRoot);
       if (!existsSync(absolutePath)) return null;
@@ -3050,6 +3059,14 @@ function trussPlugin(opts) {
     });
   }
 })();
+`;
+      }
+      if (id === RESOLVED_VIRTUAL_TEST_CSS_ID) {
+        const css = collectCss();
+        return `
+import { __injectTrussCSS } from "@homebound/truss/runtime";
+
+__injectTrussCSS(${JSON.stringify(css)});
 `;
       }
       if (!id.startsWith(VIRTUAL_CSS_PREFIX)) return null;
@@ -3061,26 +3078,31 @@ function trussPlugin(opts) {
       if (!/\.[cm]?[jt]sx?(\?|$)/.test(id)) return null;
       const rewrittenImports = rewriteCssTsImports(code, id);
       const rewrittenCode = rewrittenImports.code;
-      const hasCssDsl = rewrittenCode.includes("Css");
-      if (!hasCssDsl && !rewrittenImports.changed) return null;
       const fileId = stripQueryAndHash(id);
+      const shouldBootstrapTestCss = isTest && libraryPaths.length > 0 && !isNodeModulesFile(fileId);
+      const testCssBootstrap = injectTestCssBootstrapImport(rewrittenCode, shouldBootstrapTestCss);
+      const transformedCode = testCssBootstrap.code;
+      const hasCssDsl = rewrittenCode.includes("Css");
       if (isNodeModulesFile(fileId)) {
         return null;
       }
+      if (!hasCssDsl && !rewrittenImports.changed && !testCssBootstrap.changed) return null;
       if (fileId.endsWith(".css.ts")) {
-        return rewrittenImports.changed ? { code: rewrittenCode, map: null } : null;
+        return rewrittenImports.changed || testCssBootstrap.changed ? { code: transformedCode, map: null } : null;
       }
       if (!hasCssDsl) {
-        return { code: rewrittenCode, map: null };
+        return { code: transformedCode, map: null };
       }
-      const result = transformTruss(rewrittenCode, fileId, ensureMapping(), {
-        debug,
+      const result = transformTruss(
+        transformedCode,
+        fileId,
+        ensureMapping(),
         // In test mode (jsdom), inject CSS directly so document.styleSheets has rules
-        injectCss: isTest
-      });
+        { debug, injectCss: isTest }
+      );
       if (!result) {
-        if (!rewrittenImports.changed) return null;
-        return { code: rewrittenCode, map: null };
+        if (!rewrittenImports.changed && !testCssBootstrap.changed) return null;
+        return { code: transformedCode, map: null };
       }
       if (result.rules) {
         let hasNewRules = false;
@@ -3156,6 +3178,16 @@ function stripQueryAndHash(id) {
 function isNodeModulesFile(filePath) {
   return filePath.replace(/\\/g, "/").includes("/node_modules/");
 }
+function injectTestCssBootstrapImport(code, shouldInject) {
+  if (!shouldInject) {
+    return { code, changed: false };
+  }
+  return {
+    code: `${code}
+import "${VIRTUAL_TEST_CSS_ID}";`,
+    changed: true
+  };
+}
 function loadMapping(path) {
   const raw = readFileSync3(path, "utf8");
   return JSON.parse(raw);