@xiwebdesign/xicms-core 4.17.1

package/dist/admin/NewsEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/admin/NewsEditor.tsx"],"sourcesContent":["\"use client\";\n\nimport { useRef, useState } from \"react\";\nimport { addDoc, collection, deleteDoc, doc, serverTimestamp, updateDoc } from \"firebase/firestore\";\nimport { getDb } from \"../firebase/client\";\nimport { useSiteConfig } from \"../config\";\nimport { useNews } from \"../components/News\";\nimport { uploadImage } from \"./lib/upload\";\nimport { slugify } from \"./lib/slugify\";\nimport { useConfirm } from \"./ui/ConfirmDialog\";\nimport { useToast } from \"./ui/toast\";\nimport { Button, Card, Field, Input, Textarea, Badge } from \"./ui/primitives\";\nimport { RichTextEditor } from \"./editors/RichTextEditor\";\nimport type { NewsArticle } from \"../content/types\";\n\nconst empty = { title: \"\", excerpt: \"\", body: \"\", bodyHtml: \"\", coverUrl: \"\", date: \"\", published: false };\n\n/** Beheer van nieuwsartikelen — zelfde look & feel als de rest van /beheer. */\nexport function NewsEditor() {\n  const { siteId } = useSiteConfig();\n  const { articles } = useNews({ onlyPublished: false });\n  const confirm = useConfirm();\n  const { toast } = useToast();\n  const [form, setForm] = useState<typeof empty>(empty);\n  const [editingId, setEditingId] = useState<string | null>(null);\n  const [busy, setBusy] = useState(false);\n  const [coverBusy, setCoverBusy] = useState(false);\n  const coverInputRef = useRef<HTMLInputElement>(null);\n\n  function reset() {\n    setForm(empty);\n    setEditingId(null);\n  }\n\n  function loadIntoForm(a: NewsArticle) {\n    setEditingId(a.id);\n    setForm({\n      title: a.title,\n      excerpt: a.excerpt ?? \"\",\n      body: a.body,\n      bodyHtml: a.bodyHtml ?? \"\",\n      coverUrl: a.coverUrl ?? \"\",\n      date: a.date,\n      published: a.published,\n    });\n  }\n\n  async function save() {\n    const db = getDb();\n    if (!db) return;\n    if (!form.title.trim()) {\n      toast({ title: \"Titel ontbreekt\", description: \"Geef het artikel een titel.\", tone: \"error\" });\n      return;\n    }\n    setBusy(true);\n    try {\n      const payload = {\n        title: form.title.trim(),\n        slug: slugify(form.title),\n        excerpt: form.excerpt.trim(),\n        body: form.body,\n        // Rich text (client-side al door DOMPurify gehaald in de editor; de weergave sanitized\n        // bovendien opnieuw bij het renderen — dubbele verdediging).\n        bodyHtml: form.bodyHtml,\n        coverUrl: form.coverUrl.trim(),\n        date: form.date || new Date().toISOString().slice(0, 10),\n        published: form.published,\n        updatedAt: serverTimestamp(),\n      };\n      if (editingId) {\n        await updateDoc(doc(db, \"sites\", siteId, \"news\", editingId), payload);\n      } else {\n        await addDoc(collection(db, \"sites\", siteId, \"news\"), { ...payload, createdAt: serverTimestamp() });\n      }\n      toast({ title: editingId ? \"Artikel bijgewerkt\" : \"Artikel opgeslagen\", tone: \"success\" });\n      reset();\n    } catch (e) {\n      toast({ title: \"Opslaan mislukt\", description: (e as Error).message, tone: \"error\" });\n    } finally {\n      setBusy(false);\n    }\n  }\n\n  async function remove(id: string, title: string) {\n    const db = getDb();\n    if (!db) return;\n    const ok = await confirm({\n      title: \"Artikel verwijderen?\",\n      description: `“${title}” wordt definitief verwijderd.`,\n      confirmLabel: \"Verwijderen\",\n      tone: \"danger\",\n    });\n    if (!ok) return;\n    await deleteDoc(doc(db, \"sites\", siteId, \"news\", id));\n    if (editingId === id) reset();\n    toast({ title: \"Artikel verwijderd\", tone: \"success\" });\n  }\n\n  async function onCover(file: File) {\n    setCoverBusy(true);\n    try {\n      const { url } = await uploadImage(siteId, file);\n      setForm((prev) => ({ ...prev, coverUrl: url }));\n      toast({ title: \"Foto toegevoegd\", description: \"Automatisch verkleind voor het web.\", tone: \"success\" });\n    } catch (e) {\n      toast({ title: \"Upload mislukt\", description: (e as Error).message, tone: \"error\" });\n    } finally {\n      setCoverBusy(false);\n    }\n  }\n\n  return (\n    <div className=\"grid gap-4\">\n      <Card>\n        <div className=\"mb-3 flex items-center justify-between\">\n          <h3 className=\"text-base font-semibold\">{editingId ? \"Artikel bewerken\" : \"Nieuw artikel\"}</h3>\n          {editingId && (\n            <Button variant=\"secondary\" size=\"sm\" onClick={reset}>+ Nieuw artikel</Button>\n          )}\n        </div>\n        <div className=\"grid gap-3\">\n          <Field label=\"Titel\">\n            <Input value={form.title} onChange={(e) => setForm({ ...form, title: e.target.value })} placeholder=\"Kop van het artikel\" />\n          </Field>\n          <Field label=\"Korte samenvatting\" hint=\"Verschijnt in de nieuwslijst.\">\n            <Input value={form.excerpt} onChange={(e) => setForm({ ...form, excerpt: e.target.value })} />\n          </Field>\n          <Field label=\"Coverfoto\">\n            <div className=\"flex items-center gap-2\">\n              <Input value={form.coverUrl} onChange={(e) => setForm({ ...form, coverUrl: e.target.value })} placeholder=\"URL of upload →\" />\n              <Button type=\"button\" variant=\"secondary\" size=\"sm\" disabled={coverBusy} onClick={() => coverInputRef.current?.click()}>\n                {coverBusy ? \"Uploaden…\" : \"Upload\"}\n              </Button>\n              <input\n                ref={coverInputRef}\n                type=\"file\"\n                accept=\"image/*\"\n                hidden\n                onChange={(e) => {\n                  const f = e.target.files?.[0];\n                  if (f) void onCover(f);\n                  e.target.value = \"\";\n                }}\n              />\n            </div>\n          </Field>\n          {form.coverUrl && (\n            // eslint-disable-next-line @next/next/no-img-element\n            <img src={form.coverUrl} alt=\"\" className=\"h-32 w-full rounded-lg object-cover\" />\n          )}\n          <div className=\"grid gap-3 md:grid-cols-2\">\n            <Field label=\"Datum\">\n              <Input type=\"date\" value={form.date} onChange={(e) => setForm({ ...form, date: e.target.value })} />\n            </Field>\n            <Field label=\"Zichtbaarheid\" hint=\"Aangevinkt = direct zichtbaar op de site; uit = concept.\">\n              <label className=\"flex h-9 items-center gap-2 text-sm\">\n                <input type=\"checkbox\" checked={form.published} onChange={(e) => setForm({ ...form, published: e.target.checked })} />\n                Gepubliceerd\n              </label>\n            </Field>\n          </div>\n          <Field label=\"Tekst\" hint=\"Met opmaak (koppen, lijsten, links, afbeeldingen). Bestaande artikelen zonder opmaak blijven gewoon werken.\">\n            <RichTextEditor\n              siteId={siteId}\n              value={form.bodyHtml || (form.body ? `<p>${form.body.split(/\\n{2,}/).join(\"</p><p>\")}</p>` : \"\")}\n              onChange={(html) => setForm((f) => ({ ...f, bodyHtml: html }))}\n            />\n          </Field>\n          <div>\n            <Button disabled={busy} onClick={() => void save()}>\n              {busy ? \"Opslaan…\" : editingId ? \"Wijzigingen opslaan\" : \"Artikel opslaan\"}\n            </Button>\n          </div>\n        </div>\n      </Card>\n\n      <Card>\n        <h3 className=\"mb-3 text-base font-semibold\">Artikelen</h3>\n        {articles.length === 0 ? (\n          <p className=\"text-sm text-slate-500\">Nog geen artikelen. Maak hierboven je eerste nieuwsartikel.</p>\n        ) : (\n          <div className=\"grid gap-2\">\n            {articles.map((a) => (\n              <div key={a.id} className=\"flex items-center justify-between gap-3 rounded-lg border border-slate-200 p-3\">\n                <span className=\"flex items-center gap-2 text-sm\">\n                  <span className=\"font-medium\">{a.title}</span>\n                  <span className=\"text-slate-400\">· {a.date}</span>\n                  {a.published ? <Badge tone=\"green\">zichtbaar</Badge> : <Badge tone=\"amber\">concept</Badge>}\n                </span>\n                <span className=\"flex gap-2\">\n                  <Button variant=\"ghost\" size=\"sm\" onClick={() => loadIntoForm(a)}>Bewerk</Button>\n                  <Button variant=\"ghost\" size=\"sm\" onClick={() => void remove(a.id, a.title)}>Verwijder</Button>\n                </span>\n              </div>\n            ))}\n          </div>\n        )}\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/admin/SuperadminPanel.d.ts

