@xiwebdesign/xicms-core 6.4.7 → 7.0.0

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

@@ -1,46 +1,46 @@
-import type { BlockDefinition } from "../registry";
+import type { BlockDefinition } from "../registry.js";
 /**
  * Alle ingebouwde blokken. AFGELEID van `builtinModules` (de enige bron van waarheid): een nieuw
  * blok registreer je alleen in zijn module — het verschijnt hier automatisch. Zo kan deze lijst
  * nooit uit de pas lopen met wat de modules leveren. Klant-blokken komen erbij via `mergeRegistry`.
  */
 export declare const builtinBlocks: BlockDefinition[];
-export { heroBlock } from "./Hero";
-export { richTextBlock } from "./RichTextBlock";
-export { imageBlock } from "./ImageBlock";
-export { galleryBlock } from "./Gallery";
-export { ctaBlock } from "./Cta";
-export { faqBlock } from "./Faq";
-export { openingHoursBlock } from "./OpeningHours";
-export { pricingBlock } from "./Pricing";
-export { spacerBlock } from "./Spacer";
-export { columnsBlock } from "./Columns";
-export { newsListBlock } from "./NewsListBlock";
-export { formBlock } from "./FormBlock";
-export { testimonialsBlock } from "./Testimonials";
-export { teamBlock } from "./Team";
-export { agendaBlock } from "./Agenda";
-export { searchBlock } from "./Search";
-export { featureBlock, countersBlock, logosBlock, timelineBlock } from "./Sections";
-export { videoBlock } from "./Video";
-export { bannerBlock } from "./Banner";
-export { contactBlock, socialBlock } from "./Contact";
-export { mapBlock } from "./MapBlock";
-export { newsletterBlock } from "./Newsletter";
-export { bookingBlock } from "./Booking";
-export { buttonsBlock, quoteBlock, dividerBlock } from "./Elements";
-export { accordionBlock } from "./Accordion";
-export { embedBlock } from "./Embed";
-export { withSidebarBlock, tabsBlock } from "./Layout";
-export { cardsBlock } from "./Cards";
-export { downloadsBlock } from "./Downloads";
-export { pdfBlock } from "./PdfBlock";
-export { countdownBlock } from "./Countdown";
-export { sliderBlock } from "./Slider";
-export { whatsappChatBlock } from "./WhatsappChat";
-export { beforeAfterBlock } from "./BeforeAfter";
-export { portfolioBlock } from "./Portfolio";
-export { jobsBlock } from "./Jobs";
-export { breadcrumbsBlock } from "./Breadcrumbs";
-export { newsWidget, agendaWidget, openingHoursWidget, contactWidget, socialWidget, newsletterWidget, ctaWidget, galleryWidget, testimonialsWidget, cardsWidget, downloadsWidget, countdownWidget, } from "./Widgets";
-export { ConsentEmbed } from "./consentEmbed";
+export { heroBlock } from "./Hero.js";
+export { richTextBlock } from "./RichTextBlock.js";
+export { imageBlock } from "./ImageBlock.js";
+export { galleryBlock } from "./Gallery.js";
+export { ctaBlock } from "./Cta.js";
+export { faqBlock } from "./Faq.js";
+export { openingHoursBlock } from "./OpeningHours.js";
+export { pricingBlock } from "./Pricing.js";
+export { spacerBlock } from "./Spacer.js";
+export { columnsBlock } from "./Columns.js";
+export { newsListBlock } from "./NewsListBlock.js";
+export { formBlock } from "./FormBlock.js";
+export { testimonialsBlock } from "./Testimonials.js";
+export { teamBlock } from "./Team.js";
+export { agendaBlock } from "./Agenda.js";
+export { searchBlock } from "./Search.js";
+export { featureBlock, countersBlock, logosBlock, timelineBlock } from "./Sections.js";
+export { videoBlock } from "./Video.js";
+export { bannerBlock } from "./Banner.js";
+export { contactBlock, socialBlock } from "./Contact.js";
+export { mapBlock } from "./MapBlock.js";
+export { newsletterBlock } from "./Newsletter.js";
+export { bookingBlock } from "./Booking.js";
+export { buttonsBlock, quoteBlock, dividerBlock } from "./Elements.js";
+export { accordionBlock } from "./Accordion.js";
+export { embedBlock } from "./Embed.js";
+export { withSidebarBlock, tabsBlock } from "./Layout.js";
+export { cardsBlock } from "./Cards.js";
+export { downloadsBlock } from "./Downloads.js";
+export { pdfBlock } from "./PdfBlock.js";
+export { countdownBlock } from "./Countdown.js";
+export { sliderBlock } from "./Slider.js";
+export { whatsappChatBlock } from "./WhatsappChat.js";
+export { beforeAfterBlock } from "./BeforeAfter.js";
+export { portfolioBlock } from "./Portfolio.js";
+export { jobsBlock } from "./Jobs.js";
+export { breadcrumbsBlock } from "./Breadcrumbs.js";
+export { newsWidget, agendaWidget, openingHoursWidget, contactWidget, socialWidget, newsletterWidget, ctaWidget, galleryWidget, testimonialsWidget, cardsWidget, downloadsWidget, countdownWidget, } from "./Widgets.js";
+export { ConsentEmbed } from "./consentEmbed.js";

package/dist/blocks/builtins/index.js

@@ -1,4 +1,4 @@
-import { builtinModules } from "../../modules/builtins";
+import { builtinModules } from "../../modules/builtins.js";
 const builtinBlocks = dedupeByType(
   builtinModules.flatMap((m) => m.blocks ?? [])
 );
@@ -6,43 +6,43 @@ function dedupeByType(defs) {
   const seen = /* @__PURE__ */ new Set();
   return defs.filter((d) => seen.has(d.type) ? false : (seen.add(d.type), true));
 }
