@xiwebdesign/xicms-core 4.17.1

package/dist/admin/forms/FormsPanel.js

@@ -0,0 +1,203 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import {
+  addDoc,
+  collection,
+  deleteDoc,
+  doc,
+  onSnapshot,
+  orderBy,
+  query,
+  setDoc
+} from "firebase/firestore";
+import { getDb } from "../../firebase/client";
+import { FormSchema } from "../../schema/forms";
+import { Button, Card, Field, Input, Badge } from "../ui/primitives";
+import { Select } from "../ui/select";
+import { Switch } from "../ui/switch";
+import { useToast } from "../ui/toast";
+import { useConfirm } from "../ui/ConfirmDialog";
+const FIELD_TYPES = [
+  { value: "text", label: "Tekst" },
+  { value: "email", label: "E-mail" },
+  { value: "tel", label: "Telefoon" },
+  { value: "textarea", label: "Tekstvak" },
+  { value: "select", label: "Keuzelijst" },
+  { value: "radio", label: "Keuzerondjes" },
+  { value: "checkbox", label: "Vinkje" },
+  { value: "date", label: "Datum" },
+  { value: "number", label: "Getal" }
+];
+function FormsPanel({ siteId }) {
+  const { toast } = useToast();
+  const [forms, setForms] = useState([]);
+  const [selected, setSelected] = useState(null);
+  useEffect(() => {
+    const db = getDb();
+    if (!db) return;
+    return onSnapshot(
+      collection(db, "sites", siteId, "forms"),
+      (snap) => setForms(snap.docs.map((d) => ({ id: d.id, ...d.data() })))
+    );
+  }, [siteId]);
+  const current = forms.find((f) => f.id === selected) ?? null;
+  async function createForm() {
+    const db = getDb();
+    if (!db) return;
+    const ref = await addDoc(collection(db, "sites", siteId, "forms"), {
+      name: "Nieuw formulier",
+      fields: [{ name: "naam", label: "Naam", type: "text", required: true }],
+      submitLabel: "Versturen",
+      successMessage: "Bedankt! We nemen snel contact op."
+    });
+    setSelected(ref.id);
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "grid gap-4 md:grid-cols-[260px_1fr]", children: [
+    /* @__PURE__ */ jsxs(Card, { className: "h-fit", children: [
+      /* @__PURE__ */ jsxs("div", { className: "mb-3 flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: "Formulieren" }),
+        /* @__PURE__ */ jsx(Button, { size: "sm", onClick: createForm, children: "+ Nieuw" })
+      ] }),
+      /* @__PURE__ */ jsxs("ul", { className: "grid gap-1", children: [
+        forms.map((f) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+          "button",
+          {
+            onClick: () => setSelected(f.id),
+            className: `w-full truncate rounded-lg px-3 py-2 text-left text-sm ${f.id === selected ? "bg-brand-50 text-brand-700" : "hover:bg-slate-100"}`,
+            children: [
+              f.name,
+              /* @__PURE__ */ jsxs("span", { className: "ml-1 text-xs text-slate-400", children: [
+                "#",
+                f.id.slice(0, 5)
+              ] })
+            ]
+          }
+        ) }, f.id)),
+        forms.length === 0 && /* @__PURE__ */ jsx("li", { className: "px-3 py-2 text-sm text-slate-500", children: "Nog geen formulieren." })
+      ] })
+    ] }),
+    current ? /* @__PURE__ */ jsx(FormDetail, { siteId, form: current, onDeleted: () => setSelected(null), onToast: toast }, current.id) : /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx("p", { className: "text-sm text-slate-500", children: "Selecteer of maak een formulier." }) })
+  ] });
+}
+function FormDetail({
+  siteId,
+  form,
+  onDeleted,
+  onToast
+}) {
+  const [def, setDef] = useState(form);
+  const confirm = useConfirm();
+  async function save() {
+    const db = getDb();
+    if (!db) return;
+    const parsed = FormSchema.safeParse(def);
+    if (!parsed.success) {
+      onToast({ title: "Ongeldig formulier", description: parsed.error.issues[0]?.message, tone: "error" });
+      return;
+    }
+    await setDoc(doc(db, "sites", siteId, "forms", form.id), parsed.data, { merge: true });
+    onToast({ title: "Opgeslagen", tone: "success" });
+  }
+  async function remove() {
+    const db = getDb();
+    if (!db) return;
+    const ok = await confirm({ title: "Formulier verwijderen?", description: "Het formulier wordt verwijderd. Inzendingen blijven bewaard.", confirmLabel: "Verwijderen", tone: "danger" });
+    if (!ok) return;
+    await deleteDoc(doc(db, "sites", siteId, "forms", form.id));
+    onDeleted();
+  }
+  function setField(i, part) {
+    const fields = [...def.fields];
+    fields[i] = { ...fields[i], ...part };
+    setDef({ ...def, fields });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "grid gap-4", children: [
+    /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsxs("div", { className: "mb-3 flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx("h3", { className: "text-base font-semibold", children: "Formulier bewerken" }),
+        /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ jsx(Button, { variant: "danger", size: "sm", onClick: remove, children: "Verwijderen" }),
+          /* @__PURE__ */ jsx(Button, { size: "sm", onClick: save, children: "Opslaan" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "grid gap-3 md:grid-cols-2", children: [
+        /* @__PURE__ */ jsx(Field, { label: "Naam", children: /* @__PURE__ */ jsx(Input, { value: def.name, onChange: (e) => setDef({ ...def, name: e.target.value }) }) }),
+        /* @__PURE__ */ jsx(Field, { label: "Verstuurknop", children: /* @__PURE__ */ jsx(Input, { value: def.submitLabel, onChange: (e) => setDef({ ...def, submitLabel: e.target.value }) }) }),
+        /* @__PURE__ */ jsx(Field, { label: "Bedankbericht", children: /* @__PURE__ */ jsx(Input, { value: def.successMessage, onChange: (e) => setDef({ ...def, successMessage: e.target.value }) }) }),
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 items-end gap-2", children: [
+          /* @__PURE__ */ jsx(Field, { label: "Bedankt-pagina (optioneel)", hint: "Na verzenden doorsturen naar dit pad, bv. /bedankt", children: /* @__PURE__ */ jsx(Input, { value: def.successRedirect ?? "", onChange: (e) => setDef({ ...def, successRedirect: e.target.value || void 0 }) }) }),
+          /* @__PURE__ */ jsxs("label", { className: "flex h-9 items-center gap-2 text-sm", children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "checkbox",
+                checked: Boolean(def.confirmSubmitter),
+                onChange: (e) => setDef({ ...def, confirmSubmitter: e.target.checked })
+              }
+            ),
+            "Bevestigingsmail naar inzender (eerste e-mailveld)"
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("p", { className: "mt-3 text-xs text-slate-500", children: [
+        "Formulier-id (voor het Formulier-blok): ",
+        /* @__PURE__ */ jsx("code", { children: form.id })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsx("h4", { className: "mb-3 text-sm font-semibold", children: "Velden" }),
+      /* @__PURE__ */ jsx("div", { className: "grid gap-3", children: def.fields.map((f, i) => /* @__PURE__ */ jsxs("div", { className: "grid items-end gap-2 rounded-lg border border-slate-200 p-3 md:grid-cols-[1fr_1fr_140px_auto_auto]", children: [
+        /* @__PURE__ */ jsx(Field, { label: "Naam (sleutel)", children: /* @__PURE__ */ jsx(Input, { value: f.name, onChange: (e) => setField(i, { name: e.target.value }) }) }),
+        /* @__PURE__ */ jsx(Field, { label: "Label", children: /* @__PURE__ */ jsx(Input, { value: f.label, onChange: (e) => setField(i, { label: e.target.value }) }) }),
+        /* @__PURE__ */ jsx(Field, { label: "Type", children: /* @__PURE__ */ jsx(Select, { value: f.type, onValueChange: (v) => setField(i, { type: v }), options: FIELD_TYPES }) }),
+        /* @__PURE__ */ jsx(Switch, { checked: f.required, onCheckedChange: (v) => setField(i, { required: v }), label: "Verplicht" }),
+        /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: () => setDef({ ...def, fields: def.fields.filter((_, idx) => idx !== i) }), children: "\u{1F5D1}" }),
+        (f.type === "select" || f.type === "radio") && /* @__PURE__ */ jsx("div", { className: "md:col-span-5", children: /* @__PURE__ */ jsx(Field, { label: "Opties (komma-gescheiden)", children: /* @__PURE__ */ jsx(
+          Input,
+          {
+            value: (f.options ?? []).join(", "),
+            onChange: (e) => setField(i, { options: e.target.value.split(",").map((s) => s.trim()).filter(Boolean) })
+          }
+        ) }) })
+      ] }, i)) }),
+      /* @__PURE__ */ jsx("div", { className: "mt-3", children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "secondary",
+          size: "sm",
+          onClick: () => setDef({ ...def, fields: [...def.fields, { name: `veld${def.fields.length + 1}`, label: "Nieuw veld", type: "text", required: false }] }),
+          children: "+ Veld toevoegen"
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsx(Submissions, { siteId, formId: form.id })
+  ] });
+}
+function Submissions({ siteId, formId }) {
+  const [subs, setSubs] = useState([]);
+  useEffect(() => {
+    const db = getDb();
+    if (!db) return;
+    const q = query(collection(db, "sites", siteId, "forms", formId, "submissions"), orderBy("createdAt", "desc"));
+    return onSnapshot(q, (snap) => setSubs(snap.docs.map((d) => ({ id: d.id, ...d.data() }))));
+  }, [siteId, formId]);
+  return /* @__PURE__ */ jsxs(Card, { children: [
+    /* @__PURE__ */ jsxs("h4", { className: "mb-3 text-sm font-semibold", children: [
+      "Inzendingen ",
+      /* @__PURE__ */ jsx(Badge, { children: subs.length })
+    ] }),
+    subs.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-slate-500", children: "Nog geen inzendingen." }) : /* @__PURE__ */ jsx("div", { className: "grid gap-2", children: subs.map((s) => /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-slate-200 p-3 text-sm", children: Object.entries(s.values ?? {}).map(([k, v]) => /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsxs("span", { className: "font-medium text-slate-600", children: [
+        k,
+        ":"
+      ] }),
+      " ",
+      String(v)
+    ] }, k)) }, s.id)) })
+  ] });
+}
+export {
+  FormsPanel
+};
+//# sourceMappingURL=FormsPanel.js.map

