@flowselections/layout-maker 1.3.2

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

@@ -0,0 +1,97 @@
+import type { LayoutElementModel, LayoutModel, PageSettings } from "./documentTypes";
+export interface PrinterModel {
+    id: string;
+    naam: string;
+    omschrijving: string | null;
+    soort: string;
+    verbinding: string;
+    merk: string | null;
+    ip_adres: string | null;
+    poort: number | null;
+    driver: string | null;
+    papierformaat: string | null;
+    locatie: string | null;
+    online: boolean;
+    actief: boolean;
+    laatst_gezien: string | null;
+}
+export interface PrintJobModel {
+    id: string;
+    layout_id: string | null;
+    printer_id: string | null;
+    documenttype: string;
+    documentnaam: string | null;
+    status: string;
+    paginas: number | null;
+    kopieen: number | null;
+    foutmelding: string | null;
+    is_herprint: boolean;
+    gebruiker_naam: string | null;
+    created_at: string;
+    voltooid_op: string | null;
+}
+export declare function useLayouts(): {
+    layouts: LayoutModel[];
+    loading: boolean;
+    reload: () => Promise<void>;
+};
+export declare function maakLayout(input: {
+    naam: string;
+    documenttype: string;
+    omschrijving?: string;
+    papierformaat: string;
+    breedte_mm: number;
+    hoogte_mm: number;
+    orientatie: "portrait" | "landscape";
+    config?: Record<string, unknown>;
+}): Promise<string>;
+export declare function dupliceerLayout(id: string): Promise<string>;
+export declare function verwijderLayout(id: string): Promise<void>;
+export declare function updateLayout(id: string, patch: Record<string, unknown>): Promise<void>;
+export declare function useLayoutDetail(layoutId: string): {
+    layout: LayoutModel | null;
+    elementen: LayoutElementModel[];
+    setElementen: import("react").Dispatch<import("react").SetStateAction<LayoutElementModel[]>>;
+    setLayout: import("react").Dispatch<import("react").SetStateAction<LayoutModel | null>>;
+    loading: boolean;
+    reload: () => Promise<void>;
+};
+export declare function bewaarElementen(layoutId: string, elementen: LayoutElementModel[], pageSettings?: PageSettings): Promise<void>;
+export declare function bewaarVersie(layoutId: string, elementen: LayoutElementModel[], commentaar: string): Promise<number>;
+export declare function useVersies(layoutId: string): {
+    versies: {
+        id: string;
+        versienummer: number;
+        commentaar: string | null;
+        created_at: string;
+        elements: unknown;
+    }[];
+    reload: () => Promise<void>;
+};
+export declare function usePrinters(): {
+    printers: PrinterModel[];
+    koppelingen: {
+        layout_id: string;
+        printer_id: string;
+    }[];
+    loading: boolean;
+    reload: () => Promise<void>;
+};
+export declare function bewaarPrinter(input: Record<string, unknown>, id?: string): Promise<void>;
+export declare function verwijderPrinter(id: string): Promise<void>;
+export declare function toggleKoppeling(layoutId: string, printerId: string, aan: boolean): Promise<void>;
+export declare function usePrintJobs(): {
+    jobs: PrintJobModel[];
+    loading: boolean;
+    reload: () => Promise<void>;
+};
+export declare function updateJobStatus(id: string, status: string): Promise<void>;
+export declare function maakPrintJob(input: {
+    layout_id: string;
+    printer_id: string | null;
+    documenttype: string;
+    documentnaam: string;
+    kopieen?: number;
+    is_herprint?: boolean;
+}): Promise<void>;
+//# sourceMappingURL=useDocumentData.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDocumentData.d.ts","sourceRoot":"","sources":["../../src/lib/useDocumentData.ts"],"names":[],"mappings":"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"}

package/dist-lib/lib/useDocumentData.js

