stacklok / toolhive-studio / 24678515615

66%

main: 71%

Pull #2048

github

perf(playground): debounce draft persistence to keep typing off the sync write path

useThreadDraft wrote to localStorage on every keypress. localStorage.setItem is synchronous and cheap for small strings, but becomes a cliff for long drafts or slow disks. This debounces writes by 200ms and flushes any pending value on unmount so the key={threadId} remount on thread switch preserves the trailing keystrokes.

- Coalesce rapid updates into a single write via a setTimeout-based debounce

- Flush the pending write from a useEffect cleanup, capturing threadId via the useCallback closure (stable within a mount thanks to key={threadId})

- Tests use fake timers to verify debounce, coalescing, empty-string clearing, and flush-on-unmount

3662 of 6050 branches covered (60.53%)

40 of 43 new or added lines in 4 files covered. (93.02%)

5792 of 8780 relevant lines covered (65.97%)

119.87 hits per line