@flowselections/layout-maker 1.3.3 → 1.6.6

package/dist-lib/lib/profielHtml.js

@@ -0,0 +1,256 @@
+// ============================================================================
+// src/lib/profielHtml.ts — universele print-HTML op basis van het documentprofiel.
+// ----------------------------------------------------------------------------
+// Pakbonnen en productiebonnen hebben een eigen renderer. Alle andere
+// documentsoorten (sticker, verzendlabel, factuur, etiket, magazijnlijst, ...)
+// worden opgeslagen als profielinstellingen: per groep een reeks vinkjes en
+// keuzes. Deze renderer zet die instellingen om naar print-HTML, zodat élke
+// bestaande én toekomstige layout meteen afdrukbaar is zonder extra werk.
+// ============================================================================
+import { configWaarde, documentProfiel, } from "./documentProfiles";
+import { esc } from "./pakbonHtml";
+const arr = (v) => (Array.isArray(v) ? v : []);
+/** Instellingen die geen losse regel opleveren maar een eigen weergave hebben. */
+const SPECIAAL = new Set([
+    "logo",
+    "barcode",
+    "qrcode",
+    "qr_handleiding",
+    "qr_video",
+    "toon_afbeelding",
+    "afbeelding",
+    "regeltabel",
+    "totalen",
+    "voettekst",
+    "handtekening",
+    "vrije_tekst",
+    "eigen_pictogrammen",
+    "adresblok",
+]);
+/** Markeringen die als korte waarschuwingstekst worden afgedrukt. */
+const MARKERINGEN = {
+    fragile: "FRAGILE — breekbaar",
+    niet_stapelen: "NIET STAPELEN",
+    koel: "KOEL BEWAREN",
+    adr: "ADR",
+};
+/** Waar mag een instelling zijn waarde vandaan halen? */
+const SYNONIEMEN = {
+    bedrijfsnaam: ["bedrijf.naam", "afzender.naam", "bedrijfsnaam"],
+    adres: ["bedrijf.adres", "afzender.adres", "adres"],
+    telefoon: ["bedrijf.telefoon", "afzender.telefoon", "telefoon"],
+    email: ["bedrijf.email", "afzender.email", "email"],
+    naam: ["ontvanger.naam", "klant.contactpersoon", "klant.naam", "naam"],
+    bedrijf: ["ontvanger.bedrijf", "klant.naam", "klant.bedrijf"],
+    straat: ["ontvanger.straat", "klant.straat", "adres.straat"],
+    huisnummer: ["ontvanger.huisnummer", "klant.huisnummer", "adres.huisnummer"],
+    postcode: ["ontvanger.postcode", "klant.postcode", "adres.postcode"],
+    plaats: ["ontvanger.plaats", "klant.plaats", "adres.plaats"],
+    land: ["ontvanger.land", "klant.land", "adres.land"],
+    klantnaam: ["klant.naam", "ontvanger.bedrijf", "klantnaam"],
+    transporteur: ["verzending.transporteur", "order.transporteur", "transporteur"],
+    verzendmethode: ["verzending.methode", "order.verzendmethode", "verzendmethode"],
+    route: ["verzending.route", "order.route", "route"],
+    track_trace: ["verzending.track_trace", "order.track_trace", "trackTrace"],
+    ordernummer: ["order.nummer", "order.ordernummer", "ordernummer", "order_number"],
+    referentie: ["order.referentie", "referentie", "klantreferentie"],
+    gewicht: ["verzending.gewicht", "order.gewicht", "gewicht"],
+    colli: ["verzending.colli", "order.colli", "colli", "aantal_colli"],
+    artikelnaam: ["regel.artikelnaam", "product.naam", "artikelnaam"],
+    artikelcode: ["regel.artikelcode", "product.code", "artikelcode", "artikelnummer"],
+    artikelnummer: ["regel.artikelnummer", "product.artikelnummer", "artikelnummer"],
+    aantal: ["regel.aantal", "product.aantal", "aantal"],
+    potmaat: ["regel.potmaat", "product.potmaat", "potmaat"],
+    productgroep: ["regel.productgroep", "product.productgroep", "productgroep"],
+    productomschrijving: ["regel.omschrijving", "product.omschrijving", "productomschrijving"],
+};
+/** Maakt van geneste gegevens een platte tabel met puntnotatie. */
+function plat(bron, pad = "", uit = {}, diepte = 0) {
+    if (diepte > 4 || bron === null || bron === undefined)
+        return uit;
+    if (typeof bron === "object") {
+        if (Array.isArray(bron))
+            return uit;
+        for (const [k, v] of Object.entries(bron))
+            plat(v, pad ? `${pad}.${k}` : k, uit, diepte + 1);
+        return uit;
+    }
+    if (pad)
+        uit[pad] = String(bron);
+    return uit;
+}
+function waardeVoor(velden, inst) {
+    const kandidaten = [...(SYNONIEMEN[inst.key] ?? []), inst.key];
+    for (const k of kandidaten) {
+        const direct = velden[k];
+        if (direct !== undefined && String(direct).trim() !== "")
+            return String(direct);
+    }
+    // Laatste kans: eender welk veld dat op deze sleutel eindigt.
+    const staart = Object.entries(velden).find(([k, v]) => k.toLowerCase().endsWith(`.${inst.key}`) && String(v).trim() !== "");
+    return staart ? String(staart[1]) : "";
+}
+const kv = (label, waarde) => `<div class="kv"><span class="k">${esc(label)}</span><span class="v">${esc(waarde === "" ? "—" : waarde)}</span></div>`;
+/** Zoekt de regels van het document (orderregels, producten, materialen, ...). */
+function zoekRegels(data) {
+    for (const sleutel of ["regels", "orderregels", "items", "producten", "lines", "onderdelen"]) {
+        const lijst = arr(data[sleutel]);
+        if (lijst.length)
+            return lijst;
+    }
+    return [];
+}
+function regeltabel(regels) {
+    if (!regels.length)
+        return "";
+    const rij = (r) => {
+        const omschrijving = r["omschrijving"] ?? r["artikelnaam"] ?? r["naam"] ?? r["product"] ?? r["titel"] ?? "";
+        const code = r["artikelcode"] ?? r["artikelnummer"] ?? r["code"] ?? "";
+        const aantal = r["aantal"] ?? r["hoeveelheid"] ?? r["qty"] ?? "";
+        const eenheid = r["eenheid"] ?? "";
+        return `<tr><td>${esc(code)}</td><td>${esc(omschrijving)}</td><td style="text-align:right">${esc(aantal)}</td><td>${esc(eenheid)}</td></tr>`;
+    };
+    return `<table class="tabel"><colgroup><col style="width:20%" /><col style="width:52%" /><col style="width:16%" /><col style="width:12%" /></colgroup>
+<thead><tr class="onder"><th>Code</th><th>Omschrijving</th><th style="text-align:right">Aantal</th><th>Eenheid</th></tr></thead>
+<tbody>${regels.map(rij).join("")}</tbody></table>`;
+}
+function totalenBlok(regels, velden) {
+    const totaalAantal = regels.reduce((s, r) => s + (Number(r["aantal"] ?? 0) || 0), 0);
+    const bedrag = velden["order.totaal"] ?? velden["totaal"] ?? "";
+    const delen = [
+        `<div class="kv totalen"><span class="k">Aantal regels</span><span class="v">${regels.length}</span></div>`,
+        totaalAantal
+            ? `<div class="kv totalen"><span class="k">Totaal aantal</span><span class="v">${totaalAantal}</span></div>`
+            : "",
+        bedrag ? `<div class="kv totalen"><span class="k">Totaal</span><span class="v">${esc(bedrag)}</span></div>` : "",
+    ];
+    return delen.join("");
+}
+/** Bouwt één instelgroep om naar HTML. */
+function groepHtml(groep, config, velden, data, opties) {
+    const delen = [];
+    const markeringen = [];
+    for (const inst of groep.instellingen) {
+        const waarde = configWaarde(config, groep, inst);
+        if (inst.type === "schakelaar") {
+            if (waarde !== true)
+                continue;
+            if (MARKERINGEN[inst.key]) {
+                markeringen.push(MARKERINGEN[inst.key]);
+                continue;
+            }
+            if (SPECIAAL.has(inst.key)) {
+                if (inst.key === "logo" && opties.logoUrl) {
+                    delen.push(`<img src="${esc(opties.logoUrl)}" style="height:14mm" />`);
+                }
+                else if (inst.key === "barcode") {
+                    const code = velden["order.nummer"] ?? velden["ordernummer"] ?? velden["barcode"] ?? "";
+                    delen.push(`<div class="streepjes" style="height:12mm"></div>`);
+                    if (code)
+                        delen.push(`<div class="klein">${esc(code)}</div>`);
+                }
+                else if (inst.key.startsWith("qr")) {
+                    delen.push(`<div class="qr" style="width:22mm;height:22mm"></div>`);
+                }
+                else if (inst.key === "regeltabel") {
+                    delen.push(regeltabel(zoekRegels(data)));
+                }
+                else if (inst.key === "totalen") {
+                    delen.push(totalenBlok(zoekRegels(data), velden));
+                }
+                else if (inst.key === "toon_afbeelding" || inst.key === "afbeelding") {
+                    const url = velden["afbeelding"] ?? velden["regel.afbeelding"] ?? velden["product.afbeelding"] ?? "";
+                    delen.push(url
+                        ? `<img src="${esc(url)}" style="height:35mm" />`
+                        : `<div class="lijnveld hoog"></div>`);
+                }
+                else if (inst.key === "handtekening") {
+                    delen.push(`<div class="klein">Handtekening</div><div class="lijnveld hoog"></div>`);
+                }
+                else if (inst.key === "voettekst" || inst.key === "vrije_tekst") {
+                    const tekst = velden["voettekst"] ?? velden["opmerking"] ?? velden["order.opmerking"] ?? "";
+                    if (tekst)
+                        delen.push(`<div class="klein">${esc(tekst)}</div>`);
+                }
+                else if (inst.key === "adresblok") {
+                    const regels = [
+                        velden["klant.naam"] ?? velden["ontvanger.bedrijf"] ?? "",
+                        velden["klant.straat"] ?? velden["ontvanger.straat"] ?? "",
+                        [velden["klant.postcode"] ?? "", velden["klant.plaats"] ?? ""].filter(Boolean).join(" "),
+                        velden["klant.land"] ?? "",
+                    ].filter((r) => String(r).trim() !== "");
+                    if (regels.length)
+                        delen.push(regels.map((r) => `<div>${esc(r)}</div>`).join(""));
+                }
+                continue;
+            }
+            delen.push(kv(inst.label, waardeVoor(velden, inst)));
+            continue;
+        }
+        if (inst.type === "meerkeuze") {
+            const keuzes = arr(waarde);
+            if (!keuzes.length)
+                continue;
+            const labels = keuzes.map((k) => inst.opties?.find((o) => o.value === k)?.label ?? k);
+            delen.push(kv(inst.label, labels.join(", ")));
+            continue;
+        }
+        if (inst.type === "tekst" && String(waarde ?? "").trim() !== "") {
+            delen.push(kv(inst.label, String(waarde)));
+        }
+    }
+    if (markeringen.length) {
+        delen.push(`<div class="vet">${esc(markeringen.join(" · "))}</div>`);
+    }
+    const inhoud = delen.filter(Boolean).join("");
+    if (!inhoud)
+        return "";
+    return `<div class="blok"><div class="sectitel">${esc(groep.label)}</div>${inhoud}</div>`;
+}
+/** Heeft deze layout überhaupt iets aanstaan om af te drukken? */
+export function profielHeeftInhoud(documenttype, config) {
+    const profiel = documentProfiel(String(documenttype));
+    const cfg = (config ?? {});
+    return profiel.groepen.some((groep) => groep.instellingen.some((inst) => {
+        const w = configWaarde(cfg, groep, inst);
+        if (inst.type === "schakelaar")
+            return w === true;
+        if (inst.type === "meerkeuze")
+            return arr(w).length > 0;
+        return false;
+    }));
+}
+/** Bouwt de complete print-HTML van een profielgestuurde layout. */
+export function renderProfielDocument(documenttype, config, gegevens, opties = {}) {
+    const profiel = documentProfiel(String(documenttype));
+    const cfg = (config ?? {});
+    const data = (gegevens && typeof gegevens === "object" ? gegevens : {});
+    const velden = plat(data);
+    const b = opties.breedteMm ?? 210;
+    const h = opties.hoogteMm ?? 297;
+    const marge = opties.margeMm ?? Math.min(10, Math.max(3, Math.round(b / 20)));
+    const nummer = velden["order.nummer"] ?? velden["ordernummer"] ?? velden["documentnummer"] ?? "";
+    const kop = `<div class="blok kop"><div class="vet">${esc(opties.kop ?? profiel.label)}</div>${nummer ? `<div class="klein">${esc(nummer)}</div>` : ""}</div>`;
+    const body = profiel.groepen
+        .filter((groep) => groep.key !== "klantlayout")
+        .map((groep) => groepHtml(groep, cfg, velden, data, opties))
+        .filter(Boolean)
+        .join("");
+    return `<!doctype html><html lang="nl"><head><meta charset="utf-8" />
+<title>${esc(opties.titel ?? profiel.label)}</title>
+<style>
+@page { size: ${b}mm ${h}mm; margin: ${marge}mm; }
+* { box-sizing: border-box; }
+html, body { margin: 0; padding: 0; }
+body { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #111827; line-height: 1.35; }
+.blok { margin-bottom: 2.5mm; }
+.kop { border-bottom: 0.3mm solid #d1d5db; padding-bottom: 1mm; }
+.sectitel { font-size: 90%; font-weight: 600; text-transform: uppercase; color: #6b7280; margin-bottom: 0.6mm; }
+.vet { font-weight: 600; }
+.klein { font-size: 85%; color: #6b7280; }
+.kv { display: flex; justify-content: space-between; gap: 3mm; }
+.kv .k { color: #6b7280; }
+.tabel { width: 100%; border-collapse: collapse; table-layout: fixed; }
+.tabel th { text-align: left; font-weight: 600; }
+</style></head><body>${kop}${body}</body></html>`;
+}

