@xiwebdesign/xicms-core 7.30.0 → 8.15.0

package/dist/admin/visual/InlineGereedschap.js

@@ -0,0 +1,356 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { introspectToFields } from "../lib/zodFields.js";
+import { itemNaam, vertaalVelden, TECHNISCHE_VELDEN } from "../lib/veldTaal.js";
+import { LinkDialog } from "../ui/LinkDialog.js";
+function veiligeBovenkant() {
+  let onder = 0;
+  for (const el of Array.from(document.querySelectorAll("header, [class*='header'], [class*='nav'], body > div > *"))) {
+    const pos = getComputedStyle(el).position;
+    if (pos !== "fixed" && pos !== "sticky") continue;
+    if (el.closest("[data-xicms-tooling], .xicms-ve")) continue;
+    const r = el.getBoundingClientRect();
+    if (r.height === 0 || r.top > 4 || r.height > window.innerHeight / 3) continue;
+    onder = Math.max(onder, r.bottom);
+  }
+  return onder;
+}
+function rect(el) {
+  const r = el.getBoundingClientRect();
+  return { top: r.top, left: r.left, width: r.width, height: r.height };
+}
+function zelfde(a, b) {
+  return !!a && !!b && a.top === b.top && a.left === b.left && a.width === b.width && a.height === b.height;
+}
+function gemeenschappelijk(els, grens) {
+  let kand = els[0];
+  while (kand && kand !== grens && !els.every((e) => kand.contains(e))) kand = kand.parentElement;
+  return kand ?? grens;
+}
+function vindLijstItems(host) {
+  const perItem = /* @__PURE__ */ new Map();
+  for (const el of Array.from(host.querySelectorAll("[data-xicms-edit]"))) {
+    const pad = el.dataset.xicmsEdit ?? "";
+    const re = /\.(\d+)\./g;
+    let m;
+    while (m = re.exec(pad)) {
+      const lijst = pad.slice(0, m.index);
+      if (!/^[A-Za-z]/.test(lijst)) continue;
+      const sleutel = `${lijst}|${m[1]}`;
+      perItem.set(sleutel, [...perItem.get(sleutel) ?? [], el]);
+      re.lastIndex = m.index + 1;
+    }
+  }
+  const uit = [];
+  for (const [sleutel, els] of perItem) {
+    const [lijst, idx] = sleutel.split("|");
+    const anderen = [...perItem].filter(([k]) => k !== sleutel && k.startsWith(`${lijst}|`)).flatMap(([, v]) => v);
+    let el = gemeenschappelijk(els, host);
+    while (el.parentElement && el.parentElement !== host && !anderen.some((a) => el.parentElement.contains(a))) {
+      if (el.parentElement.hasAttribute("data-xicms-block")) break;
+      el = el.parentElement;
+    }
+    uit.push({ lijst, index: Number(idx), el });
+  }
+  return uit.sort((a, b) => a.lijst === b.lijst ? a.index - b.index : a.lijst.localeCompare(b.lijst));
+}
+function lijstVorm(lijst) {
+  return lijst.replace(/\.\d+(?=\.|$)/g, "");
+}
+function linkVeldVoor(veld, blok) {
+  const kandidaten = [];
+  if (/(^|\.)label$/.test(veld)) kandidaten.push(veld.replace(/label$/, "href"));
+  if (/(^|\.)linkLabel$/.test(veld)) kandidaten.push(veld.replace(/linkLabel$/, "href"));
+  if (/Label$/.test(veld)) kandidaten.push(veld.replace(/Label$/, "Href"));
+  for (const k of kandidaten) {
+    const waarde = k.split(".").reduce((o, s) => o == null ? void 0 : o[s], blok);
+    if (waarde !== void 0) return k;
+  }
+  return null;
+}
+function haal(o, pad) {
+  return pad.split(".").reduce((x, k) => x == null ? void 0 : x[k], o);
+}
+function zet(o, pad, waarde) {
+  const delen = pad.split(".");
+  const kloon = (v) => Array.isArray(v) ? [...v] : v && typeof v === "object" ? { ...v } : v;
+  const wortel = kloon(o);
+  let cur = wortel;
+  for (let i = 0; i < delen.length - 1; i++) {
+    cur[delen[i]] = kloon(cur[delen[i]] ?? {});
+    cur = cur[delen[i]];
+  }
+  cur[delen[delen.length - 1]] = waarde;
+  return wortel;
+}
+function snelleKeuzes(velden) {
+  const uitgesloten = /jsonLd|consent|dismiss|sticky|^lightbox$|^showDownload$|^includeNews$|^headingLevel$/;
+  return velden.filter((f) => !TECHNISCHE_VELDEN.has(f.key) && !uitgesloten.test(f.key)).filter(
+    (f) => f.type === "select" && f.options.length >= 2 && f.options.length <= 5 || f.type === "number" && f.min !== void 0 && f.max !== void 0 && f.max - f.min <= 4 && f.key !== "rating"
+  ).slice(0, 3);
+}
+function InlineGereedschap({
+  blok,
+  def,
+  siteId,
+  onWijzig,
+  onInstellingen,
+  onStartVeld,
+  onVerwijderd
+}) {
+  const [host, setHost] = useState(null);
+  const [items, setItems] = useState([]);
+  const [hover, setHover] = useState(null);
+  const [blokRect, setBlokRect] = useState(null);
+  const [linkDoel, setLinkDoel] = useState(null);
+  const [linkOpen, setLinkOpen] = useState(false);
+  const [veilig, setVeilig] = useState(0);
+  useEffect(() => {
+    const herijk = () => setVeilig(veiligeBovenkant());
+    herijk();
+    window.addEventListener("resize", herijk);
+    return () => window.removeEventListener("resize", herijk);
+  }, []);
+  const velden = useMemo(() => {
+    if (!def?.schema) return [];
+    try {
+      return vertaalVelden(introspectToFields(def.schema, def.fields), def.type);
+    } catch {
+      return [];
+    }
+  }, [def]);
+  const keuzes = useMemo(() => snelleKeuzes(velden), [velden]);
+  const [gevonden, setGevonden] = useState(null);
+  useEffect(() => {
+    let pogingen = 0;
+    let frame = 0;
+    const zoek = () => {
+      const el = document.querySelector(`[data-xicms-block="${CSS.escape(blok._key)}"]`);
+      if (el) setGevonden(el);
+      else if (++pogingen < 120) frame = requestAnimationFrame(zoek);
+    };
+    zoek();
+    return () => cancelAnimationFrame(frame);
+  }, [blok._key]);
+  useEffect(() => {
+    const el = gevonden;
+    setHost(el);
+    if (!el) return;
+    let frame = 0;
+    const meet = () => {
+      const gevonden2 = vindLijstItems(el).map((it) => ({ lijst: it.lijst, index: it.index, r: rect(it.el) }));
+      setItems((v) => v.length === gevonden2.length && v.every((x, i) => x.lijst === gevonden2[i].lijst && x.index === gevonden2[i].index && zelfde(x.r, gevonden2[i].r)) ? v : gevonden2);
+      let r = rect(el);
+      if (r.width === 0 && r.height === 0) {
+        const kids = Array.from(el.children).map(rect).filter((k) => k.width || k.height);
+        if (kids.length) {
+          const top = Math.min(...kids.map((k) => k.top));
+          const left = Math.min(...kids.map((k) => k.left));
+          r = { top, left, width: Math.max(...kids.map((k) => k.left + k.width)) - left, height: Math.max(...kids.map((k) => k.top + k.height)) - top };
+        }
+      }
+      setBlokRect((v) => zelfde(v, r) ? v : r);
+    };
+    const plan = () => {
+      cancelAnimationFrame(frame);
+      frame = requestAnimationFrame(meet);
+    };
+    meet();
+    const obs = new MutationObserver(plan);
+    obs.observe(el, { childList: true, subtree: true, characterData: true });
+    window.addEventListener("scroll", plan, { capture: true, passive: true });
+    window.addEventListener("resize", plan);
+    return () => {
+      cancelAnimationFrame(frame);
+      obs.disconnect();
+      window.removeEventListener("scroll", plan, { capture: true });
+      window.removeEventListener("resize", plan);
+    };
+  }, [gevonden]);
+  useEffect(() => {
+    if (!host) return;
+    const kijk = (doel) => {
+      if (!doel) return;
+      const it = vindLijstItems(host).filter((x) => x.el.contains(doel)).sort((a, b) => b.lijst.split(".").length - a.lijst.split(".").length)[0];
+      setHover(it ? { lijst: it.lijst, index: it.index } : null);
+      const veldEl = doel.closest("[data-xicms-edit]");
+      const veld = veldEl?.dataset.xicmsEdit;
+      const hrefVeld = veld ? linkVeldVoor(veld, blok) : null;
+      if (veldEl && veld && hrefVeld) setLinkDoel({ veld, hrefVeld, r: rect(veldEl) });
+    };
+    const opOver = (e) => kijk(e.target);
+    host.addEventListener("mouseover", opOver);
+    host.addEventListener("focusin", opOver);
+    return () => {
+      host.removeEventListener("mouseover", opOver);
+      host.removeEventListener("focusin", opOver);
+    };
+  }, [host, blok]);
+  useEffect(() => {
+    if (!linkDoel || !host) return;
+    const herpositioneer = () => {
+      const el = host.querySelector(`[data-xicms-edit="${CSS.escape(linkDoel.veld)}"]`);
+      if (!el) return setLinkDoel(null);
+      const r = rect(el);
+      setLinkDoel((v) => v && !zelfde(v.r, r) ? { ...v, r } : v);
+    };
+    window.addEventListener("scroll", herpositioneer, { capture: true, passive: true });
+    return () => window.removeEventListener("scroll", herpositioneer, { capture: true });
+  }, [linkDoel, host]);
+  const lijstActie = useCallback(
+    (lijst, index, actie) => {
+      const arr = [...haal(blok, lijst) ?? []];
+      if (actie === "omhoog" && index > 0) [arr[index - 1], arr[index]] = [arr[index], arr[index - 1]];
+      else if (actie === "omlaag" && index < arr.length - 1) [arr[index + 1], arr[index]] = [arr[index], arr[index + 1]];
+      else if (actie === "dupliceer") arr.splice(index + 1, 0, structuredClone(arr[index]));
+      else if (actie === "weg") arr.splice(index, 1);
+      else return;
+      onWijzig(zet(blok, lijst, arr));
+      if (actie === "weg") onVerwijderd(itemNaam(blok._type, lijstVorm(lijst)) ?? "Onderdeel");
+      setHover(null);
+    },
+    [blok, onWijzig, onVerwijderd]
+  );
+  const voegToe = useCallback(
+    (lijst) => {
+      const arr = [...haal(blok, lijst) ?? []];
+      const voorbeeld = arr[arr.length - 1] ?? haal(def?.defaults?.() ?? {}, lijstVorm(lijst))?.[0] ?? {};
+      const nieuw = structuredClone(voorbeeld);
+      const naam = (itemNaam(blok._type, lijstVorm(lijst)) ?? "onderdeel").toLowerCase();
+      const eerste = ["title", "name", "label", "question", "q", "author", "day"].find((k) => typeof nieuw[k] === "string");
+      if (eerste) nieuw[eerste] = `Nieuw: ${naam}`;
+      for (const k of ["featured", "highlighted"]) if (k in nieuw) nieuw[k] = false;
+      arr.push(nieuw);
+      onWijzig(zet(blok, lijst, arr));
+      if (eerste) onStartVeld(`${lijst}.${arr.length - 1}.${eerste}`);
+    },
+    [blok, def, onWijzig, onStartVeld]
+  );
+  const laatste = useMemo(() => {
+    const m = /* @__PURE__ */ new Map();
+    for (const it of items) m.set(it.lijst, it.r);
+    return m;
+  }, [items]);
+  const hoverItem = hover ? items.find((x) => x.lijst === hover.lijst && x.index === hover.index) : void 0;
+  const aantal = (lijst) => (haal(blok, lijst) ?? []).length;
+  const hrefNu = linkDoel ? String(haal(blok, linkDoel.hrefVeld) ?? "") : "";
+  const zichtbaar = (r) => r.top + r.height > veilig && r.top < window.innerHeight;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    blokRect && zichtbaar(blokRect) && keuzes.length > 0 && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "xicms-ve-snel",
+        role: "toolbar",
+        "aria-label": `Snel aanpassen: ${def?.label ?? ""}`,
+        style: { top: blokRect.top - 46 > veilig + 4 ? blokRect.top - 46 : Math.max(blokRect.top + 8, veilig + 8), left: Math.max(blokRect.left, 8) },
+        onMouseDown: (e) => e.preventDefault(),
+        children: [
+          keuzes.map((f) => {
+            const huidig = blok[f.key];
+            const opties = f.type === "select" ? f.options.map((o) => ({ value: o.value, label: o.label })) : Array.from({ length: f.max - f.min + 1 }, (_, i) => {
+              const n = f.min + i;
+              return { value: n, label: String(n) };
+            });
+            const actief = huidig ?? (f.type === "select" ? f.standaard ?? f.options[0]?.value : void 0);
+            return /* @__PURE__ */ jsxs("span", { className: "xicms-ve-snel__groep", role: "radiogroup", "aria-label": f.label, children: [
+              /* @__PURE__ */ jsx("span", { className: "xicms-ve-snel__label", children: f.label }),
+              opties.map((o) => /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  role: "radio",
+                  "aria-checked": actief === o.value,
+                  className: "xicms-ve-snel__knop",
+                  onClick: () => onWijzig({ ...blok, [f.key]: o.value }),
+                  children: o.label
+                },
+                String(o.value)
+              ))
+            ] }, f.key);
+          }),
+          /* @__PURE__ */ jsx("button", { type: "button", className: "xicms-ve-snel__meer", onClick: onInstellingen, title: "Alle instellingen in de zijbalk", children: "Meer \u2699" })
+        ]
+      }
+    ),
+    hoverItem && zichtbaar(hoverItem.r) && /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "xicms-ve-item",
+        role: "toolbar",
+        "aria-label": `${itemNaam(blok._type, lijstVorm(hoverItem.lijst)) ?? "Onderdeel"} ${hoverItem.index + 1}`,
+        style: { top: Math.max(hoverItem.r.top + 6, veilig + 8), left: Math.max(hoverItem.r.left + hoverItem.r.width - 6, 120) },
+        onMouseDown: (e) => e.preventDefault(),
+        children: (() => {
+          const naam = itemNaam(blok._type, lijstVorm(hoverItem.lijst)) ?? "Onderdeel";
+          const n = aantal(hoverItem.lijst);
+          return /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("button", { type: "button", title: `${naam} naar voren`, "aria-label": `${naam} naar voren`, disabled: hoverItem.index === 0, onClick: () => lijstActie(hoverItem.lijst, hoverItem.index, "omhoog"), children: "\u2191" }),
+            /* @__PURE__ */ jsx("button", { type: "button", title: `${naam} naar achteren`, "aria-label": `${naam} naar achteren`, disabled: hoverItem.index >= n - 1, onClick: () => lijstActie(hoverItem.lijst, hoverItem.index, "omlaag"), children: "\u2193" }),
+            /* @__PURE__ */ jsx("button", { type: "button", title: `${naam} dupliceren`, "aria-label": `${naam} dupliceren`, onClick: () => lijstActie(hoverItem.lijst, hoverItem.index, "dupliceer"), children: "\u29C9" }),
+            /* @__PURE__ */ jsx("button", { type: "button", className: "is-gevaar", title: `${naam} weghalen`, "aria-label": `${naam} weghalen`, onClick: () => lijstActie(hoverItem.lijst, hoverItem.index, "weg"), children: "\u{1F5D1}" })
+          ] });
+        })()
+      }
+    ),
+    [...laatste].map(([lijst, r]) => {
+      const diepte = lijst.split(".").length;
+      const botst = [...laatste].some(([ander, ar]) => ander !== lijst && ander.split(".").length > diepte && Math.abs(ar.top + ar.height - (r.top + r.height)) < 30);
+      return [lijst, botst ? { ...r, height: r.height + 40 } : r];
+    }).map(
+      ([lijst, r]) => (
+        // Alleen als de onderkant van de lijst in beeld is — anders zweeft "+ Kaart" los onderaan.
+        r.top + r.height > veilig && r.top + r.height + 46 < window.innerHeight ? /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            className: "xicms-ve-plus",
+            style: { top: r.top + r.height + 6, left: r.left + r.width / 2 },
+            onMouseDown: (e) => e.preventDefault(),
+            onClick: () => voegToe(lijst),
+            children: [
+              "+ ",
+              itemNaam(blok._type, lijstVorm(lijst)) ?? "Toevoegen"
+            ]
+          },
+          lijst
+        ) : null
+      )
+    ),
+    linkDoel && zichtbaar(linkDoel.r) && /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        className: "xicms-ve-linkchip",
+        style: { top: linkDoel.r.top + linkDoel.r.height + 4, left: linkDoel.r.left },
+        onMouseDown: (e) => e.preventDefault(),
+        onClick: () => setLinkOpen(true),
+        title: "Waar gaat deze knop heen?",
+        children: [
+          "\u{1F517} ",
+          !hrefNu || hrefNu === "#" ? "Kies waar deze knop heen gaat" : hrefNu.replace(/^https?:\/\//, "")
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      LinkDialog,
+      {
+        open: linkOpen,
+        onOpenChange: setLinkOpen,
+        siteId,
+        huidig: hrefNu === "#" ? "" : hrefNu,
+        onKlaar: (href) => {
+          if (linkDoel) onWijzig(zet(blok, linkDoel.hrefVeld, href ?? ""));
+        }
+      }
+    )
+  ] });
+}
+export {
+  InlineGereedschap,
+  lijstVorm,
+  linkVeldVoor,
+  snelleKeuzes,
+  vindLijstItems
+};
+//# sourceMappingURL=InlineGereedschap.js.map

