@adonis-agora/authkit-server 0.47.0 → 0.48.0

package/build/stubs/ui/react/pages/mfa-challenge.tsx

@@ -1,19 +1,19 @@
-{{{
-  exports({ to: app.makePath('inertia/pages/authkit/mfa-challenge.tsx') })
-}}}
-import AuthShell from '../components/auth_shell'
+{
+  exports({ to: app.makePath('inertia/pages/authkit/mfa-challenge.tsx') });
+}
+import AuthShell from '../components/auth_shell';
 
 const inputClass =
-  'w-full rounded-lg border border-gray-300 px-3 py-2 text-center text-lg tracking-[0.4em] outline-none transition focus:border-transparent focus:ring-2 focus:ring-gray-800'
+  'w-full rounded-lg border border-gray-300 px-3 py-2 text-center text-lg tracking-[0.4em] outline-none transition focus:border-transparent focus:ring-2 focus:ring-gray-800';
 
 export default function AuthkitMfaChallenge({
   uid,
   csrfToken,
   error,
 }: {
-  uid: string
-  csrfToken: string
-  error?: string
+  uid: string;
+  csrfToken: string;
+  error?: string;
 }) {
   return (
     <AuthShell>
@@ -37,7 +37,6 @@ export default function AuthkitMfaChallenge({
             autoComplete="one-time-code"
             pattern="[0-9]*"
             maxLength={6}
-            autoFocus
             className={inputClass}
           />
         </div>
@@ -68,5 +67,5 @@ export default function AuthkitMfaChallenge({
         </form>
       </details>
     </AuthShell>
-  )
+  );
 }

package/build/stubs/ui/react/pages/reset.tsx

@@ -1,19 +1,19 @@
-{{{
-  exports({ to: app.makePath('inertia/pages/authkit/reset.tsx') })
-}}}
-import AuthShell from '../../components/auth_shell'
+{
+  exports({ to: app.makePath('inertia/pages/authkit/reset.tsx') });
+}
+import AuthShell from '../../components/auth_shell';
 
 const inputClass =
-  'w-full rounded-lg border border-gray-300 px-3 py-2 text-sm outline-none transition focus:border-transparent focus:ring-2 focus:ring-gray-800'
+  'w-full rounded-lg border border-gray-300 px-3 py-2 text-sm outline-none transition focus:border-transparent focus:ring-2 focus:ring-gray-800';
 
 export default function AuthkitReset({
   token,
   csrfToken,
   done,
 }: {
-  token: string
-  csrfToken: string
-  done?: boolean
+  token: string;
+  csrfToken: string;
+  done?: boolean;
 }) {
   if (done) {
     return (
@@ -21,7 +21,7 @@ export default function AuthkitReset({
         <h1 className="text-xl font-semibold text-gray-900">Senha redefinida</h1>
         <p className="mt-2 text-sm text-gray-600">Você já pode entrar com a nova senha.</p>
       </AuthShell>
-    )
+    );
   }
 
   return (
@@ -54,5 +54,5 @@ export default function AuthkitReset({
         </button>
       </form>
     </AuthShell>
-  )
+  );
 }

package/build/stubs/ui/react/pages/signup.tsx

@@ -1,10 +1,10 @@
-{{{
-  exports({ to: app.makePath('inertia/pages/authkit/signup.tsx') })
-}}}
-import AuthShell, { type AuthBrand } from '../../components/auth_shell'
+{
+  exports({ to: app.makePath('inertia/pages/authkit/signup.tsx') });
+}
+import AuthShell, { type AuthBrand } from '../../components/auth_shell';
 
 const inputClass =
-  'w-full rounded-lg border border-gray-300 px-3 py-2 text-sm outline-none transition focus:border-transparent focus:ring-2'
+  'w-full rounded-lg border border-gray-300 px-3 py-2 text-sm outline-none transition focus:border-transparent focus:ring-2';
 
 export default function AuthkitSignup({
   uid,
@@ -12,17 +12,17 @@ export default function AuthkitSignup({
   error,
   brand,
 }: {
-  uid: string
-  csrfToken: string
-  error?: string
-  brand?: AuthBrand
+  uid: string;
+  csrfToken: string;
+  error?: string;
+  brand?: AuthBrand;
 }) {
-  const accent = brand?.accent ?? '#111827'
-  const focusStyle = { ['--tw-ring-color' as any]: accent }
+  const accent = brand?.accent ?? '#111827';
+  const focusStyle = { ['--tw-ring-color' as any]: accent };
 
   return (
     <AuthShell brand={brand}>
-      <form method="POST" action={'/auth/interaction/' + uid + '/signup'}>
+      <form method="POST" action={`/auth/interaction/${uid}/signup`}>
         <input type="hidden" name="_csrf" value={csrfToken} />
         <h1 className="text-xl font-semibold text-gray-900">Criar conta</h1>
         <p className="mt-1 text-sm text-gray-500">Preencha seus dados para começar.</p>
@@ -33,14 +33,28 @@ export default function AuthkitSignup({
           <label htmlFor="fullName" className="mb-1 block text-sm font-medium text-gray-700">
             Nome
           </label>
-          <input id="fullName" name="fullName" type="text" required className={inputClass} style={focusStyle} />
+          <input
+            id="fullName"
+            name="fullName"
+            type="text"
+            required
+            className={inputClass}
+            style={focusStyle}
+          />
         </div>
 
         <div className="mt-4">
           <label htmlFor="email" className="mb-1 block text-sm font-medium text-gray-700">
             E-mail
           </label>
-          <input id="email" name="email" type="email" required className={inputClass} style={focusStyle} />
+          <input
+            id="email"
+            name="email"
+            type="email"
+            required
+            className={inputClass}
+            style={focusStyle}
+          />
         </div>
 
         <div className="mt-4">
@@ -67,12 +81,12 @@ export default function AuthkitSignup({
         </button>
 
         <a
-          href={'/auth/interaction/' + uid}
+          href={`/auth/interaction/${uid}`}
           className="mt-4 block text-center text-sm text-gray-600 hover:underline"
         >
           Já tenho conta
         </a>
       </form>
     </AuthShell>
-  )
+  );
 }

package/build/stubs/ui/react/pages/verify-email.tsx

@@ -1,7 +1,7 @@
-{{{
-  exports({ to: app.makePath('inertia/pages/authkit/verify-email.tsx') })
-}}}
-import AuthShell from '../../components/auth_shell'
+{
+  exports({ to: app.makePath('inertia/pages/authkit/verify-email.tsx') });
+}
+import AuthShell from '../../components/auth_shell';
 
 export default function AuthkitVerifyEmail({ verified }: { verified?: boolean }) {
   if (verified) {
@@ -10,7 +10,7 @@ export default function AuthkitVerifyEmail({ verified }: { verified?: boolean })
         <h1 className="text-xl font-semibold text-gray-900">E-mail verificado</h1>
         <p className="mt-2 text-sm text-gray-600">Seu e-mail foi confirmado com sucesso.</p>
       </AuthShell>
-    )
+    );
   }
 
   return (
@@ -20,5 +20,5 @@ export default function AuthkitVerifyEmail({ verified }: { verified?: boolean })
         O link de verificação é inválido ou já foi utilizado.
       </p>
     </AuthShell>
-  )
+  );
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adonis-agora/authkit-server",
-  "version": "0.47.0",
+  "version": "0.48.0",
   "description": "AdonisJS OIDC/OAuth2 provider (Identity Provider) toolkit: ejectable auth server with sessions, rate-limiting, MFA/TOTP, audit log, federated logout and OpenTelemetry metrics.",
   "license": "MIT",
   "author": "dudousxd",

package/stubs/main.ts

@@ -1,2 +1,2 @@
-import { fileURLToPath } from 'node:url'
-export const stubsRoot = fileURLToPath(new URL('./', import.meta.url))
+import { fileURLToPath } from 'node:url';
+export const stubsRoot = fileURLToPath(new URL('./', import.meta.url));

package/stubs/ui/react/components/auth_shell.tsx

@@ -1,18 +1,18 @@
-{{{
-  exports({ to: app.makePath('inertia/components/auth_shell.tsx') })
-}}}
-import type { ReactNode } from 'react'
+{
+  exports({ to: app.makePath('inertia/components/auth_shell.tsx') });
+}
+import type { ReactNode } from 'react';
 
 export interface AuthBrand {
-  appName: string
-  accent: string
-  accentSoft?: string
-  company?: string
-  tagline?: string
-  audienceLabel?: string
+  appName: string;
+  accent: string;
+  accentSoft?: string;
+  company?: string;
+  tagline?: string;
+  audienceLabel?: string;
 }
 
-const COMPANY_FALLBACK = 'Acme'
+const COMPANY_FALLBACK = 'Acme';
 
 /**
  * Layout de duas colunas para as telas de autenticacao do IdP.
@@ -22,14 +22,14 @@ export default function AuthShell({
   brand,
   children,
 }: {
-  brand?: AuthBrand
-  children: ReactNode
+  brand?: AuthBrand;
+  children: ReactNode;
 }) {
-  const accent = brand?.accent ?? '#111827'
-  const accentSoft = brand?.accentSoft ?? accent
-  const company = brand?.company ?? COMPANY_FALLBACK
-  const appName = brand?.appName ?? 'Sua conta'
-  const tagline = brand?.tagline ?? 'Acesso unificado'
+  const accent = brand?.accent ?? '#111827';
+  const accentSoft = brand?.accentSoft ?? accent;
+  const company = brand?.company ?? COMPANY_FALLBACK;
+  const appName = brand?.appName ?? 'Sua conta';
+  const tagline = brand?.tagline ?? 'Acesso unificado';
 
   return (
     <div className="min-h-screen flex items-center justify-center bg-gray-100 p-4">
@@ -63,5 +63,5 @@ export default function AuthShell({
         <div className="p-8 md:p-10">{children}</div>
       </div>
     </div>
-  )
+  );
 }

package/stubs/ui/react/pages/account/login.tsx

@@ -1,9 +1,9 @@
-{{{
-  exports({ to: app.makePath('inertia/pages/authkit/account/login.tsx') })
-}}}
+{
+  exports({ to: app.makePath('inertia/pages/authkit/account/login.tsx') });
+}
 interface Props {
-  csrfToken: string
-  error?: string
+  csrfToken: string;
+  error?: string;
 }
 
 export default function AccountLogin({ csrfToken, error }: Props) {
@@ -29,7 +29,6 @@ export default function AccountLogin({ csrfToken, error }: Props) {
           name="email"
           type="email"
           required
-          autoFocus
           className="w-full rounded-lg border border-gray-300 px-3 py-2 text-sm outline-none focus:border-gray-900"
         />
 
@@ -52,5 +51,5 @@ export default function AccountLogin({ csrfToken, error }: Props) {
         </button>
       </form>
     </div>
-  )
+  );
 }

package/stubs/ui/react/pages/account/mfa.tsx

@@ -1,14 +1,14 @@
-{{{
-  exports({ to: app.makePath('inertia/pages/authkit/account/mfa.tsx') })
-}}}
+{
+  exports({ to: app.makePath('inertia/pages/authkit/account/mfa.tsx') });
+}
 interface Props {
-  csrfToken: string
-  enabled: boolean
-  enrolling?: boolean
-  secret?: string | null
-  qrDataUrl?: string | null
-  error?: string
-  recoveryCodes?: string[] | null
+  csrfToken: string;
+  enabled: boolean;
+  enrolling?: boolean;
+  secret?: string | null;
+  qrDataUrl?: string | null;
+  error?: string;
+  recoveryCodes?: string[] | null;
 }
 
 export default function AccountMfa({
@@ -25,7 +25,9 @@ export default function AccountMfa({
       <div className="mx-auto max-w-2xl">
         <div className="flex items-center justify-between py-6">
           <div>
-            <div className="text-xs font-semibold uppercase tracking-[0.2em] text-gray-400">Acme</div>
+            <div className="text-xs font-semibold uppercase tracking-[0.2em] text-gray-400">
+              Acme
+            </div>
             <h1 className="text-xl font-semibold text-gray-900">Verificação em duas etapas</h1>
           </div>
           <form method="POST" action="/account/logout">
@@ -82,7 +84,6 @@ export default function AccountMfa({
                 inputMode="numeric"
                 pattern="[0-9]*"
                 maxLength={6}
-                autoFocus
                 className="w-full rounded-lg border border-gray-300 px-3 py-2 text-center text-lg tracking-[0.4em] outline-none focus:border-gray-900"
               />
               <button
@@ -112,8 +113,8 @@ export default function AccountMfa({
         ) : (
           <div className="rounded-xl bg-white p-6 shadow-sm ring-1 ring-black/5">
             <p className="text-sm text-gray-700">
-              A verificação em duas etapas está desativada. Ative-a para proteger sua conta com um app
-              autenticador.
+              A verificação em duas etapas está desativada. Ative-a para proteger sua conta com um
+              app autenticador.
             </p>
             <form method="POST" action="/account/mfa/enroll" className="mt-4">
               <input type="hidden" name="_csrf" value={csrfToken} />
@@ -128,5 +129,5 @@ export default function AccountMfa({
         )}
       </div>
     </div>
-  )
+  );
 }

package/stubs/ui/react/pages/account/tokens.tsx

@@ -1,18 +1,18 @@
-{{{
-  exports({ to: app.makePath('inertia/pages/authkit/account/tokens.tsx') })
-}}}
+{
+  exports({ to: app.makePath('inertia/pages/authkit/account/tokens.tsx') });
+}
 interface TokenRow {
-  id: string
-  name: string
-  scopes: string[]
-  audience: string | null
-  lastUsedAt: string | null
-  createdAt: string
+  id: string;
+  name: string;
+  scopes: string[];
+  audience: string | null;
+  lastUsedAt: string | null;
+  createdAt: string;
 }
 interface Props {
-  csrfToken: string
-  createdToken: string | null
-  tokens: TokenRow[]
+  csrfToken: string;
+  createdToken: string | null;
+  tokens: TokenRow[];
 }
 
 export default function AccountTokens({ csrfToken, createdToken, tokens }: Props) {
@@ -21,7 +21,9 @@ export default function AccountTokens({ csrfToken, createdToken, tokens }: Props
       <div className="mx-auto max-w-2xl">
         <div className="flex items-center justify-between py-6">
           <div>
-            <div className="text-xs font-semibold uppercase tracking-[0.2em] text-gray-400">Acme</div>
+            <div className="text-xs font-semibold uppercase tracking-[0.2em] text-gray-400">
+              Acme
+            </div>
             <h1 className="text-xl font-semibold text-gray-900">Tokens de acesso</h1>
           </div>
           <form method="POST" action="/account/logout">
@@ -54,7 +56,10 @@ export default function AccountTokens({ csrfToken, createdToken, tokens }: Props
             placeholder="Nome do token (ex.: CI deploy)"
             className="flex-1 rounded-lg border border-gray-300 px-3 py-2 text-sm outline-none focus:border-gray-900"
           />
-          <button type="submit" className="rounded-lg bg-gray-900 px-4 text-sm font-semibold text-white">
+          <button
+            type="submit"
+            className="rounded-lg bg-gray-900 px-4 text-sm font-semibold text-white"
+          >
             Criar
           </button>
         </form>
@@ -64,12 +69,17 @@ export default function AccountTokens({ csrfToken, createdToken, tokens }: Props
             <p className="p-6 text-sm text-gray-500">Nenhum token ainda.</p>
           ) : (
             tokens.map((t) => (
-              <div key={t.id} className="flex items-center justify-between border-b border-gray-100 p-4 last:border-0">
+              <div
+                key={t.id}
+                className="flex items-center justify-between border-b border-gray-100 p-4 last:border-0"
+              >
                 <div>
                   <p className="text-sm font-medium text-gray-900">{t.name}</p>
                   <p className="text-xs text-gray-500">
                     Criado em {new Date(t.createdAt).toLocaleDateString('pt-BR')}
-                    {t.lastUsedAt ? ` · último uso ${new Date(t.lastUsedAt).toLocaleDateString('pt-BR')}` : ' · nunca usado'}
+                    {t.lastUsedAt
+                      ? ` · último uso ${new Date(t.lastUsedAt).toLocaleDateString('pt-BR')}`
+                      : ' · nunca usado'}
                   </p>
                 </div>
                 <form method="POST" action={`/account/tokens/${t.id}/revoke`}>
@@ -84,5 +94,5 @@ export default function AccountTokens({ csrfToken, createdToken, tokens }: Props
         </div>
       </div>
     </div>
-  )
+  );
 }

package/stubs/ui/react/pages/consent.tsx

@@ -1,7 +1,7 @@
-{{{
-  exports({ to: app.makePath('inertia/pages/authkit/consent.tsx') })
-}}}
-import AuthShell, { type AuthBrand } from '../../components/auth_shell'
+{
+  exports({ to: app.makePath('inertia/pages/authkit/consent.tsx') });
+}
+import AuthShell, { type AuthBrand } from '../../components/auth_shell';
 
 export default function AuthkitConsent({
   uid,
@@ -9,17 +9,17 @@ export default function AuthkitConsent({
   csrfToken,
   brand,
 }: {
-  uid: string
-  params: { client_id: string }
-  csrfToken: string
-  brand?: AuthBrand
+  uid: string;
+  params: { client_id: string };
+  csrfToken: string;
+  brand?: AuthBrand;
 }) {
-  const accent = brand?.accent ?? '#111827'
-  const appName = brand?.appName ?? params.client_id
+  const accent = brand?.accent ?? '#111827';
+  const appName = brand?.appName ?? params.client_id;
 
   return (
     <AuthShell brand={brand}>
-      <form method="POST" action={'/auth/interaction/' + uid + '/consent'}>
+      <form method="POST" action={`/auth/interaction/${uid}/consent`}>
         <input type="hidden" name="_csrf" value={csrfToken} />
         <h1 className="text-xl font-semibold text-gray-900">Autorizar acesso</h1>
         <p className="mt-2 text-sm text-gray-600">
@@ -35,5 +35,5 @@ export default function AuthkitConsent({
         </button>
       </form>
     </AuthShell>
-  )
+  );
 }

package/stubs/ui/react/pages/forgot.tsx

@@ -1,10 +1,10 @@
-{{{
-  exports({ to: app.makePath('inertia/pages/authkit/forgot.tsx') })
-}}}
-import AuthShell from '../../components/auth_shell'
+{
+  exports({ to: app.makePath('inertia/pages/authkit/forgot.tsx') });
+}
+import AuthShell from '../../components/auth_shell';
 
 const inputClass =
-  'w-full rounded-lg border border-gray-300 px-3 py-2 text-sm outline-none transition focus:border-transparent focus:ring-2 focus:ring-gray-800'
+  'w-full rounded-lg border border-gray-300 px-3 py-2 text-sm outline-none transition focus:border-transparent focus:ring-2 focus:ring-gray-800';
 
 export default function AuthkitForgot({ csrfToken, sent }: { csrfToken: string; sent?: boolean }) {
   if (sent) {
@@ -15,7 +15,7 @@ export default function AuthkitForgot({ csrfToken, sent }: { csrfToken: string;
           Se o e-mail existir, enviaremos instruções de redefinição.
         </p>
       </AuthShell>
-    )
+    );
   }
 
   return (
@@ -40,5 +40,5 @@ export default function AuthkitForgot({ csrfToken, sent }: { csrfToken: string;
         </button>
       </form>
     </AuthShell>
-  )
+  );
 }

package/stubs/ui/react/pages/login.tsx

@@ -1,10 +1,10 @@
-{{{
-  exports({ to: app.makePath('inertia/pages/authkit/login.tsx') })
-}}}
-import AuthShell, { type AuthBrand } from '../../components/auth_shell'
+{
+  exports({ to: app.makePath('inertia/pages/authkit/login.tsx') });
+}
+import AuthShell, { type AuthBrand } from '../../components/auth_shell';
 
 const inputClass =
-  'w-full rounded-lg border border-gray-300 px-3 py-2 text-sm outline-none transition focus:border-transparent focus:ring-2'
+  'w-full rounded-lg border border-gray-300 px-3 py-2 text-sm outline-none transition focus:border-transparent focus:ring-2';
 
 export default function AuthkitLogin({
   uid,
@@ -15,21 +15,21 @@ export default function AuthkitLogin({
   error,
   brand,
 }: {
-  uid: string
-  csrfToken: string
-  step?: 'identifier' | 'password'
-  email?: string
-  account?: { fullName: string | null; globalRoles: string[] } | null
-  error?: string
-  brand?: AuthBrand
+  uid: string;
+  csrfToken: string;
+  step?: 'identifier' | 'password';
+  email?: string;
+  account?: { fullName: string | null; globalRoles: string[] } | null;
+  error?: string;
+  brand?: AuthBrand;
 }) {
-  const accent = brand?.accent ?? '#111827'
-  const focusStyle = { ['--tw-ring-color' as any]: accent }
+  const accent = brand?.accent ?? '#111827';
+  const focusStyle = { ['--tw-ring-color' as any]: accent };
 
   if (step === 'identifier') {
     return (
       <AuthShell brand={brand}>
-        <form method="POST" action={'/auth/interaction/' + uid + '/identifier'}>
+        <form method="POST" action={`/auth/interaction/${uid}/identifier`}>
           <input type="hidden" name="_csrf" value={csrfToken} />
           <h1 className="text-xl font-semibold text-gray-900">Entrar</h1>
           <p className="mt-1 text-sm text-gray-500">Informe seu e-mail para continuar.</p>
@@ -45,7 +45,6 @@ export default function AuthkitLogin({
               name="email"
               type="email"
               required
-              autoFocus
               className={inputClass}
               style={focusStyle}
             />
@@ -60,7 +59,7 @@ export default function AuthkitLogin({
           </button>
 
           <div className="mt-4 flex justify-between text-sm text-gray-600">
-            <a href={'/auth/interaction/' + uid + '/signup'} className="hover:underline">
+            <a href={`/auth/interaction/${uid}/signup`} className="hover:underline">
               Criar conta
             </a>
             <a href="/auth/forgot-password" className="hover:underline">
@@ -76,7 +75,7 @@ export default function AuthkitLogin({
         </div>
 
         <a
-          href={'/auth/google/redirect/' + uid}
+          href={`/auth/google/redirect/${uid}`}
           className="flex w-full items-center justify-center gap-2 rounded-lg border border-gray-300 bg-white py-2.5 text-sm font-medium text-gray-700 transition hover:bg-gray-50"
         >
           <svg className="h-4 w-4" viewBox="0 0 24 24" aria-hidden="true">
@@ -100,15 +99,15 @@ export default function AuthkitLogin({
           Entrar com Google
         </a>
       </AuthShell>
-    )
+    );
   }
 
   // step === 'password'
-  const isAdmin = account?.globalRoles?.includes('ADMIN') ?? false
+  const isAdmin = account?.globalRoles?.includes('ADMIN') ?? false;
 
   return (
     <AuthShell brand={brand}>
-      <form method="POST" action={'/auth/interaction/' + uid + '/login'}>
+      <form method="POST" action={`/auth/interaction/${uid}/login`}>
         <input type="hidden" name="_csrf" value={csrfToken} />
 
         {account?.fullName ? (
@@ -127,7 +126,7 @@ export default function AuthkitLogin({
         <div className="mt-1 flex items-center gap-2">
           <span className="text-sm text-gray-500">{email}</span>
           <a
-            href={'/auth/interaction/' + uid + '/switch'}
+            href={`/auth/interaction/${uid}/switch`}
             className="text-xs font-medium hover:underline"
             style={{ color: accent }}
           >
@@ -146,7 +145,6 @@ export default function AuthkitLogin({
             name="password"
             type="password"
             required
-            autoFocus
             className={inputClass}
             style={focusStyle}
           />
@@ -167,5 +165,5 @@ export default function AuthkitLogin({
         </div>
       </form>
     </AuthShell>
-  )
+  );
 }