package/dist-lib/lib/runnerRegistry.server.d.ts

@@ -0,0 +1,10 @@
+/** Het eigen webadres, afgeleid uit het inkomende verzoek. */
+export declare function eigenBasisUrl(): string | null;
+/**
+ * Meldt deze shell aan (of houdt hem levend). Doet hooguit één keer per tien
+ * minuten iets en laat fouten nooit doorwerken in de aanroeper.
+ */
+export declare function meldRunnerAan(): Promise<void>;
+/** Controleert of de meegegeven sleutel bij een geregistreerde shell hoort. */
+export declare function isRunnerSleutel(sleutel: string): Promise<boolean>;
+//# sourceMappingURL=runnerRegistry.server.d.ts.map

package/dist-lib/lib/runnerRegistry.server.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"runnerRegistry.server.d.ts","sourceRoot":"","sources":["../../src/lib/runnerRegistry.server.ts"],"names":[],"mappings":"AAYA,8DAA8D;AAC9D,wBAAgB,aAAa,IAAI,MAAM,GAAG,IAAI,CAS7C;AAED;;;GAGG;AACH,wBAAsB,aAAa,IAAI,OAAO,CAAC,IAAI,CAAC,CAkCnD;AAED,+EAA+E;AAC/E,wBAAsB,eAAe,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC,CAcvE"}

