@flowselections/layout-maker 1.13.2 → 1.19.0

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

@@ -0,0 +1,57 @@
+export interface WizardPrinter {
+    id: string;
+    naam: string;
+    papierformaat?: string | null;
+}
+export interface WizardLayout {
+    documenttype?: string | null;
+    actief?: boolean | null;
+}
+/** Oppervlakte van een papierformaat in mm²; onbekend = middelmaat (A4). */
+export declare function formaatOppervlak(code?: string | null): number;
+/**
+ * Documentsoorten die er in deze shell toe doen: alles waarvoor een actieve
+ * layout bestaat, in de vaste volgorde van DOCUMENT_TYPES. Zonder layouts
+ * vallen we terug op de twee soorten die overal voorkomen.
+ */
+export declare function relevanteDocumenttypes(layouts: WizardLayout[]): string[];
+/** De overige documentsoorten, voor de uitklap "Meer documenten". */
+export declare function overigeDocumenttypes(relevant: string[]): string[];
+/**
+ * Verstandige voorkeuze: kleine documenten naar de kleinste printer, de rest
+ * naar de grootste. Bij één printer krijgt alles diezelfde printer.
+ */
+export declare function voorgesteldeDocumentPrinters(documenttypes: string[], printers: WizardPrinter[]): Record<string, string>;
+export interface WizardStatus {
+    naam: string;
+    computers: string[];
+    printers: number;
+    documentPrinters: Record<string, string>;
+}
+/** Mag de gebruiker door naar de volgende stap? */
+export declare function wizardStapKlaar(stap: number, status: WizardStatus): boolean;
+/** Eerste stap die nog niet af is — om een halve printplek af te maken. */
+export declare function eersteOnvoltooideStap(status: WizardStatus): number;
+export declare const WIZARD_STAPPEN: readonly [{
+    readonly nummer: 1;
+    readonly titel: "Naam";
+    readonly vraag: "Waar sta je?";
+}, {
+    readonly nummer: 2;
+    readonly titel: "Computers";
+    readonly vraag: "Welke computers staan hier?";
+}, {
+    readonly nummer: 3;
+    readonly titel: "Printers";
+    readonly vraag: "Klopt deze printerlijst?";
+}, {
+    readonly nummer: 4;
+    readonly titel: "Documenten";
+    readonly vraag: "Wat print hier?";
+}, {
+    readonly nummer: 5;
+    readonly titel: "Test";
+    readonly vraag: "Even proefdraaien";
+}];
+export declare const NAAM_SUGGESTIES: string[];
+//# sourceMappingURL=printplekWizard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"printplekWizard.d.ts","sourceRoot":"","sources":["../../src/lib/printplekWizard.ts"],"names":[],"mappings":"AAOA,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B;AAED,MAAM,WAAW,YAAY;IAC3B,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,MAAM,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;CACzB;AAWD,4EAA4E;AAC5E,wBAAgB,gBAAgB,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAI7D;AAED;;;;GAIG;AACH,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,YAAY,EAAE,GAAG,MAAM,EAAE,CAUxE;AAED,qEAAqE;AACrE,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,CAGjE;AAED;;;GAGG;AACH,wBAAgB,4BAA4B,CAC1C,aAAa,EAAE,MAAM,EAAE,EACvB,QAAQ,EAAE,aAAa,EAAE,GACxB,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAaxB;AAED,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAC1C;AAED,mDAAmD;AACnD,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,GAAG,OAAO,CAa3E;AAED,2EAA2E;AAC3E,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,CAKlE;AAED,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;EAMjB,CAAC;AAEX,eAAO,MAAM,eAAe,UAA6D,CAAC"}

package/dist-lib/lib/printplekWizard.js

