Function useElapsedTime

cli/src/hooks/use-elapsed-time.ts:49–116

()

 * <MessageBlock timer={timer} />
 */
export const useElapsedTime = (): ElapsedTimeTracker => {
  const [startTime, setStartTime] = useState<number | null>(null)
  const [elapsedSeconds, setElapsedSeconds] = useState<number>(0)
  const [isPaused, setIsPaused] = useState(false)
  // Track accumulated time from previous pause/resume cycles
  const [accumulatedSeconds, setAccumulatedSeconds] = useState(0)

  const start = useCallback(() => {
    setStartTime(Date.now())
    setAccumulatedSeconds(0)
    setIsPaused(false)
  }, [])

  const stop = useCallback(() => {
    setStartTime(null)
    setElapsedSeconds(0)
    setAccumulatedSeconds(0)
    setIsPaused(false)
  }, [])

  const pause = useCallback(() => {
    if (startTime && !isPaused) {
      // Capture current elapsed time before pausing
      const currentElapsed = Math.floor((Date.now() - startTime) / 1000)
      setAccumulatedSeconds(currentElapsed)
      setElapsedSeconds(currentElapsed)
      setIsPaused(true)
    }
  }, [startTime, isPaused])

  const resume = useCallback(() => {
    if (isPaused) {
      // Set a new start time adjusted for accumulated time
      setStartTime(Date.now() - accumulatedSeconds * 1000)
      setIsPaused(false)
    }
  }, [isPaused, accumulatedSeconds])

  useEffect(() => {
    if (!startTime || isPaused) {
      // When paused, keep showing the frozen elapsed time (don't reset)
      if (!isPaused && !startTime) {
        setElapsedSeconds(0)
      }
      return
    }

    const updateElapsed = () => {
      const elapsed = Math.floor((Date.now() - startTime) / 1000)
      setElapsedSeconds(elapsed)
    }

    // Update immediately
    updateElapsed()

    // Then update every second
    const interval = setInterval(updateElapsed, 1000)