package/dist-lib/lib/runnerRegistry.server.js

@@ -0,0 +1,79 @@
+// ============================================================================
+// src/lib/runnerRegistry.server.ts — de module meldt zichzelf aan in de
+// gedeelde database. Zo weet de cron-taak welke shells de printwachtrij
+// kunnen verwerken, zonder dat er ergens een webadres hardcoded staat.
+// ============================================================================
+import { getRequestUrl } from "@tanstack/react-start/server";
+const THROTTLE_MS = 10 * 60 * 1000;
+let laatsteMelding = 0;
+let laatsteUrl = "";
+/** Het eigen webadres, afgeleid uit het inkomende verzoek. */
+export function eigenBasisUrl() {
+    try {
+        const url = getRequestUrl({ xForwardedHost: true, xForwardedProto: true });
+        if (!url?.host)
+            return null;
+        if (/^(localhost|127\.0\.0\.1|\[::1\])(:|$)/i.test(url.host))
+            return null;
+        return `${url.protocol}//${url.host}`.replace(/\/+$/, "");
+    }
+    catch {
+        return null;
+    }
+}
+/**
+ * Meldt deze shell aan (of houdt hem levend). Doet hooguit één keer per tien
+ * minuten iets en laat fouten nooit doorwerken in de aanroeper.
+ */
+export async function meldRunnerAan() {
+    const basis = eigenBasisUrl();
+    if (!basis)
+        return;
+    const nu = Date.now();
+    if (basis === laatsteUrl && nu - laatsteMelding < THROTTLE_MS)
+        return;
+    laatsteUrl = basis;
+    laatsteMelding = nu;
+    try {
+        const { adminDb: supabaseAdmin } = await import("./supabaseAdmin.server");
+        const { data } = await supabaseAdmin
+            .from("print_queue_runners")
+            .select("id")
+            .eq("basis_url", basis)
+            .maybeSingle();
+        if (data?.id) {
+            await supabaseAdmin
+                .from("print_queue_runners")
+                .update({ laatst_gezien: new Date().toISOString(), actief: true })
+                .eq("id", data.id);
+            return;
+        }
+        await supabaseAdmin.from("print_queue_runners").insert({
+            basis_url: basis,
+            laatst_gezien: new Date().toISOString(),
+            actief: true,
+        });
+    }
+    catch {
+        // Aanmelden mag nooit een printactie blokkeren.
+        laatsteMelding = 0;
+    }
+}
+/** Controleert of de meegegeven sleutel bij een geregistreerde shell hoort. */
+export async function isRunnerSleutel(sleutel) {
+    if (!sleutel || sleutel.length < 20)
+        return false;
+    try {
+        const { adminDb: supabaseAdmin } = await import("./supabaseAdmin.server");
+        const { data } = await supabaseAdmin
+            .from("print_queue_runners")
+            .select("id")
+            .eq("tick_sleutel", sleutel)
+            .eq("actief", true)
+            .maybeSingle();
+        return !!data?.id;
+    }
+    catch {
+        return false;
+    }
+}