@@ -0,0 +1,87 @@
+// ============================================================================
+// src/lib/printplekWizard.ts — hulpfuncties voor de printplek-wizard.
+// Puur rekenwerk (geen React, geen database) zodat het los testbaar blijft.
+// ============================================================================
+import { DOCUMENT_TYPES, PAPIERFORMATEN } from "./documentTypes.js";
+/** Documentsoorten die op klein papier (labels/stickers) horen. */
+const KLEINE_DOCUMENTEN = new Set([
+    "sticker",
+    "etiket",
+    "productlabel",
+    "barcode_label",
+    "verzendlabel",
+]);
+/** Oppervlakte van een papierformaat in mm²; onbekend = middelmaat (A4). */
+export function formaatOppervlak(code) {
+    const def = PAPIERFORMATEN.find((f) => f.code === (code ?? "").toUpperCase());
+    if (!def)
+        return 210 * 297;
+    return def.breedte * def.hoogte;
+}
+/**
+ * Documentsoorten die er in deze shell toe doen: alles waarvoor een actieve
+ * layout bestaat, in de vaste volgorde van DOCUMENT_TYPES. Zonder layouts
+ * vallen we terug op de twee soorten die overal voorkomen.
+ */
+export function relevanteDocumenttypes(layouts) {
+    const lijst = Array.isArray(layouts) ? layouts : [];
+    const actief = new Set(lijst
+        .filter((l) => l.actief !== false)
+        .map((l) => (l.documenttype ?? "").trim())
+        .filter(Boolean));
+    const gevonden = DOCUMENT_TYPES.filter((d) => actief.has(d.value)).map((d) => d.value);
+    return gevonden.length > 0 ? gevonden : ["pakbon", "sticker"];
+}
+/** De overige documentsoorten, voor de uitklap "Meer documenten". */
+export function overigeDocumenttypes(relevant) {
+    const set = new Set(relevant);
+    return DOCUMENT_TYPES.filter((d) => !set.has(d.value)).map((d) => d.value);
+}
+/**
+ * Verstandige voorkeuze: kleine documenten naar de kleinste printer, de rest
+ * naar de grootste. Bij één printer krijgt alles diezelfde printer.
+ */
+export function voorgesteldeDocumentPrinters(documenttypes, printers) {
+    const lijst = Array.isArray(printers) ? printers : [];
+    if (lijst.length === 0)
+        return {};
+    const gesorteerd = [...lijst].sort((a, b) => formaatOppervlak(a.papierformaat) - formaatOppervlak(b.papierformaat));
+    const kleinste = gesorteerd[0];
+    const grootste = gesorteerd[gesorteerd.length - 1];
+    const uitkomst = {};
+    for (const d of documenttypes) {
+        uitkomst[d] = KLEINE_DOCUMENTEN.has(d) ? kleinste.id : grootste.id;
+    }
+    return uitkomst;
+}
+/** Mag de gebruiker door naar de volgende stap? */
+export function wizardStapKlaar(stap, status) {
+    switch (stap) {
+        case 1:
+            return status.naam.trim().length > 0;
+        case 2:
+            return status.computers.length > 0;
+        case 3:
+            return status.printers > 0;
+        case 4:
+            return Object.values(status.documentPrinters).some((v) => Boolean(v));
+        default:
+            return true;
+    }
+}
+/** Eerste stap die nog niet af is — om een halve printplek af te maken. */
+export function eersteOnvoltooideStap(status) {
+    for (let stap = 1; stap <= 4; stap += 1) {
+        if (!wizardStapKlaar(stap, status))
+            return stap;
+    }
+    return 5;
+}
+export const WIZARD_STAPPEN = [
+    { nummer: 1, titel: "Naam", vraag: "Waar sta je?" },
+    { nummer: 2, titel: "Computers", vraag: "Welke computers staan hier?" },
+    { nummer: 3, titel: "Printers", vraag: "Klopt deze printerlijst?" },
+    { nummer: 4, titel: "Documenten", vraag: "Wat print hier?" },
+    { nummer: 5, titel: "Test", vraag: "Even proefdraaien" },
+];
+export const NAAM_SUGGESTIES = ["Pickstation 1", "Pickstation 2", "Expeditie", "Kantoor"];

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