package/dist/admin/visual/InlineGereedschap.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/visual/InlineGereedschap.tsx"],"sourcesContent":["\"use client\";\n\nimport { useCallback, useEffect, useMemo, useState } from \"react\";\nimport type { BlockDefinition } from \"../../blocks/registry\";\nimport type { Field } from \"../../schema/fields\";\nimport { introspectToFields } from \"../lib/zodFields\";\nimport { itemNaam, vertaalVelden, TECHNISCHE_VELDEN } from \"../lib/veldTaal\";\nimport { LinkDialog } from \"../ui/LinkDialog\";\n\n/**\n * Bewerken op de pagina, voorbij de tekst (8.11): het POTLOOD.\n *\n * De wens: potlood = op de pagina zelf bewerken, tandwiel = de zijbalk. Tot nu toe deed het potlood\n * alleen tekst; voor al het andere moest je toch naar de zijbalk — een kaart toevoegen, een knop\n * naar een andere pagina laten wijzen, van drie naar vier kolommen. Dit gereedschap verschijnt bij\n * het geselecteerde blok en doet precies dat, op de plek zelf:\n *\n *  - **Lijsten** (kaarten, teamleden, reviews, stappen …): bij het onderdeel onder je muis ↑ ↓ ⧉ 🗑,\n *    en onder de lijst \"+ Kaart\". De onderdelen worden gevonden via de veldhaken die de blokken al\n *    zetten (`data-xicms-edit=\"items.2.title\"`) — geen wijziging aan een Render nodig, ook niet aan\n *    maatwerkblokken.\n *  - **Links**: wie een knoptekst aanwijst of bewerkt, krijgt eronder \"🔗 Contact\" — klik, en kies\n *    een pagina of adres.\n *  - **Snelle keuzes**: de paar keuzes die het uiterlijk van het blok bepalen (kolommen, stijl,\n *    uitlijning), als een balkje boven het blok. Alles daarbuiten blijft in de zijbalk.\n */\n\ntype Blok = Record<string, unknown> & { _key: string; _type: string };\n\ninterface Rect {\n  top: number;\n  left: number;\n  width: number;\n  height: number;\n}\n\n/** Onderkant van wat er bovenaan het scherm vast hangt (sticky header): daaronder tekenen we. */\nfunction veiligeBovenkant(): number {\n  let onder = 0;\n  for (const el of Array.from(document.querySelectorAll<HTMLElement>(\"header, [class*='header'], [class*='nav'], body > div > *\"))) {\n    const pos = getComputedStyle(el).position;\n    if (pos !== \"fixed\" && pos !== \"sticky\") continue;\n    if (el.closest(\"[data-xicms-tooling], .xicms-ve\")) continue;\n    const r = el.getBoundingClientRect();\n    if (r.height === 0 || r.top > 4 || r.height > window.innerHeight / 3) continue;\n    onder = Math.max(onder, r.bottom);\n  }\n  return onder;\n}\n\nfunction rect(el: Element): Rect {\n  const r = el.getBoundingClientRect();\n  return { top: r.top, left: r.left, width: r.width, height: r.height };\n}\n\nfunction zelfde(a: Rect | null, b: Rect | null): boolean {\n  return !!a && !!b && a.top === b.top && a.left === b.left && a.width === b.width && a.height === b.height;\n}\n\n/** Laagste gemeenschappelijke voorouder van een set elementen (binnen `grens`). */\nfunction gemeenschappelijk(els: HTMLElement[], grens: HTMLElement): HTMLElement {\n  let kand: HTMLElement | null = els[0];\n  while (kand && kand !== grens && !els.every((e) => kand!.contains(e))) kand = kand.parentElement;\n  return kand ?? grens;\n}\n\nexport interface LijstItem {\n  lijst: string;\n  index: number;\n  el: HTMLElement;\n}\n\n/**\n * Vind de onderdelen van de lijsten in een blok, via de veldhaken. Per onderdeel: de laagste\n * voorouder die al zijn velden bevat, en dan zo ver omhoog als kan zonder een ánder onderdeel van\n * dezelfde lijst te raken — dat is de kaart, de rij, het teamlid.\n */\nexport function vindLijstItems(host: HTMLElement): LijstItem[] {\n  // Per onderdeel (\"lijstpad|index\") de velden. Geneste lijsten (8.13: een prijslijst heeft\n  // onderdelen met regels) leveren voor één veld meerdere onderdelen op:\n  // \"sections.0.items.2.name\" hoort bij \"sections\" #0 én bij \"sections.0.items\" #2.\n  const perItem = new Map<string, HTMLElement[]>();\n  for (const el of Array.from(host.querySelectorAll<HTMLElement>(\"[data-xicms-edit]\"))) {\n    const pad = el.dataset.xicmsEdit ?? \"\";\n    const re = /\\.(\\d+)\\./g;\n    let m: RegExpExecArray | null;\n    while ((m = re.exec(pad))) {\n      const lijst = pad.slice(0, m.index);\n      if (!/^[A-Za-z]/.test(lijst)) continue;\n      const sleutel = `${lijst}|${m[1]}`;\n      perItem.set(sleutel, [...(perItem.get(sleutel) ?? []), el]);\n      re.lastIndex = m.index + 1;\n    }\n  }\n  const uit: LijstItem[] = [];\n  for (const [sleutel, els] of perItem) {\n    const [lijst, idx] = sleutel.split(\"|\");\n    const anderen = [...perItem].filter(([k]) => k !== sleutel && k.startsWith(`${lijst}|`)).flatMap(([, v]) => v);\n    let el = gemeenschappelijk(els, host);\n    while (el.parentElement && el.parentElement !== host && !anderen.some((a) => el.parentElement!.contains(a))) {\n      // Niet voorbij een display:contents-wrapper van het blok zelf.\n      if (el.parentElement.hasAttribute(\"data-xicms-block\")) break;\n      el = el.parentElement;\n    }\n    uit.push({ lijst, index: Number(idx), el });\n  }\n  return uit.sort((a, b) => (a.lijst === b.lijst ? a.index - b.index : a.lijst.localeCompare(b.lijst)));\n}\n\n/** \"sections.0.items\" → \"sections.items\": de vorm waarop lijst- en onderdeelnamen per blok staan. */\nexport function lijstVorm(lijst: string): string {\n  return lijst.replace(/\\.\\d+(?=\\.|$)/g, \"\");\n}\n\n/** Bij een knoptekst-veld: welk veld bevat de link? `null` = geen link bij dit veld. */\nexport function linkVeldVoor(veld: string, blok: Record<string, unknown>): string | null {\n  const kandidaten: string[] = [];\n  if (/(^|\\.)label$/.test(veld)) kandidaten.push(veld.replace(/label$/, \"href\"));\n  if (/(^|\\.)linkLabel$/.test(veld)) kandidaten.push(veld.replace(/linkLabel$/, \"href\"));\n  if (/Label$/.test(veld)) kandidaten.push(veld.replace(/Label$/, \"Href\"));\n  for (const k of kandidaten) {\n    const waarde = k.split(\".\").reduce<unknown>((o, s) => (o == null ? undefined : (o as Record<string, unknown>)[s]), blok);\n    if (waarde !== undefined) return k;\n  }\n  return null;\n}\n\nfunction haal(o: unknown, pad: string): unknown {\n  return pad.split(\".\").reduce<unknown>((x, k) => (x == null ? undefined : (x as Record<string, unknown>)[k]), o);\n}\nfunction zet<T>(o: T, pad: string, waarde: unknown): T {\n  const delen = pad.split(\".\");\n  const kloon = (v: unknown): any => (Array.isArray(v) ? [...v] : v && typeof v === \"object\" ? { ...(v as object) } : v); // eslint-disable-line @typescript-eslint/no-explicit-any\n  const wortel = kloon(o);\n  let cur = wortel;\n  for (let i = 0; i < delen.length - 1; i++) {\n    cur[delen[i]] = kloon(cur[delen[i]] ?? {});\n    cur = cur[delen[i]];\n  }\n  cur[delen[delen.length - 1]] = waarde;\n  return wortel as T;\n}\n\n/** De snelle keuzes van een blok: keuzelijsten, kleine getallen en schakelaars die het uiterlijk bepalen. */\nexport function snelleKeuzes(velden: Field[]): Field[] {\n  // Alleen wat het UITERLIJK bepaalt; techniek en SEO (kopniveau, Google) horen in de zijbalk.\n  const uitgesloten = /jsonLd|consent|dismiss|sticky|^lightbox$|^showDownload$|^includeNews$|^headingLevel$/;\n  return velden\n    .filter((f) => !TECHNISCHE_VELDEN.has(f.key) && !uitgesloten.test(f.key))\n    .filter(\n      (f) =>\n        (f.type === \"select\" && f.options.length >= 2 && f.options.length <= 5) ||\n        (f.type === \"number\" && f.min !== undefined && f.max !== undefined && f.max - f.min <= 4 && f.key !== \"rating\"),\n    )\n    .slice(0, 3);\n}\n\nexport function InlineGereedschap({\n  blok,\n  def,\n  siteId,\n  onWijzig,\n  onInstellingen,\n  onStartVeld,\n  onVerwijderd,\n}: {\n  blok: Blok;\n  def: BlockDefinition | undefined;\n  siteId: string;\n  /** Nieuwe versie van het blok (één ongedaan-maak-stap). */\n  onWijzig: (volgend: Blok) => void;\n  onInstellingen: () => void;\n  /** Zet het bewerken van een veld aan (na het toevoegen van een onderdeel). */\n  onStartVeld: (veld: string) => void;\n  onVerwijderd: (wat: string) => void;\n}) {\n  const [host, setHost] = useState<HTMLElement | null>(null);\n  const [items, setItems] = useState<{ lijst: string; index: number; r: Rect }[]>([]);\n  const [hover, setHover] = useState<{ lijst: string; index: number } | null>(null);\n  const [blokRect, setBlokRect] = useState<Rect | null>(null);\n  const [linkDoel, setLinkDoel] = useState<{ veld: string; hrefVeld: string; r: Rect } | null>(null);\n  const [linkOpen, setLinkOpen] = useState(false);\n  const [veilig, setVeilig] = useState(0);\n  useEffect(() => {\n    const herijk = () => setVeilig(veiligeBovenkant());\n    herijk();\n    window.addEventListener(\"resize\", herijk);\n    return () => window.removeEventListener(\"resize\", herijk);\n  }, []);\n\n  const velden = useMemo(() => {\n    if (!def?.schema) return [] as Field[];\n    try {\n      return vertaalVelden(introspectToFields(def.schema, def.fields), def.type);\n    } catch {\n      return [] as Field[];\n    }\n  }, [def]);\n  const keuzes = useMemo(() => snelleKeuzes(velden), [velden]);\n\n  // Meten: het blok, zijn onderdelen. Bij scrollen, resizen en elke DOM-wijziging in het blok.\n  // Het blok kan nog niet op de pagina staan (net ingevoegd: de werkversie rendert een frame\n  // later). Dan even wachten in plaats van voorgoed zonder gereedschap te blijven.\n  const [gevonden, setGevonden] = useState<HTMLElement | null>(null);\n  useEffect(() => {\n    let pogingen = 0;\n    let frame = 0;\n    const zoek = () => {\n      const el = document.querySelector<HTMLElement>(`[data-xicms-block=\"${CSS.escape(blok._key)}\"]`);\n      if (el) setGevonden(el);\n      else if (++pogingen < 120) frame = requestAnimationFrame(zoek);\n    };\n    zoek();\n    return () => cancelAnimationFrame(frame);\n  }, [blok._key]);\n\n  useEffect(() => {\n    const el = gevonden;\n    setHost(el);\n    if (!el) return;\n    let frame = 0;\n    const meet = () => {\n      const gevonden = vindLijstItems(el).map((it) => ({ lijst: it.lijst, index: it.index, r: rect(it.el) }));\n      setItems((v) => (v.length === gevonden.length && v.every((x, i) => x.lijst === gevonden[i].lijst && x.index === gevonden[i].index && zelfde(x.r, gevonden[i].r)) ? v : gevonden));\n      // Een display:contents-wrapper meet 0×0: dan de omtrek van de kinderen.\n      let r = rect(el);\n      if (r.width === 0 && r.height === 0) {\n        const kids = Array.from(el.children).map(rect).filter((k) => k.width || k.height);\n        if (kids.length) {\n          const top = Math.min(...kids.map((k) => k.top));\n          const left = Math.min(...kids.map((k) => k.left));\n          r = { top, left, width: Math.max(...kids.map((k) => k.left + k.width)) - left, height: Math.max(...kids.map((k) => k.top + k.height)) - top };\n        }\n      }\n      setBlokRect((v) => (zelfde(v, r) ? v : r));\n    };\n    const plan = () => {\n      cancelAnimationFrame(frame);\n      frame = requestAnimationFrame(meet);\n    };\n    meet();\n    const obs = new MutationObserver(plan);\n    obs.observe(el, { childList: true, subtree: true, characterData: true });\n    window.addEventListener(\"scroll\", plan, { capture: true, passive: true });\n    window.addEventListener(\"resize\", plan);\n    return () => {\n      cancelAnimationFrame(frame);\n      obs.disconnect();\n      window.removeEventListener(\"scroll\", plan, { capture: true });\n      window.removeEventListener(\"resize\", plan);\n    };\n  }, [gevonden]);\n\n  // Aanwijzen: welk onderdeel, en staat er een knoptekst met een link onder de muis/focus?\n  useEffect(() => {\n    if (!host) return;\n    const kijk = (doel: HTMLElement | null) => {\n      if (!doel) return;\n      // Het binnenste onderdeel wint (de regel, niet het hele onderdeel waar hij in staat).\n      const it = vindLijstItems(host)\n        .filter((x) => x.el.contains(doel))\n        .sort((a, b) => b.lijst.split(\".\").length - a.lijst.split(\".\").length)[0];\n      setHover(it ? { lijst: it.lijst, index: it.index } : null);\n      const veldEl = doel.closest<HTMLElement>(\"[data-xicms-edit]\");\n      const veld = veldEl?.dataset.xicmsEdit;\n      const hrefVeld = veld ? linkVeldVoor(veld, blok) : null;\n      if (veldEl && veld && hrefVeld) setLinkDoel({ veld, hrefVeld, r: rect(veldEl) });\n    };\n    const opOver = (e: Event) => kijk(e.target as HTMLElement);\n    host.addEventListener(\"mouseover\", opOver);\n    host.addEventListener(\"focusin\", opOver);\n    return () => {\n      host.removeEventListener(\"mouseover\", opOver);\n      host.removeEventListener(\"focusin\", opOver);\n    };\n  }, [host, blok]);\n  // De link-chip volgt zijn knop bij scrollen.\n  useEffect(() => {\n    if (!linkDoel || !host) return;\n    const herpositioneer = () => {\n      const el = host.querySelector<HTMLElement>(`[data-xicms-edit=\"${CSS.escape(linkDoel.veld)}\"]`);\n      if (!el) return setLinkDoel(null);\n      const r = rect(el);\n      setLinkDoel((v) => (v && !zelfde(v.r, r) ? { ...v, r } : v));\n    };\n    window.addEventListener(\"scroll\", herpositioneer, { capture: true, passive: true });\n    return () => window.removeEventListener(\"scroll\", herpositioneer, { capture: true });\n  }, [linkDoel, host]);\n\n  const lijstActie = useCallback(\n    (lijst: string, index: number, actie: \"omhoog\" | \"omlaag\" | \"dupliceer\" | \"weg\") => {\n      const arr = [...((haal(blok, lijst) as unknown[]) ?? [])];\n      if (actie === \"omhoog\" && index > 0) [arr[index - 1], arr[index]] = [arr[index], arr[index - 1]];\n      else if (actie === \"omlaag\" && index < arr.length - 1) [arr[index + 1], arr[index]] = [arr[index], arr[index + 1]];\n      else if (actie === \"dupliceer\") arr.splice(index + 1, 0, structuredClone(arr[index]));\n      else if (actie === \"weg\") arr.splice(index, 1);\n      else return;\n      onWijzig(zet(blok, lijst, arr));\n      if (actie === \"weg\") onVerwijderd(itemNaam(blok._type, lijstVorm(lijst)) ?? \"Onderdeel\");\n      setHover(null);\n    },\n    [blok, onWijzig, onVerwijderd],\n  );\n\n  const voegToe = useCallback(\n    (lijst: string) => {\n      const arr = [...((haal(blok, lijst) as Record<string, unknown>[]) ?? [])];\n      const voorbeeld = arr[arr.length - 1] ?? (haal(def?.defaults?.() ?? {}, lijstVorm(lijst)) as Record<string, unknown>[] | undefined)?.[0] ?? {};\n      const nieuw = structuredClone(voorbeeld) as Record<string, unknown>;\n      // Zichtbaar nieuw: de eerste tekst krijgt \"Nieuw …\", zodat je ziet wélk onderdeel erbij kwam.\n      const naam = (itemNaam(blok._type, lijstVorm(lijst)) ?? \"onderdeel\").toLowerCase();\n      const eerste = [\"title\", \"name\", \"label\", \"question\", \"q\", \"author\", \"day\"].find((k) => typeof nieuw[k] === \"string\");\n      if (eerste) nieuw[eerste] = `Nieuw: ${naam}`;\n      for (const k of [\"featured\", \"highlighted\"]) if (k in nieuw) nieuw[k] = false;\n      arr.push(nieuw);\n      onWijzig(zet(blok, lijst, arr));\n      if (eerste) onStartVeld(`${lijst}.${arr.length - 1}.${eerste}`);\n    },\n    [blok, def, onWijzig, onStartVeld],\n  );\n\n  // Per lijst het laatste onderdeel (daaronder de \"+\"-knop).\n  const laatste = useMemo(() => {\n    const m = new Map<string, Rect>();\n    for (const it of items) m.set(it.lijst, it.r);\n    return m;\n  }, [items]);\n  const hoverItem = hover ? items.find((x) => x.lijst === hover.lijst && x.index === hover.index) : undefined;\n  const aantal = (lijst: string) => ((haal(blok, lijst) as unknown[]) ?? []).length;\n\n  const hrefNu = linkDoel ? String(haal(blok, linkDoel.hrefVeld) ?? \"\") : \"\";\n  const zichtbaar = (r: Rect) => r.top + r.height > veilig && r.top < window.innerHeight;\n\n  return (\n    <>\n      {/* Snelle keuzes: linksboven het blok (rechtsboven staan potlood en tandwiel). */}\n      {blokRect && zichtbaar(blokRect) && keuzes.length > 0 && (\n        <div\n          className=\"xicms-ve-snel\"\n          role=\"toolbar\"\n          aria-label={`Snel aanpassen: ${def?.label ?? \"\"}`}\n          // Boven het blok (net buiten de rand), zodat het de kop van het blok niet afdekt; is daar\n          // geen ruimte (blok bovenaan in beeld), dan binnen de bovenrand.\n          style={{ top: blokRect.top - 46 > veilig + 4 ? blokRect.top - 46 : Math.max(blokRect.top + 8, veilig + 8), left: Math.max(blokRect.left, 8) }}\n          onMouseDown={(e) => e.preventDefault()}\n        >\n          {keuzes.map((f) => {\n            const huidig = blok[f.key];\n            const opties =\n              f.type === \"select\"\n                ? f.options.map((o) => ({ value: o.value as unknown, label: o.label }))\n                : Array.from({ length: (f as { max: number }).max - (f as { min: number }).min + 1 }, (_, i) => {\n                    const n = (f as { min: number }).min + i;\n                    return { value: n as unknown, label: String(n) };\n                  });\n            const actief = huidig ?? (f.type === \"select\" ? (f.standaard ?? f.options[0]?.value) : undefined);\n            return (\n              <span key={f.key} className=\"xicms-ve-snel__groep\" role=\"radiogroup\" aria-label={f.label}>\n                <span className=\"xicms-ve-snel__label\">{f.label}</span>\n                {opties.map((o) => (\n                  <button\n                    key={String(o.value)}\n                    type=\"button\"\n                    role=\"radio\"\n                    aria-checked={actief === o.value}\n                    className=\"xicms-ve-snel__knop\"\n                    onClick={() => onWijzig({ ...blok, [f.key]: o.value })}\n                  >\n                    {o.label}\n                  </button>\n                ))}\n              </span>\n            );\n          })}\n          <button type=\"button\" className=\"xicms-ve-snel__meer\" onClick={onInstellingen} title=\"Alle instellingen in de zijbalk\">\n            Meer ⚙\n          </button>\n        </div>\n      )}\n\n      {/* Het onderdeel onder de muis: verplaatsen, dupliceren, weghalen. */}\n      {hoverItem && zichtbaar(hoverItem.r) && (\n        <div\n          className=\"xicms-ve-item\"\n          role=\"toolbar\"\n          aria-label={`${itemNaam(blok._type, lijstVorm(hoverItem.lijst)) ?? \"Onderdeel\"} ${hoverItem.index + 1}`}\n          style={{ top: Math.max(hoverItem.r.top + 6, veilig + 8), left: Math.max(hoverItem.r.left + hoverItem.r.width - 6, 120) }}\n          onMouseDown={(e) => e.preventDefault()}\n        >\n          {(() => {\n            const naam = itemNaam(blok._type, lijstVorm(hoverItem.lijst)) ?? \"Onderdeel\";\n            const n = aantal(hoverItem.lijst);\n            return (\n              <>\n                <button type=\"button\" title={`${naam} naar voren`} aria-label={`${naam} naar voren`} disabled={hoverItem.index === 0} onClick={() => lijstActie(hoverItem.lijst, hoverItem.index, \"omhoog\")}>\n                  ↑\n                </button>\n                <button type=\"button\" title={`${naam} naar achteren`} aria-label={`${naam} naar achteren`} disabled={hoverItem.index >= n - 1} onClick={() => lijstActie(hoverItem.lijst, hoverItem.index, \"omlaag\")}>\n                  ↓\n                </button>\n                <button type=\"button\" title={`${naam} dupliceren`} aria-label={`${naam} dupliceren`} onClick={() => lijstActie(hoverItem.lijst, hoverItem.index, \"dupliceer\")}>\n                  ⧉\n                </button>\n                <button type=\"button\" className=\"is-gevaar\" title={`${naam} weghalen`} aria-label={`${naam} weghalen`} onClick={() => lijstActie(hoverItem.lijst, hoverItem.index, \"weg\")}>\n                  🗑\n                </button>\n              </>\n            );\n          })()}\n        </div>\n      )}\n\n      {/* \"+ Kaart\" onder het laatste onderdeel van elke lijst. */}\n      {[...laatste].map(([lijst, r]) => {\n        // Een buitenste lijst waarvan het laatste onderdeel samen eindigt met een binnenste lijst\n        // (laatste regel van het laatste onderdeel) schuift een knophoogte op, anders liggen\n        // \"+ Regel\" en \"+ Onderdeel\" op elkaar.\n        const diepte = lijst.split(\".\").length;\n        const botst = [...laatste].some(([ander, ar]) => ander !== lijst && ander.split(\".\").length > diepte && Math.abs(ar.top + ar.height - (r.top + r.height)) < 30);\n        return [lijst, botst ? { ...r, height: r.height + 40 } : r] as const;\n      }).map(([lijst, r]) =>\n        // Alleen als de onderkant van de lijst in beeld is — anders zweeft \"+ Kaart\" los onderaan.\n        r.top + r.height > veilig && r.top + r.height + 46 < window.innerHeight ? (\n          <button\n            key={lijst}\n            type=\"button\"\n            className=\"xicms-ve-plus\"\n            style={{ top: r.top + r.height + 6, left: r.left + r.width / 2 }}\n            onMouseDown={(e) => e.preventDefault()}\n            onClick={() => voegToe(lijst)}\n          >\n            + {itemNaam(blok._type, lijstVorm(lijst)) ?? \"Toevoegen\"}\n          </button>\n        ) : null,\n      )}\n\n      {/* Link bij een knop: waar hij heen gaat, en wijzigen met één klik. */}\n      {linkDoel && zichtbaar(linkDoel.r) && (\n        <button\n          type=\"button\"\n          className=\"xicms-ve-linkchip\"\n          style={{ top: linkDoel.r.top + linkDoel.r.height + 4, left: linkDoel.r.left }}\n          onMouseDown={(e) => e.preventDefault()}\n          onClick={() => setLinkOpen(true)}\n          title=\"Waar gaat deze knop heen?\"\n        >\n          🔗 {!hrefNu || hrefNu === \"#\" ? \"Kies waar deze knop heen gaat\" : hrefNu.replace(/^https?:\\/\\//, \"\")}\n        </button>\n      )}\n      <LinkDialog\n        open={linkOpen}\n        onOpenChange={setLinkOpen}\n        siteId={siteId}\n        huidig={hrefNu === \"#\" ? \"\" : hrefNu}\n        onKlaar={(href) => {\n          if (linkDoel) onWijzig(zet(blok, linkDoel.hrefVeld, href ?? \"\"));\n        }}\n      />\n    </>\n  );\n}\n"],"mappings":"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","names":["gevonden"]}

