@react-hive/honey-layout 10.7.0 → 10.8.0

package/dist/index.dev.cjs

@@ -14194,7 +14194,7 @@ __webpack_require__.r(__webpack_exports__);
  *
  * Features:
  * - Explicit RAF lifecycle control (`start` / `stop`)
- * - Delta time (`dt`) calculation with frame clamping
+ * - Delta time calculation with frame clamping
  * - Automatic cleanup on unmounting
  * - Conservative handling of tab visibility changes (mobile-safe)
  * - Safe error handling (stops loop on exception)
@@ -14248,7 +14248,7 @@ onError, } = {}) => {
     const onFrameRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(onFrame);
     // Always keep the latest callback without restarting RAF
     onFrameRef.current = onFrame;
-    const [isRafLoopRunning, setIsRafLoopRunning] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
+    const [isRunning, setIsRunning] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
     const loop = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(timeMs => {
         if (lastTimeMsRef.current === null) {
             lastTimeMsRef.current = timeMs;
@@ -14261,57 +14261,57 @@ onError, } = {}) => {
         }
         try {
             onFrameRef.current(deltaTimeMs, {
-                stopRafLoop,
+                stop,
             });
             rafIdRef.current = requestAnimationFrame(loop);
         }
         catch (e) {
-            stopRafLoop();
+            stop();
             onError?.(e);
         }
     }, [maxDeltaMs, onError]);
-    const startRafLoop = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(() => {
+    const start = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(() => {
         if (rafIdRef.current !== null) {
             return;
         }
         lastTimeMsRef.current = null;
-        setIsRafLoopRunning(true);
+        setIsRunning(true);
         rafIdRef.current = requestAnimationFrame(loop);
     }, [loop]);
-    const stopRafLoop = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(() => {
+    const stop = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(() => {
         if (rafIdRef.current === null) {
             return;
         }
         cancelAnimationFrame(rafIdRef.current);
         rafIdRef.current = null;
         lastTimeMsRef.current = null;
-        setIsRafLoopRunning(false);
+        setIsRunning(false);
     }, []);
     (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
         if (autoStart) {
-            startRafLoop();
+            start();
         }
-        return stopRafLoop;
-    }, [autoStart, startRafLoop, stopRafLoop]);
+        return stop;
+    }, [autoStart, start, stop]);
     // Pause when a tab is hidden (important for mobile)
     (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
         const onVisibilityChange = () => {
             if (document.hidden) {
-                stopRafLoop();
+                stop();
             }
             else if (resumeOnVisibility && autoStart) {
-                startRafLoop();
+                start();
             }
         };
         document.addEventListener('visibilitychange', onVisibilityChange);
         return () => {
             document.removeEventListener('visibilitychange', onVisibilityChange);
         };
-    }, [autoStart, resumeOnVisibility, startRafLoop, stopRafLoop]);
+    }, [autoStart, resumeOnVisibility, start, stop]);
     return {
-        isRafLoopRunning,
-        startRafLoop,
-        stopRafLoop,
+        isRunning,
+        start,
+        stop,
     };
 };
 
@@ -14678,7 +14678,7 @@ const useHoneyTimer = ({ initialTimeMs, targetTimeMs = 0, mode = 'countdown', au
      * - Detects completion and stops the RAF loop
      * - Updates React state with the derived value
      */
-    const onFrameHandler = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((deltaTimeMs, { stopRafLoop }) => {
+    const onFrameHandler = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((deltaTimeMs, { stop }) => {
         let nextTime = mode === 'countdown' ? timeRef.current - deltaTimeMs : timeRef.current + deltaTimeMs;
         let finished = false;
         if (mode === 'countdown') {
@@ -14694,43 +14694,41 @@ const useHoneyTimer = ({ initialTimeMs, targetTimeMs = 0, mode = 'countdown', au
         timeRef.current = nextTime;
         setTimeMs(nextTime);
         if (finished) {
-            stopRafLoop();
+            stop();
             onEndRef.current?.();
         }
     }, [mode, targetTimeMs]);
-    const { startRafLoop, stopRafLoop, isRafLoopRunning } = (0,_use_honey_raf_loop__WEBPACK_IMPORTED_MODULE_1__.useHoneyRafLoop)(onFrameHandler, {
-        autoStart,
-    });
-    const startTimer = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(() => {
+    const rafLoop = (0,_use_honey_raf_loop__WEBPACK_IMPORTED_MODULE_1__.useHoneyRafLoop)(onFrameHandler);
+    const start = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(() => {
         timeRef.current = initialTimeMs;
         setTimeMs(initialTimeMs);
-        startRafLoop();
-    }, [initialTimeMs, startRafLoop]);
-    const pauseTimer = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(() => {
-        stopRafLoop();
-    }, [stopRafLoop]);
-    const resumeTimer = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(() => {
-        if (!isRafLoopRunning) {
-            startRafLoop();
+        rafLoop.start();
+    }, [initialTimeMs, rafLoop.start]);
+    const pause = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(() => {
+        rafLoop.stop();
+    }, [rafLoop.stop]);
+    const resume = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(() => {
+        if (!rafLoop.isRunning) {
+            rafLoop.start();
         }
-    }, [isRafLoopRunning, startRafLoop]);
-    const resetTimer = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((nextTimeMs = initialTimeMs) => {
-        stopRafLoop();
+    }, [rafLoop.isRunning, rafLoop.start]);
+    const reset = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((nextTimeMs = initialTimeMs) => {
+        rafLoop.stop();
         timeRef.current = nextTimeMs;
         setTimeMs(nextTimeMs);
-    }, [initialTimeMs, stopRafLoop]);
+    }, [initialTimeMs, rafLoop.stop]);
     (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
         if (autoStart) {
-            startTimer();
+            start();
         }
-    }, [autoStart, startTimer]);
+    }, [autoStart, start]);
     return {
-        timerTimeMs: timeMs,
-        isTimerRunning: isRafLoopRunning,
-        startTimer,
-        pauseTimer,
-        resumeTimer,
-        resetTimer,
+        timeMs,
+        isRunning: rafLoop.isRunning,
+        start,
+        pause,
+        resume,
+        reset,
     };
 };