@xiwebdesign/xicms-core 7.1.0 → 7.3.0

package/dist/firebase/client.js

@@ -1,14 +1,32 @@
 "use client";
 import { initializeApp, getApps, getApp } from "firebase/app";
-import { getAuth } from "firebase/auth";
-import { getFirestore } from "firebase/firestore";
-import { getStorage } from "firebase/storage";
+import { getAuth, connectAuthEmulator } from "firebase/auth";
+import { getFirestore, connectFirestoreEmulator } from "firebase/firestore";
+import { getStorage, connectStorageEmulator } from "firebase/storage";
 import { isFirebaseConfigured, readFirebaseConfig } from "./config.js";
+import { emulatorHosts } from "./emulators.js";
 const readConfig = readFirebaseConfig;
+let emulatorsVerbonden = false;
+function verbindEmulators(app) {
+  if (emulatorsVerbonden) return;
+  const em = emulatorHosts();
+  if (!em) return;
+  emulatorsVerbonden = true;
+  connectAuthEmulator(getAuth(app), `http://${em.host}:${em.auth}`, { disableWarnings: true });
+  connectFirestoreEmulator(getFirestore(app), em.host, em.firestore);
+  if (readConfig().storageBucket) connectStorageEmulator(getStorage(app), em.host, em.storage);
+  console.info(`[xicms] Firebase-emulators actief op ${em.host} (auth ${em.auth}, firestore ${em.firestore}).`);
+}
 function getFirebaseApp() {
   if (!isFirebaseConfigured()) return null;
-  if (getApps().length) return getApp();
-  return initializeApp(readConfig());
+  if (getApps().length) {
+    const bestaand = getApp();
+    verbindEmulators(bestaand);
+    return bestaand;
+  }
+  const app = initializeApp(readConfig());
+  verbindEmulators(app);
+  return app;
 }
 function getFirebaseAuth() {
   const app = getFirebaseApp();

package/dist/firebase/client.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/firebase/client.ts"],"sourcesContent":["\"use client\";\n\nimport { initializeApp, getApps, getApp, type FirebaseApp } from \"firebase/app\";\nimport { getAuth, type Auth } from \"firebase/auth\";\nimport { getFirestore, type Firestore } from \"firebase/firestore\";\nimport { getStorage, type FirebaseStorage } from \"firebase/storage\";\nimport { isFirebaseConfigured, readFirebaseConfig } from \"./config\";\n\n/**\n * Client-side Firebase, volledig env-gedreven (NEXT_PUBLIC_*). Als de env niet is ingevuld\n * geven alle helpers `null` terug, zodat een site ook zónder Firebase blijft werken (dan\n * toont hij alleen de standaardteksten en is bewerken uitgeschakeld).\n */\nconst readConfig = readFirebaseConfig;\n\n// Blijft hier geëxporteerd zodat bestaande imports werken; de SDK-vrije bron staat in ./config.\nexport { isFirebaseConfigured };\n\nexport function getFirebaseApp(): FirebaseApp | null {\n  if (!isFirebaseConfigured()) return null;\n  if (getApps().length) return getApp();\n  return initializeApp(readConfig() as Record<string, string>);\n}\n\nexport function getFirebaseAuth(): Auth | null {\n  const app = getFirebaseApp();\n  return app ? getAuth(app) : null;\n}\n\nexport function getDb(): Firestore | null {\n  const app = getFirebaseApp();\n  return app ? getFirestore(app) : null;\n}\n\nexport function getBucket(): FirebaseStorage | null {\n  const app = getFirebaseApp();\n  // Zonder storageBucket geeft getStorage() een client zónder default bucket terug, waarna\n  // storageRef() een cryptisch `storage/no-default-bucket` gooit (of de upload stil hangt). Geef\n  // hier `null` zodat de aanroeper de nette \"Storage niet geconfigureerd\"-melding kan tonen.\n  if (!app || !readConfig().storageBucket) return null;\n  return getStorage(app);\n}\n"],"mappings":";AAEA,SAAS,eAAe,SAAS,cAAgC;AACjE,SAAS,eAA0B;AACnC,SAAS,oBAAoC;AAC7C,SAAS,kBAAwC;AACjD,SAAS,sBAAsB,0BAA0B;AAOzD,MAAM,aAAa;AAKZ,SAAS,iBAAqC;AACnD,MAAI,CAAC,qBAAqB,EAAG,QAAO;AACpC,MAAI,QAAQ,EAAE,OAAQ,QAAO,OAAO;AACpC,SAAO,cAAc,WAAW,CAA2B;AAC7D;AAEO,SAAS,kBAA+B;AAC7C,QAAM,MAAM,eAAe;AAC3B,SAAO,MAAM,QAAQ,GAAG,IAAI;AAC9B;AAEO,SAAS,QAA0B;AACxC,QAAM,MAAM,eAAe;AAC3B,SAAO,MAAM,aAAa,GAAG,IAAI;AACnC;AAEO,SAAS,YAAoC;AAClD,QAAM,MAAM,eAAe;AAI3B,MAAI,CAAC,OAAO,CAAC,WAAW,EAAE,cAAe,QAAO;AAChD,SAAO,WAAW,GAAG;AACvB;","names":[]}
+{"version":3,"sources":["../../src/firebase/client.ts"],"sourcesContent":["\"use client\";\n\nimport { initializeApp, getApps, getApp, type FirebaseApp } from \"firebase/app\";\nimport { getAuth, connectAuthEmulator, type Auth } from \"firebase/auth\";\nimport { getFirestore, connectFirestoreEmulator, type Firestore } from \"firebase/firestore\";\nimport { getStorage, connectStorageEmulator, type FirebaseStorage } from \"firebase/storage\";\nimport { isFirebaseConfigured, readFirebaseConfig } from \"./config\";\nimport { emulatorHosts } from \"./emulators\";\n\n/**\n * Client-side Firebase, volledig env-gedreven (NEXT_PUBLIC_*). Als de env niet is ingevuld\n * geven alle helpers `null` terug, zodat een site ook zónder Firebase blijft werken (dan\n * toont hij alleen de standaardteksten en is bewerken uitgeschakeld).\n */\nconst readConfig = readFirebaseConfig;\n\n// Blijft hier geëxporteerd zodat bestaande imports werken; de SDK-vrije bron staat in ./config.\nexport { isFirebaseConfigured };\n\n/**\n * Verbind auth/firestore/storage met de lokale emulators. Eén keer per app-instantie: de SDK gooit\n * bij een tweede aanroep, en een hot reload komt hier opnieuw langs.\n *\n * `firebase/functions` staat hier bewust NIET tussen — dat pakket wordt overal dynamisch geladen om\n * het uit de publieke bundel te houden (zie PageView/submitForm). De callables verbinden daarom\n * langs `functionsClient.ts`, met dezelfde instelling.\n */\nlet emulatorsVerbonden = false;\nfunction verbindEmulators(app: FirebaseApp): void {\n  if (emulatorsVerbonden) return;\n  const em = emulatorHosts();\n  if (!em) return;\n  emulatorsVerbonden = true;\n  connectAuthEmulator(getAuth(app), `http://${em.host}:${em.auth}`, { disableWarnings: true });\n  connectFirestoreEmulator(getFirestore(app), em.host, em.firestore);\n  if (readConfig().storageBucket) connectStorageEmulator(getStorage(app), em.host, em.storage);\n  console.info(`[xicms] Firebase-emulators actief op ${em.host} (auth ${em.auth}, firestore ${em.firestore}).`);\n}\n\nexport function getFirebaseApp(): FirebaseApp | null {\n  if (!isFirebaseConfigured()) return null;\n  if (getApps().length) {\n    const bestaand = getApp();\n    verbindEmulators(bestaand);\n    return bestaand;\n  }\n  const app = initializeApp(readConfig() as Record<string, string>);\n  verbindEmulators(app);\n  return app;\n}\n\nexport function getFirebaseAuth(): Auth | null {\n  const app = getFirebaseApp();\n  return app ? getAuth(app) : null;\n}\n\nexport function getDb(): Firestore | null {\n  const app = getFirebaseApp();\n  return app ? getFirestore(app) : null;\n}\n\nexport function getBucket(): FirebaseStorage | null {\n  const app = getFirebaseApp();\n  // Zonder storageBucket geeft getStorage() een client zónder default bucket terug, waarna\n  // storageRef() een cryptisch `storage/no-default-bucket` gooit (of de upload stil hangt). Geef\n  // hier `null` zodat de aanroeper de nette \"Storage niet geconfigureerd\"-melding kan tonen.\n  if (!app || !readConfig().storageBucket) return null;\n  return getStorage(app);\n}\n"],"mappings":";AAEA,SAAS,eAAe,SAAS,cAAgC;AACjE,SAAS,SAAS,2BAAsC;AACxD,SAAS,cAAc,gCAAgD;AACvE,SAAS,YAAY,8BAAoD;AACzE,SAAS,sBAAsB,0BAA0B;AACzD,SAAS,qBAAqB;AAO9B,MAAM,aAAa;AAanB,IAAI,qBAAqB;AACzB,SAAS,iBAAiB,KAAwB;AAChD,MAAI,mBAAoB;AACxB,QAAM,KAAK,cAAc;AACzB,MAAI,CAAC,GAAI;AACT,uBAAqB;AACrB,sBAAoB,QAAQ,GAAG,GAAG,UAAU,GAAG,IAAI,IAAI,GAAG,IAAI,IAAI,EAAE,iBAAiB,KAAK,CAAC;AAC3F,2BAAyB,aAAa,GAAG,GAAG,GAAG,MAAM,GAAG,SAAS;AACjE,MAAI,WAAW,EAAE,cAAe,wBAAuB,WAAW,GAAG,GAAG,GAAG,MAAM,GAAG,OAAO;AAC3F,UAAQ,KAAK,wCAAwC,GAAG,IAAI,UAAU,GAAG,IAAI,eAAe,GAAG,SAAS,IAAI;AAC9G;AAEO,SAAS,iBAAqC;AACnD,MAAI,CAAC,qBAAqB,EAAG,QAAO;AACpC,MAAI,QAAQ,EAAE,QAAQ;AACpB,UAAM,WAAW,OAAO;AACxB,qBAAiB,QAAQ;AACzB,WAAO;AAAA,EACT;AACA,QAAM,MAAM,cAAc,WAAW,CAA2B;AAChE,mBAAiB,GAAG;AACpB,SAAO;AACT;AAEO,SAAS,kBAA+B;AAC7C,QAAM,MAAM,eAAe;AAC3B,SAAO,MAAM,QAAQ,GAAG,IAAI;AAC9B;AAEO,SAAS,QAA0B;AACxC,QAAM,MAAM,eAAe;AAC3B,SAAO,MAAM,aAAa,GAAG,IAAI;AACnC;AAEO,SAAS,YAAoC;AAClD,QAAM,MAAM,eAAe;AAI3B,MAAI,CAAC,OAAO,CAAC,WAAW,EAAE,cAAe,QAAO;AAChD,SAAO,WAAW,GAAG;AACvB;","names":[]}

package/dist/firebase/emulators.d.ts

