sibujs 4.5.0 → 4.7.0

package/dist/index.js

@@ -14,6 +14,7 @@ import {
   catchError,
   catchErrorAsync,
   clickOutside,
+  context,
   copyOnClick,
   deepEqual,
   deepSignal,
@@ -52,7 +53,7 @@ import {
   unregisterIsland,
   when,
   writable
-} from "./chunk-S373NSMK.js";
+} from "./chunk-XYV3EDB7.js";
 import {
   a,
   abbr,
@@ -190,36 +191,33 @@ import {
   use,
   var_,
   video
-} from "./chunk-PCT43HW3.js";
+} from "./chunk-7LUJQAOJ.js";
 import {
   trustHTML
-} from "./chunk-NIOYEGBQ.js";
+} from "./chunk-HURREPU2.js";
 import {
   watch
-} from "./chunk-7LN645I6.js";
+} from "./chunk-SLM3IA34.js";
 import {
   __resetIdCounter,
   createId
-} from "./chunk-CCSJMTRN.js";
-import {
-  context
-} from "./chunk-VUF4ALSW.js";
+} from "./chunk-BC2SECJD.js";
 import {
   SVG_NS,
   tagFactory
-} from "./chunk-KEISJXBU.js";
+} from "./chunk-UOL2ECCS.js";
 import {
   bindDynamic
-} from "./chunk-ONOHFDLG.js";
+} from "./chunk-FNJXNGYZ.js";
 import {
   derived
-} from "./chunk-RBTPLM32.js";
-import "./chunk-IXKSNWV5.js";
+} from "./chunk-RUSSKG6G.js";
+import "./chunk-2INLLLMZ.js";
 import "./chunk-7ZHH77QA.js";
 import {
   effect,
   on
-} from "./chunk-RIXRAYIU.js";
+} from "./chunk-WEQ3DMVL.js";
 import {
   disableSSR,
   enableSSR,
@@ -228,33 +226,32 @@ import {
   isSSR,
   runInSSRContext,
   withSSR
-} from "./chunk-5DXA2J44.js";
-import {
-  MAX_DRAIN_TEARDOWNS,
-  checkLeaks,
-  dispose,
-  registerDisposer,
-  replaceChildrenSafely,
-  reportDrainRunaway,
-  unregisterDisposer
-} from "./chunk-QKRPLZ2V.js";
+} from "./chunk-7XHATCIH.js";
+import "./chunk-5HZXGZ6T.js";
 import {
   batch,
   enqueueBatchedSignal,
   external,
   isBatching,
   signal
-} from "./chunk-XZZOBQAY.js";
+} from "./chunk-FQRUXCEE.js";
 import {
   retrack,
   setMaxDrainIterations,
   untracked
-} from "./chunk-UGRX3S57.js";
+} from "./chunk-JWKYU5GV.js";
 import {
+  MAX_DRAIN_TEARDOWNS,
+  checkLeaks,
+  dispose,
   getRuntimeErrorHandler,
+  registerDisposer,
+  replaceChildrenSafely,
+  reportDrainRunaway,
   reportError,
-  setRuntimeErrorHandler
-} from "./chunk-2WLZ6757.js";
+  setRuntimeErrorHandler,
+  unregisterDisposer
+} from "./chunk-NYNYSPK7.js";
 export {
   DynamicComponent,
   ErrorBoundary,

package/dist/motion.cjs

@@ -44,17 +44,6 @@ __export(motion_exports, {
 });
 module.exports = __toCommonJS(motion_exports);
 
-// src/core/dev.ts
-var DEV = typeof __SIBU_DEV__ !== "undefined" ? !!__SIBU_DEV__ : typeof globalThis.__SIBU_DEV__ !== "undefined" ? !!globalThis.__SIBU_DEV__ : (
-  // safe default: off in browser, on in test/dev Node
-  typeof process !== "undefined" && process.env?.NODE_ENV !== "production"
-);
-function devWarn(message) {
-  if (typeof __SIBU_DEV__ !== "undefined" ? __SIBU_DEV__ : DEV) {
-    console.warn(`[SibuJS] ${message}`);
-  }
-}
-
 // src/core/errors.ts
 var ERROR_STATE_KEY = /* @__PURE__ */ Symbol.for("sibujs.runtime-errors.v1");
 function state() {
@@ -143,9 +132,37 @@ function reportError(error, context) {
   });
 }
 
