@xiwebdesign/xicms-core 7.12.1 → 7.14.0

package/dist/modules/shop/blocks/ShopCategories.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/modules/shop/blocks/ShopCategories.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport type { z } from \"zod\";\nimport { ShopCategoriesBlockSchema } from \"../../../schema/shop\";\nimport { defineBlock, type BlockRenderProps } from \"../../../blocks/registry\";\nimport { Card, Heading, Text } from \"../../../blocks/ui\";\nimport { useBlockData } from \"../../../blocks/context\";\nimport { useShopStrings } from \"../strings\";\nimport { fetchShopCategories, readQueryParam, useShopSettings, type StoredShopCategory } from \"../lib\";\nimport type { ShopPageData } from \"../types\";\n\ntype Blk = z.infer<typeof ShopCategoriesBlockSchema>;\n\n/** Categorie-tegels — linkt naar de winkelpagina met `?cat=<slug>` (productGrid filtert daarop). */\nfunction ShopCategoriesRender({ block, siteId }: BlockRenderProps<Blk>) {\n  const settings = useShopSettings();\n  const t = useShopStrings();\n  const serverData = useBlockData<ShopPageData>(\"shop\");\n  const [cats, setCats] = useState<StoredShopCategory[] | null>(serverData?.categories ?? null);\n  // Actieve categorie uit de URL (client-side; op de server tonen we altijd de volle tegels).\n  const [activeSlug, setActiveSlug] = useState<string | null>(null);\n\n  useEffect(() => {\n    setActiveSlug(readQueryParam(\"cat\"));\n    if (serverData?.categories) return; // SSR-data aanwezig — geen client-fetch\n    void fetchShopCategories(siteId).then(setCats).catch((e) => {\n      console.warn(\"[xicms] shop-categorieën laden mislukt:\", e);\n      setCats([]);\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [siteId]);\n\n  if (cats === null) return null;\n\n  // Ingeklapt: zodra er een categorie gekozen is, tonen we geen schermvullende tegels meer maar\n  // een compacte, horizontaal scrollbare chip-rij (actieve gemarkeerd). Zo staan de producten\n  // meteen in beeld i.p.v. onder de tegels — vooral op mobiel. \"Alles\" schakelt het filter uit.\n  const active = activeSlug ? cats.find((c) => c.slug === activeSlug) : undefined;\n  if (active) {\n    return (\n      <nav className=\"xicms-shop-cat-chips\" aria-label=\"Categorieën\">\n        <a className=\"xicms-shop-cat-chip\" href={settings.shopPath}>{t(\"allCategories\")}</a>\n        {cats.map((c) => (\n          <a\n            key={c.id}\n            className={`xicms-shop-cat-chip${c.slug === activeSlug ? \" xicms-shop-cat-chip--active\" : \"\"}`}\n            href={`${settings.shopPath}?cat=${encodeURIComponent(c.slug)}`}\n            aria-current={c.slug === activeSlug ? \"page\" : undefined}\n          >\n            {c.name}\n          </a>\n        ))}\n      </nav>\n    );\n  }\n\n  if (cats.length === 0) {\n    return (\n      <Card padding={4} variant=\"muted\">\n        <Text>{t(\"noCategories\")}</Text>\n      </Card>\n    );\n  }\n\n  return (\n    <div className=\"xicms-shop-categories\">\n      {block.heading && (\n        <Heading level={2} data-xicms-edit=\"heading\">{block.heading}</Heading>\n      )}\n      <div\n        className=\"xicms-shop-categories__grid\"\n        style={{\n          display: \"grid\",\n          gridTemplateColumns: `repeat(auto-fill, minmax(min(260px, calc(100%/${block.columns} - 1rem)), 1fr))`,\n          gap: \"1rem\",\n          marginTop: block.heading ? \"1rem\" : 0,\n        }}\n      >\n        {cats.map((c) => (\n          <a\n            key={c.id}\n            className=\"xicms-shop-categories__item\"\n            href={`${settings.shopPath}?cat=${encodeURIComponent(c.slug)}`}\n            style={{ textDecoration: \"none\", color: \"inherit\" }}\n          >\n            <Card padding={0}>\n              {c.imageUrl && (\n                <img\n                  src={c.imageUrl}\n                  alt={c.name}\n                  loading=\"lazy\"\n                  style={{ width: \"100%\", aspectRatio: \"4/3\", objectFit: \"cover\", display: \"block\", borderRadius: \"inherit\" }}\n                />\n              )}\n              <div style={{ padding: \"0.9rem 1rem\" }}>\n                <Text weight=\"bold\" display=\"block\">{c.name}</Text>\n                {c.description && (\n                  <Text size=\"sm\" display=\"block\" style={{ opacity: 0.75, marginTop: 4 }}>{c.description}</Text>\n                )}\n              </div>\n            </Card>\n          </a>\n        ))}\n      </div>\n    </div>\n  );\n}\n\nexport const shopCategoriesBlock = defineBlock({\n  type: \"shopCategories\",\n  schema: ShopCategoriesBlockSchema,\n  Render: ShopCategoriesRender,\n  label: \"Winkel-categorieën\",\n  icon: \"🗂️\",\n  defaults: () => ({ columns: 3 }),\n});\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../src/modules/shop/blocks/ShopCategories.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport type { z } from \"zod\";\nimport type { ShopCategoriesBlockSchema } from \"../../../schema/shop\";\nimport { defineBlock, type BlockRenderProps } from \"../../../blocks/registry\";\nimport { Card, Heading, Text } from \"../../../blocks/ui\";\nimport { useBlockData } from \"../../../blocks/context\";\nimport { useShopStrings } from \"../strings\";\nimport { fetchShopCategories, readQueryParam, useShopSettings, type StoredShopCategory } from \"../lib\";\nimport type { ShopPageData } from \"../types\";\n\ntype Blk = z.infer<typeof ShopCategoriesBlockSchema>;\n\n/** Categorie-tegels — linkt naar de winkelpagina met `?cat=<slug>` (productGrid filtert daarop). */\nfunction ShopCategoriesRender({ block, siteId }: BlockRenderProps<Blk>) {\n  const settings = useShopSettings();\n  const t = useShopStrings();\n  const serverData = useBlockData<ShopPageData>(\"shop\");\n  const [cats, setCats] = useState<StoredShopCategory[] | null>(serverData?.categories ?? null);\n  // Actieve categorie uit de URL (client-side; op de server tonen we altijd de volle tegels).\n  const [activeSlug, setActiveSlug] = useState<string | null>(null);\n\n  useEffect(() => {\n    setActiveSlug(readQueryParam(\"cat\"));\n    if (serverData?.categories) return; // SSR-data aanwezig — geen client-fetch\n    void fetchShopCategories(siteId).then(setCats).catch((e) => {\n      console.warn(\"[xicms] shop-categorieën laden mislukt:\", e);\n      setCats([]);\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [siteId]);\n\n  if (cats === null) return null;\n\n  // Ingeklapt: zodra er een categorie gekozen is, tonen we geen schermvullende tegels meer maar\n  // een compacte, horizontaal scrollbare chip-rij (actieve gemarkeerd). Zo staan de producten\n  // meteen in beeld i.p.v. onder de tegels — vooral op mobiel. \"Alles\" schakelt het filter uit.\n  const active = activeSlug ? cats.find((c) => c.slug === activeSlug) : undefined;\n  if (active) {\n    return (\n      <nav className=\"xicms-shop-cat-chips\" aria-label=\"Categorieën\">\n        <a className=\"xicms-shop-cat-chip\" href={settings.shopPath}>{t(\"allCategories\")}</a>\n        {cats.map((c) => (\n          <a\n            key={c.id}\n            className={`xicms-shop-cat-chip${c.slug === activeSlug ? \" xicms-shop-cat-chip--active\" : \"\"}`}\n            href={`${settings.shopPath}?cat=${encodeURIComponent(c.slug)}`}\n            aria-current={c.slug === activeSlug ? \"page\" : undefined}\n          >\n            {c.name}\n          </a>\n        ))}\n      </nav>\n    );\n  }\n\n  if (cats.length === 0) {\n    return (\n      <Card padding={4} variant=\"muted\">\n        <Text>{t(\"noCategories\")}</Text>\n      </Card>\n    );\n  }\n\n  return (\n    <div className=\"xicms-shop-categories\">\n      {block.heading && (\n        <Heading level={2} data-xicms-edit=\"heading\">{block.heading}</Heading>\n      )}\n      <div\n        className=\"xicms-shop-categories__grid\"\n        style={{\n          display: \"grid\",\n          gridTemplateColumns: `repeat(auto-fill, minmax(min(260px, calc(100%/${block.columns} - 1rem)), 1fr))`,\n          gap: \"1rem\",\n          marginTop: block.heading ? \"1rem\" : 0,\n        }}\n      >\n        {cats.map((c) => (\n          <a\n            key={c.id}\n            className=\"xicms-shop-categories__item\"\n            href={`${settings.shopPath}?cat=${encodeURIComponent(c.slug)}`}\n            style={{ textDecoration: \"none\", color: \"inherit\" }}\n          >\n            <Card padding={0}>\n              {c.imageUrl && (\n                <img\n                  src={c.imageUrl}\n                  alt={c.name}\n                  loading=\"lazy\"\n                  style={{ width: \"100%\", aspectRatio: \"4/3\", objectFit: \"cover\", display: \"block\", borderRadius: \"inherit\" }}\n                />\n              )}\n              <div style={{ padding: \"0.9rem 1rem\" }}>\n                <Text weight=\"bold\" display=\"block\">{c.name}</Text>\n                {c.description && (\n                  <Text size=\"sm\" display=\"block\" style={{ opacity: 0.75, marginTop: 4 }}>{c.description}</Text>\n                )}\n              </div>\n            </Card>\n          </a>\n        ))}\n      </div>\n    </div>\n  );\n}\n\nexport const shopCategoriesBlock = defineBlock({\n  type: \"shopCategories\",\n  Render: ShopCategoriesRender,\n  label: \"Winkel-categorieën\",\n  icon: \"🗂️\",\n  defaults: () => ({ columns: 3 }),\n});\n"],"mappings":"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","names":[]}

