mnfst 0.5.239 → 0.5.241

package/lib/manifest.appwrite.data.js

@@ -2,7 +2,7 @@
 
 (function () {
 
-const MANIFEST_BUILD_VERSION = '0.5.239';
+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.239';
+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-w085pnH0O67PcfKoFDex8duuZxAHkFsG0DDTE5KjXRL/XGcC1VEySE2R6JS13StI",
+  "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-pH87i9EvgVGUlA6IelcAxxYpoIfmhd8VrnaThttDBMLzbiXir0w8/wDYkBxEzShS",
+  "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-y83uBPdyVvejS/1ESbzxrKpWDLtTCySZzdTe+447FkD9EIDKLBo2kD9HNDRGD2Zk",
+  "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-m5WiqHv+23ZnBvvIt9NtUGE2Gupaw9jDpKuonIH9HZCHc+LR8wbitDImJoNPH9CI"
+  "manifest.js": "sha384-AvD8QPahsOp5hmdBGJtfu2jp/dYrxLgapvAzx0oc2POlfb/Gj1tvFBHG+ct76p3d"
 }

package/lib/manifest.js

@@ -124,43 +124,139 @@
 	/*
 	 * Reconcile baked x-for/x-if clones kept for crawlers — their <template> is still
 	 * live, so Alpine would render duplicates. x-if clones are adopted via
-	 * `_x_currentIfEl` (avoids re-rendering heavy content); x-for clones are removed.
+	 * `_x_currentIfEl` (avoids re-rendering heavy content) and stay inert until
+	 * their guard holds; x-for clones are removed.
 	 * Runs on alpine:init so a page without Alpine keeps its baked content.
 	 */
+	const adoptedIfs = new Set();
+	const adoptedTpls = new WeakSet();
+	let settleQueued = false;
+	function settleAdopted() {
+		for (const a of [...adoptedIfs]) a.settle();
+	}
+	function queueSettle() {
+		if (settleQueued) return;
+		settleQueued = true;
+		queueMicrotask(() => { settleQueued = false; settleAdopted(); });
+	}
+	function underIgnore(node) {
+		for (let n = node.parentNode; n; n = n.parentNode) if (n._x_ignore) return true;
+		return false;
+	}
 	function adoptIfClone(tpl, el) {
 		const A = window.Alpine;
-		// Mirrors Alpine's x-if show() bookkeeping.
+		const expr = tpl.getAttribute('x-if');
+		// No Alpine root above: never walked, so the clone binds as before.
+		let live = !tpl.closest('[x-data],[x-init]');
+		let pending = false;
+		let stopWatch = null;
+		const guard = () => !!A.evaluate(tpl, expr);
+		const unwatch = () => {
+			if (stopWatch) { stopWatch(); stopWatch = null; }
+		};
+		const forget = () => {
+			adoptedIfs.delete(entry);
+			unwatch();
+		};
+		// On screen, unbound, until a settle or an outer activation.
+		const park = () => {
+			live = false;
+			pending = false;
+			unwatch();
+			el._x_ignore = true;
+			adoptedIfs.add(entry);
+		};
+		// Mirrors Alpine's x-if hide() bookkeeping.
 		const undo = () => {
+			forget();
 			A.mutateDom(() => {
 				A.destroyTree(el);
 				el.remove();
 			});
 			delete tpl._x_currentIfEl;
 			delete tpl._x_lastRenderedEl;
+			queueSettle();
 		};
-		// Boot-time false (e.g. data still loading) keeps the clone until
-		// manifest:ready, then removes it only if still false — no blank frame.
-		let pending = false;
+		// Bound only while the guard holds; adopted clones inside follow.
+		const activate = () => {
+			if (live || tpl._x_currentIfEl !== el || !el.isConnected || underIgnore(tpl)) return;
+			live = true;
+			pending = false;
+			forget();
+			delete el._x_ignore;
+			A.initTree(el);
+			settleAdopted();
+		};
+		const watch = () => {
+			if (stopWatch || !pending || tpl._x_currentIfEl !== el || underIgnore(tpl)) return;
+			const check = A.evaluateLater(tpl, expr);
+			const fx = A.effect(() => check((v) => { if (v) queueMicrotask(() => { if (pending && guard()) activate(); }); }));
+			stopWatch = () => A.release(fx);
+		};
+		const entry = {
+			settle() {
+				if (live || pending) return;
+				if (tpl._x_currentIfEl !== el) return forget();
+				if (!el.isConnected) {
+					// Stashed in a template (defer) waits; removed with an ancestor is dropped.
+					if (!(el.getRootNode() instanceof DocumentFragment)) forget();
+					return;
+				}
+				if (tpl._x_marker && !underIgnore(tpl) && guard()) activate();
+			},
+		};
+		// Boot-time false (e.g. data still loading) keeps the clone on screen,
+		// unbound, until the guard holds or manifest:ready — no blank frame.
 		const adoptedUndo = () => {
 			if (window.__manifestReady || !window.__manifestReadyCoordinator) return undo();
-			queueMicrotask(() => { if (tpl._x_currentIfEl === el) tpl._x_undoIf = adoptedUndo; });
+			queueMicrotask(() => {
+				if (tpl._x_currentIfEl !== el) return;
+				tpl._x_undoIf = adoptedUndo;
+				watch();
+			});
+			// Torn down with an outer clone: its guard may no longer evaluate.
+			if (underIgnore(tpl)) return park();
+			if (live) {
+				live = false;
+				el._x_ignore = true;
+				A.destroyTree(el);
+				adoptedIfs.add(entry);
+			}
 			if (pending) return;
 			pending = true;
 			window.addEventListener('manifest:ready', () => {
-				if (tpl._x_currentIfEl !== el) return;
-				if (!tpl.isConnected || !A.evaluate(tpl, tpl.getAttribute('x-if'))) {
-					undo();
-					delete tpl._x_undoIf;
-				}
+				if (!pending || tpl._x_currentIfEl !== el) return;
+				if (tpl.isConnected && underIgnore(tpl)) return park();
+				if (tpl.isConnected && guard()) return activate();
+				undo();
+				delete tpl._x_undoIf;
 			}, { once: true });
 		};
 		tpl._x_currentIfEl = el;
 		tpl._x_lastRenderedEl = el;
 		tpl._x_undoIf = adoptedUndo;
+		adoptedTpls.add(tpl);
+		if (!live) {
+			el._x_ignore = true;
+			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;
-		const adopted = [];
+		unmarkTemplatePlaceholders(document);
+		let adopted = 0;
 		document.querySelectorAll('[data-mnfst-prerender-clone]').forEach((el) => {
 			if (el.closest && el.closest('[data-hydrate]')) return;
 			el.removeAttribute('data-mnfst-prerender-clone');
@@ -168,20 +264,20 @@
 			if (tpl && tpl.tagName === 'TEMPLATE' && tpl.hasAttribute('x-if')) {
 				// Alpine's x-if show() returns early when _x_currentIfEl is set.
 				adoptIfClone(tpl, el);
-				adopted.push([tpl, el]);
+				adopted++;
 			} else {
 				el.remove();
 			}
 		});
-		if (!adopted.length) return;
-		// Clones the start walk missed: init once (initTree skips marked nodes).
-		document.addEventListener('alpine:initialized', () => {
-			for (const [tpl, el] of adopted) {
-				if (tpl._x_marker && tpl._x_currentIfEl === el && el.isConnected && !el._x_marker) {
-					window.Alpine.initTree(el);
-				}
-			}
-		}, { once: true });
+		if (!adopted) return;
+		const A = window.Alpine;
+		// Templates walked after start (deferred subtrees) settle once their x-if ran.
+		if (typeof A.interceptInit === 'function') {
+			A.interceptInit((node) => {
+				if (adoptedTpls.has(node) && adoptedIfs.size) queueSettle();
+			});
+		}
+		document.addEventListener('alpine:initialized', settleAdopted, { once: true });
 	}
 	if (typeof document !== 'undefined') {
 		document.addEventListener('alpine:init', reconcilePrerenderClones, { once: true });

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.239';
+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.239",
+    "version": "0.5.241",
     "private": false,
     "workspaces": [
         "templates/starter",