mnfst 0.5.210 → 0.5.211

package/lib/manifest.appwrite.data.js

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

package/lib/manifest.components.js

@@ -182,9 +182,11 @@ window.ManifestComponentsProcessor = {
         const registry = window.ManifestComponentsRegistry;
         const loader = window.ManifestComponentsLoader;
         if (!registry || !loader) {
+            console.debug('[Manifest Components] skipped: registry or loader unavailable', element);
             return;
         }
         if (!registry.registered.has(name)) {
+            console.debug('[Manifest Components] skipped: component not registered', element);
             return;
         }
         if (element.hasAttribute('data-pre-rendered') || element.hasAttribute('data-processed')) {
@@ -192,10 +194,12 @@ window.ManifestComponentsProcessor = {
             if (element.hasAttribute('data-pre-rendered') && window.Alpine && typeof window.Alpine.initTree === 'function') {
                 try { window.Alpine.initTree(element); } catch (e) { /* graceful */ }
             }
+            console.debug('[Manifest Components] skipped: already pre-rendered/processed', element);
             return;
         }
         const content = await loader.loadComponent(name);
         if (!content) {
+            console.debug('[Manifest Components] skipped: failed to load component', element);
             element.replaceWith(document.createComment(` Failed to load component: ${name} `));
             return;
         }
@@ -203,6 +207,7 @@ window.ManifestComponentsProcessor = {
         container.innerHTML = content.trim();
         const 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} `));
             return;
         }
@@ -415,6 +420,7 @@ window.ManifestComponentsProcessor = {
         }
         const parent = element.parentElement;
         if (!parent || !document.contains(element)) {
+            console.debug('[Manifest Components] skipped: element detached before swap', element);
             return;
         }
         // Replace the placeholder element with the component content
@@ -494,11 +500,21 @@ window.ManifestComponentsProcessor = {
 
 // Components swapping
 (function () {
+    // Never reset — ids must stay unique for the life of the page so overlapping
+    // processAll runs can't mint a colliding id for a live instance.
     let componentInstanceCounters = {};
     const swappedInstances = new Set();
     const instanceRouteMap = new Map();
     const placeholderMap = new Map();
 
+    // Serialises processAll: a call while one is in flight coalesces into a
+    // single trailing re-run (latest path wins) instead of interleaving.
+    let activeRun = null;
+    let trailingRun = null;
+    let trailingPath = null;
+    let hasTrailing = false;
+    let trailingSettlers = null;
+
     function getComponentInstanceId(name) {
         if (!componentInstanceCounters[name]) componentInstanceCounters[name] = 1;
         else componentInstanceCounters[name]++;
@@ -513,9 +529,15 @@ window.ManifestComponentsProcessor = {
     window.ManifestComponentsSwapping = {
         // Swap in source code for a placeholder
         async swapIn(placeholder) {
-            if (placeholder.hasAttribute('data-swapped')) return;
+            if (placeholder.hasAttribute('data-swapped')) {
+                console.debug('[Manifest Components] skipped swapIn: already marked data-swapped', placeholder);
+                return;
+            }
             const processor = window.ManifestComponentsProcessor;
-            if (!processor) return;
+            if (!processor) {
+                console.debug('[Manifest Components] skipped swapIn: processor unavailable', placeholder);
+                return;
+            }
             const name = placeholder.tagName.toLowerCase().replace('x-', '');
             let instanceId = placeholder.getAttribute('data-component');
             if (!instanceId) {
@@ -542,10 +564,16 @@ window.ManifestComponentsProcessor = {
         },
         // Revert to placeholder
         revert(instanceId) {
-            if (!swappedInstances.has(instanceId)) return;
+            if (!swappedInstances.has(instanceId)) {
+                console.debug('[Manifest Components] skipped revert: instance not tracked', instanceId);
+                return;
+            }
             // Remove all elements with data-component=instanceId
             const rendered = Array.from(document.querySelectorAll(`[data-component="${instanceId}"]`));
-            if (rendered.length === 0) return;
+            if (rendered.length === 0) {
+                console.debug('[Manifest Components] skipped revert: no rendered elements found', instanceId);
+                return;
+            }
             const first = rendered[0];
             const parent = first.parentNode;
             // Retrieve the original placeholder from the map
@@ -585,11 +613,14 @@ window.ManifestComponentsProcessor = {
             // Log after revert
             logSiblings(parent, `After revert for ${instanceId}`);
         },
-        // Main swapping logic
-        async processAll(normalizedPathFromEvent = null) {
-            componentInstanceCounters = {};
+        // Main swapping logic — single pass. Call via processAll(), not directly:
+        // this has no re-entrancy guard of its own.
+        async _runProcessAll(normalizedPathFromEvent) {
             const registry = window.ManifestComponentsRegistry;
-            if (!registry) return;
+            if (!registry) {
+                console.debug('[Manifest Components] skipped processAll: registry unavailable');
+                return;
+            }
             const routing = window.ManifestRouting;
 
             // Use normalized path from event if provided, otherwise compute from window.location
@@ -676,6 +707,40 @@ window.ManifestComponentsProcessor = {
                 }
             }
         },
+        // Public entry point. Coalesces overlapping calls: while a run is active,
+        // later calls don't start their own interleaved run — they queue exactly
+        // one trailing re-run (latest path wins) and resolve when it finishes.
+        async processAll(normalizedPathFromEvent = null) {
+            if (activeRun) {
+                hasTrailing = true;
+                trailingPath = normalizedPathFromEvent;
+                if (!trailingRun) {
+                    trailingRun = new Promise((resolve, reject) => {
+                        trailingSettlers = { resolve, reject };
+                    });
+                }
+                return trailingRun;
+            }
+            activeRun = this._runProcessAll(normalizedPathFromEvent);
+            let error = null;
+            try {
+                await activeRun;
+            } catch (e) {
+                error = e;
+            } finally {
+                activeRun = null;
+            }
+            if (hasTrailing) {
+                hasTrailing = false;
+                const path = trailingPath;
+                const settlers = trailingSettlers;
+                trailingRun = null;
+                trailingSettlers = null;
+                trailingPath = null;
+                this.processAll(path).then(settlers.resolve, settlers.reject);
+            }
+            if (error) throw error;
+        },
         initialize() {
             // On init, process all
             this.processAll().then(() => {

package/lib/manifest.data.js

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

package/lib/manifest.dropdowns.js

@@ -274,6 +274,37 @@ function initializeDropdownPlugin() {
                             if (menu.matches(':popover-open')) menu.hidePopover();
                         };
 
+                        // How long after a long-press open to ignore a follow-up native
+                        // contextmenu (Android) or synthetic click.
+                        const LONG_PRESS_DUPE_WINDOW_MS = 750;
+
+                        // Shared positioning: place the menu at (x, y), overriding anchor
+                        // positioning. Used by both the contextmenu (mouse) path and the
+                        // touch long-press path below.
+                        const openContextMenuAt = (triggerTarget, x, y) => {
+                            // Stash the actual right-clicked element so menu items can act on it.
+                            // (triggerTarget is the deepest hit; el is the directive-bearing ancestor.)
+                            menu._triggerEl = triggerTarget.closest('[data-cp-value], [x-data]') || el;
+                            menu._triggerHost = el;
+
+                            menu.style.position = 'fixed';
+                            menu.style.positionAnchor = 'unset';
+                            menu.style.positionArea = 'unset';
+                            menu.style.inset = 'auto';
+                            menu.style.left = x + 'px';
+                            menu.style.top = y + 'px';
+                            menu.style.margin = '0';
+
+                            if (!menu.matches(':popover-open')) menu.showPopover();
+
+                            // Adjust if menu overflows viewport
+                            requestAnimationFrame(() => {
+                                const rect = menu.getBoundingClientRect();
+                                if (rect.right > window.innerWidth) menu.style.left = (window.innerWidth - rect.width) + 'px';
+                                if (rect.bottom > window.innerHeight) menu.style.top = (window.innerHeight - rect.height) + 'px';
+                            });
+                        };
+
                         // Bind once per element (reprocessing would stack duplicates).
                         if (!el.__mnfstContextTriggerBound) {
                             el.__mnfstContextTriggerBound = true;
@@ -281,29 +312,68 @@ function initializeDropdownPlugin() {
                                 e.preventDefault();
                                 e.stopPropagation();
 
-                                // Stash the actual right-clicked element so menu items can act on it.
-                                // (e.target is the deepest hit; el is the directive-bearing ancestor.)
-                                menu._triggerEl = e.target.closest('[data-cp-value], [x-data]') || el;
-                                menu._triggerHost = el;
-
-                                // Position at cursor, overriding anchor positioning
-                                menu.style.position = 'fixed';
-                                menu.style.positionAnchor = 'unset';
-                                menu.style.positionArea = 'unset';
-                                menu.style.inset = 'auto';
-                                menu.style.left = e.clientX + 'px';
-                                menu.style.top = e.clientY + 'px';
-                                menu.style.margin = '0';
-
-                                if (!menu.matches(':popover-open')) menu.showPopover();
-
-                                // Adjust if menu overflows viewport
-                                requestAnimationFrame(() => {
-                                    const rect = menu.getBoundingClientRect();
-                                    if (rect.right > window.innerWidth) menu.style.left = (window.innerWidth - rect.width) + 'px';
-                                    if (rect.bottom > window.innerHeight) menu.style.top = (window.innerHeight - rect.height) + 'px';
-                                });
+                                // Android fires a real contextmenu after a touch long-press too —
+                                // our pointer path already opened the menu, so ignore the dupe.
+                                if (el.__mnfstLongPressOpenedAt && Date.now() - el.__mnfstLongPressOpenedAt < LONG_PRESS_DUPE_WINDOW_MS) return;
+
+                                openContextMenuAt(e.target, e.clientX, e.clientY);
                             });
+
+                            // iOS Safari never fires `contextmenu` for a touch long-press (Android
+                            // does). Drive the same open from pointer events instead — touch/pen
+                            // only, mouse keeps native contextmenu semantics.
+                            const LONG_PRESS_MS = 500;
+                            const MOVE_SLOP_PX = 10;
+                            let pressTimer = null;
+                            let startX = 0, startY = 0;
+                            let pressTarget = null;
+
+                            const suppressCallout = () => {
+                                el.style.setProperty('-webkit-touch-callout', 'none');
+                                el.style.setProperty('-webkit-user-select', 'none');
+                                el.style.setProperty('user-select', 'none');
+                            };
+                            const restoreCallout = () => {
+                                el.style.removeProperty('-webkit-touch-callout');
+                                el.style.removeProperty('-webkit-user-select');
+                                el.style.removeProperty('user-select');
+                            };
+                            const cancelPress = () => {
+                                if (pressTimer) clearTimeout(pressTimer);
+                                pressTimer = null;
+                                restoreCallout();
+                            };
+
+                            el.addEventListener('pointerdown', (e) => {
+                                if (e.pointerType !== 'touch' && e.pointerType !== 'pen') return;
+                                cancelPress();
+                                startX = e.clientX;
+                                startY = e.clientY;
+                                pressTarget = e.target;
+                                suppressCallout();
+                                pressTimer = setTimeout(() => {
+                                    pressTimer = null;
+                                    restoreCallout();
+                                    el.__mnfstLongPressOpenedAt = Date.now();
+                                    openContextMenuAt(pressTarget, startX, startY);
+                                }, LONG_PRESS_MS);
+                            });
+                            el.addEventListener('pointermove', (e) => {
+                                if (!pressTimer) return;
+                                if (Math.abs(e.clientX - startX) > MOVE_SLOP_PX || Math.abs(e.clientY - startY) > MOVE_SLOP_PX) cancelPress();
+                            });
+                            el.addEventListener('pointerup', cancelPress);
+                            el.addEventListener('pointercancel', cancelPress);
+                            el.addEventListener('scroll', cancelPress, true);
+
+                            // Suppress the synthetic click that follows the touch sequence which
+                            // opened the menu, so it doesn't also activate/navigate the trigger.
+                            el.addEventListener('click', (e) => {
+                                if (el.__mnfstLongPressOpenedAt && Date.now() - el.__mnfstLongPressOpenedAt < LONG_PRESS_DUPE_WINDOW_MS) {
+                                    e.preventDefault();
+                                    e.stopPropagation();
+                                }
+                            }, true);
                         }
 
                         // Document-level dismiss listeners are global — bind once per

package/lib/manifest.integrity.json

@@ -1,6 +1,6 @@
 {
   "manifest.appwrite.auth.js": "sha384-HMJmRXnvdDBWyuteXL+DTxWM2llSCdjl4EDamEI7iHNAVlqeOCE4GDTm8ZHipPRj",
-  "manifest.appwrite.data.js": "sha384-kmsw1sYLqTxnkRfh7dt0urLSFU+LOkgHofsL1jYGndFvCizo7wsbQix6vV022/ov",
+  "manifest.appwrite.data.js": "sha384-ZneCr1Vg7lAvz8wb8HipzJCF0KdZpPg2e3UK7kJdfECqcHbeXGfOJ9C8/rONj0Vg",
   "manifest.appwrite.presences.js": "sha384-JyVDWFT69b7Svq8J8p9tNWe2v9PZNQBY5UyhtOl1vnuHFAX0CRQ3MA9SiKq5wzNh",
   "manifest.bindings.js": "sha384-lPtMf8Ykaic9gNVZKq8Scia1881ZeMAyxer3WCIkUNwwrgzGBWto1OXADUwjvORF",
   "manifest.charts.js": "sha384-WE0pnHK4LBAkFyTw4+R6gheB9NFVJg81ZAG9GwMnbKI5gY3zlJIKM5neMlBUhTso",
@@ -9,13 +9,13 @@
   "manifest.color.js": "sha384-6Rv3LxyTcZNjrhtayQfqRdCx0uSZ4BiEbgEI98I62eTvp8Aw7LBIoNJ0Je1oktwL",
   "manifest.colorpicker.js": "sha384-1+ZV5Hhjf7WnGP7b71Cqa5h3BKW8UgGT5V14i8Q+aF5zH8Xxwowt/ibSUVsiIHSm",
   "manifest.combobox.js": "sha384-5DaKDWkWF7zxS80h7G1AcZG9hr+uGqJ1+B09aaVIVF+z0Qn4j8+9KEg7gys/ABQG",
-  "manifest.components.js": "sha384-DLGSqCbnGkS87AWJ8GpKoAFP4nCosgC5SFSg6C10hH/nWu/MxI+0ntHlnFEfs++u",
+  "manifest.components.js": "sha384-458gCDrUIZts3WE1WZ/UA8Y1XcV6PaF+5k3Wf/Jr2iIY5EM/FisjwbLzpON8I25s",
   "manifest.computed.js": "sha384-GYML/e81gQfN+iDbqhPUgny8bINCyL+SrbTofoGk4hlCnLLjv51mCv42JMqq+ku5",
-  "manifest.data.js": "sha384-U4/sSXZI/DL0X7ymE9KrwAKhIv31pJoEo0YnZBgJTAhHYwUZxhaC7nrhWVj/5a/q",
+  "manifest.data.js": "sha384-iNF6nYPeG0TL3FTl0h2ZUN6oqwuDKiOGOTPPKV6+AImN74Dku3Y+zqC0qGQVv/QM",
   "manifest.datepicker.js": "sha384-8vTJYkLqqvgXgm1w1becuaRR/jUEpiLBjBJ6RsRbUr+ZkypvspD6EsssuDrX4SQq",
   "manifest.defer.js": "sha384-wXa60M2OHigi5rBurXQ7Oa8eyr5WTKs7EUn2GOru62KMdfs/LDyNegxCc9MNJFSe",
   "manifest.device.js": "sha384-g+txmrEszYtuOvRelTp/c1wSNR2AtllVI9rx5NPPD7DzhVUnMNughonZykv2xlBW",
-  "manifest.dropdowns.js": "sha384-4HuHkBt4i8sTPUDLB9rNLli2/lWLY1tjtCLzey37gRwueG+FRLCnVH1q7ljiVvJR",
+  "manifest.dropdowns.js": "sha384-LrPBmAx92pwcr68agp1wByt6ZjqlRyVygQiMbcOj0mbmnv3l/RgWwYhwhkgN/txC",
   "manifest.edit.js": "sha384-oLsrH7/UkJ/KEl3UO77hexcf2rYCGgzXZd0fe2EMq3hKRE7aUqLiEnLJhSV7zTaY",
   "manifest.export.js": "sha384-HCy3n6ifrcAGIyzTRgZ5JIRvSX9q9/8ykMKRSbt1QTnhXz6PgYlV0AE2N2Yi2re+",
   "manifest.icons.js": "sha384-kKOINpX70YzNO3FvkV6umrmO3f0KIu0DNbwB+ej55a7y/lhU7v/myQtXL0bwCTbt",
@@ -28,7 +28,7 @@
   "manifest.slides.js": "sha384-3uRTkyK9XPLmnxI2+igZlpi4EyPlU/7IHj5j3BZJJ2KN455vXyk99fiXV3feO/XY",
   "manifest.status.js": "sha384-nwvUSbT+gpRMqhYx6MeBYswUMH72rY92mjgxv0vrSG7Ht7l83XYpEB6fCTbXjjfK",
   "manifest.svg.js": "sha384-qr/8H9+2cIhSXNbRWRtIdrDlTOxKlNJqwEefHvCYoiBNW/kKhPTFa109Orv/EBnb",
-  "manifest.sw.js": "sha384-uUl8PEc1B0HXLOMpjQqF0w+4ybSeyHAAOSXmWQkHH4eO7ZiyU43yIlnEWKpsXlgb",
+  "manifest.sw.js": "sha384-9PKF6DREUWpXcP6EXSjpcruKQqbMuZCo7hez8hGpBthPrIky6LOUscB0bdf9IB46",
   "manifest.tabs.js": "sha384-OIIcyaQnGS0eNYk4zgAFEDboNYect7THvUd9D0V6nqCeDOxQcoiqLrBEmmWVTTet",
   "manifest.tailwind.js": "sha384-r/Jvqb+Piz21jUts10BbVAJoKkShOdJRVFpywyi4HPIi/OfOJq5CtPyWAPbdkMgt",
   "manifest.text.edit.js": "sha384-pfhc4IPKNJokj6ldlgD+KwGLN4UoM21CNeVf2sVq/34X1Un2PUhEuyTg5itmtsXS",

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.210';
+const BUILD_VERSION = '0.5.211';
 const CACHE_PREFIX = 'mnfst-sw:';
 const META_CACHE = CACHE_PREFIX + 'meta';
 const SWR_CAP = 200;

package/package.json

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