package/dist-lib/lib/supabaseAdmin.server.d.ts

@@ -0,0 +1,6 @@
+import { type SupabaseClient } from "@supabase/supabase-js";
+/** Uitleg voor de gebruiker als de serverinstellingen ontbreken. */
+export declare function adminConfiguratieFout(): string | null;
+/** Lazy adminclient: pas bij het eerste gebruik worden de instellingen gelezen. */
+export declare const adminDb: SupabaseClient<any, any, any, any, any>;
+//# sourceMappingURL=supabaseAdmin.server.d.ts.map

package/dist-lib/lib/supabaseAdmin.server.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"supabaseAdmin.server.d.ts","sourceRoot":"","sources":["../../src/lib/supabaseAdmin.server.ts"],"names":[],"mappings":"AAMA,OAAO,EAAgB,KAAK,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAU1E,oEAAoE;AACpE,wBAAgB,qBAAqB,IAAI,MAAM,GAAG,IAAI,CAQrD;AAaD,mFAAmF;AACnF,eAAO,MAAM,OAAO,yCAKlB,CAAC"}

package/dist-lib/lib/supabaseAdmin.server.js

@@ -0,0 +1,43 @@
+// ============================================================================
+// src/lib/supabaseAdmin.server.ts — adminclient die in elke shell werkt.
+// Leest de service-role sleutel uit meerdere mogelijke namen, zodat de module
+// niet afhankelijk is van hoe een shell zijn omgeving heeft ingericht.
+// ============================================================================
+import { createClient } from "@supabase/supabase-js";
+function lees(...namen) {
+    for (const naam of namen) {
+        const waarde = process.env[naam];
+        if (waarde && waarde.trim().length > 0)
+            return waarde.trim();
+    }
+    return undefined;
+}
+/** Uitleg voor de gebruiker als de serverinstellingen ontbreken. */
+export function adminConfiguratieFout() {
+    const url = lees("SUPABASE_URL", "VITE_SUPABASE_URL");
+    const key = lees("SERVICE_ROLE_KEY", "SUPABASE_SERVICE_ROLE_KEY");
+    if (url && key)
+        return null;
+    const mist = [!url ? "SUPABASE_URL" : null, !key ? "SERVICE_ROLE_KEY" : null]
+        .filter(Boolean)
+        .join(" en ");
+    return `Achtergrondprinten is niet ingesteld: ${mist} ontbreekt in deze omgeving.`;
+}
+function maakClient() {
+    const url = lees("SUPABASE_URL", "VITE_SUPABASE_URL");
+    const key = lees("SERVICE_ROLE_KEY", "SUPABASE_SERVICE_ROLE_KEY");
+    if (!url || !key)
+        throw new Error(adminConfiguratieFout() ?? "Serverinstellingen ontbreken.");
+    return createClient(url, key, {
+        auth: { storage: undefined, persistSession: false, autoRefreshToken: false },
+    });
+}
+let _client;
+/** Lazy adminclient: pas bij het eerste gebruik worden de instellingen gelezen. */
+export const adminDb = new Proxy({}, {
+    get(_t, prop, receiver) {
+        if (!_client)
+            _client = maakClient();
+        return Reflect.get(_client, prop, receiver);
+    },
+});

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

