@flowselections/floriday-authenticatie-module 1.0.28 → 1.0.30

package/dist-lib/lib/cron/refresh-floriday-tokens.js

@@ -0,0 +1,151 @@
+import { FLORYDAY_STANDARD_SCOPE } from "../floriday-scopes";
+const FLORYDAY_ENDPOINTS = {
+    staging: "https://idm.staging.floriday.io/oauth2/ausmw6b47z1BnlHkw0h7/v1/token",
+    live: "https://idm.floriday.io/oauth2/aus3testdcf2vyfs70i7/v1/token",
+};
+// De algemene token-refresh gebruikt alleen basisrechten. Module-specifieke
+// rechten worden pas aangevraagd wanneer die module daadwerkelijk synchroniseert.
+const DEFAULT_SCOPE = FLORYDAY_STANDARD_SCOPE;
+const REFRESH_WINDOW_MS = 2 * 60 * 60 * 1000;
+function sanitize(input) {
+    if (!input)
+        return "";
+    let s = String(input).normalize("NFKC");
+    s = s.replace(/[\u200B-\u200D\uFEFF]/g, "");
+    s = s.replace(/[\u202A-\u202E\u2066-\u2069]/g, "");
+    s = s.replace(/[\u00A0\u2007\u202F]/g, " ");
+    s = s.replace(/[\u2018\u2019]/g, "'").replace(/[\u201C\u201D]/g, '"');
+    s = s.replace(/[\u0000-\u001F\u007F]/g, "");
+    return s.trim();
+}
+async function refreshOne(admin, row) {
+    const res = await fetch(FLORYDAY_ENDPOINTS[row.environment], {
+        method: "POST",
+        headers: {
+            "Content-Type": "application/x-www-form-urlencoded",
+            Accept: "application/json",
+        },
+        body: new URLSearchParams({
+            grant_type: "client_credentials",
+            client_id: sanitize(row.client_id),
+            client_secret: sanitize(row.client_secret),
+            scope: DEFAULT_SCOPE,
+        }).toString(),
+    });
+    const text = await res.text();
+    if (!res.ok) {
+        throw new Error(`Token request failed [${res.status}]: ${text.slice(0, 200)}`);
+    }
+    const json = JSON.parse(text);
+    const newExpiresAt = new Date(Date.now() + json.expires_in * 1000).toISOString();
+    const { error } = await admin
+        .from("floriday_connections")
+        .update({ access_token: json.access_token, token_expires_at: newExpiresAt })
+        .eq("id", row.id);
+    if (error)
+        throw new Error(`DB update failed: ${error.message}`);
+    return { id: row.id, environment: row.environment, expires_at: newExpiresAt };
+}
+export async function handleRefreshFlorydayTokens(request, supabase) {
+    console.log("[cron] refresh-floriday-tokens start");
+    try {
+        // Authenticate with Supabase anon key (cron uses apikey header).
+        const apikey = request.headers.get("apikey") ?? request.headers.get("x-api-key");
+        const expected = process.env.SUPABASE_PUBLISHABLE_KEY;
+        if (!expected || !apikey || apikey !== expected) {
+            return new Response("Unauthorized", { status: 401 });
+        }
+        const supabaseAdmin = supabase;
+        const { data: rows, error } = await supabaseAdmin
+            .from("floriday_connections")
+            .select("id, environment, client_id, client_secret, token_expires_at")
+            .eq("is_active", true);
+        if (error) {
+            await supabaseAdmin.from("floriday_token_refresh_log").insert({
+                connection_id: null,
+                environment: "staging",
+                ok: false,
+                error: `DB select failed: ${error.message}`.slice(0, 500),
+            });
+            return Response.json({ ok: false, error: error.message }, { status: 500 });
+        }
+        const now = Date.now();
+        const due = (rows ?? []).filter((r) => {
+            if (!r.client_id || !r.client_secret)
+                return false;
+            if (!r.token_expires_at)
+                return true;
+            return Date.parse(r.token_expires_at) - now < REFRESH_WINDOW_MS;
+        });
+        const results = [];
+        if (due.length === 0 && (rows?.length ?? 0) > 0) {
+            await supabaseAdmin.from("floriday_token_refresh_log").insert({
+                connection_id: rows[0].id,
+                environment: rows[0].environment,
+                ok: true,
+                expires_at: rows[0].token_expires_at,
+                error: "heartbeat: nog niet binnen refresh-window",
+            });
+        }
+        for (const r of due) {
+            try {
+                const out = await refreshOne(supabaseAdmin, {
+                    id: r.id,
+                    environment: r.environment,
+                    client_id: r.client_id,
+                    client_secret: r.client_secret,
+                });
+                results.push({ ...out, ok: true });
+                await supabaseAdmin.from("floriday_token_refresh_log").insert({
+                    connection_id: r.id,
+                    environment: r.environment,
+                    ok: true,
+                    expires_at: out.expires_at,
+                });
+            }
+            catch (e) {
+                const msg = e?.message ?? "Onbekende fout";
+                results.push({
+                    id: r.id,
+                    environment: r.environment,
+                    ok: false,
+                    error: msg,
+                });
+                await supabaseAdmin.from("floriday_token_refresh_log").insert({
+                    connection_id: r.id,
+                    environment: r.environment,
+                    ok: false,
+                    error: String(msg).slice(0, 500),
+                });
+            }
+        }
+        await supabaseAdmin
+            .from("floriday_token_refresh_log")
+            .delete()
+            .lt("attempted_at", new Date(Date.now() - 14 * 24 * 60 * 60 * 1000).toISOString());
+        return Response.json({
+            ok: true,
+            checked: rows?.length ?? 0,
+            refreshed: results.filter((r) => r.ok).length,
+            failed: results.filter((r) => !r.ok).length,
+            results,
+        });
+    }
+    catch (e) {
+        const msg = String(e?.message ?? e);
+        console.error("[cron] refresh-floriday-tokens crashed:", msg);
+        // best-effort log
+        try {
+            await supabase.from("floriday_token_refresh_log").insert({
+                connection_id: null,
+                environment: "staging",
+                ok: false,
+                error: `handler crash: ${msg}`.slice(0, 500),
+            });
+        }
+        catch {
+            // ignore
+        }
+        return Response.json({ ok: false, error: msg }, { status: 500 });
+    }
+}