@@ -0,0 +1,4 @@
+/** Superadmin: sites/accounts aanmaken, wachtwoord-reset versturen en audit-log inzien. */
+export declare function SuperadminPanel({ siteId }: {
+    siteId: string;
+}): import("react").JSX.Element;

package/dist/admin/SuperadminPanel.js

@@ -0,0 +1,101 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { collection, getDocs, limit, orderBy, query, where } from "firebase/firestore";
+import { getFunctions, httpsCallable } from "firebase/functions";
+import { getDb, getFirebaseApp } from "../firebase/client";
+import { functionsRegion } from "../firebase/region";
+import { Button, Card, Field, Input } from "./ui/primitives";
+import { Select } from "./ui/select";
+import { useToast } from "./ui/toast";
+function callable(name) {
+  const app = getFirebaseApp();
+  if (!app) throw new Error("Firebase niet geconfigureerd.");
+  return httpsCallable(getFunctions(app, functionsRegion()), name);
+}
+function SuperadminPanel({ siteId }) {
+  const { toast } = useToast();
+  const [site, setSite] = useState({ siteId: "", name: "", domain: "" });
+  const [account, setAccount] = useState({ siteId: "", email: "", password: "", role: "siteadmin" });
+  const [resetEmail, setResetEmail] = useState("");
+  const [busy, setBusy] = useState(false);
+  const [audit, setAudit] = useState([]);
+  useEffect(() => {
+    const db = getDb();
+    if (!db) return;
+    const q = query(
+      collection(db, "audit_log"),
+      where("siteId", "in", [siteId, "*"]),
+      orderBy("at", "desc"),
+      limit(20)
+    );
+    getDocs(q).then((snap) => setAudit(snap.docs.map((d) => ({ id: d.id, ...d.data() })))).catch(() => setAudit([]));
+  }, [siteId]);
+  async function run(fn, ok) {
+    setBusy(true);
+    try {
+      const res = await fn();
+      toast({ title: res.data.message ?? ok, tone: "success" });
+    } catch (e) {
+      toast({ title: "Mislukt", description: e.message, tone: "error" });
+    } finally {
+      setBusy(false);
+    }
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "grid gap-4 lg:grid-cols-2", children: [
+    /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsx("h3", { className: "mb-3 text-base font-semibold", children: "Nieuwe site" }),
+      /* @__PURE__ */ jsxs("div", { className: "grid gap-3", children: [
+        /* @__PURE__ */ jsx(Field, { label: "siteId", children: /* @__PURE__ */ jsx(Input, { value: site.siteId, onChange: (e) => setSite({ ...site, siteId: e.target.value }), placeholder: "bv. bakkerij-jansen" }) }),
+        /* @__PURE__ */ jsx(Field, { label: "Naam", children: /* @__PURE__ */ jsx(Input, { value: site.name, onChange: (e) => setSite({ ...site, name: e.target.value }) }) }),
+        /* @__PURE__ */ jsx(Field, { label: "Domein", children: /* @__PURE__ */ jsx(Input, { value: site.domain, onChange: (e) => setSite({ ...site, domain: e.target.value }) }) }),
+        /* @__PURE__ */ jsx(Button, { disabled: busy || !site.siteId, onClick: () => run(() => callable("createSite")(site), "Site aangemaakt"), children: "Site aanmaken" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsx("h3", { className: "mb-3 text-base font-semibold", children: "Beheeraccount" }),
+      /* @__PURE__ */ jsxs("div", { className: "grid gap-3", children: [
+        /* @__PURE__ */ jsx(Field, { label: "siteId", children: /* @__PURE__ */ jsx(Input, { value: account.siteId, onChange: (e) => setAccount({ ...account, siteId: e.target.value }) }) }),
+        /* @__PURE__ */ jsx(Field, { label: "E-mail", children: /* @__PURE__ */ jsx(Input, { type: "email", value: account.email, onChange: (e) => setAccount({ ...account, email: e.target.value }) }) }),
+        /* @__PURE__ */ jsx(Field, { label: "Tijdelijk wachtwoord", children: /* @__PURE__ */ jsx(Input, { value: account.password, onChange: (e) => setAccount({ ...account, password: e.target.value }) }) }),
+        /* @__PURE__ */ jsx(Field, { label: "Rol", children: /* @__PURE__ */ jsx(
+          Select,
+          {
+            value: account.role,
+            onValueChange: (v) => setAccount({ ...account, role: v }),
+            options: [
+              { value: "siteadmin", label: "siteadmin (volledig)" },
+              { value: "editor", label: "editor (alleen content)" }
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Button, { disabled: busy || !account.siteId || !account.email, onClick: () => run(() => callable("createSiteAccount")(account), "Account aangemaakt"), children: "Account aanmaken" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsx("h3", { className: "mb-3 text-base font-semibold", children: "Wachtwoord-reset versturen" }),
+      /* @__PURE__ */ jsxs("div", { className: "grid gap-3", children: [
+        /* @__PURE__ */ jsx(Field, { label: "E-mail", children: /* @__PURE__ */ jsx(Input, { type: "email", value: resetEmail, onChange: (e) => setResetEmail(e.target.value) }) }),
+        /* @__PURE__ */ jsx(Button, { variant: "secondary", disabled: busy || !resetEmail, onClick: () => run(() => callable("requestPasswordReset")({ email: resetEmail }), "Reset-link verstuurd"), children: "Reset-link versturen" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsx("h3", { className: "mb-3 text-base font-semibold", children: "Audit-log (laatste 20)" }),
+      audit.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-slate-500", children: "Geen recente acties (of geen rechten/index)." }) : /* @__PURE__ */ jsx("ul", { className: "text-sm text-slate-600", children: audit.map((a) => /* @__PURE__ */ jsxs("li", { className: "border-b border-slate-100 py-1 last:border-0", children: [
+        /* @__PURE__ */ jsx("span", { className: "font-medium", children: a.action }),
+        " \xB7 ",
+        a.target,
+        " ",
+        /* @__PURE__ */ jsxs("span", { className: "text-slate-400", children: [
+          "(",
+          a.actorUid?.slice(0, 6),
+          ")"
+        ] })
+      ] }, a.id)) })
+    ] })
+  ] });
+}
+export {
+  SuperadminPanel
+};
+//# sourceMappingURL=SuperadminPanel.js.map

package/dist/admin/SuperadminPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/admin/SuperadminPanel.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport { collection, getDocs, limit, orderBy, query, where } from \"firebase/firestore\";\nimport { getFunctions, httpsCallable } from \"firebase/functions\";\nimport { getDb, getFirebaseApp } from \"../firebase/client\";\nimport { functionsRegion } from \"../firebase/region\";\nimport { Button, Card, Field, Input } from \"./ui/primitives\";\nimport { Select } from \"./ui/select\";\nimport { useToast } from \"./ui/toast\";\n\nfunction callable<T>(name: string) {\n  const app = getFirebaseApp();\n  if (!app) throw new Error(\"Firebase niet geconfigureerd.\");\n  return httpsCallable<T, { message?: string }>(getFunctions(app, functionsRegion()), name);\n}\n\n/** Superadmin: sites/accounts aanmaken, wachtwoord-reset versturen en audit-log inzien. */\nexport function SuperadminPanel({ siteId }: { siteId: string }) {\n  const { toast } = useToast();\n  const [site, setSite] = useState({ siteId: \"\", name: \"\", domain: \"\" });\n  const [account, setAccount] = useState({ siteId: \"\", email: \"\", password: \"\", role: \"siteadmin\" });\n  const [resetEmail, setResetEmail] = useState(\"\");\n  const [busy, setBusy] = useState(false);\n  const [audit, setAudit] = useState<{ id: string; action?: string; target?: string; actorUid?: string }[]>([]);\n\n  useEffect(() => {\n    const db = getDb();\n    if (!db) return;\n    const q = query(\n      collection(db, \"audit_log\"),\n      where(\"siteId\", \"in\", [siteId, \"*\"]),\n      orderBy(\"at\", \"desc\"),\n      limit(20),\n    );\n    getDocs(q)\n      .then((snap) => setAudit(snap.docs.map((d) => ({ id: d.id, ...(d.data() as Record<string, string>) }))))\n      .catch(() => setAudit([]));\n  }, [siteId]);\n\n  async function run(fn: () => Promise<{ data: { message?: string } }>, ok: string) {\n    setBusy(true);\n    try {\n      const res = await fn();\n      toast({ title: res.data.message ?? ok, tone: \"success\" });\n    } catch (e) {\n      toast({ title: \"Mislukt\", description: (e as Error).message, tone: \"error\" });\n    } finally {\n      setBusy(false);\n    }\n  }\n\n  return (\n    <div className=\"grid gap-4 lg:grid-cols-2\">\n      <Card>\n        <h3 className=\"mb-3 text-base font-semibold\">Nieuwe site</h3>\n        <div className=\"grid gap-3\">\n          <Field label=\"siteId\"><Input value={site.siteId} onChange={(e) => setSite({ ...site, siteId: e.target.value })} placeholder=\"bv. bakkerij-jansen\" /></Field>\n          <Field label=\"Naam\"><Input value={site.name} onChange={(e) => setSite({ ...site, name: e.target.value })} /></Field>\n          <Field label=\"Domein\"><Input value={site.domain} onChange={(e) => setSite({ ...site, domain: e.target.value })} /></Field>\n          <Button disabled={busy || !site.siteId} onClick={() => run(() => callable<typeof site>(\"createSite\")(site), \"Site aangemaakt\")}>\n            Site aanmaken\n          </Button>\n        </div>\n      </Card>\n\n      <Card>\n        <h3 className=\"mb-3 text-base font-semibold\">Beheeraccount</h3>\n        <div className=\"grid gap-3\">\n          <Field label=\"siteId\"><Input value={account.siteId} onChange={(e) => setAccount({ ...account, siteId: e.target.value })} /></Field>\n          <Field label=\"E-mail\"><Input type=\"email\" value={account.email} onChange={(e) => setAccount({ ...account, email: e.target.value })} /></Field>\n          <Field label=\"Tijdelijk wachtwoord\"><Input value={account.password} onChange={(e) => setAccount({ ...account, password: e.target.value })} /></Field>\n          <Field label=\"Rol\">\n            <Select\n              value={account.role}\n              onValueChange={(v) => setAccount({ ...account, role: v })}\n              options={[\n                { value: \"siteadmin\", label: \"siteadmin (volledig)\" },\n                { value: \"editor\", label: \"editor (alleen content)\" },\n              ]}\n            />\n          </Field>\n          <Button disabled={busy || !account.siteId || !account.email} onClick={() => run(() => callable<typeof account>(\"createSiteAccount\")(account), \"Account aangemaakt\")}>\n            Account aanmaken\n          </Button>\n        </div>\n      </Card>\n\n      <Card>\n        <h3 className=\"mb-3 text-base font-semibold\">Wachtwoord-reset versturen</h3>\n        <div className=\"grid gap-3\">\n          <Field label=\"E-mail\"><Input type=\"email\" value={resetEmail} onChange={(e) => setResetEmail(e.target.value)} /></Field>\n          <Button variant=\"secondary\" disabled={busy || !resetEmail} onClick={() => run(() => callable<{ email: string }>(\"requestPasswordReset\")({ email: resetEmail }), \"Reset-link verstuurd\")}>\n            Reset-link versturen\n          </Button>\n        </div>\n      </Card>\n\n      <Card>\n        <h3 className=\"mb-3 text-base font-semibold\">Audit-log (laatste 20)</h3>\n        {audit.length === 0 ? (\n          <p className=\"text-sm text-slate-500\">Geen recente acties (of geen rechten/index).</p>\n        ) : (\n          <ul className=\"text-sm text-slate-600\">\n            {audit.map((a) => (\n              <li key={a.id} className=\"border-b border-slate-100 py-1 last:border-0\">\n                <span className=\"font-medium\">{a.action}</span> · {a.target} <span className=\"text-slate-400\">({a.actorUid?.slice(0, 6)})</span>\n              </li>\n            ))}\n          </ul>\n        )}\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/admin/blockEditors/StyleEditor.d.ts

@@ -0,0 +1,10 @@
+import type { BlockStyle } from "../../schema/blocks";
+/**
+ * Inklapbare "Blokstijl"-sectie die voor ELK block beschikbaar is (gedeelde `_style`): verticale
+ * ruimte, achtergrond, breedte, uitlijning en een anker-id. Wordt generiek aan de block-editors
+ * toegevoegd, dus elk block krijgt deze opties zonder zijn editor te wijzigen.
+ */
+export declare function StyleEditor({ value, onChange, }: {
+    value?: BlockStyle;
+    onChange: (style: BlockStyle) => void;
+}): import("react").JSX.Element;

package/dist/admin/blockEditors/StyleEditor.js

@@ -0,0 +1,78 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Field, Input } from "../ui/primitives";
+import { Select } from "../ui/select";
+function StyleEditor({
+  value = {},
+  onChange
+}) {
+  const update = (part) => onChange({ ...value, ...part });
+  return /* @__PURE__ */ jsxs("details", { className: "rounded-lg border border-slate-200 p-3", children: [
+    /* @__PURE__ */ jsx("summary", { className: "cursor-pointer text-sm font-medium text-slate-700", children: "Blokstijl" }),
+    /* @__PURE__ */ jsxs("div", { className: "mt-3 grid gap-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
+        /* @__PURE__ */ jsx(Field, { label: "Ruimte boven/onder", children: /* @__PURE__ */ jsx(
+          Select,
+          {
+            value: value.paddingY ?? "",
+            onValueChange: (v) => update({ paddingY: v || void 0 }),
+            options: [
+              { value: "", label: "Standaard" },
+              { value: "none", label: "Geen" },
+              { value: "sm", label: "Klein" },
+              { value: "md", label: "Normaal" },
+              { value: "lg", label: "Groot" },
+              { value: "xl", label: "Extra groot" }
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Field, { label: "Breedte", children: /* @__PURE__ */ jsx(
+          Select,
+          {
+            value: value.width ?? "",
+            onValueChange: (v) => update({ width: v || void 0 }),
+            options: [
+              { value: "", label: "Standaard" },
+              { value: "narrow", label: "Smal" },
+              { value: "container", label: "Container" },
+              { value: "full", label: "Volle breedte" }
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Field, { label: "Uitlijning", children: /* @__PURE__ */ jsx(
+          Select,
+          {
+            value: value.align ?? "",
+            onValueChange: (v) => update({ align: v || void 0 }),
+            options: [
+              { value: "", label: "Standaard" },
+              { value: "left", label: "Links" },
+              { value: "center", label: "Midden" },
+              { value: "right", label: "Rechts" }
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Field, { label: "Achtergrond (kleur)", children: /* @__PURE__ */ jsx(Input, { value: value.background ?? "", onChange: (e) => update({ background: e.target.value || void 0 }), placeholder: "#f8fafc" }) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
+        /* @__PURE__ */ jsx(Field, { label: "Anker-id (voor #deeplinks)", children: /* @__PURE__ */ jsx(Input, { value: value.anchorId ?? "", onChange: (e) => update({ anchorId: e.target.value || void 0 }), placeholder: "bv. contact" }) }),
+        /* @__PURE__ */ jsx(Field, { label: "Animatie (bij scrollen)", children: /* @__PURE__ */ jsx(
+          Select,
+          {
+            value: value.animate ?? "",
+            onValueChange: (v) => update({ animate: v || void 0 }),
+            options: [
+              { value: "", label: "Geen" },
+              { value: "fade", label: "Vervagen" },
+              { value: "up", label: "Omhoog schuiven" }
+            ]
+          }
+        ) })
+      ] })
+    ] })
+  ] });
+}
+export {
+  StyleEditor
+};
+//# sourceMappingURL=StyleEditor.js.map

package/dist/admin/blockEditors/StyleEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/blockEditors/StyleEditor.tsx"],"sourcesContent":["\"use client\";\n\nimport type { BlockStyle } from \"../../schema/blocks\";\nimport { Field, Input } from \"../ui/primitives\";\nimport { Select } from \"../ui/select\";\n\n/**\n * Inklapbare \"Blokstijl\"-sectie die voor ELK block beschikbaar is (gedeelde `_style`): verticale\n * ruimte, achtergrond, breedte, uitlijning en een anker-id. Wordt generiek aan de block-editors\n * toegevoegd, dus elk block krijgt deze opties zonder zijn editor te wijzigen.\n */\nexport function StyleEditor({\n  value = {},\n  onChange,\n}: {\n  value?: BlockStyle;\n  onChange: (style: BlockStyle) => void;\n}) {\n  const update = (part: Partial<BlockStyle>) => onChange({ ...value, ...part });\n  return (\n    <details className=\"rounded-lg border border-slate-200 p-3\">\n      <summary className=\"cursor-pointer text-sm font-medium text-slate-700\">Blokstijl</summary>\n      <div className=\"mt-3 grid gap-3\">\n        <div className=\"grid grid-cols-2 gap-3\">\n          <Field label=\"Ruimte boven/onder\">\n            <Select\n              value={value.paddingY ?? \"\"}\n              onValueChange={(v) => update({ paddingY: (v || undefined) as BlockStyle[\"paddingY\"] })}\n              options={[\n                { value: \"\", label: \"Standaard\" },\n                { value: \"none\", label: \"Geen\" },\n                { value: \"sm\", label: \"Klein\" },\n                { value: \"md\", label: \"Normaal\" },\n                { value: \"lg\", label: \"Groot\" },\n                { value: \"xl\", label: \"Extra groot\" },\n              ]}\n            />\n          </Field>\n          <Field label=\"Breedte\">\n            <Select\n              value={value.width ?? \"\"}\n              onValueChange={(v) => update({ width: (v || undefined) as BlockStyle[\"width\"] })}\n              options={[\n                { value: \"\", label: \"Standaard\" },\n                { value: \"narrow\", label: \"Smal\" },\n                { value: \"container\", label: \"Container\" },\n                { value: \"full\", label: \"Volle breedte\" },\n              ]}\n            />\n          </Field>\n          <Field label=\"Uitlijning\">\n            <Select\n              value={value.align ?? \"\"}\n              onValueChange={(v) => update({ align: (v || undefined) as BlockStyle[\"align\"] })}\n              options={[\n                { value: \"\", label: \"Standaard\" },\n                { value: \"left\", label: \"Links\" },\n                { value: \"center\", label: \"Midden\" },\n                { value: \"right\", label: \"Rechts\" },\n              ]}\n            />\n          </Field>\n          <Field label=\"Achtergrond (kleur)\">\n            <Input value={value.background ?? \"\"} onChange={(e) => update({ background: e.target.value || undefined })} placeholder=\"#f8fafc\" />\n          </Field>\n        </div>\n        <div className=\"grid grid-cols-2 gap-3\">\n          <Field label=\"Anker-id (voor #deeplinks)\">\n            <Input value={value.anchorId ?? \"\"} onChange={(e) => update({ anchorId: e.target.value || undefined })} placeholder=\"bv. contact\" />\n          </Field>\n          <Field label=\"Animatie (bij scrollen)\">\n            <Select\n              value={value.animate ?? \"\"}\n              onValueChange={(v) => update({ animate: (v || undefined) as BlockStyle[\"animate\"] })}\n              options={[\n                { value: \"\", label: \"Geen\" },\n                { value: \"fade\", label: \"Vervagen\" },\n                { value: \"up\", label: \"Omhoog schuiven\" },\n              ]}\n            />\n          </Field>\n        </div>\n      </div>\n    </details>\n  );\n}\n"],"mappings":";AAqBM,cAEE,YAFF;AAlBN,SAAS,OAAO,aAAa;AAC7B,SAAS,cAAc;AAOhB,SAAS,YAAY;AAAA,EAC1B,QAAQ,CAAC;AAAA,EACT;AACF,GAGG;AACD,QAAM,SAAS,CAAC,SAA8B,SAAS,EAAE,GAAG,OAAO,GAAG,KAAK,CAAC;AAC5E,SACE,qBAAC,aAAQ,WAAU,0CACjB;AAAA,wBAAC,aAAQ,WAAU,qDAAoD,uBAAS;AAAA,IAChF,qBAAC,SAAI,WAAU,mBACb;AAAA,2BAAC,SAAI,WAAU,0BACb;AAAA,4BAAC,SAAM,OAAM,sBACX;AAAA,UAAC;AAAA;AAAA,YACC,OAAO,MAAM,YAAY;AAAA,YACzB,eAAe,CAAC,MAAM,OAAO,EAAE,UAAW,KAAK,OAAqC,CAAC;AAAA,YACrF,SAAS;AAAA,cACP,EAAE,OAAO,IAAI,OAAO,YAAY;AAAA,cAChC,EAAE,OAAO,QAAQ,OAAO,OAAO;AAAA,cAC/B,EAAE,OAAO,MAAM,OAAO,QAAQ;AAAA,cAC9B,EAAE,OAAO,MAAM,OAAO,UAAU;AAAA,cAChC,EAAE,OAAO,MAAM,OAAO,QAAQ;AAAA,cAC9B,EAAE,OAAO,MAAM,OAAO,cAAc;AAAA,YACtC;AAAA;AAAA,QACF,GACF;AAAA,QACA,oBAAC,SAAM,OAAM,WACX;AAAA,UAAC;AAAA;AAAA,YACC,OAAO,MAAM,SAAS;AAAA,YACtB,eAAe,CAAC,MAAM,OAAO,EAAE,OAAQ,KAAK,OAAkC,CAAC;AAAA,YAC/E,SAAS;AAAA,cACP,EAAE,OAAO,IAAI,OAAO,YAAY;AAAA,cAChC,EAAE,OAAO,UAAU,OAAO,OAAO;AAAA,cACjC,EAAE,OAAO,aAAa,OAAO,YAAY;AAAA,cACzC,EAAE,OAAO,QAAQ,OAAO,gBAAgB;AAAA,YAC1C;AAAA;AAAA,QACF,GACF;AAAA,QACA,oBAAC,SAAM,OAAM,cACX;AAAA,UAAC;AAAA;AAAA,YACC,OAAO,MAAM,SAAS;AAAA,YACtB,eAAe,CAAC,MAAM,OAAO,EAAE,OAAQ,KAAK,OAAkC,CAAC;AAAA,YAC/E,SAAS;AAAA,cACP,EAAE,OAAO,IAAI,OAAO,YAAY;AAAA,cAChC,EAAE,OAAO,QAAQ,OAAO,QAAQ;AAAA,cAChC,EAAE,OAAO,UAAU,OAAO,SAAS;AAAA,cACnC,EAAE,OAAO,SAAS,OAAO,SAAS;AAAA,YACpC;AAAA;AAAA,QACF,GACF;AAAA,QACA,oBAAC,SAAM,OAAM,uBACX,8BAAC,SAAM,OAAO,MAAM,cAAc,IAAI,UAAU,CAAC,MAAM,OAAO,EAAE,YAAY,EAAE,OAAO,SAAS,OAAU,CAAC,GAAG,aAAY,WAAU,GACpI;AAAA,SACF;AAAA,MACA,qBAAC,SAAI,WAAU,0BACb;AAAA,4BAAC,SAAM,OAAM,8BACX,8BAAC,SAAM,OAAO,MAAM,YAAY,IAAI,UAAU,CAAC,MAAM,OAAO,EAAE,UAAU,EAAE,OAAO,SAAS,OAAU,CAAC,GAAG,aAAY,eAAc,GACpI;AAAA,QACA,oBAAC,SAAM,OAAM,2BACX;AAAA,UAAC;AAAA;AAAA,YACC,OAAO,MAAM,WAAW;AAAA,YACxB,eAAe,CAAC,MAAM,OAAO,EAAE,SAAU,KAAK,OAAoC,CAAC;AAAA,YACnF,SAAS;AAAA,cACP,EAAE,OAAO,IAAI,OAAO,OAAO;AAAA,cAC3B,EAAE,OAAO,QAAQ,OAAO,WAAW;AAAA,cACnC,EAAE,OAAO,MAAM,OAAO,kBAAkB;AAAA,YAC1C;AAAA;AAAA,QACF,GACF;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/admin/blockEditors/index.d.ts

@@ -0,0 +1,16 @@
+import { type ComponentType } from "react";
+export interface BlockEditorProps {
+    block: Record<string, unknown>;
+    siteId: string;
+    onChange: (next: Record<string, unknown>) => void;
+}
+/**
+ * Fallback-editor voor bloktypes zonder eigen `Editor` (bv. agent-gebouwde maatwerkblokken):
+ * genereert automatisch een formulier uit het Zod-schema van het blok. Primitieve velden krijgen
+ * echte invoervelden (tekst/getal/schakelaar/keuze, `html` → rich text, beeld-URL's → mediakiezer);
+ * complexe velden (lijsten/objecten) een JSON-veld met validatie vóór opslaan. Zo is een blok
+ * zonder maatwerk-editor nooit een doodlopend pad voor de klant.
+ */
+declare function GenericEditor({ block, siteId, onChange }: BlockEditorProps): import("react").JSX.Element;
+export declare const builtinBlockEditors: Record<string, ComponentType<BlockEditorProps>>;
+export { GenericEditor };