@@ -0,0 +1,2 @@
+export declare function drukTestpaginaAf(printerId: string, naam: string): Promise<void>;
+//# sourceMappingURL=testpagina.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"testpagina.d.ts","sourceRoot":"","sources":["../../src/lib/testpagina.ts"],"names":[],"mappings":"AAQA,wBAAsB,gBAAgB,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,iBAsBrE"}

package/dist-lib/lib/testpagina.js

@@ -0,0 +1,31 @@
+// ============================================================================
+// src/lib/testpagina.ts — een testpagina naar een printer sturen
+// ============================================================================
+import { toast } from "@flowselections/core";
+import { drukAf } from "./browserPrint";
+import { printDirect } from "./directPrint";
+export async function drukTestpaginaAf(printerId, naam) {
+    const html = `<div style="padding:20mm;font-size:14pt"><h1 style="font-size:20pt">Testpagina</h1>
+<p>Deze pagina hoort uit: <strong>${naam}</strong></p></div>`;
+    const opdracht = {
+        documenttype: "pakbon",
+        formaatCode: "A4",
+        orientatie: "portrait",
+        documentnaam: "Testpagina",
+        html,
+        printerId,
+    };
+    try {
+        const direct = await printDirect(opdracht);
+        if (direct.gelukt) {
+            toast.success(`Testpagina verstuurd naar ${direct.printernaam ?? naam}`);
+            return;
+        }
+        if (direct.reden)
+            toast.error(direct.reden);
+        await drukAf(opdracht);
+    }
+    catch {
+        toast.error("De testpagina kon niet worden afgedrukt");
+    }
+}

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

