sibujs 4.8.0 → 4.10.0

package/dist/browser.cjs

@@ -327,6 +327,24 @@ function untracked(fn) {
     resumeTracking();
   }
 }
+var currentOwnerScope = null;
+function getOwnerScope() {
+  return currentOwnerScope;
+}
+function runWithOwnerScope(scope, fn) {
+  const prev = currentOwnerScope;
+  currentOwnerScope = scope;
+  try {
+    return fn();
+  } finally {
+    currentOwnerScope = prev;
+  }
+}
+function bindOwnerScope(fn) {
+  const scope = currentOwnerScope;
+  if (scope === null) return fn;
+  return (...args) => runWithOwnerScope(scope, () => fn(...args));
+}
 var subscriberEpochCounter = 0;
 function retrack(effectFn, subscriber) {
   const prev = currentSubscriber;
@@ -342,6 +360,10 @@ function retrack(effectFn, subscriber) {
   currentSubscriber = subscriber;
   const sub = subscriber;
   if (sub._cap === void 0) sub._cap = currentDisposerCapture();
+  const prevScope = currentOwnerScope;
+  if (prevScope !== null && !sub._epoch && sub._scope === void 0) sub._scope = prevScope;
+  const scope = sub._scope === void 0 ? null : sub._scope;
+  if (scope !== prevScope) currentOwnerScope = scope;
   const epoch = ++subscriberEpochCounter;
   sub._epoch = epoch;
   sub._structDirty = false;
@@ -354,6 +376,7 @@ function retrack(effectFn, subscriber) {
     effectFn();
   } finally {
     currentSubscriber = prev;
+    currentOwnerScope = prevScope;
     if (savedDepth !== 0) {
       suspendDepth = savedDepth;
       suspendSavedSub = savedSuspendSub;
@@ -388,23 +411,26 @@ function track(effectFn, subscriber) {
     trackingSuspended = false;
   }
   currentSubscriber = subscriber;
+  const sub = subscriber;
+  if (sub._scope === void 0) sub._scope = currentOwnerScope;
+  const prevScope = currentOwnerScope;
+  currentOwnerScope = sub._scope;
   try {
     effectFn();
   } finally {
     currentSubscriber = prev;
+    currentOwnerScope = prevScope;
     if (savedDepth !== 0) {
       suspendDepth = savedDepth;
       suspendSavedSub = savedSuspendSub;
       trackingSuspended = true;
     }
-    const sub2 = subscriber;
-    for (let n = sub2.depsHead ?? null; n !== null; n = n.subNext) {
+    for (let n = sub.depsHead ?? null; n !== null; n = n.subNext) {
       const sig = n.sig;
       sig.__activeNode = n.prevActive;
       n.prevActive = null;
     }
   }
-  const sub = subscriber;
   return sub._dispose ?? (sub._dispose = () => cleanup(subscriber));
 }
 function reactiveBinding(commit, ownerNode) {
@@ -674,7 +700,7 @@ function forEachSubscriber(signal2, visit) {
 }
 
 // src/reactivity/track.ts
-var _runtimeVersion = true ? "4.8.0" : "dev";
+var _runtimeVersion = true ? "4.10.0" : "dev";
 var REGISTRY_KEY = /* @__PURE__ */ Symbol.for("sibujs.reactive.v1");
 function resolveReactiveApi() {
   const g = globalThis;
@@ -706,6 +732,9 @@ function resolveReactiveApi() {
     getSubscriberCount,
     getSubscriberDeps,
     forEachSubscriber,
+    getOwnerScope,
+    runWithOwnerScope,
+    bindOwnerScope,
     version: _runtimeVersion
   };
   g[REGISTRY_KEY] = local;
@@ -729,6 +758,9 @@ var notifySubscribers2 = API.notifySubscribers;
 var getSubscriberCount2 = API.getSubscriberCount;
 var getSubscriberDeps2 = API.getSubscriberDeps;
 var forEachSubscriber2 = API.forEachSubscriber;
+var getOwnerScope2 = API.getOwnerScope ?? getOwnerScope;
+var runWithOwnerScope2 = API.runWithOwnerScope ?? runWithOwnerScope;
+var bindOwnerScope2 = API.bindOwnerScope ?? bindOwnerScope;
 
 // src/reactivity/batch.ts
 var batchDepth = 0;
@@ -924,6 +956,11 @@ function flushUserCleanups(ctx) {
   const list = ctx.userCleanups;
   if (list.length === 0) return;
   ctx.userCleanups = [];
+  const scope = ctx.subscriber._scope ?? null;
+  if (scope === getOwnerScope2()) runCleanups(list);
+  else runWithOwnerScope2(scope, () => runCleanups(list));
+}
+function runCleanups(list) {
   for (let i = list.length - 1; i >= 0; i--) {
     try {
       list[i]();
@@ -2264,6 +2301,7 @@ function keyboard(options = {}) {
     };
   }
   const target = options.target ?? window;
+  const view = options.target?.ownerDocument?.defaultView ?? window;
   const filter = options.keys ? new Set(options.keys) : null;
   const onDown = (e) => {
     if (filter && !filter.has(e.key)) return;
@@ -2286,14 +2324,14 @@ function keyboard(options = {}) {
   const onBlur = () => setPressed(/* @__PURE__ */ new Set());
   target.addEventListener("keydown", onDown);
   target.addEventListener("keyup", onUp);
-  window.addEventListener("blur", onBlur);
+  view.addEventListener("blur", onBlur);
   function isPressed(key) {
     return pressed().has(key);
   }
   function dispose() {
     target.removeEventListener("keydown", onDown);
     target.removeEventListener("keyup", onUp);
-    window.removeEventListener("blur", onBlur);
+    view.removeEventListener("blur", onBlur);
   }
   return { pressed, isPressed, dispose };
 }

package/dist/browser.d.cts

@@ -642,8 +642,9 @@ interface KeyboardOptions {
  * `KeyboardEvent.key`). On every key event the signal is replaced with a
  * new Set instance so reactive subscribers see the change.
  *
- * Also listens to `window.blur` to clear stuck keys if the window loses
- * focus mid-press — otherwise held modifiers can "ghost" forever.
+ * Also listens to `blur` on the target's window (the global `window`, or the
+ * window of the document a `target` element belongs to) to clear stuck keys
+ * if it loses focus mid-press — otherwise held modifiers can "ghost" forever.
  *
  * @example
  * ```ts

package/dist/browser.d.ts

@@ -642,8 +642,9 @@ interface KeyboardOptions {
  * `KeyboardEvent.key`). On every key event the signal is replaced with a
  * new Set instance so reactive subscribers see the change.
  *
- * Also listens to `window.blur` to clear stuck keys if the window loses
- * focus mid-press — otherwise held modifiers can "ghost" forever.
+ * Also listens to `blur` on the target's window (the global `window`, or the
+ * window of the document a `target` element belongs to) to clear stuck keys
+ * if it loses focus mid-press — otherwise held modifiers can "ghost" forever.
  *
  * @example
  * ```ts

package/dist/browser.js

@@ -36,15 +36,15 @@ import {
   visibility,
   wakeLock,
   windowSize
-} from "./chunk-EGUQLBHE.js";
+} from "./chunk-GTS35FLA.js";
 import "./chunk-52XFPGSN.js";
 import "./chunk-62BDYGAG.js";
 import "./chunk-7ZHH77QA.js";
-import "./chunk-V3LHZSU5.js";
+import "./chunk-7WIHYHWD.js";
 import "./chunk-EXXSN3BW.js";
 import "./chunk-7XHATCIH.js";
-import "./chunk-DSID757X.js";
-import "./chunk-TQQUN4WR.js";
+import "./chunk-FYUEL5IW.js";
+import "./chunk-D6HYFOWR.js";
 import "./chunk-NYNYSPK7.js";
 export {
   __resetSpeechCoordinator,

package/dist/build.cjs

@@ -3201,6 +3201,24 @@ function untracked(fn) {
     resumeTracking();
   }
 }
+var currentOwnerScope = null;
+function getOwnerScope() {
+  return currentOwnerScope;
+}
+function runWithOwnerScope(scope, fn) {
+  const prev = currentOwnerScope;
+  currentOwnerScope = scope;
+  try {
+    return fn();
+  } finally {
+    currentOwnerScope = prev;
+  }
+}
+function bindOwnerScope(fn) {
+  const scope = currentOwnerScope;
+  if (scope === null) return fn;
+  return (...args) => runWithOwnerScope(scope, () => fn(...args));
+}
 var subscriberEpochCounter = 0;
 function retrack(effectFn, subscriber) {
   const prev = currentSubscriber;
@@ -3216,6 +3234,10 @@ function retrack(effectFn, subscriber) {
   currentSubscriber = subscriber;
   const sub2 = subscriber;
   if (sub2._cap === void 0) sub2._cap = currentDisposerCapture();
+  const prevScope = currentOwnerScope;
+  if (prevScope !== null && !sub2._epoch && sub2._scope === void 0) sub2._scope = prevScope;
+  const scope = sub2._scope === void 0 ? null : sub2._scope;
+  if (scope !== prevScope) currentOwnerScope = scope;
   const epoch = ++subscriberEpochCounter;
   sub2._epoch = epoch;
   sub2._structDirty = false;
@@ -3228,6 +3250,7 @@ function retrack(effectFn, subscriber) {
     effectFn();
   } finally {
     currentSubscriber = prev;
+    currentOwnerScope = prevScope;
     if (savedDepth !== 0) {
       suspendDepth = savedDepth;
       suspendSavedSub = savedSuspendSub;
@@ -3262,23 +3285,26 @@ function track(effectFn, subscriber) {
     trackingSuspended = false;
   }
   currentSubscriber = subscriber;
+  const sub2 = subscriber;
+  if (sub2._scope === void 0) sub2._scope = currentOwnerScope;
+  const prevScope = currentOwnerScope;
+  currentOwnerScope = sub2._scope;
   try {
     effectFn();
   } finally {
     currentSubscriber = prev;
+    currentOwnerScope = prevScope;
     if (savedDepth !== 0) {
       suspendDepth = savedDepth;
       suspendSavedSub = savedSuspendSub;
       trackingSuspended = true;
     }
-    const sub3 = subscriber;
-    for (let n = sub3.depsHead ?? null; n !== null; n = n.subNext) {
+    for (let n = sub2.depsHead ?? null; n !== null; n = n.subNext) {
       const sig = n.sig;
       sig.__activeNode = n.prevActive;
       n.prevActive = null;
     }
   }
-  const sub2 = subscriber;
   return sub2._dispose ?? (sub2._dispose = () => cleanup(subscriber));
 }
 function reactiveBinding(commit, ownerNode) {
@@ -3548,7 +3574,7 @@ function forEachSubscriber(signal2, visit) {
 }
 
 // src/reactivity/track.ts
-var _runtimeVersion = true ? "4.8.0" : "dev";
+var _runtimeVersion = true ? "4.10.0" : "dev";
 var REGISTRY_KEY = /* @__PURE__ */ Symbol.for("sibujs.reactive.v1");
 function resolveReactiveApi() {
   const g2 = globalThis;
@@ -3580,6 +3606,9 @@ function resolveReactiveApi() {
     getSubscriberCount,
     getSubscriberDeps,
     forEachSubscriber,
+    getOwnerScope,
+    runWithOwnerScope,
+    bindOwnerScope,
     version: _runtimeVersion
   };
   g2[REGISTRY_KEY] = local;
@@ -3603,6 +3632,9 @@ var notifySubscribers2 = API.notifySubscribers;
 var getSubscriberCount2 = API.getSubscriberCount;
 var getSubscriberDeps2 = API.getSubscriberDeps;
 var forEachSubscriber2 = API.forEachSubscriber;
+var getOwnerScope2 = API.getOwnerScope ?? getOwnerScope;
+var runWithOwnerScope2 = API.runWithOwnerScope ?? runWithOwnerScope;
+var bindOwnerScope2 = API.bindOwnerScope ?? bindOwnerScope;
 
 // src/reactivity/bindAttribute.ts
 function bindAttribute(el, attr, getter) {
@@ -4276,12 +4308,16 @@ function lazy(importFn) {
     }
     const container = div({ class: "sibu-lazy" });
     let disposed = false;
-    importFn().then((mod) => {
-      if (disposed) return;
-      cached = mod.default;
-      const rendered = cached();
-      replaceChildrenSafely(container, rendered);
-    }).catch((err) => {
+    importFn().then(
+      // The component renders after the import resolves, in the owner scope
+      // of whoever rendered the placeholder.
+      bindOwnerScope2((mod) => {
+        if (disposed) return;
+        cached = mod.default;
+        const rendered = cached();
+        replaceChildrenSafely(container, rendered);
+      })
+    ).catch((err) => {
       if (disposed) return;
       const errorObj = err instanceof Error ? err : new Error(String(err));
       replaceChildrenSafely(
@@ -4312,7 +4348,7 @@ function Suspense({ nodes, fallback }) {
     }
     if (childEl && !container.contains(childEl)) dispose(childEl);
   });
-  queueMicrotask(() => {
+  const renderContent = bindOwnerScope2(() => {
     if (suspenseDisposed) return;
     try {
       const el = nodes();
@@ -4340,10 +4376,14 @@ function Suspense({ nodes, fallback }) {
       dispatchPropagate(container, errorObj);
     }
   });
+  queueMicrotask(renderContent);
   return container;
 }
 
 // src/core/rendering/lifecycle.ts
+function pinScope(scope, fn) {
+  return () => getOwnerScope2() === scope ? fn() : runWithOwnerScope2(scope, fn);
+}
 function safeCall(cb, hookName) {
   try {
     return cb();
@@ -4353,13 +4393,14 @@ function safeCall(cb, hookName) {
     return void 0;
   }
 }
-function runMountCallback(callback, hookName, element, isDisposed) {
-  const cleanup3 = safeCall(callback, hookName);
-  if (typeof cleanup3 !== "function") return;
+function runMountCallback(callback, hookName, element, isDisposed, scope) {
+  const returned = safeCall(callback, hookName);
+  if (typeof returned !== "function") return;
+  const cleanup3 = pinScope(scope, returned);
   if (isDisposed() || !element.isConnected) {
     safeCall(cleanup3, "onUnmount");
   } else {
-    onUnmount(cleanup3, element);
+    watchUnmount(cleanup3, element);
   }
 }
 var mountWatchers = /* @__PURE__ */ new WeakMap();
@@ -4519,6 +4560,8 @@ function registerUnmountWatcher(element, cb) {
 }
 function onMount(callback, element) {
   if (typeof document === "undefined") return;
+  const scope = getOwnerScope2();
+  callback = pinScope(scope, callback);
   if (element) {
     let disposed = false;
     const isDisposed = () => disposed;
@@ -4528,19 +4571,19 @@ function onMount(callback, element) {
     if (element.isConnected) {
       queueMicrotask(() => {
         if (disposed) return;
-        runMountCallback(callback, "onMount", element, isDisposed);
+        runMountCallback(callback, "onMount", element, isDisposed, scope);
       });
       return;
     }
     queueMicrotask(() => {
       if (disposed) return;
       if (element.isConnected) {
-        runMountCallback(callback, "onMount", element, isDisposed);
+        runMountCallback(callback, "onMount", element, isDisposed, scope);
         return;
       }
       const unregister = registerMountWatcher(element, () => {
         if (disposed) return;
-        runMountCallback(callback, "onMount", element, isDisposed);
+        runMountCallback(callback, "onMount", element, isDisposed, scope);
       });
       registerDisposer(element, unregister);
     });
@@ -4552,6 +4595,9 @@ function onMount(callback, element) {
 }
 function onUnmount(callback, element) {
   if (typeof document === "undefined") return;
+  watchUnmount(pinScope(getOwnerScope2(), callback), element);
+}
+function watchUnmount(callback, element) {
   let fired = false;
   const fireOnce = () => {
     if (fired) return;
@@ -4714,6 +4760,11 @@ function flushUserCleanups(ctx) {
   const list = ctx.userCleanups;
   if (list.length === 0) return;
   ctx.userCleanups = [];
+  const scope = ctx.subscriber._scope ?? null;
+  if (scope === getOwnerScope2()) runCleanups(list);
+  else runWithOwnerScope2(scope, () => runCleanups(list));
+}
+function runCleanups(list) {
   for (let i2 = list.length - 1; i2 >= 0; i2--) {
     try {
       list[i2]();
@@ -5643,11 +5694,15 @@ function ErrorBoundary(optionsOrChildren, maybeChildren) {
               return;
             }
             replaceChildrenSafely(asyncContainer, el);
-          }).catch((e) => {
-            if (asyncDisposed) return;
-            const err = handleError(e);
-            replaceChildrenSafely(asyncContainer, tryRenderFallback(err));
-          });
+          }).catch(
+            // The fallback is rendered later, in the owner scope of the
+            // render that produced the async child.
+            bindOwnerScope2((e) => {
+              if (asyncDisposed) return;
+              const err = handleError(e);
+              replaceChildrenSafely(asyncContainer, tryRenderFallback(err));
+            })
+          );
           return asyncContainer;
         }
         return result;
@@ -5817,37 +5872,44 @@ function action(element, action2, param2) {
   }
 }
 var clickOutside = (element, callback) => {
+  const doc = element.ownerDocument;
   const handler = (e) => {
-    if (!element.contains(e.target)) {
-      callback();
-    }
+    const target = e.target;
+    if (!(typeof target?.nodeType === "number" && element.contains(target))) callback();
   };
-  document.addEventListener("pointerdown", handler, true);
-  return () => document.removeEventListener("pointerdown", handler, true);
+  doc.addEventListener("pointerdown", handler, true);
+  return () => doc.removeEventListener("pointerdown", handler, true);
 };
+var PRESS_END_EVENTS = ["pointerup", "pointerleave", "pointercancel"];
 var longPress = (element, options) => {
   const duration = options.duration ?? 500;
   let timer = null;
-  const start = () => {
-    timer = setTimeout(() => {
-      options.callback();
-      timer = null;
-    }, duration);
-  };
+  let owner;
   const cancel = () => {
     if (timer !== null) {
       clearTimeout(timer);
       timer = null;
     }
   };
+  const start = (e) => {
+    const id = e.pointerId;
+    if (timer !== null && id !== owner) return;
+    cancel();
+    owner = id;
+    timer = setTimeout(() => {
+      timer = null;
+      options.callback();
+    }, duration);
+  };
+  const end = (e) => {
+    if (timer !== null && e.pointerId === owner) cancel();
+  };
   element.addEventListener("pointerdown", start);
-  element.addEventListener("pointerup", cancel);
-  element.addEventListener("pointerleave", cancel);
+  for (const type of PRESS_END_EVENTS) element.addEventListener(type, end);
   return () => {
     cancel();
     element.removeEventListener("pointerdown", start);
-    element.removeEventListener("pointerup", cancel);
-    element.removeEventListener("pointerleave", cancel);
+    for (const type of PRESS_END_EVENTS) element.removeEventListener(type, end);
   };
 };
 var copyOnClick = (element, getText) => {
@@ -5881,10 +5943,11 @@ var trapFocus = (element) => {
     if (elements.length === 0) return;
     const first = elements[0];
     const last = elements[elements.length - 1];
-    if (e.shiftKey && document.activeElement === first) {
+    const active = element.ownerDocument.activeElement;
+    if (e.shiftKey && active === first) {
       e.preventDefault();
       last.focus();
-    } else if (!e.shiftKey && document.activeElement === last) {
+    } else if (!e.shiftKey && active === last) {
       e.preventDefault();
       first.focus();
     }
@@ -6092,9 +6155,11 @@ function when(condition, thenBranch, elseBranch) {
     currentNode = null;
   });
   if (!initialized) {
-    queueMicrotask(() => {
-      if (!disposed && !initialized && anchor.parentNode) update();
-    });
+    queueMicrotask(
+      bindOwnerScope2(() => {
+        if (!disposed && !initialized && anchor.parentNode) update();
+      })
+    );
   }
   return anchor;
 }
@@ -6133,9 +6198,11 @@ function match(value, cases, fallback) {
     currentNode = null;
   });
   if (!initialized) {
-    queueMicrotask(() => {
-      if (!disposed && !initialized && anchor.parentNode) update();
-    });
+    queueMicrotask(
+      bindOwnerScope2(() => {
+        if (!disposed && !initialized && anchor.parentNode) update();
+      })
+    );
   }
   return anchor;
 }
@@ -6433,11 +6500,13 @@ function each(getArray, render, options) {
   };
   registerDisposer(anchor, disposeRange);
   if (!initialized) {
-    queueMicrotask(() => {
-      if (!initialized && !rangeDisposed && anchor.parentNode) {
-        update();
-      }
-    });
+    queueMicrotask(
+      bindOwnerScope2(() => {
+        if (!initialized && !rangeDisposed && anchor.parentNode) {
+          update();
+        }
+      })
+    );
   }
   return anchor;
 }
@@ -6885,7 +6954,7 @@ function KeepAlive(activeKey, cases, options) {
         return;
       }
       node = factory();
-      if (node instanceof DocumentFragment) {
+      if (node.nodeType === 11) {
         const wrapper = document.createElement("div");
         wrapper.style.display = "contents";
         wrapper.appendChild(node);
@@ -6915,9 +6984,11 @@ function KeepAlive(activeKey, cases, options) {
   };
   const untrack = track2(update);
   if (!initialized) {
-    queueMicrotask(() => {
-      if (!initialized && anchor.parentNode) update();
-    });
+    queueMicrotask(
+      bindOwnerScope2(() => {
+        if (!initialized && anchor.parentNode) update();
+      })
+    );
   }
   registerDisposer(anchor, () => {
     disposed = true;
@@ -7022,7 +7093,7 @@ function Portal(nodes, target) {
   const container = target || document.body;
   let portalContent = null;
   let disposed = false;
-  queueMicrotask(() => {
+  const renderContent = bindOwnerScope2(() => {
     if (disposed) return;
     try {
       portalContent = nodes();
@@ -7037,6 +7108,7 @@ function Portal(nodes, target) {
       });
     }
   });
+  queueMicrotask(renderContent);
   registerDisposer(anchor, () => {
     disposed = true;
     if (portalContent) {

package/dist/build.js

@@ -1,17 +1,17 @@
 import {
   index_exports
-} from "./chunk-J3YQ457H.js";
-import "./chunk-Q5J2LVKH.js";
+} from "./chunk-2NWHJ2UJ.js";
+import "./chunk-N6U4GOIU.js";
 import "./chunk-FC6KCJSA.js";
-import "./chunk-CZPRSWSS.js";
-import "./chunk-C7AA2CZX.js";
+import "./chunk-EVOK663Z.js";
+import "./chunk-GOL3FU5Q.js";
 import "./chunk-62BDYGAG.js";
-import "./chunk-VWT3VXPL.js";
-import "./chunk-O6TRVMJI.js";
+import "./chunk-EVI4ZQO3.js";
+import "./chunk-XUQUQJYE.js";
 import "./chunk-3ACAAQIN.js";
-import "./chunk-KJ3UKABJ.js";
+import "./chunk-5PC7OTQW.js";
 import "./chunk-7ZHH77QA.js";
-import "./chunk-V3LHZSU5.js";
+import "./chunk-7WIHYHWD.js";
 import {
   isEventHandlerAttr,
   isHtmlContentAttribute,
@@ -19,8 +19,8 @@ import {
 } from "./chunk-EXXSN3BW.js";
 import "./chunk-7XHATCIH.js";
 import "./chunk-5HZXGZ6T.js";
-import "./chunk-DSID757X.js";
-import "./chunk-TQQUN4WR.js";
+import "./chunk-FYUEL5IW.js";
+import "./chunk-D6HYFOWR.js";
 import "./chunk-NYNYSPK7.js";
 
 // src/build/sourceEdit.ts