import { useQuery } from '@tanstack/react-query';
import { config } from '../../config';
import { useAuthStore } from '../../auth/auth-store';
import { useRefreshInterval } from './use-refresh-interval';

export function useRouteCatalog(from?: string, to?: string, environment?: string) {
  const refetchInterval = useRefreshInterval(15_000);
  return useQuery({
    queryKey: ['routes', 'catalog', from, to, environment],
    queryFn: async () => {
      const token = useAuthStore.getState().accessToken;
      const params = new URLSearchParams();
      if (from) params.set('from', from);
      if (to) params.set('to', to);
      if (environment) params.set('environment', environment);
      const qs = params.toString();
      const res = await fetch(`${config.apiBaseUrl}/routes/catalog${qs ? `?${qs}` : ''}`, {
        headers: {
          Authorization: `Bearer ${token}`,
          'X-Cameleer-Protocol-Version': '1',
        },
      });
      if (!res.ok) throw new Error('Failed to load route catalog');
      return res.json();
    },
    placeholderData: (prev) => prev,
    refetchInterval,
  });
}

export function useRouteMetrics(from?: string, to?: string, appId?: string) {
  const refetchInterval = useRefreshInterval(30_000);
  return useQuery({
    queryKey: ['routes', 'metrics', from, to, appId],
    queryFn: async () => {
      const token = useAuthStore.getState().accessToken;
      const params = new URLSearchParams();
      if (from) params.set('from', from);
      if (to) params.set('to', to);
      if (appId) params.set('appId', appId);
      const res = await fetch(`${config.apiBaseUrl}/routes/metrics?${params}`, {
        headers: {
          Authorization: `Bearer ${token}`,
          'X-Cameleer-Protocol-Version': '1',
        },
      });
      if (!res.ok) throw new Error('Failed to load route metrics');
      return res.json();
    },
    placeholderData: (prev: unknown) => prev,
    refetchInterval,
  });
}