@flowtomic/logic 0.1.0 → 0.1.2

package/dist/hooks/useTimeTracker/useTimeTracker.js

@@ -0,0 +1,143 @@
+/**
+ * useTimeTracker - Headless UI Hook
+ *
+ * Fornece apenas: lógica, estado, processamento e API
+ * NÃO fornece: markup, styles ou implementações pré-construídas
+ *
+ * Padrão Headless UI: você controla o markup e styles
+ *
+ * @example
+ * ```tsx
+ * function MyTimer() {
+ *   const { time, formattedTime, isRunning, start, pause, stop, reset } = useTimeTracker({
+ *     initialTime: 0,
+ *   })
+ *
+ *   return (
+ *     <div>
+ *       <span>{formattedTime}</span>
+ *       <button onClick={start}>Start</button>
+ *       <button onClick={pause}>Pause</button>
+ *       <button onClick={stop}>Stop</button>
+ *       <button onClick={reset}>Reset</button>
+ *     </div>
+ *   )
+ * }
+ * ```
+ */
+import { useCallback, useEffect, useRef, useState } from "react";
+/**
+ * Hook headless para gerenciar timer
+ */
+export function useTimeTracker(options = {}) {
+    const { initialTime = 0, onPause, onStop, onStart, onResume, onReset, format = "HH:mm:ss", } = options;
+    const [time, setTime] = useState(initialTime);
+    const [isRunning, setIsRunning] = useState(false);
+    const [isPaused, setIsPaused] = useState(false);
+    const intervalRef = useRef(null);
+    const startTimeRef = useRef(null);
+    const pausedTimeRef = useRef(0);
+    // Limpar intervalo ao desmontar
+    useEffect(() => {
+        return () => {
+            if (intervalRef.current) {
+                clearInterval(intervalRef.current);
+                intervalRef.current = null;
+            }
+        };
+    }, []);
+    // Formatar tempo
+    const formatTime = useCallback((seconds) => {
+        if (typeof format === "function") {
+            return format(seconds);
+        }
+        const hours = Math.floor(seconds / 3600);
+        const minutes = Math.floor((seconds % 3600) / 60);
+        const secs = seconds % 60;
+        switch (format) {
+            case "HH:mm:ss":
+                return `${String(hours).padStart(2, "0")}:${String(minutes).padStart(2, "0")}:${String(secs).padStart(2, "0")}`;
+            case "mm:ss":
+                return `${String(minutes).padStart(2, "0")}:${String(secs).padStart(2, "0")}`;
+            case "ss":
+                return String(seconds);
+            default:
+                return `${String(hours).padStart(2, "0")}:${String(minutes).padStart(2, "0")}:${String(secs).padStart(2, "0")}`;
+        }
+    }, [format]);
+    const formattedTime = formatTime(time);
+    // Limpar intervalo
+    const clearTimerInterval = useCallback(() => {
+        if (intervalRef.current) {
+            clearInterval(intervalRef.current);
+            intervalRef.current = null;
+        }
+    }, []);
+    // Iniciar timer
+    const start = useCallback(() => {
+        if (isRunning)
+            return;
+        clearTimerInterval();
+        // Se estava pausado, continuar de onde parou
+        const startFrom = isPaused ? time : initialTime;
+        setTime(startFrom);
+        setIsRunning(true);
+        setIsPaused(false);
+        pausedTimeRef.current = startFrom;
+        startTimeRef.current = Date.now() - startFrom * 1000;
+        intervalRef.current = setInterval(() => {
+            const elapsed = Math.floor((Date.now() - (startTimeRef.current || 0)) / 1000);
+            setTime(elapsed);
+        }, 100);
+        if (!isPaused) {
+            onStart?.(startFrom);
+        }
+        else {
+            onResume?.(startFrom);
+        }
+    }, [isRunning, isPaused, time, initialTime, onStart, onResume, clearTimerInterval]);
+    // Pausar timer
+    const pause = useCallback(() => {
+        if (!isRunning)
+            return;
+        clearTimerInterval();
+        setIsRunning(false);
+        setIsPaused(true);
+        onPause?.(time);
+    }, [isRunning, time, onPause, clearTimerInterval]);
+    // Parar timer
+    const stop = useCallback(() => {
+        clearTimerInterval();
+        setIsRunning(false);
+        setIsPaused(false);
+        onStop?.(time);
+    }, [time, onStop, clearTimerInterval]);
+    // Retomar timer
+    const resume = useCallback(() => {
+        if (!isPaused)
+            return;
+        start();
+    }, [isPaused, start]);
+    // Resetar timer
+    const reset = useCallback(() => {
+        clearTimerInterval();
+        setTime(initialTime);
+        setIsRunning(false);
+        setIsPaused(false);
+        pausedTimeRef.current = 0;
+        startTimeRef.current = null;
+        onReset?.();
+    }, [initialTime, onReset, clearTimerInterval]);
+    return {
+        time,
+        formattedTime,
+        isRunning,
+        isPaused,
+        isStopped: !isRunning && !isPaused,
+        start,
+        pause,
+        stop,
+        resume,
+        reset,
+    };
+}

package/dist/index.d.ts

@@ -4,9 +4,15 @@
  * Biblioteca de hooks headless e lógica reutilizável
  * para projetos React/TypeScript
  */
+export * from "./hooks/useAnimatedIndicator";
+export * from "./hooks/useGenealogy";
+export * from "./hooks/useMoblile";
+export * from "./hooks/useProjectProgress";
+export * from "./hooks/useProjectStats";
 export * from "./hooks/useReactTableBack";
 export * from "./hooks/useReactTableFront";
-export * from "./hooks/useStatCard/useStatCard";
 export * from "./hooks/useResizable";
-export * from "./hooks/useMoblile";
+export * from "./hooks/useScriptEditor";
+export * from "./hooks/useStatCard";
+export * from "./hooks/useTimeTracker";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAE3C,cAAc,iCAAiC,CAAC;AAChD,cAAc,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,cAAc,8BAA8B,CAAC;AAC7C,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sBAAsB,CAAC;AAErC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC"}