@@ -0,0 +1,9 @@
+export interface EmulatorHosts {
+    host: string;
+    auth: number;
+    firestore: number;
+    storage: number;
+    functions: number;
+}
+/** De emulator-instelling, of `null` wanneer er (terecht) niet tegen een emulator gepraat wordt. */
+export declare function emulatorHosts(): EmulatorHosts | null;

package/dist/firebase/emulators.js

@@ -0,0 +1,24 @@
+const LOKAAL = /* @__PURE__ */ new Set(["localhost", "127.0.0.1", "[::1]", "0.0.0.0"]);
+function emulatorHosts() {
+  const vlag = process.env.NEXT_PUBLIC_FIREBASE_EMULATORS;
+  if (vlag !== "1" && vlag !== "true") return null;
+  if (typeof window === "undefined") return null;
+  if (!LOKAAL.has(window.location.hostname)) {
+    console.warn(
+      "[xicms] NEXT_PUBLIC_FIREBASE_EMULATORS staat aan, maar dit is geen localhost \u2014 genegeerd. Deze vlag hoort alleen in .env.local te staan, nooit in een build die je uitrolt."
+    );
+    return null;
+  }
+  const poort = (waarde, standaard) => Number(waarde) || standaard;
+  return {
+    host: "127.0.0.1",
+    auth: poort(process.env.NEXT_PUBLIC_FIREBASE_EMULATOR_AUTH_PORT, 9099),
+    firestore: poort(process.env.NEXT_PUBLIC_FIREBASE_EMULATOR_FIRESTORE_PORT, 8080),
+    storage: poort(process.env.NEXT_PUBLIC_FIREBASE_EMULATOR_STORAGE_PORT, 9199),
+    functions: poort(process.env.NEXT_PUBLIC_FIREBASE_EMULATOR_FUNCTIONS_PORT, 5001)
+  };
+}
+export {
+  emulatorHosts
+};
+//# sourceMappingURL=emulators.js.map

package/dist/firebase/emulators.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/firebase/emulators.ts"],"sourcesContent":["/**\n * Lokale ontwikkeling tegen de Firebase-emulators (`npm run emulators`).\n *\n * SDK-VRIJ, net als `config.ts`: dit bestand leest alleen env en mag daarom overal geïmporteerd\n * worden zonder de Firebase-SDK de publieke bundel in te trekken (zie de uitleg in `config.ts`).\n *\n * Aanzetten met `NEXT_PUBLIC_FIREBASE_EMULATORS=1` in `.env.local`. De poorten volgen\n * `firebase/firebase.json`; wijk je daarvan af, dan zijn ze per stuk te overschrijven.\n *\n * TWEE VEILIGHEIDSGRENZEN, allebei bewust:\n *\n * 1. **Alleen op localhost.** Een `NEXT_PUBLIC_*`-waarde wordt bij het bouwen ingebakken. Zou zo'n\n *    build per ongeluk naar Vercel gaan, dan praatte de site tegen een emulator die daar niet\n *    bestaat — alles kapot, zonder duidelijke oorzaak. De hostname-eis maakt dat onmogelijk.\n * 2. **Alles of niets.** Auth, Firestore, Storage én Functions gaan samen naar de emulator. Zou\n *    alleen Firestore lokaal draaien en een callable naar het ECHTE project gaan, dan schrijf je\n *    productiedata weg terwijl je denkt dat je lokaal speelt — precies het soort fout dat stil\n *    faalt. `callable()` in `functionsClient.ts` verbindt daarom langs dezelfde weg.\n */\nconst LOKAAL = new Set([\"localhost\", \"127.0.0.1\", \"[::1]\", \"0.0.0.0\"]);\n\nexport interface EmulatorHosts {\n  host: string;\n  auth: number;\n  firestore: number;\n  storage: number;\n  functions: number;\n}\n\n/** De emulator-instelling, of `null` wanneer er (terecht) niet tegen een emulator gepraat wordt. */\nexport function emulatorHosts(): EmulatorHosts | null {\n  const vlag = process.env.NEXT_PUBLIC_FIREBASE_EMULATORS;\n  if (vlag !== \"1\" && vlag !== \"true\") return null;\n  // Server-side rendering: geen window, dus geen hostname om op te controleren. De browser doet de\n  // verbinding; hier gebeurt niets.\n  if (typeof window === \"undefined\") return null;\n  if (!LOKAAL.has(window.location.hostname)) {\n    console.warn(\n      \"[xicms] NEXT_PUBLIC_FIREBASE_EMULATORS staat aan, maar dit is geen localhost — genegeerd. \" +\n        \"Deze vlag hoort alleen in .env.local te staan, nooit in een build die je uitrolt.\",\n    );\n    return null;\n  }\n  // LETTERLIJK uitschrijven, geen `process.env[naam]`: Next vervangt alleen exact geschreven\n  // `process.env.NEXT_PUBLIC_X` door zijn waarde. Met een berekende sleutel blijft het in de\n  // browser `undefined` en val je stilzwijgend terug op de standaardpoort — je verbindt dan met\n  // wat daar toevallig luistert.\n  const poort = (waarde: string | undefined, standaard: number) => Number(waarde) || standaard;\n  return {\n    host: \"127.0.0.1\",\n    auth: poort(process.env.NEXT_PUBLIC_FIREBASE_EMULATOR_AUTH_PORT, 9099),\n    firestore: poort(process.env.NEXT_PUBLIC_FIREBASE_EMULATOR_FIRESTORE_PORT, 8080),\n    storage: poort(process.env.NEXT_PUBLIC_FIREBASE_EMULATOR_STORAGE_PORT, 9199),\n    functions: poort(process.env.NEXT_PUBLIC_FIREBASE_EMULATOR_FUNCTIONS_PORT, 5001),\n  };\n}\n"],"mappings":"AAmBA,MAAM,SAAS,oBAAI,IAAI,CAAC,aAAa,aAAa,SAAS,SAAS,CAAC;AAW9D,SAAS,gBAAsC;AACpD,QAAM,OAAO,QAAQ,IAAI;AACzB,MAAI,SAAS,OAAO,SAAS,OAAQ,QAAO;AAG5C,MAAI,OAAO,WAAW,YAAa,QAAO;AAC1C,MAAI,CAAC,OAAO,IAAI,OAAO,SAAS,QAAQ,GAAG;AACzC,YAAQ;AAAA,MACN;AAAA,IAEF;AACA,WAAO;AAAA,EACT;AAKA,QAAM,QAAQ,CAAC,QAA4B,cAAsB,OAAO,MAAM,KAAK;AACnF,SAAO;AAAA,IACL,MAAM;AAAA,IACN,MAAM,MAAM,QAAQ,IAAI,yCAAyC,IAAI;AAAA,IACrE,WAAW,MAAM,QAAQ,IAAI,8CAA8C,IAAI;AAAA,IAC/E,SAAS,MAAM,QAAQ,IAAI,4CAA4C,IAAI;AAAA,IAC3E,WAAW,MAAM,QAAQ,IAAI,8CAA8C,IAAI;AAAA,EACjF;AACF;","names":[]}

package/dist/firebase/functionsClient.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Eén plek waar een Cloud-Function-callable vandaan komt.
+ *
+ * Hiervoor stond op eenentwintig plekken hetzelfde regeltje
+ * `httpsCallable(getFunctions(app, functionsRegion()), "naam")`. Dat was al duplicatie, maar het
+ * werd een risico toen de emulators erbij kwamen: verbind je Firestore lokaal en laat je de
+ * callables ongemoeid, dan lees je uit de emulator terwijl je SCHRIJFT naar het echte project —
+ * en dat merk je pas als de productiedata al veranderd is. Door de callables hier te maken kan
+ * die scheefstand niet ontstaan.
+ *
+ * Dit bestand importeert `firebase/functions` statisch, en wordt daarom zélf overal dynamisch
+ * geïmporteerd waar het publieke pad langskomt (PageView, submitForm) — zo blijft de SDK uit de
+ * bundel van een gewone bezoeker.
+ */
+import type { FirebaseApp } from "firebase/app";
+import { type HttpsCallable } from "firebase/functions";
+/** Een getypeerde callable voor `naam`, in de juiste regio en (lokaal) tegen de emulator. */
+export declare function callable<Req = unknown, Res = unknown>(app: FirebaseApp, naam: string): HttpsCallable<Req, Res>;

package/dist/firebase/functionsClient.js

@@ -0,0 +1,17 @@
+import { getFunctions, httpsCallable, connectFunctionsEmulator } from "firebase/functions";
+import { functionsRegion } from "./region.js";
+import { emulatorHosts } from "./emulators.js";
+const verbonden = /* @__PURE__ */ new WeakSet();
+function callable(app, naam) {
+  const fns = getFunctions(app, functionsRegion());
+  if (!verbonden.has(fns)) {
+    verbonden.add(fns);
+    const em = emulatorHosts();
+    if (em) connectFunctionsEmulator(fns, em.host, em.functions);
+  }
+  return httpsCallable(fns, naam);
+}
+export {
+  callable
+};
+//# sourceMappingURL=functionsClient.js.map

package/dist/firebase/functionsClient.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/firebase/functionsClient.ts"],"sourcesContent":["/**\n * Eén plek waar een Cloud-Function-callable vandaan komt.\n *\n * Hiervoor stond op eenentwintig plekken hetzelfde regeltje\n * `httpsCallable(getFunctions(app, functionsRegion()), \"naam\")`. Dat was al duplicatie, maar het\n * werd een risico toen de emulators erbij kwamen: verbind je Firestore lokaal en laat je de\n * callables ongemoeid, dan lees je uit de emulator terwijl je SCHRIJFT naar het echte project —\n * en dat merk je pas als de productiedata al veranderd is. Door de callables hier te maken kan\n * die scheefstand niet ontstaan.\n *\n * Dit bestand importeert `firebase/functions` statisch, en wordt daarom zélf overal dynamisch\n * geïmporteerd waar het publieke pad langskomt (PageView, submitForm) — zo blijft de SDK uit de\n * bundel van een gewone bezoeker.\n */\nimport type { FirebaseApp } from \"firebase/app\";\nimport { getFunctions, httpsCallable, connectFunctionsEmulator, type HttpsCallable } from \"firebase/functions\";\nimport { functionsRegion } from \"./region\";\nimport { emulatorHosts } from \"./emulators\";\n\n// `getFunctions(app, regio)` geeft per app+regio dezelfde instantie terug, dus één verbinding volstaat.\nconst verbonden = new WeakSet<object>();\n\n/** Een getypeerde callable voor `naam`, in de juiste regio en (lokaal) tegen de emulator. */\nexport function callable<Req = unknown, Res = unknown>(app: FirebaseApp, naam: string): HttpsCallable<Req, Res> {\n  const fns = getFunctions(app, functionsRegion());\n  if (!verbonden.has(fns)) {\n    verbonden.add(fns);\n    const em = emulatorHosts();\n    if (em) connectFunctionsEmulator(fns, em.host, em.functions);\n  }\n  return httpsCallable<Req, Res>(fns, naam);\n}\n"],"mappings":"AAeA,SAAS,cAAc,eAAe,gCAAoD;AAC1F,SAAS,uBAAuB;AAChC,SAAS,qBAAqB;AAG9B,MAAM,YAAY,oBAAI,QAAgB;AAG/B,SAAS,SAAuC,KAAkB,MAAuC;AAC9G,QAAM,MAAM,aAAa,KAAK,gBAAgB,CAAC;AAC/C,MAAI,CAAC,UAAU,IAAI,GAAG,GAAG;AACvB,cAAU,IAAI,GAAG;AACjB,UAAM,KAAK,cAAc;AACzB,QAAI,GAAI,0BAAyB,KAAK,GAAG,MAAM,GAAG,SAAS;AAAA,EAC7D;AACA,SAAO,cAAwB,KAAK,IAAI;AAC1C;","names":[]}

