alepha/src/react/auth/hooks/useAuth.ts

Easy-to-use modern TypeScript framework for building many kind of applications.

import { useAlepha, useStore } from "alepha/react";
import { currentUserAtom } from "alepha/security";
import { LinkProvider } from "alepha/server/links";
import { ReactAuth } from "../services/ReactAuth.ts";

export const useAuth = <T extends object = any>() => {
  const alepha = useAlepha();
  const [user] = useStore(currentUserAtom);

  return {
    user,
    logout: () => {
      alepha.inject(ReactAuth).logout();
    },
    login: async (
      provider: keyof T,
      options: {
        username?: string;
        password?: string;
        redirect?: string;
        realm?: string;
        [extra: string]: any;
      } = {},
    ) => {
      await alepha.inject(ReactAuth).login(provider as string, options);
    },
    /**
     * UI permission check — does the current user hold this permission?
     * Supports exact and wildcard names (e.g. `"admin:*"`, `"admin:user:read"`).
     *
     * UI affordance only (show/hide/disable). Real access control is enforced
     * server-side via `$secure` on the route/action.
     */
    has: (permission: string): boolean => {
      return alepha.inject(LinkProvider).can(permission);
    },
  };
};