package/dist-lib/lib/cron/sync-connections.d.ts

@@ -0,0 +1,3 @@
+import type { SupabaseClient } from "@supabase/supabase-js";
+export declare function handleSyncConnections(request: Request, supabase: SupabaseClient): Promise<Response>;
+//# sourceMappingURL=sync-connections.d.ts.map

package/dist-lib/lib/cron/sync-connections.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sync-connections.d.ts","sourceRoot":"","sources":["../../../src/lib/cron/sync-connections.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAM5D,wBAAsB,qBAAqB,CACzC,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,cAAc,GACvB,OAAO,CAAC,QAAQ,CAAC,CAyDnB"}

package/dist-lib/lib/cron/sync-connections.js

@@ -0,0 +1,49 @@
+// ============================================================================
+// Sync-runner voor `sync-floriday-connections`. Regel-voor-regel overgenomen
+// uit `src/routes/api/public/cron/sync-floriday-connections.ts`. Roept de
+// aparte `runFloridayConnectionsSync` aan (niet `runFloridayResourceSync`);
+// envelope heeft géén `resource`-veld.
+// ============================================================================
+import { runFloridayConnectionsSync, } from "../floriday.functions";
+export async function handleSyncConnections(request, supabase) {
+    console.log("[cron] sync-floriday-connections start");
+    try {
+        const apikey = request.headers.get("apikey") ?? request.headers.get("x-api-key");
+        const expected = process.env.SUPABASE_PUBLISHABLE_KEY;
+        if (!expected || !apikey || apikey !== expected) {
+            return new Response("Unauthorized", { status: 401 });
+        }
+        const { data: rows, error } = await supabase
+            .from("floriday_connections")
+            .select("id, environment")
+            .eq("is_active", true);
+        if (error) {
+            return Response.json({ ok: false, error: error.message }, { status: 500 });
+        }
+        const results = [];
+        for (const r of rows ?? []) {
+            try {
+                const out = await runFloridayConnectionsSync(supabase, r.environment);
+                results.push({ id: r.id, environment: r.environment, ok: true, ...out });
+                console.log(`[floriday-connections-sync] ${r.environment}: ${out.synced} synced (${out.fromSequence} → ${out.toSequence})`);
+            }
+            catch (e) {
+                const msg = e?.message ?? "Onbekende fout";
+                results.push({ id: r.id, environment: r.environment, ok: false, error: msg });
+                console.error(`[floriday-connections-sync] ${r.environment} failed: ${msg}`);
+            }
+        }
+        return Response.json({
+            ok: true,
+            processed: results.length,
+            succeeded: results.filter((r) => r.ok).length,
+            failed: results.filter((r) => !r.ok).length,
+            results,
+        });
+    }
+    catch (e) {
+        const msg = String(e?.message ?? e);
+        console.error("[cron] sync-floriday-connections crashed:", msg);
+        return Response.json({ ok: false, error: msg }, { status: 500 });
+    }
+}

