feat(v2.4): 切换根数据领域主写

2026-07-08 12:07:35 +08:00
parent d82e8729af
commit 142800f75b
21 changed files with 977 additions and 73 deletions
--- a/apps/web/stores/useProductStore.ts
+++ b/apps/web/stores/useProductStore.ts
@@ -3,8 +3,18 @@
 import { create } from 'zustand';
 import { Product } from '@ftb/shared';
 import { api } from '@/lib/api';
+import {
+  createProductRoot,
+  createProjectByProductId,
+  createVersionByProductId,
+  deleteProductRoot,
+  deleteProjectByProductId,
+  deleteVersionByProductId,
+  updateProductRoot,
+  updateProjectByProductId,
+  updateVersionByProductId,
+} from '@/lib/domain-api';
 import { saveWithOptimisticRollback } from '@/lib/optimistic-persistence';
-import { shouldPersistRemoteOverview } from '@/lib/product-overview-persistence';
 import { loadServerData, saveServerData, SERVER_DATA_CACHE_MS } from '@/lib/server-data';
 import type { Stage, Role } from '@/lib/stage';
 import type { Priority, VersionLinks } from '@/lib/derive';
@@ -86,51 +96,39 @@ export const useProductStore = create<ProductState>((set, get) => ({
  fetchProducts: async () => {
    set({ loading: true, error: null });
    try {
+      const products = await api.get<ProductWithCount[]>('/products');
+      set({ products, loading: false });
+    } catch {
      const overview = await loadStoredOverview();
      const products = overview
        ? overview.map(({ projects: _projects, versions: _versions, ...product }) => product)
-        : await api.get<ProductWithCount[]>('/products');
-      set({ products, loading: false });
-    } catch {
-      set({ products: [], error: null, loading: false });
+        : [];
+      set({ products, error: null, loading: false });
    }
  },

  fetchOverview: async () => {
-    if (get().overviewLoaded && Date.now() - lastOverviewFetchAt < SERVER_DATA_CACHE_MS) return;
-    const cached = await loadStoredOverview();
    if (get().overviewLoaded && Date.now() - lastOverviewFetchAt < SERVER_DATA_CACHE_MS) return;
    lastOverviewFetchAt = Date.now();
-    if (cached) {
-      // 有本地缓存，直接用，不再调远端覆盖（mock 模式核心数据在本地）
-      set({ overview: cached, loading: false, overviewLoaded: true });
-      return;
-    }
    set({ loading: true, error: null });
    try {
      const overview = await api.get<ProductOverview[]>('/products/overview');
      set({ overview, loading: false, overviewLoaded: true });
-      if (shouldPersistRemoteOverview(overview)) {
-        void saveStoredOverview(overview).catch(() => {});
-      }
    } catch {
-      set({ overview: MOCK_OVERVIEW, error: null, loading: false, overviewLoaded: true });
+      const cached = await loadStoredOverview();
+      if (get().overviewLoaded && Date.now() - lastOverviewFetchAt < SERVER_DATA_CACHE_MS) return;
+      set({ overview: cached ?? MOCK_OVERVIEW, error: null, loading: false, overviewLoaded: true });
    }
  },

  fetchProduct: async (id) => {
    set({ loading: true, error: null });
    try {
-      const overview = await loadStoredOverview();
-      const found = overview?.find((p) => p.id === id);
-      if (found) {
-        set({ currentProduct: found as any, loading: false });
-        return;
-      }
      const product = await api.get<Product>(`/products/${id}`);
      set({ currentProduct: product, loading: false });
    } catch {
-      const found = get().overview.find((p) => p.id === id);
+      const overview = await loadStoredOverview();
+      const found = overview?.find((p) => p.id === id) ?? get().overview.find((p) => p.id === id);
      if (found) {
        set({ currentProduct: found as any, loading: false });
      } else {
@@ -154,7 +152,18 @@ export const useProductStore = create<ProductState>((set, get) => ({
    const updated = [newProduct, ...previousOverview];
    set({ overview: updated, overviewLoaded: true });
    await saveWithOptimisticRollback({
-      save: () => saveStoredOverview(updated),
+      save: async () => {
+        try {
+          const created = await createProductRoot(data);
+          set({
+            overview: get().overview.map((product) => (product.id === newProduct.id ? created as ProductOverview : product)),
+            products: [created, ...get().products] as ProductWithCount[],
+            overviewLoaded: true,
+          });
+        } catch {
+          await saveRootOverviewFallback(updated);
+        }
+      },
      expected: updated,
      getCurrent: () => get().overview,
      rollback: () => set({ overview: previousOverview, overviewLoaded: true }),
@@ -174,7 +183,13 @@ export const useProductStore = create<ProductState>((set, get) => ({
        previousCurrentProduct?.id === id ? ({ ...previousCurrentProduct, ...data } as any) : previousCurrentProduct,
    });
    await saveWithOptimisticRollback({
-      save: () => saveStoredOverview(updated),
+      save: async () => {
+        try {
+          await updateProductRoot(id, data);
+        } catch {
+          await saveRootOverviewFallback(updated);
+        }
+      },
      expected: updated,
      getCurrent: () => get().overview,
      rollback: () => set({
@@ -197,7 +212,13 @@ export const useProductStore = create<ProductState>((set, get) => ({
      currentProduct: previousCurrentProduct?.id === id ? null : previousCurrentProduct,
    });
    await saveWithOptimisticRollback({
-      save: () => saveStoredOverview(updated),
+      save: async () => {
+        try {
+          await deleteProductRoot(id);
+        } catch {
+          await saveRootOverviewFallback(updated);
+        }
+      },
      expected: updated,
      getCurrent: () => get().overview,
      rollback: () => set({
@@ -269,7 +290,24 @@ export const useProductStore = create<ProductState>((set, get) => ({
    });
    set({ overview: updated, overviewLoaded: true });
    await saveWithOptimisticRollback({
-      save: () => saveStoredOverview(updated),
+      save: async () => {
+        try {
+          const created = await createProjectByProductId(productId, data);
+          set({
+            overview: get().overview.map((p) => {
+              if (p.id !== productId) return p;
+              return {
+                ...p,
+                projects: p.projects.map((project) => (project.id === newProject.id ? created : project)),
+                _count: { ...p._count, projects: p.projects.length } as any,
+              };
+            }),
+            overviewLoaded: true,
+          });
+        } catch {
+          await saveRootOverviewFallback(updated);
+        }
+      },
      expected: updated,
      getCurrent: () => get().overview,
      rollback: () => set({ overview: previousOverview, overviewLoaded: true }),
@@ -312,7 +350,13 @@ export const useProductStore = create<ProductState>((set, get) => ({
    });
    set({ overview: updated, overviewLoaded: true });
    await saveWithOptimisticRollback({
-      save: () => saveStoredOverview(updated),
+      save: async () => {
+        try {
+          await updateProjectByProductId(productId, projectId, data);
+        } catch {
+          await saveRootOverviewFallback(updated);
+        }
+      },
      expected: updated,
      getCurrent: () => get().overview,
      rollback: () => set({ overview: previousOverview, overviewLoaded: true }),
@@ -339,7 +383,24 @@ export const useProductStore = create<ProductState>((set, get) => ({
    });
    set({ overview: updated, overviewLoaded: true });
    await saveWithOptimisticRollback({
-      save: () => saveStoredOverview(updated),
+      save: async () => {
+        try {
+          const created = await createVersionByProductId(productId, data);
+          set({
+            overview: get().overview.map((p) => {
+              if (p.id !== productId) return p;
+              return {
+                ...p,
+                versions: p.versions.map((version) => (version.id === newVersion.id ? created as VersionItem : version)),
+                _count: { ...p._count, versions: p.versions.length } as any,
+              };
+            }),
+            overviewLoaded: true,
+          });
+        } catch {
+          await saveRootOverviewFallback(updated);
+        }
+      },
      expected: updated,
      getCurrent: () => get().overview,
      rollback: () => set({ overview: previousOverview, overviewLoaded: true }),
@@ -359,7 +420,13 @@ export const useProductStore = create<ProductState>((set, get) => ({
    });
    set({ overview: updated, overviewLoaded: true });
    await saveWithOptimisticRollback({
-      save: () => saveStoredOverview(updated),
+      save: async () => {
+        try {
+          await updateVersionByProductId(productId, versionId, data);
+        } catch {
+          await saveRootOverviewFallback(updated);
+        }
+      },
      expected: updated,
      getCurrent: () => get().overview,
      rollback: () => set({ overview: previousOverview, overviewLoaded: true }),
@@ -378,7 +445,13 @@ export const useProductStore = create<ProductState>((set, get) => ({
    });
    set({ overview: updated, overviewLoaded: true });
    await saveWithOptimisticRollback({
-      save: () => saveStoredOverview(updated),
+      save: async () => {
+        try {
+          await deleteVersionByProductId(productId, versionId);
+        } catch {
+          await saveRootOverviewFallback(updated);
+        }
+      },
      expected: updated,
      getCurrent: () => get().overview,
      rollback: () => set({ overview: previousOverview, overviewLoaded: true }),
@@ -397,7 +470,13 @@ export const useProductStore = create<ProductState>((set, get) => ({
    });
    set({ overview: updated, overviewLoaded: true });
    await saveWithOptimisticRollback({
-      save: () => saveStoredOverview(updated),
+      save: async () => {
+        try {
+          await deleteProjectByProductId(productId, projectId);
+        } catch {
+          await saveRootOverviewFallback(updated);
+        }
+      },
      expected: updated,
      getCurrent: () => get().overview,
      rollback: () => set({ overview: previousOverview, overviewLoaded: true }),
@@ -409,6 +488,10 @@ async function saveStoredOverview(data: ProductOverview[]) {
  await saveServerData('products-overview', data);
 }

+async function saveRootOverviewFallback(data: ProductOverview[]) {
+  await saveStoredOverview(data);
+}
+
 async function loadStoredOverview(): Promise<ProductOverview[] | null> {
  try {
    return await loadServerData<ProductOverview[]>('products-overview');