@xiwebdesign/xicms-core 7.31.0 → 8.16.0

package/dist/theme/color.d.ts

@@ -15,3 +15,13 @@
  * Niet-hex waarden gelden als licht (veilige default).
  */
 export declare function isDarkColor(color?: string): boolean;
+/**
+ * Welke tekstkleur hoort op deze (hex-)kleur: wit of donker? (8.10)
+ *
+ * Kiest wat het meeste WCAG-contrast geeft. Dit is de ENIGE plek waar dat besloten wordt: de
+ * knoptekst op de merkkleur (provider), het voorbeeld in Huisstijl (beheer) en de tekst op een
+ * blokachtergrond (blockStyle). Tot 8.10 rekenden beheer en site elk met een eigen drempel, en
+ * toonde het voorbeeld bij bv. #3b82f6 witte tekst terwijl de site donkere tekst gaf.
+ * Geen hex → null (de aanroeper kiest zijn eigen veilige terugval).
+ */
+export declare function tekstOpKleur(kleur?: string): "#ffffff" | "#0f172a" | null;

package/dist/theme/color.js

@@ -6,7 +6,23 @@ function isDarkColor(color) {
   const [r, g, b] = [0, 2, 4].map((i) => parseInt(hex.slice(i, i + 2), 16) / 255);
   return 0.2126 * r + 0.7152 * g + 0.0722 * b < 0.45;
 }
+function kanaal(c) {
+  const v = c / 255;
+  return v <= 0.03928 ? v / 12.92 : ((v + 0.055) / 1.055) ** 2.4;
+}
+function tekstOpKleur(kleur) {
+  const m = /^#?([0-9a-f]{3}|[0-9a-f]{6})$/i.exec(kleur?.trim() ?? "");
+  if (!m) return null;
+  let hex = m[1];
+  if (hex.length === 3) hex = hex.replace(/./g, (c) => c + c);
+  const [r, g, b] = [0, 2, 4].map((i) => kanaal(parseInt(hex.slice(i, i + 2), 16)));
+  const l = 0.2126 * r + 0.7152 * g + 0.0722 * b;
+  const metWit = 1.05 / (l + 0.05);
+  const metDonker = (l + 0.05) / (86e-4 + 0.05);
+  return metWit >= metDonker ? "#ffffff" : "#0f172a";
+}
 export {
-  isDarkColor
+  isDarkColor,
+  tekstOpKleur
 };
 //# sourceMappingURL=color.js.map