@@ -0,0 +1,75 @@
+export interface Printplek {
+    id: string;
+    naam: string;
+    omschrijving: string | null;
+    actief: boolean;
+}
+export interface PrintplekComputer {
+    id: string;
+    print_plek_id: string;
+    computer_naam: string;
+}
+export interface PrintplekDocumentPrinter {
+    id: string;
+    print_plek_id: string;
+    documenttype: string;
+    printer_id: string | null;
+    papierformaat: string | null;
+}
+export interface PrintplekKoppeling {
+    id: string;
+    print_plek_id: string;
+    /** Vrije aanduiding van de aanleverende module, bijv. "pickstation". */
+    bron: string;
+    bron_id: string;
+    label: string | null;
+}
+/** Alle printplekken met hun computers, documentregels en koppelingen. */
+export declare function usePrintplekken(): {
+    plekken: Printplek[];
+    computers: PrintplekComputer[];
+    regels: PrintplekDocumentPrinter[];
+    koppelingen: PrintplekKoppeling[];
+    laden: boolean;
+    fout: string | null;
+    reload: (stil?: boolean) => Promise<void>;
+};
+/**
+ * Eenvoudige lijst van actieve printplekken. Bedoeld voor andere modules die
+ * een keuzelijst willen tonen (bijv. "welke printplek hoort bij dit
+ * pickstation?").
+ */
+export declare function printplekkenLijst(): Promise<Printplek[]>;
+/** Hook-variant van `printplekkenLijst` voor gebruik in andere modules. */
+export declare function useBeschikbarePrintplekken(): {
+    plekken: Printplek[];
+    laden: boolean;
+    reload: () => Promise<void>;
+};
+export declare function maakPrintplek(naam: string, omschrijving?: string): Promise<string>;
+export declare function bewerkPrintplek(id: string, velden: {
+    naam?: string;
+    omschrijving?: string | null;
+    actief?: boolean;
+}): Promise<void>;
+export declare function verwijderPrintplek(id: string): Promise<void>;
+/** Zet een computer (werkplek) bij een printplek. Een computer hoort bij één plek. */
+export declare function koppelComputerAanPrintplek(printPlekId: string, computerNaam: string): Promise<void>;
+export declare function ontkoppelComputer(computerNaam: string): Promise<void>;
+/** Legt vast welke printer een documentsoort op deze printplek gebruikt. */
+export declare function zetPrintplekPrinter(printPlekId: string, documenttype: string, printerId: string | null, papierformaat?: string | null): Promise<void>;
+/**
+ * Koppelt een willekeurige externe eenheid (pickstation, scanner, balie) aan
+ * een printplek. `bron` is een vrij label van de aanleverende module.
+ */
+export declare function koppelBronAanPrintplek(printPlekId: string, bron: string, bronId: string, label?: string): Promise<void>;
+export declare function ontkoppelBron(bron: string, bronId: string): Promise<void>;
+/** De printplek die bij een externe eenheid hoort, of `null`. */
+export declare function printplekVoorBron(bron: string, bronId: string): Promise<string | null>;
+/** De printer die op deze printplek voor deze documentsoort is ingesteld. */
+export declare function printerVoorPrintplek(printPlekId: string, documenttype: string): Promise<string | null>;
+/** De printplek waar een computer/werkplek bij hoort, of `null`. */
+export declare function printplekVoorComputer(computerNaam: string): Promise<string | null>;
+/** Naam van een printplek, voor nette foutmeldingen. */
+export declare function printplekNaam(printPlekId: string): Promise<string | null>;
+//# sourceMappingURL=printplekken.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"printplekken.d.ts","sourceRoot":"","sources":["../../src/lib/printplekken.ts"],"names":[],"mappings":"AAUA,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,MAAM,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,wBAAwB;IACvC,EAAE,EAAE,MAAM,CAAC;IACX,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B;AAED,MAAM,WAAW,kBAAkB;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,aAAa,EAAE,MAAM,CAAC;IACtB,wEAAwE;IACxE,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB;AAQD,0EAA0E;AAC1E,wBAAgB,eAAe;;;;;;;;EAkC9B;AAED;;;;GAIG;AACH,wBAAsB,iBAAiB,IAAI,OAAO,CAAC,SAAS,EAAE,CAAC,CAO9D;AAED,2EAA2E;AAC3E,wBAAgB,0BAA0B;;;;EAczC;AAMD,wBAAsB,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAQxF;AAED,wBAAsB,eAAe,CACnC,EAAE,EAAE,MAAM,EACV,MAAM,EAAE;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAAC,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,iBAI1E;AAED,wBAAsB,kBAAkB,CAAC,EAAE,EAAE,MAAM,iBAGlD;AAED,sFAAsF;AACtF,wBAAsB,0BAA0B,CAAC,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,iBAMzF;AAED,wBAAsB,iBAAiB,CAAC,YAAY,EAAE,MAAM,iBAM3D;AAED,4EAA4E;AAC5E,wBAAsB,mBAAmB,CACvC,WAAW,EAAE,MAAM,EACnB,YAAY,EAAE,MAAM,EACpB,SAAS,EAAE,MAAM,GAAG,IAAI,EACxB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,iBAqB9B;AAED;;;GAGG;AACH,wBAAsB,sBAAsB,CAC1C,WAAW,EAAE,MAAM,EACnB,IAAI,EAAE,MAAM,EACZ,MAAM,EAAE,MAAM,EACd,KAAK,CAAC,EAAE,MAAM,iBAYf;AAED,wBAAsB,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,iBAO/D;AAED,iEAAiE;AACjE,wBAAsB,iBAAiB,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAQ5F;AAMD,6EAA6E;AAC7E,wBAAsB,oBAAoB,CACxC,WAAW,EAAE,MAAM,EACnB,YAAY,EAAE,MAAM,GACnB,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAUxB;AAED,oEAAoE;AACpE,wBAAsB,qBAAqB,CAAC,YAAY,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CASxF;AAED,wDAAwD;AACxD,wBAAsB,aAAa,CAAC,WAAW,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAO/E"}