package/dist/admin/forms/FormsPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/forms/FormsPanel.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport {\n  addDoc,\n  collection,\n  deleteDoc,\n  doc,\n  onSnapshot,\n  orderBy,\n  query,\n  serverTimestamp,\n  setDoc,\n} from \"firebase/firestore\";\nimport { getDb } from \"../../firebase/client\";\nimport { FormSchema, type FormDefinition, type FormField, type FieldType } from \"../../schema/forms\";\nimport { Button, Card, Field, Input, Badge } from \"../ui/primitives\";\nimport { Select } from \"../ui/select\";\nimport { Switch } from \"../ui/switch\";\nimport { useToast } from \"../ui/toast\";\nimport { useConfirm } from \"../ui/ConfirmDialog\";\n\ntype StoredForm = FormDefinition & { id: string };\n\nconst FIELD_TYPES: { value: FieldType; label: string }[] = [\n  { value: \"text\", label: \"Tekst\" },\n  { value: \"email\", label: \"E-mail\" },\n  { value: \"tel\", label: \"Telefoon\" },\n  { value: \"textarea\", label: \"Tekstvak\" },\n  { value: \"select\", label: \"Keuzelijst\" },\n  { value: \"radio\", label: \"Keuzerondjes\" },\n  { value: \"checkbox\", label: \"Vinkje\" },\n  { value: \"date\", label: \"Datum\" },\n  { value: \"number\", label: \"Getal\" },\n];\n\nexport function FormsPanel({ siteId }: { siteId: string }) {\n  const { toast } = useToast();\n  const [forms, setForms] = useState<StoredForm[]>([]);\n  const [selected, setSelected] = useState<string | null>(null);\n\n  useEffect(() => {\n    const db = getDb();\n    if (!db) return;\n    return onSnapshot(collection(db, \"sites\", siteId, \"forms\"), (snap) =>\n      setForms(snap.docs.map((d) => ({ id: d.id, ...(d.data() as Omit<StoredForm, \"id\">) }))),\n    );\n  }, [siteId]);\n\n  const current = forms.find((f) => f.id === selected) ?? null;\n\n  async function createForm() {\n    const db = getDb();\n    if (!db) return;\n    const ref = await addDoc(collection(db, \"sites\", siteId, \"forms\"), {\n      name: \"Nieuw formulier\",\n      fields: [{ name: \"naam\", label: \"Naam\", type: \"text\", required: true }],\n      submitLabel: \"Versturen\",\n      successMessage: \"Bedankt! We nemen snel contact op.\",\n    } satisfies FormDefinition);\n    setSelected(ref.id);\n  }\n\n  return (\n    <div className=\"grid gap-4 md:grid-cols-[260px_1fr]\">\n      <Card className=\"h-fit\">\n        <div className=\"mb-3 flex items-center justify-between\">\n          <h3 className=\"text-sm font-semibold\">Formulieren</h3>\n          <Button size=\"sm\" onClick={createForm}>+ Nieuw</Button>\n        </div>\n        <ul className=\"grid gap-1\">\n          {forms.map((f) => (\n            <li key={f.id}>\n              <button\n                onClick={() => setSelected(f.id)}\n                className={`w-full truncate rounded-lg px-3 py-2 text-left text-sm ${\n                  f.id === selected ? \"bg-brand-50 text-brand-700\" : \"hover:bg-slate-100\"\n                }`}\n              >\n                {f.name}\n                <span className=\"ml-1 text-xs text-slate-400\">#{f.id.slice(0, 5)}</span>\n              </button>\n            </li>\n          ))}\n          {forms.length === 0 && <li className=\"px-3 py-2 text-sm text-slate-500\">Nog geen formulieren.</li>}\n        </ul>\n      </Card>\n      {current ? (\n        <FormDetail key={current.id} siteId={siteId} form={current} onDeleted={() => setSelected(null)} onToast={toast} />\n      ) : (\n        <Card>\n          <p className=\"text-sm text-slate-500\">Selecteer of maak een formulier.</p>\n        </Card>\n      )}\n    </div>\n  );\n}\n\nfunction FormDetail({\n  siteId,\n  form,\n  onDeleted,\n  onToast,\n}: {\n  siteId: string;\n  form: StoredForm;\n  onDeleted: () => void;\n  onToast: (t: { title: string; description?: string; tone?: \"default\" | \"success\" | \"error\" }) => void;\n}) {\n  const [def, setDef] = useState<FormDefinition>(form);\n  const confirm = useConfirm();\n\n  async function save() {\n    const db = getDb();\n    if (!db) return;\n    const parsed = FormSchema.safeParse(def);\n    if (!parsed.success) {\n      onToast({ title: \"Ongeldig formulier\", description: parsed.error.issues[0]?.message, tone: \"error\" });\n      return;\n    }\n    await setDoc(doc(db, \"sites\", siteId, \"forms\", form.id), parsed.data, { merge: true });\n    onToast({ title: \"Opgeslagen\", tone: \"success\" });\n  }\n\n  async function remove() {\n    const db = getDb();\n    if (!db) return;\n    const ok = await confirm({ title: \"Formulier verwijderen?\", description: \"Het formulier wordt verwijderd. Inzendingen blijven bewaard.\", confirmLabel: \"Verwijderen\", tone: \"danger\" });\n    if (!ok) return;\n    await deleteDoc(doc(db, \"sites\", siteId, \"forms\", form.id));\n    onDeleted();\n  }\n\n  function setField(i: number, part: Partial<FormField>) {\n    const fields = [...def.fields];\n    fields[i] = { ...fields[i], ...part };\n    setDef({ ...def, fields });\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\">Formulier bewerken</h3>\n          <div className=\"flex gap-2\">\n            <Button variant=\"danger\" size=\"sm\" onClick={remove}>Verwijderen</Button>\n            <Button size=\"sm\" onClick={save}>Opslaan</Button>\n          </div>\n        </div>\n        <div className=\"grid gap-3 md:grid-cols-2\">\n          <Field label=\"Naam\"><Input value={def.name} onChange={(e) => setDef({ ...def, name: e.target.value })} /></Field>\n          <Field label=\"Verstuurknop\"><Input value={def.submitLabel} onChange={(e) => setDef({ ...def, submitLabel: e.target.value })} /></Field>\n          <Field label=\"Bedankbericht\"><Input value={def.successMessage} onChange={(e) => setDef({ ...def, successMessage: e.target.value })} /></Field>\n          <div className=\"grid grid-cols-2 items-end gap-2\">\n            <Field label=\"Bedankt-pagina (optioneel)\" hint=\"Na verzenden doorsturen naar dit pad, bv. /bedankt\">\n              <Input value={def.successRedirect ?? \"\"} onChange={(e) => setDef({ ...def, successRedirect: e.target.value || undefined })} />\n            </Field>\n            <label className=\"flex h-9 items-center gap-2 text-sm\">\n              <input\n                type=\"checkbox\"\n                checked={Boolean(def.confirmSubmitter)}\n                onChange={(e) => setDef({ ...def, confirmSubmitter: e.target.checked })}\n              />\n              Bevestigingsmail naar inzender (eerste e-mailveld)\n            </label>\n          </div>\n        </div>\n        <p className=\"mt-3 text-xs text-slate-500\">Formulier-id (voor het Formulier-blok): <code>{form.id}</code></p>\n      </Card>\n\n      <Card>\n        <h4 className=\"mb-3 text-sm font-semibold\">Velden</h4>\n        <div className=\"grid gap-3\">\n          {def.fields.map((f, i) => (\n            <div key={i} className=\"grid items-end gap-2 rounded-lg border border-slate-200 p-3 md:grid-cols-[1fr_1fr_140px_auto_auto]\">\n              <Field label=\"Naam (sleutel)\"><Input value={f.name} onChange={(e) => setField(i, { name: e.target.value })} /></Field>\n              <Field label=\"Label\"><Input value={f.label} onChange={(e) => setField(i, { label: e.target.value })} /></Field>\n              <Field label=\"Type\">\n                <Select value={f.type} onValueChange={(v) => setField(i, { type: v as FieldType })} options={FIELD_TYPES} />\n              </Field>\n              <Switch checked={f.required} onCheckedChange={(v) => setField(i, { required: v })} label=\"Verplicht\" />\n              <Button variant=\"ghost\" size=\"sm\" onClick={() => setDef({ ...def, fields: def.fields.filter((_, idx) => idx !== i) })}>🗑</Button>\n              {(f.type === \"select\" || f.type === \"radio\") && (\n                <div className=\"md:col-span-5\">\n                  <Field label=\"Opties (komma-gescheiden)\">\n                    <Input\n                      value={(f.options ?? []).join(\", \")}\n                      onChange={(e) => setField(i, { options: e.target.value.split(\",\").map((s) => s.trim()).filter(Boolean) })}\n                    />\n                  </Field>\n                </div>\n              )}\n            </div>\n          ))}\n        </div>\n        <div className=\"mt-3\">\n          <Button\n            variant=\"secondary\"\n            size=\"sm\"\n            onClick={() => setDef({ ...def, fields: [...def.fields, { name: `veld${def.fields.length + 1}`, label: \"Nieuw veld\", type: \"text\", required: false }] })}\n          >\n            + Veld toevoegen\n          </Button>\n        </div>\n      </Card>\n\n      <Submissions siteId={siteId} formId={form.id} />\n    </div>\n  );\n}\n\nfunction Submissions({ siteId, formId }: { siteId: string; formId: string }) {\n  const [subs, setSubs] = useState<{ id: string; values: Record<string, unknown>; createdAt?: unknown }[]>([]);\n  useEffect(() => {\n    const db = getDb();\n    if (!db) return;\n    const q = query(collection(db, \"sites\", siteId, \"forms\", formId, \"submissions\"), orderBy(\"createdAt\", \"desc\"));\n    return onSnapshot(q, (snap) => setSubs(snap.docs.map((d) => ({ id: d.id, ...(d.data() as { values: Record<string, unknown> }) }))));\n  }, [siteId, formId]);\n\n  return (\n    <Card>\n      <h4 className=\"mb-3 text-sm font-semibold\">Inzendingen <Badge>{subs.length}</Badge></h4>\n      {subs.length === 0 ? (\n        <p className=\"text-sm text-slate-500\">Nog geen inzendingen.</p>\n      ) : (\n        <div className=\"grid gap-2\">\n          {subs.map((s) => (\n            <div key={s.id} className=\"rounded-lg border border-slate-200 p-3 text-sm\">\n              {Object.entries(s.values ?? {}).map(([k, v]) => (\n                <div key={k}>\n                  <span className=\"font-medium text-slate-600\">{k}:</span> {String(v)}\n                </div>\n              ))}\n            </div>\n          ))}\n        </div>\n      )}\n    </Card>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/admin/index.d.ts

