@xiwebdesign/xicms-core 7.30.0 → 8.15.0

package/dist/blocks/builtins/AgendaRender.js

@@ -1,7 +1,40 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { jsonLdHtml } from "./jsonld.js";
+import { useVandaag } from "./lib/vandaag.js";
 import { Heading } from "../ui/index.js";
 import { icsDataUrl } from "./lib/ics.js";
+import { useMergedSiteConfig } from "../../settings/useSiteSettings.js";
+import { adresRegels } from "../../bedrijf/bedrijf.js";
+function verschuif(waarde, dagen, maanden) {
+  const metTijd = waarde.includes("T");
+  const d = parseEventDate(waarde);
+  if (Number.isNaN(d.getTime())) return waarde;
+  d.setMonth(d.getMonth() + maanden);
+  d.setDate(d.getDate() + dagen);
+  const p = (n) => String(n).padStart(2, "0");
+  const datum = `${d.getFullYear()}-${p(d.getMonth() + 1)}-${p(d.getDate())}`;
+  return metTijd ? `${datum}T${p(d.getHours())}:${p(d.getMinutes())}` : datum;
+}
+function vouwHerhalingenUit(events, vanaf = /* @__PURE__ */ new Date()) {
+  const uit = [];
+  for (const e of events) {
+    uit.push(e);
+    if (!e.herhaal || !e.start) continue;
+    const start = parseEventDate(e.start);
+    if (Number.isNaN(start.getTime())) continue;
+    const grens = e.herhaalTot ? parseEventDate(e.herhaalTot) : new Date(vanaf.getFullYear() + 1, vanaf.getMonth(), vanaf.getDate());
+    grens.setHours(23, 59, 59, 999);
+    for (let n = 1; n <= 60; n++) {
+      const dagen = e.herhaal === "wekelijks" ? 7 * n : e.herhaal === "tweewekelijks" ? 14 * n : 0;
+      const maanden = e.herhaal === "maandelijks" ? n : 0;
+      const volgendeStart = verschuif(e.start, dagen, maanden);
+      if (parseEventDate(volgendeStart) > grens) break;
+      uit.push({ ...e, start: volgendeStart, ...e.end ? { end: verschuif(e.end, dagen, maanden) } : {} });
+    }
+  }
+  return uit;
+}
 function parseEventDate(value) {
   const m = /^(\d{4})-(\d{2})-(\d{2})$/.exec(value.trim());
   if (m) return new Date(Number(m[1]), Number(m[2]) - 1, Number(m[3]));
@@ -21,9 +54,9 @@ function formatEventDate(value) {
   });
 }
 function selectAgendaEvents(events, opts = {}) {
-  let list = (events ?? []).filter((e) => e.title);
-  if (opts.hidePast) {
-    const today = /* @__PURE__ */ new Date();
+  let list = vouwHerhalingenUit((events ?? []).filter((e) => e.title), opts.vandaag ?? void 0);
+  if (opts.hidePast && opts.vandaag !== null) {
+    const today = opts.vandaag ? new Date(opts.vandaag) : /* @__PURE__ */ new Date();
     today.setHours(0, 0, 0, 0);
     list = list.filter((e) => {
       const d = parseEventDate(e.end || e.start);
@@ -40,7 +73,17 @@ function selectAgendaEvents(events, opts = {}) {
   });
   return typeof opts.limit === "number" ? list.slice(0, opts.limit) : list;
 }
-function eventJsonLd(events) {
+function eventJsonLd(events, bedrijf) {
+  const prijsGetal = (p) => {
+    if (!p) return void 0;
+    if (/gratis|vrij/i.test(p)) return 0;
+    const m = /(\d+(?:[.,]\d{1,2})?)/.exec(p.replace(/\s/g, ""));
+    return m ? Number(m[1].replace(",", ".")) : void 0;
+  };
+  const statusUrl = {
+    afgelast: "https://schema.org/EventCancelled",
+    verplaatst: "https://schema.org/EventRescheduled"
+  };
   return {
     "@context": "https://schema.org",
     "@type": "ItemList",
@@ -54,15 +97,27 @@ function eventJsonLd(events) {
         name: e.title,
         startDate: e.start,
         ...e.end ? { endDate: e.end } : {},
-        location: { "@type": "Place", name: e.location },
+        eventStatus: statusUrl[e.status ?? ""] ?? "https://schema.org/EventScheduled",
+        eventAttendanceMode: e.status === "online" ? "https://schema.org/OnlineEventAttendanceMode" : "https://schema.org/OfflineEventAttendanceMode",
+        location: e.status === "online" ? { "@type": "VirtualLocation", url: e.url || bedrijf?.url || "" } : { "@type": "Place", name: e.location, ...e.address || bedrijf?.address ? { address: e.address || bedrijf?.address } : {} },
+        ...e.imageUrl ? { image: [e.imageUrl] } : {},
         ...e.description ? { description: e.description } : {},
-        ...e.url ? { url: e.url } : {}
+        ...e.url ? { url: e.url } : {},
+        ...prijsGetal(e.price) !== void 0 ? { offers: { "@type": "Offer", price: prijsGetal(e.price).toFixed(2), priceCurrency: "EUR", availability: "https://schema.org/InStock", ...e.url ? { url: e.url } : {} } } : {},
+        ...bedrijf?.name ? { organizer: { "@type": "Organization", name: bedrijf.name, ...bedrijf.url ? { url: bedrijf.url } : {} } } : {}
       }
     }))
   };
 }
 function AgendaRender({ block }) {
-  const events = selectAgendaEvents((block.events ?? []).map((e, i) => ({ ...e, _i: i })), { hidePast: block.hidePast });
+  const vandaag = useVandaag();
+  const cfg = useMergedSiteConfig();
+  const organisator = {
+    name: cfg.business?.name || cfg.name,
+    url: cfg.domain ? `https://${cfg.domain}` : void 0,
+    address: adresRegels(cfg.business).join(", ") || void 0
+  };
+  const events = selectAgendaEvents((block.events ?? []).map((e, i) => ({ ...e, _i: i })), { hidePast: block.hidePast, vandaag });
   if (events.length === 0) return null;
   return /* @__PURE__ */ jsxs("section", { className: "xicms-agenda", children: [
     block.heading && /* @__PURE__ */ jsx(Heading, { level: 2, "data-xicms-edit": "heading", children: block.heading }),
@@ -70,7 +125,10 @@ function AgendaRender({ block }) {
       /* @__PURE__ */ jsx("time", { className: "xicms-agenda__date", dateTime: e.start, children: formatEventDate(e.start) }),
       /* @__PURE__ */ jsxs("div", { className: "xicms-agenda__body", children: [
         /* @__PURE__ */ jsx("strong", { className: "xicms-agenda__title", children: e.url ? /* @__PURE__ */ jsx("a", { href: e.url, "data-xicms-edit": `events.${e._i}.title`, children: e.title }) : /* @__PURE__ */ jsx("span", { "data-xicms-edit": `events.${e._i}.title`, children: e.title }) }),
+        e.status === "afgelast" && /* @__PURE__ */ jsx("span", { className: "xicms-agenda__status", "data-status": "afgelast", children: "Afgelast" }),
+        e.status === "verplaatst" && /* @__PURE__ */ jsx("span", { className: "xicms-agenda__status", "data-status": "verplaatst", children: "Verplaatst" }),
         e.location && /* @__PURE__ */ jsx("span", { className: "xicms-agenda__location", "data-xicms-edit": `events.${e._i}.location`, children: e.location }),
+        e.price && /* @__PURE__ */ jsx("span", { className: "xicms-agenda__prijs", "data-xicms-edit": `events.${e._i}.price`, children: e.price }),
         e.description && /* @__PURE__ */ jsx("p", { className: "xicms-agenda__desc", "data-xicms-edit": `events.${e._i}.description`, children: e.description }),
         (() => {
           const ics = icsDataUrl(e);
@@ -82,15 +140,17 @@ function AgendaRender({ block }) {
       "script",
       {
         type: "application/ld+json",
-        dangerouslySetInnerHTML: { __html: jsonLdHtml(eventJsonLd(events)) }
+        dangerouslySetInnerHTML: { __html: jsonLdHtml(eventJsonLd(events, organisator)) }
       }
     )
   ] });
 }
 export {
   AgendaRender,
+  eventJsonLd,
   formatEventDate,
   parseEventDate,
-  selectAgendaEvents
+  selectAgendaEvents,
+  vouwHerhalingenUit
 };
 //# sourceMappingURL=AgendaRender.js.map

package/dist/blocks/builtins/AgendaRender.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/blocks/builtins/AgendaRender.tsx"],"sourcesContent":["import type { z } from \"zod\";\nimport { jsonLdHtml } from \"./jsonld\";\nimport type { AgendaBlockSchema } from \"../../schema/blocks\";\nimport type { BlockRenderProps } from \"../registry\";\nimport { Heading } from \"../ui\";\nimport { icsDataUrl } from \"./lib/ics\";\n\ntype Agenda = z.infer<typeof AgendaBlockSchema>;\n\n/** Eén event zoals zowel het Agenda-blok als de Agenda-widget het kennen. */\nexport interface AgendaEvent {\n  title: string;\n  start: string;\n  end?: string;\n  location?: string;\n  description?: string;\n  url?: string;\n}\n\n/**\n * Parseert een event-datum als LOKALE tijd. Cruciaal voor datum-zonder-tijd: `new Date(\"2026-08-01\")`\n * is per spec UTC-middernacht, waardoor west-van-UTC-bezoekers \"31 juli\" te zien kregen (en de\n * server/client bij hydration konden verschillen). \"2026-08-01\" is hier gewoon 1 augustus, overal.\n */\nexport function parseEventDate(value: string): Date {\n  const m = /^(\\d{4})-(\\d{2})-(\\d{2})$/.exec(value.trim());\n  if (m) return new Date(Number(m[1]), Number(m[2]) - 1, Number(m[3]));\n  return new Date(value);\n}\n\n/** Toont een datum leesbaar (nl-NL). Valt terug op de ruwe string bij ongeldige invoer. */\nexport function formatEventDate(value: string): string {\n  if (!value) return \"\";\n  const d = parseEventDate(value);\n  if (Number.isNaN(d.getTime())) return value;\n  const hasTime = value.includes(\"T\");\n  return d.toLocaleDateString(\"nl-NL\", {\n    weekday: \"short\",\n    day: \"numeric\",\n    month: \"long\",\n    year: \"numeric\",\n    ...(hasTime ? { hour: \"2-digit\", minute: \"2-digit\" } : {}),\n  });\n}\n\n/**\n * Selecteert de te tonen events: filtert lege titels, optioneel verlopen events, sorteert\n * chronologisch (events zonder geldige datum achteraan, in invoervolgorde) en limiteert. Gedeeld\n * door het volwaardige Agenda-blok en de compacte Agenda-widget — zo \"haalt\" de widget alles\n * uit dezelfde logica als de volledige versie.\n */\nexport function selectAgendaEvents<T extends AgendaEvent>(\n  events: T[] | undefined,\n  opts: { hidePast?: boolean; limit?: number } = {},\n): T[] {\n  let list = (events ?? []).filter((e) => e.title);\n  if (opts.hidePast) {\n    const today = new Date();\n    today.setHours(0, 0, 0, 0);\n    list = list.filter((e) => {\n      const d = parseEventDate(e.end || e.start);\n      return Number.isNaN(d.getTime()) || d >= today;\n    });\n  }\n  list = [...list].sort((a, b) => {\n    const ta = parseEventDate(a.start).getTime();\n    const tb = parseEventDate(b.start).getTime();\n    if (Number.isNaN(ta) && Number.isNaN(tb)) return 0;\n    if (Number.isNaN(ta)) return 1;\n    if (Number.isNaN(tb)) return -1;\n    return ta - tb;\n  });\n  return typeof opts.limit === \"number\" ? list.slice(0, opts.limit) : list;\n}\n\nfunction eventJsonLd(events: Agenda[\"events\"]): Record<string, unknown> {\n  return {\n    \"@context\": \"https://schema.org\",\n    \"@type\": \"ItemList\",\n    // Google vereist `location` voor Event-rich-results: events zonder locatie renderen wel op\n    // de pagina, maar blijven uit de JSON-LD (voorkomt gegarandeerde Search-Console-errors).\n    itemListElement: events\n      .filter((e) => e.title && e.start && e.location)\n      .map((e, i) => ({\n        \"@type\": \"ListItem\",\n        position: i + 1,\n        item: {\n          \"@type\": \"Event\",\n          name: e.title,\n          startDate: e.start,\n          ...(e.end ? { endDate: e.end } : {}),\n          location: { \"@type\": \"Place\", name: e.location },\n          ...(e.description ? { description: e.description } : {}),\n          ...(e.url ? { url: e.url } : {}),\n        },\n      })),\n  };\n}\n\n/** Agenda/evenementen. Server-safe (geen client-state); `hidePast` filtert verlopen events. */\nexport function AgendaRender({ block }: BlockRenderProps<Agenda>) {\n  const events = selectAgendaEvents((block.events ?? []).map((e, i) => ({ ...e, _i: i })), { hidePast: block.hidePast });\n  if (events.length === 0) return null;\n\n  return (\n    <section className=\"xicms-agenda\">\n      {block.heading && <Heading level={2} data-xicms-edit=\"heading\">{block.heading}</Heading>}\n      <ul className=\"xicms-agenda__list\">\n        {events.map((e) => (\n          <li key={e._i} className=\"xicms-agenda__item\">\n            <time className=\"xicms-agenda__date\" dateTime={e.start}>\n              {formatEventDate(e.start)}\n            </time>\n            <div className=\"xicms-agenda__body\">\n              <strong className=\"xicms-agenda__title\">\n                {e.url\n                  ? <a href={e.url} data-xicms-edit={`events.${e._i}.title`}>{e.title}</a>\n                  : <span data-xicms-edit={`events.${e._i}.title`}>{e.title}</span>}\n              </strong>\n              {e.location && <span className=\"xicms-agenda__location\" data-xicms-edit={`events.${e._i}.location`}>{e.location}</span>}\n              {e.description && <p className=\"xicms-agenda__desc\" data-xicms-edit={`events.${e._i}.description`}>{e.description}</p>}\n              {(() => {\n                const ics = icsDataUrl(e);\n                return ics ? (\n                  <a className=\"xicms-agenda__ics\" href={ics} download={`${(e.title || \"evenement\").toLowerCase().replace(/\\s+/g, \"-\").slice(0, 40)}.ics`}>\n                    📅 Zet in agenda\n                  </a>\n                ) : null;\n              })()}\n            </div>\n          </li>\n        ))}\n      </ul>\n      {block.jsonLd && (\n        <script\n          type=\"application/ld+json\"\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{ __html: jsonLdHtml(eventJsonLd(events)) }}\n        />\n      )}\n    </section>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/blocks/builtins/AgendaRender.tsx"],"sourcesContent":["\"use client\";\n\nimport type { z } from \"zod\";\nimport { jsonLdHtml } from \"./jsonld\";\nimport { useVandaag } from \"./lib/vandaag\";\nimport type { AgendaBlockSchema } from \"../../schema/blocks\";\nimport type { BlockRenderProps } from \"../registry\";\nimport { Heading } from \"../ui\";\nimport { icsDataUrl } from \"./lib/ics\";\nimport { useMergedSiteConfig } from \"../../settings/useSiteSettings\";\nimport { adresRegels } from \"../../bedrijf/bedrijf\";\n\ntype Agenda = z.infer<typeof AgendaBlockSchema>;\n\n/** Eén event zoals zowel het Agenda-blok als de Agenda-widget het kennen. */\nexport interface AgendaEvent {\n  title: string;\n  start: string;\n  end?: string;\n  location?: string;\n  description?: string;\n  url?: string;\n  /** 8.15: terugkerend. */\n  herhaal?: \"wekelijks\" | \"tweewekelijks\" | \"maandelijks\";\n  /** Laatste datum van de herhaling (\"2027-06-30\"); leeg = een jaar vooruit. */\n  herhaalTot?: string;\n}\n\n/** ISO-string met dezelfde vorm als het origineel (alleen datum, of datum + tijd), verschoven. */\nfunction verschuif(waarde: string, dagen: number, maanden: number): string {\n  const metTijd = waarde.includes(\"T\");\n  const d = parseEventDate(waarde);\n  if (Number.isNaN(d.getTime())) return waarde;\n  d.setMonth(d.getMonth() + maanden);\n  d.setDate(d.getDate() + dagen);\n  const p = (n: number) => String(n).padStart(2, \"0\");\n  const datum = `${d.getFullYear()}-${p(d.getMonth() + 1)}-${p(d.getDate())}`;\n  return metTijd ? `${datum}T${p(d.getHours())}:${p(d.getMinutes())}` : datum;\n}\n\n/**\n * Terugkerende activiteiten uitvouwen (8.15): \"elke dinsdag koor\" staat één keer in het beheer en\n * verschijnt op de site als losse data — tot de einddatum, anders een jaar vooruit, en nooit meer\n * dan 60 keer. Elke herhaling houdt de index van het origineel (`_i`), dus bewerken op de pagina\n * past de reeks aan.\n */\nexport function vouwHerhalingenUit<T extends AgendaEvent>(events: T[], vanaf: Date = new Date()): T[] {\n  const uit: T[] = [];\n  for (const e of events) {\n    uit.push(e);\n    if (!e.herhaal || !e.start) continue;\n    const start = parseEventDate(e.start);\n    if (Number.isNaN(start.getTime())) continue;\n    const grens = e.herhaalTot ? parseEventDate(e.herhaalTot) : new Date(vanaf.getFullYear() + 1, vanaf.getMonth(), vanaf.getDate());\n    grens.setHours(23, 59, 59, 999);\n    for (let n = 1; n <= 60; n++) {\n      const dagen = e.herhaal === \"wekelijks\" ? 7 * n : e.herhaal === \"tweewekelijks\" ? 14 * n : 0;\n      const maanden = e.herhaal === \"maandelijks\" ? n : 0;\n      const volgendeStart = verschuif(e.start, dagen, maanden);\n      if (parseEventDate(volgendeStart) > grens) break;\n      uit.push({ ...e, start: volgendeStart, ...(e.end ? { end: verschuif(e.end, dagen, maanden) } : {}) });\n    }\n  }\n  return uit;\n}\n\n/**\n * Parseert een event-datum als LOKALE tijd. Cruciaal voor datum-zonder-tijd: `new Date(\"2026-08-01\")`\n * is per spec UTC-middernacht, waardoor west-van-UTC-bezoekers \"31 juli\" te zien kregen (en de\n * server/client bij hydration konden verschillen). \"2026-08-01\" is hier gewoon 1 augustus, overal.\n */\nexport function parseEventDate(value: string): Date {\n  const m = /^(\\d{4})-(\\d{2})-(\\d{2})$/.exec(value.trim());\n  if (m) return new Date(Number(m[1]), Number(m[2]) - 1, Number(m[3]));\n  return new Date(value);\n}\n\n/** Toont een datum leesbaar (nl-NL). Valt terug op de ruwe string bij ongeldige invoer. */\nexport function formatEventDate(value: string): string {\n  if (!value) return \"\";\n  const d = parseEventDate(value);\n  if (Number.isNaN(d.getTime())) return value;\n  const hasTime = value.includes(\"T\");\n  return d.toLocaleDateString(\"nl-NL\", {\n    weekday: \"short\",\n    day: \"numeric\",\n    month: \"long\",\n    year: \"numeric\",\n    ...(hasTime ? { hour: \"2-digit\", minute: \"2-digit\" } : {}),\n  });\n}\n\n/**\n * Selecteert de te tonen events: filtert lege titels, optioneel verlopen events, sorteert\n * chronologisch (events zonder geldige datum achteraan, in invoervolgorde) en limiteert. Gedeeld\n * door het volwaardige Agenda-blok en de compacte Agenda-widget — zo \"haalt\" de widget alles\n * uit dezelfde logica als de volledige versie.\n */\nexport function selectAgendaEvents<T extends AgendaEvent>(\n  events: T[] | undefined,\n  opts: { hidePast?: boolean; limit?: number; vandaag?: Date | null } = {},\n): T[] {\n  let list = vouwHerhalingenUit((events ?? []).filter((e) => e.title), opts.vandaag ?? undefined);\n  // `vandaag: null` = server-render/hydratie (zie useVandaag): dan nog niet op datum filteren.\n  if (opts.hidePast && opts.vandaag !== null) {\n    const today = opts.vandaag ? new Date(opts.vandaag) : new Date();\n    today.setHours(0, 0, 0, 0);\n    list = list.filter((e) => {\n      const d = parseEventDate(e.end || e.start);\n      return Number.isNaN(d.getTime()) || d >= today;\n    });\n  }\n  list = [...list].sort((a, b) => {\n    const ta = parseEventDate(a.start).getTime();\n    const tb = parseEventDate(b.start).getTime();\n    if (Number.isNaN(ta) && Number.isNaN(tb)) return 0;\n    if (Number.isNaN(ta)) return 1;\n    if (Number.isNaN(tb)) return -1;\n    return ta - tb;\n  });\n  return typeof opts.limit === \"number\" ? list.slice(0, opts.limit) : list;\n}\n\n/**\n * Event-JSON-LD (8.14 vollediger): adres (eigen adres of dat uit het bedrijfsprofiel), afbeelding,\n * prijs, status (afgelast/verplaatst/online) en de organisator. Google vroeg in Search Console bij\n * de oude versie om \"ontbrekend veld: address / image / offers / organizer\".\n */\nexport function eventJsonLd(\n  events: Agenda[\"events\"],\n  bedrijf?: { name?: string; url?: string; address?: string },\n): Record<string, unknown> {\n  const prijsGetal = (p?: string) => {\n    if (!p) return undefined;\n    if (/gratis|vrij/i.test(p)) return 0;\n    const m = /(\\d+(?:[.,]\\d{1,2})?)/.exec(p.replace(/\\s/g, \"\"));\n    return m ? Number(m[1].replace(\",\", \".\")) : undefined;\n  };\n  const statusUrl: Record<string, string> = {\n    afgelast: \"https://schema.org/EventCancelled\",\n    verplaatst: \"https://schema.org/EventRescheduled\",\n  };\n  return {\n    \"@context\": \"https://schema.org\",\n    \"@type\": \"ItemList\",\n    // Google vereist `location` voor Event-rich-results: events zonder locatie renderen wel op\n    // de pagina, maar blijven uit de JSON-LD (voorkomt gegarandeerde Search-Console-errors).\n    itemListElement: events\n      .filter((e) => e.title && e.start && e.location)\n      .map((e, i) => ({\n        \"@type\": \"ListItem\",\n        position: i + 1,\n        item: {\n          \"@type\": \"Event\",\n          name: e.title,\n          startDate: e.start,\n          ...(e.end ? { endDate: e.end } : {}),\n          eventStatus: statusUrl[e.status ?? \"\"] ?? \"https://schema.org/EventScheduled\",\n          eventAttendanceMode: e.status === \"online\" ? \"https://schema.org/OnlineEventAttendanceMode\" : \"https://schema.org/OfflineEventAttendanceMode\",\n          location:\n            e.status === \"online\"\n              ? { \"@type\": \"VirtualLocation\", url: e.url || bedrijf?.url || \"\" }\n              : { \"@type\": \"Place\", name: e.location, ...((e.address || bedrijf?.address) ? { address: e.address || bedrijf?.address } : {}) },\n          ...(e.imageUrl ? { image: [e.imageUrl] } : {}),\n          ...(e.description ? { description: e.description } : {}),\n          ...(e.url ? { url: e.url } : {}),\n          ...(prijsGetal(e.price) !== undefined\n            ? { offers: { \"@type\": \"Offer\", price: prijsGetal(e.price)!.toFixed(2), priceCurrency: \"EUR\", availability: \"https://schema.org/InStock\", ...(e.url ? { url: e.url } : {}) } }\n            : {}),\n          ...(bedrijf?.name ? { organizer: { \"@type\": \"Organization\", name: bedrijf.name, ...(bedrijf.url ? { url: bedrijf.url } : {}) } } : {}),\n        },\n      })),\n  };\n}\n\n/** Agenda/evenementen. Server-safe (geen client-state); `hidePast` filtert verlopen events. */\nexport function AgendaRender({ block }: BlockRenderProps<Agenda>) {\n  // Client-component (8.1): \"verlopen verbergen\" filtert op de datum van de bezoeker, en dat moet\n  // hydratie-veilig (zie useVandaag) — de server-HTML kan een dag oud zijn.\n  const vandaag = useVandaag();\n  const cfg = useMergedSiteConfig();\n  const organisator = {\n    name: cfg.business?.name || cfg.name,\n    url: cfg.domain ? `https://${cfg.domain}` : undefined,\n    address: adresRegels(cfg.business).join(\", \") || undefined,\n  };\n  const events = selectAgendaEvents((block.events ?? []).map((e, i) => ({ ...e, _i: i })), { hidePast: block.hidePast, vandaag });\n  if (events.length === 0) return null;\n\n  return (\n    <section className=\"xicms-agenda\">\n      {block.heading && <Heading level={2} data-xicms-edit=\"heading\">{block.heading}</Heading>}\n      <ul className=\"xicms-agenda__list\">\n        {events.map((e) => (\n          <li key={e._i} className=\"xicms-agenda__item\">\n            <time className=\"xicms-agenda__date\" dateTime={e.start}>\n              {formatEventDate(e.start)}\n            </time>\n            <div className=\"xicms-agenda__body\">\n              <strong className=\"xicms-agenda__title\">\n                {e.url\n                  ? <a href={e.url} data-xicms-edit={`events.${e._i}.title`}>{e.title}</a>\n                  : <span data-xicms-edit={`events.${e._i}.title`}>{e.title}</span>}\n              </strong>\n              {e.status === \"afgelast\" && <span className=\"xicms-agenda__status\" data-status=\"afgelast\">Afgelast</span>}\n              {e.status === \"verplaatst\" && <span className=\"xicms-agenda__status\" data-status=\"verplaatst\">Verplaatst</span>}\n              {e.location && <span className=\"xicms-agenda__location\" data-xicms-edit={`events.${e._i}.location`}>{e.location}</span>}\n              {e.price && <span className=\"xicms-agenda__prijs\" data-xicms-edit={`events.${e._i}.price`}>{e.price}</span>}\n              {e.description && <p className=\"xicms-agenda__desc\" data-xicms-edit={`events.${e._i}.description`}>{e.description}</p>}\n              {(() => {\n                const ics = icsDataUrl(e);\n                return ics ? (\n                  <a className=\"xicms-agenda__ics\" href={ics} download={`${(e.title || \"evenement\").toLowerCase().replace(/\\s+/g, \"-\").slice(0, 40)}.ics`}>\n                    📅 Zet in agenda\n                  </a>\n                ) : null;\n              })()}\n            </div>\n          </li>\n        ))}\n      </ul>\n      {block.jsonLd && (\n        <script\n          type=\"application/ld+json\"\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{ __html: jsonLdHtml(eventJsonLd(events, organisator)) }}\n        />\n      )}\n    </section>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/blocks/builtins/Availability.d.ts

@@ -0,0 +1 @@
+export declare const availabilityBlock: import("../index.js").BlockDefinition<import("zod/v4/core").$ZodType<unknown, unknown, import("zod/v4/core").$ZodTypeInternals<unknown, unknown>>>;

package/dist/blocks/builtins/Availability.js

@@ -0,0 +1,23 @@
+import dynamic from "next/dynamic";
+import { defineBlock } from "../registry.js";
+const availabilityBlock = defineBlock({
+  type: "availability",
+  Render: dynamic(() => import("./AvailabilityRender.js").then((m) => m.AvailabilityRender)),
+  label: "Beschikbaarheid",
+  icon: "\u{1F4C5}",
+  fields: { "units.icalUrl": { type: "url", hint: "De iCal-export van je boekingssysteem (Airbnb, Booking.com, availcalendar \u2026): begint met https:// of webcal://." } },
+  defaults: () => ({
+    heading: "Beschikbaarheid",
+    units: [{ label: "Ons verblijf", icalUrl: "" }],
+    months: 4,
+    minNights: 2,
+    requestPath: "/contact",
+    requestLabel: "Aanvragen",
+    periodField: "verblijf",
+    unitField: "accommodatie"
+  })
+});
+export {
+  availabilityBlock
+};
+//# sourceMappingURL=Availability.js.map

package/dist/blocks/builtins/Availability.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/blocks/builtins/Availability.tsx"],"sourcesContent":["import dynamic from \"next/dynamic\";\nimport { defineBlock } from \"../registry\";\n\nexport const availabilityBlock = defineBlock({\n  type: \"availability\",\n  Render: dynamic(() => import(\"./AvailabilityRender\").then((m) => m.AvailabilityRender)),\n  label: \"Beschikbaarheid\",\n  icon: \"📅\",\n  fields: { \"units.icalUrl\": { type: \"url\", hint: \"De iCal-export van je boekingssysteem (Airbnb, Booking.com, availcalendar …): begint met https:// of webcal://.\" } },\n  defaults: () => ({\n    heading: \"Beschikbaarheid\",\n    units: [{ label: \"Ons verblijf\", icalUrl: \"\" }],\n    months: 4,\n    minNights: 2,\n    requestPath: \"/contact\",\n    requestLabel: \"Aanvragen\",\n    periodField: \"verblijf\",\n    unitField: \"accommodatie\",\n  }),\n});\n"],"mappings":"AAAA,OAAO,aAAa;AACpB,SAAS,mBAAmB;AAErB,MAAM,oBAAoB,YAAY;AAAA,EAC3C,MAAM;AAAA,EACN,QAAQ,QAAQ,MAAM,OAAO,sBAAsB,EAAE,KAAK,CAAC,MAAM,EAAE,kBAAkB,CAAC;AAAA,EACtF,OAAO;AAAA,EACP,MAAM;AAAA,EACN,QAAQ,EAAE,iBAAiB,EAAE,MAAM,OAAO,MAAM,uHAAkH,EAAE;AAAA,EACpK,UAAU,OAAO;AAAA,IACf,SAAS;AAAA,IACT,OAAO,CAAC,EAAE,OAAO,gBAAgB,SAAS,GAAG,CAAC;AAAA,IAC9C,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,aAAa;AAAA,IACb,cAAc;AAAA,IACd,aAAa;AAAA,IACb,WAAW;AAAA,EACb;AACF,CAAC;","names":[]}

package/dist/blocks/builtins/AvailabilityRender.d.ts

@@ -0,0 +1,12 @@
+import type { z } from "zod";
+import type { AvailabilityBlockSchema } from "../../schema/blocks.js";
+import type { BlockRenderProps } from "../registry.js";
+type Beschikbaarheid = z.infer<typeof AvailabilityBlockSchema>;
+/**
+ * Beschikbaarheidskalender (8.15). De bezette nachten komen van de server (seed "beschikbaarheid",
+ * per iCal-link, een uur gecachet); zonder seed toont de kalender alles als vrij met een eerlijke
+ * melding. Klik een aankomstdag en een vertrekdag; "Aanvragen" opent het formulier met
+ * `?verblijf=van/tot&accommodatie=…`, dat de velden "Periode" en "Verborgen" (8.14) invullen.
+ */
+export declare function AvailabilityRender({ block, mode }: BlockRenderProps<Beschikbaarheid>): import("react").JSX.Element | null;
+export {};

package/dist/blocks/builtins/AvailabilityRender.js

@@ -0,0 +1,105 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { useBlockData } from "../context.js";
+import { Btn, Heading } from "../ui/index.js";
+import { isBezet, maandRaster, periodeVrij } from "./lib/ical.js";
+import { useVandaag } from "./lib/vandaag.js";
+import { isoDatum } from "../../bedrijf/bedrijf.js";
+const DAGEN = ["ma", "di", "wo", "do", "vr", "za", "zo"];
+function nachten(van, tot) {
+  return Math.round((Date.parse(tot) - Date.parse(van)) / 864e5);
+}
+function mooi(iso) {
+  const [j, m, d] = iso.split("-").map(Number);
+  return new Date(j, m - 1, d).toLocaleDateString("nl-NL", { weekday: "short", day: "numeric", month: "short" });
+}
+function AvailabilityRender({ block, mode }) {
+  const seed = useBlockData("beschikbaarheid");
+  const units = (block.units ?? []).filter((u) => u.label || u.icalUrl);
+  const [actief, setActief] = useState(0);
+  const [van, setVan] = useState(null);
+  const [tot, setTot] = useState(null);
+  const vandaagDatum = useVandaag();
+  const vandaagIso = vandaagDatum ? isoDatum(vandaagDatum) : null;
+  const unit = units[Math.min(actief, Math.max(units.length - 1, 0))];
+  const bezet = unit?.icalUrl ? seed?.[unit.icalUrl] : void 0;
+  const onbekend = Boolean(unit?.icalUrl) && !Array.isArray(bezet);
+  const maanden = useMemo(() => {
+    const basis = vandaagDatum ?? /* @__PURE__ */ new Date();
+    return Array.from({ length: block.months ?? 4 }, (_, i) => {
+      const d = new Date(basis.getFullYear(), basis.getMonth() + i, 1);
+      return { jaar: d.getFullYear(), maand: d.getMonth(), naam: d.toLocaleDateString("nl-NL", { month: "long", year: "numeric" }) };
+    });
+  }, [vandaagDatum, block.months]);
+  if (units.length === 0) {
+    return mode === "preview" ? /* @__PURE__ */ jsx("p", { className: "xicms-ve__hint", children: "Beschikbaarheid: voeg een accommodatie toe met de iCal-link uit je boekingssysteem." }) : null;
+  }
+  const lijst = Array.isArray(bezet) ? bezet : [];
+  const vandaag = vandaagIso ?? "0000-00-00";
+  const kies = (dag) => {
+    if (!van || tot || dag <= van) {
+      setVan(isBezet(dag, lijst) ? null : dag);
+      setTot(null);
+      return;
+    }
+    setTot(dag);
+  };
+  const geldig = van && tot && periodeVrij(van, tot, lijst) && nachten(van, tot) >= (block.minNights ?? 1);
+  const link = van && tot ? `${block.requestPath || "/contact"}?${encodeURIComponent(block.periodField || "verblijf")}=${van}/${tot}&${encodeURIComponent(block.unitField || "accommodatie")}=${encodeURIComponent(unit?.label ?? "")}` : void 0;
+  return /* @__PURE__ */ jsxs("section", { className: "xicms-beschikbaar", children: [
+    block.heading && /* @__PURE__ */ jsx(Heading, { level: 2, "data-xicms-edit": "heading", children: block.heading }),
+    block.intro && /* @__PURE__ */ jsx("p", { className: "xicms-beschikbaar__intro", "data-xicms-edit": "intro", children: block.intro }),
+    units.length > 1 && /* @__PURE__ */ jsx("div", { className: "xicms-beschikbaar__tabs", role: "tablist", "aria-label": "Accommodatie", children: units.map((u, i) => /* @__PURE__ */ jsx("button", { type: "button", role: "tab", "aria-selected": i === actief, onClick: () => {
+      setActief(i);
+      setVan(null);
+      setTot(null);
+    }, children: u.label || `Accommodatie ${i + 1}` }, i)) }),
+    unit?.note && /* @__PURE__ */ jsx("p", { className: "xicms-beschikbaar__noot", children: unit.note }),
+    onbekend && /* @__PURE__ */ jsx("p", { className: "xicms-beschikbaar__melding", role: "status", children: "De actuele bezetting kon niet worden geladen. Vraag gerust aan \u2014 we laten snel weten of het past." }),
+    /* @__PURE__ */ jsx("div", { className: "xicms-beschikbaar__maanden", children: maanden.map((m) => /* @__PURE__ */ jsxs("div", { className: "xicms-beschikbaar__maand", children: [
+      /* @__PURE__ */ jsx("p", { className: "xicms-beschikbaar__maandnaam", children: m.naam }),
+      /* @__PURE__ */ jsxs("table", { children: [
+        /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { children: DAGEN.map((d) => /* @__PURE__ */ jsx("th", { scope: "col", children: d }, d)) }) }),
+        /* @__PURE__ */ jsx("tbody", { children: maandRaster(m.jaar, m.maand).map((week, wi) => /* @__PURE__ */ jsx("tr", { children: week.map((dag, di) => {
+          if (!dag) return /* @__PURE__ */ jsx("td", {}, di);
+          const verleden = dag < vandaag;
+          const vol = isBezet(dag, lijst);
+          const gekozen = van && (dag === van || tot && dag >= van && dag < tot || dag === tot);
+          return /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              disabled: verleden || vol && !(van && !tot && dag > van),
+              "data-status": verleden ? "voorbij" : vol ? "bezet" : "vrij",
+              "data-gekozen": gekozen ? "1" : void 0,
+              "aria-label": `${mooi(dag)}${vol ? ", bezet" : ", vrij"}`,
+              "aria-pressed": Boolean(gekozen),
+              onClick: () => kies(dag),
+              children: Number(dag.slice(8))
+            }
+          ) }, di);
+        }) }, wi)) })
+      ] })
+    ] }, `${m.jaar}-${m.maand}`)) }),
+    /* @__PURE__ */ jsxs("div", { className: "xicms-beschikbaar__voet", children: [
+      /* @__PURE__ */ jsxs("span", { className: "xicms-beschikbaar__legenda", children: [
+        /* @__PURE__ */ jsx("i", { "data-status": "vrij" }),
+        " vrij ",
+        /* @__PURE__ */ jsx("i", { "data-status": "bezet" }),
+        " bezet"
+      ] }),
+      /* @__PURE__ */ jsxs("span", { className: "xicms-beschikbaar__keuze", "aria-live": "polite", children: [
+        !van && "Kies je aankomstdag.",
+        van && !tot && `Aankomst ${mooi(van)} \u2014 kies je vertrekdag.`,
+        van && tot && !geldig && (periodeVrij(van, tot, lijst) ? `Minimaal ${block.minNights} ${block.minNights === 1 ? "nacht" : "nachten"}.` : "In deze periode is het al bezet. Kies andere data."),
+        van && tot && geldig && `${mooi(van)} \u2013 ${mooi(tot)} \xB7 ${nachten(van, tot)} ${nachten(van, tot) === 1 ? "nacht" : "nachten"}`
+      ] }),
+      geldig && link && /* @__PURE__ */ jsx(Btn, { label: block.requestLabel || "Aanvragen", href: link, size: "md" })
+    ] })
+  ] });
+}
+export {
+  AvailabilityRender
+};
+//# sourceMappingURL=AvailabilityRender.js.map