package/dist-lib/lib/printplekken.js

@@ -0,0 +1,198 @@
+// ============================================================================
+// src/lib/printplekken.ts — printplekken: een fysieke plek (pickstation,
+// expeditie, kantoor) die één of meer computers en hun printers bundelt.
+// Andere modules koppelen zich hieraan via `print_plek_koppelingen`, zonder
+// dat deze module iets van die modules hoeft te weten.
+// ============================================================================
+import { useCallback, useEffect, useState } from "react";
+import { supabase } from "./supabaseClient.js";
+const arr = (v) => (Array.isArray(v) ? v : []);
+// ---------------------------------------------------------------------------
+// Lezen
+// ---------------------------------------------------------------------------
+/** Alle printplekken met hun computers, documentregels en koppelingen. */
+export function usePrintplekken() {
+    const [plekken, setPlekken] = useState([]);
+    const [computers, setComputers] = useState([]);
+    const [regels, setRegels] = useState([]);
+    const [koppelingen, setKoppelingen] = useState([]);
+    const [laden, setLaden] = useState(true);
+    const [fout, setFout] = useState(null);
+    const load = useCallback(async (stil = false) => {
+        if (!stil)
+            setLaden(true);
+        const [p, c, r, k] = await Promise.all([
+            supabase.from("print_plekken").select("*").order("naam"),
+            supabase.from("print_plek_computers").select("*"),
+            supabase.from("document_printplek_printers").select("*"),
+            supabase.from("print_plek_koppelingen").select("*"),
+        ]);
+        const eersteFout = p.error ?? c.error ?? r.error ?? k.error;
+        setFout(eersteFout
+            ? "Printplekken konden niet worden geladen. Voer sql/print-schema.sql uit in deze shell."
+            : null);
+        setPlekken(arr(p.data));
+        setComputers(arr(c.data));
+        setRegels(arr(r.data));
+        setKoppelingen(arr(k.data));
+        setLaden(false);
+    }, []);
+    useEffect(() => {
+        void load();
+    }, [load]);
+    return { plekken, computers, regels, koppelingen, laden, fout, reload: load };
+}
+/**
+ * Eenvoudige lijst van actieve printplekken. Bedoeld voor andere modules die
+ * een keuzelijst willen tonen (bijv. "welke printplek hoort bij dit
+ * pickstation?").
+ */
+export async function printplekkenLijst() {
+    const { data } = await supabase
+        .from("print_plekken")
+        .select("id, naam, omschrijving, actief")
+        .eq("actief", true)
+        .order("naam");
+    return arr(data);
+}
+/** Hook-variant van `printplekkenLijst` voor gebruik in andere modules. */
+export function useBeschikbarePrintplekken() {
+    const [plekken, setPlekken] = useState([]);
+    const [laden, setLaden] = useState(true);
+    const load = useCallback(async () => {
+        setPlekken(await printplekkenLijst());
+        setLaden(false);
+    }, []);
+    useEffect(() => {
+        void load();
+    }, [load]);
+    return { plekken, laden, reload: load };
+}
+// ---------------------------------------------------------------------------
+// Schrijven
+// ---------------------------------------------------------------------------
+export async function maakPrintplek(naam, omschrijving) {
+    const { data, error } = await supabase
+        .from("print_plekken")
+        .insert({ naam: naam.trim(), omschrijving: omschrijving?.trim() || null })
+        .select("id")
+        .maybeSingle();
+    if (error)
+        throw error;
+    return data?.id ?? "";
+}
+export async function bewerkPrintplek(id, velden) {
+    const { error } = await supabase.from("print_plekken").update(velden).eq("id", id);
+    if (error)
+        throw error;
+}
+export async function verwijderPrintplek(id) {
+    const { error } = await supabase.from("print_plekken").delete().eq("id", id);
+    if (error)
+        throw error;
+}
+/** Zet een computer (werkplek) bij een printplek. Een computer hoort bij één plek. */
+export async function koppelComputerAanPrintplek(printPlekId, computerNaam) {
+    const { error } = await supabase.from("print_plek_computers").upsert({ print_plek_id: printPlekId, computer_naam: computerNaam.trim() }, { onConflict: "computer_naam" });
+    if (error)
+        throw error;
+}
+export async function ontkoppelComputer(computerNaam) {
+    const { error } = await supabase
+        .from("print_plek_computers")
+        .delete()
+        .eq("computer_naam", computerNaam.trim());
+    if (error)
+        throw error;
+}
+/** Legt vast welke printer een documentsoort op deze printplek gebruikt. */
+export async function zetPrintplekPrinter(printPlekId, documenttype, printerId, papierformaat) {
+    if (!printerId) {
+        const { error } = await supabase
+            .from("document_printplek_printers")
+            .delete()
+            .eq("print_plek_id", printPlekId)
+            .eq("documenttype", documenttype);
+        if (error)
+            throw error;
+        return;
+    }
+    const { error } = await supabase.from("document_printplek_printers").upsert({
+        print_plek_id: printPlekId,
+        documenttype,
+        printer_id: printerId,
+        papierformaat: papierformaat ?? null,
+    }, { onConflict: "print_plek_id,documenttype" });
+    if (error)
+        throw error;
+}
+/**
+ * Koppelt een willekeurige externe eenheid (pickstation, scanner, balie) aan
+ * een printplek. `bron` is een vrij label van de aanleverende module.
+ */
+export async function koppelBronAanPrintplek(printPlekId, bron, bronId, label) {
+    const { error } = await supabase.from("print_plek_koppelingen").upsert({
+        print_plek_id: printPlekId,
+        bron: bron.trim(),
+        bron_id: String(bronId).trim(),
+        label: label?.trim() || null,
+    }, { onConflict: "bron,bron_id" });
+    if (error)
+        throw error;
+}
+export async function ontkoppelBron(bron, bronId) {
+    const { error } = await supabase
+        .from("print_plek_koppelingen")
+        .delete()
+        .eq("bron", bron.trim())
+        .eq("bron_id", String(bronId).trim());
+    if (error)
+        throw error;
+}
+/** De printplek die bij een externe eenheid hoort, of `null`. */
+export async function printplekVoorBron(bron, bronId) {
+    const { data } = await supabase
+        .from("print_plek_koppelingen")
+        .select("print_plek_id")
+        .eq("bron", bron.trim())
+        .eq("bron_id", String(bronId).trim())
+        .maybeSingle();
+    return data?.print_plek_id ?? null;
+}
+// ---------------------------------------------------------------------------
+// Printerkeuze
+// ---------------------------------------------------------------------------
+/** De printer die op deze printplek voor deze documentsoort is ingesteld. */
+export async function printerVoorPrintplek(printPlekId, documenttype) {
+    const id = (printPlekId ?? "").trim();
+    if (!id)
+        return null;
+    const { data } = await supabase
+        .from("document_printplek_printers")
+        .select("printer_id")
+        .eq("print_plek_id", id)
+        .eq("documenttype", documenttype)
+        .maybeSingle();
+    return data?.printer_id ?? null;
+}
+/** De printplek waar een computer/werkplek bij hoort, of `null`. */
+export async function printplekVoorComputer(computerNaam) {
+    const naam = (computerNaam ?? "").trim();
+    if (!naam)
+        return null;
+    const { data } = await supabase
+        .from("print_plek_computers")
+        .select("print_plek_id")
+        .eq("computer_naam", naam)
+        .maybeSingle();
+    return data?.print_plek_id ?? null;
+}
+/** Naam van een printplek, voor nette foutmeldingen. */
+export async function printplekNaam(printPlekId) {
+    const { data } = await supabase
+        .from("print_plekken")
+        .select("naam")
+        .eq("id", printPlekId)
+        .maybeSingle();
+    return data?.naam ?? null;
+}

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

