@c-rex/components 0.3.0-build.40 → 0.3.0-build.42

package/src/stores/ui-preferences-store.ts

@@ -0,0 +1,128 @@
+import { create } from "zustand";
+import { persist, createJSONStorage, StateStorage } from "zustand/middleware";
+
+const cookieStorage: StateStorage = {
+    getItem: (name: string): string | null => {
+        if (typeof document === "undefined") return null;
+        const match = document.cookie.match(new RegExp(`(^| )${name}=([^;]+)`));
+        return match ? decodeURIComponent(match[2] as string) : null;
+    },
+    setItem: (name: string, value: string): void => {
+        if (typeof document === "undefined") return;
+        const maxAge = 60 * 60 * 24 * 365;
+        document.cookie = `${name}=${encodeURIComponent(value)};path=/;max-age=${maxAge};SameSite=Lax`;
+    },
+    removeItem: (name: string): void => {
+        if (typeof document === "undefined") return;
+        document.cookie = `${name}=;path=/;max-age=0`;
+    },
+};
+
+export type UiPreferencesState = {
+    facetExcludeProperties: string[];
+    metadataExcludeProperties: string[];
+};
+
+export type UiPreferencesStore = UiPreferencesState & {
+    updatePreferences: (prefs: Partial<UiPreferencesState>) => void;
+};
+
+export const defaultUiPreferences: UiPreferencesState = {
+    facetExcludeProperties: [],
+    metadataExcludeProperties: [],
+};
+
+function readLegacyValues(): Partial<UiPreferencesState> {
+    if (typeof document === "undefined") return {};
+    try {
+        const match = document.cookie.match(new RegExp(`(^| )c-rex-search-settings=([^;]+)`));
+        if (!match) return {};
+        const parsed = JSON.parse(decodeURIComponent(match[2] as string));
+        const state = parsed?.state || {};
+        const result: Partial<UiPreferencesState> = {};
+        if (Array.isArray(state.facetExcludeProperties)) {
+            result.facetExcludeProperties = state.facetExcludeProperties;
+        }
+        if (Array.isArray(state.metadataExcludeProperties)) {
+            result.metadataExcludeProperties = state.metadataExcludeProperties;
+        }
+        return result;
+    } catch {
+        return {};
+    }
+}
+
+export const useUiPreferencesStore = create<UiPreferencesStore>()(
+    persist(
+        (set, get) => ({
+            ...defaultUiPreferences,
+            updatePreferences: (prefs) => set((state) => ({ ...state, ...prefs })),
+        }),
+        {
+            name: "c-rex-ui-preferences",
+            storage: createJSONStorage(() => cookieStorage),
+            onRehydrateStorage: () => (state) => {
+                if (!state) return;
+                const isNew =
+                    state.facetExcludeProperties.length === 0 &&
+                    state.metadataExcludeProperties.length === 0;
+                if (isNew) {
+                    const legacy = readLegacyValues();
+                    if (Object.keys(legacy).length > 0) {
+                        state.updatePreferences(legacy);
+                    }
+                }
+            },
+        }
+    )
+);
+
+/**
+ * Read UI preferences from cookie on the server.
+ * Falls back to legacy `c-rex-search-settings` cookie for migration.
+ */
+export function getUiPreferencesFromCookie(
+    newCookieValue: string | undefined,
+    legacyCookieValue?: string | undefined
+): UiPreferencesState {
+    if (newCookieValue) {
+        try {
+            const parsed = JSON.parse(newCookieValue);
+            const state = parsed?.state || {};
+            const result: UiPreferencesState = { ...defaultUiPreferences };
+            if (Array.isArray(state.facetExcludeProperties)) {
+                result.facetExcludeProperties = state.facetExcludeProperties;
+            }
+            if (Array.isArray(state.metadataExcludeProperties)) {
+                result.metadataExcludeProperties = state.metadataExcludeProperties;
+            }
+            if (
+                result.facetExcludeProperties.length === 0 &&
+                result.metadataExcludeProperties.length === 0 &&
+                legacyCookieValue
+            ) {
+                return migrateFromLegacy(legacyCookieValue);
+            }
+            return result;
+        } catch {
+            // fall through to legacy
+        }
+    }
+    if (legacyCookieValue) {
+        return migrateFromLegacy(legacyCookieValue);
+    }
+    return { ...defaultUiPreferences };
+}
+
+function migrateFromLegacy(cookieValue: string): UiPreferencesState {
+    try {
+        const parsed = JSON.parse(cookieValue);
+        const state = parsed?.state || {};
+        return {
+            facetExcludeProperties: Array.isArray(state.facetExcludeProperties) ? state.facetExcludeProperties : [],
+            metadataExcludeProperties: Array.isArray(state.metadataExcludeProperties) ? state.metadataExcludeProperties : [],
+        };
+    } catch {
+        return { ...defaultUiPreferences };
+    }
+}