+// src/core/dev.ts
+var DEV = typeof __SIBU_DEV__ !== "undefined" ? !!__SIBU_DEV__ : typeof globalThis.__SIBU_DEV__ !== "undefined" ? !!globalThis.__SIBU_DEV__ : (
+  // safe default: off in browser, on in test/dev Node
+  typeof process !== "undefined" && process.env?.NODE_ENV !== "production"
+);
+function devWarn(message) {
+  if (typeof __SIBU_DEV__ !== "undefined" ? __SIBU_DEV__ : DEV) {
+    console.warn(`[SibuJS] ${message}`);
+  }
+}
+
 // src/core/rendering/dispose.ts
 var elementDisposers = /* @__PURE__ */ new WeakMap();
 var activeBindingCount = 0;
+function resolveCapture(capture) {
+  let frame = capture;
+  while (frame?.closed) frame = frame.forwardTo;
+  return frame ?? null;
+}
+var registrationCaptures = [];
+function currentDisposerCapture() {
+  return resolveCapture(registrationCaptures[registrationCaptures.length - 1]);
+}
+function beginDisposerCapture(capture) {
+  if (capture === null && registrationCaptures.length === 0) return false;
+  registrationCaptures.push(resolveCapture(capture));
+  return true;
+}
+function endDisposerCapture() {
+  registrationCaptures.pop();
+}
 function registerDisposer(node, teardown) {
   let disposers = elementDisposers.get(node);
   if (!disposers) {
@@ -154,6 +171,8 @@ function registerDisposer(node, teardown) {
   }
   disposers.push(teardown);
   if (DEV) activeBindingCount++;
+  const capture = resolveCapture(registrationCaptures[registrationCaptures.length - 1]);
+  if (capture) capture.entries.push([node, teardown]);
 }
 
 // src/ui/transition.ts
@@ -183,6 +202,15 @@ function transition(element, options = {}) {
       resolvePrev();
     }
   }
