mnfst 0.5.240 → 0.5.241

package/lib/manifest.appwrite.data.js

@@ -2,7 +2,7 @@
 
 (function () {
 
-const MANIFEST_BUILD_VERSION = '0.5.240';
+const MANIFEST_BUILD_VERSION = '0.5.241';
 
 /* Manifest Data Sources - Appwrite Integration */
 

package/lib/manifest.components.js

@@ -205,6 +205,46 @@ function escapeForSingleQuotedJsString(s) {
 // Framework web components (not project components) — never fetched.
 const FRAMEWORK_COMPONENT_TAGS = new Set(['code', 'code-group']);
 
+// The <template x-if>/<template x-for> whose tracked clone is `el`, if any.
+function findOwningTemplate(el) {
+    if (!el._x_dataStack) return null;
+    for (let n = el.previousElementSibling; n; n = n.previousElementSibling) {
+        if (n.tagName !== 'TEMPLATE') continue;
+        if (n._x_currentIfEl === el) return { tpl: n, type: 'if' };
+        const lookup = el._x_refreshXForScope && n._x_lookup;
+        if (lookup) {
+            // Map since Alpine 3.16, plain object before
+            const entries = lookup instanceof Map ? lookup : Object.entries(lookup);
+            for (const [key, value] of entries) if (value === el) return { tpl: n, type: 'for', key };
+        }
+    }
+    return null;
+}
+
+// Point Alpine's clone bookkeeping at the swapped-in node.
+function repointTemplateClone(owner, placeholder, node) {
+    const { tpl } = owner;
+    if (owner.type === 'if') {
+        const undo = tpl._x_undoIf;
+        tpl._x_currentIfEl = node;
+        tpl._x_lastRenderedEl = node;
+        tpl._x_undoIf = () => {
+            const A = window.Alpine;
+            const teardown = () => {
+                if (A && A.destroyTree) A.destroyTree(node);
+                node.remove();
+            };
+            A && A.mutateDom ? A.mutateDom(teardown) : teardown();
+            if (undo) undo();
+        };
+    } else {
+        if (tpl._x_lookup instanceof Map) tpl._x_lookup.set(owner.key, node);
+        else tpl._x_lookup[owner.key] = node;
+        node._x_refreshXForScope = placeholder._x_refreshXForScope;
+        if (tpl._x_lastRenderedEl === placeholder) tpl._x_lastRenderedEl = node;
+    }
+}
+
 window.ManifestComponentsProcessor = {
     async processComponent(element, instanceId) {
         const name = element.tagName.toLowerCase().replace('x-', '');
@@ -238,7 +278,7 @@ window.ManifestComponentsProcessor = {
         }
         const container = document.createElement('div');
         container.innerHTML = content.trim();
-        const topLevelElements = Array.from(container.children);
+        let topLevelElements = Array.from(container.children);
         if (topLevelElements.length === 0) {
             console.debug('[Manifest Components] skipped: empty component template', element);
             element.replaceWith(document.createComment(` Empty component: ${name} `));
@@ -263,6 +303,7 @@ window.ManifestComponentsProcessor = {
             }
         };
         topLevelElements.forEach(processScripts);
+        topLevelElements = Array.from(container.children);
         // Collect properties from placeholder attributes
         const props = {};
         Array.from(element.attributes).forEach(attr => {
@@ -464,7 +505,23 @@ window.ManifestComponentsProcessor = {
         const fragment = document.createDocumentFragment();
         topLevelElements.forEach(el => fragment.appendChild(el));
 
-        parent.replaceChild(fragment, element);
+        // Sole child of x-if/x-for: Alpine tracks one node per clone, so a
+        // multi-root component keeps a host; the clone's scope carries over.
+        const owner = findOwningTemplate(element);
+        let swapped = fragment;
+        if (owner && topLevelElements.length) {
+            swapped = topLevelElements[0];
+            if (topLevelElements.length > 1) {
+                swapped = document.createElement(element.tagName.toLowerCase());
+                swapped.setAttribute('data-processed', '');
+                swapped.style.display = 'contents';
+                swapped.appendChild(fragment);
+            }
+            swapped._x_dataStack = element.hasAttribute('x-data') ? element._x_dataStack.slice(1) : element._x_dataStack;
+            repointTemplateClone(owner, element, swapped);
+        }
+
+        parent.replaceChild(swapped, element);
 
         // Manually init Alpine on the swapped-in elements once magic methods are
         // ready — prevents "i is not a function" errors.

package/lib/manifest.data.js

@@ -2,7 +2,7 @@
 
 (function () {
 
-const MANIFEST_BUILD_VERSION = '0.5.240';
+const MANIFEST_BUILD_VERSION = '0.5.241';
 
 /* Manifest Data Sources - Configuration */
 

package/lib/manifest.integrity.json

@@ -1,6 +1,6 @@
 {
   "manifest.appwrite.auth.js": "sha384-dsIWnH0qCAGSzAXMGrd8fvOrVl4tOIE6j5tC35JPTrQXZ56qLD36ARyvhR7vi3Id",
-  "manifest.appwrite.data.js": "sha384-F73BvcB8ih1vCMLgrJI6+PQf2KnGIMyuuAldRe5Lv6KFRSyX36nId6T8Su6aXUHF",
+  "manifest.appwrite.data.js": "sha384-sgQZQ0N9h/lO7AhAsfGyMKMD2Wr6IqnAmpeM901SnVVognyG7vNTHlRlQZ23k55f",
   "manifest.appwrite.presences.js": "sha384-JyVDWFT69b7Svq8J8p9tNWe2v9PZNQBY5UyhtOl1vnuHFAX0CRQ3MA9SiKq5wzNh",
   "manifest.bindings.js": "sha384-lPtMf8Ykaic9gNVZKq8Scia1881ZeMAyxer3WCIkUNwwrgzGBWto1OXADUwjvORF",
   "manifest.charts.js": "sha384-gEAv/98+29RbhvNkiNWTNyBPbLTFr2Ld15wLu29FLCL57j1cwGChRrL9Pfk7dBtT",
@@ -9,9 +9,9 @@
   "manifest.color.js": "sha384-6Rv3LxyTcZNjrhtayQfqRdCx0uSZ4BiEbgEI98I62eTvp8Aw7LBIoNJ0Je1oktwL",
   "manifest.colorpicker.js": "sha384-BhcCe8cGcd0DTJNwzXWWY+FQNRfSFFl6XqfHIFP8yHg/aXFks1NIC6lVx0Sr1VkM",
   "manifest.combobox.js": "sha384-MILTkrgsTzsYUjGo4ZuADqV85Xs4GmfB4xexfe9vbJMIoQTZ42W4zs+DTaVSPEsx",
-  "manifest.components.js": "sha384-JalISaBBWNFl3ggx92Hb3B52EpwwG3gzgra6Q+js0OgZ8vrFKMD48CuBox2N9A5T",
+  "manifest.components.js": "sha384-BUFA8h+G5Plr82sV7bKzO42pPoiRZwRQcKj1lt2ROFiKjjlkayU/vmkAFqEsdBA+",
   "manifest.computed.js": "sha384-GYML/e81gQfN+iDbqhPUgny8bINCyL+SrbTofoGk4hlCnLLjv51mCv42JMqq+ku5",
-  "manifest.data.js": "sha384-1+l0N0eCERH88WwGgklBovPC2VEj5nbdfI6dvvj/lm+t4g6MhMn1XjlRHbJUTMoP",
+  "manifest.data.js": "sha384-ouJ2qNBcbZ/TWGxbzOn3bk3pNqmEJFoiHC3z9/mIaqOmoa6v10lT0VasaxV/NdWD",
   "manifest.datepicker.js": "sha384-XnbeURni2X91ozVzatQcSjYYIS4MoW12dBRJnYAGBr0nCQ624heH5s+xtQSpLZX6",
   "manifest.defer.js": "sha384-pMRGqQKiEoJhpUcD40QeM4jEHau7sz9Xn/YCpiUamT1T4xJBZDSiYX+xnVrSWoq+",
   "manifest.device.js": "sha384-g+txmrEszYtuOvRelTp/c1wSNR2AtllVI9rx5NPPD7DzhVUnMNughonZykv2xlBW",
@@ -28,7 +28,7 @@
   "manifest.slides.js": "sha384-3uRTkyK9XPLmnxI2+igZlpi4EyPlU/7IHj5j3BZJJ2KN455vXyk99fiXV3feO/XY",
   "manifest.status.js": "sha384-MBO345ab7H6Uq1X2dZLt4Ge1Gcra+Z2qYApvlAeIV8CJhDDJrz2FPXpp+Kcp8zcM",
   "manifest.svg.js": "sha384-qr/8H9+2cIhSXNbRWRtIdrDlTOxKlNJqwEefHvCYoiBNW/kKhPTFa109Orv/EBnb",
-  "manifest.sw.js": "sha384-v57876ZQ8S05eevNRKLI9rfeCdiLz1VafEFf4jFtvdnrSt84G7Gb/2dKsiqebszs",
+  "manifest.sw.js": "sha384-E3aYupr1VZ53KD9CbSp6EjOkAUHNydBDWsmb6KWe3SJ6Rn7W72gQ21GtPVB/ChFu",
   "manifest.tabs.js": "sha384-OIIcyaQnGS0eNYk4zgAFEDboNYect7THvUd9D0V6nqCeDOxQcoiqLrBEmmWVTTet",
   "manifest.tailwind.js": "sha384-r/Jvqb+Piz21jUts10BbVAJoKkShOdJRVFpywyi4HPIi/OfOJq5CtPyWAPbdkMgt",
   "manifest.toasts.js": "sha384-3zkWxzw693pxg3QDFsoYCA3CqYaLKmBaMArULXODD66Utolpewl0OAeTB92aWUVv",
@@ -36,5 +36,5 @@
   "manifest.url.parameters.js": "sha384-J2aSVBOPsoqsbafHndrWLHEDpKb4AKJAoQnVmKA4gZh5P/8HHjFWHO/lkusmG84l",
   "manifest.utilities.js": "sha384-L5uXMLFBIF6LUM1haRjd4eGjHSWuqsCYSpPZRPYosNfJsMC5U5TnmjBxIhrZRe2d",
   "manifest.virtual.js": "sha384-ZDNoF9QVhVcVpkjIK6NH15S6I5c6OBshiJpXSOYjNsIB+298I0a7g3aFO+jyq4Vb",
-  "manifest.js": "sha384-awBD5RsuSptlguWJ5H1+89A9coKlT3lx4+i2PLZdRxeCymaG7SYBeQ7OhbCCnZGA"
+  "manifest.js": "sha384-AvD8QPahsOp5hmdBGJtfu2jp/dYrxLgapvAzx0oc2POlfb/Gj1tvFBHG+ct76p3d"
 }

package/lib/manifest.js

@@ -241,8 +241,21 @@
 			adoptedIfs.add(entry);
 		}
 	}
+	// Older renders marked placeholders inside x-if/x-for content; clones must swap.
+	function unmarkTemplatePlaceholders(root, inside) {
+		root.querySelectorAll('template').forEach((tpl) => {
+			const authored = inside || tpl.matches('[x-if],[x-for]');
+			if (authored) {
+				tpl.content.querySelectorAll('[data-pre-rendered]').forEach((el) => {
+					if (el.tagName.startsWith('X-')) el.removeAttribute('data-pre-rendered');
+				});
+			}
+			unmarkTemplatePlaceholders(tpl.content, authored);
+		});
+	}
 	function reconcilePrerenderClones() {
 		if (typeof document === 'undefined' || !document.querySelectorAll) return;
+		unmarkTemplatePlaceholders(document);
 		let adopted = 0;
 		document.querySelectorAll('[data-mnfst-prerender-clone]').forEach((el) => {
 			if (el.closest && el.closest('[data-hydrate]')) return;

package/lib/manifest.sw.js

@@ -16,7 +16,7 @@
 
 // Build stamps the published version here; unstamped (dev) falls back to the
 // registration URL's `v`, then 'dev'.
-const BUILD_VERSION = '0.5.240';
+const BUILD_VERSION = '0.5.241';
 const CACHE_PREFIX = 'mnfst-sw:';
 const META_CACHE = CACHE_PREFIX + 'meta';
 // Sized to hold a full precache.json warm-up (PRECACHE_MAX_ENTRIES server-side)

package/package.json

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