@@ -0,0 +1,8 @@
+/**
+ * Roept `fn` elke `intervalMs` aan, maar alleen wanneer het tabblad zichtbaar is
+ * en er niet gepauzeerd wordt (bijvoorbeeld tijdens een open dialoog).
+ * Geeft het tijdstip van de laatste geslaagde ronde terug.
+ */
+export declare function useAutoRefresh(fn: () => void | Promise<unknown>, intervalMs: number, pauze?: boolean): Date | null;
+export declare function bijgewerktTekst(d: Date | null): string;
+//# sourceMappingURL=useAutoRefresh.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useAutoRefresh.d.ts","sourceRoot":"","sources":["../../src/lib/useAutoRefresh.ts"],"names":[],"mappings":"AAMA;;;;GAIG;AACH,wBAAgB,cAAc,CAC5B,EAAE,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,EACjC,UAAU,EAAE,MAAM,EAClB,KAAK,UAAQ,eA2Bd;AAED,wBAAgB,eAAe,CAAC,CAAC,EAAE,IAAI,GAAG,IAAI,UAG7C"}

package/dist-lib/lib/useAutoRefresh.js

@@ -0,0 +1,44 @@
+// ============================================================================
+// src/lib/useAutoRefresh.ts — periodiek stil vernieuwen van lijsten
+// ============================================================================
+import { useEffect, useRef, useState } from "react";
+/**
+ * Roept `fn` elke `intervalMs` aan, maar alleen wanneer het tabblad zichtbaar is
+ * en er niet gepauzeerd wordt (bijvoorbeeld tijdens een open dialoog).
+ * Geeft het tijdstip van de laatste geslaagde ronde terug.
+ */
+export function useAutoRefresh(fn, intervalMs, pauze = false) {
+    const fnRef = useRef(fn);
+    fnRef.current = fn;
+    const bezig = useRef(false);
+    const [bijgewerkt, setBijgewerkt] = useState(null);
+    useEffect(() => {
+        if (pauze || intervalMs <= 0)
+            return;
+        const tik = async () => {
+            if (bezig.current)
+                return;
+            if (typeof document !== "undefined" && document.visibilityState !== "visible")
+                return;
+            bezig.current = true;
+            try {
+                await fnRef.current();
+                setBijgewerkt(new Date());
+            }
+            catch {
+                /* stil: de gebruiker ziet de vorige gegevens */
+            }
+            finally {
+                bezig.current = false;
+            }
+        };
+        const timer = setInterval(() => void tik(), intervalMs);
+        return () => clearInterval(timer);
+    }, [intervalMs, pauze]);
+    return bijgewerkt;
+}
+export function bijgewerktTekst(d) {
+    if (!d)
+        return "";
+    return `Bijgewerkt om ${d.toLocaleTimeString("nl-NL", { hour: "2-digit", minute: "2-digit" })}`;
+}

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

