React Router Framework Mode

@sudomimus/react-router maps Connect login to server actions and loaders.

app/sudomimus.server.ts

import { createReactRouterHandlers } from "@sudomimus/react-router";

export const sudomimus = createReactRouterHandlers(options);

app/routes/login.tsx

export const action = sudomimus.startAction;

// app/routes/auth.callback.tsx
export const loader = sudomimus.callbackLoader;

// app/routes/logout.tsx
export const action = sudomimus.logoutAction;

Use sudomimus.current({ request }) only from server loaders and actions. Configure a shared durable WebAuthStore, keep CSRF protection enabled for POST actions, and permit the callback URL with a CALLBACK ReturnRule.

View package source