package/dist/admin/visual/InlineRijkeTekst.d.ts

@@ -0,0 +1,23 @@
+/** Markeert de vervanger, zodat de inline-binding van de editor hem niet als nieuw veld ziet. */
+export declare const RIJK_ATTR = "data-xicms-ve-rijk";
+/**
+ * Rich-text bewerken OP DE SITE (8.6) met dezelfde editor als het beheer: slash-menu,
+ * selectie-werkbalk, koppen, lijsten, tabellen, foto's plakken/slepen, links met nieuw tabblad.
+ *
+ * Hoe: het tekstelement van het blok blijft van React (de render van de klant). We verbergen het en
+ * zetten er een vervanger naast met dezelfde klassen, zodat de tekst exact de opmaak van de site
+ * houdt (WYSIWYG). TipTap komt via een portal in die vervanger. Wijzigingen gaan doorlopend
+ * (gedebounced) naar de werkversie — het verborgen origineel mag dus gewoon her-renderen. Bij
+ * "klaar" verdwijnt de vervanger en staat het origineel weer, met de nieuwe tekst.
+ */
+export declare function InlineRijkeTekst({ el, siteId, onCommit, onKlaar, flushRef, }: {
+    /** Het `.xicms-richtext`-element van het blok. */
+    el: HTMLElement;
+    siteId?: string;
+    /** Schrijf de (gesanitizede) HTML naar de werkversie. */
+    onCommit: (html: string) => void;
+    /** Bewerken afgerond (Escape, klik ernaast, ✓). */
+    onKlaar: () => void;
+    /** Voor de editor: alles wat nog in de debounce zit nú wegschrijven (vóór opslaan/publiceren). */
+    flushRef: React.MutableRefObject<(() => void) | null>;
+}): import("react").JSX.Element | null;