package/dist/modules/shop/module.js

@@ -9,6 +9,7 @@ import { donationBlock } from "./blocks/Donation.js";
 import { orderStatusBlock } from "./blocks/OrderStatus.js";
 const shopModule = defineModule({
   id: "shop",
+  loadSchemas: () => import("./schemas.js").then((m) => m.registerShopSchemas()),
   version: "1.0.0",
   label: "Webwinkel",
   description: "Webwinkel + donaties: producten met varianten, winkelwagen, afrekenen via Stripe \xF3f Mollie (eigen account van de klant) en bestelbevestiging per e-mail via Resend, Postmark of de eigen SMTP-mailbox.",

package/dist/modules/shop/module.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/modules/shop/module.ts"],"sourcesContent":["/**\n * Shop-module (5.5) — webwinkel + donaties op het eigen Stripe-account van de klant.\n *\n * - Producten/categorieën: `sites/{siteId}/products` + `shopCategories` (editor-write, rules).\n * - Checkout: `createOrder`-callable herrekent bedragen server-side en start een hosted\n *   Stripe Checkout-sessie (iDEAL/kaart); de `shopStripeWebhook` zet de order op betaald en\n *   verstuurt de bevestigingsmail (eigen SMTP van de klant, bv. Gmail — zie functions/lib/mail).\n * - Donaties: het donatie-block gebruikt dezelfde order-flow (kind:\"donation\", geen verzending).\n * - Beheer: het \"Webwinkel\"-paneel (producten/categorieën/bestellingen/koppelingen) hangt via\n *   de paneel-registry aan deze module-id.\n *\n * Server-safe: geen \"use client\" hier — de blocks zelf zijn client components.\n */\nimport { defineModule } from \"../defineModule\";\nimport { ShopSettingsSchema, defaultShopSettings } from \"./settings\";\nimport { shopCategoriesBlock } from \"./blocks/ShopCategories\";\nimport { productGridBlock } from \"./blocks/ProductGrid\";\nimport { productDetailBlock } from \"./blocks/ProductDetail\";\nimport { cartBlock } from \"./blocks/Cart\";\nimport { checkoutBlock } from \"./blocks/Checkout\";\nimport { donationBlock } from \"./blocks/Donation\";\nimport { orderStatusBlock } from \"./blocks/OrderStatus\";\n\nexport const shopModule = defineModule({\n  id: \"shop\",\n  version: \"1.0.0\",\n  label: \"Webwinkel\",\n  description:\n    \"Webwinkel + donaties: producten met varianten, winkelwagen, afrekenen via Stripe óf Mollie (eigen account van de klant) en bestelbevestiging per e-mail via Resend, Postmark of de eigen SMTP-mailbox.\",\n  defaultEnabled: false,\n  blocks: [\n    shopCategoriesBlock,\n    productGridBlock,\n    productDetailBlock,\n    cartBlock,\n    checkoutBlock,\n    donationBlock,\n    orderStatusBlock,\n  ],\n  settingsSchema: ShopSettingsSchema,\n  defaultSettings: defaultShopSettings,\n  requires: [\n    { kind: \"function\", name: \"createOrder\" },\n    { kind: \"function\", name: \"shopStripeWebhook\" },\n    { kind: \"function\", name: \"saveShopSecrets\" },\n    { kind: \"function\", name: \"updateOrderStatus\" },\n    { kind: \"function\", name: \"validateDiscountCode\" },\n    { kind: \"function\", name: \"uploadPersonalization\" },\n    { kind: \"firestore\", collection: \"products\" },\n    { kind: \"firestore\", collection: \"shopCategories\" },\n    { kind: \"firestore\", collection: \"orders\" },\n    { kind: \"firestore\", collection: \"discountCodes\" },\n    { kind: \"storage\", prefix: \"sites/\" },\n  ],\n});\n"],"mappings":"AAaA,SAAS,oBAAoB;AAC7B,SAAS,oBAAoB,2BAA2B;AACxD,SAAS,2BAA2B;AACpC,SAAS,wBAAwB;AACjC,SAAS,0BAA0B;AACnC,SAAS,iBAAiB;AAC1B,SAAS,qBAAqB;AAC9B,SAAS,qBAAqB;AAC9B,SAAS,wBAAwB;AAE1B,MAAM,aAAa,aAAa;AAAA,EACrC,IAAI;AAAA,EACJ,SAAS;AAAA,EACT,OAAO;AAAA,EACP,aACE;AAAA,EACF,gBAAgB;AAAA,EAChB,QAAQ;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,UAAU;AAAA,IACR,EAAE,MAAM,YAAY,MAAM,cAAc;AAAA,IACxC,EAAE,MAAM,YAAY,MAAM,oBAAoB;AAAA,IAC9C,EAAE,MAAM,YAAY,MAAM,kBAAkB;AAAA,IAC5C,EAAE,MAAM,YAAY,MAAM,oBAAoB;AAAA,IAC9C,EAAE,MAAM,YAAY,MAAM,uBAAuB;AAAA,IACjD,EAAE,MAAM,YAAY,MAAM,wBAAwB;AAAA,IAClD,EAAE,MAAM,aAAa,YAAY,WAAW;AAAA,IAC5C,EAAE,MAAM,aAAa,YAAY,iBAAiB;AAAA,IAClD,EAAE,MAAM,aAAa,YAAY,SAAS;AAAA,IAC1C,EAAE,MAAM,aAAa,YAAY,gBAAgB;AAAA,IACjD,EAAE,MAAM,WAAW,QAAQ,SAAS;AAAA,EACtC;AACF,CAAC;","names":[]}
+{"version":3,"sources":["../../../src/modules/shop/module.ts"],"sourcesContent":["/**\n * Shop-module (5.5) — webwinkel + donaties op het eigen Stripe-account van de klant.\n *\n * - Producten/categorieën: `sites/{siteId}/products` + `shopCategories` (editor-write, rules).\n * - Checkout: `createOrder`-callable herrekent bedragen server-side en start een hosted\n *   Stripe Checkout-sessie (iDEAL/kaart); de `shopStripeWebhook` zet de order op betaald en\n *   verstuurt de bevestigingsmail (eigen SMTP van de klant, bv. Gmail — zie functions/lib/mail).\n * - Donaties: het donatie-block gebruikt dezelfde order-flow (kind:\"donation\", geen verzending).\n * - Beheer: het \"Webwinkel\"-paneel (producten/categorieën/bestellingen/koppelingen) hangt via\n *   de paneel-registry aan deze module-id.\n *\n * Server-safe: geen \"use client\" hier — de blocks zelf zijn client components.\n */\nimport { defineModule } from \"../defineModule\";\nimport { ShopSettingsSchema, defaultShopSettings } from \"./settings\";\nimport { shopCategoriesBlock } from \"./blocks/ShopCategories\";\nimport { productGridBlock } from \"./blocks/ProductGrid\";\nimport { productDetailBlock } from \"./blocks/ProductDetail\";\nimport { cartBlock } from \"./blocks/Cart\";\nimport { checkoutBlock } from \"./blocks/Checkout\";\nimport { donationBlock } from \"./blocks/Donation\";\nimport { orderStatusBlock } from \"./blocks/OrderStatus\";\n\nexport const shopModule = defineModule({\n  id: \"shop\",\n  loadSchemas: () => import(\"./schemas\").then((m) => m.registerShopSchemas()),\n  version: \"1.0.0\",\n  label: \"Webwinkel\",\n  description:\n    \"Webwinkel + donaties: producten met varianten, winkelwagen, afrekenen via Stripe óf Mollie (eigen account van de klant) en bestelbevestiging per e-mail via Resend, Postmark of de eigen SMTP-mailbox.\",\n  defaultEnabled: false,\n  blocks: [\n    shopCategoriesBlock,\n    productGridBlock,\n    productDetailBlock,\n    cartBlock,\n    checkoutBlock,\n    donationBlock,\n    orderStatusBlock,\n  ],\n  settingsSchema: ShopSettingsSchema,\n  defaultSettings: defaultShopSettings,\n  requires: [\n    { kind: \"function\", name: \"createOrder\" },\n    { kind: \"function\", name: \"shopStripeWebhook\" },\n    { kind: \"function\", name: \"saveShopSecrets\" },\n    { kind: \"function\", name: \"updateOrderStatus\" },\n    { kind: \"function\", name: \"validateDiscountCode\" },\n    { kind: \"function\", name: \"uploadPersonalization\" },\n    { kind: \"firestore\", collection: \"products\" },\n    { kind: \"firestore\", collection: \"shopCategories\" },\n    { kind: \"firestore\", collection: \"orders\" },\n    { kind: \"firestore\", collection: \"discountCodes\" },\n    { kind: \"storage\", prefix: \"sites/\" },\n  ],\n});\n"],"mappings":"AAaA,SAAS,oBAAoB;AAC7B,SAAS,oBAAoB,2BAA2B;AACxD,SAAS,2BAA2B;AACpC,SAAS,wBAAwB;AACjC,SAAS,0BAA0B;AACnC,SAAS,iBAAiB;AAC1B,SAAS,qBAAqB;AAC9B,SAAS,qBAAqB;AAC9B,SAAS,wBAAwB;AAE1B,MAAM,aAAa,aAAa;AAAA,EACrC,IAAI;AAAA,EACJ,aAAa,MAAM,OAAO,WAAW,EAAE,KAAK,CAAC,MAAM,EAAE,oBAAoB,CAAC;AAAA,EAC1E,SAAS;AAAA,EACT,OAAO;AAAA,EACP,aACE;AAAA,EACF,gBAAgB;AAAA,EAChB,QAAQ;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,UAAU;AAAA,IACR,EAAE,MAAM,YAAY,MAAM,cAAc;AAAA,IACxC,EAAE,MAAM,YAAY,MAAM,oBAAoB;AAAA,IAC9C,EAAE,MAAM,YAAY,MAAM,kBAAkB;AAAA,IAC5C,EAAE,MAAM,YAAY,MAAM,oBAAoB;AAAA,IAC9C,EAAE,MAAM,YAAY,MAAM,uBAAuB;AAAA,IACjD,EAAE,MAAM,YAAY,MAAM,wBAAwB;AAAA,IAClD,EAAE,MAAM,aAAa,YAAY,WAAW;AAAA,IAC5C,EAAE,MAAM,aAAa,YAAY,iBAAiB;AAAA,IAClD,EAAE,MAAM,aAAa,YAAY,SAAS;AAAA,IAC1C,EAAE,MAAM,aAAa,YAAY,gBAAgB;AAAA,IACjD,EAAE,MAAM,WAAW,QAAQ,SAAS;AAAA,EACtC;AACF,CAAC;","names":[]}

