feat: Initial authentication logic and UX

wp-content/themes/moonshine/app/composables/useAuthConnexion.ts

@@ -0,0 +1,56 @@
+import z from "zod";
+import type { FormSubmitEvent } from "@nuxt/ui";
+
+export const authLoginFormSchema = z.object({
+  username: z.email("Courriel invalide"),
+  password: z.string("Veuillez saisir votre mot de passe"),
+});
+
+export type AuthLoginForm = z.infer<typeof authLoginFormSchema>;
+
+const isRedirecting = ref(false);
+
+export function useAuthConnexion() {
+  const { fetch: refreshUserSession } = useUserSession();
+  const routeRedirect = useRoute().query.redirect as string || undefined;
+
+  // Helper: Redirect after login / logout
+  async function redirectTo(to: string | undefined) {
+    isRedirecting.value = true;
+    await delay(1000);
+    await refreshUserSession();
+    await navigateTo(to || routeRedirect || "/");
+    isRedirecting.value = false;
+  }
+
+  // Login
+  const { mutate: loginMutate } = useGraphQLMutation("AuthLogin");
+  async function login({ data: variables }: FormSubmitEvent<AuthLoginForm>, redirect?: string) {
+    try {
+      const { data } = await loginMutate(variables);
+      if (!data.login) {
+        throw new Error(`Échec de la connexion par mot de passe.`);
+      }
+      await redirectTo(redirect);
+    }
+    catch (error) {
+      console.log(error);
+    }
+  }
+
+  // Logout
+  async function logout(redirect?: string) {
+    try {
+      const result = await $fetch("/api/logout", { method: "POST" });
+      if (!result.success) {
+        throw new Error("Échec de la déconnexion.");
+      }
+      await redirectTo(redirect);
+    }
+    catch (error) {
+      console.log(error);
+    }
+  }
+
+  return { isRedirecting, login, logout };
+}