package/dist/theme/color.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/theme/color.ts"],"sourcesContent":["/**\n * Kleur-afleidingen voor het thema. Puur, zonder React of andere afhankelijkheden.\n *\n * Stond eerst in `XiCMSProvider.tsx`. Dat leek logisch (daar wordt het gebruikt), maar het maakte\n * een pure functie van vijf regels onbereikbaar zonder de hele provider-keten mee te trekken —\n * React, de blok-registry, de modules, de editor. De test die `isDarkColor` controleert importeerde\n * dus feitelijk de halve engine, en tikte op een bezette machine geregeld tegen de 5s-testlimiet\n * aan: een test die willekeurig faalt zonder dat er iets mis is. `XiCMSProvider` re-exporteert het\n * nog steeds, dus de publieke API blijft gelijk.\n */\n\n/**\n * Is deze (hex-)kleur donker? Bepaalt de Astryx-thememodus voor sites met een vaste donkere\n * achtergrond (bv. presets donker-modern/luxe-donker, `dark.auto: false`): zonder deze afleiding\n * bleef Astryx op \"light\" staan en tekenden zijn componenten lichte kaarten op een donkere pagina.\n * Niet-hex waarden gelden als licht (veilige default).\n */\nexport function isDarkColor(color?: string): boolean {\n  const m = /^#([0-9a-f]{3}|[0-9a-f]{6})$/i.exec(color?.trim() ?? \"\");\n  if (!m) return false;\n  let hex = m[1];\n  if (hex.length === 3) hex = hex.replace(/./g, (c) => c + c);\n  const [r, g, b] = [0, 2, 4].map((i) => parseInt(hex.slice(i, i + 2), 16) / 255);\n  return 0.2126 * r + 0.7152 * g + 0.0722 * b < 0.45;\n}\n"],"mappings":"AAiBO,SAAS,YAAY,OAAyB;AACnD,QAAM,IAAI,gCAAgC,KAAK,OAAO,KAAK,KAAK,EAAE;AAClE,MAAI,CAAC,EAAG,QAAO;AACf,MAAI,MAAM,EAAE,CAAC;AACb,MAAI,IAAI,WAAW,EAAG,OAAM,IAAI,QAAQ,MAAM,CAAC,MAAM,IAAI,CAAC;AAC1D,QAAM,CAAC,GAAG,GAAG,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,EAAE,IAAI,CAAC,MAAM,SAAS,IAAI,MAAM,GAAG,IAAI,CAAC,GAAG,EAAE,IAAI,GAAG;AAC9E,SAAO,SAAS,IAAI,SAAS,IAAI,SAAS,IAAI;AAChD;","names":[]}
+{"version":3,"sources":["../../src/theme/color.ts"],"sourcesContent":["/**\n * Kleur-afleidingen voor het thema. Puur, zonder React of andere afhankelijkheden.\n *\n * Stond eerst in `XiCMSProvider.tsx`. Dat leek logisch (daar wordt het gebruikt), maar het maakte\n * een pure functie van vijf regels onbereikbaar zonder de hele provider-keten mee te trekken —\n * React, de blok-registry, de modules, de editor. De test die `isDarkColor` controleert importeerde\n * dus feitelijk de halve engine, en tikte op een bezette machine geregeld tegen de 5s-testlimiet\n * aan: een test die willekeurig faalt zonder dat er iets mis is. `XiCMSProvider` re-exporteert het\n * nog steeds, dus de publieke API blijft gelijk.\n */\n\n/**\n * Is deze (hex-)kleur donker? Bepaalt de Astryx-thememodus voor sites met een vaste donkere\n * achtergrond (bv. presets donker-modern/luxe-donker, `dark.auto: false`): zonder deze afleiding\n * bleef Astryx op \"light\" staan en tekenden zijn componenten lichte kaarten op een donkere pagina.\n * Niet-hex waarden gelden als licht (veilige default).\n */\nexport function isDarkColor(color?: string): boolean {\n  const m = /^#([0-9a-f]{3}|[0-9a-f]{6})$/i.exec(color?.trim() ?? \"\");\n  if (!m) return false;\n  let hex = m[1];\n  if (hex.length === 3) hex = hex.replace(/./g, (c) => c + c);\n  const [r, g, b] = [0, 2, 4].map((i) => parseInt(hex.slice(i, i + 2), 16) / 255);\n  return 0.2126 * r + 0.7152 * g + 0.0722 * b < 0.45;\n}\n\nfunction kanaal(c: number): number {\n  const v = c / 255;\n  return v <= 0.03928 ? v / 12.92 : ((v + 0.055) / 1.055) ** 2.4;\n}\n\n/**\n * Welke tekstkleur hoort op deze (hex-)kleur: wit of donker? (8.10)\n *\n * Kiest wat het meeste WCAG-contrast geeft. Dit is de ENIGE plek waar dat besloten wordt: de\n * knoptekst op de merkkleur (provider), het voorbeeld in Huisstijl (beheer) en de tekst op een\n * blokachtergrond (blockStyle). Tot 8.10 rekenden beheer en site elk met een eigen drempel, en\n * toonde het voorbeeld bij bv. #3b82f6 witte tekst terwijl de site donkere tekst gaf.\n * Geen hex → null (de aanroeper kiest zijn eigen veilige terugval).\n */\nexport function tekstOpKleur(kleur?: string): \"#ffffff\" | \"#0f172a\" | null {\n  const m = /^#?([0-9a-f]{3}|[0-9a-f]{6})$/i.exec(kleur?.trim() ?? \"\");\n  if (!m) return null;\n  let hex = m[1];\n  if (hex.length === 3) hex = hex.replace(/./g, (c) => c + c);\n  const [r, g, b] = [0, 2, 4].map((i) => kanaal(parseInt(hex.slice(i, i + 2), 16)));\n  const l = 0.2126 * r + 0.7152 * g + 0.0722 * b;\n  // Donker = #0f172a (luminantie ≈ 0,0086). Contrast met wit vs. met donker; hoogste wint.\n  const metWit = 1.05 / (l + 0.05);\n  const metDonker = (l + 0.05) / (0.0086 + 0.05);\n  return metWit >= metDonker ? \"#ffffff\" : \"#0f172a\";\n}\n"],"mappings":"AAiBO,SAAS,YAAY,OAAyB;AACnD,QAAM,IAAI,gCAAgC,KAAK,OAAO,KAAK,KAAK,EAAE;AAClE,MAAI,CAAC,EAAG,QAAO;AACf,MAAI,MAAM,EAAE,CAAC;AACb,MAAI,IAAI,WAAW,EAAG,OAAM,IAAI,QAAQ,MAAM,CAAC,MAAM,IAAI,CAAC;AAC1D,QAAM,CAAC,GAAG,GAAG,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,EAAE,IAAI,CAAC,MAAM,SAAS,IAAI,MAAM,GAAG,IAAI,CAAC,GAAG,EAAE,IAAI,GAAG;AAC9E,SAAO,SAAS,IAAI,SAAS,IAAI,SAAS,IAAI;AAChD;AAEA,SAAS,OAAO,GAAmB;AACjC,QAAM,IAAI,IAAI;AACd,SAAO,KAAK,UAAU,IAAI,UAAU,IAAI,SAAS,UAAU;AAC7D;AAWO,SAAS,aAAa,OAA8C;AACzE,QAAM,IAAI,iCAAiC,KAAK,OAAO,KAAK,KAAK,EAAE;AACnE,MAAI,CAAC,EAAG,QAAO;AACf,MAAI,MAAM,EAAE,CAAC;AACb,MAAI,IAAI,WAAW,EAAG,OAAM,IAAI,QAAQ,MAAM,CAAC,MAAM,IAAI,CAAC;AAC1D,QAAM,CAAC,GAAG,GAAG,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,EAAE,IAAI,CAAC,MAAM,OAAO,SAAS,IAAI,MAAM,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;AAChF,QAAM,IAAI,SAAS,IAAI,SAAS,IAAI,SAAS;AAE7C,QAAM,SAAS,QAAQ,IAAI;AAC3B,QAAM,aAAa,IAAI,SAAS,QAAS;AACzC,SAAO,UAAU,YAAY,YAAY;AAC3C;","names":[]}

package/dist/theme/fontFallback.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Reserve-lettertypen zonder verspringen (8.8) — naar het idee van Astro's Fonts API en `next/font`.
+ *
+ * Tot het echte lettertype binnen is, toont de browser een systeemfont (`font-display: swap`). Dat
+ * is breder of smaller, dus de tekst springt op het moment van wisselen: regels breken anders,
+ * knoppen worden groter, alles eronder schuift (CLS). Een `@font-face` die Arial of Times New Roman
+ * op exact de maat van het gekozen lettertype zet (`size-adjust`, `ascent-/descent-override`),
+ * neemt dezelfde ruimte in. De wissel is dan nauwelijks te zien.
+ *
+ * De waarden komen uit de metrics van Capsize (`@capsizecss/metrics`, MIT), met dezelfde berekening
+ * als `next/font` (Inter: 107,12% / 90,44% / 22,52% — identiek). Gegenereerd, geen runtime-dependency.
+ * Een lettertype dat hier niet staat, krijgt gewoon geen reserve (het gedrag van vóór 8.8).
+ */
+/** [lokaal systeemfont, size-adjust, ascent-override, descent-override, line-gap-override] */
+type Metrics = readonly [string, string, string, string, string];
+export declare const FALLBACK_METRICS: Readonly<Record<string, Metrics>>;
+/** De eerste familie uit een font-stack, zonder quotes. `var(...)` of leeg → null. */
+export declare function eersteFamilie(stack: string | undefined): string | null;
+/** Stack met de reserve direct na het eerste lettertype: `'Inter', 'Inter Fallback', system-ui`. */
+export declare function metFallback(stack: string | undefined): string | undefined;
+/** De `@font-face`-regels voor de lettertypen in deze stacks (leeg als er niets bekends in staat). */
+export declare function fallbackFontFaces(stacks: (string | undefined)[]): string;
+export {};

package/dist/theme/fontFallback.js

@@ -0,0 +1,58 @@
+const FALLBACK_METRICS = {
+  Inter: ["Arial", "107.12%", "90.44%", "22.52%", "0.00%"],
+  Sora: ["Arial", "113.73%", "85.29%", "25.50%", "0.00%"],
+  Poppins: ["Arial", "112.16%", "93.62%", "31.21%", "8.92%"],
+  Nunito: ["Arial", "101.39%", "99.71%", "34.82%", "0.00%"],
+  Manrope: ["Arial", "103.19%", "103.31%", "29.07%", "0.00%"],
+  "Source Sans 3": ["Arial", "93.76%", "109.21%", "42.66%", "0.00%"],
+  Lora: ["Times New Roman", "115.20%", "87.33%", "23.78%", "0.00%"],
+  "Playfair Display": ["Times New Roman", "111.26%", "97.25%", "22.56%", "0.00%"],
+  Fraunces: ["Times New Roman", "115.45%", "84.71%", "22.09%", "0.00%"],
+  "Cormorant Garamond": ["Times New Roman", "96.98%", "95.27%", "29.59%", "0.00%"],
+  "Space Grotesk": ["Arial", "109.69%", "89.71%", "26.62%", "0.00%"],
+  Karla: ["Arial", "102.40%", "89.55%", "24.61%", "0.00%"],
+  Jost: ["Arial", "96.01%", "111.45%", "39.06%", "0.00%"],
+  Montserrat: ["Arial", "112.83%", "85.79%", "22.25%", "0.00%"],
+  "Open Sans": ["Arial", "105.15%", "101.65%", "27.86%", "0.00%"],
+  Roboto: ["Arial", "99.78%", "92.98%", "24.47%", "0.00%"],
+  Lato: ["Arial", "97.69%", "101.03%", "21.80%", "0.00%"],
+  Raleway: ["Arial", "103.86%", "90.51%", "22.53%", "0.00%"],
+  "DM Sans": ["Arial", "104.53%", "94.90%", "29.66%", "0.00%"],
+  "Work Sans": ["Arial", "111.93%", "83.09%", "21.71%", "0.00%"],
+  Merriweather: ["Times New Roman", "119.38%", "82.42%", "22.87%", "0.00%"],
+  Outfit: ["Arial", "99.82%", "100.18%", "26.05%", "0.00%"],
+  "Plus Jakarta Sans": ["Arial", "104.98%", "98.88%", "21.15%", "0.00%"],
+  Rubik: ["Arial", "104.98%", "89.06%", "23.81%", "0.00%"],
+  "Libre Baskerville": ["Times New Roman", "127.26%", "76.22%", "21.22%", "0.00%"],
+  "EB Garamond": ["Times New Roman", "94.77%", "106.26%", "31.44%", "0.00%"],
+  "DM Serif Display": ["Times New Roman", "109.78%", "94.37%", "30.51%", "0.00%"],
+  Figtree: ["Arial", "100.72%", "94.32%", "24.82%", "0.00%"],
+  Archivo: ["Arial", "98.70%", "88.96%", "21.28%", "0.00%"],
+  "Bricolage Grotesque": ["Arial", "105.43%", "88.21%", "25.61%", "0.00%"]
+};
+function eersteFamilie(stack) {
+  if (!stack) return null;
+  const eerste = stack.split(",")[0]?.trim().replace(/^['"]|['"]$/g, "");
+  if (!eerste || eerste.startsWith("var(")) return null;
+  return eerste;
+}
+function metFallback(stack) {
+  const naam = eersteFamilie(stack);
+  if (!stack || !naam || !FALLBACK_METRICS[naam] || stack.includes(`${naam} Fallback`)) return stack;
+  const [kop, ...rest] = stack.split(",");
+  return [kop, ` '${naam} Fallback'`, ...rest].join(",");
+}
+function fallbackFontFaces(stacks) {
+  const namen = [...new Set(stacks.map(eersteFamilie).filter((n) => Boolean(n && FALLBACK_METRICS[n])))];
+  return namen.map((naam) => {
+    const [lokaal, size, ascent, descent, lineGap] = FALLBACK_METRICS[naam];
+    return `@font-face{font-family:'${naam} Fallback';src:local('${lokaal}');size-adjust:${size};ascent-override:${ascent};descent-override:${descent};line-gap-override:${lineGap}}`;
+  }).join("");
+}
+export {
+  FALLBACK_METRICS,
+  eersteFamilie,
+  fallbackFontFaces,
+  metFallback
+};
+//# sourceMappingURL=fontFallback.js.map

package/dist/theme/fontFallback.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/theme/fontFallback.ts"],"sourcesContent":["/**\n * Reserve-lettertypen zonder verspringen (8.8) — naar het idee van Astro's Fonts API en `next/font`.\n *\n * Tot het echte lettertype binnen is, toont de browser een systeemfont (`font-display: swap`). Dat\n * is breder of smaller, dus de tekst springt op het moment van wisselen: regels breken anders,\n * knoppen worden groter, alles eronder schuift (CLS). Een `@font-face` die Arial of Times New Roman\n * op exact de maat van het gekozen lettertype zet (`size-adjust`, `ascent-/descent-override`),\n * neemt dezelfde ruimte in. De wissel is dan nauwelijks te zien.\n *\n * De waarden komen uit de metrics van Capsize (`@capsizecss/metrics`, MIT), met dezelfde berekening\n * als `next/font` (Inter: 107,12% / 90,44% / 22,52% — identiek). Gegenereerd, geen runtime-dependency.\n * Een lettertype dat hier niet staat, krijgt gewoon geen reserve (het gedrag van vóór 8.8).\n */\n\n/** [lokaal systeemfont, size-adjust, ascent-override, descent-override, line-gap-override] */\ntype Metrics = readonly [string, string, string, string, string];\n\nexport const FALLBACK_METRICS: Readonly<Record<string, Metrics>> = {\n  Inter: [\"Arial\", \"107.12%\", \"90.44%\", \"22.52%\", \"0.00%\"],\n  Sora: [\"Arial\", \"113.73%\", \"85.29%\", \"25.50%\", \"0.00%\"],\n  Poppins: [\"Arial\", \"112.16%\", \"93.62%\", \"31.21%\", \"8.92%\"],\n  Nunito: [\"Arial\", \"101.39%\", \"99.71%\", \"34.82%\", \"0.00%\"],\n  Manrope: [\"Arial\", \"103.19%\", \"103.31%\", \"29.07%\", \"0.00%\"],\n  \"Source Sans 3\": [\"Arial\", \"93.76%\", \"109.21%\", \"42.66%\", \"0.00%\"],\n  Lora: [\"Times New Roman\", \"115.20%\", \"87.33%\", \"23.78%\", \"0.00%\"],\n  \"Playfair Display\": [\"Times New Roman\", \"111.26%\", \"97.25%\", \"22.56%\", \"0.00%\"],\n  Fraunces: [\"Times New Roman\", \"115.45%\", \"84.71%\", \"22.09%\", \"0.00%\"],\n  \"Cormorant Garamond\": [\"Times New Roman\", \"96.98%\", \"95.27%\", \"29.59%\", \"0.00%\"],\n  \"Space Grotesk\": [\"Arial\", \"109.69%\", \"89.71%\", \"26.62%\", \"0.00%\"],\n  Karla: [\"Arial\", \"102.40%\", \"89.55%\", \"24.61%\", \"0.00%\"],\n  Jost: [\"Arial\", \"96.01%\", \"111.45%\", \"39.06%\", \"0.00%\"],\n  Montserrat: [\"Arial\", \"112.83%\", \"85.79%\", \"22.25%\", \"0.00%\"],\n  \"Open Sans\": [\"Arial\", \"105.15%\", \"101.65%\", \"27.86%\", \"0.00%\"],\n  Roboto: [\"Arial\", \"99.78%\", \"92.98%\", \"24.47%\", \"0.00%\"],\n  Lato: [\"Arial\", \"97.69%\", \"101.03%\", \"21.80%\", \"0.00%\"],\n  Raleway: [\"Arial\", \"103.86%\", \"90.51%\", \"22.53%\", \"0.00%\"],\n  \"DM Sans\": [\"Arial\", \"104.53%\", \"94.90%\", \"29.66%\", \"0.00%\"],\n  \"Work Sans\": [\"Arial\", \"111.93%\", \"83.09%\", \"21.71%\", \"0.00%\"],\n  Merriweather: [\"Times New Roman\", \"119.38%\", \"82.42%\", \"22.87%\", \"0.00%\"],\n  Outfit: [\"Arial\", \"99.82%\", \"100.18%\", \"26.05%\", \"0.00%\"],\n  \"Plus Jakarta Sans\": [\"Arial\", \"104.98%\", \"98.88%\", \"21.15%\", \"0.00%\"],\n  Rubik: [\"Arial\", \"104.98%\", \"89.06%\", \"23.81%\", \"0.00%\"],\n  \"Libre Baskerville\": [\"Times New Roman\", \"127.26%\", \"76.22%\", \"21.22%\", \"0.00%\"],\n  \"EB Garamond\": [\"Times New Roman\", \"94.77%\", \"106.26%\", \"31.44%\", \"0.00%\"],\n  \"DM Serif Display\": [\"Times New Roman\", \"109.78%\", \"94.37%\", \"30.51%\", \"0.00%\"],\n  Figtree: [\"Arial\", \"100.72%\", \"94.32%\", \"24.82%\", \"0.00%\"],\n  Archivo: [\"Arial\", \"98.70%\", \"88.96%\", \"21.28%\", \"0.00%\"],\n  \"Bricolage Grotesque\": [\"Arial\", \"105.43%\", \"88.21%\", \"25.61%\", \"0.00%\"],\n};\n\n/** De eerste familie uit een font-stack, zonder quotes. `var(...)` of leeg → null. */\nexport function eersteFamilie(stack: string | undefined): string | null {\n  if (!stack) return null;\n  const eerste = stack.split(\",\")[0]?.trim().replace(/^['\"]|['\"]$/g, \"\");\n  if (!eerste || eerste.startsWith(\"var(\")) return null;\n  return eerste;\n}\n\n/** Stack met de reserve direct na het eerste lettertype: `'Inter', 'Inter Fallback', system-ui`. */\nexport function metFallback(stack: string | undefined): string | undefined {\n  const naam = eersteFamilie(stack);\n  if (!stack || !naam || !FALLBACK_METRICS[naam] || stack.includes(`${naam} Fallback`)) return stack;\n  const [kop, ...rest] = stack.split(\",\");\n  return [kop, ` '${naam} Fallback'`, ...rest].join(\",\");\n}\n\n/** De `@font-face`-regels voor de lettertypen in deze stacks (leeg als er niets bekends in staat). */\nexport function fallbackFontFaces(stacks: (string | undefined)[]): string {\n  const namen = [...new Set(stacks.map(eersteFamilie).filter((n): n is string => Boolean(n && FALLBACK_METRICS[n])))];\n  return namen\n    .map((naam) => {\n      const [lokaal, size, ascent, descent, lineGap] = FALLBACK_METRICS[naam];\n      return `@font-face{font-family:'${naam} Fallback';src:local('${lokaal}');size-adjust:${size};ascent-override:${ascent};descent-override:${descent};line-gap-override:${lineGap}}`;\n    })\n    .join(\"\");\n}\n"],"mappings":"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","names":[]}

package/dist/theme/fonts.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Lettertypen zonder derde partij (8.3). Een `theme.fontUrl` naar fonts.googleapis.com liet elke
+ * bezoeker — vóór enige toestemming — verbinding maken met Google (IP-adres naar een derde partij;
+ * in Duitsland al beboet, LG München 2022) en kostte een extra verbinding vóór de eerste weergave.
+ * Met `selfHostFonts` in de site-config wijst de stylesheet naar de eigen route (`/api/fonts`), die
+ * CSS en lettertypebestanden via de eigen site serveert (zie server/fonts.ts).
+ */
+export declare const FONT_ROUTE = "/api/fonts";
+export declare function isGoogleFontUrl(url: string | undefined): url is string;
+/** De stylesheet-URL die de pagina moet laden: lokaal als dat aanstaat en het een Google-URL is. */
+export declare function fontStylesheet(url: string | undefined, selfHost: boolean | undefined): string | undefined;

package/dist/theme/fonts.js

@@ -0,0 +1,16 @@
+const FONT_ROUTE = "/api/fonts";
+const GOOGLE_CSS = /^https:\/\/fonts\.googleapis\.com\/css2?\?/;
+function isGoogleFontUrl(url) {
+  return typeof url === "string" && GOOGLE_CSS.test(url);
+}
+function fontStylesheet(url, selfHost) {
+  if (!url) return void 0;
+  if (!selfHost || !isGoogleFontUrl(url)) return url;
+  return `${FONT_ROUTE}?css=${encodeURIComponent(url)}`;
+}
+export {
+  FONT_ROUTE,
+  fontStylesheet,
+  isGoogleFontUrl
+};
+//# sourceMappingURL=fonts.js.map

package/dist/theme/fonts.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/theme/fonts.ts"],"sourcesContent":["/**\n * Lettertypen zonder derde partij (8.3). Een `theme.fontUrl` naar fonts.googleapis.com liet elke\n * bezoeker — vóór enige toestemming — verbinding maken met Google (IP-adres naar een derde partij;\n * in Duitsland al beboet, LG München 2022) en kostte een extra verbinding vóór de eerste weergave.\n * Met `selfHostFonts` in de site-config wijst de stylesheet naar de eigen route (`/api/fonts`), die\n * CSS en lettertypebestanden via de eigen site serveert (zie server/fonts.ts).\n */\nexport const FONT_ROUTE = \"/api/fonts\";\n\nconst GOOGLE_CSS = /^https:\\/\\/fonts\\.googleapis\\.com\\/css2?\\?/;\n\nexport function isGoogleFontUrl(url: string | undefined): url is string {\n  return typeof url === \"string\" && GOOGLE_CSS.test(url);\n}\n\n/** De stylesheet-URL die de pagina moet laden: lokaal als dat aanstaat en het een Google-URL is. */\nexport function fontStylesheet(url: string | undefined, selfHost: boolean | undefined): string | undefined {\n  if (!url) return undefined;\n  if (!selfHost || !isGoogleFontUrl(url)) return url;\n  return `${FONT_ROUTE}?css=${encodeURIComponent(url)}`;\n}\n"],"mappings":"AAOO,MAAM,aAAa;AAE1B,MAAM,aAAa;AAEZ,SAAS,gBAAgB,KAAwC;AACtE,SAAO,OAAO,QAAQ,YAAY,WAAW,KAAK,GAAG;AACvD;AAGO,SAAS,eAAe,KAAyB,UAAmD;AACzG,MAAI,CAAC,IAAK,QAAO;AACjB,MAAI,CAAC,YAAY,CAAC,gBAAgB,GAAG,EAAG,QAAO;AAC/C,SAAO,GAAG,UAAU,QAAQ,mBAAmB,GAAG,CAAC;AACrD;","names":[]}

package/dist/version.js

@@ -1,4 +1,4 @@
-const CORE_VERSION = true ? "7.31.0" : "0.0.0-dev";
+const CORE_VERSION = true ? "8.16.0" : "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.31.0",
+  "version": "8.16.0",
   "description": "XiCMS engine: gestructureerde content, pagina's, draft/publish, admin (TipTap+Radix), SEO en beveiliging voor klantsites.",
   "license": "UNLICENSED",
   "repository": {
@@ -102,9 +102,10 @@
     }
   },
   "dependencies": {
-    "@astryxdesign/core": "^0.5.1",
-    "@astryxdesign/theme-neutral": "^0.5.1",
+    "@astryxdesign/core": "0.7.1",
+    "@astryxdesign/theme-neutral": "0.7.1",
     "@radix-ui/react-tabs": "^1.1.21",
+    "@tiptap/extension-bubble-menu": "^3.30.1",
     "@tiptap/extension-image": "^3.30.1",
     "@tiptap/extension-link": "^3.30.1",
     "@tiptap/extension-table": "^3.30.1",
@@ -121,7 +122,7 @@
     "zod": "^4.4.3"
   },
   "devDependencies": {
-    "@astryxdesign/cli": "^0.5.1",
+    "@astryxdesign/cli": "0.7.1",
     "@tailwindcss/cli": "^4.3.3",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/react": "^16.3.2",