@flowselections/floriday-voorraad 1.0.110 → 1.0.115

package/dist-lib/hooks/useStockSyncHealth.js

@@ -1,12 +1,3 @@
-/**
- * Gezondheid van de voorraad-push-wachtrij richting Floriday.
- *
- * Bewust een venster van 24 uur: oude, allang achterhaalde fouten mogen de
- * gebruiker niet eindeloos blijven waarschuwen. Regels die door een nieuwere
- * voorraadstand zijn vervangen (`superseded`) tellen niet mee.
- * Toont ook de meest voorkomende reden, het aantal artikelen en hoeveel
- * daarvan geen prijs in het weekaanbod hebben.
- */
 import { useQuery } from "@tanstack/react-query";
 import { supabase } from "../integrations/supabase/client.js";
 const STALE_MINUTES = 10;
@@ -29,6 +20,8 @@ export function useStockSyncHealth() {
     return useQuery({
         queryKey: ["stock-sync-health"],
         refetchInterval: 60000,
+        refetchIntervalInBackground: false,
+        refetchOnWindowFocus: false,
         queryFn: async () => {
             const since = new Date(Date.now() - WINDOW_HOURS * 3600000).toISOString();
             const { data, error } = await supabase

package/dist-lib/hooks/useVoorraadData.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useVoorraadData.d.ts","sourceRoot":"","sources":["../../src/hooks/useVoorraadData.ts"],"names":[],"mappings":"AAEA,OAAO,EAAsB,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAsB5E;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,YAAY,EAAE,MAAM,GAAG,IAAI;;;;;EA+U1D"}
+{"version":3,"file":"useVoorraadData.d.ts","sourceRoot":"","sources":["../../src/hooks/useVoorraadData.ts"],"names":[],"mappings":"AAGA,OAAO,EAAsB,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAsB5E;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,YAAY,EAAE,MAAM,GAAG,IAAI;;;;;EA2U1D"}

package/dist-lib/hooks/useVoorraadData.js

@@ -1,4 +1,5 @@
-import { useCallback, useEffect, useState } from "react";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { createBundler, pageRequestGuard } from "../lib/request-guard.js";
 import { supabase } from "../integrations/supabase/client.js";
 import { normaliseTradeItem } from "../lib/floriday-client.js";
 import { floridayInfoFromCache } from "../lib/floriday-info.js";
@@ -45,6 +46,8 @@ export function useVoorraadData(connectionId) {
     const [error, setError] = useState(null);
     const { items: localItems, loading: localLoading, reload: reloadLocal, } = useLocalTradeItems(connectionId);
     const loadPublished = useCallback(async () => {
+        if (!pageRequestGuard.allow("products-overzicht"))
+            return;
         setLoading(true);
         setError(null);
         try {
@@ -148,30 +151,46 @@ export function useVoorraadData(connectionId) {
     useEffect(() => {
         loadPublished();
     }, [loadPublished]);
+    // Realtime-seintjes gebundeld: hooguit één herlaadactie per 2 s, niet in een
+    // verborgen tabblad (wel bij terugkeren). Voorkomt opvraag-stormen (1.0.111).
+    const reloadRef = useRef({ stock: false, all: false });
     useEffect(() => {
-        const channel = supabase
+        const bundler = createBundler(() => {
+            const r = reloadRef.current;
+            reloadRef.current = { stock: false, all: false };
+            if (r.all) {
+                loadPublished();
+                reloadLocal();
+            }
+            else if (r.stock && pageRequestGuard.allow("trade_item_stock")) {
+                fetchStockMap(connectionId).then(setStockMap).catch(() => { });
+            }
+        }, 2000);
+        const markAll = () => {
+            reloadRef.current.all = true;
+            bundler.trigger();
+        };
+        const markStock = () => {
+            reloadRef.current.stock = true;
+            bundler.trigger();
+        };
+        let channel = supabase
             .channel(`voorraad-stock-${connectionId ?? "eigen"}`)
-            .on("postgres_changes", { event: "*", schema: "public", table: "trade_item_stock" }, () => {
-            fetchStockMap(connectionId).then(setStockMap).catch(() => { });
-        })
-            .on("postgres_changes", { event: "*", schema: "public", table: "products" }, () => {
-            loadPublished();
-            reloadLocal();
-        })
-            .on("postgres_changes", { event: "*", schema: "public", table: "floriday_trade_items_cache", filter: `connection_id=eq.${connectionId}` }, () => {
-            loadPublished();
-        })
-            .on("postgres_changes", { event: "*", schema: "public", table: "product_groups" }, () => {
-            loadPublished();
-        })
-            .on("postgres_changes", { event: "*", schema: "public", table: "product_bom_items" }, () => {
-            loadPublished();
-        })
-            .on("postgres_changes", { event: "*", schema: "public", table: "product_group_items" }, () => {
-            loadPublished();
-        })
-            .subscribe();
+            .on("postgres_changes", { event: "*", schema: "public", table: "trade_item_stock" }, markStock)
+            .on("postgres_changes", { event: "*", schema: "public", table: "products" }, markAll);
+        if (connectionId) {
+            channel = channel.on("postgres_changes", { event: "*", schema: "public", table: "floriday_trade_items_cache", filter: `connection_id=eq.${connectionId}` }, markAll);
+        }
+        channel = channel
+            .on("postgres_changes", { event: "*", schema: "public", table: "product_groups" }, markAll)
+            .on("postgres_changes", { event: "*", schema: "public", table: "product_bom_items" }, markAll)
+            .on("postgres_changes", { event: "*", schema: "public", table: "product_group_items" }, markAll);
+        channel.subscribe();
+        const onVis = () => bundler.flushIfPending();
+        document.addEventListener("visibilitychange", onVis);
         return () => {
+            bundler.cancel();
+            document.removeEventListener("visibilitychange", onVis);
             supabase.removeChannel(channel);
         };
     }, [connectionId, loadPublished, reloadLocal]);
@@ -274,7 +293,8 @@ export function useVoorraadData(connectionId) {
             return i;
         return { ...i, floriday: info };
     };
-    const merged = [
+    // Stabiele identiteit: alleen een nieuwe lijst als de onderliggende data verandert.
+    const merged = useMemo(() => [
         ...localItems.map((i) => applyProductGroupReservation(classify(attachFloriday(applyStock(i, lookupStock(stockMap, {
             tradeItemKey: i.tradeItemKey ?? null,
             floridayId: i.floridayId ?? null,
@@ -287,7 +307,8 @@ export function useVoorraadData(connectionId) {
             tradeItemKey: i.tradeItemKey ?? null,
             productId: i.productId ?? null,
         })))))),
-    ];
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    ], [localItems, publishedItems, stockMap, typeSets, floridayInfoMap, floridayStockMap]);
     return {
         items: merged,
         loading: loading || localLoading,