@@ -0,0 +1,286 @@
+// ============================================================================
+// src/lib/useDocumentData.ts — datahooks voor layouts, printers en wachtrij
+// ============================================================================
+import { useCallback, useEffect, useState } from "react";
+import { toast } from "@flowselections/core";
+import { supabase } from "./supabaseClient";
+const arr = (v) => (Array.isArray(v) ? v : []);
+// --- Layouts ---------------------------------------------------------------
+export function useLayouts() {
+    const [layouts, setLayouts] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const load = useCallback(async () => {
+        setLoading(true);
+        const { data, error } = await supabase
+            .from("document_layouts")
+            .select("*")
+            .order("updated_at", { ascending: false });
+        if (error)
+            toast.error("Layouts laden mislukt");
+        setLayouts(arr(data));
+        setLoading(false);
+    }, []);
+    useEffect(() => {
+        void load();
+    }, [load]);
+    return { layouts, loading, reload: load };
+}
+export async function maakLayout(input) {
+    const { data, error } = await supabase
+        .from("document_layouts")
+        .insert(input)
+        .select("id")
+        .single();
+    if (error)
+        throw error;
+    return data.id;
+}
+export async function dupliceerLayout(id) {
+    const { data: bron } = await supabase.from("document_layouts").select("*").eq("id", id).maybeSingle();
+    if (!bron)
+        throw new Error("Layout niet gevonden");
+    const b = bron;
+    delete b.id;
+    delete b.created_at;
+    delete b.updated_at;
+    b.naam = `${String(b.naam)} (kopie)`;
+    b.is_standaard = false;
+    const { data: nieuw, error } = await supabase
+        .from("document_layouts")
+        .insert(b)
+        .select("id")
+        .single();
+    if (error)
+        throw error;
+    const nieuwId = nieuw.id;
+    const { data: elementen } = await supabase.from("document_layout_elements").select("*").eq("layout_id", id);
+    const kopie = arr(elementen).map((e) => {
+        const c = { ...e };
+        delete c.id;
+        delete c.created_at;
+        delete c.updated_at;
+        c.layout_id = nieuwId;
+        return c;
+    });
+    if (kopie.length)
+        await supabase.from("document_layout_elements").insert(kopie);
+    return nieuwId;
+}
+export async function verwijderLayout(id) {
+    const { error } = await supabase.from("document_layouts").delete().eq("id", id);
+    if (error)
+        throw error;
+}
+export async function updateLayout(id, patch) {
+    const { error } = await supabase
+        .from("document_layouts")
+        .update(patch)
+        .eq("id", id);
+    if (error)
+        throw error;
+}
+export function useLayoutDetail(layoutId) {
+    const [layout, setLayout] = useState(null);
+    const [elementen, setElementen] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const load = useCallback(async () => {
+        setLoading(true);
+        const [{ data: l }, { data: els }, { data: cond }] = await Promise.all([
+            supabase.from("document_layouts").select("*").eq("id", layoutId).maybeSingle(),
+            supabase.from("document_layout_elements").select("*").eq("layout_id", layoutId).order("volgorde"),
+            supabase.from("document_layout_conditions").select("*").eq("layout_id", layoutId),
+        ]);
+        setLayout(l ?? null);
+        const condities = arr(cond);
+        setElementen(arr(els).map((e, i) => ({
+            key: e.element_key,
+            type: e.type,
+            volgorde: e.volgorde ?? i,
+            x: Number(e.x),
+            y: Number(e.y),
+            breedte: Number(e.breedte),
+            hoogte: Number(e.hoogte),
+            rotatie: Number(e.rotatie ?? 0),
+            zIndex: e.z_index ?? i,
+            content: e.content ?? "",
+            veldpad: e.veldpad,
+            logoId: e.logo_id ?? null,
+            stijl: e.stijl ?? {},
+            config: e.config ?? {},
+            groep: e.parent_key,
+            vergrendeld: !!e.vergrendeld,
+            verborgen: !!e.verborgen,
+            condities: condities
+                .filter((c) => c.element_key === e.element_key)
+                .map((c) => ({
+                veld: c.veld,
+                operator: c.operator,
+                waarde: c.waarde,
+            })),
+        })));
+        setLoading(false);
+    }, [layoutId]);
+    useEffect(() => {
+        void load();
+    }, [load]);
+    return { layout, elementen, setElementen, setLayout, loading, reload: load };
+}
+export async function bewaarElementen(layoutId, elementen, pageSettings) {
+    await supabase.from("document_layout_elements").delete().eq("layout_id", layoutId);
+    await supabase.from("document_layout_conditions").delete().eq("layout_id", layoutId);
+    if (elementen.length) {
+        const rows = elementen.map((e, i) => ({
+            layout_id: layoutId,
+            element_key: e.key,
+            type: e.type,
+            parent_key: e.groep ?? null,
+            volgorde: i,
+            x: e.x,
+            y: e.y,
+            breedte: e.breedte,
+            hoogte: e.hoogte,
+            rotatie: e.rotatie,
+            z_index: e.zIndex,
+            content: e.content,
+            veldpad: e.veldpad,
+            logo_id: e.logoId ?? null,
+            stijl: e.stijl,
+            config: e.config,
+            vergrendeld: e.vergrendeld,
+            verborgen: e.verborgen,
+        }));
+        const { error } = await supabase.from("document_layout_elements").insert(rows);
+        if (error)
+            throw error;
+        const condRows = elementen.flatMap((e) => (e.condities ?? []).map((c) => ({
+            layout_id: layoutId,
+            element_key: e.key,
+            veld: c.veld,
+            operator: c.operator,
+            waarde: c.waarde,
+        })));
+        if (condRows.length)
+            await supabase.from("document_layout_conditions").insert(condRows);
+    }
+    if (pageSettings) {
+        await supabase
+            .from("document_layouts")
+            .update({ page_settings: pageSettings })
+            .eq("id", layoutId);
+    }
+}
+export async function bewaarVersie(layoutId, elementen, commentaar) {
+    const { data } = await supabase
+        .from("document_layout_versions")
+        .select("versienummer")
+        .eq("layout_id", layoutId)
+        .order("versienummer", { ascending: false })
+        .limit(1);
+    const volgende = (arr(data)[0]?.versienummer ?? 0) + 1;
+    await supabase.from("document_layout_versions").insert({
+        layout_id: layoutId,
+        versienummer: volgende,
+        elements: elementen,
+        commentaar,
+    });
+    await supabase
+        .from("document_layouts")
+        .update({ huidige_versie: volgende })
+        .eq("id", layoutId);
+    return volgende;
+}
+export function useVersies(layoutId) {
+    const [versies, setVersies] = useState([]);
+    const load = useCallback(async () => {
+        const { data } = await supabase
+            .from("document_layout_versions")
+            .select("id, versienummer, commentaar, created_at, elements")
+            .eq("layout_id", layoutId)
+            .order("versienummer", { ascending: false });
+        setVersies(arr(data));
+    }, [layoutId]);
+    useEffect(() => {
+        void load();
+    }, [load]);
+    return { versies, reload: load };
+}
+// --- Printers --------------------------------------------------------------
+export function usePrinters() {
+    const [printers, setPrinters] = useState([]);
+    const [koppelingen, setKoppelingen] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const load = useCallback(async () => {
+        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"),
+        ]);
+        setPrinters(arr(p));
+        setKoppelingen(arr(m));
+        setLoading(false);
+    }, []);
+    useEffect(() => {
+        void load();
+    }, [load]);
+    return { printers, koppelingen, loading, reload: load };
+}
+export async function bewaarPrinter(input, id) {
+    const q = id
+        ? supabase
+            .from("printers")
+            .update(input)
+            .eq("id", id)
+        : supabase.from("printers").insert(input);
+    const { error } = await q;
+    if (error)
+        throw error;
+}
+export async function verwijderPrinter(id) {
+    const { error } = await supabase.from("printers").delete().eq("id", id);
+    if (error)
+        throw error;
+}
+export async function toggleKoppeling(layoutId, printerId, aan) {
+    if (aan) {
+        await supabase.from("printer_mappings").insert({ layout_id: layoutId, printer_id: printerId });
+    }
+    else {
+        await supabase.from("printer_mappings").delete().eq("layout_id", layoutId).eq("printer_id", printerId);
+    }
+}
+// --- Printwachtrij ---------------------------------------------------------
+export function usePrintJobs() {
+    const [jobs, setJobs] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const load = useCallback(async () => {
+        setLoading(true);
+        const { data } = await supabase
+            .from("print_jobs")
+            .select("*")
+            .order("created_at", { ascending: false })
+            .limit(200);
+        setJobs(arr(data));
+        setLoading(false);
+    }, []);
+    useEffect(() => {
+        void load();
+    }, [load]);
+    return { jobs, loading, reload: load };
+}
+export async function updateJobStatus(id, status) {
+    const patch = { status };
+    if (status === "voltooid")
+        patch.voltooid_op = new Date().toISOString();
+    const { error } = await supabase
+        .from("print_jobs")
+        .update(patch)
+        .eq("id", id);
+    if (error)
+        throw error;
+    await supabase.from("print_job_logs").insert({ job_id: id, gebeurtenis: status });
+}
+export async function maakPrintJob(input) {
+    const { error } = await supabase.from("print_jobs").insert({ ...input, status: "wachtend" });
+    if (error)
+        throw error;
+}

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

