@mailoo/blog 1.33.0 → 1.34.0

package/dist/client/printable.d.cts

@@ -1,12 +1,29 @@
+type BlogPrintEvent = {
+    section: HTMLElement;
+    printTitle: string;
+};
 interface BlogPrintableButtonsProps {
     /** Button label (host provides i18n) */
     printLabel?: string;
     buttonClassName?: string;
+    /**
+     * Limit enhancement to `[data-mailoo-print]` inside this root.
+     * When the root is missing, no buttons are added.
+     * Omit to enhance every section in the document.
+     */
+    containerSelector?: string;
+    /** Called before the print window opens. The package does not call analytics. */
+    onPrint?: (event: BlogPrintEvent) => void;
+    /**
+     * When set, the print document appends a source block (label, document
+     * title, page URL). Host provides the locale string.
+     */
+    sourceLabel?: string;
 }
 /**
  * Enhances `[data-mailoo-print]` sections from API-generated article HTML with
  * a print button.
  */
-declare function BlogPrintableButtons({ printLabel, buttonClassName, }?: BlogPrintableButtonsProps): null;
+declare function BlogPrintableButtons({ printLabel, buttonClassName, containerSelector, onPrint, sourceLabel, }?: BlogPrintableButtonsProps): null;
 
-export { BlogPrintableButtons, type BlogPrintableButtonsProps };
+export { type BlogPrintEvent, BlogPrintableButtons, type BlogPrintableButtonsProps };

package/dist/client/printable.d.ts

@@ -1,12 +1,29 @@
+type BlogPrintEvent = {
+    section: HTMLElement;
+    printTitle: string;
+};
 interface BlogPrintableButtonsProps {
     /** Button label (host provides i18n) */
     printLabel?: string;
     buttonClassName?: string;
+    /**
+     * Limit enhancement to `[data-mailoo-print]` inside this root.
+     * When the root is missing, no buttons are added.
+     * Omit to enhance every section in the document.
+     */
+    containerSelector?: string;
+    /** Called before the print window opens. The package does not call analytics. */
+    onPrint?: (event: BlogPrintEvent) => void;
+    /**
+     * When set, the print document appends a source block (label, document
+     * title, page URL). Host provides the locale string.
+     */
+    sourceLabel?: string;
 }
 /**
  * Enhances `[data-mailoo-print]` sections from API-generated article HTML with
  * a print button.
  */
-declare function BlogPrintableButtons({ printLabel, buttonClassName, }?: BlogPrintableButtonsProps): null;
+declare function BlogPrintableButtons({ printLabel, buttonClassName, containerSelector, onPrint, sourceLabel, }?: BlogPrintableButtonsProps): null;
 
-export { BlogPrintableButtons, type BlogPrintableButtonsProps };
+export { type BlogPrintEvent, BlogPrintableButtons, type BlogPrintableButtonsProps };

package/dist/client/printable.js

@@ -1,7 +1,7 @@
 "use client";
 
 // src/components/blog-printable-buttons.tsx
