@flowselections/layout-maker 1.6.6 → 1.7.1

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

@@ -0,0 +1,6 @@
+/**
+ * Verwerkt een tick-verzoek: controleert de sleutel, houdt de shell-registratie
+ * levend en drukt een paar wachtende opdrachten af.
+ */
+export declare function behandelQueueTick(request: Request): Promise<Response>;
+//# sourceMappingURL=queueTick.d.ts.map

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

@@ -0,0 +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"}

package/dist-lib/lib/queueTick.js

@@ -0,0 +1,44 @@
+// ============================================================================
+// 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.
+// ============================================================================
+function gelijk(a, b) {
+    if (a.length !== b.length)
+        return false;
+    let verschil = 0;
+    for (let i = 0; i < a.length; i++)
+        verschil |= a.charCodeAt(i) ^ b.charCodeAt(i);
+    return verschil === 0;
+}
+/**
+ * Verwerkt een tick-verzoek: controleert de sleutel, houdt de shell-registratie
+ * levend en drukt een paar wachtende opdrachten af.
+ */
+export async function behandelQueueTick(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)));
+    if (!toegestaan) {
+        return new Response(JSON.stringify({ ok: false }), {
+            status: 401,
+            headers: { "Content-Type": "application/json" },
+        });
+    }
+    void meldRunnerAan();
+    const { verwerkWachtrij } = await import("./printQueue.server");
+    try {
+        const resultaat = await verwerkWachtrij(5);
+        return Response.json({ ok: true, ...resultaat });
+    }
+    catch (e) {
+        return new Response(JSON.stringify({ ok: false, fout: e instanceof Error ? e.message : "Mislukt" }), { status: 500, headers: { "Content-Type": "application/json" } });
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flowselections/layout-maker",
-  "version": "1.6.6",
+  "version": "1.7.1",
   "flowselections": {
     "moduleId": "layout-maker",
     "pages": [
@@ -44,6 +44,15 @@
         "route": "layouts-printers/productiebon/$layoutId",
         "title": "Productiebon opbouw"
       }
+    ],
+    "serverRoutes": [
+      {
+        "path": "api/public/print/queue-tick",
+        "export": "behandelQueueTick",
+        "methods": [
+          "POST"
+        ]
+      }
     ]
   },
   "private": false,

package/dist-lib/components/settings/MijnModuleSettingsCard.d.ts

@@ -1,2 +0,0 @@
-export declare function MijnModuleSettingsCard(): import("react").JSX.Element;
-//# sourceMappingURL=MijnModuleSettingsCard.d.ts.map

package/dist-lib/components/settings/MijnModuleSettingsCard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MijnModuleSettingsCard.d.ts","sourceRoot":"","sources":["../../../src/components/settings/MijnModuleSettingsCard.tsx"],"names":[],"mappings":"AAiCA,wBAAgB,sBAAsB,gCA+CrC"}

package/dist-lib/components/settings/MijnModuleSettingsCard.js

@@ -1,42 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// ============================================================================
-// src/components/settings/MijnModuleSettingsCard.tsx — EXAMPLE SETTINGS CARD
-// ============================================================================
-// This is an example of a settings card for your module.
-// It appears on the main settings page when registered in src/index.ts.
-//
-// RULES:
-//   - Must return a <Card> as its root element
-//   - Handles its own data fetching — no props are passed by the core
-//   - Use the same Card primitives from @flowselections/core
-//
-// WHAT TO DO:
-//   - Rename this file to match your card's purpose
-//   - Add your real settings UI
-//   - Register it in src/index.ts under settingsCards
-//   - Delete this file entirely if your module has no settings
-// ============================================================================
-import { useState } from "react";
-import { Card, CardContent, CardDescription, CardHeader, CardTitle, Button, Input, Label, toast, } from "@flowselections/core";
-import { Settings2 } from "lucide-react";
-export function MijnModuleSettingsCard() {
-    // Replace with your real settings state
-    const [setting, setSetting] = useState("");
-    const [saving, setSaving] = useState(false);
-    const handleSave = async () => {
-        setSaving(true);
-        try {
-            // Example: save to a table — replace with your real query
-            // const { error } = await supabase.from("my_settings").upsert({ ... });
-            // if (error) throw error;
-            toast.success("Instellingen opgeslagen");
-        }
-        catch {
-            toast.error("Fout bij het opslaan");
-        }
-        finally {
-            setSaving(false);
-        }
-    };
-    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Settings2, { className: "h-5 w-5 text-primary" }), _jsx(CardTitle, { children: "Module Instellingen" }), " "] }), _jsx(CardDescription, { children: "Beheer de instellingen voor deze module " })] }), _jsxs(CardContent, { className: "space-y-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "setting", children: "Instelling" }), _jsx(Input, { id: "setting", value: setting, onChange: (e) => setSetting(e.target.value), placeholder: "Waarde..." })] }), _jsx(Button, { onClick: handleSave, disabled: saving, children: saving ? "Opslaan..." : "Opslaan" })] })] }));
-}

package/dist-lib/hooks/useMijnModuleData.d.ts

@@ -1,13 +0,0 @@
-interface MijnItem {
-    id: string;
-    created_at: string;
-    [key: string]: unknown;
-}
-export declare function useMijnModuleData(): {
-    items: MijnItem[];
-    loading: boolean;
-    error: string | null;
-    reload: () => Promise<void>;
-};
-export {};
-//# sourceMappingURL=useMijnModuleData.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useMijnModuleData.d.ts","sourceRoot":"","sources":["../../src/hooks/useMijnModuleData.ts"],"names":[],"mappings":"AAkBA,UAAU,QAAQ;IAChB,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,EAAE,MAAM,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,wBAAgB,iBAAiB;;;;;EAkChC"}

package/dist-lib/hooks/useMijnModuleData.js

@@ -1,49 +0,0 @@
-// ============================================================================
-// src/hooks/useMijnModuleData.ts — EXAMPLE DATA HOOK
-// ============================================================================
-// Put your data fetching logic in hooks like this, not directly in components.
-// This keeps your pages clean and makes it easy to reuse data across pages.
-//
-// WHAT TO DO:
-//   - Rename to match your data (e.g. useProducts, useOrders, useSuppliers)
-//   - Replace the example query with your real Supabase query
-//   - Replace MijnItem with your actual table's row type
-//   - Import and use in your page components
-//   - Delete this file if you prefer a different pattern
-// ============================================================================
-import { useState, useEffect, useCallback } from "react";
-import { supabase, toast } from "@flowselections/core";
-export function useMijnModuleData() {
-    const [items, setItems] = useState([]);
-    const [loading, setLoading] = useState(true);
-    const [error, setError] = useState(null);
-    const load = useCallback(async () => {
-        setLoading(true);
-        setError(null);
-        try {
-            const { data, error } = await supabase
-                .from("products") // ← CHANGE THIS to your table
-                .select("*")
-                .order("created_at", { ascending: false });
-            if (error)
-                throw error;
-            setItems(data ?? []);
-        }
-        catch {
-            setError("Fout bij het laden van gegevens");
-            toast.error("Fout bij het laden van gegevens");
-        }
-        finally {
-            setLoading(false);
-        }
-    }, []);
-    useEffect(() => {
-        load();
-    }, [load]);
-    return {
-        items,
-        loading,
-        error,
-        reload: load,
-    };
-}