@xiwebdesign/xicms-core 4.17.1 → 5.0.0

package/dist/admin/lib/zodFields.js

@@ -5,7 +5,7 @@ function unwrap(schema) {
     s = s._def.innerType;
     description = description ?? s?._def?.description;
   }
-  return { def: s?._def, description };
+  return { def: s?._def, description, inner: s };
 }
 function introspectObjectSchema(schema) {
   const def = schema._def;
@@ -42,7 +42,70 @@ function introspectObjectSchema(schema) {
   }
   return out;
 }
+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 out = [];
+  for (const [key, raw] of Object.entries(def.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":
+        push({ key, label, type: "number" });
+        break;
+      case "ZodBoolean":
+        push({ key, label, type: "switch" });
+        break;
+      case "ZodEnum":
+        push({ key, label, type: "select", options: (inner.values ?? []).map((v) => ({ value: v, label: v })) });
+        break;
+      case "ZodString": {
+        const max = inner.checks?.find((c) => c.kind === "max")?.value;
+        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" });
+        else if ((max ?? 0) > 500) push({ key, label, type: "textarea", maxLength: max });
+        else push({ key, label, type: "text", maxLength: max });
+        break;
+      }
+      case "ZodObject": {
+        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" });
+        else if (sub.length > 0) push({ key, label, type: "group", fields: sub });
+        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") {
+          const sub = introspectToFields(elSchema, hints, path);
+          if (sub.length > 0) {
+            push({ key, label, type: "repeater", fields: sub });
+            break;
+          }
+        }
+        push({ key, label, type: "json" });
+        break;
+      }
+      case "ZodRecord":
+        push({ key, label, type: "json" });
+        break;
+      default:
+        break;
+    }
+  }
+  return out;
+}
 export {
-  introspectObjectSchema
+  introspectObjectSchema,
+  introspectToFields
 };
 //# sourceMappingURL=zodFields.js.map

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 * 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\";\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 } {\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 };\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"],"mappings":"AAgCA,SAAS,OAAO,QAAyD;AACvE,MAAI,IAAI;AACR,MAAI,cAAc,GAAG,MAAM;AAC3B,SACE,GAAG,MAAM,aAAa,gBACtB,GAAG,MAAM,aAAa,iBACtB,GAAG,MAAM,aAAa,eACtB;AACA,QAAI,EAAE,KAAK;AACX,kBAAc,eAAe,GAAG,MAAM;AAAA,EACxC;AACA,SAAO,EAAE,KAAK,GAAG,MAAM,YAAY;AACrC;AAQO,SAAS,uBAAuB,QAAmC;AACxE,QAAM,MAAO,OAA6B;AAC1C,MAAI,KAAK,aAAa,eAAe,OAAO,IAAI,UAAU,WAAY,QAAO,CAAC;AAC9E,QAAM,MAAqB,CAAC;AAC5B,aAAW,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,IAAI,MAAM,CAAC,GAAG;AACtD,QAAI,IAAI,WAAW,GAAG,EAAG;AACzB,UAAM,EAAE,KAAK,OAAO,YAAY,IAAI,OAAO,KAAK;AAChD,UAAM,QAAQ,eAAe;AAC7B,UAAM,cAAc;AACpB,YAAQ,OAAO,UAAU;AAAA,MACvB,KAAK;AACH,YAAI,KAAK,EAAE,KAAK,MAAM,UAAU,OAAO,QAAQ,YAAY,CAAC;AAC5D;AAAA,MACF,KAAK;AACH,YAAI,KAAK,EAAE,KAAK,MAAM,WAAW,OAAO,QAAQ,YAAY,CAAC;AAC7D;AAAA,MACF,KAAK;AACH,YAAI,KAAK,EAAE,KAAK,MAAM,QAAQ,OAAO,SAAS,MAAM,QAAQ,QAAQ,YAAY,CAAC;AACjF;AAAA,MACF,KAAK,aAAa;AAChB,cAAM,MAAM,MAAM,QAAQ,KAAK,CAAC,MAAM,EAAE,SAAS,KAAK,GAAG;AACzD,YAAI,KAAK,EAAE,KAAK,MAAM,UAAU,OAAO,WAAW,KAAK,QAAQ,YAAY,CAAC;AAC5E;AAAA,MACF;AAAA,MACA,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACH,YAAI,KAAK,EAAE,KAAK,MAAM,QAAQ,OAAO,QAAQ,YAAY,CAAC;AAC1D;AAAA,MACF;AAEE;AAAA,IACJ;AAAA,EACF;AACA,SAAO;AACT;","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 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":"AAuCA,SAAS,OAAO,QAA0E;AACxF,MAAI,IAAI;AACR,MAAI,cAAc,GAAG,MAAM;AAC3B,SACE,GAAG,MAAM,aAAa,gBACtB,GAAG,MAAM,aAAa,iBACtB,GAAG,MAAM,aAAa,eACtB;AACA,QAAI,EAAE,KAAK;AACX,kBAAc,eAAe,GAAG,MAAM;AAAA,EACxC;AACA,SAAO,EAAE,KAAK,GAAG,MAAM,aAAa,OAAO,EAAE;AAC/C;AAQO,SAAS,uBAAuB,QAAmC;AACxE,QAAM,MAAO,OAA6B;AAC1C,MAAI,KAAK,aAAa,eAAe,OAAO,IAAI,UAAU,WAAY,QAAO,CAAC;AAC9E,QAAM,MAAqB,CAAC;AAC5B,aAAW,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,IAAI,MAAM,CAAC,GAAG;AACtD,QAAI,IAAI,WAAW,GAAG,EAAG;AACzB,UAAM,EAAE,KAAK,OAAO,YAAY,IAAI,OAAO,KAAK;AAChD,UAAM,QAAQ,eAAe;AAC7B,UAAM,cAAc;AACpB,YAAQ,OAAO,UAAU;AAAA,MACvB,KAAK;AACH,YAAI,KAAK,EAAE,KAAK,MAAM,UAAU,OAAO,QAAQ,YAAY,CAAC;AAC5D;AAAA,MACF,KAAK;AACH,YAAI,KAAK,EAAE,KAAK,MAAM,WAAW,OAAO,QAAQ,YAAY,CAAC;AAC7D;AAAA,MACF,KAAK;AACH,YAAI,KAAK,EAAE,KAAK,MAAM,QAAQ,OAAO,SAAS,MAAM,QAAQ,QAAQ,YAAY,CAAC;AACjF;AAAA,MACF,KAAK,aAAa;AAChB,cAAM,MAAM,MAAM,QAAQ,KAAK,CAAC,MAAM,EAAE,SAAS,KAAK,GAAG;AACzD,YAAI,KAAK,EAAE,KAAK,MAAM,UAAU,OAAO,WAAW,KAAK,QAAQ,YAAY,CAAC;AAC5E;AAAA,MACF;AAAA,MACA,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACH,YAAI,KAAK,EAAE,KAAK,MAAM,QAAQ,OAAO,QAAQ,YAAY,CAAC;AAC1D;AAAA,MACF;AAEE;AAAA,IACJ;AAAA,EACF;AACA,SAAO;AACT;AAMA,MAAM,YAAY;AAElB,MAAM,UAAU;AAUT,SAAS,mBAAmB,QAAoB,OAAoB,SAAS,IAAa;AAC/F,QAAM,MAAO,OAA6B;AAC1C,MAAI,KAAK,aAAa,eAAe,OAAO,IAAI,UAAU,WAAY,QAAO,CAAC;AAC9E,QAAM,MAAe,CAAC;AACtB,aAAW,CAAC,KAAK,GAAG,KAAK,OAAO,QAAQ,IAAI,MAAM,CAAC,GAAG;AACpD,QAAI,IAAI,WAAW,GAAG,EAAG;AACzB,UAAM,EAAE,KAAK,OAAO,aAAa,OAAO,YAAY,IAAI,OAAO,GAAG;AAClE,UAAM,QAAQ,eAAe;AAC7B,UAAM,OAAO,SAAS,GAAG,MAAM,IAAI,GAAG,KAAK;AAC3C,UAAM,OAAO,QAAQ,IAAI;AACzB,UAAM,OAAO,CAAC,MAAa,IAAI,KAAK,EAAE,GAAG,GAAG,GAAI,MAAyB,KAAK,OAAQ,MAAM,SAAoB,MAAM,CAAU;AAChI,YAAQ,OAAO,UAAU;AAAA,MACvB,KAAK;AACH,aAAK,EAAE,KAAK,OAAO,MAAM,SAAS,CAAC;AACnC;AAAA,MACF,KAAK;AACH,aAAK,EAAE,KAAK,OAAO,MAAM,SAAS,CAAC;AACnC;AAAA,MACF,KAAK;AACH,aAAK,EAAE,KAAK,OAAO,MAAM,UAAU,UAAU,MAAM,UAAU,CAAC,GAAG,IAAI,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,EAAE,EAAE,EAAE,CAAC;AACvG;AAAA,MACF,KAAK,aAAa;AAChB,cAAM,MAAM,MAAM,QAAQ,KAAK,CAAC,MAAM,EAAE,SAAS,KAAK,GAAG;AACzD,YAAI,QAAQ,UAAU,IAAI,SAAS,MAAM,EAAG,MAAK,EAAE,KAAK,OAAO,MAAM,WAAW,CAAC;AAAA,iBACxE,UAAU,KAAK,GAAG,EAAG,MAAK,EAAE,KAAK,OAAO,MAAM,QAAQ,CAAC;AAAA,iBACvD,QAAQ,KAAK,GAAG,EAAG,MAAK,EAAE,KAAK,OAAO,MAAM,MAAM,CAAC;AAAA,kBAClD,OAAO,KAAK,IAAK,MAAK,EAAE,KAAK,OAAO,MAAM,YAAY,WAAW,IAAI,CAAC;AAAA,YAC3E,MAAK,EAAE,KAAK,OAAO,MAAM,QAAQ,WAAW,IAAI,CAAC;AACtD;AAAA,MACF;AAAA,MACA,KAAK,aAAa;AAChB,cAAM,MAAM,mBAAmB,aAA2B,OAAO,IAAI;AACrE,cAAM,SAAS,IAAI,WAAW,KAAK,IAAI,KAAK,CAAC,MAAM,EAAE,QAAQ,OAAO,KAAK,IAAI,KAAK,CAAC,MAAM,EAAE,QAAQ,MAAM;AACzG,YAAI,OAAQ,MAAK,EAAE,KAAK,OAAO,MAAM,OAAO,CAAC;AAAA,iBACpC,IAAI,SAAS,EAAG,MAAK,EAAE,KAAK,OAAO,MAAM,SAAS,QAAQ,IAAI,CAAC;AAAA,YACnE,MAAK,EAAE,KAAK,OAAO,MAAM,OAAO,CAAC;AACtC;AAAA,MACF;AAAA,MACA,KAAK,YAAY;AACf,cAAM,KAAM,MAA6B,QAAS,MAAyC;AAC3F,cAAM,EAAE,KAAK,OAAO,OAAO,SAAS,IAAI,OAAO,EAAE;AACjD,YAAI,OAAO,aAAa,aAAa;AACnC,gBAAM,MAAM,mBAAmB,UAAwB,OAAO,IAAI;AAClE,cAAI,IAAI,SAAS,GAAG;AAClB,iBAAK,EAAE,KAAK,OAAO,MAAM,YAAY,QAAQ,IAAI,CAAC;AAClD;AAAA,UACF;AAAA,QACF;AACA,aAAK,EAAE,KAAK,OAAO,MAAM,OAAO,CAAC;AACjC;AAAA,MACF;AAAA,MACA,KAAK;AACH,aAAK,EAAE,KAAK,OAAO,MAAM,OAAO,CAAC;AACjC;AAAA,MACF;AACE;AAAA,IACJ;AAAA,EACF;AACA,SAAO;AACT;","names":[]}

