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>
26 lines
1.1 KiB
TypeScript
26 lines
1.1 KiB
TypeScript
'use client'
|
|
|
|
import { useEffect } from 'react'
|
|
import { useProductStore } from '@/stores/product-store'
|
|
import { useProductWorkspaceStore } from '@/stores/product-workspace/store'
|
|
import { debugProps } from '@/lib/debug'
|
|
|
|
// PBI-74 / T-847: zet zowel oude useProductStore.setCurrentProduct als de
|
|
// nieuwe workspace-store.setActiveProduct. setActiveProduct triggert
|
|
// ensureProductLoaded met een requestId-guard; de fetch-stub levert tijdens
|
|
// Story 2 nog geen echte data — echte LIST-endpoints komen in Story 7
|
|
// (T-870). Restore-hint flow volgt in Story 4 (T-857).
|
|
export function SetCurrentProduct({ id, name }: { id: string; name: string }) {
|
|
const { setCurrentProduct, clearCurrentProduct } = useProductStore()
|
|
|
|
useEffect(() => {
|
|
setCurrentProduct(id, name)
|
|
useProductWorkspaceStore.getState().setActiveProduct({ id, name })
|
|
return () => {
|
|
clearCurrentProduct()
|
|
useProductWorkspaceStore.getState().setActiveProduct(null)
|
|
}
|
|
}, [id, name, setCurrentProduct, clearCurrentProduct])
|
|
|
|
return <span {...debugProps('set-current-product')} hidden />
|
|
}
|