package/dist/lock/DemoLock.js

@@ -1,15 +1,32 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useState } from "react";
+import { useEffect, useRef, useState } from "react";
 import { useSiteConfig } from "../config.js";
 function DemoLock() {
   const { mode, contactEmail, name } = useSiteConfig();
   const [open, setOpen] = useState(true);
+  const bannerRef = useRef(null);
+  useEffect(() => {
+    const el = bannerRef.current;
+    const root = document.documentElement;
+    if (!el) {
+      root.style.removeProperty("--xicms-bottombar");
+      return;
+    }
+    const meet = () => root.style.setProperty("--xicms-bottombar", `${el.offsetHeight}px`);
+    meet();
+    const ro = new ResizeObserver(meet);
+    ro.observe(el);
+    return () => {
+      ro.disconnect();
+      root.style.removeProperty("--xicms-bottombar");
+    };
+  }, [open, mode]);
   if (mode !== "demo") return null;
   const mailto = contactEmail ? `mailto:${contactEmail}?subject=${encodeURIComponent(`Demo ${name} live zetten`)}` : "https://www.xiwebdesign.nl/#contact";
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("div", { className: "xicms-demo-ribbon", children: "DEMO" }),
-    open && /* @__PURE__ */ jsxs("div", { className: "xicms-demo-banner", role: "status", children: [
+    open && /* @__PURE__ */ jsxs("div", { className: "xicms-demo-banner", role: "status", ref: bannerRef, children: [
       /* @__PURE__ */ jsxs("span", { children: [
         "Dit is een ",
         /* @__PURE__ */ jsx("strong", { children: "demo" }),

package/dist/lock/DemoLock.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/lock/DemoLock.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport { useSiteConfig } from \"../config\";\n\n/**\n * Demo-markering die wordt getoond zolang `mode: \"demo\"`. Niet-blokkerend (de demo blijft\n * bekijkbaar), maar duidelijk gemarkeerd met een CTA om de site live te laten zetten.\n */\nexport function DemoLock() {\n  const { mode, contactEmail, name } = useSiteConfig();\n  const [open, setOpen] = useState(true);\n\n  if (mode !== \"demo\") return null;\n\n  const mailto = contactEmail\n    ? `mailto:${contactEmail}?subject=${encodeURIComponent(`Demo ${name} live zetten`)}`\n    : \"https://www.xiwebdesign.nl/#contact\";\n\n  return (\n    <>\n      <div className=\"xicms-demo-ribbon\">DEMO</div>\n      {open && (\n        <div className=\"xicms-demo-banner\" role=\"status\">\n          <span>\n            Dit is een <strong>demo</strong> gemaakt door Xi Webdesign. Wil je deze site echt\n            live?\n          </span>\n          <a href={mailto} className=\"xicms-btn\">Zet live</a>\n          <button\n            type=\"button\"\n            aria-label=\"Sluiten\"\n            className=\"xicms-btn xicms-btn--ghost\"\n            onClick={() => setOpen(false)}\n          >\n            ✕\n          </button>\n        </div>\n      )}\n    </>\n  );\n}\n"],"mappings":";AAoBI,mBACE,KAGI,YAJN;AAlBJ,SAAS,gBAAgB;AACzB,SAAS,qBAAqB;AAMvB,SAAS,WAAW;AACzB,QAAM,EAAE,MAAM,cAAc,KAAK,IAAI,cAAc;AACnD,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,IAAI;AAErC,MAAI,SAAS,OAAQ,QAAO;AAE5B,QAAM,SAAS,eACX,UAAU,YAAY,YAAY,mBAAmB,QAAQ,IAAI,cAAc,CAAC,KAChF;AAEJ,SACE,iCACE;AAAA,wBAAC,SAAI,WAAU,qBAAoB,kBAAI;AAAA,IACtC,QACC,qBAAC,SAAI,WAAU,qBAAoB,MAAK,UACtC;AAAA,2BAAC,UAAK;AAAA;AAAA,QACO,oBAAC,YAAO,kBAAI;AAAA,QAAS;AAAA,SAElC;AAAA,MACA,oBAAC,OAAE,MAAM,QAAQ,WAAU,aAAY,sBAAQ;AAAA,MAC/C;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,cAAW;AAAA,UACX,WAAU;AAAA,UACV,SAAS,MAAM,QAAQ,KAAK;AAAA,UAC7B;AAAA;AAAA,MAED;AAAA,OACF;AAAA,KAEJ;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/lock/DemoLock.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef, useState } from \"react\";\nimport { useSiteConfig } from \"../config\";\n\n/**\n * Demo-markering die wordt getoond zolang `mode: \"demo\"`. Niet-blokkerend (de demo blijft\n * bekijkbaar), maar duidelijk gemarkeerd met een CTA om de site live te laten zetten.\n */\nexport function DemoLock() {\n  const { mode, contactEmail, name } = useSiteConfig();\n  const [open, setOpen] = useState(true);\n  const bannerRef = useRef<HTMLDivElement>(null);\n\n  // De demo-balk beslaat de onderrand van het scherm, en daar zweeft ook de bewerkbalk. Die twee\n  // lagen over elkaar heen — juist op de demo, wat een prospect als eerste ziet. De balk meldt\n  // daarom zijn hoogte als CSS-variabele; de bewerkbalk gaat er precies bovenop staan. Meten in\n  // plaats van een vast getal, want de balk breekt op smalle schermen naar twee regels.\n  useEffect(() => {\n    const el = bannerRef.current;\n    const root = document.documentElement;\n    if (!el) {\n      root.style.removeProperty(\"--xicms-bottombar\");\n      return;\n    }\n    const meet = () => root.style.setProperty(\"--xicms-bottombar\", `${el.offsetHeight}px`);\n    meet();\n    const ro = new ResizeObserver(meet);\n    ro.observe(el);\n    return () => {\n      ro.disconnect();\n      root.style.removeProperty(\"--xicms-bottombar\");\n    };\n  }, [open, mode]);\n\n  if (mode !== \"demo\") return null;\n\n  const mailto = contactEmail\n    ? `mailto:${contactEmail}?subject=${encodeURIComponent(`Demo ${name} live zetten`)}`\n    : \"https://www.xiwebdesign.nl/#contact\";\n\n  return (\n    <>\n      <div className=\"xicms-demo-ribbon\">DEMO</div>\n      {open && (\n        <div className=\"xicms-demo-banner\" role=\"status\" ref={bannerRef}>\n          <span>\n            Dit is een <strong>demo</strong> gemaakt door Xi Webdesign. Wil je deze site echt\n            live?\n          </span>\n          <a href={mailto} className=\"xicms-btn\">Zet live</a>\n          <button\n            type=\"button\"\n            aria-label=\"Sluiten\"\n            className=\"xicms-btn xicms-btn--ghost\"\n            onClick={() => setOpen(false)}\n          >\n            ✕\n          </button>\n        </div>\n      )}\n    </>\n  );\n}\n"],"mappings":";AA0CI,mBACE,KAGI,YAJN;AAxCJ,SAAS,WAAW,QAAQ,gBAAgB;AAC5C,SAAS,qBAAqB;AAMvB,SAAS,WAAW;AACzB,QAAM,EAAE,MAAM,cAAc,KAAK,IAAI,cAAc;AACnD,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,IAAI;AACrC,QAAM,YAAY,OAAuB,IAAI;AAM7C,YAAU,MAAM;AACd,UAAM,KAAK,UAAU;AACrB,UAAM,OAAO,SAAS;AACtB,QAAI,CAAC,IAAI;AACP,WAAK,MAAM,eAAe,mBAAmB;AAC7C;AAAA,IACF;AACA,UAAM,OAAO,MAAM,KAAK,MAAM,YAAY,qBAAqB,GAAG,GAAG,YAAY,IAAI;AACrF,SAAK;AACL,UAAM,KAAK,IAAI,eAAe,IAAI;AAClC,OAAG,QAAQ,EAAE;AACb,WAAO,MAAM;AACX,SAAG,WAAW;AACd,WAAK,MAAM,eAAe,mBAAmB;AAAA,IAC/C;AAAA,EACF,GAAG,CAAC,MAAM,IAAI,CAAC;AAEf,MAAI,SAAS,OAAQ,QAAO;AAE5B,QAAM,SAAS,eACX,UAAU,YAAY,YAAY,mBAAmB,QAAQ,IAAI,cAAc,CAAC,KAChF;AAEJ,SACE,iCACE;AAAA,wBAAC,SAAI,WAAU,qBAAoB,kBAAI;AAAA,IACtC,QACC,qBAAC,SAAI,WAAU,qBAAoB,MAAK,UAAS,KAAK,WACpD;AAAA,2BAAC,UAAK;AAAA;AAAA,QACO,oBAAC,YAAO,kBAAI;AAAA,QAAS;AAAA,SAElC;AAAA,MACA,oBAAC,OAAE,MAAM,QAAQ,WAAU,aAAY,sBAAQ;AAAA,MAC/C;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,cAAW;AAAA,UACX,WAAU;AAAA,UACV,SAAS,MAAM,QAAQ,KAAK;AAAA,UAC7B;AAAA;AAAA,MAED;AAAA,OACF;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/modules/shop/cartStore.js

@@ -2,6 +2,7 @@
 import { useSyncExternalStore } from "react";
 const listeners = /* @__PURE__ */ new Set();
 const cache = /* @__PURE__ */ new Map();
+const LEGE_CART = Object.freeze([]);
 function storageKey(siteId) {
   return `xicms:cart:${siteId}`;
 }
@@ -72,7 +73,7 @@ function cartClear(siteId) {
   writeLines(siteId, []);
 }
 function useCart(siteId) {
-  const lines = useSyncExternalStore(subscribe, () => readLines(siteId), () => []);
+  const lines = useSyncExternalStore(subscribe, () => readLines(siteId), () => LEGE_CART);
   return {
     lines,
     count: lines.reduce((n, l) => n + l.qty, 0),

package/dist/modules/shop/cartStore.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/modules/shop/cartStore.ts"],"sourcesContent":["\"use client\";\n\n/**\n * Winkelwagen-store — puur client-side (localStorage), geen Firestore-writes vóór checkout.\n * Extern store + `useSyncExternalStore` zodat élk shop-block (grid, cart-badge, checkout) dezelfde\n * state ziet zonder dat er een provider gemount hoeft te worden. Cross-tab sync via `storage`.\n *\n * Prijzen in de cart zijn indicatief voor weergave; bij `createOrder` herrekent de server alles\n * tegen de opgeslagen product-docs (client wordt nooit vertrouwd).\n */\nimport { useSyncExternalStore } from \"react\";\n\nexport interface CartLine {\n  productId: string;\n  slug: string;\n  name: string;\n  /** Variant-key (\"68|Roze\") + leesbaar label (\"Maat 68, Roze\"). */\n  variantKey?: string;\n  variantLabel?: string;\n  /** Incl. personalisatie-meerprijs (indicatief; server herrekent). */\n  unitPriceCents: number;\n  qty: number;\n  imageUrl?: string;\n  /** 5.6: personalisatie per veld-key ({ naam: { text: \"Boaz\" } }). */\n  personalization?: Record<string, { text?: string; imagePath?: string; fileName?: string }>;\n  /** Leesbare samenvatting voor cart/checkout (\"Naam: Boaz\"). */\n  personalizationLabel?: string;\n}\n\nconst listeners = new Set<() => void>();\n/** Cache per siteId zodat getSnapshot een stabiele referentie teruggeeft (useSyncExternalStore-eis). */\nconst cache = new Map<string, { raw: string; lines: CartLine[] }>();\n\nfunction storageKey(siteId: string): string {\n  return `xicms:cart:${siteId}`;\n}\n\nfunction readLines(siteId: string): CartLine[] {\n  if (typeof window === \"undefined\") return [];\n  let raw = \"\";\n  try {\n    raw = window.localStorage.getItem(storageKey(siteId)) ?? \"[]\";\n  } catch {\n    raw = \"[]\";\n  }\n  const cached = cache.get(siteId);\n  if (cached && cached.raw === raw) return cached.lines;\n  let lines: CartLine[] = [];\n  try {\n    const parsed = JSON.parse(raw);\n    if (Array.isArray(parsed)) lines = parsed.filter((l) => l && typeof l === \"object\" && typeof l.productId === \"string\");\n  } catch {\n    lines = [];\n  }\n  cache.set(siteId, { raw, lines });\n  return lines;\n}\n\nfunction writeLines(siteId: string, lines: CartLine[]): void {\n  try {\n    window.localStorage.setItem(storageKey(siteId), JSON.stringify(lines));\n  } catch {\n    // localStorage vol/geblokkeerd: cart werkt dan alleen in-memory via de cache.\n    cache.set(siteId, { raw: `mem:${Date.now()}`, lines });\n  }\n  emit();\n}\n\nfunction emit(): void {\n  for (const l of listeners) l();\n}\n\nfunction subscribe(cb: () => void): () => void {\n  listeners.add(cb);\n  // Cross-tab: een andere tab die de cart wijzigt triggert hier een re-render.\n  const onStorage = (e: StorageEvent) => {\n    if (e.key?.startsWith(\"xicms:cart:\")) cb();\n  };\n  window.addEventListener(\"storage\", onStorage);\n  return () => {\n    listeners.delete(cb);\n    window.removeEventListener(\"storage\", onStorage);\n  };\n}\n\nfunction lineId(l: Pick<CartLine, \"productId\" | \"variantKey\" | \"personalization\">): string {\n  // Personalisatie maakt de regel uniek: twee rompertjes met verschillende namen zijn\n  // aparte regels (anders verhoogt \"nog één toevoegen\" stilletjes de verkeerde).\n  const pers = l.personalization ? JSON.stringify(l.personalization) : \"\";\n  return `${l.productId}::${l.variantKey ?? \"\"}::${pers}`;\n}\n\nexport function cartAdd(siteId: string, line: Omit<CartLine, \"qty\">, qty = 1): void {\n  const lines = [...readLines(siteId)];\n  const idx = lines.findIndex((l) => lineId(l) === lineId(line));\n  if (idx >= 0) lines[idx] = { ...lines[idx], qty: Math.min(999, lines[idx].qty + qty) };\n  else lines.push({ ...line, qty: Math.min(999, Math.max(1, qty)) });\n  writeLines(siteId, lines);\n}\n\nexport function cartSetQty(\n  siteId: string,\n  line: Pick<CartLine, \"productId\" | \"variantKey\" | \"personalization\">,\n  qty: number,\n): void {\n  const lines = readLines(siteId)\n    .map((l) => (lineId(l) === lineId(line) ? { ...l, qty: Math.min(999, qty) } : l))\n    .filter((l) => l.qty > 0);\n  writeLines(siteId, lines);\n}\n\nexport function cartRemove(siteId: string, line: Pick<CartLine, \"productId\" | \"variantKey\" | \"personalization\">): void {\n  writeLines(siteId, readLines(siteId).filter((l) => lineId(l) !== lineId(line)));\n}\n\n/** Stabiele sleutel voor React-keys in cart-weergaven. */\nexport function cartLineKey(l: Pick<CartLine, \"productId\" | \"variantKey\" | \"personalization\">): string {\n  return lineId(l);\n}\n\nexport function cartClear(siteId: string): void {\n  writeLines(siteId, []);\n}\n\nexport interface CartState {\n  lines: CartLine[];\n  count: number;\n  itemsCents: number;\n}\n\n/** Reactieve cart-state voor blocks/klantcomponenten (bv. een cart-badge in de header). */\nexport function useCart(siteId: string): CartState {\n  const lines = useSyncExternalStore(subscribe, () => readLines(siteId), () => [] as CartLine[]);\n  return {\n    lines,\n    count: lines.reduce((n, l) => n + l.qty, 0),\n    itemsCents: lines.reduce((n, l) => n + l.unitPriceCents * l.qty, 0),\n  };\n}\n"],"mappings":";AAUA,SAAS,4BAA4B;AAmBrC,MAAM,YAAY,oBAAI,IAAgB;AAEtC,MAAM,QAAQ,oBAAI,IAAgD;AAElE,SAAS,WAAW,QAAwB;AAC1C,SAAO,cAAc,MAAM;AAC7B;AAEA,SAAS,UAAU,QAA4B;AAC7C,MAAI,OAAO,WAAW,YAAa,QAAO,CAAC;AAC3C,MAAI,MAAM;AACV,MAAI;AACF,UAAM,OAAO,aAAa,QAAQ,WAAW,MAAM,CAAC,KAAK;AAAA,EAC3D,QAAQ;AACN,UAAM;AAAA,EACR;AACA,QAAM,SAAS,MAAM,IAAI,MAAM;AAC/B,MAAI,UAAU,OAAO,QAAQ,IAAK,QAAO,OAAO;AAChD,MAAI,QAAoB,CAAC;AACzB,MAAI;AACF,UAAM,SAAS,KAAK,MAAM,GAAG;AAC7B,QAAI,MAAM,QAAQ,MAAM,EAAG,SAAQ,OAAO,OAAO,CAAC,MAAM,KAAK,OAAO,MAAM,YAAY,OAAO,EAAE,cAAc,QAAQ;AAAA,EACvH,QAAQ;AACN,YAAQ,CAAC;AAAA,EACX;AACA,QAAM,IAAI,QAAQ,EAAE,KAAK,MAAM,CAAC;AAChC,SAAO;AACT;AAEA,SAAS,WAAW,QAAgB,OAAyB;AAC3D,MAAI;AACF,WAAO,aAAa,QAAQ,WAAW,MAAM,GAAG,KAAK,UAAU,KAAK,CAAC;AAAA,EACvE,QAAQ;AAEN,UAAM,IAAI,QAAQ,EAAE,KAAK,OAAO,KAAK,IAAI,CAAC,IAAI,MAAM,CAAC;AAAA,EACvD;AACA,OAAK;AACP;AAEA,SAAS,OAAa;AACpB,aAAW,KAAK,UAAW,GAAE;AAC/B;AAEA,SAAS,UAAU,IAA4B;AAC7C,YAAU,IAAI,EAAE;AAEhB,QAAM,YAAY,CAAC,MAAoB;AACrC,QAAI,EAAE,KAAK,WAAW,aAAa,EAAG,IAAG;AAAA,EAC3C;AACA,SAAO,iBAAiB,WAAW,SAAS;AAC5C,SAAO,MAAM;AACX,cAAU,OAAO,EAAE;AACnB,WAAO,oBAAoB,WAAW,SAAS;AAAA,EACjD;AACF;AAEA,SAAS,OAAO,GAA2E;AAGzF,QAAM,OAAO,EAAE,kBAAkB,KAAK,UAAU,EAAE,eAAe,IAAI;AACrE,SAAO,GAAG,EAAE,SAAS,KAAK,EAAE,cAAc,EAAE,KAAK,IAAI;AACvD;AAEO,SAAS,QAAQ,QAAgB,MAA6B,MAAM,GAAS;AAClF,QAAM,QAAQ,CAAC,GAAG,UAAU,MAAM,CAAC;AACnC,QAAM,MAAM,MAAM,UAAU,CAAC,MAAM,OAAO,CAAC,MAAM,OAAO,IAAI,CAAC;AAC7D,MAAI,OAAO,EAAG,OAAM,GAAG,IAAI,EAAE,GAAG,MAAM,GAAG,GAAG,KAAK,KAAK,IAAI,KAAK,MAAM,GAAG,EAAE,MAAM,GAAG,EAAE;AAAA,MAChF,OAAM,KAAK,EAAE,GAAG,MAAM,KAAK,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,GAAG,CAAC,EAAE,CAAC;AACjE,aAAW,QAAQ,KAAK;AAC1B;AAEO,SAAS,WACd,QACA,MACA,KACM;AACN,QAAM,QAAQ,UAAU,MAAM,EAC3B,IAAI,CAAC,MAAO,OAAO,CAAC,MAAM,OAAO,IAAI,IAAI,EAAE,GAAG,GAAG,KAAK,KAAK,IAAI,KAAK,GAAG,EAAE,IAAI,CAAE,EAC/E,OAAO,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,aAAW,QAAQ,KAAK;AAC1B;AAEO,SAAS,WAAW,QAAgB,MAA4E;AACrH,aAAW,QAAQ,UAAU,MAAM,EAAE,OAAO,CAAC,MAAM,OAAO,CAAC,MAAM,OAAO,IAAI,CAAC,CAAC;AAChF;AAGO,SAAS,YAAY,GAA2E;AACrG,SAAO,OAAO,CAAC;AACjB;AAEO,SAAS,UAAU,QAAsB;AAC9C,aAAW,QAAQ,CAAC,CAAC;AACvB;AASO,SAAS,QAAQ,QAA2B;AACjD,QAAM,QAAQ,qBAAqB,WAAW,MAAM,UAAU,MAAM,GAAG,MAAM,CAAC,CAAe;AAC7F,SAAO;AAAA,IACL;AAAA,IACA,OAAO,MAAM,OAAO,CAAC,GAAG,MAAM,IAAI,EAAE,KAAK,CAAC;AAAA,IAC1C,YAAY,MAAM,OAAO,CAAC,GAAG,MAAM,IAAI,EAAE,iBAAiB,EAAE,KAAK,CAAC;AAAA,EACpE;AACF;","names":[]}
+{"version":3,"sources":["../../../src/modules/shop/cartStore.ts"],"sourcesContent":["\"use client\";\n\n/**\n * Winkelwagen-store — puur client-side (localStorage), geen Firestore-writes vóór checkout.\n * Extern store + `useSyncExternalStore` zodat élk shop-block (grid, cart-badge, checkout) dezelfde\n * state ziet zonder dat er een provider gemount hoeft te worden. Cross-tab sync via `storage`.\n *\n * Prijzen in de cart zijn indicatief voor weergave; bij `createOrder` herrekent de server alles\n * tegen de opgeslagen product-docs (client wordt nooit vertrouwd).\n */\nimport { useSyncExternalStore } from \"react\";\n\nexport interface CartLine {\n  productId: string;\n  slug: string;\n  name: string;\n  /** Variant-key (\"68|Roze\") + leesbaar label (\"Maat 68, Roze\"). */\n  variantKey?: string;\n  variantLabel?: string;\n  /** Incl. personalisatie-meerprijs (indicatief; server herrekent). */\n  unitPriceCents: number;\n  qty: number;\n  imageUrl?: string;\n  /** 5.6: personalisatie per veld-key ({ naam: { text: \"Boaz\" } }). */\n  personalization?: Record<string, { text?: string; imagePath?: string; fileName?: string }>;\n  /** Leesbare samenvatting voor cart/checkout (\"Naam: Boaz\"). */\n  personalizationLabel?: string;\n}\n\nconst listeners = new Set<() => void>();\n/** Cache per siteId zodat getSnapshot een stabiele referentie teruggeeft (useSyncExternalStore-eis). */\nconst cache = new Map<string, { raw: string; lines: CartLine[] }>();\n/**\n * Dezelfde eis geldt voor `getServerSnapshot`, en dáár stond hij niet: die gaf `() => []` terug,\n * dus elke render een nieuwe referentie. React meldde daarop bij élke pagina-load van een\n * shop-site: \"The result of getServerSnapshot should be cached to avoid an infinite loop\".\n * Eén gedeelde, bevroren lege lijst lost dat op — de cart is server-side per definitie leeg\n * (localStorage bestaat daar niet), dus één instantie volstaat.\n */\nconst LEGE_CART: readonly CartLine[] = Object.freeze([]);\n\nfunction storageKey(siteId: string): string {\n  return `xicms:cart:${siteId}`;\n}\n\nfunction readLines(siteId: string): CartLine[] {\n  if (typeof window === \"undefined\") return [];\n  let raw = \"\";\n  try {\n    raw = window.localStorage.getItem(storageKey(siteId)) ?? \"[]\";\n  } catch {\n    raw = \"[]\";\n  }\n  const cached = cache.get(siteId);\n  if (cached && cached.raw === raw) return cached.lines;\n  let lines: CartLine[] = [];\n  try {\n    const parsed = JSON.parse(raw);\n    if (Array.isArray(parsed)) lines = parsed.filter((l) => l && typeof l === \"object\" && typeof l.productId === \"string\");\n  } catch {\n    lines = [];\n  }\n  cache.set(siteId, { raw, lines });\n  return lines;\n}\n\nfunction writeLines(siteId: string, lines: CartLine[]): void {\n  try {\n    window.localStorage.setItem(storageKey(siteId), JSON.stringify(lines));\n  } catch {\n    // localStorage vol/geblokkeerd: cart werkt dan alleen in-memory via de cache.\n    cache.set(siteId, { raw: `mem:${Date.now()}`, lines });\n  }\n  emit();\n}\n\nfunction emit(): void {\n  for (const l of listeners) l();\n}\n\nfunction subscribe(cb: () => void): () => void {\n  listeners.add(cb);\n  // Cross-tab: een andere tab die de cart wijzigt triggert hier een re-render.\n  const onStorage = (e: StorageEvent) => {\n    if (e.key?.startsWith(\"xicms:cart:\")) cb();\n  };\n  window.addEventListener(\"storage\", onStorage);\n  return () => {\n    listeners.delete(cb);\n    window.removeEventListener(\"storage\", onStorage);\n  };\n}\n\nfunction lineId(l: Pick<CartLine, \"productId\" | \"variantKey\" | \"personalization\">): string {\n  // Personalisatie maakt de regel uniek: twee rompertjes met verschillende namen zijn\n  // aparte regels (anders verhoogt \"nog één toevoegen\" stilletjes de verkeerde).\n  const pers = l.personalization ? JSON.stringify(l.personalization) : \"\";\n  return `${l.productId}::${l.variantKey ?? \"\"}::${pers}`;\n}\n\nexport function cartAdd(siteId: string, line: Omit<CartLine, \"qty\">, qty = 1): void {\n  const lines = [...readLines(siteId)];\n  const idx = lines.findIndex((l) => lineId(l) === lineId(line));\n  if (idx >= 0) lines[idx] = { ...lines[idx], qty: Math.min(999, lines[idx].qty + qty) };\n  else lines.push({ ...line, qty: Math.min(999, Math.max(1, qty)) });\n  writeLines(siteId, lines);\n}\n\nexport function cartSetQty(\n  siteId: string,\n  line: Pick<CartLine, \"productId\" | \"variantKey\" | \"personalization\">,\n  qty: number,\n): void {\n  const lines = readLines(siteId)\n    .map((l) => (lineId(l) === lineId(line) ? { ...l, qty: Math.min(999, qty) } : l))\n    .filter((l) => l.qty > 0);\n  writeLines(siteId, lines);\n}\n\nexport function cartRemove(siteId: string, line: Pick<CartLine, \"productId\" | \"variantKey\" | \"personalization\">): void {\n  writeLines(siteId, readLines(siteId).filter((l) => lineId(l) !== lineId(line)));\n}\n\n/** Stabiele sleutel voor React-keys in cart-weergaven. */\nexport function cartLineKey(l: Pick<CartLine, \"productId\" | \"variantKey\" | \"personalization\">): string {\n  return lineId(l);\n}\n\nexport function cartClear(siteId: string): void {\n  writeLines(siteId, []);\n}\n\nexport interface CartState {\n  lines: CartLine[];\n  count: number;\n  itemsCents: number;\n}\n\n/** Reactieve cart-state voor blocks/klantcomponenten (bv. een cart-badge in de header). */\nexport function useCart(siteId: string): CartState {\n  const lines = useSyncExternalStore(subscribe, () => readLines(siteId), () => LEGE_CART as CartLine[]);\n  return {\n    lines,\n    count: lines.reduce((n, l) => n + l.qty, 0),\n    itemsCents: lines.reduce((n, l) => n + l.unitPriceCents * l.qty, 0),\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/modules/shop/lib.js

@@ -4,10 +4,9 @@ async function fsSdk() {
   return { db: client.getDb(), ...sdk };
 }
 async function fnSdk() {
-  const [client, sdk] = await Promise.all([import("../../firebase/client.js"), import("firebase/functions")]);
+  const [client, sdk] = await Promise.all([import("../../firebase/client.js"), import("../../firebase/functionsClient.js")]);
   return { app: client.getFirebaseApp(), ...sdk };
 }
-import { functionsRegion } from "../../firebase/region.js";
 import { useModuleSettings } from "../context.js";
 import { defaultShopSettings } from "./settings.js";
 function useShopSettings() {
@@ -58,21 +57,21 @@ function stripEmpty(value) {
   return value;
 }
 async function createOrderCall(input) {
-  const { app, getFunctions, httpsCallable } = await fnSdk();
+  const { app, callable } = await fnSdk();
   if (!app) throw new Error("Webwinkel niet beschikbaar.");
-  const fn = httpsCallable(getFunctions(app, functionsRegion()), "createOrder");
+  const fn = callable(app, "createOrder");
   const res = await fn(stripEmpty(input));
   return res.data;
 }
 async function validateDiscountCall(siteId, code, itemsCents) {
-  const { app, getFunctions, httpsCallable } = await fnSdk();
+  const { app, callable } = await fnSdk();
   if (!app) throw new Error("Webwinkel niet beschikbaar.");
-  const fn = httpsCallable(getFunctions(app, functionsRegion()), "validateDiscountCode");
+  const fn = callable(app, "validateDiscountCode");
   const res = await fn({ siteId, code, itemsCents });
   return res.data;
 }
 async function uploadPersonalizationCall(siteId, productId, file) {
-  const { app, getFunctions, httpsCallable } = await fnSdk();
+  const { app, callable } = await fnSdk();
   if (!app) throw new Error("Webwinkel niet beschikbaar.");
   if (file.size > 5 * 1024 * 1024) throw new Error("TOO_BIG");
   const bytesBase64 = await new Promise((resolve, reject) => {
@@ -81,7 +80,7 @@ async function uploadPersonalizationCall(siteId, productId, file) {
     reader.onerror = () => reject(new Error("Bestand lezen mislukt."));
     reader.readAsDataURL(file);
   });
-  const fn = httpsCallable(getFunctions(app, functionsRegion()), "uploadPersonalization");
+  const fn = callable(app, "uploadPersonalization");
   const res = await fn({ siteId, productId, fileName: file.name, contentType: file.type, bytesBase64 });
   return res.data;
 }
@@ -94,9 +93,9 @@ function readQueryParam(name) {
   return new URLSearchParams(window.location.search).get(name);
 }
 async function getOrderReturnStatusCall(siteId, orderId) {
-  const { app, getFunctions, httpsCallable } = await fnSdk();
+  const { app, callable } = await fnSdk();
   if (!app) return { status: "unknown" };
-  const fn = httpsCallable(getFunctions(app, functionsRegion()), "getOrderReturnStatus");
+  const fn = callable(app, "getOrderReturnStatus");
   const res = await fn({ siteId, orderId });
   return res.data;
 }

package/dist/modules/shop/lib.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/modules/shop/lib.ts"],"sourcesContent":["\"use client\";\n\n/**\n * Client-helpers voor de shop-blocks: producten/categorieën lezen (publieke rules) en de\n * `createOrder`-callable aanroepen. Queries bewust simpel gehouden (één `where` op status,\n * filteren/sorteren client-side) zodat er géén composite-indexes nodig zijn — assortimenten\n * van XiCMS-sites zijn klein (tientallen tot honderden producten).\n */\n\n/**\n * Firestore/Functions worden hier DYNAMISCH geladen. De shop-blocks zitten in de publieke bundel,\n * dus een statische import zette de SDK op élke pagina — ook op sites zonder webshop.\n */\nasync function fsSdk() {\n  const [client, sdk] = await Promise.all([import(\"../../firebase/client\"), import(\"firebase/firestore\")]);\n  return { db: client.getDb(), ...sdk };\n}\nasync function fnSdk() {\n  const [client, sdk] = await Promise.all([import(\"../../firebase/client\"), import(\"firebase/functions\")]);\n  return { app: client.getFirebaseApp(), ...sdk };\n}\nimport { functionsRegion } from \"../../firebase/region\";\nimport type { CreateOrderInput, Product, ProductOption, ShopCategory } from \"../../schema/shop\";\nimport { useModuleSettings } from \"../context\";\nimport { defaultShopSettings, type ShopSettings } from \"./settings\";\n\n/** Publieke shop-instellingen met defaults (paden, verzendkosten, valuta). */\nexport function useShopSettings(): ShopSettings {\n  const raw = useModuleSettings<Partial<ShopSettings>>(\"shop\");\n  return { ...defaultShopSettings, ...raw };\n}\n\nexport type StoredProduct = Product & { id: string };\nexport type StoredShopCategory = ShopCategory & { id: string };\n\nexport async function fetchActiveProducts(siteId: string): Promise<StoredProduct[]> {\n  const { db, collection, getDocs, limit: fsLimit, query, where } = await fsSdk();\n  if (!db) return [];\n  const snap = await getDocs(\n    query(collection(db, \"sites\", siteId, \"products\"), where(\"status\", \"==\", \"active\"), fsLimit(500)),\n  );\n  return snap.docs.map((d) => ({ id: d.id, ...(d.data() as Product) }));\n}\n\nexport async function fetchProductBySlug(siteId: string, slug: string): Promise<StoredProduct | null> {\n  const { db, collection, getDocs, limit: fsLimit, query, where } = await fsSdk();\n  if (!db || !slug) return null;\n  // Het status-filter is verplicht: de rules staan publieke reads alleen toe voor actieve\n  // producten, en Firestore weigert query's die niet aantoonbaar binnen die regel blijven.\n  // Twee equality-filters → geen composite index nodig (index-merging).\n  const snap = await getDocs(\n    query(\n      collection(db, \"sites\", siteId, \"products\"),\n      where(\"slug\", \"==\", slug),\n      where(\"status\", \"==\", \"active\"),\n      fsLimit(1),\n    ),\n  );\n  const doc = snap.docs[0];\n  if (!doc) return null;\n  return { id: doc.id, ...(doc.data() as Product) };\n}\n\nexport async function fetchShopCategories(siteId: string): Promise<StoredShopCategory[]> {\n  const { db, collection, getDocs, limit: fsLimit, query, where } = await fsSdk();\n  if (!db) return [];\n  const snap = await getDocs(query(collection(db, \"sites\", siteId, \"shopCategories\"), fsLimit(100)));\n  return snap.docs\n    .map((d) => ({ id: d.id, ...(d.data() as ShopCategory) }))\n    .filter((c) => c.visible !== false)\n    .sort((a, b) => (a.order ?? 0) - (b.order ?? 0));\n}\n\n/** Start de checkout: order + Stripe-sessie server-side; geeft de redirect-URL terug. */\n/**\n * Verwijdert `undefined`/`null`-velden diep uit een payload vóór een callable-aanroep.\n * De Firebase-callable-SDK serialiseert `undefined` namelijk als `null` op de wire, terwijl de\n * server-side Zod-schema's optionele velden met `.optional()` valideren — dat wijst `null` af en\n * geeft \"Ongeldige invoer\". Door lege velden hier weg te laten komen ze als afwezig binnen (= ok).\n */\nfunction stripEmpty<T>(value: T): T {\n  if (Array.isArray(value)) {\n    return value.map((v) => stripEmpty(v)) as unknown as T;\n  }\n  if (value && typeof value === \"object\") {\n    const out: Record<string, unknown> = {};\n    for (const [k, v] of Object.entries(value as Record<string, unknown>)) {\n      if (v === undefined || v === null) continue;\n      out[k] = stripEmpty(v);\n    }\n    return out as T;\n  }\n  return value;\n}\n\nexport async function createOrderCall(input: CreateOrderInput): Promise<{ url: string; orderNumber: string }> {\n  const { app, getFunctions, httpsCallable } = await fnSdk();\n  if (!app) throw new Error(\"Webwinkel niet beschikbaar.\");\n  const fn = httpsCallable(getFunctions(app, functionsRegion()), \"createOrder\");\n  const res = await fn(stripEmpty(input));\n  return res.data as { url: string; orderNumber: string };\n}\n\n/** Valideert een kortingscode server-side; geeft de verwachte korting terug (preview). */\nexport interface DiscountPreview {\n  valid: boolean;\n  code?: string;\n  discountCents?: number;\n  freeShipping?: boolean;\n  reason?: string;\n}\nexport async function validateDiscountCall(siteId: string, code: string, itemsCents: number): Promise<DiscountPreview> {\n  const { app, getFunctions, httpsCallable } = await fnSdk();\n  if (!app) throw new Error(\"Webwinkel niet beschikbaar.\");\n  const fn = httpsCallable(getFunctions(app, functionsRegion()), \"validateDiscountCode\");\n  const res = await fn({ siteId, code, itemsCents });\n  return res.data as DiscountPreview;\n}\n\n/**\n * Upload een personalisatie-afbeelding (eigen logo e.d.) via de begrensde callable —\n * geeft het Storage-pad terug dat op de orderregel meegaat. Max 5 MB, jpeg/png/webp.\n */\nexport async function uploadPersonalizationCall(\n  siteId: string,\n  productId: string,\n  file: File,\n): Promise<{ path: string }> {\n  const { app, getFunctions, httpsCallable } = await fnSdk();\n  if (!app) throw new Error(\"Webwinkel niet beschikbaar.\");\n  if (file.size > 5 * 1024 * 1024) throw new Error(\"TOO_BIG\");\n  const bytesBase64 = await new Promise<string>((resolve, reject) => {\n    const reader = new FileReader();\n    reader.onload = () => resolve(String(reader.result).split(\",\")[1] ?? \"\");\n    reader.onerror = () => reject(new Error(\"Bestand lezen mislukt.\"));\n    reader.readAsDataURL(file);\n  });\n  const fn = httpsCallable(getFunctions(app, functionsRegion()), \"uploadPersonalization\");\n  const res = await fn({ siteId, productId, fileName: file.name, contentType: file.type, bytesBase64 });\n  return res.data as { path: string };\n}\n\n/** Leesbaar variantlabel: opties [\"Maat\",\"Kleur\"] + key \"68|Roze\" → \"Maat 68 · Roze\". */\nexport function variantLabelFor(options: { name: string; values: string[] }[], key: string): string {\n  const parts = key.split(\"|\");\n  return options.map((o, i) => `${o.name} ${parts[i] ?? \"?\"}`).join(\" · \");\n}\n\n/** Querystring-parameter client-side lezen (blocks zijn client components). */\nexport function readQueryParam(name: string): string | null {\n  if (typeof window === \"undefined\") return null;\n  return new URLSearchParams(window.location.search).get(name);\n}\n\n/**\n * Echte orderstatus opvragen (voor de bedankt-pagina). Nodig bij Mollie: die heeft één\n * redirect-URL voor alle uitkomsten, dus de status moet server-side gecheckt worden.\n */\nexport async function getOrderReturnStatusCall(\n  siteId: string,\n  orderId: string,\n): Promise<{ status: string; number?: string }> {\n  const { app, getFunctions, httpsCallable } = await fnSdk();\n  if (!app) return { status: \"unknown\" };\n  const fn = httpsCallable(getFunctions(app, functionsRegion()), \"getOrderReturnStatus\");\n  const res = await fn({ siteId, orderId });\n  return res.data as { status: string; number?: string };\n}\n\n/* ── Kleur-swatches ──────────────────────────────────────────────────────── */\n\n// Zachte, pastelachtige swatch-tinten — informatief maar rustig (geen felle vlekken op de\n// kaart). Bewust gedempt t.o.v. de echte stofkleuren; de foto toont de precieze kleur.\nconst KLEUR_CSS: [RegExp, string][] = [\n  [/fuchsia|fushia/, \"#dd8fb4\"],\n  [/roze|pink/, \"#f2c3d3\"],\n  [/blauw|blue/, \"#bcd3ea\"],\n  [/mint/, \"#bfe0d2\"],\n  [/oker|geel|yellow/, \"#eccf90\"],\n  [/wit|white/, \"#f6f3ec\"],\n  [/creme|crème|ecru|beige|zand/, \"#f0e7d6\"],\n  [/grijs|gray|grey/, \"#c7ccd3\"],\n  [/groen|green/, \"#b3d1b3\"],\n  [/rood|red|bordeaux/, \"#e0a0a0\"],\n  [/paars|purple|lila/, \"#cdbce6\"],\n  [/oranje|orange/, \"#f2bd94\"],\n  [/bruin|brown/, \"#c3a488\"],\n  [/zwart|black|navy|donkerblauw/, \"#6b7488\"],\n];\n\n/**\n * Zet een kleurnaam (\"Roze\", \"Korte mouw tshirt (oker)geel\") om naar een CSS-kleur voor de\n * swatch-stipjes op productkaarten. Onbekende namen geven null (dan geen stipje).\n */\nexport function kleurNaarCss(naam: string): string | null {\n  const l = naam.toLowerCase();\n  for (const [re, css] of KLEUR_CSS) if (re.test(l)) return css;\n  return null;\n}\n\n/** De kleur-optie van een product (naam \"Kleur\"/\"Colour\"/\"Color\"), of null. */\nexport function kleurOptie(product: Pick<Product, \"options\">): ProductOption | null {\n  return (product.options ?? []).find((o) => /^kleur|^colou?r/i.test(o.name)) ?? null;\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/modules/shop/lib.ts"],"sourcesContent":["\"use client\";\n\n/**\n * Client-helpers voor de shop-blocks: producten/categorieën lezen (publieke rules) en de\n * `createOrder`-callable aanroepen. Queries bewust simpel gehouden (één `where` op status,\n * filteren/sorteren client-side) zodat er géén composite-indexes nodig zijn — assortimenten\n * van XiCMS-sites zijn klein (tientallen tot honderden producten).\n */\n\n/**\n * Firestore/Functions worden hier DYNAMISCH geladen. De shop-blocks zitten in de publieke bundel,\n * dus een statische import zette de SDK op élke pagina — ook op sites zonder webshop.\n */\nasync function fsSdk() {\n  const [client, sdk] = await Promise.all([import(\"../../firebase/client\"), import(\"firebase/firestore\")]);\n  return { db: client.getDb(), ...sdk };\n}\nasync function fnSdk() {\n  const [client, sdk] = await Promise.all([import(\"../../firebase/client\"), import(\"../../firebase/functionsClient\")]);\n  return { app: client.getFirebaseApp(), ...sdk };\n}\nimport type { CreateOrderInput, Product, ProductOption, ShopCategory } from \"../../schema/shop\";\nimport { useModuleSettings } from \"../context\";\nimport { defaultShopSettings, type ShopSettings } from \"./settings\";\n\n/** Publieke shop-instellingen met defaults (paden, verzendkosten, valuta). */\nexport function useShopSettings(): ShopSettings {\n  const raw = useModuleSettings<Partial<ShopSettings>>(\"shop\");\n  return { ...defaultShopSettings, ...raw };\n}\n\nexport type StoredProduct = Product & { id: string };\nexport type StoredShopCategory = ShopCategory & { id: string };\n\nexport async function fetchActiveProducts(siteId: string): Promise<StoredProduct[]> {\n  const { db, collection, getDocs, limit: fsLimit, query, where } = await fsSdk();\n  if (!db) return [];\n  const snap = await getDocs(\n    query(collection(db, \"sites\", siteId, \"products\"), where(\"status\", \"==\", \"active\"), fsLimit(500)),\n  );\n  return snap.docs.map((d) => ({ id: d.id, ...(d.data() as Product) }));\n}\n\nexport async function fetchProductBySlug(siteId: string, slug: string): Promise<StoredProduct | null> {\n  const { db, collection, getDocs, limit: fsLimit, query, where } = await fsSdk();\n  if (!db || !slug) return null;\n  // Het status-filter is verplicht: de rules staan publieke reads alleen toe voor actieve\n  // producten, en Firestore weigert query's die niet aantoonbaar binnen die regel blijven.\n  // Twee equality-filters → geen composite index nodig (index-merging).\n  const snap = await getDocs(\n    query(\n      collection(db, \"sites\", siteId, \"products\"),\n      where(\"slug\", \"==\", slug),\n      where(\"status\", \"==\", \"active\"),\n      fsLimit(1),\n    ),\n  );\n  const doc = snap.docs[0];\n  if (!doc) return null;\n  return { id: doc.id, ...(doc.data() as Product) };\n}\n\nexport async function fetchShopCategories(siteId: string): Promise<StoredShopCategory[]> {\n  const { db, collection, getDocs, limit: fsLimit, query, where } = await fsSdk();\n  if (!db) return [];\n  const snap = await getDocs(query(collection(db, \"sites\", siteId, \"shopCategories\"), fsLimit(100)));\n  return snap.docs\n    .map((d) => ({ id: d.id, ...(d.data() as ShopCategory) }))\n    .filter((c) => c.visible !== false)\n    .sort((a, b) => (a.order ?? 0) - (b.order ?? 0));\n}\n\n/** Start de checkout: order + Stripe-sessie server-side; geeft de redirect-URL terug. */\n/**\n * Verwijdert `undefined`/`null`-velden diep uit een payload vóór een callable-aanroep.\n * De Firebase-callable-SDK serialiseert `undefined` namelijk als `null` op de wire, terwijl de\n * server-side Zod-schema's optionele velden met `.optional()` valideren — dat wijst `null` af en\n * geeft \"Ongeldige invoer\". Door lege velden hier weg te laten komen ze als afwezig binnen (= ok).\n */\nfunction stripEmpty<T>(value: T): T {\n  if (Array.isArray(value)) {\n    return value.map((v) => stripEmpty(v)) as unknown as T;\n  }\n  if (value && typeof value === \"object\") {\n    const out: Record<string, unknown> = {};\n    for (const [k, v] of Object.entries(value as Record<string, unknown>)) {\n      if (v === undefined || v === null) continue;\n      out[k] = stripEmpty(v);\n    }\n    return out as T;\n  }\n  return value;\n}\n\nexport async function createOrderCall(input: CreateOrderInput): Promise<{ url: string; orderNumber: string }> {\n  const { app, callable } = await fnSdk();\n  if (!app) throw new Error(\"Webwinkel niet beschikbaar.\");\n  const fn = callable(app, \"createOrder\");\n  const res = await fn(stripEmpty(input));\n  return res.data as { url: string; orderNumber: string };\n}\n\n/** Valideert een kortingscode server-side; geeft de verwachte korting terug (preview). */\nexport interface DiscountPreview {\n  valid: boolean;\n  code?: string;\n  discountCents?: number;\n  freeShipping?: boolean;\n  reason?: string;\n}\nexport async function validateDiscountCall(siteId: string, code: string, itemsCents: number): Promise<DiscountPreview> {\n  const { app, callable } = await fnSdk();\n  if (!app) throw new Error(\"Webwinkel niet beschikbaar.\");\n  const fn = callable(app, \"validateDiscountCode\");\n  const res = await fn({ siteId, code, itemsCents });\n  return res.data as DiscountPreview;\n}\n\n/**\n * Upload een personalisatie-afbeelding (eigen logo e.d.) via de begrensde callable —\n * geeft het Storage-pad terug dat op de orderregel meegaat. Max 5 MB, jpeg/png/webp.\n */\nexport async function uploadPersonalizationCall(\n  siteId: string,\n  productId: string,\n  file: File,\n): Promise<{ path: string }> {\n  const { app, callable } = await fnSdk();\n  if (!app) throw new Error(\"Webwinkel niet beschikbaar.\");\n  if (file.size > 5 * 1024 * 1024) throw new Error(\"TOO_BIG\");\n  const bytesBase64 = await new Promise<string>((resolve, reject) => {\n    const reader = new FileReader();\n    reader.onload = () => resolve(String(reader.result).split(\",\")[1] ?? \"\");\n    reader.onerror = () => reject(new Error(\"Bestand lezen mislukt.\"));\n    reader.readAsDataURL(file);\n  });\n  const fn = callable(app, \"uploadPersonalization\");\n  const res = await fn({ siteId, productId, fileName: file.name, contentType: file.type, bytesBase64 });\n  return res.data as { path: string };\n}\n\n/** Leesbaar variantlabel: opties [\"Maat\",\"Kleur\"] + key \"68|Roze\" → \"Maat 68 · Roze\". */\nexport function variantLabelFor(options: { name: string; values: string[] }[], key: string): string {\n  const parts = key.split(\"|\");\n  return options.map((o, i) => `${o.name} ${parts[i] ?? \"?\"}`).join(\" · \");\n}\n\n/** Querystring-parameter client-side lezen (blocks zijn client components). */\nexport function readQueryParam(name: string): string | null {\n  if (typeof window === \"undefined\") return null;\n  return new URLSearchParams(window.location.search).get(name);\n}\n\n/**\n * Echte orderstatus opvragen (voor de bedankt-pagina). Nodig bij Mollie: die heeft één\n * redirect-URL voor alle uitkomsten, dus de status moet server-side gecheckt worden.\n */\nexport async function getOrderReturnStatusCall(\n  siteId: string,\n  orderId: string,\n): Promise<{ status: string; number?: string }> {\n  const { app, callable } = await fnSdk();\n  if (!app) return { status: \"unknown\" };\n  const fn = callable(app, \"getOrderReturnStatus\");\n  const res = await fn({ siteId, orderId });\n  return res.data as { status: string; number?: string };\n}\n\n/* ── Kleur-swatches ──────────────────────────────────────────────────────── */\n\n// Zachte, pastelachtige swatch-tinten — informatief maar rustig (geen felle vlekken op de\n// kaart). Bewust gedempt t.o.v. de echte stofkleuren; de foto toont de precieze kleur.\nconst KLEUR_CSS: [RegExp, string][] = [\n  [/fuchsia|fushia/, \"#dd8fb4\"],\n  [/roze|pink/, \"#f2c3d3\"],\n  [/blauw|blue/, \"#bcd3ea\"],\n  [/mint/, \"#bfe0d2\"],\n  [/oker|geel|yellow/, \"#eccf90\"],\n  [/wit|white/, \"#f6f3ec\"],\n  [/creme|crème|ecru|beige|zand/, \"#f0e7d6\"],\n  [/grijs|gray|grey/, \"#c7ccd3\"],\n  [/groen|green/, \"#b3d1b3\"],\n  [/rood|red|bordeaux/, \"#e0a0a0\"],\n  [/paars|purple|lila/, \"#cdbce6\"],\n  [/oranje|orange/, \"#f2bd94\"],\n  [/bruin|brown/, \"#c3a488\"],\n  [/zwart|black|navy|donkerblauw/, \"#6b7488\"],\n];\n\n/**\n * Zet een kleurnaam (\"Roze\", \"Korte mouw tshirt (oker)geel\") om naar een CSS-kleur voor de\n * swatch-stipjes op productkaarten. Onbekende namen geven null (dan geen stipje).\n */\nexport function kleurNaarCss(naam: string): string | null {\n  const l = naam.toLowerCase();\n  for (const [re, css] of KLEUR_CSS) if (re.test(l)) return css;\n  return null;\n}\n\n/** De kleur-optie van een product (naam \"Kleur\"/\"Colour\"/\"Color\"), of null. */\nexport function kleurOptie(product: Pick<Product, \"options\">): ProductOption | null {\n  return (product.options ?? []).find((o) => /^kleur|^colou?r/i.test(o.name)) ?? null;\n}\n"],"mappings":"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","names":[]}

package/dist/server/index.d.ts

@@ -11,6 +11,6 @@ export { validateEnv, assertEnv, type EnvReport } from "./env.js";
 export { revalidatePOST } from "./revalidate.js";
 export { draftPOST } from "./draft.js";
 export { versionGET } from "./version.js";
-export { pathFromSlugs, listPublishedPages, getPublishedPageByPath, getPublishedPageByPathExpanded, getSiteSymbols, expandSymbols, getSiteCustomBlocks, getPublicSiteSettings, getDraftPageById, getDraftPageByPath, type StoredPage, } from "./pages.js";
+export { pathFromSlugs, listPublishedPages, listPublishedNews, getPublishedPageByPath, getPublishedPageByPathExpanded, getSiteSymbols, expandSymbols, getSiteCustomBlocks, getPublicSiteSettings, getDraftPageById, getDraftPageByPath, type StoredPage, } from "./pages.js";
 export { getBundle, getBundlePage, getBundleNews, getNewsPageData, type PublishedBundle, type BundleItem, } from "./bundle.js";
 export { siteLocales, parseLocaleSlugs, localizedPath, localizePage, localizeBlocks, pruneTranslations, TranslationsSchema, type Translations, type LocaleConfig, } from "../i18n/overlay.js";

package/dist/server/index.js

@@ -23,6 +23,7 @@ import { versionGET } from "./version.js";
 import {
   pathFromSlugs,
   listPublishedPages,
+  listPublishedNews,
   getPublishedPageByPath,
   getPublishedPageByPathExpanded,
   getSiteSymbols,
@@ -74,6 +75,7 @@ export {
   getSiteCustomBlocks,
   getSiteSymbols,
   jsonLdHtml,
+  listPublishedNews,
   listPublishedPages,
   localizeBlocks,
   localizePage,

package/dist/server/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/server/index.ts"],"sourcesContent":["/**\n * @xiwebdesign/xicms-core/server — server-only helpers (firebase-admin, sanitization, SEO,\n * pagina-reads). NOOIT importeren in client-componenten.\n */\nimport \"server-only\";\n\n// `getAdminAuth` zit BEWUST niet hier maar achter de subpath `@xiwebdesign/xicms-core/server/auth`\n// (zie ./auth.ts): firebase-admin/auth sloopt via jwks-rsa/jose élke server-render op Vercel, en\n// hoort dus niet in de bundel van sites die alleen pagina's lezen.\nexport { getAdminApp, getAdminDb } from \"../firebase/admin\";\nexport { sanitizeRichText } from \"./sanitize\";\n// Veilige JSON-LD-serialisatie voor <script type=\"application/ld+json\"> in consumer-routes\n// (escapet `<` zodat klant-tekst met </script> de pagina niet kan breken).\nexport { jsonLdHtml } from \"../blocks/builtins/jsonld\";\nexport {\n  buildMetadata,\n  buildJsonLd,\n  buildSitemap,\n  buildRobots,\n  siteOrigin,\n  businessJsonLd,\n  breadcrumbListJsonLd,\n  articleJsonLd,\n  productJsonLd,\n  openingHoursJsonLd,\n  galleryJsonLd,\n  videoObjectJsonLd,\n  type BusinessInfo,\n} from \"./seo\";\nexport { validateEnv, assertEnv, type EnvReport } from \"./env\";\n// On-demand revalidation (6.5): POST-handler voor `app/api/revalidate/route.ts` in de klantsite.\n// De backend roept die route na een publicatie aan → wijziging binnen seconden live, zonder rebuild.\nexport { revalidatePOST } from \"./revalidate\";\n// Preview (Draft Mode): POST-handler voor `app/api/draft/route.ts` in de klantsite. Zet de\n// bypass-cookie zodat een ingelogde editor de content-bundel + ISR-cache overslaat, terwijl de\n// pagina-route voor publiek statisch blijft.\nexport { draftPOST } from \"./draft\";\n// Versie-endpoint: GET-handler voor `app/api/version/route.ts`, zodat het superbeheer kan zien op\n// welke engine een DEPLOYMENT draait (en niet alleen wanneer er voor het laatst is ingelogd).\nexport { versionGET } from \"./version\";\n// Shop-SSR (6.0): opt-in via subpath `@xiwebdesign/xicms-core/server/shop` (readers + product-SEO).\n// Niet meer onvoorwaardelijk her-geëxporteerd, zodat shop-servercode niet in elke site landt.\nexport {\n  pathFromSlugs,\n  listPublishedPages,\n  getPublishedPageByPath,\n  getPublishedPageByPathExpanded,\n  getSiteSymbols,\n  expandSymbols,\n  getSiteCustomBlocks,\n  getPublicSiteSettings,\n  getDraftPageById,\n  getDraftPageByPath,\n  type StoredPage,\n} from \"./pages\";\n// Content-bundle (5.7): build-time reader van `content/published.bundle.json`. De pagina-/settings-/\n// symbol-/customBlock-readers hierboven zijn al bundle-first; deze exports zijn voor directe\n// consumptie (bv. nieuws-blockData in de klant-routes).\nexport {\n  getBundle,\n  getBundlePage,\n  getBundleNews,\n  getNewsPageData,\n  type PublishedBundle,\n  type BundleItem,\n} from \"./bundle\";\n// Localisatie (5.0) — server-safe overlay-helpers, ook bruikbaar in route-handlers/layouts.\nexport {\n  siteLocales,\n  parseLocaleSlugs,\n  localizedPath,\n  localizePage,\n  localizeBlocks,\n  pruneTranslations,\n  TranslationsSchema,\n  type Translations,\n  type LocaleConfig,\n} from \"../i18n/overlay\";\n"],"mappings":"AAIA,OAAO;AAKP,SAAS,aAAa,kBAAkB;AACxC,SAAS,wBAAwB;AAGjC,SAAS,kBAAkB;AAC3B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AACP,SAAS,aAAa,iBAAiC;AAGvD,SAAS,sBAAsB;AAI/B,SAAS,iBAAiB;AAG1B,SAAS,kBAAkB;AAG3B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AAIP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAGK;AAEP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAGK;","names":[]}
+{"version":3,"sources":["../../src/server/index.ts"],"sourcesContent":["/**\n * @xiwebdesign/xicms-core/server — server-only helpers (firebase-admin, sanitization, SEO,\n * pagina-reads). NOOIT importeren in client-componenten.\n */\nimport \"server-only\";\n\n// `getAdminAuth` zit BEWUST niet hier maar achter de subpath `@xiwebdesign/xicms-core/server/auth`\n// (zie ./auth.ts): firebase-admin/auth sloopt via jwks-rsa/jose élke server-render op Vercel, en\n// hoort dus niet in de bundel van sites die alleen pagina's lezen.\nexport { getAdminApp, getAdminDb } from \"../firebase/admin\";\nexport { sanitizeRichText } from \"./sanitize\";\n// Veilige JSON-LD-serialisatie voor <script type=\"application/ld+json\"> in consumer-routes\n// (escapet `<` zodat klant-tekst met </script> de pagina niet kan breken).\nexport { jsonLdHtml } from \"../blocks/builtins/jsonld\";\nexport {\n  buildMetadata,\n  buildJsonLd,\n  buildSitemap,\n  buildRobots,\n  siteOrigin,\n  businessJsonLd,\n  breadcrumbListJsonLd,\n  articleJsonLd,\n  productJsonLd,\n  openingHoursJsonLd,\n  galleryJsonLd,\n  videoObjectJsonLd,\n  type BusinessInfo,\n} from \"./seo\";\nexport { validateEnv, assertEnv, type EnvReport } from \"./env\";\n// On-demand revalidation (6.5): POST-handler voor `app/api/revalidate/route.ts` in de klantsite.\n// De backend roept die route na een publicatie aan → wijziging binnen seconden live, zonder rebuild.\nexport { revalidatePOST } from \"./revalidate\";\n// Preview (Draft Mode): POST-handler voor `app/api/draft/route.ts` in de klantsite. Zet de\n// bypass-cookie zodat een ingelogde editor de content-bundel + ISR-cache overslaat, terwijl de\n// pagina-route voor publiek statisch blijft.\nexport { draftPOST } from \"./draft\";\n// Versie-endpoint: GET-handler voor `app/api/version/route.ts`, zodat het superbeheer kan zien op\n// welke engine een DEPLOYMENT draait (en niet alleen wanneer er voor het laatst is ingelogd).\nexport { versionGET } from \"./version\";\n// Shop-SSR (6.0): opt-in via subpath `@xiwebdesign/xicms-core/server/shop` (readers + product-SEO).\n// Niet meer onvoorwaardelijk her-geëxporteerd, zodat shop-servercode niet in elke site landt.\nexport {\n  pathFromSlugs,\n  listPublishedPages,\n  listPublishedNews,\n  getPublishedPageByPath,\n  getPublishedPageByPathExpanded,\n  getSiteSymbols,\n  expandSymbols,\n  getSiteCustomBlocks,\n  getPublicSiteSettings,\n  getDraftPageById,\n  getDraftPageByPath,\n  type StoredPage,\n} from \"./pages\";\n// Content-bundle (5.7): build-time reader van `content/published.bundle.json`. De pagina-/settings-/\n// symbol-/customBlock-readers hierboven zijn al bundle-first; deze exports zijn voor directe\n// consumptie (bv. nieuws-blockData in de klant-routes).\nexport {\n  getBundle,\n  getBundlePage,\n  getBundleNews,\n  getNewsPageData,\n  type PublishedBundle,\n  type BundleItem,\n} from \"./bundle\";\n// Localisatie (5.0) — server-safe overlay-helpers, ook bruikbaar in route-handlers/layouts.\nexport {\n  siteLocales,\n  parseLocaleSlugs,\n  localizedPath,\n  localizePage,\n  localizeBlocks,\n  pruneTranslations,\n  TranslationsSchema,\n  type Translations,\n  type LocaleConfig,\n} from \"../i18n/overlay\";\n"],"mappings":"AAIA,OAAO;AAKP,SAAS,aAAa,kBAAkB;AACxC,SAAS,wBAAwB;AAGjC,SAAS,kBAAkB;AAC3B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AACP,SAAS,aAAa,iBAAiC;AAGvD,SAAS,sBAAsB;AAI/B,SAAS,iBAAiB;AAG1B,SAAS,kBAAkB;AAG3B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AAIP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAGK;AAEP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAGK;","names":[]}

package/dist/server/pages.d.ts

@@ -3,6 +3,7 @@ import { type Page } from "../schema/pages.js";
 import { type StoredSymbol } from "../schema/symbols.js";
 import { type CustomBlock } from "../schema/customBlocks.js";
 import { type PublicSiteSettings } from "../schema/settings.js";
+import type { NewsArticle } from "../content/types.js";
 /**
  * BUNDLE-FIRST, Firestore-fallback (5.7).
  *
@@ -49,6 +50,16 @@ declare function getPublishedPageByPathUncached(siteId: string, path: string, op
 export declare function getDraftPageById(siteId: string, pageId: string): Promise<StoredPage | null>;
 /** Draft op pad (preview). */
 export declare function getDraftPageByPath(siteId: string, path: string): Promise<StoredPage | null>;
+declare function listPublishedNewsUncached(siteId: string): Promise<NewsArticle[]>;
+/**
+ * Gepubliceerde nieuwsartikelen, nieuwste eerst. Live-first (bundle als statische fallback) of
+ * bundle-first — exact hetzelfde contract als `listPublishedPages`.
+ *
+ * Gebruik dit in de publieke nieuwsroutes. `getNewsPageData` blijft bestaan en doet precies wat de
+ * naam zegt: de bundle lezen, synchroon — handig waar je gegarandeerd build-time data wilt (sitemap
+ * bij een statische build), maar het is niet de verse bron.
+ */
+export declare const listPublishedNews: typeof listPublishedNewsUncached;
 /** Alle symbolen van een site (gevalideerd; ongeldige overgeslagen met waarschuwing). Live-first of bundle-first. */
 declare function getSiteSymbolsUncached(siteId: string): Promise<StoredSymbol[]>;
 /**

package/dist/server/pages.js

@@ -7,6 +7,7 @@ import { CustomBlockSchema } from "../schema/customBlocks.js";
 import { PublicSiteSettingsSchema } from "../schema/settings.js";
 import { localizePage, localizeBlocks } from "../i18n/overlay.js";
 import { getBundle, getBundlePage } from "./bundle.js";
+import { sanitizeRichText } from "./sanitize.js";
 const ISR_FALLBACK = Number(process.env.XICMS_ISR_FALLBACK) || 3600;
 const ISR_NO_PUSH = Number(process.env.XICMS_ISR_FALLBACK_NOPUSH) || 300;
 const cacheTags = {
@@ -269,6 +270,51 @@ async function readCollection(siteId, collectionId) {
     return [];
   }
 }
+function isPublishedNews(data) {
+  return data.published === true || data.status === "published";
+}
+function plain(v) {
+  if (v == null || typeof v !== "object") return v;
+  if (Array.isArray(v)) return v.map(plain);
+  if (v instanceof Date) return v.toISOString();
+  const kandidaat = v;
+  if (typeof kandidaat.toDate === "function") return kandidaat.toDate().toISOString();
+  const proto = Object.getPrototypeOf(v);
+  if (proto !== Object.prototype && proto !== null) return void 0;
+  const uit = {};
+  for (const [k, x] of Object.entries(v)) {
+    const w = plain(x);
+    if (w !== void 0) uit[k] = w;
+  }
+  return uit;
+}
+function toPublishedNews(rows) {
+  return rows.filter((r) => isPublishedNews(r.data)).map((r) => {
+    const raw = r.data.bodyHtml;
+    const data = { id: r.id, ...plain(r.data) };
+    if (typeof raw === "string") data.bodyHtml = sanitizeRichText(raw);
+    return data;
+  }).sort((a, b) => String(b.date ?? "").localeCompare(String(a.date ?? "")));
+}
+function bundleNewsRows(siteId) {
+  const bundle = getBundle();
+  return bundle && bundle.siteId === siteId ? bundle.news.map((n) => ({ id: n.id, data: n })) : [];
+}
+async function listPublishedNewsUncached(siteId) {
+  let rows;
+  if (LIVE_READS) {
+    rows = await liveOrBundle(
+      `listPublishedNews ${siteId}`,
+      () => readCollectionThrowing(siteId, "news"),
+      () => bundleNewsRows(siteId)
+    );
+  } else {
+    const bundle = getBundle();
+    rows = bundle && bundle.siteId === siteId ? bundleNewsRows(siteId) : await readCollection(siteId, "news");
+  }
+  return toPublishedNews(rows);
+}
+const listPublishedNews = cache(listPublishedNewsUncached);
 function bundleSymbolRows(siteId) {
   const bundle = getBundle();
   return bundle && bundle.siteId === siteId ? bundle.symbols.map((s) => ({ id: s.id, data: s })) : [];
@@ -407,6 +453,7 @@ export {
   getPublishedPageByPathExpanded,
   getSiteCustomBlocks,
   getSiteSymbols,
+  listPublishedNews,
   listPublishedPages,
   liveReadsActive,
   pathFromSlugs