@flowselections/layout-maker 1.7.2 → 1.8.0

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

@@ -2,13 +2,11 @@
 // src/lib/printService.functions.ts — server functions voor achtergrondprinten
 // ============================================================================
 import { createServerFn } from "@tanstack/react-start";
-import { requireSupabaseAuth } from "../integrations/supabase/auth-middleware";
+import { requireSupabaseAuth } from "../integrations/supabase/auth-middleware.js";
 export const netwerkPrinters = createServerFn({ method: "POST" })
     .middleware([requireSupabaseAuth])
     .handler(async () => {
-    const { meldRunnerAan } = await import("./runnerRegistry.server");
-    void meldRunnerAan();
-    const { haalNetwerkPrinters } = await import("./printService.server");
+    const { haalNetwerkPrinters } = await import("./printService.server.js");
     try {
         return { ok: true, printers: await haalNetwerkPrinters() };
     }
@@ -32,7 +30,7 @@ export const verstuurPrintOpdracht = createServerFn({ method: "POST" })
     };
 })
     .handler(async ({ data }) => {
-    const { stuurPdfNaarPrinter } = await import("./printService.server");
+    const { stuurPdfNaarPrinter } = await import("./printService.server.js");
     try {
         return { ok: true, externJobId: await stuurPdfNaarPrinter(data) };
     }
@@ -46,7 +44,7 @@ export const printStatus = createServerFn({ method: "POST" })
     externJobId: String(input?.externJobId ?? "").slice(0, 40),
 }))
     .handler(async ({ data }) => {
-    const { opdrachtStatus } = await import("./printService.server");
+    const { opdrachtStatus } = await import("./printService.server.js");
     try {
         return { ok: true, status: await opdrachtStatus(data.externJobId) };
     }
@@ -57,9 +55,7 @@ export const printStatus = createServerFn({ method: "POST" })
 export const netwerkComputers = createServerFn({ method: "POST" })
     .middleware([requireSupabaseAuth])
     .handler(async () => {
-    const { meldRunnerAan } = await import("./runnerRegistry.server");
-    void meldRunnerAan();
-    const { haalComputers } = await import("./printService.server");
+    const { haalComputers } = await import("./printService.server.js");
     try {
         return { ok: true, computers: await haalComputers() };
     }
@@ -70,25 +66,3 @@ export const netwerkComputers = createServerFn({ method: "POST" })
         };
     }
 });
-/**
- * Vangnet: verwerkt direct een paar wachtende opdrachten. Wordt aangeroepen
- * zolang de printwachtrij-pagina openstaat, zodat een verse installatie meteen
- * print — ook voor de eerste cron-ronde.
- */
-export const wachtrijTick = createServerFn({ method: "POST" })
-    .middleware([requireSupabaseAuth])
-    .handler(async () => {
-    try {
-        const { adminConfiguratieFout } = await import("./supabaseAdmin.server");
-        const configFout = adminConfiguratieFout();
-        if (configFout)
-            return { ok: false, fout: configFout };
-        const { meldRunnerAan } = await import("./runnerRegistry.server");
-        await meldRunnerAan();
-        const { verwerkWachtrij } = await import("./printQueue.server");
-        return { ok: true, ...(await verwerkWachtrij(3)) };
-    }
-    catch (e) {
-        return { ok: false, fout: e instanceof Error ? e.message : "Verwerken mislukt" };
-    }
-});

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

@@ -10,7 +10,7 @@
 //   3. meegestuurde render_html             -> die opmaak printen
 //   4. actieve layout van het documenttype  -> vers renderen
 // ============================================================================
