@xiwebdesign/xicms-core 7.10.0 → 7.12.0

package/dist/editor/EditorProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/editor/EditorProvider.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext, useCallback, useContext, useEffect, useMemo, useState, lazy, Suspense, type ReactNode } from \"react\";\n// Het bloktype van de PAGINA zelf, zodat wat hier langskomt per definitie past in wat\n// `PublishedPage` rendert. Een eigen definitie zou hier stil uit de pas kunnen lopen.\nimport type { Page } from \"../schema/pages\";\n\ntype PaginaBlokken = Page[\"blocks\"];\n\n/**\n * Lichte runtime-context voor het inline (visuele) bewerken op de live pagina. De echte editor\n * (TipTap/Radix, zwaar) wordt PAS geladen als een editor hem opent — publieke bezoekers downloaden\n * hem nooit. De editor leeft in de admin-entry; we laden 'm via een dynamische import (eigen chunk).\n *\n * ── WAAROM DE BLOKKEN HIER LANGSKOMEN ─────────────────────────────────────────────────────\n *\n * De editor tekende de pagina vroeger zélf, in een eigen canvas binnen een schermvullende overlay.\n * Je klikte \"Pagina bewerken\" en je site verdween achter een donker paneel met een nabootsing erin.\n * Dat voelde niet als je site bewerken maar als een ander programma openen.\n *\n * Nu blijft de PAGINA de pagina en wordt alleen de DATA vervangen: de editor laadt de werkversie en\n * zet die hier neer, waarna `PublishedPage` de werkversie rendert in plaats van de gepubliceerde\n * blokken. Dezelfde componenten, dezelfde huisstijl, dezelfde layout — alleen andere inhoud.\n *\n * Die omweg via de data is wezenlijk, geen implementatiedetail. Alleen potloodjes over de live\n * pagina leggen zou betekenen dat je de WERKVERSIE bewerkt terwijl je de GEPUBLICEERDE tekst ziet.\n * Zodra je iets wijzigt en nog niet publiceert, lopen die twee uit elkaar en bewerk je iets anders\n * dan er staat. Wat je ziet moet zijn wat je bewerkt.\n *\n * `editPath` hoort erbij: een site kan meerdere gerenderde pagina's in beeld hebben (een\n * ingekaderde pagina, een preview). Alleen het pad dat de editor open heeft mag zijn blokken\n * verwisselen.\n *\n * ── WAAROM DE MODUS EEN REFRESH MOET OVERLEVEN (7.8) ──────────────────────────────────────\n *\n * Bewerken was een toestand die alleen in het geheugen van één render-boom bestond. Een per ongeluk\n * ingedrukte F5 — of een klik op een link in je eigen site, want dat is een volledige navigatie —\n * zette je terug op de live site. Je wijzigingen waren niet weg (die staan in de werkversie in\n * Firestore), maar je zág ze niet meer, en dat is niet te onderscheiden van kwijt zijn.\n *\n * Daarom staat de modus in `sessionStorage`: hij overleeft een refresh en het navigeren door de\n * site, en verdwijnt vanzelf zodra het tabblad dichtgaat. Bewust niet `localStorage` — dan zit je\n * morgen in een nieuw venster nog steeds in de bewerkmodus zonder dat je erom vroeg.\n */\nconst VisualEditor = lazy(() => import(\"../admin/visual/VisualEditor\"));\n\n/** \"live\" = precies wat een bezoeker ziet. \"bewerken\" = dezelfde pagina, met werkversie en gereedschap. */\nexport type Bewerkmodus = \"live\" | \"bewerken\";\n\nconst OPSLAGSLEUTEL = \"xicms-bewerkmodus\";\n\ninterface EditorCtx {\n  modus: Bewerkmodus;\n  /** Blijft bestaan naast `modus` omdat het door de hele codebase heen gelezen wordt. */\n  open: boolean;\n  zetModus: (modus: Bewerkmodus) => void;\n  openEditor: () => void;\n  closeEditor: () => void;\n  /** De blokken van de werkversie die de pagina moet tonen; `null` = toon gewoon het gepubliceerde. */\n  draftBlocks: PaginaBlokken | null;\n  /** Het pad waarvoor `draftBlocks` geldt. */\n  editPath: string | null;\n  /** Door de editor aangeroepen zodra de werkversie laadt of wijzigt. */\n  publishDraft: (path: string, blocks: PaginaBlokken | null) => void;\n  /**\n   * \"Vervang de foto in veld X van blok Y\" — gezet door de VisualEditor zolang hij open is.\n   *\n   * De 📷-knopjes op de foto's zitten in de RENDER van de pagina (Img), de mediakiezer zit in de\n   * EDITOR. Die twee delen geen boom meer sinds het canvas weg is; dit is de brug. `null` buiten\n   * de bewerkmodus, en dan tekent Img geen knopjes.\n   */\n  fotoVervanger: ((field: string, blockKey?: string) => void) | null;\n  zetFotoVervanger: (fn: ((field: string, blockKey?: string) => void) | null) => void;\n}\n\nconst Ctx = createContext<EditorCtx>({\n  modus: \"live\",\n  open: false,\n  zetModus: () => {},\n  openEditor: () => {},\n  closeEditor: () => {},\n  draftBlocks: null,\n  editPath: null,\n  publishDraft: () => {},\n  fotoVervanger: null,\n  zetFotoVervanger: () => {},\n});\n\nexport function EditorProvider({ children }: { children: ReactNode }) {\n  /**\n   * Start altijd op \"live\", ook als de opslag iets anders zegt.\n   *\n   * De server rendert deze boom zonder toegang tot `sessionStorage`. Zou de eerste client-render\n   * meteen \"bewerken\" teruggeven, dan wijkt hij af van de HTML die er al staat en gooit React de\n   * boom weg (hydration mismatch). Vandaar: eerst hetzelfde als de server, daarna in een effect\n   * bijstellen. Eén frame \"live\" is niet zichtbaar; een kapotte hydration wel.\n   */\n  const [modus, setModusState] = useState<Bewerkmodus>(\"live\");\n  const [draft, setDraft] = useState<{ path: string; blocks: PaginaBlokken } | null>(null);\n  const [fotoVervanger, setFotoVervanger] = useState<((field: string, blockKey?: string) => void) | null>(null);\n  // In state gewikkeld: een functie rechtstreeks aan een setState geven zou hem AANROEPEN\n  // (functionele updater) in plaats van opslaan.\n  const zetFotoVervanger = useCallback((fn: ((field: string, blockKey?: string) => void) | null) => {\n    setFotoVervanger(() => fn);\n  }, []);\n\n  useEffect(() => {\n    try {\n      if (sessionStorage.getItem(OPSLAGSLEUTEL) === \"bewerken\") setModusState(\"bewerken\");\n    } catch {\n      /* privémodus of geblokkeerde opslag: dan gewoon op de live site beginnen */\n    }\n  }, []);\n\n  const zetModus = useCallback((next: Bewerkmodus) => {\n    setModusState(next);\n    try {\n      if (next === \"bewerken\") sessionStorage.setItem(OPSLAGSLEUTEL, \"bewerken\");\n      else sessionStorage.removeItem(OPSLAGSLEUTEL);\n    } catch {\n      /* de modus werkt ook zonder opslag; alleen een refresh valt dan terug op live */\n    }\n    // De werkversie hoort bij de bewerkmodus. Blijft hij staan na het sluiten, dan ziet de bezoeker\n    // ongepubliceerde tekst terwijl het gereedschap weg is — een pagina die iets toont wat niet\n    // live is. De werkversie zelf blijft in Firestore staan; alleen deze weergave stopt.\n    if (next === \"live\") setDraft(null);\n  }, []);\n\n  const publishDraft = useCallback((path: string, blocks: PaginaBlokken | null) => {\n    setDraft(blocks ? { path, blocks } : null);\n  }, []);\n\n  const value = useMemo<EditorCtx>(() => ({\n    modus,\n    open: modus === \"bewerken\",\n    zetModus,\n    openEditor: () => zetModus(\"bewerken\"),\n    closeEditor: () => zetModus(\"live\"),\n    draftBlocks: draft?.blocks ?? null,\n    editPath: draft?.path ?? null,\n    publishDraft,\n    fotoVervanger,\n    zetFotoVervanger,\n  }), [modus, draft, zetModus, publishDraft, fotoVervanger, zetFotoVervanger]);\n\n  return (\n    <Ctx.Provider value={value}>\n      {children}\n      {modus === \"bewerken\" && (\n        <Suspense fallback={null}>\n          <VisualEditor onClose={() => zetModus(\"live\")} />\n        </Suspense>\n      )}\n    </Ctx.Provider>\n  );\n}\n\n/** Open/sluit de visuele pagina-editor. */\nexport function useEditor(): EditorCtx {\n  return useContext(Ctx);\n}\n"],"mappings":";AAkJI,SAIM,KAJN;AAhJJ,SAAS,eAAe,aAAa,YAAY,WAAW,SAAS,UAAU,MAAM,gBAAgC;AA0CrH,MAAM,eAAe,KAAK,MAAM,OAAO,8BAA8B,CAAC;AAKtE,MAAM,gBAAgB;AA0BtB,MAAM,MAAM,cAAyB;AAAA,EACnC,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU,MAAM;AAAA,EAAC;AAAA,EACjB,YAAY,MAAM;AAAA,EAAC;AAAA,EACnB,aAAa,MAAM;AAAA,EAAC;AAAA,EACpB,aAAa;AAAA,EACb,UAAU;AAAA,EACV,cAAc,MAAM;AAAA,EAAC;AAAA,EACrB,eAAe;AAAA,EACf,kBAAkB,MAAM;AAAA,EAAC;AAC3B,CAAC;AAEM,SAAS,eAAe,EAAE,SAAS,GAA4B;AASpE,QAAM,CAAC,OAAO,aAAa,IAAI,SAAsB,MAAM;AAC3D,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAyD,IAAI;AACvF,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAA8D,IAAI;AAG5G,QAAM,mBAAmB,YAAY,CAAC,OAA4D;AAChG,qBAAiB,MAAM,EAAE;AAAA,EAC3B,GAAG,CAAC,CAAC;AAEL,YAAU,MAAM;AACd,QAAI;AACF,UAAI,eAAe,QAAQ,aAAa,MAAM,WAAY,eAAc,UAAU;AAAA,IACpF,QAAQ;AAAA,IAER;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,WAAW,YAAY,CAAC,SAAsB;AAClD,kBAAc,IAAI;AAClB,QAAI;AACF,UAAI,SAAS,WAAY,gBAAe,QAAQ,eAAe,UAAU;AAAA,UACpE,gBAAe,WAAW,aAAa;AAAA,IAC9C,QAAQ;AAAA,IAER;AAIA,QAAI,SAAS,OAAQ,UAAS,IAAI;AAAA,EACpC,GAAG,CAAC,CAAC;AAEL,QAAM,eAAe,YAAY,CAAC,MAAc,WAAiC;AAC/E,aAAS,SAAS,EAAE,MAAM,OAAO,IAAI,IAAI;AAAA,EAC3C,GAAG,CAAC,CAAC;AAEL,QAAM,QAAQ,QAAmB,OAAO;AAAA,IACtC;AAAA,IACA,MAAM,UAAU;AAAA,IAChB;AAAA,IACA,YAAY,MAAM,SAAS,UAAU;AAAA,IACrC,aAAa,MAAM,SAAS,MAAM;AAAA,IAClC,aAAa,OAAO,UAAU;AAAA,IAC9B,UAAU,OAAO,QAAQ;AAAA,IACzB;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,CAAC,OAAO,OAAO,UAAU,cAAc,eAAe,gBAAgB,CAAC;AAE3E,SACE,qBAAC,IAAI,UAAJ,EAAa,OACX;AAAA;AAAA,IACA,UAAU,cACT,oBAAC,YAAS,UAAU,MAClB,8BAAC,gBAAa,SAAS,MAAM,SAAS,MAAM,GAAG,GACjD;AAAA,KAEJ;AAEJ;AAGO,SAAS,YAAuB;AACrC,SAAO,WAAW,GAAG;AACvB;","names":[]}
+{"version":3,"sources":["../../src/editor/EditorProvider.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext, useCallback, useContext, useEffect, useMemo, useState, type ComponentType, type ReactNode } from \"react\";\n// Het bloktype van de PAGINA zelf, zodat wat hier langskomt per definitie past in wat\n// `PublishedPage` rendert. Een eigen definitie zou hier stil uit de pas kunnen lopen.\nimport type { Page } from \"../schema/pages\";\n\ntype PaginaBlokken = Page[\"blocks\"];\n\n/**\n * Lichte runtime-context voor het inline (visuele) bewerken op de live pagina. De echte editor\n * (TipTap/Radix, zwaar) wordt PAS geladen als een editor hem opent — publieke bezoekers downloaden\n * hem nooit. De editor leeft in de admin-entry; we laden 'm via een dynamische import (eigen chunk).\n *\n * ── WAAROM DE BLOKKEN HIER LANGSKOMEN ─────────────────────────────────────────────────────\n *\n * De editor tekende de pagina vroeger zélf, in een eigen canvas binnen een schermvullende overlay.\n * Je klikte \"Pagina bewerken\" en je site verdween achter een donker paneel met een nabootsing erin.\n * Dat voelde niet als je site bewerken maar als een ander programma openen.\n *\n * Nu blijft de PAGINA de pagina en wordt alleen de DATA vervangen: de editor laadt de werkversie en\n * zet die hier neer, waarna `PublishedPage` de werkversie rendert in plaats van de gepubliceerde\n * blokken. Dezelfde componenten, dezelfde huisstijl, dezelfde layout — alleen andere inhoud.\n *\n * Die omweg via de data is wezenlijk, geen implementatiedetail. Alleen potloodjes over de live\n * pagina leggen zou betekenen dat je de WERKVERSIE bewerkt terwijl je de GEPUBLICEERDE tekst ziet.\n * Zodra je iets wijzigt en nog niet publiceert, lopen die twee uit elkaar en bewerk je iets anders\n * dan er staat. Wat je ziet moet zijn wat je bewerkt.\n *\n * `editPath` hoort erbij: een site kan meerdere gerenderde pagina's in beeld hebben (een\n * ingekaderde pagina, een preview). Alleen het pad dat de editor open heeft mag zijn blokken\n * verwisselen.\n *\n * ── WAAROM DE MODUS EEN REFRESH MOET OVERLEVEN (7.8) ──────────────────────────────────────\n *\n * Bewerken was een toestand die alleen in het geheugen van één render-boom bestond. Een per ongeluk\n * ingedrukte F5 — of een klik op een link in je eigen site, want dat is een volledige navigatie —\n * zette je terug op de live site. Je wijzigingen waren niet weg (die staan in de werkversie in\n * Firestore), maar je zág ze niet meer, en dat is niet te onderscheiden van kwijt zijn.\n *\n * Daarom staat de modus in `sessionStorage`: hij overleeft een refresh en het navigeren door de\n * site, en verdwijnt vanzelf zodra het tabblad dichtgaat. Bewust niet `localStorage` — dan zit je\n * morgen in een nieuw venster nog steeds in de bewerkmodus zonder dat je erom vroeg.\n */\n/**\n * BEWUST GEEN `lazy()` + `<Suspense>`. De chunk-splitsing is dezelfde (de dynamische import\n * hieronder maakt zijn eigen chunk), maar Suspense heeft een gedraging die ons hier de kop kostte:\n * als de boom suspendt, koppelt React de al-gemonteerde children tijdelijk los en weer vast\n * (disconnect/reconnect van de passive effects). In dat her-aansluitpad draaide Astryx'\n * `useScrollLock`-effect dubbel zonder tussenliggende cleanup, waardoor zijn module-brede teller\n * nooit meer op nul kwam — en een teller boven nul betekent: `body { position: fixed }`. De hele\n * site stond stil: niet meer scrollen, dus ook geen bewerkknoppen bij blokken onder de vouw.\n * Zelf laden in een effect en pas renderen als de module er is, heeft dat Suspense-pad niet.\n */\ntype VisualEditorComponent = ComponentType<{ onClose: () => void }>;\nlet visualEditorModule: VisualEditorComponent | null = null;\n\n/** \"live\" = precies wat een bezoeker ziet. \"bewerken\" = dezelfde pagina, met werkversie en gereedschap. */\nexport type Bewerkmodus = \"live\" | \"bewerken\";\n\nconst OPSLAGSLEUTEL = \"xicms-bewerkmodus\";\n\ninterface EditorCtx {\n  modus: Bewerkmodus;\n  /** Blijft bestaan naast `modus` omdat het door de hele codebase heen gelezen wordt. */\n  open: boolean;\n  zetModus: (modus: Bewerkmodus) => void;\n  openEditor: () => void;\n  closeEditor: () => void;\n  /** De blokken van de werkversie die de pagina moet tonen; `null` = toon gewoon het gepubliceerde. */\n  draftBlocks: PaginaBlokken | null;\n  /** Het pad waarvoor `draftBlocks` geldt. */\n  editPath: string | null;\n  /** Door de editor aangeroepen zodra de werkversie laadt of wijzigt. */\n  publishDraft: (path: string, blocks: PaginaBlokken | null) => void;\n  /**\n   * \"Vervang de foto in veld X van blok Y\" — gezet door de VisualEditor zolang hij open is.\n   *\n   * De 📷-knopjes op de foto's zitten in de RENDER van de pagina (Img), de mediakiezer zit in de\n   * EDITOR. Die twee delen geen boom meer sinds het canvas weg is; dit is de brug. `null` buiten\n   * de bewerkmodus, en dan tekent Img geen knopjes.\n   */\n  fotoVervanger: ((field: string, blockKey?: string) => void) | null;\n  zetFotoVervanger: (fn: ((field: string, blockKey?: string) => void) | null) => void;\n}\n\nconst Ctx = createContext<EditorCtx>({\n  modus: \"live\",\n  open: false,\n  zetModus: () => {},\n  openEditor: () => {},\n  closeEditor: () => {},\n  draftBlocks: null,\n  editPath: null,\n  publishDraft: () => {},\n  fotoVervanger: null,\n  zetFotoVervanger: () => {},\n});\n\nexport function EditorProvider({ children }: { children: ReactNode }) {\n  /**\n   * Start altijd op \"live\", ook als de opslag iets anders zegt.\n   *\n   * De server rendert deze boom zonder toegang tot `sessionStorage`. Zou de eerste client-render\n   * meteen \"bewerken\" teruggeven, dan wijkt hij af van de HTML die er al staat en gooit React de\n   * boom weg (hydration mismatch). Vandaar: eerst hetzelfde als de server, daarna in een effect\n   * bijstellen. Eén frame \"live\" is niet zichtbaar; een kapotte hydration wel.\n   */\n  const [modus, setModusState] = useState<Bewerkmodus>(\"live\");\n  // De editor-component zodra zijn chunk binnen is; module-cache zodat een tweede keer openen\n  // (of een andere pagina in dezelfde sessie) niet opnieuw op het netwerk wacht.\n  const [VisualEditor, setVisualEditor] = useState<VisualEditorComponent | null>(() => visualEditorModule);\n  const [draft, setDraft] = useState<{ path: string; blocks: PaginaBlokken } | null>(null);\n  const [fotoVervanger, setFotoVervanger] = useState<((field: string, blockKey?: string) => void) | null>(null);\n  // In state gewikkeld: een functie rechtstreeks aan een setState geven zou hem AANROEPEN\n  // (functionele updater) in plaats van opslaan.\n  const zetFotoVervanger = useCallback((fn: ((field: string, blockKey?: string) => void) | null) => {\n    setFotoVervanger(() => fn);\n  }, []);\n\n  useEffect(() => {\n    try {\n      if (sessionStorage.getItem(OPSLAGSLEUTEL) === \"bewerken\") setModusState(\"bewerken\");\n    } catch {\n      /* privémodus of geblokkeerde opslag: dan gewoon op de live site beginnen */\n    }\n  }, []);\n\n  // De editor-chunk laden zodra de bewerkmodus aangaat (zie het commentaar bij\n  // `visualEditorModule` waarom dit met de hand gebeurt en niet via lazy/Suspense).\n  useEffect(() => {\n    if (modus !== \"bewerken\" || VisualEditor) return;\n    let losgekoppeld = false;\n    void import(\"../admin/visual/VisualEditor\").then((m) => {\n      visualEditorModule = m.default;\n      if (!losgekoppeld) setVisualEditor(() => m.default);\n    });\n    return () => {\n      losgekoppeld = true;\n    };\n  }, [modus, VisualEditor]);\n\n  const zetModus = useCallback((next: Bewerkmodus) => {\n    setModusState(next);\n    try {\n      if (next === \"bewerken\") sessionStorage.setItem(OPSLAGSLEUTEL, \"bewerken\");\n      else sessionStorage.removeItem(OPSLAGSLEUTEL);\n    } catch {\n      /* de modus werkt ook zonder opslag; alleen een refresh valt dan terug op live */\n    }\n    // De werkversie hoort bij de bewerkmodus. Blijft hij staan na het sluiten, dan ziet de bezoeker\n    // ongepubliceerde tekst terwijl het gereedschap weg is — een pagina die iets toont wat niet\n    // live is. De werkversie zelf blijft in Firestore staan; alleen deze weergave stopt.\n    if (next === \"live\") setDraft(null);\n  }, []);\n\n  const publishDraft = useCallback((path: string, blocks: PaginaBlokken | null) => {\n    setDraft(blocks ? { path, blocks } : null);\n  }, []);\n\n  const value = useMemo<EditorCtx>(() => ({\n    modus,\n    open: modus === \"bewerken\",\n    zetModus,\n    openEditor: () => zetModus(\"bewerken\"),\n    closeEditor: () => zetModus(\"live\"),\n    draftBlocks: draft?.blocks ?? null,\n    editPath: draft?.path ?? null,\n    publishDraft,\n    fotoVervanger,\n    zetFotoVervanger,\n  }), [modus, draft, zetModus, publishDraft, fotoVervanger, zetFotoVervanger]);\n\n  return (\n    <Ctx.Provider value={value}>\n      {children}\n      {modus === \"bewerken\" && VisualEditor && <VisualEditor onClose={() => zetModus(\"live\")} />}\n    </Ctx.Provider>\n  );\n}\n\n/** Open/sluit de visuele pagina-editor. */\nexport function useEditor(): EditorCtx {\n  return useContext(Ctx);\n}\n"],"mappings":";AA8KI,SAE2C,KAF3C;AA5KJ,SAAS,eAAe,aAAa,YAAY,WAAW,SAAS,gBAAoD;AAqDzH,IAAI,qBAAmD;AAKvD,MAAM,gBAAgB;AA0BtB,MAAM,MAAM,cAAyB;AAAA,EACnC,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU,MAAM;AAAA,EAAC;AAAA,EACjB,YAAY,MAAM;AAAA,EAAC;AAAA,EACnB,aAAa,MAAM;AAAA,EAAC;AAAA,EACpB,aAAa;AAAA,EACb,UAAU;AAAA,EACV,cAAc,MAAM;AAAA,EAAC;AAAA,EACrB,eAAe;AAAA,EACf,kBAAkB,MAAM;AAAA,EAAC;AAC3B,CAAC;AAEM,SAAS,eAAe,EAAE,SAAS,GAA4B;AASpE,QAAM,CAAC,OAAO,aAAa,IAAI,SAAsB,MAAM;AAG3D,QAAM,CAAC,cAAc,eAAe,IAAI,SAAuC,MAAM,kBAAkB;AACvG,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAyD,IAAI;AACvF,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAA8D,IAAI;AAG5G,QAAM,mBAAmB,YAAY,CAAC,OAA4D;AAChG,qBAAiB,MAAM,EAAE;AAAA,EAC3B,GAAG,CAAC,CAAC;AAEL,YAAU,MAAM;AACd,QAAI;AACF,UAAI,eAAe,QAAQ,aAAa,MAAM,WAAY,eAAc,UAAU;AAAA,IACpF,QAAQ;AAAA,IAER;AAAA,EACF,GAAG,CAAC,CAAC;AAIL,YAAU,MAAM;AACd,QAAI,UAAU,cAAc,aAAc;AAC1C,QAAI,eAAe;AACnB,SAAK,OAAO,8BAA8B,EAAE,KAAK,CAAC,MAAM;AACtD,2BAAqB,EAAE;AACvB,UAAI,CAAC,aAAc,iBAAgB,MAAM,EAAE,OAAO;AAAA,IACpD,CAAC;AACD,WAAO,MAAM;AACX,qBAAe;AAAA,IACjB;AAAA,EACF,GAAG,CAAC,OAAO,YAAY,CAAC;AAExB,QAAM,WAAW,YAAY,CAAC,SAAsB;AAClD,kBAAc,IAAI;AAClB,QAAI;AACF,UAAI,SAAS,WAAY,gBAAe,QAAQ,eAAe,UAAU;AAAA,UACpE,gBAAe,WAAW,aAAa;AAAA,IAC9C,QAAQ;AAAA,IAER;AAIA,QAAI,SAAS,OAAQ,UAAS,IAAI;AAAA,EACpC,GAAG,CAAC,CAAC;AAEL,QAAM,eAAe,YAAY,CAAC,MAAc,WAAiC;AAC/E,aAAS,SAAS,EAAE,MAAM,OAAO,IAAI,IAAI;AAAA,EAC3C,GAAG,CAAC,CAAC;AAEL,QAAM,QAAQ,QAAmB,OAAO;AAAA,IACtC;AAAA,IACA,MAAM,UAAU;AAAA,IAChB;AAAA,IACA,YAAY,MAAM,SAAS,UAAU;AAAA,IACrC,aAAa,MAAM,SAAS,MAAM;AAAA,IAClC,aAAa,OAAO,UAAU;AAAA,IAC9B,UAAU,OAAO,QAAQ;AAAA,IACzB;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,CAAC,OAAO,OAAO,UAAU,cAAc,eAAe,gBAAgB,CAAC;AAE3E,SACE,qBAAC,IAAI,UAAJ,EAAa,OACX;AAAA;AAAA,IACA,UAAU,cAAc,gBAAgB,oBAAC,gBAAa,SAAS,MAAM,SAAS,MAAM,GAAG;AAAA,KAC1F;AAEJ;AAGO,SAAS,YAAuB;AACrC,SAAO,WAAW,GAAG;AACvB;","names":[]}

