mnfst 0.5.262 → 0.5.264

package/lib/manifest.status.js

@@ -321,6 +321,23 @@
        across copies. */
     if (!window.ManifestUI) {
         window.ManifestUI = {
+            // One cached evaluator per expression: each Alpine.evaluate would register a cleanup on <body>, never run
+            _eval(expr) {
+                const A = window.Alpine;
+                // Magics registered after an evaluator was built stay invisible to it, so a registration drops the cache
+                if (!A.magic.__manifestMagicCounted) {
+                    const magic = A.magic;
+                    A.magic = function () { window.__manifestMagicVersion = (window.__manifestMagicVersion || 0) + 1; return magic.apply(this, arguments); };
+                    A.magic.__manifestMagicCounted = true;
+                }
+                const version = window.__manifestMagicVersion || 0;
+                if (!this._evals || this._evalsVersion !== version) { this._evals = new Map(); this._evalsVersion = version; }
+                let fn = this._evals.get(expr);
+                if (!fn) this._evals.set(expr, fn = A.evaluateLater(document.body, expr));
+                let out;
+                fn(v => { out = v; });
+                return out;
+            },
             _loadedSourceNames() {
                 try {
                     const store = window.ManifestDataStore && window.ManifestDataStore.rawDataStore;
@@ -331,11 +348,11 @@
             resolve(component, fallbacks) {
                 const merged = JSON.parse(JSON.stringify(fallbacks || {}));
                 try {
-                    if (!window.Alpine || typeof Alpine.evaluate !== 'function') return merged;
-                    try { Alpine.evaluate(document.body, 'typeof $locale !== "undefined" && $locale.current'); } catch (_) { } // dep → re-resolve on locale switch
+                    if (!window.Alpine || typeof Alpine.evaluateLater !== 'function') return merged;
+                    try { this._eval('typeof $locale !== "undefined" && $locale.current'); } catch (_) { } // dep → re-resolve on locale switch
                     for (const name of this._loadedSourceNames()) {
                         let ui;
-                        try { ui = Alpine.evaluate(document.body, `$x['${name}'] && $x['${name}']._ui && $x['${name}']._ui['${component}']`); } catch (_) { ui = null; }
+                        try { ui = this._eval(`$x['${name}'] && $x['${name}']._ui && $x['${name}']._ui['${component}']`); } catch (_) { ui = null; }
                         if (ui && typeof ui === 'object' && !Array.isArray(ui)) this._deepOverlay(merged, ui);
                     }
                 } catch (_) { }
@@ -532,7 +549,7 @@
         try {
             if (window.Alpine?.evaluate) {
                 const expr = isBareRef && !hasInterp ? trimmed : '`' + trimmed + '`';
-                const out = Alpine.evaluate(document.body, expr);
+                const out = window.ManifestUI?._eval ? window.ManifestUI._eval(expr) : Alpine.evaluate(document.body, expr);
                 if (out == null) return val;
                 return typeof out === 'string' ? out : String(out);
             }

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.262';
+const BUILD_VERSION = '0.5.264';
 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/lib/manifest.tailwind.js

@@ -551,5 +551,5 @@ ${L}`)}}))m.get(y)?.(C);for(let y of h)y(C);if(p){let y=[];for(let[z,L]of C.them
   --max-width-prose: 65ch;
 }
 `;var Mo=`@tailwind utilities;
-`;var Ye={index:jo,preflight:Io,theme:Fo,utilities:Mo};var At=class{start(r){performance.mark(`${r} (start)`)}end(r,o){performance.mark(`${r} (end)`),performance.measure(r,{start:`${r} (start)`,end:`${r} (end)`,detail:o})}hit(r,o){performance.mark(r,{detail:o})}error(r){throw performance.mark("(error)",{detail:{error:`${r}`}}),r}};var Bo="text/tailwindcss",Ct,or=new Set,rr="",ir=document.createElement("style"),Wo=Promise.resolve(),Xn=1,ie=new At;async function el(){ie.start("Create compiler"),ie.start("Reading Stylesheets");let e=document.querySelectorAll(`style[type="${Bo}"]`),r="";for(let o of e)qo(o),r+=o.textContent+`
-`;if(r.includes("@import")||(r=`@import "tailwindcss";${r}`),ie.end("Reading Stylesheets",{size:r.length,changed:rr!==r}),rr!==r){rr=r,ie.start("Compile CSS");try{Ct=await Ko(r,{base:"/",loadStylesheet:tl,loadModule:rl})}finally{ie.end("Compile CSS"),ie.end("Create compiler")}or.clear()}}async function tl(e,r){function o(){if(e==="tailwindcss")return{path:"virtual:tailwindcss/index.css",base:r,content:Ye.index};if(e==="tailwindcss/preflight"||e==="tailwindcss/preflight.css"||e==="./preflight.css")return{path:"virtual:tailwindcss/preflight.css",base:r,content:Ye.preflight};if(e==="tailwindcss/theme"||e==="tailwindcss/theme.css"||e==="./theme.css")return{path:"virtual:tailwindcss/theme.css",base:r,content:Ye.theme};if(e==="tailwindcss/utilities"||e==="tailwindcss/utilities.css"||e==="./utilities.css")return{path:"virtual:tailwindcss/utilities.css",base:r,content:Ye.utilities};throw new Error(`The browser build does not support @import for "${e}"`)}try{let t=o();return ie.hit("Loaded stylesheet",{id:e,base:r,size:t.content.length}),t}catch(t){throw ie.hit("Failed to load stylesheet",{id:e,base:r,error:t.message??t}),t}}async function rl(){throw new Error("The browser build does not support plugins or config files.")}async function ol(e){if(!Ct)return;let r=new Set;ie.start("Collect classes");for(let o of document.querySelectorAll("[class]"))for(let t of o.classList)or.has(t)||(or.add(t),r.add(t));ie.end("Collect classes",{count:r.size}),!(r.size===0&&e==="incremental")&&(ie.start("Build utilities"),ir.textContent=Ct.build(Array.from(r)),ie.end("Build utilities"))}function Nt(e){async function r(){if(!Ct&&e!=="full")return;let o=Xn++;ie.start(`Build #${o} (${e})`),e==="full"&&await el(),ie.start("Build"),await ol(e),ie.end("Build"),ie.end(`Build #${o} (${e})`)}Wo=Wo.then(r).catch(o=>ie.error(o))}var il=new MutationObserver(()=>Nt("full"));function qo(e){il.observe(e,{attributes:!0,attributeFilter:["type"],characterData:!0,subtree:!0,childList:!0})}new MutationObserver(e=>{let r=0,o=0;for(let t of e){for(let l of t.addedNodes)l.nodeType===Node.ELEMENT_NODE&&l.tagName==="STYLE"&&l.getAttribute("type")===Bo&&(qo(l),r++);for(let l of t.addedNodes)l.nodeType===1&&l!==ir&&o++;t.type==="attributes"&&o++}if(r>0)return Nt("full");if(o>0)return Nt("incremental")}).observe(document.documentElement,{attributes:!0,attributeFilter:["class"],childList:!0,subtree:!0});Nt("full");document.head.append(ir);})();
+`;var Ye={index:jo,preflight:Io,theme:Fo,utilities:Mo};var At=class{start(r){}end(r,o){}hit(r,o){}error(r){throw r}};var dirtyTrees=new Set,dirtySelves=new Set;var Bo="text/tailwindcss",Ct,or=new Set,rr="",ir=document.createElement("style"),Wo=Promise.resolve(),Xn=1,ie=new At;async function el(){ie.start("Create compiler"),ie.start("Reading Stylesheets");let e=document.querySelectorAll(`style[type="${Bo}"]`),r="";for(let o of e)qo(o),r+=o.textContent+`
+`;if(r.includes("@import")||(r=`@import "tailwindcss";${r}`),ie.end("Reading Stylesheets",{size:r.length,changed:rr!==r}),rr!==r){rr=r,ie.start("Compile CSS");try{Ct=await Ko(r,{base:"/",loadStylesheet:tl,loadModule:rl})}finally{ie.end("Compile CSS"),ie.end("Create compiler")}or.clear()}}async function tl(e,r){function o(){if(e==="tailwindcss")return{path:"virtual:tailwindcss/index.css",base:r,content:Ye.index};if(e==="tailwindcss/preflight"||e==="tailwindcss/preflight.css"||e==="./preflight.css")return{path:"virtual:tailwindcss/preflight.css",base:r,content:Ye.preflight};if(e==="tailwindcss/theme"||e==="tailwindcss/theme.css"||e==="./theme.css")return{path:"virtual:tailwindcss/theme.css",base:r,content:Ye.theme};if(e==="tailwindcss/utilities"||e==="tailwindcss/utilities.css"||e==="./utilities.css")return{path:"virtual:tailwindcss/utilities.css",base:r,content:Ye.utilities};throw new Error(`The browser build does not support @import for "${e}"`)}try{let t=o();return ie.hit("Loaded stylesheet",{id:e,base:r,size:t.content.length}),t}catch(t){throw ie.hit("Failed to load stylesheet",{id:e,base:r,error:t.message??t}),t}}async function rl(){throw new Error("The browser build does not support plugins or config files.")}async function ol(e){if(!Ct)return;let r=new Set;ie.start("Collect classes");let addClasses=o=>{for(let t of o.classList)or.has(t)||(or.add(t),r.add(t))};if(e==="incremental"){for(let o of dirtySelves)addClasses(o);for(let o of dirtyTrees){addClasses(o);for(let t of o.querySelectorAll("[class]"))addClasses(t)}}else for(let o of document.querySelectorAll("[class]"))addClasses(o);dirtyTrees.clear(),dirtySelves.clear();ie.end("Collect classes",{count:r.size}),!(r.size===0&&e==="incremental")&&(ie.start("Build utilities"),ir.textContent=Ct.build(Array.from(r)),ie.end("Build utilities"))}function Nt(e){async function r(){if(!Ct&&e!=="full")return;let o=Xn++;ie.start(`Build #${o} (${e})`),e==="full"&&await el(),ie.start("Build"),await ol(e),ie.end("Build"),ie.end(`Build #${o} (${e})`)}Wo=Wo.then(r).catch(o=>(dirtyTrees.clear(),dirtySelves.clear(),ie.error(o)))}var il=new MutationObserver(()=>Nt("full"));function qo(e){il.observe(e,{attributes:!0,attributeFilter:["type"],characterData:!0,subtree:!0,childList:!0})}new MutationObserver(e=>{let r=0,o=0;for(let t of e){for(let l of t.addedNodes)l.nodeType===Node.ELEMENT_NODE&&l.tagName==="STYLE"&&l.getAttribute("type")===Bo&&(qo(l),r++);for(let l of t.addedNodes)l.nodeType===1&&l!==ir&&(dirtyTrees.add(l),o++);t.type==="attributes"&&(dirtySelves.add(t.target),o++)}if(r>0)return Nt("full");if(o>0)return Nt("incremental")}).observe(document.documentElement,{attributes:!0,attributeFilter:["class"],childList:!0,subtree:!0});Nt("full");document.head.append(ir);})();

package/lib/manifest.virtual.js

@@ -241,6 +241,7 @@ function initializeVirtualPlugin() {
 
             const visible = new Set();
             const keys = [];
+            const items = [];
             for (let i = startItem; i < endItem; i++) {
                 const item = data[i];
                 if (item == null) continue;
@@ -248,15 +249,35 @@ function initializeVirtualPlugin() {
                 if (key == null) continue;
                 visible.add(key);
                 keys.push(key);
-                let entry = rendered.get(key);
-                if (!entry) entry = mountRow(item, key);
-                else if (entry.scope[itemName] !== item) entry.scope[itemName] = item;  // rebind by key
-                host.insertBefore(entry.node, botSpacer);        // keep DOM order = data order
+                items.push(item);
             }
             for (const [key, entry] of rendered) {
                 if (!visible.has(key)) removeRow(key, entry);
             }
 
+            // Keep DOM order = data order, moving only rows out of place
+            const rowNodes = new Set();
+            for (const entry of rendered.values()) rowNodes.add(entry.node);
+            // Next row in the host; skips what a row root rendered (x-if clones), survives a row's init detaching it
+            const nextRow = (n) => {
+                while (n && n !== botSpacer && n.parentNode === host && !rowNodes.has(n)) n = n.nextSibling;
+                return n && n.parentNode === host ? n : botSpacer;
+            };
+            let cursor = nextRow(topSpacer.nextSibling);
+            for (let i = 0; i < keys.length; i++) {
+                if (cursor.parentNode !== host) cursor = botSpacer;
+                let entry = rendered.get(keys[i]);
+                if (!entry) {
+                    entry = mountRow(items[i], keys[i], cursor);
+                    rowNodes.add(entry.node);
+                    if (entry.node.parentNode !== host) host.insertBefore(entry.node, cursor);  // root replaced itself in init
+                    continue;
+                }
+                if (entry.scope[itemName] !== items[i]) entry.scope[itemName] = items[i];  // rebind by key
+                if (entry.node === cursor) cursor = nextRow(cursor.nextSibling);
+                else host.insertBefore(entry.node, cursor);
+            }
+
             // Measure anything not yet measured, then reconcile offsets once.
             scheduleMeasure(keys);
         }
@@ -306,10 +327,10 @@ function initializeVirtualPlugin() {
             scheduleMeasure(keys);
         }
 
-        function mountRow(item, key) {
+        function mountRow(item, key, before = anchor) {
             const tpl = template.content.firstElementChild;
             const node = tpl.cloneNode(true);
-            host.insertBefore(node, anchor);                     // connect before init
+            host.insertBefore(node, before);                     // connect before init
             const scope = Alpine.reactive({ [itemName]: item });
             const removeScope = Alpine.addScopeToNode(node, scope);
             Alpine.initTree(node);
@@ -422,11 +443,12 @@ function initializeVirtualPlugin() {
 
         // ---- Scroll / resize ----
 
+        let destroyed = false;
         let scrollScheduled = false;
         const onScroll = () => {
             if (scrollScheduled) return;
             scrollScheduled = true;
-            requestAnimationFrame(() => { scrollScheduled = false; render(); });
+            requestAnimationFrame(() => { scrollScheduled = false; if (!destroyed) render(); });
         };
         scrollEl.addEventListener('scroll', onScroll, { passive: true });
 
@@ -440,6 +462,7 @@ function initializeVirtualPlugin() {
         if (!kind && !isMasonry && host !== scrollEl) ro.observe(host);   // only until a hidden host is classified
 
         cleanup(() => {
+            destroyed = true;
             scrollEl.removeEventListener('scroll', onScroll);
             ro.disconnect();
             clearTimeout(resizeTimer);

package/package.json

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