v5.1.0 (#2970)

* chore(release): v5.1.0 * feat: implement resume thumbnails * fix: remove unused mcp tools * docs: fix formatting of docs
2026-08-24 23:32:19 +10:00 · 2026-05-07 15:12:33 +02:00
parent 51c366310e
commit 50ba37a27f
1015 changed files with 106087 additions and 141872 deletions
@@ -0,0 +1,133 @@
+import { t } from "@lingui/core/macro";
+import { Trans } from "@lingui/react/macro";
+import { ArrowLeftIcon, CheckIcon } from "@phosphor-icons/react";
+import { createFileRoute, Link, redirect, useNavigate, useRouter } from "@tanstack/react-router";
+import { toast } from "sonner";
+import z from "zod";
+import { Button } from "@reactive-resume/ui/components/button";
+import { FormControl, FormItem, FormMessage } from "@reactive-resume/ui/components/form";
+import { Input } from "@reactive-resume/ui/components/input";
+import { authClient } from "@/libs/auth/client";
+import { useAppForm } from "@/libs/tanstack-form";
+
+export const Route = createFileRoute("/auth/verify-2fa")({
+	component: RouteComponent,
+	beforeLoad: async ({ context }) => {
+		if (context.session) throw redirect({ to: "/dashboard", replace: true });
+	},
+});
+
+const formSchema = z.object({
+	code: z.string().length(6, "Code must be 6 digits"),
+});
+
+function RouteComponent() {
+	const router = useRouter();
+	const navigate = useNavigate();
+
+	const form = useAppForm({
+		defaultValues: { code: "" },
+		validators: { onSubmit: formSchema },
+		onSubmit: async ({ value }) => {
+			const toastId = toast.loading(t`Verifying code...`);
+
+			const { error } = await authClient.twoFactor.verifyTotp({
+				code: value.code,
+			});
+
+			if (error) {
+				toast.error(
+					error.message ||
+						t({
+							comment: "Fallback toast when verifying a two-factor authentication code fails",
+							message: "Failed to verify your code. Please try again.",
+						}),
+					{ id: toastId },
+				);
+				return;
+			}
+
+			toast.dismiss(toastId);
+			await router.invalidate();
+			void navigate({ to: "/dashboard", replace: true });
+		},
+	});
+
+	return (
+		<>
+			<div className="space-y-1 text-center">
+				<h1 className="font-bold text-2xl tracking-tight">
+					<Trans>Two-Factor Authentication</Trans>
+				</h1>
+				<div className="text-muted-foreground">
+					<Trans>Enter the verification code from your authenticator app</Trans>
+				</div>
+			</div>
+
+			<form
+				className="grid gap-6"
+				onSubmit={(event) => {
+					event.preventDefault();
+					event.stopPropagation();
+					void form.handleSubmit();
+				}}
+			>
+				<form.Field name="code">
+					{(field) => (
+						<FormItem
+							className="justify-self-center"
+							hasError={field.state.meta.isTouched && field.state.meta.errors.length > 0}
+						>
+							<FormControl
+								render={
+									<Input
+										type="number"
+										maxLength={6}
+										className="max-w-xs"
+										name={field.name}
+										value={field.state.value}
+										onBlur={field.handleBlur}
+										onChange={(event) => field.handleChange(event.target.value)}
+									/>
+								}
+							/>
+							<FormMessage errors={field.state.meta.errors} />
+						</FormItem>
+					)}
+				</form.Field>
+
+				<div className="flex gap-x-2">
+					<Button
+						variant="outline"
+						className="flex-1"
+						nativeButton={false}
+						render={
+							<Link to="/auth/login">
+								<ArrowLeftIcon />
+								<Trans comment="Secondary navigation button on 2FA verification screen">Back to Login</Trans>
+							</Link>
+						}
+					/>
+
+					<Button type="submit" className="flex-1">
+						<CheckIcon />
+						<Trans comment="Primary action button to submit 2FA code">Verify</Trans>
+					</Button>
+				</div>
+			</form>
+
+			<Button
+				variant="link"
+				nativeButton={false}
+				className="h-auto justify-self-center p-0 text-sm"
+				render={
+					<Link to="/auth/verify-2fa-backup">
+						<Trans comment="Link to backup-code verification flow when authenticator app is unavailable">
+							Lost access to your authenticator?
+						</Trans>
+					</Link>
+				}
+			/>
+		</>
+	);
+}