@@ -1 +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"}
+{"version":3,"file":"testpagina.d.ts","sourceRoot":"","sources":["../../src/lib/testpagina.ts"],"names":[],"mappings":"AASA,wBAAsB,gBAAgB,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,iBAwBrE"}

package/dist-lib/lib/testpagina.js

@@ -1,8 +1,9 @@
 // ============================================================================
-// src/lib/testpagina.ts — een testpagina naar een printer sturen
+// src/lib/testpagina.ts — een testpagina naar een printer sturen.
+// Altijd via PrintNode: een testpagina die in het browser-printvenster
+// uitkomt zegt niets over de koppeling die je wilt testen.
 // ============================================================================
 import { toast } from "@flowselections/core";
-import { drukAf } from "./browserPrint.js";
 import { printDirect } from "./directPrint.js";
 export async function drukTestpaginaAf(printerId, naam) {
     const html = `<div style="padding:20mm;font-size:14pt"><h1 style="font-size:20pt">Testpagina</h1>
@@ -21,9 +22,8 @@ export async function drukTestpaginaAf(printerId, naam) {
             toast.success(`Testpagina verstuurd naar ${direct.printernaam ?? naam}`);
             return;
         }
-        if (direct.reden)
-            toast.error(direct.reden);
-        await drukAf(opdracht);
+        toast.error(direct.reden ??
+            `${naam} is nog niet gekoppeld aan het printprogramma — controleer de werkplek.`);
     }
     catch {
         toast.error("De testpagina kon niet worden afgedrukt");

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

@@ -1,4 +1,5 @@
 import type { LayoutElementModel, LayoutModel, PageSettings } from "./documentTypes.js";
+import type { PlekNamen } from "./printQueue.js";
 export interface PrinterModel {
     id: string;
     naam: string;
@@ -90,6 +91,11 @@ export declare function usePrintJobs(): {
     loading: boolean;
     reload: (stil?: boolean) => Promise<void>;
 };
+/**
+ * Namen van printplekken plus de koppelingen (pickstation/computer → plek),
+ * zodat de wachtrij kan tonen vanaf welke plek een opdracht komt.
+ */
+export declare function usePrintPlekNamen(): PlekNamen;
 export declare function updateJobStatus(id: string, status: string): Promise<void>;
 export declare function maakPrintJob(input: {
     layout_id: string;

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":"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"}

package/dist-lib/lib/useDocumentData.js

@@ -399,6 +399,37 @@ export function usePrintJobs() {
     }, [load]);
     return { jobs, loading, reload: load };
 }
+/**
+ * Namen van printplekken plus de koppelingen (pickstation/computer → plek),
+ * zodat de wachtrij kan tonen vanaf welke plek een opdracht komt.
+ */
+export function usePrintPlekNamen() {
+    const [namen, setNamen] = useState({ plekken: new Map(), koppelingen: new Map() });
+    useEffect(() => {
+        let actief = true;
+        void (async () => {
+            const [plekRes, kopRes] = await Promise.all([
+                supabase.from("print_plekken").select("id, naam"),
+                supabase.from("print_plek_koppelingen").select("bron_id, print_plek_id"),
+            ]);
+            if (!actief)
+                return;
+            const plekken = new Map();
+            for (const p of arr(plekRes.data))
+                plekken.set(p.id, p.naam);
+            const koppelingen = new Map();
+            for (const k of arr(kopRes.data)) {
+                if (k.bron_id && k.print_plek_id)
+                    koppelingen.set(String(k.bron_id).toLowerCase(), k.print_plek_id);
+            }
+            setNamen({ plekken, koppelingen });
+        })();
+        return () => {
+            actief = false;
+        };
+    }, []);
+    return namen;
+}
 export async function updateJobStatus(id, status) {
     const patch = { status };
     if (status === "voltooid")

package/package.json

@@ -1,18 +1,18 @@
 {
   "name": "@flowselections/layout-maker",
-  "version": "1.13.2",
+  "version": "1.19.0",
   "flowselections": {
     "moduleId": "layout-maker",
     "pages": [
       {
-        "export": "LayoutsPage",
+        "export": "DocumentenPage",
         "route": "layouts-printers",
-        "title": "Layouts"
+        "title": "Documenten"
       },
       {
-        "export": "PrintersPage",
-        "route": "layouts-printers/printers",
-        "title": "Printers"
+        "export": "LayoutsPrintersTabPage",
+        "route": "layouts-printers/$tab",
+        "title": "Layouts en printers"
       },
       {
         "export": "WerkplekConfiguratiePage",
@@ -20,20 +20,20 @@
         "title": "Werkplek configureren"
       },
       {
-        "export": "DocumentRouteringPage",
-        "route": "layouts-printers/routering",
-        "title": "Routering"
+        "export": "PrintenPage",
+        "route": "layouts-printers/printplekken",
+        "title": "Printplekken"
+      },
+      {
+        "export": "PrintplekDetailPage",
+        "route": "layouts-printers/printplekken/$printplekId",
+        "title": "Printplek"
       },
       {
         "export": "PrintQueuePage",
         "route": "layouts-printers/wachtrij",
         "title": "Printwachtrij"
       },
-      {
-        "export": "LogosPage",
-        "route": "layouts-printers/logos",
-        "title": "Logo's"
-      },
       {
         "export": "PakbonBuilderPage",
         "route": "layouts-printers/pakbon/$layoutId",