package/dist/admin/media/MediaManager.js

@@ -12,6 +12,7 @@ import {
 } 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";
@@ -24,14 +25,22 @@ function MediaManager({ siteId }) {
   const [busy, setBusy] = useState(false);
   const inputRef = useRef(null);
   useEffect(() => {
+    if (isDemoActive()) {
+      const sync = () => setItems(listDemoMediaAll(siteId));
+      sync();
+      window.addEventListener(DEMO_EVENT, sync);
+      return () => window.removeEventListener(DEMO_EVENT, sync);
+    }
     const db = getDb();
     if (!db) return;
     const q = query(collection(db, "sites", siteId, "media"), orderBy("createdAt", "desc"));
     return onSnapshot(
       q,
-      (snap) => setItems(snap.docs.map((d) => ({ id: d.id, ...d.data() })))
+      (snap) => setItems(snap.docs.map((d) => ({ id: d.id, ...d.data() }))),
+      // Leesfouten (rules/App Check) niet stil slikken — anders lijkt de bibliotheek leeg.
+      (err) => toast({ title: "Kon mediabibliotheek niet laden", description: err.message, tone: "error" })
     );
-  }, [siteId]);
+  }, [siteId, toast]);
   async function onFiles(files) {
     setBusy(true);
     let ok = 0;
@@ -66,11 +75,18 @@ function MediaManager({ siteId }) {
     });
     if (!ok) return;
     await deleteDoc(doc(db, "sites", siteId, "media", item.id));
-    if (bucket && item.path) {
-      try {
-        await deleteObject(storageRef(bucket, item.path));
-      } catch {
-      }
+    if (bucket) {
+      const paths = [
+        item.path,
+        item.variants?.webp?.path,
+        ...(item.variants?.sizes ?? []).map((v) => v.path)
+      ].filter((p) => Boolean(p));
+      await Promise.all(
+        paths.map((p) => deleteObject(storageRef(bucket, p)).catch(
+          () => void 0
+          /* al weg */
+        ))
+      );
     }
     toast({ title: "Verwijderd" });
   }

package/dist/admin/media/MediaManager.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/admin/media/MediaManager.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef, useState } from \"react\";\nimport {\n  collection,\n  deleteDoc,\n  doc,\n  onSnapshot,\n  orderBy,\n  query,\n  updateDoc,\n} from \"firebase/firestore\";\nimport { deleteObject, ref as storageRef } from \"firebase/storage\";\nimport { getBucket, getDb } from \"../../firebase/client\";\nimport type { MediaItem } from \"../../content/types\";\nimport { Button, Card, Badge, Input } from \"../ui/primitives\";\nimport { useToast } from \"../ui/toast\";\nimport { useConfirm } from \"../ui/ConfirmDialog\";\nimport { uploadImage } from \"../lib/upload\";\nimport { findMediaUsage } from \"../lib/mediaUsage\";\n\nexport function MediaManager({ siteId }: { siteId: string }) {\n  const { toast } = useToast();\n  const confirm = useConfirm();\n  const [items, setItems] = useState<MediaItem[]>([]);\n  const [busy, setBusy] = useState(false);\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  useEffect(() => {\n    const db = getDb();\n    if (!db) return;\n    const q = query(collection(db, \"sites\", siteId, \"media\"), orderBy(\"createdAt\", \"desc\"));\n    return onSnapshot(q, (snap) =>\n      setItems(snap.docs.map((d) => ({ id: d.id, ...(d.data() as Omit<MediaItem, \"id\">) }))),\n    );\n  }, [siteId]);\n\n  async function onFiles(files: FileList) {\n    setBusy(true);\n    let ok = 0;\n    const errors: string[] = [];\n    for (const file of Array.from(files)) {\n      try {\n        await uploadImage(siteId, file);\n        ok++;\n      } catch (e) {\n        errors.push(`${file.name}: ${(e as Error).message}`);\n      }\n    }\n    if (ok > 0) toast({ title: `${ok} foto('s) geüpload`, description: \"Automatisch verkleind; varianten worden op de achtergrond gemaakt.\", tone: \"success\" });\n    if (errors.length) toast({ title: \"Sommige uploads mislukten\", description: errors.join(\" · \"), tone: \"error\" });\n    setBusy(false);\n  }\n\n  async function saveAlt(item: MediaItem, alt: string) {\n    const db = getDb();\n    if (!db) return;\n    await updateDoc(doc(db, \"sites\", siteId, \"media\", item.id), { alt });\n  }\n\n  async function remove(item: MediaItem) {\n    const db = getDb();\n    const bucket = getBucket();\n    if (!db) return;\n    const usedOn = await findMediaUsage(siteId, item);\n    const ok = await confirm({\n      title: \"Afbeelding verwijderen?\",\n      description:\n        usedOn.length > 0\n          ? `Let op: deze afbeelding wordt gebruikt op ${usedOn.length} gepubliceerde pagina('s) (${usedOn.join(\", \")}). Daar verschijnt dan een gebroken afbeelding.`\n          : \"De afbeelding wordt definitief verwijderd.\",\n      confirmLabel: \"Verwijderen\",\n      tone: \"danger\",\n    });\n    if (!ok) return;\n    await deleteDoc(doc(db, \"sites\", siteId, \"media\", item.id));\n    if (bucket && item.path) {\n      try {\n        await deleteObject(storageRef(bucket, item.path));\n      } catch {\n        /* al weg — negeren */\n      }\n    }\n    toast({ title: \"Verwijderd\" });\n  }\n\n  return (\n    <div className=\"grid gap-4\">\n      <div>\n        <Button disabled={busy} onClick={() => inputRef.current?.click()}>\n          {busy ? \"Uploaden…\" : \"Foto's uploaden\"}\n        </Button>\n        <p className=\"mt-1 text-xs text-slate-500\">\n          Je kunt meerdere foto&apos;s tegelijk kiezen. Ze worden automatisch verkleind en geoptimaliseerd\n          (webp) — dat houdt je site snel en bespaart opslag. Max. 15 MB per bestand.\n        </p>\n        <input\n          ref={inputRef}\n          type=\"file\"\n          accept=\"image/*\"\n          multiple\n          hidden\n          onChange={(e) => {\n            if (e.target.files?.length) void onFiles(e.target.files);\n            e.target.value = \"\";\n          }}\n        />\n      </div>\n      <div className=\"grid grid-cols-2 gap-3 sm:grid-cols-3 lg:grid-cols-4\">\n        {items.map((m) => (\n          <Card key={m.id} className=\"p-3\">\n            {/* eslint-disable-next-line @next/next/no-img-element */}\n            <img src={m.url} alt={m.alt ?? m.name} className=\"mb-2 h-28 w-full rounded-md object-cover\" />\n            <div className=\"mb-2 flex items-center justify-between gap-1\">\n              <span className=\"truncate text-xs text-slate-500\">\n                {m.name}\n                {(m as { width?: number; height?: number }).width && (\n                  <span className=\"text-slate-400\"> · {(m as { width?: number }).width}×{(m as { height?: number }).height}</span>\n                )}\n              </span>\n              {m.status === \"processing\" ? <Badge tone=\"amber\">verwerken</Badge> : <Badge tone=\"green\">klaar</Badge>}\n            </div>\n            <Input\n              defaultValue={m.alt ?? \"\"}\n              placeholder=\"Alt-tekst\"\n              className=\"mb-2 h-8 text-xs\"\n              onBlur={(e) => void saveAlt(m, e.target.value)}\n            />\n            <div className=\"flex gap-1\">\n              <Button variant=\"ghost\" size=\"sm\" className=\"text-xs\" onClick={() => void navigator.clipboard?.writeText(m.url)}>\n                Kopieer URL\n              </Button>\n              <Button variant=\"ghost\" size=\"sm\" className=\"text-xs\" onClick={() => void remove(m)}>\n                Verwijder\n              </Button>\n            </div>\n          </Card>\n        ))}\n        {items.length === 0 && <p className=\"text-sm text-slate-500\">Nog geen media.</p>}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/admin/media/MediaManager.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef, useState } from \"react\";\nimport {\n  collection,\n  deleteDoc,\n  doc,\n  onSnapshot,\n  orderBy,\n  query,\n  updateDoc,\n} from \"firebase/firestore\";\nimport { deleteObject, ref as storageRef } from \"firebase/storage\";\nimport { getBucket, getDb } from \"../../firebase/client\";\nimport { DEMO_EVENT, isDemoActive, listDemoMediaAll } from \"../../demo/demoStore\";\nimport type { MediaItem } from \"../../content/types\";\nimport { Button, Card, Badge, Input } from \"../ui/primitives\";\nimport { useToast } from \"../ui/toast\";\nimport { useConfirm } from \"../ui/ConfirmDialog\";\nimport { uploadImage } from \"../lib/upload\";\nimport { findMediaUsage } from \"../lib/mediaUsage\";\n\nexport function MediaManager({ siteId }: { siteId: string }) {\n  const { toast } = useToast();\n  const confirm = useConfirm();\n  const [items, setItems] = useState<MediaItem[]>([]);\n  const [busy, setBusy] = useState(false);\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  useEffect(() => {\n    // Demo-modus: lokale bibliotheek (geseede foto's + eigen \"uploads\") i.p.v. Firestore.\n    if (isDemoActive()) {\n      const sync = () => setItems(listDemoMediaAll(siteId));\n      sync();\n      window.addEventListener(DEMO_EVENT, sync);\n      return () => window.removeEventListener(DEMO_EVENT, sync);\n    }\n    const db = getDb();\n    if (!db) return;\n    const q = query(collection(db, \"sites\", siteId, \"media\"), orderBy(\"createdAt\", \"desc\"));\n    return onSnapshot(\n      q,\n      (snap) => setItems(snap.docs.map((d) => ({ id: d.id, ...(d.data() as Omit<MediaItem, \"id\">) }))),\n      // Leesfouten (rules/App Check) niet stil slikken — anders lijkt de bibliotheek leeg.\n      (err) => toast({ title: \"Kon mediabibliotheek niet laden\", description: err.message, tone: \"error\" }),\n    );\n  }, [siteId, toast]);\n\n  async function onFiles(files: FileList) {\n    setBusy(true);\n    let ok = 0;\n    const errors: string[] = [];\n    for (const file of Array.from(files)) {\n      try {\n        await uploadImage(siteId, file);\n        ok++;\n      } catch (e) {\n        errors.push(`${file.name}: ${(e as Error).message}`);\n      }\n    }\n    if (ok > 0) toast({ title: `${ok} foto('s) geüpload`, description: \"Automatisch verkleind; varianten worden op de achtergrond gemaakt.\", tone: \"success\" });\n    if (errors.length) toast({ title: \"Sommige uploads mislukten\", description: errors.join(\" · \"), tone: \"error\" });\n    setBusy(false);\n  }\n\n  async function saveAlt(item: MediaItem, alt: string) {\n    const db = getDb();\n    if (!db) return;\n    await updateDoc(doc(db, \"sites\", siteId, \"media\", item.id), { alt });\n  }\n\n  async function remove(item: MediaItem) {\n    const db = getDb();\n    const bucket = getBucket();\n    if (!db) return;\n    const usedOn = await findMediaUsage(siteId, item);\n    const ok = await confirm({\n      title: \"Afbeelding verwijderen?\",\n      description:\n        usedOn.length > 0\n          ? `Let op: deze afbeelding wordt gebruikt op ${usedOn.length} gepubliceerde pagina('s) (${usedOn.join(\", \")}). Daar verschijnt dan een gebroken afbeelding.`\n          : \"De afbeelding wordt definitief verwijderd.\",\n      confirmLabel: \"Verwijderen\",\n      tone: \"danger\",\n    });\n    if (!ok) return;\n    await deleteDoc(doc(db, \"sites\", siteId, \"media\", item.id));\n    if (bucket) {\n      // Ook de srcset-varianten opruimen die de Cloud Function heeft gemaakt — anders blijven\n      // die (publieke) bestanden voor altijd in Storage staan.\n      const paths = [\n        item.path,\n        item.variants?.webp?.path,\n        ...(item.variants?.sizes ?? []).map((v) => v.path),\n      ].filter((p): p is string => Boolean(p));\n      await Promise.all(\n        paths.map((p) => deleteObject(storageRef(bucket, p)).catch(() => undefined /* al weg */)),\n      );\n    }\n    toast({ title: \"Verwijderd\" });\n  }\n\n  return (\n    <div className=\"grid gap-4\">\n      <div>\n        <Button disabled={busy} onClick={() => inputRef.current?.click()}>\n          {busy ? \"Uploaden…\" : \"Foto's uploaden\"}\n        </Button>\n        <p className=\"mt-1 text-xs text-slate-500\">\n          Je kunt meerdere foto&apos;s tegelijk kiezen. Ze worden automatisch verkleind en geoptimaliseerd\n          (webp) — dat houdt je site snel en bespaart opslag. Max. 15 MB per bestand.\n        </p>\n        <input\n          ref={inputRef}\n          type=\"file\"\n          accept=\"image/*\"\n          multiple\n          hidden\n          onChange={(e) => {\n            if (e.target.files?.length) void onFiles(e.target.files);\n            e.target.value = \"\";\n          }}\n        />\n      </div>\n      <div className=\"grid grid-cols-2 gap-3 sm:grid-cols-3 lg:grid-cols-4\">\n        {items.map((m) => (\n          <Card key={m.id} className=\"p-3\">\n            {/* eslint-disable-next-line @next/next/no-img-element */}\n            <img src={m.url} alt={m.alt ?? m.name} className=\"mb-2 h-28 w-full rounded-md object-cover\" />\n            <div className=\"mb-2 flex items-center justify-between gap-1\">\n              <span className=\"truncate text-xs text-slate-500\">\n                {m.name}\n                {(m as { width?: number; height?: number }).width && (\n                  <span className=\"text-slate-400\"> · {(m as { width?: number }).width}×{(m as { height?: number }).height}</span>\n                )}\n              </span>\n              {m.status === \"processing\" ? <Badge tone=\"amber\">verwerken</Badge> : <Badge tone=\"green\">klaar</Badge>}\n            </div>\n            <Input\n              defaultValue={m.alt ?? \"\"}\n              placeholder=\"Alt-tekst\"\n              className=\"mb-2 h-8 text-xs\"\n              onBlur={(e) => void saveAlt(m, e.target.value)}\n            />\n            <div className=\"flex gap-1\">\n              <Button variant=\"ghost\" size=\"sm\" className=\"text-xs\" onClick={() => void navigator.clipboard?.writeText(m.url)}>\n                Kopieer URL\n              </Button>\n              <Button variant=\"ghost\" size=\"sm\" className=\"text-xs\" onClick={() => void remove(m)}>\n                Verwijder\n              </Button>\n            </div>\n          </Card>\n        ))}\n        {items.length === 0 && <p className=\"text-sm text-slate-500\">Nog geen media.</p>}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/admin/media/MediaPicker.js

