@digilogiclabs/saas-factory-ui 1.16.0 → 1.16.1

package/dist/index.js

@@ -30292,6 +30292,8 @@ var SHOW_ROT = {
   6: { x: 90, y: 0 }
 };
 var MAX_COUNT = 6;
+var TUMBLE_MS = 950;
+var SETTLE_MS = 1100;
 function simulateDice(arenaW, arenaH, diceSize, starts, numDice) {
   const pad = diceSize * 0.55;
   const minX = pad;
@@ -30304,17 +30306,20 @@ function simulateDice(arenaW, arenaH, diceSize, starts, numDice) {
   for (let i = 0; i < numDice; i++) {
     const s = starts[i] ?? { x: arenaW / 2, y: arenaH / 2 };
     bodies.push({
-      x: clamp(s.x + (Math.random() - 0.5) * arenaW * 0.2, minX, maxX),
-      y: clamp(s.y + (Math.random() - 0.5) * arenaH * 0.2, minY, maxY),
-      vx: (Math.random() - 0.5) * arenaW * 0.9,
-      vy: (Math.random() - 0.5) * arenaH * 0.9
+      x: clamp(s.x + (Math.random() - 0.5) * arenaW * 0.25, minX, maxX),
+      y: clamp(s.y + (Math.random() - 0.5) * arenaH * 0.25, minY, maxY),
+      // Minimum baseline velocity so small arenas still bounce visibly
+      // instead of drifting a few pixels. The `|| 1` guard makes sure
+      // we never get a near-zero initial velocity from `random - 0.5`.
+      vx: (Math.sign(Math.random() - 0.5) || 1) * (0.5 + Math.random() * 0.5) * arenaW * 1.4,
+      vy: (Math.sign(Math.random() - 0.5) || 1) * (0.5 + Math.random() * 0.5) * arenaH * 1.6
     });
   }
-  const steps = 24;
+  const steps = 32;
   const dt = 2 / steps;
-  const friction = 0.86;
-  const wallRestitution = -0.55;
-  const diceRestitution = 0.7;
+  const friction = 0.9;
+  const wallRestitution = -0.72;
+  const diceRestitution = 0.8;
   const frames = [];
   for (let s = 0; s < steps; s++) {
     for (const b of bodies) {
@@ -30500,6 +30505,7 @@ function DiceRoller({
   );
   const [positions, setPositions] = (0, import_react66.useState)(null);
   const timersRef = (0, import_react66.useRef)([]);
+  const rafHandleRef = (0, import_react66.useRef)(null);
   const arenaRef = (0, import_react66.useRef)(null);
   const arena = useArenaBounds(arenaRef);
   const colors = (0, import_react66.useMemo)(() => {
@@ -30619,13 +30625,27 @@ function DiceRoller({
       }
       return n;
     });
-    const stepMs = 40;
-    for (let s = 0; s < frames.length; s++) {
-      const timer = setTimeout(() => {
-        setPositions(frames[s].slice(0, clampedCount));
-      }, s * stepMs);
-      timersRef.current.push(timer);
-    }
+    const playbackMs = TUMBLE_MS;
+    const startTime = typeof performance !== "undefined" ? performance.now() : Date.now();
+    if (rafHandleRef.current != null) {
+      cancelAnimationFrame(rafHandleRef.current);
+      rafHandleRef.current = null;
+    }
+    const tick = (now) => {
+      const elapsed = now - startTime;
+      const progress = Math.max(0, Math.min(1, elapsed / playbackMs));
+      const idx = Math.min(
+        frames.length - 1,
+        Math.floor(progress * frames.length)
+      );
+      setPositions(frames[idx].slice(0, clampedCount));
+      if (progress < 1) {
+        rafHandleRef.current = requestAnimationFrame(tick);
+      } else {
+        rafHandleRef.current = null;
+      }
+    };
+    rafHandleRef.current = requestAnimationFrame(tick);
     requestAnimationFrame(() => {
       requestAnimationFrame(() => {
         setRotations((prev) => {
@@ -30651,7 +30671,7 @@ function DiceRoller({
       if (showHistory) {
         setHistory((prev) => [{ vals, total: total2 }, ...prev].slice(0, historyMax));
       }
-    }, 1050);
+    }, SETTLE_MS);
     timersRef.current.push(settleTimer);
   }, [
     rolling,
@@ -30679,6 +30699,10 @@ function DiceRoller({
     () => () => {
       timersRef.current.forEach((t) => clearTimeout(t));
       timersRef.current = [];
+      if (rafHandleRef.current != null) {
+        cancelAnimationFrame(rafHandleRef.current);
+        rafHandleRef.current = null;
+      }
     },
     []
   );