feat(app): extract form preferences into dedicated hook with per-provider storage

2026-01-11 16:21:59 +07:00
parent ebabcc09e5
commit e57cad2660
3 changed files with 194 additions and 207 deletions
@@ -0,0 +1,103 @@
+import { useCallback } from "react";
+import AsyncStorage from "@react-native-async-storage/async-storage";
+import { useQuery, useQueryClient } from "@tanstack/react-query";
+import { z } from "zod";
+import type { AgentProvider } from "@server/server/agent/agent-sdk-types";
+
+const FORM_PREFERENCES_STORAGE_KEY = "@paseo:create-agent-preferences";
+const FORM_PREFERENCES_QUERY_KEY = ["form-preferences"];
+
+const providerPreferencesSchema = z.object({
+  model: z.string().optional(),
+  mode: z.string().optional(),
+});
+
+const formPreferencesSchema = z.object({
+  workingDir: z.string().optional(),
+  provider: z.string().optional(),
+  serverId: z.string().optional(),
+  providerPreferences: z.record(providerPreferencesSchema).optional(),
+});
+
+export type ProviderPreferences = z.infer<typeof providerPreferencesSchema>;
+export type FormPreferences = z.infer<typeof formPreferencesSchema>;
+
+const DEFAULT_FORM_PREFERENCES: FormPreferences = {};
+
+async function loadFormPreferences(): Promise<FormPreferences> {
+  const stored = await AsyncStorage.getItem(FORM_PREFERENCES_STORAGE_KEY);
+  if (!stored) return DEFAULT_FORM_PREFERENCES;
+  const result = formPreferencesSchema.safeParse(JSON.parse(stored));
+  return result.success ? result.data : DEFAULT_FORM_PREFERENCES;
+}
+
+export interface UseFormPreferencesReturn {
+  preferences: FormPreferences;
+  isLoading: boolean;
+  getProviderPreferences: (provider: AgentProvider) => ProviderPreferences | undefined;
+  updatePreferences: (updates: Partial<FormPreferences>) => Promise<void>;
+  updateProviderPreferences: (
+    provider: AgentProvider,
+    updates: Partial<ProviderPreferences>
+  ) => Promise<void>;
+}
+
+export function useFormPreferences(): UseFormPreferencesReturn {
+  const queryClient = useQueryClient();
+  const { data, isPending } = useQuery({
+    queryKey: FORM_PREFERENCES_QUERY_KEY,
+    queryFn: loadFormPreferences,
+    staleTime: Infinity,
+    gcTime: Infinity,
+  });
+
+  const preferences = data ?? DEFAULT_FORM_PREFERENCES;
+
+  const getProviderPreferences = useCallback(
+    (provider: AgentProvider): ProviderPreferences | undefined => {
+      return preferences.providerPreferences?.[provider];
+    },
+    [preferences.providerPreferences]
+  );
+
+  const updatePreferences = useCallback(
+    async (updates: Partial<FormPreferences>) => {
+      const prev =
+        queryClient.getQueryData<FormPreferences>(FORM_PREFERENCES_QUERY_KEY) ??
+        DEFAULT_FORM_PREFERENCES;
+      const next = { ...prev, ...updates };
+      queryClient.setQueryData<FormPreferences>(FORM_PREFERENCES_QUERY_KEY, next);
+      await AsyncStorage.setItem(FORM_PREFERENCES_STORAGE_KEY, JSON.stringify(next));
+    },
+    [queryClient]
+  );
+
+  const updateProviderPreferences = useCallback(
+    async (provider: AgentProvider, updates: Partial<ProviderPreferences>) => {
+      const prev =
+        queryClient.getQueryData<FormPreferences>(FORM_PREFERENCES_QUERY_KEY) ??
+        DEFAULT_FORM_PREFERENCES;
+      const next: FormPreferences = {
+        ...prev,
+        providerPreferences: {
+          ...prev.providerPreferences,
+          [provider]: {
+            ...prev.providerPreferences?.[provider],
+            ...updates,
+          },
+        },
+      };
+      queryClient.setQueryData<FormPreferences>(FORM_PREFERENCES_QUERY_KEY, next);
+      await AsyncStorage.setItem(FORM_PREFERENCES_STORAGE_KEY, JSON.stringify(next));
+    },
+    [queryClient]
+  );
+
+  return {
+    preferences,
+    isLoading: isPending,
+    getProviderPreferences,
+    updatePreferences,
+    updateProviderPreferences,
+  };
+}