sibujs 1.4.0 → 2.0.0

package/dist/motion.cjs

@@ -57,20 +57,29 @@ function transition(element, options = {}) {
     onLeaveDone
   } = options;
   const transitionValue = `${property} ${duration}ms ${easing} ${delay}ms`;
+  let activeTimer = null;
+  function cancelPending() {
+    if (activeTimer !== null) {
+      clearTimeout(activeTimer);
+      activeTimer = null;
+    }
+  }
   function enter() {
     return new Promise((resolve) => {
+      cancelPending();
       element.style.transition = transitionValue;
       if (enterClass) element.classList.add(enterClass);
       if (leaveClass) element.classList.remove(leaveClass);
       void element.offsetHeight;
       if (activeClass) element.classList.add(activeClass);
       const done = () => {
+        activeTimer = null;
         if (enterClass) element.classList.remove(enterClass);
         onEnterDone?.();
         resolve();
       };
       if (duration > 0) {
-        setTimeout(done, duration + delay);
+        activeTimer = setTimeout(done, duration + delay);
       } else {
         done();
       }
@@ -78,17 +87,19 @@ function transition(element, options = {}) {
   }
   function leave() {
     return new Promise((resolve) => {
+      cancelPending();
       element.style.transition = transitionValue;
       if (activeClass) element.classList.remove(activeClass);
       if (leaveClass) element.classList.add(leaveClass);
       if (enterClass) element.classList.remove(enterClass);
       const done = () => {
+        activeTimer = null;
         if (leaveClass) element.classList.remove(leaveClass);
         onLeaveDone?.();
         resolve();
       };
       if (duration > 0) {
-        setTimeout(done, duration + delay);
+        activeTimer = setTimeout(done, duration + delay);
       } else {
         done();
       }
@@ -272,7 +283,7 @@ function isDev() {
 var _isDev = isDev();
 function devWarn(message) {
   if (_isDev) {
-    console.warn(`[Sibu] ${message}`);
+    console.warn(`[SibuJS] ${message}`);
   }
 }
 
@@ -280,11 +291,11 @@ function devWarn(message) {
 var _isDev2 = isDev();
 var subscriberStack = new Array(32);
 var currentSubscriber = null;
-var signalSubscribers = /* @__PURE__ */ new WeakMap();
 var SUBS = "__s";
 var notifyDepth = 0;
 var pendingQueue = [];
 var pendingSet = /* @__PURE__ */ new Set();
+var propagateStack = [];
 function safeInvoke(sub) {
   try {
     sub();
@@ -312,7 +323,6 @@ function recordDependency(signal2) {
   let subs = signal2[SUBS];
   if (!subs) {
     subs = /* @__PURE__ */ new Set();
-    signalSubscribers.set(signal2, subs);
     signal2[SUBS] = subs;
   }
   subs.add(currentSubscriber);
@@ -322,42 +332,46 @@ function recordDependency(signal2) {
     signal2.__f = void 0;
   }
 }
+var maxDrainIterations = 1e5;
 function propagateDirty(sub) {
   sub();
-  let sig = sub._sig;
-  while (sig) {
+  const rootSig = sub._sig;
+  if (!rootSig) return;
+  const stack = propagateStack;
+  const baseLen = stack.length;
+  stack.push(rootSig);
+  while (stack.length > baseLen) {
+    const sig = stack.pop();
     const first = sig.__f;
     if (first) {
       if (first._c) {
         const nSig = first._sig;
-        nSig._d = true;
-        sig = nSig;
-        continue;
-      }
-      if (!pendingSet.has(first)) {
+        if (!nSig._d) {
+          nSig._d = true;
+          stack.push(nSig);
+        }
+      } else if (!pendingSet.has(first)) {
         pendingSet.add(first);
         pendingQueue.push(first);
       }
-      break;
+      continue;
     }
     const subs = sig[SUBS];
-    if (!subs) break;
-    let nextSig;
+    if (!subs) continue;
     for (const s of subs) {
       if (s._c) {
-        s();
         const nSig = s._sig;
-        if (nSig && !nextSig) {
-          nextSig = nSig;
-        } else if (nSig) {
-          propagateDirty(s);
+        if (nSig && !nSig._d) {
+          nSig._d = true;
+          stack.push(nSig);
+        } else if (!nSig) {
+          s();
         }
       } else if (!pendingSet.has(s)) {
         pendingSet.add(s);
         pendingQueue.push(s);
       }
     }
-    sig = nextSig;
   }
 }
 function notifySubscribers(signal2) {
@@ -381,13 +395,23 @@ function notifySubscribers(signal2) {
       }
       let i = 0;
       while (i < pendingQueue.length) {
+        if (i >= maxDrainIterations) {
+          if (typeof console !== "undefined") {
+            console.error(
+              `[SibuJS] Notification queue exceeded ${maxDrainIterations} iterations \u2014 likely an effect that writes to a signal it reads. Breaking to prevent infinite loop.`
+            );
+          }
+          break;
+        }
         safeInvoke(pendingQueue[i]);
         i++;
       }
     } finally {
-      pendingQueue.length = 0;
-      pendingSet.clear();
       notifyDepth--;
+      if (notifyDepth === 0) {
+        pendingQueue.length = 0;
+        pendingSet.clear();
+      }
     }
     return;
   }
@@ -407,30 +431,48 @@ function notifySubscribers(signal2) {
   notifyDepth++;
   try {
     let directCount = 0;
+    let hasComputedSub = false;
     for (const sub of subs) {
+      if (sub._c) hasComputedSub = true;
       pendingQueue[directCount++] = sub;
     }
-    for (let i2 = 0; i2 < directCount; i2++) {
-      if (pendingQueue[i2]._c) {
-        propagateDirty(pendingQueue[i2]);
+    if (!hasComputedSub) {
+      for (let i2 = 0; i2 < directCount; i2++) {
+        safeInvoke(pendingQueue[i2]);
       }
-    }
-    for (let i2 = 0; i2 < directCount; i2++) {
-      if (!pendingQueue[i2]._c) {
-        if (!pendingSet.has(pendingQueue[i2])) {
-          safeInvoke(pendingQueue[i2]);
+    } else {
+      for (let i2 = 0; i2 < directCount; i2++) {
+        if (pendingQueue[i2]._c) {
+          propagateDirty(pendingQueue[i2]);
+        }
+      }
+      for (let i2 = 0; i2 < directCount; i2++) {
+        const sub = pendingQueue[i2];
+        if (!sub._c && !pendingSet.has(sub)) {
+          pendingSet.add(sub);
+          safeInvoke(sub);
         }
       }
     }
     let i = directCount;
     while (i < pendingQueue.length) {
+      if (i - directCount >= maxDrainIterations) {
+        if (typeof console !== "undefined") {
+          console.error(
+            `[SibuJS] Notification queue exceeded ${maxDrainIterations} iterations \u2014 likely an effect that writes to a signal it reads. Breaking to prevent infinite loop.`
+          );
+        }
+        break;
+      }
       safeInvoke(pendingQueue[i]);
       i++;
     }
   } finally {
-    pendingQueue.length = 0;
-    pendingSet.clear();
     notifyDepth--;
+    if (notifyDepth === 0) {
+      pendingQueue.length = 0;
+      pendingSet.clear();
+    }
   }
 }
 
@@ -591,15 +633,24 @@ function springSignal(initial, options) {
   let velocity = 0;
   let target = initial;
   let rafId = null;
-  function tick() {
+  let lastTime = 0;
+  const REF_DT_MS = 1e3 / 60;
+  const MAX_STEP_RATIO = 4;
+  function tick(now) {
+    if (lastTime === 0) lastTime = now;
+    const rawDt = now - lastTime;
+    lastTime = now;
+    const dt = Number.isFinite(rawDt) && rawDt > 0 ? rawDt : REF_DT_MS;
+    const ratio = Math.min(MAX_STEP_RATIO, Math.max(0.1, dt / REF_DT_MS));
     const force = -stiffness * (current - target);
     const dampingForce = -damping * velocity;
-    velocity += force + dampingForce;
-    current += velocity;
+    velocity += (force + dampingForce) * ratio;
+    current += velocity * ratio;
     if (Math.abs(current - target) < precision && Math.abs(velocity) < precision) {
       current = target;
       velocity = 0;
       rafId = null;
+      lastTime = 0;
       setValue(current);
       return;
     }
@@ -615,10 +666,12 @@ function springSignal(initial, options) {
         cancelAnimationFrame(rafId);
         rafId = null;
       }
+      lastTime = 0;
       setValue(current);
       return;
     }
     if (rafId === null) {
+      lastTime = 0;
       rafId = requestAnimationFrame(tick);
     }
   }
@@ -627,6 +680,7 @@ function springSignal(initial, options) {
       cancelAnimationFrame(rafId);
       rafId = null;
     }
+    lastTime = 0;
   }
   return [value, set, dispose];
 }

package/dist/motion.d.cts

@@ -32,7 +32,7 @@ interface TransitionOptions {
  *
  * @example
  * ```ts
- * const box = div({ class: "box", nodes: "Hello" });
+ * const box = div("box", "Hello");
  * const { enter, leave } = transition(box, {
  *   duration: 300,
  *   enterClass: "fade-in",

package/dist/motion.d.ts

@@ -32,7 +32,7 @@ interface TransitionOptions {
  *
  * @example
  * ```ts
- * const box = div({ class: "box", nodes: "Hello" });
+ * const box = div("box", "Hello");
  * const { enter, leave } = transition(box, {
  *   duration: 300,
  *   enterClass: "fade-in",

package/dist/motion.js

@@ -19,10 +19,10 @@ import {
   stagger,
   transition,
   viewTransition
-} from "./chunk-KQPDEVVS.js";
-import "./chunk-WZSPOOER.js";
-import "./chunk-ZD6OAMTH.js";
-import "./chunk-5X6PP2UK.js";
+} from "./chunk-52YJLLRO.js";
+import "./chunk-CC65Y57T.js";
+import "./chunk-VLPPXTYG.js";
+import "./chunk-LMLD24FC.js";
 export {
   TransitionGroup,
   animate,