@xiwebdesign/xicms-core 7.14.0 → 7.16.0

package/dist/blocks/builtins/SymbolRef.js

@@ -1,82 +1,8 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
+import dynamic from "next/dynamic";
 import { defineBlock } from "../registry.js";
-import { BlockRenderer } from "../BlockRenderer.js";
-import { useRegistry } from "../context.js";
-import { useEditor } from "../../editor/EditorProvider.js";
-function SymbolRefRender({ block, siteId, mode }) {
-  const registry = useRegistry();
-  const bewerken = useEditor().open || mode === "preview";
-  const [symbol, setSymbol] = useState(void 0);
-  useEffect(() => {
-    if (!block.symbolId) {
-      setSymbol(null);
-      return;
-    }
-    let unsub;
-    let afgebroken = false;
-    void (async () => {
-      const [{ getDb }, { doc, onSnapshot }] = await Promise.all([
-        import("../../firebase/client.js"),
-        import("firebase/firestore")
-      ]);
-      const db = getDb();
-      if (!db || afgebroken) {
-        setSymbol(null);
-        return;
-      }
-      const ref = doc(db, "sites", siteId, "symbols", block.symbolId);
-      const zet = (data, bestaat) => {
-        const d = bestaat && data && typeof data === "object" ? data : null;
-        const geldig = d && typeof d.name === "string" && Array.isArray(d.blocks);
-        setSymbol(geldig ? d : null);
-      };
-      if (bewerken) {
-        unsub = onSnapshot(
-          ref,
-          (snap) => zet(snap.data(), snap.exists()),
-          () => setSymbol(null)
-        );
-      } else {
-        const { getDoc } = await import("firebase/firestore");
-        try {
-          const snap = await getDoc(ref);
-          if (!afgebroken) zet(snap.data(), snap.exists());
-        } catch {
-          if (!afgebroken) setSymbol(null);
-        }
-      }
-    })();
-    return () => {
-      afgebroken = true;
-      unsub?.();
-    };
-  }, [siteId, block.symbolId, bewerken]);
-  if (symbol === void 0) return null;
-  if (symbol === null) {
-    return mode === "preview" ? /* @__PURE__ */ jsxs("p", { className: "xicms-ve__hint", children: [
-      "\u{1F9E9} Symbool niet gevonden (",
-      block.symbolId,
-      ") \u2014 kies een ander symbool of verwijder dit blok."
-    ] }) : null;
-  }
-  const inner = /* @__PURE__ */ jsx(BlockRenderer, { blocks: symbol.blocks, registry, siteId, mode });
-  if (mode === "preview") {
-    return /* @__PURE__ */ jsxs("div", { className: "xicms-symbol", "data-symbol": block.symbolId, children: [
-      /* @__PURE__ */ jsxs("div", { className: "xicms-symbol__badge", children: [
-        "\u{1F9E9} ",
-        symbol.name,
-        " \u2014 gedeeld symbool (wijzigingen gelden op \xE9lke pagina)"
-      ] }),
-      inner
-    ] });
-  }
-  return inner;
-}
 const symbolRefBlock = defineBlock({
   type: "symbolRef",
-  Render: SymbolRefRender,
+  Render: dynamic(() => import("./SymbolRefRender.js").then((m) => m.SymbolRefRender)),
   label: "Symbool (gedeelde sectie)",
   icon: "\u{1F9E9}",
   defaults: () => ({ symbolId: "" })

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/blocks/builtins/SymbolRef.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport type { z } from \"zod\";\nimport type { SymbolRefBlockSchema } from \"../../schema/blocks\";\nimport type { SymbolDefinition } from \"../../schema/symbols\";\nimport { defineBlock, type BlockRenderProps } from \"../registry\";\nimport { BlockRenderer } from \"../BlockRenderer\";\nimport { useRegistry } from \"../context\";\nimport { useEditor } from \"../../editor/EditorProvider\";\n\ntype SymbolRef = z.infer<typeof SymbolRefBlockSchema>;\n\n/**\n * Verwijzing naar een gedeeld symbool. Op de LIVE site wordt een symbolRef normaliter al\n * server-side vervangen door de symbool-blokken (server/pages.ts `expandSymbols`) — dan komt\n * deze Render niet eens aan bod. In de editor/preview (en als client-fallback) rendert hij het\n * symbool live vanuit Firestore, met een subtiel kader zodat de editor ziet dat dit gedeelde\n * inhoud is die op meerdere pagina's meebeweegt.\n */\nfunction SymbolRefRender({ block, siteId, mode }: BlockRenderProps<SymbolRef>) {\n  const registry = useRegistry();\n  // Live meebewegen is alleen nuttig terwijl er BEWERKT wordt. Voor een gewone bezoeker was de\n  // onSnapshot hieronder het duurste patroon van het systeem: een read plus een blijvend open\n  // verbinding, per bezoeker — voor content die toch pas verandert als iemand publiceert.\n  const bewerken = useEditor().open || mode === \"preview\";\n  const [symbol, setSymbol] = useState<SymbolDefinition | null | undefined>(undefined);\n  useEffect(() => {\n    if (!block.symbolId) {\n      setSymbol(null);\n      return;\n    }\n    // Firestore dynamisch laden: een pagina zonder symbolen haalt de SDK zo nooit binnen, en een\n    // pagina mét symbolen pas op het moment dat er echt iets op te halen valt.\n    let unsub: (() => void) | undefined;\n    let afgebroken = false;\n    void (async () => {\n      const [{ getDb }, { doc, onSnapshot }] = await Promise.all([\n        import(\"../../firebase/client\"),\n        import(\"firebase/firestore\"),\n      ]);\n      const db = getDb();\n      if (!db || afgebroken) {\n        setSymbol(null);\n        return;\n      }\n      const ref = doc(db, \"sites\", siteId, \"symbols\", block.symbolId!);\n      const zet = (data: unknown, bestaat: boolean) => {\n        // Lichte vormcheck i.p.v. zod (7.13): dit is een publiek renderpad en de enige plek die\n        // anders het hele symbols-schema (en daarmee de zod-runtime) in de bezoekersbundel trok.\n        // De BlockRenderer eronder valideert de blokken zelf al per type.\n        const d = bestaat && data && typeof data === \"object\" ? (data as { name?: unknown; blocks?: unknown }) : null;\n        const geldig = d && typeof d.name === \"string\" && Array.isArray(d.blocks);\n        setSymbol(geldig ? (d as unknown as SymbolDefinition) : null);\n      };\n      if (bewerken) {\n        unsub = onSnapshot(\n          ref,\n          (snap) => zet(snap.data(), snap.exists()),\n          () => setSymbol(null),\n        );\n      } else {\n        // Publieke fallback (zeldzaam: normaal is de ref al server-side geëxpandeerd): één read,\n        // geen listener.\n        const { getDoc } = await import(\"firebase/firestore\");\n        try {\n          const snap = await getDoc(ref);\n          if (!afgebroken) zet(snap.data(), snap.exists());\n        } catch {\n          if (!afgebroken) setSymbol(null);\n        }\n      }\n    })();\n    return () => {\n      afgebroken = true;\n      unsub?.();\n    };\n  }, [siteId, block.symbolId, bewerken]);\n\n  if (symbol === undefined) return null; // laden — geen flits\n  if (symbol === null) {\n    // Verweesde referentie: nooit de pagina breken; in preview uitleggen, live niets tonen.\n    return mode === \"preview\" ? (\n      <p className=\"xicms-ve__hint\">🧩 Symbool niet gevonden ({block.symbolId}) — kies een ander symbool of verwijder dit blok.</p>\n    ) : null;\n  }\n  const inner = <BlockRenderer blocks={symbol.blocks} registry={registry} siteId={siteId} mode={mode} />;\n  if (mode === \"preview\") {\n    return (\n      <div className=\"xicms-symbol\" data-symbol={block.symbolId}>\n        <div className=\"xicms-symbol__badge\">🧩 {symbol.name} — gedeeld symbool (wijzigingen gelden op élke pagina)</div>\n        {inner}\n      </div>\n    );\n  }\n  return inner;\n}\n\nexport const symbolRefBlock = defineBlock({\n  type: \"symbolRef\",\n  Render: SymbolRefRender,\n  label: \"Symbool (gedeelde sectie)\",\n  icon: \"🧩\",\n  defaults: () => ({ symbolId: \"\" }),\n});\n"],"mappings":";AAmFM,SAGU,KAHV;AAjFN,SAAS,WAAW,gBAAgB;AAIpC,SAAS,mBAA0C;AACnD,SAAS,qBAAqB;AAC9B,SAAS,mBAAmB;AAC5B,SAAS,iBAAiB;AAW1B,SAAS,gBAAgB,EAAE,OAAO,QAAQ,KAAK,GAAgC;AAC7E,QAAM,WAAW,YAAY;AAI7B,QAAM,WAAW,UAAU,EAAE,QAAQ,SAAS;AAC9C,QAAM,CAAC,QAAQ,SAAS,IAAI,SAA8C,MAAS;AACnF,YAAU,MAAM;AACd,QAAI,CAAC,MAAM,UAAU;AACnB,gBAAU,IAAI;AACd;AAAA,IACF;AAGA,QAAI;AACJ,QAAI,aAAa;AACjB,UAAM,YAAY;AAChB,YAAM,CAAC,EAAE,MAAM,GAAG,EAAE,KAAK,WAAW,CAAC,IAAI,MAAM,QAAQ,IAAI;AAAA,QACzD,OAAO,uBAAuB;AAAA,QAC9B,OAAO,oBAAoB;AAAA,MAC7B,CAAC;AACD,YAAM,KAAK,MAAM;AACjB,UAAI,CAAC,MAAM,YAAY;AACrB,kBAAU,IAAI;AACd;AAAA,MACF;AACA,YAAM,MAAM,IAAI,IAAI,SAAS,QAAQ,WAAW,MAAM,QAAS;AAC/D,YAAM,MAAM,CAAC,MAAe,YAAqB;AAI/C,cAAM,IAAI,WAAW,QAAQ,OAAO,SAAS,WAAY,OAAgD;AACzG,cAAM,SAAS,KAAK,OAAO,EAAE,SAAS,YAAY,MAAM,QAAQ,EAAE,MAAM;AACxE,kBAAU,SAAU,IAAoC,IAAI;AAAA,MAC9D;AACA,UAAI,UAAU;AACZ,gBAAQ;AAAA,UACN;AAAA,UACA,CAAC,SAAS,IAAI,KAAK,KAAK,GAAG,KAAK,OAAO,CAAC;AAAA,UACxC,MAAM,UAAU,IAAI;AAAA,QACtB;AAAA,MACF,OAAO;AAGL,cAAM,EAAE,OAAO,IAAI,MAAM,OAAO,oBAAoB;AACpD,YAAI;AACF,gBAAM,OAAO,MAAM,OAAO,GAAG;AAC7B,cAAI,CAAC,WAAY,KAAI,KAAK,KAAK,GAAG,KAAK,OAAO,CAAC;AAAA,QACjD,QAAQ;AACN,cAAI,CAAC,WAAY,WAAU,IAAI;AAAA,QACjC;AAAA,MACF;AAAA,IACF,GAAG;AACH,WAAO,MAAM;AACX,mBAAa;AACb,cAAQ;AAAA,IACV;AAAA,EACF,GAAG,CAAC,QAAQ,MAAM,UAAU,QAAQ,CAAC;AAErC,MAAI,WAAW,OAAW,QAAO;AACjC,MAAI,WAAW,MAAM;AAEnB,WAAO,SAAS,YACd,qBAAC,OAAE,WAAU,kBAAiB;AAAA;AAAA,MAA2B,MAAM;AAAA,MAAS;AAAA,OAAiD,IACvH;AAAA,EACN;AACA,QAAM,QAAQ,oBAAC,iBAAc,QAAQ,OAAO,QAAQ,UAAoB,QAAgB,MAAY;AACpG,MAAI,SAAS,WAAW;AACtB,WACE,qBAAC,SAAI,WAAU,gBAAe,eAAa,MAAM,UAC/C;AAAA,2BAAC,SAAI,WAAU,uBAAsB;AAAA;AAAA,QAAI,OAAO;AAAA,QAAK;AAAA,SAAsD;AAAA,MAC1G;AAAA,OACH;AAAA,EAEJ;AACA,SAAO;AACT;AAEO,MAAM,iBAAiB,YAAY;AAAA,EACxC,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU,OAAO,EAAE,UAAU,GAAG;AAClC,CAAC;","names":[]}
+{"version":3,"sources":["../../../src/blocks/builtins/SymbolRef.tsx"],"sourcesContent":["import dynamic from \"next/dynamic\";\nimport { defineBlock } from \"../registry\";\n\nexport const symbolRefBlock = defineBlock({\n  type: \"symbolRef\",\n  Render: dynamic(() => import(\"./SymbolRefRender\").then((m) => m.SymbolRefRender)),\n  label: \"Symbool (gedeelde sectie)\",\n  icon: \"🧩\",\n  defaults: () => ({ symbolId: \"\" }),\n});\n"],"mappings":"AAAA,OAAO,aAAa;AACpB,SAAS,mBAAmB;AAErB,MAAM,iBAAiB,YAAY;AAAA,EACxC,MAAM;AAAA,EACN,QAAQ,QAAQ,MAAM,OAAO,mBAAmB,EAAE,KAAK,CAAC,MAAM,EAAE,eAAe,CAAC;AAAA,EAChF,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU,OAAO,EAAE,UAAU,GAAG;AAClC,CAAC;","names":[]}

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

