KrikoriosandClaude Opus 5
bc23c94ea2
Sign-in gains a "Keep me signed in" checkbox: checked issues a 30-day token and prefills the address next launch, unchecked drops the session to 12 hours and forgets the address. The TTL is chosen server-side in the login route. Emailed codes are now reachable without retyping. OtpField opts into the iOS one-time-code keyboard suggestion and raises a paste chip when the user returns from Gmail with a code on the clipboard. The mails put the code first in the subject and body, which is what makes Gmail render its "Copy code" notification action at all. Fixes found along the way: - Session was wiped on every launch. decodeJwtExp used atob, which neither RN 0.74 nor Expo SDK 51 defines, so it threw, returned null, and the caller read that as "expired" and deleted the token. Replaced with a dependency-free base64url decoder, and restore now only discards a session it can prove is expired. - Verification and reset codes counted attempts but never enforced them, leaving a 6-digit code open to unlimited guessing. Both routes now charge the attempt before comparing so concurrent guesses can't race past the cap of five, and compare in constant time. - A wrong verification code showed the "Verified" success screen: onModalHide fired unconditionally, so the failure state advanced the flow. Only an explicit "verified" state does that now. - fetchAPI discarded the server's error body, so the UI substring-matched synthetic status strings and showed "Could not sign in" for everything. It now throws ApiError carrying status and the server's message. - Login answered a missing account faster than a wrong password; it now runs the same scrypt work either way. - Blank email or password is caught client-side instead of surfacing as an opaque 400, and a failed attempt only clears the password on a 401. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
78 lines
2.1 KiB
TypeScript
78 lines
2.1 KiB
TypeScript
import { useState, useEffect, useCallback } from "react";
|
|
|
|
// Set by lib/session.tsx once a token is available; read synchronously here so
|
|
// callers never have to await SecureStore before every request.
|
|
let authToken: string | null = null;
|
|
|
|
export const setAuthToken = (token: string) => {
|
|
authToken = token;
|
|
};
|
|
|
|
export const clearAuthToken = () => {
|
|
authToken = null;
|
|
};
|
|
|
|
/** Carries the HTTP status so callers can branch on it instead of on text. */
|
|
export class ApiError extends Error {
|
|
status: number;
|
|
|
|
constructor(status: number, message: string) {
|
|
super(message);
|
|
this.name = "ApiError";
|
|
this.status = status;
|
|
}
|
|
}
|
|
|
|
export const fetchAPI = async (url: string, options?: RequestInit) => {
|
|
try {
|
|
const headers = new Headers(options?.headers);
|
|
if (authToken && !headers.has("Authorization")) {
|
|
headers.set("Authorization", `Bearer ${authToken}`);
|
|
}
|
|
|
|
const response = await fetch(url, { ...options, headers });
|
|
|
|
if (!response.ok) {
|
|
// Every route answers with `{ error }`; keep that text so the UI can show
|
|
// what actually went wrong instead of guessing from a status code.
|
|
const body = await response.json().catch(() => null);
|
|
|
|
throw new ApiError(
|
|
response.status,
|
|
body?.error ?? `Request failed with status ${response.status}.`,
|
|
);
|
|
}
|
|
|
|
return await response.json();
|
|
} catch (error) {
|
|
console.error(`Fetch error: ${url}`, error);
|
|
throw error;
|
|
}
|
|
};
|
|
|
|
export const useFetch = <T>(url: string, options?: RequestInit) => {
|
|
const [data, setData] = useState<T | null>(null);
|
|
const [loading, setLoading] = useState(false);
|
|
const [error, setError] = useState<string | null>(null);
|
|
|
|
const fetchData = useCallback(async () => {
|
|
setLoading(true);
|
|
setError(null);
|
|
|
|
try {
|
|
const result = await fetchAPI(url, options);
|
|
setData(result.data);
|
|
} catch (err) {
|
|
setError((err as Error).message);
|
|
} finally {
|
|
setLoading(false);
|
|
}
|
|
}, [url, options]);
|
|
|
|
useEffect(() => {
|
|
fetchData();
|
|
}, [fetchData]);
|
|
|
|
return { data, loading, error, refetch: fetchData };
|
|
};
|