@@ -3,6 +3,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo, useRef, useState } from "react";
 import { collection, 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";
@@ -20,14 +21,23 @@ function MediaPickerDialog({
   const inputRef = useRef(null);
   useEffect(() => {
     if (!open) return;
+    if (isDemoActive()) {
+      const sync = () => setItems(listDemoMediaAll(siteId));
+      sync();
+      window.addEventListener(DEMO_EVENT, sync);
+      return () => window.removeEventListener(DEMO_EVENT, sync);
+    }
     const db = getDb();
     if (!db) return;
     const qy = query(collection(db, "sites", siteId, "media"), orderBy("createdAt", "desc"));
     return onSnapshot(
       qy,
-      (snap) => setItems(snap.docs.map((d) => ({ id: d.id, ...d.data() })))
+      (snap) => setItems(snap.docs.map((d) => ({ id: d.id, ...d.data() }))),
+      // Zonder onError worden lees-/rules-/App-Check-fouten stil geslikt → de kiezer toont dan
+      // onterecht "Nog geen afbeeldingen". Nu een duidelijke melding.
+      (err) => toast({ title: "Kon mediabibliotheek niet laden", description: err.message, tone: "error" })
     );
-  }, [open, siteId]);
+  }, [open, siteId, toast]);
   const filtered = useMemo(() => {
     const term = q.trim().toLowerCase();
     if (!term) return items;

package/dist/admin/media/MediaPicker.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/admin/media/MediaPicker.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useMemo, useRef, useState } from \"react\";\nimport { collection, onSnapshot, orderBy, query } from \"firebase/firestore\";\nimport { getDb } from \"../../firebase/client\";\nimport type { MediaItem } from \"../../content/types\";\nimport { Button, Input } from \"../ui/primitives\";\nimport { Dialog, DialogContent } from \"../ui/dialog\";\nimport { useToast } from \"../ui/toast\";\nimport { uploadImage } from \"../lib/upload\";\n\nexport interface PickedMedia {\n  url: string;\n  mediaId: string;\n  alt?: string;\n}\n\n/** Gecontroleerde mediabibliotheek-kiezer (open/onOpenChange extern) — zoek + klik om te kiezen, of\n *  upload direct. Gebruikt door de knop hieronder én door de inline beeld-vervangen in de editor. */\nexport function MediaPickerDialog({\n  siteId,\n  open,\n  onOpenChange,\n  onSelect,\n}: {\n  siteId: string;\n  open: boolean;\n  onOpenChange: (v: boolean) => void;\n  onSelect: (m: PickedMedia) => void;\n}) {\n  const { toast } = useToast();\n  const [items, setItems] = useState<MediaItem[]>([]);\n  const [q, setQ] = useState(\"\");\n  const [busy, setBusy] = useState(false);\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  useEffect(() => {\n    if (!open) return;\n    const db = getDb();\n    if (!db) return;\n    const qy = query(collection(db, \"sites\", siteId, \"media\"), orderBy(\"createdAt\", \"desc\"));\n    return onSnapshot(qy, (snap) =>\n      setItems(snap.docs.map((d) => ({ id: d.id, ...(d.data() as Omit<MediaItem, \"id\">) }))),\n    );\n  }, [open, siteId]);\n\n  const filtered = useMemo(() => {\n    const term = q.trim().toLowerCase();\n    if (!term) return items;\n    return items.filter((m) => `${m.name ?? \"\"} ${m.alt ?? \"\"}`.toLowerCase().includes(term));\n  }, [items, q]);\n\n  function pick(m: MediaItem) {\n    onSelect({ url: m.url, mediaId: m.id, alt: m.alt });\n    onOpenChange(false);\n  }\n\n  async function onUpload(files: FileList | null) {\n    const f = files?.[0];\n    if (!f) return;\n    setBusy(true);\n    try {\n      const { url, mediaId } = await uploadImage(siteId, f);\n      onSelect({ url, mediaId, alt: \"\" });\n      onOpenChange(false);\n    } catch (err) {\n      toast({ title: \"Upload mislukt\", description: (err as Error).message, tone: \"error\" });\n    } finally {\n      setBusy(false);\n    }\n  }\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent title=\"Afbeelding kiezen\" className=\"max-w-2xl\">\n        <div className=\"mb-3 flex items-center gap-2\">\n          <Input value={q} onChange={(e) => setQ(e.target.value)} placeholder=\"Zoek in bibliotheek…\" className=\"h-9\" />\n          <Button type=\"button\" disabled={busy} onClick={() => inputRef.current?.click()}>\n            {busy ? \"Uploaden…\" : \"Upload nieuwe\"}\n          </Button>\n          <input ref={inputRef} type=\"file\" accept=\"image/*\" hidden onChange={(e) => { void onUpload(e.target.files); e.target.value = \"\"; }} />\n        </div>\n        <div className=\"max-h-[55vh] overflow-y-auto\">\n          {filtered.length === 0 ? (\n            <p className=\"py-8 text-center text-sm text-slate-500\">\n              {items.length === 0 ? \"Nog geen afbeeldingen — upload er een.\" : \"Geen resultaten.\"}\n            </p>\n          ) : (\n            <div className=\"grid grid-cols-3 gap-2 sm:grid-cols-4\">\n              {filtered.map((m) => (\n                <button\n                  key={m.id}\n                  type=\"button\"\n                  onClick={() => pick(m)}\n                  title={m.alt || m.name}\n                  className=\"group relative overflow-hidden rounded-md border border-slate-200 focus:outline-none focus:ring-2 focus:ring-indigo-500\"\n                >\n                  {/* eslint-disable-next-line @next/next/no-img-element */}\n                  <img src={m.url} alt={m.alt ?? m.name} className=\"aspect-square w-full object-cover transition group-hover:opacity-80\" />\n                </button>\n              ))}\n            </div>\n          )}\n        </div>\n      </DialogContent>\n    </Dialog>\n  );\n}\n\n/**\n * Knop die de mediabibliotheek-kiezer opent: zoek + klik om een bestaande afbeelding te kiezen, of\n * upload er direct een nieuwe in. Vervangt het plakken van losse URL's.\n */\nexport function MediaPickerButton({\n  siteId,\n  onSelect,\n  label = \"Kies / upload\",\n  size = \"sm\",\n  variant = \"secondary\",\n}: {\n  siteId: string;\n  onSelect: (m: PickedMedia) => void;\n  label?: string;\n  size?: \"sm\" | \"md\";\n  variant?: \"primary\" | \"secondary\" | \"ghost\";\n}) {\n  const [open, setOpen] = useState(false);\n  return (\n    <>\n      <Button type=\"button\" variant={variant} size={size} onClick={() => setOpen(true)}>{label}</Button>\n      <MediaPickerDialog siteId={siteId} open={open} onOpenChange={setOpen} onSelect={onSelect} />\n    </>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/admin/media/MediaPicker.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useMemo, useRef, useState } from \"react\";\nimport { collection, onSnapshot, orderBy, query } from \"firebase/firestore\";\nimport { getDb } from \"../../firebase/client\";\nimport { DEMO_EVENT, isDemoActive, listDemoMediaAll } from \"../../demo/demoStore\";\nimport type { MediaItem } from \"../../content/types\";\nimport { Button, Input } from \"../ui/primitives\";\nimport { Dialog, DialogContent } from \"../ui/dialog\";\nimport { useToast } from \"../ui/toast\";\nimport { uploadImage } from \"../lib/upload\";\n\nexport interface PickedMedia {\n  url: string;\n  mediaId: string;\n  alt?: string;\n}\n\n/** Gecontroleerde mediabibliotheek-kiezer (open/onOpenChange extern) — zoek + klik om te kiezen, of\n *  upload direct. Gebruikt door de knop hieronder én door de inline beeld-vervangen in de editor. */\nexport function MediaPickerDialog({\n  siteId,\n  open,\n  onOpenChange,\n  onSelect,\n}: {\n  siteId: string;\n  open: boolean;\n  onOpenChange: (v: boolean) => void;\n  onSelect: (m: PickedMedia) => void;\n}) {\n  const { toast } = useToast();\n  const [items, setItems] = useState<MediaItem[]>([]);\n  const [q, setQ] = useState(\"\");\n  const [busy, setBusy] = useState(false);\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  useEffect(() => {\n    if (!open) return;\n    // Demo-modus: lokale bibliotheek (geseede foto's + eigen \"uploads\") i.p.v. Firestore.\n    if (isDemoActive()) {\n      const sync = () => setItems(listDemoMediaAll(siteId));\n      sync();\n      window.addEventListener(DEMO_EVENT, sync);\n      return () => window.removeEventListener(DEMO_EVENT, sync);\n    }\n    const db = getDb();\n    if (!db) return;\n    const qy = query(collection(db, \"sites\", siteId, \"media\"), orderBy(\"createdAt\", \"desc\"));\n    return onSnapshot(\n      qy,\n      (snap) => setItems(snap.docs.map((d) => ({ id: d.id, ...(d.data() as Omit<MediaItem, \"id\">) }))),\n      // Zonder onError worden lees-/rules-/App-Check-fouten stil geslikt → de kiezer toont dan\n      // onterecht \"Nog geen afbeeldingen\". Nu een duidelijke melding.\n      (err) => toast({ title: \"Kon mediabibliotheek niet laden\", description: err.message, tone: \"error\" }),\n    );\n  }, [open, siteId, toast]);\n\n  const filtered = useMemo(() => {\n    const term = q.trim().toLowerCase();\n    if (!term) return items;\n    return items.filter((m) => `${m.name ?? \"\"} ${m.alt ?? \"\"}`.toLowerCase().includes(term));\n  }, [items, q]);\n\n  function pick(m: MediaItem) {\n    onSelect({ url: m.url, mediaId: m.id, alt: m.alt });\n    onOpenChange(false);\n  }\n\n  async function onUpload(files: FileList | null) {\n    const f = files?.[0];\n    if (!f) return;\n    setBusy(true);\n    try {\n      const { url, mediaId } = await uploadImage(siteId, f);\n      onSelect({ url, mediaId, alt: \"\" });\n      onOpenChange(false);\n    } catch (err) {\n      toast({ title: \"Upload mislukt\", description: (err as Error).message, tone: \"error\" });\n    } finally {\n      setBusy(false);\n    }\n  }\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent title=\"Afbeelding kiezen\" className=\"max-w-2xl\">\n        <div className=\"mb-3 flex items-center gap-2\">\n          <Input value={q} onChange={(e) => setQ(e.target.value)} placeholder=\"Zoek in bibliotheek…\" className=\"h-9\" />\n          <Button type=\"button\" disabled={busy} onClick={() => inputRef.current?.click()}>\n            {busy ? \"Uploaden…\" : \"Upload nieuwe\"}\n          </Button>\n          <input ref={inputRef} type=\"file\" accept=\"image/*\" hidden onChange={(e) => { void onUpload(e.target.files); e.target.value = \"\"; }} />\n        </div>\n        <div className=\"max-h-[55vh] overflow-y-auto\">\n          {filtered.length === 0 ? (\n            <p className=\"py-8 text-center text-sm text-slate-500\">\n              {items.length === 0 ? \"Nog geen afbeeldingen — upload er een.\" : \"Geen resultaten.\"}\n            </p>\n          ) : (\n            <div className=\"grid grid-cols-3 gap-2 sm:grid-cols-4\">\n              {filtered.map((m) => (\n                <button\n                  key={m.id}\n                  type=\"button\"\n                  onClick={() => pick(m)}\n                  title={m.alt || m.name}\n                  className=\"group relative overflow-hidden rounded-md border border-slate-200 focus:outline-none focus:ring-2 focus:ring-indigo-500\"\n                >\n                  {/* eslint-disable-next-line @next/next/no-img-element */}\n                  <img src={m.url} alt={m.alt ?? m.name} className=\"aspect-square w-full object-cover transition group-hover:opacity-80\" />\n                </button>\n              ))}\n            </div>\n          )}\n        </div>\n      </DialogContent>\n    </Dialog>\n  );\n}\n\n/**\n * Knop die de mediabibliotheek-kiezer opent: zoek + klik om een bestaande afbeelding te kiezen, of\n * upload er direct een nieuwe in. Vervangt het plakken van losse URL's.\n */\nexport function MediaPickerButton({\n  siteId,\n  onSelect,\n  label = \"Kies / upload\",\n  size = \"sm\",\n  variant = \"secondary\",\n}: {\n  siteId: string;\n  onSelect: (m: PickedMedia) => void;\n  label?: string;\n  size?: \"sm\" | \"md\";\n  variant?: \"primary\" | \"secondary\" | \"ghost\";\n}) {\n  const [open, setOpen] = useState(false);\n  return (\n    <>\n      <Button type=\"button\" variant={variant} size={size} onClick={() => setOpen(true)}>{label}</Button>\n      <MediaPickerDialog siteId={siteId} open={open} onOpenChange={setOpen} onSelect={onSelect} />\n    </>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/admin/panelRegistry.js

@@ -6,6 +6,7 @@ import { FormsPanel } from "./forms/FormsPanel";
 import { StatsPanel } from "./stats/StatsPanel";
 import { SettingsPanel } from "./settings/SettingsPanel";
 import { NewsEditor } from "./NewsEditor";
+import { CustomBlocksPanel } from "./customBlocks/CustomBlocksPanel";
 function NewsPanel(_) {
   return /* @__PURE__ */ jsx(NewsEditor, {});
 }
@@ -15,6 +16,8 @@ const builtinPanels = [
   { moduleId: "media", label: "Media", order: 30, minRole: "editor", Panel: MediaManager },
   { moduleId: "forms", label: "Formulieren", order: 40, minRole: "editor", Panel: FormsPanel },
   { moduleId: "stats", label: "Statistieken", order: 50, minRole: "editor", Panel: StatsPanel },
+  // Bouwstenen (5.0): custom blocks zonder deploy — hangt aan de altijd-actieve content-module.
+  { moduleId: "content", label: "Bouwstenen", order: 60, minRole: "siteadmin", Panel: CustomBlocksPanel },
   { moduleId: "settings", label: "Instellingen", order: 100, minRole: "siteadmin", Panel: SettingsPanel }
 ];
 export {

package/dist/admin/panelRegistry.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/admin/panelRegistry.tsx"],"sourcesContent":["\"use client\";\n\n/**\n * Paneel-registry — koppelt een beheer-paneel aan een module-id. `AdminApp` rendert de tabs\n * hieruit (gesorteerd op `order`, gated op rol én actieve-module-set) i.p.v. hardgecodeerd. Een\n * nieuwe module met een eigen paneel hoeft `AdminApp` dus niet meer aan te raken.\n */\nimport type { ComponentType } from \"react\";\nimport { PagesPanel } from \"./pages/PagesPanel\";\nimport { MediaManager } from \"./media/MediaManager\";\nimport { FormsPanel } from \"./forms/FormsPanel\";\nimport { StatsPanel } from \"./stats/StatsPanel\";\nimport { SettingsPanel } from \"./settings/SettingsPanel\";\nimport { NewsEditor } from \"./NewsEditor\";\n\nexport type PanelMinRole = \"editor\" | \"siteadmin\";\n\nexport interface PanelDefinition {\n  /** Moet overeenkomen met de module-`id`; bepaalt of het paneel actief is. */\n  moduleId: string;\n  label: string;\n  /** Sorteervolgorde (laag = links). Instellingen staat vast achteraan (100). */\n  order: number;\n  minRole: PanelMinRole;\n  Panel: ComponentType<{ siteId: string }>;\n}\n\n/** Adapter: de NewsEditor leest zelf siteId via context; wrap voor een uniforme prop-signatuur. */\nfunction NewsPanel(_: { siteId: string }) {\n  return <NewsEditor />;\n}\n\n/** De panelen van de ingebouwde modules. */\nexport const builtinPanels: PanelDefinition[] = [\n  { moduleId: \"pages\", label: \"Pagina's\", order: 10, minRole: \"editor\", Panel: PagesPanel },\n  { moduleId: \"news\", label: \"Nieuws\", order: 20, minRole: \"editor\", Panel: NewsPanel },\n  { moduleId: \"media\", label: \"Media\", order: 30, minRole: \"editor\", Panel: MediaManager },\n  { moduleId: \"forms\", label: \"Formulieren\", order: 40, minRole: \"editor\", Panel: FormsPanel },\n  { moduleId: \"stats\", label: \"Statistieken\", order: 50, minRole: \"editor\", Panel: StatsPanel },\n  { moduleId: \"settings\", label: \"Instellingen\", order: 100, minRole: \"siteadmin\", Panel: SettingsPanel },\n];\n"],"mappings":";AA6BS;AArBT,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,qBAAqB;AAC9B,SAAS,kBAAkB;AAe3B,SAAS,UAAU,GAAuB;AACxC,SAAO,oBAAC,cAAW;AACrB;AAGO,MAAM,gBAAmC;AAAA,EAC9C,EAAE,UAAU,SAAS,OAAO,YAAY,OAAO,IAAI,SAAS,UAAU,OAAO,WAAW;AAAA,EACxF,EAAE,UAAU,QAAQ,OAAO,UAAU,OAAO,IAAI,SAAS,UAAU,OAAO,UAAU;AAAA,EACpF,EAAE,UAAU,SAAS,OAAO,SAAS,OAAO,IAAI,SAAS,UAAU,OAAO,aAAa;AAAA,EACvF,EAAE,UAAU,SAAS,OAAO,eAAe,OAAO,IAAI,SAAS,UAAU,OAAO,WAAW;AAAA,EAC3F,EAAE,UAAU,SAAS,OAAO,gBAAgB,OAAO,IAAI,SAAS,UAAU,OAAO,WAAW;AAAA,EAC5F,EAAE,UAAU,YAAY,OAAO,gBAAgB,OAAO,KAAK,SAAS,aAAa,OAAO,cAAc;AACxG;","names":[]}
+{"version":3,"sources":["../../src/admin/panelRegistry.tsx"],"sourcesContent":["\"use client\";\n\n/**\n * Paneel-registry — koppelt een beheer-paneel aan een module-id. `AdminApp` rendert de tabs\n * hieruit (gesorteerd op `order`, gated op rol én actieve-module-set) i.p.v. hardgecodeerd. Een\n * nieuwe module met een eigen paneel hoeft `AdminApp` dus niet meer aan te raken.\n */\nimport type { ComponentType } from \"react\";\nimport { PagesPanel } from \"./pages/PagesPanel\";\nimport { MediaManager } from \"./media/MediaManager\";\nimport { FormsPanel } from \"./forms/FormsPanel\";\nimport { StatsPanel } from \"./stats/StatsPanel\";\nimport { SettingsPanel } from \"./settings/SettingsPanel\";\nimport { NewsEditor } from \"./NewsEditor\";\nimport { CustomBlocksPanel } from \"./customBlocks/CustomBlocksPanel\";\n\nexport type PanelMinRole = \"editor\" | \"siteadmin\";\n\nexport interface PanelDefinition {\n  /** Moet overeenkomen met de module-`id`; bepaalt of het paneel actief is. */\n  moduleId: string;\n  label: string;\n  /** Sorteervolgorde (laag = links). Instellingen staat vast achteraan (100). */\n  order: number;\n  minRole: PanelMinRole;\n  Panel: ComponentType<{ siteId: string }>;\n}\n\n/** Adapter: de NewsEditor leest zelf siteId via context; wrap voor een uniforme prop-signatuur. */\nfunction NewsPanel(_: { siteId: string }) {\n  return <NewsEditor />;\n}\n\n/** De panelen van de ingebouwde modules. */\nexport const builtinPanels: PanelDefinition[] = [\n  { moduleId: \"pages\", label: \"Pagina's\", order: 10, minRole: \"editor\", Panel: PagesPanel },\n  { moduleId: \"news\", label: \"Nieuws\", order: 20, minRole: \"editor\", Panel: NewsPanel },\n  { moduleId: \"media\", label: \"Media\", order: 30, minRole: \"editor\", Panel: MediaManager },\n  { moduleId: \"forms\", label: \"Formulieren\", order: 40, minRole: \"editor\", Panel: FormsPanel },\n  { moduleId: \"stats\", label: \"Statistieken\", order: 50, minRole: \"editor\", Panel: StatsPanel },\n  // Bouwstenen (5.0): custom blocks zonder deploy — hangt aan de altijd-actieve content-module.\n  { moduleId: \"content\", label: \"Bouwstenen\", order: 60, minRole: \"siteadmin\", Panel: CustomBlocksPanel },\n  { moduleId: \"settings\", label: \"Instellingen\", order: 100, minRole: \"siteadmin\", Panel: SettingsPanel },\n];\n"],"mappings":";AA8BS;AAtBT,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,qBAAqB;AAC9B,SAAS,kBAAkB;AAC3B,SAAS,yBAAyB;AAelC,SAAS,UAAU,GAAuB;AACxC,SAAO,oBAAC,cAAW;AACrB;AAGO,MAAM,gBAAmC;AAAA,EAC9C,EAAE,UAAU,SAAS,OAAO,YAAY,OAAO,IAAI,SAAS,UAAU,OAAO,WAAW;AAAA,EACxF,EAAE,UAAU,QAAQ,OAAO,UAAU,OAAO,IAAI,SAAS,UAAU,OAAO,UAAU;AAAA,EACpF,EAAE,UAAU,SAAS,OAAO,SAAS,OAAO,IAAI,SAAS,UAAU,OAAO,aAAa;AAAA,EACvF,EAAE,UAAU,SAAS,OAAO,eAAe,OAAO,IAAI,SAAS,UAAU,OAAO,WAAW;AAAA,EAC3F,EAAE,UAAU,SAAS,OAAO,gBAAgB,OAAO,IAAI,SAAS,UAAU,OAAO,WAAW;AAAA;AAAA,EAE5F,EAAE,UAAU,WAAW,OAAO,cAAc,OAAO,IAAI,SAAS,aAAa,OAAO,kBAAkB;AAAA,EACtG,EAAE,UAAU,YAAY,OAAO,gBAAgB,OAAO,KAAK,SAAS,aAAa,OAAO,cAAc;AACxG;","names":[]}

package/dist/admin/settings/SettingsPanel.js

@@ -15,6 +15,7 @@ import { ArrayEditor } from "../ui/ArrayEditor";
 import { useToast } from "../ui/toast";
 import { useConfirm } from "../ui/ConfirmDialog";
 import { ModuleSettingsForm } from "./moduleSettingsForm";
+import { SnapshotsCard } from "./SnapshotsCard";
 function SettingsPanel({ siteId }) {
   const { toast } = useToast();
   const confirm = useConfirm();
@@ -80,7 +81,10 @@ function SettingsPanel({ siteId }) {
     if (!ok) return;
     setRestoring(true);
     try {
-      await downloadBackup(true);
+      if (!await downloadBackup(true)) {
+        toast({ title: "Terugzetten afgebroken", description: "De veiligheidsback-up van de huidige stand mislukte; er is niets overschreven.", tone: "error" });
+        return;
+      }
       const app = getFirebaseApp();
       if (!app) throw new Error("Firebase niet geconfigureerd.");
       const fn = httpsCallable(getFunctions(app, functionsRegion()), "restoreSite");
@@ -295,6 +299,7 @@ function SettingsPanel({ siteId }) {
       ] }),
       /* @__PURE__ */ jsx("p", { className: "mt-2 text-xs text-slate-400", children: "Terugzetten vervangt de huidige content door de back-up. We maken automatisch eerst een back-up van de huidige stand, zodat je nooit iets kwijtraakt." })
     ] }),
