@xiwebdesign/xicms-core 7.31.0 → 8.16.0

package/dist/admin/menu/MenuPanel.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
+import { useEffect, useRef, useState } from "react";
 import { doc, onSnapshot } from "firebase/firestore";
 import { getDb, getFirebaseApp } from "../../firebase/client.js";
 import { callable } from "../../firebase/functionsClient.js";
@@ -8,18 +8,33 @@ import { useSiteConfig } from "../../config.js";
 import { SiteSettingsSchema, isExterneLink } from "../../schema/settings.js";
 import { subscribePages } from "../lib/pagesClient.js";
 import { Button, Card, Field, Input } from "../ui/primitives.js";
+import { VorigeTerugzetten } from "../settings/VorigeTerugzetten.js";
+import { zodFoutTekst } from "../lib/zodFout.js";
 import { Select } from "../ui/select.js";
 import { ArrayEditor } from "../ui/ArrayEditor.js";
 import { useToast } from "../ui/toast.js";
+import { useConfirm } from "../ui/ConfirmDialog.js";
+import { useOnopgeslagen } from "../lib/onopgeslagen.js";
+import { isDemoActive } from "../../demo/demoStore.js";
 function MenuPanel({ siteId }) {
   const cfg = useSiteConfig();
   const { toast } = useToast();
+  const confirm = useConfirm();
   const [items, setItems] = useState(null);
   const [overigeInstellingen, setOverigeInstellingen] = useState({});
   const [paden, setPaden] = useState([]);
   const [busy, setBusy] = useState(false);
+  const basisRef = useRef(null);
+  const itemsRef = useRef(null);
+  itemsRef.current = items;
+  const [elders, setElders] = useState(null);
+  const [laadFout, setLaadFout] = useState(null);
+  const nietOpgeslagen = items !== null && basisRef.current !== null && JSON.stringify(items) !== JSON.stringify(basisRef.current);
+  useOnopgeslagen(nietOpgeslagen);
   useEffect(() => subscribePages(siteId, (p) => {
-    setPaden(p.map((x) => ({ path: x.path, title: x.title || x.path })).sort((a, b) => a.path.localeCompare(b.path)));
+    setPaden(
+      p.filter((x) => !x.trashed).map((x) => ({ path: x.path, title: `${x.title || x.path}${x.published ? "" : " (nog niet live)"}` })).sort((a, b) => a.path.localeCompare(b.path))
+    );
   }), [siteId]);
   useEffect(() => {
     const db = getDb();
@@ -27,11 +42,34 @@ function MenuPanel({ siteId }) {
     return onSnapshot(doc(db, "sites", siteId, "settings", "site"), (snap) => {
       const s = snap.exists() ? snap.data() : {};
       setOverigeInstellingen(s);
-      setItems(s.nav ?? cfg.nav ?? []);
+      const nav = s.nav ?? cfg.nav ?? [];
+      if (basisRef.current !== null && JSON.stringify(itemsRef.current) !== JSON.stringify(basisRef.current)) {
+        if (JSON.stringify(nav) !== JSON.stringify(basisRef.current)) setElders(nav);
+        return;
+      }
+      basisRef.current = nav;
+      setItems(nav);
+    }, (err) => {
+      if (isDemoActive()) {
+        basisRef.current = cfg.nav ?? [];
+        setItems(cfg.nav ?? []);
+        return;
+      }
+      console.error("[xicms] menu laden mislukt:", err);
+      setLaadFout(err.message);
     });
   }, [siteId, cfg.nav]);
   async function opslaan() {
     if (!items) return;
+    if (items.length === 0 && (basisRef.current?.length ?? 0) > 0) {
+      const ok = await confirm({
+        title: "Het menu leeg opslaan?",
+        description: "Bezoekers zien dan geen menu meer bovenaan de site. Terugzetten kan daarna met \u201CVorige menu terugzetten\u201D.",
+        confirmLabel: "Leeg opslaan",
+        tone: "danger"
+      });
+      if (!ok) return;
+    }
     const leeg = items.findIndex((i) => !i.label.trim() || !i.href.trim());
     if (leeg >= 0) {
       toast({ title: "Onvolledig menu-item", description: `Item ${leeg + 1} mist een naam of een link.`, tone: "error" });
@@ -40,7 +78,7 @@ function MenuPanel({ siteId }) {
     const kandidaat = { ...overigeInstellingen, nav: items };
     const parsed = SiteSettingsSchema.safeParse(kandidaat);
     if (!parsed.success) {
-      toast({ title: "Ongeldig menu", description: parsed.error.issues[0]?.message, tone: "error" });
+      toast({ title: "Menu nog niet op te slaan", description: zodFoutTekst(parsed.error.issues[0]), tone: "error" });
       return;
     }
     setBusy(true);
@@ -48,6 +86,8 @@ function MenuPanel({ siteId }) {
       const app = getFirebaseApp();
       if (!app) throw new Error("Firebase is niet geconfigureerd.");
       await callable(app, "saveSiteSettings")({ siteId, settings: parsed.data });
+      basisRef.current = items;
+      setElders(null);
       toast({ title: "Menu opgeslagen", description: "De navigatie is bijgewerkt.", tone: "success" });
     } catch (e) {
       toast({ title: "Opslaan mislukt", description: e.message, tone: "error" });
@@ -55,88 +95,109 @@ function MenuPanel({ siteId }) {
       setBusy(false);
     }
   }
-  if (!items) return /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx("p", { className: "text-sm text-slate-500", children: "Menu laden\u2026" }) });
+  if (laadFout && !items) {
+    return /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-red-700", role: "alert", children: "Het menu kon niet geladen worden. Ververs de pagina en probeer het opnieuw." }),
+      /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-slate-500", children: laadFout })
+    ] });
+  }
+  if (!items) return /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx("p", { className: "text-sm text-slate-500", role: "status", children: "Menu laden\u2026" }) });
   const uitConfig = !overigeInstellingen.nav && (cfg.nav?.length ?? 0) > 0;