@@ -0,0 +1,21 @@
+/**
+ * @xiwebdesign/xicms-core/admin — het beheerdashboard (TipTap + Radix + Tailwind).
+ * Importeer óók de stijlen op je /beheer-route:  import "@xiwebdesign/xicms-core/admin.css";
+ * Alleen op de admin-route laden — de stijlen zijn scoped onder `.xicms-admin`.
+ */
+export { AdminApp } from "./AdminApp";
+export { PagesPanel } from "./pages/PagesPanel";
+export { PageEditor } from "./pages/PageEditor";
+export { MediaManager } from "./media/MediaManager";
+export { FormsPanel } from "./forms/FormsPanel";
+export { StatsPanel } from "./stats/StatsPanel";
+export { SettingsPanel } from "./settings/SettingsPanel";
+export { SuperadminPanel } from "./SuperadminPanel";
+export { builtinPanels, type PanelDefinition, type PanelMinRole, } from "./panelRegistry";
+export { NewsEditor } from "./NewsEditor";
+export { RichTextEditor } from "./editors/RichTextEditor";
+export { builtinBlockEditors } from "./blockEditors";
+export { uploadImage } from "./lib/upload";
+export { ConfirmHost, useConfirm, type ConfirmOptions } from "./ui/ConfirmDialog";
+export { ArrayEditor } from "./ui/ArrayEditor";
+export * as ui from "./ui";

