@xiwebdesign/xicms-core 4.17.1

package/dist/admin/settings/SettingsPanel.js

@@ -0,0 +1,304 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { doc, onSnapshot, writeBatch } from "firebase/firestore";
+import { getFunctions, httpsCallable } from "firebase/functions";
+import { getDb, getFirebaseApp } from "../../firebase/client";
+import { functionsRegion } from "../../firebase/region";
+import { SiteSettingsSchema, toPublicSettings } from "../../schema/settings";
+import { useModules } from "../../modules/context";
+import { builtinThemePresets } from "../../theme/presets";
+import { Button, Card, Field, Input } from "../ui/primitives";
+import { Select } from "../ui/select";
+import { Switch } from "../ui/switch";
+import { ArrayEditor } from "../ui/ArrayEditor";
+import { useToast } from "../ui/toast";
+import { useConfirm } from "../ui/ConfirmDialog";
+import { ModuleSettingsForm } from "./moduleSettingsForm";
+function SettingsPanel({ siteId }) {
+  const { toast } = useToast();
+  const confirm = useConfirm();
+  const { defs } = useModules();
+  const [s, setS] = useState({});
+  const [loaded, setLoaded] = useState(false);
+  const [exporting, setExporting] = useState(false);
+  const [restoring, setRestoring] = useState(false);
+  const restoreInput = useRef(null);
+  async function downloadBackup(silent = false) {
+    const app = getFirebaseApp();
+    if (!app) return false;
+    setExporting(true);
+    try {
+      const fn = httpsCallable(
+        getFunctions(app, functionsRegion()),
+        "exportSite"
+      );
+      const res = await fn({ siteId });
+      const blob = new Blob([JSON.stringify(res.data, null, 2)], { type: "application/json" });
+      const url = URL.createObjectURL(blob);
+      const a = document.createElement("a");
+      a.href = url;
+      a.download = `xicms-backup-${siteId}-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}.json`;
+      a.click();
+      URL.revokeObjectURL(url);
+      if (!silent) toast({ title: "Back-up gedownload", tone: "success" });
+      return true;
+    } catch (e) {
+      toast({ title: "Back-up mislukt", description: e.message, tone: "error" });
+      return false;
+    } finally {
+      setExporting(false);
+    }
+  }
+  async function restoreFromFile(file) {
+    let backup;
+    try {
+      backup = JSON.parse(await file.text());
+    } catch {
+      toast({ title: "Ongeldig bestand", description: "Dit is geen geldig back-upbestand.", tone: "error" });
+      return;
+    }
+    if (backup._format !== "xicms-export") {
+      toast({ title: "Ongeldig bestand", description: "Dit lijkt geen XiCMS-back-up.", tone: "error" });
+      return;
+    }
+    if (backup.siteId && backup.siteId !== siteId) {
+      const ok2 = await confirm({
+        title: "Back-up van een andere site",
+        description: `Deze back-up is van \u201C${String(backup.siteId)}\u201D, niet van deze site (${siteId}). Toch terugzetten?`,
+        confirmLabel: "Toch terugzetten",
+        tone: "danger"
+      });
+      if (!ok2) return;
+    }
+    const ok = await confirm({
+      title: "Back-up terugzetten?",
+      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.`,
+      confirmLabel: "Terugzetten",
+      tone: "danger"
+    });
+    if (!ok) return;
+    setRestoring(true);
+    try {
+      await downloadBackup(true);
+      const app = getFirebaseApp();
+      if (!app) throw new Error("Firebase niet geconfigureerd.");
+      const fn = httpsCallable(getFunctions(app, functionsRegion()), "restoreSite");
+      await fn({ siteId, backup });
+      toast({ title: "Back-up teruggezet", description: "Herlaad de pagina om alles bij te werken.", tone: "success" });
+    } catch (e) {
+      toast({ title: "Terugzetten mislukt", description: e.message, tone: "error" });
+    } finally {
+      setRestoring(false);
+    }
+  }
+  useEffect(() => {
+    const db = getDb();
+    if (!db) {
+      setLoaded(true);
+      return;
+    }
+    return onSnapshot(doc(db, "sites", siteId, "settings", "site"), (snap) => {
+      if (snap.exists()) setS(snap.data());
+      setLoaded(true);
+    });
+  }, [siteId]);
+  async function save() {
+    const db = getDb();
+    if (!db) return;
+    const parsed = SiteSettingsSchema.safeParse(s);
+    if (!parsed.success) {
+      toast({ title: "Ongeldige instellingen", description: parsed.error.issues[0]?.message, tone: "error" });
+      return;
+    }
+    try {
+      const batch = writeBatch(db);
+      batch.set(doc(db, "sites", siteId, "settings", "site"), parsed.data, { merge: true });
+      batch.set(doc(db, "sites", siteId, "settings", "public"), toPublicSettings(parsed.data), { merge: true });
+      await batch.commit();
+      toast({ title: "Opgeslagen", description: "Wijzigingen zijn direct live.", tone: "success" });
+    } catch (e) {
+      toast({ title: "Opslaan mislukt", description: e.message, tone: "error" });
+    }
+  }
+  if (!loaded) return /* @__PURE__ */ jsx("p", { className: "text-sm text-slate-500", children: "Laden\u2026" });
+  const forms = s.forms ?? { mode: "xicms" };
+  const theme = s.theme ?? { primary: "#4f46e5" };
+  const footer = s.footer ?? {};
+  const moduleState = (id, defaultEnabled) => {
+    const raw = s.modules?.[id];
+    if (typeof raw === "boolean") return { enabled: raw, config: {} };
+    return { enabled: raw?.enabled ?? defaultEnabled, config: raw?.config ?? {} };
+  };
+  const setModule = (id, next) => setS({ ...s, modules: { ...s.modules, [id]: next } });
+  return /* @__PURE__ */ jsxs("div", { className: "grid gap-4", children: [
+    /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsx("h3", { className: "mb-3 text-base font-semibold", children: "Algemeen" }),
+      /* @__PURE__ */ jsxs("div", { className: "grid gap-3 md:grid-cols-2", children: [
+        /* @__PURE__ */ jsx(Field, { label: "Sitenaam", children: /* @__PURE__ */ jsx(Input, { value: s.name ?? "", onChange: (e) => setS({ ...s, name: e.target.value }) }) }),
+        /* @__PURE__ */ jsx(Field, { label: "Domein", children: /* @__PURE__ */ jsx(Input, { value: s.domain ?? "", onChange: (e) => setS({ ...s, domain: e.target.value }) }) }),
+        /* @__PURE__ */ jsx(Field, { label: "Contact-e-mail", children: /* @__PURE__ */ jsx(Input, { value: s.contactEmail ?? "", onChange: (e) => setS({ ...s, contactEmail: e.target.value }) }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsx("h3", { className: "mb-3 text-base font-semibold", children: "Huisstijl" }),
+      /* @__PURE__ */ jsxs("div", { className: "grid gap-3", children: [
+        /* @__PURE__ */ jsx(Field, { label: "Thema-preset", hint: "Vult kleuren, lettertype en afronding in \xE9\xE9n keer in.", children: /* @__PURE__ */ jsx(
+          Select,
+          {
+            value: "",
+            placeholder: "Kies een preset\u2026",
+            onValueChange: (id) => {
+              const preset = builtinThemePresets.find((p) => p.id === id);
+              if (preset) setS({ ...s, theme: { ...theme, ...preset.theme } });
+            },
+            options: builtinThemePresets.map((p) => ({ value: p.id, label: p.label }))
+          }
+        ) }),
+        /* @__PURE__ */ jsxs("div", { className: "grid gap-3 md:grid-cols-2", children: [
+          /* @__PURE__ */ jsx(Field, { label: "Primaire kleur", children: /* @__PURE__ */ jsx(Input, { value: theme.primary, onChange: (e) => setS({ ...s, theme: { ...theme, primary: e.target.value } }) }) }),
+          /* @__PURE__ */ jsx(Field, { label: "Accentkleur", children: /* @__PURE__ */ jsx(Input, { value: theme.accent ?? "", onChange: (e) => setS({ ...s, theme: { ...theme, accent: e.target.value } }) }) }),
+          /* @__PURE__ */ jsx(Field, { label: "Achtergrondkleur", children: /* @__PURE__ */ jsx(Input, { value: theme.background ?? "", onChange: (e) => setS({ ...s, theme: { ...theme, background: e.target.value } }), placeholder: "#ffffff" }) }),
+          /* @__PURE__ */ jsx(Field, { label: "Tekstkleur", children: /* @__PURE__ */ jsx(Input, { value: theme.foreground ?? "", onChange: (e) => setS({ ...s, theme: { ...theme, foreground: e.target.value } }), placeholder: "#0f172a" }) })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsx("h3", { className: "mb-3 text-base font-semibold", children: "SEO (standaard)" }),
+      /* @__PURE__ */ jsxs("div", { className: "grid gap-3", children: [
+        /* @__PURE__ */ jsx(Field, { label: "Standaard-omschrijving", children: /* @__PURE__ */ jsx(Input, { value: s.seoDefaults?.description ?? "", onChange: (e) => setS({ ...s, seoDefaults: { ...s.seoDefaults, description: e.target.value } }) }) }),
+        /* @__PURE__ */ jsx(Field, { label: "OG-afbeelding (URL)", children: /* @__PURE__ */ jsx(Input, { value: s.seoDefaults?.ogImage ?? "", onChange: (e) => setS({ ...s, seoDefaults: { ...s.seoDefaults, ogImage: e.target.value } }) }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsx("h3", { className: "mb-1 text-base font-semibold", children: "Footer" }),
+      /* @__PURE__ */ jsx("p", { className: "mb-3 text-xs text-slate-500", children: "Kolommen met links, social-links en copyright. Wijzigingen zijn direct live." }),
+      /* @__PURE__ */ jsxs("div", { className: "grid gap-4", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: "Kolommen" }),
+          /* @__PURE__ */ jsx(
+            ArrayEditor,
+            {
+              items: footer.columns ?? [],
+              onChange: (columns) => setS({ ...s, footer: { ...footer, columns } }),
+              newItem: () => ({ heading: "", links: [] }),
+              addLabel: "+ Kolom",
+              emptyLabel: "Nog geen kolommen.",
+              renderRow: (col, update) => /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
+                /* @__PURE__ */ jsx(Field, { label: "Kop", children: /* @__PURE__ */ jsx(Input, { value: col.heading ?? "", onChange: (e) => update({ heading: e.target.value }) }) }),
+                /* @__PURE__ */ jsx(
+                  ArrayEditor,
+                  {
+                    items: col.links ?? [],
+                    onChange: (links) => update({ links }),
+                    newItem: () => ({ label: "", href: "" }),
+                    addLabel: "+ Link",
+                    renderRow: (link, updL) => /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
+                      /* @__PURE__ */ jsx(Input, { value: link.label, placeholder: "Label", onChange: (e) => updL({ label: e.target.value }) }),
+                      /* @__PURE__ */ jsx(Input, { value: link.href, placeholder: "/pad of https://\u2026", onChange: (e) => updL({ href: e.target.value }) })
+                    ] })
+                  }
+                )
+              ] })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: "Social-links" }),
+          /* @__PURE__ */ jsx(
+            ArrayEditor,
+            {
+              items: footer.social ?? [],
+              onChange: (social) => setS({ ...s, footer: { ...footer, social } }),
+              newItem: () => ({ platform: "", href: "" }),
+              addLabel: "+ Social-link",
+              renderRow: (link, update) => /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
+                /* @__PURE__ */ jsx(Input, { value: link.platform, placeholder: "bv. Instagram", onChange: (e) => update({ platform: e.target.value }) }),
+                /* @__PURE__ */ jsx(Input, { value: link.href, placeholder: "https://\u2026", onChange: (e) => update({ href: e.target.value }) })
+              ] })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "grid gap-3 md:grid-cols-2", children: [
+          /* @__PURE__ */ jsx(Field, { label: "Copyright (leeg = automatisch)", children: /* @__PURE__ */ jsx(Input, { value: footer.copyright ?? "", onChange: (e) => setS({ ...s, footer: { ...footer, copyright: e.target.value } }) }) }),
+          /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 self-end text-sm", children: [
+            /* @__PURE__ */ jsx(Switch, { checked: footer.showAdminLink !== false, onCheckedChange: (v) => setS({ ...s, footer: { ...footer, showAdminLink: v } }) }),
+            "\u201CBeheer\u201D-link tonen"
+          ] })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsx("h3", { className: "mb-1 text-base font-semibold", children: "Modules" }),
+      /* @__PURE__ */ jsx("p", { className: "mb-3 text-xs text-slate-500", children: "Zet functies aan/uit en stel ze in. Uitgezette modules verbergen hun blokken en beheer-paneel." }),
+      /* @__PURE__ */ jsx("div", { className: "grid gap-3", children: defs.filter((d) => !d.core).map((d) => {
+        const st = moduleState(d.id, d.defaultEnabled ?? true);
+        return /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-slate-200 p-3", children: [
+          /* @__PURE__ */ jsxs("label", { className: "flex items-center justify-between gap-2", children: [
+            /* @__PURE__ */ jsxs("span", { children: [
+              /* @__PURE__ */ jsx("strong", { className: "text-sm", children: d.label }),
+              d.description && /* @__PURE__ */ jsx("span", { className: "block text-xs text-slate-500", children: d.description })
+            ] }),
+            /* @__PURE__ */ jsx(Switch, { checked: st.enabled, onCheckedChange: (v) => setModule(d.id, { enabled: v, config: st.config }) })
+          ] }),
+          st.enabled && d.settingsSchema && /* @__PURE__ */ jsx("div", { className: "mt-3", children: /* @__PURE__ */ jsx(
+            ModuleSettingsForm,
+            {
+              schema: d.settingsSchema,
+              value: st.config,
+              onChange: (config) => setModule(d.id, { enabled: st.enabled, config })
+            }
+          ) })
+        ] }, d.id);
+      }) })
+    ] }),
+    /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsx("h3", { className: "mb-1 text-base font-semibold", children: "Formulier-e-mail" }),
+      /* @__PURE__ */ jsx("p", { className: "mb-3 text-xs text-slate-500", children: "Een provider verstuurt alleen vanaf een geverifieerd domein. Kies de XiCMS-afzender (werkt direct) of het eigen domein van de klant (vereist domeinverificatie)." }),
+      /* @__PURE__ */ jsxs("div", { className: "grid gap-3 md:grid-cols-2", children: [
+        /* @__PURE__ */ jsx(Field, { label: "Afzender-modus", children: /* @__PURE__ */ jsx(
+          Select,
+          {
+            value: forms.mode,
+            onValueChange: (v) => setS({ ...s, forms: { ...forms, mode: v } }),
+            options: [
+              { value: "xicms", label: "XiCMS-domein (aanbevolen)" },
+              { value: "client", label: "Eigen domein van de klant" }
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Field, { label: "Van (from) e-mail", hint: "Moet een geverifieerd domein zijn.", children: /* @__PURE__ */ jsx(Input, { value: forms.fromEmail ?? "", onChange: (e) => setS({ ...s, forms: { ...forms, fromEmail: e.target.value } }) }) }),
+        /* @__PURE__ */ jsx(Field, { label: "Van (naam)", children: /* @__PURE__ */ jsx(Input, { value: forms.fromName ?? "", onChange: (e) => setS({ ...s, forms: { ...forms, fromName: e.target.value } }) }) }),
+        /* @__PURE__ */ jsx(Field, { label: "Notificaties naar", hint: "Meestal het mailadres van de klant.", children: /* @__PURE__ */ jsx(Input, { value: forms.notifyTo ?? "", onChange: (e) => setS({ ...s, forms: { ...forms, notifyTo: e.target.value } }) }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsx("h3", { className: "mb-1 text-base font-semibold", children: "Back-up & herstel" }),
+      /* @__PURE__ */ jsx("p", { className: "mb-3 text-xs text-slate-500", children: "Sla alle content van deze site (pagina's, nieuws, formulieren, instellingen en je foto-galerij) op in \xE9\xE9n bestand. Bewaar dat veilig; je kunt het later weer terugzetten. De foto-bestanden zelf blijven in de cloud staan \u2014 de back-up bevat de teksten, instellingen en verwijzingen." }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
+        /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: () => void downloadBackup(), disabled: exporting || restoring, children: exporting ? "Bezig\u2026" : "Back-up downloaden" }),
+        /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: () => restoreInput.current?.click(), disabled: restoring || exporting, children: restoring ? "Terugzetten\u2026" : "Back-up terugzetten\u2026" }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            ref: restoreInput,
+            type: "file",
+            accept: "application/json,.json",
+            hidden: true,
+            onChange: (e) => {
+              const f = e.target.files?.[0];
+              if (f) void restoreFromFile(f);
+              e.target.value = "";
+            }
+          }
+        )
+      ] }),
+      /* @__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("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx(Button, { onClick: save, children: "Instellingen opslaan" }) })
+  ] });
+}
+export {
+  SettingsPanel
+};
+//# sourceMappingURL=SettingsPanel.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,12 @@
+import type { ZodTypeAny } from "zod";
+/**
+ * Generiek instellingen-formulier voor een module op basis van zijn `settingsSchema`. Ondersteunt
+ * primitieve velden (getal/boolean/tekst/enum) met leesbare labels via `.describe("…")` op het
+ * schema. Complexe velden (arrays/objects) blijven via site.config/code beheerd — bewust foolproof
+ * gehouden voor de klant (de GenericEditor voor blokken biedt daar wél een JSON-vangnet).
+ */
+export declare function ModuleSettingsForm({ schema, value, onChange, }: {
+    schema: ZodTypeAny;
+    value: Record<string, unknown>;
+    onChange: (next: Record<string, unknown>) => void;
+}): import("react").JSX.Element | null;

package/dist/admin/settings/moduleSettingsForm.js

@@ -0,0 +1,45 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Field, Input } from "../ui/primitives";
+import { Select } from "../ui/select";
+import { Switch } from "../ui/switch";
+import { introspectObjectSchema } from "../lib/zodFields";
+function ModuleSettingsForm({
+  schema,
+  value,
+  onChange
+}) {
+  const fields = introspectObjectSchema(schema).filter((f) => f.kind !== "json");
+  if (fields.length === 0) return null;
+  const set = (key, v) => onChange({ ...value, [key]: v });
+  return /* @__PURE__ */ jsx("div", { className: "grid gap-2 sm:grid-cols-2", children: fields.map((f) => {
+    if (f.kind === "boolean") {
+      return /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-sm", children: [
+        /* @__PURE__ */ jsx(Switch, { checked: Boolean(value[f.key]), onCheckedChange: (v) => set(f.key, v) }),
+        f.label
+      ] }, f.key);
+    }
+    if (f.kind === "enum") {
+      return /* @__PURE__ */ jsx(Field, { label: f.label, children: /* @__PURE__ */ jsx(
+        Select,
+        {
+          value: String(value[f.key] ?? f.options?.[0] ?? ""),
+          onValueChange: (v) => set(f.key, v),
+          options: (f.options ?? []).map((o) => ({ value: o, label: o }))
+        }
+      ) }, f.key);
+    }
+    return /* @__PURE__ */ jsx(Field, { label: f.label, children: /* @__PURE__ */ jsx(
+      Input,
+      {
+        type: f.kind === "number" ? "number" : "text",
+        value: String(value[f.key] ?? ""),
+        onChange: (e) => set(f.key, f.kind === "number" ? Number(e.target.value) : e.target.value)
+      }
+    ) }, f.key);
+  }) });
+}
+export {
+  ModuleSettingsForm
+};
+//# sourceMappingURL=moduleSettingsForm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/settings/moduleSettingsForm.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ZodTypeAny } from \"zod\";\nimport { Field, Input } from \"../ui/primitives\";\nimport { Select } from \"../ui/select\";\nimport { Switch } from \"../ui/switch\";\nimport { introspectObjectSchema } from \"../lib/zodFields\";\n\n/**\n * Generiek instellingen-formulier voor een module op basis van zijn `settingsSchema`. Ondersteunt\n * primitieve velden (getal/boolean/tekst/enum) met leesbare labels via `.describe(\"…\")` op het\n * schema. Complexe velden (arrays/objects) blijven via site.config/code beheerd — bewust foolproof\n * gehouden voor de klant (de GenericEditor voor blokken biedt daar wél een JSON-vangnet).\n */\nexport function ModuleSettingsForm({\n  schema,\n  value,\n  onChange,\n}: {\n  schema: ZodTypeAny;\n  value: Record<string, unknown>;\n  onChange: (next: Record<string, unknown>) => void;\n}) {\n  const fields = introspectObjectSchema(schema).filter((f) => f.kind !== \"json\");\n  if (fields.length === 0) return null;\n  const set = (key: string, v: unknown) => onChange({ ...value, [key]: v });\n\n  return (\n    <div className=\"grid gap-2 sm:grid-cols-2\">\n      {fields.map((f) => {\n        if (f.kind === \"boolean\") {\n          return (\n            <label key={f.key} className=\"flex items-center gap-2 text-sm\">\n              <Switch checked={Boolean(value[f.key])} onCheckedChange={(v) => set(f.key, v)} />\n              {f.label}\n            </label>\n          );\n        }\n        if (f.kind === \"enum\") {\n          return (\n            <Field key={f.key} label={f.label}>\n              <Select\n                value={String(value[f.key] ?? f.options?.[0] ?? \"\")}\n                onValueChange={(v) => set(f.key, v)}\n                options={(f.options ?? []).map((o) => ({ value: o, label: o }))}\n              />\n            </Field>\n          );\n        }\n        return (\n          <Field key={f.key} label={f.label}>\n            <Input\n              type={f.kind === \"number\" ? \"number\" : \"text\"}\n              value={String(value[f.key] ?? \"\")}\n              onChange={(e) => set(f.key, f.kind === \"number\" ? Number(e.target.value) : e.target.value)}\n            />\n          </Field>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":";AAgCY,SACE,KADF;AA7BZ,SAAS,OAAO,aAAa;AAC7B,SAAS,cAAc;AACvB,SAAS,cAAc;AACvB,SAAS,8BAA8B;AAQhC,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,SAAS,uBAAuB,MAAM,EAAE,OAAO,CAAC,MAAM,EAAE,SAAS,MAAM;AAC7E,MAAI,OAAO,WAAW,EAAG,QAAO;AAChC,QAAM,MAAM,CAAC,KAAa,MAAe,SAAS,EAAE,GAAG,OAAO,CAAC,GAAG,GAAG,EAAE,CAAC;AAExE,SACE,oBAAC,SAAI,WAAU,6BACZ,iBAAO,IAAI,CAAC,MAAM;AACjB,QAAI,EAAE,SAAS,WAAW;AACxB,aACE,qBAAC,WAAkB,WAAU,mCAC3B;AAAA,4BAAC,UAAO,SAAS,QAAQ,MAAM,EAAE,GAAG,CAAC,GAAG,iBAAiB,CAAC,MAAM,IAAI,EAAE,KAAK,CAAC,GAAG;AAAA,QAC9E,EAAE;AAAA,WAFO,EAAE,GAGd;AAAA,IAEJ;AACA,QAAI,EAAE,SAAS,QAAQ;AACrB,aACE,oBAAC,SAAkB,OAAO,EAAE,OAC1B;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,OAAO,MAAM,EAAE,GAAG,KAAK,EAAE,UAAU,CAAC,KAAK,EAAE;AAAA,UAClD,eAAe,CAAC,MAAM,IAAI,EAAE,KAAK,CAAC;AAAA,UAClC,UAAU,EAAE,WAAW,CAAC,GAAG,IAAI,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,EAAE,EAAE;AAAA;AAAA,MAChE,KALU,EAAE,GAMd;AAAA,IAEJ;AACA,WACE,oBAAC,SAAkB,OAAO,EAAE,OAC1B;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,EAAE,SAAS,WAAW,WAAW;AAAA,QACvC,OAAO,OAAO,MAAM,EAAE,GAAG,KAAK,EAAE;AAAA,QAChC,UAAU,CAAC,MAAM,IAAI,EAAE,KAAK,EAAE,SAAS,WAAW,OAAO,EAAE,OAAO,KAAK,IAAI,EAAE,OAAO,KAAK;AAAA;AAAA,IAC3F,KALU,EAAE,GAMd;AAAA,EAEJ,CAAC,GACH;AAEJ;","names":[]}

package/dist/admin/stats/StatsPanel.d.ts

@@ -0,0 +1,4 @@
+/** Eenvoudige, privacy-vriendelijke bezoekersstatistieken (eigen teller). */
+export declare function StatsPanel({ siteId }: {
+    siteId: string;
+}): import("react").JSX.Element;

package/dist/admin/stats/StatsPanel.js

@@ -0,0 +1,80 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from "react";
+import { collection, getDocs } from "firebase/firestore";
+import { getDb } from "../../firebase/client";
+import { Card } from "../ui/primitives";
+function StatsPanel({ siteId }) {
+  const [months, setMonths] = useState([]);
+  const [loading, setLoading] = useState(true);
+  useEffect(() => {
+    const db = getDb();
+    if (!db) {
+      setLoading(false);
+      return;
+    }
+    let active = true;
+    getDocs(collection(db, "sites", siteId, "stats")).then((snap) => {
+      if (!active) return;
+      setMonths(snap.docs.map((d) => ({ id: d.id, ...d.data() })));
+      setLoading(false);
+    }).catch(() => active && setLoading(false));
+    return () => {
+      active = false;
+    };
+  }, [siteId]);
+  const total = useMemo(() => months.reduce((s, m) => s + (m.total ?? 0), 0), [months]);
+  const current = useMemo(() => {
+    const now = /* @__PURE__ */ new Date();
+    const id = `${now.getUTCFullYear()}-${String(now.getUTCMonth() + 1).padStart(2, "0")}`;
+    return months.find((m) => m.id === id);
+  }, [months]);
+  const days = current?.days ?? {};
+  const maxDay = Math.max(1, ...Object.values(days));
+  const topPaths = Object.entries(current?.paths ?? {}).sort((a, b) => b[1] - a[1]).slice(0, 8);
+  if (loading) return /* @__PURE__ */ jsx("p", { className: "text-sm text-slate-500", children: "Laden\u2026" });
+  if (months.length === 0) {
+    return /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx("p", { className: "text-sm text-slate-600", children: "Nog geen bezoekersdata. Zodra de live site bezocht wordt, verschijnen hier de cijfers." }) });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "grid gap-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4 sm:grid-cols-3", children: [
+      /* @__PURE__ */ jsxs(Card, { children: [
+        /* @__PURE__ */ jsx("div", { className: "text-sm text-slate-500", children: "Totaal bezoeken" }),
+        /* @__PURE__ */ jsx("div", { className: "text-3xl font-bold", children: total.toLocaleString("nl-NL") })
+      ] }),
+      /* @__PURE__ */ jsxs(Card, { children: [
+        /* @__PURE__ */ jsx("div", { className: "text-sm text-slate-500", children: "Deze maand" }),
+        /* @__PURE__ */ jsx("div", { className: "text-3xl font-bold", children: (current?.total ?? 0).toLocaleString("nl-NL") })
+      ] }),
+      /* @__PURE__ */ jsxs(Card, { children: [
+        /* @__PURE__ */ jsx("div", { className: "text-sm text-slate-500", children: "Maanden gemeten" }),
+        /* @__PURE__ */ jsx("div", { className: "text-3xl font-bold", children: months.length })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsx("h3", { className: "mb-3 text-base font-semibold", children: "Bezoeken per dag (deze maand)" }),
+      Object.keys(days).length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-slate-500", children: "Nog geen data deze maand." }) : /* @__PURE__ */ jsx("div", { className: "flex items-end gap-1", style: { height: 140 }, children: Array.from({ length: 31 }, (_, i) => String(i + 1).padStart(2, "0")).map((d) => /* @__PURE__ */ jsx("div", { className: "flex flex-1 flex-col items-center justify-end", title: `Dag ${d}: ${days[d] ?? 0}`, children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "w-full rounded-t bg-brand-500",
+          style: { height: `${(days[d] ?? 0) / maxDay * 120}px` }
+        }
+      ) }, d)) })
+    ] }),
+    /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsx("h3", { className: "mb-3 text-base font-semibold", children: "Best bezochte pagina's (deze maand)" }),
+      topPaths.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-slate-500", children: "Nog geen data." }) : /* @__PURE__ */ jsx("ul", { className: "text-sm", children: topPaths.map(([p, n]) => /* @__PURE__ */ jsxs("li", { className: "flex justify-between border-b border-slate-100 py-1 last:border-0", children: [
+        /* @__PURE__ */ jsxs("span", { className: "truncate text-slate-700", children: [
+          "/",
+          p === "home" ? "" : p.replace(/_/g, "/")
+        ] }),
+        /* @__PURE__ */ jsx("span", { className: "font-medium", children: n.toLocaleString("nl-NL") })
+      ] }, p)) })
+    ] }),
+    /* @__PURE__ */ jsx("p", { className: "text-xs text-slate-400", children: "Privacy-vriendelijk geteld (geen cookies, geen persoonsgegevens) \u2014 \xE9\xE9n telling per bezoeker-sessie per pagina." })
+  ] });
+}
+export {
+  StatsPanel
+};
+//# sourceMappingURL=StatsPanel.js.map

