UNPKG

@adventurelabs/scout-core

Version:

Core utilities and helpers for Adventure Labs Scout applications

74 lines (73 loc) 2.94 kB
"use client"; import { useSelector } from "react-redux"; import { useEffect, useRef, useCallback, useState } from "react"; import { EnumRealtimeOperation } from "../types/realtime"; export function useScoutRealtimeParts(scoutSupabase) { const channels = useRef([]); const [latestPartUpdate, setLatestPartUpdate] = useState(null); const activeHerdId = useSelector((state) => state.scout.active_herd_id); // Part broadcast handler - just pass data, don't mutate state const handlePartBroadcast = useCallback((payload) => { console.log("[Parts] Broadcast received:", payload.payload.operation); const data = payload.payload; const partData = data.record || data.old_record; if (!partData) return; let operation; switch (data.operation) { case "INSERT": operation = EnumRealtimeOperation.INSERT; console.log("[Parts] New part received:", data.record); break; case "UPDATE": operation = EnumRealtimeOperation.UPDATE; console.log("[Parts] Part updated:", data.record); break; case "DELETE": operation = EnumRealtimeOperation.DELETE; console.log("[Parts] Part deleted:", data.old_record); break; default: return; } const realtimeData = { data: partData, operation, }; console.log(`[scout-core realtime] PART ${data.operation} received:`, JSON.stringify(realtimeData)); setLatestPartUpdate(realtimeData); }, []); // Clear latest update const clearLatestUpdate = useCallback(() => { setLatestPartUpdate(null); }, []); const cleanupChannels = () => { channels.current.forEach((channel) => scoutSupabase.removeChannel(channel)); channels.current = []; }; const createPartsChannel = (herdId) => { return scoutSupabase .channel(`${herdId}-parts`, { config: { private: true } }) .on("broadcast", { event: "*" }, handlePartBroadcast) .subscribe((status) => { if (status === "SUBSCRIBED") { console.log(`[Parts] ✅ Connected to herd ${herdId}`); } else if (status === "CHANNEL_ERROR") { console.warn(`[Parts] 🟡 Failed to connect to herd ${herdId}`); } }); }; useEffect(() => { cleanupChannels(); // Clear previous update when switching herds clearLatestUpdate(); // Create parts channel for active herd if (activeHerdId) { const channel = createPartsChannel(activeHerdId); channels.current.push(channel); } return cleanupChannels; }, [activeHerdId, clearLatestUpdate]); return [latestPartUpdate, clearLatestUpdate]; }