package/dist/admin/index.js

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

package/dist/admin/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/admin/index.ts"],"sourcesContent":["/**\n * @xiwebdesign/xicms-core/admin — het beheerdashboard (TipTap + Radix + Tailwind).\n * Importeer óók de stijlen op je /beheer-route:  import \"@xiwebdesign/xicms-core/admin.css\";\n * Alleen op de admin-route laden — de stijlen zijn scoped onder `.xicms-admin`.\n */\nexport { AdminApp } from \"./AdminApp\";\nexport { PagesPanel } from \"./pages/PagesPanel\";\nexport { PageEditor } from \"./pages/PageEditor\";\nexport { MediaManager } from \"./media/MediaManager\";\nexport { FormsPanel } from \"./forms/FormsPanel\";\nexport { StatsPanel } from \"./stats/StatsPanel\";\nexport { SettingsPanel } from \"./settings/SettingsPanel\";\nexport { SuperadminPanel } from \"./SuperadminPanel\";\nexport {\n  builtinPanels,\n  type PanelDefinition,\n  type PanelMinRole,\n} from \"./panelRegistry\";\nexport { NewsEditor } from \"./NewsEditor\";\nexport { RichTextEditor } from \"./editors/RichTextEditor\";\nexport { builtinBlockEditors } from \"./blockEditors\";\nexport { uploadImage } from \"./lib/upload\";\nexport { ConfirmHost, useConfirm, type ConfirmOptions } from \"./ui/ConfirmDialog\";\nexport { ArrayEditor } from \"./ui/ArrayEditor\";\nexport * as ui from \"./ui\";\n"],"mappings":"AAKA,SAAS,gBAAgB;AACzB,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,qBAAqB;AAC9B,SAAS,uBAAuB;AAChC;AAAA,EACE;AAAA,OAGK;AACP,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB;AAC/B,SAAS,2BAA2B;AACpC,SAAS,mBAAmB;AAC5B,SAAS,aAAa,kBAAuC;AAC7D,SAAS,mBAAmB;AAC5B,YAAY,QAAQ;","names":[]}

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

@@ -0,0 +1,12 @@
+/**
+ * Comprimeert een afbeelding in de browser vóór upload: schaalt naar max `maxSize` px (langste
+ * zijde) en exporteert als webp. Dit bespaart fors op Storage-kosten (een 5MB-foto wordt ~200KB)
+ * en houdt de opgeslagen URL stabiel (we uploaden meteen het kleine bestand).
+ *
+ * Vector/animatie (SVG/GIF) en al kleine bestanden worden ongemoeid gelaten. Bij elke fout valt
+ * de functie terug op het originele bestand — uploaden mag nooit stuklopen op compressie.
+ */
+export declare function compressImage(file: File, opts?: {
+    maxSize?: number;
+    quality?: number;
+}): Promise<File>;

package/dist/admin/lib/compressImage.js