+  function complete(callback, name, resolve) {
+    try {
+      callback?.();
+    } catch (error) {
+      reportError(error, { phase: "async", name, node: element });
+    } finally {
+      resolve();
+    }
+  }
   function enter() {
     return new Promise((resolve) => {
       cancelPending();
@@ -195,8 +223,7 @@ function transition(element, options = {}) {
         activeTimer = null;
         pendingResolve = null;
         if (enterClass) element.classList.remove(enterClass);
-        onEnterDone?.();
-        resolve();
+        complete(onEnterDone, "transition(onEnterDone)", resolve);
       };
       if (duration > 0) {
         pendingResolve = resolve;
@@ -217,8 +244,7 @@ function transition(element, options = {}) {
         activeTimer = null;
         pendingResolve = null;
         if (leaveClass) element.classList.remove(leaveClass);
-        onLeaveDone?.();
-        resolve();
+        complete(onLeaveDone, "transition(onLeaveDone)", resolve);
       };
       if (duration > 0) {
         pendingResolve = resolve;
@@ -402,6 +428,7 @@ function retrack(effectFn, subscriber) {
   }
   currentSubscriber = subscriber;
   const sub = subscriber;
+  if (sub._cap === void 0) sub._cap = currentDisposerCapture();
   const epoch = ++subscriberEpochCounter;
   sub._epoch = epoch;
   sub._structDirty = false;
@@ -593,7 +620,12 @@ function drainQueue() {
       quarantined.add(sub);
       continue;
     }
-    safeInvoke(sub);
+    const pushed = beginDisposerCapture(sub._cap ?? null);
+    try {
+      safeInvoke(sub);
+    } finally {
+      if (pushed) endDisposerCapture();
+    }
   }
 }
 function drainNotificationQueue() {
@@ -729,7 +761,7 @@ function forEachSubscriber(signal2, visit) {
 }
 
 // src/reactivity/track.ts
-var _runtimeVersion = true ? "4.5.0" : "dev";
+var _runtimeVersion = true ? "4.7.0" : "dev";
 var REGISTRY_KEY = /* @__PURE__ */ Symbol.for("sibujs.reactive.v1");
 function resolveReactiveApi() {
   const g = globalThis;
@@ -835,6 +867,14 @@ var batch = API2.batch;
 var enqueueBatchedSignal = API2.enqueueBatchedSignal;
 var isBatching = API2.isBatching;
 
+// src/core/devtoolsHook.ts
+function emitDevtools(hook, event, payload) {
+  try {
+    hook.emit(event, payload);
+  } catch {
+  }
+}
+
 // src/core/signals/signal.ts
 var _g = globalThis;
 function signal(initial, options) {
@@ -868,7 +908,7 @@ function signal(initial, options) {
       state2.__v++;
       if (DEV) {
         const hook = _g.__SIBU_DEVTOOLS_GLOBAL_HOOK__;
-        if (hook) hook.emit("signal:update", { signal: state2, name: debugName, oldValue: prev, newValue });
+        if (hook) emitDevtools(hook, "signal:update", { signal: state2, name: debugName, oldValue: prev, newValue });
       }
       if (!enqueueBatchedSignal(state2)) {
         notifySubscribers2(state2);
@@ -882,7 +922,7 @@ function signal(initial, options) {
       state2.value = newValue;
       state2.__v++;
       const hook = _g.__SIBU_DEVTOOLS_GLOBAL_HOOK__;
-      if (hook) hook.emit("signal:update", { signal: state2, name: debugName, oldValue: prev, newValue });
+      if (hook) emitDevtools(hook, "signal:update", { signal: state2, name: debugName, oldValue: prev, newValue });
       if (!enqueueBatchedSignal(state2)) {
         notifySubscribers2(state2);
       }
@@ -901,7 +941,7 @@ function signal(initial, options) {
   }
   if (DEV) {
     const hook = _g.__SIBU_DEVTOOLS_GLOBAL_HOOK__;
-    if (hook) hook.emit("signal:create", { signal: state2, name: debugName, getter: get, initial });
+    if (hook) emitDevtools(hook, "signal:create", { signal: state2, name: debugName, getter: get, initial });
   }
   return [get, set];
 }
@@ -1083,22 +1123,54 @@ async function sequence(steps) {
   }
 }
 
+// src/utils/adoptThenable.ts
+function adoptThenable(value) {
+  if (value === null || typeof value !== "object" && typeof value !== "function") return null;
+  let then;
+  try {
+    then = value.then;
+  } catch (error) {
+    return Promise.reject(error);
+  }
+  if (typeof then !== "function") return null;
+  return new Promise((resolve, reject) => {
+    queueMicrotask(() => {
+      try {
+        Reflect.apply(then, value, [resolve, reject]);
+      } catch (error) {
+        reject(error);
+      }
+    });
+  });
+}
+
 // src/ui/TransitionGroup.ts
 function TransitionGroup(options) {
   const [elements, setElements] = signal([]);
   const positions = /* @__PURE__ */ new Map();
+  function runCallback(name, callback, el) {
+    const report = (error) => reportError(error, { phase: "async", name: `TransitionGroup.${name}`, node: el });
+    try {
+      adoptThenable(callback(el))?.then(void 0, report);
+    } catch (error) {
+      report(error);
+    }
+  }
   function add(el) {
     setElements((prev) => [...prev, el]);
-    if (options.enter) {
-      options.enter(el);
-    }
+    if (options.enter) runCallback("enter", options.enter, el);
   }
   async function remove(el) {
-    if (options.leave) {
-      await options.leave(el);
+    try {
+      if (options.leave) {
+        await adoptThenable(options.leave(el));
+      }
+    } catch (error) {
+      reportError(error, { phase: "async", name: "TransitionGroup.leave", node: el });
+    } finally {
+      positions.delete(el);
+      setElements((prev) => prev.filter((e) => e !== el));
     }
-    positions.delete(el);
-    setElements((prev) => prev.filter((e) => e !== el));
   }
   function track3(newElements) {
     const oldPositions = /* @__PURE__ */ new Map();
@@ -1110,17 +1182,13 @@ function TransitionGroup(options) {
     const currentSet = new Set(elements());
     for (const el of newElements) {
       if (!currentSet.has(el)) {
-        if (options.enter) {
-          options.enter(el);
-        }
+        if (options.enter) runCallback("enter", options.enter, el);
       }
     }
     const newSet = new Set(newElements);
     for (const el of elements()) {
       if (!newSet.has(el)) {
-        if (options.leave) {
-          options.leave(el);
-        }
+        if (options.leave) runCallback("leave", options.leave, el);
       }
     }
     setElements(newElements);
@@ -1130,7 +1198,7 @@ function TransitionGroup(options) {
         if (oldRect && typeof el.getBoundingClientRect === "function") {
           const newRect = el.getBoundingClientRect();
           if (oldRect.left !== newRect.left || oldRect.top !== newRect.top) {
-            options.move(el);
+            runCallback("move", options.move, el);
           }
         }
       }
@@ -1181,9 +1249,13 @@ function springSignal(initial, options) {
   let target = initial;
   let rafId = null;
   let lastTime = 0;
+  let disposed = false;
+  const canAnimate = () => typeof requestAnimationFrame === "function";
   const REF_DT_MS = 1e3 / 60;
   const MAX_STEP_RATIO = 4;
   function tick(now) {
+    rafId = null;
+    if (disposed) return;
     if (lastTime === 0) lastTime = now;
     const rawDt = now - lastTime;
     lastTime = now;
@@ -1196,23 +1268,27 @@ function springSignal(initial, options) {
     if (Math.abs(current - target) < precision && Math.abs(velocity) < precision) {
       current = target;
       velocity = 0;
-      rafId = null;
       lastTime = 0;
       setValue(current);
       return;
     }
     setValue(current);
+    if (disposed || rafId !== null) return;
     rafId = requestAnimationFrame(tick);
   }
+  function cancelFrame() {
+    if (rafId !== null) {
+      if (typeof cancelAnimationFrame === "function") cancelAnimationFrame(rafId);
+      rafId = null;
+    }
+  }
   function set(newTarget) {
+    if (disposed) return;
     target = newTarget;
-    if (prefersReducedMotion()) {
+    if (!canAnimate() || prefersReducedMotion()) {
       current = newTarget;
       velocity = 0;
-      if (rafId !== null) {
-        cancelAnimationFrame(rafId);
-        rafId = null;
-      }
+      cancelFrame();
       lastTime = 0;
       setValue(current);
       return;
@@ -1223,10 +1299,8 @@ function springSignal(initial, options) {
     }
   }
   function dispose() {
-    if (rafId !== null) {
-      cancelAnimationFrame(rafId);
-      rafId = null;
-    }
+    disposed = true;
+    cancelFrame();
     lastTime = 0;
   }
   return [value, set, dispose];

package/dist/motion.js

@@ -20,11 +20,11 @@ import {
   stagger,
   transition,
   viewTransition
-} from "./chunk-B3WHI2QA.js";
-import "./chunk-QKRPLZ2V.js";
-import "./chunk-XZZOBQAY.js";
-import "./chunk-UGRX3S57.js";
-import "./chunk-2WLZ6757.js";
+} from "./chunk-UNWRJRKC.js";
+import "./chunk-5HZXGZ6T.js";
+import "./chunk-FQRUXCEE.js";
+import "./chunk-JWKYU5GV.js";
+import "./chunk-NYNYSPK7.js";
 export {
   TransitionGroup,
   animate,