@flowselections/floriday-afhandeling-module 1.0.44 → 1.0.45

package/dist-lib/lib/pickDates.functions.js

@@ -23,13 +23,40 @@ function keyOf(value) {
         return null;
     return normalizeOrderNumber(trimmed) ?? trimmed.toUpperCase();
 }
+/** Bovengrens per opvraging: liever een nette melding dan een vastlopend scherm. */
+const MAX_ORDERS = 3000;
+const MAX_TASKS = 6000;
+function defaultWindow() {
+    const today = new Date();
+    const shift = (delta) => {
+        const d = new Date(today);
+        d.setUTCDate(d.getUTCDate() + delta);
+        return d.toISOString().slice(0, 10);
+    };
+    return { from: shift(-60), to: shift(60) };
+}
 export const listOrderPickDates = createServerFn({ method: "GET" })
     .middleware([requireSupabaseAuth])
-    .handler(async ({ context }) => {
+    .inputValidator((input) => input ?? {})
+    .handler(async ({ context, data }) => {
     const supabase = context.supabase;
+    const fallback = defaultWindow();
+    const from = data.from ?? fallback.from;
+    const to = data.to ?? fallback.to;
     const [ordersRes, tasksRes] = await Promise.all([
-        supabase.from("orders").select("id, order_number, delivery_date").is("deleted_at", null).limit(5000),
-        supabase.from("logistics_tasks").select("order_ref, planned_start").limit(20000),
+        supabase
+            .from("orders")
+            .select("id, order_number, delivery_date")
+            .is("deleted_at", null)
+            .gte("delivery_date", from)
+            .lte("delivery_date", to)
+            .limit(MAX_ORDERS),
+        supabase
+            .from("logistics_tasks")
+            .select("order_ref, planned_start")
+            .gte("planned_start", `${from}T00:00:00Z`)
+            .lte("planned_start", `${to}T23:59:59Z`)
+            .limit(MAX_TASKS),
     ]);
     if (ordersRes.error)
         return { items: [], error: ordersRes.error.message };

package/dist-lib/lib/pickMode.d.ts

@@ -1,14 +1,32 @@
 export type PickMode = "order" | "cart" | "smallest" | "buffer" | null;
+/**
+ * `status` maakt het verschil tussen "de Engine zegt dat er niet per kar wordt
+ * gepickt" (ok) en "we konden het niet ophalen" (unknown). Een storing mag
+ * karcontrole niet stilzwijgend uitzetten.
+ */
 export interface PickModeInfo {
     pickMode: PickMode;
     showCartControl: boolean;
+    status: "unknown" | "ok";
+    lastError?: string;
 }
-/** Huidige (gecachete) waarde; standaard verborgen. */
+/** Huidige (gecachete) waarde; standaard onbekend. */
 export declare function getPickMode(): PickModeInfo;
 export declare function subscribePickMode(cb: () => void): () => void;
+/**
+ * Haalt de werkwijze op bij de Engine. Gooit de fout door bij een storing; de
+ * laatst succesvol opgehaalde werkwijze blijft dan gewoon gelden.
+ */
 export declare function fetchPickMode(): Promise<PickModeInfo>;
 export declare function startPickModeWatch(): void;
+/**
+ * Veilige variant voor plekken die niet met een fout om kunnen gaan (zoals de
+ * zijbalk): faalt stil en geeft de laatst bekende waarde terug.
+ */
 export declare function ensurePickMode(): Promise<PickModeInfo>;
-/** Forceert een verse ophaalactie (na het wijzigen van de werkwijze). */
+/**
+ * Forceert een verse ophaalactie (na het wijzigen van de werkwijze). Gooit de
+ * fout door, zodat de aanroeper "storing" kan onderscheiden van "uit".
+ */
 export declare function refreshPickMode(): Promise<PickModeInfo>;
 //# sourceMappingURL=pickMode.d.ts.map

package/dist-lib/lib/pickMode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pickMode.d.ts","sourceRoot":"","sources":["../../src/lib/pickMode.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,GAAG,QAAQ,GAAG,IAAI,CAAC;AAEvE,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,QAAQ,CAAC;IACnB,eAAe,EAAE,OAAO,CAAC;CAC1B;AAwBD,uDAAuD;AACvD,wBAAgB,WAAW,IAAI,YAAY,CAE1C;AAED,wBAAgB,iBAAiB,CAAC,EAAE,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI,CAG5D;AAED,wBAAsB,aAAa,IAAI,OAAO,CAAC,YAAY,CAAC,CAe3D;AAeD,wBAAgB,kBAAkB,IAAI,IAAI,CA0BzC;AAMD,wBAAgB,cAAc,IAAI,OAAO,CAAC,YAAY,CAAC,CAStD;AAED,yEAAyE;AACzE,wBAAgB,eAAe,IAAI,OAAO,CAAC,YAAY,CAAC,CAIvD"}
+{"version":3,"file":"pickMode.d.ts","sourceRoot":"","sources":["../../src/lib/pickMode.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,GAAG,QAAQ,GAAG,IAAI,CAAC;AAEvE;;;;GAIG;AACH,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,QAAQ,CAAC;IACnB,eAAe,EAAE,OAAO,CAAC;IACzB,MAAM,EAAE,SAAS,GAAG,IAAI,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA0BD,sDAAsD;AACtD,wBAAgB,WAAW,IAAI,YAAY,CAE1C;AAED,wBAAgB,iBAAiB,CAAC,EAAE,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI,CAG5D;AAaD;;;GAGG;AACH,wBAAsB,aAAa,IAAI,OAAO,CAAC,YAAY,CAAC,CA4B3D;AAyBD,wBAAgB,kBAAkB,IAAI,IAAI,CA0BzC;AAMD;;;GAGG;AACH,wBAAgB,cAAc,IAAI,OAAO,CAAC,YAAY,CAAC,CAYtD;AAED;;;GAGG;AACH,wBAAgB,eAAe,IAAI,OAAO,CAAC,YAAY,CAAC,CAMvD"}

package/dist-lib/lib/pickMode.js

@@ -1,13 +1,14 @@
 import { supabase } from "../integrations/supabase/moduleClient";
-/** Fail closed: zolang de Engine niets zegt, tonen we karcontrole niet. */
-const HIDDEN = { pickMode: null, showCartControl: false };
-let cached = HIDDEN;
+/** Nog nooit met succes opgehaald: werkwijze onbekend. */
+const UNKNOWN = { pickMode: null, showCartControl: false, status: "unknown" };
+const PICK_MODE_TIMEOUT_MS = 8000;
+let cached = UNKNOWN;
 let inflight = null;
 const listeners = new Set();
 function normalize(raw) {
     const row = Array.isArray(raw) ? raw[0] : raw;
     if (!row || typeof row !== "object")
-        return HIDDEN;
+        return { ...UNKNOWN };
     const obj = row;
     const mode = (obj.pickMode ?? obj.pick_mode);
     const show = obj.showCartControl ?? obj.show_cart_control;
@@ -16,9 +17,10 @@ function normalize(raw) {
         pickMode,
         // Karcontrole uitsluitend bij picken per kar.
         showCartControl: show === true && pickMode === "cart",
+        status: "ok",
     };
 }
-/** Huidige (gecachete) waarde; standaard verborgen. */
+/** Huidige (gecachete) waarde; standaard onbekend. */
 export function getPickMode() {
     return cached;
 }
@@ -26,24 +28,58 @@ export function subscribePickMode(cb) {
     listeners.add(cb);
     return () => listeners.delete(cb);
 }
+/** Oplopende wachttijd na een mislukte poging, zodat we niet blijven stormen. */
+const RETRY_BACKOFF_MS = [2000, 5000, 15000, 30000];
+let failures = 0;
+let lastFailure = 0;
+function backoffActive() {
+    if (!failures)
+        return false;
+    const wait = RETRY_BACKOFF_MS[Math.min(failures - 1, RETRY_BACKOFF_MS.length - 1)];
+    return Date.now() - lastFailure < wait;
+}
+/**
+ * Haalt de werkwijze op bij de Engine. Gooit de fout door bij een storing; de
+ * laatst succesvol opgehaalde werkwijze blijft dan gewoon gelden.
+ */
 export async function fetchPickMode() {
     const previous = cached;
     try {
-        const { data, error } = await supabase.rpc("logistics_pick_mode");
+        let timeoutId;
+        const timeout = new Promise((_, reject) => {
+            timeoutId = setTimeout(() => reject(new Error("De planning antwoordt niet binnen 8 seconden")), PICK_MODE_TIMEOUT_MS);
+        });
+        const request = supabase.rpc("logistics_pick_mode");
+        const { data, error } = await Promise.race([request, timeout]);
+        if (timeoutId)
+            clearTimeout(timeoutId);
         if (error)
             throw new Error(error.message);
         cached = normalize(data);
+        failures = 0;
+        lastFetch = Date.now();
     }
-    catch {
-        cached = HIDDEN;
+    catch (err) {
+        failures += 1;
+        lastFailure = Date.now();
+        const message = err instanceof Error ? err.message : "onbekende fout";
+        // Laatst bekende werkwijze behouden; alleen de foutmelding aanvullen.
+        cached = { ...previous, lastError: message };
+        notifyListeners(previous);
+        throw err instanceof Error ? err : new Error(message);
     }
-    lastFetch = Date.now();
-    if (previous.pickMode !== cached.pickMode || previous.showCartControl !== cached.showCartControl) {
-        notifyChanged();
-    }
-    listeners.forEach((cb) => cb());
+    notifyListeners(previous);
     return cached;
 }
+function notifyListeners(previous) {
+    const changed = previous.pickMode !== cached.pickMode ||
+        previous.showCartControl !== cached.showCartControl ||
+        previous.status !== cached.status;
+    if (!changed)
+        return;
+    notifyChanged();
+    listeners.forEach((cb) => cb());
+}
 function notifyChanged() {
     if (typeof window !== "undefined") {
         // Zodat de zijbalk van de shell direct meeloopt met de nieuwe werkwijze.
@@ -84,20 +120,33 @@ export function startPickModeWatch() {
 /** Haalt één keer op en hergebruikt de lopende aanvraag. */
 let lastFetch = 0;
 const TTL_MS = 10000;
+/**
+ * Veilige variant voor plekken die niet met een fout om kunnen gaan (zoals de
+ * zijbalk): faalt stil en geeft de laatst bekende waarde terug.
+ */
 export function ensurePickMode() {
     startPickModeWatch();
     if (!inflight && lastFetch > 0 && Date.now() - lastFetch < TTL_MS)
         return Promise.resolve(cached);
+    if (!inflight && backoffActive())
+        return Promise.resolve(cached);
     if (!inflight) {
-        inflight = fetchPickMode().finally(() => {
+        inflight = fetchPickMode()
+            .catch(() => cached)
+            .finally(() => {
             inflight = null;
         });
     }
     return inflight;
 }
-/** Forceert een verse ophaalactie (na het wijzigen van de werkwijze). */
+/**
+ * Forceert een verse ophaalactie (na het wijzigen van de werkwijze). Gooit de
+ * fout door, zodat de aanroeper "storing" kan onderscheiden van "uit".
+ */
 export function refreshPickMode() {
     lastFetch = 0;
+    failures = 0;
     inflight = null;
-    return ensurePickMode();
+    startPickModeWatch();
+    return fetchPickMode();
 }

package/dist-lib/lib/realtimeBus.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Eén gedeelde realtime-verbinding per tabel, met samenvoegen van seintjes.
+ *
+ * Zonder dit maakte elk scherm-onderdeel een eigen kanaal met een willekeurige
+ * naam, en leidde elke wijziging van de Engine direct tot opnieuw ophalen. Bij
+ * een reeks wijzigingen (de Engine schrijft tientallen taken achter elkaar)
+ * stapelden die opvragingen op en blokkeerde het scherm.
+ */
+type Listener = (row: Record<string, unknown>) => void;
+/** Abonneer op wijzigingen van één tabel. Geeft een opzegfunctie terug. */
+export declare function subscribeTable(table: string, listener: Listener): () => void;
+/**
+ * Voegt snel opeenvolgende aanroepen samen tot één aanroep. Zonder dit leidt
+ * elke afzonderlijke wijziging van de Engine tot een eigen opvraging.
+ */
+export declare function debounce(fn: () => void, waitMs?: number): (() => void) & {
+    cancel: () => void;
+};
+export {};
+//# sourceMappingURL=realtimeBus.d.ts.map

package/dist-lib/lib/realtimeBus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"realtimeBus.d.ts","sourceRoot":"","sources":["../../src/lib/realtimeBus.ts"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AACH,KAAK,QAAQ,GAAG,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;AAiCvD,2EAA2E;AAC3E,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,GAAG,MAAM,IAAI,CAO5E;AAED;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,EAAE,EAAE,MAAM,IAAI,EAAE,MAAM,SAAM,GAAG,CAAC,MAAM,IAAI,CAAC,GAAG;IAAE,MAAM,EAAE,MAAM,IAAI,CAAA;CAAE,CAc5F"}

package/dist-lib/lib/realtimeBus.js

@@ -0,0 +1,56 @@
+import { supabase } from "../integrations/supabase/moduleClient";
+const entries = new Map();
+function ensureEntry(table) {
+    const existing = entries.get(table);
+    if (existing)
+        return existing;
+    const listeners = new Set();
+    const channel = supabase
+        .channel(`shared-${table}`)
+        .on("postgres_changes", { event: "*", schema: "public", table }, (payload) => {
+        const row = (payload.new ?? payload.old ?? {});
+        for (const listener of listeners)
+            listener(row);
+    })
+        .subscribe();
+    const entry = {
+        listeners,
+        unsubscribe: () => {
+            supabase.removeChannel(channel);
+            entries.delete(table);
+        },
+    };
+    entries.set(table, entry);
+    return entry;
+}
+/** Abonneer op wijzigingen van één tabel. Geeft een opzegfunctie terug. */
+export function subscribeTable(table, listener) {
+    const entry = ensureEntry(table);
+    entry.listeners.add(listener);
+    return () => {
+        entry.listeners.delete(listener);
+        if (entry.listeners.size === 0)
+            entry.unsubscribe();
+    };
+}
+/**
+ * Voegt snel opeenvolgende aanroepen samen tot één aanroep. Zonder dit leidt
+ * elke afzonderlijke wijziging van de Engine tot een eigen opvraging.
+ */
+export function debounce(fn, waitMs = 750) {
+    let timer = null;
+    const run = () => {
+        if (timer)
+            clearTimeout(timer);
+        timer = setTimeout(() => {
+            timer = null;
+            fn();
+        }, waitMs);
+    };
+    run.cancel = () => {
+        if (timer)
+            clearTimeout(timer);
+        timer = null;
+    };
+    return run;
+}

package/dist-lib/lib/serverFnError.d.ts

@@ -5,6 +5,18 @@
  * een leeg scherm op. Deze helpers zetten hem altijd om naar een echte Error.
  */
 export declare function toServerFnError(e: unknown): Promise<Error>;
+/** Tijdslimiet per aanroep: zonder limiet blijft het scherm eindeloos laden. */
+export declare const SERVER_CALL_TIMEOUT_MS = 15000;
+export interface ServerFnCallOptions {
+    timeoutMs?: number;
+    maxAttempts?: number;
+}
+/**
+ * Roept een server function aan met tijdslimiet en beperkte herpoging, en
+ * logt de duur. Een hangende aanroep gaf eerder een scherm dat eeuwig
+ * "Laden..." bleef tonen.
+ */
+export declare function callServerFn<T>(call: () => Promise<T>, context?: string, options?: ServerFnCallOptions): Promise<T>;
 /** Roept een server function aan en geeft bij elke fout de fallback terug. */
 export declare function safeServerCall<T>(call: () => Promise<T>, fallback: T, context?: string): Promise<T>;
 //# sourceMappingURL=serverFnError.d.ts.map

package/dist-lib/lib/serverFnError.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"serverFnError.d.ts","sourceRoot":"","sources":["../../src/lib/serverFnError.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,wBAAsB,eAAe,CAAC,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC,KAAK,CAAC,CAUhE;AAED,8EAA8E;AAC9E,wBAAsB,cAAc,CAAC,CAAC,EACpC,IAAI,EAAE,MAAM,OAAO,CAAC,CAAC,CAAC,EACtB,QAAQ,EAAE,CAAC,EACX,OAAO,CAAC,EAAE,MAAM,GACf,OAAO,CAAC,CAAC,CAAC,CAQZ"}
+{"version":3,"file":"serverFnError.d.ts","sourceRoot":"","sources":["../../src/lib/serverFnError.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,wBAAsB,eAAe,CAAC,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC,KAAK,CAAC,CAUhE;AAED,gFAAgF;AAChF,eAAO,MAAM,sBAAsB,QAAS,CAAC;AAK7C,MAAM,WAAW,mBAAmB;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAUD;;;;GAIG;AACH,wBAAsB,YAAY,CAAC,CAAC,EAClC,IAAI,EAAE,MAAM,OAAO,CAAC,CAAC,CAAC,EACtB,OAAO,SAAa,EACpB,OAAO,GAAE,mBAAwB,GAChC,OAAO,CAAC,CAAC,CAAC,CA+BZ;AAED,8EAA8E;AAC9E,wBAAsB,cAAc,CAAC,CAAC,EACpC,IAAI,EAAE,MAAM,OAAO,CAAC,CAAC,CAAC,EACtB,QAAQ,EAAE,CAAC,EACX,OAAO,CAAC,EAAE,MAAM,GACf,OAAO,CAAC,CAAC,CAAC,CAQZ"}

package/dist-lib/lib/serverFnError.js

@@ -16,10 +16,57 @@ export async function toServerFnError(e) {
         return e;
     return new Error(String(e));
 }
+/** Tijdslimiet per aanroep: zonder limiet blijft het scherm eindeloos laden. */
+export const SERVER_CALL_TIMEOUT_MS = 15000;
+/** Aantal herpogingen bij tijdelijke fouten (niet bij 401/403). */
+const MAX_ATTEMPTS = 3;
+function isAuthFailure(err) {
+    return /^(401|403)\b/.test(err.message) || /Unauthorized|Forbidden/i.test(err.message);
+}
+function sleep(ms) {
+    return new Promise((resolve) => setTimeout(resolve, ms));
+}
+/**
+ * Roept een server function aan met tijdslimiet en beperkte herpoging, en
+ * logt de duur. Een hangende aanroep gaf eerder een scherm dat eeuwig
+ * "Laden..." bleef tonen.
+ */
+export async function callServerFn(call, context = "onbekend", options = {}) {
+    let lastError = new Error("Aanroep mislukt");
+    const timeoutMs = options.timeoutMs ?? SERVER_CALL_TIMEOUT_MS;
+    const maxAttempts = options.maxAttempts ?? MAX_ATTEMPTS;
+    for (let attempt = 1; attempt <= maxAttempts; attempt++) {
+        const startedAt = Date.now();
+        let timeoutId;
+        try {
+            const timeout = new Promise((_, reject) => { timeoutId = setTimeout(() => reject(new Error(`Time-out na ${timeoutMs / 1000} seconden`)), timeoutMs); });
+            const result = await Promise.race([call(), timeout]);
+            if (timeoutId)
+                clearTimeout(timeoutId);
+            console.info("[serverFn] call done", { context, attempt, durationMs: Date.now() - startedAt });
+            return result;
+        }
+        catch (e) {
+            if (timeoutId)
+                clearTimeout(timeoutId);
+            lastError = await toServerFnError(e);
+            console.warn("[serverFn] call attempt failed", {
+                context,
+                attempt,
+                durationMs: Date.now() - startedAt,
+                message: lastError.message,
+            });
+            if (isAuthFailure(lastError) || attempt === maxAttempts)
+                break;
+            await sleep(attempt * 500);
+        }
+    }
+    throw lastError;
+}
 /** Roept een server function aan en geeft bij elke fout de fallback terug. */
 export async function safeServerCall(call, fallback, context) {
     try {
-        return await call();
+        return await callServerFn(call, context ?? "onbekend");
     }
     catch (e) {
         const err = await toServerFnError(e);

package/dist-lib/moduleDefinition.d.ts

@@ -0,0 +1,3 @@
+import type { FlowModule } from "@flowselections/core";
+export declare const floridayAfhandelingModule: FlowModule;
+//# sourceMappingURL=moduleDefinition.d.ts.map

package/dist-lib/moduleDefinition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"moduleDefinition.d.ts","sourceRoot":"","sources":["../src/moduleDefinition.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAgBvD,eAAO,MAAM,yBAAyB,EAAE,UAqBvC,CAAC"}

package/dist-lib/moduleDefinition.js

@@ -0,0 +1,36 @@
+import { CalendarCheck, CalendarRange, ClipboardCheck, PackageCheck } from "lucide-react";
+import { AfhandelingSettingsCard } from "./components/settings/AfhandelingSettingsCard";
+import { VervoerdersSettingsCard } from "./components/settings/VervoerdersSettingsCard";
+import { getPickMode } from "./lib/pickMode";
+const baseChildren = [
+    { label: "Pick Agenda", href: "/afhandeling/picking", icon: CalendarCheck },
+    { label: "Planning en leveringen", href: "/afhandeling/leveringen", icon: CalendarRange },
+];
+const cartControlChild = {
+    label: "Controle karren",
+    href: "/afhandeling/controle",
+    icon: ClipboardCheck,
+};
+export const floridayAfhandelingModule = {
+    id: "afhandeling",
+    name: "Afhandeling",
+    version: "1.4.0",
+    nav: {
+        label: "Afhandeling",
+        href: "/afhandeling/picking",
+        icon: PackageCheck,
+        get children() {
+            const info = getPickMode();
+            if (info.showCartControl)
+                return [...baseChildren, cartControlChild];
+            if (info.status !== "ok") {
+                return [...baseChildren, { ...cartControlChild, label: "Controle karren (onbekend)" }];
+            }
+            return baseChildren;
+        },
+    },
+    settingsCards: [
+        { component: VervoerdersSettingsCard, order: 80 },
+        { component: AfhandelingSettingsCard, order: 100 },
+    ],
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flowselections/floriday-afhandeling-module",
-  "version": "1.0.44",
+  "version": "1.0.45",
   "private": false,
   "sideEffects": false,
   "type": "module",
@@ -48,7 +48,7 @@
   "devDependencies": {
     "@cloudflare/vite-plugin": "^1.25.5",
     "@eslint/js": "^9.32.0",
-    "@flowselections/core": "1.0.18",
+    "@flowselections/core": "1.0.21",
     "@lovable.dev/vite-tanstack-config": "2.13.1",
     "@rsbuild/core": "^1.0.0",
     "@tailwindcss/vite": "^4.2.1",