mnfst-render 0.5.0 → 0.5.1

package/manifest.render.mjs

@@ -1943,23 +1943,39 @@ async function runPrerender(config) {
           window.__manifestHydrateSnapshots = allSnapshots;
         };
 
-        // Wrap Alpine.initTree once Alpine is available.  alpine:init fires before
-        // Alpine walks the tree for the first time, giving us the perfect insertion
-        // point.  After wrapping, every initTree call (initial walk + every lazy
-        // component load) snapshots its subtree before Alpine processes it.
-        let installed = false;
-        const installInterceptor = () => {
-          if (installed || !window.Alpine || typeof window.Alpine.initTree !== 'function') return;
-          installed = true;
-          const original = window.Alpine.initTree.bind(window.Alpine);
-          window.Alpine.initTree = function (root) {
+        // Wrap Alpine.initTree.  This MUST happen before any plugin calls initTree —
+        // otherwise preloaded components (loaded eagerly by manifest.components before
+        // Alpine starts walking the tree) get processed by the original initTree and
+        // their hydrate targets are missed.  We use a defineProperty setter on
+        // window.Alpine so the wrap happens the instant Alpine's CDN script does
+        // `window.Alpine = ...` — earlier than any event we could listen for.
+        const wrap = (alpine) => {
+          if (!alpine || alpine.__manifestRenderWrapped) return;
+          if (typeof alpine.initTree !== 'function') return;
+          alpine.__manifestRenderWrapped = true;
+          const original = alpine.initTree.bind(alpine);
+          alpine.initTree = function (root) {
             try { snapshotSubtree(root || document.body); } catch (_) { /* graceful */ }
             return original.apply(this, arguments);
           };
         };
+
+        // Setter trap: as soon as Alpine is assigned to window, wrap it.
+        let _Alpine;
+        try {
+          Object.defineProperty(window, 'Alpine', {
+            configurable: true,
+            enumerable: true,
+            get() { return _Alpine; },
+            set(v) { _Alpine = v; wrap(v); },
+          });
+        } catch (_) { /* defineProperty failed, fall back to event listeners */ }
+
+        // Belt-and-braces: also try to wrap on alpine:init events in case some
+        // environment beats the setter.  wrap() is idempotent.
         if (typeof document !== 'undefined') {
-          document.addEventListener('alpine:init', installInterceptor);
-          document.addEventListener('alpine:initialized', installInterceptor);
+          document.addEventListener('alpine:init', () => wrap(window.Alpine));
+          document.addEventListener('alpine:initialized', () => wrap(window.Alpine));
         }
       });
 

package/package.json

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