Benutzer koennen jetzt selbst Zwei-Faktor-Authentifizierung einrichten
und ihr Profil verwalten (Name, E-Mail, Passwort, Profilbild).
Backend:
- Neues MfaModule (src/auth/mfa/): AES-256-GCM-verschluesselte
TOTP-Secrets (otplib), QR-Code-Erzeugung, kurzlebige Setup-/
Challenge-JWTs fuer den 2-Schritt-Login-Flow
- Neues ProfileModule (src/profile/): PATCH /profile,
POST /profile/password, POST/DELETE/GET /profile/avatar,
POST /profile/mfa/enroll(/confirm), POST /profile/mfa/disable -
alle self-scoped ueber actor.id, ohne @RequirePermission (siehe
ALLOWLIST in authorization-coverage.e2e-spec.ts)
- AuthService.login() zweistufig: bei aktivem MFA erst
{ mfaRequired, mfaToken } statt Tokens, neuer Endpunkt
POST /auth/mfa/verify schliesst den Flow ab
- Admin-Recovery: POST /users/:id/mfa/reset (users:update) fuer
verlorene MFA-Geraete, da es keinen E-Mail-Reset-Flow gibt
Frontend:
- Login-Seite mit zweitem Schritt fuer den TOTP-Code
- Neue Profilseite (/profile, ausserhalb des admin-only
Settings-Bereichs): Profilbild, Name/E-Mail, Passwort, MFA-Ein-/
Ausrichtung mit QR-Code-Dialog
- Header zeigt jetzt Avatar mit Dropdown (Profil/Abmelden) statt
nur E-Mail-Text
- Admin-Users-Tabelle zeigt MFA-Status + Reset-Button
Haertung nach Security-Review (Backend/Frontend-Diff, kein CRITICAL,
mehrere MEDIUM behoben):
- Access-Token wird bei Passwortwechsel sofort ungueltig
(User.passwordChangedAt + JWT-iat-Vergleich in
PermissionResolverService.isTokenValid, vorher isUserActive) statt
erst nach bis zu 15 Minuten
- E-Mail-Aenderung verlangt jetzt aktuelles Passwort
- POST /profile/password und /profile/mfa/disable haben jetzt das
gleiche strikte Throttling wie Login (SENSITIVE_ACTION_THROTTLE)
- Kein stiller leerer Verschluesselungs-Key-Fallback mehr (wirft
jetzt explizit)
Bewusst zurueckgestellt (dokumentiert, kein aktiver Exploit-Pfad):
dedizierter Verschluesselungs-Key fuer MFA-Secrets statt
JWT_ACCESS_SECRET-Ableitung, dedizierte users:mfa-reset-Permission
statt users:update, separate JWT-Secrets pro Token-Zweck.
Verifiziert: tsc/eslint clean, 297/297 Backend- + 31/31
Frontend-Unit-Tests, Build clean auf beiden Projekten. e2e weiterhin
durch bekanntes WSL2/Postgres-Problem blockiert. Unabhaengiges
Security- und Code-Quality-Review durchgefuehrt (0 CRITICAL, 0 HIGH).
58 lines
1.9 KiB
TypeScript
58 lines
1.9 KiB
TypeScript
import { apiFetch, apiFetchBlob, apiFetchFormData } from "@/lib/auth/api-client";
|
|
import { MfaEnrollment, ProfileSummary, UpdateProfileInput } from "./types";
|
|
|
|
export function updateProfile(input: UpdateProfileInput): Promise<ProfileSummary> {
|
|
return apiFetch<ProfileSummary>("/profile", {
|
|
method: "PATCH",
|
|
body: JSON.stringify(input),
|
|
});
|
|
}
|
|
|
|
export function changePassword(currentPassword: string, newPassword: string): Promise<void> {
|
|
return apiFetch<void>("/profile/password", {
|
|
method: "POST",
|
|
body: JSON.stringify({ currentPassword, newPassword }),
|
|
});
|
|
}
|
|
|
|
export function uploadAvatar(file: File): Promise<void> {
|
|
const formData = new FormData();
|
|
formData.append("file", file);
|
|
return apiFetchFormData<void>("/profile/avatar", formData);
|
|
}
|
|
|
|
export function deleteAvatar(): Promise<void> {
|
|
return apiFetch<void>("/profile/avatar", { method: "DELETE" });
|
|
}
|
|
|
|
// Fetches the avatar as a blob (the endpoint requires the caller's own
|
|
// Bearer token, so a plain <img src="..."> can't hit it directly) and hands
|
|
// back an object URL for use as an <img> source. Returns null when the user
|
|
// has no avatar (404) or the request otherwise fails.
|
|
export async function fetchAvatarUrl(): Promise<string | null> {
|
|
try {
|
|
const { blob } = await apiFetchBlob("/profile/avatar", "avatar");
|
|
return URL.createObjectURL(blob);
|
|
} catch {
|
|
return null;
|
|
}
|
|
}
|
|
|
|
export function enrollMfa(): Promise<MfaEnrollment> {
|
|
return apiFetch<MfaEnrollment>("/profile/mfa/enroll", { method: "POST" });
|
|
}
|
|
|
|
export function confirmMfaEnrollment(setupToken: string, code: string): Promise<void> {
|
|
return apiFetch<void>("/profile/mfa/enroll/confirm", {
|
|
method: "POST",
|
|
body: JSON.stringify({ setupToken, code }),
|
|
});
|
|
}
|
|
|
|
export function disableMfa(currentPassword: string): Promise<void> {
|
|
return apiFetch<void>("/profile/mfa/disable", {
|
|
method: "POST",
|
|
body: JSON.stringify({ currentPassword }),
|
|
});
|
|
}
|