Function LoginPage

apps/host-selfhost/web/login.tsx:21–182

()

// redeeming an invite — either the full /join/<code> link, or by entering the
// code here ("Have an invite code?"), which forwards to the same join page.
export const LoginPage = () => {
  // Where to go after sign-in. The gate renders this page IN PLACE of the
  // requested route without navigating, so the live location is what carries a
  // deep link (`/connect/linear`) across sign-in — see `postLoginTarget`.
  const postLogin = postLoginTarget(window.location);
  const [mode, setMode] = useState<"signin" | "code">("signin");
  const [email, setEmail] = useState("");
  const [password, setPassword] = useState("");
  const [code, setCode] = useState("");
  const [error, setError] = useState<string | null>(null);
  const [busy, setBusy] = useState(false);
  const [ssoProviders, setSsoProviders] = useState<readonly SsoProvider[]>([]);

  useEffect(() => {
    let cancelled = false;
    void fetchSsoProviders().then((providers) => {
      if (!cancelled) setSsoProviders(providers);
    });
    return () => {
      cancelled = true;
    };
  }, []);

  const signIn = async (event: FormEvent) => {
    event.preventDefault();
    setBusy(true);
    setError(null);
    const result = await authClient.signIn.email({ email, password });
    if (result.error) {
      setBusy(false);
      setError(result.error.message ?? "Sign in failed");
      return;
    }
    window.location.href = postLogin;
  };

  const signInWithSso = async (providerId: string) => {
    setBusy(true);
    setError(null);
    // Better Auth redirects the browser to the IdP; on callback it lands on
    // `callbackURL`, so the deep-link target survives the round trip the same
    // way it does for the email form's post-login navigation.
    const result = await authClient.signIn.oauth2({
      providerId,
      callbackURL: postLogin,
    });
    if (result.error) {
      setBusy(false);
      setError(result.error.message ?? "Sign in failed");
    }
  };

  const redeem = (event: FormEvent) => {
    event.preventDefault();
    const trimmed = code.trim();
    if (!trimmed) return;
    // Forward to the join page, which collects name/email/password and redeems.
    window.location.href = `/join/${encodeURIComponent(trimmed)}`;