mnfst-render 0.5.21 → 0.5.22

package/manifest.render.mjs

@@ -701,6 +701,7 @@ function injectBeforeHeadClose(html, snippet) {
   return out.replace(/<\/head>/i, `${snippet}\n</head>`);
 }
 
+
 function indexHtmlUsesTailwind(rootDir) {
   const indexPath = join(rootDir, 'index.html');
   if (!existsSync(indexPath)) return false;
@@ -814,6 +815,29 @@ function runTailwindCliForPrerender(rootDir, outputDir, pre) {
     console.error('prerender: Tailwind CLI did not produce prerender.tailwind.css');
     return false;
   }
+  // Strip Tailwind preflight rules that conflict with Manifest's element-level
+  // resets.  Tailwind's `hr { height: 0; border-top-width: 1px }` would win on
+  // specificity over Manifest's `:where(hr) {...}` reset (same `@layer base`,
+  // higher specificity), even when Manifest CSS loads after Tailwind.  Removing
+  // the specific conflicting rules here is surgical: Tailwind's other utility
+  // classes (mt-6, md:hidden, etc.) keep their normal `@layer utilities`
+  // behaviour and continue to override Manifest's `*` reset as expected.
+  try {
+    const compiled = readFileSync(outCss, 'utf8');
+    // Inside Tailwind's `@layer base { ... }` block, remove the bare `hr { ... }`
+    // declaration only.  Other element resets in the same layer don't conflict
+    // with Manifest's `:where()` resets (they target other elements or rely on
+    // Manifest's resets winning later in source order at equal specificity).
+    const stripped = compiled.replace(
+      /(\s*)hr\s*\{\s*height:\s*0;\s*color:\s*inherit;\s*border-top-width:\s*1px;?\s*\}/g,
+      ''
+    );
+    if (stripped !== compiled) {
+      writeFileSync(outCss, stripped, 'utf8');
+    }
+  } catch (e) {
+    console.warn('prerender: failed to strip conflicting Tailwind preflight rules:', e?.message || e);
+  }
   process.stdout.write(`prerender: wrote ${relative(rootDir, outCss)}\n`);
   return true;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mnfst-render",
-  "version": "0.5.21",
+  "version": "0.5.22",
   "description": "Render Manifest sites to static HTML for SEO",
   "type": "module",
   "bin": {