Files

colinislit 2fcf609e27 feat: enhance authentication UX with password visibility toggle and better error messages

Added comprehensive improvements to the login and authentication flow:

**UI Improvements:**
- Add password visibility toggle (Eye/EyeOff icons) for password fields
- Improve error message consistency with Dutch translations
- Fix syntax error in login page try-catch block

**Error Handling:**
- Add user-friendly error messages for invalid credentials
- Add specific error codes: invalid_credentials, email_not_confirmed
- Improve error message for non-existent accounts during login
- Handle duplicate email detection during signup with auto-switch to login mode

**Middleware:**
- Add /reset-password and /update-password to public routes
- Fix redirect issue preventing access to password reset flow

**Password Reset Flow:**
- Verify password reset works for magic link users (can set initial password)
- Ensure existing password users can reset their password
- Both flows use the same update mechanism via Supabase

**Documentation:**
- Add comprehensive release notes in docs/RELEASE_AUTH_IMPROVEMENTS.md

All changes maintain backward compatibility with existing magic link users.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

2025-11-19 11:24:28 +01:00

2.5 KiB

Raw Blame History

Release Notes - Verbeterde Authenticatie Flow

Datum: 19 November 2025 Versie: 1.1.0

🔐 Authenticatie Verbeteringen

We hebben de login en registratie ervaring flink verbeterd met duidelijkere feedback en een gebruiksvriendelijkere interface.

✨ Nieuwe Features

1. Wachtwoord Zichtbaarheid Toggle

Toon/verberg je wachtwoord met een klik op het oog-icoon
Werkt voor zowel wachtwoord als bevestig wachtwoord velden
Maakt het makkelijker om typefouten te voorkomen

2. Verbeterde Foutmeldingen

Alle foutmeldingen zijn nu duidelijker en helpen je beter op weg:

Situatie	Nieuwe Melding
Login met onjuist wachtwoord	"Email of wachtwoord is onjuist. Controleer je gegevens en probeer opnieuw."
Registratie met bestaand email	"Dit emailadres is al geregistreerd. Probeer in te loggen."
Email niet geverifieerd	"Je email is nog niet geverifieerd. Check je inbox voor de verificatie link."

3. Automatische Account Herkenning

Probeer je te registreren met een bestaand email? Je wordt automatisch naar de login modus gestuurd
Als het systeem detecteert dat je al bent ingelogd met dezelfde credentials, word je direct doorgestuurd

4. Wachtwoord Vergeten Flow

De "Wachtwoord vergeten?" link werkt nu correct
Vraag eenvoudig een reset link aan via je email
Reset links zijn 1 uur geldig

🛠️ Technische Verbeteringen

Duplicate Email Detectie: Auth hook met fallback mechanisme voorkomt verwarrende situaties
Security: Geen email enumeration - je kunt niet zien welke emails geregistreerd zijn
Middleware Fix: Reset password routes zijn nu correct toegankelijk voor niet-ingelogde gebruikers

🎨 UI/UX Verbeteringen

Consistente Nederlandse taalgebruik door de hele flow
Visuele feedback bij hover op password toggle
Toegankelijke aria-labels voor screen readers
Smooth transitions en loading states

🚀 Voor Ontwikkelaars

De volgende functies zijn toegevoegd aan lib/auth/client.ts:

Verbeterde error handling met custom error codes
invalid_credentials error code voor login failures
user_already_registered error code met optionele auto-login data
email_not_confirmed error code voor verificatie issues

Middleware is uitgebreid met publieke routes:

/reset-password - Wachtwoord reset aanvragen
/update-password - Nieuw wachtwoord instellen

Veel plezier met de verbeterde authenticatie ervaring! 🎉

2.5 KiB Raw Blame History