package/dist/modules/shop/schemas.d.ts

@@ -0,0 +1 @@
+export declare function registerShopSchemas(): void;

package/dist/modules/shop/schemas.js

@@ -0,0 +1,32 @@
+import {
+  CartBlockSchema,
+  CheckoutBlockSchema,
+  DonationBlockSchema,
+  OrderStatusBlockSchema,
+  ProductDetailBlockSchema,
+  ProductGridBlockSchema,
+  ShopCategoriesBlockSchema
+} from "../../schema/shop.js";
+import { cartBlock } from "./blocks/Cart.js";
+import { checkoutBlock } from "./blocks/Checkout.js";
+import { donationBlock } from "./blocks/Donation.js";
+import { orderStatusBlock } from "./blocks/OrderStatus.js";
+import { productDetailBlock } from "./blocks/ProductDetail.js";
+import { productGridBlock } from "./blocks/ProductGrid.js";
+import { shopCategoriesBlock } from "./blocks/ShopCategories.js";
+function koppel(def, schema) {
+  if (!def.schema) def.schema = schema;
+}
+function registerShopSchemas() {
+  koppel(cartBlock, CartBlockSchema);
+  koppel(checkoutBlock, CheckoutBlockSchema);
+  koppel(donationBlock, DonationBlockSchema);
+  koppel(orderStatusBlock, OrderStatusBlockSchema);
+  koppel(productDetailBlock, ProductDetailBlockSchema);
+  koppel(productGridBlock, ProductGridBlockSchema);
+  koppel(shopCategoriesBlock, ShopCategoriesBlockSchema);
+}
+export {
+  registerShopSchemas
+};
+//# sourceMappingURL=schemas.js.map

