@xiwebdesign/xicms-core 7.31.0 → 8.16.0

package/dist/admin/NewsEditor.js

@@ -1,42 +1,85 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useRef, useState } from "react";
+import { useEffect, useRef, useState } from "react";
 import { getFirebaseApp } from "../firebase/client.js";
 import { callable } from "../firebase/functionsClient.js";
 import { useSiteConfig } from "../config.js";
 import { useNews } from "../components/News.js";
-import { uploadImage } from "./lib/upload.js";
 import { slugify } from "./lib/slugify.js";
 import { useConfirm } from "./ui/ConfirmDialog.js";
 import { useToast } from "./ui/toast.js";
-import { Button, Card, Field, Input, Badge } from "./ui/primitives.js";
+import { Button, Card, Field, Input, Textarea, Badge, LegeStaat } from "./ui/primitives.js";
+import { Switch } from "./ui/switch.js";
+import { ImageField } from "./ui/ImageField.js";
+import { LaadStaat } from "./ui/LaadStaat.js";
+import { LeesbaarheidPaneel } from "./ui/LeesbaarheidPaneel.js";
+import { useOnopgeslagen } from "./lib/onopgeslagen.js";
+import { neemOpenVerzoek } from "./navContext.js";
 import { RichTextEditor } from "./editors/RichTextEditor.js";
 const empty = { title: "", excerpt: "", body: "", bodyHtml: "", coverUrl: "", date: "", published: false };