-  return /* @__PURE__ */ jsx("div", { className: "grid gap-4", children: /* @__PURE__ */ jsxs(Card, { children: [
-    /* @__PURE__ */ jsxs("div", { className: "mb-3 flex items-center justify-between gap-4", children: [
-      /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
-        /* @__PURE__ */ jsx("h3", { className: "text-base font-semibold", children: "Hoofdmenu" }),
-        /* @__PURE__ */ jsx("p", { className: "text-xs text-slate-500", children: "De volgorde hier is de volgorde in de menubalk." })
-      ] }),
-      /* @__PURE__ */ jsx(Button, { disabled: busy, onClick: () => void opslaan(), children: busy ? "Opslaan\u2026" : "Menu opslaan" })
+  return /* @__PURE__ */ jsxs("div", { className: "grid gap-4", children: [
+    elders && /* @__PURE__ */ jsxs("div", { role: "alert", className: "flex flex-wrap items-center gap-3 rounded-lg border border-amber-300 bg-amber-50 px-4 py-3 text-sm text-amber-900", children: [
+      /* @__PURE__ */ jsx("span", { className: "flex-1", children: "Het menu is intussen ergens anders gewijzigd." }),
+      /* @__PURE__ */ jsx(Button, { size: "sm", variant: "secondary", onClick: () => {
+        basisRef.current = elders;
+        setItems(elders);
+        setElders(null);
+      }, children: "Nieuwste laden (mijn wijzigingen vervallen)" }),
+      /* @__PURE__ */ jsx(Button, { size: "sm", variant: "ghost", onClick: () => setElders(null), children: "Mijn versie houden" })
     ] }),
-    uitConfig && // Eerlijk zijn over wat je bewerkt. Zonder dit lijkt het menu al beheerd te worden vanuit
-    // dit scherm, terwijl het nog uit Git komt en een deploy het zou overschrijven.
-    /* @__PURE__ */ jsxs("p", { className: "mb-3 rounded-lg bg-amber-50 p-3 text-xs text-amber-900", children: [
-      "Dit menu komt nu nog uit ",
-      /* @__PURE__ */ jsx("code", { children: "content/site.config.ts" }),
-      ". Zodra je hier opslaat, neemt deze versie het over en beheer je het menu vanuit het beheer."
-    ] }),
-    /* @__PURE__ */ jsx(
-      ArrayEditor,
-      {
-        items,
-        onChange: setItems,
-        newItem: () => ({ label: "", href: "" }),
-        addLabel: "+ Menu-item",
-        emptyLabel: "Nog geen menu-items.",
-        renderRow: (item, update) => {
-          const extern = isExterneLink(item.href);
-          return /* @__PURE__ */ jsxs("div", { className: "grid gap-2 md:grid-cols-[1fr_140px_1fr_150px]", children: [
-            /* @__PURE__ */ jsx(Field, { label: "Naam", children: /* @__PURE__ */ jsx(Input, { value: item.label, onChange: (e) => update({ label: e.target.value }), placeholder: "Over ons" }) }),
-            /* @__PURE__ */ jsx(Field, { label: "Verwijst naar", children: /* @__PURE__ */ jsx(
-              Select,
-              {
-                value: extern ? "extern" : "pagina",
-                onValueChange: (v) => (
-                  // Bij het wisselen de href LEEGMAKEN. Een achtergebleven "/contact" onder de
-                  // keuze "externe link" is een val: het scherm zegt dan iets anders dan er
-                  // staat, en de gebruiker ziet het verschil niet.
-                  update({ href: "", target: v === "extern" ? item.target : item.target === "_embed" ? void 0 : item.target })
-                ),
-                options: [
-                  { value: "pagina", label: "Pagina" },
-                  { value: "extern", label: "Externe link" }
-                ]
-              }
-            ) }),
-            /* @__PURE__ */ jsx(Field, { label: extern ? "Adres" : "Pagina", children: extern ? /* @__PURE__ */ jsx(
-              Input,
-              {
-                value: item.href,
-                onChange: (e) => update({ href: e.target.value }),
-                placeholder: "https://\u2026"
-              }
-            ) : /* @__PURE__ */ jsx(
-              Select,
-              {
-                value: item.href,
-                onValueChange: (v) => update({ href: v }),
-                options: [
-                  { value: "", label: "\u2014 kies een pagina \u2014" },
-                  ...paden.map((p) => ({ value: p.path, label: `${p.title} (${p.path})` }))
-                ]
-              }
-            ) }),
-            /* @__PURE__ */ jsx(Field, { label: "Openen", children: /* @__PURE__ */ jsx(
-              Select,
-              {
-                value: item.target ?? "_self",
-                onValueChange: (v) => update({ target: v === "_self" ? void 0 : v }),
-                options: [
-                  { value: "_self", label: "In dit venster" },
-                  { value: "_blank", label: "In een nieuw venster" },
-                  // Inkaderen kan alleen bij een extern adres — een eigen pagina in een kader
-                  // binnen diezelfde site is een lus, geen functie.
-                  ...extern ? [{ value: "_embed", label: "In een kader in de site" }] : []
-                ]
-              }
-            ) })
-          ] });
+    /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsxs("div", { className: "mb-3 flex items-center justify-between gap-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsx("h3", { className: "text-base font-semibold", children: "Hoofdmenu" }),
+          /* @__PURE__ */ jsx("p", { className: "text-xs text-slate-500", children: "De volgorde hier is de volgorde in de menubalk." }),
+          /* @__PURE__ */ jsx(VorigeTerugzetten, { siteId, sleutel: "nav", dirty: nietOpgeslagen })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+          nietOpgeslagen && /* @__PURE__ */ jsx("span", { className: "text-sm text-amber-700", role: "status", children: "\u2022 Niet opgeslagen" }),
+          /* @__PURE__ */ jsx(Button, { loading: busy, disabled: busy, onClick: () => void opslaan(), children: "Menu opslaan \u2014 direct live" })
+        ] })
+      ] }),
+      uitConfig && // Eerlijk zijn over wat je bewerkt. Zonder dit lijkt het menu al beheerd te worden vanuit
+      // dit scherm, terwijl het nog uit Git komt en een deploy het zou overschrijven.
+      /* @__PURE__ */ jsxs("p", { className: "mb-3 rounded-lg bg-amber-50 p-3 text-xs text-amber-900", children: [
+        "Dit menu komt nu nog uit ",
+        /* @__PURE__ */ jsx("code", { children: "content/site.config.ts" }),
+        ". Zodra je hier opslaat, neemt deze versie het over en beheer je het menu vanuit het beheer."
+      ] }),
+      /* @__PURE__ */ jsx(
+        ArrayEditor,
+        {
+          items,
+          onChange: setItems,
+          newItem: () => ({ label: "", href: "" }),
+          addLabel: "+ Menu-item",
+          emptyLabel: "Nog geen menu-items.",
+          renderRow: (item, update) => {
+            const extern = isExterneLink(item.href);
+            return /* @__PURE__ */ jsxs("div", { className: "grid gap-2 md:grid-cols-[1fr_140px_1fr_150px]", children: [
+              /* @__PURE__ */ jsx(Field, { label: "Naam", children: /* @__PURE__ */ jsx(Input, { value: item.label, onChange: (e) => update({ label: e.target.value }), placeholder: "Over ons" }) }),
+              /* @__PURE__ */ jsx(Field, { label: "Verwijst naar", children: /* @__PURE__ */ jsx(
+                Select,
+                {
+                  value: extern ? "extern" : "pagina",
+                  onValueChange: (v) => (
+                    // Bij het wisselen de href LEEGMAKEN. Een achtergebleven "/contact" onder de
+                    // keuze "externe link" is een val: het scherm zegt dan iets anders dan er
+                    // staat, en de gebruiker ziet het verschil niet.
+                    update({ href: "", target: v === "extern" ? item.target : item.target === "_embed" ? void 0 : item.target })
+                  ),
+                  options: [
+                    { value: "pagina", label: "Pagina" },
+                    { value: "extern", label: "Externe link" }
+                  ]
+                }
+              ) }),
+              /* @__PURE__ */ jsx(Field, { label: extern ? "Adres" : "Pagina", children: extern ? /* @__PURE__ */ jsx(
+                Input,
+                {
+                  value: item.href,
+                  onChange: (e) => update({ href: e.target.value }),
+                  placeholder: "https://\u2026"
+                }
+              ) : /* @__PURE__ */ jsx(
+                Select,
+                {
+                  value: item.href,
+                  onValueChange: (v) => update({ href: v }),
+                  options: [
+                    { value: "", label: "\u2014 kies een pagina \u2014" },
+                    ...paden.map((p) => ({ value: p.path, label: `${p.title} (${p.path})` }))
+                  ]
+                }
+              ) }),
+              /* @__PURE__ */ jsx(Field, { label: "Openen", children: /* @__PURE__ */ jsx(
+                Select,
+                {
+                  value: item.target ?? "_self",
+                  onValueChange: (v) => update({ target: v === "_self" ? void 0 : v }),
+                  options: [
+                    { value: "_self", label: "In dit venster" },
+                    { value: "_blank", label: "In een nieuw venster" },
+                    // Inkaderen kan alleen bij een extern adres — een eigen pagina in een kader
+                    // binnen diezelfde site is een lus, geen functie.
+                    ...extern ? [{ value: "_embed", label: "In een kader in de site" }] : []
+                  ]
+                }
+              ) })
+            ] });
+          }
         }
-      }
-    )
-  ] }) });
+      )
+    ] })
+  ] });
 }
 export {
   MenuPanel

package/dist/admin/menu/MenuPanel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/admin/menu/MenuPanel.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport { doc, onSnapshot } from \"firebase/firestore\";\nimport { getDb, getFirebaseApp } from \"../../firebase/client\";\nimport { callable } from \"../../firebase/functionsClient\";\nimport { useSiteConfig } from \"../../config\";\nimport { SiteSettingsSchema, isExterneLink, type NavItem, type SiteSettings } from \"../../schema/settings\";\nimport { subscribePages } from \"../lib/pagesClient\";\nimport { Button, Card, Field, Input } from \"../ui/primitives\";\nimport { Select } from \"../ui/select\";\nimport { ArrayEditor } from \"../ui/ArrayEditor\";\nimport { useToast } from \"../ui/toast\";\n\n/**\n * Beheer van de hoofdnavigatie.\n *\n * WAAR HET MENU WOONT. Tot nu toe stond de navigatie in `content/site.config.ts` — in Git, dus\n * alleen te wijzigen door wie de repo kan deployen. Dat is precies het soort werk dat een klant\n * zelf zou moeten kunnen doen: een pagina bijzetten, een volgorde omgooien.\n *\n * Het menu verhuist daarom naar Firestore, met de config als TERUGVAL. Staat er niets in de\n * instellingen, dan blijft de nav uit de site-config werken. Dat is geen halfslachtigheid maar de\n * enige veilige omzetting: elke bestaande site houdt zijn menu, en je migreert per site op het\n * moment dat iemand hier voor het eerst opslaat.\n *\n * PAGINA OF EXTERN. In de opslag staat één ondubbelzinnig adres — geen apart `type`-veld dat uit\n * de pas kan lopen met de href. Of iets extern is, lees je aan de href af. Dit scherm biedt de\n * keuze wél aan, want \"kies een pagina\" is een andere handeling dan \"plak een adres\", en een\n * keuzelijst met bestaande pagina's voorkomt typefouten in interne links.\n */\nexport function MenuPanel({ siteId }: { siteId: string }) {\n  const cfg = useSiteConfig();\n  const { toast } = useToast();\n  const [items, setItems] = useState<NavItem[] | null>(null);\n  const [overigeInstellingen, setOverigeInstellingen] = useState<SiteSettings>({});\n  const [paden, setPaden] = useState<{ path: string; title: string }[]>([]);\n  const [busy, setBusy] = useState(false);\n\n  // Bestaande pagina's voor de keuzelijst. Zonder deze lijst zou een interne link handwerk zijn,\n  // en een typefout in een pad levert een menu-item op dat naar een 404 wijst.\n  useEffect(() => subscribePages(siteId, (p) => {\n    setPaden(p.map((x) => ({ path: x.path, title: x.title || x.path })).sort((a, b) => a.path.localeCompare(b.path)));\n  }), [siteId]);\n\n  useEffect(() => {\n    const db = getDb();\n    if (!db) return;\n    return onSnapshot(doc(db, \"sites\", siteId, \"settings\", \"site\"), (snap) => {\n      const s = (snap.exists() ? snap.data() : {}) as SiteSettings;\n      setOverigeInstellingen(s);\n      // De terugval. `?? cfg.nav` en niet `|| cfg.nav`: een bewust LEEGGEMAAKT menu is een geldige\n      // keuze en moet leeg blijven, in plaats van telkens de config terug te toveren.\n      setItems(s.nav ?? cfg.nav ?? []);\n    });\n  }, [siteId, cfg.nav]);\n\n  async function opslaan() {\n    if (!items) return;\n    const leeg = items.findIndex((i) => !i.label.trim() || !i.href.trim());\n    if (leeg >= 0) {\n      toast({ title: \"Onvolledig menu-item\", description: `Item ${leeg + 1} mist een naam of een link.`, tone: \"error\" });\n      return;\n    }\n    // Het hele instellingen-document terugschrijven, niet alleen `nav`: de callable verwacht de\n    // volledige set en leidt daar de publieke subset uit af.\n    const kandidaat: SiteSettings = { ...overigeInstellingen, nav: items };\n    const parsed = SiteSettingsSchema.safeParse(kandidaat);\n    if (!parsed.success) {\n      toast({ title: \"Ongeldig menu\", description: parsed.error.issues[0]?.message, 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, \"saveSiteSettings\")({ siteId, settings: parsed.data });\n      toast({ title: \"Menu opgeslagen\", description: \"De navigatie is bijgewerkt.\", tone: \"success\" });\n    } catch (e) {\n      toast({ title: \"Opslaan mislukt\", description: (e as Error).message, tone: \"error\" });\n    } finally {\n      setBusy(false);\n    }\n  }\n\n  if (!items) return <Card><p className=\"text-sm text-slate-500\">Menu laden…</p></Card>;\n\n  const uitConfig = !overigeInstellingen.nav && (cfg.nav?.length ?? 0) > 0;\n\n  return (\n    <div className=\"grid gap-4\">\n      <Card>\n        <div className=\"mb-3 flex items-center justify-between gap-4\">\n          <div className=\"min-w-0\">\n            <h3 className=\"text-base font-semibold\">Hoofdmenu</h3>\n            <p className=\"text-xs text-slate-500\">\n              De volgorde hier is de volgorde in de menubalk.\n            </p>\n          </div>\n          <Button disabled={busy} onClick={() => void opslaan()}>{busy ? \"Opslaan…\" : \"Menu opslaan\"}</Button>\n        </div>\n\n        {uitConfig && (\n          // Eerlijk zijn over wat je bewerkt. Zonder dit lijkt het menu al beheerd te worden vanuit\n          // dit scherm, terwijl het nog uit Git komt en een deploy het zou overschrijven.\n          <p className=\"mb-3 rounded-lg bg-amber-50 p-3 text-xs text-amber-900\">\n            Dit menu komt nu nog uit <code>content/site.config.ts</code>. Zodra je hier opslaat,\n            neemt deze versie het over en beheer je het menu vanuit het beheer.\n          </p>\n        )}\n\n        <ArrayEditor<NavItem>\n          items={items}\n          onChange={setItems}\n          newItem={() => ({ label: \"\", href: \"\" })}\n          addLabel=\"+ Menu-item\"\n          emptyLabel=\"Nog geen menu-items.\"\n          renderRow={(item, update) => {\n            const extern = isExterneLink(item.href);\n            return (\n              <div className=\"grid gap-2 md:grid-cols-[1fr_140px_1fr_150px]\">\n                <Field label=\"Naam\">\n                  <Input value={item.label} onChange={(e) => update({ label: e.target.value })} placeholder=\"Over ons\" />\n                </Field>\n\n                <Field label=\"Verwijst naar\">\n                  <Select\n                    value={extern ? \"extern\" : \"pagina\"}\n                    onValueChange={(v) =>\n                      // Bij het wisselen de href LEEGMAKEN. Een achtergebleven \"/contact\" onder de\n                      // keuze \"externe link\" is een val: het scherm zegt dan iets anders dan er\n                      // staat, en de gebruiker ziet het verschil niet.\n                      update({ href: \"\", target: v === \"extern\" ? item.target : (item.target === \"_embed\" ? undefined : item.target) })\n                    }\n                    options={[\n                      { value: \"pagina\", label: \"Pagina\" },\n                      { value: \"extern\", label: \"Externe link\" },\n                    ]}\n                  />\n                </Field>\n\n                <Field label={extern ? \"Adres\" : \"Pagina\"}>\n                  {extern ? (\n                    <Input\n                      value={item.href}\n                      onChange={(e) => update({ href: e.target.value })}\n                      placeholder=\"https://…\"\n                    />\n                  ) : (\n                    <Select\n                      value={item.href}\n                      onValueChange={(v) => update({ href: v })}\n                      options={[\n                        { value: \"\", label: \"— kies een pagina —\" },\n                        ...paden.map((p) => ({ value: p.path, label: `${p.title} (${p.path})` })),\n                      ]}\n                    />\n                  )}\n                </Field>\n\n                <Field label=\"Openen\">\n                  <Select\n                    value={item.target ?? \"_self\"}\n                    // `_self` slaan we op als `undefined`: dat is het standaardgedrag van een gewone\n                    // link, en een veld dat niets toevoegt hoort niet in de opslag.\n                    onValueChange={(v) => update({ target: v === \"_self\" ? undefined : (v as NavItem[\"target\"]) })}\n                    options={[\n                      { value: \"_self\", label: \"In dit venster\" },\n                      { value: \"_blank\", label: \"In een nieuw venster\" },\n                      // Inkaderen kan alleen bij een extern adres — een eigen pagina in een kader\n                      // binnen diezelfde site is een lus, geen functie.\n                      ...(extern ? [{ value: \"_embed\", label: \"In een kader in de site\" }] : []),\n                    ]}\n                  />\n                </Field>\n              </div>\n            );\n          }}\n        />\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/admin/menu/MenuPanel.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef, useState } from \"react\";\nimport { doc, onSnapshot } from \"firebase/firestore\";\nimport { getDb, getFirebaseApp } from \"../../firebase/client\";\nimport { callable } from \"../../firebase/functionsClient\";\nimport { useSiteConfig } from \"../../config\";\nimport { SiteSettingsSchema, isExterneLink, type NavItem, type SiteSettings } from \"../../schema/settings\";\nimport { subscribePages } from \"../lib/pagesClient\";\nimport { Button, Card, Field, Input } from \"../ui/primitives\";\nimport { VorigeTerugzetten } from \"../settings/VorigeTerugzetten\";\nimport { zodFoutTekst } from \"../lib/zodFout\";\nimport { Select } from \"../ui/select\";\nimport { ArrayEditor } from \"../ui/ArrayEditor\";\nimport { useToast } from \"../ui/toast\";\nimport { useConfirm } from \"../ui/ConfirmDialog\";\nimport { useOnopgeslagen } from \"../lib/onopgeslagen\";\nimport { isDemoActive } from \"../../demo/demoStore\";\n\n/**\n * Beheer van de hoofdnavigatie.\n *\n * WAAR HET MENU WOONT. Tot nu toe stond de navigatie in `content/site.config.ts` — in Git, dus\n * alleen te wijzigen door wie de repo kan deployen. Dat is precies het soort werk dat een klant\n * zelf zou moeten kunnen doen: een pagina bijzetten, een volgorde omgooien.\n *\n * Het menu verhuist daarom naar Firestore, met de config als TERUGVAL. Staat er niets in de\n * instellingen, dan blijft de nav uit de site-config werken. Dat is geen halfslachtigheid maar de\n * enige veilige omzetting: elke bestaande site houdt zijn menu, en je migreert per site op het\n * moment dat iemand hier voor het eerst opslaat.\n *\n * PAGINA OF EXTERN. In de opslag staat één ondubbelzinnig adres — geen apart `type`-veld dat uit\n * de pas kan lopen met de href. Of iets extern is, lees je aan de href af. Dit scherm biedt de\n * keuze wél aan, want \"kies een pagina\" is een andere handeling dan \"plak een adres\", en een\n * keuzelijst met bestaande pagina's voorkomt typefouten in interne links.\n */\nexport function MenuPanel({ siteId }: { siteId: string }) {\n  const cfg = useSiteConfig();\n  const { toast } = useToast();\n  const confirm = useConfirm();\n  const [items, setItems] = useState<NavItem[] | null>(null);\n  const [overigeInstellingen, setOverigeInstellingen] = useState<SiteSettings>({});\n  const [paden, setPaden] = useState<{ path: string; title: string }[]>([]);\n  const [busy, setBusy] = useState(false);\n  // 8.1: een snapshot (bv. Instellingen opgeslagen in een ander tabblad) overschreef het menu waar\n  // je mee bezig was. Nu alleen overnemen als er hier niets onopgeslagens staat.\n  const basisRef = useRef<NavItem[] | null>(null);\n  const itemsRef = useRef<NavItem[] | null>(null);\n  itemsRef.current = items;\n  const [elders, setElders] = useState<NavItem[] | null>(null);\n  const [laadFout, setLaadFout] = useState<string | null>(null);\n  const nietOpgeslagen = items !== null && basisRef.current !== null && JSON.stringify(items) !== JSON.stringify(basisRef.current);\n  useOnopgeslagen(nietOpgeslagen);\n\n  // Bestaande pagina's voor de keuzelijst. Zonder deze lijst zou een interne link handwerk zijn,\n  // en een typefout in een pad levert een menu-item op dat naar een 404 wijst.\n  useEffect(() => subscribePages(siteId, (p) => {\n    // 8.10: prullenbak weg; een concept blijft kiesbaar (je bouwt het menu soms vóór de pagina\n    // live gaat), maar met de waarschuwing erbij — anders wijst het menu stil naar een 404.\n    setPaden(\n      p\n        .filter((x) => !x.trashed)\n        .map((x) => ({ path: x.path, title: `${x.title || x.path}${x.published ? \"\" : \" (nog niet live)\"}` }))\n        .sort((a, b) => a.path.localeCompare(b.path)),\n    );\n  }), [siteId]);\n\n  useEffect(() => {\n    const db = getDb();\n    if (!db) return;\n    return onSnapshot(doc(db, \"sites\", siteId, \"settings\", \"site\"), (snap) => {\n      const s = (snap.exists() ? snap.data() : {}) as SiteSettings;\n      setOverigeInstellingen(s);\n      // De terugval. `?? cfg.nav` en niet `|| cfg.nav`: een bewust LEEGGEMAAKT menu is een geldige\n      // keuze en moet leeg blijven, in plaats van telkens de config terug te toveren.\n      const nav = s.nav ?? cfg.nav ?? [];\n      if (basisRef.current !== null && JSON.stringify(itemsRef.current) !== JSON.stringify(basisRef.current)) {\n        if (JSON.stringify(nav) !== JSON.stringify(basisRef.current)) setElders(nav);\n        return;\n      }\n      basisRef.current = nav;\n      setItems(nav);\n    }, (err) => {\n      if (isDemoActive()) {\n        basisRef.current = cfg.nav ?? [];\n        setItems(cfg.nav ?? []);\n        return;\n      }\n      console.error(\"[xicms] menu laden mislukt:\", err);\n      setLaadFout(err.message);\n    });\n  }, [siteId, cfg.nav]);\n\n  async function opslaan() {\n    if (!items) return;\n    // 8.10: een leeg menu is een geldige keuze, maar zelden de bedoeling — dan verdwijnt de hele\n    // navigatie van de site. Eerst vragen.\n    if (items.length === 0 && (basisRef.current?.length ?? 0) > 0) {\n      const ok = await confirm({\n        title: \"Het menu leeg opslaan?\",\n        description: \"Bezoekers zien dan geen menu meer bovenaan de site. Terugzetten kan daarna met “Vorige menu terugzetten”.\",\n        confirmLabel: \"Leeg opslaan\",\n        tone: \"danger\",\n      });\n      if (!ok) return;\n    }\n    const leeg = items.findIndex((i) => !i.label.trim() || !i.href.trim());\n    if (leeg >= 0) {\n      toast({ title: \"Onvolledig menu-item\", description: `Item ${leeg + 1} mist een naam of een link.`, tone: \"error\" });\n      return;\n    }\n    // Het hele instellingen-document terugschrijven, niet alleen `nav`: de callable verwacht de\n    // volledige set en leidt daar de publieke subset uit af.\n    const kandidaat: SiteSettings = { ...overigeInstellingen, nav: items };\n    const parsed = SiteSettingsSchema.safeParse(kandidaat);\n    if (!parsed.success) {\n      toast({ title: \"Menu nog niet op te slaan\", description: zodFoutTekst(parsed.error.issues[0]), 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, \"saveSiteSettings\")({ siteId, settings: parsed.data });\n      basisRef.current = items;\n      setElders(null);\n      toast({ title: \"Menu opgeslagen\", description: \"De navigatie is bijgewerkt.\", tone: \"success\" });\n    } catch (e) {\n      toast({ title: \"Opslaan mislukt\", description: (e as Error).message, tone: \"error\" });\n    } finally {\n      setBusy(false);\n    }\n  }\n\n  if (laadFout && !items) {\n    return (\n      <Card>\n        <p className=\"text-sm text-red-700\" role=\"alert\">Het menu kon niet geladen worden. Ververs de pagina en probeer het opnieuw.</p>\n        <p className=\"mt-1 text-xs text-slate-500\">{laadFout}</p>\n      </Card>\n    );\n  }\n  if (!items) return <Card><p className=\"text-sm text-slate-500\" role=\"status\">Menu laden…</p></Card>;\n\n  const uitConfig = !overigeInstellingen.nav && (cfg.nav?.length ?? 0) > 0;\n\n  return (\n    <div className=\"grid gap-4\">\n      {elders && (\n        <div role=\"alert\" className=\"flex flex-wrap items-center gap-3 rounded-lg border border-amber-300 bg-amber-50 px-4 py-3 text-sm text-amber-900\">\n          <span className=\"flex-1\">Het menu is intussen ergens anders gewijzigd.</span>\n          <Button size=\"sm\" variant=\"secondary\" onClick={() => { basisRef.current = elders; setItems(elders); setElders(null); }}>\n            Nieuwste laden (mijn wijzigingen vervallen)\n          </Button>\n          <Button size=\"sm\" variant=\"ghost\" onClick={() => setElders(null)}>Mijn versie houden</Button>\n        </div>\n      )}\n      <Card>\n        <div className=\"mb-3 flex items-center justify-between gap-4\">\n          <div className=\"min-w-0\">\n            <h3 className=\"text-base font-semibold\">Hoofdmenu</h3>\n            <p className=\"text-xs text-slate-500\">\n              De volgorde hier is de volgorde in de menubalk.\n            </p>\n            <VorigeTerugzetten siteId={siteId} sleutel=\"nav\" dirty={nietOpgeslagen} />\n          </div>\n          <div className=\"flex items-center gap-3\">\n            {nietOpgeslagen && <span className=\"text-sm text-amber-700\" role=\"status\">• Niet opgeslagen</span>}\n            <Button loading={busy} disabled={busy} onClick={() => void opslaan()}>{\"Menu opslaan — direct live\"}</Button>\n          </div>\n        </div>\n\n        {uitConfig && (\n          // Eerlijk zijn over wat je bewerkt. Zonder dit lijkt het menu al beheerd te worden vanuit\n          // dit scherm, terwijl het nog uit Git komt en een deploy het zou overschrijven.\n          <p className=\"mb-3 rounded-lg bg-amber-50 p-3 text-xs text-amber-900\">\n            Dit menu komt nu nog uit <code>content/site.config.ts</code>. Zodra je hier opslaat,\n            neemt deze versie het over en beheer je het menu vanuit het beheer.\n          </p>\n        )}\n\n        <ArrayEditor<NavItem>\n          items={items}\n          onChange={setItems}\n          newItem={() => ({ label: \"\", href: \"\" })}\n          addLabel=\"+ Menu-item\"\n          emptyLabel=\"Nog geen menu-items.\"\n          renderRow={(item, update) => {\n            const extern = isExterneLink(item.href);\n            return (\n              <div className=\"grid gap-2 md:grid-cols-[1fr_140px_1fr_150px]\">\n                <Field label=\"Naam\">\n                  <Input value={item.label} onChange={(e) => update({ label: e.target.value })} placeholder=\"Over ons\" />\n                </Field>\n\n                <Field label=\"Verwijst naar\">\n                  <Select\n                    value={extern ? \"extern\" : \"pagina\"}\n                    onValueChange={(v) =>\n                      // Bij het wisselen de href LEEGMAKEN. Een achtergebleven \"/contact\" onder de\n                      // keuze \"externe link\" is een val: het scherm zegt dan iets anders dan er\n                      // staat, en de gebruiker ziet het verschil niet.\n                      update({ href: \"\", target: v === \"extern\" ? item.target : (item.target === \"_embed\" ? undefined : item.target) })\n                    }\n                    options={[\n                      { value: \"pagina\", label: \"Pagina\" },\n                      { value: \"extern\", label: \"Externe link\" },\n                    ]}\n                  />\n                </Field>\n\n                <Field label={extern ? \"Adres\" : \"Pagina\"}>\n                  {extern ? (\n                    <Input\n                      value={item.href}\n                      onChange={(e) => update({ href: e.target.value })}\n                      placeholder=\"https://…\"\n                    />\n                  ) : (\n                    <Select\n                      value={item.href}\n                      onValueChange={(v) => update({ href: v })}\n                      options={[\n                        { value: \"\", label: \"— kies een pagina —\" },\n                        ...paden.map((p) => ({ value: p.path, label: `${p.title} (${p.path})` })),\n                      ]}\n                    />\n                  )}\n                </Field>\n\n                <Field label=\"Openen\">\n                  <Select\n                    value={item.target ?? \"_self\"}\n                    // `_self` slaan we op als `undefined`: dat is het standaardgedrag van een gewone\n                    // link, en een veld dat niets toevoegt hoort niet in de opslag.\n                    onValueChange={(v) => update({ target: v === \"_self\" ? undefined : (v as NavItem[\"target\"]) })}\n                    options={[\n                      { value: \"_self\", label: \"In dit venster\" },\n                      { value: \"_blank\", label: \"In een nieuw venster\" },\n                      // Inkaderen kan alleen bij een extern adres — een eigen pagina in een kader\n                      // binnen diezelfde site is een lus, geen functie.\n                      ...(extern ? [{ value: \"_embed\", label: \"In een kader in de site\" }] : []),\n                    ]}\n                  />\n                </Field>\n              </div>\n            );\n          }}\n        />\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/admin/navContext.d.ts

@@ -12,3 +12,6 @@
 export declare const AdminNavContext: import("react").Context<(tab: string) => void>;
 /** Spring naar een ander beheer-paneel (sleutel = `id ?? moduleId` uit de paneel-registry). */
 export declare function useAdminNav(): (tab: string) => void;
+export declare function vraagOpen(tab: string, id: string): void;
+/** Haalt (en wist) een openstaand verzoek voor dit paneel. */
+export declare function neemOpenVerzoek(tab: string): string | null;

package/dist/admin/navContext.js

@@ -5,8 +5,20 @@ const AdminNavContext = createContext(() => {
 function useAdminNav() {
   return useContext(AdminNavContext);
 }
+let openVerzoek = null;
+function vraagOpen(tab, id) {
+  openVerzoek = { tab, id };
+}
+function neemOpenVerzoek(tab) {
+  if (openVerzoek?.tab !== tab) return null;
+  const id = openVerzoek.id;
+  openVerzoek = null;
+  return id;
+}
 export {
   AdminNavContext,
-  useAdminNav
+  neemOpenVerzoek,
+  useAdminNav,
+  vraagOpen
 };
 //# sourceMappingURL=navContext.js.map

package/dist/admin/navContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/admin/navContext.ts"],"sourcesContent":["\"use client\";\n\nimport { createContext, useContext } from \"react\";\n\n/**\n * Navigatie binnen /beheer: van paneel wisselen zonder dat een paneel `AdminApp` hoeft te kennen.\n *\n * De tabs zijn gecontroleerde state in `AdminApp` (`setActief`). De startpagina (7.16) wil\n * daarheen kunnen springen (\"Bekijk je statistieken →\"), en een prop door de generieke\n * `PanelDefinition`-signatuur heen breken zou élk paneel raken. Een context is hier het juiste\n * gereedschap: wie hem nodig heeft pakt hem, de rest merkt niets.\n *\n * Buiten een provider is het bewust een no-op: een paneel dat los gerenderd wordt (test, storybook,\n * embedded gebruik) mag nooit crashen op een ontbrekende navigatie.\n */\nexport const AdminNavContext = createContext<(tab: string) => void>(() => {});\n\n/** Spring naar een ander beheer-paneel (sleutel = `id ?? moduleId` uit de paneel-registry). */\nexport function useAdminNav(): (tab: string) => void {\n  return useContext(AdminNavContext);\n}\n"],"mappings":";AAEA,SAAS,eAAe,kBAAkB;AAanC,MAAM,kBAAkB,cAAqC,MAAM;AAAC,CAAC;AAGrE,SAAS,cAAqC;AACnD,SAAO,WAAW,eAAe;AACnC;","names":[]}
+{"version":3,"sources":["../../src/admin/navContext.ts"],"sourcesContent":["\"use client\";\n\nimport { createContext, useContext } from \"react\";\n\n/**\n * Navigatie binnen /beheer: van paneel wisselen zonder dat een paneel `AdminApp` hoeft te kennen.\n *\n * De tabs zijn gecontroleerde state in `AdminApp` (`setActief`). De startpagina (7.16) wil\n * daarheen kunnen springen (\"Bekijk je statistieken →\"), en een prop door de generieke\n * `PanelDefinition`-signatuur heen breken zou élk paneel raken. Een context is hier het juiste\n * gereedschap: wie hem nodig heeft pakt hem, de rest merkt niets.\n *\n * Buiten een provider is het bewust een no-op: een paneel dat los gerenderd wordt (test, storybook,\n * embedded gebruik) mag nooit crashen op een ontbrekende navigatie.\n */\nexport const AdminNavContext = createContext<(tab: string) => void>(() => {});\n\n/** Spring naar een ander beheer-paneel (sleutel = `id ?? moduleId` uit de paneel-registry). */\nexport function useAdminNav(): (tab: string) => void {\n  return useContext(AdminNavContext);\n}\n\n/**\n * Een specifiek item openen in een ander paneel (8.2): \"Laatst bewerkt\", \"Laatste bestellingen\"\n * en \"Formulieren\" op Start sprongen alleen naar het tabblad, waarna je het item opnieuw moest\n * zoeken. De bron zet hier het verzoek; het doelpaneel neemt het bij het openen over.\n */\nlet openVerzoek: { tab: string; id: string } | null = null;\n\nexport function vraagOpen(tab: string, id: string): void {\n  openVerzoek = { tab, id };\n}\n\n/** Haalt (en wist) een openstaand verzoek voor dit paneel. */\nexport function neemOpenVerzoek(tab: string): string | null {\n  if (openVerzoek?.tab !== tab) return null;\n  const id = openVerzoek.id;\n  openVerzoek = null;\n  return id;\n}\n"],"mappings":";AAEA,SAAS,eAAe,kBAAkB;AAanC,MAAM,kBAAkB,cAAqC,MAAM;AAAC,CAAC;AAGrE,SAAS,cAAqC;AACnD,SAAO,WAAW,eAAe;AACnC;AAOA,IAAI,cAAkD;AAE/C,SAAS,UAAU,KAAa,IAAkB;AACvD,gBAAc,EAAE,KAAK,GAAG;AAC1B;AAGO,SAAS,gBAAgB,KAA4B;AAC1D,MAAI,aAAa,QAAQ,IAAK,QAAO;AACrC,QAAM,KAAK,YAAY;AACvB,gBAAc;AACd,SAAO;AACT;","names":[]}