mnfst-render 0.3.4 → 0.3.6

package/manifest.render.mjs

@@ -951,6 +951,34 @@ function stripRedundantImgSrcBindings(html) {
   });
 }
 
+/**
+ * Manifest runtime replaces <x-*> component placeholders by fetching source .html, which wipes
+ * prerender-baked markup (stripped :style, expanded lists, etc.). Tag opens with data-pre-rendered
+ * are skipped by manifest.components.processor — required for static prerender output to hydrate correctly.
+ */
+// Prerender inlined Iconify SVG under <i x-icon="iterator.icon">; drop x-icon so Alpine does not evaluate module/item.
+function stripResolvedXIconDirectives(html) {
+  return html.replace(/<i\b([^>]*)>([\s\S]*?)<\/i>/gi, (full, attrs, inner) => {
+    if (!/\sx-icon\s*=/i.test(attrs)) return full;
+    if (!/<svg\b/i.test(inner) || !/\bdata-icon\s*=/i.test(inner)) return full;
+    const cleaned = attrs
+      .replace(/\s+x-icon\s*=\s*"[^"]*"/gi, '')
+      .replace(/\s+x-icon\s*=\s*'[^']*'/gi, '')
+      .trim();
+    const sp = cleaned ? ' ' : '';
+    return `<i${sp}${cleaned}>${inner}</i>`;
+  });
+}
+
+function markPrerenderedManifestComponents(html) {
+  return html.replace(/<(x-[a-z][\w-]*)([^>]*)>/gi, (full, tag, attrs) => {
+    const a = attrs || '';
+    if (/\bdata-pre-rendered\s*=/i.test(a) || /\bdata-processed\s*=/i.test(a)) return full;
+    const spacer = /\S/.test(a) ? ' ' : '';
+    return `<${tag}${a}${spacer}data-pre-rendered="1">`;
+  });
+}
+
 // Remove empty inline mask-image styles emitted before data resolves
 // (e.g. style="mask-image: url()"), while keeping any :style/x-bind:style bindings.
 function stripEmptyInlineMaskStyles(html) {
@@ -1812,7 +1840,7 @@ async function runPrerender(config) {
       await page.evaluate(() => {
         const loopVarRegex = /^\s*(?:\(\s*([A-Za-z_$][\w$]*)(?:\s*,\s*([A-Za-z_$][\w$]*))?\s*\)|([A-Za-z_$][\w$]*))\s+in\s+/;
         // Include x-init: expanded clones still had x-init="getDescription(article)" etc.; Alpine then throws (article undefined).
-        const bindingAttrRegex = /^(?:x-bind:|:|x-text|x-html|x-show|x-if|x-model|x-effect|x-init|x-on:|@)/;
+        const bindingAttrRegex = /^(?:x-bind:|:|x-text|x-html|x-show|x-if|x-model|x-effect|x-init|x-icon|x-on:|@)/;
         const hasVar = (expr, varName) => varName && new RegExp(`\\b${varName}\\b`).test(expr || '');
         const stripLoopBindings = (el, itemVar, indexVar) => {
           const nodes = [el, ...Array.from(el.querySelectorAll('*'))];
@@ -1906,7 +1934,7 @@ async function runPrerender(config) {
       // outside their template scope. These throw Alpine errors in live static hosting.
       await page.evaluate(() => {
         const loopVarRegex = /^\s*(?:\(\s*([A-Za-z_$][\w$]*)(?:\s*,\s*([A-Za-z_$][\w$]*))?\s*\)|([A-Za-z_$][\w$]*))\s+in\s+/;
-        const bindingAttrRegex = /^(?:x-bind:|:|x-text|x-html|x-show|x-if|x-model|x-effect|x-init|x-on:|@)/;
+        const bindingAttrRegex = /^(?:x-bind:|:|x-text|x-html|x-show|x-if|x-model|x-effect|x-init|x-icon|x-on:|@)/;
         const hasVar = (expr, varName) => varName && new RegExp(`\\b${varName}\\b`).test(expr || '');
         const elementReferencesLoopScope = (el, itemVar, indexVar) => {
           if (!el) return false;
@@ -2009,6 +2037,7 @@ async function runPrerender(config) {
       html = stripPrerenderDynamicBindings(html);
       html = stripRedundantImgSrcBindings(html);
       html = stripEmptyInlineMaskStyles(html);
+      html = stripResolvedXIconDirectives(html);
       html = rewriteHtmlAssetPaths(html, fileSegments.length);
       const liveBase = config.liveUrl.replace(/\/$/, '');
       const canonicalHreflang = buildCanonicalAndHreflang(is404 ? '' : pathSeg, locales, defaultLocale, liveBase);
@@ -2019,6 +2048,7 @@ async function runPrerender(config) {
       const routeDepth = fileSegments.length;
       const prerenderedMeta = `<meta name="manifest:prerendered" content="1">\n`;
       html = html.replace('</head>', `${canonicalHreflang}${injectOgLocale ? ogLocale : ''}${baseMeta}${prerenderedMeta}<meta name="manifest:router-base-depth" content="${routeDepth}">\n</head>`);
+      html = markPrerenderedManifestComponents(html);
       mkdirSync(outDir, { recursive: true });
       writeFileSync(outFile, html, 'utf8');
       pushDebug({

package/package.json

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