package/dist/admin/stats/StatsPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/stats/StatsPanel.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useMemo, useState } from \"react\";\nimport { collection, getDocs } from \"firebase/firestore\";\nimport { getDb } from \"../../firebase/client\";\nimport { Card } from \"../ui/primitives\";\n\ninterface MonthStat {\n  id: string;\n  total?: number;\n  days?: Record<string, number>;\n  paths?: Record<string, number>;\n}\n\n/** Eenvoudige, privacy-vriendelijke bezoekersstatistieken (eigen teller). */\nexport function StatsPanel({ siteId }: { siteId: string }) {\n  const [months, setMonths] = useState<MonthStat[]>([]);\n  const [loading, setLoading] = useState(true);\n\n  useEffect(() => {\n    const db = getDb();\n    if (!db) {\n      setLoading(false);\n      return;\n    }\n    let active = true;\n    getDocs(collection(db, \"sites\", siteId, \"stats\"))\n      .then((snap) => {\n        if (!active) return;\n        setMonths(snap.docs.map((d) => ({ id: d.id, ...(d.data() as Omit<MonthStat, \"id\">) })));\n        setLoading(false);\n      })\n      .catch(() => active && setLoading(false));\n    return () => {\n      active = false;\n    };\n  }, [siteId]);\n\n  const total = useMemo(() => months.reduce((s, m) => s + (m.total ?? 0), 0), [months]);\n  const current = useMemo(() => {\n    const now = new Date();\n    const id = `${now.getUTCFullYear()}-${String(now.getUTCMonth() + 1).padStart(2, \"0\")}`;\n    return months.find((m) => m.id === id);\n  }, [months]);\n\n  const days = current?.days ?? {};\n  const maxDay = Math.max(1, ...Object.values(days));\n  const topPaths = Object.entries(current?.paths ?? {})\n    .sort((a, b) => b[1] - a[1])\n    .slice(0, 8);\n\n  if (loading) return <p className=\"text-sm text-slate-500\">Laden…</p>;\n\n  if (months.length === 0) {\n    return (\n      <Card>\n        <p className=\"text-sm text-slate-600\">\n          Nog geen bezoekersdata. Zodra de live site bezocht wordt, verschijnen hier de cijfers.\n        </p>\n      </Card>\n    );\n  }\n\n  return (\n    <div className=\"grid gap-4\">\n      <div className=\"grid grid-cols-2 gap-4 sm:grid-cols-3\">\n        <Card>\n          <div className=\"text-sm text-slate-500\">Totaal bezoeken</div>\n          <div className=\"text-3xl font-bold\">{total.toLocaleString(\"nl-NL\")}</div>\n        </Card>\n        <Card>\n          <div className=\"text-sm text-slate-500\">Deze maand</div>\n          <div className=\"text-3xl font-bold\">{(current?.total ?? 0).toLocaleString(\"nl-NL\")}</div>\n        </Card>\n        <Card>\n          <div className=\"text-sm text-slate-500\">Maanden gemeten</div>\n          <div className=\"text-3xl font-bold\">{months.length}</div>\n        </Card>\n      </div>\n\n      <Card>\n        <h3 className=\"mb-3 text-base font-semibold\">Bezoeken per dag (deze maand)</h3>\n        {Object.keys(days).length === 0 ? (\n          <p className=\"text-sm text-slate-500\">Nog geen data deze maand.</p>\n        ) : (\n          <div className=\"flex items-end gap-1\" style={{ height: 140 }}>\n            {Array.from({ length: 31 }, (_, i) => String(i + 1).padStart(2, \"0\")).map((d) => (\n              <div key={d} className=\"flex flex-1 flex-col items-center justify-end\" title={`Dag ${d}: ${days[d] ?? 0}`}>\n                <div\n                  className=\"w-full rounded-t bg-brand-500\"\n                  style={{ height: `${((days[d] ?? 0) / maxDay) * 120}px` }}\n                />\n              </div>\n            ))}\n          </div>\n        )}\n      </Card>\n\n      <Card>\n        <h3 className=\"mb-3 text-base font-semibold\">Best bezochte pagina's (deze maand)</h3>\n        {topPaths.length === 0 ? (\n          <p className=\"text-sm text-slate-500\">Nog geen data.</p>\n        ) : (\n          <ul className=\"text-sm\">\n            {topPaths.map(([p, n]) => (\n              <li key={p} className=\"flex justify-between border-b border-slate-100 py-1 last:border-0\">\n                <span className=\"truncate text-slate-700\">/{p === \"home\" ? \"\" : p.replace(/_/g, \"/\")}</span>\n                <span className=\"font-medium\">{n.toLocaleString(\"nl-NL\")}</span>\n              </li>\n            ))}\n          </ul>\n        )}\n      </Card>\n\n      <p className=\"text-xs text-slate-400\">\n        Privacy-vriendelijk geteld (geen cookies, geen persoonsgegevens) — één telling per\n        bezoeker-sessie per pagina.\n      </p>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/admin/ui/ArrayEditor.d.ts