package/dist/modules/shop/schemas.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/modules/shop/schemas.ts"],"sourcesContent":["/**\n * Lazy schema-registratie van de shop-blokken (7.14) — de module-tegenhanger van\n * `blocks/builtinSchemas`: de schema's zijn editor-kennis en horen niet in de bezoekersbundel\n * van een shop-site. Dit bestand is de enige plek die ze als waarde importeert en wordt alleen\n * geladen via `shopModule.loadSchemas` (dynamic import, aangeroepen door de editor).\n */\nimport type { $ZodType } from \"zod/v4/core\";\nimport {\n  CartBlockSchema,\n  CheckoutBlockSchema,\n  DonationBlockSchema,\n  OrderStatusBlockSchema,\n  ProductDetailBlockSchema,\n  ProductGridBlockSchema,\n  ShopCategoriesBlockSchema,\n} from \"../../schema/shop\";\nimport { cartBlock } from \"./blocks/Cart\";\nimport { checkoutBlock } from \"./blocks/Checkout\";\nimport { donationBlock } from \"./blocks/Donation\";\nimport { orderStatusBlock } from \"./blocks/OrderStatus\";\nimport { productDetailBlock } from \"./blocks/ProductDetail\";\nimport { productGridBlock } from \"./blocks/ProductGrid\";\nimport { shopCategoriesBlock } from \"./blocks/ShopCategories\";\nimport type { BlockDefinition } from \"../../blocks/registry\";\n\nfunction koppel(def: BlockDefinition, schema: unknown): void {\n  if (!def.schema) def.schema = schema as $ZodType;\n}\n\nexport function registerShopSchemas(): void {\n  koppel(cartBlock, CartBlockSchema);\n  koppel(checkoutBlock, CheckoutBlockSchema);\n  koppel(donationBlock, DonationBlockSchema);\n  koppel(orderStatusBlock, OrderStatusBlockSchema);\n  koppel(productDetailBlock, ProductDetailBlockSchema);\n  koppel(productGridBlock, ProductGridBlockSchema);\n  koppel(shopCategoriesBlock, ShopCategoriesBlockSchema);\n}\n"],"mappings":"AAOA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,iBAAiB;AAC1B,SAAS,qBAAqB;AAC9B,SAAS,qBAAqB;AAC9B,SAAS,wBAAwB;AACjC,SAAS,0BAA0B;AACnC,SAAS,wBAAwB;AACjC,SAAS,2BAA2B;AAGpC,SAAS,OAAO,KAAsB,QAAuB;AAC3D,MAAI,CAAC,IAAI,OAAQ,KAAI,SAAS;AAChC;AAEO,SAAS,sBAA4B;AAC1C,SAAO,WAAW,eAAe;AACjC,SAAO,eAAe,mBAAmB;AACzC,SAAO,eAAe,mBAAmB;AACzC,SAAO,kBAAkB,sBAAsB;AAC/C,SAAO,oBAAoB,wBAAwB;AACnD,SAAO,kBAAkB,sBAAsB;AAC/C,SAAO,qBAAqB,yBAAyB;AACvD;","names":[]}