package/dist-lib/lib/cron/sync-floricode-all.d.ts

@@ -0,0 +1,3 @@
+import type { SupabaseClient } from "@supabase/supabase-js";
+export declare function handleSyncFloricodeAll(request: Request, _supabase: SupabaseClient): Promise<Response>;
+//# sourceMappingURL=sync-floricode-all.d.ts.map

package/dist-lib/lib/cron/sync-floricode-all.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sync-floricode-all.d.ts","sourceRoot":"","sources":["../../../src/lib/cron/sync-floricode-all.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE5D,wBAAsB,sBAAsB,CAC1C,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,cAAc,GACxB,OAAO,CAAC,QAAQ,CAAC,CAqBnB"}

package/dist-lib/lib/cron/sync-floricode-all.js

@@ -0,0 +1,23 @@
+export async function handleSyncFloricodeAll(request, _supabase) {
+    console.log("[cron] sync-floricode-all start");
+    try {
+        const apikey = request.headers.get("apikey") ?? request.headers.get("x-api-key");
+        const expected = process.env.SUPABASE_PUBLISHABLE_KEY;
+        if (!expected || !apikey || apikey !== expected) {
+            return new Response("Unauthorized", { status: 401 });
+        }
+        const url = new URL(request.url);
+        const batchSize = Number(url.searchParams.get("batchSize") ?? "5000");
+        const maxBatches = Number(url.searchParams.get("maxBatchesPerResource") ?? "2");
+        const { syncAllFloricodeResources } = await import("../floricode-sync.server");
+        const result = await syncAllFloricodeResources({
+            batchSize: Number.isFinite(batchSize) ? batchSize : 5000,
+            maxBatchesPerResource: Number.isFinite(maxBatches) ? maxBatches : 2,
+        });
+        return Response.json(result);
+    }
+    catch (e) {
+        console.error("[cron] sync-floricode-all crashed:", String(e?.message ?? e));
+        return Response.json({ ok: false, error: String(e?.message ?? e) }, { status: 500 });
+    }
+}

package/dist-lib/lib/cron/sync-floricode-regulatory-features.d.ts

@@ -0,0 +1,3 @@
+import type { SupabaseClient } from "@supabase/supabase-js";
+export declare function handleSyncFloricodeRegulatoryFeatures(request: Request, supabase: SupabaseClient): Promise<Response>;
+//# sourceMappingURL=sync-floricode-regulatory-features.d.ts.map

package/dist-lib/lib/cron/sync-floricode-regulatory-features.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sync-floricode-regulatory-features.d.ts","sourceRoot":"","sources":["../../../src/lib/cron/sync-floricode-regulatory-features.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE5D,wBAAsB,qCAAqC,CACzD,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,cAAc,GACvB,OAAO,CAAC,QAAQ,CAAC,CAkCnB"}

package/dist-lib/lib/cron/sync-floricode-regulatory-features.js

@@ -0,0 +1,31 @@
+export async function handleSyncFloricodeRegulatoryFeatures(request, supabase) {
+    console.log("[cron] sync-floricode-regulatory-features start");
+    try {
+        const apikey = request.headers.get("apikey") ?? request.headers.get("x-api-key");
+        const expected = process.env.SUPABASE_PUBLISHABLE_KEY;
+        if (!expected || !apikey || apikey !== expected) {
+            return new Response("Unauthorized", { status: 401 });
+        }
+        const { syncFloricodeRegulatoryFeatures } = await import("../floricode-regulatory-features");
+        const url = new URL(request.url);
+        const batchSize = Number(url.searchParams.get("batchSize") ?? "2000");
+        const maxBatchesRaw = url.searchParams.get("maxBatches");
+        // Default: 1 batch (~2k rijen) per invocation om Supabase Disk IO
+        // budget te sparen tijdens de initiële backfill. De cron tikt vaak
+        // genoeg om cumulatief door te lopen, met veel minder piek-IO.
+        const maxBatches = maxBatchesRaw == null ? 1 : Number(maxBatchesRaw);
+        const resumeParam = url.searchParams.get("resume");
+        const resume = resumeParam == null ? true : resumeParam !== "false";
+        const result = await syncFloricodeRegulatoryFeatures(supabase, {
+            batchSize: Number.isFinite(batchSize) ? batchSize : 2000,
+            maxBatches: Number.isFinite(maxBatches) ? maxBatches : 1,
+            resume,
+        });
+        return Response.json(result);
+    }
+    catch (e) {
+        const msg = String(e?.message ?? e);
+        console.error("[cron] sync-floricode-regulatory-features crashed:", msg);
+        return Response.json({ ok: false, error: msg }, { status: 500 });
+    }
+}

