@xiwebdesign/xicms-core 7.4.0 → 7.6.1

package/dist/next/index.d.ts

@@ -2,4 +2,4 @@
  * Helpers voor `next.config.ts`. Bewust een eigen ingang: dit draait in Node tijdens de build,
  * niet in de browser, en mag dus niets uit de React-bundel meetrekken.
  */
-export { xicmsAuthRewrites, type XicmsRewrite } from "./authRewrites.js";
+export { xicmsAuthRewrites, xicmsAuthHeaders, type XicmsRewrite, type XicmsHeader } from "./authRewrites.js";

package/dist/next/index.js

@@ -1,5 +1,6 @@
-import { xicmsAuthRewrites } from "./authRewrites.js";
+import { xicmsAuthRewrites, xicmsAuthHeaders } from "./authRewrites.js";
 export {
+  xicmsAuthHeaders,
   xicmsAuthRewrites
 };
 //# sourceMappingURL=index.js.map

package/dist/next/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/next/index.ts"],"sourcesContent":["/**\n * Helpers voor `next.config.ts`. Bewust een eigen ingang: dit draait in Node tijdens de build,\n * niet in de browser, en mag dus niets uit de React-bundel meetrekken.\n */\nexport { xicmsAuthRewrites, type XicmsRewrite } from \"./authRewrites\";\n"],"mappings":"AAIA,SAAS,yBAA4C;","names":[]}
+{"version":3,"sources":["../../src/next/index.ts"],"sourcesContent":["/**\n * Helpers voor `next.config.ts`. Bewust een eigen ingang: dit draait in Node tijdens de build,\n * niet in de browser, en mag dus niets uit de React-bundel meetrekken.\n */\nexport { xicmsAuthRewrites, xicmsAuthHeaders, type XicmsRewrite, type XicmsHeader } from \"./authRewrites\";\n"],"mappings":"AAIA,SAAS,mBAAmB,wBAA6D;","names":[]}

package/dist/render/PublishedPage.js

@@ -2,6 +2,7 @@
 import { jsx } from "react/jsx-runtime";
 import { PageRenderer } from "./PageRenderer.js";
 import { useRegistry, BlockDataProvider } from "../blocks/context.js";
+import { useEditor } from "../editor/EditorProvider.js";
 function PublishedPage({
   page,
   siteId,
@@ -9,7 +10,14 @@ function PublishedPage({
   blockData
 }) {
   const registry = useRegistry();
-  return /* @__PURE__ */ jsx(BlockDataProvider, { data: blockData, children: /* @__PURE__ */ jsx(PageRenderer, { page, registry, siteId, mode }) });
+  const { draftBlocks, editPath } = useEditor();
+  const opDezePagina = draftBlocks !== null && typeof window !== "undefined" && huidigPad(window.location.pathname) === editPath;
+  const teTonen = opDezePagina ? { ...page, blocks: draftBlocks } : page;
+  return /* @__PURE__ */ jsx(BlockDataProvider, { data: blockData, children: /* @__PURE__ */ jsx(PageRenderer, { page: teTonen, registry, siteId, mode }) });
+}
+function huidigPad(p) {
+  const schoon = p.replace(/\/+$/, "");
+  return schoon === "" ? "/" : schoon;
 }
 export {
   PublishedPage

package/dist/render/PublishedPage.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/render/PublishedPage.tsx"],"sourcesContent":["\"use client\";\n\nimport { PageRenderer } from \"./PageRenderer\";\nimport { useRegistry, BlockDataProvider } from \"../blocks/context\";\nimport type { Page } from \"../schema/pages\";\n\n/**\n * Rendert een (gepubliceerde) pagina via de **context-registry** (module-resolved, opgebouwd in\n * XiCMSProvider). Gebruik dit i.p.v. zelf `createRegistry([...builtinBlocks])` server-side te bouwen:\n * sinds de blokken op Astryx draaien zijn de meeste `\"use client\"`, en een server-opgebouwde registry\n * krijgt daar alleen opake client-referenties van → die blokken worden stil overgeslagen. Deze client-\n * component zit binnen de provider en heeft dus de volledige registry.\n *\n * `blockData` (5.6, optioneel): server-gefetchte startdata per domein (bv. `{ shop: … }` uit\n * `getShopPageData`). Data-blokken renderen dan direct met inhoud (SSR/ISR) i.p.v. eerst\n * client-side te fetchen. Moet serialiseerbare plain data zijn (server → client-prop).\n */\nexport function PublishedPage({\n  page,\n  siteId,\n  mode = \"view\",\n  blockData,\n}: {\n  page: Pick<Page, \"blocks\">;\n  siteId: string;\n  mode?: \"view\" | \"preview\";\n  blockData?: Record<string, unknown>;\n}) {\n  const registry = useRegistry();\n  return (\n    <BlockDataProvider data={blockData}>\n      <PageRenderer page={page} registry={registry} siteId={siteId} mode={mode} />\n    </BlockDataProvider>\n  );\n}\n"],"mappings":";AA+BM;AA7BN,SAAS,oBAAoB;AAC7B,SAAS,aAAa,yBAAyB;AAcxC,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AACF,GAKG;AACD,QAAM,WAAW,YAAY;AAC7B,SACE,oBAAC,qBAAkB,MAAM,WACvB,8BAAC,gBAAa,MAAY,UAAoB,QAAgB,MAAY,GAC5E;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/render/PublishedPage.tsx"],"sourcesContent":["\"use client\";\n\nimport { PageRenderer } from \"./PageRenderer\";\nimport { useRegistry, BlockDataProvider } from \"../blocks/context\";\nimport { useEditor } from \"../editor/EditorProvider\";\nimport type { Page } from \"../schema/pages\";\n\n/**\n * Rendert een (gepubliceerde) pagina via de **context-registry** (module-resolved, opgebouwd in\n * XiCMSProvider). Gebruik dit i.p.v. zelf `createRegistry([...builtinBlocks])` server-side te bouwen:\n * sinds de blokken op Astryx draaien zijn de meeste `\"use client\"`, en een server-opgebouwde registry\n * krijgt daar alleen opake client-referenties van → die blokken worden stil overgeslagen. Deze client-\n * component zit binnen de provider en heeft dus de volledige registry.\n *\n * `blockData` (5.6, optioneel): server-gefetchte startdata per domein (bv. `{ shop: … }` uit\n * `getShopPageData`). Data-blokken renderen dan direct met inhoud (SSR/ISR) i.p.v. eerst\n * client-side te fetchen. Moet serialiseerbare plain data zijn (server → client-prop).\n */\nexport function PublishedPage({\n  page,\n  siteId,\n  mode = \"view\",\n  blockData,\n}: {\n  page: Pick<Page, \"blocks\">;\n  siteId: string;\n  mode?: \"view\" | \"preview\";\n  blockData?: Record<string, unknown>;\n}) {\n  const registry = useRegistry();\n  const { draftBlocks, editPath } = useEditor();\n\n  /**\n   * Staat de editor open op DEZE pagina, dan tonen we de werkversie in plaats van het\n   * gepubliceerde. Zo blijft de site zijn eigen layout en huisstijl tekenen, en is wat je ziet\n   * precies wat je bewerkt — in plaats van een nabootsing in een apart editorvenster.\n   *\n   * De padvergelijking is niet overdreven voorzichtig: een pagina kan meerdere gerenderde pagina's\n   * in beeld hebben (een preview, een ingekaderde pagina). Zonder die controle zou de werkversie\n   * van de ene pagina in de andere opduiken.\n   */\n  const opDezePagina =\n    draftBlocks !== null &&\n    typeof window !== \"undefined\" &&\n    huidigPad(window.location.pathname) === editPath;\n\n  const teTonen = opDezePagina ? { ...page, blocks: draftBlocks } : page;\n\n  return (\n    <BlockDataProvider data={blockData}>\n      <PageRenderer page={teTonen} registry={registry} siteId={siteId} mode={mode} />\n    </BlockDataProvider>\n  );\n}\n\n/** Normaliseert een pad zoals de editor het bijhoudt: geen trailing slash, root blijft \"/\". */\nfunction huidigPad(p: string): string {\n  const schoon = p.replace(/\\/+$/, \"\");\n  return schoon === \"\" ? \"/\" : schoon;\n}\n"],"mappings":";AAkDM;AAhDN,SAAS,oBAAoB;AAC7B,SAAS,aAAa,yBAAyB;AAC/C,SAAS,iBAAiB;AAcnB,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AACF,GAKG;AACD,QAAM,WAAW,YAAY;AAC7B,QAAM,EAAE,aAAa,SAAS,IAAI,UAAU;AAW5C,QAAM,eACJ,gBAAgB,QAChB,OAAO,WAAW,eAClB,UAAU,OAAO,SAAS,QAAQ,MAAM;AAE1C,QAAM,UAAU,eAAe,EAAE,GAAG,MAAM,QAAQ,YAAY,IAAI;AAElE,SACE,oBAAC,qBAAkB,MAAM,WACvB,8BAAC,gBAAa,MAAM,SAAS,UAAoB,QAAgB,MAAY,GAC/E;AAEJ;AAGA,SAAS,UAAU,GAAmB;AACpC,QAAM,SAAS,EAAE,QAAQ,QAAQ,EAAE;AACnC,SAAO,WAAW,KAAK,MAAM;AAC/B;","names":[]}

