Madhura68
847fc84faf
Symptoom op feat/ST-801-realtime-triggers initial implementation: elke task-update sloot de open SSE-stream af en triggerde een herverbinding met backoff. In de tussentijd gemiste events. Oorzaak: Server Actions in App Router doen een impliciete route-tree refresh die client components remount; daarmee killt React de useEffect die de EventSource beheert. Fix in twee delen: 1. Hef de realtime-hook op naar de (app)-layout via een nieuwe `SoloRealtimeBridge`-component. Layouts overleven Server- Action-refreshes beter dan pages, en de bridge leest het product-id uit de URL via usePathname. Connection-status (status, showConnectingIndicator) gaat naar de solo-store zodat SoloBoard 'm uit een gedeelde plek kan lezen. 2. Vervang updateTaskStatusAction en updateTaskPlanAction in de Solo-componenten door fetch naar de bestaande Route Handler `PATCH /api/tasks/[id]`. Route Handlers triggeren geen page-refresh, dus de SSE-stream blijft staan. lib/api-auth.ts accepteert nu naast Bearer-tokens ook iron-session cookies zodat browser-fetches zonder token werken. Bijkomend: actions/tasks.ts laat /solo bewust niet meer revalideren (wordt nu via realtime gedekt). Sprint/planning blijft wel revalidaten — geen realtime daar. Toegevoegd: - components/solo/realtime-bridge.tsx — mount in (app) layout - scripts/realtime-mutate.ts — handige test-helper voor externe mutaties (alsof MCP/REST schrijft) tijdens acceptance Debug-logs in app/api/realtime/solo/route.ts staan nog aan voor ST-806 acceptance; worden later gestript. Bekend issue: Chrome op localhost (HTTP/1.1) cycle't EventSource om de paar seconden vanwege de 6-connectie-limiet en retry- heuristiek. Safari werkt stabiel. Productie op Vercel (HTTP/2 multiplexing) zou beide browsers stabiel moeten houden — Vercel preview test is volgende stap. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
21 lines
720 B
TypeScript
21 lines
720 B
TypeScript
// SoloRealtimeBridge — mount in de (app)-layout zodat de SSE-verbinding
|
|
// blijft staan over Server Action-refreshes van de Solo-page heen.
|
|
//
|
|
// Leest het huidige product-id uit de URL (`/products/[id]/solo`).
|
|
// Wanneer de gebruiker niet op het Solo Paneel zit, wordt de stream
|
|
// gesloten — geen onnodige verbinding open houden.
|
|
|
|
'use client'
|
|
|
|
import { usePathname } from 'next/navigation'
|
|
import { useSoloRealtime } from '@/lib/realtime/use-solo-realtime'
|
|
|
|
const SOLO_PATH_RE = /^\/products\/([^/]+)\/solo$/
|
|
|
|
export function SoloRealtimeBridge() {
|
|
const pathname = usePathname()
|
|
const match = pathname?.match(SOLO_PATH_RE)
|
|
const productId = match?.[1] ?? null
|
|
useSoloRealtime(productId)
|
|
return null
|
|
}
|