package/dist-lib/lib/cron/sync-resource-compact.d.ts

@@ -0,0 +1,4 @@
+import type { SupabaseClient } from "@supabase/supabase-js";
+import { type FlorydayResource } from "../floriday-sync.functions";
+export declare function handleSyncResourceCompact(request: Request, supabase: SupabaseClient, resource: FlorydayResource): Promise<Response>;
+//# sourceMappingURL=sync-resource-compact.d.ts.map

package/dist-lib/lib/cron/sync-resource-compact.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sync-resource-compact.d.ts","sourceRoot":"","sources":["../../../src/lib/cron/sync-resource-compact.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAEL,KAAK,gBAAgB,EACtB,MAAM,4BAA4B,CAAC;AAGpC,wBAAsB,yBAAyB,CAC7C,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,cAAc,EACxB,QAAQ,EAAE,gBAAgB,GACzB,OAAO,CAAC,QAAQ,CAAC,CAyBnB"}

package/dist-lib/lib/cron/sync-resource-compact.js

@@ -0,0 +1,31 @@
+// ============================================================================
+// Compact-vorm sync-runner voor de 7 clock-/delivery-/warehouse-cron-routes.
+// Regel-voor-regel overgenomen uit
+// `src/routes/api/public/cron/sync-floriday-clock-presales.ts` — envelope
+// bevat alleen {ok, resource, results}, results-rijen hebben géén
+// `environment`, catch-msg-fallback = "err", geen top-level try/catch,
+// geen start-log en geen DB-error-branch.
+// ============================================================================
+import { runFloridayResourceSync, } from "../floriday-sync.functions";
+export async function handleSyncResourceCompact(request, supabase, resource) {
+    const RESOURCE = resource;
+    const apikey = request.headers.get("apikey") ?? request.headers.get("x-api-key");
+    const expected = process.env.SUPABASE_PUBLISHABLE_KEY;
+    if (!expected || !apikey || apikey !== expected)
+        return new Response("Unauthorized", { status: 401 });
+    const { data: rows } = await supabase
+        .from("floriday_connections")
+        .select("id, environment")
+        .eq("is_active", true);
+    const results = [];
+    for (const r of rows ?? []) {
+        try {
+            const out = await runFloridayResourceSync(supabase, r.environment, RESOURCE);
+            results.push({ id: r.id, ok: true, ...out });
+        }
+        catch (e) {
+            results.push({ id: r.id, ok: false, error: e?.message ?? "err" });
+        }
+    }
+    return Response.json({ ok: true, resource: RESOURCE, results });
+}

package/dist-lib/lib/cron/sync-resource.d.ts

@@ -0,0 +1,6 @@
+import type { SupabaseClient } from "@supabase/supabase-js";
+import { type FlorydayResource } from "../floriday-sync.functions";
+export declare function handleSyncResource(request: Request, supabase: SupabaseClient, resource: FlorydayResource, options?: {
+    logProgress?: boolean;
+}): Promise<Response>;
+//# sourceMappingURL=sync-resource.d.ts.map

package/dist-lib/lib/cron/sync-resource.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sync-resource.d.ts","sourceRoot":"","sources":["../../../src/lib/cron/sync-resource.ts"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAEL,KAAK,gBAAgB,EACtB,MAAM,4BAA4B,CAAC;AAGpC,wBAAsB,kBAAkB,CACtC,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,cAAc,EACxB,QAAQ,EAAE,gBAAgB,EAC1B,OAAO,CAAC,EAAE;IAAE,WAAW,CAAC,EAAE,OAAO,CAAA;CAAE,GAClC,OAAO,CAAC,QAAQ,CAAC,CAmDnB"}

package/dist-lib/lib/cron/sync-resource.js

