Bump the dependencies group with 41 updates

app/[locale]/actions.ts

@@ -32,7 +32,7 @@ export async function updateReadState()
 
 	// On retourne enfin un message de succès si l'opération a réussi.
 	logger.debug(
-		{ source: __filename, count: notifications.count },
+		{ source: __dirname, count: notifications.count },
 		"Deleted all notifications"
 	);
 

app/[locale]/authentication/actions/signin.ts

@@ -37,7 +37,7 @@ export async function signInAccount(
 		// Si c'est le cas, on tente une authentification via le fournisseur
 		//  d'authentification externe avant de rediriger l'utilisateur vers
 		//  la page de son tableau de bord.
-		logger.info( { source: __filename, provider }, "Sign in with provider" );
+		logger.info( { source: __dirname, provider }, "Sign in with provider" );
 
 		await signIn( provider as string, {
 			redirectTo: "/dashboard"
@@ -56,7 +56,7 @@ export async function signInAccount(
 	{
 		// Si les données du formulaire sont invalides, on affiche le
 		//  premier code d'erreur rencontré.
-		logger.error( { source: __filename, result }, "Invalid form data" );
+		logger.error( { source: __dirname, result }, "Invalid form data" );
 
 		return {
 			success: false,
@@ -77,7 +77,7 @@ export async function signInAccount(
 		} );
 
 		logger.info(
-			{ source: __filename, email: result.output.email },
+			{ source: __dirname, email: result.output.email },
 			"Sign in with email"
 		);
 
@@ -95,7 +95,7 @@ export async function signInAccount(
 		//  les informations d'authentification fournies avant de rediriger
 		//  l'utilisateur vers la page de son tableau de bord.
 		logger.info(
-			{ source: __filename, email: result.output.email },
+			{ source: __dirname, email: result.output.email },
 			"Sign in with credentials"
 		);
 
@@ -111,23 +111,23 @@ export async function signInAccount(
 		//  d'authentification avant de relancer l'erreur.
 		if ( error instanceof AuthError )
 		{
-			logger.error( { source: __filename, error }, "Authentication error" );
+			logger.error( { source: __dirname, error }, "Authentication error" );
 
 			return {
 				success: false,
 				reason: messages( `authjs.errors.${ error.type }` )
 			};
 		}
 
-		logger.error( { source: __filename, error }, "Sign in error" );
+		logger.error( { source: __dirname, error }, "Sign in error" );
 
 		throw error;
 	}
 
 	// On retourne enfin un message d'erreur par défaut au l'utilisateur
 	//  ne correspondant à aucun des cas précédents.
 	logger.error(
-		{ source: __filename, email: result.output.email },
+		{ source: __dirname, email: result.output.email },
 		"Sign in error"
 	);
 

app/[locale]/authentication/actions/signout.ts

@@ -13,7 +13,7 @@ export async function signOutAccount()
 {
 	// On tente de déconnecter l'utilisateur de son compte utilisateur
 	//  avant de rediriger celui-ci vers la page d'accueil.
-	logger.debug( { source: __filename }, "Sign out" );
+	logger.debug( { source: __dirname }, "Sign out" );
 
 	await signOut( {
 		redirect: false

app/[locale]/authentication/actions/signup.ts

@@ -39,7 +39,7 @@ export async function signUpAccount(
 	{
 		// Si les données du formulaire sont invalides, on affiche le
 		//  premier code d'erreur rencontré.
-		logger.error( { source: __filename, result }, "Invalid form data" );
+		logger.error( { source: __dirname, result }, "Invalid form data" );
 
 		return {
 			success: false,
@@ -60,7 +60,7 @@ export async function signUpAccount(
 		// Si c'est le cas, on indique à l'utilisateur que l'adresse
 		//  électronique fournie est déjà utilisée.
 		logger.error(
-			{ source: __filename, email: result.output.email },
+			{ source: __dirname, email: result.output.email },
 			"Email already used"
 		);
 
@@ -90,7 +90,7 @@ export async function signUpAccount(
 		} );
 
 		logger.info(
-			{ source: __filename, email: result.output.email },
+			{ source: __dirname, email: result.output.email },
 			"Sign up with email"
 		);
 
@@ -100,7 +100,7 @@ export async function signUpAccount(
 			//  semble ne pas renvoyer de réponse, on affiche un message
 			//  d'erreur sur la page d'authentification.
 			logger.error(
-				{ source: __filename, email: result.output.email },
+				{ source: __dirname, email: result.output.email },
 				"Email validation request failed"
 			);
 
@@ -114,7 +114,7 @@ export async function signUpAccount(
 	// On retourne enfin un message de succès à l'utilisateur afin
 	//  qu'il puisse valider son adresse électronique.
 	logger.info(
-		{ source: __filename, email: result.output.email },
+		{ source: __dirname, email: result.output.email },
 		"Email validation request sent"
 	);
 

app/[locale]/authentication/components/oauth.tsx

@@ -10,10 +10,9 @@ import { toast } from "sonner";
 import { Loader2 } from "lucide-react";
 import { useForm } from "react-hook-form";
 import serverAction from "@/utilities/recaptcha";
-import { useFormState } from "react-dom";
 import { useTranslations } from "next-intl";
 import { valibotResolver } from "@hookform/resolvers/valibot";
-import { useState, useEffect } from "react";
+import { useEffect, useActionState, startTransition } from "react";
 
 import { Button } from "../../components/ui/button";
 import { signInAccount } from "../actions/signin";
@@ -22,8 +21,7 @@ export default function OAuthForm()
 {
 	// Déclaration des variables d'état.
 	const messages = useTranslations( "form" );
-	const [ isLoading, setLoading ] = useState( false );
-	const [ signInState, signInAction ] = useFormState( signInAccount, {
+	const [ signInState, signInAction, isPending ] = useActionState( signInAccount, {
 		success: true,
 		reason: ""
 	} );
@@ -46,8 +44,6 @@ export default function OAuthForm()
 		{
 			// Si ce n'est pas le cas, quelque chose s'est mal passé au
 			//  niveau du serveur.
-			setLoading( false );
-
 			toast.error( messages( "errors.auth_failed" ), {
 				description: messages( "errors.server_error" )
 			} );
@@ -64,9 +60,6 @@ export default function OAuthForm()
 			return;
 		}
 
-		// On informe après qu'une réponse a été reçue.
-		setLoading( false );
-
 		// On affiche enfin une notification avec la raison fournie
 		//  avant de réinitialiser le formulaire en cas de succès.
 		if ( success )
@@ -92,21 +85,20 @@ export default function OAuthForm()
 			<form
 				action={( formData ) =>
 				{
-					serverAction( signInAction, formData );
+					startTransition( () =>
+					{
+						serverAction( signInAction, formData );
+					} );
 				}}
-				onSubmit={() => setLoading( true )}
 			>
 				<Button
 					name="provider"
 					value="google"
 					variant="outline"
-					disabled={
-						isLoading
-						|| process.env.NEXT_PUBLIC_AUTH_GOOGLE_ENABLED !== "true"
-					}
+					disabled={isPending || process.env.NEXT_PUBLIC_AUTH_GOOGLE_ENABLED !== "true"}
 					className="w-full"
 				>
-					{isLoading ? (
+					{isPending ? (
 						<Loader2 className="mr-2 size-4 animate-spin" />
 					) : (
 						<svg
@@ -131,21 +123,20 @@ export default function OAuthForm()
 			<form
 				action={( formData ) =>
 				{
-					serverAction( signInAction, formData );
+					startTransition( () =>
+					{
+						serverAction( signInAction, formData );
+					} );
 				}}
-				onSubmit={() => setLoading( true )}
 			>
 				<Button
 					name="provider"
 					value="github"
 					variant="outline"
-					disabled={
-						isLoading
-						|| process.env.NEXT_PUBLIC_AUTH_GITHUB_ENABLED !== "true"
-					}
+					disabled={isPending || process.env.NEXT_PUBLIC_AUTH_GITHUB_ENABLED !== "true"}
 					className="w-full"
 				>
-					{isLoading ? (
+					{isPending ? (
 						<Loader2 className="mr-2 size-4 animate-spin" />
 					) : (
 						<svg

app/[locale]/authentication/components/signin.tsx

@@ -10,11 +10,10 @@ import { toast } from "sonner";
 import { merge } from "@/utilities/tailwind";
 import { useForm } from "react-hook-form";
 import serverAction from "@/utilities/recaptcha";
-import { useFormState } from "react-dom";
 import { useTranslations } from "next-intl";
 import { valibotResolver } from "@hookform/resolvers/valibot";
-import { useState, useEffect } from "react";
 import { Eye, Mail, EyeOff, Loader2, KeyRound } from "lucide-react";
+import { useState, useEffect, useActionState, startTransition } from "react";
 
 import { Input } from "../../components/ui/input";
 import { Form,
@@ -37,9 +36,8 @@ export default function SignInForm()
 	const messages = useTranslations( "form" );
 	const [ isLocked, setLocked ] = useState( false );
 	const [ isFocused, setFocused ] = useState( false );
-	const [ isLoading, setLoading ] = useState( false );
 	const [ inputType, setInputType ] = useState( "password" );
-	const [ signInState, signInAction ] = useFormState( signInAccount, {
+	const [ signInState, signInAction, isPending ] = useActionState( signInAccount, {
 		success: true,
 		reason: ""
 	} );
@@ -62,8 +60,6 @@ export default function SignInForm()
 		{
 			// Si ce n'est pas le cas, quelque chose s'est mal passé au
 			//  niveau du serveur.
-			setLoading( false );
-
 			toast.error( messages( "errors.auth_failed" ), {
 				description: messages( "errors.server_error" )
 			} );
@@ -80,9 +76,6 @@ export default function SignInForm()
 			return;
 		}
 
-		// On informe après qu'une réponse a été reçue.
-		setLoading( false );
-
 		// On affiche enfin une notification avec la raison fournie
 		//  avant de réinitialiser le formulaire en cas de succès.
 		if ( success )
@@ -115,11 +108,11 @@ export default function SignInForm()
 						return;
 					}
 
-					// Activation de l'état de chargement.
-					setLoading( true );
-
 					// Exécution de l'action côté serveur.
-					serverAction( signInAction, formData );
+					startTransition( () =>
+					{
+						serverAction( signInAction, formData );
+					} );
 				}}
 				className="space-y-6"
 			>
@@ -136,7 +129,7 @@ export default function SignInForm()
 							<FormControl>
 								<Input
 									{...field}
-									disabled={isLoading}
+									disabled={isPending}
 									maxLength={
 										schema.entries.email.pipe[ 2 ].requirement
 									}
@@ -180,7 +173,7 @@ export default function SignInForm()
 											)
 										)}
 										onFocus={() => setFocused( true )}
-										disabled={isLoading}
+										disabled={isPending}
 										className={`!mt-0 mr-2 inline-block w-[calc(100%-40px-0.5rem)] transition-opacity ${
 											!isFocused ? "opacity-50" : ""
 										}`}
@@ -248,8 +241,8 @@ export default function SignInForm()
 				)}
 
 				{/* Bouton de validation du formulaire */}
-				<Button disabled={isLoading}>
-					{isLoading ? (
+				<Button disabled={isPending}>
+					{isPending ? (
 						<>
 							<Loader2 className="mr-2 size-4 animate-spin" />
 							{messages( "loading" )}

app/[locale]/authentication/components/signup.tsx

@@ -9,11 +9,10 @@ import schema from "@/schemas/authentication";
 import { toast } from "sonner";
 import { useForm } from "react-hook-form";
 import serverAction from "@/utilities/recaptcha";
-import { useFormState } from "react-dom";
 import { Mail, Loader2 } from "lucide-react";
 import { useTranslations } from "next-intl";
 import { valibotResolver } from "@hookform/resolvers/valibot";
-import { useState, useEffect } from "react";
+import { useEffect, useActionState, startTransition } from "react";
 
 import { Input } from "../../components/ui/input";
 import { Button } from "../../components/ui/button";
@@ -30,8 +29,7 @@ export default function SignUpForm()
 {
 	// Déclaration des variables d'état.
 	const messages = useTranslations( "form" );
-	const [ isLoading, setLoading ] = useState( false );
-	const [ signUpState, signUpAction ] = useFormState( signUpAccount, {
+	const [ signUpState, signUpAction, isPending ] = useActionState( signUpAccount, {
 		success: true,
 		reason: ""
 	} );
@@ -54,8 +52,6 @@ export default function SignUpForm()
 		{
 			// Si ce n'est pas le cas, quelque chose s'est mal passé au
 			//  niveau du serveur.
-			setLoading( false );
-
 			toast.error( messages( "errors.auth_failed" ), {
 				description: messages( "errors.server_error" )
 			} );
@@ -72,9 +68,6 @@ export default function SignUpForm()
 			return;
 		}
 
-		// On informe après qu'une réponse a été reçue.
-		setLoading( false );
-
 		// On affiche enfin une notification avec la raison fournie
 		//  avant de réinitialiser le formulaire en cas de succès.
 		if ( success )
@@ -107,11 +100,11 @@ export default function SignUpForm()
 						return;
 					}
 
-					// Activation de l'état de chargement.
-					setLoading( true );
-
 					// Exécution de l'action côté serveur.
-					serverAction( signUpAction, formData );
+					startTransition( () =>
+					{
+						serverAction( signUpAction, formData );
+					} );
 				}}
 				className="space-y-6"
 			>
@@ -128,7 +121,7 @@ export default function SignUpForm()
 							<FormControl>
 								<Input
 									{...field}
-									disabled={isLoading}
+									disabled={isPending}
 									maxLength={
 										schema.entries.email.pipe[ 2 ].requirement
 									}
@@ -151,8 +144,8 @@ export default function SignUpForm()
 				/>
 
 				{/* Bouton de validation du formulaire */}
-				<Button disabled={isLoading}>
-					{isLoading ? (
+				<Button disabled={isPending}>
+					{isPending ? (
 						<>
 							<Loader2 className="mr-2 size-4 animate-spin" />
 							{messages( "loading" )}