mnfst 0.5.39 → 0.5.41

package/dist/manifest.icons.js

@@ -91,6 +91,12 @@ function initializeIconPlugin() {
         const iconValue = expression;
         if (!iconValue) return;
 
+        // Prerender (or static HTML) already inlined an Iconify SVG; leave it alone. Otherwise Alpine
+        // evaluates stale expressions like `module.icon` from templating and throws ReferenceError.
+        if (el.querySelector('svg[data-icon]')) {
+            return;
+        }
+
         // Check if it's a raw icon name (should contain a colon for icon format like 'lucide:house')
         const isRawIconName = iconValue.includes(':') &&
             !iconValue.includes("'") &&

package/dist/manifest.router.js

@@ -376,6 +376,10 @@ function initializeNavigation() {
     handleRouteChange();
 }
 
+// Match the browser URL as soon as this module loads. Later chunks in the same bundle (e.g. router magic)
+// may initialize before DOMContentLoaded; getCurrentRoute() must not stay at '/' or $route breaks article pages.
+currentRoute = pathnameToLogical(window.location.pathname);
+
 // Run immediately if DOM is ready, otherwise wait
 if (document.readyState === 'loading') {
     document.addEventListener('DOMContentLoaded', initializeNavigation);
@@ -394,8 +398,20 @@ window.ManifestRoutingNavigation = {
 
 // Router visibility
 
+function isPrerenderedStaticMPA() {
+    try {
+        return document.querySelector('meta[name="manifest:prerendered"][content="1"]') !== null;
+    } catch (e) {
+        return false;
+    }
+}
+
 // Process visibility for all elements with x-route
 function processRouteVisibility(normalizedPath) {
+    // Static prerender output already contains only this route's sections; x-cloak + toggling here
+    // causes a visible flash (content → hidden via x-cloak → shown when Alpine boots).
+    if (isPrerenderedStaticMPA()) return;
+
     const routeElements = document.querySelectorAll('[x-route]');
 
     // First pass: collect all defined routes (excluding !* and other negative conditions)
@@ -511,6 +527,7 @@ function processRouteVisibility(normalizedPath) {
 
 // Add x-cloak to route elements that don't have it
 function addXCloakToRouteElements() {
+    if (isPrerenderedStaticMPA()) return;
     const routeElements = document.querySelectorAll('[x-route]:not([x-cloak])');
     routeElements.forEach(element => {
         element.setAttribute('x-cloak', '');
@@ -529,11 +546,13 @@ function initializeVisibility() {
 
     // Listen for route changes
     window.addEventListener('manifest:route-change', (event) => {
+        if (isPrerenderedStaticMPA()) return;
         processRouteVisibility(event.detail.normalizedPath);
     });
 
     // Listen for component processing to ensure visibility is applied after components load
     window.addEventListener('manifest:components-processed', () => {
+        if (isPrerenderedStaticMPA()) return;
         // Add x-cloak to any new route elements
         addXCloakToRouteElements();
 
@@ -559,11 +578,23 @@ if (document.readyState === 'loading') {
 // Export visibility interface
 window.ManifestRoutingVisibility = {
     initialize: initializeVisibility,
-    processRouteVisibility
+    processRouteVisibility,
+    isPrerenderedStaticMPA
 }; 
 
 // Router head
 
+function isPrerenderedStaticMPA() {
+    try {
+        if (window.ManifestRoutingVisibility && typeof window.ManifestRoutingVisibility.isPrerenderedStaticMPA === 'function') {
+            return window.ManifestRoutingVisibility.isPrerenderedStaticMPA();
+        }
+        return document.querySelector('meta[name="manifest:prerendered"][content="1"]') !== null;
+    } catch (e) {
+        return false;
+    }
+}
+
 // Track injected head content to prevent duplicates
 const injectedHeadContent = new Set();
 
@@ -713,6 +744,7 @@ function processElementHeadContent(element, normalizedPath) {
 
 // Process all head content in the DOM
 function processAllHeadContent(normalizedPath) {
+    if (isPrerenderedStaticMPA()) return;
 
     // Find all elements with head templates
     const elementsWithHead = document.querySelectorAll('template[data-head]');
@@ -791,6 +823,7 @@ function initializeHeadContent() {
     function processHeadContentAfterComponentsReady() {
         // Process initial head content after a longer delay to let components settle
         setTimeout(() => {
+            if (isPrerenderedStaticMPA()) return;
             const currentPath = window.ManifestRoutingNavigation?.getCurrentRoute() ?? window.location.pathname;
             const normalizedPath = currentPath === '/' ? '/' : currentPath.replace(/^\/|\/$/g, '');
 
@@ -810,6 +843,7 @@ function initializeHeadContent() {
 
     // Function to process head content immediately (for projects without components)
     function processHeadContentImmediately() {
+        if (isPrerenderedStaticMPA()) return;
         const currentPath = window.ManifestRoutingNavigation?.getCurrentRoute() ?? window.location.pathname;
         const normalizedPath = currentPath === '/' ? '/' : currentPath.replace(/^\/|\/$/g, '');
         processAllHeadContent(normalizedPath);
@@ -843,6 +877,7 @@ function initializeHeadContent() {
 
         // Wait a bit for components to settle after route change
         setTimeout(() => {
+            if (isPrerenderedStaticMPA()) return;
             // Process head content immediately to catch components before they're reverted
             const currentPath = window.ManifestRoutingNavigation?.getCurrentRoute() ?? window.location.pathname;
             const normalizedPath = currentPath === '/' ? '/' : currentPath.replace(/^\/|\/$/g, '');
@@ -1261,6 +1296,8 @@ function initializeRouterMagic() {
         console.error('[Manifest Router Magic] Alpine is not available');
         return;
     }
+    if (window.__manifestRouterMagicInitialized) return;
+    window.__manifestRouterMagicInitialized = true;
 
     // Create a reactive object for route data (use logical path when app is in a subpath)
     const route = Alpine.reactive({
@@ -1305,6 +1342,9 @@ function initializeRouterMagic() {
     window.addEventListener('manifest:route-change', updateRoute);
     window.addEventListener('popstate', updateRoute);
 
+    // Align with navigation + locale stripping; initial reactive value can be wrong if magic ran before DOMContentLoaded.
+    updateRoute();
+
     // Register $route magic property - return the route string directly
     Alpine.magic('route', () => route.current);
 }

package/dist/manifest.utilities.js

@@ -452,6 +452,16 @@ class TailwindCompiler {
             this.compileTimeout = null;
             this.cache = new Map();
             this.hasInitialized = true;
+            // manifest.code.js (and others) may still register ignore rules; mirror full constructor defaults.
+            this.ignoredClassPatterns = [
+                /^hljs/, /^language-/, /^copy$/, /^copied$/, /^lines$/, /^selected$/
+            ];
+            this.ignoredElementSelectors = [
+                'pre', 'code', 'x-code', 'x-code-group'
+            ];
+            this.significantChangeSelectors = [
+                '[data-component]', '[x-data]'
+            ];
             return;
         }
 
@@ -600,6 +610,9 @@ class TailwindCompiler {
 
     // Public API for other plugins to configure behavior
     addIgnoredClassPattern(pattern) {
+        if (!Array.isArray(this.ignoredClassPatterns)) {
+            this.ignoredClassPatterns = [];
+        }
         if (pattern instanceof RegExp) {
             this.ignoredClassPatterns.push(pattern);
         } else if (typeof pattern === 'string') {
@@ -608,12 +621,18 @@ class TailwindCompiler {
     }
 
     addIgnoredElementSelector(selector) {
+        if (!Array.isArray(this.ignoredElementSelectors)) {
+            this.ignoredElementSelectors = [];
+        }
         if (typeof selector === 'string') {
             this.ignoredElementSelectors.push(selector);
         }
     }
 
     addSignificantChangeSelector(selector) {
+        if (!Array.isArray(this.significantChangeSelectors)) {
+            this.significantChangeSelectors = [];
+        }
         if (typeof selector === 'string') {
             this.significantChangeSelectors.push(selector);
         }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "mnfst",
-    "version": "0.5.39",
+    "version": "0.5.41",
     "private": false,
     "workspaces": [
         "templates/starter",