Installed Laravel

resources/js/composables/useTwoFactorAuth.ts

@@ -0,0 +1,79 @@
+import { qrCode, recoveryCodes, secretKey } from '@/routes/two-factor';
+import { computed, ref } from 'vue';
+
+const fetchJson = async <T>(url: string): Promise<T> => {
+    const response = await fetch(url, {
+        headers: { Accept: 'application/json' },
+    });
+
+    if (!response.ok) {
+        throw new Error(`Failed to fetch: ${response.status}`);
+    }
+
+    return response.json();
+};
+
+const qrCodeSvg = ref<string | null>(null);
+const manualSetupKey = ref<string | null>(null);
+const recoveryCodesList = ref<string[]>([]);
+
+const hasSetupData = computed<boolean>(() => qrCodeSvg.value !== null && manualSetupKey.value !== null);
+
+export const useTwoFactorAuth = () => {
+    const fetchQrCode = async (): Promise<void> => {
+        const { svg } = await fetchJson<{ svg: string; url: string }>(qrCode.url());
+
+        qrCodeSvg.value = svg;
+    };
+
+    const fetchSetupKey = async (): Promise<void> => {
+        const { secretKey: key } = await fetchJson<{ secretKey: string }>(secretKey.url());
+
+        manualSetupKey.value = key;
+    };
+
+    const clearSetupData = (): void => {
+        manualSetupKey.value = null;
+        qrCodeSvg.value = null;
+    };
+
+    const clearTwoFactorAuthData = (): void => {
+        clearSetupData();
+
+        recoveryCodesList.value = [];
+    };
+
+    const fetchRecoveryCodes = async (): Promise<void> => {
+        try {
+            recoveryCodesList.value = await fetchJson<string[]>(recoveryCodes.url());
+        } catch (error) {
+            console.error('Failed to fetch recovery codes:', error);
+
+            recoveryCodesList.value = [];
+        }
+    };
+
+    const fetchSetupData = async (): Promise<void> => {
+        try {
+            await Promise.all([fetchQrCode(), fetchSetupKey()]);
+        } catch (error) {
+            console.error('Failed to fetch setup data:', error);
+
+            qrCodeSvg.value = null;
+            manualSetupKey.value = null;
+        }
+    };
+
+    return {
+        qrCodeSvg,
+        manualSetupKey,
+        recoveryCodesList,
+        hasSetupData,
+        clearSetupData,
+        clearTwoFactorAuthData,
+        fetchQrCode,
+        fetchSetupKey,
+        fetchSetupData,
+        fetchRecoveryCodes,
+    };
+};