-import { printToegang, PrintToegangFout, vergeetPrintToegang } from "./centralAuth.server";
+import { printToegang, PrintToegangFout, vergeetPrintToegang } from "./centralAuth.server.js";
 const BASIS = "https://api.printnode.com";
 const arr = (v) => (Array.isArray(v) ? v : []);
 function b64(tekst) {

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

@@ -1,4 +1,4 @@
-import type { InstellingDef } from "./documentProfiles";
+import type { InstellingDef } from "./documentProfiles.js";
 export type ProductiebonBlokType = "productinfo" | "productfotos" | "samenstelling" | "instructies" | "productiestappen" | "fustinformatie" | "belading" | "visueleopbouw" | "materialen" | "controlepunten" | "extrainfo" | "qrblok" | "tekstblok";
 export interface ProductiebonVeld {
     key: string;

package/dist-lib/lib/productiebonHtml.js

@@ -5,8 +5,8 @@
 // (config.productiebon.blokken). Wordt gebruikt door de printwachtrij zodat een
 // productiebon nooit als blanco vel bij de printer belandt.
 // ============================================================================
-import { DEMO_PRODUCTIEBON, ONDERDEEL_LABELS, FUST_LABELS, BELADING_LABELS, EXTRA_LABELS, leesProductiebonConfig, pbBlokZichtbaar, pbConditieContext, splitsLijst, vulPbVeldcodes, } from "./productiebonBuilder";
-import { esc } from "./pakbonHtml";
+import { DEMO_PRODUCTIEBON, ONDERDEEL_LABELS, FUST_LABELS, BELADING_LABELS, EXTRA_LABELS, leesProductiebonConfig, pbBlokZichtbaar, pbConditieContext, splitsLijst, vulPbVeldcodes, } from "./productiebonBuilder.js";
+import { esc } from "./pakbonHtml.js";
 const arr = (v) => (Array.isArray(v) ? v : []);
 /**
  * Vult ontbrekende onderdelen aan, zodat een module die maar een deel van de

package/dist-lib/lib/profielHtml.js

@@ -7,8 +7,8 @@
 // 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";
+import { configWaarde, documentProfiel, } from "./documentProfiles.js";
+import { esc } from "./pakbonHtml.js";
 const arr = (v) => (Array.isArray(v) ? v : []);
 /** Instellingen die geen losse regel opleveren maar een eigen weergave hebben. */
 const SPECIAAL = new Set([

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

@@ -1,6 +1,14 @@
+import type { SupabaseClient } from "@supabase/supabase-js";
+type Db = SupabaseClient<any, any, any>;
 /**
- * Verwerkt een tick-verzoek: controleert de sleutel, houdt de shell-registratie
- * levend en drukt een paar wachtende opdrachten af.
+ * Verwerkt een tick-verzoek: controleert het toegangsbewijs, houdt de
+ * shell-registratie levend en drukt een paar wachtende opdrachten af.
+ *
+ * Toegestane vormen, in deze volgorde:
+ *  1. een runner-sleutel uit print_queue_runners.tick_sleutel (printrunners);
+ *  2. SUPABASE_PUBLISHABLE_KEY (de achtergrondtaak/cron);
+ *  3. een geldig gebruikerstoken van een ingelogde gebruiker (knop in de UI).
  */
-export declare function behandelQueueTick(request: Request): Promise<Response>;
+export declare function behandelQueueTick(request: Request, supabase: Db): Promise<Response>;
+export {};
 //# sourceMappingURL=queueTick.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"queueTick.d.ts","sourceRoot":"","sources":["../../src/lib/queueTick.ts"],"names":[],"mappings":"AAcA;;;GAGG;AACH,wBAAsB,iBAAiB,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,CAAC,QAAQ,CAAC,CAmC3E"}
+{"version":3,"file":"queueTick.d.ts","sourceRoot":"","sources":["../../src/lib/queueTick.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE5D,KAAK,EAAE,GAAG,cAAc,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;AAiBxC;;;;;;;;GAQG;AACH,wBAAsB,iBAAiB,CAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,GAAG,OAAO,CAAC,QAAQ,CAAC,CAiFzF"}

package/dist-lib/lib/queueTick.js

@@ -1,8 +1,7 @@
 // ============================================================================
 // src/lib/queueTick.ts — afhandeling van /api/public/print/queue-tick.
-// Wordt door de module geleverd zodat elke shell dit eindpunt met een
-// routebestandje van drie regels kan hosten. Bovenaan staan géén server-only
-// imports: die worden pas binnen de handler dynamisch geladen.
+// De shell levert de databaseverbinding aan; deze module maakt er zelf nooit
+// een. Zo kan een module nooit naar de database van een andere klant schrijven.
 // ============================================================================
 function gelijk(a, b) {
     if (a.length !== b.length)
@@ -12,33 +11,81 @@ function gelijk(a, b) {
         verschil |= a.charCodeAt(i) ^ b.charCodeAt(i);
     return verschil === 0;
 }
+/** Haalt het meegestuurde toegangsbewijs uit de headers. */
+function leesSleutel(request) {
+    return (request.headers.get("apikey") ??
+        (request.headers.get("authorization") ?? "").replace(/^Bearer\s+/i, "")).trim();
+}
 /**
- * Verwerkt een tick-verzoek: controleert de sleutel, houdt de shell-registratie
- * levend en drukt een paar wachtende opdrachten af.
+ * Verwerkt een tick-verzoek: controleert het toegangsbewijs, houdt de
+ * shell-registratie levend en drukt een paar wachtende opdrachten af.
+ *
+ * Toegestane vormen, in deze volgorde:
+ *  1. een runner-sleutel uit print_queue_runners.tick_sleutel (printrunners);
+ *  2. SUPABASE_PUBLISHABLE_KEY (de achtergrondtaak/cron);
+ *  3. een geldig gebruikerstoken van een ingelogde gebruiker (knop in de UI).
  */
-export async function behandelQueueTick(request) {
+export async function behandelQueueTick(request, supabase) {
+    if (!supabase) {
+        return Response.json({ ok: false, fout: "Achtergrondprinten is niet ingesteld: de server kreeg geen databaseverbinding." }, { status: 500 });
+    }
+    const meegegeven = leesSleutel(request);
     const projectSleutel = process.env["SUPABASE_PUBLISHABLE_KEY"] ??
         process.env["VITE_SUPABASE_PUBLISHABLE_KEY"] ??
         "";
-    const meegegeven = request.headers.get("apikey") ??
-        (request.headers.get("authorization") ?? "").replace(/^Bearer\s+/i, "");
-    const { isRunnerSleutel, meldRunnerAan } = await import("./runnerRegistry.server");
-    const toegestaan = !!meegegeven &&
-        ((!!projectSleutel && gelijk(projectSleutel, meegegeven)) ||
-            (await isRunnerSleutel(meegegeven)));
+    const geprobeerd = [];
+    const ontbrekend = [];
+    let toegestaan = false;
+    const { isRunnerSleutel, meldRunnerAan } = await import("./runnerRegistry.server.js");
+    if (meegegeven) {
+        geprobeerd.push("runner-sleutel");
+        toegestaan = await isRunnerSleutel(supabase, meegegeven);
+        if (!toegestaan) {
+            geprobeerd.push("publishable-key");
+            if (!projectSleutel)
+                ontbrekend.push("SUPABASE_PUBLISHABLE_KEY");
+            else
+                toegestaan = gelijk(projectSleutel, meegegeven);
+        }
+        if (!toegestaan) {
+            geprobeerd.push("gebruikerstoken");
+            try {
+                const { data } = await supabase.auth.getUser(meegegeven);
+                toegestaan = !!data?.user?.id;
+            }
+            catch {
+                toegestaan = false;
+            }
+        }
+    }
+    else {
+        ontbrekend.push("toegangsbewijs in de apikey- of authorization-header");
+    }
     if (!toegestaan) {
-        return new Response(JSON.stringify({ ok: false }), {
-            status: 401,
-            headers: { "Content-Type": "application/json" },
-        });
+        // Eén regel in de serverlogboeken, zonder ooit een sleutelwaarde te tonen.
+        console.warn(`[printwachtrij] tick geweigerd (401). Geprobeerd: ${geprobeerd.join(", ") || "geen"}. ` +
+            `Ontbrekende configuratie: ${ontbrekend.join(", ") || "geen"}.`);
+        return Response.json({
+            ok: false,
+            fout: ontbrekend.length > 0
+                ? `Het printeindpunt weigerde het verzoek. Ontbrekende configuratie: ${ontbrekend.join(", ")}.`
+                : "Het printeindpunt weigerde het verzoek: geen geldig toegangsbewijs.",
+            geprobeerd,
+            ontbrekend,
+        }, { status: 401 });
+    }
+    const { controleerClient, verwerkWachtrij } = await import("./printQueue.server.js");
+    const configFout = await controleerClient(supabase);
+    if (configFout) {
+        console.warn(`[printwachtrij] ${configFout}`);
+        return Response.json({ ok: false, fout: configFout }, { status: 500 });
     }
-    void meldRunnerAan();
-    const { verwerkWachtrij } = await import("./printQueue.server");
+    void meldRunnerAan(supabase);
     try {
-        const resultaat = await verwerkWachtrij(5);
-        return Response.json({ ok: true, ...resultaat });
+        const resultaat = await verwerkWachtrij(supabase, 5);
+        return Response.json({ ok: true, ...resultaat, ontbrekend });
     }
     catch (e) {
-        return new Response(JSON.stringify({ ok: false, fout: e instanceof Error ? e.message : "Mislukt" }), { status: 500, headers: { "Content-Type": "application/json" } });
+        return Response.json({ ok: false, fout: e instanceof Error ? e.message : "Mislukt" }, { status: 500 });
     }
 }

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

@@ -0,0 +1,8 @@
+export declare const QUEUE_TICK_PAD = "/api/public/print/queue-tick";
+export interface TickAntwoord {
+    ok: boolean;
+    fout?: string;
+}
+/** Laat de wachtrij één ronde draaien. Geeft nooit een fout terug, alleen uitleg. */
+export declare function vraagWachtrijRonde(): Promise<TickAntwoord>;
+//# sourceMappingURL=queueTickClient.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"queueTickClient.d.ts","sourceRoot":"","sources":["../../src/lib/queueTickClient.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,cAAc,iCAAiC,CAAC;AAE7D,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,OAAO,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,qFAAqF;AACrF,wBAAsB,kBAAkB,IAAI,OAAO,CAAC,YAAY,CAAC,CA2BhE"}

package/dist-lib/lib/queueTickClient.js

@@ -0,0 +1,37 @@
+// ============================================================================
+// src/lib/queueTickClient.ts — de browser vraagt de shell om een tickronde.
+// ----------------------------------------------------------------------------
+// De browser krijgt nooit een databaseverbinding en gebruikt ook nooit de
+// publishable key als toegangsbewijs: hij stuurt het token van de ingelogde
+// gebruiker mee naar /api/public/print/queue-tick.
+// ============================================================================
+import { supabase } from "./supabaseClient.js";
+export const QUEUE_TICK_PAD = "/api/public/print/queue-tick";
+/** Laat de wachtrij één ronde draaien. Geeft nooit een fout terug, alleen uitleg. */
+export async function vraagWachtrijRonde() {
+    try {
+        const { data } = await supabase.auth.getSession();
+        const token = data.session?.access_token;
+        if (!token) {
+            return { ok: false, fout: "Je bent niet (meer) ingelogd, dus de printwachtrij kan niet draaien." };
+        }
+        const res = await fetch(QUEUE_TICK_PAD, {
+            method: "POST",
+            headers: { Authorization: `Bearer ${token}`, "Content-Type": "application/json" },
+            body: "{}",
+        });
+        const antwoord = (await res.json().catch(() => null));
+        if (res.ok && antwoord?.ok !== false)
+            return { ok: true };
+        return {
+            ok: false,
+            fout: antwoord?.fout ??
+                (res.status === 404
+                    ? "Het printeindpunt /api/public/print/queue-tick bestaat niet in deze shell."
+                    : `Achtergrondprinten werkt nu niet (${res.status}).`),
+        };
+    }
+    catch (e) {
+        return { ok: false, fout: e instanceof Error ? e.message : "Achtergrondprinten werkt nu niet." };
+    }
+}

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

@@ -1,10 +1,11 @@
+import type { PrintDb } from "./printQueue.server.js";
 /** 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>;
+export declare function meldRunnerAan(db: PrintDb): Promise<void>;
 /** Controleert of de meegegeven sleutel bij een geregistreerde shell hoort. */
-export declare function isRunnerSleutel(sleutel: string): Promise<boolean>;
+export declare function isRunnerSleutel(db: PrintDb, sleutel: string): Promise<boolean>;
 //# sourceMappingURL=runnerRegistry.server.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"runnerRegistry.server.d.ts","sourceRoot":"","sources":["../../src/lib/runnerRegistry.server.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAMnD,8DAA8D;AAC9D,wBAAgB,aAAa,IAAI,MAAM,GAAG,IAAI,CAS7C;AAED;;;GAGG;AACH,wBAAsB,aAAa,CAAC,EAAE,EAAE,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CAiC9D;AAED,+EAA+E;AAC/E,wBAAsB,eAAe,CAAC,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC,CAapF"}

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

@@ -25,7 +25,7 @@ export function eigenBasisUrl() {
  * 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() {
+export async function meldRunnerAan(db) {
     const basis = eigenBasisUrl();
     if (!basis)
         return;
@@ -35,20 +35,19 @@ export async function meldRunnerAan() {
     laatsteUrl = basis;
     laatsteMelding = nu;
     try {
-        const { adminDb: supabaseAdmin } = await import("./supabaseAdmin.server");
-        const { data } = await supabaseAdmin
+        const { data } = await db
             .from("print_queue_runners")
             .select("id")
             .eq("basis_url", basis)
             .maybeSingle();
         if (data?.id) {
-            await supabaseAdmin
+            await db
                 .from("print_queue_runners")
                 .update({ laatst_gezien: new Date().toISOString(), actief: true })
                 .eq("id", data.id);
             return;
         }
-        await supabaseAdmin.from("print_queue_runners").insert({
+        await db.from("print_queue_runners").insert({
             basis_url: basis,
             laatst_gezien: new Date().toISOString(),
             actief: true,
@@ -60,12 +59,11 @@ export async function meldRunnerAan() {
     }
 }
 /** Controleert of de meegegeven sleutel bij een geregistreerde shell hoort. */
-export async function isRunnerSleutel(sleutel) {
+export async function isRunnerSleutel(db, sleutel) {
     if (!sleutel || sleutel.length < 20)
         return false;
     try {
-        const { adminDb: supabaseAdmin } = await import("./supabaseAdmin.server");
-        const { data } = await supabaseAdmin
+        const { data } = await db
             .from("print_queue_runners")
             .select("id")
             .eq("tick_sleutel", sleutel)

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

@@ -1,4 +1,4 @@
 import type { SupabaseClient } from "@supabase/supabase-js";
-import type { Database } from "../integrations/supabase/types";
+import type { Database } from "../integrations/supabase/types.js";
 export declare const supabase: SupabaseClient<Database>;
 //# sourceMappingURL=supabaseClient.d.ts.map

package/dist-lib/lib/testpagina.js

@@ -2,8 +2,8 @@
 // src/lib/testpagina.ts — een testpagina naar een printer sturen
 // ============================================================================
 import { toast } from "@flowselections/core";
-import { drukAf } from "./browserPrint";
-import { printDirect } from "./directPrint";
+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>
 <p>Deze pagina hoort uit: <strong>${naam}</strong></p></div>`;

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

@@ -1,4 +1,4 @@
-import type { LayoutElementModel, LayoutModel, PageSettings } from "./documentTypes";
+import type { LayoutElementModel, LayoutModel, PageSettings } from "./documentTypes.js";
 export interface PrinterModel {
     id: string;
     naam: string;

package/dist-lib/lib/useDocumentData.js

@@ -3,7 +3,7 @@
 // ============================================================================
 import { useCallback, useEffect, useState } from "react";
 import { toast } from "@flowselections/core";
-import { supabase } from "./supabaseClient";
+import { supabase } from "./supabaseClient.js";
 const arr = (v) => (Array.isArray(v) ? v : []);
 // --- Layouts ---------------------------------------------------------------
 export function useLayouts() {

package/dist-lib/lib/useNetwerkPrinters.js

@@ -2,7 +2,7 @@
 // src/lib/useNetwerkPrinters.ts — printers die in het netwerk gevonden worden
 // ============================================================================
 import { useCallback, useEffect, useState } from "react";
-import { netwerkPrinters } from "./printService.functions";
+import { netwerkPrinters } from "./printService.functions.js";
 export function useNetwerkPrinters() {
     const [gevonden, setGevonden] = useState([]);
     const [bezig, setBezig] = useState(false);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flowselections/layout-maker",
-  "version": "1.7.2",
+  "version": "1.8.0",
   "flowselections": {
     "moduleId": "layout-maker",
     "pages": [
@@ -82,7 +82,7 @@
   "scripts": {
     "dev": "vite dev",
     "build": "vite build",
-    "build:lib": "tsc -p tsconfig.build.json && tsc-alias -p tsconfig.build.json && node -e \"require('fs').writeFileSync('dist-lib/styles.css', '@source \\\"./\\\";\\n')\"",
+    "build:lib": "tsc -p tsconfig.build.json && tsc-alias -p tsconfig.build.json --resolve-full-paths && node -e \"require('fs').writeFileSync('dist-lib/styles.css', '@source \\\"./\\\";\\n')\"",
     "build:lib:watch": "tsc -p tsconfig.build.json --watch",
     "build:dev": "vite build --mode development",
     "preview": "vite preview",