@@ -0,0 +1,7 @@
+/**
+ * Geeft het layout-id terug: de meegegeven prop, of anders de routeparameter.
+ * Nodig omdat een shell de pagina zonder prop kan renderen op een route
+ * met een `$layoutId`-segment.
+ */
+export declare function useLayoutIdParam(layoutId?: string): string | undefined;
+//# sourceMappingURL=useLayoutIdParam.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useLayoutIdParam.d.ts","sourceRoot":"","sources":["../../src/lib/useLayoutIdParam.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAGtE"}

package/dist-lib/lib/useLayoutIdParam.js

@@ -0,0 +1,10 @@
+import { useParams } from "@tanstack/react-router";
+/**
+ * Geeft het layout-id terug: de meegegeven prop, of anders de routeparameter.
+ * Nodig omdat een shell de pagina zonder prop kan renderen op een route
+ * met een `$layoutId`-segment.
+ */
+export function useLayoutIdParam(layoutId) {
+    const params = useParams({ strict: false });
+    return layoutId ?? params?.layoutId;
+}

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

@@ -0,0 +1,3 @@
+import { type ClassValue } from "clsx";
+export declare function cn(...inputs: ClassValue[]): string;
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,MAAM,CAAA;AAG5C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}

package/dist-lib/lib/utils.js

