mnfst 0.5.216 → 0.5.217

package/lib/manifest.appwrite.data.js

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

package/lib/manifest.data.js

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

package/lib/manifest.integrity.json

@@ -1,6 +1,6 @@
 {
   "manifest.appwrite.auth.js": "sha384-X30RFvbwT9qEIaMsMUumnW54ZzcnY5aY9QQeXPG8/0sI6VAbAw3+FZ6iuZb6b4cu",
-  "manifest.appwrite.data.js": "sha384-R5k9rGxqny8Y04sQA7eUQkfoalYpSJeyoLaxT0btJWwXOW4IlOOk8bt+G9RsbYlg",
+  "manifest.appwrite.data.js": "sha384-yZr9vTGb3KKbkLp20t/jHdmCbVZM5eHXS7595SiOeeK1oBIDn/uWnJZQxmB5qTCz",
   "manifest.appwrite.presences.js": "sha384-JyVDWFT69b7Svq8J8p9tNWe2v9PZNQBY5UyhtOl1vnuHFAX0CRQ3MA9SiKq5wzNh",
   "manifest.bindings.js": "sha384-lPtMf8Ykaic9gNVZKq8Scia1881ZeMAyxer3WCIkUNwwrgzGBWto1OXADUwjvORF",
   "manifest.charts.js": "sha384-gEAv/98+29RbhvNkiNWTNyBPbLTFr2Ld15wLu29FLCL57j1cwGChRrL9Pfk7dBtT",
@@ -11,7 +11,7 @@
   "manifest.combobox.js": "sha384-MILTkrgsTzsYUjGo4ZuADqV85Xs4GmfB4xexfe9vbJMIoQTZ42W4zs+DTaVSPEsx",
   "manifest.components.js": "sha384-4bc3HgPvF9DHMiOG08w+nWXI7Hho01RuAPAUL9xyLxOiS2igeZpulCVcvr5aT9v6",
   "manifest.computed.js": "sha384-GYML/e81gQfN+iDbqhPUgny8bINCyL+SrbTofoGk4hlCnLLjv51mCv42JMqq+ku5",
-  "manifest.data.js": "sha384-KV18iJ7xOUjXDI/IjQ6CdpSMzryisiK2lRyI2ND23Z7agO0CfmcdttZ6Dv1cvWky",
+  "manifest.data.js": "sha384-9SGjL5hRZj0Hthg0LaJFKuV/ijKRjN55rs2ZqAczXg4iEPBnneRByU3I+CeBQlxb",
   "manifest.datepicker.js": "sha384-XnbeURni2X91ozVzatQcSjYYIS4MoW12dBRJnYAGBr0nCQ624heH5s+xtQSpLZX6",
   "manifest.defer.js": "sha384-wXa60M2OHigi5rBurXQ7Oa8eyr5WTKs7EUn2GOru62KMdfs/LDyNegxCc9MNJFSe",
   "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-91LmxRDHzF2MyT09wEdEZ26CqXq/QZRSniDuNY2JX8x0odgGuBfDXV5PjEmegHSW",
+  "manifest.sw.js": "sha384-umdIE2mmw7q0g6sS8FFKJNZloFTYwJnSLjH69oqKPuwkFxiox+/0rtC3L//80ac6",
   "manifest.tabs.js": "sha384-OIIcyaQnGS0eNYk4zgAFEDboNYect7THvUd9D0V6nqCeDOxQcoiqLrBEmmWVTTet",
   "manifest.tailwind.js": "sha384-r/Jvqb+Piz21jUts10BbVAJoKkShOdJRVFpywyi4HPIi/OfOJq5CtPyWAPbdkMgt",
   "manifest.text.edit.js": "sha384-pfhc4IPKNJokj6ldlgD+KwGLN4UoM21CNeVf2sVq/34X1Un2PUhEuyTg5itmtsXS",
@@ -36,6 +36,6 @@
   "manifest.tooltips.js": "sha384-uXVVQADl6pY2Pj9i/UaSclZN7dzbKhLkmevv7Ad0+wXR8LgqodALNFrc5jZJjlwm",
   "manifest.url.parameters.js": "sha384-J2aSVBOPsoqsbafHndrWLHEDpKb4AKJAoQnVmKA4gZh5P/8HHjFWHO/lkusmG84l",
   "manifest.utilities.js": "sha384-pIKcTvk9lrlXZK0OXld6SA6wrmlaFTCmTpLn67nOCE+XhNw4fuGSDX4Z3C2eR6CJ",
-  "manifest.virtual.js": "sha384-YwwmAsZNddajnAkLhBWtrK8edHMJOhD7cJkQi3qmm5o1Thg0wbtDU0dsfrCHKTIQ",
+  "manifest.virtual.js": "sha384-ZDNoF9QVhVcVpkjIK6NH15S6I5c6OBshiJpXSOYjNsIB+298I0a7g3aFO+jyq4Vb",
   "manifest.js": "sha384-OMEyd7TUB5EfAhabW58OgEn6AkZgOuH5IQ85dHZf7ciI0jmXXrsCp2Eh74iVnJ62"
 }

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.216';
+const BUILD_VERSION = '0.5.217';
 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.virtual.js