-import { useEffect } from "react";
+import { useEffect, useRef } from "react";
 var PRINT_BUTTON_CLASSNAME = [
   "inline-flex items-center justify-center rounded-lg font-medium transition-colors",
   "focus:outline-none focus:ring-2 focus:ring-offset-2",
@@ -9,58 +9,117 @@ var PRINT_BUTTON_CLASSNAME = [
   "dark:border-gray-600 dark:text-gray-300 dark:hover:bg-gray-800",
   "px-3 py-1.5 text-sm"
 ].join(" ");
-function escapeHtml(text) {
-  return text.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
-}
-function printMailooSection(section) {
-  const body = section.querySelector(".mailoo-printable-body");
-  if (!body) return;
-  const printTitle = section.getAttribute("data-print-title")?.trim() || document.title;
-  const win = window.open("", "_blank", "noopener,noreferrer");
-  if (!win) return;
-  const html = `<!DOCTYPE html>
-<html lang="en">
-<head>
-<meta charset="utf-8">
-<title>${escapeHtml(printTitle)}</title>
-<style>
+var ENHANCED_ATTR = "data-mailoo-print-enhanced";
+var SECTION_SELECTOR = `[data-mailoo-print]:not([${ENHANCED_ATTR}])`;
+var PRINT_WINDOW_STYLES = `
   body {
-    font-family: system-ui, -apple-system, sans-serif;
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
     line-height: 1.6;
-    max-width: 48rem;
-    margin: 2rem auto;
-    padding: 0 1rem;
+    margin: 1.5rem;
     color: #111;
   }
+  h1, h2, h3, h4 {
+    margin-top: 1.25em;
+    margin-bottom: 0.5em;
+    line-height: 1.25;
+  }
+  p { margin: 0.75em 0; }
+  ul, ol { padding-left: 1.5em; margin: 0.75em 0; }
+  li { margin: 0.25em 0; }
   img { max-width: 100%; height: auto; }
   a { color: #2563eb; }
-</style>
-</head>
-<body>
-${body.innerHTML}
-</body>
-</html>`;
+  blockquote {
+    margin: 1em 0;
+    padding-left: 1em;
+    border-left: 3px solid #d4d4d4;
+    color: #525252;
+  }
+  .mailoo-print-source {
+    margin-top: 2rem;
+    padding: 0.75rem 1rem;
+    border: 1px solid #e5e5e5;
+    border-radius: 0.5rem;
+    background: #fafafa;
+    font-size: 0.8125rem;
+    line-height: 1.45;
+    color: #525252;
+  }
+  .mailoo-print-source-label {
+    display: block;
+    margin-bottom: 0.35rem;
+    font-size: 0.6875rem;
+    font-weight: 650;
+    letter-spacing: 0.06em;
+    text-transform: uppercase;
+    color: #737373;
+  }
+  .mailoo-print-source-title {
+    display: block;
+    margin: 0;
+    font-size: 0.875rem;
+    font-weight: 600;
+    color: #171717;
+    text-wrap: pretty;
+  }
+  .mailoo-print-source-url {
+    display: block;
+    margin-top: 0.25rem;
+    word-break: break-all;
+    color: #525252;
+    text-decoration: none;
+  }
+`;
+function escapeHtml(text) {
+  return text.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
+}
+function buildSourceBlock(sourceLabel) {
+  const pageTitle = document.title;
+  const pageUrl = window.location.href;
+  return `<aside class="mailoo-print-source"><span class="mailoo-print-source-label">${escapeHtml(sourceLabel)}</span><span class="mailoo-print-source-title">${escapeHtml(pageTitle)}</span><a class="mailoo-print-source-url" href="${escapeHtml(pageUrl)}">${escapeHtml(pageUrl)}</a></aside>`;
+}
+function printMailooSection(section, sourceLabel) {
+  const body = section.querySelector(".mailoo-printable-body");
+  if (!body) return;
+  const printTitle = section.getAttribute("data-print-title")?.trim() || document.title;
+  const win = window.open("", "_blank");
+  if (!win) return;
+  win.opener = null;
+  const lang = document.documentElement.lang;
+  const source = sourceLabel?.trim() ? buildSourceBlock(sourceLabel.trim()) : "";
+  const html = `<!DOCTYPE html><html lang="${escapeHtml(lang)}"><head><meta charset="utf-8"><title>${escapeHtml(printTitle)}</title><style>${PRINT_WINDOW_STYLES}</style></head><body>${body.innerHTML}${source}</body></html>`;
   win.document.open();
   win.document.write(html);
   win.document.close();
   win.focus();
-  win.onload = () => {
-    win.print();
+  const triggerPrint = () => {
+    try {
+      win.print();
+    } catch {
+    }
   };
-  setTimeout(() => {
-    win.print();
-  }, 300);
+  if (win.document.readyState === "complete") {
+    win.setTimeout(triggerPrint, 0);
+  } else {
+    win.addEventListener("load", triggerPrint, { once: true });
+  }
 }
 function BlogPrintableButtons({
   printLabel = "Print summary",
-  buttonClassName = PRINT_BUTTON_CLASSNAME
+  buttonClassName = PRINT_BUTTON_CLASSNAME,
+  containerSelector,
+  onPrint,
+  sourceLabel
 } = {}) {
+  const onPrintRef = useRef(onPrint);
+  const sourceLabelRef = useRef(sourceLabel);
+  onPrintRef.current = onPrint;
+  sourceLabelRef.current = sourceLabel;
   useEffect(() => {
-    const sections = document.querySelectorAll(
-      "[data-mailoo-print]:not([data-mailoo-print-enhanced])"
-    );
+    const root = containerSelector?.trim() ? document.querySelector(containerSelector) : document;
+    if (!root) return;
+    const sections = root.querySelectorAll(SECTION_SELECTOR);
     for (const section of sections) {
-      section.setAttribute("data-mailoo-print-enhanced", "true");
+      section.setAttribute(ENHANCED_ATTR, "true");
       const actions = document.createElement("div");
       actions.className = "mailoo-printable-actions";
       const button = document.createElement("button");
@@ -68,12 +127,16 @@ function BlogPrintableButtons({
       button.className = buttonClassName;
       button.textContent = printLabel;
       button.addEventListener("click", () => {
-        printMailooSection(section);
+        const body = section.querySelector(".mailoo-printable-body");
+        if (!body) return;
+        const printTitle = section.getAttribute("data-print-title")?.trim() || document.title;
+        onPrintRef.current?.({ section, printTitle });
+        printMailooSection(section, sourceLabelRef.current);
       });
       actions.appendChild(button);
       section.insertBefore(actions, section.firstChild);
     }
-  }, [printLabel, buttonClassName]);
+  }, [printLabel, buttonClassName, containerSelector]);
   return null;
 }
 export {

package/dist/client/printable.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/blog-printable-buttons.tsx"],"sourcesContent":["'use client'\n\nimport { useEffect } from 'react'\n\nconst PRINT_BUTTON_CLASSNAME = [\n  'inline-flex items-center justify-center rounded-lg font-medium transition-colors',\n  'focus:outline-none focus:ring-2 focus:ring-offset-2',\n  'border border-gray-300 bg-transparent text-gray-700 hover:bg-gray-50 focus:ring-gray-500',\n  'dark:border-gray-600 dark:text-gray-300 dark:hover:bg-gray-800',\n  'px-3 py-1.5 text-sm',\n].join(' ')\n\nfunction escapeHtml(text: string): string {\n  return text\n    .replace(/&/g, '&amp;')\n    .replace(/</g, '&lt;')\n    .replace(/>/g, '&gt;')\n    .replace(/\"/g, '&quot;')\n}\n\nfunction printMailooSection(section: HTMLElement): void {\n  const body = section.querySelector('.mailoo-printable-body')\n  if (!body) return\n\n  const printTitle =\n    section.getAttribute('data-print-title')?.trim() || document.title\n  const win = window.open('', '_blank', 'noopener,noreferrer')\n  if (!win) return\n\n  const html = `<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"utf-8\">\n<title>${escapeHtml(printTitle)}</title>\n<style>\n  body {\n    font-family: system-ui, -apple-system, sans-serif;\n    line-height: 1.6;\n    max-width: 48rem;\n    margin: 2rem auto;\n    padding: 0 1rem;\n    color: #111;\n  }\n  img { max-width: 100%; height: auto; }\n  a { color: #2563eb; }\n</style>\n</head>\n<body>\n${body.innerHTML}\n</body>\n</html>`\n\n  win.document.open()\n  win.document.write(html)\n  win.document.close()\n  win.focus()\n  win.onload = () => {\n    win.print()\n  }\n  setTimeout(() => {\n    win.print()\n  }, 300)\n}\n\nexport interface BlogPrintableButtonsProps {\n  /** Button label (host provides i18n) */\n  printLabel?: string\n  buttonClassName?: string\n}\n\n/**\n * Enhances `[data-mailoo-print]` sections from API-generated article HTML with\n * a print button.\n */\nexport function BlogPrintableButtons({\n  printLabel = 'Print summary',\n  buttonClassName = PRINT_BUTTON_CLASSNAME,\n}: BlogPrintableButtonsProps = {}) {\n  useEffect(() => {\n    const sections = document.querySelectorAll<HTMLElement>(\n      '[data-mailoo-print]:not([data-mailoo-print-enhanced])'\n    )\n\n    for (const section of sections) {\n      section.setAttribute('data-mailoo-print-enhanced', 'true')\n\n      const actions = document.createElement('div')\n      actions.className = 'mailoo-printable-actions'\n\n      const button = document.createElement('button')\n      button.type = 'button'\n      button.className = buttonClassName\n      button.textContent = printLabel\n      button.addEventListener('click', () => {\n        printMailooSection(section)\n      })\n\n      actions.appendChild(button)\n      section.insertBefore(actions, section.firstChild)\n    }\n  }, [printLabel, buttonClassName])\n\n  return null\n}\n"],"mappings":";;;AAEA,SAAS,iBAAiB;AAE1B,IAAM,yBAAyB;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,EAAE,KAAK,GAAG;AAEV,SAAS,WAAW,MAAsB;AACxC,SAAO,KACJ,QAAQ,MAAM,OAAO,EACrB,QAAQ,MAAM,MAAM,EACpB,QAAQ,MAAM,MAAM,EACpB,QAAQ,MAAM,QAAQ;AAC3B;AAEA,SAAS,mBAAmB,SAA4B;AACtD,QAAM,OAAO,QAAQ,cAAc,wBAAwB;AAC3D,MAAI,CAAC,KAAM;AAEX,QAAM,aACJ,QAAQ,aAAa,kBAAkB,GAAG,KAAK,KAAK,SAAS;AAC/D,QAAM,MAAM,OAAO,KAAK,IAAI,UAAU,qBAAqB;AAC3D,MAAI,CAAC,IAAK;AAEV,QAAM,OAAO;AAAA;AAAA;AAAA;AAAA,SAIN,WAAW,UAAU,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAe7B,KAAK,SAAS;AAAA;AAAA;AAId,MAAI,SAAS,KAAK;AAClB,MAAI,SAAS,MAAM,IAAI;AACvB,MAAI,SAAS,MAAM;AACnB,MAAI,MAAM;AACV,MAAI,SAAS,MAAM;AACjB,QAAI,MAAM;AAAA,EACZ;AACA,aAAW,MAAM;AACf,QAAI,MAAM;AAAA,EACZ,GAAG,GAAG;AACR;AAYO,SAAS,qBAAqB;AAAA,EACnC,aAAa;AAAA,EACb,kBAAkB;AACpB,IAA+B,CAAC,GAAG;AACjC,YAAU,MAAM;AACd,UAAM,WAAW,SAAS;AAAA,MACxB;AAAA,IACF;AAEA,eAAW,WAAW,UAAU;AAC9B,cAAQ,aAAa,8BAA8B,MAAM;AAEzD,YAAM,UAAU,SAAS,cAAc,KAAK;AAC5C,cAAQ,YAAY;AAEpB,YAAM,SAAS,SAAS,cAAc,QAAQ;AAC9C,aAAO,OAAO;AACd,aAAO,YAAY;AACnB,aAAO,cAAc;AACrB,aAAO,iBAAiB,SAAS,MAAM;AACrC,2BAAmB,OAAO;AAAA,MAC5B,CAAC;AAED,cAAQ,YAAY,MAAM;AAC1B,cAAQ,aAAa,SAAS,QAAQ,UAAU;AAAA,IAClD;AAAA,EACF,GAAG,CAAC,YAAY,eAAe,CAAC;AAEhC,SAAO;AACT;","names":[]}
+{"version":3,"sources":["../../src/components/blog-printable-buttons.tsx"],"sourcesContent":["'use client'\n\nimport { useEffect, useRef } from 'react'\n\nconst PRINT_BUTTON_CLASSNAME = [\n  'inline-flex items-center justify-center rounded-lg font-medium transition-colors',\n  'focus:outline-none focus:ring-2 focus:ring-offset-2',\n  'border border-gray-300 bg-transparent text-gray-700 hover:bg-gray-50 focus:ring-gray-500',\n  'dark:border-gray-600 dark:text-gray-300 dark:hover:bg-gray-800',\n  'px-3 py-1.5 text-sm',\n].join(' ')\n\nconst ENHANCED_ATTR = 'data-mailoo-print-enhanced'\nconst SECTION_SELECTOR = `[data-mailoo-print]:not([${ENHANCED_ATTR}])`\n\nconst PRINT_WINDOW_STYLES = `\n  body {\n    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n    line-height: 1.6;\n    margin: 1.5rem;\n    color: #111;\n  }\n  h1, h2, h3, h4 {\n    margin-top: 1.25em;\n    margin-bottom: 0.5em;\n    line-height: 1.25;\n  }\n  p { margin: 0.75em 0; }\n  ul, ol { padding-left: 1.5em; margin: 0.75em 0; }\n  li { margin: 0.25em 0; }\n  img { max-width: 100%; height: auto; }\n  a { color: #2563eb; }\n  blockquote {\n    margin: 1em 0;\n    padding-left: 1em;\n    border-left: 3px solid #d4d4d4;\n    color: #525252;\n  }\n  .mailoo-print-source {\n    margin-top: 2rem;\n    padding: 0.75rem 1rem;\n    border: 1px solid #e5e5e5;\n    border-radius: 0.5rem;\n    background: #fafafa;\n    font-size: 0.8125rem;\n    line-height: 1.45;\n    color: #525252;\n  }\n  .mailoo-print-source-label {\n    display: block;\n    margin-bottom: 0.35rem;\n    font-size: 0.6875rem;\n    font-weight: 650;\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n    color: #737373;\n  }\n  .mailoo-print-source-title {\n    display: block;\n    margin: 0;\n    font-size: 0.875rem;\n    font-weight: 600;\n    color: #171717;\n    text-wrap: pretty;\n  }\n  .mailoo-print-source-url {\n    display: block;\n    margin-top: 0.25rem;\n    word-break: break-all;\n    color: #525252;\n    text-decoration: none;\n  }\n`\n\nfunction escapeHtml(text: string): string {\n  return text\n    .replaceAll('&', '&amp;')\n    .replaceAll('<', '&lt;')\n    .replaceAll('>', '&gt;')\n    .replaceAll('\"', '&quot;')\n    .replaceAll(\"'\", '&#39;')\n}\n\nfunction buildSourceBlock(sourceLabel: string): string {\n  const pageTitle = document.title\n  const pageUrl = window.location.href\n  return (\n    `<aside class=\"mailoo-print-source\">` +\n    `<span class=\"mailoo-print-source-label\">${escapeHtml(sourceLabel)}</span>` +\n    `<span class=\"mailoo-print-source-title\">${escapeHtml(pageTitle)}</span>` +\n    `<a class=\"mailoo-print-source-url\" href=\"${escapeHtml(pageUrl)}\">${escapeHtml(pageUrl)}</a>` +\n    `</aside>`\n  )\n}\n\nfunction printMailooSection(\n  section: HTMLElement,\n  sourceLabel: string | undefined\n): void {\n  const body = section.querySelector('.mailoo-printable-body')\n  if (!body) return\n\n  const printTitle =\n    section.getAttribute('data-print-title')?.trim() || document.title\n  // Do not pass noopener: some browsers return null from window.open while\n  // still opening a blank tab, so document.write never runs.\n  const win = window.open('', '_blank')\n  if (!win) return\n\n  win.opener = null\n  const lang = document.documentElement.lang\n  const source = sourceLabel?.trim() ? buildSourceBlock(sourceLabel.trim()) : ''\n  const html =\n    `<!DOCTYPE html><html lang=\"${escapeHtml(lang)}\">` +\n    `<head><meta charset=\"utf-8\"><title>${escapeHtml(printTitle)}</title>` +\n    `<style>${PRINT_WINDOW_STYLES}</style></head>` +\n    `<body>${body.innerHTML}${source}</body></html>`\n\n  win.document.open()\n  win.document.write(html)\n  win.document.close()\n  win.focus()\n\n  const triggerPrint = () => {\n    try {\n      win.print()\n    } catch {\n      // Window may already be closed by the user.\n    }\n  }\n\n  if (win.document.readyState === 'complete') {\n    win.setTimeout(triggerPrint, 0)\n  } else {\n    win.addEventListener('load', triggerPrint, { once: true })\n  }\n}\n\nexport type BlogPrintEvent = {\n  section: HTMLElement\n  printTitle: string\n}\n\nexport interface BlogPrintableButtonsProps {\n  /** Button label (host provides i18n) */\n  printLabel?: string\n  buttonClassName?: string\n  /**\n   * Limit enhancement to `[data-mailoo-print]` inside this root.\n   * When the root is missing, no buttons are added.\n   * Omit to enhance every section in the document.\n   */\n  containerSelector?: string\n  /** Called before the print window opens. The package does not call analytics. */\n  onPrint?: (event: BlogPrintEvent) => void\n  /**\n   * When set, the print document appends a source block (label, document\n   * title, page URL). Host provides the locale string.\n   */\n  sourceLabel?: string\n}\n\n/**\n * Enhances `[data-mailoo-print]` sections from API-generated article HTML with\n * a print button.\n */\nexport function BlogPrintableButtons({\n  printLabel = 'Print summary',\n  buttonClassName = PRINT_BUTTON_CLASSNAME,\n  containerSelector,\n  onPrint,\n  sourceLabel,\n}: BlogPrintableButtonsProps = {}) {\n  const onPrintRef = useRef(onPrint)\n  const sourceLabelRef = useRef(sourceLabel)\n  onPrintRef.current = onPrint\n  sourceLabelRef.current = sourceLabel\n\n  useEffect(() => {\n    const root = containerSelector?.trim()\n      ? document.querySelector(containerSelector)\n      : document\n    if (!root) return\n\n    const sections = root.querySelectorAll<HTMLElement>(SECTION_SELECTOR)\n\n    for (const section of sections) {\n      section.setAttribute(ENHANCED_ATTR, 'true')\n\n      const actions = document.createElement('div')\n      actions.className = 'mailoo-printable-actions'\n\n      const button = document.createElement('button')\n      button.type = 'button'\n      button.className = buttonClassName\n      button.textContent = printLabel\n      button.addEventListener('click', () => {\n        const body = section.querySelector('.mailoo-printable-body')\n        if (!body) return\n        const printTitle =\n          section.getAttribute('data-print-title')?.trim() || document.title\n        onPrintRef.current?.({ section, printTitle })\n        printMailooSection(section, sourceLabelRef.current)\n      })\n\n      actions.appendChild(button)\n      section.insertBefore(actions, section.firstChild)\n    }\n  }, [printLabel, buttonClassName, containerSelector])\n\n  return null\n}\n"],"mappings":"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","names":[]}

package/dist/routes/index.cjs

@@ -37,12 +37,133 @@ var import_next_core2 = require("@mailoo/next-core");
 // src/server/client.ts
 var import_navigation = require("next/navigation");
 var import_next_core = require("@mailoo/next-core");
+
+// src/server/image-rewrite.ts
 var import_images = require("@mailoo/images");
+function asRecord(value) {
+  if (value === null || typeof value !== "object" || Array.isArray(value)) {
+    return null;
+  }
+  return value;
+}
+function readEmbedBase(...candidates) {
+  for (const candidate of candidates) {
+    if (typeof candidate === "string" && candidate.trim()) {
+      return candidate.trim();
+    }
+  }
+  return void 0;
+}
+function rewriteBlogPostMedia(post, canonicalPrefixWithIdEquals, proxyPrefixWithIdEquals) {
+  return (0, import_images.rewriteMailooBlogMediaUrls)(post, {
+    canonicalPrefixWithIdEquals,
+    proxyPrefixWithIdEquals
+  });
+}
+function rewriteCategoryDescriptionMedia(data, canonicalPrefixWithIdEquals, proxyPrefixWithIdEquals) {
+  const opts = {
+    canonicalPrefixWithIdEquals,
+    proxyPrefixWithIdEquals
+  };
+  return {
+    ...data,
+    description: typeof data.description === "string" ? (0, import_images.rewriteMailooPublicImageUrls)(data.description, opts) : data.description,
+    descriptionHtml: typeof data.descriptionHtml === "string" ? (0, import_images.rewriteMailooPublicImageUrls)(data.descriptionHtml, opts) : data.descriptionHtml
+  };
+}
+function rewriteEmbedUrlsAnyHost(value, proxyPrefix) {
+  const rewritten = (0, import_images.rewriteMailooPublicImageUrlsAnyHost)(
+    JSON.stringify(value),
+    proxyPrefix
+  );
+  return JSON.parse(rewritten);
+}
+function rewritePostRecord(post, canonical, proxy) {
+  return rewriteBlogPostMedia(
+    post,
+    canonical,
+    proxy
+  );
+}
+function rewriteBlogListEnvelope(body, proxyPrefix) {
+  const record = asRecord(body);
+  const canonical = readEmbedBase(record?.imagePublicEmbedBaseUrl);
+  if (!record || !canonical) {
+    return { ok: false, reason: "missing-embed-base" };
+  }
+  if (!Array.isArray(record.data)) {
+    return { ok: true, body };
+  }
+  return {
+    ok: true,
+    body: {
+      ...record,
+      data: record.data.map((item) => {
+        const post = asRecord(item);
+        if (!post) return item;
+        return rewritePostRecord(post, canonical, proxyPrefix);
+      })
+    }
+  };
+}
+function rewriteBlogPostEnvelope(body, proxyPrefix) {
+  const record = asRecord(body);
+  const data = asRecord(record?.data);
+  const canonical = readEmbedBase(
+    data?.imagePublicEmbedBaseUrl,
+    record?.imagePublicEmbedBaseUrl
+  );
+  if (!record || !data || !canonical) {
+    return { ok: false, reason: "missing-embed-base" };
+  }
+  return {
+    ok: true,
+    body: {
+      ...record,
+      data: rewritePostRecord(data, canonical, proxyPrefix)
+    }
+  };
+}
+function rewriteBlogCategoryDescriptionEnvelope(body, proxyPrefix) {
+  const record = asRecord(body);
+  const data = asRecord(record?.data);
+  const canonical = readEmbedBase(
+    data?.imagePublicEmbedBaseUrl,
+    record?.imagePublicEmbedBaseUrl
+  );
+  if (!record || !data || !canonical) {
+    return { ok: false, reason: "missing-embed-base" };
+  }
+  return {
+    ok: true,
+    body: {
+      ...record,
+      data: rewriteCategoryDescriptionMedia(
+        data,
+        canonical,
+        proxyPrefix
+      )
+    }
+  };
+}
+function rewriteBlogJsonLdEnvelope(body, proxyPrefix) {
+  try {
+    return {
+      ok: true,
+      body: rewriteEmbedUrlsAnyHost(body, proxyPrefix)
+    };
+  } catch {
+    return { ok: false, reason: "invalid-json" };
+  }
+}
+
+// src/server/client.ts
 function getMailooBlogConfigFromEnv() {
   return (0, import_next_core.readMailooIntegrationConfig)({ prefix: "MAILOO_BLOG" });
 }
 
 // src/routes/index.ts
+var EMBED_BASE_ERROR = "Blog API contract violation: imagePublicEmbedBaseUrl missing";
 function resolveConfig(options) {
   return options?.getConfig?.() ?? getMailooBlogConfigFromEnv();
 }
@@ -52,7 +173,46 @@ function notConfigured(logger) {
   );
   return (0, import_next_core2.jsonError)({ error: "Blog API not configured" }, 503);
 }
-async function proxyGet(config, pathSuffix, searchParams) {
+function imageProxyPrefix(options) {
+  const raw = options?.imageProxyPrefixWithIdEquals?.trim();
+  return raw || void 0;
+}
+function localeSearchParams(request, options, mode) {
+  const source = request.nextUrl.searchParams;
+  const params = mode === "all" ? new URLSearchParams(source) : new URLSearchParams();
+  if (mode === "locale-only") {
+    const fromQuery = source.get("locale");
+    if (fromQuery) params.set("locale", fromQuery);
+  }
+  if (!params.get("locale")) {
+    const resolved = options?.resolveLocale?.(request);
+    const locale = typeof resolved === "string" ? resolved.trim() : "";
+    if (locale) params.set("locale", locale);
+  }
+  return params;
+}
+function jsonResponse(body, status) {
+  return new Response(JSON.stringify(body), {
+    status,
+    headers: { "Content-Type": "application/json" }
+  });
+}
+function rewriteProxiedBody(kind, body, proxyPrefix) {
+  switch (kind) {
+    case "list":
+      return rewriteBlogListEnvelope(body, proxyPrefix);
+    case "post":
+      return rewriteBlogPostEnvelope(body, proxyPrefix);
+    case "category-description":
+      return rewriteBlogCategoryDescriptionEnvelope(body, proxyPrefix);
+    case "json-ld":
+      return rewriteBlogJsonLdEnvelope(body, proxyPrefix);
+    case "passthrough":
+      return { ok: true, body };
+  }
+}
+async function proxyGet(config, pathSuffix, searchParams, options, kind) {
+  const logger = options?.logger ?? import_next_core2.defaultMailooLogger;
   const url = new URL(
     `${config.apiBaseUrl}/api/v1/blog/${config.projectUid}/integrations/${config.integrationId}${pathSuffix}`
   );
@@ -69,10 +229,20 @@ async function proxyGet(config, pathSuffix, searchParams) {
     }
   });
   const data = await response.json();
-  return new Response(JSON.stringify(data), {
-    status: response.status,
-    headers: { "Content-Type": "application/json" }
-  });
+  const prefix = imageProxyPrefix(options);
+  if (!response.ok || !prefix || kind === "passthrough") {
+    return jsonResponse(data, response.status);
+  }
+  const rewritten = rewriteProxiedBody(kind, data, prefix);
+  if (!rewritten.ok) {
+    if (rewritten.reason === "missing-embed-base") {
+      logger.error(EMBED_BASE_ERROR);
+      return (0, import_next_core2.jsonError)({ error: EMBED_BASE_ERROR }, 502);
+    }
+    logger.error("Blog API JSON-LD rewrite failed");
+    return (0, import_next_core2.jsonError)({ error: "Internal server error" }, 500);
+  }
+  return jsonResponse(rewritten.body, response.status);
 }
 function createBlogListHandler(options) {
   const logger = options?.logger ?? import_next_core2.defaultMailooLogger;
@@ -80,7 +250,13 @@ function createBlogListHandler(options) {
     const config = resolveConfig(options);
     if (!config) return notConfigured(logger);
     try {
-      return await proxyGet(config, "", request.nextUrl.searchParams);
+      return await proxyGet(
+        config,
+        "",
+        localeSearchParams(request, options, "all"),
+        options,
+        "list"
+      );
     } catch (error) {
       logger.logException?.(error, "Blog API proxy error");
       return (0, import_next_core2.jsonError)({ error: "Internal server error" }, 500);
@@ -94,10 +270,13 @@ function createBlogSlugHandler(options) {
     if (!config) return notConfigured(logger);
     const { slug } = await ctx.params;
     try {
-      const locale = request.nextUrl.searchParams.get("locale");
-      const qs = new URLSearchParams();
-      if (locale) qs.set("locale", locale);
-      return await proxyGet(config, `/slug/${encodeURIComponent(slug)}`, qs);
+      return await proxyGet(
+        config,
+        `/slug/${encodeURIComponent(slug)}`,
+        localeSearchParams(request, options, "locale-only"),
+        options,
+        "post"
+      );
     } catch (error) {
       logger.logException?.(error, "Blog slug API proxy error");
       return (0, import_next_core2.jsonError)({ error: "Internal server error" }, 500);
@@ -110,7 +289,13 @@ function createBlogCategoriesHandler(options) {
     const config = resolveConfig(options);
     if (!config) return notConfigured(logger);
     try {
-      return await proxyGet(config, "/categories", request.nextUrl.searchParams);
+      return await proxyGet(
+        config,
+        "/categories",
+        localeSearchParams(request, options, "all"),
+        options,
+        "passthrough"
+      );
     } catch (error) {
       logger.logException?.(error, "Blog categories API proxy error");
       return (0, import_next_core2.jsonError)({ error: "Internal server error" }, 500);
@@ -123,7 +308,13 @@ function createBlogTagsHandler(options) {
     const config = resolveConfig(options);
     if (!config) return notConfigured(logger);
     try {
-      return await proxyGet(config, "/tags", request.nextUrl.searchParams);
+      return await proxyGet(
+        config,
+        "/tags",
+        localeSearchParams(request, options, "all"),
+        options,
+        "passthrough"
+      );
     } catch (error) {
       logger.logException?.(error, "Blog tags API proxy error");
       return (0, import_next_core2.jsonError)({ error: "Internal server error" }, 500);
@@ -140,7 +331,9 @@ function createBlogTagSlugHandler(options) {
       return await proxyGet(
         config,
         `/tags/slug/${encodeURIComponent(slug)}`,
-        request.nextUrl.searchParams
+        localeSearchParams(request, options, "all"),
+        options,
+        "passthrough"
       );
     } catch (error) {
       logger.logException?.(error, "Blog tag slug API proxy error");
@@ -155,13 +348,12 @@ function createBlogCategoryDescriptionHandler(options) {
     if (!config) return notConfigured(logger);
     const { slug } = await ctx.params;
     try {
-      const locale = request.nextUrl.searchParams.get("locale");
-      const qs = new URLSearchParams();
-      if (locale) qs.set("locale", locale);
       return await proxyGet(
         config,
         `/categories/slug/${encodeURIComponent(slug)}/description`,
-        qs
+        localeSearchParams(request, options, "locale-only"),
+        options,
+        "category-description"
       );
     } catch (error) {
       logger.logException?.(error, "Blog category description API proxy error");
@@ -176,13 +368,12 @@ function createBlogJsonLdHandler(options) {
     if (!config) return notConfigured(logger);
     const { slug } = await ctx.params;
     try {
-      const locale = request.nextUrl.searchParams.get("locale");
-      const qs = new URLSearchParams();
-      if (locale) qs.set("locale", locale);
       return await proxyGet(
         config,
         `/slug/${encodeURIComponent(slug)}/json-ld`,
-        qs
+        localeSearchParams(request, options, "locale-only"),
+        options,
+        "json-ld"
       );
     } catch (error) {
       logger.logException?.(error, "Blog JSON-LD API proxy error");