@shamar/wire 1.0.0 → 1.0.2

package/README.md

@@ -123,7 +123,7 @@ save() {
 
 `@shamar/adonis` serves `assets/wire.js` at `{panel}/assets/wire.js` and loads it from the admin shell. The script listens on `document`, so every island on the page shares one runtime.
 
-It coexists with Alpine. On `alpine:init` it registers the `$wire` magic. After a morph it calls `Alpine.initTree` on nodes that were inserted.
+It coexists with Alpine. On `alpine:init` it registers the `$wire` magic. Island morphs call `Alpine.initTree` on inserted nodes while the parent scope is still alive. Full-page `wire:navigate` destroys Alpine on the outgoing region, morphs without initializing orphans, then `Alpine.initTree`s the destination root so nested `x-data` (media library, forms, …) sees its scope.
 
 ### Bindings
 

package/client/wire.js

@@ -79,7 +79,7 @@
     return from.nodeType === 1 && to.nodeType === 1 && from.tagName === to.tagName;
   }
 
-  function morph(from, to, origin, skipIslands = true) {
+  function morph(from, to, origin, skipIslands = true, initAlpine = true) {
     if (from.nodeType === 3 && to.nodeType === 3) {
       if (from.nodeValue !== to.nodeValue) from.nodeValue = to.nodeValue;
       return;
@@ -110,10 +110,10 @@
       from.checked = to.checked;
     }
 
-    morphChildren(from, to, origin, skipIslands);
+    morphChildren(from, to, origin, skipIslands, initAlpine);
   }
 
-  function morphChildren(from, to, origin, skipIslands = true) {
+  function morphChildren(from, to, origin, skipIslands = true, initAlpine = true) {
     const current = [...from.childNodes];
     const incoming = [...to.childNodes];
     const used = new Set();
@@ -141,7 +141,7 @@
       }
       if (match) {
         used.add(match);
-        morph(match, target, origin, skipIslands);
+        morph(match, target, origin, skipIslands, initAlpine);
         ordered.push(match);
       } else {
         ordered.push(target.cloneNode(true));
@@ -153,7 +153,12 @@
     ordered.forEach((node, index) => {
       if (from.childNodes[index] !== node) from.insertBefore(node, from.childNodes[index] || null);
     });
-    if (window.Alpine?.initTree) {
+    // Island updates init Alpine on newly inserted subtrees while the parent
+    // scope is still alive. Full-page navigate must skip this — destroyTree already
+    // ran and reviveAlpine() re-inits the whole region after morph. Calling
+    // initTree on orphans here throws (selectedFiles/viewMode/… not defined)
+    // and leaves the destination page blank until a hard refresh.
+    if (initAlpine && window.Alpine?.initTree) {
       for (const node of ordered) {
         if (!used.has(node) && node.nodeType === 1 && !node.hasAttribute('wire:persist')) {
           window.Alpine.initTree(node);
@@ -723,7 +728,8 @@
           /* ignore */
         }
       }
-      morph(from, to, from, false);
+      // Skip Alpine.initTree during morph — parent x-data is dead until reviveAlpine.
+      morph(from, to, from, false, false);
       const restored = restorePersisted(from, kept);
       const alpineRoots = [...synced, from];
       for (const el of from.querySelectorAll('[wire\\:persist]')) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shamar/wire",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "Server-driven reactive components. Usable on its own or inside a Shamar admin panel.",
   "license": "MIT",
   "type": "module",