@@ -29,11 +29,12 @@ export interface PrintJobModel {
     gebruiker_naam: string | null;
     created_at: string;
     voltooid_op: string | null;
+    extern_job_id?: string | null;
 }
 export declare function useLayouts(): {
     layouts: LayoutModel[];
     loading: boolean;
-    reload: () => Promise<void>;
+    reload: (stil?: boolean) => Promise<void>;
 };
 export declare function maakLayout(input: {
     naam: string;
@@ -75,7 +76,7 @@ export declare function usePrinters(): {
         printer_id: string;
     }[];
     loading: boolean;
-    reload: () => Promise<void>;
+    reload: (stil?: boolean) => Promise<void>;
 };
 export declare function bewaarPrinter(input: Record<string, unknown>, id?: string): Promise<void>;
 export declare function verwijderPrinter(id: string): Promise<void>;
@@ -83,7 +84,7 @@ export declare function toggleKoppeling(layoutId: string, printerId: string, aan
 export declare function usePrintJobs(): {
     jobs: PrintJobModel[];
     loading: boolean;
-    reload: () => Promise<void>;
+    reload: (stil?: boolean) => Promise<void>;
 };
 export declare function updateJobStatus(id: string, status: string): Promise<void>;
 export declare function maakPrintJob(input: {

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

@@ -1 +1 @@
-{"version":3,"file":"useDocumentData.d.ts","sourceRoot":"","sources":["../../src/lib/useDocumentData.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useDocumentData.d.ts","sourceRoot":"","sources":["../../src/lib/useDocumentData.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,kBAAkB,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAIrF,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,OAAO,CAAC;IAChB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B;AAED,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,WAAW,EAAE,OAAO,CAAC;IACrB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAE/B;AAID,wBAAgB,UAAU;;;;EAoBzB;AAED,wBAAsB,UAAU,CAAC,KAAK,EAAE;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,UAAU,GAAG,WAAW,CAAC;IACrC,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAClC,mBAQA;AAED,wBAAsB,eAAe,CAAC,EAAE,EAAE,MAAM,mBA2B/C;AAED,wBAAsB,eAAe,CAAC,EAAE,EAAE,MAAM,iBAG/C;AAED,wBAAsB,YAAY,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,iBAM5E;AAwBD,wBAAgB,eAAe,CAAC,QAAQ,EAAE,MAAM;;;;;;;EAkD/C;AAED,wBAAsB,eAAe,CACnC,QAAQ,EAAE,MAAM,EAChB,SAAS,EAAE,kBAAkB,EAAE,EAC/B,YAAY,CAAC,EAAE,YAAY,iBA+C5B;AAED,wBAAsB,YAAY,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,EAAE,UAAU,EAAE,MAAM,mBAmBvG;AAED,wBAAgB,UAAU,CAAC,QAAQ,EAAE,MAAM;;YAEjC,MAAM;sBAAgB,MAAM;oBAAc,MAAM,GAAG,IAAI;oBAAc,MAAM;kBAAY,OAAO;;;EAcvG;AAID,wBAAgB,WAAW;;;mBAEmC,MAAM;oBAAc,MAAM;;;;EAmBvF;AAED,wBAAsB,aAAa,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAAE,CAAC,EAAE,MAAM,iBAS9E;AAED,wBAAsB,gBAAgB,CAAC,EAAE,EAAE,MAAM,iBAGhD;AAED,wBAAsB,eAAe,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,iBAMtF;AAID,wBAAgB,YAAY;;;;EAoB3B;AAED,wBAAsB,eAAe,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,iBAS/D;AAED,wBAAsB,YAAY,CAAC,KAAK,EAAE;IACxC,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,iBAGA"}

package/dist-lib/lib/useDocumentData.js

@@ -9,13 +9,14 @@ const arr = (v) => (Array.isArray(v) ? v : []);
 export function useLayouts() {
     const [layouts, setLayouts] = useState([]);
     const [loading, setLoading] = useState(true);
-    const load = useCallback(async () => {
-        setLoading(true);
+    const load = useCallback(async (stil = false) => {
+        if (!stil)
+            setLoading(true);
         const { data, error } = await supabase
             .from("document_layouts")
             .select("*")
             .order("updated_at", { ascending: false });
-        if (error)
+        if (error && !stil)
             toast.error("Layouts laden mislukt");
         setLayouts(arr(data));
         setLoading(false);
@@ -209,8 +210,9 @@ export function usePrinters() {
     const [printers, setPrinters] = useState([]);
     const [koppelingen, setKoppelingen] = useState([]);
     const [loading, setLoading] = useState(true);
-    const load = useCallback(async () => {
-        setLoading(true);
+    const load = useCallback(async (stil = false) => {
+        if (!stil)
+            setLoading(true);
         const [{ data: p }, { data: m }] = await Promise.all([
             supabase.from("printers").select("*").order("naam"),
             supabase.from("printer_mappings").select("layout_id, printer_id"),
@@ -252,8 +254,9 @@ export async function toggleKoppeling(layoutId, printerId, aan) {
 export function usePrintJobs() {
     const [jobs, setJobs] = useState([]);
     const [loading, setLoading] = useState(true);
-    const load = useCallback(async () => {
-        setLoading(true);
+    const load = useCallback(async (stil = false) => {
+        if (!stil)
+            setLoading(true);
         const { data } = await supabase
             .from("print_jobs")
             .select("*")

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

@@ -0,0 +1,12 @@
+export interface GevondenPrinter {
+    id: string;
+    naam: string;
+    computer: string;
+    online: boolean;
+}
+export declare function useNetwerkPrinters(): {
+    gevonden: GevondenPrinter[];
+    bezig: boolean;
+    zoek: () => Promise<void>;
+};
+//# sourceMappingURL=useNetwerkPrinters.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useNetwerkPrinters.d.ts","sourceRoot":"","sources":["../../src/lib/useNetwerkPrinters.ts"],"names":[],"mappings":"AAOA,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;CACjB;AAED,wBAAgB,kBAAkB;;;;EAqBjC"}

package/dist-lib/lib/useNetwerkPrinters.js

@@ -0,0 +1,26 @@
+// ============================================================================
+// src/lib/useNetwerkPrinters.ts — printers die in het netwerk gevonden worden
+// ============================================================================
+import { useCallback, useEffect, useState } from "react";
+import { netwerkPrinters } from "./printService.functions";
+export function useNetwerkPrinters() {
+    const [gevonden, setGevonden] = useState([]);
+    const [bezig, setBezig] = useState(false);
+    const zoek = useCallback(async () => {
+        setBezig(true);
+        try {
+            const res = await netwerkPrinters({ data: undefined });
+            setGevonden(res.ok && Array.isArray(res.printers) ? res.printers : []);
+        }
+        catch {
+            setGevonden([]);
+        }
+        finally {
+            setBezig(false);
+        }
+    }, []);
+    useEffect(() => {
+        void zoek();
+    }, [zoek]);
+    return { gevonden, bezig, zoek };
+}