Magic Link (Email Passwordless)

import { AurisClient } from '@auris/js'
 
const auris = new AurisClient({
  domain: 'auth.tuodominio.com',
  clientId: 'il-tuo-client-id',
})
 
// Passo 1: Invia il magic link
async function sendMagicLink(email) {
  const { error } = await auris.sendMagicLink({ email })
 
  if (error) {
    console.error('Invio magic link fallito:', error.message)
  } else {
    console.log('Magic link inviato! Controlla la tua email.')
  }
}
 
// Passo 2: Gestisci il callback (quando l'utente clicca il link)
// Chiama questo sulla pagina di callback
async function handleMagicLinkCallback() {
  const { tokens, user, error } = await auris.handleMagicLinkCallback()
 
  if (error) {
    console.error('Verifica fallita:', error.message)
    return
  }
 
  console.log('Utente autenticato:', user)
  console.log('Access token:', tokens.accessToken)
  // Reindirizza alla dashboard
  window.location.href = '/dashboard'
}

import { useState } from 'react'
import { useAuris } from '@auris/react'
 
function MagicLinkLogin() {
  const { sendMagicLink } = useAuris()
  const [email, setEmail] = useState('')
  const [sent, setSent] = useState(false)
 
  const handleSubmit = async (e: React.FormEvent) => {
    e.preventDefault()
    const { error } = await sendMagicLink({ email })
    if (!error) setSent(true)
  }
 
  if (sent) {
    return (
      <div>
        <h2>Controlla la tua email</h2>
        <p>Abbiamo inviato un link di accesso a {email}</p>
      </div>
    )
  }
 
  return (
    <form onSubmit={handleSubmit}>
      <input
        type="email"
        value={email}
        onChange={e => setEmail(e.target.value)}
        placeholder="[email protected]"
        required
      />
      <button type="submit">Invia Magic Link</button>
    </form>
  )
}

// app/api/auth/magic-link/route.ts
import { NextRequest, NextResponse } from 'next/server'
import { auris } from '@/lib/auris'
 
export async function POST(request: NextRequest) {
  const { email } = await request.json()
 
  const { error } = await auris.sendMagicLink({
    email,
    redirectUrl: `${process.env.NEXT_PUBLIC_APP_URL}/api/auth/callback`,
  })
 
  if (error) {
    return NextResponse.json({ error: error.message }, { status: 400 })
  }
 
  return NextResponse.json({ success: true })
}
 
// app/api/auth/callback/route.ts
import { handleMagicLinkCallback } from '@auris/nextjs'
export { handleMagicLinkCallback as GET }