+const vandaagIso = () => (/* @__PURE__ */ new Date()).toISOString().slice(0, 10);
+function nlDatum(iso) {
+  if (!iso) return "";
+  const d = /* @__PURE__ */ new Date(`${iso.slice(0, 10)}T12:00:00`);
+  return Number.isNaN(d.getTime()) ? iso : d.toLocaleDateString("nl-NL", { day: "numeric", month: "long", year: "numeric" });
+}
+function nieuwsToestand(a, vandaag = vandaagIso()) {
+  if (!a.published) return "concept";
+  return a.date && a.date.slice(0, 10) > vandaag ? "ingepland" : "zichtbaar";
+}
 function NewsEditor() {
   const { siteId } = useSiteConfig();
-  const { articles } = useNews({ onlyPublished: false });
+  const { articles, loading } = useNews({ onlyPublished: false });
   const confirm = useConfirm();
   const { toast } = useToast();
   const [form, setForm] = useState(empty);
   const [editingId, setEditingId] = useState(null);
   const [busy, setBusy] = useState(false);
   const [formulierOpen, setFormulierOpen] = useState(false);
-  const [coverBusy, setCoverBusy] = useState(false);
-  const coverInputRef = useRef(null);
+  const [basis, setBasis] = useState(empty);
+  const gewijzigd = formulierOpen && JSON.stringify(form) !== JSON.stringify(basis);
+  useOnopgeslagen(gewijzigd);
+  const formRef = useRef(null);
+  const [teOpenen, setTeOpenen] = useState(() => neemOpenVerzoek("news"));
+  useEffect(() => {
+    if (!teOpenen) return;
+    const a = articles.find((x) => x.id === teOpenen);
+    if (!a) return;
+    setTeOpenen(null);
+    void loadIntoForm(a);
+  }, [teOpenen, articles]);
+  useEffect(() => {
+    if (formulierOpen) formRef.current?.scrollIntoView({ behavior: "smooth", block: "start" });
+  }, [formulierOpen, editingId]);
+  async function magWeg() {
+    if (!gewijzigd) return true;
+    return confirm({
+      title: "Wijzigingen weggooien?",
+      description: "Je hebt dit artikel aangepast maar nog niet opgeslagen.",
+      confirmLabel: "Weggooien",
+      tone: "danger"
+    });
+  }
   function reset() {
     setForm(empty);
+    setBasis(empty);
     setEditingId(null);
     setFormulierOpen(false);
   }
-  function nieuwArtikel() {
-    setForm(empty);
+  async function sluiten() {
+    if (await magWeg()) reset();
+  }
+  async function nieuwArtikel() {
+    if (!await magWeg()) return;
+    const nieuw = { ...empty, date: vandaagIso() };
+    setForm(nieuw);
+    setBasis(nieuw);
     setEditingId(null);
     setFormulierOpen(true);
   }
-  function loadIntoForm(a) {
-    setEditingId(a.id);
-    setFormulierOpen(true);
-    setForm({
+  async function loadIntoForm(a) {
+    if (!await magWeg()) return;
+    const geladen = {
       title: a.title,
       excerpt: a.excerpt ?? "",
       body: a.body,
@@ -44,7 +87,11 @@ function NewsEditor() {
       coverUrl: a.coverUrl ?? "",
       date: a.date,
       published: a.published
-    });
+    };
+    setEditingId(a.id);
+    setFormulierOpen(true);
+    setForm(geladen);
+    setBasis(geladen);
   }
   async function save() {
     if (!form.title.trim()) {
@@ -96,88 +143,83 @@ function NewsEditor() {
     if (editingId === id) reset();
     toast({ title: "Artikel verwijderd", tone: "success" });
   }
-  async function onCover(file) {
-    setCoverBusy(true);
-    try {
-      const { url } = await uploadImage(siteId, file);
-      setForm((prev) => ({ ...prev, coverUrl: url }));
-      toast({ title: "Foto toegevoegd", description: "Automatisch verkleind voor het web.", tone: "success" });
-    } catch (e) {
-      toast({ title: "Upload mislukt", description: e.message, tone: "error" });
-    } finally {
-      setCoverBusy(false);
-    }
-  }
   return /* @__PURE__ */ jsxs("div", { className: "grid gap-4", children: [
-    formulierOpen && /* @__PURE__ */ jsxs(Card, { children: [
-      /* @__PURE__ */ jsxs("div", { className: "mb-3 flex items-center justify-between", children: [
+    formulierOpen && /* @__PURE__ */ jsx("div", { ref: formRef, className: "scroll-mt-24", children: /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsxs("div", { className: "mb-3 flex items-center justify-between gap-3", children: [
         /* @__PURE__ */ jsx("h3", { className: "text-base font-semibold", children: editingId ? "Artikel bewerken" : "Nieuw artikel" }),
-        /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "sm", onClick: reset, children: "Sluiten" })
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+          gewijzigd && /* @__PURE__ */ jsx("span", { className: "text-sm text-amber-700", role: "status", children: "\u2022 Niet opgeslagen" }),
+          /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "sm", onClick: () => void sluiten(), children: "Sluiten" })
+        ] })
       ] }),
-      /* @__PURE__ */ jsxs("div", { className: "grid gap-3", children: [
-        /* @__PURE__ */ jsx(Field, { label: "Titel", children: /* @__PURE__ */ jsx(Input, { value: form.title, onChange: (e) => setForm({ ...form, title: e.target.value }), placeholder: "Kop van het artikel" }) }),
-        /* @__PURE__ */ jsx(Field, { label: "Korte samenvatting", hint: "Verschijnt in de nieuwslijst.", children: /* @__PURE__ */ jsx(Input, { value: form.excerpt, onChange: (e) => setForm({ ...form, excerpt: e.target.value }) }) }),
-        /* @__PURE__ */ jsx(Field, { label: "Coverfoto", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx(Input, { value: form.coverUrl, onChange: (e) => setForm({ ...form, coverUrl: e.target.value }), placeholder: "URL of upload \u2192" }),
-          /* @__PURE__ */ jsx(Button, { type: "button", variant: "secondary", size: "sm", disabled: coverBusy, onClick: () => coverInputRef.current?.click(), children: coverBusy ? "Uploaden\u2026" : "Upload" }),
+      /* @__PURE__ */ jsxs("div", { className: "grid gap-6 lg:grid-cols-[minmax(0,1fr)_300px]", children: [
+        /* @__PURE__ */ jsxs("div", { className: "grid content-start gap-3", children: [
+          /* @__PURE__ */ jsx("label", { className: "sr-only", htmlFor: "xicms-nieuws-titel", children: "Titel" }),
           /* @__PURE__ */ jsx(
-            "input",
+            "textarea",
             {
-              ref: coverInputRef,
-              type: "file",
-              accept: "image/*",
-              hidden: true,
-              onChange: (e) => {
-                const f = e.target.files?.[0];
-                if (f) void onCover(f);
-                e.target.value = "";
-              }
+              id: "xicms-nieuws-titel",
+              rows: 1,
+              value: form.title,
+              onChange: (e) => setForm({ ...form, title: e.target.value }),
+              placeholder: "Titel van het artikel",
+              className: "xicms-admin-native w-full resize-none border-0 bg-transparent p-0 text-2xl font-semibold leading-tight outline-none [field-sizing:content] placeholder:text-slate-400"
             }
-          )
-        ] }) }),
-        form.coverUrl && // eslint-disable-next-line @next/next/no-img-element
-        /* @__PURE__ */ jsx("img", { src: form.coverUrl, alt: "", className: "h-32 w-full rounded-lg object-cover" }),
-        /* @__PURE__ */ jsxs("div", { className: "grid gap-3 md:grid-cols-2", children: [
-          /* @__PURE__ */ jsx(Field, { label: "Datum", children: /* @__PURE__ */ jsx(Input, { type: "date", value: form.date, onChange: (e) => setForm({ ...form, date: e.target.value }) }) }),
-          /* @__PURE__ */ jsx(Field, { label: "Zichtbaarheid", hint: "Aangevinkt = direct zichtbaar op de site; uit = concept.", children: /* @__PURE__ */ jsxs("label", { className: "flex h-9 items-center gap-2 text-sm", children: [
-            /* @__PURE__ */ jsx("input", { type: "checkbox", checked: form.published, onChange: (e) => setForm({ ...form, published: e.target.checked }) }),
-            "Gepubliceerd"
-          ] }) })
+          ),
+          /* @__PURE__ */ jsx(
+            RichTextEditor,
+            {
+              siteId,
+              value: form.bodyHtml || (form.body ? `<p>${form.body.split(/\n{2,}/).join("</p><p>")}</p>` : ""),
+              onChange: (html) => setForm((f) => ({ ...f, bodyHtml: html }))
+            }
+          ),
+          /* @__PURE__ */ jsx(LeesbaarheidPaneel, { html: form.bodyHtml || form.body })
         ] }),
-        /* @__PURE__ */ jsx(Field, { label: "Tekst", hint: "Met opmaak (koppen, lijsten, links, afbeeldingen). Bestaande artikelen zonder opmaak blijven gewoon werken.", children: /* @__PURE__ */ jsx(
-          RichTextEditor,
-          {
-            siteId,
-            value: form.bodyHtml || (form.body ? `<p>${form.body.split(/\n{2,}/).join("</p><p>")}</p>` : ""),
-            onChange: (html) => setForm((f) => ({ ...f, bodyHtml: html }))
-          }
-        ) }),
-        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Button, { disabled: busy, onClick: () => void save(), children: busy ? "Opslaan\u2026" : editingId ? "Wijzigingen opslaan" : "Artikel opslaan" }) })
+        /* @__PURE__ */ jsxs("aside", { className: "grid content-start gap-4 rounded-xl border border-slate-200 p-4", style: { background: "var(--color-background-muted)" }, "aria-label": "Artikelgegevens", children: [
+          /* @__PURE__ */ jsx(
+            Field,
+            {
+              label: "Op de site",
+              hint: !form.published ? "Uit = concept: alleen hier zichtbaar." : nieuwsToestand(form) === "ingepland" ? `Ingepland: verschijnt op ${nlDatum(form.date)}.` : "Aan = zichtbaar zodra je opslaat.",
+              children: /* @__PURE__ */ jsx(Switch, { checked: form.published, onCheckedChange: (v) => setForm({ ...form, published: v }), label: "Zichtbaar op de site" })
+            }
+          ),
+          /* @__PURE__ */ jsx(Field, { label: "Datum", hint: "Een datum in de toekomst = het artikel verschijnt pas op die dag.", children: /* @__PURE__ */ jsx(Input, { type: "date", value: form.date, onChange: (e) => setForm({ ...form, date: e.target.value }) }) }),
+          /* @__PURE__ */ jsx(Field, { label: "Coverfoto", children: /* @__PURE__ */ jsx(ImageField, { siteId, value: form.coverUrl || void 0, onChange: (url) => setForm((f) => ({ ...f, coverUrl: url ?? "" })) }) }),
+          /* @__PURE__ */ jsx(Field, { label: "Korte samenvatting", hint: `Verschijnt in de nieuwslijst en in Google (${form.excerpt.length}/155 tekens aanbevolen).`, children: /* @__PURE__ */ jsx(Textarea, { rows: 3, value: form.excerpt, onChange: (e) => setForm({ ...form, excerpt: e.target.value }) }) }),
+          /* @__PURE__ */ jsx(Button, { loading: busy, disabled: busy, onClick: () => void save(), className: "w-full", children: form.published ? "Opslaan \u2014 direct live" : "Opslaan als concept" })
+        ] })
       ] })
-    ] }),
+    ] }) }),
     /* @__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: "Artikelen" }),
-        /* @__PURE__ */ jsx(Button, { size: "sm", onClick: nieuwArtikel, children: "+ Nieuw artikel" })
+        /* @__PURE__ */ jsx(Button, { size: "sm", onClick: () => void nieuwArtikel(), children: "+ Nieuw artikel" })
       ] }),
