Function useLogStream

packages/player/src/hooks/useLogStream.ts:111–144

()

};

export const useLogStream = () => {
  const [logs, setLogs] = useState<LogEntry[]>([]);

  useEffect(() => {
    const flushInterval = setInterval(() => {
      setLogs(logBuffer.toArray());
    }, FLUSH_INTERVAL_MS);

    return () => {
      clearInterval(flushInterval);
    };
  }, []);

  const clearLogs = useCallback(() => {
    logBuffer.clear();
  }, []);

  const scopes = useMemo(
    () => [...new Set(logs.map((l) => l.source.scope).filter(Boolean))],
    [logs],
  );

  const targets = useMemo(
    () => [...new Set(logs.map((l) => l.target).filter(Boolean))],
    [logs],
  );

  return {
    logs,
    scopes,
    targets,
    clearLogs,
  };
};