package/dist/blocks/builtins/AvailabilityRender.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/blocks/builtins/AvailabilityRender.tsx"],"sourcesContent":["\"use client\";\n\nimport { useMemo, useState } from \"react\";\nimport type { z } from \"zod\";\nimport type { AvailabilityBlockSchema } from \"../../schema/blocks\";\nimport type { BlockRenderProps } from \"../registry\";\nimport { useBlockData } from \"../context\";\nimport { Btn, Heading } from \"../ui\";\nimport { isBezet, maandRaster, periodeVrij, type Bezet } from \"./lib/ical\";\nimport { useVandaag } from \"./lib/vandaag\";\nimport { isoDatum } from \"../../bedrijf/bedrijf\";\n\ntype Beschikbaarheid = z.infer<typeof AvailabilityBlockSchema>;\n\nconst DAGEN = [\"ma\", \"di\", \"wo\", \"do\", \"vr\", \"za\", \"zo\"];\n\nfunction nachten(van: string, tot: string): number {\n  return Math.round((Date.parse(tot) - Date.parse(van)) / 86_400_000);\n}\n\nfunction mooi(iso: string): string {\n  const [j, m, d] = iso.split(\"-\").map(Number);\n  return new Date(j, m - 1, d).toLocaleDateString(\"nl-NL\", { weekday: \"short\", day: \"numeric\", month: \"short\" });\n}\n\n/**\n * Beschikbaarheidskalender (8.15). De bezette nachten komen van de server (seed \"beschikbaarheid\",\n * per iCal-link, een uur gecachet); zonder seed toont de kalender alles als vrij met een eerlijke\n * melding. Klik een aankomstdag en een vertrekdag; \"Aanvragen\" opent het formulier met\n * `?verblijf=van/tot&accommodatie=…`, dat de velden \"Periode\" en \"Verborgen\" (8.14) invullen.\n */\nexport function AvailabilityRender({ block, mode }: BlockRenderProps<Beschikbaarheid>) {\n  const seed = useBlockData<Record<string, Bezet[] | null>>(\"beschikbaarheid\");\n  const units = (block.units ?? []).filter((u) => u.label || u.icalUrl);\n  const [actief, setActief] = useState(0);\n  const [van, setVan] = useState<string | null>(null);\n  const [tot, setTot] = useState<string | null>(null);\n  // Null tijdens server-render en hydratie (zie useVandaag): dan nog geen dagen als \"voorbij\".\n  const vandaagDatum = useVandaag();\n  const vandaagIso = vandaagDatum ? isoDatum(vandaagDatum) : null;\n  const unit = units[Math.min(actief, Math.max(units.length - 1, 0))];\n  const bezet = unit?.icalUrl ? seed?.[unit.icalUrl] : undefined;\n  const onbekend = Boolean(unit?.icalUrl) && !Array.isArray(bezet);\n\n  const maanden = useMemo(() => {\n    const basis = vandaagDatum ?? new Date();\n    return Array.from({ length: block.months ?? 4 }, (_, i) => {\n      const d = new Date(basis.getFullYear(), basis.getMonth() + i, 1);\n      return { jaar: d.getFullYear(), maand: d.getMonth(), naam: d.toLocaleDateString(\"nl-NL\", { month: \"long\", year: \"numeric\" }) };\n    });\n  }, [vandaagDatum, block.months]);\n\n  if (units.length === 0) {\n    return mode === \"preview\" ? <p className=\"xicms-ve__hint\">Beschikbaarheid: voeg een accommodatie toe met de iCal-link uit je boekingssysteem.</p> : null;\n  }\n\n  const lijst = Array.isArray(bezet) ? bezet : [];\n  const vandaag = vandaagIso ?? \"0000-00-00\";\n  const kies = (dag: string) => {\n    if (!van || tot || dag <= van) {\n      setVan(isBezet(dag, lijst) ? null : dag);\n      setTot(null);\n      return;\n    }\n    setTot(dag);\n  };\n  const geldig = van && tot && periodeVrij(van, tot, lijst) && nachten(van, tot) >= (block.minNights ?? 1);\n  const link = van && tot\n    ? `${block.requestPath || \"/contact\"}?${encodeURIComponent(block.periodField || \"verblijf\")}=${van}/${tot}&${encodeURIComponent(block.unitField || \"accommodatie\")}=${encodeURIComponent(unit?.label ?? \"\")}`\n    : undefined;\n\n  return (\n    <section className=\"xicms-beschikbaar\">\n      {block.heading && <Heading level={2} data-xicms-edit=\"heading\">{block.heading}</Heading>}\n      {block.intro && <p className=\"xicms-beschikbaar__intro\" data-xicms-edit=\"intro\">{block.intro}</p>}\n      {units.length > 1 && (\n        <div className=\"xicms-beschikbaar__tabs\" role=\"tablist\" aria-label=\"Accommodatie\">\n          {units.map((u, i) => (\n            <button key={i} type=\"button\" role=\"tab\" aria-selected={i === actief} onClick={() => { setActief(i); setVan(null); setTot(null); }}>\n              {u.label || `Accommodatie ${i + 1}`}\n            </button>\n          ))}\n        </div>\n      )}\n      {unit?.note && <p className=\"xicms-beschikbaar__noot\">{unit.note}</p>}\n      {onbekend && (\n        <p className=\"xicms-beschikbaar__melding\" role=\"status\">\n          De actuele bezetting kon niet worden geladen. Vraag gerust aan — we laten snel weten of het past.\n        </p>\n      )}\n      <div className=\"xicms-beschikbaar__maanden\">\n        {maanden.map((m) => (\n          <div key={`${m.jaar}-${m.maand}`} className=\"xicms-beschikbaar__maand\">\n            <p className=\"xicms-beschikbaar__maandnaam\">{m.naam}</p>\n            <table>\n              <thead>\n                <tr>{DAGEN.map((d) => <th key={d} scope=\"col\">{d}</th>)}</tr>\n              </thead>\n              <tbody>\n                {maandRaster(m.jaar, m.maand).map((week, wi) => (\n                  <tr key={wi}>\n                    {week.map((dag, di) => {\n                      if (!dag) return <td key={di} />;\n                      const verleden = dag < vandaag;\n                      const vol = isBezet(dag, lijst);\n                      const gekozen = van && (dag === van || (tot && dag >= van && dag < tot) || dag === tot);\n                      return (\n                        <td key={di}>\n                          <button\n                            type=\"button\"\n                            disabled={verleden || (vol && !(van && !tot && dag > van))}\n                            data-status={verleden ? \"voorbij\" : vol ? \"bezet\" : \"vrij\"}\n                            data-gekozen={gekozen ? \"1\" : undefined}\n                            aria-label={`${mooi(dag)}${vol ? \", bezet\" : \", vrij\"}`}\n                            aria-pressed={Boolean(gekozen)}\n                            onClick={() => kies(dag)}\n                          >\n                            {Number(dag.slice(8))}\n                          </button>\n                        </td>\n                      );\n                    })}\n                  </tr>\n                ))}\n              </tbody>\n            </table>\n          </div>\n        ))}\n      </div>\n      <div className=\"xicms-beschikbaar__voet\">\n        <span className=\"xicms-beschikbaar__legenda\"><i data-status=\"vrij\" /> vrij <i data-status=\"bezet\" /> bezet</span>\n        <span className=\"xicms-beschikbaar__keuze\" aria-live=\"polite\">\n          {!van && \"Kies je aankomstdag.\"}\n          {van && !tot && `Aankomst ${mooi(van)} — kies je vertrekdag.`}\n          {van && tot && !geldig && (periodeVrij(van, tot, lijst)\n            ? `Minimaal ${block.minNights} ${block.minNights === 1 ? \"nacht\" : \"nachten\"}.`\n            : \"In deze periode is het al bezet. Kies andere data.\")}\n          {van && tot && geldig && `${mooi(van)} – ${mooi(tot)} · ${nachten(van, tot)} ${nachten(van, tot) === 1 ? \"nacht\" : \"nachten\"}`}\n        </span>\n        {geldig && link && <Btn label={block.requestLabel || \"Aanvragen\"} href={link} size=\"md\" />}\n      </div>\n    </section>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/blocks/builtins/BeforeAfterRender.js