-import { heroBlock } from "./Hero";
-import { richTextBlock } from "./RichTextBlock";
-import { imageBlock } from "./ImageBlock";
-import { galleryBlock } from "./Gallery";
-import { ctaBlock } from "./Cta";
-import { faqBlock } from "./Faq";
-import { openingHoursBlock } from "./OpeningHours";
-import { pricingBlock } from "./Pricing";
-import { spacerBlock } from "./Spacer";
-import { columnsBlock } from "./Columns";
-import { newsListBlock } from "./NewsListBlock";
-import { formBlock } from "./FormBlock";
-import { testimonialsBlock } from "./Testimonials";
-import { teamBlock } from "./Team";
-import { agendaBlock } from "./Agenda";
-import { searchBlock } from "./Search";
-import { featureBlock, countersBlock, logosBlock, timelineBlock } from "./Sections";
-import { videoBlock } from "./Video";
-import { bannerBlock } from "./Banner";
-import { contactBlock, socialBlock } from "./Contact";
-import { mapBlock } from "./MapBlock";
-import { newsletterBlock } from "./Newsletter";
-import { bookingBlock } from "./Booking";
-import { buttonsBlock, quoteBlock, dividerBlock } from "./Elements";
-import { accordionBlock } from "./Accordion";
-import { embedBlock } from "./Embed";
-import { withSidebarBlock, tabsBlock } from "./Layout";
-import { cardsBlock } from "./Cards";
-import { downloadsBlock } from "./Downloads";
-import { pdfBlock } from "./PdfBlock";
-import { countdownBlock } from "./Countdown";
-import { sliderBlock } from "./Slider";
-import { whatsappChatBlock } from "./WhatsappChat";
-import { beforeAfterBlock } from "./BeforeAfter";
-import { portfolioBlock } from "./Portfolio";
-import { jobsBlock } from "./Jobs";
-import { breadcrumbsBlock } from "./Breadcrumbs";
+import { heroBlock } from "./Hero.js";
+import { richTextBlock } from "./RichTextBlock.js";
+import { imageBlock } from "./ImageBlock.js";
+import { galleryBlock } from "./Gallery.js";
+import { ctaBlock } from "./Cta.js";
+import { faqBlock } from "./Faq.js";
+import { openingHoursBlock } from "./OpeningHours.js";
+import { pricingBlock } from "./Pricing.js";
+import { spacerBlock } from "./Spacer.js";
+import { columnsBlock } from "./Columns.js";
+import { newsListBlock } from "./NewsListBlock.js";
+import { formBlock } from "./FormBlock.js";
+import { testimonialsBlock } from "./Testimonials.js";
+import { teamBlock } from "./Team.js";
+import { agendaBlock } from "./Agenda.js";
+import { searchBlock } from "./Search.js";
+import { featureBlock, countersBlock, logosBlock, timelineBlock } from "./Sections.js";
+import { videoBlock } from "./Video.js";
+import { bannerBlock } from "./Banner.js";
+import { contactBlock, socialBlock } from "./Contact.js";
+import { mapBlock } from "./MapBlock.js";
+import { newsletterBlock } from "./Newsletter.js";
+import { bookingBlock } from "./Booking.js";
+import { buttonsBlock, quoteBlock, dividerBlock } from "./Elements.js";
+import { accordionBlock } from "./Accordion.js";
+import { embedBlock } from "./Embed.js";
+import { withSidebarBlock, tabsBlock } from "./Layout.js";
+import { cardsBlock } from "./Cards.js";
+import { downloadsBlock } from "./Downloads.js";
+import { pdfBlock } from "./PdfBlock.js";
+import { countdownBlock } from "./Countdown.js";
+import { sliderBlock } from "./Slider.js";
+import { whatsappChatBlock } from "./WhatsappChat.js";
+import { beforeAfterBlock } from "./BeforeAfter.js";
+import { portfolioBlock } from "./Portfolio.js";
+import { jobsBlock } from "./Jobs.js";
+import { breadcrumbsBlock } from "./Breadcrumbs.js";
 import {
   newsWidget,
   agendaWidget,
@@ -56,8 +56,8 @@ import {
   cardsWidget,
   downloadsWidget,
   countdownWidget
-} from "./Widgets";
-import { ConsentEmbed } from "./consentEmbed";
+} from "./Widgets.js";
+import { ConsentEmbed } from "./consentEmbed.js";
 export {
   ConsentEmbed,
   accordionBlock,

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/blocks/builtins/lib/submitForm.ts"],"sourcesContent":["\"use client\";\n\nimport { getFunctions, httpsCallable } from \"firebase/functions\";\nimport { getFirebaseApp } from \"../../../firebase/client\";\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  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,cAAc,qBAAqB;AAC5C,SAAS,sBAAsB;AAC/B,SAAS,uBAAuB;AAOhC,eAAsB,iBACpB,QACA,QACA,QACA,KAAK,IACU;AACf,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\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":[]}

