Config auth

La config auth backoffice peut charger lazy les operations Relay necessaires. Cela reduit le bundle initial et garde les ecrans auth independants.

import {
  createBackofficeLazyValue,
  type BackofficeAuthConfig,
} from '@plumile/backoffice-react';

export const auth: BackofficeAuthConfig = {
  session: createBackofficeLazyValue(async () => {
    const { CurrentSessionQuery } = await import('../queries/CurrentSessionQuery.js');
    return { authStatusQuery: CurrentSessionQuery };
  }),
  login: createBackofficeLazyValue(async () => {
    const [{ LoginPageQuery }, { LoginMutation }] = await Promise.all([
      import('../queries/LoginPageQuery.js'),
      import('../mutations/LoginMutation.js'),
    ]);

    return {
      loginQuery: LoginPageQuery,
      loginMutation: LoginMutation,
    };
  }),
  logout: createBackofficeLazyValue(async () => {
    const { LogoutMutation } = await import('../mutations/LogoutMutation.js');
    return { logoutMutation: LogoutMutation };
  }),
};

Utilisez le meme pattern pour MFA, passkeys, reset de mot de passe, invitations ou verification d’email.