import { defineStore } from "pinia"; import { ref } from "vue"; import { useSessionStore } from "@/store/session"; import { apiClient } from "@/client"; import { Mailer, type MailerDTO } from "@/type/api"; export const useStoreMailer = defineStore("mailer", () => { // State const _all = ref(null); const _byID = ref>(new Map()); const loading = ref(false); const ongoingFetch = ref | null>(null); // Actions async function byID(id: string): Promise { const r = _byID.value.get(id); if (r) { return r; } return fetchByID(id); } async function byURI(uri: string): Promise { const id = uri.split("/").pop() || ""; if (!id) { throw new Error(`${uri} is not a recognized public report URI`); } return byID(id); } async function fetchAll(): Promise { const sessionStore = useSessionStore(); const session = await sessionStore.get(); loading.value = true; const params = new URLSearchParams(); params.append("sort", "-created"); const url = `${session.urls.api.mailer}?${params}`; const mailer_dtos = (await apiClient.JSONGet(url)) as MailerDTO[]; const mailers = mailer_dtos.map((m: MailerDTO) => Mailer.fromJSON(m)); _all.value = mailers; for (const m of mailers) { _byID.value.set(m.id, m); } return mailers; } async function fetchByID(id: string): Promise { const uri = `/api/publicreport/${id}`; return fetchByURI(uri); } async function fetchByURI(uri: string): Promise { loading.value = true; try { const response = await fetch(uri); if (!response.ok) { throw new Error(`HTTP error! status: ${response.status}`); } const body: MailerDTO = await response.json(); const report = Mailer.fromJSON(body); _byID.value.set(report.id, report); return report; } catch (err) { console.error("Error loading users:", err); throw err; } } async function list(): Promise { if (_all.value) { return _all.value; } if (ongoingFetch.value !== null) { return ongoingFetch.value; } ongoingFetch.value = fetchAll().finally(() => { ongoingFetch.value = null; }); return ongoingFetch.value; } return { // Actions byID, byURI, fetchByID, fetchByURI, list, }; });