package/dist/modules/types.d.ts

@@ -44,6 +44,12 @@ export interface ModuleDefinition {
     featureKey?: string;
     /** Blocks die deze module levert (worden in het registry gemerged als de module actief is). */
     blocks?: BlockDefinition[];
+    /**
+     * Lazy schema-registratie (7.14): hangt de blok-schema's van deze module aan zijn defs — zelfde
+     * mechaniek als `blocks/builtinSchemas` voor de ingebouwde blokken. De editor roept dit aan bij
+     * openen; een publieke bezoeker betaalt zo niet voor editor-kennis. Idempotent implementeren.
+     */
+    loadSchemas?: () => Promise<void>;
     /** Zod-schema voor de per-site instellingen van deze module. */
     settingsSchema?: ZodTypeAny;
     /** Standaardinstellingen; gemerged met `SiteConfig.modules[id].config`. */

package/dist/schema/blockBase.d.ts

@@ -0,0 +1,99 @@
+import * as z from "zod/mini";
+/**
+ * De GEDEELDE basis van elk blok (_key, _style, en de losse klant-blok-vorm) — in een eigen,
+ * lichte module (7.13). `schema/blocks.ts` her-exporteert dit ongewijzigd; het bestaansrecht van
+ * de splitsing is de bundel: code die alleen de basis nodig heeft (customTemplate bouwt zijn
+ * schema's runtime uit veld-definities) trok via schema/blocks anders ALLE 57 blok-schema's mee
+ * naar elke publieke bezoeker.
+ */
+/**
+ * Gedeelde, optionele blokstijl die ELK block kan dragen (via `blockBase`): verticale ruimte,
+ * achtergrond, breedte, uitlijning en een anker-id. Toegepast centraal in `BlockRenderer` zodat
+ * elk block deze opties krijgt zonder zijn Render te wijzigen. Volledig update-veilig (optioneel).
+ */
+export declare const BlockStyleSchema: z.ZodMiniObject<{
+    paddingY: z.ZodMiniOptional<z.ZodMiniEnum<{
+        lg: "lg";
+        md: "md";
+        none: "none";
+        sm: "sm";
+        xl: "xl";
+    }>>;
+    background: z.ZodMiniOptional<z.ZodMiniString<string>>;
+    width: z.ZodMiniOptional<z.ZodMiniEnum<{
+        container: "container";
+        full: "full";
+        narrow: "narrow";
+    }>>;
+    align: z.ZodMiniOptional<z.ZodMiniEnum<{
+        center: "center";
+        left: "left";
+        right: "right";
+    }>>;
+    anchorId: z.ZodMiniOptional<z.ZodMiniString<string>>;
+    animate: z.ZodMiniOptional<z.ZodMiniEnum<{
+        fade: "fade";
+        up: "up";
+    }>>;
+}, z.core.$strip>;
+export type BlockStyle = z.infer<typeof BlockStyleSchema>;
+export declare const blockBase: {
+    _key: z.ZodMiniString<string>;
+    /** Optionele gedeelde blokstijl (ruimte/achtergrond/breedte/uitlijning/anker). */
+    _style: z.ZodMiniOptional<z.ZodMiniObject<{
+        paddingY: z.ZodMiniOptional<z.ZodMiniEnum<{
+            lg: "lg";
+            md: "md";
+            none: "none";
+            sm: "sm";
+            xl: "xl";
+        }>>;
+        background: z.ZodMiniOptional<z.ZodMiniString<string>>;
+        width: z.ZodMiniOptional<z.ZodMiniEnum<{
+            container: "container";
+            full: "full";
+            narrow: "narrow";
+        }>>;
+        align: z.ZodMiniOptional<z.ZodMiniEnum<{
+            center: "center";
+            left: "left";
+            right: "right";
+        }>>;
+        anchorId: z.ZodMiniOptional<z.ZodMiniString<string>>;
+        animate: z.ZodMiniOptional<z.ZodMiniEnum<{
+            fade: "fade";
+            up: "up";
+        }>>;
+    }, z.core.$strip>>;
+};
+/** Losse vorm voor onbekende/klant-blokken: alleen _key + _type vereist, rest vrij. */
+export declare const BlockBaseSchema: z.ZodMiniObject<{
+    _key: z.ZodMiniString<string>;
+    _style: z.ZodMiniOptional<z.ZodMiniObject<{
+        paddingY: z.ZodMiniOptional<z.ZodMiniEnum<{
+            lg: "lg";
+            md: "md";
+            none: "none";
+            sm: "sm";
+            xl: "xl";
+        }>>;
+        background: z.ZodMiniOptional<z.ZodMiniString<string>>;
+        width: z.ZodMiniOptional<z.ZodMiniEnum<{
+            container: "container";
+            full: "full";
+            narrow: "narrow";
+        }>>;
+        align: z.ZodMiniOptional<z.ZodMiniEnum<{
+            center: "center";
+            left: "left";
+            right: "right";
+        }>>;
+        anchorId: z.ZodMiniOptional<z.ZodMiniString<string>>;
+        animate: z.ZodMiniOptional<z.ZodMiniEnum<{
+            fade: "fade";
+            up: "up";
+        }>>;
+    }, z.core.$strip>>;
+    _type: z.ZodMiniString<string>;
+}, z.core.$loose>;
+export type BlockBase = z.infer<typeof BlockBaseSchema>;

package/dist/schema/blockBase.js

@@ -0,0 +1,22 @@
+import * as z from "zod/mini";
+const BlockStyleSchema = z.object({
+  paddingY: z.optional(z.enum(["none", "sm", "md", "lg", "xl"])),
+  background: z.optional(z.string().check(z.maxLength(40))),
+  width: z.optional(z.enum(["container", "full", "narrow"])),
+  align: z.optional(z.enum(["left", "center", "right"])),
+  anchorId: z.optional(z.string().check(z.maxLength(60))),
+  /** Subtiele binnenkomst-animatie bij scrollen (progressief + respecteert reduced-motion). */
+  animate: z.optional(z.enum(["fade", "up"]))
+});
+const blockBase = {
+  _key: z.string().check(z.minLength(1)).check(z.maxLength(64)),
+  /** Optionele gedeelde blokstijl (ruimte/achtergrond/breedte/uitlijning/anker). */
+  _style: z.optional(BlockStyleSchema)
+};
+const BlockBaseSchema = z.looseObject({ ...blockBase, _type: z.string().check(z.minLength(1)).check(z.maxLength(60)) });
+export {
+  BlockBaseSchema,
+  BlockStyleSchema,
+  blockBase
+};
+//# sourceMappingURL=blockBase.js.map

package/dist/schema/blockBase.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/schema/blockBase.ts"],"sourcesContent":["import * as z from \"zod/mini\";\n\n/**\n * De GEDEELDE basis van elk blok (_key, _style, en de losse klant-blok-vorm) — in een eigen,\n * lichte module (7.13). `schema/blocks.ts` her-exporteert dit ongewijzigd; het bestaansrecht van\n * de splitsing is de bundel: code die alleen de basis nodig heeft (customTemplate bouwt zijn\n * schema's runtime uit veld-definities) trok via schema/blocks anders ALLE 57 blok-schema's mee\n * naar elke publieke bezoeker.\n */\n/**\n * Gedeelde, optionele blokstijl die ELK block kan dragen (via `blockBase`): verticale ruimte,\n * achtergrond, breedte, uitlijning en een anker-id. Toegepast centraal in `BlockRenderer` zodat\n * elk block deze opties krijgt zonder zijn Render te wijzigen. Volledig update-veilig (optioneel).\n */\nexport const BlockStyleSchema = z.object({\n  paddingY: z.optional(z.enum([\"none\", \"sm\", \"md\", \"lg\", \"xl\"])),\n  background: z.optional(z.string().check(z.maxLength(40))),\n  width: z.optional(z.enum([\"container\", \"full\", \"narrow\"])),\n  align: z.optional(z.enum([\"left\", \"center\", \"right\"])),\n  anchorId: z.optional(z.string().check(z.maxLength(60))),\n  /** Subtiele binnenkomst-animatie bij scrollen (progressief + respecteert reduced-motion). */\n  animate: z.optional(z.enum([\"fade\", \"up\"])),\n});\nexport type BlockStyle = z.infer<typeof BlockStyleSchema>;\n\nexport const blockBase = {\n  _key: z.string().check(z.minLength(1)).check(z.maxLength(64)),\n  /** Optionele gedeelde blokstijl (ruimte/achtergrond/breedte/uitlijning/anker). */\n  _style: z.optional(BlockStyleSchema),\n};\n\n/** Losse vorm voor onbekende/klant-blokken: alleen _key + _type vereist, rest vrij. */\nexport const BlockBaseSchema = z.looseObject({ ...blockBase, _type: z.string().check(z.minLength(1)).check(z.maxLength(60)) });\nexport type BlockBase = z.infer<typeof BlockBaseSchema>;\n\n"],"mappings":"AAAA,YAAY,OAAO;AAcZ,MAAM,mBAAmB,EAAE,OAAO;AAAA,EACvC,UAAU,EAAE,SAAS,EAAE,KAAK,CAAC,QAAQ,MAAM,MAAM,MAAM,IAAI,CAAC,CAAC;AAAA,EAC7D,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,CAAC;AAAA,EACxD,OAAO,EAAE,SAAS,EAAE,KAAK,CAAC,aAAa,QAAQ,QAAQ,CAAC,CAAC;AAAA,EACzD,OAAO,EAAE,SAAS,EAAE,KAAK,CAAC,QAAQ,UAAU,OAAO,CAAC,CAAC;AAAA,EACrD,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,CAAC;AAAA;AAAA,EAEtD,SAAS,EAAE,SAAS,EAAE,KAAK,CAAC,QAAQ,IAAI,CAAC,CAAC;AAC5C,CAAC;AAGM,MAAM,YAAY;AAAA,EACvB,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC;AAAA;AAAA,EAE5D,QAAQ,EAAE,SAAS,gBAAgB;AACrC;AAGO,MAAM,kBAAkB,EAAE,YAAY,EAAE,GAAG,WAAW,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,EAAE,CAAC;","names":[]}

