Auth flows: - Passkey registration: email + username → WebAuthn create → account + session - Passkey login: WebAuthn get → session (instant, no form) - Magic link fallback: email → token → verify link → session - Logout via POST /auth/logout Infrastructure: - auth.server.ts: WebAuthn (SimpleWebAuthn), magic tokens, cookie sessions - DB schema: credentials (WebAuthn), magic_tokens tables, no password_hash - Session middleware via getSessionUser() Pages: - /auth/register — email + username + passkey creation - /auth/login — passkey button + magic link fallback - /auth/verify — magic link token verification - /users/:username — public profile page - Home page shows auth state (register/signin or welcome) Dynamic imports for @simplewebauthn/browser to avoid SSR issues. Magic links logged to console in dev (email integration later). Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
8 lines
330 B
TypeScript
8 lines
330 B
TypeScript
import { redirect } from "react-router";
|
|
import type { Route } from "./+types/auth.logout";
|
|
import { destroySession } from "~/lib/auth.server";
|
|
|
|
export async function action({ request }: Route.ActionArgs) {
|
|
const cookie = await destroySession(request);
|
|
return redirect("/auth/login", { headers: { "Set-Cookie": cookie } });
|
|
}
|