refactor: enhance cache invalidation logic across banking API routes and components for improved data consistency and performance

app/rules/page.tsx

@@ -18,6 +18,10 @@ import {
   suggestKeyword,
 } from "@/components/rules/constants";
 import type { Transaction } from "@/lib/types";
+import {
+  invalidateAllTransactionQueries,
+  invalidateAllCategoryQueries,
+} from "@/lib/cache-utils";
 
 interface TransactionGroup {
   key: string;
@@ -42,21 +46,19 @@ export default function RulesPage() {
       offset: 0,
       includeUncategorized: true,
     },
-    !!metadata,
+    !!metadata
   );
 
   const refresh = useCallback(() => {
-    invalidateTransactions();
-    queryClient.invalidateQueries({ queryKey: ["banking-metadata"] });
-    queryClient.invalidateQueries({ queryKey: ["category-stats"] });
-    queryClient.invalidateQueries({ queryKey: ["accounts-with-stats"] });
-  }, [invalidateTransactions, queryClient]);
+    invalidateAllTransactionQueries(queryClient);
+    invalidateAllCategoryQueries(queryClient);
+  }, [queryClient]);
   const [searchQuery, setSearchQuery] = useState("");
   const [sortBy, setSortBy] = useState<"count" | "amount" | "name">("count");
   const [filterMinCount, setFilterMinCount] = useState(2);
   const [expandedGroups, setExpandedGroups] = useState<Set<string>>(new Set());
   const [selectedGroup, setSelectedGroup] = useState<TransactionGroup | null>(
-    null,
+    null
   );
   const [isDialogOpen, setIsDialogOpen] = useState(false);
   const [isAutoCategorizing, setIsAutoCategorizing] = useState(false);
@@ -87,7 +89,7 @@ export default function RulesPage() {
           totalAmount: transactions.reduce((sum, t) => sum + t.amount, 0),
           suggestedKeyword: suggestKeyword(descriptions),
         };
-      },
+      }
     );
 
     // Filter by search query
@@ -98,7 +100,7 @@ export default function RulesPage() {
         (g) =>
           g.displayName.toLowerCase().includes(query) ||
           g.key.includes(query) ||
-          g.suggestedKeyword.toLowerCase().includes(query),
+          g.suggestedKeyword.toLowerCase().includes(query)
       );
     }
 
@@ -167,7 +169,7 @@ export default function RulesPage() {
 
       // 1. Add keyword to category
       const category = metadata.categories.find(
-        (c: { id: string }) => c.id === ruleData.categoryId,
+        (c: { id: string }) => c.id === ruleData.categoryId
       );
       if (!category) {
         throw new Error("Category not found");
@@ -175,7 +177,7 @@ export default function RulesPage() {
 
       // Check if keyword already exists
       const keywordExists = category.keywords.some(
-        (k: string) => k.toLowerCase() === ruleData.keyword.toLowerCase(),
+        (k: string) => k.toLowerCase() === ruleData.keyword.toLowerCase()
       );
 
       if (!keywordExists) {
@@ -193,14 +195,16 @@ export default function RulesPage() {
               method: "PUT",
               headers: { "Content-Type": "application/json" },
               body: JSON.stringify({ id, categoryId: ruleData.categoryId }),
-            }),
-          ),
+            })
+          )
         );
       }
 
-      refresh();
+      // Invalider toutes les queries liées
+      invalidateAllTransactionQueries(queryClient);
+      invalidateAllCategoryQueries(queryClient);
     },
-    [metadata, refresh],
+    [metadata, queryClient]
   );
 
   const handleAutoCategorize = useCallback(async () => {
@@ -214,7 +218,7 @@ export default function RulesPage() {
       for (const transaction of uncategorized) {
         const categoryId = autoCategorize(
           transaction.description + " " + (transaction.memo || ""),
-          metadata.categories,
+          metadata.categories
         );
         if (categoryId) {
           await fetch("/api/banking/transactions", {
@@ -226,9 +230,11 @@ export default function RulesPage() {
         }
       }
 
-      refresh();
+      // Invalider toutes les queries liées
+      invalidateAllTransactionQueries(queryClient);
+      invalidateAllCategoryQueries(queryClient);
       alert(
-        `${categorizedCount} transaction(s) catégorisée(s) automatiquement`,
+        `${categorizedCount} transaction(s) catégorisée(s) automatiquement`
       );
     } catch (error) {
       console.error("Error auto-categorizing:", error);
@@ -236,7 +242,7 @@ export default function RulesPage() {
     } finally {
       setIsAutoCategorizing(false);
     }
-  }, [metadata, transactionsData, refresh]);
+  }, [metadata, transactionsData, queryClient]);
 
   const handleCategorizeGroup = useCallback(
     async (group: TransactionGroup, categoryId: string | null) => {
@@ -247,16 +253,18 @@ export default function RulesPage() {
               method: "PUT",
               headers: { "Content-Type": "application/json" },
               body: JSON.stringify({ ...t, categoryId }),
-            }),
-          ),
+            })
+          )
         );
-        refresh();
+        // Invalider toutes les queries liées
+        invalidateAllTransactionQueries(queryClient);
+        invalidateAllCategoryQueries(queryClient);
       } catch (error) {
         console.error("Error categorizing group:", error);
         alert("Erreur lors de la catégorisation");
       }
     },
-    [refresh],
+    [queryClient]
   );
 
   if (