package/dist/admin/visual/InlineRijkeTekst.js

@@ -0,0 +1,152 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { EditorContent } from "@tiptap/react";
+import DOMPurify from "dompurify";
+import { useCallback, useEffect, useLayoutEffect, useRef, useState } from "react";
+import { createPortal } from "react-dom";
+import { RteKnop, useRijkeTekst } from "../editors/useRijkeTekst.js";
+const RIJK_ATTR = "data-xicms-ve-rijk";
+function InlineRijkeTekst({
+  el,
+  siteId,
+  onCommit,
+  onKlaar,
+  flushRef
+}) {
+  const [wrap, setWrap] = useState(null);
+  const beginHtml = useRef(el.innerHTML);
+  const laatsteRef = useRef(null);
+  const timerRef = useRef(void 0);
+  const balkRef = useRef(null);
+  const [pos, setPos] = useState(null);
+  const flush = useCallback(() => {
+    window.clearTimeout(timerRef.current);
+    const html = laatsteRef.current;
+    if (html === null) return;
+    laatsteRef.current = null;
+    onCommit(html);
+  }, [onCommit]);
+  const flushLatest = useRef(flush);
+  flushLatest.current = flush;
+  const { editor, overlays, openLink, openFoto, ietsOpen } = useRijkeTekst({
+    value: beginHtml.current,
+    siteId,
+    autofocus: true,
+    editorClass: "xicms-ve-rijk__oppervlak",
+    onEscape: onKlaar,
+    alleenVensterScroll: true,
+    onChange: (html) => {
+      laatsteRef.current = DOMPurify.sanitize(html);
+      window.clearTimeout(timerRef.current);
+      timerRef.current = window.setTimeout(() => flushLatest.current(), 600);
+    }
+  });
+  useLayoutEffect(() => {
+    const w = document.createElement("div");
+    w.className = el.className;
+    w.classList.remove("is-editing", "is-hover", "xicms-ve-inline", "xicms-ve-gewijzigd");
+    w.classList.add("xicms-ve-rijk");
+    w.setAttribute(RIJK_ATTR, "");
+    el.after(w);
+    const oudeDisplay = el.style.display;
+    el.style.display = "none";
+    setWrap(w);
+    return () => {
+      w.remove();
+      el.style.display = oudeDisplay;
+    };
+  }, [el]);
+  useEffect(() => {
+    flushRef.current = () => flushLatest.current();
+    return () => {
+      flushLatest.current();
+      flushRef.current = null;
+    };
+  }, [flushRef]);
+  useEffect(() => {
+    if (!wrap) return;
+    let frame = 0;
+    const meet = () => {
+      const r = wrap.getBoundingClientRect();
+      const breedte = balkRef.current?.offsetWidth ?? 420;
+      const hoogte = balkRef.current?.offsetHeight ?? 40;
+      setPos({
+        top: Math.min(Math.max(56, r.top - hoogte - 8), Math.max(56, r.bottom - 8)),
+        left: Math.min(Math.max(8, r.left), Math.max(8, window.innerWidth - breedte - 8))
+      });
+    };
+    const opnieuw = () => {
+      cancelAnimationFrame(frame);
+      frame = requestAnimationFrame(meet);
+    };
+    meet();
+    const ro = new ResizeObserver(opnieuw);
+    ro.observe(wrap);
+    window.addEventListener("scroll", opnieuw, { capture: true, passive: true });
+    window.addEventListener("resize", opnieuw, { passive: true });
+    return () => {
+      cancelAnimationFrame(frame);
+      ro.disconnect();
+      window.removeEventListener("scroll", opnieuw, { capture: true });
+      window.removeEventListener("resize", opnieuw);
+    };
+  }, [wrap]);
+  const ietsOpenRef = useRef(ietsOpen);
+  ietsOpenRef.current = ietsOpen;
+  useEffect(() => {
+    if (!wrap) return;
+    const opKlik = (e) => {
+      const t = e.target;
+      if (!t || ietsOpenRef.current) return;
+      if (wrap.contains(t) || balkRef.current?.contains(t)) return;
+      if (t.closest(".xicms-bubbel, .xicms-slash, [role='dialog'], [role='listbox'], .xicms-ve-pencil, .xicms-toast, [data-radix-popper-content-wrapper]")) return;
+      onKlaar();
+    };
+    document.addEventListener("pointerdown", opKlik, true);
+    return () => document.removeEventListener("pointerdown", opKlik, true);
+  }, [wrap, onKlaar]);
+  if (!wrap || !editor) return null;
+  const k = "xicms-ve-fmtbar__knop";
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    createPortal(/* @__PURE__ */ jsx(EditorContent, { editor }), wrap),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: balkRef,
+        className: "xicms-ve-fmtbar",
+        style: pos ? { top: pos.top, left: pos.left } : { visibility: "hidden" },
+        role: "toolbar",
+        "aria-label": "Tekstopmaak",
+        children: [
+          /* @__PURE__ */ jsx(RteKnop, { className: k, on: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), label: /* @__PURE__ */ jsx("b", { children: "B" }), title: "Vet (Ctrl/Cmd+B)" }),
+          /* @__PURE__ */ jsx(RteKnop, { className: k, on: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), label: /* @__PURE__ */ jsx("i", { children: "I" }), title: "Cursief (Ctrl/Cmd+I)" }),
+          /* @__PURE__ */ jsx(RteKnop, { className: k, on: () => editor.chain().focus().toggleUnderline().run(), active: editor.isActive("underline"), label: /* @__PURE__ */ jsx("u", { children: "U" }), title: "Onderstrepen (Ctrl/Cmd+U)" }),
+          /* @__PURE__ */ jsx(RteKnop, { className: k, on: openLink, active: editor.isActive("link"), label: "\u{1F517}", title: "Link" }),
+          /* @__PURE__ */ jsx("span", { className: "xicms-ve-fmtbar__sep", "aria-hidden": true }),
+          /* @__PURE__ */ jsx(RteKnop, { className: k, on: () => editor.chain().focus().toggleHeading({ level: 2 }).run(), active: editor.isActive("heading", { level: 2 }), label: "H2", title: "Kop" }),
+          /* @__PURE__ */ jsx(RteKnop, { className: k, on: () => editor.chain().focus().toggleHeading({ level: 3 }).run(), active: editor.isActive("heading", { level: 3 }), label: "H3", title: "Subkop" }),
+          /* @__PURE__ */ jsx(RteKnop, { className: k, on: () => editor.chain().focus().setParagraph().run(), active: editor.isActive("paragraph"), label: "\xB6", title: "Gewone tekst" }),
+          /* @__PURE__ */ jsx("span", { className: "xicms-ve-fmtbar__sep", "aria-hidden": true }),
+          /* @__PURE__ */ jsx(RteKnop, { className: k, on: () => editor.chain().focus().toggleBulletList().run(), active: editor.isActive("bulletList"), label: "\u2022", title: "Opsomming" }),
+          /* @__PURE__ */ jsx(RteKnop, { className: k, on: () => editor.chain().focus().toggleOrderedList().run(), active: editor.isActive("orderedList"), label: "1.", title: "Genummerde lijst" }),
+          /* @__PURE__ */ jsx(RteKnop, { className: k, on: () => editor.chain().focus().toggleBlockquote().run(), active: editor.isActive("blockquote"), label: "\u275D", title: "Citaat" }),
+          siteId && /* @__PURE__ */ jsx(RteKnop, { className: k, on: openFoto, label: "\u{1F5BC}", title: "Foto invoegen (of plak/sleep een foto in de tekst)" }),
+          /* @__PURE__ */ jsx("span", { className: "xicms-ve-fmtbar__sep", "aria-hidden": true }),
+          /* @__PURE__ */ jsx(RteKnop, { className: k, on: () => editor.chain().focus().undo().run(), label: "\u21B6", title: "Ongedaan maken (Ctrl/Cmd+Z)" }),
+          /* @__PURE__ */ jsx(RteKnop, { className: `${k} xicms-ve-fmtbar__klaar`, on: onKlaar, label: "Klaar", title: "Klaar met deze tekst (Esc)" }),
+          /* @__PURE__ */ jsxs("span", { className: "xicms-ve-fmtbar__tip", "aria-hidden": true, children: [
+            "typ ",
+            /* @__PURE__ */ jsx("kbd", { children: "/" }),
+            " voor meer"
+          ] })
+        ]
+      }
+    ),
+    overlays
+  ] });
+}
+export {
+  InlineRijkeTekst,
+  RIJK_ATTR
+};
+//# sourceMappingURL=InlineRijkeTekst.js.map