-      articles.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-slate-500", children: "Nog geen artikelen. Klik op \u201C+ Nieuw artikel\u201D om te beginnen." }) : /* @__PURE__ */ jsx("div", { className: "grid gap-2", children: articles.map((a) => /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3 rounded-lg border border-slate-200 p-3", children: [
-        /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2 text-sm", children: [
+      /* @__PURE__ */ jsx(LaadStaat, { laden: loading && articles.length === 0, fout: null, wat: "artikelen", children: articles.length === 0 ? /* @__PURE__ */ jsx(LegeStaat, { titel: "Nog geen nieuws", tekst: "Schrijf je eerste bericht: een nieuwtje, een actie of een terugblik. Het verschijnt vanzelf op je site." }) : /* @__PURE__ */ jsx("div", { className: "grid gap-2", children: articles.map((a) => /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3 rounded-lg border border-slate-200 p-3", children: [
+        /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-wrap items-center gap-2 text-sm", children: [
           /* @__PURE__ */ jsx("span", { className: "font-medium", children: a.title }),
-          /* @__PURE__ */ jsxs("span", { className: "text-slate-400", children: [
+          /* @__PURE__ */ jsxs("span", { className: "text-slate-500", children: [
             "\xB7 ",
-            a.date
+            nlDatum(a.date)
           ] }),
-          a.published ? /* @__PURE__ */ jsx(Badge, { tone: "green", children: "zichtbaar" }) : /* @__PURE__ */ jsx(Badge, { tone: "amber", children: "concept" })
+          (() => {
+            const t = nieuwsToestand(a);
+            return /* @__PURE__ */ jsx(Badge, { tone: t === "zichtbaar" ? "green" : t === "ingepland" ? "slate" : "amber", children: t });
+          })()
         ] }),
-        /* @__PURE__ */ jsxs("span", { className: "flex gap-2", children: [
-          /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: () => loadIntoForm(a), children: "Bewerk" }),
-          /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: () => void remove(a.id, a.title), children: "Verwijder" })
+        /* @__PURE__ */ jsxs("span", { className: "flex shrink-0 gap-2", children: [
+          /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: () => void loadIntoForm(a), children: "Bewerken" }),
+          /* @__PURE__ */ jsx(Button, { variant: "dangerGhost", size: "sm", onClick: () => void remove(a.id, a.title), children: "Verwijderen" })
         ] })
-      ] }, a.id)) })
+      ] }, a.id)) }) })
     ] })
   ] });
 }
 export {
-  NewsEditor
+  NewsEditor,
+  nieuwsToestand,
+  nlDatum
 };
 //# sourceMappingURL=NewsEditor.js.map

