@xiwebdesign/xicms-core 6.4.7 → 7.0.0

package/dist/admin/index.js

@@ -1,21 +1,21 @@
-import { AdminApp } from "./AdminApp";
-import { PagesPanel } from "./pages/PagesPanel";
-import { PageEditor } from "./pages/PageEditor";
-import { MediaManager } from "./media/MediaManager";
-import { FormsPanel } from "./forms/FormsPanel";
-import { StatsPanel } from "./stats/StatsPanel";
-import { SettingsPanel } from "./settings/SettingsPanel";
-import { SuperadminPanel } from "./SuperadminPanel";
+import { AdminApp } from "./AdminApp.js";
+import { PagesPanel } from "./pages/PagesPanel.js";
+import { PageEditor } from "./pages/PageEditor.js";
+import { MediaManager } from "./media/MediaManager.js";
+import { FormsPanel } from "./forms/FormsPanel.js";
+import { StatsPanel } from "./stats/StatsPanel.js";
+import { SettingsPanel } from "./settings/SettingsPanel.js";
+import { SuperadminPanel } from "./SuperadminPanel.js";
 import {
   builtinPanels
-} from "./panelRegistry";
-import { NewsEditor } from "./NewsEditor";
-import { RichTextEditor } from "./editors/RichTextEditor";
-import { builtinBlockEditors } from "./blockEditors";
-import { uploadImage } from "./lib/upload";
-import { ConfirmHost, useConfirm } from "./ui/ConfirmDialog";
-import { ArrayEditor } from "./ui/ArrayEditor";
-import * as ui from "./ui";
+} from "./panelRegistry.js";
+import { NewsEditor } from "./NewsEditor.js";
+import { RichTextEditor } from "./editors/RichTextEditor.js";
+import { builtinBlockEditors } from "./blockEditors/index.js";
+import { uploadImage } from "./lib/upload.js";
+import { ConfirmHost, useConfirm } from "./ui/ConfirmDialog.js";
+import { ArrayEditor } from "./ui/ArrayEditor.js";
+import * as ui from "./ui/index.js";
 export {
   AdminApp,
   ArrayEditor,

package/dist/admin/lib/mediaUsage.js

@@ -1,6 +1,6 @@
 "use client";
 import { collection, doc, getDoc, getDocs } from "firebase/firestore";
-import { getDb } from "../../firebase/client";
+import { getDb } from "../../firebase/client.js";
 async function findMediaUsage(siteId, item) {
   const db = getDb();
   if (!db) return [];

package/dist/admin/lib/pagesClient.d.ts

@@ -1,4 +1,4 @@
-import type { Page } from "../../schema/pages";
+import type { Page } from "../../schema/pages.js";
 export type DraftPage = Page & {
     id: string;
     published?: boolean;

package/dist/admin/lib/pagesClient.js

@@ -15,9 +15,10 @@ import {
   where
 } from "firebase/firestore";
 import { getFunctions, httpsCallable } from "firebase/functions";
-import { getDb, getFirebaseApp } from "../../firebase/client";
-import { functionsRegion } from "../../firebase/region";
-import { isDemoActive, demoIdForPath, resolveDemoPage, saveDemoDraft } from "../../demo/demoStore";
+import { getDb, getFirebaseApp } from "../../firebase/client.js";
+import { functionsRegion } from "../../firebase/region.js";
+import { isDemoActive, demoIdForPath, resolveDemoPage, saveDemoDraft } from "../../demo/demoStore.js";
+import { sanitizeDraftBlocks } from "./sanitizeDraft.js";
 function subscribePages(siteId, cb) {
   const db = getDb();
   if (!db) {
@@ -51,7 +52,7 @@ async function getDraftByPath(siteId, path) {
     query(collection(db, "sites", siteId, "drafts"), where("path", "==", path), limit(1))
   );
   const d = snap.docs[0];
-  return d ? { id: d.id, ...d.data() } : null;
+  return d ? sanitizeDraftBlocks({ id: d.id, ...d.data() }) : null;
 }
 function subscribeDraft(siteId, pageId, cb) {
   if (isDemoActive()) return () => {
@@ -61,11 +62,14 @@ function subscribeDraft(siteId, pageId, cb) {
   };
   return onSnapshot(doc(db, "sites", siteId, "drafts", pageId), (snap) => {
     cb(
-      snap.exists() ? { id: snap.id, ...snap.data() } : null,
+      snap.exists() ? sanitizeDraftBlocks({ id: snap.id, ...snap.data() }) : null,
       { fromServer: !snap.metadata.hasPendingWrites }
     );
   });
 }
+function zonderUndefined(o) {
+  return Object.fromEntries(Object.entries(o).filter(([, v]) => v !== void 0));
+}
 async function createPage(siteId, input) {
   const db = getDb();
   if (!db) throw new Error("Firebase niet geconfigureerd.");
@@ -75,7 +79,7 @@ async function createPage(siteId, input) {
     status: "draft",
     blocks: [],
     published: false,
-    ...input,
+    ...zonderUndefined(input),
     updatedAt: serverTimestamp()
   });
   return ref.id;
@@ -89,7 +93,7 @@ async function saveDraft(siteId, pageId, partial) {
   if (!db) return;
   await setDoc(
     doc(db, "sites", siteId, "drafts", pageId),
-    { ...partial, updatedAt: serverTimestamp() },
+    { ...zonderUndefined(partial), updatedAt: serverTimestamp() },
     { merge: true }
   );
 }

package/dist/admin/lib/pagesClient.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/admin/lib/pagesClient.ts"],"sourcesContent":["\"use client\";\n\nimport {\n  addDoc,\n  collection,\n  deleteDoc,\n  doc,\n  getDoc,\n  getDocs,\n  limit,\n  onSnapshot,\n  orderBy,\n  query,\n  serverTimestamp,\n  setDoc,\n  where,\n} from \"firebase/firestore\";\nimport { getFunctions, httpsCallable } from \"firebase/functions\";\nimport { getDb, getFirebaseApp } from \"../../firebase/client\";\nimport { functionsRegion } from \"../../firebase/region\";\nimport type { Page } from \"../../schema/pages\";\nimport { isDemoActive, demoIdForPath, resolveDemoPage, saveDemoDraft } from \"../../demo/demoStore\";\n\nexport type DraftPage = Page & { id: string; published?: boolean };\n\n/** Live-lijst van pagina's (werkversies in `drafts/`). */\nexport function subscribePages(siteId: string, cb: (pages: DraftPage[]) => void): () => void {\n  const db = getDb();\n  if (!db) {\n    cb([]);\n    return () => {};\n  }\n  const q = query(collection(db, \"sites\", siteId, \"drafts\"), orderBy(\"order\", \"asc\"));\n  return onSnapshot(q, (snap) => {\n    cb(snap.docs.map((d) => ({ id: d.id, ...(d.data() as Omit<DraftPage, \"id\">) })));\n  });\n}\n\nexport function subscribeVersions(\n  siteId: string,\n  pageId: string,\n  cb: (versions: { id: string; createdAt?: unknown; kind?: string; label?: string }[]) => void,\n): () => void {\n  const db = getDb();\n  if (!db) {\n    cb([]);\n    return () => {};\n  }\n  const q = query(collection(db, \"sites\", siteId, \"pages\", pageId, \"versions\"), orderBy(\"createdAt\", \"desc\"));\n  return onSnapshot(q, (snap) => cb(snap.docs.map((d) => ({ id: d.id, ...(d.data() as Record<string, unknown>) }))));\n}\n\n/** Laadt de werkversie (draft) voor een pad — voor het inline bewerken op de live pagina. */\nexport async function getDraftByPath(siteId: string, path: string): Promise<DraftPage | null> {\n  // Demo-modus: de werkversie komt uit de lokale browseropslag (seed + lokale bewerkingen).\n  if (isDemoActive()) {\n    const page = resolveDemoPage(siteId, path);\n    return page ? ({ ...page, id: demoIdForPath(path) } as DraftPage) : null;\n  }\n  const db = getDb();\n  if (!db) return null;\n  const snap = await getDocs(\n    query(collection(db, \"sites\", siteId, \"drafts\"), where(\"path\", \"==\", path), limit(1)),\n  );\n  const d = snap.docs[0];\n  return d ? ({ id: d.id, ...(d.data() as Omit<DraftPage, \"id\">) }) : null;\n}\n\n/**\n * Live-listener op één werkversie — voor conflictdetectie in de visuele editor (twee tabs of\n * twee editors tegelijk). `fromServer` is false voor de lokale echo van een eigen write\n * (hasPendingWrites), zodat de aanroeper eigen saves kan negeren.\n */\nexport function subscribeDraft(\n  siteId: string,\n  pageId: string,\n  cb: (draft: DraftPage | null, meta: { fromServer: boolean }) => void,\n): () => void {\n  if (isDemoActive()) return () => {};\n  const db = getDb();\n  if (!db) return () => {};\n  return onSnapshot(doc(db, \"sites\", siteId, \"drafts\", pageId), (snap) => {\n    cb(\n      snap.exists() ? ({ id: snap.id, ...(snap.data() as Omit<DraftPage, \"id\">) }) : null,\n      { fromServer: !snap.metadata.hasPendingWrites },\n    );\n  });\n}\n\nexport async function createPage(siteId: string, input: Partial<Page> & { title: string; slug: string; path: string }) {\n  const db = getDb();\n  if (!db) throw new Error(\"Firebase niet geconfigureerd.\");\n  const ref = await addDoc(collection(db, \"sites\", siteId, \"drafts\"), {\n    parentId: null,\n    order: Date.now(),\n    status: \"draft\",\n    blocks: [],\n    published: false,\n    ...input,\n    updatedAt: serverTimestamp(),\n  });\n  return ref.id;\n}\n\nexport async function saveDraft(siteId: string, pageId: string, partial: Partial<Page>) {\n  // Demo-modus: bewaar de bewerking alleen lokaal in de browser (niet in Firebase).\n  if (isDemoActive()) {\n    saveDemoDraft(siteId, pageId, partial);\n    return;\n  }\n  const db = getDb();\n  if (!db) return;\n  await setDoc(\n    doc(db, \"sites\", siteId, \"drafts\", pageId),\n    { ...partial, updatedAt: serverTimestamp() },\n    { merge: true },\n  );\n}\n\nexport async function deletePage(siteId: string, pageId: string) {\n  const db = getDb();\n  if (!db) return;\n  // Draft direct (client mag drafts beheren); de gepubliceerde pagina via de Cloud Function —\n  // die verwijdert óók de versions-subcollectie (Firestore cascadeert niet; directe client-deletes\n  // lieten wees-versiegeschiedenis achter en zijn nu in de rules dichtgezet).\n  await deleteDoc(doc(db, \"sites\", siteId, \"drafts\", pageId));\n  const app = getFirebaseApp();\n  if (!app) return;\n  try {\n    const fn = httpsCallable(getFunctions(app, functionsRegion()), \"deletePage\");\n    await fn({ siteId, pageId });\n  } catch {\n    /* gepubliceerde versie bestond niet — negeren */\n  }\n}\n\n/**\n * Herstelt een eerdere versie naar de WERKVERSIE (draft). De gebruiker moet daarna zelf\n * publiceren — zo is herstellen veilig en omkeerbaar (de live site verandert pas bij Publiceren).\n * Geeft de herstelde velden terug zodat de editor zijn lokale state kan bijwerken.\n */\nexport async function restoreVersion(\n  siteId: string,\n  pageId: string,\n  versionId: string,\n): Promise<Partial<Page>> {\n  const db = getDb();\n  if (!db) throw new Error(\"Firebase niet geconfigureerd.\");\n  const snap = await getDoc(doc(db, \"sites\", siteId, \"pages\", pageId, \"versions\", versionId));\n  if (!snap.exists()) throw new Error(\"Versie niet gevonden.\");\n  const s = (snap.data().snapshot ?? {}) as Record<string, unknown>;\n  const restored: Partial<Page> = {\n    title: s.title as string,\n    slug: s.slug as string,\n    path: s.path as string,\n    seo: s.seo as Page[\"seo\"],\n    blocks: s.blocks as Page[\"blocks\"],\n    order: s.order as number,\n  };\n  await saveDraft(siteId, pageId, restored);\n  return restored;\n}\n\n/** Publiceren via de Cloud Function (server-side validatie + versie-snapshot + audit). */\nexport async function publishPage(siteId: string, pageId: string): Promise<void> {\n  // Demo-modus: er wordt niets echt gepubliceerd; de lokale bewerking is al zichtbaar.\n  if (isDemoActive()) {\n    saveDemoDraft(siteId, pageId, {});\n    return;\n  }\n  const app = getFirebaseApp();\n  if (!app) throw new Error(\"Firebase niet geconfigureerd.\");\n  const fn = httpsCallable(getFunctions(app, functionsRegion()), \"publishPage\");\n  await fn({ siteId, pageId });\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/admin/lib/pagesClient.ts"],"sourcesContent":["\"use client\";\n\nimport {\n  addDoc,\n  collection,\n  deleteDoc,\n  doc,\n  getDoc,\n  getDocs,\n  limit,\n  onSnapshot,\n  orderBy,\n  query,\n  serverTimestamp,\n  setDoc,\n  where,\n} from \"firebase/firestore\";\nimport { getFunctions, httpsCallable } from \"firebase/functions\";\nimport { getDb, getFirebaseApp } from \"../../firebase/client\";\nimport { functionsRegion } from \"../../firebase/region\";\nimport type { Page } from \"../../schema/pages\";\nimport { isDemoActive, demoIdForPath, resolveDemoPage, saveDemoDraft } from \"../../demo/demoStore\";\nimport { sanitizeDraftBlocks } from \"./sanitizeDraft\";\n\nexport type DraftPage = Page & { id: string; published?: boolean };\n\n/** Live-lijst van pagina's (werkversies in `drafts/`). */\nexport function subscribePages(siteId: string, cb: (pages: DraftPage[]) => void): () => void {\n  const db = getDb();\n  if (!db) {\n    cb([]);\n    return () => {};\n  }\n  const q = query(collection(db, \"sites\", siteId, \"drafts\"), orderBy(\"order\", \"asc\"));\n  return onSnapshot(q, (snap) => {\n    cb(snap.docs.map((d) => ({ id: d.id, ...(d.data() as Omit<DraftPage, \"id\">) })));\n  });\n}\n\nexport function subscribeVersions(\n  siteId: string,\n  pageId: string,\n  cb: (versions: { id: string; createdAt?: unknown; kind?: string; label?: string }[]) => void,\n): () => void {\n  const db = getDb();\n  if (!db) {\n    cb([]);\n    return () => {};\n  }\n  const q = query(collection(db, \"sites\", siteId, \"pages\", pageId, \"versions\"), orderBy(\"createdAt\", \"desc\"));\n  return onSnapshot(q, (snap) => cb(snap.docs.map((d) => ({ id: d.id, ...(d.data() as Record<string, unknown>) }))));\n}\n\n/** Laadt de werkversie (draft) voor een pad — voor het inline bewerken op de live pagina. */\nexport async function getDraftByPath(siteId: string, path: string): Promise<DraftPage | null> {\n  // Demo-modus: de werkversie komt uit de lokale browseropslag (seed + lokale bewerkingen).\n  if (isDemoActive()) {\n    const page = resolveDemoPage(siteId, path);\n    return page ? ({ ...page, id: demoIdForPath(path) } as DraftPage) : null;\n  }\n  const db = getDb();\n  if (!db) return null;\n  const snap = await getDocs(\n    query(collection(db, \"sites\", siteId, \"drafts\"), where(\"path\", \"==\", path), limit(1)),\n  );\n  const d = snap.docs[0];\n  // Rich text uit een werkversie is nooit server-side gesaneerd (zie sanitizeDraft.ts).\n  return d ? sanitizeDraftBlocks({ id: d.id, ...(d.data() as Omit<DraftPage, \"id\">) }) : null;\n}\n\n/**\n * Live-listener op één werkversie — voor conflictdetectie in de visuele editor (twee tabs of\n * twee editors tegelijk). `fromServer` is false voor de lokale echo van een eigen write\n * (hasPendingWrites), zodat de aanroeper eigen saves kan negeren.\n */\nexport function subscribeDraft(\n  siteId: string,\n  pageId: string,\n  cb: (draft: DraftPage | null, meta: { fromServer: boolean }) => void,\n): () => void {\n  if (isDemoActive()) return () => {};\n  const db = getDb();\n  if (!db) return () => {};\n  return onSnapshot(doc(db, \"sites\", siteId, \"drafts\", pageId), (snap) => {\n    cb(\n      snap.exists() ? sanitizeDraftBlocks({ id: snap.id, ...(snap.data() as Omit<DraftPage, \"id\">) }) : null,\n      { fromServer: !snap.metadata.hasPendingWrites },\n    );\n  });\n}\n\n/**\n * Firestore WEIGERT `undefined` als veldwaarde: `setDoc({ seo: undefined })` gooit\n * \"Unsupported field value: undefined\" en de hele schrijfactie mislukt. De editors geven hun\n * pagina-state als geheel door (`{ title, slug, path, seo, blocks }`), en bij een nieuwe pagina is\n * `seo` gewoon nog niet ingevuld — dus liep élke eerste publicatie van een nieuwe pagina stuk op\n * de autosave die eraan voorafgaat. Gevonden op de staging-deploy van groenhof: \"Publiceren\n * mislukt — Unsupported field value: undefined (found in field seo)\".\n *\n * Weglaten is hier ook de JUISTE semantiek: deze writes zijn `merge: true`, en \"veld niet\n * meegestuurd\" betekent daar \"laat staan wat er stond\". Een veld écht wissen doe je met\n * `deleteField()`, niet met `undefined` — dat onderscheid blijft zo intact.\n */\nfunction zonderUndefined<T extends Record<string, unknown>>(o: T): Partial<T> {\n  return Object.fromEntries(Object.entries(o).filter(([, v]) => v !== undefined)) as Partial<T>;\n}\n\nexport async function createPage(siteId: string, input: Partial<Page> & { title: string; slug: string; path: string }) {\n  const db = getDb();\n  if (!db) throw new Error(\"Firebase niet geconfigureerd.\");\n  const ref = await addDoc(collection(db, \"sites\", siteId, \"drafts\"), {\n    parentId: null,\n    order: Date.now(),\n    status: \"draft\",\n    blocks: [],\n    published: false,\n    ...zonderUndefined(input),\n    updatedAt: serverTimestamp(),\n  });\n  return ref.id;\n}\n\nexport async function saveDraft(siteId: string, pageId: string, partial: Partial<Page>) {\n  // Demo-modus: bewaar de bewerking alleen lokaal in de browser (niet in Firebase).\n  if (isDemoActive()) {\n    saveDemoDraft(siteId, pageId, partial);\n    return;\n  }\n  const db = getDb();\n  if (!db) return;\n  await setDoc(\n    doc(db, \"sites\", siteId, \"drafts\", pageId),\n    { ...zonderUndefined(partial), updatedAt: serverTimestamp() },\n    { merge: true },\n  );\n}\n\nexport async function deletePage(siteId: string, pageId: string) {\n  const db = getDb();\n  if (!db) return;\n  // Draft direct (client mag drafts beheren); de gepubliceerde pagina via de Cloud Function —\n  // die verwijdert óók de versions-subcollectie (Firestore cascadeert niet; directe client-deletes\n  // lieten wees-versiegeschiedenis achter en zijn nu in de rules dichtgezet).\n  await deleteDoc(doc(db, \"sites\", siteId, \"drafts\", pageId));\n  const app = getFirebaseApp();\n  if (!app) return;\n  try {\n    const fn = httpsCallable(getFunctions(app, functionsRegion()), \"deletePage\");\n    await fn({ siteId, pageId });\n  } catch {\n    /* gepubliceerde versie bestond niet — negeren */\n  }\n}\n\n/**\n * Herstelt een eerdere versie naar de WERKVERSIE (draft). De gebruiker moet daarna zelf\n * publiceren — zo is herstellen veilig en omkeerbaar (de live site verandert pas bij Publiceren).\n * Geeft de herstelde velden terug zodat de editor zijn lokale state kan bijwerken.\n */\nexport async function restoreVersion(\n  siteId: string,\n  pageId: string,\n  versionId: string,\n): Promise<Partial<Page>> {\n  const db = getDb();\n  if (!db) throw new Error(\"Firebase niet geconfigureerd.\");\n  const snap = await getDoc(doc(db, \"sites\", siteId, \"pages\", pageId, \"versions\", versionId));\n  if (!snap.exists()) throw new Error(\"Versie niet gevonden.\");\n  const s = (snap.data().snapshot ?? {}) as Record<string, unknown>;\n  const restored: Partial<Page> = {\n    title: s.title as string,\n    slug: s.slug as string,\n    path: s.path as string,\n    seo: s.seo as Page[\"seo\"],\n    blocks: s.blocks as Page[\"blocks\"],\n    order: s.order as number,\n  };\n  await saveDraft(siteId, pageId, restored);\n  return restored;\n}\n\n/** Publiceren via de Cloud Function (server-side validatie + versie-snapshot + audit). */\nexport async function publishPage(siteId: string, pageId: string): Promise<void> {\n  // Demo-modus: er wordt niets echt gepubliceerd; de lokale bewerking is al zichtbaar.\n  if (isDemoActive()) {\n    saveDemoDraft(siteId, pageId, {});\n    return;\n  }\n  const app = getFirebaseApp();\n  if (!app) throw new Error(\"Firebase niet geconfigureerd.\");\n  const fn = httpsCallable(getFunctions(app, functionsRegion()), \"publishPage\");\n  await fn({ siteId, pageId });\n}\n"],"mappings":"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","names":[]}

package/dist/admin/lib/sanitizeDraft.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Saneert de blokken van een werkversie. Buiten de browser (geen DOM) is DOMPurify niet
+ * ondersteund en zou `sanitize` de invoer ONGEWIJZIGD teruggeven — dan liever niets doen dan
+ * stilzwijgend suggereren dat er gesaneerd is. Dit pad draait alleen client-side (de editor), dus
+ * in de praktijk is DOMPurify er altijd.
+ */
+export declare function sanitizeDraftBlocks<T extends {
+    blocks?: unknown;
+} | null>(draft: T): T;

package/dist/admin/lib/sanitizeDraft.js

@@ -0,0 +1,28 @@
+"use client";
+import DOMPurify from "dompurify";
+function isRichTextKey(key) {
+  return key === "html" || key.endsWith("Html");
+}
+function isPlainObject(v) {
+  const proto = Object.getPrototypeOf(v);
+  return proto === Object.prototype || proto === null;
+}
+function deepSanitize(value) {
+  if (Array.isArray(value)) return value.map(deepSanitize);
+  if (value && typeof value === "object" && isPlainObject(value)) {
+    const out = {};
+    for (const [key, v] of Object.entries(value)) {
+      out[key] = isRichTextKey(key) && typeof v === "string" ? DOMPurify.sanitize(v) : deepSanitize(v);
+    }
+    return out;
+  }
+  return value;
+}
+function sanitizeDraftBlocks(draft) {
+  if (!draft || !DOMPurify.isSupported || !Array.isArray(draft.blocks)) return draft;
+  return { ...draft, blocks: draft.blocks.map(deepSanitize) };
+}
+export {
+  sanitizeDraftBlocks
+};
+//# sourceMappingURL=sanitizeDraft.js.map

package/dist/admin/lib/sanitizeDraft.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/lib/sanitizeDraft.ts"],"sourcesContent":["\"use client\";\n\nimport DOMPurify from \"dompurify\";\n\n/**\n * Saneert de rich text in een WERKVERSIE bij het inlezen.\n *\n * Waarom dit nodig is: gepubliceerde pagina's zijn veilig — `publishPage` haalt ze door\n * `sanitizeBlocks` en de Firestore-rules maken `pages` Functions-only. Werkversies niet: de rules\n * staan editors toe rechtstreeks naar `drafts/{pageId}` te schrijven, en `validPage()` kan geen\n * HTML saneren (rules kennen alleen types en lengtes). De enige verdediging op dat pad was\n * DOMPurify bij het COMMITTEN in de editor, en die omzeilt een kwaadwillende editor door direct\n * met de Firebase-SDK te schrijven. Een andere editor of de siteadmin voerde die HTML vervolgens\n * uit in zijn eigen sessie zodra hij de werkversie opende.\n *\n * De render is dus de veiligheidsgrens, niet de herkomst — dezelfde redenering die `News.tsx` al\n * volgt. Sanering hier dekt alles wat de editor met de werkversie doet: het canvas, het zijpaneel\n * en het vertaalpaneel.\n *\n * Conventie gelijk aan de server (`functions/src/lib/sanitize.ts`): velden die `html` heten of op\n * `Html` eindigen zijn rich text. Loopt op willekeurige diepte, zodat ook geneste layout-blokken\n * (`withSidebar` → main/aside, `tabs` → tabs[].blocks) meegaan.\n */\nfunction isRichTextKey(key: string): boolean {\n  return key === \"html\" || key.endsWith(\"Html\");\n}\n\n/** Alleen plain objects doorlopen; class-instances (Firestore Timestamp e.d.) ongemoeid laten. */\nfunction isPlainObject(v: object): boolean {\n  const proto = Object.getPrototypeOf(v);\n  return proto === Object.prototype || proto === null;\n}\n\nfunction deepSanitize(value: unknown): unknown {\n  if (Array.isArray(value)) return value.map(deepSanitize);\n  if (value && typeof value === \"object\" && isPlainObject(value)) {\n    const out: Record<string, unknown> = {};\n    for (const [key, v] of Object.entries(value as Record<string, unknown>)) {\n      out[key] = isRichTextKey(key) && typeof v === \"string\" ? DOMPurify.sanitize(v) : deepSanitize(v);\n    }\n    return out;\n  }\n  return value;\n}\n\n/**\n * Saneert de blokken van een werkversie. Buiten de browser (geen DOM) is DOMPurify niet\n * ondersteund en zou `sanitize` de invoer ONGEWIJZIGD teruggeven — dan liever niets doen dan\n * stilzwijgend suggereren dat er gesaneerd is. Dit pad draait alleen client-side (de editor), dus\n * in de praktijk is DOMPurify er altijd.\n */\nexport function sanitizeDraftBlocks<T extends { blocks?: unknown } | null>(draft: T): T {\n  if (!draft || !DOMPurify.isSupported || !Array.isArray(draft.blocks)) return draft;\n  return { ...draft, blocks: draft.blocks.map(deepSanitize) };\n}\n"],"mappings":";AAEA,OAAO,eAAe;AAqBtB,SAAS,cAAc,KAAsB;AAC3C,SAAO,QAAQ,UAAU,IAAI,SAAS,MAAM;AAC9C;AAGA,SAAS,cAAc,GAAoB;AACzC,QAAM,QAAQ,OAAO,eAAe,CAAC;AACrC,SAAO,UAAU,OAAO,aAAa,UAAU;AACjD;AAEA,SAAS,aAAa,OAAyB;AAC7C,MAAI,MAAM,QAAQ,KAAK,EAAG,QAAO,MAAM,IAAI,YAAY;AACvD,MAAI,SAAS,OAAO,UAAU,YAAY,cAAc,KAAK,GAAG;AAC9D,UAAM,MAA+B,CAAC;AACtC,eAAW,CAAC,KAAK,CAAC,KAAK,OAAO,QAAQ,KAAgC,GAAG;AACvE,UAAI,GAAG,IAAI,cAAc,GAAG,KAAK,OAAO,MAAM,WAAW,UAAU,SAAS,CAAC,IAAI,aAAa,CAAC;AAAA,IACjG;AACA,WAAO;AAAA,EACT;AACA,SAAO;AACT;AAQO,SAAS,oBAA2D,OAAa;AACtF,MAAI,CAAC,SAAS,CAAC,UAAU,eAAe,CAAC,MAAM,QAAQ,MAAM,MAAM,EAAG,QAAO;AAC7E,SAAO,EAAE,GAAG,OAAO,QAAQ,MAAM,OAAO,IAAI,YAAY,EAAE;AAC5D;","names":[]}

package/dist/admin/lib/symbolsClient.d.ts

@@ -1,4 +1,4 @@
-import { type StoredSymbol } from "../../schema/symbols";
+import { type StoredSymbol } from "../../schema/symbols.js";
 export declare function subscribeSymbols(siteId: string, cb: (symbols: StoredSymbol[]) => void): () => void;
 export declare function getSymbolOnce(siteId: string, symbolId: string): Promise<StoredSymbol | null>;
 export declare function saveSymbol(input: {

package/dist/admin/lib/symbolsClient.js

@@ -1,9 +1,9 @@
 "use client";
 import { collection, doc, getDoc, onSnapshot } from "firebase/firestore";
 import { getFunctions, httpsCallable } from "firebase/functions";
-import { getDb, getFirebaseApp } from "../../firebase/client";
-import { functionsRegion } from "../../firebase/region";
-import { SymbolSchema } from "../../schema/symbols";
+import { getDb, getFirebaseApp } from "../../firebase/client.js";
+import { functionsRegion } from "../../firebase/region.js";
+import { SymbolSchema } from "../../schema/symbols.js";
 function subscribeSymbols(siteId, cb) {
   const db = getDb();
   if (!db) {

package/dist/admin/lib/upload.js

@@ -1,9 +1,9 @@
 "use client";
 import { ref as storageRef, uploadBytes, getDownloadURL } from "firebase/storage";
 import { addDoc, collection, deleteDoc, doc, serverTimestamp, updateDoc } from "firebase/firestore";
-import { getBucket, getDb } from "../../firebase/client";
-import { addDemoMedia, isDemoActive } from "../../demo/demoStore";
-import { compressImage } from "./compressImage";
+import { getBucket, getDb } from "../../firebase/client.js";
+import { addDemoMedia, isDemoActive } from "../../demo/demoStore.js";
+import { compressImage } from "./compressImage.js";
 const MAX_UPLOAD_BYTES = 15 * 1024 * 1024;
 const MAX_STORED_BYTES = 10 * 1024 * 1024;
 async function uploadImage(siteId, file) {

package/dist/admin/lib/useNestedDialog.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Meldt of er ergens in het document een Radix-dialoog openstaat (mediakiezer, bevestiging,
+ * patroonkiezer). Die renderen via een portal — dus BUITEN de editor-shell.
+ *
+ * Waarom dit bestaat: de visuele editor vangt focus (`useFocusTrap`), en Radix' eigen
+ * `FocusScope` doet dat óók binnen zijn dialoog. Zouden beide tegelijk actief zijn, dan trekken
+ * ze bij elke Tab aan dezelfde focus — de gebruiker ziet de focus heen en weer springen tussen
+ * dialoog en editor. De editor-trap staat daarom uit zolang een dialoog "boven" hem actief is;
+ * dan is Radix de enige die focus beheert, precies zoals bij geneste dialogen hoort.
+ *
+ * Bewust op DOM-niveau: `ConfirmHost` houdt zijn open-state intern en de patroonkiezer zit weer
+ * elders, dus er is geen gedeelde React-state om op te leunen. Het `data-state`-attribuut is de
+ * enige bron die alle drie de dialogen gemeen hebben.
+ */
+export declare function useNestedDialogOpen(): boolean;

package/dist/admin/lib/useNestedDialog.js

@@ -0,0 +1,23 @@
+"use client";
+import { useEffect, useState } from "react";
+const OPEN_DIALOG = 'dialog[open], [role="dialog"][data-state="open"], [role="alertdialog"][data-state="open"]';
+function useNestedDialogOpen() {
+  const [open, setOpen] = useState(false);
+  useEffect(() => {
+    const check = () => setOpen(!!document.querySelector(OPEN_DIALOG));
+    check();
+    const observer = new MutationObserver(check);
+    observer.observe(document.body, {
+      subtree: true,
+      childList: true,
+      attributes: true,
+      attributeFilter: ["data-state", "role", "open"]
+    });
+    return () => observer.disconnect();
+  }, []);
+  return open;
+}
+export {
+  useNestedDialogOpen
+};
+//# sourceMappingURL=useNestedDialog.js.map

package/dist/admin/lib/useNestedDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/lib/useNestedDialog.ts"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\n\n/**\n * Een open dialoog herkennen. Astryx rendert een NATIEVE `<dialog>` en opent hem met\n * `showModal()`, waarna het element het `open`-attribuut draagt — dat is de bron van waarheid.\n * De `[data-state=\"open\"]`-vormen blijven meelopen zodat een eventuele Radix-dialoog (of een\n * klantrepo die er nog een gebruikt) net zo goed herkend wordt.\n */\nconst OPEN_DIALOG = 'dialog[open], [role=\"dialog\"][data-state=\"open\"], [role=\"alertdialog\"][data-state=\"open\"]';\n\n/**\n * Meldt of er ergens in het document een Radix-dialoog openstaat (mediakiezer, bevestiging,\n * patroonkiezer). Die renderen via een portal — dus BUITEN de editor-shell.\n *\n * Waarom dit bestaat: de visuele editor vangt focus (`useFocusTrap`), en Radix' eigen\n * `FocusScope` doet dat óók binnen zijn dialoog. Zouden beide tegelijk actief zijn, dan trekken\n * ze bij elke Tab aan dezelfde focus — de gebruiker ziet de focus heen en weer springen tussen\n * dialoog en editor. De editor-trap staat daarom uit zolang een dialoog \"boven\" hem actief is;\n * dan is Radix de enige die focus beheert, precies zoals bij geneste dialogen hoort.\n *\n * Bewust op DOM-niveau: `ConfirmHost` houdt zijn open-state intern en de patroonkiezer zit weer\n * elders, dus er is geen gedeelde React-state om op te leunen. Het `data-state`-attribuut is de\n * enige bron die alle drie de dialogen gemeen hebben.\n */\nexport function useNestedDialogOpen(): boolean {\n  const [open, setOpen] = useState(false);\n\n  useEffect(() => {\n    const check = () => setOpen(!!document.querySelector(OPEN_DIALOG));\n    check();\n    // Alleen op attribuut- en kindwijzigingen letten: Radix wisselt `data-state` op hetzelfde\n    // element en voegt/verwijdert het portal. Geen character-data, dat is puur ruis.\n    const observer = new MutationObserver(check);\n    observer.observe(document.body, {\n      subtree: true,\n      childList: true,\n      attributes: true,\n      attributeFilter: [\"data-state\", \"role\", \"open\"],\n    });\n    return () => observer.disconnect();\n  }, []);\n\n  return open;\n}\n"],"mappings":";AAEA,SAAS,WAAW,gBAAgB;AAQpC,MAAM,cAAc;AAgBb,SAAS,sBAA+B;AAC7C,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AAEtC,YAAU,MAAM;AACd,UAAM,QAAQ,MAAM,QAAQ,CAAC,CAAC,SAAS,cAAc,WAAW,CAAC;AACjE,UAAM;AAGN,UAAM,WAAW,IAAI,iBAAiB,KAAK;AAC3C,aAAS,QAAQ,SAAS,MAAM;AAAA,MAC9B,SAAS;AAAA,MACT,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,iBAAiB,CAAC,cAAc,QAAQ,MAAM;AAAA,IAChD,CAAC;AACD,WAAO,MAAM,SAAS,WAAW;AAAA,EACnC,GAAG,CAAC,CAAC;AAEL,SAAO;AACT;","names":[]}

package/dist/admin/lib/zodFields.d.ts

@@ -1,19 +1,5 @@
-/**
- * Zod-introspectie voor automatisch gegenereerde formulieren. Gedeeld door:
- * - de `GenericEditor` (fallback-editor voor blokken zonder eigen `Editor`), en
- * - het `ModuleSettingsForm` (instellingen van een module in /beheer).
- *
- * Twee lagen:
- * - `introspectObjectSchema` (legacy, plat): simpele kinds — blijft bestaan voor module-settings.
- * - `introspectToFields` (5.0): levert de rijke **Field-IR** (schema/fields.ts, primo-port) met
- *   échte repeaters/groepen (recursief), richtext-/image-/link-detectie en optionele per-block
- *   hints (`defineBlock({ fields })`). De GenericEditor 2.0 rendert deze IR.
- *
- * Een veld krijgt zijn label uit `.describe("…")` op het schema; zonder beschrijving valt het
- * terug op de veldsleutel. Puur (geen React) — apart testbaar.
- */
-import type { ZodTypeAny } from "zod";
-import type { Field } from "../../schema/fields";
+import type { $ZodType as ZodTypeAny } from "zod/v4/core";
+import type { Field } from "../../schema/fields.js";
 export interface SchemaField {
     key: string;
     kind: "number" | "boolean" | "string" | "enum" | "json";
@@ -32,8 +18,8 @@ export interface SchemaField {
  * aanbieden; een aanroeper die alleen simpele velden wil, filtert op `kind !== "json"`.
  */
 export declare function introspectObjectSchema(schema: ZodTypeAny): SchemaField[];
-export type { FieldHints } from "../../schema/fields";
-import type { FieldHints } from "../../schema/fields";
+export type { FieldHints } from "../../schema/fields.js";
+import type { FieldHints } from "../../schema/fields.js";
 /**
  * Leidt de rijke Field-IR af uit een Zod-objectschema (5.0). Verschillen met de platte laag:
  * - `z.array(z.object)` → **repeater** met recursief geïntrospecteerde subvelden;

package/dist/admin/lib/zodFields.js

@@ -1,39 +1,59 @@
+import { globalRegistry } from "zod/mini";
+const defOf = (schema) => schema?._zod?.def ?? schema?._def;
+function maxLengthOf(def) {
+  for (const c of def?.checks ?? []) {
+    const rule = c?._zod?.def;
+    if (rule?.check === "max_length") return rule.maximum;
+  }
+  return void 0;
+}
+const valuesOf = (def) => Object.values(def?.entries ?? {});
+function shapeOf(schema) {
+  const def = defOf(schema);
+  if (def?.type !== "object" || !def.shape || typeof def.shape !== "object") return null;
+  return def.shape;
+}
+function describedAs(s) {
+  const uitRegister = globalRegistry.get(s)?.description;
+  return uitRegister ?? s?.description;
+}
 function unwrap(schema) {
   let s = schema;
-  let description = s?._def?.description;
-  while (s?._def?.typeName === "ZodDefault" || s?._def?.typeName === "ZodOptional" || s?._def?.typeName === "ZodNullable") {
-    s = s._def.innerType;
-    description = description ?? s?._def?.description;
+  let description = describedAs(s);
+  for (; ; ) {
+    const def = defOf(s);
+    if (def?.type !== "default" && def?.type !== "optional" && def?.type !== "nullable") break;
+    s = def.innerType;
+    description = description ?? describedAs(s);
   }
-  return { def: s?._def, description, inner: s };
+  return { def: defOf(s), description, inner: s };
 }
 function introspectObjectSchema(schema) {
-  const def = schema._def;
-  if (def?.typeName !== "ZodObject" || typeof def.shape !== "function") return [];
+  const shape = shapeOf(schema);
+  if (!shape) return [];
   const out = [];
-  for (const [key, field] of Object.entries(def.shape())) {
+  for (const [key, field] of Object.entries(shape)) {
     if (key.startsWith("_")) continue;
     const { def: inner, description } = unwrap(field);
     const label = description ?? key;
     const fieldSchema = field;
-    switch (inner?.typeName) {
-      case "ZodNumber":
+    switch (inner?.type) {
+      case "number":
         out.push({ key, kind: "number", label, schema: fieldSchema });
         break;
-      case "ZodBoolean":
+      case "boolean":
         out.push({ key, kind: "boolean", label, schema: fieldSchema });
         break;
-      case "ZodEnum":
-        out.push({ key, kind: "enum", label, options: inner.values, schema: fieldSchema });
+      case "enum":
+        out.push({ key, kind: "enum", label, options: valuesOf(inner), schema: fieldSchema });
         break;
-      case "ZodString": {
-        const max = inner.checks?.find((c) => c.kind === "max")?.value;
-        out.push({ key, kind: "string", label, maxLength: max, schema: fieldSchema });
+      case "string": {
+        out.push({ key, kind: "string", label, maxLength: maxLengthOf(inner), schema: fieldSchema });
         break;
       }
-      case "ZodArray":
-      case "ZodObject":
-      case "ZodRecord":
+      case "array":
+      case "object":
+      case "record":
         out.push({ key, kind: "json", label, schema: fieldSchema });
         break;
       default:
@@ -45,28 +65,28 @@ function introspectObjectSchema(schema) {
 const IMAGE_KEY = /image|photo|foto|logo|cover|avatar|poster/i;
 const URL_KEY = /^(href|url|link)$|Url$|Href$/;
 function introspectToFields(schema, hints, prefix = "") {
-  const def = schema._def;
-  if (def?.typeName !== "ZodObject" || typeof def.shape !== "function") return [];
+  const shape = shapeOf(schema);
+  if (!shape) return [];
   const out = [];
-  for (const [key, raw] of Object.entries(def.shape())) {
+  for (const [key, raw] of Object.entries(shape)) {
     if (key.startsWith("_")) continue;
     const { def: inner, description, inner: innerSchema } = unwrap(raw);
     const label = description ?? key;
     const path = prefix ? `${prefix}.${key}` : key;
     const hint = hints?.[path];
     const push = (f) => out.push({ ...f, ...hint, key, label: hint?.label ?? label });
-    switch (inner?.typeName) {
-      case "ZodNumber":
+    switch (inner?.type) {
+      case "number":
         push({ key, label, type: "number" });
         break;
-      case "ZodBoolean":
+      case "boolean":
         push({ key, label, type: "switch" });
         break;
-      case "ZodEnum":
-        push({ key, label, type: "select", options: (inner.values ?? []).map((v) => ({ value: v, label: v })) });
+      case "enum":
+        push({ key, label, type: "select", options: valuesOf(inner).map((v) => ({ value: v, label: v })) });
         break;
-      case "ZodString": {
-        const max = inner.checks?.find((c) => c.kind === "max")?.value;
+      case "string": {
+        const max = maxLengthOf(inner);
         if (key === "html" || key.endsWith("Html")) push({ key, label, type: "richtext" });
         else if (IMAGE_KEY.test(key)) push({ key, label, type: "image" });
         else if (URL_KEY.test(key)) push({ key, label, type: "url" });
@@ -74,7 +94,7 @@ function introspectToFields(schema, hints, prefix = "") {
         else push({ key, label, type: "text", maxLength: max });
         break;
       }
-      case "ZodObject": {
+      case "object": {
         const sub = introspectToFields(innerSchema, hints, path);
         const isLink = sub.length === 2 && sub.some((f) => f.key === "label") && sub.some((f) => f.key === "href");
         if (isLink) push({ key, label, type: "link" });
@@ -82,10 +102,9 @@ function introspectToFields(schema, hints, prefix = "") {
         else push({ key, label, type: "json" });
         break;
       }
-      case "ZodArray": {
-        const el = inner.type ?? inner.element;
-        const { def: elDef, inner: elSchema } = unwrap(el);
-        if (elDef?.typeName === "ZodObject") {
+      case "array": {
+        const { def: elDef, inner: elSchema } = unwrap(inner?.element);
+        if (elDef?.type === "object") {
           const sub = introspectToFields(elSchema, hints, path);
           if (sub.length > 0) {
             push({ key, label, type: "repeater", fields: sub });
@@ -95,7 +114,7 @@ function introspectToFields(schema, hints, prefix = "") {
         push({ key, label, type: "json" });
         break;
       }
-      case "ZodRecord":
+      case "record":
         push({ key, label, type: "json" });
         break;
       default:

package/dist/admin/lib/zodFields.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/admin/lib/zodFields.ts"],"sourcesContent":["/**\n * Zod-introspectie voor automatisch gegenereerde formulieren. Gedeeld door:\n * - de `GenericEditor` (fallback-editor voor blokken zonder eigen `Editor`), en\n * - het `ModuleSettingsForm` (instellingen van een module in /beheer).\n *\n * Twee lagen:\n * - `introspectObjectSchema` (legacy, plat): simpele kinds — blijft bestaan voor module-settings.\n * - `introspectToFields` (5.0): levert de rijke **Field-IR** (schema/fields.ts, primo-port) met\n *   échte repeaters/groepen (recursief), richtext-/image-/link-detectie en optionele per-block\n *   hints (`defineBlock({ fields })`). De GenericEditor 2.0 rendert deze IR.\n *\n * Een veld krijgt zijn label uit `.describe(\"…\")` op het schema; zonder beschrijving valt het\n * terug op de veldsleutel. Puur (geen React) — apart testbaar.\n */\nimport type { ZodTypeAny } from \"zod\";\nimport type { Field } from \"../../schema/fields\";\n\nexport interface SchemaField {\n  key: string;\n  kind: \"number\" | \"boolean\" | \"string\" | \"enum\" | \"json\";\n  /** Leesbaar label: `.describe()` van het schema, anders de veldsleutel. */\n  label: string;\n  options?: string[];\n  /** Max-lengte van een string (bepaalt Input vs Textarea in de UI). */\n  maxLength?: number;\n  /** Het volledige veld-schema — voor validatie van json-velden vóór commit. */\n  schema: ZodTypeAny;\n}\n\ninterface AnyDef {\n  typeName?: string;\n  innerType?: unknown;\n  values?: string[];\n  description?: string;\n  checks?: { kind: string; value?: number }[];\n  shape?: () => Record<string, unknown>;\n}\n\n/** Pakt het binnenste type uit ZodDefault/ZodOptional/ZodNullable; bewaart de buitenste beschrijving. */\nfunction unwrap(schema: unknown): { def?: AnyDef; description?: string; inner?: unknown } {\n  let s = schema as { _def?: AnyDef };\n  let description = s?._def?.description;\n  while (\n    s?._def?.typeName === \"ZodDefault\" ||\n    s?._def?.typeName === \"ZodOptional\" ||\n    s?._def?.typeName === \"ZodNullable\"\n  ) {\n    s = s._def.innerType as typeof s;\n    description = description ?? s?._def?.description;\n  }\n  return { def: s?._def, description, inner: s };\n}\n\n/**\n * Leidt een formulier-beschrijving af uit een Zod-objectschema. Interne velden (`_key`/`_type`/\n * `_style`) worden overgeslagen — die beheren de editor-chrome en de StyleEditor. Complexe velden\n * (array/object/record) worden als `json` teruggegeven zodat een fallback-editor ze tóch kan\n * aanbieden; een aanroeper die alleen simpele velden wil, filtert op `kind !== \"json\"`.\n */\nexport function introspectObjectSchema(schema: ZodTypeAny): SchemaField[] {\n  const def = (schema as { _def?: AnyDef })._def;\n  if (def?.typeName !== \"ZodObject\" || typeof def.shape !== \"function\") return [];\n  const out: SchemaField[] = [];\n  for (const [key, field] of Object.entries(def.shape())) {\n    if (key.startsWith(\"_\")) continue;\n    const { def: inner, description } = unwrap(field);\n    const label = description ?? key;\n    const fieldSchema = field as ZodTypeAny;\n    switch (inner?.typeName) {\n      case \"ZodNumber\":\n        out.push({ key, kind: \"number\", label, schema: fieldSchema });\n        break;\n      case \"ZodBoolean\":\n        out.push({ key, kind: \"boolean\", label, schema: fieldSchema });\n        break;\n      case \"ZodEnum\":\n        out.push({ key, kind: \"enum\", label, options: inner.values, schema: fieldSchema });\n        break;\n      case \"ZodString\": {\n        const max = inner.checks?.find((c) => c.kind === \"max\")?.value;\n        out.push({ key, kind: \"string\", label, maxLength: max, schema: fieldSchema });\n        break;\n      }\n      case \"ZodArray\":\n      case \"ZodObject\":\n      case \"ZodRecord\":\n        out.push({ key, kind: \"json\", label, schema: fieldSchema });\n        break;\n      default:\n        // ZodLiteral (bv. _type), unions e.d.: geen zinvol generiek veld.\n        break;\n    }\n  }\n  return out;\n}\n\nexport type { FieldHints } from \"../../schema/fields\";\nimport type { FieldHints } from \"../../schema/fields\";\n\n/** Herkent een beeld-URL-veld aan de sleutelnaam (zelfde heuristiek als de oude GenericEditor). */\nconst IMAGE_KEY = /image|photo|foto|logo|cover|avatar|poster/i;\n/** Herkent een URL-veld aan de sleutelnaam. */\nconst URL_KEY = /^(href|url|link)$|Url$|Href$/;\n\n/**\n * Leidt de rijke Field-IR af uit een Zod-objectschema (5.0). Verschillen met de platte laag:\n * - `z.array(z.object)` → **repeater** met recursief geïntrospecteerde subvelden;\n * - genest `z.object` → **group** (of **link** als de vorm exact `{label, href}` is);\n * - stringvelden `html`/`*Html` → **richtext**, beeld-sleutels → **image**, URL-sleutels → **url**;\n * - al het overige (records, scalar-arrays, unions) → **json** (laatste redmiddel).\n * `hints` verfijnt per (dotted) sleutel: type-overrides (date/slider/…) en `showIf`.\n */\nexport function introspectToFields(schema: ZodTypeAny, hints?: FieldHints, prefix = \"\"): Field[] {\n  const def = (schema as { _def?: AnyDef })._def;\n  if (def?.typeName !== \"ZodObject\" || typeof def.shape !== \"function\") return [];\n  const out: Field[] = [];\n  for (const [key, raw] of Object.entries(def.shape())) {\n    if (key.startsWith(\"_\")) continue;\n    const { def: inner, description, inner: innerSchema } = unwrap(raw);\n    const label = description ?? key;\n    const path = prefix ? `${prefix}.${key}` : key;\n    const hint = hints?.[path];\n    const push = (f: Field) => out.push({ ...f, ...(hint as Partial<Field>), key, label: (hint?.label as string) ?? label } as Field);\n    switch (inner?.typeName) {\n      case \"ZodNumber\":\n        push({ key, label, type: \"number\" });\n        break;\n      case \"ZodBoolean\":\n        push({ key, label, type: \"switch\" });\n        break;\n      case \"ZodEnum\":\n        push({ key, label, type: \"select\", options: (inner.values ?? []).map((v) => ({ value: v, label: v })) });\n        break;\n      case \"ZodString\": {\n        const max = inner.checks?.find((c) => c.kind === \"max\")?.value;\n        if (key === \"html\" || key.endsWith(\"Html\")) push({ key, label, type: \"richtext\" });\n        else if (IMAGE_KEY.test(key)) push({ key, label, type: \"image\" });\n        else if (URL_KEY.test(key)) push({ key, label, type: \"url\" });\n        else if ((max ?? 0) > 500) push({ key, label, type: \"textarea\", maxLength: max });\n        else push({ key, label, type: \"text\", maxLength: max });\n        break;\n      }\n      case \"ZodObject\": {\n        const sub = introspectToFields(innerSchema as ZodTypeAny, hints, path);\n        const isLink = sub.length === 2 && sub.some((f) => f.key === \"label\") && sub.some((f) => f.key === \"href\");\n        if (isLink) push({ key, label, type: \"link\" });\n        else if (sub.length > 0) push({ key, label, type: \"group\", fields: sub });\n        else push({ key, label, type: \"json\" });\n        break;\n      }\n      case \"ZodArray\": {\n        const el = (inner as { type?: unknown }).type ?? (inner as AnyDef & { element?: unknown }).element;\n        const { def: elDef, inner: elSchema } = unwrap(el);\n        if (elDef?.typeName === \"ZodObject\") {\n          const sub = introspectToFields(elSchema as ZodTypeAny, hints, path);\n          if (sub.length > 0) {\n            push({ key, label, type: \"repeater\", fields: sub });\n            break;\n          }\n        }\n        push({ key, label, type: \"json\" });\n        break;\n      }\n      case \"ZodRecord\":\n        push({ key, label, type: \"json\" });\n        break;\n      default:\n        break;\n    }\n  }\n  return out;\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/admin/lib/zodFields.ts"],"sourcesContent":["/**\n * Zod-introspectie voor automatisch gegenereerde formulieren. Gedeeld door:\n * - de `GenericEditor` (fallback-editor voor blokken zonder eigen `Editor`), en\n * - het `ModuleSettingsForm` (instellingen van een module in /beheer).\n *\n * Twee lagen:\n * - `introspectObjectSchema` (legacy, plat): simpele kinds — blijft bestaan voor module-settings.\n * - `introspectToFields` (5.0): levert de rijke **Field-IR** (schema/fields.ts, primo-port) met\n *   échte repeaters/groepen (recursief), richtext-/image-/link-detectie en optionele per-block\n *   hints (`defineBlock({ fields })`). De GenericEditor 2.0 rendert deze IR.\n *\n * Een veld krijgt zijn label uit `.describe(\"…\")` op het schema; zonder beschrijving valt het\n * terug op de veldsleutel. Puur (geen React) — apart testbaar.\n */\nimport { globalRegistry } from \"zod/mini\";\nimport type { $ZodType as ZodTypeAny } from \"zod/v4/core\";\nimport type { Field } from \"../../schema/fields\";\n\nexport interface SchemaField {\n  key: string;\n  kind: \"number\" | \"boolean\" | \"string\" | \"enum\" | \"json\";\n  /** Leesbaar label: `.describe()` van het schema, anders de veldsleutel. */\n  label: string;\n  options?: string[];\n  /** Max-lengte van een string (bepaalt Input vs Textarea in de UI). */\n  maxLength?: number;\n  /** Het volledige veld-schema — voor validatie van json-velden vóór commit. */\n  schema: ZodTypeAny;\n}\n\n/**\n * Zod 4-interne vorm. In Zod 3 heette dit `_def.typeName` (\"ZodObject\") met `shape` als FUNCTIE en\n * de beschrijving op `_def.description`; sinds Zod 4 is het `_def.type` (\"object\") met `shape` als\n * gewoon object, staat de beschrijving op de schema-instantie, dragen enums hun waarden in\n * `entries`, en zit een string-check achter `checks[i]._zod.def` als\n * `{ check: \"max_length\", maximum: n }`.\n *\n * Dit blijft leunen op interne velden — er is geen publieke introspectie-API in Zod. De\n * Field-IR-tests (fields.test.ts) zijn daarom het vangnet: die vallen om zodra Zod zijn interne\n * vorm opnieuw wijzigt, in plaats van dat de GenericEditor stilletjes lege formulieren toont.\n */\ntype ZodKind =\n  | \"object\" | \"string\" | \"number\" | \"boolean\" | \"enum\" | \"array\" | \"record\"\n  | \"default\" | \"optional\" | \"nullable\" | \"literal\" | (string & {});\n\ninterface AnyDef {\n  type?: ZodKind;\n  innerType?: unknown;\n  entries?: Record<string, string>;\n  element?: unknown;\n  checks?: { _zod?: { def?: { check?: string; maximum?: number } } }[];\n  shape?: Record<string, unknown>;\n}\n\n/**\n * De interne definitie van een schema.\n *\n * LET OP: `_def` is een alias die alléén de classic-façade aanbiedt — `zod/mini` (waar core op\n * draait) heeft hem niet en zet alles op `_zod.def`. Lees dus `_zod.def` eerst, met `_def` als\n * terugval voor classic-schema's uit een klantrepo. Zonder die volgorde levert introspectie\n * stilletjes niets op en toont de GenericEditor lege formulieren.\n */\nconst defOf = (schema: unknown): AnyDef | undefined =>\n  (schema as { _zod?: { def?: AnyDef } })?._zod?.def ?? (schema as { _def?: AnyDef })?._def;\n\n/** Max-lengte van een string-schema (Zod 4: checks dragen hun regel onder `_zod.def`). */\nfunction maxLengthOf(def: AnyDef | undefined): number | undefined {\n  for (const c of def?.checks ?? []) {\n    const rule = c?._zod?.def;\n    if (rule?.check === \"max_length\") return rule.maximum;\n  }\n  return undefined;\n}\n\n/** Waarden van een enum (Zod 4 levert een entries-map i.p.v. een values-array). */\nconst valuesOf = (def: AnyDef | undefined): string[] => Object.values(def?.entries ?? {});\n\n/** De velden van een objectschema; leeg als het geen object is. */\nfunction shapeOf(schema: unknown): Record<string, unknown> | null {\n  const def = defOf(schema);\n  if (def?.type !== \"object\" || !def.shape || typeof def.shape !== \"object\") return null;\n  return def.shape;\n}\n\n/**\n * De beschrijving van een schema — de bron van de veldlabels in /beheer.\n *\n * `zod/mini` heeft géén `.description`-getter (die hoort bij de classic-façade), maar `.describe()`\n * en `.register()` schrijven allebei naar dezelfde `globalRegistry`. Die lezen we hier dus direct,\n * met de getter als terugval zodat een classic-schema uit een klantrepo blijft werken.\n */\nfunction describedAs(s: unknown): string | undefined {\n  const uitRegister = globalRegistry.get(s as never)?.description;\n  return uitRegister ?? (s as { description?: string } | null)?.description;\n}\n\n/** Pakt het binnenste type uit default/optional/nullable; bewaart de buitenste beschrijving. */\nfunction unwrap(schema: unknown): { def?: AnyDef; description?: string; inner?: unknown } {\n  let s: unknown = schema;\n  let description = describedAs(s);\n  for (;;) {\n    const def = defOf(s);\n    if (def?.type !== \"default\" && def?.type !== \"optional\" && def?.type !== \"nullable\") break;\n    s = def.innerType;\n    description = description ?? describedAs(s);\n  }\n  return { def: defOf(s), description, inner: s };\n}\n\n/**\n * Leidt een formulier-beschrijving af uit een Zod-objectschema. Interne velden (`_key`/`_type`/\n * `_style`) worden overgeslagen — die beheren de editor-chrome en de StyleEditor. Complexe velden\n * (array/object/record) worden als `json` teruggegeven zodat een fallback-editor ze tóch kan\n * aanbieden; een aanroeper die alleen simpele velden wil, filtert op `kind !== \"json\"`.\n */\nexport function introspectObjectSchema(schema: ZodTypeAny): SchemaField[] {\n  const shape = shapeOf(schema);\n  if (!shape) return [];\n  const out: SchemaField[] = [];\n  for (const [key, field] of Object.entries(shape)) {\n    if (key.startsWith(\"_\")) continue;\n    const { def: inner, description } = unwrap(field);\n    const label = description ?? key;\n    const fieldSchema = field as ZodTypeAny;\n    switch (inner?.type) {\n      case \"number\":\n        out.push({ key, kind: \"number\", label, schema: fieldSchema });\n        break;\n      case \"boolean\":\n        out.push({ key, kind: \"boolean\", label, schema: fieldSchema });\n        break;\n      case \"enum\":\n        out.push({ key, kind: \"enum\", label, options: valuesOf(inner), schema: fieldSchema });\n        break;\n      case \"string\": {\n        out.push({ key, kind: \"string\", label, maxLength: maxLengthOf(inner), schema: fieldSchema });\n        break;\n      }\n      case \"array\":\n      case \"object\":\n      case \"record\":\n        out.push({ key, kind: \"json\", label, schema: fieldSchema });\n        break;\n      default:\n        // ZodLiteral (bv. _type), unions e.d.: geen zinvol generiek veld.\n        break;\n    }\n  }\n  return out;\n}\n\nexport type { FieldHints } from \"../../schema/fields\";\nimport type { FieldHints } from \"../../schema/fields\";\n\n/** Herkent een beeld-URL-veld aan de sleutelnaam (zelfde heuristiek als de oude GenericEditor). */\nconst IMAGE_KEY = /image|photo|foto|logo|cover|avatar|poster/i;\n/** Herkent een URL-veld aan de sleutelnaam. */\nconst URL_KEY = /^(href|url|link)$|Url$|Href$/;\n\n/**\n * Leidt de rijke Field-IR af uit een Zod-objectschema (5.0). Verschillen met de platte laag:\n * - `z.array(z.object)` → **repeater** met recursief geïntrospecteerde subvelden;\n * - genest `z.object` → **group** (of **link** als de vorm exact `{label, href}` is);\n * - stringvelden `html`/`*Html` → **richtext**, beeld-sleutels → **image**, URL-sleutels → **url**;\n * - al het overige (records, scalar-arrays, unions) → **json** (laatste redmiddel).\n * `hints` verfijnt per (dotted) sleutel: type-overrides (date/slider/…) en `showIf`.\n */\nexport function introspectToFields(schema: ZodTypeAny, hints?: FieldHints, prefix = \"\"): Field[] {\n  const shape = shapeOf(schema);\n  if (!shape) return [];\n  const out: Field[] = [];\n  for (const [key, raw] of Object.entries(shape)) {\n    if (key.startsWith(\"_\")) continue;\n    const { def: inner, description, inner: innerSchema } = unwrap(raw);\n    const label = description ?? key;\n    const path = prefix ? `${prefix}.${key}` : key;\n    const hint = hints?.[path];\n    const push = (f: Field) => out.push({ ...f, ...(hint as Partial<Field>), key, label: (hint?.label as string) ?? label } as Field);\n    switch (inner?.type) {\n      case \"number\":\n        push({ key, label, type: \"number\" });\n        break;\n      case \"boolean\":\n        push({ key, label, type: \"switch\" });\n        break;\n      case \"enum\":\n        push({ key, label, type: \"select\", options: valuesOf(inner).map((v) => ({ value: v, label: v })) });\n        break;\n      case \"string\": {\n        const max = maxLengthOf(inner);\n        if (key === \"html\" || key.endsWith(\"Html\")) push({ key, label, type: \"richtext\" });\n        else if (IMAGE_KEY.test(key)) push({ key, label, type: \"image\" });\n        else if (URL_KEY.test(key)) push({ key, label, type: \"url\" });\n        else if ((max ?? 0) > 500) push({ key, label, type: \"textarea\", maxLength: max });\n        else push({ key, label, type: \"text\", maxLength: max });\n        break;\n      }\n      case \"object\": {\n        const sub = introspectToFields(innerSchema as ZodTypeAny, hints, path);\n        const isLink = sub.length === 2 && sub.some((f) => f.key === \"label\") && sub.some((f) => f.key === \"href\");\n        if (isLink) push({ key, label, type: \"link\" });\n        else if (sub.length > 0) push({ key, label, type: \"group\", fields: sub });\n        else push({ key, label, type: \"json\" });\n        break;\n      }\n      case \"array\": {\n        const { def: elDef, inner: elSchema } = unwrap(inner?.element);\n        if (elDef?.type === \"object\") {\n          const sub = introspectToFields(elSchema as ZodTypeAny, hints, path);\n          if (sub.length > 0) {\n            push({ key, label, type: \"repeater\", fields: sub });\n            break;\n          }\n        }\n        push({ key, label, type: \"json\" });\n        break;\n      }\n      case \"record\":\n        push({ key, label, type: \"json\" });\n        break;\n      default:\n        break;\n    }\n  }\n  return out;\n}\n"],"mappings":"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","names":[]}

package/dist/admin/media/MediaManager.js

@@ -12,13 +12,13 @@ import {
   updateDoc
 } from "firebase/firestore";
 import { deleteObject, ref as storageRef } from "firebase/storage";
-import { getBucket, getDb } from "../../firebase/client";
-import { DEMO_EVENT, isDemoActive, listDemoMediaAll } from "../../demo/demoStore";
-import { Button, Card, Badge, Input } from "../ui/primitives";
-import { useToast } from "../ui/toast";
-import { useConfirm } from "../ui/ConfirmDialog";
-import { uploadImage } from "../lib/upload";
-import { findMediaUsage } from "../lib/mediaUsage";
+import { getBucket, getDb } from "../../firebase/client.js";
+import { DEMO_EVENT, isDemoActive, listDemoMediaAll } from "../../demo/demoStore.js";
+import { Button, Card, Badge, Input } from "../ui/primitives.js";
+import { useToast } from "../ui/toast.js";
+import { useConfirm } from "../ui/ConfirmDialog.js";
+import { uploadImage } from "../lib/upload.js";
+import { findMediaUsage } from "../lib/mediaUsage.js";
 const PAGE_SIZE = 48;
 function MediaManager({ siteId }) {
   const { toast } = useToast();

package/dist/admin/media/MediaPicker.js

@@ -2,12 +2,12 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo, useRef, useState } from "react";
 import { collection, limit, onSnapshot, orderBy, query } from "firebase/firestore";
-import { getDb } from "../../firebase/client";
-import { DEMO_EVENT, isDemoActive, listDemoMediaAll } from "../../demo/demoStore";
-import { Button, Input } from "../ui/primitives";
-import { Dialog, DialogContent } from "../ui/dialog";
-import { useToast } from "../ui/toast";
-import { uploadImage } from "../lib/upload";
+import { getDb } from "../../firebase/client.js";
+import { DEMO_EVENT, isDemoActive, listDemoMediaAll } from "../../demo/demoStore.js";
+import { Button, Input } from "../ui/primitives.js";
+import { Dialog, DialogContent } from "../ui/dialog.js";
+import { useToast } from "../ui/toast.js";
+import { uploadImage } from "../lib/upload.js";
 const PICKER_PAGE_SIZE = 48;
 function MediaPickerDialog({
   siteId,
@@ -68,7 +68,7 @@ function MediaPickerDialog({
       setBusy(false);
     }
   }
-  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { title: "Afbeelding kiezen", className: "max-w-2xl", children: [
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { title: "Afbeelding kiezen", width: "min(92vw, 42rem)", children: [
     /* @__PURE__ */ jsxs("div", { className: "mb-3 flex items-center gap-2", children: [
       /* @__PURE__ */ jsx(Input, { value: q, onChange: (e) => setQ(e.target.value), placeholder: "Zoek in bibliotheek\u2026", className: "h-9" }),
       /* @__PURE__ */ jsx(Button, { type: "button", disabled: busy, onClick: () => inputRef.current?.click(), children: busy ? "Uploaden\u2026" : "Upload nieuwe" }),