package/dist/server/blockData.d.ts

@@ -0,0 +1,17 @@
+import "server-only";
+import type { Page } from "../schema/pages.js";
+export interface PageBlockDataOptions {
+    /** `searchParams` van de route — alleen nodig voor productdetailpagina's (`?p=<slug>`). */
+    searchParams?: {
+        p?: string | string[];
+        [k: string]: unknown;
+    };
+    /** De taal van de render — de zoekindex indexeert dan de vertaalde paden. (Nog ongebruikt.) */
+    locale?: string;
+}
+/**
+ * Server-side blockData voor één pagina, op basis van zijn bloktypes.
+ * Geef het resultaat door als `<PublishedPage blockData={...}>`. `undefined`-namespaces blijven
+ * weg zodat de blokken hun eigen fallback houden waar deze functie niets voor verzamelde.
+ */
+export declare function getPageBlockData(siteId: string, page: Pick<Page, "blocks">, opts?: PageBlockDataOptions): Promise<Record<string, unknown> | undefined>;

package/dist/server/blockData.js

@@ -0,0 +1,86 @@
+import "server-only";
+import { listPublishedPages, listPublishedNews, listFormDefinitions } from "./pages.js";
+import { blocksToText } from "../blocks/searchText.js";
+const SHOP_TYPES = /* @__PURE__ */ new Set(["productGrid", "shopCategories", "productDetail", "cart", "checkout", "donation", "orderStatus"]);
+const NEWS_TYPES = /* @__PURE__ */ new Set(["newsList", "newsWidget"]);
+function collectTypes(v, out, depth) {
+  if (depth > 6 || v == null || typeof v !== "object") return;
+  if (Array.isArray(v)) {
+    for (const item of v) collectTypes(item, out, depth + 1);
+    return;
+  }
+  const o = v;
+  if (typeof o._type === "string") out.add(o._type);
+  for (const val of Object.values(o)) collectTypes(val, out, depth + 1);
+}
+function collectFormIds(v, out, depth) {
+  if (depth > 6 || v == null || typeof v !== "object") return;
+  if (Array.isArray(v)) {
+    for (const item of v) collectFormIds(item, out, depth + 1);
+    return;
+  }
+  const o = v;
+  if (o._type === "form" && typeof o.formId === "string" && o.formId) out.add(o.formId);
+  for (const val of Object.values(o)) collectFormIds(val, out, depth + 1);
+}
+function searchWantsNews(v, depth) {
+  if (depth > 6 || v == null || typeof v !== "object") return false;
+  if (Array.isArray(v)) return v.some((item) => searchWantsNews(item, depth + 1));
+  const o = v;
+  if (o._type === "search" && o.includeNews === true) return true;
+  return Object.values(o).some((val) => searchWantsNews(val, depth + 1));
+}
+async function getPageBlockData(siteId, page, opts) {
+  const types = /* @__PURE__ */ new Set();
+  collectTypes(page.blocks ?? [], types, 0);
+  const wilShop = [...SHOP_TYPES].some((t) => types.has(t));
+  const wilNews = [...NEWS_TYPES].some((t) => types.has(t));
+  const wilSearch = types.has("search");
+  const formIds = /* @__PURE__ */ new Set();
+  collectFormIds(page.blocks ?? [], formIds, 0);
+  if (!wilShop && !wilNews && !wilSearch && formIds.size === 0) return void 0;
+  const data = {};
+  await Promise.all([
+    (async () => {
+      if (!wilShop) return;
+      const { getShopPageData } = await import("./shop.js");
+      data.shop = await getShopPageData(siteId, opts?.searchParams);
+    })(),
+    (async () => {
+      if (!wilNews) return;
+      data.news = await listPublishedNews(siteId);
+    })(),
+    (async () => {
+      if (formIds.size === 0) return;
+      const alle = await listFormDefinitions(siteId);
+      const map = {};
+      for (const f of alle) if (formIds.has(f.id)) map[f.id] = f;
+      data.forms = map;
+    })(),
+    (async () => {
+      if (!wilSearch) return;
+      const [pages, news] = await Promise.all([
+        listPublishedPages(siteId),
+        searchWantsNews(page.blocks ?? [], 0) ? listPublishedNews(siteId) : Promise.resolve([])
+      ]);
+      const index = pages.map((p) => ({
+        title: String(p.title ?? ""),
+        path: String(p.path ?? "/"),
+        text: blocksToText(p.blocks)
+      }));
+      for (const n of news) {
+        index.push({
+          title: n.title,
+          path: `/nieuws/${n.slug || n.id}`,
+          text: `${n.excerpt ?? ""} ${(n.bodyHtml ?? n.body ?? "").replace(/<[^>]*>/g, " ")}`
+        });
+      }
+      data.searchIndex = index;
+    })()
+  ]);
+  return data;
+}
+export {
+  getPageBlockData
+};
+//# sourceMappingURL=blockData.js.map

