7098335ce7
Implement Agent 6: Real-Time Updates feature for LocalGreenChain: - Add Socket.io server with room-based subscriptions - Create client-side hooks (useSocket, useLiveFeed, usePlantUpdates) - Add SocketProvider context for application-wide state - Implement UI components: - ConnectionStatus: Shows WebSocket connection state - LiveFeed: Real-time event feed display - NotificationToast: Toast notifications with auto-dismiss - LiveChart: Real-time data visualization - Add event type definitions and formatting utilities - Create socket API endpoint for WebSocket initialization - Add socket stats endpoint for monitoring - Extend tailwind with fadeIn/slideIn animations Integrates with existing EventStream SSE system for fallback.
27 lines
417 B
TypeScript
27 lines
417 B
TypeScript
/**
|
|
* Real-Time Components for LocalGreenChain
|
|
*
|
|
* Export all real-time UI components.
|
|
*/
|
|
|
|
export {
|
|
ConnectionStatus,
|
|
ConnectionDot,
|
|
ConnectionBanner,
|
|
} from './ConnectionStatus';
|
|
|
|
export {
|
|
LiveFeed,
|
|
CompactLiveFeed,
|
|
} from './LiveFeed';
|
|
|
|
export {
|
|
NotificationToast,
|
|
NotificationBell,
|
|
NotificationList,
|
|
} from './NotificationToast';
|
|
|
|
export {
|
|
LiveChart,
|
|
EventCountChart,
|
|
} from './LiveChart';
|