package/dist/schema/blocks.d.ts

@@ -7,97 +7,7 @@ import * as z from "zod/mini";
  * Built-ins staan hieronder; klant-blokken brengen hun eigen schema mee via `defineBlock`
  * (de registry valideert die per type — zie blocks/registry.ts `validateBlocks`).
  */
-/**
- * Gedeelde, optionele blokstijl die ELK block kan dragen (via `blockBase`): verticale ruimte,
- * achtergrond, breedte, uitlijning en een anker-id. Toegepast centraal in `BlockRenderer` zodat
- * elk block deze opties krijgt zonder zijn Render te wijzigen. Volledig update-veilig (optioneel).
- */
-export declare const BlockStyleSchema: z.ZodMiniObject<{
-    paddingY: z.ZodMiniOptional<z.ZodMiniEnum<{
-        lg: "lg";
-        md: "md";
-        none: "none";
-        sm: "sm";
-        xl: "xl";
-    }>>;
-    background: z.ZodMiniOptional<z.ZodMiniString<string>>;
-    width: z.ZodMiniOptional<z.ZodMiniEnum<{
-        container: "container";
-        full: "full";
-        narrow: "narrow";
-    }>>;
-    align: z.ZodMiniOptional<z.ZodMiniEnum<{
-        center: "center";
-        left: "left";
-        right: "right";
-    }>>;
-    anchorId: z.ZodMiniOptional<z.ZodMiniString<string>>;
-    animate: z.ZodMiniOptional<z.ZodMiniEnum<{
-        fade: "fade";
-        up: "up";
-    }>>;
-}, z.core.$strip>;
-export type BlockStyle = z.infer<typeof BlockStyleSchema>;
-export declare const blockBase: {
-    _key: z.ZodMiniString<string>;
-    /** Optionele gedeelde blokstijl (ruimte/achtergrond/breedte/uitlijning/anker). */
-    _style: z.ZodMiniOptional<z.ZodMiniObject<{
-        paddingY: z.ZodMiniOptional<z.ZodMiniEnum<{
-            lg: "lg";
-            md: "md";
-            none: "none";
-            sm: "sm";
-            xl: "xl";
-        }>>;
-        background: z.ZodMiniOptional<z.ZodMiniString<string>>;
-        width: z.ZodMiniOptional<z.ZodMiniEnum<{
-            container: "container";
-            full: "full";
-            narrow: "narrow";
-        }>>;
-        align: z.ZodMiniOptional<z.ZodMiniEnum<{
-            center: "center";
-            left: "left";
-            right: "right";
-        }>>;
-        anchorId: z.ZodMiniOptional<z.ZodMiniString<string>>;
-        animate: z.ZodMiniOptional<z.ZodMiniEnum<{
-            fade: "fade";
-            up: "up";
-        }>>;
-    }, z.core.$strip>>;
-};
-/** Losse vorm voor onbekende/klant-blokken: alleen _key + _type vereist, rest vrij. */
-export declare const BlockBaseSchema: z.ZodMiniObject<{
-    _key: z.ZodMiniString<string>;
-    _style: z.ZodMiniOptional<z.ZodMiniObject<{
-        paddingY: z.ZodMiniOptional<z.ZodMiniEnum<{
-            lg: "lg";
-            md: "md";
-            none: "none";
-            sm: "sm";
-            xl: "xl";
-        }>>;
-        background: z.ZodMiniOptional<z.ZodMiniString<string>>;
-        width: z.ZodMiniOptional<z.ZodMiniEnum<{
-            container: "container";
-            full: "full";
-            narrow: "narrow";
-        }>>;
-        align: z.ZodMiniOptional<z.ZodMiniEnum<{
-            center: "center";
-            left: "left";
-            right: "right";
-        }>>;
-        anchorId: z.ZodMiniOptional<z.ZodMiniString<string>>;
-        animate: z.ZodMiniOptional<z.ZodMiniEnum<{
-            fade: "fade";
-            up: "up";
-        }>>;
-    }, z.core.$strip>>;
-    _type: z.ZodMiniString<string>;
-}, z.core.$loose>;
-export type BlockBase = z.infer<typeof BlockBaseSchema>;
+export { BlockStyleSchema, blockBase, BlockBaseSchema, type BlockStyle, type BlockBase } from "./blockBase.js";
 export declare const HeroBlockSchema: z.ZodMiniObject<{
     _key: z.ZodMiniString<string>;
     _style: z.ZodMiniOptional<z.ZodMiniObject<{