@@ -1,14 +1,15 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
+import { SeedImg } from "../../media/ImageContext.js";
 function BeforeAfterRender({ block }) {
   const [pos, setPos] = useState(50);
   if (!block.beforeUrl || !block.afterUrl) return null;
-  return /* @__PURE__ */ jsxs("figure", { className: "xicms-beforeafter", style: { aspectRatio: block.aspectRatio.replace("/", " / ") }, children: [
+  return /* @__PURE__ */ jsxs("figure", { className: "xicms-beforeafter", style: { aspectRatio: (block.aspectRatio ?? "4/3").replace("/", " / ") }, children: [
     block.heading && /* @__PURE__ */ jsx("figcaption", { className: "xicms-beforeafter__heading", "data-xicms-edit": "heading", children: block.heading }),
     /* @__PURE__ */ jsxs("div", { className: "xicms-beforeafter__stage", children: [
-      /* @__PURE__ */ jsx("img", { className: "xicms-beforeafter__img", src: block.beforeUrl, alt: block.alt || block.beforeLabel, loading: "lazy" }),
-      /* @__PURE__ */ jsx("div", { className: "xicms-beforeafter__clip", style: { clipPath: `inset(0 0 0 ${pos}%)` }, "aria-hidden": true, children: /* @__PURE__ */ jsx("img", { className: "xicms-beforeafter__img", src: block.afterUrl, alt: "", loading: "lazy" }) }),
+      /* @__PURE__ */ jsx(SeedImg, { className: "xicms-beforeafter__img", src: block.beforeUrl, alt: block.alt || block.beforeLabel, sizes: "(max-width: 900px) 100vw, 900px" }),
+      /* @__PURE__ */ jsx("div", { className: "xicms-beforeafter__clip", style: { clipPath: `inset(0 0 0 ${pos}%)` }, "aria-hidden": true, children: /* @__PURE__ */ jsx(SeedImg, { className: "xicms-beforeafter__img", src: block.afterUrl, alt: "", sizes: "(max-width: 900px) 100vw, 900px" }) }),
       /* @__PURE__ */ jsx("div", { className: "xicms-beforeafter__divider", style: { left: `${pos}%` }, "aria-hidden": true, children: /* @__PURE__ */ jsx("span", { className: "xicms-beforeafter__handle", children: "\u27E8\u27E9" }) }),
       /* @__PURE__ */ jsx("span", { className: "xicms-beforeafter__badge xicms-beforeafter__badge--before", "data-xicms-edit": "beforeLabel", children: block.beforeLabel }),
       /* @__PURE__ */ jsx("span", { className: "xicms-beforeafter__badge xicms-beforeafter__badge--after", "data-xicms-edit": "afterLabel", children: block.afterLabel }),

package/dist/blocks/builtins/BeforeAfterRender.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/blocks/builtins/BeforeAfterRender.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport type { z } from \"zod\";\nimport type { BeforeAfterBlockSchema } from \"../../schema/blocks\";\nimport type { BlockRenderProps } from \"../registry\";\n\ntype BeforeAfter = z.infer<typeof BeforeAfterBlockSchema>;\n\n/**\n * Voor/na-vergelijker: het \"na\"-beeld wordt geclipt op de sleppositie. De greep is een échte\n * range-input (over de hele breedte, transparant) — slepen, klikken én pijltjestoetsen werken\n * daarmee gratis en toegankelijk (aria-label + waarde in %).\n */\nexport function BeforeAfterRender({ block }: BlockRenderProps<BeforeAfter>) {\n  const [pos, setPos] = useState(50);\n  if (!block.beforeUrl || !block.afterUrl) return null;\n  return (\n    <figure className=\"xicms-beforeafter\" style={{ aspectRatio: block.aspectRatio.replace(\"/\", \" / \") }}>\n      {block.heading && <figcaption className=\"xicms-beforeafter__heading\" data-xicms-edit=\"heading\">{block.heading}</figcaption>}\n      <div className=\"xicms-beforeafter__stage\">\n        {/* eslint-disable-next-line @next/next/no-img-element */}\n        <img className=\"xicms-beforeafter__img\" src={block.beforeUrl} alt={block.alt || block.beforeLabel} loading=\"lazy\" />\n        <div className=\"xicms-beforeafter__clip\" style={{ clipPath: `inset(0 0 0 ${pos}%)` }} aria-hidden>\n          {/* eslint-disable-next-line @next/next/no-img-element */}\n          <img className=\"xicms-beforeafter__img\" src={block.afterUrl} alt=\"\" loading=\"lazy\" />\n        </div>\n        <div className=\"xicms-beforeafter__divider\" style={{ left: `${pos}%` }} aria-hidden>\n          <span className=\"xicms-beforeafter__handle\">⟨⟩</span>\n        </div>\n        <span className=\"xicms-beforeafter__badge xicms-beforeafter__badge--before\" data-xicms-edit=\"beforeLabel\">{block.beforeLabel}</span>\n        <span className=\"xicms-beforeafter__badge xicms-beforeafter__badge--after\" data-xicms-edit=\"afterLabel\">{block.afterLabel}</span>\n        <input\n          className=\"xicms-beforeafter__range\"\n          type=\"range\"\n          min={0}\n          max={100}\n          value={pos}\n          onChange={(e) => setPos(Number(e.target.value))}\n          aria-label={`Vergelijk ${block.beforeLabel} en ${block.afterLabel}`}\n          aria-valuetext={`${pos}% ${block.afterLabel}`}\n        />\n      </div>\n    </figure>\n  );\n}\n"],"mappings":";AAmBwB,cAClB,YADkB;AAjBxB,SAAS,gBAAgB;AAYlB,SAAS,kBAAkB,EAAE,MAAM,GAAkC;AAC1E,QAAM,CAAC,KAAK,MAAM,IAAI,SAAS,EAAE;AACjC,MAAI,CAAC,MAAM,aAAa,CAAC,MAAM,SAAU,QAAO;AAChD,SACE,qBAAC,YAAO,WAAU,qBAAoB,OAAO,EAAE,aAAa,MAAM,YAAY,QAAQ,KAAK,KAAK,EAAE,GAC/F;AAAA,UAAM,WAAW,oBAAC,gBAAW,WAAU,8BAA6B,mBAAgB,WAAW,gBAAM,SAAQ;AAAA,IAC9G,qBAAC,SAAI,WAAU,4BAEb;AAAA,0BAAC,SAAI,WAAU,0BAAyB,KAAK,MAAM,WAAW,KAAK,MAAM,OAAO,MAAM,aAAa,SAAQ,QAAO;AAAA,MAClH,oBAAC,SAAI,WAAU,2BAA0B,OAAO,EAAE,UAAU,eAAe,GAAG,KAAK,GAAG,eAAW,MAE/F,8BAAC,SAAI,WAAU,0BAAyB,KAAK,MAAM,UAAU,KAAI,IAAG,SAAQ,QAAO,GACrF;AAAA,MACA,oBAAC,SAAI,WAAU,8BAA6B,OAAO,EAAE,MAAM,GAAG,GAAG,IAAI,GAAG,eAAW,MACjF,8BAAC,UAAK,WAAU,6BAA4B,0BAAE,GAChD;AAAA,MACA,oBAAC,UAAK,WAAU,6DAA4D,mBAAgB,eAAe,gBAAM,aAAY;AAAA,MAC7H,oBAAC,UAAK,WAAU,4DAA2D,mBAAgB,cAAc,gBAAM,YAAW;AAAA,MAC1H;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,MAAK;AAAA,UACL,KAAK;AAAA,UACL,KAAK;AAAA,UACL,OAAO;AAAA,UACP,UAAU,CAAC,MAAM,OAAO,OAAO,EAAE,OAAO,KAAK,CAAC;AAAA,UAC9C,cAAY,aAAa,MAAM,WAAW,OAAO,MAAM,UAAU;AAAA,UACjE,kBAAgB,GAAG,GAAG,KAAK,MAAM,UAAU;AAAA;AAAA,MAC7C;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/blocks/builtins/BeforeAfterRender.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport type { z } from \"zod\";\nimport type { BeforeAfterBlockSchema } from \"../../schema/blocks\";\nimport type { BlockRenderProps } from \"../registry\";\nimport { SeedImg } from \"../../media/ImageContext\";\n\ntype BeforeAfter = z.infer<typeof BeforeAfterBlockSchema>;\n\n/**\n * Voor/na-vergelijker: het \"na\"-beeld wordt geclipt op de sleppositie. De greep is een échte\n * range-input (over de hele breedte, transparant) — slepen, klikken én pijltjestoetsen werken\n * daarmee gratis en toegankelijk (aria-label + waarde in %).\n */\nexport function BeforeAfterRender({ block }: BlockRenderProps<BeforeAfter>) {\n  const [pos, setPos] = useState(50);\n  if (!block.beforeUrl || !block.afterUrl) return null;\n  return (\n    <figure className=\"xicms-beforeafter\" style={{ aspectRatio: (block.aspectRatio ?? \"4/3\").replace(\"/\", \" / \") }}>\n      {block.heading && <figcaption className=\"xicms-beforeafter__heading\" data-xicms-edit=\"heading\">{block.heading}</figcaption>}\n      <div className=\"xicms-beforeafter__stage\">\n        <SeedImg className=\"xicms-beforeafter__img\" src={block.beforeUrl} alt={block.alt || block.beforeLabel} sizes=\"(max-width: 900px) 100vw, 900px\" />\n        <div className=\"xicms-beforeafter__clip\" style={{ clipPath: `inset(0 0 0 ${pos}%)` }} aria-hidden>\n          <SeedImg className=\"xicms-beforeafter__img\" src={block.afterUrl} alt=\"\" sizes=\"(max-width: 900px) 100vw, 900px\" />\n        </div>\n        <div className=\"xicms-beforeafter__divider\" style={{ left: `${pos}%` }} aria-hidden>\n          <span className=\"xicms-beforeafter__handle\">⟨⟩</span>\n        </div>\n        <span className=\"xicms-beforeafter__badge xicms-beforeafter__badge--before\" data-xicms-edit=\"beforeLabel\">{block.beforeLabel}</span>\n        <span className=\"xicms-beforeafter__badge xicms-beforeafter__badge--after\" data-xicms-edit=\"afterLabel\">{block.afterLabel}</span>\n        <input\n          className=\"xicms-beforeafter__range\"\n          type=\"range\"\n          min={0}\n          max={100}\n          value={pos}\n          onChange={(e) => setPos(Number(e.target.value))}\n          aria-label={`Vergelijk ${block.beforeLabel} en ${block.afterLabel}`}\n          aria-valuetext={`${pos}% ${block.afterLabel}`}\n        />\n      </div>\n    </figure>\n  );\n}\n"],"mappings":";AAoBwB,cAClB,YADkB;AAlBxB,SAAS,gBAAgB;AAIzB,SAAS,eAAe;AASjB,SAAS,kBAAkB,EAAE,MAAM,GAAkC;AAC1E,QAAM,CAAC,KAAK,MAAM,IAAI,SAAS,EAAE;AACjC,MAAI,CAAC,MAAM,aAAa,CAAC,MAAM,SAAU,QAAO;AAChD,SACE,qBAAC,YAAO,WAAU,qBAAoB,OAAO,EAAE,cAAc,MAAM,eAAe,OAAO,QAAQ,KAAK,KAAK,EAAE,GAC1G;AAAA,UAAM,WAAW,oBAAC,gBAAW,WAAU,8BAA6B,mBAAgB,WAAW,gBAAM,SAAQ;AAAA,IAC9G,qBAAC,SAAI,WAAU,4BACb;AAAA,0BAAC,WAAQ,WAAU,0BAAyB,KAAK,MAAM,WAAW,KAAK,MAAM,OAAO,MAAM,aAAa,OAAM,mCAAkC;AAAA,MAC/I,oBAAC,SAAI,WAAU,2BAA0B,OAAO,EAAE,UAAU,eAAe,GAAG,KAAK,GAAG,eAAW,MAC/F,8BAAC,WAAQ,WAAU,0BAAyB,KAAK,MAAM,UAAU,KAAI,IAAG,OAAM,mCAAkC,GAClH;AAAA,MACA,oBAAC,SAAI,WAAU,8BAA6B,OAAO,EAAE,MAAM,GAAG,GAAG,IAAI,GAAG,eAAW,MACjF,8BAAC,UAAK,WAAU,6BAA4B,0BAAE,GAChD;AAAA,MACA,oBAAC,UAAK,WAAU,6DAA4D,mBAAgB,eAAe,gBAAM,aAAY;AAAA,MAC7H,oBAAC,UAAK,WAAU,4DAA2D,mBAAgB,cAAc,gBAAM,YAAW;AAAA,MAC1H;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,MAAK;AAAA,UACL,KAAK;AAAA,UACL,KAAK;AAAA,UACL,OAAO;AAAA,UACP,UAAU,CAAC,MAAM,OAAO,OAAO,EAAE,OAAO,KAAK,CAAC;AAAA,UAC9C,cAAY,aAAa,MAAM,WAAW,OAAO,MAAM,UAAU;AAAA,UACjE,kBAAgB,GAAG,GAAG,KAAK,MAAM,UAAU;AAAA;AAAA,MAC7C;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/blocks/builtins/Booking.js

@@ -3,7 +3,7 @@ import { defineBlock } from "../registry.js";
 const bookingBlock = defineBlock({
   type: "booking",
   Render: dynamic(() => import("./BookingRender.js").then((m) => m.BookingRender)),
-  label: "Afspraak/booking",
+  label: "Afspraak maken",
   icon: "\u{1F4C6}",
   defaults: () => ({ embedUrl: "", height: 630, consentGated: true })
 });

package/dist/blocks/builtins/Booking.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/blocks/builtins/Booking.tsx"],"sourcesContent":["import dynamic from \"next/dynamic\";\nimport { defineBlock } from \"../registry\";\n\nexport const bookingBlock = defineBlock({\n  type: \"booking\",\n  Render: dynamic(() => import(\"./BookingRender\").then((m) => m.BookingRender)),\n  label: \"Afspraak/booking\",\n  icon: \"📆\",\n  defaults: () => ({ embedUrl: \"\", height: 630, consentGated: true }),\n});\n"],"mappings":"AAAA,OAAO,aAAa;AACpB,SAAS,mBAAmB;AAErB,MAAM,eAAe,YAAY;AAAA,EACtC,MAAM;AAAA,EACN,QAAQ,QAAQ,MAAM,OAAO,iBAAiB,EAAE,KAAK,CAAC,MAAM,EAAE,aAAa,CAAC;AAAA,EAC5E,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU,OAAO,EAAE,UAAU,IAAI,QAAQ,KAAK,cAAc,KAAK;AACnE,CAAC;","names":[]}
+{"version":3,"sources":["../../../src/blocks/builtins/Booking.tsx"],"sourcesContent":["import dynamic from \"next/dynamic\";\nimport { defineBlock } from \"../registry\";\n\nexport const bookingBlock = defineBlock({\n  type: \"booking\",\n  Render: dynamic(() => import(\"./BookingRender\").then((m) => m.BookingRender)),\n  label: \"Afspraak maken\",\n  icon: \"📆\",\n  defaults: () => ({ embedUrl: \"\", height: 630, consentGated: true }),\n});\n"],"mappings":"AAAA,OAAO,aAAa;AACpB,SAAS,mBAAmB;AAErB,MAAM,eAAe,YAAY;AAAA,EACtC,MAAM;AAAA,EACN,QAAQ,QAAQ,MAAM,OAAO,iBAAiB,EAAE,KAAK,CAAC,MAAM,EAAE,aAAa,CAAC;AAAA,EAC5E,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU,OAAO,EAAE,UAAU,IAAI,QAAQ,KAAK,cAAc,KAAK;AACnE,CAAC;","names":[]}

package/dist/blocks/builtins/BreadcrumbsRender.d.ts

@@ -7,12 +7,13 @@ export interface Crumb {
     href: string;
 }
 /** Kruimels uit een pad: "/diensten/tuinaanleg" → Home / Diensten / Tuinaanleg. Puur en getest. */
-export declare function crumbsFromPath(path: string, homeLabel?: string): Crumb[];
+export declare function crumbsFromPath(path: string, homeLabel?: string, titels?: Record<string, string>): Crumb[];
 /** BreadcrumbList-JSON-LD. Puur en getest. */
 export declare function breadcrumbsJsonLd(crumbs: Crumb[]): Record<string, unknown>;
 /**
- * Kruimelpad, afgeleid van de URL (client, ná mount — hydration-veilig). Op de homepage
- * (alleen "Home") wordt niets getoond.
+ * Kruimelpad. Sinds 8.3 server-side uit de seed (pad + paginatitels, zie server/blockData.ts);
+ * zonder seed (editor, oudere site) zoals vroeger: uit de URL, ná mount — hydratie-veilig.
+ * Op de homepage (alleen "Home") wordt niets getoond.
  */
 export declare function BreadcrumbsRender({ block, mode }: BlockRenderProps<Breadcrumbs>): import("react").JSX.Element | null;
 export {};

package/dist/blocks/builtins/BreadcrumbsRender.js

@@ -3,7 +3,9 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { useLinkComponent } from "@astryxdesign/core/Link";
 import { jsonLdHtml } from "./jsonld.js";
-function crumbsFromPath(path, homeLabel = "Home") {
+import { useBlockData } from "../context.js";
+import { useSiteConfig } from "../../config.js";
+function crumbsFromPath(path, homeLabel = "Home", titels = {}) {
   const segments = path.split("/").filter(Boolean);
   const crumbs = [{ label: homeLabel, href: "/" }];
   let href = "";
@@ -14,7 +16,7 @@ function crumbsFromPath(path, homeLabel = "Home") {
       decoded = decodeURIComponent(seg);
     } catch {
     }
-    const label = decoded.replace(/[-_]+/g, " ").replace(/^./, (c) => c.toUpperCase());
+    const label = titels[href] ?? decoded.replace(/[-_]+/g, " ").replace(/^./, (c) => c.toUpperCase());
     crumbs.push({ label, href });
   }
   return crumbs;
@@ -33,10 +35,14 @@ function breadcrumbsJsonLd(crumbs) {
 }
 function BreadcrumbsRender({ block, mode }) {
   const LinkC = useLinkComponent();
-  const [path, setPath] = useState(null);
+  const seed = useBlockData("breadcrumbs");
+  const { domain } = useSiteConfig();
+  const [clientPath, setPath] = useState(null);
   useEffect(() => {
-    setPath(window.location.pathname);
-  }, []);
+    if (!seed?.path) setPath(window.location.pathname);
+  }, [seed?.path]);
+  const path = seed?.path ?? clientPath;
+  const origin = domain ? `https://${domain}` : clientPath !== null && typeof window !== "undefined" ? window.location.origin : null;
   if (mode === "preview" && (path === null || path === "/")) {
     return /* @__PURE__ */ jsxs("nav", { className: "xicms-breadcrumbs", "aria-label": "Kruimelpad", children: [
       /* @__PURE__ */ jsx("span", { "data-xicms-edit": "homeLabel", children: block.homeLabel }),
@@ -44,19 +50,19 @@ function BreadcrumbsRender({ block, mode }) {
     ] });
   }
   if (path === null || path === "/") return null;
-  const crumbs = crumbsFromPath(path, block.homeLabel);
+  const crumbs = crumbsFromPath(path, block.homeLabel, seed?.titels);
   return /* @__PURE__ */ jsxs("nav", { className: "xicms-breadcrumbs", "aria-label": "Kruimelpad", children: [
     /* @__PURE__ */ jsx("ol", { className: "xicms-breadcrumbs__list", children: crumbs.map((c, i) => /* @__PURE__ */ jsx("li", { className: "xicms-breadcrumbs__item", children: i < crumbs.length - 1 ? (
       // De eerste kruimel ís `homeLabel`; de rest komt uit het pad en is dus geen blokveld.
       /* @__PURE__ */ jsx(LinkC, { href: c.href, children: i === 0 ? /* @__PURE__ */ jsx("span", { "data-xicms-edit": "homeLabel", children: c.label }) : c.label })
     ) : /* @__PURE__ */ jsx("span", { "aria-current": "page", children: c.label }) }, c.href)) }),
-    block.jsonLd && /* @__PURE__ */ jsx(
+    block.jsonLd && origin && /* @__PURE__ */ jsx(
       "script",
       {
         type: "application/ld+json",
         dangerouslySetInnerHTML: {
           __html: jsonLdHtml(
-            breadcrumbsJsonLd(crumbs.map((c) => ({ ...c, href: `${window.location.origin}${c.href}` })))
+            breadcrumbsJsonLd(crumbs.map((c) => ({ ...c, href: `${origin}${c.href}` })))
           )
         }
       }

package/dist/blocks/builtins/BreadcrumbsRender.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/blocks/builtins/BreadcrumbsRender.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport type { z } from \"zod\";\nimport type { BreadcrumbsBlockSchema } from \"../../schema/blocks\";\nimport type { BlockRenderProps } from \"../registry\";\nimport { useLinkComponent } from \"@astryxdesign/core/Link\";\nimport { jsonLdHtml } from \"./jsonld\";\n\ntype Breadcrumbs = z.infer<typeof BreadcrumbsBlockSchema>;\n\nexport interface Crumb {\n  label: string;\n  href: string;\n}\n\n/** Kruimels uit een pad: \"/diensten/tuinaanleg\" → Home / Diensten / Tuinaanleg. Puur en getest. */\nexport function crumbsFromPath(path: string, homeLabel = \"Home\"): Crumb[] {\n  const segments = path.split(\"/\").filter(Boolean);\n  const crumbs: Crumb[] = [{ label: homeLabel, href: \"/\" }];\n  let href = \"\";\n  for (const seg of segments) {\n    href += `/${seg}`;\n    // decodeURIComponent gooit op misvormde percent-encoding (\"%E0%A4%A\") — dan het rauwe segment.\n    let decoded = seg;\n    try {\n      decoded = decodeURIComponent(seg);\n    } catch {\n      /* rauw segment als label */\n    }\n    const label = decoded.replace(/[-_]+/g, \" \").replace(/^./, (c) => c.toUpperCase());\n    crumbs.push({ label, href });\n  }\n  return crumbs;\n}\n\n/** BreadcrumbList-JSON-LD. Puur en getest. */\nexport function breadcrumbsJsonLd(crumbs: Crumb[]): Record<string, unknown> {\n  return {\n    \"@context\": \"https://schema.org\",\n    \"@type\": \"BreadcrumbList\",\n    itemListElement: crumbs.map((c, i) => ({\n      \"@type\": \"ListItem\",\n      position: i + 1,\n      name: c.label,\n      item: c.href,\n    })),\n  };\n}\n\n/**\n * Kruimelpad, afgeleid van de URL (client, ná mount — hydration-veilig). Op de homepage\n * (alleen \"Home\") wordt niets getoond.\n */\nexport function BreadcrumbsRender({ block, mode }: BlockRenderProps<Breadcrumbs>) {\n  const LinkC = useLinkComponent();\n  const [path, setPath] = useState<string | null>(null);\n  useEffect(() => {\n    setPath(window.location.pathname);\n  }, []);\n\n  if (mode === \"preview\" && (path === null || path === \"/\")) {\n    return <nav className=\"xicms-breadcrumbs\" aria-label=\"Kruimelpad\"><span data-xicms-edit=\"homeLabel\">{block.homeLabel}</span> / Voorbeeldpagina</nav>;\n  }\n  if (path === null || path === \"/\") return null;\n  const crumbs = crumbsFromPath(path, block.homeLabel);\n\n  return (\n    <nav className=\"xicms-breadcrumbs\" aria-label=\"Kruimelpad\">\n      <ol className=\"xicms-breadcrumbs__list\">\n        {crumbs.map((c, i) => (\n          <li key={c.href} className=\"xicms-breadcrumbs__item\">\n            {i < crumbs.length - 1 ? (\n              // De eerste kruimel ís `homeLabel`; de rest komt uit het pad en is dus geen blokveld.\n              <LinkC href={c.href}>{i === 0 ? <span data-xicms-edit=\"homeLabel\">{c.label}</span> : c.label}</LinkC>\n            ) : (\n              <span aria-current=\"page\">{c.label}</span>\n            )}\n          </li>\n        ))}\n      </ol>\n      {block.jsonLd && (\n        <script\n          type=\"application/ld+json\"\n          // eslint-disable-next-line react/no-danger\n          // Absolute URL's: Google wil volledige item-URL's in BreadcrumbList (dit rendert\n          // client-side ná mount, dus window.location.origin is beschikbaar).\n          dangerouslySetInnerHTML={{\n            __html: jsonLdHtml(\n              breadcrumbsJsonLd(crumbs.map((c) => ({ ...c, href: `${window.location.origin}${c.href}` }))),\n            ),\n          }}\n        />\n      )}\n    </nav>\n  );\n}\n"],"mappings":";AA8DW,SAA2D,KAA3D;AA5DX,SAAS,WAAW,gBAAgB;AAIpC,SAAS,wBAAwB;AACjC,SAAS,kBAAkB;AAUpB,SAAS,eAAe,MAAc,YAAY,QAAiB;AACxE,QAAM,WAAW,KAAK,MAAM,GAAG,EAAE,OAAO,OAAO;AAC/C,QAAM,SAAkB,CAAC,EAAE,OAAO,WAAW,MAAM,IAAI,CAAC;AACxD,MAAI,OAAO;AACX,aAAW,OAAO,UAAU;AAC1B,YAAQ,IAAI,GAAG;AAEf,QAAI,UAAU;AACd,QAAI;AACF,gBAAU,mBAAmB,GAAG;AAAA,IAClC,QAAQ;AAAA,IAER;AACA,UAAM,QAAQ,QAAQ,QAAQ,UAAU,GAAG,EAAE,QAAQ,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC;AACjF,WAAO,KAAK,EAAE,OAAO,KAAK,CAAC;AAAA,EAC7B;AACA,SAAO;AACT;AAGO,SAAS,kBAAkB,QAA0C;AAC1E,SAAO;AAAA,IACL,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,iBAAiB,OAAO,IAAI,CAAC,GAAG,OAAO;AAAA,MACrC,SAAS;AAAA,MACT,UAAU,IAAI;AAAA,MACd,MAAM,EAAE;AAAA,MACR,MAAM,EAAE;AAAA,IACV,EAAE;AAAA,EACJ;AACF;AAMO,SAAS,kBAAkB,EAAE,OAAO,KAAK,GAAkC;AAChF,QAAM,QAAQ,iBAAiB;AAC/B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAwB,IAAI;AACpD,YAAU,MAAM;AACd,YAAQ,OAAO,SAAS,QAAQ;AAAA,EAClC,GAAG,CAAC,CAAC;AAEL,MAAI,SAAS,cAAc,SAAS,QAAQ,SAAS,MAAM;AACzD,WAAO,qBAAC,SAAI,WAAU,qBAAoB,cAAW,cAAa;AAAA,0BAAC,UAAK,mBAAgB,aAAa,gBAAM,WAAU;AAAA,MAAO;AAAA,OAAkB;AAAA,EAChJ;AACA,MAAI,SAAS,QAAQ,SAAS,IAAK,QAAO;AAC1C,QAAM,SAAS,eAAe,MAAM,MAAM,SAAS;AAEnD,SACE,qBAAC,SAAI,WAAU,qBAAoB,cAAW,cAC5C;AAAA,wBAAC,QAAG,WAAU,2BACX,iBAAO,IAAI,CAAC,GAAG,MACd,oBAAC,QAAgB,WAAU,2BACxB,cAAI,OAAO,SAAS;AAAA;AAAA,MAEnB,oBAAC,SAAM,MAAM,EAAE,MAAO,gBAAM,IAAI,oBAAC,UAAK,mBAAgB,aAAa,YAAE,OAAM,IAAU,EAAE,OAAM;AAAA,QAE7F,oBAAC,UAAK,gBAAa,QAAQ,YAAE,OAAM,KAL9B,EAAE,IAOX,CACD,GACH;AAAA,IACC,MAAM,UACL;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QAIL,yBAAyB;AAAA,UACvB,QAAQ;AAAA,YACN,kBAAkB,OAAO,IAAI,CAAC,OAAO,EAAE,GAAG,GAAG,MAAM,GAAG,OAAO,SAAS,MAAM,GAAG,EAAE,IAAI,GAAG,EAAE,CAAC;AAAA,UAC7F;AAAA,QACF;AAAA;AAAA,IACF;AAAA,KAEJ;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/blocks/builtins/BreadcrumbsRender.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport type { z } from \"zod\";\nimport type { BreadcrumbsBlockSchema } from \"../../schema/blocks\";\nimport type { BlockRenderProps } from \"../registry\";\nimport { useLinkComponent } from \"@astryxdesign/core/Link\";\nimport { jsonLdHtml } from \"./jsonld\";\nimport { useBlockData } from \"../context\";\nimport { useSiteConfig } from \"../../config\";\n\ntype Breadcrumbs = z.infer<typeof BreadcrumbsBlockSchema>;\n\nexport interface Crumb {\n  label: string;\n  href: string;\n}\n\n/** Kruimels uit een pad: \"/diensten/tuinaanleg\" → Home / Diensten / Tuinaanleg. Puur en getest. */\nexport function crumbsFromPath(path: string, homeLabel = \"Home\", titels: Record<string, string> = {}): Crumb[] {\n  const segments = path.split(\"/\").filter(Boolean);\n  const crumbs: Crumb[] = [{ label: homeLabel, href: \"/\" }];\n  let href = \"\";\n  for (const seg of segments) {\n    href += `/${seg}`;\n    // decodeURIComponent gooit op misvormde percent-encoding (\"%E0%A4%A\") — dan het rauwe segment.\n    let decoded = seg;\n    try {\n      decoded = decodeURIComponent(seg);\n    } catch {\n      /* rauw segment als label */\n    }\n    // 8.3: de echte paginatitel als die bekend is (\"Over ons\" i.p.v. \"Over ons\" uit \"over-ons\" — en\n    // \"Tuinaanleg & beplanting\" i.p.v. \"Tuinaanleg beplanting\").\n    const label = titels[href] ?? decoded.replace(/[-_]+/g, \" \").replace(/^./, (c) => c.toUpperCase());\n    crumbs.push({ label, href });\n  }\n  return crumbs;\n}\n\n/** BreadcrumbList-JSON-LD. Puur en getest. */\nexport function breadcrumbsJsonLd(crumbs: Crumb[]): Record<string, unknown> {\n  return {\n    \"@context\": \"https://schema.org\",\n    \"@type\": \"BreadcrumbList\",\n    itemListElement: crumbs.map((c, i) => ({\n      \"@type\": \"ListItem\",\n      position: i + 1,\n      name: c.label,\n      item: c.href,\n    })),\n  };\n}\n\n/**\n * Kruimelpad. Sinds 8.3 server-side uit de seed (pad + paginatitels, zie server/blockData.ts);\n * zonder seed (editor, oudere site) zoals vroeger: uit de URL, ná mount — hydratie-veilig.\n * Op de homepage (alleen \"Home\") wordt niets getoond.\n */\nexport function BreadcrumbsRender({ block, mode }: BlockRenderProps<Breadcrumbs>) {\n  const LinkC = useLinkComponent();\n  const seed = useBlockData<{ path?: string; titels?: Record<string, string> }>(\"breadcrumbs\");\n  const { domain } = useSiteConfig();\n  const [clientPath, setPath] = useState<string | null>(null);\n  useEffect(() => {\n    if (!seed?.path) setPath(window.location.pathname);\n  }, [seed?.path]);\n  const path = seed?.path ?? clientPath;\n  // Absolute URL's voor Google: uit het domein van de site (werkt server-side), anders pas in de browser.\n  const origin = domain ? `https://${domain}` : clientPath !== null && typeof window !== \"undefined\" ? window.location.origin : null;\n\n  if (mode === \"preview\" && (path === null || path === \"/\")) {\n    return <nav className=\"xicms-breadcrumbs\" aria-label=\"Kruimelpad\"><span data-xicms-edit=\"homeLabel\">{block.homeLabel}</span> / Voorbeeldpagina</nav>;\n  }\n  if (path === null || path === \"/\") return null;\n  const crumbs = crumbsFromPath(path, block.homeLabel, seed?.titels);\n\n  return (\n    <nav className=\"xicms-breadcrumbs\" aria-label=\"Kruimelpad\">\n      <ol className=\"xicms-breadcrumbs__list\">\n        {crumbs.map((c, i) => (\n          <li key={c.href} className=\"xicms-breadcrumbs__item\">\n            {i < crumbs.length - 1 ? (\n              // De eerste kruimel ís `homeLabel`; de rest komt uit het pad en is dus geen blokveld.\n              <LinkC href={c.href}>{i === 0 ? <span data-xicms-edit=\"homeLabel\">{c.label}</span> : c.label}</LinkC>\n            ) : (\n              <span aria-current=\"page\">{c.label}</span>\n            )}\n          </li>\n        ))}\n      </ol>\n      {block.jsonLd && origin && (\n        <script\n          type=\"application/ld+json\"\n          // eslint-disable-next-line react/no-danger\n          // Absolute URL's: Google wil volledige item-URL's in BreadcrumbList.\n          dangerouslySetInnerHTML={{\n            __html: jsonLdHtml(\n              breadcrumbsJsonLd(crumbs.map((c) => ({ ...c, href: `${origin}${c.href}` }))),\n            ),\n          }}\n        />\n      )}\n    </nav>\n  );\n}\n"],"mappings":";AAwEW,SAA2D,KAA3D;AAtEX,SAAS,WAAW,gBAAgB;AAIpC,SAAS,wBAAwB;AACjC,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAC7B,SAAS,qBAAqB;AAUvB,SAAS,eAAe,MAAc,YAAY,QAAQ,SAAiC,CAAC,GAAY;AAC7G,QAAM,WAAW,KAAK,MAAM,GAAG,EAAE,OAAO,OAAO;AAC/C,QAAM,SAAkB,CAAC,EAAE,OAAO,WAAW,MAAM,IAAI,CAAC;AACxD,MAAI,OAAO;AACX,aAAW,OAAO,UAAU;AAC1B,YAAQ,IAAI,GAAG;AAEf,QAAI,UAAU;AACd,QAAI;AACF,gBAAU,mBAAmB,GAAG;AAAA,IAClC,QAAQ;AAAA,IAER;AAGA,UAAM,QAAQ,OAAO,IAAI,KAAK,QAAQ,QAAQ,UAAU,GAAG,EAAE,QAAQ,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC;AACjG,WAAO,KAAK,EAAE,OAAO,KAAK,CAAC;AAAA,EAC7B;AACA,SAAO;AACT;AAGO,SAAS,kBAAkB,QAA0C;AAC1E,SAAO;AAAA,IACL,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,iBAAiB,OAAO,IAAI,CAAC,GAAG,OAAO;AAAA,MACrC,SAAS;AAAA,MACT,UAAU,IAAI;AAAA,MACd,MAAM,EAAE;AAAA,MACR,MAAM,EAAE;AAAA,IACV,EAAE;AAAA,EACJ;AACF;AAOO,SAAS,kBAAkB,EAAE,OAAO,KAAK,GAAkC;AAChF,QAAM,QAAQ,iBAAiB;AAC/B,QAAM,OAAO,aAAiE,aAAa;AAC3F,QAAM,EAAE,OAAO,IAAI,cAAc;AACjC,QAAM,CAAC,YAAY,OAAO,IAAI,SAAwB,IAAI;AAC1D,YAAU,MAAM;AACd,QAAI,CAAC,MAAM,KAAM,SAAQ,OAAO,SAAS,QAAQ;AAAA,EACnD,GAAG,CAAC,MAAM,IAAI,CAAC;AACf,QAAM,OAAO,MAAM,QAAQ;AAE3B,QAAM,SAAS,SAAS,WAAW,MAAM,KAAK,eAAe,QAAQ,OAAO,WAAW,cAAc,OAAO,SAAS,SAAS;AAE9H,MAAI,SAAS,cAAc,SAAS,QAAQ,SAAS,MAAM;AACzD,WAAO,qBAAC,SAAI,WAAU,qBAAoB,cAAW,cAAa;AAAA,0BAAC,UAAK,mBAAgB,aAAa,gBAAM,WAAU;AAAA,MAAO;AAAA,OAAkB;AAAA,EAChJ;AACA,MAAI,SAAS,QAAQ,SAAS,IAAK,QAAO;AAC1C,QAAM,SAAS,eAAe,MAAM,MAAM,WAAW,MAAM,MAAM;AAEjE,SACE,qBAAC,SAAI,WAAU,qBAAoB,cAAW,cAC5C;AAAA,wBAAC,QAAG,WAAU,2BACX,iBAAO,IAAI,CAAC,GAAG,MACd,oBAAC,QAAgB,WAAU,2BACxB,cAAI,OAAO,SAAS;AAAA;AAAA,MAEnB,oBAAC,SAAM,MAAM,EAAE,MAAO,gBAAM,IAAI,oBAAC,UAAK,mBAAgB,aAAa,YAAE,OAAM,IAAU,EAAE,OAAM;AAAA,QAE7F,oBAAC,UAAK,gBAAa,QAAQ,YAAE,OAAM,KAL9B,EAAE,IAOX,CACD,GACH;AAAA,IACC,MAAM,UAAU,UACf;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QAGL,yBAAyB;AAAA,UACvB,QAAQ;AAAA,YACN,kBAAkB,OAAO,IAAI,CAAC,OAAO,EAAE,GAAG,GAAG,MAAM,GAAG,MAAM,GAAG,EAAE,IAAI,GAAG,EAAE,CAAC;AAAA,UAC7E;AAAA,QACF;AAAA;AAAA,IACF;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/blocks/builtins/ColumnsRender.d.ts

@@ -2,5 +2,5 @@ import type { z } from "zod";
 import type { ColumnsBlockSchema } from "../../schema/blocks.js";
 import type { BlockRenderProps } from "../registry.js";
 type Columns = z.infer<typeof ColumnsBlockSchema>;
-export declare function ColumnsRender({ block, siteId, mode }: BlockRenderProps<Columns>): import("react").JSX.Element;
+export declare function ColumnsRender({ block, siteId, mode }: BlockRenderProps<Columns>): import("react").JSX.Element | null;
 export {};

package/dist/blocks/builtins/ColumnsRender.js

@@ -4,7 +4,9 @@ import { BlockRenderer } from "../BlockRenderer.js";
 import { useRegistry } from "../context.js";
 function ColumnsRender({ block, siteId, mode }) {
   const registry = useRegistry();
-  return /* @__PURE__ */ jsx("div", { className: "xicms-columns", "data-cols": block.columns.length, style: { gridTemplateColumns: `repeat(${block.columns.length}, 1fr)` }, children: block.columns.map((col, idx) => /* @__PURE__ */ jsx("div", { className: "xicms-column", children: /* @__PURE__ */ jsx(BlockRenderer, { blocks: col.blocks, registry, siteId, mode }) }, idx)) });
+  const columns = block.columns ?? [];
+  if (columns.length === 0) return null;
+  return /* @__PURE__ */ jsx("div", { className: "xicms-columns", "data-cols": columns.length, style: { gridTemplateColumns: `repeat(${columns.length}, 1fr)` }, children: columns.map((col, idx) => /* @__PURE__ */ jsx("div", { className: "xicms-column", children: /* @__PURE__ */ jsx(BlockRenderer, { blocks: col.blocks, registry, siteId, mode }) }, idx)) });
 }
 export {
   ColumnsRender

package/dist/blocks/builtins/ColumnsRender.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/blocks/builtins/ColumnsRender.tsx"],"sourcesContent":["\"use client\";\n\nimport type { z } from \"zod\";\nimport type { ColumnsBlockSchema } from \"../../schema/blocks\";\nimport type { BlockRenderProps } from \"../registry\";\nimport { BlockRenderer } from \"../BlockRenderer\";\nimport { useRegistry } from \"../context\";\n\ntype Columns = z.infer<typeof ColumnsBlockSchema>;\n\nexport function ColumnsRender({ block, siteId, mode }: BlockRenderProps<Columns>) {\n  const registry = useRegistry();\n  return (\n    <div className=\"xicms-columns\" data-cols={block.columns.length} style={{ gridTemplateColumns: `repeat(${block.columns.length}, 1fr)` }}>\n      {block.columns.map((col, idx) => (\n        <div key={idx} className=\"xicms-column\">\n          <BlockRenderer blocks={col.blocks} registry={registry} siteId={siteId} mode={mode} />\n        </div>\n      ))}\n    </div>\n  );\n}\n"],"mappings":";AAgBU;AAXV,SAAS,qBAAqB;AAC9B,SAAS,mBAAmB;AAIrB,SAAS,cAAc,EAAE,OAAO,QAAQ,KAAK,GAA8B;AAChF,QAAM,WAAW,YAAY;AAC7B,SACE,oBAAC,SAAI,WAAU,iBAAgB,aAAW,MAAM,QAAQ,QAAQ,OAAO,EAAE,qBAAqB,UAAU,MAAM,QAAQ,MAAM,SAAS,GAClI,gBAAM,QAAQ,IAAI,CAAC,KAAK,QACvB,oBAAC,SAAc,WAAU,gBACvB,8BAAC,iBAAc,QAAQ,IAAI,QAAQ,UAAoB,QAAgB,MAAY,KAD3E,GAEV,CACD,GACH;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/blocks/builtins/ColumnsRender.tsx"],"sourcesContent":["\"use client\";\n\nimport type { z } from \"zod\";\nimport type { ColumnsBlockSchema } from \"../../schema/blocks\";\nimport type { BlockRenderProps } from \"../registry\";\nimport { BlockRenderer } from \"../BlockRenderer\";\nimport { useRegistry } from \"../context\";\n\ntype Columns = z.infer<typeof ColumnsBlockSchema>;\n\nexport function ColumnsRender({ block, siteId, mode }: BlockRenderProps<Columns>) {\n  const registry = useRegistry();\n  // Oude/half ingevulde data heeft soms geen `columns` (8.1): dan niets i.p.v. een server-crash.\n  const columns = block.columns ?? [];\n  if (columns.length === 0) return null;\n  return (\n    <div className=\"xicms-columns\" data-cols={columns.length} style={{ gridTemplateColumns: `repeat(${columns.length}, 1fr)` }}>\n      {columns.map((col, idx) => (\n        <div key={idx} className=\"xicms-column\">\n          <BlockRenderer blocks={col.blocks} registry={registry} siteId={siteId} mode={mode} />\n        </div>\n      ))}\n    </div>\n  );\n}\n"],"mappings":";AAmBU;AAdV,SAAS,qBAAqB;AAC9B,SAAS,mBAAmB;AAIrB,SAAS,cAAc,EAAE,OAAO,QAAQ,KAAK,GAA8B;AAChF,QAAM,WAAW,YAAY;AAE7B,QAAM,UAAU,MAAM,WAAW,CAAC;AAClC,MAAI,QAAQ,WAAW,EAAG,QAAO;AACjC,SACE,oBAAC,SAAI,WAAU,iBAAgB,aAAW,QAAQ,QAAQ,OAAO,EAAE,qBAAqB,UAAU,QAAQ,MAAM,SAAS,GACtH,kBAAQ,IAAI,CAAC,KAAK,QACjB,oBAAC,SAAc,WAAU,gBACvB,8BAAC,iBAAc,QAAQ,IAAI,QAAQ,UAAoB,QAAgB,MAAY,KAD3E,GAEV,CACD,GACH;AAEJ;","names":[]}

package/dist/blocks/builtins/Contact.js

@@ -10,7 +10,7 @@ const contactBlock = defineBlock({
 const socialBlock = defineBlock({
   type: "social",
   Render: dynamic(() => import("./ContactRender.js").then((m) => m.SocialRender)),
-  label: "Social-links",
+  label: "Sociale media",
   icon: "\u{1F517}",
   defaults: () => ({ items: [{ platform: "Instagram", href: "" }] })
 });