AuthAdapter

// Como o AuthProvider consome subscribe()
// (referência — você não precisa reimplementar isso na sua app)

import * as React from "react";
import type { AuthAdapter } from "@uttara-dev/ui/auth";

export function AuthProvider({ adapter, children }: {
  adapter: AuthAdapter;
  children: React.ReactNode;
}) {
  // useReducer só para forçar re-render — não guardamos estado aqui:
  // a fonte de verdade é o adapter.
  const [, force] = React.useReducer((x: number) => x + 1, 0);

  React.useEffect(() => {
    const unsubscribe = adapter.subscribe(() => force());
    return unsubscribe; // cleanup desinscreve quando o adapter troca
  }, [adapter]);

  // ...monta o contexto a partir de adapter.getUser() / isLoading() ...
}

// CONTRATO QUE SEU ADAPTER PRECISA HONRAR:
// • subscribe(fn) deve chamar fn() SEMPRE que getUser() ou isLoading()
//   mudarem de valor — caso contrário a UI fica congelada.
// • subscribe(fn) deve retornar uma função de unsubscribe síncrona.
// • Múltiplos subscribers podem coexistir (use Set, não variável única).
// • Não chame fn() de dentro do próprio subscribe — chame depois das
//   mutações de estado para refletir o valor já atualizado.

// Tratamento de loading no consumidor
import { useAuth } from "@uttara-dev/ui/auth";
import { Spinner, EmptyState } from "@uttara-dev/ui/composite";
import { Button } from "@uttara-dev/ui";

export function PrivateArea({ children }: { children: React.ReactNode }) {
  const { user, isLoading, signIn } = useAuth();

  // 1. Bootstrap do adapter ainda em curso — evita flash de "deslogado".
  if (isLoading) {
    return (
      <div className="flex h-64 items-center justify-center">
        <Spinner label="Verificando sessão…" />
      </div>
    );
  }

  // 2. Loading terminou e não há usuário — convida ao login.
  if (!user) {
    return (
      <EmptyState
        title="Sessão necessária"
        description="Entre com sua conta Uttara para continuar."
        action={<Button onClick={() => signIn()}>Entrar</Button>}
      />
    );
  }

  // 3. Autenticado — renderiza o conteúdo protegido.
  return <>{children}</>;
}

// Tratamento de loading no guard de rota
import { createFileRoute, redirect, Outlet } from "@tanstack/react-router";

export const Route = createFileRoute("/_authenticated")({
  // beforeLoad NÃO deve rodar enquanto isLoading() === true.
  // Se rodar, getUser() retorna null por bootstrap e o usuário vai ser
  // chutado para /login mesmo já tendo sessão válida.
  beforeLoad: async ({ context, location }) => {
    await waitUntil(() => !context.auth.isLoading(), 3000);

    if (!context.auth.getUser()) {
      throw redirect({
        to: "/login",
        search: { redirect: location.href },
      });
    }
  },
  component: () => <Outlet />,
});

function waitUntil(predicate: () => boolean, timeoutMs: number) {
  return new Promise<void>((resolve) => {
    if (predicate()) return resolve();
    const start = Date.now();
    const id = setInterval(() => {
      if (predicate() || Date.now() - start > timeoutMs) {
        clearInterval(id);
        resolve();
      }
    }, 50);
  });
}