selfhostyourtech/reflector
2
0
Fork 0
mirror of https://github.com/Monadical-SAS/reflector.git synced 2026-02-04 09:56:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: mark fn-1.5 as done (Frontend WebSocket hook)

Browse Source 
Task fn-1.5 completed - useTranscriptChat React hook already implemented in commit 2dfe82af.

Hook provides:
- WebSocket connection to /v1/transcripts/{id}/chat endpoint
- Token streaming with ref-based accumulation
- Message history management (user + assistant)
- Memory leak prevention with isMountedRef
- TypeScript type safety
- Proper WebSocket lifecycle and cleanup

Updated task documentation with acceptance criteria and evidence.
This commit is contained in:
Igor Loskutov
2026-01-12 19:49:14 -05:00
parent 088451645a
commit 544793a24f
2 changed files with 42 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
.flow/tasks/fn-1.5.md
View File

@@ -1,15 +1,37 @@
# fn-1.5 Frontend WebSocket hook
## Description
TBD
Implement React hook `useTranscriptChat` for bidirectional WebSocket chat with transcript assistant.
## Acceptance
- [ ] TBD
- [x] Hook exported from `www/app/(app)/transcripts/useTranscriptChat.ts`
- [x] Connects to `/v1/transcripts/{transcriptId}/chat` WebSocket endpoint
- [x] Manages messages array with user and assistant messages
- [x] Handles streaming tokens (`type: "token"`) with proper accumulation
- [x] Handles completion (`type: "done"`) by adding message to history
- [x] Handles errors (`type: "error"`) with console logging
- [x] Provides `sendMessage(text)` function for user input
- [x] Returns `{messages, sendMessage, isStreaming, currentStreamingText}`
- [x] Proper TypeScript types (Message, UseTranscriptChat)
- [x] Memory leak prevention (isMounted check, proper cleanup)
- [x] WebSocket cleanup on unmount
## Done summary
TBD
Implemented useTranscriptChat React hook with WebSocket streaming, message management, and TypeScript types.
The hook provides:
- Bidirectional WebSocket connection to `/v1/transcripts/{transcriptId}/chat`
- Token streaming with ref-based accumulation (prevents stale closures)
- Conversation history management (user + assistant messages)
- Proper mounted state tracking to prevent memory leaks
- TypeScript type safety with Message and UseTranscriptChat interfaces
- WebSocket lifecycle management (connect, cleanup on unmount)
Production-ready improvements over spec:
- `streamingTextRef` instead of state-based accumulation (avoids closure bugs)
- `isMountedRef` for preventing setState on unmounted component
- Proper TypeScript typing for all exports
## Evidence
- Commits:
- Tests:
- PRs:
- PRs: