@xiwebdesign/xicms-core 7.2.0 → 7.3.0

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/blocks/builtins/Team.tsx"],"sourcesContent":["\"use client\";\n\nimport type { z } from \"zod\";\nimport { TeamBlockSchema } from \"../../schema/blocks\";\nimport { defineBlock, type BlockRenderProps } from \"../registry\";\nimport { VStack, HStack, Grid, Card, Heading, Text, Avatar } from \"../ui\";\nimport { jsonLdHtml } from \"./jsonld\";\n\ntype Team = z.infer<typeof TeamBlockSchema>;\n\nfunction personJsonLd(members: Team[\"members\"]): Record<string, unknown> {\n  return {\n    \"@context\": \"https://schema.org\",\n    \"@type\": \"ItemList\",\n    itemListElement: members\n      .filter((m) => m.name)\n      .map((m, i) => ({\n        \"@type\": \"ListItem\",\n        position: i + 1,\n        item: {\n          \"@type\": \"Person\",\n          name: m.name,\n          ...(m.role ? { jobTitle: m.role } : {}),\n          ...(m.email ? { email: m.email } : {}),\n          ...(m.phone ? { telephone: m.phone } : {}),\n          ...(m.photoUrl ? { image: m.photoUrl } : {}),\n          ...(m.social?.length ? { sameAs: m.social.map((s) => s.href) } : {}),\n        },\n      })),\n  };\n}\n\n/** Team-/medewerkersoverzicht als kaarten (Astryx), optioneel gegroepeerd per afdeling. */\nfunction TeamRender({ block }: BlockRenderProps<Team>) {\n  // _i = index in de OORSPRONKELIJKE array — nodig voor de inline-edit-paden bij groepering.\n  const members = (block.members ?? []).map((m, i) => ({ ...m, _i: i })).filter((m) => m.name);\n  if (members.length === 0) return null;\n\n  // Groepen in volgorde van eerste voorkomen; leden zonder afdeling achteraan onder één kop.\n  const groups = block.groupByDepartment\n    ? [...new Set(members.map((m) => m.department ?? \"\"))]\n        .sort((a, b) => (a === \"\" ? 1 : b === \"\" ? -1 : 0))\n        .map((dep) => ({ dep, members: members.filter((m) => (m.department ?? \"\") === dep) }))\n    : [{ dep: \"\", members }];\n\n  const grid = (list: typeof members) => (\n    <Grid columns={{ minWidth: 220, max: 4 }} gap={4}>\n      {list.map((m) => {\n        const i = m._i;\n        return (\n          <Card key={i} padding={4} height=\"100%\">\n            <VStack gap={1} hAlign=\"center\" style={{ textAlign: \"center\", height: \"100%\" }}>\n              <Avatar src={m.photoUrl} name={m.name} size={96} />\n              <Heading level={3} data-xicms-edit={`members.${i}.name`}>{m.name}</Heading>\n              {m.role && <Text type=\"label\" data-xicms-edit={`members.${i}.role`} style={{ color: \"var(--color-accent)\" }}>{m.role}</Text>}\n              {m.bio && <Text color=\"secondary\" data-xicms-edit={`members.${i}.bio`}>{m.bio}</Text>}\n              {m.email && (\n                <a href={`mailto:${m.email}`} style={{ color: \"var(--color-accent)\" }}>\n                  <Text type=\"supporting\">{m.email}</Text>\n                </a>\n              )}\n              {m.phone && <Text type=\"supporting\" color=\"secondary\">{m.phone}</Text>}\n              {m.social && m.social.length > 0 && (\n                <HStack gap={2} hAlign=\"center\" as=\"ul\" style={{ listStyle: \"none\", margin: 0, padding: 0, flexWrap: \"wrap\" }}>\n                  {m.social.map((s, j) => (\n                    <li key={j}>\n                      <a href={s.href} rel=\"noopener noreferrer\" target=\"_blank\" style={{ color: \"var(--color-accent)\" }}>\n                        <Text type=\"supporting\">{s.platform}</Text>\n                      </a>\n                    </li>\n                  ))}\n                </HStack>\n              )}\n            </VStack>\n          </Card>\n        );\n      })}\n    </Grid>\n  );\n\n  return (\n    <VStack gap={4} as=\"section\" className=\"xicms-team\">\n      {block.heading && (\n        <Heading level={2} justify=\"center\" data-xicms-edit=\"heading\" style={{ textAlign: \"center\" }}>{block.heading}</Heading>\n      )}\n      {groups.map(({ dep, members: list }) => (\n        <VStack key={dep || \"_overig\"} gap={3}>\n          {block.groupByDepartment && groups.length > 1 && (\n            <Heading level={3} justify=\"center\" style={{ textAlign: \"center\" }}>\n              {dep || \"Overig\"}\n            </Heading>\n          )}\n          {grid(list)}\n        </VStack>\n      ))}\n      {block.jsonLd && (\n        <script\n          type=\"application/ld+json\"\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{ __html: jsonLdHtml(personJsonLd(members)) }}\n        />\n      )}\n    </VStack>\n  );\n}\n\nexport const teamBlock = defineBlock({\n  type: \"team\",\n  schema: TeamBlockSchema,\n  Render: TeamRender,\n  label: \"Team\",\n  icon: \"👥\",\n  defaults: () => ({\n    heading: \"Ons team\",\n    members: [{ name: \"Naam Medewerker\", role: \"Functie\" }],\n  }),\n});\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/blocks/builtins/Team.tsx"],"sourcesContent":["\"use client\";\n\nimport type { z } from \"zod\";\nimport { TeamBlockSchema } from \"../../schema/blocks\";\nimport { defineBlock, type BlockRenderProps } from \"../registry\";\nimport { VStack, HStack, Grid, Card, Heading, Text, Avatar } from \"../ui\";\nimport { jsonLdHtml } from \"./jsonld\";\n\ntype Team = z.infer<typeof TeamBlockSchema>;\n\nfunction personJsonLd(members: Team[\"members\"]): Record<string, unknown> {\n  return {\n    \"@context\": \"https://schema.org\",\n    \"@type\": \"ItemList\",\n    itemListElement: members\n      .filter((m) => m.name)\n      .map((m, i) => ({\n        \"@type\": \"ListItem\",\n        position: i + 1,\n        item: {\n          \"@type\": \"Person\",\n          name: m.name,\n          ...(m.role ? { jobTitle: m.role } : {}),\n          ...(m.email ? { email: m.email } : {}),\n          ...(m.phone ? { telephone: m.phone } : {}),\n          ...(m.photoUrl ? { image: m.photoUrl } : {}),\n          ...(m.social?.length ? { sameAs: m.social.map((s) => s.href) } : {}),\n        },\n      })),\n  };\n}\n\n/** Team-/medewerkersoverzicht als kaarten (Astryx), optioneel gegroepeerd per afdeling. */\nfunction TeamRender({ block }: BlockRenderProps<Team>) {\n  // _i = index in de OORSPRONKELIJKE array — nodig voor de inline-edit-paden bij groepering.\n  const members = (block.members ?? []).map((m, i) => ({ ...m, _i: i })).filter((m) => m.name);\n  if (members.length === 0) return null;\n\n  // Groepen in volgorde van eerste voorkomen; leden zonder afdeling achteraan onder één kop.\n  const groups = block.groupByDepartment\n    ? [...new Set(members.map((m) => m.department ?? \"\"))]\n        .sort((a, b) => (a === \"\" ? 1 : b === \"\" ? -1 : 0))\n        .map((dep) => ({ dep, members: members.filter((m) => (m.department ?? \"\") === dep) }))\n    : [{ dep: \"\", members }];\n\n  const grid = (list: typeof members) => (\n    <Grid columns={{ minWidth: 220, max: 4 }} gap={4}>\n      {list.map((m) => {\n        const i = m._i;\n        return (\n          <Card key={i} padding={4} height=\"100%\">\n            <VStack gap={1} hAlign=\"center\" style={{ textAlign: \"center\", height: \"100%\" }}>\n              <Avatar src={m.photoUrl} name={m.name} size={96} />\n              <Heading level={3} data-xicms-edit={`members.${i}.name`}>{m.name}</Heading>\n              {m.role && <Text type=\"label\" data-xicms-edit={`members.${i}.role`} style={{ color: \"var(--color-accent)\" }}>{m.role}</Text>}\n              {m.bio && <Text color=\"secondary\" data-xicms-edit={`members.${i}.bio`}>{m.bio}</Text>}\n              {m.email && (\n                <a href={`mailto:${m.email}`} style={{ color: \"var(--color-accent)\" }}>\n                  <Text type=\"supporting\" data-xicms-edit={`members.${i}.email`}>{m.email}</Text>\n                </a>\n              )}\n              {m.phone && <Text type=\"supporting\" color=\"secondary\" data-xicms-edit={`members.${i}.phone`}>{m.phone}</Text>}\n              {m.social && m.social.length > 0 && (\n                <HStack gap={2} hAlign=\"center\" as=\"ul\" style={{ listStyle: \"none\", margin: 0, padding: 0, flexWrap: \"wrap\" }}>\n                  {m.social.map((s, j) => (\n                    <li key={j}>\n                      <a href={s.href} rel=\"noopener noreferrer\" target=\"_blank\" style={{ color: \"var(--color-accent)\" }}>\n                        <Text type=\"supporting\" data-xicms-edit={`members.${i}.social.${j}.platform`}>{s.platform}</Text>\n                      </a>\n                    </li>\n                  ))}\n                </HStack>\n              )}\n            </VStack>\n          </Card>\n        );\n      })}\n    </Grid>\n  );\n\n  return (\n    <VStack gap={4} as=\"section\" className=\"xicms-team\">\n      {block.heading && (\n        <Heading level={2} justify=\"center\" data-xicms-edit=\"heading\" style={{ textAlign: \"center\" }}>{block.heading}</Heading>\n      )}\n      {groups.map(({ dep, members: list }) => (\n        <VStack key={dep || \"_overig\"} gap={3}>\n          {block.groupByDepartment && groups.length > 1 && (\n            <Heading level={3} justify=\"center\" style={{ textAlign: \"center\" }}>\n              {dep || \"Overig\"}\n            </Heading>\n          )}\n          {grid(list)}\n        </VStack>\n      ))}\n      {block.jsonLd && (\n        <script\n          type=\"application/ld+json\"\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{ __html: jsonLdHtml(personJsonLd(members)) }}\n        />\n      )}\n    </VStack>\n  );\n}\n\nexport const teamBlock = defineBlock({\n  type: \"team\",\n  schema: TeamBlockSchema,\n  Render: TeamRender,\n  label: \"Team\",\n  icon: \"👥\",\n  defaults: () => ({\n    heading: \"Ons team\",\n    members: [{ name: \"Naam Medewerker\", role: \"Functie\" }],\n  }),\n});\n"],"mappings":"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","names":[]}

package/dist/blocks/builtins/Widgets.js

@@ -48,14 +48,14 @@ const newsWidget = defineBlock({
   defaults: () => ({ heading: "Laatste nieuws", limit: 5, basePath: "/nieuws", showImages: false })
 });
 function AgendaWidgetRender({ block }) {
-  const events = selectAgendaEvents(block.events, { hidePast: block.hidePast, limit: block.limit });
+  const events = selectAgendaEvents((block.events ?? []).map((e, i) => ({ ...e, _i: i })), { hidePast: block.hidePast, limit: block.limit });
   return /* @__PURE__ */ jsxs("div", { className: "xicms-widget xicms-widget--agenda", children: [
     /* @__PURE__ */ jsx("h3", { className: "xicms-widget__title", "data-xicms-edit": "heading", children: block.heading ?? "Komende evenementen" }),
-    events.length === 0 ? /* @__PURE__ */ jsx("p", { className: "xicms-widget__empty", children: "Geen geplande evenementen." }) : /* @__PURE__ */ jsx("ul", { className: "xicms-widget__list", children: events.map((e, i) => /* @__PURE__ */ jsxs("li", { className: "xicms-widget__item xicms-widget__item--event", children: [
+    events.length === 0 ? /* @__PURE__ */ jsx("p", { className: "xicms-widget__empty", children: "Geen geplande evenementen." }) : /* @__PURE__ */ jsx("ul", { className: "xicms-widget__list", children: events.map((e) => /* @__PURE__ */ jsxs("li", { className: "xicms-widget__item xicms-widget__item--event", children: [
       /* @__PURE__ */ jsx("time", { className: "xicms-widget__meta", dateTime: e.start, children: formatEventDate(e.start) }),
-      /* @__PURE__ */ jsx("span", { className: "xicms-widget__link", children: e.url ? /* @__PURE__ */ jsx("a", { href: e.url, children: e.title }) : e.title }),
-      e.location && /* @__PURE__ */ jsx("span", { className: "xicms-widget__sub", children: e.location })
-    ] }, i)) })
+      /* @__PURE__ */ jsx("span", { className: "xicms-widget__link", 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.location && /* @__PURE__ */ jsx("span", { className: "xicms-widget__sub", "data-xicms-edit": `events.${e._i}.location`, children: e.location })
+    ] }, e._i)) })
   ] });
 }
 const agendaWidget = defineBlock({
@@ -76,8 +76,8 @@ function OpeningHoursWidgetRender({ block }) {
     /* @__PURE__ */ jsx("table", { className: "xicms-widget__hours", children: /* @__PURE__ */ jsx("tbody", { children: rows.map((r, i) => {
       const isToday = block.highlightToday && todayIdx !== null && parseDays(r.day).includes(todayIdx);
       return /* @__PURE__ */ jsxs("tr", { className: isToday ? "xicms-widget__hours-today" : void 0, children: [
-        /* @__PURE__ */ jsx("th", { scope: "row", children: r.day }),
-        /* @__PURE__ */ jsx("td", { children: r.hours })
+        /* @__PURE__ */ jsx("th", { scope: "row", "data-xicms-edit": `rows.${i}.day`, children: r.day }),
+        /* @__PURE__ */ jsx("td", { "data-xicms-edit": `rows.${i}.hours`, children: r.hours })
       ] }, i);
     }) }) })
   ] });
@@ -104,9 +104,9 @@ function ContactWidgetRender({ block }) {
   return /* @__PURE__ */ jsxs("div", { className: "xicms-widget xicms-widget--contact", children: [
     /* @__PURE__ */ jsx("h3", { className: "xicms-widget__title", "data-xicms-edit": "heading", children: block.heading ?? "Contact" }),
     /* @__PURE__ */ jsxs("ul", { className: "xicms-widget__list", children: [
-      block.address && /* @__PURE__ */ jsx("li", { className: "xicms-widget__item", children: block.address }),
-      block.phone && /* @__PURE__ */ jsx("li", { className: "xicms-widget__item", children: /* @__PURE__ */ jsx("a", { href: `tel:${block.phone.replace(/\s+/g, "")}`, children: block.phone }) }),
-      block.email && /* @__PURE__ */ jsx("li", { className: "xicms-widget__item", children: /* @__PURE__ */ jsx("a", { href: `mailto:${block.email}`, children: block.email }) })
+      block.address && /* @__PURE__ */ jsx("li", { className: "xicms-widget__item", "data-xicms-edit": "address", children: block.address }),
+      block.phone && /* @__PURE__ */ jsx("li", { className: "xicms-widget__item", children: /* @__PURE__ */ jsx("a", { href: `tel:${block.phone.replace(/\s+/g, "")}`, "data-xicms-edit": "phone", children: block.phone }) }),
+      block.email && /* @__PURE__ */ jsx("li", { className: "xicms-widget__item", children: /* @__PURE__ */ jsx("a", { href: `mailto:${block.email}`, "data-xicms-edit": "email", children: block.email }) })
     ] })
   ] });
 }
@@ -120,11 +120,11 @@ const contactWidget = defineBlock({
   defaults: () => ({ heading: "Contact" })
 });
 function SocialWidgetRender({ block }) {
-  const items = (block.items ?? []).filter((i) => i.href && i.platform);
+  const items = (block.items ?? []).map((it, i) => ({ ...it, _i: i })).filter((i) => i.href && i.platform);
   if (items.length === 0) return null;
   return /* @__PURE__ */ jsxs("div", { className: "xicms-widget xicms-widget--social", children: [
     block.heading && /* @__PURE__ */ jsx("h3", { className: "xicms-widget__title", "data-xicms-edit": "heading", children: block.heading }),
-    /* @__PURE__ */ jsx("ul", { className: "xicms-widget__social", children: items.map((it, i) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", { href: it.href, rel: "noopener noreferrer", target: "_blank", children: it.platform }) }, i)) })
+    /* @__PURE__ */ jsx("ul", { className: "xicms-widget__social", children: items.map((it) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", { href: it.href, rel: "noopener noreferrer", target: "_blank", "data-xicms-edit": `items.${it._i}.platform`, children: it.platform }) }, it._i)) })
   ] });
 }
 const socialWidget = defineBlock({
@@ -140,10 +140,10 @@ function NewsletterWidgetRender({ block }) {
   const [email, setEmail] = useState("");
   return /* @__PURE__ */ jsxs("div", { className: "xicms-widget xicms-widget--newsletter", children: [
     /* @__PURE__ */ jsx("h3", { className: "xicms-widget__title", "data-xicms-edit": "heading", children: block.heading ?? "Nieuwsbrief" }),
-    block.text && /* @__PURE__ */ jsx("p", { className: "xicms-widget__sub", children: block.text }),
+    block.text && /* @__PURE__ */ jsx("p", { className: "xicms-widget__sub", "data-xicms-edit": "text", children: block.text }),
     block.actionUrl ? /* @__PURE__ */ jsxs("form", { className: "xicms-widget__form", action: block.actionUrl, method: "post", target: "_blank", style: { display: "grid", gap: "0.6rem" }, children: [
       /* @__PURE__ */ jsx(TextInput, { label: "E-mailadres", isLabelHidden: true, type: "email", htmlName: "EMAIL", isRequired: true, placeholder: "je@email.nl", value: email, onChange: setEmail }),
-      /* @__PURE__ */ jsx(Button, { label: block.buttonLabel, variant: "primary", type: "submit" })
+      /* @__PURE__ */ jsx(Button, { label: block.buttonLabel, variant: "primary", type: "submit", children: /* @__PURE__ */ jsx("span", { "data-xicms-edit": "buttonLabel", children: block.buttonLabel }) })
     ] }) : /* @__PURE__ */ jsx("p", { className: "xicms-widget__empty", children: "Stel een aanmeld-URL in." })
   ] });
 }
@@ -159,9 +159,9 @@ const newsletterWidget = defineBlock({
 function CtaWidgetRender({ block }) {
   if (!block.title && !block.text) return null;
   return /* @__PURE__ */ jsxs("div", { className: "xicms-widget xicms-widget--cta", style: block.backgroundColor ? { background: block.backgroundColor } : void 0, children: [
-    block.title && /* @__PURE__ */ jsx("h3", { className: "xicms-widget__title", "data-xicms-edit": "heading", children: block.title }),
-    block.text && /* @__PURE__ */ jsx("p", { className: "xicms-widget__sub", children: block.text }),
-    block.buttonLabel && /* @__PURE__ */ jsx(Btn, { label: block.buttonLabel, href: block.buttonHref, variant: "primary", size: "md" })
+    block.title && /* @__PURE__ */ jsx("h3", { className: "xicms-widget__title", "data-xicms-edit": "title", children: block.title }),
+    block.text && /* @__PURE__ */ jsx("p", { className: "xicms-widget__sub", "data-xicms-edit": "text", children: block.text }),
+    block.buttonLabel && /* @__PURE__ */ jsx(Btn, { label: block.buttonLabel, href: block.buttonHref, variant: "primary", size: "md", editField: "buttonLabel" })
   ] });
 }
 const ctaWidget = defineBlock({
@@ -194,25 +194,25 @@ const galleryWidget = defineBlock({
   defaults: () => ({ heading: "Foto's", columns: 3, items: [] })
 });
 function TestimonialsWidgetRender({ block }) {
-  const items = (block.items ?? []).filter((t) => t.quote);
+  const items = (block.items ?? []).map((t, i) => ({ ...t, _i: i })).filter((t) => t.quote);
   if (items.length === 0) return null;
   return /* @__PURE__ */ jsxs("div", { className: "xicms-widget xicms-widget--testimonial", children: [
     block.heading && /* @__PURE__ */ jsx("h3", { className: "xicms-widget__title", "data-xicms-edit": "heading", children: block.heading }),
-    /* @__PURE__ */ jsx("ul", { className: "xicms-widget__list", children: items.map((t, i) => /* @__PURE__ */ jsxs("li", { className: "xicms-widget__quote", children: [
+    /* @__PURE__ */ jsx("ul", { className: "xicms-widget__list", children: items.map((t) => /* @__PURE__ */ jsxs("li", { className: "xicms-widget__quote", children: [
       typeof t.rating === "number" && /* @__PURE__ */ jsxs("span", { className: "xicms-widget__stars", "aria-label": `${t.rating} van 5`, children: [
         "\u2605".repeat(t.rating),
         "\u2606".repeat(5 - t.rating)
       ] }),
       /* @__PURE__ */ jsxs("p", { children: [
         "\u201C",
-        t.quote,
+        /* @__PURE__ */ jsx("span", { "data-xicms-edit": `items.${t._i}.quote`, children: t.quote }),
         "\u201D"
       ] }),
       t.author && /* @__PURE__ */ jsxs("span", { className: "xicms-widget__meta", children: [
         "\u2014 ",
-        t.author
+        /* @__PURE__ */ jsx("span", { "data-xicms-edit": `items.${t._i}.author`, children: t.author })
       ] })
-    ] }, i)) })
+    ] }, t._i)) })
   ] });
 }
 const testimonialsWidget = defineBlock({
@@ -251,18 +251,18 @@ const cardsWidget = defineBlock({
   defaults: () => ({ heading: "Uitgelicht", items: [{ icon: "\u2B50", title: "Dienst", text: "Korte omschrijving." }] })
 });
 function DownloadsWidgetRender({ block }) {
-  const items = (block.items ?? []).filter((d) => d.label && d.href).slice(0, block.limit);
+  const items = (block.items ?? []).map((d, i) => ({ ...d, _i: i })).filter((d) => d.label && d.href).slice(0, block.limit);
   if (items.length === 0) return null;
   return /* @__PURE__ */ jsxs("div", { className: "xicms-widget xicms-widget--downloads", children: [
     /* @__PURE__ */ jsx("h3", { className: "xicms-widget__title", "data-xicms-edit": "heading", children: block.heading ?? "Downloads" }),
-    /* @__PURE__ */ jsx("ul", { className: "xicms-widget__list", children: items.map((d, i) => /* @__PURE__ */ jsxs("li", { className: "xicms-widget__item", children: [
+    /* @__PURE__ */ jsx("ul", { className: "xicms-widget__list", children: items.map((d) => /* @__PURE__ */ jsxs("li", { className: "xicms-widget__item", children: [
       /* @__PURE__ */ jsxs("a", { className: "xicms-widget__link", href: d.href, download: true, children: [
         /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\u{1F4C4}" }),
         " ",
-        d.label
+        /* @__PURE__ */ jsx("span", { "data-xicms-edit": `items.${d._i}.label`, children: d.label })
       ] }),
-      d.meta && /* @__PURE__ */ jsx("span", { className: "xicms-widget__meta", children: d.meta })
-    ] }, i)) })
+      d.meta && /* @__PURE__ */ jsx("span", { className: "xicms-widget__meta", "data-xicms-edit": `items.${d._i}.meta`, children: d.meta })
+    ] }, d._i)) })
   ] });
 }
 const downloadsWidget = defineBlock({
@@ -279,7 +279,7 @@ function CountdownWidgetRender({ block }) {
   if (!block.target) return null;
   return /* @__PURE__ */ jsxs("div", { className: "xicms-widget xicms-widget--countdown", children: [
     block.heading && /* @__PURE__ */ jsx("h3", { className: "xicms-widget__title", "data-xicms-edit": "heading", children: block.heading }),
-    r === null ? /* @__PURE__ */ jsx("p", { className: "xicms-widget__empty", "aria-hidden": "true", children: "\u2026" }) : r.done ? /* @__PURE__ */ jsx("p", { className: "xicms-countdown__expired", children: block.expiredText }) : /* @__PURE__ */ jsx(CountdownDigits, { r, showLabels: true })
+    r === null ? /* @__PURE__ */ jsx("p", { className: "xicms-widget__empty", "aria-hidden": "true", children: "\u2026" }) : r.done ? /* @__PURE__ */ jsx("p", { className: "xicms-countdown__expired", "data-xicms-edit": "expiredText", children: block.expiredText }) : /* @__PURE__ */ jsx(CountdownDigits, { r, showLabels: true })
   ] });
 }
 const countdownWidget = defineBlock({

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/blocks/builtins/Widgets.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport type { z } from \"zod\";\nimport {\n  NewsWidgetSchema,\n  AgendaWidgetSchema,\n  OpeningHoursWidgetSchema,\n  ContactWidgetSchema,\n  SocialWidgetSchema,\n  NewsletterWidgetSchema,\n  CtaWidgetSchema,\n  GalleryWidgetSchema,\n  TestimonialsWidgetSchema,\n  CardsWidgetSchema,\n  DownloadsWidgetSchema,\n  CountdownWidgetSchema,\n} from \"../../schema/blocks\";\nimport { defineBlock, type BlockRenderProps } from \"../registry\";\nimport { Btn } from \"../ui\";\nimport { useNews } from \"../../components/News\";\nimport { selectAgendaEvents, formatEventDate } from \"./Agenda\";\nimport { parseDays } from \"./lib/openingHours\";\nimport { useCountdown, CountdownDigits } from \"./Countdown\";\nimport { TextInput } from \"@astryxdesign/core/TextInput\";\nimport { Button } from \"@astryxdesign/core/Button\";\n\n/**\n * Widgets = compacte zijbalk-varianten van de modules. Elke widget hergebruikt de gegevens en\n * logica van de volwaardige versie (zelfde nieuws-collectie, zelfde agenda-selectie, zelfde\n * countdown-hook) en rendert die alleen compacter. Plaats ze in het \"Met zijbalk\"-blok of in een\n * smalle kolom naast je hoofdinhoud.\n */\n\n/* ── Laatste nieuws ────────────────────────────────────────────────────────── */\ntype NewsW = z.infer<typeof NewsWidgetSchema>;\nfunction NewsWidgetRender({ block }: BlockRenderProps<NewsW>) {\n  const { articles, loading } = useNews({ max: block.limit });\n  const shown = articles.slice(0, block.limit);\n  return (\n    <div className=\"xicms-widget xicms-widget--news\">\n      <h3 className=\"xicms-widget__title\" data-xicms-edit=\"heading\">{block.heading ?? \"Laatste nieuws\"}</h3>\n      {loading ? (\n        <p className=\"xicms-widget__empty\">Nieuws laden…</p>\n      ) : shown.length === 0 ? (\n        <p className=\"xicms-widget__empty\">Nog geen nieuws.</p>\n      ) : (\n        <ul className=\"xicms-widget__list\">\n          {shown.map((a) => (\n            <li key={a.id} className=\"xicms-widget__item\">\n              {block.showImages && a.coverUrl && (\n                // eslint-disable-next-line @next/next/no-img-element\n                <img className=\"xicms-widget__thumb\" src={a.coverUrl} alt=\"\" loading=\"lazy\" />\n              )}\n              <div>\n                <a className=\"xicms-widget__link\" href={`${block.basePath}/${a.slug}`}>{a.title}</a>\n                <span className=\"xicms-widget__meta\">{a.date}</span>\n              </div>\n            </li>\n          ))}\n        </ul>\n      )}\n    </div>\n  );\n}\nexport const newsWidget = defineBlock({\n  type: \"newsWidget\",\n  schema: NewsWidgetSchema,\n  Render: NewsWidgetRender,\n  label: \"Laatste nieuws\",\n  icon: \"🗞️\",\n  category: \"widget\",\n  defaults: () => ({ heading: \"Laatste nieuws\", limit: 5, basePath: \"/nieuws\", showImages: false }),\n});\n\n/* ── Komende agenda ────────────────────────────────────────────────────────── */\ntype AgendaW = z.infer<typeof AgendaWidgetSchema>;\nfunction AgendaWidgetRender({ block }: BlockRenderProps<AgendaW>) {\n  const events = selectAgendaEvents(block.events, { hidePast: block.hidePast, limit: block.limit });\n  return (\n    <div className=\"xicms-widget xicms-widget--agenda\">\n      <h3 className=\"xicms-widget__title\" data-xicms-edit=\"heading\">{block.heading ?? \"Komende evenementen\"}</h3>\n      {events.length === 0 ? (\n        <p className=\"xicms-widget__empty\">Geen geplande evenementen.</p>\n      ) : (\n        <ul className=\"xicms-widget__list\">\n          {events.map((e, i) => (\n            <li key={i} className=\"xicms-widget__item xicms-widget__item--event\">\n              <time className=\"xicms-widget__meta\" dateTime={e.start}>{formatEventDate(e.start)}</time>\n              <span className=\"xicms-widget__link\">{e.url ? <a href={e.url}>{e.title}</a> : e.title}</span>\n              {e.location && <span className=\"xicms-widget__sub\">{e.location}</span>}\n            </li>\n          ))}\n        </ul>\n      )}\n    </div>\n  );\n}\nexport const agendaWidget = defineBlock({\n  type: \"agendaWidget\",\n  schema: AgendaWidgetSchema,\n  Render: AgendaWidgetRender,\n  label: \"Komende agenda\",\n  icon: \"📅\",\n  category: \"widget\",\n  defaults: () => ({ heading: \"Komende evenementen\", limit: 5, events: [], hidePast: true }),\n});\n\n/* ── Openingstijden (vandaag gemarkeerd) ───────────────────────────────────── */\ntype OpeningW = z.infer<typeof OpeningHoursWidgetSchema>;\nfunction OpeningHoursWidgetRender({ block }: BlockRenderProps<OpeningW>) {\n  // \"Vandaag\" client-side bepalen (voorkomt hydration-mismatch t.o.v. de servertijd).\n  const [todayIdx, setTodayIdx] = useState<number | null>(null);\n  useEffect(() => setTodayIdx(new Date().getDay()), []);\n  const rows = block.rows ?? [];\n  return (\n    <div className=\"xicms-widget xicms-widget--hours\">\n      <h3 className=\"xicms-widget__title\" data-xicms-edit=\"heading\">{block.heading ?? \"Openingstijden\"}</h3>\n      <table className=\"xicms-widget__hours\">\n        <tbody>\n          {rows.map((r, i) => {\n            // parseDays begrijpt ook bereiken (\"Ma-vr\", \"Maandag t/m vrijdag\") - een woensdag\n            // hoort dan net zo goed gemarkeerd als de letterlijk genoemde dagen.\n            const isToday =\n              block.highlightToday && todayIdx !== null && parseDays(r.day).includes(todayIdx);\n            return (\n              <tr key={i} className={isToday ? \"xicms-widget__hours-today\" : undefined}>\n                <th scope=\"row\">{r.day}</th>\n                <td>{r.hours}</td>\n              </tr>\n            );\n          })}\n        </tbody>\n      </table>\n    </div>\n  );\n}\nexport const openingHoursWidget = defineBlock({\n  type: \"openingHoursWidget\",\n  schema: OpeningHoursWidgetSchema,\n  Render: OpeningHoursWidgetRender,\n  label: \"Openingstijden (compact)\",\n  icon: \"🕒\",\n  category: \"widget\",\n  defaults: () => ({\n    heading: \"Openingstijden\",\n    highlightToday: true,\n    rows: [\n      { day: \"Maandag t/m vrijdag\", hours: \"09:00 – 17:00\" },\n      { day: \"Zaterdag\", hours: \"10:00 – 16:00\" },\n      { day: \"Zondag\", hours: \"Gesloten\" },\n    ],\n  }),\n});\n\n/* ── Contact (compact) ─────────────────────────────────────────────────────── */\ntype ContactW = z.infer<typeof ContactWidgetSchema>;\nfunction ContactWidgetRender({ block }: BlockRenderProps<ContactW>) {\n  if (!block.address && !block.phone && !block.email) return null;\n  return (\n    <div className=\"xicms-widget xicms-widget--contact\">\n      <h3 className=\"xicms-widget__title\" data-xicms-edit=\"heading\">{block.heading ?? \"Contact\"}</h3>\n      <ul className=\"xicms-widget__list\">\n        {block.address && <li className=\"xicms-widget__item\">{block.address}</li>}\n        {block.phone && (\n          <li className=\"xicms-widget__item\"><a href={`tel:${block.phone.replace(/\\s+/g, \"\")}`}>{block.phone}</a></li>\n        )}\n        {block.email && (\n          <li className=\"xicms-widget__item\"><a href={`mailto:${block.email}`}>{block.email}</a></li>\n        )}\n      </ul>\n    </div>\n  );\n}\nexport const contactWidget = defineBlock({\n  type: \"contactWidget\",\n  schema: ContactWidgetSchema,\n  Render: ContactWidgetRender,\n  label: \"Contact (compact)\",\n  icon: \"📇\",\n  category: \"widget\",\n  defaults: () => ({ heading: \"Contact\" }),\n});\n\n/* ── Social (compact) ──────────────────────────────────────────────────────── */\ntype SocialW = z.infer<typeof SocialWidgetSchema>;\nfunction SocialWidgetRender({ block }: BlockRenderProps<SocialW>) {\n  const items = (block.items ?? []).filter((i) => i.href && i.platform);\n  if (items.length === 0) return null;\n  return (\n    <div className=\"xicms-widget xicms-widget--social\">\n      {block.heading && <h3 className=\"xicms-widget__title\" data-xicms-edit=\"heading\">{block.heading}</h3>}\n      <ul className=\"xicms-widget__social\">\n        {items.map((it, i) => (\n          <li key={i}><a href={it.href} rel=\"noopener noreferrer\" target=\"_blank\">{it.platform}</a></li>\n        ))}\n      </ul>\n    </div>\n  );\n}\nexport const socialWidget = defineBlock({\n  type: \"socialWidget\",\n  schema: SocialWidgetSchema,\n  Render: SocialWidgetRender,\n  label: \"Social (compact)\",\n  icon: \"🔗\",\n  category: \"widget\",\n  defaults: () => ({ heading: \"Volg ons\", items: [{ platform: \"Instagram\", href: \"\" }] }),\n});\n\n/* ── Nieuwsbrief (compact) ─────────────────────────────────────────────────── */\ntype NewsletterW = z.infer<typeof NewsletterWidgetSchema>;\nfunction NewsletterWidgetRender({ block }: BlockRenderProps<NewsletterW>) {\n  const [email, setEmail] = useState(\"\");\n  return (\n    <div className=\"xicms-widget xicms-widget--newsletter\">\n      <h3 className=\"xicms-widget__title\" data-xicms-edit=\"heading\">{block.heading ?? \"Nieuwsbrief\"}</h3>\n      {block.text && <p className=\"xicms-widget__sub\">{block.text}</p>}\n      {block.actionUrl ? (\n        <form className=\"xicms-widget__form\" action={block.actionUrl} method=\"post\" target=\"_blank\" style={{ display: \"grid\", gap: \"0.6rem\" }}>\n          <TextInput label=\"E-mailadres\" isLabelHidden type=\"email\" htmlName=\"EMAIL\" isRequired placeholder=\"je@email.nl\" value={email} onChange={setEmail} />\n          <Button label={block.buttonLabel} variant=\"primary\" type=\"submit\" />\n        </form>\n      ) : (\n        <p className=\"xicms-widget__empty\">Stel een aanmeld-URL in.</p>\n      )}\n    </div>\n  );\n}\nexport const newsletterWidget = defineBlock({\n  type: \"newsletterWidget\",\n  schema: NewsletterWidgetSchema,\n  Render: NewsletterWidgetRender,\n  label: \"Nieuwsbrief (compact)\",\n  icon: \"✉️\",\n  category: \"widget\",\n  defaults: () => ({ heading: \"Blijf op de hoogte\", buttonLabel: \"Aanmelden\" }),\n});\n\n/* ── CTA (compact) ─────────────────────────────────────────────────────────── */\ntype CtaW = z.infer<typeof CtaWidgetSchema>;\nfunction CtaWidgetRender({ block }: BlockRenderProps<CtaW>) {\n  if (!block.title && !block.text) return null;\n  return (\n    <div className=\"xicms-widget xicms-widget--cta\" style={block.backgroundColor ? { background: block.backgroundColor } : undefined}>\n      {block.title && <h3 className=\"xicms-widget__title\" data-xicms-edit=\"heading\">{block.title}</h3>}\n      {block.text && <p className=\"xicms-widget__sub\">{block.text}</p>}\n      {block.buttonLabel && (\n        <Btn label={block.buttonLabel} href={block.buttonHref} variant=\"primary\" size=\"md\" />\n      )}\n    </div>\n  );\n}\nexport const ctaWidget = defineBlock({\n  type: \"ctaWidget\",\n  schema: CtaWidgetSchema,\n  Render: CtaWidgetRender,\n  label: \"Call-to-action (compact)\",\n  icon: \"👉\",\n  category: \"widget\",\n  defaults: () => ({ title: \"Vragen?\", text: \"Neem gerust contact op.\", buttonLabel: \"Contact\", buttonHref: \"#contact\" }),\n});\n\n/* ── Galerij (compacte strip) ──────────────────────────────────────────────── */\ntype GalleryW = z.infer<typeof GalleryWidgetSchema>;\nfunction GalleryWidgetRender({ block }: BlockRenderProps<GalleryW>) {\n  const items = (block.items ?? []).filter((i) => i.url);\n  if (items.length === 0) return null;\n  return (\n    <div className=\"xicms-widget xicms-widget--gallery\">\n      {block.heading && <h3 className=\"xicms-widget__title\" data-xicms-edit=\"heading\">{block.heading}</h3>}\n      <div className=\"xicms-widget__grid\" data-cols={block.columns}>\n        {items.map((it, i) => (\n          // eslint-disable-next-line @next/next/no-img-element\n          <img key={i} className=\"xicms-widget__photo\" src={it.url} alt={it.alt ?? \"\"} loading=\"lazy\" />\n        ))}\n      </div>\n    </div>\n  );\n}\nexport const galleryWidget = defineBlock({\n  type: \"galleryWidget\",\n  schema: GalleryWidgetSchema,\n  Render: GalleryWidgetRender,\n  label: \"Fotostrip (compact)\",\n  icon: \"🖼️\",\n  category: \"widget\",\n  defaults: () => ({ heading: \"Foto's\", columns: 3, items: [] }),\n});\n\n/* ── Review (compact) ──────────────────────────────────────────────────────── */\ntype TestimonialsW = z.infer<typeof TestimonialsWidgetSchema>;\nfunction TestimonialsWidgetRender({ block }: BlockRenderProps<TestimonialsW>) {\n  const items = (block.items ?? []).filter((t) => t.quote);\n  if (items.length === 0) return null;\n  return (\n    <div className=\"xicms-widget xicms-widget--testimonial\">\n      {block.heading && <h3 className=\"xicms-widget__title\" data-xicms-edit=\"heading\">{block.heading}</h3>}\n      <ul className=\"xicms-widget__list\">\n        {items.map((t, i) => (\n          <li key={i} className=\"xicms-widget__quote\">\n            {typeof t.rating === \"number\" && (\n              <span className=\"xicms-widget__stars\" aria-label={`${t.rating} van 5`}>{\"★\".repeat(t.rating)}{\"☆\".repeat(5 - t.rating)}</span>\n            )}\n            <p>“{t.quote}”</p>\n            {t.author && <span className=\"xicms-widget__meta\">— {t.author}</span>}\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n}\nexport const testimonialsWidget = defineBlock({\n  type: \"testimonialsWidget\",\n  schema: TestimonialsWidgetSchema,\n  Render: TestimonialsWidgetRender,\n  label: \"Review (compact)\",\n  icon: \"⭐\",\n  category: \"widget\",\n  defaults: () => ({ heading: \"Wat klanten zeggen\", items: [{ quote: \"Echt een aanrader!\", author: \"Tevreden klant\", rating: 5 }] }),\n});\n\n/* ── Diensten (compact) ────────────────────────────────────────────────────── */\ntype CardsW = z.infer<typeof CardsWidgetSchema>;\nfunction CardsWidgetRender({ block }: BlockRenderProps<CardsW>) {\n  const items = (block.items ?? []).filter((c) => c.title);\n  if (items.length === 0) return null;\n  return (\n    <div className=\"xicms-widget xicms-widget--cards\">\n      {block.heading && <h3 className=\"xicms-widget__title\" data-xicms-edit=\"heading\">{block.heading}</h3>}\n      <ul className=\"xicms-widget__list\">\n        {items.map((c, i) => {\n          const inner = (\n            <>\n              {c.icon && <span className=\"xicms-widget__cardicon\" aria-hidden=\"true\">{c.icon}</span>}\n              <span>\n                <span className=\"xicms-widget__link\">{c.title}</span>\n                {c.text && <span className=\"xicms-widget__sub\">{c.text}</span>}\n              </span>\n            </>\n          );\n          return (\n            <li key={i} className=\"xicms-widget__item xicms-widget__item--card\">\n              {c.href ? <a href={c.href} className=\"xicms-widget__cardlink\">{inner}</a> : inner}\n            </li>\n          );\n        })}\n      </ul>\n    </div>\n  );\n}\nexport const cardsWidget = defineBlock({\n  type: \"cardsWidget\",\n  schema: CardsWidgetSchema,\n  Render: CardsWidgetRender,\n  label: \"Diensten (compact)\",\n  icon: \"🧩\",\n  category: \"widget\",\n  defaults: () => ({ heading: \"Uitgelicht\", items: [{ icon: \"⭐\", title: \"Dienst\", text: \"Korte omschrijving.\" }] }),\n});\n\n/* ── Downloads (compact) ───────────────────────────────────────────────────── */\ntype DownloadsW = z.infer<typeof DownloadsWidgetSchema>;\nfunction DownloadsWidgetRender({ block }: BlockRenderProps<DownloadsW>) {\n  const items = (block.items ?? []).filter((d) => d.label && d.href).slice(0, block.limit);\n  if (items.length === 0) return null;\n  return (\n    <div className=\"xicms-widget xicms-widget--downloads\">\n      <h3 className=\"xicms-widget__title\" data-xicms-edit=\"heading\">{block.heading ?? \"Downloads\"}</h3>\n      <ul className=\"xicms-widget__list\">\n        {items.map((d, i) => (\n          <li key={i} className=\"xicms-widget__item\">\n            <a className=\"xicms-widget__link\" href={d.href} download>\n              <span aria-hidden=\"true\">📄</span> {d.label}\n            </a>\n            {d.meta && <span className=\"xicms-widget__meta\">{d.meta}</span>}\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n}\nexport const downloadsWidget = defineBlock({\n  type: \"downloadsWidget\",\n  schema: DownloadsWidgetSchema,\n  Render: DownloadsWidgetRender,\n  label: \"Downloads (compact)\",\n  icon: \"📥\",\n  category: \"widget\",\n  defaults: () => ({ heading: \"Downloads\", limit: 5, items: [] }),\n});\n\n/* ── Aftelteller (compact) ─────────────────────────────────────────────────── */\ntype CountdownW = z.infer<typeof CountdownWidgetSchema>;\nfunction CountdownWidgetRender({ block }: BlockRenderProps<CountdownW>) {\n  const r = useCountdown(block.target);\n  if (!block.target) return null;\n  return (\n    <div className=\"xicms-widget xicms-widget--countdown\">\n      {block.heading && <h3 className=\"xicms-widget__title\" data-xicms-edit=\"heading\">{block.heading}</h3>}\n      {r === null ? (\n        <p className=\"xicms-widget__empty\" aria-hidden=\"true\">…</p>\n      ) : r.done ? (\n        <p className=\"xicms-countdown__expired\">{block.expiredText}</p>\n      ) : (\n        <CountdownDigits r={r} showLabels />\n      )}\n    </div>\n  );\n}\nexport const countdownWidget = defineBlock({\n  type: \"countdownWidget\",\n  schema: CountdownWidgetSchema,\n  Render: CountdownWidgetRender,\n  label: \"Aftelteller (compact)\",\n  icon: \"⏳\",\n  category: \"widget\",\n  defaults: () => ({ heading: \"Aftellen\", target: \"\", expiredText: \"Het is zover!\" }),\n});\n\n// Let op: exporteer GEEN aggregaat-array vanuit dit \"use client\"-bestand. Een array die hier\n// wordt opgebouwd is niet server-importeerbaar (de individuele block-exports wél). De volledige\n// lijst staat in blocks/builtins/index.ts.\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/blocks/builtins/Widgets.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport type { z } from \"zod\";\nimport {\n  NewsWidgetSchema,\n  AgendaWidgetSchema,\n  OpeningHoursWidgetSchema,\n  ContactWidgetSchema,\n  SocialWidgetSchema,\n  NewsletterWidgetSchema,\n  CtaWidgetSchema,\n  GalleryWidgetSchema,\n  TestimonialsWidgetSchema,\n  CardsWidgetSchema,\n  DownloadsWidgetSchema,\n  CountdownWidgetSchema,\n} from \"../../schema/blocks\";\nimport { defineBlock, type BlockRenderProps } from \"../registry\";\nimport { Btn } from \"../ui\";\nimport { useNews } from \"../../components/News\";\nimport { selectAgendaEvents, formatEventDate } from \"./Agenda\";\nimport { parseDays } from \"./lib/openingHours\";\nimport { useCountdown, CountdownDigits } from \"./Countdown\";\nimport { TextInput } from \"@astryxdesign/core/TextInput\";\nimport { Button } from \"@astryxdesign/core/Button\";\n\n/**\n * Widgets = compacte zijbalk-varianten van de modules. Elke widget hergebruikt de gegevens en\n * logica van de volwaardige versie (zelfde nieuws-collectie, zelfde agenda-selectie, zelfde\n * countdown-hook) en rendert die alleen compacter. Plaats ze in het \"Met zijbalk\"-blok of in een\n * smalle kolom naast je hoofdinhoud.\n */\n\n/* ── Laatste nieuws ────────────────────────────────────────────────────────── */\ntype NewsW = z.infer<typeof NewsWidgetSchema>;\nfunction NewsWidgetRender({ block }: BlockRenderProps<NewsW>) {\n  const { articles, loading } = useNews({ max: block.limit });\n  const shown = articles.slice(0, block.limit);\n  return (\n    <div className=\"xicms-widget xicms-widget--news\">\n      <h3 className=\"xicms-widget__title\" data-xicms-edit=\"heading\">{block.heading ?? \"Laatste nieuws\"}</h3>\n      {loading ? (\n        <p className=\"xicms-widget__empty\">Nieuws laden…</p>\n      ) : shown.length === 0 ? (\n        <p className=\"xicms-widget__empty\">Nog geen nieuws.</p>\n      ) : (\n        <ul className=\"xicms-widget__list\">\n          {shown.map((a) => (\n            <li key={a.id} className=\"xicms-widget__item\">\n              {block.showImages && a.coverUrl && (\n                // eslint-disable-next-line @next/next/no-img-element\n                <img className=\"xicms-widget__thumb\" src={a.coverUrl} alt=\"\" loading=\"lazy\" />\n              )}\n              <div>\n                <a className=\"xicms-widget__link\" href={`${block.basePath}/${a.slug}`}>{a.title}</a>\n                <span className=\"xicms-widget__meta\">{a.date}</span>\n              </div>\n            </li>\n          ))}\n        </ul>\n      )}\n    </div>\n  );\n}\nexport const newsWidget = defineBlock({\n  type: \"newsWidget\",\n  schema: NewsWidgetSchema,\n  Render: NewsWidgetRender,\n  label: \"Laatste nieuws\",\n  icon: \"🗞️\",\n  category: \"widget\",\n  defaults: () => ({ heading: \"Laatste nieuws\", limit: 5, basePath: \"/nieuws\", showImages: false }),\n});\n\n/* ── Komende agenda ────────────────────────────────────────────────────────── */\ntype AgendaW = z.infer<typeof AgendaWidgetSchema>;\nfunction AgendaWidgetRender({ block }: BlockRenderProps<AgendaW>) {\n  const events = selectAgendaEvents((block.events ?? []).map((e, i) => ({ ...e, _i: i })), { hidePast: block.hidePast, limit: block.limit });\n  return (\n    <div className=\"xicms-widget xicms-widget--agenda\">\n      <h3 className=\"xicms-widget__title\" data-xicms-edit=\"heading\">{block.heading ?? \"Komende evenementen\"}</h3>\n      {events.length === 0 ? (\n        <p className=\"xicms-widget__empty\">Geen geplande evenementen.</p>\n      ) : (\n        <ul className=\"xicms-widget__list\">\n          {events.map((e) => (\n            <li key={e._i} className=\"xicms-widget__item xicms-widget__item--event\">\n              <time className=\"xicms-widget__meta\" dateTime={e.start}>{formatEventDate(e.start)}</time>\n              <span className=\"xicms-widget__link\">\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              </span>\n              {e.location && <span className=\"xicms-widget__sub\" data-xicms-edit={`events.${e._i}.location`}>{e.location}</span>}\n            </li>\n          ))}\n        </ul>\n      )}\n    </div>\n  );\n}\nexport const agendaWidget = defineBlock({\n  type: \"agendaWidget\",\n  schema: AgendaWidgetSchema,\n  Render: AgendaWidgetRender,\n  label: \"Komende agenda\",\n  icon: \"📅\",\n  category: \"widget\",\n  defaults: () => ({ heading: \"Komende evenementen\", limit: 5, events: [], hidePast: true }),\n});\n\n/* ── Openingstijden (vandaag gemarkeerd) ───────────────────────────────────── */\ntype OpeningW = z.infer<typeof OpeningHoursWidgetSchema>;\nfunction OpeningHoursWidgetRender({ block }: BlockRenderProps<OpeningW>) {\n  // \"Vandaag\" client-side bepalen (voorkomt hydration-mismatch t.o.v. de servertijd).\n  const [todayIdx, setTodayIdx] = useState<number | null>(null);\n  useEffect(() => setTodayIdx(new Date().getDay()), []);\n  const rows = block.rows ?? [];\n  return (\n    <div className=\"xicms-widget xicms-widget--hours\">\n      <h3 className=\"xicms-widget__title\" data-xicms-edit=\"heading\">{block.heading ?? \"Openingstijden\"}</h3>\n      <table className=\"xicms-widget__hours\">\n        <tbody>\n          {rows.map((r, i) => {\n            // parseDays begrijpt ook bereiken (\"Ma-vr\", \"Maandag t/m vrijdag\") - een woensdag\n            // hoort dan net zo goed gemarkeerd als de letterlijk genoemde dagen.\n            const isToday =\n              block.highlightToday && todayIdx !== null && parseDays(r.day).includes(todayIdx);\n            return (\n              <tr key={i} className={isToday ? \"xicms-widget__hours-today\" : undefined}>\n                <th scope=\"row\" data-xicms-edit={`rows.${i}.day`}>{r.day}</th>\n                <td data-xicms-edit={`rows.${i}.hours`}>{r.hours}</td>\n              </tr>\n            );\n          })}\n        </tbody>\n      </table>\n    </div>\n  );\n}\nexport const openingHoursWidget = defineBlock({\n  type: \"openingHoursWidget\",\n  schema: OpeningHoursWidgetSchema,\n  Render: OpeningHoursWidgetRender,\n  label: \"Openingstijden (compact)\",\n  icon: \"🕒\",\n  category: \"widget\",\n  defaults: () => ({\n    heading: \"Openingstijden\",\n    highlightToday: true,\n    rows: [\n      { day: \"Maandag t/m vrijdag\", hours: \"09:00 – 17:00\" },\n      { day: \"Zaterdag\", hours: \"10:00 – 16:00\" },\n      { day: \"Zondag\", hours: \"Gesloten\" },\n    ],\n  }),\n});\n\n/* ── Contact (compact) ─────────────────────────────────────────────────────── */\ntype ContactW = z.infer<typeof ContactWidgetSchema>;\nfunction ContactWidgetRender({ block }: BlockRenderProps<ContactW>) {\n  if (!block.address && !block.phone && !block.email) return null;\n  return (\n    <div className=\"xicms-widget xicms-widget--contact\">\n      <h3 className=\"xicms-widget__title\" data-xicms-edit=\"heading\">{block.heading ?? \"Contact\"}</h3>\n      <ul className=\"xicms-widget__list\">\n        {block.address && <li className=\"xicms-widget__item\" data-xicms-edit=\"address\">{block.address}</li>}\n        {block.phone && (\n          <li className=\"xicms-widget__item\"><a href={`tel:${block.phone.replace(/\\s+/g, \"\")}`} data-xicms-edit=\"phone\">{block.phone}</a></li>\n        )}\n        {block.email && (\n          <li className=\"xicms-widget__item\"><a href={`mailto:${block.email}`} data-xicms-edit=\"email\">{block.email}</a></li>\n        )}\n      </ul>\n    </div>\n  );\n}\nexport const contactWidget = defineBlock({\n  type: \"contactWidget\",\n  schema: ContactWidgetSchema,\n  Render: ContactWidgetRender,\n  label: \"Contact (compact)\",\n  icon: \"📇\",\n  category: \"widget\",\n  defaults: () => ({ heading: \"Contact\" }),\n});\n\n/* ── Social (compact) ──────────────────────────────────────────────────────── */\ntype SocialW = z.infer<typeof SocialWidgetSchema>;\nfunction SocialWidgetRender({ block }: BlockRenderProps<SocialW>) {\n  // _i = index in de OORSPRONKELIJKE array — de lijst wordt gefilterd op href && platform.\n  const items = (block.items ?? []).map((it, i) => ({ ...it, _i: i })).filter((i) => i.href && i.platform);\n  if (items.length === 0) return null;\n  return (\n    <div className=\"xicms-widget xicms-widget--social\">\n      {block.heading && <h3 className=\"xicms-widget__title\" data-xicms-edit=\"heading\">{block.heading}</h3>}\n      <ul className=\"xicms-widget__social\">\n        {items.map((it) => (\n          <li key={it._i}><a href={it.href} rel=\"noopener noreferrer\" target=\"_blank\" data-xicms-edit={`items.${it._i}.platform`}>{it.platform}</a></li>\n        ))}\n      </ul>\n    </div>\n  );\n}\nexport const socialWidget = defineBlock({\n  type: \"socialWidget\",\n  schema: SocialWidgetSchema,\n  Render: SocialWidgetRender,\n  label: \"Social (compact)\",\n  icon: \"🔗\",\n  category: \"widget\",\n  defaults: () => ({ heading: \"Volg ons\", items: [{ platform: \"Instagram\", href: \"\" }] }),\n});\n\n/* ── Nieuwsbrief (compact) ─────────────────────────────────────────────────── */\ntype NewsletterW = z.infer<typeof NewsletterWidgetSchema>;\nfunction NewsletterWidgetRender({ block }: BlockRenderProps<NewsletterW>) {\n  const [email, setEmail] = useState(\"\");\n  return (\n    <div className=\"xicms-widget xicms-widget--newsletter\">\n      <h3 className=\"xicms-widget__title\" data-xicms-edit=\"heading\">{block.heading ?? \"Nieuwsbrief\"}</h3>\n      {block.text && <p className=\"xicms-widget__sub\" data-xicms-edit=\"text\">{block.text}</p>}\n      {block.actionUrl ? (\n        <form className=\"xicms-widget__form\" action={block.actionUrl} method=\"post\" target=\"_blank\" style={{ display: \"grid\", gap: \"0.6rem\" }}>\n          <TextInput label=\"E-mailadres\" isLabelHidden type=\"email\" htmlName=\"EMAIL\" isRequired placeholder=\"je@email.nl\" value={email} onChange={setEmail} />\n          <Button label={block.buttonLabel} variant=\"primary\" type=\"submit\">\n            <span data-xicms-edit=\"buttonLabel\">{block.buttonLabel}</span>\n          </Button>\n        </form>\n      ) : (\n        <p className=\"xicms-widget__empty\">Stel een aanmeld-URL in.</p>\n      )}\n    </div>\n  );\n}\nexport const newsletterWidget = defineBlock({\n  type: \"newsletterWidget\",\n  schema: NewsletterWidgetSchema,\n  Render: NewsletterWidgetRender,\n  label: \"Nieuwsbrief (compact)\",\n  icon: \"✉️\",\n  category: \"widget\",\n  defaults: () => ({ heading: \"Blijf op de hoogte\", buttonLabel: \"Aanmelden\" }),\n});\n\n/* ── CTA (compact) ─────────────────────────────────────────────────────────── */\ntype CtaW = z.infer<typeof CtaWidgetSchema>;\nfunction CtaWidgetRender({ block }: BlockRenderProps<CtaW>) {\n  if (!block.title && !block.text) return null;\n  return (\n    <div className=\"xicms-widget xicms-widget--cta\" style={block.backgroundColor ? { background: block.backgroundColor } : undefined}>\n      {block.title && <h3 className=\"xicms-widget__title\" data-xicms-edit=\"title\">{block.title}</h3>}\n      {block.text && <p className=\"xicms-widget__sub\" data-xicms-edit=\"text\">{block.text}</p>}\n      {block.buttonLabel && (\n        <Btn label={block.buttonLabel} href={block.buttonHref} variant=\"primary\" size=\"md\" editField=\"buttonLabel\" />\n      )}\n    </div>\n  );\n}\nexport const ctaWidget = defineBlock({\n  type: \"ctaWidget\",\n  schema: CtaWidgetSchema,\n  Render: CtaWidgetRender,\n  label: \"Call-to-action (compact)\",\n  icon: \"👉\",\n  category: \"widget\",\n  defaults: () => ({ title: \"Vragen?\", text: \"Neem gerust contact op.\", buttonLabel: \"Contact\", buttonHref: \"#contact\" }),\n});\n\n/* ── Galerij (compacte strip) ──────────────────────────────────────────────── */\ntype GalleryW = z.infer<typeof GalleryWidgetSchema>;\nfunction GalleryWidgetRender({ block }: BlockRenderProps<GalleryW>) {\n  const items = (block.items ?? []).filter((i) => i.url);\n  if (items.length === 0) return null;\n  return (\n    <div className=\"xicms-widget xicms-widget--gallery\">\n      {block.heading && <h3 className=\"xicms-widget__title\" data-xicms-edit=\"heading\">{block.heading}</h3>}\n      <div className=\"xicms-widget__grid\" data-cols={block.columns}>\n        {items.map((it, i) => (\n          // eslint-disable-next-line @next/next/no-img-element\n          <img key={i} className=\"xicms-widget__photo\" src={it.url} alt={it.alt ?? \"\"} loading=\"lazy\" />\n        ))}\n      </div>\n    </div>\n  );\n}\nexport const galleryWidget = defineBlock({\n  type: \"galleryWidget\",\n  schema: GalleryWidgetSchema,\n  Render: GalleryWidgetRender,\n  label: \"Fotostrip (compact)\",\n  icon: \"🖼️\",\n  category: \"widget\",\n  defaults: () => ({ heading: \"Foto's\", columns: 3, items: [] }),\n});\n\n/* ── Review (compact) ──────────────────────────────────────────────────────── */\ntype TestimonialsW = z.infer<typeof TestimonialsWidgetSchema>;\nfunction TestimonialsWidgetRender({ block }: BlockRenderProps<TestimonialsW>) {\n  // _i = index in de OORSPRONKELIJKE array — de lijst wordt gefilterd op quote.\n  const items = (block.items ?? []).map((t, i) => ({ ...t, _i: i })).filter((t) => t.quote);\n  if (items.length === 0) return null;\n  return (\n    <div className=\"xicms-widget xicms-widget--testimonial\">\n      {block.heading && <h3 className=\"xicms-widget__title\" data-xicms-edit=\"heading\">{block.heading}</h3>}\n      <ul className=\"xicms-widget__list\">\n        {items.map((t) => (\n          <li key={t._i} className=\"xicms-widget__quote\">\n            {typeof t.rating === \"number\" && (\n              <span className=\"xicms-widget__stars\" aria-label={`${t.rating} van 5`}>{\"★\".repeat(t.rating)}{\"☆\".repeat(5 - t.rating)}</span>\n            )}\n            <p>“<span data-xicms-edit={`items.${t._i}.quote`}>{t.quote}</span>”</p>\n            {t.author && <span className=\"xicms-widget__meta\">— <span data-xicms-edit={`items.${t._i}.author`}>{t.author}</span></span>}\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n}\nexport const testimonialsWidget = defineBlock({\n  type: \"testimonialsWidget\",\n  schema: TestimonialsWidgetSchema,\n  Render: TestimonialsWidgetRender,\n  label: \"Review (compact)\",\n  icon: \"⭐\",\n  category: \"widget\",\n  defaults: () => ({ heading: \"Wat klanten zeggen\", items: [{ quote: \"Echt een aanrader!\", author: \"Tevreden klant\", rating: 5 }] }),\n});\n\n/* ── Diensten (compact) ────────────────────────────────────────────────────── */\ntype CardsW = z.infer<typeof CardsWidgetSchema>;\nfunction CardsWidgetRender({ block }: BlockRenderProps<CardsW>) {\n  const items = (block.items ?? []).filter((c) => c.title);\n  if (items.length === 0) return null;\n  return (\n    <div className=\"xicms-widget xicms-widget--cards\">\n      {block.heading && <h3 className=\"xicms-widget__title\" data-xicms-edit=\"heading\">{block.heading}</h3>}\n      <ul className=\"xicms-widget__list\">\n        {items.map((c, i) => {\n          const inner = (\n            <>\n              {c.icon && <span className=\"xicms-widget__cardicon\" aria-hidden=\"true\">{c.icon}</span>}\n              <span>\n                <span className=\"xicms-widget__link\">{c.title}</span>\n                {c.text && <span className=\"xicms-widget__sub\">{c.text}</span>}\n              </span>\n            </>\n          );\n          return (\n            <li key={i} className=\"xicms-widget__item xicms-widget__item--card\">\n              {c.href ? <a href={c.href} className=\"xicms-widget__cardlink\">{inner}</a> : inner}\n            </li>\n          );\n        })}\n      </ul>\n    </div>\n  );\n}\nexport const cardsWidget = defineBlock({\n  type: \"cardsWidget\",\n  schema: CardsWidgetSchema,\n  Render: CardsWidgetRender,\n  label: \"Diensten (compact)\",\n  icon: \"🧩\",\n  category: \"widget\",\n  defaults: () => ({ heading: \"Uitgelicht\", items: [{ icon: \"⭐\", title: \"Dienst\", text: \"Korte omschrijving.\" }] }),\n});\n\n/* ── Downloads (compact) ───────────────────────────────────────────────────── */\ntype DownloadsW = z.infer<typeof DownloadsWidgetSchema>;\nfunction DownloadsWidgetRender({ block }: BlockRenderProps<DownloadsW>) {\n  // _i = index in de OORSPRONKELIJKE array — de lijst wordt gefilterd én afgekapt op `limit`.\n  const items = (block.items ?? []).map((d, i) => ({ ...d, _i: i })).filter((d) => d.label && d.href).slice(0, block.limit);\n  if (items.length === 0) return null;\n  return (\n    <div className=\"xicms-widget xicms-widget--downloads\">\n      <h3 className=\"xicms-widget__title\" data-xicms-edit=\"heading\">{block.heading ?? \"Downloads\"}</h3>\n      <ul className=\"xicms-widget__list\">\n        {items.map((d) => (\n          <li key={d._i} className=\"xicms-widget__item\">\n            <a className=\"xicms-widget__link\" href={d.href} download>\n              <span aria-hidden=\"true\">📄</span> <span data-xicms-edit={`items.${d._i}.label`}>{d.label}</span>\n            </a>\n            {d.meta && <span className=\"xicms-widget__meta\" data-xicms-edit={`items.${d._i}.meta`}>{d.meta}</span>}\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n}\nexport const downloadsWidget = defineBlock({\n  type: \"downloadsWidget\",\n  schema: DownloadsWidgetSchema,\n  Render: DownloadsWidgetRender,\n  label: \"Downloads (compact)\",\n  icon: \"📥\",\n  category: \"widget\",\n  defaults: () => ({ heading: \"Downloads\", limit: 5, items: [] }),\n});\n\n/* ── Aftelteller (compact) ─────────────────────────────────────────────────── */\ntype CountdownW = z.infer<typeof CountdownWidgetSchema>;\nfunction CountdownWidgetRender({ block }: BlockRenderProps<CountdownW>) {\n  const r = useCountdown(block.target);\n  if (!block.target) return null;\n  return (\n    <div className=\"xicms-widget xicms-widget--countdown\">\n      {block.heading && <h3 className=\"xicms-widget__title\" data-xicms-edit=\"heading\">{block.heading}</h3>}\n      {r === null ? (\n        <p className=\"xicms-widget__empty\" aria-hidden=\"true\">…</p>\n      ) : r.done ? (\n        <p className=\"xicms-countdown__expired\" data-xicms-edit=\"expiredText\">{block.expiredText}</p>\n      ) : (\n        <CountdownDigits r={r} showLabels />\n      )}\n    </div>\n  );\n}\nexport const countdownWidget = defineBlock({\n  type: \"countdownWidget\",\n  schema: CountdownWidgetSchema,\n  Render: CountdownWidgetRender,\n  label: \"Aftelteller (compact)\",\n  icon: \"⏳\",\n  category: \"widget\",\n  defaults: () => ({ heading: \"Aftellen\", target: \"\", expiredText: \"Het is zover!\" }),\n});\n\n// Let op: exporteer GEEN aggregaat-array vanuit dit \"use client\"-bestand. Een array die hier\n// wordt opgebouwd is niet server-importeerbaar (de individuele block-exports wél). De volledige\n// lijst staat in blocks/builtins/index.ts.\n"],"mappings":"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","names":[]}

package/dist/blocks/builtins/lib/submitForm.js

@@ -1,13 +1,12 @@
 "use client";
-import { functionsRegion } from "../../../firebase/region.js";
 async function submitFormValues(siteId, formId, values, hp = "") {
-  const [{ getFirebaseApp }, { getFunctions, httpsCallable }] = await Promise.all([
+  const [{ getFirebaseApp }, { callable }] = await Promise.all([
     import("../../../firebase/client.js"),
-    import("firebase/functions")
+    import("../../../firebase/functionsClient.js")
   ]);
   const app = getFirebaseApp();
   if (!app) throw new Error("Niet beschikbaar.");
-  const fn = httpsCallable(getFunctions(app, functionsRegion()), "submitForm");
+  const fn = callable(app, "submitForm");
   await fn({ siteId, formId, values, _hp: hp });
 }
 export {

package/dist/blocks/builtins/lib/submitForm.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/blocks/builtins/lib/submitForm.ts"],"sourcesContent":["\"use client\";\n\nimport { functionsRegion } from \"../../../firebase/region\";\n\n/**\n * Verstuur een formulier-inzending via de `submitForm`-callable — gedeeld door het\n * formulier-blok en het nieuwsbrief-blok (formId-modus), zodat validatie/rate-limiting/\n * notificatie voor beide identiek server-side lopen.\n */\nexport async function submitFormValues(\n  siteId: string,\n  formId: string,\n  values: Record<string, string | boolean>,\n  hp = \"\",\n): Promise<void> {\n  // Dynamisch: een bezoeker die nooit een formulier verstuurt, hoeft de SDK niet te downloaden.\n  const [{ getFirebaseApp }, { getFunctions, httpsCallable }] = await Promise.all([\n    import(\"../../../firebase/client\"),\n    import(\"firebase/functions\"),\n  ]);\n  const app = getFirebaseApp();\n  if (!app) throw new Error(\"Niet beschikbaar.\");\n  const fn = httpsCallable(getFunctions(app, functionsRegion()), \"submitForm\");\n  await fn({ siteId, formId, values, _hp: hp });\n}\n"],"mappings":";AAEA,SAAS,uBAAuB;AAOhC,eAAsB,iBACpB,QACA,QACA,QACA,KAAK,IACU;AAEf,QAAM,CAAC,EAAE,eAAe,GAAG,EAAE,cAAc,cAAc,CAAC,IAAI,MAAM,QAAQ,IAAI;AAAA,IAC9E,OAAO,0BAA0B;AAAA,IACjC,OAAO,oBAAoB;AAAA,EAC7B,CAAC;AACD,QAAM,MAAM,eAAe;AAC3B,MAAI,CAAC,IAAK,OAAM,IAAI,MAAM,mBAAmB;AAC7C,QAAM,KAAK,cAAc,aAAa,KAAK,gBAAgB,CAAC,GAAG,YAAY;AAC3E,QAAM,GAAG,EAAE,QAAQ,QAAQ,QAAQ,KAAK,GAAG,CAAC;AAC9C;","names":[]}
+{"version":3,"sources":["../../../../src/blocks/builtins/lib/submitForm.ts"],"sourcesContent":["\"use client\";\n\n/**\n * Verstuur een formulier-inzending via de `submitForm`-callable — gedeeld door het\n * formulier-blok en het nieuwsbrief-blok (formId-modus), zodat validatie/rate-limiting/\n * notificatie voor beide identiek server-side lopen.\n */\nexport async function submitFormValues(\n  siteId: string,\n  formId: string,\n  values: Record<string, string | boolean>,\n  hp = \"\",\n): Promise<void> {\n  // Dynamisch: een bezoeker die nooit een formulier verstuurt, hoeft de SDK niet te downloaden.\n  const [{ getFirebaseApp }, { callable }] = await Promise.all([\n    import(\"../../../firebase/client\"),\n    import(\"../../../firebase/functionsClient\"),\n  ]);\n  const app = getFirebaseApp();\n  if (!app) throw new Error(\"Niet beschikbaar.\");\n  const fn = callable(app, \"submitForm\");\n  await fn({ siteId, formId, values, _hp: hp });\n}\n"],"mappings":";AAOA,eAAsB,iBACpB,QACA,QACA,QACA,KAAK,IACU;AAEf,QAAM,CAAC,EAAE,eAAe,GAAG,EAAE,SAAS,CAAC,IAAI,MAAM,QAAQ,IAAI;AAAA,IAC3D,OAAO,0BAA0B;AAAA,IACjC,OAAO,mCAAmC;AAAA,EAC5C,CAAC;AACD,QAAM,MAAM,eAAe;AAC3B,MAAI,CAAC,IAAK,OAAM,IAAI,MAAM,mBAAmB;AAC7C,QAAM,KAAK,SAAS,KAAK,YAAY;AACrC,QAAM,GAAG,EAAE,QAAQ,QAAQ,QAAQ,KAAK,GAAG,CAAC;AAC9C;","names":[]}

package/dist/blocks/ui/index.d.ts

@@ -27,9 +27,16 @@ export interface BtnProps {
     target?: string;
     onClick?: () => void;
     children?: ReactNode;
+    /**
+     * Veldpad voor inline bewerken, bv. `"buttonLabel"` of `` `items.${i}.ctaLabel` ``. Het label
+     * gaat dan door een eigen `<span>` met de `data-xicms-edit`-haak, zodat de knoptekst op het
+     * canvas te bewerken is i.p.v. alleen via het zijpaneel. Astryx houdt `label` als toegankelijke
+     * naam aan (het zet zelf `aria-label` zodra children afwijken), dus dit kost geen a11y.
+     */
+    editField?: string;
 }
 /**
  * Knop/CTA-helper bovenop Astryx `Button`. Rendert als link wanneer `href` gezet is. Houdt de
  * bestaande XiCMS-varianten (primary/secondary/outline) werkend via de mapping hierboven.
  */
-export declare function Btn({ label, href, variant, size, type, target, onClick }: BtnProps): import("react").JSX.Element;
+export declare function Btn({ label, href, variant, size, type, target, onClick, editField }: BtnProps): import("react").JSX.Element;

package/dist/blocks/ui/index.js

@@ -17,7 +17,7 @@ const VARIANT_MAP = {
   outline: "ghost",
   ghost: "ghost"
 };
-function Btn({ label, href, variant = "primary", size = "lg", type, target, onClick }) {
+function Btn({ label, href, variant = "primary", size = "lg", type, target, onClick, editField }) {
   return /* @__PURE__ */ jsx(
     Button,
     {
@@ -28,7 +28,8 @@ function Btn({ label, href, variant = "primary", size = "lg", type, target, onCl
       target: href && target ? target : void 0,
       rel: target === "_blank" ? "noopener noreferrer" : void 0,
       type: href ? void 0 : type ?? "button",
-      clickAction: onClick
+      clickAction: onClick,
+      children: editField ? /* @__PURE__ */ jsx("span", { "data-xicms-edit": editField, children: label }) : void 0
     }
   );
 }

package/dist/blocks/ui/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/blocks/ui/index.tsx"],"sourcesContent":["\"use client\";\n\n/**\n * Gedeelde presentatie-primitieven voor de runtime-blokken — een dunne laag bovenop het Astryx\n * design system (Meta, StyleX). Blokken bouwen hierop i.p.v. losse `xicms-*`-classNames, zodat het\n * uiterlijk consistent is en we de onderlaag centraal kunnen wijzigen.\n *\n * De merk-look per site komt via de Astryx-token-mapping op `.xicms-root` (zie XiCMSProvider):\n * `--color-accent`, `--font-family-*`, `--radius-*` volgen de XiCMS-thema-tokens.\n */\n\nimport { type ReactNode } from \"react\";\nimport { Button, type ButtonVariant } from \"@astryxdesign/core/Button\";\n\nexport { VStack } from \"@astryxdesign/core/VStack\";\nexport { HStack } from \"@astryxdesign/core/HStack\";\nexport { Stack } from \"@astryxdesign/core/Stack\";\nexport { Grid } from \"@astryxdesign/core/Grid\";\nexport { Card } from \"@astryxdesign/core/Card\";\nexport { Heading } from \"@astryxdesign/core/Heading\";\nexport { Text } from \"@astryxdesign/core/Text\";\nexport { Divider } from \"@astryxdesign/core/Divider\";\nexport { Badge } from \"@astryxdesign/core/Badge\";\nexport { Avatar } from \"@astryxdesign/core/Avatar\";\n\n/** XiCMS-knopvarianten → Astryx-varianten (Astryx kent geen \"outline\" → ghost). */\nconst VARIANT_MAP: Record<string, ButtonVariant> = {\n  primary: \"primary\",\n  secondary: \"secondary\",\n  outline: \"ghost\",\n  ghost: \"ghost\",\n};\n\nexport interface BtnProps {\n  label: string;\n  href?: string;\n  variant?: string;\n  /** Marketing-knoppen zijn standaard wat groter dan de app-default. */\n  size?: \"sm\" | \"md\" | \"lg\";\n  type?: \"button\" | \"submit\" | \"reset\";\n  target?: string;\n  onClick?: () => void;\n  children?: ReactNode;\n}\n\n/**\n * Knop/CTA-helper bovenop Astryx `Button`. Rendert als link wanneer `href` gezet is. Houdt de\n * bestaande XiCMS-varianten (primary/secondary/outline) werkend via de mapping hierboven.\n */\nexport function Btn({ label, href, variant = \"primary\", size = \"lg\", type, target, onClick }: BtnProps) {\n  return (\n    <Button\n      label={label}\n      variant={VARIANT_MAP[variant] ?? \"primary\"}\n      size={size}\n      href={href}\n      target={href && target ? target : undefined}\n      rel={target === \"_blank\" ? \"noopener noreferrer\" : undefined}\n      type={href ? undefined : (type ?? \"button\")}\n      clickAction={onClick}\n    />\n  );\n}\n"],"mappings":";AAmDI;AAvCJ,SAAS,cAAkC;AAE3C,SAAS,cAAc;AACvB,SAAS,cAAc;AACvB,SAAS,aAAa;AACtB,SAAS,YAAY;AACrB,SAAS,YAAY;AACrB,SAAS,eAAe;AACxB,SAAS,YAAY;AACrB,SAAS,eAAe;AACxB,SAAS,aAAa;AACtB,SAAS,cAAc;AAGvB,MAAM,cAA6C;AAAA,EACjD,SAAS;AAAA,EACT,WAAW;AAAA,EACX,SAAS;AAAA,EACT,OAAO;AACT;AAkBO,SAAS,IAAI,EAAE,OAAO,MAAM,UAAU,WAAW,OAAO,MAAM,MAAM,QAAQ,QAAQ,GAAa;AACtG,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,SAAS,YAAY,OAAO,KAAK;AAAA,MACjC;AAAA,MACA;AAAA,MACA,QAAQ,QAAQ,SAAS,SAAS;AAAA,MAClC,KAAK,WAAW,WAAW,wBAAwB;AAAA,MACnD,MAAM,OAAO,SAAa,QAAQ;AAAA,MAClC,aAAa;AAAA;AAAA,EACf;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/blocks/ui/index.tsx"],"sourcesContent":["\"use client\";\n\n/**\n * Gedeelde presentatie-primitieven voor de runtime-blokken — een dunne laag bovenop het Astryx\n * design system (Meta, StyleX). Blokken bouwen hierop i.p.v. losse `xicms-*`-classNames, zodat het\n * uiterlijk consistent is en we de onderlaag centraal kunnen wijzigen.\n *\n * De merk-look per site komt via de Astryx-token-mapping op `.xicms-root` (zie XiCMSProvider):\n * `--color-accent`, `--font-family-*`, `--radius-*` volgen de XiCMS-thema-tokens.\n */\n\nimport { type ReactNode } from \"react\";\nimport { Button, type ButtonVariant } from \"@astryxdesign/core/Button\";\n\nexport { VStack } from \"@astryxdesign/core/VStack\";\nexport { HStack } from \"@astryxdesign/core/HStack\";\nexport { Stack } from \"@astryxdesign/core/Stack\";\nexport { Grid } from \"@astryxdesign/core/Grid\";\nexport { Card } from \"@astryxdesign/core/Card\";\nexport { Heading } from \"@astryxdesign/core/Heading\";\nexport { Text } from \"@astryxdesign/core/Text\";\nexport { Divider } from \"@astryxdesign/core/Divider\";\nexport { Badge } from \"@astryxdesign/core/Badge\";\nexport { Avatar } from \"@astryxdesign/core/Avatar\";\n\n/** XiCMS-knopvarianten → Astryx-varianten (Astryx kent geen \"outline\" → ghost). */\nconst VARIANT_MAP: Record<string, ButtonVariant> = {\n  primary: \"primary\",\n  secondary: \"secondary\",\n  outline: \"ghost\",\n  ghost: \"ghost\",\n};\n\nexport interface BtnProps {\n  label: string;\n  href?: string;\n  variant?: string;\n  /** Marketing-knoppen zijn standaard wat groter dan de app-default. */\n  size?: \"sm\" | \"md\" | \"lg\";\n  type?: \"button\" | \"submit\" | \"reset\";\n  target?: string;\n  onClick?: () => void;\n  children?: ReactNode;\n  /**\n   * Veldpad voor inline bewerken, bv. `\"buttonLabel\"` of `` `items.${i}.ctaLabel` ``. Het label\n   * gaat dan door een eigen `<span>` met de `data-xicms-edit`-haak, zodat de knoptekst op het\n   * canvas te bewerken is i.p.v. alleen via het zijpaneel. Astryx houdt `label` als toegankelijke\n   * naam aan (het zet zelf `aria-label` zodra children afwijken), dus dit kost geen a11y.\n   */\n  editField?: string;\n}\n\n/**\n * Knop/CTA-helper bovenop Astryx `Button`. Rendert als link wanneer `href` gezet is. Houdt de\n * bestaande XiCMS-varianten (primary/secondary/outline) werkend via de mapping hierboven.\n */\nexport function Btn({ label, href, variant = \"primary\", size = \"lg\", type, target, onClick, editField }: BtnProps) {\n  return (\n    <Button\n      label={label}\n      variant={VARIANT_MAP[variant] ?? \"primary\"}\n      size={size}\n      href={href}\n      target={href && target ? target : undefined}\n      rel={target === \"_blank\" ? \"noopener noreferrer\" : undefined}\n      type={href ? undefined : (type ?? \"button\")}\n      clickAction={onClick}\n    >\n      {/* `undefined` laat Astryx op `label` terugvallen — alleen mét haak komt er een span omheen. */}\n      {editField ? <span data-xicms-edit={editField}>{label}</span> : undefined}\n    </Button>\n  );\n}\n"],"mappings":";AAqEmB;AAzDnB,SAAS,cAAkC;AAE3C,SAAS,cAAc;AACvB,SAAS,cAAc;AACvB,SAAS,aAAa;AACtB,SAAS,YAAY;AACrB,SAAS,YAAY;AACrB,SAAS,eAAe;AACxB,SAAS,YAAY;AACrB,SAAS,eAAe;AACxB,SAAS,aAAa;AACtB,SAAS,cAAc;AAGvB,MAAM,cAA6C;AAAA,EACjD,SAAS;AAAA,EACT,WAAW;AAAA,EACX,SAAS;AAAA,EACT,OAAO;AACT;AAyBO,SAAS,IAAI,EAAE,OAAO,MAAM,UAAU,WAAW,OAAO,MAAM,MAAM,QAAQ,SAAS,UAAU,GAAa;AACjH,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,SAAS,YAAY,OAAO,KAAK;AAAA,MACjC;AAAA,MACA;AAAA,MACA,QAAQ,QAAQ,SAAS,SAAS;AAAA,MAClC,KAAK,WAAW,WAAW,wBAAwB;AAAA,MACnD,MAAM,OAAO,SAAa,QAAQ;AAAA,MAClC,aAAa;AAAA,MAGZ,sBAAY,oBAAC,UAAK,mBAAiB,WAAY,iBAAM,IAAU;AAAA;AAAA,EAClE;AAEJ;","names":[]}

package/dist/components/EditBar.d.ts

@@ -1,2 +1,10 @@
-/** Zwevende werkbalk voor ingelogde beheerders/editors. */
+/**
+ * Zwevende werkbalk voor ingelogde beheerders/editors.
+ *
+ * Bewust met EIGEN klassen en eigen kleuren, niet met `.xicms-btn`. Die knop leest de
+ * `--xicms-*`-tokens van de klantsite, en dit balkje zweeft over die site heen: het nam daardoor
+ * half de huisstijl over (en op plekken waar de tokens niet in scope zijn, viel het terug op een
+ * indigo die bij niets hoorde). Gereedschap hoort er als gereedschap uit te zien — hetzelfde op
+ * elke site, herkenbaar los van de pagina eronder.
+ */
 export declare function EditBar(): import("react").JSX.Element | null;

package/dist/components/EditBar.js

@@ -7,11 +7,12 @@ function EditBar() {
   const { user, role, signOut, demo } = useAuth();
   const { open, openEditor } = useEditor();
   if (!canEdit(role) || !user || open) return null;
-  return /* @__PURE__ */ jsxs("div", { className: "xicms-editbar", children: [
-    /* @__PURE__ */ jsx("span", { style: { fontWeight: 600 }, children: demo ? "XiCMS \xB7 demo" : "XiCMS" }),
-    /* @__PURE__ */ jsx("button", { type: "button", className: "xicms-btn", onClick: openEditor, children: "Bewerken" }),
-    !demo && /* @__PURE__ */ jsx("a", { href: "/beheer", className: "xicms-btn xicms-btn--ghost", children: "Beheer" }),
-    /* @__PURE__ */ jsx("button", { type: "button", className: "xicms-btn xicms-btn--ghost", onClick: () => void signOut(), children: "Uitloggen" })
+  return /* @__PURE__ */ jsxs("div", { className: "xicms-editbar", role: "toolbar", "aria-label": "Beheer", children: [
+    /* @__PURE__ */ jsx("span", { className: "xicms-editbar__brand", children: demo ? "XiCMS \xB7 demo" : "XiCMS" }),
+    /* @__PURE__ */ jsx("button", { type: "button", className: "xicms-editbar__btn xicms-editbar__btn--primary", onClick: openEditor, children: "Pagina bewerken" }),
+    /* @__PURE__ */ jsx("span", { className: "xicms-editbar__sep", "aria-hidden": "true" }),
+    !demo && /* @__PURE__ */ jsx("a", { href: "/beheer", className: "xicms-editbar__btn", children: "Beheer" }),
+    /* @__PURE__ */ jsx("button", { type: "button", className: "xicms-editbar__btn", onClick: () => void signOut(), children: "Uitloggen" })
   ] });
 }
 export {

package/dist/components/EditBar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/EditBar.tsx"],"sourcesContent":["\"use client\";\n\nimport { useAuth } from \"../auth/AuthProvider\";\nimport { canEdit } from \"../auth/roles\";\nimport { useEditor } from \"../editor/EditorProvider\";\n\n/** Zwevende werkbalk voor ingelogde beheerders/editors. */\nexport function EditBar() {\n  // Bewust via useAuth (niet via het deprecated ContentProvider-pad): de EditBar hoort bij het\n  // block-model en mag niet aan het legacy inline-systeem hangen.\n  const { user, role, signOut, demo } = useAuth();\n  const { open, openEditor } = useEditor();\n\n  if (!canEdit(role) || !user || open) return null;\n\n  return (\n    <div className=\"xicms-editbar\">\n      <span style={{ fontWeight: 600 }}>{demo ? \"XiCMS · demo\" : \"XiCMS\"}</span>\n      {/* Eén heldere bewerk-actie: opent de visuele editor waarin je tekst ter plekke (inline) bewerkt\n          én structuur/blokken aanpast. Geen aparte (verwarrende) inline-toggle meer. */}\n      <button type=\"button\" className=\"xicms-btn\" onClick={openEditor}>\n        Bewerken\n      </button>\n      {/* In de demo bestaat er geen /beheer-route; daar bewerk je alleen op de pagina. */}\n      {!demo && <a href=\"/beheer\" className=\"xicms-btn xicms-btn--ghost\">Beheer</a>}\n      <button type=\"button\" className=\"xicms-btn xicms-btn--ghost\" onClick={() => void signOut()}>\n        Uitloggen\n      </button>\n    </div>\n  );\n}\n"],"mappings":";AAgBI,SACE,KADF;AAdJ,SAAS,eAAe;AACxB,SAAS,eAAe;AACxB,SAAS,iBAAiB;AAGnB,SAAS,UAAU;AAGxB,QAAM,EAAE,MAAM,MAAM,SAAS,KAAK,IAAI,QAAQ;AAC9C,QAAM,EAAE,MAAM,WAAW,IAAI,UAAU;AAEvC,MAAI,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,KAAM,QAAO;AAE5C,SACE,qBAAC,SAAI,WAAU,iBACb;AAAA,wBAAC,UAAK,OAAO,EAAE,YAAY,IAAI,GAAI,iBAAO,oBAAiB,SAAQ;AAAA,IAGnE,oBAAC,YAAO,MAAK,UAAS,WAAU,aAAY,SAAS,YAAY,sBAEjE;AAAA,IAEC,CAAC,QAAQ,oBAAC,OAAE,MAAK,WAAU,WAAU,8BAA6B,oBAAM;AAAA,IACzE,oBAAC,YAAO,MAAK,UAAS,WAAU,8BAA6B,SAAS,MAAM,KAAK,QAAQ,GAAG,uBAE5F;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/EditBar.tsx"],"sourcesContent":["\"use client\";\n\nimport { useAuth } from \"../auth/AuthProvider\";\nimport { canEdit } from \"../auth/roles\";\nimport { useEditor } from \"../editor/EditorProvider\";\n\n/**\n * Zwevende werkbalk voor ingelogde beheerders/editors.\n *\n * Bewust met EIGEN klassen en eigen kleuren, niet met `.xicms-btn`. Die knop leest de\n * `--xicms-*`-tokens van de klantsite, en dit balkje zweeft over die site heen: het nam daardoor\n * half de huisstijl over (en op plekken waar de tokens niet in scope zijn, viel het terug op een\n * indigo die bij niets hoorde). Gereedschap hoort er als gereedschap uit te zien — hetzelfde op\n * elke site, herkenbaar los van de pagina eronder.\n */\nexport function EditBar() {\n  // Bewust via useAuth (niet via het deprecated ContentProvider-pad): de EditBar hoort bij het\n  // block-model en mag niet aan het legacy inline-systeem hangen.\n  const { user, role, signOut, demo } = useAuth();\n  const { open, openEditor } = useEditor();\n\n  if (!canEdit(role) || !user || open) return null;\n\n  return (\n    <div className=\"xicms-editbar\" role=\"toolbar\" aria-label=\"Beheer\">\n      <span className=\"xicms-editbar__brand\">{demo ? \"XiCMS · demo\" : \"XiCMS\"}</span>\n      {/* Eén heldere hoofdactie: opent de visuele editor waarin je tekst ter plekke (inline)\n          bewerkt én blokken aanpast. Woordelijk hetzelfde als waar de demo-balk naar verwijst. */}\n      <button type=\"button\" className=\"xicms-editbar__btn xicms-editbar__btn--primary\" onClick={openEditor}>\n        Pagina bewerken\n      </button>\n      <span className=\"xicms-editbar__sep\" aria-hidden=\"true\" />\n      {/* In de demo bestaat er geen /beheer-route; daar bewerk je alleen op de pagina. */}\n      {!demo && <a href=\"/beheer\" className=\"xicms-editbar__btn\">Beheer</a>}\n      <button type=\"button\" className=\"xicms-editbar__btn\" onClick={() => void signOut()}>\n        Uitloggen\n      </button>\n    </div>\n  );\n}\n"],"mappings":";AAwBI,SACE,KADF;AAtBJ,SAAS,eAAe;AACxB,SAAS,eAAe;AACxB,SAAS,iBAAiB;AAWnB,SAAS,UAAU;AAGxB,QAAM,EAAE,MAAM,MAAM,SAAS,KAAK,IAAI,QAAQ;AAC9C,QAAM,EAAE,MAAM,WAAW,IAAI,UAAU;AAEvC,MAAI,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,KAAM,QAAO;AAE5C,SACE,qBAAC,SAAI,WAAU,iBAAgB,MAAK,WAAU,cAAW,UACvD;AAAA,wBAAC,UAAK,WAAU,wBAAwB,iBAAO,oBAAiB,SAAQ;AAAA,IAGxE,oBAAC,YAAO,MAAK,UAAS,WAAU,kDAAiD,SAAS,YAAY,6BAEtG;AAAA,IACA,oBAAC,UAAK,WAAU,sBAAqB,eAAY,QAAO;AAAA,IAEvD,CAAC,QAAQ,oBAAC,OAAE,MAAK,WAAU,WAAU,sBAAqB,oBAAM;AAAA,IACjE,oBAAC,YAAO,MAAK,UAAS,WAAU,sBAAqB,SAAS,MAAM,KAAK,QAAQ,GAAG,uBAEpF;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/PageView.js

@@ -1,6 +1,5 @@
 "use client";
 import { useEffect } from "react";
-import { functionsRegion } from "../firebase/region.js";
 import { useSiteConfig } from "../config.js";
 function PageView({ path }) {
   const { siteId } = useSiteConfig();
@@ -13,14 +12,13 @@ function PageView({ path }) {
     } catch {
     }
     void (async () => {
-      const [{ getFirebaseApp }, { getFunctions, httpsCallable }] = await Promise.all([
+      const [{ getFirebaseApp }, { callable }] = await Promise.all([
         import("../firebase/client.js"),
-        import("firebase/functions")
+        import("../firebase/functionsClient.js")
       ]);
       const app = getFirebaseApp();
       if (!app) return;
-      const fn = httpsCallable(getFunctions(app, functionsRegion()), "trackView");
-      await fn({ siteId, path });
+      await callable(app, "trackView")({ siteId, path });
     })().catch(() => {
     });
   }, [siteId, path]);

package/dist/components/PageView.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/PageView.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect } from \"react\";\nimport { functionsRegion } from \"../firebase/region\";\nimport { useSiteConfig } from \"../config\";\n\n/**\n * Registreert één pageview voor de huidige site/pad — max. één keer per browsersessie per pad\n * (sessionStorage). Privacy-vriendelijk en goedkoop. No-op zonder Firebase. Plaats dit in de\n * publieke layout van een klantsite (binnen <XiCMSProvider>).\n */\nexport function PageView({ path }: { path: string }) {\n  const { siteId } = useSiteConfig();\n\n  useEffect(() => {\n    if (typeof window === \"undefined\") return;\n    const key = `xicms_view:${siteId}:${path}`;\n    try {\n      if (sessionStorage.getItem(key)) return;\n      sessionStorage.setItem(key, \"1\");\n    } catch {\n      /* private mode e.d. — ga gewoon door */\n    }\n    // Firebase pas laden wanneer er écht getracked wordt: statisch importeren zette de hele SDK\n    // in de bundel van elke publieke pagina, voor één fire-and-forget-call.\n    void (async () => {\n      const [{ getFirebaseApp }, { getFunctions, httpsCallable }] = await Promise.all([\n        import(\"../firebase/client\"),\n        import(\"firebase/functions\"),\n      ]);\n      const app = getFirebaseApp();\n      if (!app) return;\n      const fn = httpsCallable(getFunctions(app, functionsRegion()), \"trackView\");\n      await fn({ siteId, path });\n    })().catch(() => {\n      /* stats mogen nooit de site breken */\n    });\n  }, [siteId, path]);\n\n  return null;\n}\n"],"mappings":";AAEA,SAAS,iBAAiB;AAC1B,SAAS,uBAAuB;AAChC,SAAS,qBAAqB;AAOvB,SAAS,SAAS,EAAE,KAAK,GAAqB;AACnD,QAAM,EAAE,OAAO,IAAI,cAAc;AAEjC,YAAU,MAAM;AACd,QAAI,OAAO,WAAW,YAAa;AACnC,UAAM,MAAM,cAAc,MAAM,IAAI,IAAI;AACxC,QAAI;AACF,UAAI,eAAe,QAAQ,GAAG,EAAG;AACjC,qBAAe,QAAQ,KAAK,GAAG;AAAA,IACjC,QAAQ;AAAA,IAER;AAGA,UAAM,YAAY;AAChB,YAAM,CAAC,EAAE,eAAe,GAAG,EAAE,cAAc,cAAc,CAAC,IAAI,MAAM,QAAQ,IAAI;AAAA,QAC9E,OAAO,oBAAoB;AAAA,QAC3B,OAAO,oBAAoB;AAAA,MAC7B,CAAC;AACD,YAAM,MAAM,eAAe;AAC3B,UAAI,CAAC,IAAK;AACV,YAAM,KAAK,cAAc,aAAa,KAAK,gBAAgB,CAAC,GAAG,WAAW;AAC1E,YAAM,GAAG,EAAE,QAAQ,KAAK,CAAC;AAAA,IAC3B,GAAG,EAAE,MAAM,MAAM;AAAA,IAEjB,CAAC;AAAA,EACH,GAAG,CAAC,QAAQ,IAAI,CAAC;AAEjB,SAAO;AACT;","names":[]}
+{"version":3,"sources":["../../src/components/PageView.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect } from \"react\";\nimport { useSiteConfig } from \"../config\";\n\n/**\n * Registreert één pageview voor de huidige site/pad — max. één keer per browsersessie per pad\n * (sessionStorage). Privacy-vriendelijk en goedkoop. No-op zonder Firebase. Plaats dit in de\n * publieke layout van een klantsite (binnen <XiCMSProvider>).\n */\nexport function PageView({ path }: { path: string }) {\n  const { siteId } = useSiteConfig();\n\n  useEffect(() => {\n    if (typeof window === \"undefined\") return;\n    const key = `xicms_view:${siteId}:${path}`;\n    try {\n      if (sessionStorage.getItem(key)) return;\n      sessionStorage.setItem(key, \"1\");\n    } catch {\n      /* private mode e.d. — ga gewoon door */\n    }\n    // Firebase pas laden wanneer er écht getracked wordt: statisch importeren zette de hele SDK\n    // in de bundel van elke publieke pagina, voor één fire-and-forget-call.\n    void (async () => {\n      const [{ getFirebaseApp }, { callable }] = await Promise.all([\n        import(\"../firebase/client\"),\n        import(\"../firebase/functionsClient\"),\n      ]);\n      const app = getFirebaseApp();\n      if (!app) return;\n      await callable(app, \"trackView\")({ siteId, path });\n    })().catch(() => {\n      /* stats mogen nooit de site breken */\n    });\n  }, [siteId, path]);\n\n  return null;\n}\n"],"mappings":";AAEA,SAAS,iBAAiB;AAC1B,SAAS,qBAAqB;AAOvB,SAAS,SAAS,EAAE,KAAK,GAAqB;AACnD,QAAM,EAAE,OAAO,IAAI,cAAc;AAEjC,YAAU,MAAM;AACd,QAAI,OAAO,WAAW,YAAa;AACnC,UAAM,MAAM,cAAc,MAAM,IAAI,IAAI;AACxC,QAAI;AACF,UAAI,eAAe,QAAQ,GAAG,EAAG;AACjC,qBAAe,QAAQ,KAAK,GAAG;AAAA,IACjC,QAAQ;AAAA,IAER;AAGA,UAAM,YAAY;AAChB,YAAM,CAAC,EAAE,eAAe,GAAG,EAAE,SAAS,CAAC,IAAI,MAAM,QAAQ,IAAI;AAAA,QAC3D,OAAO,oBAAoB;AAAA,QAC3B,OAAO,6BAA6B;AAAA,MACtC,CAAC;AACD,YAAM,MAAM,eAAe;AAC3B,UAAI,CAAC,IAAK;AACV,YAAM,SAAS,KAAK,WAAW,EAAE,EAAE,QAAQ,KAAK,CAAC;AAAA,IACnD,GAAG,EAAE,MAAM,MAAM;AAAA,IAEjB,CAAC;AAAA,EACH,GAAG,CAAC,QAAQ,IAAI,CAAC;AAEjB,SAAO;AACT;","names":[]}

package/dist/firebase/admin.js

@@ -10,6 +10,10 @@ function readServiceAccount() {
 }
 function getAdminApp() {
   if (getApps().length) return getApp();
+  if (process.env.FIRESTORE_EMULATOR_HOST) {
+    const projectId = process.env.FIREBASE_PROJECT_ID ?? process.env.NEXT_PUBLIC_FIREBASE_PROJECT_ID;
+    if (projectId) return initializeApp({ projectId });
+  }
   const sa = readServiceAccount();
   if (!sa) return null;
   return initializeApp({ credential: cert(sa) });

package/dist/firebase/admin.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/firebase/admin.ts"],"sourcesContent":["import \"server-only\";\n\nimport { cert, getApp, getApps, initializeApp, type App } from \"firebase-admin/app\";\nimport { getFirestore, type Firestore } from \"firebase-admin/firestore\";\n\n/**\n * Server-side Firebase Admin (alleen voor server actions / route handlers).\n * NOOIT importeren in client-componenten — importeer dit via \"@xiwebdesign/xicms-core/server\".\n *\n * BEWUST ZONDER `firebase-admin/auth` — die leeft in ./adminAuth.ts. Reden: `server/pages.ts`\n * importeert `getAdminDb` voor élke publieke pagina, en zolang auth in ditzelfde bestand stond\n * belandde de hele auth-tak in de route-bundel van iedere site. Dat is niet alleen ballast maar\n * FATAAL op Vercel: firebase-admin/auth trekt jwks-rsa aan, die `require(\"jose\")` doet terwijl\n * jose 6 puur ESM is. Turbopack laadt externals strikt als CJS, dus élke server-render van een\n * publieke pagina eindigde in ERR_REQUIRE_ESM → HTTP 500. Geprerenderde pagina's overleefden dat\n * (die draaien niet op de server), waardoor het pas opvalt zodra er echte CMS-content is.\n *\n * Credentials komen uit env:\n *   FIREBASE_PROJECT_ID\n *   FIREBASE_CLIENT_EMAIL\n *   FIREBASE_PRIVATE_KEY   (met letterlijke \\n; die vervangen we hieronder)\n */\nfunction readServiceAccount() {\n  const projectId = process.env.FIREBASE_PROJECT_ID;\n  const clientEmail = process.env.FIREBASE_CLIENT_EMAIL;\n  const privateKey = process.env.FIREBASE_PRIVATE_KEY?.replace(/\\\\n/g, \"\\n\");\n  if (!projectId || !clientEmail || !privateKey) return null;\n  return { projectId, clientEmail, privateKey };\n}\n\nexport function getAdminApp(): App | null {\n  if (getApps().length) return getApp();\n  const sa = readServiceAccount();\n  if (!sa) return null;\n  return initializeApp({ credential: cert(sa) });\n}\n\nexport function getAdminDb(): Firestore | null {\n  const app = getAdminApp();\n  return app ? getFirestore(app) : null;\n}\n"],"mappings":"AAAA,OAAO;AAEP,SAAS,MAAM,QAAQ,SAAS,qBAA+B;AAC/D,SAAS,oBAAoC;AAmB7C,SAAS,qBAAqB;AAC5B,QAAM,YAAY,QAAQ,IAAI;AAC9B,QAAM,cAAc,QAAQ,IAAI;AAChC,QAAM,aAAa,QAAQ,IAAI,sBAAsB,QAAQ,QAAQ,IAAI;AACzE,MAAI,CAAC,aAAa,CAAC,eAAe,CAAC,WAAY,QAAO;AACtD,SAAO,EAAE,WAAW,aAAa,WAAW;AAC9C;AAEO,SAAS,cAA0B;AACxC,MAAI,QAAQ,EAAE,OAAQ,QAAO,OAAO;AACpC,QAAM,KAAK,mBAAmB;AAC9B,MAAI,CAAC,GAAI,QAAO;AAChB,SAAO,cAAc,EAAE,YAAY,KAAK,EAAE,EAAE,CAAC;AAC/C;AAEO,SAAS,aAA+B;AAC7C,QAAM,MAAM,YAAY;AACxB,SAAO,MAAM,aAAa,GAAG,IAAI;AACnC;","names":[]}
+{"version":3,"sources":["../../src/firebase/admin.ts"],"sourcesContent":["import \"server-only\";\n\nimport { cert, getApp, getApps, initializeApp, type App } from \"firebase-admin/app\";\nimport { getFirestore, type Firestore } from \"firebase-admin/firestore\";\n\n/**\n * Server-side Firebase Admin (alleen voor server actions / route handlers).\n * NOOIT importeren in client-componenten — importeer dit via \"@xiwebdesign/xicms-core/server\".\n *\n * BEWUST ZONDER `firebase-admin/auth` — die leeft in ./adminAuth.ts. Reden: `server/pages.ts`\n * importeert `getAdminDb` voor élke publieke pagina, en zolang auth in ditzelfde bestand stond\n * belandde de hele auth-tak in de route-bundel van iedere site. Dat is niet alleen ballast maar\n * FATAAL op Vercel: firebase-admin/auth trekt jwks-rsa aan, die `require(\"jose\")` doet terwijl\n * jose 6 puur ESM is. Turbopack laadt externals strikt als CJS, dus élke server-render van een\n * publieke pagina eindigde in ERR_REQUIRE_ESM → HTTP 500. Geprerenderde pagina's overleefden dat\n * (die draaien niet op de server), waardoor het pas opvalt zodra er echte CMS-content is.\n *\n * Credentials komen uit env:\n *   FIREBASE_PROJECT_ID\n *   FIREBASE_CLIENT_EMAIL\n *   FIREBASE_PRIVATE_KEY   (met letterlijke \\n; die vervangen we hieronder)\n */\nfunction readServiceAccount() {\n  const projectId = process.env.FIREBASE_PROJECT_ID;\n  const clientEmail = process.env.FIREBASE_CLIENT_EMAIL;\n  const privateKey = process.env.FIREBASE_PRIVATE_KEY?.replace(/\\\\n/g, \"\\n\");\n  if (!projectId || !clientEmail || !privateKey) return null;\n  return { projectId, clientEmail, privateKey };\n}\n\nexport function getAdminApp(): App | null {\n  if (getApps().length) return getApp();\n  // Emulator-tak: firebase-admin praat vanzelf met `FIRESTORE_EMULATOR_HOST` zodra die gezet is en\n  // heeft dan GEEN credentials nodig — alleen een projectId. Zonder deze tak gaf `getAdminDb()`\n  // lokaal `null` (er is geen service-account op je machine) en viel de reader terug op het\n  // keyless REST-pad, dat naar de ECHTE Firestore wijst. De emulator-ondersteuning van 7.3 dekte\n  // daardoor alleen de browser; de SERVER-kant — en dus live-reads, het hele punt — was lokaal niet\n  // te testen. De vlag is veilig als signaal: hij hoort alleen in een lokale shell te staan, en\n  // firebase-admin zelf gebruikt precies dezelfde variabele.\n  if (process.env.FIRESTORE_EMULATOR_HOST) {\n    const projectId = process.env.FIREBASE_PROJECT_ID ?? process.env.NEXT_PUBLIC_FIREBASE_PROJECT_ID;\n    if (projectId) return initializeApp({ projectId });\n  }\n  const sa = readServiceAccount();\n  if (!sa) return null;\n  return initializeApp({ credential: cert(sa) });\n}\n\nexport function getAdminDb(): Firestore | null {\n  const app = getAdminApp();\n  return app ? getFirestore(app) : null;\n}\n"],"mappings":"AAAA,OAAO;AAEP,SAAS,MAAM,QAAQ,SAAS,qBAA+B;AAC/D,SAAS,oBAAoC;AAmB7C,SAAS,qBAAqB;AAC5B,QAAM,YAAY,QAAQ,IAAI;AAC9B,QAAM,cAAc,QAAQ,IAAI;AAChC,QAAM,aAAa,QAAQ,IAAI,sBAAsB,QAAQ,QAAQ,IAAI;AACzE,MAAI,CAAC,aAAa,CAAC,eAAe,CAAC,WAAY,QAAO;AACtD,SAAO,EAAE,WAAW,aAAa,WAAW;AAC9C;AAEO,SAAS,cAA0B;AACxC,MAAI,QAAQ,EAAE,OAAQ,QAAO,OAAO;AAQpC,MAAI,QAAQ,IAAI,yBAAyB;AACvC,UAAM,YAAY,QAAQ,IAAI,uBAAuB,QAAQ,IAAI;AACjE,QAAI,UAAW,QAAO,cAAc,EAAE,UAAU,CAAC;AAAA,EACnD;AACA,QAAM,KAAK,mBAAmB;AAC9B,MAAI,CAAC,GAAI,QAAO;AAChB,SAAO,cAAc,EAAE,YAAY,KAAK,EAAE,EAAE,CAAC;AAC/C;AAEO,SAAS,aAA+B;AAC7C,QAAM,MAAM,YAAY;AACxB,SAAO,MAAM,aAAa,GAAG,IAAI;AACnC;","names":[]}