@@ -0,0 +1,16 @@
+import type { ReactNode } from "react";
+/**
+ * Generieke lijst-editor: rij toevoegen, omhoog/omlaag verplaatsen, verwijderen. Vervangt het
+ * herhaalde patroon in de block-editors (FAQ, galerij, openingstijden, …) en wordt hergebruikt
+ * voor nav/footer/social in het instellingenpaneel.
+ */
+export declare function ArrayEditor<T>({ items, onChange, renderRow, newItem, addLabel, emptyLabel, }: {
+    items: T[];
+    onChange: (next: T[]) => void;
+    /** Render de bewerkbare velden van één rij. */
+    renderRow: (item: T, update: (patch: Partial<T>) => void, index: number) => ReactNode;
+    /** Maakt een nieuwe (lege) rij. */
+    newItem: () => T;
+    addLabel?: string;
+    emptyLabel?: string;
+}): import("react").JSX.Element;

package/dist/admin/ui/ArrayEditor.js

@@ -0,0 +1,38 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button } from "./primitives";
+function ArrayEditor({
+  items,
+  onChange,
+  renderRow,
+  newItem,
+  addLabel = "+ Toevoegen",
+  emptyLabel
+}) {
+  const set = (next) => onChange(next);
+  const update = (i, patch) => set(items.map((x, j) => j === i ? { ...x, ...patch } : x));
+  const remove = (i) => set(items.filter((_, j) => j !== i));
+  const move = (i, dir) => {
+    const j = i + dir;
+    if (j < 0 || j >= items.length) return;
+    const copy = [...items];
+    [copy[i], copy[j]] = [copy[j], copy[i]];
+    set(copy);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
+    items.length === 0 && emptyLabel && /* @__PURE__ */ jsx("p", { className: "text-sm text-slate-500", children: emptyLabel }),
+    items.map((item, i) => /* @__PURE__ */ jsx("div", { className: "grid gap-2 rounded-lg border border-slate-200 p-3", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex-1", children: renderRow(item, (patch) => update(i, patch), i) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => move(i, -1), "aria-label": "Omhoog", children: "\u2191" }),
+        /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => move(i, 1), "aria-label": "Omlaag", children: "\u2193" }),
+        /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => remove(i), "aria-label": "Verwijderen", children: "\u{1F5D1}" })
+      ] })
+    ] }) }, i)),
+    /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Button, { type: "button", variant: "secondary", size: "sm", onClick: () => set([...items, newItem()]), children: addLabel }) })
+  ] });
+}
+export {
+  ArrayEditor
+};
+//# sourceMappingURL=ArrayEditor.js.map