@@ -0,0 +1,5 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+export function cn(...inputs) {
+    return twMerge(clsx(inputs));
+}

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

@@ -0,0 +1,15 @@
+import { z } from "zod";
+export declare const loginSchema: z.ZodObject<{
+    email: z.ZodString;
+    password: z.ZodString;
+}, z.core.$strip>;
+export declare const bugReportSchema: z.ZodObject<{
+    title: z.ZodString;
+    description: z.ZodString;
+}, z.core.$strip>;
+export declare const ALLOWED_FILE_TYPES: string[];
+export declare function validateFileUpload(file: File): {
+    valid: boolean;
+    error?: string;
+};
+//# sourceMappingURL=validationSchemas.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"validationSchemas.d.ts","sourceRoot":"","sources":["../../src/lib/validationSchemas.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,eAAO,MAAM,WAAW;;;iBAGtB,CAAC;AAEH,eAAO,MAAM,eAAe;;;iBAG1B,CAAC;AAEH,eAAO,MAAM,kBAAkB,UAK9B,CAAC;AAIF,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,IAAI,GAAG;IAAE,KAAK,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAQjF"}

package/dist-lib/lib/validationSchemas.js

@@ -0,0 +1,25 @@
+import { z } from "zod";
+export const loginSchema = z.object({
+    email: z.string().email("Ongeldig e-mailadres"),
+    password: z.string().min(6, "Wachtwoord moet minimaal 6 tekens bevatten"),
+});
+export const bugReportSchema = z.object({
+    title: z.string().min(1, "Titel is verplicht").max(200),
+    description: z.string().min(1, "Beschrijving is verplicht").max(5000),
+});
+export const ALLOWED_FILE_TYPES = [
+    "image/png",
+    "image/jpeg",
+    "image/gif",
+    "application/pdf",
+];
+const MAX_FILE_SIZE = 10 * 1024 * 1024; // 10MB
+export function validateFileUpload(file) {
+    if (!ALLOWED_FILE_TYPES.includes(file.type)) {
+        return { valid: false, error: "Bestandstype niet toegestaan" };
+    }
+    if (file.size > MAX_FILE_SIZE) {
+        return { valid: false, error: "Bestand is te groot (max 10MB)" };
+    }
+    return { valid: true };
+}