+    /* @__PURE__ */ jsx(SnapshotsCard, { siteId }),
     /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx(Button, { onClick: save, children: "Instellingen opslaan" }) })
   ] });
 }

package/dist/admin/settings/SettingsPanel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/admin/settings/SettingsPanel.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef, useState } from \"react\";\nimport { doc, onSnapshot, writeBatch } from \"firebase/firestore\";\nimport { getFunctions, httpsCallable } from \"firebase/functions\";\nimport { getDb, getFirebaseApp } from \"../../firebase/client\";\nimport { functionsRegion } from \"../../firebase/region\";\nimport { SiteSettingsSchema, toPublicSettings, type SiteSettings } from \"../../schema/settings\";\nimport { useModules } from \"../../modules/context\";\nimport type { ModulesSiteConfig } from \"../../modules/types\";\nimport { builtinThemePresets } from \"../../theme/presets\";\nimport { Button, Card, Field, Input } from \"../ui/primitives\";\nimport { Select } from \"../ui/select\";\nimport { Switch } from \"../ui/switch\";\nimport { ArrayEditor } from \"../ui/ArrayEditor\";\nimport { useToast } from \"../ui/toast\";\nimport { useConfirm } from \"../ui/ConfirmDialog\";\nimport { ModuleSettingsForm } from \"./moduleSettingsForm\";\n\nexport function SettingsPanel({ siteId }: { siteId: string }) {\n  const { toast } = useToast();\n  const confirm = useConfirm();\n  const { defs } = useModules();\n  const [s, setS] = useState<SiteSettings>({});\n  const [loaded, setLoaded] = useState(false);\n  const [exporting, setExporting] = useState(false);\n  const [restoring, setRestoring] = useState(false);\n  const restoreInput = useRef<HTMLInputElement>(null);\n\n  async function downloadBackup(silent = false): Promise<boolean> {\n    const app = getFirebaseApp();\n    if (!app) return false;\n    setExporting(true);\n    try {\n      const fn = httpsCallable<{ siteId: string }, Record<string, unknown>>(\n        getFunctions(app, functionsRegion()),\n        \"exportSite\",\n      );\n      const res = await fn({ siteId });\n      const blob = new Blob([JSON.stringify(res.data, null, 2)], { type: \"application/json\" });\n      const url = URL.createObjectURL(blob);\n      const a = document.createElement(\"a\");\n      a.href = url;\n      a.download = `xicms-backup-${siteId}-${new Date().toISOString().slice(0, 10)}.json`;\n      a.click();\n      URL.revokeObjectURL(url);\n      if (!silent) toast({ title: \"Back-up gedownload\", tone: \"success\" });\n      return true;\n    } catch (e) {\n      toast({ title: \"Back-up mislukt\", description: (e as Error).message, tone: \"error\" });\n      return false;\n    } finally {\n      setExporting(false);\n    }\n  }\n\n  async function restoreFromFile(file: File) {\n    let backup: Record<string, unknown>;\n    try {\n      backup = JSON.parse(await file.text()) as Record<string, unknown>;\n    } catch {\n      toast({ title: \"Ongeldig bestand\", description: \"Dit is geen geldig back-upbestand.\", tone: \"error\" });\n      return;\n    }\n    if (backup._format !== \"xicms-export\") {\n      toast({ title: \"Ongeldig bestand\", description: \"Dit lijkt geen XiCMS-back-up.\", tone: \"error\" });\n      return;\n    }\n    if (backup.siteId && backup.siteId !== siteId) {\n      const ok = await confirm({\n        title: \"Back-up van een andere site\",\n        description: `Deze back-up is van “${String(backup.siteId)}”, niet van deze site (${siteId}). Toch terugzetten?`,\n        confirmLabel: \"Toch terugzetten\",\n        tone: \"danger\",\n      });\n      if (!ok) return;\n    }\n    const ok = await confirm({\n      title: \"Back-up terugzetten?\",\n      description: `Dit VERVANGT alle huidige pagina's, nieuws, media en instellingen door de inhoud van de back-up${backup.exportedAt ? ` van ${new Date(String(backup.exportedAt)).toLocaleString(\"nl-NL\")}` : \"\"}. We maken eerst automatisch een back-up van de huidige stand.`,\n      confirmLabel: \"Terugzetten\",\n      tone: \"danger\",\n    });\n    if (!ok) return;\n    setRestoring(true);\n    try {\n      // Veiligheid: eerst de huidige stand wegschrijven (als download) vóór we overschrijven.\n      await downloadBackup(true);\n      const app = getFirebaseApp();\n      if (!app) throw new Error(\"Firebase niet geconfigureerd.\");\n      const fn = httpsCallable(getFunctions(app, functionsRegion()), \"restoreSite\");\n      await fn({ siteId, backup });\n      toast({ title: \"Back-up teruggezet\", description: \"Herlaad de pagina om alles bij te werken.\", tone: \"success\" });\n    } catch (e) {\n      toast({ title: \"Terugzetten mislukt\", description: (e as Error).message, tone: \"error\" });\n    } finally {\n      setRestoring(false);\n    }\n  }\n\n  useEffect(() => {\n    const db = getDb();\n    if (!db) {\n      setLoaded(true);\n      return;\n    }\n    return onSnapshot(doc(db, \"sites\", siteId, \"settings\", \"site\"), (snap) => {\n      if (snap.exists()) setS(snap.data() as SiteSettings);\n      setLoaded(true);\n    });\n  }, [siteId]);\n\n  async function save() {\n    const db = getDb();\n    if (!db) return;\n    const parsed = SiteSettingsSchema.safeParse(s);\n    if (!parsed.success) {\n      toast({ title: \"Ongeldige instellingen\", description: parsed.error.issues[0]?.message, tone: \"error\" });\n      return;\n    }\n    // Volledige (rol-only) settings + de publiek-veilige subset die de live site leest —\n    // atomair in één batch, zodat `site` en `public` nooit uit sync kunnen raken.\n    try {\n      const batch = writeBatch(db);\n      batch.set(doc(db, \"sites\", siteId, \"settings\", \"site\"), parsed.data, { merge: true });\n      batch.set(doc(db, \"sites\", siteId, \"settings\", \"public\"), toPublicSettings(parsed.data), { merge: true });\n      await batch.commit();\n      toast({ title: \"Opgeslagen\", description: \"Wijzigingen zijn direct live.\", tone: \"success\" });\n    } catch (e) {\n      toast({ title: \"Opslaan mislukt\", description: (e as Error).message, tone: \"error\" });\n    }\n  }\n\n  if (!loaded) return <p className=\"text-sm text-slate-500\">Laden…</p>;\n\n  const forms = s.forms ?? { mode: \"xicms\" as const };\n  const theme = s.theme ?? { primary: \"#4f46e5\" };\n  const footer = s.footer ?? {};\n\n  // Hulpfuncties voor de module-instellingen.\n  const moduleState = (id: string, defaultEnabled: boolean) => {\n    const raw = (s.modules as ModulesSiteConfig | undefined)?.[id];\n    if (typeof raw === \"boolean\") return { enabled: raw, config: {} as Record<string, unknown> };\n    return { enabled: raw?.enabled ?? defaultEnabled, config: raw?.config ?? {} };\n  };\n  const setModule = (id: string, next: { enabled: boolean; config: Record<string, unknown> }) =>\n    setS({ ...s, modules: { ...(s.modules as ModulesSiteConfig | undefined), [id]: next } });\n\n  return (\n    <div className=\"grid gap-4\">\n      <Card>\n        <h3 className=\"mb-3 text-base font-semibold\">Algemeen</h3>\n        <div className=\"grid gap-3 md:grid-cols-2\">\n          <Field label=\"Sitenaam\"><Input value={s.name ?? \"\"} onChange={(e) => setS({ ...s, name: e.target.value })} /></Field>\n          <Field label=\"Domein\"><Input value={s.domain ?? \"\"} onChange={(e) => setS({ ...s, domain: e.target.value })} /></Field>\n          <Field label=\"Contact-e-mail\"><Input value={s.contactEmail ?? \"\"} onChange={(e) => setS({ ...s, contactEmail: e.target.value })} /></Field>\n        </div>\n      </Card>\n\n      <Card>\n        <h3 className=\"mb-3 text-base font-semibold\">Huisstijl</h3>\n        <div className=\"grid gap-3\">\n          <Field label=\"Thema-preset\" hint=\"Vult kleuren, lettertype en afronding in één keer in.\">\n            <Select\n              value=\"\"\n              placeholder=\"Kies een preset…\"\n              onValueChange={(id) => {\n                const preset = builtinThemePresets.find((p) => p.id === id);\n                if (preset) setS({ ...s, theme: { ...theme, ...preset.theme } });\n              }}\n              options={builtinThemePresets.map((p) => ({ value: p.id, label: p.label }))}\n            />\n          </Field>\n          <div className=\"grid gap-3 md:grid-cols-2\">\n            <Field label=\"Primaire kleur\"><Input value={theme.primary} onChange={(e) => setS({ ...s, theme: { ...theme, primary: e.target.value } })} /></Field>\n            <Field label=\"Accentkleur\"><Input value={theme.accent ?? \"\"} onChange={(e) => setS({ ...s, theme: { ...theme, accent: e.target.value } })} /></Field>\n            <Field label=\"Achtergrondkleur\"><Input value={theme.background ?? \"\"} onChange={(e) => setS({ ...s, theme: { ...theme, background: e.target.value } })} placeholder=\"#ffffff\" /></Field>\n            <Field label=\"Tekstkleur\"><Input value={theme.foreground ?? \"\"} onChange={(e) => setS({ ...s, theme: { ...theme, foreground: e.target.value } })} placeholder=\"#0f172a\" /></Field>\n          </div>\n        </div>\n      </Card>\n\n      <Card>\n        <h3 className=\"mb-3 text-base font-semibold\">SEO (standaard)</h3>\n        <div className=\"grid gap-3\">\n          <Field label=\"Standaard-omschrijving\">\n            <Input value={s.seoDefaults?.description ?? \"\"} onChange={(e) => setS({ ...s, seoDefaults: { ...s.seoDefaults, description: e.target.value } })} />\n          </Field>\n          <Field label=\"OG-afbeelding (URL)\">\n            <Input value={s.seoDefaults?.ogImage ?? \"\"} onChange={(e) => setS({ ...s, seoDefaults: { ...s.seoDefaults, ogImage: e.target.value } })} />\n          </Field>\n        </div>\n      </Card>\n\n      <Card>\n        <h3 className=\"mb-1 text-base font-semibold\">Footer</h3>\n        <p className=\"mb-3 text-xs text-slate-500\">Kolommen met links, social-links en copyright. Wijzigingen zijn direct live.</p>\n        <div className=\"grid gap-4\">\n          <div>\n            <span className=\"text-sm font-medium\">Kolommen</span>\n            <ArrayEditor\n              items={footer.columns ?? []}\n              onChange={(columns) => setS({ ...s, footer: { ...footer, columns } })}\n              newItem={() => ({ heading: \"\", links: [] })}\n              addLabel=\"+ Kolom\"\n              emptyLabel=\"Nog geen kolommen.\"\n              renderRow={(col, update) => (\n                <div className=\"grid gap-2\">\n                  <Field label=\"Kop\"><Input value={col.heading ?? \"\"} onChange={(e) => update({ heading: e.target.value })} /></Field>\n                  <ArrayEditor\n                    items={col.links ?? []}\n                    onChange={(links) => update({ links })}\n                    newItem={() => ({ label: \"\", href: \"\" })}\n                    addLabel=\"+ Link\"\n                    renderRow={(link, updL) => (\n                      <div className=\"grid grid-cols-2 gap-2\">\n                        <Input value={link.label} placeholder=\"Label\" onChange={(e) => updL({ label: e.target.value })} />\n                        <Input value={link.href} placeholder=\"/pad of https://…\" onChange={(e) => updL({ href: e.target.value })} />\n                      </div>\n                    )}\n                  />\n                </div>\n              )}\n            />\n          </div>\n          <div>\n            <span className=\"text-sm font-medium\">Social-links</span>\n            <ArrayEditor\n              items={footer.social ?? []}\n              onChange={(social) => setS({ ...s, footer: { ...footer, social } })}\n              newItem={() => ({ platform: \"\", href: \"\" })}\n              addLabel=\"+ Social-link\"\n              renderRow={(link, update) => (\n                <div className=\"grid grid-cols-2 gap-2\">\n                  <Input value={link.platform} placeholder=\"bv. Instagram\" onChange={(e) => update({ platform: e.target.value })} />\n                  <Input value={link.href} placeholder=\"https://…\" onChange={(e) => update({ href: e.target.value })} />\n                </div>\n              )}\n            />\n          </div>\n          <div className=\"grid gap-3 md:grid-cols-2\">\n            <Field label=\"Copyright (leeg = automatisch)\">\n              <Input value={footer.copyright ?? \"\"} onChange={(e) => setS({ ...s, footer: { ...footer, copyright: e.target.value } })} />\n            </Field>\n            <label className=\"flex items-center gap-2 self-end text-sm\">\n              <Switch checked={footer.showAdminLink !== false} onCheckedChange={(v) => setS({ ...s, footer: { ...footer, showAdminLink: v } })} />\n              “Beheer”-link tonen\n            </label>\n          </div>\n        </div>\n      </Card>\n\n      <Card>\n        <h3 className=\"mb-1 text-base font-semibold\">Modules</h3>\n        <p className=\"mb-3 text-xs text-slate-500\">Zet functies aan/uit en stel ze in. Uitgezette modules verbergen hun blokken en beheer-paneel.</p>\n        <div className=\"grid gap-3\">\n          {defs\n            .filter((d) => !d.core)\n            .map((d) => {\n              const st = moduleState(d.id, d.defaultEnabled ?? true);\n              return (\n                <div key={d.id} className=\"rounded-lg border border-slate-200 p-3\">\n                  <label className=\"flex items-center justify-between gap-2\">\n                    <span>\n                      <strong className=\"text-sm\">{d.label}</strong>\n                      {d.description && <span className=\"block text-xs text-slate-500\">{d.description}</span>}\n                    </span>\n                    <Switch checked={st.enabled} onCheckedChange={(v) => setModule(d.id, { enabled: v, config: st.config })} />\n                  </label>\n                  {st.enabled && d.settingsSchema && (\n                    <div className=\"mt-3\">\n                      <ModuleSettingsForm\n                        schema={d.settingsSchema}\n                        value={st.config}\n                        onChange={(config) => setModule(d.id, { enabled: st.enabled, config })}\n                      />\n                    </div>\n                  )}\n                </div>\n              );\n            })}\n        </div>\n      </Card>\n\n      <Card>\n        <h3 className=\"mb-1 text-base font-semibold\">Formulier-e-mail</h3>\n        <p className=\"mb-3 text-xs text-slate-500\">\n          Een provider verstuurt alleen vanaf een geverifieerd domein. Kies de XiCMS-afzender\n          (werkt direct) of het eigen domein van de klant (vereist domeinverificatie).\n        </p>\n        <div className=\"grid gap-3 md:grid-cols-2\">\n          <Field label=\"Afzender-modus\">\n            <Select\n              value={forms.mode}\n              onValueChange={(v) => setS({ ...s, forms: { ...forms, mode: v as \"xicms\" | \"client\" } })}\n              options={[\n                { value: \"xicms\", label: \"XiCMS-domein (aanbevolen)\" },\n                { value: \"client\", label: \"Eigen domein van de klant\" },\n              ]}\n            />\n          </Field>\n          <Field label=\"Van (from) e-mail\" hint=\"Moet een geverifieerd domein zijn.\">\n            <Input value={forms.fromEmail ?? \"\"} onChange={(e) => setS({ ...s, forms: { ...forms, fromEmail: e.target.value } })} />\n          </Field>\n          <Field label=\"Van (naam)\"><Input value={forms.fromName ?? \"\"} onChange={(e) => setS({ ...s, forms: { ...forms, fromName: e.target.value } })} /></Field>\n          <Field label=\"Notificaties naar\" hint=\"Meestal het mailadres van de klant.\">\n            <Input value={forms.notifyTo ?? \"\"} onChange={(e) => setS({ ...s, forms: { ...forms, notifyTo: e.target.value } })} />\n          </Field>\n        </div>\n      </Card>\n\n      <Card>\n        <h3 className=\"mb-1 text-base font-semibold\">Back-up &amp; herstel</h3>\n        <p className=\"mb-3 text-xs text-slate-500\">\n          Sla alle content van deze site (pagina's, nieuws, formulieren, instellingen en je foto-galerij)\n          op in één bestand. Bewaar dat veilig; je kunt het later weer terugzetten. De foto-bestanden\n          zelf blijven in de cloud staan — de back-up bevat de teksten, instellingen en verwijzingen.\n        </p>\n        <div className=\"flex flex-wrap gap-2\">\n          <Button variant=\"secondary\" onClick={() => void downloadBackup()} disabled={exporting || restoring}>\n            {exporting ? \"Bezig…\" : \"Back-up downloaden\"}\n          </Button>\n          <Button variant=\"secondary\" onClick={() => restoreInput.current?.click()} disabled={restoring || exporting}>\n            {restoring ? \"Terugzetten…\" : \"Back-up terugzetten…\"}\n          </Button>\n          <input\n            ref={restoreInput}\n            type=\"file\"\n            accept=\"application/json,.json\"\n            hidden\n            onChange={(e) => {\n              const f = e.target.files?.[0];\n              if (f) void restoreFromFile(f);\n              e.target.value = \"\";\n            }}\n          />\n        </div>\n        <p className=\"mt-2 text-xs text-slate-400\">\n          Terugzetten vervangt de huidige content door de back-up. We maken automatisch eerst een\n          back-up van de huidige stand, zodat je nooit iets kwijtraakt.\n        </p>\n      </Card>\n\n      <div className=\"flex justify-end\">\n        <Button onClick={save}>Instellingen opslaan</Button>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":["ok"]}
+{"version":3,"sources":["../../../src/admin/settings/SettingsPanel.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef, useState } from \"react\";\nimport { doc, onSnapshot, writeBatch } from \"firebase/firestore\";\nimport { getFunctions, httpsCallable } from \"firebase/functions\";\nimport { getDb, getFirebaseApp } from \"../../firebase/client\";\nimport { functionsRegion } from \"../../firebase/region\";\nimport { SiteSettingsSchema, toPublicSettings, type SiteSettings } from \"../../schema/settings\";\nimport { useModules } from \"../../modules/context\";\nimport type { ModulesSiteConfig } from \"../../modules/types\";\nimport { builtinThemePresets } from \"../../theme/presets\";\nimport { Button, Card, Field, Input } from \"../ui/primitives\";\nimport { Select } from \"../ui/select\";\nimport { Switch } from \"../ui/switch\";\nimport { ArrayEditor } from \"../ui/ArrayEditor\";\nimport { useToast } from \"../ui/toast\";\nimport { useConfirm } from \"../ui/ConfirmDialog\";\nimport { ModuleSettingsForm } from \"./moduleSettingsForm\";\nimport { SnapshotsCard } from \"./SnapshotsCard\";\n\nexport function SettingsPanel({ siteId }: { siteId: string }) {\n  const { toast } = useToast();\n  const confirm = useConfirm();\n  const { defs } = useModules();\n  const [s, setS] = useState<SiteSettings>({});\n  const [loaded, setLoaded] = useState(false);\n  const [exporting, setExporting] = useState(false);\n  const [restoring, setRestoring] = useState(false);\n  const restoreInput = useRef<HTMLInputElement>(null);\n\n  async function downloadBackup(silent = false): Promise<boolean> {\n    const app = getFirebaseApp();\n    if (!app) return false;\n    setExporting(true);\n    try {\n      const fn = httpsCallable<{ siteId: string }, Record<string, unknown>>(\n        getFunctions(app, functionsRegion()),\n        \"exportSite\",\n      );\n      const res = await fn({ siteId });\n      const blob = new Blob([JSON.stringify(res.data, null, 2)], { type: \"application/json\" });\n      const url = URL.createObjectURL(blob);\n      const a = document.createElement(\"a\");\n      a.href = url;\n      a.download = `xicms-backup-${siteId}-${new Date().toISOString().slice(0, 10)}.json`;\n      a.click();\n      URL.revokeObjectURL(url);\n      if (!silent) toast({ title: \"Back-up gedownload\", tone: \"success\" });\n      return true;\n    } catch (e) {\n      toast({ title: \"Back-up mislukt\", description: (e as Error).message, tone: \"error\" });\n      return false;\n    } finally {\n      setExporting(false);\n    }\n  }\n\n  async function restoreFromFile(file: File) {\n    let backup: Record<string, unknown>;\n    try {\n      backup = JSON.parse(await file.text()) as Record<string, unknown>;\n    } catch {\n      toast({ title: \"Ongeldig bestand\", description: \"Dit is geen geldig back-upbestand.\", tone: \"error\" });\n      return;\n    }\n    if (backup._format !== \"xicms-export\") {\n      toast({ title: \"Ongeldig bestand\", description: \"Dit lijkt geen XiCMS-back-up.\", tone: \"error\" });\n      return;\n    }\n    if (backup.siteId && backup.siteId !== siteId) {\n      const ok = await confirm({\n        title: \"Back-up van een andere site\",\n        description: `Deze back-up is van “${String(backup.siteId)}”, niet van deze site (${siteId}). Toch terugzetten?`,\n        confirmLabel: \"Toch terugzetten\",\n        tone: \"danger\",\n      });\n      if (!ok) return;\n    }\n    const ok = await confirm({\n      title: \"Back-up terugzetten?\",\n      description: `Dit VERVANGT alle huidige pagina's, nieuws, media en instellingen door de inhoud van de back-up${backup.exportedAt ? ` van ${new Date(String(backup.exportedAt)).toLocaleString(\"nl-NL\")}` : \"\"}. We maken eerst automatisch een back-up van de huidige stand.`,\n      confirmLabel: \"Terugzetten\",\n      tone: \"danger\",\n    });\n    if (!ok) return;\n    setRestoring(true);\n    try {\n      // Veiligheid: eerst de huidige stand wegschrijven (als download) vóór we overschrijven.\n      // Lukt die back-up niet, dan NIET doorgaan met de destructieve restore (anders ben je de\n      // huidige stand kwijt zonder vangnet). De gebruiker kan het daarna opnieuw proberen.\n      if (!(await downloadBackup(true))) {\n        toast({ title: \"Terugzetten afgebroken\", description: \"De veiligheidsback-up van de huidige stand mislukte; er is niets overschreven.\", tone: \"error\" });\n        return;\n      }\n      const app = getFirebaseApp();\n      if (!app) throw new Error(\"Firebase niet geconfigureerd.\");\n      const fn = httpsCallable(getFunctions(app, functionsRegion()), \"restoreSite\");\n      await fn({ siteId, backup });\n      toast({ title: \"Back-up teruggezet\", description: \"Herlaad de pagina om alles bij te werken.\", tone: \"success\" });\n    } catch (e) {\n      toast({ title: \"Terugzetten mislukt\", description: (e as Error).message, tone: \"error\" });\n    } finally {\n      setRestoring(false);\n    }\n  }\n\n  useEffect(() => {\n    const db = getDb();\n    if (!db) {\n      setLoaded(true);\n      return;\n    }\n    return onSnapshot(doc(db, \"sites\", siteId, \"settings\", \"site\"), (snap) => {\n      if (snap.exists()) setS(snap.data() as SiteSettings);\n      setLoaded(true);\n    });\n  }, [siteId]);\n\n  async function save() {\n    const db = getDb();\n    if (!db) return;\n    const parsed = SiteSettingsSchema.safeParse(s);\n    if (!parsed.success) {\n      toast({ title: \"Ongeldige instellingen\", description: parsed.error.issues[0]?.message, tone: \"error\" });\n      return;\n    }\n    // Volledige (rol-only) settings + de publiek-veilige subset die de live site leest —\n    // atomair in één batch, zodat `site` en `public` nooit uit sync kunnen raken.\n    try {\n      const batch = writeBatch(db);\n      batch.set(doc(db, \"sites\", siteId, \"settings\", \"site\"), parsed.data, { merge: true });\n      batch.set(doc(db, \"sites\", siteId, \"settings\", \"public\"), toPublicSettings(parsed.data), { merge: true });\n      await batch.commit();\n      toast({ title: \"Opgeslagen\", description: \"Wijzigingen zijn direct live.\", tone: \"success\" });\n    } catch (e) {\n      toast({ title: \"Opslaan mislukt\", description: (e as Error).message, tone: \"error\" });\n    }\n  }\n\n  if (!loaded) return <p className=\"text-sm text-slate-500\">Laden…</p>;\n\n  const forms = s.forms ?? { mode: \"xicms\" as const };\n  const theme = s.theme ?? { primary: \"#4f46e5\" };\n  const footer = s.footer ?? {};\n\n  // Hulpfuncties voor de module-instellingen.\n  const moduleState = (id: string, defaultEnabled: boolean) => {\n    const raw = (s.modules as ModulesSiteConfig | undefined)?.[id];\n    if (typeof raw === \"boolean\") return { enabled: raw, config: {} as Record<string, unknown> };\n    return { enabled: raw?.enabled ?? defaultEnabled, config: raw?.config ?? {} };\n  };\n  const setModule = (id: string, next: { enabled: boolean; config: Record<string, unknown> }) =>\n    setS({ ...s, modules: { ...(s.modules as ModulesSiteConfig | undefined), [id]: next } });\n\n  return (\n    <div className=\"grid gap-4\">\n      <Card>\n        <h3 className=\"mb-3 text-base font-semibold\">Algemeen</h3>\n        <div className=\"grid gap-3 md:grid-cols-2\">\n          <Field label=\"Sitenaam\"><Input value={s.name ?? \"\"} onChange={(e) => setS({ ...s, name: e.target.value })} /></Field>\n          <Field label=\"Domein\"><Input value={s.domain ?? \"\"} onChange={(e) => setS({ ...s, domain: e.target.value })} /></Field>\n          <Field label=\"Contact-e-mail\"><Input value={s.contactEmail ?? \"\"} onChange={(e) => setS({ ...s, contactEmail: e.target.value })} /></Field>\n        </div>\n      </Card>\n\n      <Card>\n        <h3 className=\"mb-3 text-base font-semibold\">Huisstijl</h3>\n        <div className=\"grid gap-3\">\n          <Field label=\"Thema-preset\" hint=\"Vult kleuren, lettertype en afronding in één keer in.\">\n            <Select\n              value=\"\"\n              placeholder=\"Kies een preset…\"\n              onValueChange={(id) => {\n                const preset = builtinThemePresets.find((p) => p.id === id);\n                if (preset) setS({ ...s, theme: { ...theme, ...preset.theme } });\n              }}\n              options={builtinThemePresets.map((p) => ({ value: p.id, label: p.label }))}\n            />\n          </Field>\n          <div className=\"grid gap-3 md:grid-cols-2\">\n            <Field label=\"Primaire kleur\"><Input value={theme.primary} onChange={(e) => setS({ ...s, theme: { ...theme, primary: e.target.value } })} /></Field>\n            <Field label=\"Accentkleur\"><Input value={theme.accent ?? \"\"} onChange={(e) => setS({ ...s, theme: { ...theme, accent: e.target.value } })} /></Field>\n            <Field label=\"Achtergrondkleur\"><Input value={theme.background ?? \"\"} onChange={(e) => setS({ ...s, theme: { ...theme, background: e.target.value } })} placeholder=\"#ffffff\" /></Field>\n            <Field label=\"Tekstkleur\"><Input value={theme.foreground ?? \"\"} onChange={(e) => setS({ ...s, theme: { ...theme, foreground: e.target.value } })} placeholder=\"#0f172a\" /></Field>\n          </div>\n        </div>\n      </Card>\n\n      <Card>\n        <h3 className=\"mb-3 text-base font-semibold\">SEO (standaard)</h3>\n        <div className=\"grid gap-3\">\n          <Field label=\"Standaard-omschrijving\">\n            <Input value={s.seoDefaults?.description ?? \"\"} onChange={(e) => setS({ ...s, seoDefaults: { ...s.seoDefaults, description: e.target.value } })} />\n          </Field>\n          <Field label=\"OG-afbeelding (URL)\">\n            <Input value={s.seoDefaults?.ogImage ?? \"\"} onChange={(e) => setS({ ...s, seoDefaults: { ...s.seoDefaults, ogImage: e.target.value } })} />\n          </Field>\n        </div>\n      </Card>\n\n      <Card>\n        <h3 className=\"mb-1 text-base font-semibold\">Footer</h3>\n        <p className=\"mb-3 text-xs text-slate-500\">Kolommen met links, social-links en copyright. Wijzigingen zijn direct live.</p>\n        <div className=\"grid gap-4\">\n          <div>\n            <span className=\"text-sm font-medium\">Kolommen</span>\n            <ArrayEditor\n              items={footer.columns ?? []}\n              onChange={(columns) => setS({ ...s, footer: { ...footer, columns } })}\n              newItem={() => ({ heading: \"\", links: [] })}\n              addLabel=\"+ Kolom\"\n              emptyLabel=\"Nog geen kolommen.\"\n              renderRow={(col, update) => (\n                <div className=\"grid gap-2\">\n                  <Field label=\"Kop\"><Input value={col.heading ?? \"\"} onChange={(e) => update({ heading: e.target.value })} /></Field>\n                  <ArrayEditor\n                    items={col.links ?? []}\n                    onChange={(links) => update({ links })}\n                    newItem={() => ({ label: \"\", href: \"\" })}\n                    addLabel=\"+ Link\"\n                    renderRow={(link, updL) => (\n                      <div className=\"grid grid-cols-2 gap-2\">\n                        <Input value={link.label} placeholder=\"Label\" onChange={(e) => updL({ label: e.target.value })} />\n                        <Input value={link.href} placeholder=\"/pad of https://…\" onChange={(e) => updL({ href: e.target.value })} />\n                      </div>\n                    )}\n                  />\n                </div>\n              )}\n            />\n          </div>\n          <div>\n            <span className=\"text-sm font-medium\">Social-links</span>\n            <ArrayEditor\n              items={footer.social ?? []}\n              onChange={(social) => setS({ ...s, footer: { ...footer, social } })}\n              newItem={() => ({ platform: \"\", href: \"\" })}\n              addLabel=\"+ Social-link\"\n              renderRow={(link, update) => (\n                <div className=\"grid grid-cols-2 gap-2\">\n                  <Input value={link.platform} placeholder=\"bv. Instagram\" onChange={(e) => update({ platform: e.target.value })} />\n                  <Input value={link.href} placeholder=\"https://…\" onChange={(e) => update({ href: e.target.value })} />\n                </div>\n              )}\n            />\n          </div>\n          <div className=\"grid gap-3 md:grid-cols-2\">\n            <Field label=\"Copyright (leeg = automatisch)\">\n              <Input value={footer.copyright ?? \"\"} onChange={(e) => setS({ ...s, footer: { ...footer, copyright: e.target.value } })} />\n            </Field>\n            <label className=\"flex items-center gap-2 self-end text-sm\">\n              <Switch checked={footer.showAdminLink !== false} onCheckedChange={(v) => setS({ ...s, footer: { ...footer, showAdminLink: v } })} />\n              “Beheer”-link tonen\n            </label>\n          </div>\n        </div>\n      </Card>\n\n      <Card>\n        <h3 className=\"mb-1 text-base font-semibold\">Modules</h3>\n        <p className=\"mb-3 text-xs text-slate-500\">Zet functies aan/uit en stel ze in. Uitgezette modules verbergen hun blokken en beheer-paneel.</p>\n        <div className=\"grid gap-3\">\n          {defs\n            .filter((d) => !d.core)\n            .map((d) => {\n              const st = moduleState(d.id, d.defaultEnabled ?? true);\n              return (\n                <div key={d.id} className=\"rounded-lg border border-slate-200 p-3\">\n                  <label className=\"flex items-center justify-between gap-2\">\n                    <span>\n                      <strong className=\"text-sm\">{d.label}</strong>\n                      {d.description && <span className=\"block text-xs text-slate-500\">{d.description}</span>}\n                    </span>\n                    <Switch checked={st.enabled} onCheckedChange={(v) => setModule(d.id, { enabled: v, config: st.config })} />\n                  </label>\n                  {st.enabled && d.settingsSchema && (\n                    <div className=\"mt-3\">\n                      <ModuleSettingsForm\n                        schema={d.settingsSchema}\n                        value={st.config}\n                        onChange={(config) => setModule(d.id, { enabled: st.enabled, config })}\n                      />\n                    </div>\n                  )}\n                </div>\n              );\n            })}\n        </div>\n      </Card>\n\n      <Card>\n        <h3 className=\"mb-1 text-base font-semibold\">Formulier-e-mail</h3>\n        <p className=\"mb-3 text-xs text-slate-500\">\n          Een provider verstuurt alleen vanaf een geverifieerd domein. Kies de XiCMS-afzender\n          (werkt direct) of het eigen domein van de klant (vereist domeinverificatie).\n        </p>\n        <div className=\"grid gap-3 md:grid-cols-2\">\n          <Field label=\"Afzender-modus\">\n            <Select\n              value={forms.mode}\n              onValueChange={(v) => setS({ ...s, forms: { ...forms, mode: v as \"xicms\" | \"client\" } })}\n              options={[\n                { value: \"xicms\", label: \"XiCMS-domein (aanbevolen)\" },\n                { value: \"client\", label: \"Eigen domein van de klant\" },\n              ]}\n            />\n          </Field>\n          <Field label=\"Van (from) e-mail\" hint=\"Moet een geverifieerd domein zijn.\">\n            <Input value={forms.fromEmail ?? \"\"} onChange={(e) => setS({ ...s, forms: { ...forms, fromEmail: e.target.value } })} />\n          </Field>\n          <Field label=\"Van (naam)\"><Input value={forms.fromName ?? \"\"} onChange={(e) => setS({ ...s, forms: { ...forms, fromName: e.target.value } })} /></Field>\n          <Field label=\"Notificaties naar\" hint=\"Meestal het mailadres van de klant.\">\n            <Input value={forms.notifyTo ?? \"\"} onChange={(e) => setS({ ...s, forms: { ...forms, notifyTo: e.target.value } })} />\n          </Field>\n        </div>\n      </Card>\n\n      <Card>\n        <h3 className=\"mb-1 text-base font-semibold\">Back-up &amp; herstel</h3>\n        <p className=\"mb-3 text-xs text-slate-500\">\n          Sla alle content van deze site (pagina's, nieuws, formulieren, instellingen en je foto-galerij)\n          op in één bestand. Bewaar dat veilig; je kunt het later weer terugzetten. De foto-bestanden\n          zelf blijven in de cloud staan — de back-up bevat de teksten, instellingen en verwijzingen.\n        </p>\n        <div className=\"flex flex-wrap gap-2\">\n          <Button variant=\"secondary\" onClick={() => void downloadBackup()} disabled={exporting || restoring}>\n            {exporting ? \"Bezig…\" : \"Back-up downloaden\"}\n          </Button>\n          <Button variant=\"secondary\" onClick={() => restoreInput.current?.click()} disabled={restoring || exporting}>\n            {restoring ? \"Terugzetten…\" : \"Back-up terugzetten…\"}\n          </Button>\n          <input\n            ref={restoreInput}\n            type=\"file\"\n            accept=\"application/json,.json\"\n            hidden\n            onChange={(e) => {\n              const f = e.target.files?.[0];\n              if (f) void restoreFromFile(f);\n              e.target.value = \"\";\n            }}\n          />\n        </div>\n        <p className=\"mt-2 text-xs text-slate-400\">\n          Terugzetten vervangt de huidige content door de back-up. We maken automatisch eerst een\n          back-up van de huidige stand, zodat je nooit iets kwijtraakt.\n        </p>\n      </Card>\n\n      <SnapshotsCard siteId={siteId} />\n\n      <div className=\"flex justify-end\">\n        <Button onClick={save}>Instellingen opslaan</Button>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":["ok"]}

package/dist/admin/settings/SnapshotsCard.d.ts

@@ -0,0 +1,3 @@
+export declare function SnapshotsCard({ siteId }: {
+    siteId: string;
+}): import("react").JSX.Element;