package/dist/schema/settings.d.ts

@@ -1,10 +1,41 @@
 import * as z from "zod/mini";
-/** Eén navigatie-item. */
+/**
+ * Eén navigatie-item.
+ *
+ * `target` is OPTIONEEL en dat is opzet: elk bestaand menu in Git en in Firestore mist dit veld, en
+ * moet blijven valideren. Ontbreekt het, dan opent de link in hetzelfde venster — precies wat een
+ * gewone `<a href>` altijd al deed.
+ *
+ * Er staat bewust geen `type: "page" | "extern"` in. Dat onderscheid is uit de href zelf af te
+ * lezen (begint hij met `/` of met `http`), en een apart veld zou een tweede waarheid introduceren
+ * die uit de pas kan lopen met de href. Het beheerscherm mag de gebruiker wél die keuze voorleggen;
+ * wat er wordt opgeslagen is één ondubbelzinnig adres.
+ */
 export declare const NavItemSchema: z.ZodMiniObject<{
     label: z.ZodMiniString<string>;
     href: z.ZodMiniString<string>;
+    target: z.ZodMiniOptional<z.ZodMiniEnum<{
+        _blank: "_blank";
+        _embed: "_embed";
+        _self: "_self";
+    }>>;
 }, z.core.$strip>;
 export type NavItem = z.infer<typeof NavItemSchema>;