@@ -0,0 +1,53 @@
+"use client";
+async function compressImage(file, opts = {}) {
+  const maxSize = opts.maxSize ?? 2048;
+  const quality = opts.quality ?? 0.82;
+  if (typeof document === "undefined") return file;
+  if (!file.type.startsWith("image/")) return file;
+  if (file.type === "image/svg+xml" || file.type === "image/gif") return file;
+  try {
+    const bitmap = await loadBitmap(file);
+    const scale = Math.min(1, maxSize / Math.max(bitmap.width, bitmap.height));
+    const w = Math.max(1, Math.round(bitmap.width * scale));
+    const h = Math.max(1, Math.round(bitmap.height * scale));
+    const canvas = document.createElement("canvas");
+    canvas.width = w;
+    canvas.height = h;
+    const ctx = canvas.getContext("2d");
+    if (!ctx) return file;
+    ctx.drawImage(bitmap, 0, 0, w, h);
+    if ("close" in bitmap && typeof bitmap.close === "function") bitmap.close();
+    const blob = await new Promise(
+      (resolve) => canvas.toBlob(resolve, "image/webp", quality)
+    );
+    if (!blob || blob.size >= file.size) return file;
+    const name = file.name.replace(/\.[^.]+$/, "") + ".webp";
+    return new File([blob], name, { type: "image/webp", lastModified: Date.now() });
+  } catch {
+    return file;
+  }
+}
+async function loadBitmap(file) {
+  if (typeof createImageBitmap === "function") {
+    try {
+      return await createImageBitmap(file);
+    } catch {
+    }
+  }
+  const url = URL.createObjectURL(file);
+  try {
+    const img = new Image();
+    await new Promise((resolve, reject) => {
+      img.onload = () => resolve();
+      img.onerror = () => reject(new Error("kon afbeelding niet laden"));
+      img.src = url;
+    });
+    return img;
+  } finally {
+    URL.revokeObjectURL(url);
+  }
+}
+export {
+  compressImage
+};
+//# sourceMappingURL=compressImage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/lib/compressImage.ts"],"sourcesContent":["\"use client\";\n\n/**\n * Comprimeert een afbeelding in de browser vóór upload: schaalt naar max `maxSize` px (langste\n * zijde) en exporteert als webp. Dit bespaart fors op Storage-kosten (een 5MB-foto wordt ~200KB)\n * en houdt de opgeslagen URL stabiel (we uploaden meteen het kleine bestand).\n *\n * Vector/animatie (SVG/GIF) en al kleine bestanden worden ongemoeid gelaten. Bij elke fout valt\n * de functie terug op het originele bestand — uploaden mag nooit stuklopen op compressie.\n */\nexport async function compressImage(\n  file: File,\n  opts: { maxSize?: number; quality?: number } = {},\n): Promise<File> {\n  const maxSize = opts.maxSize ?? 2048;\n  const quality = opts.quality ?? 0.82;\n\n  if (typeof document === \"undefined\") return file; // alleen client\n  if (!file.type.startsWith(\"image/\")) return file;\n  if (file.type === \"image/svg+xml\" || file.type === \"image/gif\") return file;\n\n  try {\n    const bitmap = await loadBitmap(file);\n    const scale = Math.min(1, maxSize / Math.max(bitmap.width, bitmap.height));\n    const w = Math.max(1, Math.round(bitmap.width * scale));\n    const h = Math.max(1, Math.round(bitmap.height * scale));\n\n    const canvas = document.createElement(\"canvas\");\n    canvas.width = w;\n    canvas.height = h;\n    const ctx = canvas.getContext(\"2d\");\n    if (!ctx) return file;\n    ctx.drawImage(bitmap as CanvasImageSource, 0, 0, w, h);\n    if (\"close\" in bitmap && typeof bitmap.close === \"function\") bitmap.close();\n\n    const blob = await new Promise<Blob | null>((resolve) =>\n      canvas.toBlob(resolve, \"image/webp\", quality),\n    );\n    if (!blob || blob.size >= file.size) return file; // compressie hielp niet\n\n    const name = file.name.replace(/\\.[^.]+$/, \"\") + \".webp\";\n    return new File([blob], name, { type: \"image/webp\", lastModified: Date.now() });\n  } catch {\n    return file;\n  }\n}\n\nasync function loadBitmap(file: File): Promise<ImageBitmap | HTMLImageElement> {\n  if (typeof createImageBitmap === \"function\") {\n    try {\n      return await createImageBitmap(file);\n    } catch {\n      /* val terug op <img> */\n    }\n  }\n  const url = URL.createObjectURL(file);\n  try {\n    const img = new Image();\n    await new Promise<void>((resolve, reject) => {\n      img.onload = () => resolve();\n      img.onerror = () => reject(new Error(\"kon afbeelding niet laden\"));\n      img.src = url;\n    });\n    return img;\n  } finally {\n    URL.revokeObjectURL(url);\n  }\n}\n"],"mappings":";AAUA,eAAsB,cACpB,MACA,OAA+C,CAAC,GACjC;AACf,QAAM,UAAU,KAAK,WAAW;AAChC,QAAM,UAAU,KAAK,WAAW;AAEhC,MAAI,OAAO,aAAa,YAAa,QAAO;AAC5C,MAAI,CAAC,KAAK,KAAK,WAAW,QAAQ,EAAG,QAAO;AAC5C,MAAI,KAAK,SAAS,mBAAmB,KAAK,SAAS,YAAa,QAAO;AAEvE,MAAI;AACF,UAAM,SAAS,MAAM,WAAW,IAAI;AACpC,UAAM,QAAQ,KAAK,IAAI,GAAG,UAAU,KAAK,IAAI,OAAO,OAAO,OAAO,MAAM,CAAC;AACzE,UAAM,IAAI,KAAK,IAAI,GAAG,KAAK,MAAM,OAAO,QAAQ,KAAK,CAAC;AACtD,UAAM,IAAI,KAAK,IAAI,GAAG,KAAK,MAAM,OAAO,SAAS,KAAK,CAAC;AAEvD,UAAM,SAAS,SAAS,cAAc,QAAQ;AAC9C,WAAO,QAAQ;AACf,WAAO,SAAS;AAChB,UAAM,MAAM,OAAO,WAAW,IAAI;AAClC,QAAI,CAAC,IAAK,QAAO;AACjB,QAAI,UAAU,QAA6B,GAAG,GAAG,GAAG,CAAC;AACrD,QAAI,WAAW,UAAU,OAAO,OAAO,UAAU,WAAY,QAAO,MAAM;AAE1E,UAAM,OAAO,MAAM,IAAI;AAAA,MAAqB,CAAC,YAC3C,OAAO,OAAO,SAAS,cAAc,OAAO;AAAA,IAC9C;AACA,QAAI,CAAC,QAAQ,KAAK,QAAQ,KAAK,KAAM,QAAO;AAE5C,UAAM,OAAO,KAAK,KAAK,QAAQ,YAAY,EAAE,IAAI;AACjD,WAAO,IAAI,KAAK,CAAC,IAAI,GAAG,MAAM,EAAE,MAAM,cAAc,cAAc,KAAK,IAAI,EAAE,CAAC;AAAA,EAChF,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAEA,eAAe,WAAW,MAAqD;AAC7E,MAAI,OAAO,sBAAsB,YAAY;AAC3C,QAAI;AACF,aAAO,MAAM,kBAAkB,IAAI;AAAA,IACrC,QAAQ;AAAA,IAER;AAAA,EACF;AACA,QAAM,MAAM,IAAI,gBAAgB,IAAI;AACpC,MAAI;AACF,UAAM,MAAM,IAAI,MAAM;AACtB,UAAM,IAAI,QAAc,CAAC,SAAS,WAAW;AAC3C,UAAI,SAAS,MAAM,QAAQ;AAC3B,UAAI,UAAU,MAAM,OAAO,IAAI,MAAM,2BAA2B,CAAC;AACjE,UAAI,MAAM;AAAA,IACZ,CAAC;AACD,WAAO;AAAA,EACT,UAAE;AACA,QAAI,gBAAgB,GAAG;AAAA,EACzB;AACF;","names":[]}

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