@@ -52,10 +52,9 @@ function initializeVirtualPlugin() {
         const cs = getComputedStyle(scrollEl);
         if (cs.overflow === 'visible' && cs.overflowY === 'visible') scrollEl.style.overflow = 'auto';
 
-        const kind = detectKind(host);                        // spacer/geometry: table | grid | flex | block
-        const mode = options.mode || detectMode(kind, host);  // windowing: rows | gallery | masonry
-        const isGallery = mode === 'gallery';
-        const isMasonry = mode === 'masonry';
+        const isMasonry = options.mode === 'masonry';
+        let kind = detectKind(host);                  // table | grid | flex | block; null while hidden
+        let isGallery = false;
 
         // Masonry: fixed `columns` or target `columnWidth`; optional per-item `span`/
         // `height` fns from data for ~zero settling; `gap` px (falls back to CSS gap).
@@ -83,6 +82,22 @@ function initializeVirtualPlugin() {
             botSpacer = makeSpacer(kind, colCount);
             host.insertBefore(topSpacer, template);
             host.insertBefore(botSpacer, template);
+            if (kind) applyKind();
+        }
+
+        // A display:none host can't be classified; resolve once it has a box.
+        function applyKind() {
+            styleSpacer(topSpacer, kind);
+            styleSpacer(botSpacer, kind);
+            isGallery = (options.mode || detectMode(kind, host)) === 'gallery';
+        }
+        function resolveKind() {
+            if (kind || isMasonry) return true;
+            if (!(kind = detectKind(host))) return false;
+            if (ro && host !== scrollEl) ro.unobserve(host);
+            applyKind();
+            rebuild();
+            return true;
         }
         const anchor = isMasonry ? sizer : botSpacer;   // rows insert before this
 
@@ -99,6 +114,7 @@ function initializeVirtualPlugin() {
         let totalHeight = 0;                   // masonry: packed content height
         let maxItemH = 0;                      // masonry: back-scan bound
         let ready = false;                     // becomes true once container is sized
+        let ro = null;
 
         const keyFn = buildKeyFn(itemName, keyExpr);
         const avgH = () => (measuredCount > 0 ? measuredSum / measuredCount : estimateH);
@@ -204,11 +220,11 @@ function initializeVirtualPlugin() {
 
         function render() {
             if (isMasonry) return renderMasonry();
-            const total = isGallery ? lines.length : data.length;
-            if (!total) { clearRows(); setHeight(topSpacer, 0); setHeight(botSpacer, 0); return; }
+            if (!data.length) { clearRows(); setHeight(topSpacer, 0); setHeight(botSpacer, 0); return; }
             const vh = scrollEl.clientHeight;
-            if (!vh) return;                                     // defer until sized
+            if (!vh || !resolveKind()) return;                   // defer until sized
             ready = true;
+            const total = isGallery ? lines.length : data.length;   // after resolveKind (may enable gallery)
 
             const eff = Math.max(0, scrollEl.scrollTop - regionTop());
             let startUnit = findStart(eff, total) - overscan;
@@ -358,18 +374,13 @@ function initializeVirtualPlugin() {
         }
 
         // display:contents rows (grid-table) have no box — measure the union of
-        // their cells. Everything else uses offsetHeight.
+        // their cells. Everything else uses offsetHeight. Vertically sticky (top)
+        // cells report their stuck rect and aren't supported; horizontal sticky is fine.
         function measureHeight(node) {
-            if (getComputedStyle(node).display === 'contents') {
-                let top = Infinity, bottom = -Infinity;
-                for (const c of node.children) {
-                    const r = c.getBoundingClientRect();
-                    if (r.top < top) top = r.top;
-                    if (r.bottom > bottom) bottom = r.bottom;
-                }
-                return bottom > top ? bottom - top : 0;
-            }
-            return node.offsetHeight;
+            if (getComputedStyle(node).display !== 'contents') return node.offsetHeight;
+            const b = { top: Infinity, bottom: -Infinity };
+            unionCellRects(node, b);
+            return b.bottom > b.top ? b.bottom - b.top : 0;
         }
 
         // ---- Geometry helpers ----
@@ -420,12 +431,13 @@ function initializeVirtualPlugin() {
         scrollEl.addEventListener('scroll', onScroll, { passive: true });
 
         let resizeTimer = null;
-        const ro = new ResizeObserver(() => {
-            if (!ready) { requestAnimationFrame(render); return; } // first paint once sized, off the observer tick
+        ro = new ResizeObserver(() => {
+            if (!ready) { requestAnimationFrame(() => { rebuild(); render(); }); return; } // first paint once sized, off the observer tick
             clearTimeout(resizeTimer);
             resizeTimer = setTimeout(() => { rebuild(); render(); }, 100);  // debounced re-pack
         });
         ro.observe(scrollEl);
+        if (!kind && !isMasonry && host !== scrollEl) ro.observe(host);   // only until a hidden host is classified
 
         cleanup(() => {
             scrollEl.removeEventListener('scroll', onScroll);
@@ -446,6 +458,7 @@ function detectKind(host) {
     const tag = host.tagName;
     if (tag === 'TBODY' || tag === 'THEAD' || tag === 'TFOOT' || tag === 'TABLE') return 'table';
     const disp = getComputedStyle(host).display;
+    if (disp === 'none') return null;
     if (disp.includes('grid')) return 'grid';
     if (disp.includes('flex')) return 'flex';
     return 'block';
@@ -467,8 +480,6 @@ function makeSpacer(kind, colCount) {
         s.appendChild(td);
     } else {
         s = document.createElement('div');
-        if (kind === 'grid') s.style.gridColumn = '1 / -1';
-        else if (kind === 'flex') s.style.flex = '0 0 100%';
         s.style.width = '100%';
     }
     s.dataset.virtualSpacer = '';
@@ -482,6 +493,26 @@ function makeSpacer(kind, colCount) {
     return s;
 }
 
+// Box-less children (template, display:none) report a 0,0 rect that would drag
+// the union to the viewport top; skip them, descend into nested display:contents.
+function unionCellRects(node, b) {
+    for (const c of node.children) {
+        if (c.tagName === 'TEMPLATE') continue;
+        const r = c.getBoundingClientRect();
+        if (!r.width && !r.height) {
+            if (getComputedStyle(c).display === 'contents') unionCellRects(c, b);
+            continue;
+        }
+        if (r.top < b.top) b.top = r.top;
+        if (r.bottom > b.bottom) b.bottom = r.bottom;
+    }
+}
+
+function styleSpacer(s, kind) {
+    s.style.gridColumn = kind === 'grid' ? '1 / -1' : '';
+    s.style.flex = kind === 'flex' ? '0 0 100%' : '';
+}
+
 function setHeight(spacer, px) {
     const h = Math.max(0, px) + 'px';
     spacer.style.height = h;

package/package.json

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