package/dist/server/blockData.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/server/blockData.ts"],"sourcesContent":["import \"server-only\";\n\nimport type { Page } from \"../schema/pages\";\nimport { listPublishedPages, listPublishedNews, listFormDefinitions } from \"./pages\";\nimport { blocksToText, type SearchEntry } from \"../blocks/searchText\";\n\n/**\n * SSR-seeds voor blokken die data buiten de pagina zelf nodig hebben (7.12).\n *\n * Het duurste patroon in XiCMS was niet een gemiste servercache maar de BROWSER: blokken als de\n * productgrid, het zoekblok en het formulier haalden hun data client-side uit Firestore — per\n * bezoeker, buiten elke cache om. Eén winkelpagina kostte zo honderden reads per bezoeker, en het\n * zoekblok las de complete pagina-collectie. De server-readers bestonden (server/shop.ts), maar\n * elke site moest er zelf aan denken ze aan te roepen — en geen enkele deed dat. SITE-AUDIT noemt\n * ontbrekende SSR-seeds \"de #1 prestatieval\"; dit bestand maakt die val structureel onmogelijk.\n *\n * `getPageBlockData` kijkt naar de blóktypes van de pagina en verzamelt precies de data die deze\n * pagina nodig heeft — niets meer. Een pagina zonder shop-blokken doet nul product-reads; een\n * pagina zonder zoekblok bouwt geen index. Alle onderliggende readers zitten in de tagged\n * servercache (server/cached.ts), dus dit kost Firestore éénmaal per interval, niet per bezoeker.\n *\n * Gebruik in de catch-all van de klantsite (ná symbol-expansie, zodat blokken ín symbolen meetellen):\n *\n *   const page = await getPublishedPageByPathExpanded(siteId, path, locale);\n *   const blockData = page ? await getPageBlockData(siteId, page, { searchParams }) : undefined;\n *   <PublishedPage page={page} siteId={siteId} blockData={blockData} />\n *\n * De blokken zelf houden hun client-fallback: een site die dit (nog) niet doorgeeft blijft werken,\n * alleen duurder en trager — precies het oude gedrag.\n */\n\n/** Bloktypes die de shop-seed nodig hebben (productDetail leest daarnaast `?p=` voor het product). */\nconst SHOP_TYPES = new Set([\"productGrid\", \"shopCategories\", \"productDetail\", \"cart\", \"checkout\", \"donation\", \"orderStatus\"]);\n/** Bloktypes die de nieuws-seed nodig hebben. */\nconst NEWS_TYPES = new Set([\"newsList\", \"newsWidget\"]);\n\n/** Verzamel alle `_type`-waarden, recursief — kolommen/tabs/secties kunnen blokken bevatten. */\nfunction collectTypes(v: unknown, out: Set<string>, depth: number): void {\n  if (depth > 6 || v == null || typeof v !== \"object\") return;\n  if (Array.isArray(v)) {\n    for (const item of v) collectTypes(item, out, depth + 1);\n    return;\n  }\n  const o = v as Record<string, unknown>;\n  if (typeof o._type === \"string\") out.add(o._type);\n  for (const val of Object.values(o)) collectTypes(val, out, depth + 1);\n}\n\n/** Verzamel de `formId`s van alle formulierblokken (ook genest). */\nfunction collectFormIds(v: unknown, out: Set<string>, depth: number): void {\n  if (depth > 6 || v == null || typeof v !== \"object\") return;\n  if (Array.isArray(v)) {\n    for (const item of v) collectFormIds(item, out, depth + 1);\n    return;\n  }\n  const o = v as Record<string, unknown>;\n  if (o._type === \"form\" && typeof o.formId === \"string\" && o.formId) out.add(o.formId);\n  for (const val of Object.values(o)) collectFormIds(val, out, depth + 1);\n}\n\n/** Wil één van de zoekblokken op de pagina ook nieuws doorzoeken? */\nfunction searchWantsNews(v: unknown, depth: number): boolean {\n  if (depth > 6 || v == null || typeof v !== \"object\") return false;\n  if (Array.isArray(v)) return v.some((item) => searchWantsNews(item, depth + 1));\n  const o = v as Record<string, unknown>;\n  if (o._type === \"search\" && o.includeNews === true) return true;\n  return Object.values(o).some((val) => searchWantsNews(val, depth + 1));\n}\n\nexport interface PageBlockDataOptions {\n  /** `searchParams` van de route — alleen nodig voor productdetailpagina's (`?p=<slug>`). */\n  searchParams?: { p?: string | string[]; [k: string]: unknown };\n  /** De taal van de render — de zoekindex indexeert dan de vertaalde paden. (Nog ongebruikt.) */\n  locale?: string;\n}\n\n/**\n * Server-side blockData voor één pagina, op basis van zijn bloktypes.\n * Geef het resultaat door als `<PublishedPage blockData={...}>`. `undefined`-namespaces blijven\n * weg zodat de blokken hun eigen fallback houden waar deze functie niets voor verzamelde.\n */\nexport async function getPageBlockData(\n  siteId: string,\n  page: Pick<Page, \"blocks\">,\n  opts?: PageBlockDataOptions,\n): Promise<Record<string, unknown> | undefined> {\n  const types = new Set<string>();\n  collectTypes(page.blocks ?? [], types, 0);\n\n  const wilShop = [...SHOP_TYPES].some((t) => types.has(t));\n  const wilNews = [...NEWS_TYPES].some((t) => types.has(t));\n  const wilSearch = types.has(\"search\");\n  const formIds = new Set<string>();\n  collectFormIds(page.blocks ?? [], formIds, 0);\n\n  if (!wilShop && !wilNews && !wilSearch && formIds.size === 0) return undefined;\n\n  const data: Record<string, unknown> = {};\n\n  // Parallel: elke seed leest uit de tagged servercache, dus dit zijn meestal nul echte reads.\n  await Promise.all([\n    (async () => {\n      if (!wilShop) return;\n      // Dynamische import: shop-servercode alleen in de graph van pagina's/sites die hem gebruiken.\n      const { getShopPageData } = await import(\"./shop\");\n      data.shop = await getShopPageData(siteId, opts?.searchParams);\n    })(),\n    (async () => {\n      if (!wilNews) return;\n      data.news = await listPublishedNews(siteId);\n    })(),\n    (async () => {\n      if (formIds.size === 0) return;\n      const alle = await listFormDefinitions(siteId);\n      const map: Record<string, unknown> = {};\n      for (const f of alle) if (formIds.has(f.id)) map[f.id] = f;\n      data.forms = map;\n    })(),\n    (async () => {\n      if (!wilSearch) return;\n      const [pages, news] = await Promise.all([\n        listPublishedPages(siteId),\n        searchWantsNews(page.blocks ?? [], 0) ? listPublishedNews(siteId) : Promise.resolve([]),\n      ]);\n      const index: SearchEntry[] = pages.map((p) => ({\n        title: String(p.title ?? \"\"),\n        path: String(p.path ?? \"/\"),\n        text: blocksToText(p.blocks),\n      }));\n      for (const n of news) {\n        index.push({\n          title: n.title,\n          path: `/nieuws/${n.slug || n.id}`,\n          text: `${n.excerpt ?? \"\"} ${(n.bodyHtml ?? n.body ?? \"\").replace(/<[^>]*>/g, \" \")}`,\n        });\n      }\n      data.searchIndex = index;\n    })(),\n  ]);\n\n  return data;\n}\n"],"mappings":"AAAA,OAAO;AAGP,SAAS,oBAAoB,mBAAmB,2BAA2B;AAC3E,SAAS,oBAAsC;AA4B/C,MAAM,aAAa,oBAAI,IAAI,CAAC,eAAe,kBAAkB,iBAAiB,QAAQ,YAAY,YAAY,aAAa,CAAC;AAE5H,MAAM,aAAa,oBAAI,IAAI,CAAC,YAAY,YAAY,CAAC;AAGrD,SAAS,aAAa,GAAY,KAAkB,OAAqB;AACvE,MAAI,QAAQ,KAAK,KAAK,QAAQ,OAAO,MAAM,SAAU;AACrD,MAAI,MAAM,QAAQ,CAAC,GAAG;AACpB,eAAW,QAAQ,EAAG,cAAa,MAAM,KAAK,QAAQ,CAAC;AACvD;AAAA,EACF;AACA,QAAM,IAAI;AACV,MAAI,OAAO,EAAE,UAAU,SAAU,KAAI,IAAI,EAAE,KAAK;AAChD,aAAW,OAAO,OAAO,OAAO,CAAC,EAAG,cAAa,KAAK,KAAK,QAAQ,CAAC;AACtE;AAGA,SAAS,eAAe,GAAY,KAAkB,OAAqB;AACzE,MAAI,QAAQ,KAAK,KAAK,QAAQ,OAAO,MAAM,SAAU;AACrD,MAAI,MAAM,QAAQ,CAAC,GAAG;AACpB,eAAW,QAAQ,EAAG,gBAAe,MAAM,KAAK,QAAQ,CAAC;AACzD;AAAA,EACF;AACA,QAAM,IAAI;AACV,MAAI,EAAE,UAAU,UAAU,OAAO,EAAE,WAAW,YAAY,EAAE,OAAQ,KAAI,IAAI,EAAE,MAAM;AACpF,aAAW,OAAO,OAAO,OAAO,CAAC,EAAG,gBAAe,KAAK,KAAK,QAAQ,CAAC;AACxE;AAGA,SAAS,gBAAgB,GAAY,OAAwB;AAC3D,MAAI,QAAQ,KAAK,KAAK,QAAQ,OAAO,MAAM,SAAU,QAAO;AAC5D,MAAI,MAAM,QAAQ,CAAC,EAAG,QAAO,EAAE,KAAK,CAAC,SAAS,gBAAgB,MAAM,QAAQ,CAAC,CAAC;AAC9E,QAAM,IAAI;AACV,MAAI,EAAE,UAAU,YAAY,EAAE,gBAAgB,KAAM,QAAO;AAC3D,SAAO,OAAO,OAAO,CAAC,EAAE,KAAK,CAAC,QAAQ,gBAAgB,KAAK,QAAQ,CAAC,CAAC;AACvE;AAcA,eAAsB,iBACpB,QACA,MACA,MAC8C;AAC9C,QAAM,QAAQ,oBAAI,IAAY;AAC9B,eAAa,KAAK,UAAU,CAAC,GAAG,OAAO,CAAC;AAExC,QAAM,UAAU,CAAC,GAAG,UAAU,EAAE,KAAK,CAAC,MAAM,MAAM,IAAI,CAAC,CAAC;AACxD,QAAM,UAAU,CAAC,GAAG,UAAU,EAAE,KAAK,CAAC,MAAM,MAAM,IAAI,CAAC,CAAC;AACxD,QAAM,YAAY,MAAM,IAAI,QAAQ;AACpC,QAAM,UAAU,oBAAI,IAAY;AAChC,iBAAe,KAAK,UAAU,CAAC,GAAG,SAAS,CAAC;AAE5C,MAAI,CAAC,WAAW,CAAC,WAAW,CAAC,aAAa,QAAQ,SAAS,EAAG,QAAO;AAErE,QAAM,OAAgC,CAAC;AAGvC,QAAM,QAAQ,IAAI;AAAA,KACf,YAAY;AACX,UAAI,CAAC,QAAS;AAEd,YAAM,EAAE,gBAAgB,IAAI,MAAM,OAAO,QAAQ;AACjD,WAAK,OAAO,MAAM,gBAAgB,QAAQ,MAAM,YAAY;AAAA,IAC9D,GAAG;AAAA,KACF,YAAY;AACX,UAAI,CAAC,QAAS;AACd,WAAK,OAAO,MAAM,kBAAkB,MAAM;AAAA,IAC5C,GAAG;AAAA,KACF,YAAY;AACX,UAAI,QAAQ,SAAS,EAAG;AACxB,YAAM,OAAO,MAAM,oBAAoB,MAAM;AAC7C,YAAM,MAA+B,CAAC;AACtC,iBAAW,KAAK,KAAM,KAAI,QAAQ,IAAI,EAAE,EAAE,EAAG,KAAI,EAAE,EAAE,IAAI;AACzD,WAAK,QAAQ;AAAA,IACf,GAAG;AAAA,KACF,YAAY;AACX,UAAI,CAAC,UAAW;AAChB,YAAM,CAAC,OAAO,IAAI,IAAI,MAAM,QAAQ,IAAI;AAAA,QACtC,mBAAmB,MAAM;AAAA,QACzB,gBAAgB,KAAK,UAAU,CAAC,GAAG,CAAC,IAAI,kBAAkB,MAAM,IAAI,QAAQ,QAAQ,CAAC,CAAC;AAAA,MACxF,CAAC;AACD,YAAM,QAAuB,MAAM,IAAI,CAAC,OAAO;AAAA,QAC7C,OAAO,OAAO,EAAE,SAAS,EAAE;AAAA,QAC3B,MAAM,OAAO,EAAE,QAAQ,GAAG;AAAA,QAC1B,MAAM,aAAa,EAAE,MAAM;AAAA,MAC7B,EAAE;AACF,iBAAW,KAAK,MAAM;AACpB,cAAM,KAAK;AAAA,UACT,OAAO,EAAE;AAAA,UACT,MAAM,WAAW,EAAE,QAAQ,EAAE,EAAE;AAAA,UAC/B,MAAM,GAAG,EAAE,WAAW,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,IAAI,QAAQ,YAAY,GAAG,CAAC;AAAA,QACnF,CAAC;AAAA,MACH;AACA,WAAK,cAAc;AAAA,IACrB,GAAG;AAAA,EACL,CAAC;AAED,SAAO;AACT;","names":[]}

package/dist/server/cached.d.ts

@@ -0,0 +1,2 @@
+import "server-only";
+export declare function cachedRead<T>(keyParts: string[], tags: string[], fn: () => Promise<T>): Promise<T>;

package/dist/server/cached.js

@@ -0,0 +1,10 @@
+import "server-only";
+import { unstable_cache } from "next/cache";
+const VANGNET = Number(process.env.XICMS_ISR_FALLBACK) || 3600;
+function cachedRead(keyParts, tags, fn) {
+  return unstable_cache(fn, keyParts, { tags, revalidate: VANGNET })();
+}
+export {
+  cachedRead
+};
+//# sourceMappingURL=cached.js.map

package/dist/server/cached.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/server/cached.ts"],"sourcesContent":["import \"server-only\";\n\nimport { unstable_cache } from \"next/cache\";\n\n/**\n * Tagged servercache om ELKE publieke Firestore-read (7.12).\n *\n * Waarom dit bestaat: de Next-datacache dekte maar één van onze leespaden. Firestore-REST-queries\n * zijn POST-fetches en die cachet Next niet; Admin-SDK-reads zijn geen fetch en cachen dus ook\n * niet. Het enige dat de kosten dempte was route-level ISR — een botte timer die élke render\n * opnieuw liet lezen, en waarop `revalidateTag` maar half werkte. Gevolg: de hele ping-\n * infrastructuur (functions → /api/revalidate → tags) bestond, maar luisterde alleen op het\n * settings-GET-pad.\n *\n * `unstable_cache` legt de uitkomst van de reader zelf in de servercache, mét onze tags. Daarmee:\n *  - werken de bestaande publicatie-pings op élk leespad (Admin én REST), binnen seconden;\n *  - kost een read Firestore éénmaal per interval in plaats van éénmaal per render;\n *  - mag het route-vangnet omhoog (3600), want versheid komt van de push, niet van de timer.\n *\n * `keyParts` moet de read uniek identificeren (siteId + wat er gelezen wordt): de binnenfunctie is\n * een closure zonder argumenten, dus de sleutel komt volledig uit `keyParts`.\n *\n * NIET gebruiken voor: drafts, preview (`skipBundle`), of iets wat per gebruiker verschilt —\n * dit is een gedeelde cache voor publiek-identieke data.\n */\nconst VANGNET = Number(process.env.XICMS_ISR_FALLBACK) || 3600;\n\nexport function cachedRead<T>(keyParts: string[], tags: string[], fn: () => Promise<T>): Promise<T> {\n  return unstable_cache(fn, keyParts, { tags, revalidate: VANGNET })();\n}\n"],"mappings":"AAAA,OAAO;AAEP,SAAS,sBAAsB;AAuB/B,MAAM,UAAU,OAAO,QAAQ,IAAI,kBAAkB,KAAK;AAEnD,SAAS,WAAc,UAAoB,MAAgB,IAAkC;AAClG,SAAO,eAAe,IAAI,UAAU,EAAE,MAAM,YAAY,QAAQ,CAAC,EAAE;AACrE;","names":[]}