@@ -0,0 +1,9 @@
+/**
+ * Zoekt (goedkoop) of een media-item in gepubliceerde pagina's wordt gebruikt, zodat we kunnen
+ * waarschuwen vóór verwijderen (anders breekt een live pagina met een dode afbeelding).
+ * Sites hebben weinig pagina's → een JSON-substring-scan is ruim voldoende.
+ */
+export declare function findMediaUsage(siteId: string, item: {
+    id: string;
+    url?: string;
+}): Promise<string[]>;

package/dist/admin/lib/mediaUsage.js

@@ -0,0 +1,25 @@
+"use client";
+import { collection, getDocs } from "firebase/firestore";
+import { getDb } from "../../firebase/client";
+async function findMediaUsage(siteId, item) {
+  const db = getDb();
+  if (!db) return [];
+  try {
+    const snap = await getDocs(collection(db, "sites", siteId, "pages"));
+    const hits = [];
+    for (const d of snap.docs) {
+      const data = d.data();
+      const blob = JSON.stringify(data.blocks ?? []);
+      if (item.url && blob.includes(item.url) || blob.includes(item.id)) {
+        hits.push(String(data.path ?? data.title ?? d.id));
+      }
+    }
+    return hits;
+  } catch {
+    return [];
+  }
+}
+export {
+  findMediaUsage
+};
+//# sourceMappingURL=mediaUsage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/lib/mediaUsage.ts"],"sourcesContent":["\"use client\";\n\nimport { collection, getDocs } from \"firebase/firestore\";\nimport { getDb } from \"../../firebase/client\";\n\n/**\n * Zoekt (goedkoop) of een media-item in gepubliceerde pagina's wordt gebruikt, zodat we kunnen\n * waarschuwen vóór verwijderen (anders breekt een live pagina met een dode afbeelding).\n * Sites hebben weinig pagina's → een JSON-substring-scan is ruim voldoende.\n */\nexport async function findMediaUsage(\n  siteId: string,\n  item: { id: string; url?: string },\n): Promise<string[]> {\n  const db = getDb();\n  if (!db) return [];\n  try {\n    const snap = await getDocs(collection(db, \"sites\", siteId, \"pages\"));\n    const hits: string[] = [];\n    for (const d of snap.docs) {\n      const data = d.data() as Record<string, unknown>;\n      const blob = JSON.stringify(data.blocks ?? []);\n      if ((item.url && blob.includes(item.url)) || blob.includes(item.id)) {\n        hits.push(String(data.path ?? data.title ?? d.id));\n      }\n    }\n    return hits;\n  } catch {\n    return [];\n  }\n}\n"],"mappings":";AAEA,SAAS,YAAY,eAAe;AACpC,SAAS,aAAa;AAOtB,eAAsB,eACpB,QACA,MACmB;AACnB,QAAM,KAAK,MAAM;AACjB,MAAI,CAAC,GAAI,QAAO,CAAC;AACjB,MAAI;AACF,UAAM,OAAO,MAAM,QAAQ,WAAW,IAAI,SAAS,QAAQ,OAAO,CAAC;AACnE,UAAM,OAAiB,CAAC;AACxB,eAAW,KAAK,KAAK,MAAM;AACzB,YAAM,OAAO,EAAE,KAAK;AACpB,YAAM,OAAO,KAAK,UAAU,KAAK,UAAU,CAAC,CAAC;AAC7C,UAAK,KAAK,OAAO,KAAK,SAAS,KAAK,GAAG,KAAM,KAAK,SAAS,KAAK,EAAE,GAAG;AACnE,aAAK,KAAK,OAAO,KAAK,QAAQ,KAAK,SAAS,EAAE,EAAE,CAAC;AAAA,MACnD;AAAA,IACF;AACA,WAAO;AAAA,EACT,QAAQ;AACN,WAAO,CAAC;AAAA,EACV;AACF;","names":[]}

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

@@ -0,0 +1,38 @@
+import type { Page } from "../../schema/pages";
+export type DraftPage = Page & {
+    id: string;
+    published?: boolean;
+};
+/** Live-lijst van pagina's (werkversies in `drafts/`). */
+export declare function subscribePages(siteId: string, cb: (pages: DraftPage[]) => void): () => void;
+export declare function subscribeVersions(siteId: string, pageId: string, cb: (versions: {
+    id: string;
+    createdAt?: unknown;
+    kind?: string;
+    label?: string;
+}[]) => void): () => void;
+/** Laadt de werkversie (draft) voor een pad — voor het inline bewerken op de live pagina. */
+export declare function getDraftByPath(siteId: string, path: string): Promise<DraftPage | null>;
+/**
+ * Live-listener op één werkversie — voor conflictdetectie in de visuele editor (twee tabs of
+ * twee editors tegelijk). `fromServer` is false voor de lokale echo van een eigen write
+ * (hasPendingWrites), zodat de aanroeper eigen saves kan negeren.
+ */
+export declare function subscribeDraft(siteId: string, pageId: string, cb: (draft: DraftPage | null, meta: {
+    fromServer: boolean;
+}) => void): () => void;
+export declare function createPage(siteId: string, input: Partial<Page> & {
+    title: string;
+    slug: string;
+    path: string;
+}): Promise<string>;
+export declare function saveDraft(siteId: string, pageId: string, partial: Partial<Page>): Promise<void>;
+export declare function deletePage(siteId: string, pageId: string): Promise<void>;
+/**
+ * Herstelt een eerdere versie naar de WERKVERSIE (draft). De gebruiker moet daarna zelf
+ * publiceren — zo is herstellen veilig en omkeerbaar (de live site verandert pas bij Publiceren).
+ * Geeft de herstelde velden terug zodat de editor zijn lokale state kan bijwerken.
+ */
+export declare function restoreVersion(siteId: string, pageId: string, versionId: string): Promise<Partial<Page>>;
+/** Publiceren via de Cloud Function (server-side validatie + versie-snapshot + audit). */
+export declare function publishPage(siteId: string, pageId: string): Promise<void>;

