@adonis-agora/authkit-react 0.13.1 → 0.14.0

package/README.md

@@ -33,7 +33,6 @@ export default defineConfig({
       return {
         user: user ?? null,
         globalRoles: auth.identity?.globalRoles ?? [],
-        // appRoles opcional, se o host resolver papéis de app
       }
     },
   },
@@ -41,7 +40,7 @@ export default defineConfig({
 ```
 
 O objeto `user` deve corresponder ao tipo `AuthUser`:
-`{ id, email, name?, avatarUrl?, globalRoles, appRoles? }` — exatamente a saída de
+`{ id, email, name?, avatarUrl?, globalRoles }` — exatamente a saída de
 `identityToUser`/`resolveUser` do client.
 
 ## 2. No frontend: `useAuth()`
@@ -69,7 +68,7 @@ não-autenticado (`user: null`, listas vazias).
 ## 3. Componentes de gating
 
 ```tsx
-import { Authenticated, Guest, Can } from '@adonis-agora/authkit-react'
+import { Authenticated, Guest } from '@adonis-agora/authkit-react'
 
 <Authenticated fallback={<LoginButton />}>
   <Dashboard />
@@ -78,23 +77,12 @@ import { Authenticated, Guest, Can } from '@adonis-agora/authkit-react'
 <Guest>
   <MarketingBanner />
 </Guest>
-
-{/* papel global único */}
-<Can role="ADMIN">
-  <AdminPanel />
-</Can>
-
-{/* exige todos os papéis */}
-<Can roles={['ADMIN', 'BILLING']} mode="all" fallback={<NoAccess />}>
-  <BillingSettings />
-</Can>
-
-{/* papel específico do app */}
-<Can role="EDITOR" appRole>
-  <EditButton />
-</Can>
 ```
 
+Gating por papel/permissão de app (`<Can>`) migrou para
+`@adonis-agora/authz-react`, que consulta o serviço Authz em vez de depender
+de papéis de app resolvidos no host — veja a doc desse pacote.
+
 ## 4. `AuthProvider` (opcional)
 
 Fora do Inertia (testes, Storybook), injete o valor manualmente. O contexto tem
@@ -139,7 +127,7 @@ redirecionam para o IdP. Temável via CSS vars `--authkit-*`. Veja a
 Para uso fora de componentes, as funções de papéis são exportadas e livres de React:
 
 ```ts
-import { hasGlobalRole, hasAnyGlobalRole, hasAllGlobalRoles, hasAppRole } from '@adonis-agora/authkit-react'
+import { hasGlobalRole, hasAnyGlobalRole, hasAllGlobalRoles } from '@adonis-agora/authkit-react'
 
 hasGlobalRole(user, 'ADMIN')
 hasAnyGlobalRole(user, ['ADMIN', 'TEACHER'])

package/build/index.d.ts

@@ -34,8 +34,6 @@ export type { PasswordStrengthScore, PasswordStrengthResult, PasswordScorer, Use
 export { deriveInitials, currentUrl } from "./src/utils.js";
 export { Authenticated, Guest } from "./src/components/authenticated.js";
 export type { AuthenticatedProps, GuestProps, } from "./src/components/authenticated.js";
-export { Can } from "./src/components/can.js";
-export type { CanProps } from "./src/components/can.js";
 export { CanPermission } from "./src/components/can_permission.js";
 export type { CanPermissionProps } from "./src/components/can_permission.js";
 export { useCan, checkCan, invalidateCanCache } from "./src/hooks/use_can.js";
@@ -60,7 +58,7 @@ export { OrganizationProfile } from "./src/components/organization_profile.js";
 export type { OrganizationProfileProps } from "./src/components/organization_profile.js";
 export { KeyRotation } from "./src/components/key_rotation.js";
 export type { KeyRotationProps } from "./src/components/key_rotation.js";
-export { hasGlobalRole, hasAnyGlobalRole, hasAllGlobalRoles, hasAppRole, hasAnyAppRole, hasAllAppRoles, } from "./src/roles.js";
+export { hasGlobalRole, hasAnyGlobalRole, hasAllGlobalRoles, } from "./src/roles.js";
 export type { AuthUser, AuthSharedProps, AuthState } from "./src/types.js";
 export { createAuthkitClient, AuthkitClientError, } from "./src/client/client.js";
 export type { AuthkitClient, AuthkitClientOptions, } from "./src/client/client.js";

package/build/index.js

@@ -17,7 +17,6 @@ export { usePasskeyAutofill } from "./src/hooks/use_passkey_autofill.js";
 export { usePasswordStrength, heuristicScorer, } from "./src/hooks/use_password_strength.js";
 export { deriveInitials, currentUrl } from "./src/utils.js";
 export { Authenticated, Guest } from "./src/components/authenticated.js";
-export { Can } from "./src/components/can.js";
 export { CanPermission } from "./src/components/can_permission.js";
 export { useCan, checkCan, invalidateCanCache } from "./src/hooks/use_can.js";
 export { SignInButton } from "./src/components/sign_in_button.js";
@@ -30,7 +29,7 @@ export { PasswordStrengthMeter } from "./src/components/password_strength_meter.
 export { OrganizationSwitcher } from "./src/components/organization_switcher.js";
 export { OrganizationProfile } from "./src/components/organization_profile.js";
 export { KeyRotation } from "./src/components/key_rotation.js";
-export { hasGlobalRole, hasAnyGlobalRole, hasAllGlobalRoles, hasAppRole, hasAnyAppRole, hasAllAppRoles, } from "./src/roles.js";
+export { hasGlobalRole, hasAnyGlobalRole, hasAllGlobalRoles, } from "./src/roles.js";
 export { createAuthkitClient, AuthkitClientError, } from "./src/client/client.js";
 export { AuthkitClientProvider, useAuthkitClient, createAuthkitQueryClient, } from "./src/client/context.js";
 export { authkitKeys } from "./src/queries/keys.js";

package/build/src/authkit_provider.d.ts

@@ -9,5 +9,4 @@ export interface AuthkitProviderProps {
 export declare function AuthkitProvider({ config, value, children }: AuthkitProviderProps): import("react").FunctionComponentElement<import("react").ProviderProps<{
     user: import("./types.js").AuthUser | null;
     globalRoles: string[];
-    appRoles?: string[];
 } | undefined>> | import("react").FunctionComponentElement<import("react").ProviderProps<import("./config.js").ResolvedAuthkitConfig>>;

package/build/src/provider.d.ts

@@ -3,7 +3,6 @@ import type { AuthSharedProps } from './types.js';
 export declare const AuthContext: import("react").Context<{
     user: import("./types.js").AuthUser | null;
     globalRoles: string[];
-    appRoles?: string[];
 } | undefined>;
 export interface AuthProviderProps {
     value: AuthSharedProps['authkit'];
@@ -12,5 +11,4 @@ export interface AuthProviderProps {
 export declare function AuthProvider({ value, children }: AuthProviderProps): import("react").FunctionComponentElement<import("react").ProviderProps<{
     user: import("./types.js").AuthUser | null;
     globalRoles: string[];
-    appRoles?: string[];
 } | undefined>>;

package/build/src/roles.d.ts

@@ -2,6 +2,3 @@ import type { AuthUser } from './types.js';
 export declare function hasGlobalRole(user: AuthUser | null | undefined, role: string): boolean;
 export declare function hasAnyGlobalRole(user: AuthUser | null | undefined, roles: string[]): boolean;
 export declare function hasAllGlobalRoles(user: AuthUser | null | undefined, roles: string[]): boolean;
-export declare function hasAppRole(user: AuthUser | null | undefined, role: string): boolean;
-export declare function hasAnyAppRole(user: AuthUser | null | undefined, roles: string[]): boolean;
-export declare function hasAllAppRoles(user: AuthUser | null | undefined, roles: string[]): boolean;

package/build/src/roles.js

@@ -22,18 +22,3 @@ export function hasAllGlobalRoles(user, roles) {
         return false;
     return hasAllRoles(user.globalRoles, roles);
 }
-export function hasAppRole(user, role) {
-    if (!user || !user.appRoles)
-        return false;
-    return hasRole(user.appRoles, role);
-}
-export function hasAnyAppRole(user, roles) {
-    if (!user || !user.appRoles)
-        return false;
-    return hasAnyRole(user.appRoles, roles);
-}
-export function hasAllAppRoles(user, roles) {
-    if (!user || !user.appRoles)
-        return false;
-    return hasAllRoles(user.appRoles, roles);
-}

package/build/src/types.d.ts

@@ -4,14 +4,12 @@ export interface AuthUser {
     name?: string;
     avatarUrl?: string;
     globalRoles: string[];
-    appRoles?: string[];
     [key: string]: unknown;
 }
 export interface AuthSharedProps {
     authkit: {
         user: AuthUser | null;
         globalRoles: string[];
-        appRoles?: string[];
     };
     [key: string]: unknown;
 }
@@ -19,9 +17,7 @@ export interface AuthState {
     user: AuthUser | null;
     isAuthenticated: boolean;
     globalRoles: string[];
-    appRoles: string[];
     hasGlobalRole(role: string): boolean;
     hasAnyGlobalRole(roles: string[]): boolean;
     hasAllGlobalRoles(roles: string[]): boolean;
-    hasAppRole(role: string): boolean;
 }

package/build/src/use_auth.js

@@ -1,11 +1,10 @@
 import { useContext, useMemo } from 'react';
 import { usePage } from '@inertiajs/react';
 import { AuthContext } from './provider.js';
-import { hasAllGlobalRoles as hasAllGlobalRolesPure, hasAnyGlobalRole as hasAnyGlobalRolePure, hasAppRole as hasAppRolePure, hasGlobalRole as hasGlobalRolePure, } from './roles.js';
+import { hasAllGlobalRoles as hasAllGlobalRolesPure, hasAnyGlobalRole as hasAnyGlobalRolePure, hasGlobalRole as hasGlobalRolePure, } from './roles.js';
 const UNAUTHENTICATED = {
     user: null,
     globalRoles: [],
-    appRoles: undefined,
 };
 export function useAuth() {
     const contextValue = useContext(AuthContext);
@@ -18,16 +17,13 @@ export function useAuth() {
     return useMemo(() => {
         const user = authkit.user ?? null;
         const globalRoles = authkit.globalRoles ?? user?.globalRoles ?? [];
-        const appRoles = authkit.appRoles ?? user?.appRoles ?? [];
         return {
             user,
             isAuthenticated: user !== null,
             globalRoles,
-            appRoles,
             hasGlobalRole: (role) => hasGlobalRolePure(user, role),
             hasAnyGlobalRole: (roles) => hasAnyGlobalRolePure(user, roles),
             hasAllGlobalRoles: (roles) => hasAllGlobalRolesPure(user, roles),
-            hasAppRole: (role) => hasAppRolePure(user, role),
         };
     }, [authkit]);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adonis-agora/authkit-react",
-  "version": "0.13.1",
+  "version": "0.14.0",
   "description": "Frontend ergonomics over AuthKit for AdonisJS + Inertia + React apps: a typed useAuth() hook, role-gating hooks and gating components.",
   "license": "MIT",
   "author": "dudousxd",

package/build/src/components/can.d.ts

@@ -1,10 +0,0 @@
-import { type ReactNode } from 'react';
-export interface CanProps {
-    children: ReactNode;
-    role?: string;
-    roles?: string[];
-    mode?: 'any' | 'all';
-    appRole?: boolean;
-    fallback?: ReactNode;
-}
-export declare function Can({ children, role, roles, mode, appRole, fallback, }: CanProps): import("react").FunctionComponentElement<import("react").FragmentProps>;

package/build/src/components/can.js

@@ -1,19 +0,0 @@
-import { createElement, Fragment } from 'react';
-import { useAuth } from '../use_auth.js';
-import { hasAllAppRoles, hasAllGlobalRoles, hasAnyAppRole, hasAnyGlobalRole, hasAppRole, hasGlobalRole, } from '../roles.js';
-export function Can({ children, role, roles, mode = 'any', appRole = false, fallback = null, }) {
-    const { user } = useAuth();
-    let allowed = false;
-    if (role !== undefined) {
-        allowed = appRole ? hasAppRole(user, role) : hasGlobalRole(user, role);
-    }
-    else if (roles !== undefined) {
-        if (appRole) {
-            allowed = mode === 'all' ? hasAllAppRoles(user, roles) : hasAnyAppRole(user, roles);
-        }
-        else {
-            allowed = mode === 'all' ? hasAllGlobalRoles(user, roles) : hasAnyGlobalRole(user, roles);
-        }
-    }
-    return createElement(Fragment, null, allowed ? children : fallback);
-}