Function useRouting

src/browser/hooks/useRouting.ts:62–265

()

}

export function useRouting(): RoutingState {
  const { api } = useAPI();
  const { config: providersConfig } = useProvidersConfig();
  const [routePriority, setRoutePriorityState] = useState<string[]>(DEFAULT_ROUTE_PRIORITY);
  const [routeOverrides, setRouteOverridesState] = useState<Record<string, string>>({});
  // Ignore stale config fetches so backend refreshes can't overwrite newer optimistic edits.
  const fetchVersionRef = useRef(0);

  const fetchRoutingConfig = useCallback(async () => {
    const getConfig = api?.config?.getConfig;
    if (!getConfig) {
      return;
    }

    const fetchVersion = ++fetchVersionRef.current;

    try {
      const config = await getConfig();
      if (fetchVersion !== fetchVersionRef.current) {
        return;
      }

      setRoutePriorityState(config.routePriority ?? DEFAULT_ROUTE_PRIORITY);
      setRouteOverridesState(config.routeOverrides ?? {});
    } catch {
      // Best-effort only.
    }
  }, [api]);

  useEffect(() => {
    const onConfigChanged = api?.config?.onConfigChanged;
    if (!onConfigChanged) {
      return;
    }

    const abortController = new AbortController();
    const { signal } = abortController;
    let iterator: AsyncIterator<unknown> | null = null;

    void fetchRoutingConfig();

    (async () => {
      try {
        const subscribedIterator = await onConfigChanged(undefined, { signal });

        if (signal.aborted) {
          void subscribedIterator.return?.();
          return;
        }

        iterator = subscribedIterator;

        for await (const _ of subscribedIterator) {
          if (signal.aborted) {
            break;
          }
          void fetchRoutingConfig();
        }