package/dist/server/index.d.ts

@@ -8,6 +8,8 @@ export { sanitizeRichText } from "./sanitize.js";
 export { jsonLdHtml } from "../blocks/builtins/jsonld.js";
 export { buildMetadata, buildJsonLd, buildSitemap, buildRobots, siteOrigin, businessJsonLd, breadcrumbListJsonLd, articleJsonLd, productJsonLd, openingHoursJsonLd, galleryJsonLd, videoObjectJsonLd, type BusinessInfo, } from "./seo.js";
 export { validateEnv, assertEnv, type EnvReport } from "./env.js";
+export { getPageBlockData, type PageBlockDataOptions } from "./blockData.js";
+export { listFormDefinitions } from "./pages.js";
 export { revalidatePOST } from "./revalidate.js";
 export { draftPOST } from "./draft.js";
 export { versionGET } from "./version.js";

package/dist/server/index.js

@@ -17,6 +17,8 @@ import {
   videoObjectJsonLd
 } from "./seo.js";
 import { validateEnv, assertEnv } from "./env.js";
+import { getPageBlockData } from "./blockData.js";
+import { listFormDefinitions } from "./pages.js";
 import { revalidatePOST } from "./revalidate.js";
 import { draftPOST } from "./draft.js";
 import { versionGET } from "./version.js";
@@ -69,12 +71,14 @@ export {
   getDraftPageById,
   getDraftPageByPath,
   getNewsPageData,
+  getPageBlockData,
   getPublicSiteSettings,
   getPublishedPageByPath,
   getPublishedPageByPathExpanded,
   getSiteCustomBlocks,
   getSiteSymbols,
   jsonLdHtml,
+  listFormDefinitions,
   listPublishedNews,
   listPublishedPages,
   localizeBlocks,

package/dist/server/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/server/index.ts"],"sourcesContent":["/**\n * @xiwebdesign/xicms-core/server — server-only helpers (firebase-admin, sanitization, SEO,\n * pagina-reads). NOOIT importeren in client-componenten.\n */\nimport \"server-only\";\n\n// `getAdminAuth` zit BEWUST niet hier maar achter de subpath `@xiwebdesign/xicms-core/server/auth`\n// (zie ./auth.ts): firebase-admin/auth sloopt via jwks-rsa/jose élke server-render op Vercel, en\n// hoort dus niet in de bundel van sites die alleen pagina's lezen.\nexport { getAdminApp, getAdminDb } from \"../firebase/admin\";\nexport { sanitizeRichText } from \"./sanitize\";\n// Veilige JSON-LD-serialisatie voor <script type=\"application/ld+json\"> in consumer-routes\n// (escapet `<` zodat klant-tekst met </script> de pagina niet kan breken).\nexport { jsonLdHtml } from \"../blocks/builtins/jsonld\";\nexport {\n  buildMetadata,\n  buildJsonLd,\n  buildSitemap,\n  buildRobots,\n  siteOrigin,\n  businessJsonLd,\n  breadcrumbListJsonLd,\n  articleJsonLd,\n  productJsonLd,\n  openingHoursJsonLd,\n  galleryJsonLd,\n  videoObjectJsonLd,\n  type BusinessInfo,\n} from \"./seo\";\nexport { validateEnv, assertEnv, type EnvReport } from \"./env\";\n// On-demand revalidation (6.5): POST-handler voor `app/api/revalidate/route.ts` in de klantsite.\n// De backend roept die route na een publicatie aan → wijziging binnen seconden live, zonder rebuild.\nexport { revalidatePOST } from \"./revalidate\";\n// Preview (Draft Mode): POST-handler voor `app/api/draft/route.ts` in de klantsite. Zet de\n// bypass-cookie zodat een ingelogde editor de content-bundel + ISR-cache overslaat, terwijl de\n// pagina-route voor publiek statisch blijft.\nexport { draftPOST } from \"./draft\";\n// Versie-endpoint: GET-handler voor `app/api/version/route.ts`, zodat het superbeheer kan zien op\n// welke engine een DEPLOYMENT draait (en niet alleen wanneer er voor het laatst is ingelogd).\nexport { versionGET } from \"./version\";\n// Shop-SSR (6.0): opt-in via subpath `@xiwebdesign/xicms-core/server/shop` (readers + product-SEO).\n// Niet meer onvoorwaardelijk her-geëxporteerd, zodat shop-servercode niet in elke site landt.\nexport {\n  pathFromSlugs,\n  listPublishedPages,\n  listPublishedNews,\n  getPublishedPageByPath,\n  getPublishedPageByPathExpanded,\n  getSiteSymbols,\n  expandSymbols,\n  getSiteCustomBlocks,\n  getPublicSiteSettings,\n  getDraftPageById,\n  getDraftPageByPath,\n  type StoredPage,\n} from \"./pages\";\n// Content-bundle (5.7): build-time reader van `content/published.bundle.json`. De pagina-/settings-/\n// symbol-/customBlock-readers hierboven zijn al bundle-first; deze exports zijn voor directe\n// consumptie (bv. nieuws-blockData in de klant-routes).\nexport {\n  getBundle,\n  getBundlePage,\n  getBundleNews,\n  getNewsPageData,\n  type PublishedBundle,\n  type BundleItem,\n} from \"./bundle\";\n// Localisatie (5.0) — server-safe overlay-helpers, ook bruikbaar in route-handlers/layouts.\nexport {\n  siteLocales,\n  parseLocaleSlugs,\n  localizedPath,\n  localizePage,\n  localizeBlocks,\n  pruneTranslations,\n  TranslationsSchema,\n  type Translations,\n  type LocaleConfig,\n} from \"../i18n/overlay\";\n"],"mappings":"AAIA,OAAO;AAKP,SAAS,aAAa,kBAAkB;AACxC,SAAS,wBAAwB;AAGjC,SAAS,kBAAkB;AAC3B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AACP,SAAS,aAAa,iBAAiC;AAGvD,SAAS,sBAAsB;AAI/B,SAAS,iBAAiB;AAG1B,SAAS,kBAAkB;AAG3B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AAIP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAGK;AAEP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAGK;","names":[]}
+{"version":3,"sources":["../../src/server/index.ts"],"sourcesContent":["/**\n * @xiwebdesign/xicms-core/server — server-only helpers (firebase-admin, sanitization, SEO,\n * pagina-reads). NOOIT importeren in client-componenten.\n */\nimport \"server-only\";\n\n// `getAdminAuth` zit BEWUST niet hier maar achter de subpath `@xiwebdesign/xicms-core/server/auth`\n// (zie ./auth.ts): firebase-admin/auth sloopt via jwks-rsa/jose élke server-render op Vercel, en\n// hoort dus niet in de bundel van sites die alleen pagina's lezen.\nexport { getAdminApp, getAdminDb } from \"../firebase/admin\";\nexport { sanitizeRichText } from \"./sanitize\";\n// Veilige JSON-LD-serialisatie voor <script type=\"application/ld+json\"> in consumer-routes\n// (escapet `<` zodat klant-tekst met </script> de pagina niet kan breken).\nexport { jsonLdHtml } from \"../blocks/builtins/jsonld\";\nexport {\n  buildMetadata,\n  buildJsonLd,\n  buildSitemap,\n  buildRobots,\n  siteOrigin,\n  businessJsonLd,\n  breadcrumbListJsonLd,\n  articleJsonLd,\n  productJsonLd,\n  openingHoursJsonLd,\n  galleryJsonLd,\n  videoObjectJsonLd,\n  type BusinessInfo,\n} from \"./seo\";\nexport { validateEnv, assertEnv, type EnvReport } from \"./env\";\n// On-demand revalidation (6.5): POST-handler voor `app/api/revalidate/route.ts` in de klantsite.\n// De backend roept die route na een publicatie aan → wijziging binnen seconden live, zonder rebuild.\n// SSR-seeds (7.12): verzamelt server-side de blockData die de blokken van déze pagina nodig\n// hebben (shop, nieuws, formulieren, zoekindex) — één aanroep in de catch-all, en geen enkel blok\n// hoeft meer per bezoeker uit Firestore te lezen.\nexport { getPageBlockData, type PageBlockDataOptions } from \"./blockData\";\nexport { listFormDefinitions } from \"./pages\";\nexport { revalidatePOST } from \"./revalidate\";\n// Preview (Draft Mode): POST-handler voor `app/api/draft/route.ts` in de klantsite. Zet de\n// bypass-cookie zodat een ingelogde editor de content-bundel + ISR-cache overslaat, terwijl de\n// pagina-route voor publiek statisch blijft.\nexport { draftPOST } from \"./draft\";\n// Versie-endpoint: GET-handler voor `app/api/version/route.ts`, zodat het superbeheer kan zien op\n// welke engine een DEPLOYMENT draait (en niet alleen wanneer er voor het laatst is ingelogd).\nexport { versionGET } from \"./version\";\n// Shop-SSR (6.0): opt-in via subpath `@xiwebdesign/xicms-core/server/shop` (readers + product-SEO).\n// Niet meer onvoorwaardelijk her-geëxporteerd, zodat shop-servercode niet in elke site landt.\nexport {\n  pathFromSlugs,\n  listPublishedPages,\n  listPublishedNews,\n  getPublishedPageByPath,\n  getPublishedPageByPathExpanded,\n  getSiteSymbols,\n  expandSymbols,\n  getSiteCustomBlocks,\n  getPublicSiteSettings,\n  getDraftPageById,\n  getDraftPageByPath,\n  type StoredPage,\n} from \"./pages\";\n// Content-bundle (5.7): build-time reader van `content/published.bundle.json`. De pagina-/settings-/\n// symbol-/customBlock-readers hierboven zijn al bundle-first; deze exports zijn voor directe\n// consumptie (bv. nieuws-blockData in de klant-routes).\nexport {\n  getBundle,\n  getBundlePage,\n  getBundleNews,\n  getNewsPageData,\n  type PublishedBundle,\n  type BundleItem,\n} from \"./bundle\";\n// Localisatie (5.0) — server-safe overlay-helpers, ook bruikbaar in route-handlers/layouts.\nexport {\n  siteLocales,\n  parseLocaleSlugs,\n  localizedPath,\n  localizePage,\n  localizeBlocks,\n  pruneTranslations,\n  TranslationsSchema,\n  type Translations,\n  type LocaleConfig,\n} from \"../i18n/overlay\";\n"],"mappings":"AAIA,OAAO;AAKP,SAAS,aAAa,kBAAkB;AACxC,SAAS,wBAAwB;AAGjC,SAAS,kBAAkB;AAC3B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AACP,SAAS,aAAa,iBAAiC;AAMvD,SAAS,wBAAmD;AAC5D,SAAS,2BAA2B;AACpC,SAAS,sBAAsB;AAI/B,SAAS,iBAAiB;AAG1B,SAAS,kBAAkB;AAG3B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AAIP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAGK;AAEP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAGK;","names":[]}

