Madhura68
a98e60fcc7
Story 2 — schaduw-fase: BacklogHydrationWrapper en useBacklogRealtime voeden
nu ook de nieuwe product-workspace-store, terwijl de oude useBacklogStore /
useProductStore leidend blijft voor componenten. Story 3 verschuift consumers
één voor één; Story 8 ruimt de oude stores op.
- T-844: BacklogHydrationWrapper roept naast useBacklogStore.setInitialData
ook useProductWorkspaceStore.hydrateSnapshot aan. Productname-prop optioneel
toegevoegd voor activeProduct-context.
- T-845: useBacklogRealtime onmessage dispatcht events naar zowel oude store
(applyChange) als nieuwe store (applyRealtimeEvent). Geen wijziging aan
reconnect/visibility — Story 5.
- T-846: dev-only logWorkspaceFingerprint helper vergelijkt counts tussen
oude en nieuwe store na hydrate en na elk realtime-event. console.warn bij
mismatch; opt-in debug log via NEXT_PUBLIC_DEBUG_WORKSPACE_FINGERPRINT=1.
Bestand TODO-marked voor verwijdering in Story 8 (T-878).
- T-847: SetCurrentProduct schrijft naast oude useProductStore ook
useProductWorkspaceStore.setActiveProduct({id, name}); cleanup cleart beide.
setActiveProduct triggert ensureProductLoaded — fetch-stub tot Story 7
(T-870) de LIST-endpoints toevoegt.
Verify: lint+typecheck clean, 636/636 tests groen (geen UI-regressie omdat
oude store leidend blijft).
Refs: PBI-74, ST-1319, T-844..T-847
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
82 lines
2.9 KiB
TypeScript
82 lines
2.9 KiB
TypeScript
'use client'
|
|
|
|
import { useEffect, useRef } from 'react'
|
|
import { useBacklogStore, type BacklogPbi, type BacklogStory, type BacklogTask } from '@/stores/backlog-store'
|
|
import { useBacklogRealtime } from '@/lib/realtime/use-backlog-realtime'
|
|
import { useProductWorkspaceStore } from '@/stores/product-workspace/store'
|
|
import type {
|
|
BacklogPbi as WorkspacePbi,
|
|
BacklogStory as WorkspaceStory,
|
|
BacklogTask as WorkspaceTask,
|
|
ProductBacklogSnapshot,
|
|
} from '@/stores/product-workspace/types'
|
|
import { logWorkspaceFingerprint } from '@/lib/realtime/dev-workspace-fingerprint'
|
|
|
|
interface InitialData {
|
|
pbis: BacklogPbi[]
|
|
storiesByPbi: Record<string, BacklogStory[]>
|
|
tasksByStory: Record<string, BacklogTask[]>
|
|
}
|
|
|
|
interface BacklogHydrationWrapperProps {
|
|
initialData: InitialData
|
|
productId: string
|
|
productName?: string
|
|
children: React.ReactNode
|
|
}
|
|
|
|
function fingerprint(data: InitialData): string {
|
|
const pbiPart = data.pbis.map((p) => `${p.id}:${p.status}:${p.priority}`).join(',')
|
|
const storyPart = Object.entries(data.storiesByPbi)
|
|
.flatMap(([, list]) => list.map((s) => `${s.id}:${s.status}:${s.sprint_id ?? 'null'}`))
|
|
.join(',')
|
|
const taskPart = Object.entries(data.tasksByStory)
|
|
.flatMap(([, list]) => list.map((t) => `${t.id}:${t.status}`))
|
|
.join(',')
|
|
return `${pbiPart}|${storyPart}|${taskPart}`
|
|
}
|
|
|
|
// PBI-74 / T-844: dual-dispatch — naast de oude useBacklogStore vullen we nu
|
|
// ook de nieuwe product-workspace-store. De oude store blijft tijdelijk
|
|
// leidend voor componenten; in Story 3 verschuiven consumers één voor één.
|
|
// De runtime-payload bevat sort_order op PBI/Story (Prisma schema), ook al
|
|
// staat het niet op het oude InitialData type — daarom de cast hieronder.
|
|
function toWorkspaceSnapshot(
|
|
data: InitialData,
|
|
productId: string,
|
|
productName: string | undefined,
|
|
): ProductBacklogSnapshot {
|
|
return {
|
|
product: { id: productId, name: productName ?? '' },
|
|
pbis: data.pbis as unknown as WorkspacePbi[],
|
|
storiesByPbi: data.storiesByPbi as unknown as Record<string, WorkspaceStory[]>,
|
|
tasksByStory: data.tasksByStory as unknown as Record<string, WorkspaceTask[]>,
|
|
}
|
|
}
|
|
|
|
export function BacklogHydrationWrapper({
|
|
initialData,
|
|
productId,
|
|
productName,
|
|
children,
|
|
}: BacklogHydrationWrapperProps) {
|
|
const setInitialData = useBacklogStore((s) => s.setInitialData)
|
|
const lastFingerprint = useRef<string>('')
|
|
|
|
useEffect(() => {
|
|
const fp = fingerprint(initialData)
|
|
if (fp !== lastFingerprint.current) {
|
|
lastFingerprint.current = fp
|
|
setInitialData(initialData)
|
|
// Dual-dispatch: nieuwe workspace-store schaduwt mee.
|
|
useProductWorkspaceStore
|
|
.getState()
|
|
.hydrateSnapshot(toWorkspaceSnapshot(initialData, productId, productName))
|
|
logWorkspaceFingerprint('hydrate')
|
|
}
|
|
}, [initialData, productId, productName, setInitialData])
|
|
|
|
useBacklogRealtime(productId)
|
|
|
|
return <>{children}</>
|
|
}
|