Madhura68
96fc50154d
Per ontwerp samen in één commit zodat geen vangnet wegvalt zonder vervanging.
- T-861: useBacklogRealtime sluit niet meer op visibilitychange hidden;
EventSource blijft open zolang browser/netwerk dit toelaten. Reconnect bij
netwerkfout blijft via backoff. visibilitychange fungeert nog wel als
re-connect-trigger als de stream tussentijds is gesloten (b.v. 240s
hard-close server-side).
- T-862: 'ready'-event-handler telt connect-cycles. De eerste 'ready' is de
initial connect (geen resync). Bij latere 'ready' (post-reconnect) wordt
resyncActiveScopes('reconnect') aangeroepen om gemiste events op te halen.
- T-863: nieuwe lib/realtime/use-workspace-resync.ts — luistert op
document.visibilitychange (hidden→visible) en window.online; dispatcht
resyncActiveScopes('visible') resp. 'reconnect'. Mounted in
BacklogHydrationWrapper na useBacklogRealtime.
- T-864: 4 nieuwe vitest-cases voor useWorkspaceResync (jsdom): visible→
visible event, online event, hidden negeren, cleanup-bij-unmount.
Daarnaast lint-cleanup: ongebruikte 'order'-variabelen in pbi-list en
story-panel weggehaald.
Verify: lint+typecheck clean, 646/646 tests groen.
Refs: PBI-74, ST-1322, T-861..T-864
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
40 lines
1.1 KiB
TypeScript
40 lines
1.1 KiB
TypeScript
'use client'
|
|
|
|
// PBI-74 / T-863: useWorkspaceResync hook.
|
|
//
|
|
// Trigger resyncActiveScopes bij:
|
|
// - hidden→visible (browser-throttled events kunnen gemist zijn)
|
|
// - online (netwerk hersteld na disconnect)
|
|
//
|
|
// Hoort gemount te worden naast useBacklogRealtime in BacklogHydrationWrapper.
|
|
|
|
import { useEffect } from 'react'
|
|
import { useProductWorkspaceStore } from '@/stores/product-workspace/store'
|
|
|
|
export function useWorkspaceResync(): void {
|
|
useEffect(() => {
|
|
if (typeof document === 'undefined') return
|
|
|
|
const onVisibility = () => {
|
|
if (document.visibilityState === 'visible') {
|
|
void useProductWorkspaceStore
|
|
.getState()
|
|
.resyncActiveScopes('visible')
|
|
}
|
|
}
|
|
|
|
const onOnline = () => {
|
|
void useProductWorkspaceStore
|
|
.getState()
|
|
.resyncActiveScopes('reconnect')
|
|
}
|
|
|
|
document.addEventListener('visibilitychange', onVisibility)
|
|
window.addEventListener('online', onOnline)
|
|
|
|
return () => {
|
|
document.removeEventListener('visibilitychange', onVisibility)
|
|
window.removeEventListener('online', onOnline)
|
|
}
|
|
}, [])
|
|
}
|