package/dist-lib/styles.css

@@ -0,0 +1 @@
+@source "./";

package/package.json

@@ -0,0 +1,117 @@
+{
+  "name": "@flowselections/layout-maker",
+  "version": "1.3.2",
+  "flowselections": {
+    "moduleId": "layout-maker",
+    "pages": [
+      {
+        "export": "LayoutsPage",
+        "route": "layouts-printers",
+        "title": "Layouts"
+      },
+      {
+        "export": "PrintersPage",
+        "route": "layouts-printers/printers",
+        "title": "Printers"
+      },
+      {
+        "export": "PrintQueuePage",
+        "route": "layouts-printers/wachtrij",
+        "title": "Printwachtrij"
+      },
+      {
+        "export": "LogosPage",
+        "route": "layouts-printers/logos",
+        "title": "Logo's"
+      },
+      {
+        "export": "PakbonBuilderPage",
+        "route": "layouts-printers/pakbon/$layoutId",
+        "title": "Pakbon opbouw"
+      },
+      {
+        "export": "BlokOntwerperPage",
+        "route": "layouts-printers/blokken/$layoutId",
+        "title": "Blokken ontwerpen"
+      },
+      {
+        "export": "ProductiebonBuilderPage",
+        "route": "layouts-printers/productiebon/$layoutId",
+        "title": "Productiebon opbouw"
+      }
+    ]
+  },
+  "private": false,
+  "sideEffects": false,
+  "type": "module",
+  "main": "./dist-lib/index.js",
+  "types": "./dist-lib/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist-lib/index.d.ts",
+      "default": "./dist-lib/index.js"
+    },
+    "./styles": "./dist-lib/styles.css"
+  },
+  "files": [
+    "dist-lib",
+    "public"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "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:watch": "tsc -p tsconfig.build.json --watch",
+    "build:dev": "vite build --mode development",
+    "preview": "vite preview",
+    "lint": "eslint ."
+  },
+  "peerDependencies": {
+    "@flowselections/core": "*",
+    "@tanstack/react-query": "^5.0.0",
+    "@tanstack/react-router": "^1.0.0",
+    "@tanstack/react-start": "^1.0.0",
+    "lucide-react": "^0.400.0",
+    "react": "^18 || ^19",
+    "react-dom": "^18 || ^19",
+    "sonner": "^2.0.0"
+  },
+  "dependencies": {
+    "@supabase/supabase-js": "^2.111.0"
+  },
+  "devDependencies": {
+    "@cloudflare/vite-plugin": "^1.25.5",
+    "@eslint/js": "^9.32.0",
+    "@flowselections/core": "1.0.16",
+    "@lovable.dev/vite-tanstack-config": "2.9.1",
+    "@rsbuild/core": "^1.0.0",
+    "@tailwindcss/vite": "^4.2.1",
+    "@tanstack/react-query": "^5.83.0",
+    "@tanstack/react-router": "^1.168.0",
+    "@tanstack/react-start": "^1.167.14",
+    "@tanstack/router-plugin": "^1.167.10",
+    "@types/node": "^22.16.5",
+    "@types/react": "^19.2.0",
+    "@types/react-dom": "^19.2.0",
+    "@vitejs/plugin-react": "^5.0.4",
+    "eslint": "^9.32.0",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-refresh": "^0.4.20",
+    "globals": "^15.15.0",
+    "lucide-react": "^0.575.0",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "sonner": "^2.0.7",
+    "tailwindcss": "^4.2.1",
+    "tw-animate-css": "^1.3.4",
+    "typescript": "^5.8.3",
+    "tsc-alias": "^1.8.10",
+    "typescript-eslint": "^8.56.1",
+    "vite": "^7.3.1",
+    "vite-tsconfig-paths": "^6.0.2",
+    "nitro": "3.0.260603-beta"
+  }
+}