package/dist/admin/visual/InlineRijkeTekst.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/visual/InlineRijkeTekst.tsx"],"sourcesContent":["\"use client\";\n\nimport { EditorContent } from \"@tiptap/react\";\nimport DOMPurify from \"dompurify\";\nimport { useCallback, useEffect, useLayoutEffect, useRef, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { RteKnop, useRijkeTekst } from \"../editors/useRijkeTekst\";\n\n/** Markeert de vervanger, zodat de inline-binding van de editor hem niet als nieuw veld ziet. */\nexport const RIJK_ATTR = \"data-xicms-ve-rijk\";\n\n/**\n * Rich-text bewerken OP DE SITE (8.6) met dezelfde editor als het beheer: slash-menu,\n * selectie-werkbalk, koppen, lijsten, tabellen, foto's plakken/slepen, links met nieuw tabblad.\n *\n * Hoe: het tekstelement van het blok blijft van React (de render van de klant). We verbergen het en\n * zetten er een vervanger naast met dezelfde klassen, zodat de tekst exact de opmaak van de site\n * houdt (WYSIWYG). TipTap komt via een portal in die vervanger. Wijzigingen gaan doorlopend\n * (gedebounced) naar de werkversie — het verborgen origineel mag dus gewoon her-renderen. Bij\n * \"klaar\" verdwijnt de vervanger en staat het origineel weer, met de nieuwe tekst.\n */\nexport function InlineRijkeTekst({\n  el,\n  siteId,\n  onCommit,\n  onKlaar,\n  flushRef,\n}: {\n  /** Het `.xicms-richtext`-element van het blok. */\n  el: HTMLElement;\n  siteId?: string;\n  /** Schrijf de (gesanitizede) HTML naar de werkversie. */\n  onCommit: (html: string) => void;\n  /** Bewerken afgerond (Escape, klik ernaast, ✓). */\n  onKlaar: () => void;\n  /** Voor de editor: alles wat nog in de debounce zit nú wegschrijven (vóór opslaan/publiceren). */\n  flushRef: React.MutableRefObject<(() => void) | null>;\n}) {\n  const [wrap, setWrap] = useState<HTMLElement | null>(null);\n  const beginHtml = useRef(el.innerHTML);\n  const laatsteRef = useRef<string | null>(null);\n  const timerRef = useRef<number | undefined>(undefined);\n  const balkRef = useRef<HTMLDivElement>(null);\n  const [pos, setPos] = useState<{ top: number; left: number } | null>(null);\n\n  const flush = useCallback(() => {\n    window.clearTimeout(timerRef.current);\n    const html = laatsteRef.current;\n    if (html === null) return;\n    laatsteRef.current = null;\n    onCommit(html);\n  }, [onCommit]);\n  const flushLatest = useRef(flush);\n  flushLatest.current = flush;\n\n  const { editor, overlays, openLink, openFoto, ietsOpen } = useRijkeTekst({\n    value: beginHtml.current,\n    siteId,\n    autofocus: true,\n    editorClass: \"xicms-ve-rijk__oppervlak\",\n    onEscape: onKlaar,\n    alleenVensterScroll: true,\n    onChange: (html) => {\n      laatsteRef.current = DOMPurify.sanitize(html);\n      window.clearTimeout(timerRef.current);\n      timerRef.current = window.setTimeout(() => flushLatest.current(), 600);\n    },\n  });\n\n  // Vervanger plaatsen vóór de eerste paint (geen flits van de oude tekst), origineel verbergen.\n  useLayoutEffect(() => {\n    const w = document.createElement(\"div\");\n    w.className = el.className;\n    w.classList.remove(\"is-editing\", \"is-hover\", \"xicms-ve-inline\", \"xicms-ve-gewijzigd\");\n    w.classList.add(\"xicms-ve-rijk\");\n    w.setAttribute(RIJK_ATTR, \"\");\n    el.after(w);\n    const oudeDisplay = el.style.display;\n    el.style.display = \"none\";\n    setWrap(w);\n    return () => {\n      w.remove();\n      el.style.display = oudeDisplay;\n    };\n  }, [el]);\n\n  // Bij afronden of wegnavigeren: laatste wijziging niet kwijtraken.\n  useEffect(() => {\n    flushRef.current = () => flushLatest.current();\n    return () => {\n      flushLatest.current();\n      flushRef.current = null;\n    };\n  }, [flushRef]);\n\n  // Werkbalk boven het veld; blijft in beeld als het veld hoger is dan het scherm.\n  useEffect(() => {\n    if (!wrap) return;\n    let frame = 0;\n    const meet = () => {\n      const r = wrap.getBoundingClientRect();\n      const breedte = balkRef.current?.offsetWidth ?? 420;\n      // Echte hoogte: op een telefoon loopt de balk over twee regels en lag hij anders over de tekst.\n      const hoogte = balkRef.current?.offsetHeight ?? 40;\n      setPos({\n        top: Math.min(Math.max(56, r.top - hoogte - 8), Math.max(56, r.bottom - 8)),\n        left: Math.min(Math.max(8, r.left), Math.max(8, window.innerWidth - breedte - 8)),\n      });\n    };\n    const opnieuw = () => {\n      cancelAnimationFrame(frame);\n      frame = requestAnimationFrame(meet);\n    };\n    meet();\n    const ro = new ResizeObserver(opnieuw);\n    ro.observe(wrap);\n    window.addEventListener(\"scroll\", opnieuw, { capture: true, passive: true });\n    window.addEventListener(\"resize\", opnieuw, { passive: true });\n    return () => {\n      cancelAnimationFrame(frame);\n      ro.disconnect();\n      window.removeEventListener(\"scroll\", opnieuw, { capture: true });\n      window.removeEventListener(\"resize\", opnieuw);\n    };\n  }, [wrap]);\n\n  // Klik ernaast = klaar. Niet bij klikken in de editor, zijn werkbalk, menu's of dialogen.\n  const ietsOpenRef = useRef(ietsOpen);\n  ietsOpenRef.current = ietsOpen;\n  useEffect(() => {\n    if (!wrap) return;\n    const opKlik = (e: PointerEvent) => {\n      const t = e.target as Element | null;\n      if (!t || ietsOpenRef.current) return;\n      if (wrap.contains(t) || balkRef.current?.contains(t)) return;\n      if (t.closest(\".xicms-bubbel, .xicms-slash, [role='dialog'], [role='listbox'], .xicms-ve-pencil, .xicms-toast, [data-radix-popper-content-wrapper]\")) return;\n      onKlaar();\n    };\n    document.addEventListener(\"pointerdown\", opKlik, true);\n    return () => document.removeEventListener(\"pointerdown\", opKlik, true);\n  }, [wrap, onKlaar]);\n\n  if (!wrap || !editor) return null;\n  const k = \"xicms-ve-fmtbar__knop\";\n  return (\n    <>\n      {createPortal(<EditorContent editor={editor} />, wrap)}\n      <div\n        ref={balkRef}\n        className=\"xicms-ve-fmtbar\"\n        style={pos ? { top: pos.top, left: pos.left } : { visibility: \"hidden\" }}\n        role=\"toolbar\"\n        aria-label=\"Tekstopmaak\"\n      >\n        <RteKnop className={k} on={() => editor.chain().focus().toggleBold().run()} active={editor.isActive(\"bold\")} label={<b>B</b>} title=\"Vet (Ctrl/Cmd+B)\" />\n        <RteKnop className={k} on={() => editor.chain().focus().toggleItalic().run()} active={editor.isActive(\"italic\")} label={<i>I</i>} title=\"Cursief (Ctrl/Cmd+I)\" />\n        <RteKnop className={k} on={() => editor.chain().focus().toggleUnderline().run()} active={editor.isActive(\"underline\")} label={<u>U</u>} title=\"Onderstrepen (Ctrl/Cmd+U)\" />\n        <RteKnop className={k} on={openLink} active={editor.isActive(\"link\")} label=\"🔗\" title=\"Link\" />\n        <span className=\"xicms-ve-fmtbar__sep\" aria-hidden />\n        <RteKnop className={k} on={() => editor.chain().focus().toggleHeading({ level: 2 }).run()} active={editor.isActive(\"heading\", { level: 2 })} label=\"H2\" title=\"Kop\" />\n        <RteKnop className={k} on={() => editor.chain().focus().toggleHeading({ level: 3 }).run()} active={editor.isActive(\"heading\", { level: 3 })} label=\"H3\" title=\"Subkop\" />\n        <RteKnop className={k} on={() => editor.chain().focus().setParagraph().run()} active={editor.isActive(\"paragraph\")} label=\"¶\" title=\"Gewone tekst\" />\n        <span className=\"xicms-ve-fmtbar__sep\" aria-hidden />\n        <RteKnop className={k} on={() => editor.chain().focus().toggleBulletList().run()} active={editor.isActive(\"bulletList\")} label=\"•\" title=\"Opsomming\" />\n        <RteKnop className={k} on={() => editor.chain().focus().toggleOrderedList().run()} active={editor.isActive(\"orderedList\")} label=\"1.\" title=\"Genummerde lijst\" />\n        <RteKnop className={k} on={() => editor.chain().focus().toggleBlockquote().run()} active={editor.isActive(\"blockquote\")} label=\"❝\" title=\"Citaat\" />\n        {siteId && <RteKnop className={k} on={openFoto} label=\"🖼\" title=\"Foto invoegen (of plak/sleep een foto in de tekst)\" />}\n        <span className=\"xicms-ve-fmtbar__sep\" aria-hidden />\n        <RteKnop className={k} on={() => editor.chain().focus().undo().run()} label=\"↶\" title=\"Ongedaan maken (Ctrl/Cmd+Z)\" />\n        <RteKnop className={`${k} xicms-ve-fmtbar__klaar`} on={onKlaar} label=\"Klaar\" title=\"Klaar met deze tekst (Esc)\" />\n        <span className=\"xicms-ve-fmtbar__tip\" aria-hidden>\n          typ <kbd>/</kbd> voor meer\n        </span>\n      </div>\n      {overlays}\n    </>\n  );\n}\n"],"mappings":"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","names":[]}