@@ -0,0 +1,13 @@
+import type { z } from "zod";
+import type { SymbolRefBlockSchema } from "../../schema/blocks.js";
+import type { BlockRenderProps } from "../registry.js";
+type SymbolRef = z.infer<typeof SymbolRefBlockSchema>;
+/**
+ * Verwijzing naar een gedeeld symbool. Op de LIVE site wordt een symbolRef normaliter al
+ * server-side vervangen door de symbool-blokken (server/pages.ts `expandSymbols`) — dan komt
+ * deze Render niet eens aan bod. In de editor/preview (en als client-fallback) rendert hij het
+ * symbool live vanuit Firestore, met een subtiel kader zodat de editor ziet dat dit gedeelde
+ * inhoud is die op meerdere pagina's meebeweegt.
+ */
+export declare function SymbolRefRender({ block, siteId, mode }: BlockRenderProps<SymbolRef>): import("react").JSX.Element | null;
+export {};

package/dist/blocks/builtins/SymbolRefRender.js

@@ -0,0 +1,79 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { BlockRenderer } from "../BlockRenderer.js";
+import { useRegistry } from "../context.js";
+import { useEditor } from "../../editor/EditorProvider.js";
+function SymbolRefRender({ block, siteId, mode }) {
+  const registry = useRegistry();
+  const bewerken = useEditor().open || mode === "preview";
+  const [symbol, setSymbol] = useState(void 0);
+  useEffect(() => {
+    if (!block.symbolId) {
+      setSymbol(null);
+      return;
+    }
+    let unsub;
+    let afgebroken = false;
+    void (async () => {
+      const [{ getDb }, { doc, onSnapshot }] = await Promise.all([
+        import("../../firebase/client.js"),
+        import("firebase/firestore")
+      ]);
+      const db = getDb();
+      if (!db || afgebroken) {
+        setSymbol(null);
+        return;
+      }
+      const ref = doc(db, "sites", siteId, "symbols", block.symbolId);
+      const zet = (data, bestaat) => {
+        const d = bestaat && data && typeof data === "object" ? data : null;
+        const geldig = d && typeof d.name === "string" && Array.isArray(d.blocks);
+        setSymbol(geldig ? d : null);
+      };
+      if (bewerken) {
+        unsub = onSnapshot(
+          ref,
+          (snap) => zet(snap.data(), snap.exists()),
+          () => setSymbol(null)
+        );
+      } else {
+        const { getDoc } = await import("firebase/firestore");
+        try {
+          const snap = await getDoc(ref);
+          if (!afgebroken) zet(snap.data(), snap.exists());
+        } catch {
+          if (!afgebroken) setSymbol(null);
+        }
+      }
+    })();
+    return () => {
+      afgebroken = true;
+      unsub?.();
+    };
+  }, [siteId, block.symbolId, bewerken]);
+  if (symbol === void 0) return null;
+  if (symbol === null) {
+    return mode === "preview" ? /* @__PURE__ */ jsxs("p", { className: "xicms-ve__hint", children: [
+      "\u{1F9E9} Symbool niet gevonden (",
+      block.symbolId,
+      ") \u2014 kies een ander symbool of verwijder dit blok."
+    ] }) : null;
+  }
+  const inner = /* @__PURE__ */ jsx(BlockRenderer, { blocks: symbol.blocks, registry, siteId, mode });
+  if (mode === "preview") {
+    return /* @__PURE__ */ jsxs("div", { className: "xicms-symbol", "data-symbol": block.symbolId, children: [
+      /* @__PURE__ */ jsxs("div", { className: "xicms-symbol__badge", children: [
+        "\u{1F9E9} ",
+        symbol.name,
+        " \u2014 gedeeld symbool (wijzigingen gelden op \xE9lke pagina)"
+      ] }),
+      inner
+    ] });
+  }
+  return inner;
+}
+export {
+  SymbolRefRender
+};
+//# sourceMappingURL=SymbolRefRender.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/blocks/builtins/SymbolRefRender.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport type { z } from \"zod\";\nimport type { SymbolRefBlockSchema } from \"../../schema/blocks\";\nimport type { SymbolDefinition } from \"../../schema/symbols\";\nimport type { BlockRenderProps } from \"../registry\";\nimport { BlockRenderer } from \"../BlockRenderer\";\nimport { useRegistry } from \"../context\";\nimport { useEditor } from \"../../editor/EditorProvider\";\n\ntype SymbolRef = z.infer<typeof SymbolRefBlockSchema>;\n\n/**\n * Verwijzing naar een gedeeld symbool. Op de LIVE site wordt een symbolRef normaliter al\n * server-side vervangen door de symbool-blokken (server/pages.ts `expandSymbols`) — dan komt\n * deze Render niet eens aan bod. In de editor/preview (en als client-fallback) rendert hij het\n * symbool live vanuit Firestore, met een subtiel kader zodat de editor ziet dat dit gedeelde\n * inhoud is die op meerdere pagina's meebeweegt.\n */\nexport function SymbolRefRender({ block, siteId, mode }: BlockRenderProps<SymbolRef>) {\n  const registry = useRegistry();\n  // Live meebewegen is alleen nuttig terwijl er BEWERKT wordt. Voor een gewone bezoeker was de\n  // onSnapshot hieronder het duurste patroon van het systeem: een read plus een blijvend open\n  // verbinding, per bezoeker — voor content die toch pas verandert als iemand publiceert.\n  const bewerken = useEditor().open || mode === \"preview\";\n  const [symbol, setSymbol] = useState<SymbolDefinition | null | undefined>(undefined);\n  useEffect(() => {\n    if (!block.symbolId) {\n      setSymbol(null);\n      return;\n    }\n    // Firestore dynamisch laden: een pagina zonder symbolen haalt de SDK zo nooit binnen, en een\n    // pagina mét symbolen pas op het moment dat er echt iets op te halen valt.\n    let unsub: (() => void) | undefined;\n    let afgebroken = false;\n    void (async () => {\n      const [{ getDb }, { doc, onSnapshot }] = await Promise.all([\n        import(\"../../firebase/client\"),\n        import(\"firebase/firestore\"),\n      ]);\n      const db = getDb();\n      if (!db || afgebroken) {\n        setSymbol(null);\n        return;\n      }\n      const ref = doc(db, \"sites\", siteId, \"symbols\", block.symbolId!);\n      const zet = (data: unknown, bestaat: boolean) => {\n        // Lichte vormcheck i.p.v. zod (7.13): dit is een publiek renderpad en de enige plek die\n        // anders het hele symbols-schema (en daarmee de zod-runtime) in de bezoekersbundel trok.\n        // De BlockRenderer eronder valideert de blokken zelf al per type.\n        const d = bestaat && data && typeof data === \"object\" ? (data as { name?: unknown; blocks?: unknown }) : null;\n        const geldig = d && typeof d.name === \"string\" && Array.isArray(d.blocks);\n        setSymbol(geldig ? (d as unknown as SymbolDefinition) : null);\n      };\n      if (bewerken) {\n        unsub = onSnapshot(\n          ref,\n          (snap) => zet(snap.data(), snap.exists()),\n          () => setSymbol(null),\n        );\n      } else {\n        // Publieke fallback (zeldzaam: normaal is de ref al server-side geëxpandeerd): één read,\n        // geen listener.\n        const { getDoc } = await import(\"firebase/firestore\");\n        try {\n          const snap = await getDoc(ref);\n          if (!afgebroken) zet(snap.data(), snap.exists());\n        } catch {\n          if (!afgebroken) setSymbol(null);\n        }\n      }\n    })();\n    return () => {\n      afgebroken = true;\n      unsub?.();\n    };\n  }, [siteId, block.symbolId, bewerken]);\n\n  if (symbol === undefined) return null; // laden — geen flits\n  if (symbol === null) {\n    // Verweesde referentie: nooit de pagina breken; in preview uitleggen, live niets tonen.\n    return mode === \"preview\" ? (\n      <p className=\"xicms-ve__hint\">🧩 Symbool niet gevonden ({block.symbolId}) — kies een ander symbool of verwijder dit blok.</p>\n    ) : null;\n  }\n  const inner = <BlockRenderer blocks={symbol.blocks} registry={registry} siteId={siteId} mode={mode} />;\n  if (mode === \"preview\") {\n    return (\n      <div className=\"xicms-symbol\" data-symbol={block.symbolId}>\n        <div className=\"xicms-symbol__badge\">🧩 {symbol.name} — gedeeld symbool (wijzigingen gelden op élke pagina)</div>\n        {inner}\n      </div>\n    );\n  }\n  return inner;\n}\n"],"mappings":";AAmFM,SAGU,KAHV;AAjFN,SAAS,WAAW,gBAAgB;AAKpC,SAAS,qBAAqB;AAC9B,SAAS,mBAAmB;AAC5B,SAAS,iBAAiB;AAWnB,SAAS,gBAAgB,EAAE,OAAO,QAAQ,KAAK,GAAgC;AACpF,QAAM,WAAW,YAAY;AAI7B,QAAM,WAAW,UAAU,EAAE,QAAQ,SAAS;AAC9C,QAAM,CAAC,QAAQ,SAAS,IAAI,SAA8C,MAAS;AACnF,YAAU,MAAM;AACd,QAAI,CAAC,MAAM,UAAU;AACnB,gBAAU,IAAI;AACd;AAAA,IACF;AAGA,QAAI;AACJ,QAAI,aAAa;AACjB,UAAM,YAAY;AAChB,YAAM,CAAC,EAAE,MAAM,GAAG,EAAE,KAAK,WAAW,CAAC,IAAI,MAAM,QAAQ,IAAI;AAAA,QACzD,OAAO,uBAAuB;AAAA,QAC9B,OAAO,oBAAoB;AAAA,MAC7B,CAAC;AACD,YAAM,KAAK,MAAM;AACjB,UAAI,CAAC,MAAM,YAAY;AACrB,kBAAU,IAAI;AACd;AAAA,MACF;AACA,YAAM,MAAM,IAAI,IAAI,SAAS,QAAQ,WAAW,MAAM,QAAS;AAC/D,YAAM,MAAM,CAAC,MAAe,YAAqB;AAI/C,cAAM,IAAI,WAAW,QAAQ,OAAO,SAAS,WAAY,OAAgD;AACzG,cAAM,SAAS,KAAK,OAAO,EAAE,SAAS,YAAY,MAAM,QAAQ,EAAE,MAAM;AACxE,kBAAU,SAAU,IAAoC,IAAI;AAAA,MAC9D;AACA,UAAI,UAAU;AACZ,gBAAQ;AAAA,UACN;AAAA,UACA,CAAC,SAAS,IAAI,KAAK,KAAK,GAAG,KAAK,OAAO,CAAC;AAAA,UACxC,MAAM,UAAU,IAAI;AAAA,QACtB;AAAA,MACF,OAAO;AAGL,cAAM,EAAE,OAAO,IAAI,MAAM,OAAO,oBAAoB;AACpD,YAAI;AACF,gBAAM,OAAO,MAAM,OAAO,GAAG;AAC7B,cAAI,CAAC,WAAY,KAAI,KAAK,KAAK,GAAG,KAAK,OAAO,CAAC;AAAA,QACjD,QAAQ;AACN,cAAI,CAAC,WAAY,WAAU,IAAI;AAAA,QACjC;AAAA,MACF;AAAA,IACF,GAAG;AACH,WAAO,MAAM;AACX,mBAAa;AACb,cAAQ;AAAA,IACV;AAAA,EACF,GAAG,CAAC,QAAQ,MAAM,UAAU,QAAQ,CAAC;AAErC,MAAI,WAAW,OAAW,QAAO;AACjC,MAAI,WAAW,MAAM;AAEnB,WAAO,SAAS,YACd,qBAAC,OAAE,WAAU,kBAAiB;AAAA;AAAA,MAA2B,MAAM;AAAA,MAAS;AAAA,OAAiD,IACvH;AAAA,EACN;AACA,QAAM,QAAQ,oBAAC,iBAAc,QAAQ,OAAO,QAAQ,UAAoB,QAAgB,MAAY;AACpG,MAAI,SAAS,WAAW;AACtB,WACE,qBAAC,SAAI,WAAU,gBAAe,eAAa,MAAM,UAC/C;AAAA,2BAAC,SAAI,WAAU,uBAAsB;AAAA;AAAA,QAAI,OAAO;AAAA,QAAK;AAAA,SAAsD;AAAA,MAC1G;AAAA,OACH;AAAA,EAEJ;AACA,SAAO;AACT;","names":[]}

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

@@ -1,2 +1 @@
-import type { z } from "zod";
-export declare const teamBlock: import("../index.js").BlockDefinition<z.core.$ZodType<unknown, unknown, z.core.$ZodTypeInternals<unknown, unknown>>>;
+export declare const teamBlock: import("../index.js").BlockDefinition<import("zod/v4/core").$ZodType<unknown, unknown, import("zod/v4/core").$ZodTypeInternals<unknown, unknown>>>;

package/dist/blocks/builtins/Team.js

@@ -1,61 +1,8 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
+import dynamic from "next/dynamic";
 import { defineBlock } from "../registry.js";
-import { VStack, HStack, Grid, Card, Heading, Text, Avatar } from "../ui/index.js";
-import { jsonLdHtml } from "./jsonld.js";
-function personJsonLd(members) {
-  return {
-    "@context": "https://schema.org",
-    "@type": "ItemList",
-    itemListElement: members.filter((m) => m.name).map((m, i) => ({
-      "@type": "ListItem",
-      position: i + 1,
-      item: {
-        "@type": "Person",
-        name: m.name,
-        ...m.role ? { jobTitle: m.role } : {},
-        ...m.email ? { email: m.email } : {},
-        ...m.phone ? { telephone: m.phone } : {},
-        ...m.photoUrl ? { image: m.photoUrl } : {},
-        ...m.social?.length ? { sameAs: m.social.map((s) => s.href) } : {}
-      }
-    }))
-  };
-}
-function TeamRender({ block }) {
-  const members = (block.members ?? []).map((m, i) => ({ ...m, _i: i })).filter((m) => m.name);
-  if (members.length === 0) return null;
-  const groups = block.groupByDepartment ? [...new Set(members.map((m) => m.department ?? ""))].sort((a, b) => a === "" ? 1 : b === "" ? -1 : 0).map((dep) => ({ dep, members: members.filter((m) => (m.department ?? "") === dep) })) : [{ dep: "", members }];
-  const grid = (list) => /* @__PURE__ */ jsx(Grid, { columns: { minWidth: 220, max: 4 }, gap: 4, children: list.map((m) => {
-    const i = m._i;
-    return /* @__PURE__ */ jsx(Card, { padding: 4, height: "100%", children: /* @__PURE__ */ jsxs(VStack, { gap: 1, hAlign: "center", style: { textAlign: "center", height: "100%" }, children: [
-      /* @__PURE__ */ jsx(Avatar, { src: m.photoUrl, name: m.name, size: 96 }),
-      /* @__PURE__ */ jsx(Heading, { level: 3, "data-xicms-edit": `members.${i}.name`, children: m.name }),
-      m.role && /* @__PURE__ */ jsx(Text, { type: "label", "data-xicms-edit": `members.${i}.role`, style: { color: "var(--color-accent)" }, children: m.role }),
-      m.bio && /* @__PURE__ */ jsx(Text, { color: "secondary", "data-xicms-edit": `members.${i}.bio`, children: m.bio }),
-      m.email && /* @__PURE__ */ jsx("a", { href: `mailto:${m.email}`, style: { color: "var(--color-accent)" }, children: /* @__PURE__ */ jsx(Text, { type: "supporting", "data-xicms-edit": `members.${i}.email`, children: m.email }) }),
-      m.phone && /* @__PURE__ */ jsx(Text, { type: "supporting", color: "secondary", "data-xicms-edit": `members.${i}.phone`, children: m.phone }),
-      m.social && m.social.length > 0 && /* @__PURE__ */ jsx(HStack, { gap: 2, hAlign: "center", as: "ul", style: { listStyle: "none", margin: 0, padding: 0, flexWrap: "wrap" }, children: m.social.map((s, j) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", { href: s.href, rel: "noopener noreferrer", target: "_blank", style: { color: "var(--color-accent)" }, children: /* @__PURE__ */ jsx(Text, { type: "supporting", "data-xicms-edit": `members.${i}.social.${j}.platform`, children: s.platform }) }) }, j)) })
-    ] }) }, i);
-  }) });
-  return /* @__PURE__ */ jsxs(VStack, { gap: 4, as: "section", className: "xicms-team", children: [
-    block.heading && /* @__PURE__ */ jsx(Heading, { level: 2, justify: "center", "data-xicms-edit": "heading", style: { textAlign: "center" }, children: block.heading }),
-    groups.map(({ dep, members: list }) => /* @__PURE__ */ jsxs(VStack, { gap: 3, children: [
-      block.groupByDepartment && groups.length > 1 && /* @__PURE__ */ jsx(Heading, { level: 3, justify: "center", style: { textAlign: "center" }, children: dep || "Overig" }),
-      grid(list)
-    ] }, dep || "_overig")),
-    block.jsonLd && /* @__PURE__ */ jsx(
-      "script",
-      {
-        type: "application/ld+json",
-        dangerouslySetInnerHTML: { __html: jsonLdHtml(personJsonLd(members)) }
-      }
-    )
-  ] });
-}
 const teamBlock = defineBlock({
   type: "team",
-  Render: TeamRender,
+  Render: dynamic(() => import("./TeamRender.js").then((m) => m.TeamRender)),
   label: "Team",
   icon: "\u{1F465}",
   defaults: () => ({

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 type { 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  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":["import dynamic from \"next/dynamic\";\nimport { defineBlock } from \"../registry\";\n\nexport const teamBlock = defineBlock({\n  type: \"team\",\n  Render: dynamic(() => import(\"./TeamRender\").then((m) => m.TeamRender)),\n  label: \"Team\",\n  icon: \"👥\",\n  defaults: () => ({\n    heading: \"Ons team\",\n    members: [{ name: \"Naam Medewerker\", role: \"Functie\" }],\n  }),\n});\n"],"mappings":"AAAA,OAAO,aAAa;AACpB,SAAS,mBAAmB;AAErB,MAAM,YAAY,YAAY;AAAA,EACnC,MAAM;AAAA,EACN,QAAQ,QAAQ,MAAM,OAAO,cAAc,EAAE,KAAK,CAAC,MAAM,EAAE,UAAU,CAAC;AAAA,EACtE,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU,OAAO;AAAA,IACf,SAAS;AAAA,IACT,SAAS,CAAC,EAAE,MAAM,mBAAmB,MAAM,UAAU,CAAC;AAAA,EACxD;AACF,CAAC;","names":[]}

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

@@ -0,0 +1,7 @@
+import type { z } from "zod";
+import type { TeamBlockSchema } from "../../schema/blocks.js";
+import type { BlockRenderProps } from "../registry.js";
+type Team = z.infer<typeof TeamBlockSchema>;
+/** Team-/medewerkersoverzicht als kaarten (Astryx), optioneel gegroepeerd per afdeling. */
+export declare function TeamRender({ block }: BlockRenderProps<Team>): import("react").JSX.Element | null;
+export {};

package/dist/blocks/builtins/TeamRender.js

@@ -0,0 +1,58 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { VStack, HStack, Grid, Card, Heading, Text, Avatar } from "../ui/index.js";
+import { jsonLdHtml } from "./jsonld.js";
+function personJsonLd(members) {
+  return {
+    "@context": "https://schema.org",
+    "@type": "ItemList",
+    itemListElement: members.filter((m) => m.name).map((m, i) => ({
+      "@type": "ListItem",
+      position: i + 1,
+      item: {
+        "@type": "Person",
+        name: m.name,
+        ...m.role ? { jobTitle: m.role } : {},
+        ...m.email ? { email: m.email } : {},
+        ...m.phone ? { telephone: m.phone } : {},
+        ...m.photoUrl ? { image: m.photoUrl } : {},
+        ...m.social?.length ? { sameAs: m.social.map((s) => s.href) } : {}
+      }
+    }))
+  };
+}
+function TeamRender({ block }) {
+  const members = (block.members ?? []).map((m, i) => ({ ...m, _i: i })).filter((m) => m.name);
+  if (members.length === 0) return null;
+  const groups = block.groupByDepartment ? [...new Set(members.map((m) => m.department ?? ""))].sort((a, b) => a === "" ? 1 : b === "" ? -1 : 0).map((dep) => ({ dep, members: members.filter((m) => (m.department ?? "") === dep) })) : [{ dep: "", members }];
+  const grid = (list) => /* @__PURE__ */ jsx(Grid, { columns: { minWidth: 220, max: 4 }, gap: 4, children: list.map((m) => {
+    const i = m._i;
+    return /* @__PURE__ */ jsx(Card, { padding: 4, height: "100%", children: /* @__PURE__ */ jsxs(VStack, { gap: 1, hAlign: "center", style: { textAlign: "center", height: "100%" }, children: [
+      /* @__PURE__ */ jsx(Avatar, { src: m.photoUrl, name: m.name, size: 96 }),
+      /* @__PURE__ */ jsx(Heading, { level: 3, "data-xicms-edit": `members.${i}.name`, children: m.name }),
+      m.role && /* @__PURE__ */ jsx(Text, { type: "label", "data-xicms-edit": `members.${i}.role`, style: { color: "var(--color-accent)" }, children: m.role }),
+      m.bio && /* @__PURE__ */ jsx(Text, { color: "secondary", "data-xicms-edit": `members.${i}.bio`, children: m.bio }),
+      m.email && /* @__PURE__ */ jsx("a", { href: `mailto:${m.email}`, style: { color: "var(--color-accent)" }, children: /* @__PURE__ */ jsx(Text, { type: "supporting", "data-xicms-edit": `members.${i}.email`, children: m.email }) }),
+      m.phone && /* @__PURE__ */ jsx(Text, { type: "supporting", color: "secondary", "data-xicms-edit": `members.${i}.phone`, children: m.phone }),
+      m.social && m.social.length > 0 && /* @__PURE__ */ jsx(HStack, { gap: 2, hAlign: "center", as: "ul", style: { listStyle: "none", margin: 0, padding: 0, flexWrap: "wrap" }, children: m.social.map((s, j) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", { href: s.href, rel: "noopener noreferrer", target: "_blank", style: { color: "var(--color-accent)" }, children: /* @__PURE__ */ jsx(Text, { type: "supporting", "data-xicms-edit": `members.${i}.social.${j}.platform`, children: s.platform }) }) }, j)) })
+    ] }) }, i);
+  }) });
+  return /* @__PURE__ */ jsxs(VStack, { gap: 4, as: "section", className: "xicms-team", children: [
+    block.heading && /* @__PURE__ */ jsx(Heading, { level: 2, justify: "center", "data-xicms-edit": "heading", style: { textAlign: "center" }, children: block.heading }),
+    groups.map(({ dep, members: list }) => /* @__PURE__ */ jsxs(VStack, { gap: 3, children: [
+      block.groupByDepartment && groups.length > 1 && /* @__PURE__ */ jsx(Heading, { level: 3, justify: "center", style: { textAlign: "center" }, children: dep || "Overig" }),
+      grid(list)
+    ] }, dep || "_overig")),
+    block.jsonLd && /* @__PURE__ */ jsx(
+      "script",
+      {
+        type: "application/ld+json",
+        dangerouslySetInnerHTML: { __html: jsonLdHtml(personJsonLd(members)) }
+      }
+    )
+  ] });
+}
+export {
+  TeamRender
+};
+//# sourceMappingURL=TeamRender.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/blocks/builtins/TeamRender.tsx"],"sourcesContent":["\"use client\";\n\nimport type { z } from \"zod\";\nimport type { TeamBlockSchema } from \"../../schema/blocks\";\nimport 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. */\nexport function 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"],"mappings":"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","names":[]}

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

@@ -1,8 +1 @@
-import type { z } from "zod";
-import type { TestimonialsBlockSchema } from "../../schema/blocks.js";
-type Testimonials = z.infer<typeof TestimonialsBlockSchema>;
-/** Gemiddelde beoordeling over de items met een rating — voor de sterren-snippet in Google. */
-export declare function aggregateRatingJsonLd(items: Testimonials["items"]): Record<string, unknown> | null;
-export declare function reviewJsonLd(items: Testimonials["items"]): Record<string, unknown>;
-export declare const testimonialsBlock: import("../index.js").BlockDefinition<z.core.$ZodType<unknown, unknown, z.core.$ZodTypeInternals<unknown, unknown>>>;
-export {};
+export declare const testimonialsBlock: import("../index.js").BlockDefinition<import("zod/v4/core").$ZodType<unknown, unknown, import("zod/v4/core").$ZodTypeInternals<unknown, unknown>>>;

package/dist/blocks/builtins/Testimonials.js

@@ -1,73 +1,8 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
+import dynamic from "next/dynamic";
 import { defineBlock } from "../registry.js";
-import { VStack, HStack, Grid, Card, Heading, Text, Avatar } from "../ui/index.js";
-import { jsonLdHtml } from "./jsonld.js";
-function aggregateRatingJsonLd(items) {
-  const rated = items.filter((it) => typeof it.rating === "number");
-  if (rated.length === 0) return null;
-  const avg = rated.reduce((sum, it) => sum + it.rating, 0) / rated.length;
-  return {
-    "@type": "AggregateRating",
-    ratingValue: Math.round(avg * 10) / 10,
-    reviewCount: rated.length,
-    bestRating: 5
-  };
-}
-function reviewJsonLd(items) {
-  const aggregate = aggregateRatingJsonLd(items);
-  return {
-    "@context": "https://schema.org",
-    "@type": "LocalBusiness",
-    "@id": "#business",
-    ...aggregate ? { aggregateRating: aggregate } : {},
-    review: items.filter((it) => it.quote && it.author).map((it) => ({
-      "@type": "Review",
-      reviewBody: it.quote,
-      author: { "@type": "Person", name: it.author },
-      ...it.rating ? { reviewRating: { "@type": "Rating", ratingValue: it.rating, bestRating: 5 } } : {}
-    }))
-  };
-}
-function TestimonialsRender({ block }) {
-  const items = (block.items ?? []).map((it, i) => ({ ...it, _i: i })).filter((i) => i.quote);
-  if (items.length === 0) return null;
-  const cols = block.layout === "list" ? { minWidth: 320, max: 1 } : { minWidth: 280, max: 3 };
-  return /* @__PURE__ */ jsxs(VStack, { gap: 4, as: "section", className: "xicms-testimonials", children: [
-    block.heading && /* @__PURE__ */ jsx(Heading, { level: 2, justify: "center", "data-xicms-edit": "heading", style: { textAlign: "center" }, children: block.heading }),
-    /* @__PURE__ */ jsx(Grid, { columns: cols, gap: 4, children: items.map((it) => {
-      const i = it._i;
-      return /* @__PURE__ */ jsx(Card, { padding: 4, height: "100%", className: "xicms-testimonials__card", children: /* @__PURE__ */ jsxs(VStack, { gap: 2, style: { height: "100%" }, children: [
-        typeof it.rating === "number" && /* @__PURE__ */ jsxs(Text, { className: "xicms-testimonials__rating", style: { color: "var(--xicms-star, #f59e0b)", letterSpacing: "0.1em" }, "aria-label": `${it.rating} van 5 sterren`, children: [
-          "\u2605".repeat(it.rating),
-          /* @__PURE__ */ jsx("span", { style: { opacity: 0.25 }, children: "\u2605".repeat(5 - it.rating) })
-        ] }),
-        /* @__PURE__ */ jsxs(Text, { type: "large", className: "xicms-testimonials__quote", style: { flex: 1 }, children: [
-          "\u201C",
-          /* @__PURE__ */ jsx("span", { "data-xicms-edit": `items.${i}.quote`, children: it.quote }),
-          "\u201D"
-        ] }),
-        /* @__PURE__ */ jsxs(HStack, { gap: 1.5, vAlign: "center", children: [
-          it.avatarUrl && /* @__PURE__ */ jsx(Avatar, { src: it.avatarUrl, name: it.author, size: 40 }),
-          /* @__PURE__ */ jsxs(VStack, { gap: 0, children: [
-            /* @__PURE__ */ jsx(Text, { weight: "bold", className: "xicms-testimonials__author", "data-xicms-edit": `items.${i}.author`, children: it.author }),
-            it.role && /* @__PURE__ */ jsx(Text, { type: "supporting", color: "secondary", className: "xicms-testimonials__role", "data-xicms-edit": `items.${i}.role`, children: it.role })
-          ] })
-        ] })
-      ] }) }, i);
-    }) }),
-    block.jsonLd && /* @__PURE__ */ jsx(
-      "script",
-      {
-        type: "application/ld+json",
-        dangerouslySetInnerHTML: { __html: jsonLdHtml(reviewJsonLd(items)) }
-      }
-    )
-  ] });
-}
 const testimonialsBlock = defineBlock({
   type: "testimonials",
-  Render: TestimonialsRender,
+  Render: dynamic(() => import("./TestimonialsRender.js").then((m) => m.TestimonialsRender)),
   label: "Reviews",
   icon: "\u2B50",
   defaults: () => ({
@@ -77,8 +12,6 @@ const testimonialsBlock = defineBlock({
   })
 });
 export {
-  aggregateRatingJsonLd,
-  reviewJsonLd,
   testimonialsBlock
 };
 //# sourceMappingURL=Testimonials.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/blocks/builtins/Testimonials.tsx"],"sourcesContent":["\"use client\";\n\nimport type { z } from \"zod\";\nimport type { TestimonialsBlockSchema } 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 Testimonials = z.infer<typeof TestimonialsBlockSchema>;\n\n/** Gemiddelde beoordeling over de items met een rating — voor de sterren-snippet in Google. */\nexport function aggregateRatingJsonLd(items: Testimonials[\"items\"]): Record<string, unknown> | null {\n  const rated = items.filter((it) => typeof it.rating === \"number\");\n  if (rated.length === 0) return null;\n  const avg = rated.reduce((sum, it) => sum + (it.rating as number), 0) / rated.length;\n  return {\n    \"@type\": \"AggregateRating\",\n    ratingValue: Math.round(avg * 10) / 10,\n    reviewCount: rated.length,\n    bestRating: 5,\n  };\n}\n\nexport function reviewJsonLd(items: Testimonials[\"items\"]): Record<string, unknown> {\n  const aggregate = aggregateRatingJsonLd(items);\n  // Reviews/AggregateRating zijn voor rich results alleen geldig aan een \"ding\" (bedrijf/product);\n  // een losse ItemList negeert Google. We hangen ze aan dezelfde #business-entiteit als de\n  // contact-/openingstijden-JSON-LD, zodat alles samenvloeit tot één LocalBusiness.\n  return {\n    \"@context\": \"https://schema.org\",\n    \"@type\": \"LocalBusiness\",\n    \"@id\": \"#business\",\n    ...(aggregate ? { aggregateRating: aggregate } : {}),\n    review: items\n      .filter((it) => it.quote && it.author)\n      .map((it) => ({\n        \"@type\": \"Review\",\n        reviewBody: it.quote,\n        author: { \"@type\": \"Person\", name: it.author },\n        ...(it.rating\n          ? { reviewRating: { \"@type\": \"Rating\", ratingValue: it.rating, bestRating: 5 } }\n          : {}),\n      })),\n  };\n}\n\n/** Klant­quotes / reviews als kaarten (Astryx). */\nfunction TestimonialsRender({ block }: BlockRenderProps<Testimonials>) {\n  // _i = index in de OORSPRONKELIJKE array — inline-edit-paden (items.N.quote) moeten daarheen wijzen.\n  const items = (block.items ?? []).map((it, i) => ({ ...it, _i: i })).filter((i) => i.quote);\n  if (items.length === 0) return null;\n  const cols = block.layout === \"list\" ? { minWidth: 320, max: 1 as const } : { minWidth: 280, max: 3 as const };\n  return (\n    <VStack gap={4} as=\"section\" className=\"xicms-testimonials\">\n      {block.heading && (\n        <Heading level={2} justify=\"center\" data-xicms-edit=\"heading\" style={{ textAlign: \"center\" }}>{block.heading}</Heading>\n      )}\n      <Grid columns={cols} gap={4}>\n        {items.map((it) => {\n          const i = it._i;\n          return (\n          <Card key={i} padding={4} height=\"100%\" className=\"xicms-testimonials__card\">\n            <VStack gap={2} style={{ height: \"100%\" }}>\n              {typeof it.rating === \"number\" && (\n                <Text className=\"xicms-testimonials__rating\" style={{ color: \"var(--xicms-star, #f59e0b)\", letterSpacing: \"0.1em\" }} aria-label={`${it.rating} van 5 sterren`}>\n                  {\"★\".repeat(it.rating)}\n                  <span style={{ opacity: 0.25 }}>{\"★\".repeat(5 - it.rating)}</span>\n                </Text>\n              )}\n              <Text type=\"large\" className=\"xicms-testimonials__quote\" style={{ flex: 1 }}>“<span data-xicms-edit={`items.${i}.quote`}>{it.quote}</span>”</Text>\n              <HStack gap={1.5} vAlign=\"center\">\n                {it.avatarUrl && <Avatar src={it.avatarUrl} name={it.author} size={40} />}\n                <VStack gap={0}>\n                  <Text weight=\"bold\" className=\"xicms-testimonials__author\" data-xicms-edit={`items.${i}.author`}>{it.author}</Text>\n                  {it.role && <Text type=\"supporting\" color=\"secondary\" className=\"xicms-testimonials__role\" data-xicms-edit={`items.${i}.role`}>{it.role}</Text>}\n                </VStack>\n              </HStack>\n            </VStack>\n          </Card>\n          );\n        })}\n      </Grid>\n      {block.jsonLd && (\n        <script\n          type=\"application/ld+json\"\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{ __html: jsonLdHtml(reviewJsonLd(items)) }}\n        />\n      )}\n    </VStack>\n  );\n}\n\nexport const testimonialsBlock = defineBlock({\n  type: \"testimonials\",\n  Render: TestimonialsRender,\n  label: \"Reviews\",\n  icon: \"⭐\",\n  defaults: () => ({\n    heading: \"Wat klanten zeggen\",\n    items: [{ quote: \"Top geholpen!\", author: \"Tevreden klant\", rating: 5 }],\n    jsonLd: true,\n  }),\n});\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/blocks/builtins/Testimonials.tsx"],"sourcesContent":["import dynamic from \"next/dynamic\";\nimport { defineBlock } from \"../registry\";\n\nexport const testimonialsBlock = defineBlock({\n  type: \"testimonials\",\n  Render: dynamic(() => import(\"./TestimonialsRender\").then((m) => m.TestimonialsRender)),\n  label: \"Reviews\",\n  icon: \"⭐\",\n  defaults: () => ({\n    heading: \"Wat klanten zeggen\",\n    items: [{ quote: \"Top geholpen!\", author: \"Tevreden klant\", rating: 5 }],\n    jsonLd: true,\n  }),\n});\n"],"mappings":"AAAA,OAAO,aAAa;AACpB,SAAS,mBAAmB;AAErB,MAAM,oBAAoB,YAAY;AAAA,EAC3C,MAAM;AAAA,EACN,QAAQ,QAAQ,MAAM,OAAO,sBAAsB,EAAE,KAAK,CAAC,MAAM,EAAE,kBAAkB,CAAC;AAAA,EACtF,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU,OAAO;AAAA,IACf,SAAS;AAAA,IACT,OAAO,CAAC,EAAE,OAAO,iBAAiB,QAAQ,kBAAkB,QAAQ,EAAE,CAAC;AAAA,IACvE,QAAQ;AAAA,EACV;AACF,CAAC;","names":[]}

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

@@ -0,0 +1,10 @@
+import type { z } from "zod";
+import type { TestimonialsBlockSchema } from "../../schema/blocks.js";
+import type { BlockRenderProps } from "../registry.js";
+type Testimonials = z.infer<typeof TestimonialsBlockSchema>;
+/** Gemiddelde beoordeling over de items met een rating — voor de sterren-snippet in Google. */
+export declare function aggregateRatingJsonLd(items: Testimonials["items"]): Record<string, unknown> | null;
+export declare function reviewJsonLd(items: Testimonials["items"]): Record<string, unknown>;
+/** Klant­quotes / reviews als kaarten (Astryx). */
+export declare function TestimonialsRender({ block }: BlockRenderProps<Testimonials>): import("react").JSX.Element | null;
+export {};

package/dist/blocks/builtins/TestimonialsRender.js

@@ -0,0 +1,72 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { VStack, HStack, Grid, Card, Heading, Text, Avatar } from "../ui/index.js";
+import { jsonLdHtml } from "./jsonld.js";
+function aggregateRatingJsonLd(items) {
+  const rated = items.filter((it) => typeof it.rating === "number");
+  if (rated.length === 0) return null;
+  const avg = rated.reduce((sum, it) => sum + it.rating, 0) / rated.length;
+  return {
+    "@type": "AggregateRating",
+    ratingValue: Math.round(avg * 10) / 10,
+    reviewCount: rated.length,
+    bestRating: 5
+  };
+}
+function reviewJsonLd(items) {
+  const aggregate = aggregateRatingJsonLd(items);
+  return {
+    "@context": "https://schema.org",
+    "@type": "LocalBusiness",
+    "@id": "#business",
+    ...aggregate ? { aggregateRating: aggregate } : {},
+    review: items.filter((it) => it.quote && it.author).map((it) => ({
+      "@type": "Review",
+      reviewBody: it.quote,
+      author: { "@type": "Person", name: it.author },
+      ...it.rating ? { reviewRating: { "@type": "Rating", ratingValue: it.rating, bestRating: 5 } } : {}
+    }))
+  };
+}
+function TestimonialsRender({ block }) {
+  const items = (block.items ?? []).map((it, i) => ({ ...it, _i: i })).filter((i) => i.quote);
+  if (items.length === 0) return null;
+  const cols = block.layout === "list" ? { minWidth: 320, max: 1 } : { minWidth: 280, max: 3 };
+  return /* @__PURE__ */ jsxs(VStack, { gap: 4, as: "section", className: "xicms-testimonials", children: [
+    block.heading && /* @__PURE__ */ jsx(Heading, { level: 2, justify: "center", "data-xicms-edit": "heading", style: { textAlign: "center" }, children: block.heading }),
+    /* @__PURE__ */ jsx(Grid, { columns: cols, gap: 4, children: items.map((it) => {
+      const i = it._i;
+      return /* @__PURE__ */ jsx(Card, { padding: 4, height: "100%", className: "xicms-testimonials__card", children: /* @__PURE__ */ jsxs(VStack, { gap: 2, style: { height: "100%" }, children: [
+        typeof it.rating === "number" && /* @__PURE__ */ jsxs(Text, { className: "xicms-testimonials__rating", style: { color: "var(--xicms-star, #f59e0b)", letterSpacing: "0.1em" }, "aria-label": `${it.rating} van 5 sterren`, children: [
+          "\u2605".repeat(it.rating),
+          /* @__PURE__ */ jsx("span", { style: { opacity: 0.25 }, children: "\u2605".repeat(5 - it.rating) })
+        ] }),
+        /* @__PURE__ */ jsxs(Text, { type: "large", className: "xicms-testimonials__quote", style: { flex: 1 }, children: [
+          "\u201C",
+          /* @__PURE__ */ jsx("span", { "data-xicms-edit": `items.${i}.quote`, children: it.quote }),
+          "\u201D"
+        ] }),
+        /* @__PURE__ */ jsxs(HStack, { gap: 1.5, vAlign: "center", children: [
+          it.avatarUrl && /* @__PURE__ */ jsx(Avatar, { src: it.avatarUrl, name: it.author, size: 40 }),
+          /* @__PURE__ */ jsxs(VStack, { gap: 0, children: [
+            /* @__PURE__ */ jsx(Text, { weight: "bold", className: "xicms-testimonials__author", "data-xicms-edit": `items.${i}.author`, children: it.author }),
+            it.role && /* @__PURE__ */ jsx(Text, { type: "supporting", color: "secondary", className: "xicms-testimonials__role", "data-xicms-edit": `items.${i}.role`, children: it.role })
+          ] })
+        ] })
+      ] }) }, i);
+    }) }),
+    block.jsonLd && /* @__PURE__ */ jsx(
+      "script",
+      {
+        type: "application/ld+json",
+        dangerouslySetInnerHTML: { __html: jsonLdHtml(reviewJsonLd(items)) }
+      }
+    )
+  ] });
+}
+export {
+  TestimonialsRender,
+  aggregateRatingJsonLd,
+  reviewJsonLd
+};
+//# sourceMappingURL=TestimonialsRender.js.map