package/dist/admin/NewsEditor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/admin/NewsEditor.tsx"],"sourcesContent":["\"use client\";\n\nimport { useRef, useState } from \"react\";\nimport { getFirebaseApp } from \"../firebase/client\";\nimport { callable } from \"../firebase/functionsClient\";\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/**\n * Beheer van nieuwsartikelen — zelfde look & feel als de rest van /beheer.\n *\n * Schrijft via callables, niet rechtstreeks naar Firestore. Nieuws was het laatste publieke\n * contenttype dat de client zelf schreef; daardoor was er geen plek waar de cache-invalidatie kon\n * plaatsvinden en verscheen een gepubliceerd artikel niet op een live-reads-site (SITE-AUDIT §11).\n * De callable saneert, auditeert en verklaart de nieuws-tag ongeldig — net als bij symbolen.\n */\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  /**\n   * Staat het formulier open?\n   *\n   * Stond altijd open, en dat zette de lijst met bestaande artikelen onder een schermvullend\n   * \"Nieuw artikel\"-blok. Wie alleen een typefout wilde herstellen moest eerst langs een leeg\n   * formulier scrollen dat hij niet had gevraagd. Nu is de LIJST het uitgangspunt — dat is wat je\n   * meestal komt doen — en opent het formulier pas als je er zelf om vraagt: via \"Nieuw artikel\",\n   * of door op Bewerk te klikken bij een bestaand artikel.\n   */\n  const [formulierOpen, setFormulierOpen] = 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    setFormulierOpen(false);\n  }\n\n  /** Leeg formulier openen voor een nieuw artikel. */\n  function nieuwArtikel() {\n    setForm(empty);\n    setEditingId(null);\n    setFormulierOpen(true);\n  }\n\n  function loadIntoForm(a: NewsArticle) {\n    setEditingId(a.id);\n    setFormulierOpen(true);\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    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 app = getFirebaseApp();\n      if (!app) throw new Error(\"Firebase is niet geconfigureerd.\");\n      await callable(app, \"saveNewsArticle\")({\n        siteId,\n        ...(editingId ? { articleId: editingId } : {}),\n        title: form.title.trim(),\n        slug: slugify(form.title),\n        excerpt: form.excerpt.trim(),\n        body: form.body,\n        // Rich text: de editor haalt het al door DOMPurify, de callable saneert server-side, en de\n        // weergave sanitized nogmaals bij het renderen — drie lagen, elk met een eigen reden.\n        bodyHtml: form.bodyHtml,\n        coverUrl: form.coverUrl.trim(),\n        date: form.date || new Date().toISOString().slice(0, 10),\n        published: form.published,\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 app = getFirebaseApp();\n    if (!app) 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    try {\n      await callable(app, \"deleteNewsArticle\")({ siteId, articleId: id });\n    } catch (e) {\n      toast({ title: \"Verwijderen mislukt\", description: (e as Error).message, tone: \"error\" });\n      return;\n    }\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      {formulierOpen && (\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          <Button variant=\"secondary\" size=\"sm\" onClick={reset}>Sluiten</Button>\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\n      <Card>\n        <div className=\"mb-3 flex items-center justify-between\">\n          <h3 className=\"text-base font-semibold\">Artikelen</h3>\n          {/* De enige plek waar een leeg formulier vandaan komt. Dat is het verschil met eerder:\n              je krijgt het als je erom vraagt, niet als openingsbeeld. */}\n          <Button size=\"sm\" onClick={nieuwArtikel}>+ Nieuw artikel</Button>\n        </div>\n        {articles.length === 0 ? (\n          <p className=\"text-sm text-slate-500\">Nog geen artikelen. Klik op “+ Nieuw artikel” om te beginnen.</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":[]}
+{"version":3,"sources":["../../src/admin/NewsEditor.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef, useState } from \"react\";\nimport { getFirebaseApp } from \"../firebase/client\";\nimport { callable } from \"../firebase/functionsClient\";\nimport { useSiteConfig } from \"../config\";\nimport { useNews } from \"../components/News\";\nimport { slugify } from \"./lib/slugify\";\nimport { useConfirm } from \"./ui/ConfirmDialog\";\nimport { useToast } from \"./ui/toast\";\nimport { Button, Card, Field, Input, Textarea, Badge, LegeStaat } from \"./ui/primitives\";\nimport { Switch } from \"./ui/switch\";\nimport { ImageField } from \"./ui/ImageField\";\nimport { LaadStaat } from \"./ui/LaadStaat\";\nimport { LeesbaarheidPaneel } from \"./ui/LeesbaarheidPaneel\";\nimport { useOnopgeslagen } from \"./lib/onopgeslagen\";\nimport { neemOpenVerzoek } from \"./navContext\";\nimport { RichTextEditor } from \"./editors/RichTextEditor\";\nimport type { NewsArticle } from \"../content/types\";\n\nconst empty = { title: \"\", excerpt: \"\", body: \"\", bodyHtml: \"\", coverUrl: \"\", date: \"\", published: false };\n\nconst vandaagIso = () => new Date().toISOString().slice(0, 10);\n\n/** \"2026-10-18\" → \"18 oktober 2026\" (8.2: de lijst toonde de ruwe ISO-datum). */\nexport function nlDatum(iso: string | undefined): string {\n  if (!iso) return \"\";\n  const d = new Date(`${iso.slice(0, 10)}T12:00:00`);\n  return Number.isNaN(d.getTime()) ? iso : d.toLocaleDateString(\"nl-NL\", { day: \"numeric\", month: \"long\", year: \"numeric\" });\n}\n\n/** Zichtbaar, ingepland (gepubliceerd maar met een datum in de toekomst) of concept. */\nexport function nieuwsToestand(a: { published: boolean; date?: string }, vandaag = vandaagIso()): \"zichtbaar\" | \"ingepland\" | \"concept\" {\n  if (!a.published) return \"concept\";\n  return a.date && a.date.slice(0, 10) > vandaag ? \"ingepland\" : \"zichtbaar\";\n}\n\n/**\n * Beheer van nieuwsartikelen — zelfde look & feel als de rest van /beheer.\n *\n * Schrijft via callables, niet rechtstreeks naar Firestore. Nieuws was het laatste publieke\n * contenttype dat de client zelf schreef; daardoor was er geen plek waar de cache-invalidatie kon\n * plaatsvinden en verscheen een gepubliceerd artikel niet op een live-reads-site (SITE-AUDIT §11).\n * De callable saneert, auditeert en verklaart de nieuws-tag ongeldig — net als bij symbolen.\n */\nexport function NewsEditor() {\n  const { siteId } = useSiteConfig();\n  const { articles, loading } = 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  /**\n   * Staat het formulier open?\n   *\n   * Stond altijd open, en dat zette de lijst met bestaande artikelen onder een schermvullend\n   * \"Nieuw artikel\"-blok. Wie alleen een typefout wilde herstellen moest eerst langs een leeg\n   * formulier scrollen dat hij niet had gevraagd. Nu is de LIJST het uitgangspunt — dat is wat je\n   * meestal komt doen — en opent het formulier pas als je er zelf om vraagt: via \"Nieuw artikel\",\n   * of door op Bewerk te klikken bij een bestaand artikel.\n   */\n  const [formulierOpen, setFormulierOpen] = useState(false);\n  /** Het formulier zoals het geopend werd: wijkt `form` daarvan af, dan is er onopgeslagen werk. */\n  const [basis, setBasis] = useState<typeof empty>(empty);\n  const gewijzigd = formulierOpen && JSON.stringify(form) !== JSON.stringify(basis);\n  useOnopgeslagen(gewijzigd);\n  const formRef = useRef<HTMLDivElement>(null);\n  // 8.4: geopend vanuit het zoekpalet — dat artikel meteen in het formulier zetten.\n  const [teOpenen, setTeOpenen] = useState<string | null>(() => neemOpenVerzoek(\"news\"));\n  useEffect(() => {\n    if (!teOpenen) return;\n    const a = articles.find((x) => x.id === teOpenen);\n    if (!a) return;\n    setTeOpenen(null);\n    void loadIntoForm(a);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [teOpenen, articles]);\n\n  // Het formulier opent bóven de lijst; wie onderaan op \"Bewerk\" klikte zag niets gebeuren (8.2).\n  useEffect(() => {\n    if (formulierOpen) formRef.current?.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\n  }, [formulierOpen, editingId]);\n\n  /** Vraagt bevestiging als er onopgeslagen werk weg zou gaan. */\n  async function magWeg(): Promise<boolean> {\n    if (!gewijzigd) return true;\n    return confirm({\n      title: \"Wijzigingen weggooien?\",\n      description: \"Je hebt dit artikel aangepast maar nog niet opgeslagen.\",\n      confirmLabel: \"Weggooien\",\n      tone: \"danger\",\n    });\n  }\n\n  function reset() {\n    setForm(empty);\n    setBasis(empty);\n    setEditingId(null);\n    setFormulierOpen(false);\n  }\n\n  async function sluiten() {\n    if (await magWeg()) reset();\n  }\n\n  /** Leeg formulier openen voor een nieuw artikel. */\n  async function nieuwArtikel() {\n    if (!(await magWeg())) return;\n    const nieuw = { ...empty, date: vandaagIso() };\n    setForm(nieuw);\n    setBasis(nieuw);\n    setEditingId(null);\n    setFormulierOpen(true);\n  }\n\n  async function loadIntoForm(a: NewsArticle) {\n    if (!(await magWeg())) return;\n    const geladen = {\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    setEditingId(a.id);\n    setFormulierOpen(true);\n    setForm(geladen);\n    setBasis(geladen);\n  }\n\n  async function save() {\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 app = getFirebaseApp();\n      if (!app) throw new Error(\"Firebase is niet geconfigureerd.\");\n      await callable(app, \"saveNewsArticle\")({\n        siteId,\n        ...(editingId ? { articleId: editingId } : {}),\n        title: form.title.trim(),\n        slug: slugify(form.title),\n        excerpt: form.excerpt.trim(),\n        body: form.body,\n        // Rich text: de editor haalt het al door DOMPurify, de callable saneert server-side, en de\n        // weergave sanitized nogmaals bij het renderen — drie lagen, elk met een eigen reden.\n        bodyHtml: form.bodyHtml,\n        coverUrl: form.coverUrl.trim(),\n        date: form.date || new Date().toISOString().slice(0, 10),\n        published: form.published,\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 app = getFirebaseApp();\n    if (!app) 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    try {\n      await callable(app, \"deleteNewsArticle\")({ siteId, articleId: id });\n    } catch (e) {\n      toast({ title: \"Verwijderen mislukt\", description: (e as Error).message, tone: \"error\" });\n      return;\n    }\n    if (editingId === id) reset();\n    toast({ title: \"Artikel verwijderd\", tone: \"success\" });\n  }\n\n  return (\n    <div className=\"grid gap-4\">\n      {formulierOpen && (\n      <div ref={formRef} className=\"scroll-mt-24\">\n      <Card>\n        <div className=\"mb-3 flex items-center justify-between gap-3\">\n          <h3 className=\"text-base font-semibold\">{editingId ? \"Artikel bewerken\" : \"Nieuw artikel\"}</h3>\n          <div className=\"flex items-center gap-3\">\n            {gewijzigd && <span className=\"text-sm text-amber-700\" role=\"status\">• Niet opgeslagen</span>}\n            <Button variant=\"secondary\" size=\"sm\" onClick={() => void sluiten()}>Sluiten</Button>\n          </div>\n        </div>\n        {/* 8.5: schrijven links, de rest rechts — geïnspireerd op de editor van AstraCMS. Op een\n            telefoon gewoon onder elkaar. */}\n        <div className=\"grid gap-6 lg:grid-cols-[minmax(0,1fr)_300px]\">\n          <div className=\"grid content-start gap-3\">\n            <label className=\"sr-only\" htmlFor=\"xicms-nieuws-titel\">Titel</label>\n            <textarea\n              id=\"xicms-nieuws-titel\"\n              rows={1}\n              value={form.title}\n              onChange={(e) => setForm({ ...form, title: e.target.value })}\n              placeholder=\"Titel van het artikel\"\n              className=\"xicms-admin-native w-full resize-none border-0 bg-transparent p-0 text-2xl font-semibold leading-tight outline-none [field-sizing:content] placeholder:text-slate-400\"\n            />\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            <LeesbaarheidPaneel html={form.bodyHtml || form.body} />\n          </div>\n          <aside className=\"grid content-start gap-4 rounded-xl border border-slate-200 p-4\" style={{ background: \"var(--color-background-muted)\" }} aria-label=\"Artikelgegevens\">\n            <Field\n              label=\"Op de site\"\n              hint={\n                !form.published\n                  ? \"Uit = concept: alleen hier zichtbaar.\"\n                  : nieuwsToestand(form) === \"ingepland\"\n                    ? `Ingepland: verschijnt op ${nlDatum(form.date)}.`\n                    : \"Aan = zichtbaar zodra je opslaat.\"\n              }\n            >\n              <Switch checked={form.published} onCheckedChange={(v) => setForm({ ...form, published: v })} label=\"Zichtbaar op de site\" />\n            </Field>\n            <Field label=\"Datum\" hint=\"Een datum in de toekomst = het artikel verschijnt pas op die dag.\">\n              <Input type=\"date\" value={form.date} onChange={(e) => setForm({ ...form, date: e.target.value })} />\n            </Field>\n            <Field label=\"Coverfoto\">\n              <ImageField siteId={siteId} value={form.coverUrl || undefined} onChange={(url) => setForm((f) => ({ ...f, coverUrl: url ?? \"\" }))} />\n            </Field>\n            <Field label=\"Korte samenvatting\" hint={`Verschijnt in de nieuwslijst en in Google (${form.excerpt.length}/155 tekens aanbevolen).`}>\n              <Textarea rows={3} value={form.excerpt} onChange={(e) => setForm({ ...form, excerpt: e.target.value })} />\n            </Field>\n            <Button loading={busy} disabled={busy} onClick={() => void save()} className=\"w-full\">\n              {form.published ? \"Opslaan — direct live\" : \"Opslaan als concept\"}\n            </Button>\n          </aside>\n        </div>\n      </Card>\n      </div>\n      )}\n\n      <Card>\n        <div className=\"mb-3 flex items-center justify-between\">\n          <h3 className=\"text-base font-semibold\">Artikelen</h3>\n          {/* De enige plek waar een leeg formulier vandaan komt. Dat is het verschil met eerder:\n              je krijgt het als je erom vraagt, niet als openingsbeeld. */}\n          <Button size=\"sm\" onClick={() => void nieuwArtikel()}>+ Nieuw artikel</Button>\n        </div>\n        <LaadStaat laden={loading && articles.length === 0} fout={null} wat=\"artikelen\">\n        {articles.length === 0 ? (\n          <LegeStaat titel=\"Nog geen nieuws\" tekst=\"Schrijf je eerste bericht: een nieuwtje, een actie of een terugblik. Het verschijnt vanzelf op je site.\" />\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 min-w-0 flex-wrap items-center gap-2 text-sm\">\n                  <span className=\"font-medium\">{a.title}</span>\n                  <span className=\"text-slate-500\">· {nlDatum(a.date)}</span>\n                  {(() => {\n                    const t = nieuwsToestand(a);\n                    return <Badge tone={t === \"zichtbaar\" ? \"green\" : t === \"ingepland\" ? \"slate\" : \"amber\"}>{t}</Badge>;\n                  })()}\n                </span>\n                <span className=\"flex shrink-0 gap-2\">\n                  <Button variant=\"ghost\" size=\"sm\" onClick={() => void loadIntoForm(a)}>Bewerken</Button>\n                  <Button variant=\"dangerGhost\" size=\"sm\" onClick={() => void remove(a.id, a.title)}>Verwijderen</Button>\n                </span>\n              </div>\n            ))}\n          </div>\n        )}\n        </LaadStaat>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/admin/SuperadminPanel.js

@@ -101,7 +101,7 @@ function SuperadminPanel({ siteId }) {
         " \xB7 ",
         a.target,
         " ",
-        /* @__PURE__ */ jsxs("span", { className: "text-slate-400", children: [
+        /* @__PURE__ */ jsxs("span", { className: "text-slate-500", children: [
           "(",
           a.actorUid?.slice(0, 6),
           ")"

package/dist/admin/SuperadminPanel.js.map

@@ -1 +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 { callable } from \"../firebase/functionsClient\";\nimport { getDb, getFirebaseApp } from \"../firebase/client\";\nimport { Button, Card, Field, Input } from \"./ui/primitives\";\nimport { Select } from \"./ui/select\";\nimport { useToast } from \"./ui/toast\";\n\n/** Callable van dit paneel: zoekt de app op en geeft de standaard `{ message }`-respons terug. */\nfunction superadminCall<T>(name: string) {\n  const app = getFirebaseApp();\n  if (!app) throw new Error(\"Firebase niet geconfigureerd.\");\n  return callable<T, { message?: string }>(app, 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(() => superadminCall<typeof site>(\"createSite\")(site), \"Site aangemaakt\")}>\n            Site aanmaken\n          </Button>\n        </div>\n      </Card>\n\n      <Card>\n        <h3 className=\"mb-1 text-base font-semibold\">Beheeraccount</h3>\n        <p className=\"mb-3 text-xs text-slate-500\">\n          Alleen jij maakt accounts aan; siteadmins kunnen dat niet. De gebruiker krijgt een\n          uitnodiging met inloglink gemaild (geen wachtwoord nodig — de login is wachtwoordloos).\n        </p>\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=\"Wachtwoord (optioneel)\" hint=\"Leeg = uitnodiging met inloglink. Alleen invullen als iemand per se met een wachtwoord wil inloggen.\">\n            <Input value={account.password} onChange={(e) => setAccount({ ...account, password: e.target.value })} autoComplete=\"off\" />\n          </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\n            disabled={busy || !account.siteId || !account.email}\n            onClick={() =>\n              run(\n                () => superadminCall<Omit<typeof account, \"password\"> & { password?: string }>(\"createSiteAccount\")({\n                  ...account,\n                  // Leeg wachtwoord NIET meesturen: de callable maakt dan een wachtwoordloos account en\n                  // mailt een uitnodiging.\n                  password: account.password.trim() || undefined,\n                }),\n                \"Account aangemaakt\",\n              )\n            }\n          >\n            {account.password.trim() ? \"Account aanmaken\" : \"Uitnodigen\"}\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(() => superadminCall<{ 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":[]}
+{"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 { callable } from \"../firebase/functionsClient\";\nimport { getDb, getFirebaseApp } from \"../firebase/client\";\nimport { Button, Card, Field, Input } from \"./ui/primitives\";\nimport { Select } from \"./ui/select\";\nimport { useToast } from \"./ui/toast\";\n\n/** Callable van dit paneel: zoekt de app op en geeft de standaard `{ message }`-respons terug. */\nfunction superadminCall<T>(name: string) {\n  const app = getFirebaseApp();\n  if (!app) throw new Error(\"Firebase niet geconfigureerd.\");\n  return callable<T, { message?: string }>(app, 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(() => superadminCall<typeof site>(\"createSite\")(site), \"Site aangemaakt\")}>\n            Site aanmaken\n          </Button>\n        </div>\n      </Card>\n\n      <Card>\n        <h3 className=\"mb-1 text-base font-semibold\">Beheeraccount</h3>\n        <p className=\"mb-3 text-xs text-slate-500\">\n          Alleen jij maakt accounts aan; siteadmins kunnen dat niet. De gebruiker krijgt een\n          uitnodiging met inloglink gemaild (geen wachtwoord nodig — de login is wachtwoordloos).\n        </p>\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=\"Wachtwoord (optioneel)\" hint=\"Leeg = uitnodiging met inloglink. Alleen invullen als iemand per se met een wachtwoord wil inloggen.\">\n            <Input value={account.password} onChange={(e) => setAccount({ ...account, password: e.target.value })} autoComplete=\"off\" />\n          </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\n            disabled={busy || !account.siteId || !account.email}\n            onClick={() =>\n              run(\n                () => superadminCall<Omit<typeof account, \"password\"> & { password?: string }>(\"createSiteAccount\")({\n                  ...account,\n                  // Leeg wachtwoord NIET meesturen: de callable maakt dan een wachtwoordloos account en\n                  // mailt een uitnodiging.\n                  password: account.password.trim() || undefined,\n                }),\n                \"Account aangemaakt\",\n              )\n            }\n          >\n            {account.password.trim() ? \"Account aanmaken\" : \"Uitnodigen\"}\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(() => superadminCall<{ 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-500\">({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/ZoekPalet.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Zoeken in het beheer (8.4): Ctrl/Cmd+K (of de knop in de zijbalk) en typ — een pagina, een
+ * nieuwsartikel, een formulier, een product of een onderdeel van het beheer. Enter opent het.
+ * De lijsten worden pas bij het openen gelezen (één keer per opening), niet bij elk bezoek aan /beheer.
+ */
+export declare function ZoekPalet({ siteId, panelen, gaNaar, open, onOpenChange, }: {
+    siteId: string;
+    panelen: {
+        tab: string;
+        label: string;
+    }[];
+    gaNaar: (tab: string) => void;
+    open: boolean;
+    onOpenChange: (v: boolean) => void;
+}): import("react").JSX.Element;

package/dist/admin/ZoekPalet.js

@@ -0,0 +1,123 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { collection, getDocs } from "firebase/firestore";
+import { getDb } from "../firebase/client.js";
+import { isDemoActive } from "../demo/demoStore.js";
+import { Dialog, DialogContent } from "./ui/dialog.js";
+import { vraagOpen } from "./navContext.js";
+function ZoekPalet({
+  siteId,
+  panelen,
+  gaNaar,
+  open,
+  onOpenChange
+}) {
+  const [q, setQ] = useState("");
+  const [items, setItems] = useState([]);
+  const [actief, setActief] = useState(0);
+  const lijstRef = useRef(null);
+  const invoerRef = useRef(null);
+  useEffect(() => {
+    if (!open) return;
+    const t = window.setTimeout(() => invoerRef.current?.focus(), 30);
+    return () => window.clearTimeout(t);
+  }, [open]);
+  useEffect(() => {
+    if (!open) return;
+    setQ("");
+    setActief(0);
+    const db = getDb();
+    if (!db || isDemoActive()) return;
+    const tabs = new Set(panelen.map((p) => p.tab));
+    const lees = async (col, maak, tab) => tabs.has(tab) ? (await getDocs(collection(db, "sites", siteId, col)).catch(() => null))?.docs.map(maak).filter((x) => x !== null) ?? [] : [];
+    void Promise.all([
+      lees("drafts", (d) => d.get("trashed") ? null : { soort: "Pagina", titel: String(d.get("title") ?? d.id), sub: String(d.get("path") ?? ""), tab: "pages", id: d.id }, "pages"),
+      lees("news", (d) => ({ soort: "Nieuws", titel: String(d.get("title") ?? d.id), tab: "news", id: d.id }), "news"),
+      lees("forms", (d) => ({ soort: "Formulier", titel: String(d.get("name") ?? d.id), tab: "forms", id: d.id }), "forms"),
+      lees("products", (d) => ({ soort: "Product", titel: String(d.get("name") ?? d.id), tab: "shop" }), "shop")
+    ]).then((delen) => setItems(delen.flat()));
+  }, [open, siteId, panelen]);
+  const treffers = useMemo(() => {
+    const term = q.trim().toLowerCase();
+    const alle = [...panelen.map((p) => ({ soort: "Paneel", titel: p.label, tab: p.tab })), ...items];
+    if (!term) return alle.slice(0, 12);
+    return alle.map((t) => {
+      const tekst = `${t.titel} ${t.sub ?? ""}`.toLowerCase();
+      const i = tekst.indexOf(term);
+      return { t, score: i < 0 ? -1 : i === 0 ? 2 : 1 };
+    }).filter((x) => x.score >= 0).sort((a, b) => b.score - a.score).slice(0, 20).map((x) => x.t);
+  }, [q, items, panelen]);
+  useEffect(() => setActief(0), [q]);
+  useEffect(() => {
+    lijstRef.current?.querySelector(`[data-index="${actief}"]`)?.scrollIntoView({ block: "nearest" });
+  }, [actief]);
+  function kies(t) {
+    if (!t) return;
+    if (t.id) vraagOpen(t.tab, t.id);
+    onOpenChange(false);
+    gaNaar(t.tab);
+  }
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { title: "Zoeken in het beheer", width: "min(92vw, 36rem)", children: [
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        ref: invoerRef,
+        role: "combobox",
+        "aria-expanded": "true",
+        "aria-controls": "xicms-zoekpalet-lijst",
+        "aria-activedescendant": treffers[actief] ? `xicms-zoek-${actief}` : void 0,
+        "aria-label": "Zoek een pagina, artikel, formulier, product of onderdeel",
+        placeholder: "Typ om te zoeken\u2026",
+        value: q,
+        onChange: (e) => setQ(e.target.value),
+        onKeyDown: (e) => {
+          if (e.key === "ArrowDown") {
+            e.preventDefault();
+            setActief((i) => Math.min(treffers.length - 1, i + 1));
+          } else if (e.key === "ArrowUp") {
+            e.preventDefault();
+            setActief((i) => Math.max(0, i - 1));
+          } else if (e.key === "Enter") {
+            e.preventDefault();
+            kies(treffers[actief]);
+          }
+        },
+        className: "xicms-admin-native mb-3 h-11 w-full rounded-lg border px-3 text-base",
+        style: { borderColor: "var(--color-border)" }
+      }
+    ),
+    /* @__PURE__ */ jsxs("ul", { id: "xicms-zoekpalet-lijst", role: "listbox", ref: lijstRef, className: "grid max-h-[55vh] gap-0.5 overflow-y-auto", children: [
+      treffers.length === 0 && /* @__PURE__ */ jsxs("li", { className: "px-3 py-6 text-center text-sm text-slate-500", children: [
+        "Niets gevonden voor \u201C",
+        q,
+        "\u201D."
+      ] }),
+      treffers.map((t, i) => /* @__PURE__ */ jsxs(
+        "li",
+        {
+          id: `xicms-zoek-${i}`,
+          "data-index": i,
+          role: "option",
+          "aria-selected": i === actief,
+          onMouseEnter: () => setActief(i),
+          onClick: () => kies(t),
+          className: `flex cursor-pointer items-center justify-between gap-3 rounded-lg px-3 py-2 text-sm ${i === actief ? "bg-slate-100" : ""}`,
+          children: [
+            /* @__PURE__ */ jsxs("span", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsx("span", { className: "block truncate text-slate-800", children: t.titel }),
+              t.sub && /* @__PURE__ */ jsx("span", { className: "block truncate text-xs text-slate-500", children: t.sub })
+            ] }),
+            /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xs text-slate-500", children: t.soort })
+          ]
+        },
+        `${t.soort}-${t.tab}-${t.id ?? t.titel}`
+      ))
+    ] }),
+    /* @__PURE__ */ jsx("p", { className: "mt-3 text-xs text-slate-500", children: "\u2191 \u2193 om te kiezen \xB7 Enter om te openen \xB7 Esc om te sluiten" })
+  ] }) });
+}
+export {
+  ZoekPalet
+};
+//# sourceMappingURL=ZoekPalet.js.map

package/dist/admin/ZoekPalet.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/admin/ZoekPalet.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useMemo, useRef, useState } from \"react\";\nimport { collection, getDocs } from \"firebase/firestore\";\nimport { getDb } from \"../firebase/client\";\nimport { isDemoActive } from \"../demo/demoStore\";\nimport { Dialog, DialogContent } from \"./ui/dialog\";\nimport { vraagOpen } from \"./navContext\";\n\ninterface Treffer {\n  soort: \"Paneel\" | \"Pagina\" | \"Nieuws\" | \"Formulier\" | \"Product\";\n  titel: string;\n  sub?: string;\n  tab: string;\n  id?: string;\n}\n\n/**\n * Zoeken in het beheer (8.4): Ctrl/Cmd+K (of de knop in de zijbalk) en typ — een pagina, een\n * nieuwsartikel, een formulier, een product of een onderdeel van het beheer. Enter opent het.\n * De lijsten worden pas bij het openen gelezen (één keer per opening), niet bij elk bezoek aan /beheer.\n */\nexport function ZoekPalet({\n  siteId,\n  panelen,\n  gaNaar,\n  open,\n  onOpenChange,\n}: {\n  siteId: string;\n  panelen: { tab: string; label: string }[];\n  gaNaar: (tab: string) => void;\n  open: boolean;\n  onOpenChange: (v: boolean) => void;\n}) {\n  const [q, setQ] = useState(\"\");\n  const [items, setItems] = useState<Treffer[]>([]);\n  const [actief, setActief] = useState(0);\n  const lijstRef = useRef<HTMLUListElement>(null);\n  const invoerRef = useRef<HTMLInputElement>(null);\n\n  // De dialoog zet zelf de focus op zijn eerste element; daarna pas het zoekveld pakken, anders\n  // landt wat je typt nergens.\n  useEffect(() => {\n    if (!open) return;\n    const t = window.setTimeout(() => invoerRef.current?.focus(), 30);\n    return () => window.clearTimeout(t);\n  }, [open]);\n\n  useEffect(() => {\n    if (!open) return;\n    setQ(\"\");\n    setActief(0);\n    const db = getDb();\n    if (!db || isDemoActive()) return;\n    const tabs = new Set(panelen.map((p) => p.tab));\n    const lees = async (col: string, maak: (d: { id: string; get: (k: string) => unknown }) => Treffer | null, tab: string) =>\n      tabs.has(tab) ? (await getDocs(collection(db, \"sites\", siteId, col)).catch(() => null))?.docs.map(maak).filter((x): x is Treffer => x !== null) ?? [] : [];\n    void Promise.all([\n      lees(\"drafts\", (d) => (d.get(\"trashed\") ? null : { soort: \"Pagina\", titel: String(d.get(\"title\") ?? d.id), sub: String(d.get(\"path\") ?? \"\"), tab: \"pages\", id: d.id }), \"pages\"),\n      lees(\"news\", (d) => ({ soort: \"Nieuws\", titel: String(d.get(\"title\") ?? d.id), tab: \"news\", id: d.id }), \"news\"),\n      lees(\"forms\", (d) => ({ soort: \"Formulier\", titel: String(d.get(\"name\") ?? d.id), tab: \"forms\", id: d.id }), \"forms\"),\n      lees(\"products\", (d) => ({ soort: \"Product\", titel: String(d.get(\"name\") ?? d.id), tab: \"shop\" }), \"shop\"),\n    ]).then((delen) => setItems(delen.flat()));\n  }, [open, siteId, panelen]);\n\n  const treffers = useMemo(() => {\n    const term = q.trim().toLowerCase();\n    const alle: Treffer[] = [...panelen.map((p) => ({ soort: \"Paneel\" as const, titel: p.label, tab: p.tab })), ...items];\n    if (!term) return alle.slice(0, 12);\n    return alle\n      .map((t) => {\n        const tekst = `${t.titel} ${t.sub ?? \"\"}`.toLowerCase();\n        const i = tekst.indexOf(term);\n        return { t, score: i < 0 ? -1 : i === 0 ? 2 : 1 };\n      })\n      .filter((x) => x.score >= 0)\n      .sort((a, b) => b.score - a.score)\n      .slice(0, 20)\n      .map((x) => x.t);\n  }, [q, items, panelen]);\n\n  useEffect(() => setActief(0), [q]);\n  useEffect(() => {\n    lijstRef.current?.querySelector<HTMLElement>(`[data-index=\"${actief}\"]`)?.scrollIntoView({ block: \"nearest\" });\n  }, [actief]);\n\n  function kies(t: Treffer | undefined) {\n    if (!t) return;\n    if (t.id) vraagOpen(t.tab, t.id);\n    onOpenChange(false);\n    gaNaar(t.tab);\n  }\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent title=\"Zoeken in het beheer\" width=\"min(92vw, 36rem)\">\n        <input\n          ref={invoerRef}\n          role=\"combobox\"\n          aria-expanded=\"true\"\n          aria-controls=\"xicms-zoekpalet-lijst\"\n          aria-activedescendant={treffers[actief] ? `xicms-zoek-${actief}` : undefined}\n          aria-label=\"Zoek een pagina, artikel, formulier, product of onderdeel\"\n          placeholder=\"Typ om te zoeken…\"\n          value={q}\n          onChange={(e) => setQ(e.target.value)}\n          onKeyDown={(e) => {\n            if (e.key === \"ArrowDown\") {\n              e.preventDefault();\n              setActief((i) => Math.min(treffers.length - 1, i + 1));\n            } else if (e.key === \"ArrowUp\") {\n              e.preventDefault();\n              setActief((i) => Math.max(0, i - 1));\n            } else if (e.key === \"Enter\") {\n              e.preventDefault();\n              kies(treffers[actief]);\n            }\n          }}\n          className=\"xicms-admin-native mb-3 h-11 w-full rounded-lg border px-3 text-base\"\n          style={{ borderColor: \"var(--color-border)\" }}\n        />\n        <ul id=\"xicms-zoekpalet-lijst\" role=\"listbox\" ref={lijstRef} className=\"grid max-h-[55vh] gap-0.5 overflow-y-auto\">\n          {treffers.length === 0 && <li className=\"px-3 py-6 text-center text-sm text-slate-500\">Niets gevonden voor &ldquo;{q}&rdquo;.</li>}\n          {treffers.map((t, i) => (\n            <li\n              key={`${t.soort}-${t.tab}-${t.id ?? t.titel}`}\n              id={`xicms-zoek-${i}`}\n              data-index={i}\n              role=\"option\"\n              aria-selected={i === actief}\n              onMouseEnter={() => setActief(i)}\n              onClick={() => kies(t)}\n              className={`flex cursor-pointer items-center justify-between gap-3 rounded-lg px-3 py-2 text-sm ${i === actief ? \"bg-slate-100\" : \"\"}`}\n            >\n              <span className=\"min-w-0\">\n                <span className=\"block truncate text-slate-800\">{t.titel}</span>\n                {t.sub && <span className=\"block truncate text-xs text-slate-500\">{t.sub}</span>}\n              </span>\n              <span className=\"shrink-0 text-xs text-slate-500\">{t.soort}</span>\n            </li>\n          ))}\n        </ul>\n        <p className=\"mt-3 text-xs text-slate-500\">↑ ↓ om te kiezen · Enter om te openen · Esc om te sluiten</p>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":"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","names":[]}