package/dist/admin/lib/pagesClient.js

@@ -0,0 +1,143 @@
+"use client";
+import {
+  addDoc,
+  collection,
+  deleteDoc,
+  doc,
+  getDoc,
+  getDocs,
+  limit,
+  onSnapshot,
+  orderBy,
+  query,
+  serverTimestamp,
+  setDoc,
+  where
+} from "firebase/firestore";
+import { getFunctions, httpsCallable } from "firebase/functions";
+import { getDb, getFirebaseApp } from "../../firebase/client";
+import { functionsRegion } from "../../firebase/region";
+import { isDemoActive, demoIdForPath, resolveDemoPage, saveDemoDraft } from "../../demo/demoStore";
+function subscribePages(siteId, cb) {
+  const db = getDb();
+  if (!db) {
+    cb([]);
+    return () => {
+    };
+  }
+  const q = query(collection(db, "sites", siteId, "drafts"), orderBy("order", "asc"));
+  return onSnapshot(q, (snap) => {
+    cb(snap.docs.map((d) => ({ id: d.id, ...d.data() })));
+  });
+}
+function subscribeVersions(siteId, pageId, cb) {
+  const db = getDb();
+  if (!db) {
+    cb([]);
+    return () => {
+    };
+  }
+  const q = query(collection(db, "sites", siteId, "pages", pageId, "versions"), orderBy("createdAt", "desc"));
+  return onSnapshot(q, (snap) => cb(snap.docs.map((d) => ({ id: d.id, ...d.data() }))));
+}
+async function getDraftByPath(siteId, path) {
+  if (isDemoActive()) {
+    const page = resolveDemoPage(siteId, path);
+    return page ? { ...page, id: demoIdForPath(path) } : null;
+  }
+  const db = getDb();
+  if (!db) return null;
+  const snap = await getDocs(
+    query(collection(db, "sites", siteId, "drafts"), where("path", "==", path), limit(1))
+  );
+  const d = snap.docs[0];
+  return d ? { id: d.id, ...d.data() } : null;
+}
+function subscribeDraft(siteId, pageId, cb) {
+  if (isDemoActive()) return () => {
+  };
+  const db = getDb();
+  if (!db) return () => {
+  };
+  return onSnapshot(doc(db, "sites", siteId, "drafts", pageId), (snap) => {
+    cb(
+      snap.exists() ? { id: snap.id, ...snap.data() } : null,
+      { fromServer: !snap.metadata.hasPendingWrites }
+    );
+  });
+}
+async function createPage(siteId, input) {
+  const db = getDb();
+  if (!db) throw new Error("Firebase niet geconfigureerd.");
+  const ref = await addDoc(collection(db, "sites", siteId, "drafts"), {
+    parentId: null,
+    order: Date.now(),
+    status: "draft",
+    blocks: [],
+    published: false,
+    ...input,
+    updatedAt: serverTimestamp()
+  });
+  return ref.id;
+}
+async function saveDraft(siteId, pageId, partial) {
+  if (isDemoActive()) {
+    saveDemoDraft(siteId, pageId, partial);
+    return;
+  }
+  const db = getDb();
+  if (!db) return;
+  await setDoc(
+    doc(db, "sites", siteId, "drafts", pageId),
+    { ...partial, updatedAt: serverTimestamp() },
+    { merge: true }
+  );
+}
+async function deletePage(siteId, pageId) {
+  const db = getDb();
+  if (!db) return;
+  await deleteDoc(doc(db, "sites", siteId, "drafts", pageId));
+  try {
+    await deleteDoc(doc(db, "sites", siteId, "pages", pageId));
+  } catch {
+  }
+}
+async function restoreVersion(siteId, pageId, versionId) {
+  const db = getDb();
+  if (!db) throw new Error("Firebase niet geconfigureerd.");
+  const snap = await getDoc(doc(db, "sites", siteId, "pages", pageId, "versions", versionId));
+  if (!snap.exists()) throw new Error("Versie niet gevonden.");
+  const s = snap.data().snapshot ?? {};
+  const restored = {
+    title: s.title,
+    slug: s.slug,
+    path: s.path,
+    seo: s.seo,
+    blocks: s.blocks,
+    order: s.order
+  };
+  await saveDraft(siteId, pageId, restored);
+  return restored;
+}
+async function publishPage(siteId, pageId) {
+  if (isDemoActive()) {
+    saveDemoDraft(siteId, pageId, {});
+    return;
+  }
+  const app = getFirebaseApp();
+  if (!app) throw new Error("Firebase niet geconfigureerd.");
+  const fn = httpsCallable(getFunctions(app, functionsRegion()), "publishPage");
+  await fn({ siteId, pageId });
+}
+export {
+  createPage,
+  deletePage,
+  getDraftByPath,
+  publishPage,
+  restoreVersion,
+  saveDraft,
+  subscribeDraft,
+  subscribePages,
+  subscribeVersions
+};
+//# sourceMappingURL=pagesClient.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/lib/pagesClient.ts"],"sourcesContent":["\"use client\";\n\nimport {\n  addDoc,\n  collection,\n  deleteDoc,\n  doc,\n  getDoc,\n  getDocs,\n  limit,\n  onSnapshot,\n  orderBy,\n  query,\n  serverTimestamp,\n  setDoc,\n  where,\n} from \"firebase/firestore\";\nimport { getFunctions, httpsCallable } from \"firebase/functions\";\nimport { getDb, getFirebaseApp } from \"../../firebase/client\";\nimport { functionsRegion } from \"../../firebase/region\";\nimport type { Page } from \"../../schema/pages\";\nimport { isDemoActive, demoIdForPath, resolveDemoPage, saveDemoDraft } from \"../../demo/demoStore\";\n\nexport type DraftPage = Page & { id: string; published?: boolean };\n\n/** Live-lijst van pagina's (werkversies in `drafts/`). */\nexport function subscribePages(siteId: string, cb: (pages: DraftPage[]) => void): () => void {\n  const db = getDb();\n  if (!db) {\n    cb([]);\n    return () => {};\n  }\n  const q = query(collection(db, \"sites\", siteId, \"drafts\"), orderBy(\"order\", \"asc\"));\n  return onSnapshot(q, (snap) => {\n    cb(snap.docs.map((d) => ({ id: d.id, ...(d.data() as Omit<DraftPage, \"id\">) })));\n  });\n}\n\nexport function subscribeVersions(\n  siteId: string,\n  pageId: string,\n  cb: (versions: { id: string; createdAt?: unknown; kind?: string; label?: string }[]) => void,\n): () => void {\n  const db = getDb();\n  if (!db) {\n    cb([]);\n    return () => {};\n  }\n  const q = query(collection(db, \"sites\", siteId, \"pages\", pageId, \"versions\"), orderBy(\"createdAt\", \"desc\"));\n  return onSnapshot(q, (snap) => cb(snap.docs.map((d) => ({ id: d.id, ...(d.data() as Record<string, unknown>) }))));\n}\n\n/** Laadt de werkversie (draft) voor een pad — voor het inline bewerken op de live pagina. */\nexport async function getDraftByPath(siteId: string, path: string): Promise<DraftPage | null> {\n  // Demo-modus: de werkversie komt uit de lokale browseropslag (seed + lokale bewerkingen).\n  if (isDemoActive()) {\n    const page = resolveDemoPage(siteId, path);\n    return page ? ({ ...page, id: demoIdForPath(path) } as DraftPage) : null;\n  }\n  const db = getDb();\n  if (!db) return null;\n  const snap = await getDocs(\n    query(collection(db, \"sites\", siteId, \"drafts\"), where(\"path\", \"==\", path), limit(1)),\n  );\n  const d = snap.docs[0];\n  return d ? ({ id: d.id, ...(d.data() as Omit<DraftPage, \"id\">) }) : null;\n}\n\n/**\n * Live-listener op één werkversie — voor conflictdetectie in de visuele editor (twee tabs of\n * twee editors tegelijk). `fromServer` is false voor de lokale echo van een eigen write\n * (hasPendingWrites), zodat de aanroeper eigen saves kan negeren.\n */\nexport function subscribeDraft(\n  siteId: string,\n  pageId: string,\n  cb: (draft: DraftPage | null, meta: { fromServer: boolean }) => void,\n): () => void {\n  if (isDemoActive()) return () => {};\n  const db = getDb();\n  if (!db) return () => {};\n  return onSnapshot(doc(db, \"sites\", siteId, \"drafts\", pageId), (snap) => {\n    cb(\n      snap.exists() ? ({ id: snap.id, ...(snap.data() as Omit<DraftPage, \"id\">) }) : null,\n      { fromServer: !snap.metadata.hasPendingWrites },\n    );\n  });\n}\n\nexport async function createPage(siteId: string, input: Partial<Page> & { title: string; slug: string; path: string }) {\n  const db = getDb();\n  if (!db) throw new Error(\"Firebase niet geconfigureerd.\");\n  const ref = await addDoc(collection(db, \"sites\", siteId, \"drafts\"), {\n    parentId: null,\n    order: Date.now(),\n    status: \"draft\",\n    blocks: [],\n    published: false,\n    ...input,\n    updatedAt: serverTimestamp(),\n  });\n  return ref.id;\n}\n\nexport async function saveDraft(siteId: string, pageId: string, partial: Partial<Page>) {\n  // Demo-modus: bewaar de bewerking alleen lokaal in de browser (niet in Firebase).\n  if (isDemoActive()) {\n    saveDemoDraft(siteId, pageId, partial);\n    return;\n  }\n  const db = getDb();\n  if (!db) return;\n  await setDoc(\n    doc(db, \"sites\", siteId, \"drafts\", pageId),\n    { ...partial, updatedAt: serverTimestamp() },\n    { merge: true },\n  );\n}\n\nexport async function deletePage(siteId: string, pageId: string) {\n  const db = getDb();\n  if (!db) return;\n  await deleteDoc(doc(db, \"sites\", siteId, \"drafts\", pageId));\n  try {\n    await deleteDoc(doc(db, \"sites\", siteId, \"pages\", pageId));\n  } catch {\n    /* gepubliceerde versie bestond niet of geen rechten — negeren */\n  }\n}\n\n/**\n * Herstelt een eerdere versie naar de WERKVERSIE (draft). De gebruiker moet daarna zelf\n * publiceren — zo is herstellen veilig en omkeerbaar (de live site verandert pas bij Publiceren).\n * Geeft de herstelde velden terug zodat de editor zijn lokale state kan bijwerken.\n */\nexport async function restoreVersion(\n  siteId: string,\n  pageId: string,\n  versionId: string,\n): Promise<Partial<Page>> {\n  const db = getDb();\n  if (!db) throw new Error(\"Firebase niet geconfigureerd.\");\n  const snap = await getDoc(doc(db, \"sites\", siteId, \"pages\", pageId, \"versions\", versionId));\n  if (!snap.exists()) throw new Error(\"Versie niet gevonden.\");\n  const s = (snap.data().snapshot ?? {}) as Record<string, unknown>;\n  const restored: Partial<Page> = {\n    title: s.title as string,\n    slug: s.slug as string,\n    path: s.path as string,\n    seo: s.seo as Page[\"seo\"],\n    blocks: s.blocks as Page[\"blocks\"],\n    order: s.order as number,\n  };\n  await saveDraft(siteId, pageId, restored);\n  return restored;\n}\n\n/** Publiceren via de Cloud Function (server-side validatie + versie-snapshot + audit). */\nexport async function publishPage(siteId: string, pageId: string): Promise<void> {\n  // Demo-modus: er wordt niets echt gepubliceerd; de lokale bewerking is al zichtbaar.\n  if (isDemoActive()) {\n    saveDemoDraft(siteId, pageId, {});\n    return;\n  }\n  const app = getFirebaseApp();\n  if (!app) throw new Error(\"Firebase niet geconfigureerd.\");\n  const fn = httpsCallable(getFunctions(app, functionsRegion()), \"publishPage\");\n  await fn({ siteId, pageId });\n}\n"],"mappings":"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","names":[]}

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

@@ -0,0 +1,2 @@
+/** Maakt een URL-veilige slug van een titel (gedeeld door de pagina- en nieuws-editor). */
+export declare function slugify(s: string): string;