@@ -0,0 +1,61 @@
+// ============================================================================
+// Standaard-vorm sync-runner voor de 16 "collections-vorm" cron-routes.
+// Envelope, veldvolgorde, catch-tekst ("Onbekende fout"), start-log en
+// DB-error-branch zijn regel-voor-regel overgenomen uit
+// `src/routes/api/public/cron/sync-floriday-collections.ts`.
+//
+// De per-iteratie `console.log(... synced (${from} → ${to}))` is aanwezig in
+// 8 van de 16 bronroutes (blanket-orders, carriers, contracts,
+// customer-organizations, customer-stickers, fulfillment-orders, salesorders,
+// trade-items) en afwezig in de andere 8. Om byte-identiek te blijven wordt
+// dit gestuurd door de optionele `logProgress`-flag; de barrel-exports zetten
+// hem per resource exact zoals de bron nu doet.
+// ============================================================================
+import { runFloridayResourceSync, } from "../floriday-sync.functions";
+export async function handleSyncResource(request, supabase, resource, options) {
+    const RESOURCE = resource;
+    const logProgress = options?.logProgress === true;
+    console.log(`[cron] sync-floriday-${RESOURCE} start`);
+    try {
+        const apikey = request.headers.get("apikey") ?? request.headers.get("x-api-key");
+        const expected = process.env.SUPABASE_PUBLISHABLE_KEY;
+        if (!expected || !apikey || apikey !== expected) {
+            return new Response("Unauthorized", { status: 401 });
+        }
+        const { data: rows, error } = await supabase
+            .from("floriday_connections")
+            .select("id, environment")
+            .eq("is_active", true);
+        if (error) {
+            return Response.json({ ok: false, error: error.message }, { status: 500 });
+        }
+        const results = [];
+        for (const r of rows ?? []) {
+            try {
+                const out = await runFloridayResourceSync(supabase, r.environment, RESOURCE);
+                results.push({ id: r.id, environment: r.environment, ok: true, ...out });
+                if (logProgress) {
+                    console.log(`[floriday-${RESOURCE}-sync] ${r.environment}: ${out.synced} synced (${out.fromSequence} → ${out.toSequence})`);
+                }
+            }
+            catch (e) {
+                const msg = e?.message ?? "Onbekende fout";
+                results.push({ id: r.id, environment: r.environment, ok: false, error: msg });
+                console.error(`[floriday-${RESOURCE}-sync] ${r.environment} failed: ${msg}`);
+            }
+        }
+        return Response.json({
+            ok: true,
+            resource: RESOURCE,
+            processed: results.length,
+            succeeded: results.filter((r) => r.ok).length,
+            failed: results.filter((r) => !r.ok).length,
+            results,
+        });
+    }
+    catch (e) {
+        const msg = String(e?.message ?? e);
+        console.error(`[cron] sync-floriday-${RESOURCE} crashed:`, msg);
+        return Response.json({ ok: false, error: msg }, { status: 500 });
+    }
+}

package/dist-lib/lib/cron/verify-floricode-characteristics-coverage.d.ts

@@ -0,0 +1,3 @@
+import type { SupabaseClient } from "@supabase/supabase-js";
+export declare function handleVerifyFloricodeCharacteristicsCoverage(request: Request, supabase: SupabaseClient): Promise<Response>;
+//# sourceMappingURL=verify-floricode-characteristics-coverage.d.ts.map

package/dist-lib/lib/cron/verify-floricode-characteristics-coverage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"verify-floricode-characteristics-coverage.d.ts","sourceRoot":"","sources":["../../../src/lib/cron/verify-floricode-characteristics-coverage.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE5D,wBAAsB,4CAA4C,CAChE,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,cAAc,GACvB,OAAO,CAAC,QAAQ,CAAC,CA6DnB"}

package/dist-lib/lib/cron/verify-floricode-characteristics-coverage.js