+/** Verwijst dit item naar buiten? Afgeleid uit de href, zodat er geen tweede waarheid ontstaat. */
+export declare function isExterneLink(href: string): boolean;
+/** Het pad waarop een ingekaderde externe pagina wordt getoond. */
+export declare const EMBED_PAD = "/extern";
+/**
+ * De href waar dit menu-item feitelijk heen linkt.
+ *
+ * Bij `_embed` is dat niet de externe URL zelf maar de eigen `/extern`-route, die hem in een kader
+ * binnen de site toont. De externe URL gaat als parameter mee; de route controleert vervolgens of
+ * dat adres écht in het menu staat vóór hij het inlaadt. Zonder die controle zou iedereen een
+ * willekeurige pagina in jouw huisstijl kunnen laten verschijnen door de URL te bewerken.
+ */
+export declare function navHref(item: NavItem): string;
+/** Staat dit adres als ingekaderd menu-item in de navigatie? Zo niet, dan niet tonen. */
+export declare function isToegestaneEmbed(url: string, nav: NavItem[] | undefined): boolean;
 /** Huisstijl-tokens (worden CSS custom properties). Alle uitbreidingen zijn optioneel/update-veilig. */
 export declare const ThemeSchema: z.ZodMiniObject<{
     primary: z.ZodMiniString<string>;
@@ -79,6 +110,11 @@ export declare const FooterColumnSchema: z.ZodMiniObject<{
     links: z.ZodMiniDefault<z.ZodMiniArray<z.ZodMiniObject<{
         label: z.ZodMiniString<string>;
         href: z.ZodMiniString<string>;
+        target: z.ZodMiniOptional<z.ZodMiniEnum<{
+            _blank: "_blank";
+            _embed: "_embed";
+            _self: "_self";
+        }>>;
     }, z.core.$strip>>>;
 }, z.core.$strip>;
 /** Bewerkbare footer (klant past dit aan in /beheer; core levert de unstyled `SiteFooter`). */
@@ -88,6 +124,11 @@ export declare const FooterSettingsSchema: z.ZodMiniObject<{
         links: z.ZodMiniDefault<z.ZodMiniArray<z.ZodMiniObject<{
             label: z.ZodMiniString<string>;
             href: z.ZodMiniString<string>;
+            target: z.ZodMiniOptional<z.ZodMiniEnum<{
+                _blank: "_blank";
+                _embed: "_embed";
+                _self: "_self";
+            }>>;
         }, z.core.$strip>>>;
     }, z.core.$strip>>>;
     social: z.ZodMiniOptional<z.ZodMiniArray<z.ZodMiniObject<{
@@ -111,6 +152,11 @@ export declare const SiteSettingsSchema: z.ZodMiniObject<{
     nav: z.ZodMiniOptional<z.ZodMiniArray<z.ZodMiniObject<{
         label: z.ZodMiniString<string>;
         href: z.ZodMiniString<string>;
+        target: z.ZodMiniOptional<z.ZodMiniEnum<{
+            _blank: "_blank";
+            _embed: "_embed";
+            _self: "_self";
+        }>>;
     }, z.core.$strip>>>;
     theme: z.ZodMiniOptional<z.ZodMiniObject<{
         primary: z.ZodMiniString<string>;
@@ -172,6 +218,11 @@ export declare const SiteSettingsSchema: z.ZodMiniObject<{
             links: z.ZodMiniDefault<z.ZodMiniArray<z.ZodMiniObject<{
                 label: z.ZodMiniString<string>;
                 href: z.ZodMiniString<string>;
+                target: z.ZodMiniOptional<z.ZodMiniEnum<{
+                    _blank: "_blank";
+                    _embed: "_embed";
+                    _self: "_self";
+                }>>;
             }, z.core.$strip>>>;
         }, z.core.$strip>>>;
         social: z.ZodMiniOptional<z.ZodMiniArray<z.ZodMiniObject<{
@@ -197,6 +248,11 @@ export declare const PublicSiteSettingsSchema: z.ZodMiniObject<{
     nav: z.ZodMiniOptional<z.ZodMiniArray<z.ZodMiniObject<{
         label: z.ZodMiniString<string>;
         href: z.ZodMiniString<string>;
+        target: z.ZodMiniOptional<z.ZodMiniEnum<{
+            _blank: "_blank";
+            _embed: "_embed";
+            _self: "_self";
+        }>>;
     }, z.core.$strip>>>;
     theme: z.ZodMiniOptional<z.ZodMiniObject<{
         primary: z.ZodMiniString<string>;
@@ -249,6 +305,11 @@ export declare const PublicSiteSettingsSchema: z.ZodMiniObject<{
             links: z.ZodMiniDefault<z.ZodMiniArray<z.ZodMiniObject<{
                 label: z.ZodMiniString<string>;
                 href: z.ZodMiniString<string>;
+                target: z.ZodMiniOptional<z.ZodMiniEnum<{
+                    _blank: "_blank";
+                    _embed: "_embed";
+                    _self: "_self";
+                }>>;
             }, z.core.$strip>>>;
         }, z.core.$strip>>>;
         social: z.ZodMiniOptional<z.ZodMiniArray<z.ZodMiniObject<{

package/dist/schema/settings.js

@@ -2,8 +2,26 @@ import * as z from "zod/mini";
 import { SeoSchema } from "./seo.js";
 const NavItemSchema = z.object({
   label: z.string().check(z.minLength(1)).check(z.maxLength(80)),
-  href: z.string().check(z.minLength(1)).check(z.maxLength(2e3))
+  href: z.string().check(z.minLength(1)).check(z.maxLength(2e3)),
+  /**
+   * `_embed` toont een externe pagina in een kader BINNEN de site, onder de logo/menubalk, alsof
+   * hij erbij hoort. Alleen zinvol bij een externe href.
+   */
+  target: z.optional(z.enum(["_self", "_blank", "_embed"]))
 });
+function isExterneLink(href) {
+  return /^https?:\/\//i.test(href);
+}
+const EMBED_PAD = "/extern";
+function navHref(item) {
+  if (item.target === "_embed" && isExterneLink(item.href)) {
+    return `${EMBED_PAD}?url=${encodeURIComponent(item.href)}`;
+  }
+  return item.href;
+}
+function isToegestaneEmbed(url, nav) {
+  return (nav ?? []).some((i) => i.target === "_embed" && i.href === url);
+}
 const ThemeSchema = z.object({
   primary: z.string().check(z.maxLength(40)),
   accent: z.optional(z.string().check(z.maxLength(40))),
@@ -124,6 +142,7 @@ function toPublicSettings(s) {
   };
 }
 export {
+  EMBED_PAD,
   FooterColumnSchema,
   FooterSettingsSchema,
   FormsSenderSchema,
@@ -133,7 +152,10 @@ export {
   SiteSettingsSchema,
   SocialLinkSchema,
   ThemeSchema,
+  isExterneLink,
+  isToegestaneEmbed,
   mergeThemeTokens,
+  navHref,
   toPublicSettings
 };
 //# sourceMappingURL=settings.js.map

package/dist/schema/settings.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/schema/settings.ts"],"sourcesContent":["import * as z from \"zod/mini\";\nimport { SeoSchema } from \"./seo\";\n\n/** Eén navigatie-item. */\nexport const NavItemSchema = z.object({\n  label: z.string().check(z.minLength(1)).check(z.maxLength(80)),\n  href: z.string().check(z.minLength(1)).check(z.maxLength(2000)),\n});\nexport type NavItem = z.infer<typeof NavItemSchema>;\n\n/** Huisstijl-tokens (worden CSS custom properties). Alle uitbreidingen zijn optioneel/update-veilig. */\nexport const ThemeSchema = z.object({\n  primary: z.string().check(z.maxLength(40)),\n  accent: z.optional(z.string().check(z.maxLength(40))),\n  /** Logo-URL (absoluut, https) — gebruikt in de mail-header en op de factuur-PDF. */\n  logo: z.optional(z.string().check(z.maxLength(500))),\n  background: z.optional(z.string().check(z.maxLength(40))),\n  foreground: z.optional(z.string().check(z.maxLength(40))),\n  fontFamily: z.optional(z.string().check(z.maxLength(200))),\n  /** Optioneel apart lettertype voor koppen (display/serif), voor een elegantere typografie. */\n  headingFont: z.optional(z.string().check(z.maxLength(200))),\n  /** Optionele stylesheet-URL voor het lettertype (bv. een Google Fonts CSS-link). */\n  fontUrl: z.optional(z.string().check(z.maxLength(500))),\n  /** Afrondingsschaal (sm/md/lg). */\n  radius: z.optional(z.object({ sm: z.optional(z.string().check(z.maxLength(20))), md: z.optional(z.string().check(z.maxLength(20))), lg: z.optional(z.string().check(z.maxLength(20))) })),\n  /** Ruimteschaal voor block-padding (xs..xl). */\n  spacing: z.optional(z.object({\n      xs: z.optional(z.string().check(z.maxLength(20))),\n      sm: z.optional(z.string().check(z.maxLength(20))),\n      md: z.optional(z.string().check(z.maxLength(20))),\n      lg: z.optional(z.string().check(z.maxLength(20))),\n      xl: z.optional(z.string().check(z.maxLength(20))),\n    })),\n  /** Maximale container-breedte + horizontale padding. */\n  container: z.optional(z.object({ maxWidth: z.optional(z.string().check(z.maxLength(20))), padding: z.optional(z.string().check(z.maxLength(20))) })),\n  /** Donkere modus: uit, altijd aan, of meebewegen met het systeem van de bezoeker. */\n  dark: z.optional(z.object({\n      /**\n       * \"auto\"   — volgt het besturingssysteem van de bezoeker (light-dark()).\n       * \"dark\"   — de site is altijd donker, ongeacht de bezoeker.\n       * \"light\"  — de site is altijd licht (gelijk aan geen donkere modus).\n       *\n       * Vervangt de oude `auto`-boolean, die alleen \"volg het systeem\" of \"niets\" kon zeggen —\n       * \"deze site is gewoon donker\" was daarmee niet uit te drukken. `auto` blijft gelezen worden\n       * zodat bestaande site-configs blijven werken (zie themeMode in XiCMSProvider).\n       */\n      mode: z.optional(z.enum([\"light\", \"dark\", \"auto\"])),\n      /**\n       * @deprecated Gebruik `mode`. Blijft werken: true → \"auto\", afwezig/false → \"light\".\n       * OPTIONEEL (niet `_default(false)`): met een verplichte default draagt elk gemerged\n       * dark-object een `auto`, en dan botst een partiële update uit /beheer op het type.\n       */\n      auto: z.optional(z.boolean()),\n      background: z.optional(z.string().check(z.maxLength(40))),\n      foreground: z.optional(z.string().check(z.maxLength(40))),\n      primary: z.optional(z.string().check(z.maxLength(40))),\n    })),\n});\nexport type ThemeTokens = z.infer<typeof ThemeSchema>;\n\n/**\n * Voegt live thema-instellingen (uit `settings/public.theme`, /beheer) per token samen met het\n * statische SiteConfig-thema. Firestore wint per veld waar gezet; geneste schalen (radius/spacing/\n * container/dark) mergen per subveld, zodat een klant die alleen kleuren wijzigt de fonts/radius\n * uit de repo behoudt. Puur (geen React) — gedeeld door provider en `useMergedSiteConfig`.\n */\nexport function mergeThemeTokens(base: ThemeTokens, override?: ThemeTokens): ThemeTokens {\n  if (!override) return base;\n  const merged: ThemeTokens = { ...base, ...override };\n  for (const key of [\"radius\", \"spacing\", \"container\", \"dark\"] as const) {\n    if (base[key] && override[key]) {\n      merged[key] = { ...base[key], ...override[key] } as never;\n    } else if (base[key] && !override[key]) {\n      merged[key] = base[key] as never;\n    }\n  }\n  return merged;\n}\n\n/**\n * Afzender-instelling voor formulier-e-mail. Een provider mag alleen versturen vanaf een\n * geverifieerd domein, dus dit is per site instelbaar:\n *  - mode \"xicms\": from = verifiedSender (XiCMS-domein), replyTo = inzender/klant. Werkt direct.\n *  - mode \"client\": from = het geverifieerde eigen domein van de klant.\n */\nexport const FormsSenderSchema = z.object({\n  mode: z._default(z.enum([\"xicms\", \"client\"]), \"xicms\"),\n  /** Geverifieerd from-adres (verplicht ongeacht mode; bij \"client\" het klant-domein). */\n  fromEmail: z.optional(z.email()),\n  fromName: z.optional(z.string().check(z.maxLength(120))),\n  /** Waar notificaties heen gaan (meestal het klant-mailadres). */\n  notifyTo: z.optional(z.email()),\n});\nexport type FormsSender = z.infer<typeof FormsSenderSchema>;\n\n/** Eén social-link (platform + url). */\nexport const SocialLinkSchema = z.object({\n  platform: z.string().check(z.minLength(1)).check(z.maxLength(40)),\n  href: z.string().check(z.minLength(1)).check(z.maxLength(2000)),\n});\nexport type SocialLink = z.infer<typeof SocialLinkSchema>;\n\n/** Eén footer-kolom: kop + links. */\nexport const FooterColumnSchema = z.object({\n  heading: z.optional(z.string().check(z.maxLength(120))),\n  links: z._default(z.array(NavItemSchema).check(z.maxLength(20)), []),\n});\n\n/** Bewerkbare footer (klant past dit aan in /beheer; core levert de unstyled `SiteFooter`). */\nexport const FooterSettingsSchema = z.object({\n  columns: z.optional(z.array(FooterColumnSchema).check(z.maxLength(6))),\n  social: z.optional(z.array(SocialLinkSchema).check(z.maxLength(12))),\n  copyright: z.optional(z.string().check(z.maxLength(300))),\n  /** Toon de \"Beheer\"-link in de footer (default: aan). */\n  showAdminLink: z.optional(z.boolean()),\n});\nexport type FooterSettings = z.infer<typeof FooterSettingsSchema>;\n\n/** Per-module activatie/instellingen (spiegelt ModulesSiteConfig; permissief gehouden). */\nexport const ModulesSettingsSchema = z.record(\n  z.string(),\n  z.union([\n    z.boolean(),\n    z.object({ enabled: z.optional(z.boolean()), config: z.optional(z.record(z.string(), z.unknown())) }),\n  ]),\n);\n\n/** Het `sites/{siteId}/settings/site`-document: alle bewerkbare site-instellingen. */\nexport const SiteSettingsSchema = z.object({\n  name: z.optional(z.string().check(z.minLength(1)).check(z.maxLength(160))),\n  // Zelfde hostname-regel als SiteConfigSchema.domain (geen protocol/pad).\n  domain: z.union([z.optional(z.string().check(z.maxLength(255)).check(z.regex(/^[a-z0-9]([a-z0-9-]*[a-z0-9])?(\\.[a-z0-9]([a-z0-9-]*[a-z0-9])?)+$/i, \"alleen een hostname, bv. 'www.klant.nl' (zonder https:// of pad)\"))), z.literal(\"\")]),\n  contactEmail: z.optional(z.email()),\n  nav: z.optional(z.array(NavItemSchema).check(z.maxLength(50))),\n  theme: z.optional(ThemeSchema),\n  seoDefaults: z.optional(SeoSchema),\n  forms: z.optional(FormsSenderSchema),\n  footer: z.optional(FooterSettingsSchema),\n  modules: z.optional(ModulesSettingsSchema),\n});\nexport type SiteSettings = z.infer<typeof SiteSettingsSchema>;\n\n/**\n * Publiek-veilige presentatie-instellingen (`sites/{siteId}/settings/public`): wordt door de live\n * site gelezen (footer, thema, nav, modules) zónder de gevoelige velden (e-mailafzender, contact)\n * uit `settings/site` bloot te geven.\n */\nexport const PublicSiteSettingsSchema = z.object({\n  name: z.optional(z.string().check(z.maxLength(160))),\n  nav: z.optional(z.array(NavItemSchema).check(z.maxLength(50))),\n  theme: z.optional(ThemeSchema),\n  seoDefaults: z.optional(SeoSchema),\n  footer: z.optional(FooterSettingsSchema),\n  modules: z.optional(ModulesSettingsSchema),\n});\nexport type PublicSiteSettings = z.infer<typeof PublicSiteSettingsSchema>;\n\n/** Haalt de publiek-veilige subset uit de volledige settings (voor het `settings/public`-doc). */\nexport function toPublicSettings(s: SiteSettings): PublicSiteSettings {\n  return {\n    name: s.name,\n    nav: s.nav,\n    theme: s.theme,\n    seoDefaults: s.seoDefaults,\n    footer: s.footer,\n    modules: s.modules,\n  };\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/schema/settings.ts"],"sourcesContent":["import * as z from \"zod/mini\";\nimport { SeoSchema } from \"./seo\";\n\n/**\n * Eén navigatie-item.\n *\n * `target` is OPTIONEEL en dat is opzet: elk bestaand menu in Git en in Firestore mist dit veld, en\n * moet blijven valideren. Ontbreekt het, dan opent de link in hetzelfde venster — precies wat een\n * gewone `<a href>` altijd al deed.\n *\n * Er staat bewust geen `type: \"page\" | \"extern\"` in. Dat onderscheid is uit de href zelf af te\n * lezen (begint hij met `/` of met `http`), en een apart veld zou een tweede waarheid introduceren\n * die uit de pas kan lopen met de href. Het beheerscherm mag de gebruiker wél die keuze voorleggen;\n * wat er wordt opgeslagen is één ondubbelzinnig adres.\n */\nexport const NavItemSchema = z.object({\n  label: z.string().check(z.minLength(1)).check(z.maxLength(80)),\n  href: z.string().check(z.minLength(1)).check(z.maxLength(2000)),\n  /**\n   * `_embed` toont een externe pagina in een kader BINNEN de site, onder de logo/menubalk, alsof\n   * hij erbij hoort. Alleen zinvol bij een externe href.\n   */\n  target: z.optional(z.enum([\"_self\", \"_blank\", \"_embed\"])),\n});\nexport type NavItem = z.infer<typeof NavItemSchema>;\n\n/** Verwijst dit item naar buiten? Afgeleid uit de href, zodat er geen tweede waarheid ontstaat. */\nexport function isExterneLink(href: string): boolean {\n  return /^https?:\\/\\//i.test(href);\n}\n\n/** Het pad waarop een ingekaderde externe pagina wordt getoond. */\nexport const EMBED_PAD = \"/extern\";\n\n/**\n * De href waar dit menu-item feitelijk heen linkt.\n *\n * Bij `_embed` is dat niet de externe URL zelf maar de eigen `/extern`-route, die hem in een kader\n * binnen de site toont. De externe URL gaat als parameter mee; de route controleert vervolgens of\n * dat adres écht in het menu staat vóór hij het inlaadt. Zonder die controle zou iedereen een\n * willekeurige pagina in jouw huisstijl kunnen laten verschijnen door de URL te bewerken.\n */\nexport function navHref(item: NavItem): string {\n  if (item.target === \"_embed\" && isExterneLink(item.href)) {\n    return `${EMBED_PAD}?url=${encodeURIComponent(item.href)}`;\n  }\n  return item.href;\n}\n\n/** Staat dit adres als ingekaderd menu-item in de navigatie? Zo niet, dan niet tonen. */\nexport function isToegestaneEmbed(url: string, nav: NavItem[] | undefined): boolean {\n  return (nav ?? []).some((i) => i.target === \"_embed\" && i.href === url);\n}\n\n/** Huisstijl-tokens (worden CSS custom properties). Alle uitbreidingen zijn optioneel/update-veilig. */\nexport const ThemeSchema = z.object({\n  primary: z.string().check(z.maxLength(40)),\n  accent: z.optional(z.string().check(z.maxLength(40))),\n  /** Logo-URL (absoluut, https) — gebruikt in de mail-header en op de factuur-PDF. */\n  logo: z.optional(z.string().check(z.maxLength(500))),\n  background: z.optional(z.string().check(z.maxLength(40))),\n  foreground: z.optional(z.string().check(z.maxLength(40))),\n  fontFamily: z.optional(z.string().check(z.maxLength(200))),\n  /** Optioneel apart lettertype voor koppen (display/serif), voor een elegantere typografie. */\n  headingFont: z.optional(z.string().check(z.maxLength(200))),\n  /** Optionele stylesheet-URL voor het lettertype (bv. een Google Fonts CSS-link). */\n  fontUrl: z.optional(z.string().check(z.maxLength(500))),\n  /** Afrondingsschaal (sm/md/lg). */\n  radius: z.optional(z.object({ sm: z.optional(z.string().check(z.maxLength(20))), md: z.optional(z.string().check(z.maxLength(20))), lg: z.optional(z.string().check(z.maxLength(20))) })),\n  /** Ruimteschaal voor block-padding (xs..xl). */\n  spacing: z.optional(z.object({\n      xs: z.optional(z.string().check(z.maxLength(20))),\n      sm: z.optional(z.string().check(z.maxLength(20))),\n      md: z.optional(z.string().check(z.maxLength(20))),\n      lg: z.optional(z.string().check(z.maxLength(20))),\n      xl: z.optional(z.string().check(z.maxLength(20))),\n    })),\n  /** Maximale container-breedte + horizontale padding. */\n  container: z.optional(z.object({ maxWidth: z.optional(z.string().check(z.maxLength(20))), padding: z.optional(z.string().check(z.maxLength(20))) })),\n  /** Donkere modus: uit, altijd aan, of meebewegen met het systeem van de bezoeker. */\n  dark: z.optional(z.object({\n      /**\n       * \"auto\"   — volgt het besturingssysteem van de bezoeker (light-dark()).\n       * \"dark\"   — de site is altijd donker, ongeacht de bezoeker.\n       * \"light\"  — de site is altijd licht (gelijk aan geen donkere modus).\n       *\n       * Vervangt de oude `auto`-boolean, die alleen \"volg het systeem\" of \"niets\" kon zeggen —\n       * \"deze site is gewoon donker\" was daarmee niet uit te drukken. `auto` blijft gelezen worden\n       * zodat bestaande site-configs blijven werken (zie themeMode in XiCMSProvider).\n       */\n      mode: z.optional(z.enum([\"light\", \"dark\", \"auto\"])),\n      /**\n       * @deprecated Gebruik `mode`. Blijft werken: true → \"auto\", afwezig/false → \"light\".\n       * OPTIONEEL (niet `_default(false)`): met een verplichte default draagt elk gemerged\n       * dark-object een `auto`, en dan botst een partiële update uit /beheer op het type.\n       */\n      auto: z.optional(z.boolean()),\n      background: z.optional(z.string().check(z.maxLength(40))),\n      foreground: z.optional(z.string().check(z.maxLength(40))),\n      primary: z.optional(z.string().check(z.maxLength(40))),\n    })),\n});\nexport type ThemeTokens = z.infer<typeof ThemeSchema>;\n\n/**\n * Voegt live thema-instellingen (uit `settings/public.theme`, /beheer) per token samen met het\n * statische SiteConfig-thema. Firestore wint per veld waar gezet; geneste schalen (radius/spacing/\n * container/dark) mergen per subveld, zodat een klant die alleen kleuren wijzigt de fonts/radius\n * uit de repo behoudt. Puur (geen React) — gedeeld door provider en `useMergedSiteConfig`.\n */\nexport function mergeThemeTokens(base: ThemeTokens, override?: ThemeTokens): ThemeTokens {\n  if (!override) return base;\n  const merged: ThemeTokens = { ...base, ...override };\n  for (const key of [\"radius\", \"spacing\", \"container\", \"dark\"] as const) {\n    if (base[key] && override[key]) {\n      merged[key] = { ...base[key], ...override[key] } as never;\n    } else if (base[key] && !override[key]) {\n      merged[key] = base[key] as never;\n    }\n  }\n  return merged;\n}\n\n/**\n * Afzender-instelling voor formulier-e-mail. Een provider mag alleen versturen vanaf een\n * geverifieerd domein, dus dit is per site instelbaar:\n *  - mode \"xicms\": from = verifiedSender (XiCMS-domein), replyTo = inzender/klant. Werkt direct.\n *  - mode \"client\": from = het geverifieerde eigen domein van de klant.\n */\nexport const FormsSenderSchema = z.object({\n  mode: z._default(z.enum([\"xicms\", \"client\"]), \"xicms\"),\n  /** Geverifieerd from-adres (verplicht ongeacht mode; bij \"client\" het klant-domein). */\n  fromEmail: z.optional(z.email()),\n  fromName: z.optional(z.string().check(z.maxLength(120))),\n  /** Waar notificaties heen gaan (meestal het klant-mailadres). */\n  notifyTo: z.optional(z.email()),\n});\nexport type FormsSender = z.infer<typeof FormsSenderSchema>;\n\n/** Eén social-link (platform + url). */\nexport const SocialLinkSchema = z.object({\n  platform: z.string().check(z.minLength(1)).check(z.maxLength(40)),\n  href: z.string().check(z.minLength(1)).check(z.maxLength(2000)),\n});\nexport type SocialLink = z.infer<typeof SocialLinkSchema>;\n\n/** Eén footer-kolom: kop + links. */\nexport const FooterColumnSchema = z.object({\n  heading: z.optional(z.string().check(z.maxLength(120))),\n  links: z._default(z.array(NavItemSchema).check(z.maxLength(20)), []),\n});\n\n/** Bewerkbare footer (klant past dit aan in /beheer; core levert de unstyled `SiteFooter`). */\nexport const FooterSettingsSchema = z.object({\n  columns: z.optional(z.array(FooterColumnSchema).check(z.maxLength(6))),\n  social: z.optional(z.array(SocialLinkSchema).check(z.maxLength(12))),\n  copyright: z.optional(z.string().check(z.maxLength(300))),\n  /** Toon de \"Beheer\"-link in de footer (default: aan). */\n  showAdminLink: z.optional(z.boolean()),\n});\nexport type FooterSettings = z.infer<typeof FooterSettingsSchema>;\n\n/** Per-module activatie/instellingen (spiegelt ModulesSiteConfig; permissief gehouden). */\nexport const ModulesSettingsSchema = z.record(\n  z.string(),\n  z.union([\n    z.boolean(),\n    z.object({ enabled: z.optional(z.boolean()), config: z.optional(z.record(z.string(), z.unknown())) }),\n  ]),\n);\n\n/** Het `sites/{siteId}/settings/site`-document: alle bewerkbare site-instellingen. */\nexport const SiteSettingsSchema = z.object({\n  name: z.optional(z.string().check(z.minLength(1)).check(z.maxLength(160))),\n  // Zelfde hostname-regel als SiteConfigSchema.domain (geen protocol/pad).\n  domain: z.union([z.optional(z.string().check(z.maxLength(255)).check(z.regex(/^[a-z0-9]([a-z0-9-]*[a-z0-9])?(\\.[a-z0-9]([a-z0-9-]*[a-z0-9])?)+$/i, \"alleen een hostname, bv. 'www.klant.nl' (zonder https:// of pad)\"))), z.literal(\"\")]),\n  contactEmail: z.optional(z.email()),\n  nav: z.optional(z.array(NavItemSchema).check(z.maxLength(50))),\n  theme: z.optional(ThemeSchema),\n  seoDefaults: z.optional(SeoSchema),\n  forms: z.optional(FormsSenderSchema),\n  footer: z.optional(FooterSettingsSchema),\n  modules: z.optional(ModulesSettingsSchema),\n});\nexport type SiteSettings = z.infer<typeof SiteSettingsSchema>;\n\n/**\n * Publiek-veilige presentatie-instellingen (`sites/{siteId}/settings/public`): wordt door de live\n * site gelezen (footer, thema, nav, modules) zónder de gevoelige velden (e-mailafzender, contact)\n * uit `settings/site` bloot te geven.\n */\nexport const PublicSiteSettingsSchema = z.object({\n  name: z.optional(z.string().check(z.maxLength(160))),\n  nav: z.optional(z.array(NavItemSchema).check(z.maxLength(50))),\n  theme: z.optional(ThemeSchema),\n  seoDefaults: z.optional(SeoSchema),\n  footer: z.optional(FooterSettingsSchema),\n  modules: z.optional(ModulesSettingsSchema),\n});\nexport type PublicSiteSettings = z.infer<typeof PublicSiteSettingsSchema>;\n\n/** Haalt de publiek-veilige subset uit de volledige settings (voor het `settings/public`-doc). */\nexport function toPublicSettings(s: SiteSettings): PublicSiteSettings {\n  return {\n    name: s.name,\n    nav: s.nav,\n    theme: s.theme,\n    seoDefaults: s.seoDefaults,\n    footer: s.footer,\n    modules: s.modules,\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/schema/siteConfig.d.ts

@@ -118,6 +118,11 @@ export declare const SiteConfigSchema: z.ZodMiniObject<{
     nav: z.ZodMiniOptional<z.ZodMiniArray<z.ZodMiniObject<{
         label: z.ZodMiniString<string>;
         href: z.ZodMiniString<string>;
+        target: z.ZodMiniOptional<z.ZodMiniEnum<{
+            _blank: "_blank";
+            _embed: "_embed";
+            _self: "_self";
+        }>>;
     }, z.core.$strip>>>;
     contactEmail: z.ZodMiniOptional<z.ZodMiniEmail>;
     seoDefaults: z.ZodMiniOptional<z.ZodMiniObject<{

package/dist/settings/useSiteSettings.js

@@ -90,7 +90,7 @@ function useMergedSiteConfig() {
   const base = useSiteConfig();
   const { settings } = useSiteSettings();
   return useMemo(() => {
-    const nav = settings.nav && settings.nav.length > 0 ? settings.nav : base.nav;
+    const nav = settings.nav ?? base.nav;
     return {
       ...base,
       name: settings.name ?? base.name,

package/dist/settings/useSiteSettings.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/settings/useSiteSettings.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext, useContext, useEffect, useMemo, useState, type ReactNode } from \"react\";\nimport { useSiteConfig } from \"../config\";\nimport {\n  PublicSiteSettingsSchema,\n  mergeThemeTokens,\n  type PublicSiteSettings,\n} from \"../schema/settings\";\nimport type { SiteConfig } from \"../schema/siteConfig\";\n\n/**\n * Live, publiek-veilige site-instellingen (`sites/{siteId}/settings/public`) zodat dingen die de\n * klant in /beheer wijzigt (footer, nav, thema, module-instellingen) direct op de site verschijnen.\n *\n * - Met SSR-seed (`initial`, via XiCMSProvider `settingsData`): géén client-read voor publiek —\n *   de settings zitten al in de server-HTML (geen theme-flits) en verversen via ISR.\n * - Zonder seed (publiek): één `getDoc` (geen per-bezoeker listener).\n * - Editors: `useSiteSettingsLiveSync` (onSnapshot) zodat /beheer-wijzigingen meteen zichtbaar zijn.\n * Zonder Firebase of zonder doc valt alles terug op de statische `SiteConfig` (identiek aan vroeger).\n */\ninterface Ctx {\n  settings: PublicSiteSettings;\n  loaded: boolean;\n  /** Interne setter voor de editor-live-sync (useSiteSettingsLiveSync). */\n  _set?: (s: PublicSiteSettings) => void;\n}\nconst SettingsContext = createContext<Ctx>({ settings: {}, loaded: false });\n\nexport function SiteSettingsProvider({\n  siteId,\n  live = false,\n  initial,\n  children,\n}: {\n  siteId: string;\n  live?: boolean;\n  /** SSR-startset (server-side gelezen via `getPublicSiteSettings`); slaat de client-read over. */\n  initial?: PublicSiteSettings;\n  children: ReactNode;\n}) {\n  const hasInitial = initial !== undefined;\n  const [settings, setSettings] = useState<PublicSiteSettings>(initial ?? {});\n  const [loaded, setLoaded] = useState(hasInitial);\n\n  useEffect(() => {\n    // Met een SSR-seed doet de publieke site géén client-read meer: de layout-route is ISR-gecached\n    // en levert verse settings per revalidate; editors krijgen apart een live sync.\n    if (hasInitial && !live) return;\n    const apply = (data: unknown) => {\n      const res = PublicSiteSettingsSchema.safeParse(data ?? {});\n      if (res.success) setSettings(res.data);\n      setLoaded(true);\n    };\n    // Firestore DYNAMISCH: met een SSR-seed komt de publieke site hier niet eens, en een bezoeker\n    // hoort de SDK nooit te downloaden. Statisch importeren zette hem in de bundel van elke pagina.\n    let cancelled = false;\n    let unsub: (() => void) | undefined;\n    void (async () => {\n      const [{ getDb }, { doc, getDoc, onSnapshot }] = await Promise.all([\n        import(\"../firebase/client\"),\n        import(\"firebase/firestore\"),\n      ]);\n      const db = getDb();\n      if (!db || cancelled) {\n        setLoaded(true);\n        return;\n      }\n      const ref = doc(db, \"sites\", siteId, \"settings\", \"public\");\n      if (live) {\n        unsub = onSnapshot(ref, (snap) => apply(snap.exists() ? snap.data() : {}), () => setLoaded(true));\n        return;\n      }\n      try {\n        const snap = await getDoc(ref);\n        if (!cancelled) apply(snap.exists() ? snap.data() : {});\n      } catch {\n        if (!cancelled) setLoaded(true);\n      }\n    })();\n    return () => {\n      cancelled = true;\n      unsub?.();\n    };\n  }, [siteId, live, hasInitial]);\n\n  const value = useMemo<Ctx>(() => ({ settings, loaded, _set: setSettings }), [settings, loaded]);\n  return <SettingsContext.Provider value={value}>{children}</SettingsContext.Provider>;\n}\n\n/** Ruwe publieke settings + laadstatus. */\nexport function useSiteSettings(): Ctx {\n  return useContext(SettingsContext);\n}\n\n/**\n * Editor-live-sync: onSnapshot op `settings/public` zolang `enabled` (ingelogde editor). Aparte\n * hook (i.p.v. `live` op de provider) zodat publiek nooit een listener krijgt — zelfde patroon\n * als CustomBlocksSync in XiCMSProvider. Een leesfout laat de bestaande settings staan.\n */\nexport function useSiteSettingsLiveSync(siteId: string, enabled: boolean) {\n  const { _set } = useContext(SettingsContext);\n  useEffect(() => {\n    // Alleen editors (enabled) krijgen een listener, en pas dán laadt de SDK.\n    if (!enabled || !_set) return;\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) return;\n      unsub = onSnapshot(\n        doc(db, \"sites\", siteId, \"settings\", \"public\"),\n        (snap) => {\n          const res = PublicSiteSettingsSchema.safeParse(snap.exists() ? snap.data() : {});\n          if (res.success) _set(res.data);\n        },\n        () => undefined,\n      );\n    })();\n    return () => {\n      afgebroken = true;\n      unsub?.();\n    };\n  }, [enabled, siteId, _set]);\n}\n\n/** SiteConfig met de live Firestore-settings eroverheen (Firestore wint waar gezet). */\nexport function useMergedSiteConfig(): SiteConfig {\n  const base = useSiteConfig();\n  const { settings } = useSiteSettings();\n  return useMemo(() => {\n    const nav = settings.nav && settings.nav.length > 0 ? settings.nav : base.nav;\n    return {\n      ...base,\n      name: settings.name ?? base.name,\n      nav,\n      theme: mergeThemeTokens(base.theme, settings.theme),\n      seoDefaults: settings.seoDefaults ?? base.seoDefaults,\n    };\n  }, [base, settings]);\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/settings/useSiteSettings.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext, useContext, useEffect, useMemo, useState, type ReactNode } from \"react\";\nimport { useSiteConfig } from \"../config\";\nimport {\n  PublicSiteSettingsSchema,\n  mergeThemeTokens,\n  type PublicSiteSettings,\n} from \"../schema/settings\";\nimport type { SiteConfig } from \"../schema/siteConfig\";\n\n/**\n * Live, publiek-veilige site-instellingen (`sites/{siteId}/settings/public`) zodat dingen die de\n * klant in /beheer wijzigt (footer, nav, thema, module-instellingen) direct op de site verschijnen.\n *\n * - Met SSR-seed (`initial`, via XiCMSProvider `settingsData`): géén client-read voor publiek —\n *   de settings zitten al in de server-HTML (geen theme-flits) en verversen via ISR.\n * - Zonder seed (publiek): één `getDoc` (geen per-bezoeker listener).\n * - Editors: `useSiteSettingsLiveSync` (onSnapshot) zodat /beheer-wijzigingen meteen zichtbaar zijn.\n * Zonder Firebase of zonder doc valt alles terug op de statische `SiteConfig` (identiek aan vroeger).\n */\ninterface Ctx {\n  settings: PublicSiteSettings;\n  loaded: boolean;\n  /** Interne setter voor de editor-live-sync (useSiteSettingsLiveSync). */\n  _set?: (s: PublicSiteSettings) => void;\n}\nconst SettingsContext = createContext<Ctx>({ settings: {}, loaded: false });\n\nexport function SiteSettingsProvider({\n  siteId,\n  live = false,\n  initial,\n  children,\n}: {\n  siteId: string;\n  live?: boolean;\n  /** SSR-startset (server-side gelezen via `getPublicSiteSettings`); slaat de client-read over. */\n  initial?: PublicSiteSettings;\n  children: ReactNode;\n}) {\n  const hasInitial = initial !== undefined;\n  const [settings, setSettings] = useState<PublicSiteSettings>(initial ?? {});\n  const [loaded, setLoaded] = useState(hasInitial);\n\n  useEffect(() => {\n    // Met een SSR-seed doet de publieke site géén client-read meer: de layout-route is ISR-gecached\n    // en levert verse settings per revalidate; editors krijgen apart een live sync.\n    if (hasInitial && !live) return;\n    const apply = (data: unknown) => {\n      const res = PublicSiteSettingsSchema.safeParse(data ?? {});\n      if (res.success) setSettings(res.data);\n      setLoaded(true);\n    };\n    // Firestore DYNAMISCH: met een SSR-seed komt de publieke site hier niet eens, en een bezoeker\n    // hoort de SDK nooit te downloaden. Statisch importeren zette hem in de bundel van elke pagina.\n    let cancelled = false;\n    let unsub: (() => void) | undefined;\n    void (async () => {\n      const [{ getDb }, { doc, getDoc, onSnapshot }] = await Promise.all([\n        import(\"../firebase/client\"),\n        import(\"firebase/firestore\"),\n      ]);\n      const db = getDb();\n      if (!db || cancelled) {\n        setLoaded(true);\n        return;\n      }\n      const ref = doc(db, \"sites\", siteId, \"settings\", \"public\");\n      if (live) {\n        unsub = onSnapshot(ref, (snap) => apply(snap.exists() ? snap.data() : {}), () => setLoaded(true));\n        return;\n      }\n      try {\n        const snap = await getDoc(ref);\n        if (!cancelled) apply(snap.exists() ? snap.data() : {});\n      } catch {\n        if (!cancelled) setLoaded(true);\n      }\n    })();\n    return () => {\n      cancelled = true;\n      unsub?.();\n    };\n  }, [siteId, live, hasInitial]);\n\n  const value = useMemo<Ctx>(() => ({ settings, loaded, _set: setSettings }), [settings, loaded]);\n  return <SettingsContext.Provider value={value}>{children}</SettingsContext.Provider>;\n}\n\n/** Ruwe publieke settings + laadstatus. */\nexport function useSiteSettings(): Ctx {\n  return useContext(SettingsContext);\n}\n\n/**\n * Editor-live-sync: onSnapshot op `settings/public` zolang `enabled` (ingelogde editor). Aparte\n * hook (i.p.v. `live` op de provider) zodat publiek nooit een listener krijgt — zelfde patroon\n * als CustomBlocksSync in XiCMSProvider. Een leesfout laat de bestaande settings staan.\n */\nexport function useSiteSettingsLiveSync(siteId: string, enabled: boolean) {\n  const { _set } = useContext(SettingsContext);\n  useEffect(() => {\n    // Alleen editors (enabled) krijgen een listener, en pas dán laadt de SDK.\n    if (!enabled || !_set) return;\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) return;\n      unsub = onSnapshot(\n        doc(db, \"sites\", siteId, \"settings\", \"public\"),\n        (snap) => {\n          const res = PublicSiteSettingsSchema.safeParse(snap.exists() ? snap.data() : {});\n          if (res.success) _set(res.data);\n        },\n        () => undefined,\n      );\n    })();\n    return () => {\n      afgebroken = true;\n      unsub?.();\n    };\n  }, [enabled, siteId, _set]);\n}\n\n/** SiteConfig met de live Firestore-settings eroverheen (Firestore wint waar gezet). */\nexport function useMergedSiteConfig(): SiteConfig {\n  const base = useSiteConfig();\n  const { settings } = useSiteSettings();\n  return useMemo(() => {\n    // AANWEZIG wint, ook als de lijst leeg is. Dat was `length > 0`, en dan kon je het menu niet\n    // leegmaken: sla je een leeg menu op, dan kwam de nav uit `site.config.ts` gewoon terug. Het\n    // verschil dat telt is \"heeft iemand hier een keuze gemaakt\", niet \"staat er iets in\".\n    const nav = settings.nav ?? base.nav;\n    return {\n      ...base,\n      name: settings.name ?? base.name,\n      nav,\n      theme: mergeThemeTokens(base.theme, settings.theme),\n      seoDefaults: settings.seoDefaults ?? base.seoDefaults,\n    };\n  }, [base, settings]);\n}\n"],"mappings":"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","names":[]}

package/dist/styles.css

@@ -236,29 +236,36 @@
 }
 
 /* ── Visuele/inline pagina-editor (overlay) ───────────────────────────────── */
+/* ── Bewerken OP de pagina, niet ervoor ────────────────────────────────────────────────────
+ *
+ * Dit was een schermvullende overlay: `position: fixed; inset: 0` met een eigen achtergrond en een
+ * canvas dat de pagina nábouwde. Je klikte "Pagina bewerken" op je eigen site en de site verdween
+ * achter een donker paneel — en dat canvas kon per definitie nooit precies je site zijn.
+ *
+ * Nu levert de editor alleen nog GEREEDSCHAP: een balk bovenaan en een zijpaneel op verzoek. De
+ * pagina eronder is de echte pagina, met de werkversie als inhoud (zie EditorProvider). */
 .xicms-ve {
-  position: fixed;
-  inset: 0;
-  z-index: 10000;
+  position: static;
 }
 .xicms-ve__shell {
-  position: absolute;
-  inset: 0;
-  display: flex;
-  flex-direction: column;
-  /* Tokens, geen vaste kleuren: het beheer stond hardgecodeerd licht terwijl de velden erin de
-     Astryx-tokens volgden — in donkere modus werd dat een wit paneel met onleesbare labels. */
-  background: var(--color-background-body, #f1f5f9);
-  color: var(--color-text-primary, #0f172a);
+  display: contents;
 }
 .xicms-ve__bar {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  z-index: 10001;
   display: flex;
   align-items: center;
   gap: 0.75rem;
   padding: 0.6rem 1rem;
   background: #0f172a;
   color: #fff;
-  flex: 0 0 auto;
+}
+/* De balk dekt de bovenkant van de site af; duw de pagina omlaag zolang er bewerkt wordt. */
+:root:has(.xicms-ve__bar) body {
+  padding-top: 3rem;
 }
 .xicms-ve__title {
   font-size: 0.95rem;
@@ -3025,3 +3032,51 @@
   padding: 0.3rem 0.5rem;
   border-radius: var(--xicms-radius-sm, 8px);
 }
+
+/* ── Externe pagina in een kader binnen de site ────────────────────────────────────────────
+ * Hoort onder de logo/menubalk en moet aanvoelen als een deel van de site, niet als een venster
+ * dat erin zweeft: dus volle breedte van de kolom, geen rand, geen schaduw. */
+.xicms-extern { display: grid; gap: 0.75rem; }
+.xicms-extern__frame { width: 100%; border: 0; display: block; }
+.xicms-extern__uitleg {
+  margin: 0;
+  padding: 0.75rem 1rem;
+  border-radius: 0.5rem;
+  background: var(--color-background-card, #f8fafc);
+  font-size: 0.875rem;
+}
+.xicms-extern__melding { padding: 2rem 0; }
+
+/* Tandwiel naast een blok op de pagina. Zelfde familie als het potlood — even ingetogen, want ze
+   liggen over de site van de klant heen — maar duidelijk een andere handeling: het potlood zit bij
+   een tekstveld, het tandwiel rechtsboven bij het blok als geheel. */
+.xicms-ve-gear {
+  position: fixed;
+  z-index: 10000;
+  width: 26px;
+  height: 26px;
+  display: grid;
+  place-items: center;
+  border: 0;
+  border-radius: 999px;
+  background: rgba(15, 23, 42, 0.4);
+  color: #fff;
+  cursor: pointer;
+  opacity: 0.45;
+  transition: opacity 0.12s ease, background 0.12s ease;
+}
+.xicms-ve-gear:hover,
+.xicms-ve-gear:focus-visible,
+.xicms-ve-gear.is-on {
+  opacity: 1;
+  background: rgba(15, 23, 42, 0.85);
+}
+
+/* Melding in de editorbalk (nog geen werkversie). Hoort bij het gereedschap, niet bij de pagina. */
+.xicms-ve__balkmelding {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.5rem;
+  font-size: 0.8rem;
+  opacity: 0.9;
+}

package/dist/version.js

@@ -1,4 +1,4 @@
-const CORE_VERSION = true ? "7.4.0" : "0.0.0-dev";
+const CORE_VERSION = true ? "7.6.1" : "0.0.0-dev";
 const CORE_PACKAGE = "@xiwebdesign/xicms-core";
 function isNieuwer(beschikbaar, huidig) {
   const delen = (v) => v.split("-")[0].split(".").map((n) => Number.parseInt(n, 10) || 0);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xiwebdesign/xicms-core",
-  "version": "7.4.0",
+  "version": "7.6.1",
   "description": "XiCMS engine: gestructureerde content, pagina's, draft/publish, admin (TipTap+Radix), SEO en beveiliging voor klantsites.",
   "license": "UNLICENSED",
   "repository": {