@adventurelabs/scout-core
Version:
Core utilities and helpers for Adventure Labs Scout applications
74 lines (73 loc) • 2.94 kB
JavaScript
"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];
}