@@ -0,0 +1,55 @@
+// ============================================================================
+// Cron-route: meet dekking van vbn-product-characteristic en herstel projectie
+// als deze achterloopt op de raw RegulatoryFeatureType-cache.
+// ============================================================================
+export async function handleVerifyFloricodeCharacteristicsCoverage(request, supabase) {
+    try {
+        const apikey = request.headers.get("apikey") ?? request.headers.get("x-api-key");
+        const expected = process.env.SUPABASE_PUBLISHABLE_KEY;
+        if (!expected || !apikey || apikey !== expected) {
+            return new Response("Unauthorized", { status: 401 });
+        }
+        const [totalRes, projectedRes, rawCountRes] = await Promise.all([
+            supabase
+                .from("floricode_records")
+                .select("record_id", { count: "exact", head: true })
+                .eq("resource", "VbnProduct"),
+            supabase
+                .from("floriday_code_lists_cache")
+                .select("code", { count: "exact", head: true })
+                .eq("list_name", "vbn-product-characteristic"),
+            supabase.rpc("count_distinct_regulatory_products"),
+        ]);
+        const totalVbn = totalRes?.count ?? null;
+        const projected = projectedRes?.count ?? null;
+        const vbnWithRaw = typeof rawCountRes?.data === "number"
+            ? rawCountRes.data
+            : null;
+        let refreshed = false;
+        if (projected != null &&
+            vbnWithRaw != null &&
+            projected < vbnWithRaw) {
+            const { error } = await supabase.rpc("refresh_floricode_derived_code_lists");
+            if (error) {
+                console.warn("[verify-coverage] projection refresh failed:", error.message);
+            }
+            else {
+                refreshed = true;
+            }
+        }
+        return Response.json({
+            ok: true,
+            totals: {
+                vbn_products: totalVbn,
+                vbn_with_raw: vbnWithRaw,
+                vbn_projected: projected,
+            },
+            projection_refreshed: refreshed,
+        });
+    }
+    catch (e) {
+        const msg = String(e?.message ?? e);
+        console.error("[verify-coverage] crashed:", msg);
+        return Response.json({ ok: false, error: msg }, { status: 500 });
+    }
+}

package/dist-lib/lib/error-page.js

@@ -2,35 +2,35 @@
 // MUST NOT import any other app code — it has to render even when the rest
 // of the app fails to bundle/initialize.
 export function renderErrorPage() {
-    return `<!doctype html>
-<html lang="nl">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <title>Er ging iets mis</title>
-    <style>
-      :root { color-scheme: light dark; }
-      body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
-        background: #0b0b0c; color: #f5f5f7; min-height: 100vh;
-        display: flex; align-items: center; justify-content: center; padding: 24px; }
-      .card { max-width: 420px; text-align: center; }
-      h1 { font-size: 24px; margin: 0 0 8px; }
-      p { color: #a1a1aa; margin: 0 0 24px; font-size: 14px; line-height: 1.5; }
-      .row { display: flex; gap: 12px; justify-content: center; }
-      button, a { font: inherit; padding: 10px 16px; border-radius: 8px; cursor: pointer;
-        border: 1px solid #333; background: transparent; color: inherit; text-decoration: none; }
-      button.primary { background: #f5f5f7; color: #0b0b0c; border-color: #f5f5f7; }
-    </style>
-  </head>
-  <body>
-    <div class="card">
-      <h1>Er ging iets mis</h1>
-      <p>Er is een onverwachte fout opgetreden tijdens het laden van de pagina. Probeer het opnieuw.</p>
-      <div class="row">
-        <button class="primary" onclick="location.reload()">Opnieuw proberen</button>
-        <a href="/">Naar startpagina</a>
-      </div>
-    </div>
-  </body>
+    return `<!doctype html>
+<html lang="nl">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Er ging iets mis</title>
+    <style>
+      :root { color-scheme: light dark; }
+      body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+        background: #0b0b0c; color: #f5f5f7; min-height: 100vh;
+        display: flex; align-items: center; justify-content: center; padding: 24px; }
+      .card { max-width: 420px; text-align: center; }
+      h1 { font-size: 24px; margin: 0 0 8px; }
+      p { color: #a1a1aa; margin: 0 0 24px; font-size: 14px; line-height: 1.5; }
+      .row { display: flex; gap: 12px; justify-content: center; }
+      button, a { font: inherit; padding: 10px 16px; border-radius: 8px; cursor: pointer;
+        border: 1px solid #333; background: transparent; color: inherit; text-decoration: none; }
+      button.primary { background: #f5f5f7; color: #0b0b0c; border-color: #f5f5f7; }
+    </style>
+  </head>
+  <body>
+    <div class="card">
+      <h1>Er ging iets mis</h1>
+      <p>Er is een onverwachte fout opgetreden tijdens het laden van de pagina. Probeer het opnieuw.</p>
+      <div class="row">
+        <button class="primary" onclick="location.reload()">Opnieuw proberen</button>
+        <a href="/">Naar startpagina</a>
+      </div>
+    </div>
+  </body>
 </html>`;
 }