Initial commit

src/store/index.js

@@ -0,0 +1,5 @@
+// Zustand Stores - Export all
+export { default as useThemeStore } from "./themeStore";
+export { default as useUserStore } from "./userStore";
+export { default as useProviderStore } from "./providerStore";
+

src/store/providerStore.js

@@ -0,0 +1,48 @@
+"use client";
+
+import { create } from "zustand";
+
+const useProviderStore = create((set, get) => ({
+  providers: [],
+  loading: false,
+  error: null,
+
+  setProviders: (providers) => set({ providers }),
+
+  addProvider: (provider) =>
+    set((state) => ({ providers: [provider, ...state.providers] })),
+
+  updateProvider: (id, updates) =>
+    set((state) => ({
+      providers: state.providers.map((p) =>
+        p._id === id ? { ...p, ...updates } : p
+      ),
+    })),
+
+  removeProvider: (id) =>
+    set((state) => ({
+      providers: state.providers.filter((p) => p._id !== id),
+    })),
+
+  setLoading: (loading) => set({ loading }),
+
+  setError: (error) => set({ error }),
+
+  fetchProviders: async () => {
+    set({ loading: true, error: null });
+    try {
+      const response = await fetch("/api/providers");
+      const data = await response.json();
+      if (response.ok) {
+        set({ providers: data.providers, loading: false });
+      } else {
+        set({ error: data.error, loading: false });
+      }
+    } catch (error) {
+      set({ error: "Failed to fetch providers", loading: false });
+    }
+  },
+}));
+
+export default useProviderStore;
+

src/store/themeStore.js

@@ -0,0 +1,54 @@
+"use client";
+
+import { create } from "zustand";
+import { persist } from "zustand/middleware";
+import { THEME_CONFIG } from "@/shared/constants/config";
+
+const useThemeStore = create(
+  persist(
+    (set, get) => ({
+      theme: THEME_CONFIG.defaultTheme,
+
+      setTheme: (theme) => {
+        set({ theme });
+        applyTheme(theme);
+      },
+
+      toggleTheme: () => {
+        const currentTheme = get().theme;
+        const newTheme = currentTheme === "dark" ? "light" : "dark";
+        set({ theme: newTheme });
+        applyTheme(newTheme);
+      },
+
+      initTheme: () => {
+        const theme = get().theme;
+        applyTheme(theme);
+      },
+    }),
+    {
+      name: THEME_CONFIG.storageKey,
+    }
+  )
+);
+
+// Apply theme to document
+function applyTheme(theme) {
+  if (typeof window === "undefined") return;
+
+  const root = document.documentElement;
+  const systemTheme = window.matchMedia("(prefers-color-scheme: dark)").matches
+    ? "dark"
+    : "light";
+
+  const effectiveTheme = theme === "system" ? systemTheme : theme;
+
+  if (effectiveTheme === "dark") {
+    root.classList.add("dark");
+  } else {
+    root.classList.remove("dark");
+  }
+}
+
+export default useThemeStore;
+

src/store/userStore.js

@@ -0,0 +1,20 @@
+"use client";
+
+import { create } from "zustand";
+
+const useUserStore = create((set) => ({
+  user: null,
+  loading: false,
+  error: null,
+
+  setUser: (user) => set({ user }),
+
+  clearUser: () => set({ user: null }),
+
+  setLoading: (loading) => set({ loading }),
+
+  setError: (error) => set({ error }),
+}));
+
+export default useUserStore;
+