package/dist/blocks/context.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from "react";
-import type { BlockRegistry } from "./registry";
+import type { BlockRegistry } from "./registry.js";
 export declare function RegistryProvider({ registry, children, }: {
     registry: BlockRegistry;
     children: ReactNode;

package/dist/blocks/customTemplate/definition.d.ts

@@ -1,6 +1,6 @@
-import { type Field } from "../../schema/fields";
-import type { CustomBlock } from "../../schema/customBlocks";
-import { type BlockDefinition } from "../registry";
+import { type Field } from "../../schema/fields.js";
+import type { CustomBlock } from "../../schema/customBlocks.js";
+import { type BlockDefinition } from "../registry.js";
 /** Custom block-document → BlockDefinition (voor mergeRegistry, server én client). */
 export declare function customBlockToDefinition(def: CustomBlock): BlockDefinition & {
     customFields: Field[];

package/dist/blocks/customTemplate/definition.js

@@ -1,9 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { z } from "zod";
-import { blockBase } from "../../schema/blocks";
-import { fieldsToZod, fieldsDefaults } from "../../schema/fields";
-import { defineBlock } from "../registry";
-import { interpretTemplate, scopeCss } from "./interpret";
+import * as z from "zod/mini";
+import { blockBase } from "../../schema/blocks.js";
+import { fieldsToZod, fieldsDefaults } from "../../schema/fields.js";
+import { defineBlock } from "../registry.js";
+import { interpretTemplate, scopeCss } from "./interpret.js";
 function CustomBlockRender(def) {
   const scopedCss = def.css ? scopeCss(def.css, def.type) : "";
   return function Render({ block }) {
@@ -15,7 +15,7 @@ function CustomBlockRender(def) {
   };
 }
 function customBlockToDefinition(def) {
-  const valueSchema = z.object({ ...blockBase, _type: z.literal(def.type) }).merge(fieldsToZod(def.fields));
+  const valueSchema = z.extend(z.object({ ...blockBase, _type: z.literal(def.type) }), fieldsToZod(def.fields).shape);
   const definition = defineBlock({
     type: def.type,
     schema: valueSchema,

package/dist/blocks/customTemplate/definition.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/blocks/customTemplate/definition.tsx"],"sourcesContent":["/**\n * Bouwt een volwaardige BlockDefinition uit een opgeslagen custom block (5.0). Server-safe:\n * de Render interpreteert de veilige template naar HTML (SSR-vriendelijk, geen hooks); de\n * waarden zijn gevalideerd via `fieldsToZod` — runtime-gedefinieerde blokken krijgen dus\n * dezelfde harde validatie als code-blokken. De editor is de generieke FieldsForm: GenericEditor\n * herkent `customFields` op de definitie (zie GenericEditor.tsx).\n */\nimport { z } from \"zod\";\nimport { blockBase } from \"../../schema/blocks\";\nimport { fieldsToZod, fieldsDefaults, type Field } from \"../../schema/fields\";\nimport type { CustomBlock } from \"../../schema/customBlocks\";\nimport { defineBlock, type BlockDefinition, type BlockRenderProps } from \"../registry\";\nimport { interpretTemplate, scopeCss } from \"./interpret\";\n\nfunction CustomBlockRender(def: CustomBlock) {\n  const scopedCss = def.css ? scopeCss(def.css, def.type) : \"\";\n  return function Render({ block }: BlockRenderProps<Record<string, unknown>>) {\n    const html = interpretTemplate(def.template, block);\n    return (\n      <div data-xicms-cb={def.type} className={`xicms-custom xicms-${def.type}`}>\n        {scopedCss ? <style dangerouslySetInnerHTML={{ __html: scopedCss }} /> : null}\n        {/* Template is opslag-tijd gesanitized; interpolaties zijn render-tijd ge-escaped. */}\n        <div dangerouslySetInnerHTML={{ __html: html }} />\n      </div>\n    );\n  };\n}\n\n/** Custom block-document → BlockDefinition (voor mergeRegistry, server én client). */\nexport function customBlockToDefinition(def: CustomBlock): BlockDefinition & { customFields: Field[] } {\n  const valueSchema = z.object({ ...blockBase, _type: z.literal(def.type) }).merge(fieldsToZod(def.fields));\n  const definition = defineBlock({\n    type: def.type,\n    schema: valueSchema,\n    Render: CustomBlockRender(def),\n    label: def.label,\n    icon: def.icon || \"🧩\",\n    category: \"content\",\n    defaults: () => fieldsDefaults(def.fields),\n  }) as BlockDefinition & { customFields: Field[] };\n  // De opgeslagen Field-IR meegeven zodat de GenericEditor die direct rendert (incl. showIf/date/\n  // repeater-metadata die uit een Zod-schema niet volledig terug te winnen is).\n  definition.customFields = def.fields;\n  return definition;\n}\n"],"mappings":"AAmBM,SACe,KADf;AAZN,SAAS,SAAS;AAClB,SAAS,iBAAiB;AAC1B,SAAS,aAAa,sBAAkC;AAExD,SAAS,mBAAgE;AACzE,SAAS,mBAAmB,gBAAgB;AAE5C,SAAS,kBAAkB,KAAkB;AAC3C,QAAM,YAAY,IAAI,MAAM,SAAS,IAAI,KAAK,IAAI,IAAI,IAAI;AAC1D,SAAO,SAAS,OAAO,EAAE,MAAM,GAA8C;AAC3E,UAAM,OAAO,kBAAkB,IAAI,UAAU,KAAK;AAClD,WACE,qBAAC,SAAI,iBAAe,IAAI,MAAM,WAAW,sBAAsB,IAAI,IAAI,IACpE;AAAA,kBAAY,oBAAC,WAAM,yBAAyB,EAAE,QAAQ,UAAU,GAAG,IAAK;AAAA,MAEzE,oBAAC,SAAI,yBAAyB,EAAE,QAAQ,KAAK,GAAG;AAAA,OAClD;AAAA,EAEJ;AACF;AAGO,SAAS,wBAAwB,KAA+D;AACrG,QAAM,cAAc,EAAE,OAAO,EAAE,GAAG,WAAW,OAAO,EAAE,QAAQ,IAAI,IAAI,EAAE,CAAC,EAAE,MAAM,YAAY,IAAI,MAAM,CAAC;AACxG,QAAM,aAAa,YAAY;AAAA,IAC7B,MAAM,IAAI;AAAA,IACV,QAAQ;AAAA,IACR,QAAQ,kBAAkB,GAAG;AAAA,IAC7B,OAAO,IAAI;AAAA,IACX,MAAM,IAAI,QAAQ;AAAA,IAClB,UAAU;AAAA,IACV,UAAU,MAAM,eAAe,IAAI,MAAM;AAAA,EAC3C,CAAC;AAGD,aAAW,eAAe,IAAI;AAC9B,SAAO;AACT;","names":[]}
+{"version":3,"sources":["../../../src/blocks/customTemplate/definition.tsx"],"sourcesContent":["/**\n * Bouwt een volwaardige BlockDefinition uit een opgeslagen custom block (5.0). Server-safe:\n * de Render interpreteert de veilige template naar HTML (SSR-vriendelijk, geen hooks); de\n * waarden zijn gevalideerd via `fieldsToZod` — runtime-gedefinieerde blokken krijgen dus\n * dezelfde harde validatie als code-blokken. De editor is de generieke FieldsForm: GenericEditor\n * herkent `customFields` op de definitie (zie GenericEditor.tsx).\n */\nimport * as z from \"zod/mini\";\nimport { blockBase } from \"../../schema/blocks\";\nimport { fieldsToZod, fieldsDefaults, type Field } from \"../../schema/fields\";\nimport type { CustomBlock } from \"../../schema/customBlocks\";\nimport { defineBlock, type BlockDefinition, type BlockRenderProps } from \"../registry\";\nimport { interpretTemplate, scopeCss } from \"./interpret\";\n\nfunction CustomBlockRender(def: CustomBlock) {\n  const scopedCss = def.css ? scopeCss(def.css, def.type) : \"\";\n  return function Render({ block }: BlockRenderProps<Record<string, unknown>>) {\n    const html = interpretTemplate(def.template, block);\n    return (\n      <div data-xicms-cb={def.type} className={`xicms-custom xicms-${def.type}`}>\n        {scopedCss ? <style dangerouslySetInnerHTML={{ __html: scopedCss }} /> : null}\n        {/* Template is opslag-tijd gesanitized; interpolaties zijn render-tijd ge-escaped. */}\n        <div dangerouslySetInnerHTML={{ __html: html }} />\n      </div>\n    );\n  };\n}\n\n/** Custom block-document → BlockDefinition (voor mergeRegistry, server én client). */\nexport function customBlockToDefinition(def: CustomBlock): BlockDefinition & { customFields: Field[] } {\n  // Zod 4 heeft `.merge()` afgeschaft; `z.extend(schema, shape)` is de opvolger.\n  const valueSchema = z.extend(z.object({ ...blockBase, _type: z.literal(def.type) }), fieldsToZod(def.fields).shape);\n  const definition = defineBlock({\n    type: def.type,\n    schema: valueSchema,\n    Render: CustomBlockRender(def),\n    label: def.label,\n    icon: def.icon || \"🧩\",\n    category: \"content\",\n    defaults: () => fieldsDefaults(def.fields),\n  }) as BlockDefinition & { customFields: Field[] };\n  // De opgeslagen Field-IR meegeven zodat de GenericEditor die direct rendert (incl. showIf/date/\n  // repeater-metadata die uit een Zod-schema niet volledig terug te winnen is).\n  definition.customFields = def.fields;\n  return definition;\n}\n"],"mappings":"AAmBM,SACe,KADf;AAZN,YAAY,OAAO;AACnB,SAAS,iBAAiB;AAC1B,SAAS,aAAa,sBAAkC;AAExD,SAAS,mBAAgE;AACzE,SAAS,mBAAmB,gBAAgB;AAE5C,SAAS,kBAAkB,KAAkB;AAC3C,QAAM,YAAY,IAAI,MAAM,SAAS,IAAI,KAAK,IAAI,IAAI,IAAI;AAC1D,SAAO,SAAS,OAAO,EAAE,MAAM,GAA8C;AAC3E,UAAM,OAAO,kBAAkB,IAAI,UAAU,KAAK;AAClD,WACE,qBAAC,SAAI,iBAAe,IAAI,MAAM,WAAW,sBAAsB,IAAI,IAAI,IACpE;AAAA,kBAAY,oBAAC,WAAM,yBAAyB,EAAE,QAAQ,UAAU,GAAG,IAAK;AAAA,MAEzE,oBAAC,SAAI,yBAAyB,EAAE,QAAQ,KAAK,GAAG;AAAA,OAClD;AAAA,EAEJ;AACF;AAGO,SAAS,wBAAwB,KAA+D;AAErG,QAAM,cAAc,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,WAAW,OAAO,EAAE,QAAQ,IAAI,IAAI,EAAE,CAAC,GAAG,YAAY,IAAI,MAAM,EAAE,KAAK;AAClH,QAAM,aAAa,YAAY;AAAA,IAC7B,MAAM,IAAI;AAAA,IACV,QAAQ;AAAA,IACR,QAAQ,kBAAkB,GAAG;AAAA,IAC7B,OAAO,IAAI;AAAA,IACX,MAAM,IAAI,QAAQ;AAAA,IAClB,UAAU;AAAA,IACV,UAAU,MAAM,eAAe,IAAI,MAAM;AAAA,EAC3C,CAAC;AAGD,aAAW,eAAe,IAAI;AAC9B,SAAO;AACT;","names":[]}

package/dist/blocks/customTemplate/interpret.js

@@ -1,4 +1,4 @@
-import { isRichTextKey } from "../../schema/fields";
+import { isRichTextKey } from "../../schema/fields.js";
 const ESC = { "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" };
 function escapeHtml(s) {
   return s.replace(/[&<>"']/g, (c) => ESC[c]);

package/dist/blocks/index.d.ts

@@ -2,8 +2,8 @@
  * @xiwebdesign/xicms-core/blocks — ingebouwde blokken + de registry-API.
  * Render-componenten zijn server-safe (waar mogelijk); admin-editors zitten in `/admin`.
  */
-export { defineBlock, createRegistry, mergeRegistry, validateBlocks, type BlockDefinition, type BlockRegistry, type BlockRenderProps, type BlockEditorProps, } from "./registry";
-export { BlockRenderer } from "./BlockRenderer";
-export { RegistryProvider, useRegistry, BlockDataProvider, useBlockData } from "./context";
-export { builtinBlocks } from "./builtins";
-export * from "./builtins";
+export { defineBlock, createRegistry, mergeRegistry, validateBlocks, type BlockDefinition, type BlockRegistry, type BlockRenderProps, type BlockEditorProps, } from "./registry.js";
+export { BlockRenderer } from "./BlockRenderer.js";
+export { RegistryProvider, useRegistry, BlockDataProvider, useBlockData } from "./context.js";
+export { builtinBlocks } from "./builtins/index.js";
+export * from "./builtins/index.js";

package/dist/blocks/index.js

@@ -3,11 +3,11 @@ import {
   createRegistry,
   mergeRegistry,
   validateBlocks
-} from "./registry";
-import { BlockRenderer } from "./BlockRenderer";
-import { RegistryProvider, useRegistry, BlockDataProvider, useBlockData } from "./context";
-import { builtinBlocks } from "./builtins";
-export * from "./builtins";
+} from "./registry.js";
+import { BlockRenderer } from "./BlockRenderer.js";
+import { RegistryProvider, useRegistry, BlockDataProvider, useBlockData } from "./context.js";
+import { builtinBlocks } from "./builtins/index.js";
+export * from "./builtins/index.js";
 export {
   BlockDataProvider,
   BlockRenderer,

package/dist/blocks/registry.d.ts

@@ -6,9 +6,18 @@
  * Pure logica + types (geen "use client"): bruikbaar op server en client.
  */
 import type { ComponentType } from "react";
-import type { ZodTypeAny, z } from "zod";
-import type { BlockBase } from "../schema/blocks";
-import type { FieldHints } from "../schema/fields";
+import { type $ZodType } from "zod/v4/core";
+import type { BlockBase } from "../schema/blocks.js";
+import type { FieldHints } from "../schema/fields.js";
+/**
+ * Het uitvoertype van een blok-schema, onafhankelijk van de Zod-façade.
+ *
+ * Core draait op `zod/mini` (zie schema/) omdat de classic-façade niet tree-shaket en ~300 KB aan
+ * de publieke bundel toevoegde. De grens hieronder is daarom `$ZodType` uit `zod/v4/core` — de
+ * gedeelde bovengrens van BEIDE smaken. Gevolg: een klantrepo mag zijn eigen blok-schema's zowel
+ * met `zod` als met `zod/mini` schrijven; `defineBlock` accepteert allebei.
+ */
+type InferBlock<S extends $ZodType> = S["_zod"]["output"];
 export interface BlockRenderProps<T = unknown> {
     block: T;
     siteId: string;
@@ -28,15 +37,15 @@ export interface BlockEditorProps<T = unknown> {
  * - `layout`: een indelingsblok dat andere blokken bevat (kolommen, zijbalk, tabs).
  */
 export type BlockCategory = "content" | "widget" | "layout";
-export interface BlockDefinition<S extends ZodTypeAny = ZodTypeAny> {
+export interface BlockDefinition<S extends $ZodType = $ZodType> {
     type: string;
     schema: S;
-    Render: ComponentType<BlockRenderProps<z.infer<S>>>;
+    Render: ComponentType<BlockRenderProps<InferBlock<S>>>;
     /**
      * Admin-editor (lazy/client). Optioneel; ontbreekt = automatische schema-editor (GenericEditor):
      * die genereert een formulier uit het Zod-schema, dus een blok zonder eigen editor blijft bewerkbaar.
      */
-    Editor?: ComponentType<BlockEditorProps<z.infer<S>>>;
+    Editor?: ComponentType<BlockEditorProps<InferBlock<S>>>;
     label: string;
     icon?: string;
     /** Groep in het toevoeg-menu (content/widget/layout). Standaard "content". */
@@ -58,7 +67,7 @@ export interface BlockDefinition<S extends ZodTypeAny = ZodTypeAny> {
  * block-schema zonder `.default()` of `.optional()`. Anders faalt validatie op al opgeslagen
  * content en wordt die overgeslagen. Met defaults/optioneel blijft oude content gewoon werken.
  */
-export declare function defineBlock<S extends ZodTypeAny>(def: BlockDefinition<S>): BlockDefinition;
+export declare function defineBlock<S extends $ZodType>(def: BlockDefinition<S>): BlockDefinition;
 export type BlockRegistry = Map<string, BlockDefinition>;
 /**
  * Bouwt de opties voor het "blok toevoegen"-menu, gegroepeerd op categorie: eerst gewone blokken,
@@ -81,3 +90,4 @@ export declare function mergeRegistry(base: BlockRegistry, extra: BlockDefinitio
  * (passthrough) zodat klant-blokken erin mogen; de strikte controle gebeurt hier.
  */
 export declare function validateBlocks(blocks: unknown[] | undefined, registry: BlockRegistry): BlockBase[];
+export {};

package/dist/blocks/registry.js

@@ -1,3 +1,4 @@
+import { safeParse } from "zod/v4/core";
 function defineBlock(def) {
   return def;
 }
@@ -25,7 +26,7 @@ function validateBlocks(blocks, registry) {
       warn(`onbekend block-type "${String(type)}" overgeslagen (geen registratie).`);
       continue;
     }
-    const res = def.schema.safeParse(raw);
+    const res = safeParse(def.schema, raw);
     if (res.success) out.push(validateNestedBlocks(res.data, registry));
     else warn(`block "${type}" voldoet niet aan zijn schema en is overgeslagen.`, res.error.issues);
   }

package/dist/blocks/registry.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/blocks/registry.ts"],"sourcesContent":["/**\n * Block-registry: koppelt een `_type` aan zijn Zod-schema, een (server-safe) Render-component\n * en een optionele (client/admin) Editor. Klant-blokken worden hier ingebracht via `defineBlock`\n * — zo blijft de core klant-onafhankelijk: de klant levert de render-component, core de structuur.\n *\n * Pure logica + types (geen \"use client\"): bruikbaar op server en client.\n */\nimport type { ComponentType } from \"react\";\nimport type { ZodTypeAny, z } from \"zod\";\nimport type { BlockBase } from \"../schema/blocks\";\nimport type { FieldHints } from \"../schema/fields\";\n\nexport interface BlockRenderProps<T = unknown> {\n  block: T;\n  siteId: string;\n  /** \"view\" = publiek; \"preview\" = draft-weergave in de editor. */\n  mode?: \"view\" | \"preview\";\n}\n\nexport interface BlockEditorProps<T = unknown> {\n  block: T;\n  siteId: string;\n  onChange: (next: T) => void;\n}\n\n/**\n * Indeling van een block in het toevoeg-menu:\n * - `content` (default): een gewoon blok dat je op de pagina plaatst.\n * - `widget`: een compacte variant die je naast een blok (in een zijbalk/kolom) zet — haalt z'n\n *   gegevens uit dezelfde module als de volwaardige versie (bv. \"laatste nieuws\", \"komende agenda\").\n * - `layout`: een indelingsblok dat andere blokken bevat (kolommen, zijbalk, tabs).\n */\nexport type BlockCategory = \"content\" | \"widget\" | \"layout\";\n\nexport interface BlockDefinition<S extends ZodTypeAny = ZodTypeAny> {\n  type: string;\n  schema: S;\n  Render: ComponentType<BlockRenderProps<z.infer<S>>>;\n  /**\n   * Admin-editor (lazy/client). Optioneel; ontbreekt = automatische schema-editor (GenericEditor):\n   * die genereert een formulier uit het Zod-schema, dus een blok zonder eigen editor blijft bewerkbaar.\n   */\n  Editor?: ComponentType<BlockEditorProps<z.infer<S>>>;\n  label: string;\n  icon?: string;\n  /** Groep in het toevoeg-menu (content/widget/layout). Standaard \"content\". */\n  category?: BlockCategory;\n  /** Defaultwaarden voor een nieuw block (zonder _key/_type). */\n  defaults?: () => Record<string, unknown>;\n  /**\n   * Optionele hints voor het automatisch gegenereerde formulier (GenericEditor 2.0, 5.0):\n   * per (dotted) veldsleutel een verfijning van de uit het Zod-schema afgeleide Field-IR —\n   * bv. `{ \"items.date\": { type: \"date\" }, cta: { showIf: { field: \"showCta\" } } }`.\n   * Zie `introspectToFields` (admin/lib/zodFields.ts) en `schema/fields.ts`.\n   */\n  fields?: FieldHints;\n}\n\n/**\n * Registreert een block-type.\n *\n * UPDATE-VEILIGHEID: voeg in een nieuwe versie nooit een VERPLICHT veld toe aan een bestaand\n * block-schema zonder `.default()` of `.optional()`. Anders faalt validatie op al opgeslagen\n * content en wordt die overgeslagen. Met defaults/optioneel blijft oude content gewoon werken.\n */\nexport function defineBlock<S extends ZodTypeAny>(def: BlockDefinition<S>): BlockDefinition {\n  // Type-erased return: het schema-type wordt alleen gebruikt om Render/Editor-props te\n  // inferreren bij definitie. Daarna behandelen we blokken generiek in de registry.\n  return def as unknown as BlockDefinition;\n}\n\nexport type BlockRegistry = Map<string, BlockDefinition>;\n\n/**\n * Bouwt de opties voor het \"blok toevoegen\"-menu, gegroepeerd op categorie: eerst gewone blokken,\n * dan indeling (kolommen/zijbalk/tabs), dan widgets. Widgets/indeling krijgen een suffix zodat de\n * groep duidelijk is in een platte keuzelijst.\n */\nexport function buildBlockAddOptions(defs: Iterable<BlockDefinition>): { value: string; label: string }[] {\n  const order: Record<BlockCategory, number> = { content: 0, layout: 1, widget: 2 };\n  const suffix: Record<BlockCategory, string> = { content: \"\", layout: \"  · indeling\", widget: \"  · widget\" };\n  return [...defs]\n    .map((d) => ({ def: d, cat: d.category ?? \"content\" }))\n    .sort((a, b) => order[a.cat] - order[b.cat])\n    .map(({ def, cat }) => ({ value: def.type, label: `${def.icon ?? \"▫\"}  ${def.label}${suffix[cat]}` }));\n}\n\nexport function createRegistry(defs: BlockDefinition[]): BlockRegistry {\n  const m: BlockRegistry = new Map();\n  for (const d of defs) m.set(d.type, d);\n  return m;\n}\n\nexport function mergeRegistry(base: BlockRegistry, extra: BlockDefinition[]): BlockRegistry {\n  const m: BlockRegistry = new Map(base);\n  for (const d of extra) m.set(d.type, d);\n  return m;\n}\n\n/**\n * Strikte per-type validatie van een blocks-array tegen de registry. Onbekende types en\n * blocks die hun schema niet halen worden weggelaten (defensief — nooit half-rendered content).\n * Gebruikt bij publiceren (server) en vóór renderen.\n *\n * Recursief: geneste blokken in de indelingsblokken (kolommen, \"Met zijbalk\", tabs) worden óók\n * per-type gevalideerd. Hun schema's valideren kinderen bewust alleen als `BlockBaseSchema`\n * (passthrough) zodat klant-blokken erin mogen; de strikte controle gebeurt hier.\n */\nexport function validateBlocks(blocks: unknown[] | undefined, registry: BlockRegistry): BlockBase[] {\n  const out: BlockBase[] = [];\n  for (const raw of blocks ?? []) {\n    const type = (raw as { _type?: unknown } | null)?._type;\n    const def = typeof type === \"string\" ? registry.get(type) : undefined;\n    if (!def) {\n      warn(`onbekend block-type \"${String(type)}\" overgeslagen (geen registratie).`);\n      continue;\n    }\n    const res = def.schema.safeParse(raw);\n    if (res.success) out.push(validateNestedBlocks(res.data as BlockBase, registry));\n    else warn(`block \"${type}\" voldoet niet aan zijn schema en is overgeslagen.`, res.error.issues);\n  }\n  return out;\n}\n\n/** Valideert de geneste blok-lijsten van de bekende indelingsvormen (immutable). */\nfunction validateNestedBlocks(block: BlockBase, registry: BlockRegistry): BlockBase {\n  const b = block as BlockBase & Record<string, unknown>;\n  if (b._type === \"columns\" && Array.isArray(b.columns)) {\n    return {\n      ...b,\n      columns: b.columns.map((col) =>\n        col && typeof col === \"object\" && Array.isArray((col as { blocks?: unknown }).blocks)\n          ? { ...col, blocks: validateBlocks((col as { blocks: unknown[] }).blocks, registry) }\n          : col,\n      ),\n    };\n  }\n  if (b._type === \"withSidebar\" && (Array.isArray(b.main) || Array.isArray(b.aside))) {\n    return {\n      ...b,\n      main: Array.isArray(b.main) ? validateBlocks(b.main, registry) : b.main,\n      aside: Array.isArray(b.aside) ? validateBlocks(b.aside, registry) : b.aside,\n    };\n  }\n  if (b._type === \"tabs\" && Array.isArray(b.tabs)) {\n    return {\n      ...b,\n      tabs: b.tabs.map((tab) =>\n        tab && typeof tab === \"object\" && Array.isArray((tab as { blocks?: unknown }).blocks)\n          ? { ...tab, blocks: validateBlocks((tab as { blocks: unknown[] }).blocks, registry) }\n          : tab,\n      ),\n    };\n  }\n  return block;\n}\n\nfunction warn(msg: string, detail?: unknown): void {\n  // Geen stil verlies: log waarom een block niet rendert (helpt bij schema-wijzigingen).\n  if (typeof console !== \"undefined\") console.warn(`[xicms] ${msg}`, detail ?? \"\");\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/blocks/registry.ts"],"sourcesContent":["/**\n * Block-registry: koppelt een `_type` aan zijn Zod-schema, een (server-safe) Render-component\n * en een optionele (client/admin) Editor. Klant-blokken worden hier ingebracht via `defineBlock`\n * — zo blijft de core klant-onafhankelijk: de klant levert de render-component, core de structuur.\n *\n * Pure logica + types (geen \"use client\"): bruikbaar op server en client.\n */\nimport type { ComponentType } from \"react\";\nimport { safeParse, type $ZodType } from \"zod/v4/core\";\nimport type { BlockBase } from \"../schema/blocks\";\nimport type { FieldHints } from \"../schema/fields\";\n\n/**\n * Het uitvoertype van een blok-schema, onafhankelijk van de Zod-façade.\n *\n * Core draait op `zod/mini` (zie schema/) omdat de classic-façade niet tree-shaket en ~300 KB aan\n * de publieke bundel toevoegde. De grens hieronder is daarom `$ZodType` uit `zod/v4/core` — de\n * gedeelde bovengrens van BEIDE smaken. Gevolg: een klantrepo mag zijn eigen blok-schema's zowel\n * met `zod` als met `zod/mini` schrijven; `defineBlock` accepteert allebei.\n */\ntype InferBlock<S extends $ZodType> = S[\"_zod\"][\"output\"];\n\nexport interface BlockRenderProps<T = unknown> {\n  block: T;\n  siteId: string;\n  /** \"view\" = publiek; \"preview\" = draft-weergave in de editor. */\n  mode?: \"view\" | \"preview\";\n}\n\nexport interface BlockEditorProps<T = unknown> {\n  block: T;\n  siteId: string;\n  onChange: (next: T) => void;\n}\n\n/**\n * Indeling van een block in het toevoeg-menu:\n * - `content` (default): een gewoon blok dat je op de pagina plaatst.\n * - `widget`: een compacte variant die je naast een blok (in een zijbalk/kolom) zet — haalt z'n\n *   gegevens uit dezelfde module als de volwaardige versie (bv. \"laatste nieuws\", \"komende agenda\").\n * - `layout`: een indelingsblok dat andere blokken bevat (kolommen, zijbalk, tabs).\n */\nexport type BlockCategory = \"content\" | \"widget\" | \"layout\";\n\nexport interface BlockDefinition<S extends $ZodType = $ZodType> {\n  type: string;\n  schema: S;\n  Render: ComponentType<BlockRenderProps<InferBlock<S>>>;\n  /**\n   * Admin-editor (lazy/client). Optioneel; ontbreekt = automatische schema-editor (GenericEditor):\n   * die genereert een formulier uit het Zod-schema, dus een blok zonder eigen editor blijft bewerkbaar.\n   */\n  Editor?: ComponentType<BlockEditorProps<InferBlock<S>>>;\n  label: string;\n  icon?: string;\n  /** Groep in het toevoeg-menu (content/widget/layout). Standaard \"content\". */\n  category?: BlockCategory;\n  /** Defaultwaarden voor een nieuw block (zonder _key/_type). */\n  defaults?: () => Record<string, unknown>;\n  /**\n   * Optionele hints voor het automatisch gegenereerde formulier (GenericEditor 2.0, 5.0):\n   * per (dotted) veldsleutel een verfijning van de uit het Zod-schema afgeleide Field-IR —\n   * bv. `{ \"items.date\": { type: \"date\" }, cta: { showIf: { field: \"showCta\" } } }`.\n   * Zie `introspectToFields` (admin/lib/zodFields.ts) en `schema/fields.ts`.\n   */\n  fields?: FieldHints;\n}\n\n/**\n * Registreert een block-type.\n *\n * UPDATE-VEILIGHEID: voeg in een nieuwe versie nooit een VERPLICHT veld toe aan een bestaand\n * block-schema zonder `.default()` of `.optional()`. Anders faalt validatie op al opgeslagen\n * content en wordt die overgeslagen. Met defaults/optioneel blijft oude content gewoon werken.\n */\nexport function defineBlock<S extends $ZodType>(def: BlockDefinition<S>): BlockDefinition {\n  // Type-erased return: het schema-type wordt alleen gebruikt om Render/Editor-props te\n  // inferreren bij definitie. Daarna behandelen we blokken generiek in de registry.\n  return def as unknown as BlockDefinition;\n}\n\nexport type BlockRegistry = Map<string, BlockDefinition>;\n\n/**\n * Bouwt de opties voor het \"blok toevoegen\"-menu, gegroepeerd op categorie: eerst gewone blokken,\n * dan indeling (kolommen/zijbalk/tabs), dan widgets. Widgets/indeling krijgen een suffix zodat de\n * groep duidelijk is in een platte keuzelijst.\n */\nexport function buildBlockAddOptions(defs: Iterable<BlockDefinition>): { value: string; label: string }[] {\n  const order: Record<BlockCategory, number> = { content: 0, layout: 1, widget: 2 };\n  const suffix: Record<BlockCategory, string> = { content: \"\", layout: \"  · indeling\", widget: \"  · widget\" };\n  return [...defs]\n    .map((d) => ({ def: d, cat: d.category ?? \"content\" }))\n    .sort((a, b) => order[a.cat] - order[b.cat])\n    .map(({ def, cat }) => ({ value: def.type, label: `${def.icon ?? \"▫\"}  ${def.label}${suffix[cat]}` }));\n}\n\nexport function createRegistry(defs: BlockDefinition[]): BlockRegistry {\n  const m: BlockRegistry = new Map();\n  for (const d of defs) m.set(d.type, d);\n  return m;\n}\n\nexport function mergeRegistry(base: BlockRegistry, extra: BlockDefinition[]): BlockRegistry {\n  const m: BlockRegistry = new Map(base);\n  for (const d of extra) m.set(d.type, d);\n  return m;\n}\n\n/**\n * Strikte per-type validatie van een blocks-array tegen de registry. Onbekende types en\n * blocks die hun schema niet halen worden weggelaten (defensief — nooit half-rendered content).\n * Gebruikt bij publiceren (server) en vóór renderen.\n *\n * Recursief: geneste blokken in de indelingsblokken (kolommen, \"Met zijbalk\", tabs) worden óók\n * per-type gevalideerd. Hun schema's valideren kinderen bewust alleen als `BlockBaseSchema`\n * (passthrough) zodat klant-blokken erin mogen; de strikte controle gebeurt hier.\n */\nexport function validateBlocks(blocks: unknown[] | undefined, registry: BlockRegistry): BlockBase[] {\n  const out: BlockBase[] = [];\n  for (const raw of blocks ?? []) {\n    const type = (raw as { _type?: unknown } | null)?._type;\n    const def = typeof type === \"string\" ? registry.get(type) : undefined;\n    if (!def) {\n      warn(`onbekend block-type \"${String(type)}\" overgeslagen (geen registratie).`);\n      continue;\n    }\n    const res = safeParse(def.schema, raw);\n    if (res.success) out.push(validateNestedBlocks(res.data as BlockBase, registry));\n    else warn(`block \"${type}\" voldoet niet aan zijn schema en is overgeslagen.`, res.error.issues);\n  }\n  return out;\n}\n\n/** Valideert de geneste blok-lijsten van de bekende indelingsvormen (immutable). */\nfunction validateNestedBlocks(block: BlockBase, registry: BlockRegistry): BlockBase {\n  const b = block as BlockBase & Record<string, unknown>;\n  if (b._type === \"columns\" && Array.isArray(b.columns)) {\n    return {\n      ...b,\n      columns: b.columns.map((col) =>\n        col && typeof col === \"object\" && Array.isArray((col as { blocks?: unknown }).blocks)\n          ? { ...col, blocks: validateBlocks((col as { blocks: unknown[] }).blocks, registry) }\n          : col,\n      ),\n    };\n  }\n  if (b._type === \"withSidebar\" && (Array.isArray(b.main) || Array.isArray(b.aside))) {\n    return {\n      ...b,\n      main: Array.isArray(b.main) ? validateBlocks(b.main, registry) : b.main,\n      aside: Array.isArray(b.aside) ? validateBlocks(b.aside, registry) : b.aside,\n    };\n  }\n  if (b._type === \"tabs\" && Array.isArray(b.tabs)) {\n    return {\n      ...b,\n      tabs: b.tabs.map((tab) =>\n        tab && typeof tab === \"object\" && Array.isArray((tab as { blocks?: unknown }).blocks)\n          ? { ...tab, blocks: validateBlocks((tab as { blocks: unknown[] }).blocks, registry) }\n          : tab,\n      ),\n    };\n  }\n  return block;\n}\n\nfunction warn(msg: string, detail?: unknown): void {\n  // Geen stil verlies: log waarom een block niet rendert (helpt bij schema-wijzigingen).\n  if (typeof console !== \"undefined\") console.warn(`[xicms] ${msg}`, detail ?? \"\");\n}\n"],"mappings":"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","names":[]}

package/dist/components/EditBar.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useAuth } from "../auth/AuthProvider";
-import { canEdit } from "../auth/roles";
-import { useEditor } from "../editor/EditorProvider";
+import { useAuth } from "../auth/AuthProvider.js";
+import { canEdit } from "../auth/roles.js";
+import { useEditor } from "../editor/EditorProvider.js";
 function EditBar() {
   const { user, role, signOut, demo } = useAuth();
   const { open, openEditor } = useEditor();

package/dist/components/FeedbackWidget.js

@@ -1,10 +1,10 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useRef, useState } from "react";
-import { useAuth } from "../auth/AuthProvider";
-import { canEdit } from "../auth/roles";
-import { useEditor } from "../editor/EditorProvider";
-import { addFeedback, uploadFeedbackShot } from "../firebase/feedback";
+import { useAuth } from "../auth/AuthProvider.js";
+import { canEdit } from "../auth/roles.js";
+import { useEditor } from "../editor/EditorProvider.js";
+import { addFeedback, uploadFeedbackShot } from "../firebase/feedback.js";
 const ACCENT = "#4f46e5";
 function FeedbackWidget({ siteId }) {
   const { user, role } = useAuth();

package/dist/components/News.d.ts

@@ -1,4 +1,4 @@
-import type { NewsArticle } from "../content/types";
+import type { NewsArticle } from "../content/types.js";
 /**
  * Lijst van nieuwsartikelen voor de huidige site.
  * - `live: false` (standaard publiek): één keer ophalen met getDocs → geen per-bezoeker listener

package/dist/components/News.js

@@ -1,16 +1,14 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
-import { collection, getDocs, limit as fbLimit, onSnapshot, orderBy, query, where } from "firebase/firestore";
-import { getDb } from "../firebase/client";
-import { useSiteConfig } from "../config";
+import { useSiteConfig } from "../config.js";
 import DOMPurify from "dompurify";
-import { useAuth } from "../auth/AuthProvider";
-import { canEdit } from "../auth/roles";
-import { useBlockData } from "../blocks/context";
-import { isDemoActive, getDemoNews } from "../demo/demoStore";
-import { Img } from "../media/ImageContext";
-import { jsonLdHtml } from "../blocks/builtins/jsonld";
+import { useAuth } from "../auth/AuthProvider.js";
+import { canEdit } from "../auth/roles.js";
+import { useBlockData } from "../blocks/context.js";
+import { isDemoActive, getDemoNews } from "../demo/demoStore.js";
+import { Img } from "../media/ImageContext.js";
+import { jsonLdHtml } from "../blocks/builtins/jsonld.js";
 function useNews(opts = {}) {
   const { siteId } = useSiteConfig();
   const { role } = useAuth();
@@ -35,35 +33,46 @@ function useNews(opts = {}) {
       setLoading(false);
       return;
     }
-    const db = getDb();
-    if (!db) {
-      setLoading(false);
-      return;
-    }
-    const base = collection(db, "sites", siteId, "news");
-    const q = onlyPublished ? query(base, where("published", "==", true), orderBy("date", "desc"), fbLimit(cap)) : query(base, orderBy("date", "desc"), fbLimit(cap));
-    const map = (snap) => setArticles(snap.docs.map((d) => ({ id: d.id, ...d.data() })));
-    if (!live) {
-      let active = true;
-      getDocs(q).then((snap) => {
-        if (active) {
+    let afgebroken = false;
+    let unsub;
+    void (async () => {
+      const [{ getDb }, fs] = await Promise.all([
+        import("../firebase/client.js"),
+        import("firebase/firestore")
+      ]);
+      const db = getDb();
+      if (!db || afgebroken) {
+        setLoading(false);
+        return;
+      }
+      const base = fs.collection(db, "sites", siteId, "news");
+      const q = onlyPublished ? fs.query(base, fs.where("published", "==", true), fs.orderBy("date", "desc"), fs.limit(cap)) : fs.query(base, fs.orderBy("date", "desc"), fs.limit(cap));
+      const map = (snap) => setArticles(snap.docs.map((d) => ({ id: d.id, ...d.data() })));
+      if (!live) {
+        try {
+          const snap = await fs.getDocs(q);
+          if (!afgebroken) {
+            map(snap);
+            setLoading(false);
+          }
+        } catch {
+          if (!afgebroken) setLoading(false);
+        }
+        return;
+      }
+      unsub = fs.onSnapshot(
+        q,
+        (snap) => {
           map(snap);
           setLoading(false);
-        }
-      }).catch(() => active && setLoading(false));
-      return () => {
-        active = false;
-      };
-    }
-    const unsub = onSnapshot(
-      q,
-      (snap) => {
-        map(snap);
-        setLoading(false);
-      },
-      () => setLoading(false)
-    );
-    return () => unsub();
+        },
+        () => setLoading(false)
+      );
+    })();
+    return () => {
+      afgebroken = true;
+      unsub?.();
+    };
   }, [siteId, onlyPublished, live, cap, serverNews]);
   return { articles, loading };
 }
@@ -107,7 +116,11 @@ function articleBlogPostingJsonLd(article, opts = {}) {
 }
 function NewsArticleView({ article, jsonLd = true }) {
   const { name } = useSiteConfig();
-  const [html, setHtml] = useState(null);
+  const serverNews = useBlockData("news");
+  const trusted = Boolean(
+    article.bodyHtml && serverNews?.some((a) => a.slug === article.slug && a.bodyHtml === article.bodyHtml)
+  );
+  const [html, setHtml] = useState(trusted ? article.bodyHtml ?? null : null);
   useEffect(() => {
     setHtml(article.bodyHtml ? DOMPurify.sanitize(article.bodyHtml) : null);
   }, [article.bodyHtml]);