package/dist/admin/ui/ArrayEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/ui/ArrayEditor.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactNode } from \"react\";\nimport { Button } from \"./primitives\";\n\n/**\n * Generieke lijst-editor: rij toevoegen, omhoog/omlaag verplaatsen, verwijderen. Vervangt het\n * herhaalde patroon in de block-editors (FAQ, galerij, openingstijden, …) en wordt hergebruikt\n * voor nav/footer/social in het instellingenpaneel.\n */\nexport function ArrayEditor<T>({\n  items,\n  onChange,\n  renderRow,\n  newItem,\n  addLabel = \"+ Toevoegen\",\n  emptyLabel,\n}: {\n  items: T[];\n  onChange: (next: T[]) => void;\n  /** Render de bewerkbare velden van één rij. */\n  renderRow: (item: T, update: (patch: Partial<T>) => void, index: number) => ReactNode;\n  /** Maakt een nieuwe (lege) rij. */\n  newItem: () => T;\n  addLabel?: string;\n  emptyLabel?: string;\n}) {\n  const set = (next: T[]) => onChange(next);\n  const update = (i: number, patch: Partial<T>) =>\n    set(items.map((x, j) => (j === i ? { ...x, ...patch } : x)));\n  const remove = (i: number) => set(items.filter((_, j) => j !== i));\n  const move = (i: number, dir: -1 | 1) => {\n    const j = i + dir;\n    if (j < 0 || j >= items.length) return;\n    const copy = [...items];\n    [copy[i], copy[j]] = [copy[j], copy[i]];\n    set(copy);\n  };\n\n  return (\n    <div className=\"grid gap-2\">\n      {items.length === 0 && emptyLabel && <p className=\"text-sm text-slate-500\">{emptyLabel}</p>}\n      {items.map((item, i) => (\n        <div key={i} className=\"grid gap-2 rounded-lg border border-slate-200 p-3\">\n          <div className=\"flex items-start gap-2\">\n            <div className=\"flex-1\">{renderRow(item, (patch) => update(i, patch), i)}</div>\n            <div className=\"flex flex-col gap-1\">\n              <Button type=\"button\" variant=\"ghost\" size=\"sm\" onClick={() => move(i, -1)} aria-label=\"Omhoog\">↑</Button>\n              <Button type=\"button\" variant=\"ghost\" size=\"sm\" onClick={() => move(i, 1)} aria-label=\"Omlaag\">↓</Button>\n              <Button type=\"button\" variant=\"ghost\" size=\"sm\" onClick={() => remove(i)} aria-label=\"Verwijderen\">🗑</Button>\n            </div>\n          </div>\n        </div>\n      ))}\n      <div>\n        <Button type=\"button\" variant=\"secondary\" size=\"sm\" onClick={() => set([...items, newItem()])}>\n          {addLabel}\n        </Button>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AAyC2C,cAK/B,YAL+B;AAtC3C,SAAS,cAAc;AAOhB,SAAS,YAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AACF,GASG;AACD,QAAM,MAAM,CAAC,SAAc,SAAS,IAAI;AACxC,QAAM,SAAS,CAAC,GAAW,UACzB,IAAI,MAAM,IAAI,CAAC,GAAG,MAAO,MAAM,IAAI,EAAE,GAAG,GAAG,GAAG,MAAM,IAAI,CAAE,CAAC;AAC7D,QAAM,SAAS,CAAC,MAAc,IAAI,MAAM,OAAO,CAAC,GAAG,MAAM,MAAM,CAAC,CAAC;AACjE,QAAM,OAAO,CAAC,GAAW,QAAgB;AACvC,UAAM,IAAI,IAAI;AACd,QAAI,IAAI,KAAK,KAAK,MAAM,OAAQ;AAChC,UAAM,OAAO,CAAC,GAAG,KAAK;AACtB,KAAC,KAAK,CAAC,GAAG,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,CAAC;AACtC,QAAI,IAAI;AAAA,EACV;AAEA,SACE,qBAAC,SAAI,WAAU,cACZ;AAAA,UAAM,WAAW,KAAK,cAAc,oBAAC,OAAE,WAAU,0BAA0B,sBAAW;AAAA,IACtF,MAAM,IAAI,CAAC,MAAM,MAChB,oBAAC,SAAY,WAAU,qDACrB,+BAAC,SAAI,WAAU,0BACb;AAAA,0BAAC,SAAI,WAAU,UAAU,oBAAU,MAAM,CAAC,UAAU,OAAO,GAAG,KAAK,GAAG,CAAC,GAAE;AAAA,MACzE,qBAAC,SAAI,WAAU,uBACb;AAAA,4BAAC,UAAO,MAAK,UAAS,SAAQ,SAAQ,MAAK,MAAK,SAAS,MAAM,KAAK,GAAG,EAAE,GAAG,cAAW,UAAS,oBAAC;AAAA,QACjG,oBAAC,UAAO,MAAK,UAAS,SAAQ,SAAQ,MAAK,MAAK,SAAS,MAAM,KAAK,GAAG,CAAC,GAAG,cAAW,UAAS,oBAAC;AAAA,QAChG,oBAAC,UAAO,MAAK,UAAS,SAAQ,SAAQ,MAAK,MAAK,SAAS,MAAM,OAAO,CAAC,GAAG,cAAW,eAAc,uBAAE;AAAA,SACvG;AAAA,OACF,KARQ,CASV,CACD;AAAA,IACD,oBAAC,SACC,8BAAC,UAAO,MAAK,UAAS,SAAQ,aAAY,MAAK,MAAK,SAAS,MAAM,IAAI,CAAC,GAAG,OAAO,QAAQ,CAAC,CAAC,GACzF,oBACH,GACF;AAAA,KACF;AAEJ;","names":[]}