package/dist/server/pages.d.ts

@@ -60,6 +60,20 @@ declare function listPublishedNewsUncached(siteId: string): Promise<NewsArticle[
  * bij een statische build), maar het is niet de verse bron.
  */
 export declare const listPublishedNews: typeof listPublishedNewsUncached;
+/**
+ * Alle formulierdefinities van een site, server-side — voor de `forms`-blockData-seed
+ * (server/blockData.ts). Tot 7.12 las het formulierblok zijn definitie per BEZOEKER client-side
+ * (`getDoc` in de browser): één read per bezoeker per formulier, en het formulier verscheen pas
+ * na hydratie. Server-side gelezen zit het formulier in de SSR-HTML en kost het één read per
+ * cache-interval voor de hele site.
+ *
+ * Formulieren zitten niet in de content-bundle; bij een Firestore-storing levert dit gewoon een
+ * lege lijst en valt het blok terug op zijn eigen client-pad (dat dan ook faalt, maar met een
+ * nette "neem contact op"-melding).
+ */
+export declare function listFormDefinitions(siteId: string): Promise<Array<{
+    id: string;
+} & Record<string, unknown>>>;
 /** Alle symbolen van een site (gevalideerd; ongeldige overgeslagen met waarschuwing). Live-first of bundle-first. */
 declare function getSiteSymbolsUncached(siteId: string): Promise<StoredSymbol[]>;
 /**

package/dist/server/pages.js

@@ -7,6 +7,7 @@ import { CustomBlockSchema } from "../schema/customBlocks.js";
 import { PublicSiteSettingsSchema } from "../schema/settings.js";
 import { localizePage, localizeBlocks } from "../i18n/overlay.js";
 import { getBundle, getBundlePage } from "./bundle.js";
+import { cachedRead } from "./cached.js";
 import { sanitizeRichText } from "./sanitize.js";
 const ISR_FALLBACK = Number(process.env.XICMS_ISR_FALLBACK) || 3600;
 const ISR_NO_PUSH = Number(process.env.XICMS_ISR_FALLBACK_NOPUSH) || 300;
@@ -158,7 +159,7 @@ function bundlePages(siteId) {
 }
 async function listPublishedPages(siteId) {
   if (LIVE_READS) {
-    return liveOrBundle(
+    return cachedRead(["xicms", "pages", siteId], [cacheTags.pages(siteId)], () => liveOrBundle(
       `listPublishedPages ${siteId}`,
       async () => {
         const adb2 = getAdminDb();
@@ -169,7 +170,7 @@ async function listPublishedPages(siteId) {
         return restQueryThrowing(siteId, [eq("status", "published")]);
       },
       () => bundlePages(siteId)
-    );
+    ));
   }
   const bundle = getBundle();
   if (bundle && bundle.siteId === siteId) {
@@ -190,7 +191,7 @@ const getSiteCustomBlocks = cache(getSiteCustomBlocksUncached);
 const getPublicSiteSettings = cache(getPublicSiteSettingsUncached);
 async function getPublishedPageByPathUncached(siteId, path, opts) {
   if (LIVE_READS && !opts?.skipBundle) {
-    return liveOrBundle(
+    return cachedRead(["xicms", "page", siteId, path], [cacheTags.page(siteId, path)], () => liveOrBundle(
       `getPublishedPageByPath ${siteId}${path}`,
       async () => {
         const adb2 = getAdminDb();
@@ -208,7 +209,7 @@ async function getPublishedPageByPathUncached(siteId, path, opts) {
         const hit = getBundlePage(b, path);
         return hit ? parse(hit.id, hit) : null;
       }
-    );
+    ));
   }
   const bundle = opts?.skipBundle ? null : getBundle();
   if (bundle && bundle.siteId === siteId) {
@@ -303,11 +304,11 @@ function bundleNewsRows(siteId) {
 async function listPublishedNewsUncached(siteId) {
   let rows;
   if (LIVE_READS) {
-    rows = await liveOrBundle(
+    rows = await cachedRead(["xicms", "news", siteId], [cacheTags.collection(siteId, "news")], () => liveOrBundle(
       `listPublishedNews ${siteId}`,
       () => readCollectionThrowing(siteId, "news"),
       () => bundleNewsRows(siteId)
-    );
+    ));
   } else {
     const bundle = getBundle();
     rows = bundle && bundle.siteId === siteId ? bundleNewsRows(siteId) : await readCollection(siteId, "news");
@@ -315,6 +316,14 @@ async function listPublishedNewsUncached(siteId) {
   return toPublishedNews(rows);
 }
 const listPublishedNews = cache(listPublishedNewsUncached);
+async function listFormDefinitions(siteId) {
+  const rows = await cachedRead(
+    ["xicms", "forms", siteId],
+    [cacheTags.collection(siteId, "forms")],
+    () => readCollection(siteId, "forms")
+  );
+  return rows.map((r) => ({ id: r.id, ...r.data }));
+}
 function bundleSymbolRows(siteId) {
   const bundle = getBundle();
   return bundle && bundle.siteId === siteId ? bundle.symbols.map((s) => ({ id: s.id, data: s })) : [];
@@ -322,7 +331,7 @@ function bundleSymbolRows(siteId) {
 async function getSiteSymbolsUncached(siteId) {
   let rows;
   if (LIVE_READS) {
-    rows = await liveOrBundle(`getSiteSymbols ${siteId}`, () => readCollectionThrowing(siteId, "symbols"), () => bundleSymbolRows(siteId));
+    rows = await cachedRead(["xicms", "symbols", siteId], [cacheTags.collection(siteId, "symbols")], () => liveOrBundle(`getSiteSymbols ${siteId}`, () => readCollectionThrowing(siteId, "symbols"), () => bundleSymbolRows(siteId)));
   } else {
     const bundle = getBundle();
     rows = bundle && bundle.siteId === siteId ? bundleSymbolRows(siteId) : await readCollection(siteId, "symbols");
@@ -368,7 +377,7 @@ async function getPublicSiteSettingsUncached(siteId) {
     return parsed2.success ? parsed2.data : {};
   };
   if (LIVE_READS) {
-    return liveOrBundle(
+    return cachedRead(["xicms", "settings", siteId], [cacheTags.collection(siteId, "settings")], () => liveOrBundle(
       `getPublicSiteSettings ${siteId}`,
       async () => {
         const adb2 = getAdminDb();
@@ -391,7 +400,7 @@ async function getPublicSiteSettingsUncached(siteId) {
         return parsed2.success ? parsed2.data : {};
       },
       bundleSettings
-    );
+    ));
   }
   const bundle = getBundle();
   if (bundle && bundle.siteId === siteId) {
@@ -430,7 +439,7 @@ function bundleCustomBlockRows(siteId) {
 async function getSiteCustomBlocksUncached(siteId) {
   let rows;
   if (LIVE_READS) {
-    rows = await liveOrBundle(`getSiteCustomBlocks ${siteId}`, () => readCollectionThrowing(siteId, "customBlocks"), () => bundleCustomBlockRows(siteId));
+    rows = await cachedRead(["xicms", "customBlocks", siteId], [cacheTags.collection(siteId, "customBlocks")], () => liveOrBundle(`getSiteCustomBlocks ${siteId}`, () => readCollectionThrowing(siteId, "customBlocks"), () => bundleCustomBlockRows(siteId)));
   } else {
     const bundle = getBundle();
     rows = bundle && bundle.siteId === siteId ? bundleCustomBlockRows(siteId) : await readCollection(siteId, "customBlocks");
@@ -453,6 +462,7 @@ export {
   getPublishedPageByPathExpanded,
   getSiteCustomBlocks,
   getSiteSymbols,
+  listFormDefinitions,
   listPublishedNews,
   listPublishedPages,
   liveReadsActive,