forked from sanbuphy/learn-coding-agent
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathuseElapsedTime.ts
More file actions
37 lines (34 loc) · 1.2 KB
/
useElapsedTime.ts
File metadata and controls
37 lines (34 loc) · 1.2 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
import { useCallback, useSyncExternalStore } from 'react'
import { formatDuration } from '../utils/format.js'
/**
* Hook that returns formatted elapsed time since startTime.
* Uses useSyncExternalStore with interval-based updates for efficiency.
*
* @param startTime - Unix timestamp in ms
* @param isRunning - Whether to actively update the timer
* @param ms - How often should we trigger updates?
* @param pausedMs - Total paused duration to subtract
* @param endTime - If set, freezes the duration at this timestamp (for
* terminal tasks). Without this, viewing a 2-min task 30 min after
* completion would show "32m".
* @returns Formatted duration string (e.g., "1m 23s")
*/
export function useElapsedTime(
startTime: number,
isRunning: boolean,
ms: number = 1000,
pausedMs: number = 0,
endTime?: number,
): string {
const get = () =>
formatDuration(Math.max(0, (endTime ?? Date.now()) - startTime - pausedMs))
const subscribe = useCallback(
(notify: () => void) => {
if (!isRunning) return () => {}
const interval = setInterval(notify, ms)
return () => clearInterval(interval)
},
[isRunning, ms],
)
return useSyncExternalStore(subscribe, get, get)
}