foxhunt/web-dashboard/src/hooks/useAuth.ts

import { useCallback, useSyncExternalStore } from 'react';
import { clearTokens, getToken, isAuthenticated, setTokens } from '../lib/auth';
import { wsManager } from '../lib/websocket';

/** Simple external store for auth state reactivity */
let authListeners: Set<() => void> = new Set();
function notifyAuthChange() {
  authListeners.forEach((l) => l());
}

function subscribeAuth(listener: () => void) {
  authListeners.add(listener);
  return () => authListeners.delete(listener);
}

/** React hook for authentication state and actions */
export function useAuth() {
  const authenticated = useSyncExternalStore(subscribeAuth, isAuthenticated);
  const token = useSyncExternalStore(subscribeAuth, getToken);

  const login = useCallback((accessToken: string, refreshToken?: string) => {
    setTokens(accessToken, refreshToken);
    wsManager.connect();
    notifyAuthChange();
  }, []);

  const logout = useCallback(() => {
    clearTokens();
    wsManager.disconnect();
    notifyAuthChange();
  }, []);

  return { authenticated, token, login, logout };
}