feat: add frontend analytics wrapper and consent store

2026-08-03 07:46:42 +02:00 · 2026-04-22 19:07:50 +08:00
parent a3f707a361
commit 544f81c48d
4 changed files with 528 additions and 0 deletions
@@ -0,0 +1,102 @@
+import type { AnalyticsConfig, ConsentState } from "@ashim/shared";
+import { create } from "zustand";
+import { setAnalyticsConsent } from "@/lib/analytics";
+import { apiPut } from "@/lib/api";
+
+interface AnalyticsState {
+  config: AnalyticsConfig | null;
+  consent: ConsentState;
+  configLoaded: boolean;
+  fetchConfig: () => Promise<void>;
+  setConsent: (consent: ConsentState) => void;
+  acceptAnalytics: () => Promise<void>;
+  declineAnalytics: () => Promise<void>;
+  remindLater: () => Promise<void>;
+  toggleAnalytics: (enabled: boolean) => Promise<void>;
+}
+
+export const useAnalyticsStore = create<AnalyticsState>((set, get) => ({
+  config: null,
+  consent: {
+    analyticsEnabled: null,
+    analyticsConsentShownAt: null,
+    analyticsConsentRemindAt: null,
+  },
+  configLoaded: false,
+
+  fetchConfig: async () => {
+    if (get().configLoaded) return;
+    try {
+      const res = await fetch("/api/v1/config/analytics");
+      const config: AnalyticsConfig = await res.json();
+      set({ config, configLoaded: true });
+    } catch {
+      set({ configLoaded: true });
+    }
+  },
+
+  setConsent: (consent: ConsentState) => {
+    set({ consent });
+    setAnalyticsConsent(consent.analyticsEnabled === true);
+  },
+
+  acceptAnalytics: async () => {
+    try {
+      await apiPut("/v1/user/analytics", { enabled: true });
+    } catch {
+      localStorage.setItem("ashim-analytics-consent", "true");
+    }
+    const now = Date.now();
+    const consent: ConsentState = {
+      analyticsEnabled: true,
+      analyticsConsentShownAt: now,
+      analyticsConsentRemindAt: null,
+    };
+    set({ consent });
+    setAnalyticsConsent(true);
+  },
+
+  declineAnalytics: async () => {
+    try {
+      await apiPut("/v1/user/analytics", { enabled: false });
+    } catch {
+      localStorage.setItem("ashim-analytics-consent", "false");
+    }
+    const now = Date.now();
+    const consent: ConsentState = {
+      analyticsEnabled: false,
+      analyticsConsentShownAt: now,
+      analyticsConsentRemindAt: null,
+    };
+    set({ consent });
+    setAnalyticsConsent(false);
+  },
+
+  remindLater: async () => {
+    try {
+      await apiPut("/v1/user/analytics", { remindLater: true });
+    } catch {
+      localStorage.setItem("ashim-analytics-consent", "remind");
+    }
+    const now = Date.now();
+    const consent: ConsentState = {
+      analyticsEnabled: null,
+      analyticsConsentShownAt: now,
+      analyticsConsentRemindAt: now + 7 * 24 * 60 * 60 * 1000,
+    };
+    set({ consent });
+    setAnalyticsConsent(false);
+  },
+
+  toggleAnalytics: async (enabled: boolean) => {
+    try {
+      await apiPut("/v1/user/analytics", { enabled });
+    } catch {
+      localStorage.setItem("ashim-analytics-consent", enabled ? "true" : "false");
+    }
+    set((state) => ({
+      consent: { ...state.consent, analyticsEnabled: enabled },
+    }));
+    setAnalyticsConsent(enabled);
+  },
+}));