@mailoo/blog 1.33.0 → 1.34.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -8,6 +8,8 @@ Headless Mailoo Blog module for Next.js apps.
8
8
  pnpm add @mailoo/blog @mailoo/next-core
9
9
  ```
10
10
 
11
+ https://www.npmjs.com/package/@mailoo/blog
12
+
11
13
  ## Env (server-only)
12
14
 
13
15
  ```
@@ -42,9 +44,23 @@ path. Omit the option to keep canonical URLs for server-only callers.
42
44
  ```ts
43
45
  // app/api/v1/blog/route.ts
44
46
  import { createBlogListHandler } from '@mailoo/blog/routes'
45
- export const GET = createBlogListHandler()
47
+ export const GET = createBlogListHandler({
48
+ imageProxyPrefixWithIdEquals: '/api/v1/images/public/content?id=',
49
+ resolveLocale: (request) => localeFromRequest(request),
50
+ })
46
51
  ```
47
52
 
53
+ `imageProxyPrefixWithIdEquals` is the same option as on `createMailooBlogClient`.
54
+ List, slug, category-description, and JSON-LD responses rewrite canonical embed
55
+ URLs to that prefix. If the prefix is set and the body has no
56
+ `imagePublicEmbedBaseUrl`, the handler returns **502** and does not forward
57
+ the raw URLs. JSON-LD is rewritten by embed path on any host. Omit the option
58
+ to proxy the upstream JSON unchanged.
59
+
60
+ `resolveLocale` runs only when the query has no `locale` (list, slug,
61
+ categories, tags, category description, JSON-LD). The host maps
62
+ `Accept-Language` to its own locale list. A query `locale` wins.
63
+
48
64
  ```ts
49
65
  // app/api/v1/blog/slug/[slug]/route.ts
50
66
  import { createBlogSlugHandler } from '@mailoo/blog/routes'
@@ -134,6 +150,15 @@ clicks use `origin + pathname`). Subpath: `@mailoo/blog/client/share`.
134
150
 
135
151
  Host app owns locale routing, i18n strings, theme, and page layouts.
136
152
 
153
+ `BlogPrintableButtons` adds a print button to each `[data-mailoo-print]`
154
+ section. `printLabel` and `buttonClassName` are optional. `containerSelector`
155
+ limits enhancement to one root; if that root is missing, no buttons are added.
156
+ Omit it to enhance the whole document. `onPrint({ section, printTitle })` runs
157
+ before the print window opens — the package does not call analytics.
158
+ `sourceLabel` (host i18n) appends a source block: the label, `document.title`,
159
+ and the page URL. The print window opens with `window.open('', '_blank')`
160
+ (no `noopener`), then sets `opener` to `null`, and calls `print()` once.
161
+
137
162
  ## Host: errors must not take down the app
138
163
 
139
164
  `createMailooBlogClient` methods return `{ ok: false, status }` on network /
@@ -227,58 +227,117 @@ var PRINT_BUTTON_CLASSNAME = [
227
227
  "dark:border-gray-600 dark:text-gray-300 dark:hover:bg-gray-800",
228
228
  "px-3 py-1.5 text-sm"
229
229
  ].join(" ");
230
- function escapeHtml(text) {
231
- return text.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
232
- }
233
- function printMailooSection(section) {
234
- const body = section.querySelector(".mailoo-printable-body");
235
- if (!body) return;
236
- const printTitle = section.getAttribute("data-print-title")?.trim() || document.title;
237
- const win = window.open("", "_blank", "noopener,noreferrer");
238
- if (!win) return;
239
- const html = `<!DOCTYPE html>
240
- <html lang="en">
241
- <head>
242
- <meta charset="utf-8">
243
- <title>${escapeHtml(printTitle)}</title>
244
- <style>
230
+ var ENHANCED_ATTR = "data-mailoo-print-enhanced";
231
+ var SECTION_SELECTOR = `[data-mailoo-print]:not([${ENHANCED_ATTR}])`;
232
+ var PRINT_WINDOW_STYLES = `
245
233
  body {
246
- font-family: system-ui, -apple-system, sans-serif;
234
+ font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
247
235
  line-height: 1.6;
248
- max-width: 48rem;
249
- margin: 2rem auto;
250
- padding: 0 1rem;
236
+ margin: 1.5rem;
251
237
  color: #111;
252
238
  }
239
+ h1, h2, h3, h4 {
240
+ margin-top: 1.25em;
241
+ margin-bottom: 0.5em;
242
+ line-height: 1.25;
243
+ }
244
+ p { margin: 0.75em 0; }
245
+ ul, ol { padding-left: 1.5em; margin: 0.75em 0; }
246
+ li { margin: 0.25em 0; }
253
247
  img { max-width: 100%; height: auto; }
254
248
  a { color: #2563eb; }
255
- </style>
256
- </head>
257
- <body>
258
- ${body.innerHTML}
259
- </body>
260
- </html>`;
249
+ blockquote {
250
+ margin: 1em 0;
251
+ padding-left: 1em;
252
+ border-left: 3px solid #d4d4d4;
253
+ color: #525252;
254
+ }
255
+ .mailoo-print-source {
256
+ margin-top: 2rem;
257
+ padding: 0.75rem 1rem;
258
+ border: 1px solid #e5e5e5;
259
+ border-radius: 0.5rem;
260
+ background: #fafafa;
261
+ font-size: 0.8125rem;
262
+ line-height: 1.45;
263
+ color: #525252;
264
+ }
265
+ .mailoo-print-source-label {
266
+ display: block;
267
+ margin-bottom: 0.35rem;
268
+ font-size: 0.6875rem;
269
+ font-weight: 650;
270
+ letter-spacing: 0.06em;
271
+ text-transform: uppercase;
272
+ color: #737373;
273
+ }
274
+ .mailoo-print-source-title {
275
+ display: block;
276
+ margin: 0;
277
+ font-size: 0.875rem;
278
+ font-weight: 600;
279
+ color: #171717;
280
+ text-wrap: pretty;
281
+ }
282
+ .mailoo-print-source-url {
283
+ display: block;
284
+ margin-top: 0.25rem;
285
+ word-break: break-all;
286
+ color: #525252;
287
+ text-decoration: none;
288
+ }
289
+ `;
290
+ function escapeHtml(text) {
291
+ return text.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
292
+ }
293
+ function buildSourceBlock(sourceLabel) {
294
+ const pageTitle = document.title;
295
+ const pageUrl = window.location.href;
296
+ 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>`;
297
+ }
298
+ function printMailooSection(section, sourceLabel) {
299
+ const body = section.querySelector(".mailoo-printable-body");
300
+ if (!body) return;
301
+ const printTitle = section.getAttribute("data-print-title")?.trim() || document.title;
302
+ const win = window.open("", "_blank");
303
+ if (!win) return;
304
+ win.opener = null;
305
+ const lang = document.documentElement.lang;
306
+ const source = sourceLabel?.trim() ? buildSourceBlock(sourceLabel.trim()) : "";
307
+ 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>`;
261
308
  win.document.open();
262
309
  win.document.write(html);
263
310
  win.document.close();
264
311
  win.focus();
265
- win.onload = () => {
266
- win.print();
312
+ const triggerPrint = () => {
313
+ try {
314
+ win.print();
315
+ } catch {
316
+ }
267
317
  };
268
- setTimeout(() => {
269
- win.print();
270
- }, 300);
318
+ if (win.document.readyState === "complete") {
319
+ win.setTimeout(triggerPrint, 0);
320
+ } else {
321
+ win.addEventListener("load", triggerPrint, { once: true });
322
+ }
271
323
  }
272
324
  function BlogPrintableButtons({
273
325
  printLabel = "Print summary",
274
- buttonClassName = PRINT_BUTTON_CLASSNAME
326
+ buttonClassName = PRINT_BUTTON_CLASSNAME,
327
+ containerSelector,
328
+ onPrint,
329
+ sourceLabel
275
330
  } = {}) {
331
+ const onPrintRef = (0, import_react.useRef)(onPrint);
332
+ const sourceLabelRef = (0, import_react.useRef)(sourceLabel);
333
+ onPrintRef.current = onPrint;
334
+ sourceLabelRef.current = sourceLabel;
276
335
  (0, import_react.useEffect)(() => {
277
- const sections = document.querySelectorAll(
278
- "[data-mailoo-print]:not([data-mailoo-print-enhanced])"
279
- );
336
+ const root = containerSelector?.trim() ? document.querySelector(containerSelector) : document;
337
+ if (!root) return;
338
+ const sections = root.querySelectorAll(SECTION_SELECTOR);
280
339
  for (const section of sections) {
281
- section.setAttribute("data-mailoo-print-enhanced", "true");
340
+ section.setAttribute(ENHANCED_ATTR, "true");
282
341
  const actions = document.createElement("div");
283
342
  actions.className = "mailoo-printable-actions";
284
343
  const button = document.createElement("button");
@@ -286,12 +345,16 @@ function BlogPrintableButtons({
286
345
  button.className = buttonClassName;
287
346
  button.textContent = printLabel;
288
347
  button.addEventListener("click", () => {
289
- printMailooSection(section);
348
+ const body = section.querySelector(".mailoo-printable-body");
349
+ if (!body) return;
350
+ const printTitle = section.getAttribute("data-print-title")?.trim() || document.title;
351
+ onPrintRef.current?.({ section, printTitle });
352
+ printMailooSection(section, sourceLabelRef.current);
290
353
  });
291
354
  actions.appendChild(button);
292
355
  section.insertBefore(actions, section.firstChild);
293
356
  }
294
- }, [printLabel, buttonClassName]);
357
+ }, [printLabel, buttonClassName, containerSelector]);
295
358
  return null;
296
359
  }
297
360
 
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/client/index.ts","../../src/components/blog-article-body.tsx","../../src/markdown-link-target.ts","../../src/server/utils.ts","../../src/components/blog-linked-links-display.tsx","../../src/components/blog-printable-buttons.tsx","../../src/components/blog-article-marks.tsx","../../src/components/blog-article-share.tsx","../../src/lib/share-urls.ts"],"sourcesContent":["'use client'\n\nexport {\n BlogArticleBody,\n type BlogArticleBodyProps,\n} from '../components/blog-article-body.js'\nexport {\n BlogLinkedLinksDisplay,\n type BlogLinkedLinksDisplayProps,\n type BlogLinkedLinkDisplayItem,\n} from '../components/blog-linked-links-display.js'\nexport {\n BlogPrintableButtons,\n type BlogPrintableButtonsProps,\n} from '../components/blog-printable-buttons.js'\nexport {\n BlogArticleMarks,\n type BlogArticleMarksProps,\n type BlogArticleMarksLabels,\n} from '../components/blog-article-marks.js'\nexport {\n BlogArticleShare,\n type BlogArticleShareProps,\n type BlogArticleShareLabels,\n} from '../components/blog-article-share.js'\nexport {\n buildFacebookSharerUrl,\n buildLinkedInShareUrl,\n buildXIntentTweetUrl,\n getSharePageUrlFromLocation,\n requireAbsoluteHttpUrl,\n} from '../lib/share-urls.js'\n","import ReactMarkdown from 'react-markdown'\nimport remarkGfm from 'remark-gfm'\nimport { markdownHrefOpensInNewTab } from '../markdown-link-target.js'\nimport { BLOG_ARTICLE_PROSE_CLASSNAME } from '../server/utils.js'\n\nexport interface BlogArticleBodyProps {\n htmlContent?: string | null\n markdownFallback?: string | null\n /** Override default Tailwind Typography classes */\n className?: string\n}\n\n/**\n * Renders blog article body: prefers `htmlContent` from the headless API,\n * falls back to Markdown when `htmlContent` is empty.\n */\nexport function BlogArticleBody({\n htmlContent,\n markdownFallback,\n className = BLOG_ARTICLE_PROSE_CLASSNAME,\n}: BlogArticleBodyProps) {\n const html = htmlContent?.trim()\n if (html) {\n return (\n <div\n className={className}\n dangerouslySetInnerHTML={{ __html: html }}\n />\n )\n }\n\n const md = markdownFallback?.trim()\n if (md) {\n return (\n <div className={className}>\n <ReactMarkdown\n remarkPlugins={[remarkGfm]}\n components={{\n a({ children, href, ...props }) {\n const h = href ?? ''\n const openNew = markdownHrefOpensInNewTab(h)\n return (\n <a\n href={h}\n {...(openNew\n ? { target: '_blank', rel: 'noopener noreferrer' }\n : {})}\n {...props}\n >\n {children}\n </a>\n )\n },\n }}\n >\n {md}\n </ReactMarkdown>\n </div>\n )\n }\n\n return null\n}\n","export function markdownHrefOpensInNewTab(href: string): boolean {\n const h = href.trim()\n if (h === '') return false\n if (h.startsWith('#') || h.startsWith('?')) return false\n if (h.startsWith('//')) return true\n if (h.startsWith('/')) return false\n if (h.startsWith('./') || h.startsWith('../')) return false\n const lower = h.toLowerCase()\n return lower.startsWith('http://') || lower.startsWith('https://')\n}\n","/**\n * First absolute image URL for OG/Twitter previews: prefer HTML from the API,\n * then markdown image syntax in content.\n */\nconst HTML_IMG_SRC = /<img[^>]+src=[\"']([^\"']+)[\"']/i\nconst MD_IMAGE = /!\\[[^\\]]*]\\(([^)\\s]+)\\)/\n\nfunction normalizeUrl(raw: string): string | null {\n const u = raw.trim()\n if (!u) return null\n if (\n u.startsWith('http://') ||\n u.startsWith('https://') ||\n u.startsWith('/')\n ) {\n return u\n }\n return null\n}\n\nexport function firstEmbedImageUrlFromArticle(\n htmlContent: string | null | undefined,\n markdownContent: string | null | undefined\n): string | null {\n if (htmlContent) {\n const m = htmlContent.match(HTML_IMG_SRC)\n if (m?.[1]) {\n const url = normalizeUrl(m[1])\n if (url) return url\n }\n }\n if (markdownContent) {\n const m = markdownContent.match(MD_IMAGE)\n if (m?.[1]) {\n const url = normalizeUrl(m[1])\n if (url) return url\n }\n }\n return null\n}\n\n/**\n * Default Tailwind Typography class string for article body.\n * Hosts may pass a custom `className` instead.\n */\nexport const BLOG_ARTICLE_PROSE_CLASSNAME = [\n 'prose',\n 'prose-gray',\n 'prose-lg',\n 'max-w-none',\n 'dark:prose-invert',\n 'prose-a:text-blue-600',\n 'hover:prose-a:text-blue-700',\n 'dark:prose-a:text-blue-400',\n 'dark:hover:prose-a:text-blue-300',\n 'prose-blockquote:border-blue-500',\n 'prose-img:rounded-lg',\n 'prose-img:shadow-sm',\n].join(' ')\n","import type { ReactNode } from 'react'\n\nexport type BlogLinkedLinkDisplayItem = {\n id?: string\n type: 'internal_article' | 'update_announcement' | 'external_resource'\n label: string\n url: string\n intro: string | null\n date: string | null\n sortOrder: number\n}\n\nconst TYPE_ORDER: BlogLinkedLinkDisplayItem['type'][] = [\n 'internal_article',\n 'update_announcement',\n 'external_resource',\n]\n\nfunction groupByType(\n links: BlogLinkedLinkDisplayItem[]\n): Map<BlogLinkedLinkDisplayItem['type'], BlogLinkedLinkDisplayItem[]> {\n const sorted = [...links].sort((a, b) => a.sortOrder - b.sortOrder)\n const map = new Map<\n BlogLinkedLinkDisplayItem['type'],\n BlogLinkedLinkDisplayItem[]\n >()\n for (const t of TYPE_ORDER) map.set(t, [])\n for (const link of sorted) {\n const bucket = map.get(link.type)\n if (bucket) bucket.push(link)\n }\n return map\n}\n\nexport interface BlogLinkedLinksDisplayProps {\n links: BlogLinkedLinkDisplayItem[]\n title: string\n typeLabels: Record<BlogLinkedLinkDisplayItem['type'], string>\n variant?: 'article' | 'compact'\n /**\n * When set, paths starting with `/blog/` become `/{locale}/blog/...`.\n */\n blogLocale?: string\n /** Optional link component (e.g. next/link). Defaults to `<a>`. */\n LinkComponent?: (props: {\n href: string\n className?: string\n children: ReactNode\n }) => ReactNode\n}\n\nfunction hrefForLink(url: string, blogLocale?: string): string {\n if (blogLocale && url.startsWith('/blog/')) {\n return `/${blogLocale}${url}`\n }\n return url\n}\n\nexport function BlogLinkedLinksDisplay({\n links,\n title,\n typeLabels,\n variant = 'article',\n blogLocale,\n LinkComponent,\n}: Readonly<BlogLinkedLinksDisplayProps>) {\n if (!links.length) return null\n\n const grouped = groupByType(links)\n const sectionClass =\n variant === 'article'\n ? 'mt-10 border-t border-gray-200 pt-8 dark:border-gray-700'\n : 'mt-4 rounded-lg border border-dashed border-gray-300 p-4 dark:border-gray-600'\n\n const Link =\n LinkComponent ??\n (({ href, className, children }) => (\n <a href={href} className={className}>\n {children}\n </a>\n ))\n\n return (\n <section\n className={sectionClass}\n aria-labelledby=\"mailoo-linked-links-heading\"\n >\n <h2\n id=\"mailoo-linked-links-heading\"\n className={\n variant === 'article'\n ? 'mb-6 text-xl font-semibold text-gray-900 dark:text-white'\n : 'mb-3 text-sm font-semibold text-gray-800 dark:text-gray-200'\n }\n >\n {title}\n </h2>\n <div className=\"space-y-8\">\n {TYPE_ORDER.map((type) => {\n const items = grouped.get(type) ?? []\n if (!items.length) return null\n return (\n <div key={type}>\n <h3\n className={\n variant === 'article'\n ? 'mb-3 text-sm font-semibold uppercase tracking-wide text-gray-500 dark:text-gray-400'\n : 'mb-2 text-xs font-semibold uppercase tracking-wide text-gray-500 dark:text-gray-400'\n }\n >\n {typeLabels[type]}\n </h3>\n <ul className=\"space-y-4\">\n {items.map((item) => (\n <li\n key={\n item.id ?? `${item.type}-${item.url}-${item.sortOrder}`\n }\n >\n <Link\n href={hrefForLink(item.url, blogLocale)}\n className={\n variant === 'article'\n ? 'text-lg font-medium text-blue-600 hover:underline dark:text-blue-400'\n : 'text-sm font-medium text-blue-600 hover:underline dark:text-blue-400'\n }\n >\n {item.label}\n </Link>\n {item.date && (\n <p\n className={\n variant === 'article'\n ? 'mt-1 text-sm text-gray-500 dark:text-gray-400'\n : 'mt-0.5 text-xs text-gray-500 dark:text-gray-400'\n }\n >\n <time dateTime={item.date}>\n {new Date(item.date).toLocaleDateString()}\n </time>\n </p>\n )}\n {item.intro && (\n <p\n className={\n variant === 'article'\n ? 'mt-2 text-sm text-gray-600 dark:text-gray-300'\n : 'mt-1 text-xs text-gray-600 dark:text-gray-300'\n }\n >\n {item.intro}\n </p>\n )}\n </li>\n ))}\n </ul>\n </div>\n )\n })}\n </div>\n </section>\n )\n}\n","'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","'use client'\n\nimport { useCallback, useEffect, useMemo, useState } from 'react'\nimport type {\n BlogArticleMarkCounts,\n BlogArticleMarkState,\n BlogPostReactionSentiment,\n} from '../types.js'\n\nconst STORAGE_KEY = 'mailoo_blog_visitor_key'\nconst VISITOR_STATE_PREFIX = 'mailoo_blog_mark:'\n\nconst BTN =\n 'inline-flex items-center gap-1.5 rounded-lg border px-3 py-1.5 text-sm font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-60'\nconst BTN_IDLE =\n 'border-gray-300 bg-transparent text-gray-700 hover:bg-gray-50 focus:ring-gray-500 dark:border-gray-600 dark:text-gray-300 dark:hover:bg-gray-800'\nconst BTN_ACTIVE =\n 'border-blue-600 bg-blue-50 text-blue-800 focus:ring-blue-500 dark:border-blue-400 dark:bg-blue-950 dark:text-blue-200'\n\nfunction createVisitorKey(): string {\n if (typeof crypto !== 'undefined' && typeof crypto.randomUUID === 'function') {\n return crypto.randomUUID()\n }\n return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {\n const r = (Math.random() * 16) | 0\n const v = c === 'x' ? r : (r & 0x3) | 0x8\n return v.toString(16)\n })\n}\n\nfunction readVisitorKey(): string {\n try {\n const existing = localStorage.getItem(STORAGE_KEY)\n if (existing && existing.length >= 32) return existing\n const next = createVisitorKey()\n localStorage.setItem(STORAGE_KEY, next)\n return next\n } catch {\n return createVisitorKey()\n }\n}\n\ntype LocalMark = {\n sentiment: BlogPostReactionSentiment | null\n hasFeedback: boolean\n}\n\nfunction readLocalMark(slug: string): LocalMark {\n try {\n const raw = localStorage.getItem(`${VISITOR_STATE_PREFIX}${slug}`)\n if (!raw) return { sentiment: null, hasFeedback: false }\n const parsed = JSON.parse(raw) as LocalMark\n return {\n sentiment:\n parsed.sentiment === 'LIKE' || parsed.sentiment === 'DISLIKE'\n ? parsed.sentiment\n : null,\n hasFeedback: Boolean(parsed.hasFeedback),\n }\n } catch {\n return { sentiment: null, hasFeedback: false }\n }\n}\n\nfunction writeLocalMark(slug: string, mark: LocalMark): void {\n try {\n localStorage.setItem(\n `${VISITOR_STATE_PREFIX}${slug}`,\n JSON.stringify(mark)\n )\n } catch {\n // ignore quota / private mode\n }\n}\n\nexport type BlogArticleMarksLabels = {\n like: string\n dislike: string\n feedback: string\n feedbackPlaceholder: string\n submit: string\n cancel: string\n dislikeRequiresComment: string\n error: string\n}\n\nexport type BlogArticleMarksProps = {\n slug: string\n locale?: string\n likeCount?: number\n dislikeCount?: number\n feedbackCount?: number\n /** Same-origin BFF base, e.g. `/api/v1/blog` */\n apiBasePath?: string\n labels: BlogArticleMarksLabels\n className?: string\n}\n\nasync function postMark(\n apiBasePath: string,\n slug: string,\n kind: 'reaction' | 'feedback',\n body: Record<string, unknown>\n): Promise<BlogArticleMarkState> {\n const res = await fetch(\n `${apiBasePath}/slug/${encodeURIComponent(slug)}/${kind}`,\n {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify(body),\n }\n )\n const json = (await res.json()) as {\n data?: BlogArticleMarkState\n error?: string\n message?: string\n }\n if (!res.ok || !json.data) {\n throw new Error(json.message || json.error || `HTTP ${res.status}`)\n }\n return json.data\n}\n\n/**\n * Public like / dislike / feedback controls with counts.\n * POSTs to same-origin BFF (never sends API key).\n */\nexport function BlogArticleMarks({\n slug,\n locale,\n likeCount = 0,\n dislikeCount = 0,\n feedbackCount = 0,\n apiBasePath = '/api/v1/blog',\n labels,\n className,\n}: BlogArticleMarksProps) {\n const [visitorKey, setVisitorKey] = useState<string | null>(null)\n const [counts, setCounts] = useState<BlogArticleMarkCounts>({\n likeCount,\n dislikeCount,\n feedbackCount,\n })\n const [sentiment, setSentiment] = useState<BlogPostReactionSentiment | null>(\n null\n )\n const [hasFeedback, setHasFeedback] = useState(false)\n const [pending, setPending] = useState(false)\n const [error, setError] = useState<string | null>(null)\n const [modal, setModal] = useState<'dislike' | 'feedback' | null>(null)\n const [comment, setComment] = useState('')\n\n useEffect(() => {\n const key = readVisitorKey()\n setVisitorKey(key)\n const local = readLocalMark(slug)\n setSentiment(local.sentiment)\n setHasFeedback(local.hasFeedback)\n }, [slug])\n\n useEffect(() => {\n setCounts({ likeCount, dislikeCount, feedbackCount })\n }, [likeCount, dislikeCount, feedbackCount])\n\n const applyState = useCallback(\n (state: BlogArticleMarkState) => {\n setCounts({\n likeCount: state.likeCount,\n dislikeCount: state.dislikeCount,\n feedbackCount: state.feedbackCount,\n })\n setSentiment(state.sentiment)\n setHasFeedback(state.hasFeedback)\n writeLocalMark(slug, {\n sentiment: state.sentiment,\n hasFeedback: state.hasFeedback,\n })\n },\n [slug]\n )\n\n const run = useCallback(\n async (kind: 'reaction' | 'feedback', body: Record<string, unknown>) => {\n if (!visitorKey || pending) return\n setPending(true)\n setError(null)\n try {\n const state = await postMark(apiBasePath, slug, kind, {\n ...body,\n visitorKey,\n ...(locale ? { locale } : {}),\n })\n applyState(state)\n setModal(null)\n setComment('')\n } catch {\n setError(labels.error)\n } finally {\n setPending(false)\n }\n },\n [apiBasePath, applyState, labels.error, locale, pending, slug, visitorKey]\n )\n\n const onLike = useCallback(() => {\n if (sentiment === 'LIKE') {\n void run('reaction', { action: 'clear' })\n return\n }\n void run('reaction', { action: 'set', sentiment: 'LIKE' })\n }, [run, sentiment])\n\n const onDislikeClick = useCallback(() => {\n if (sentiment === 'DISLIKE') {\n void run('reaction', { action: 'clear' })\n return\n }\n if (hasFeedback) {\n void run('reaction', { action: 'set', sentiment: 'DISLIKE' })\n return\n }\n setModal('dislike')\n }, [hasFeedback, run, sentiment])\n\n const onSubmitModal = useCallback(() => {\n const trimmed = comment.trim()\n if (!trimmed) {\n setError(labels.dislikeRequiresComment)\n return\n }\n if (modal === 'dislike') {\n void run('reaction', {\n action: 'set',\n sentiment: 'DISLIKE',\n comment: trimmed,\n })\n return\n }\n void run('feedback', { action: 'set', comment: trimmed })\n }, [comment, labels.dislikeRequiresComment, modal, run])\n\n const rootClass = useMemo(\n () =>\n [\n 'mt-8 flex flex-col gap-3 border-t border-gray-200 pt-6 dark:border-gray-700',\n className,\n ]\n .filter(Boolean)\n .join(' '),\n [className]\n )\n\n return (\n <div className={rootClass}>\n <div className=\"flex flex-wrap items-center gap-2\">\n <button\n type=\"button\"\n className={`${BTN} ${sentiment === 'LIKE' ? BTN_ACTIVE : BTN_IDLE}`}\n disabled={pending || !visitorKey}\n onClick={onLike}\n aria-pressed={sentiment === 'LIKE'}\n >\n <span>{labels.like}</span>\n <span className=\"tabular-nums\">{counts.likeCount}</span>\n </button>\n <button\n type=\"button\"\n className={`${BTN} ${sentiment === 'DISLIKE' ? BTN_ACTIVE : BTN_IDLE}`}\n disabled={pending || !visitorKey}\n onClick={onDislikeClick}\n aria-pressed={sentiment === 'DISLIKE'}\n >\n <span>{labels.dislike}</span>\n <span className=\"tabular-nums\">{counts.dislikeCount}</span>\n </button>\n <button\n type=\"button\"\n className={`${BTN} ${hasFeedback ? BTN_ACTIVE : BTN_IDLE}`}\n disabled={pending || !visitorKey}\n onClick={() => {\n setError(null)\n setModal('feedback')\n }}\n aria-pressed={hasFeedback}\n >\n <span>{labels.feedback}</span>\n <span className=\"tabular-nums\">{counts.feedbackCount}</span>\n </button>\n </div>\n\n {error ? (\n <p className=\"text-sm text-red-600 dark:text-red-400\" role=\"alert\">\n {error}\n </p>\n ) : null}\n\n {modal ? (\n <div className=\"rounded-lg border border-gray-200 p-4 dark:border-gray-700\">\n <label className=\"mb-2 block text-sm font-medium text-gray-800 dark:text-gray-200\">\n {modal === 'dislike'\n ? labels.dislikeRequiresComment\n : labels.feedback}\n </label>\n <textarea\n className=\"mb-3 w-full rounded-md border border-gray-300 bg-white p-2 text-sm text-gray-900 dark:border-gray-600 dark:bg-gray-900 dark:text-gray-100\"\n rows={3}\n maxLength={1000}\n value={comment}\n placeholder={labels.feedbackPlaceholder}\n onChange={(e) => setComment(e.target.value)}\n />\n <div className=\"flex gap-2\">\n <button\n type=\"button\"\n className={`${BTN} ${BTN_ACTIVE}`}\n disabled={pending}\n onClick={onSubmitModal}\n >\n {labels.submit}\n </button>\n <button\n type=\"button\"\n className={`${BTN} ${BTN_IDLE}`}\n disabled={pending}\n onClick={() => {\n setModal(null)\n setComment('')\n setError(null)\n }}\n >\n {labels.cancel}\n </button>\n </div>\n </div>\n ) : null}\n </div>\n )\n}\n","'use client'\n\nimport { useCallback, useState } from 'react'\nimport {\n buildFacebookSharerUrl,\n buildLinkedInShareUrl,\n buildXIntentTweetUrl,\n getSharePageUrlFromLocation,\n requireAbsoluteHttpUrl,\n} from '../lib/share-urls.js'\n\nexport {\n buildFacebookSharerUrl,\n buildLinkedInShareUrl,\n buildXIntentTweetUrl,\n getSharePageUrlFromLocation,\n requireAbsoluteHttpUrl,\n} from '../lib/share-urls.js'\n\nconst DEFAULT_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 DEFAULT_HEADING_CLASSNAME =\n 'mb-4 text-lg font-semibold text-gray-900 dark:text-white'\n\nconst DEFAULT_SECTION_CLASSNAME =\n 'mt-12 border-t border-gray-200 pt-8 dark:border-gray-700'\n\nexport type BlogArticleShareLabels = {\n heading: string\n x: string\n facebook: string\n linkedin: string\n copyLink: string\n linkCopied: string\n}\n\nexport type BlogArticleShareProps = {\n /** Article title (host API parity with mindful-journal BlogPostShareButtons). */\n title: string\n /** Already-interpolated share text for X (e.g. \"Check out this article: …\"). */\n text: string\n labels: BlogArticleShareLabels\n /**\n * Absolute http(s) share URL. When omitted, each click uses\n * `window.location.origin + pathname` (no query/hash).\n */\n url?: string\n className?: string\n headingClassName?: string\n buttonClassName?: string\n}\n\nfunction resolveShareUrl(url: string | undefined): string {\n if (url !== undefined) {\n return requireAbsoluteHttpUrl(url)\n }\n if (typeof window === 'undefined') {\n throw new Error('Share URL requires a browser location when url is omitted')\n }\n return getSharePageUrlFromLocation(window.location)\n}\n\nfunction openShareWindow(href: string): void {\n window.open(href, '_blank', 'noopener,noreferrer')\n}\n\n/**\n * X / Facebook / LinkedIn / copy-link controls for a blog article.\n * Host provides i18n labels and share text; optional absolute `url`.\n */\nexport function BlogArticleShare({\n title: _title,\n text,\n labels,\n url,\n className = DEFAULT_SECTION_CLASSNAME,\n headingClassName = DEFAULT_HEADING_CLASSNAME,\n buttonClassName = DEFAULT_BUTTON_CLASSNAME,\n}: BlogArticleShareProps) {\n const [linkCopied, setLinkCopied] = useState(false)\n\n const shareUrl = useCallback(() => resolveShareUrl(url), [url])\n\n const onCopy = useCallback(async () => {\n try {\n await navigator.clipboard.writeText(shareUrl())\n setLinkCopied(true)\n setTimeout(() => setLinkCopied(false), 2000)\n } catch {\n // Fail-fast UI: do not claim success or invent a second copy path.\n }\n }, [shareUrl])\n\n return (\n <div className={className}>\n <h3 className={headingClassName}>{labels.heading}</h3>\n <div className=\"flex flex-wrap gap-4\">\n <button\n type=\"button\"\n className={buttonClassName}\n onClick={() => {\n openShareWindow(buildXIntentTweetUrl(shareUrl(), text))\n }}\n >\n <svg\n className=\"mr-2 h-4 w-4\"\n fill=\"currentColor\"\n viewBox=\"0 0 24 24\"\n aria-hidden=\"true\"\n >\n <path d=\"M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84\" />\n </svg>\n {labels.x}\n </button>\n <button\n type=\"button\"\n className={buttonClassName}\n onClick={() => {\n openShareWindow(buildFacebookSharerUrl(shareUrl()))\n }}\n >\n <svg\n className=\"mr-2 h-4 w-4\"\n fill=\"currentColor\"\n viewBox=\"0 0 24 24\"\n aria-hidden=\"true\"\n >\n <path d=\"M24 12.073C24 5.405 18.627 0 12 0S0 5.405 0 12.073C0 18.1 4.388 23.094 10.125 24v-8.435H7.078v-3.492h3.047V9.414c0-3.025 1.792-4.697 4.533-4.697 1.312 0 2.686.236 2.686.236v2.974h-1.513c-1.49 0-1.956.931-1.956 1.887v2.259h3.328l-.532 3.492h-2.796V24C19.612 23.094 24 18.1 24 12.073z\" />\n </svg>\n {labels.facebook}\n </button>\n <button\n type=\"button\"\n className={buttonClassName}\n onClick={() => {\n openShareWindow(buildLinkedInShareUrl(shareUrl()))\n }}\n >\n <svg\n className=\"mr-2 h-4 w-4\"\n fill=\"currentColor\"\n viewBox=\"0 0 24 24\"\n aria-hidden=\"true\"\n >\n <path d=\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\" />\n </svg>\n {labels.linkedin}\n </button>\n <button\n type=\"button\"\n className={buttonClassName}\n onClick={() => void onCopy()}\n >\n <svg\n className=\"mr-2 h-4 w-4\"\n fill=\"none\"\n stroke=\"currentColor\"\n viewBox=\"0 0 24 24\"\n aria-hidden=\"true\"\n >\n <path\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n strokeWidth={2}\n d=\"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z\"\n />\n </svg>\n {linkCopied ? labels.linkCopied : labels.copyLink}\n </button>\n </div>\n </div>\n )\n}\n","/** Lightweight social share URL builders (no host UI deps). */\n\nexport function requireAbsoluteHttpUrl(pageUrl: string): string {\n const trimmed = pageUrl.trim()\n if (!trimmed) {\n throw new Error('Share URL must be a non-empty absolute http(s) URL')\n }\n let parsed: URL\n try {\n parsed = new URL(trimmed)\n } catch {\n throw new Error(`Share URL is not a valid absolute URL: ${pageUrl}`)\n }\n if (parsed.protocol !== 'http:' && parsed.protocol !== 'https:') {\n throw new Error(`Share URL must use http or https: ${pageUrl}`)\n }\n return trimmed\n}\n\nexport function buildFacebookSharerUrl(\n pageUrl: string,\n quote?: string\n): string {\n const params = new URLSearchParams({\n u: requireAbsoluteHttpUrl(pageUrl),\n })\n const trimmedQuote = quote?.trim()\n if (trimmedQuote) {\n params.set('quote', trimmedQuote)\n }\n return `https://www.facebook.com/sharer/sharer.php?${params.toString()}`\n}\n\n/** Blog article share (matches mindful-journal BlogPostShareButtons). */\nexport function buildXIntentTweetUrl(pageUrl: string, text: string): string {\n const params = new URLSearchParams({\n text,\n url: requireAbsoluteHttpUrl(pageUrl),\n })\n return `https://twitter.com/intent/tweet?${params.toString()}`\n}\n\nexport function buildLinkedInShareUrl(pageUrl: string): string {\n const params = new URLSearchParams({\n url: requireAbsoluteHttpUrl(pageUrl),\n })\n return `https://www.linkedin.com/sharing/share-offsite/?${params.toString()}`\n}\n\n/** Canonical page URL without query/hash — safer for social scrapers. */\nexport function getSharePageUrlFromLocation(\n location: Pick<Location, 'origin' | 'pathname'>\n): string {\n return `${location.origin}${location.pathname}`\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,4BAA0B;AAC1B,wBAAsB;;;ACDf,SAAS,0BAA0B,MAAuB;AAC/D,QAAM,IAAI,KAAK,KAAK;AACpB,MAAI,MAAM,GAAI,QAAO;AACrB,MAAI,EAAE,WAAW,GAAG,KAAK,EAAE,WAAW,GAAG,EAAG,QAAO;AACnD,MAAI,EAAE,WAAW,IAAI,EAAG,QAAO;AAC/B,MAAI,EAAE,WAAW,GAAG,EAAG,QAAO;AAC9B,MAAI,EAAE,WAAW,IAAI,KAAK,EAAE,WAAW,KAAK,EAAG,QAAO;AACtD,QAAM,QAAQ,EAAE,YAAY;AAC5B,SAAO,MAAM,WAAW,SAAS,KAAK,MAAM,WAAW,UAAU;AACnE;;;ACoCO,IAAM,+BAA+B;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,EAAE,KAAK,GAAG;;;AFlCJ;AARC,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA,YAAY;AACd,GAAyB;AACvB,QAAM,OAAO,aAAa,KAAK;AAC/B,MAAI,MAAM;AACR,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,yBAAyB,EAAE,QAAQ,KAAK;AAAA;AAAA,IAC1C;AAAA,EAEJ;AAEA,QAAM,KAAK,kBAAkB,KAAK;AAClC,MAAI,IAAI;AACN,WACE,4CAAC,SAAI,WACH;AAAA,MAAC,sBAAAA;AAAA,MAAA;AAAA,QACC,eAAe,CAAC,kBAAAC,OAAS;AAAA,QACzB,YAAY;AAAA,UACV,EAAE,EAAE,UAAU,MAAM,GAAG,MAAM,GAAG;AAC9B,kBAAM,IAAI,QAAQ;AAClB,kBAAM,UAAU,0BAA0B,CAAC;AAC3C,mBACE;AAAA,cAAC;AAAA;AAAA,gBACC,MAAM;AAAA,gBACL,GAAI,UACD,EAAE,QAAQ,UAAU,KAAK,sBAAsB,IAC/C,CAAC;AAAA,gBACJ,GAAG;AAAA,gBAEH;AAAA;AAAA,YACH;AAAA,UAEJ;AAAA,QACF;AAAA,QAEC;AAAA;AAAA,IACH,GACF;AAAA,EAEJ;AAEA,SAAO;AACT;;;AGeM,IAAAC,sBAAA;AAjEN,IAAM,aAAkD;AAAA,EACtD;AAAA,EACA;AAAA,EACA;AACF;AAEA,SAAS,YACP,OACqE;AACrE,QAAM,SAAS,CAAC,GAAG,KAAK,EAAE,KAAK,CAAC,GAAG,MAAM,EAAE,YAAY,EAAE,SAAS;AAClE,QAAM,MAAM,oBAAI,IAGd;AACF,aAAW,KAAK,WAAY,KAAI,IAAI,GAAG,CAAC,CAAC;AACzC,aAAW,QAAQ,QAAQ;AACzB,UAAM,SAAS,IAAI,IAAI,KAAK,IAAI;AAChC,QAAI,OAAQ,QAAO,KAAK,IAAI;AAAA,EAC9B;AACA,SAAO;AACT;AAmBA,SAAS,YAAY,KAAa,YAA6B;AAC7D,MAAI,cAAc,IAAI,WAAW,QAAQ,GAAG;AAC1C,WAAO,IAAI,UAAU,GAAG,GAAG;AAAA,EAC7B;AACA,SAAO;AACT;AAEO,SAAS,uBAAuB;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AACF,GAA0C;AACxC,MAAI,CAAC,MAAM,OAAQ,QAAO;AAE1B,QAAM,UAAU,YAAY,KAAK;AACjC,QAAM,eACJ,YAAY,YACR,6DACA;AAEN,QAAM,OACJ,kBACC,CAAC,EAAE,MAAM,WAAW,SAAS,MAC5B,6CAAC,OAAE,MAAY,WACZ,UACH;AAGJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX,mBAAgB;AAAA,MAEhB;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH,WACE,YAAY,YACR,6DACA;AAAA,YAGL;AAAA;AAAA,QACH;AAAA,QACA,6CAAC,SAAI,WAAU,aACZ,qBAAW,IAAI,CAAC,SAAS;AACxB,gBAAM,QAAQ,QAAQ,IAAI,IAAI,KAAK,CAAC;AACpC,cAAI,CAAC,MAAM,OAAQ,QAAO;AAC1B,iBACE,8CAAC,SACC;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,WACE,YAAY,YACR,wFACA;AAAA,gBAGL,qBAAW,IAAI;AAAA;AAAA,YAClB;AAAA,YACA,6CAAC,QAAG,WAAU,aACX,gBAAM,IAAI,CAAC,SACV;AAAA,cAAC;AAAA;AAAA,gBAKC;AAAA;AAAA,oBAAC;AAAA;AAAA,sBACC,MAAM,YAAY,KAAK,KAAK,UAAU;AAAA,sBACtC,WACE,YAAY,YACR,yEACA;AAAA,sBAGL,eAAK;AAAA;AAAA,kBACR;AAAA,kBACC,KAAK,QACJ;AAAA,oBAAC;AAAA;AAAA,sBACC,WACE,YAAY,YACR,kDACA;AAAA,sBAGN,uDAAC,UAAK,UAAU,KAAK,MAClB,cAAI,KAAK,KAAK,IAAI,EAAE,mBAAmB,GAC1C;AAAA;AAAA,kBACF;AAAA,kBAED,KAAK,SACJ;AAAA,oBAAC;AAAA;AAAA,sBACC,WACE,YAAY,YACR,kDACA;AAAA,sBAGL,eAAK;AAAA;AAAA,kBACR;AAAA;AAAA;AAAA,cAnCA,KAAK,MAAM,GAAG,KAAK,IAAI,IAAI,KAAK,GAAG,IAAI,KAAK,SAAS;AAAA,YAqCzD,CACD,GACH;AAAA,eArDQ,IAsDV;AAAA,QAEJ,CAAC,GACH;AAAA;AAAA;AAAA,EACF;AAEJ;;;AChKA,mBAA0B;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,8BAAU,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;;;ACrGA,IAAAC,gBAA0D;AA6PlD,IAAAC,sBAAA;AAtPR,IAAM,cAAc;AACpB,IAAM,uBAAuB;AAE7B,IAAM,MACJ;AACF,IAAM,WACJ;AACF,IAAM,aACJ;AAEF,SAAS,mBAA2B;AAClC,MAAI,OAAO,WAAW,eAAe,OAAO,OAAO,eAAe,YAAY;AAC5E,WAAO,OAAO,WAAW;AAAA,EAC3B;AACA,SAAO,uCAAuC,QAAQ,SAAS,CAAC,MAAM;AACpE,UAAM,IAAK,KAAK,OAAO,IAAI,KAAM;AACjC,UAAM,IAAI,MAAM,MAAM,IAAK,IAAI,IAAO;AACtC,WAAO,EAAE,SAAS,EAAE;AAAA,EACtB,CAAC;AACH;AAEA,SAAS,iBAAyB;AAChC,MAAI;AACF,UAAM,WAAW,aAAa,QAAQ,WAAW;AACjD,QAAI,YAAY,SAAS,UAAU,GAAI,QAAO;AAC9C,UAAM,OAAO,iBAAiB;AAC9B,iBAAa,QAAQ,aAAa,IAAI;AACtC,WAAO;AAAA,EACT,QAAQ;AACN,WAAO,iBAAiB;AAAA,EAC1B;AACF;AAOA,SAAS,cAAc,MAAyB;AAC9C,MAAI;AACF,UAAM,MAAM,aAAa,QAAQ,GAAG,oBAAoB,GAAG,IAAI,EAAE;AACjE,QAAI,CAAC,IAAK,QAAO,EAAE,WAAW,MAAM,aAAa,MAAM;AACvD,UAAM,SAAS,KAAK,MAAM,GAAG;AAC7B,WAAO;AAAA,MACL,WACE,OAAO,cAAc,UAAU,OAAO,cAAc,YAChD,OAAO,YACP;AAAA,MACN,aAAa,QAAQ,OAAO,WAAW;AAAA,IACzC;AAAA,EACF,QAAQ;AACN,WAAO,EAAE,WAAW,MAAM,aAAa,MAAM;AAAA,EAC/C;AACF;AAEA,SAAS,eAAe,MAAc,MAAuB;AAC3D,MAAI;AACF,iBAAa;AAAA,MACX,GAAG,oBAAoB,GAAG,IAAI;AAAA,MAC9B,KAAK,UAAU,IAAI;AAAA,IACrB;AAAA,EACF,QAAQ;AAAA,EAER;AACF;AAyBA,eAAe,SACb,aACA,MACA,MACA,MAC+B;AAC/B,QAAM,MAAM,MAAM;AAAA,IAChB,GAAG,WAAW,SAAS,mBAAmB,IAAI,CAAC,IAAI,IAAI;AAAA,IACvD;AAAA,MACE,QAAQ;AAAA,MACR,SAAS,EAAE,gBAAgB,mBAAmB;AAAA,MAC9C,MAAM,KAAK,UAAU,IAAI;AAAA,IAC3B;AAAA,EACF;AACA,QAAM,OAAQ,MAAM,IAAI,KAAK;AAK7B,MAAI,CAAC,IAAI,MAAM,CAAC,KAAK,MAAM;AACzB,UAAM,IAAI,MAAM,KAAK,WAAW,KAAK,SAAS,QAAQ,IAAI,MAAM,EAAE;AAAA,EACpE;AACA,SAAO,KAAK;AACd;AAMO,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd;AAAA,EACA;AACF,GAA0B;AACxB,QAAM,CAAC,YAAY,aAAa,QAAI,wBAAwB,IAAI;AAChE,QAAM,CAAC,QAAQ,SAAS,QAAI,wBAAgC;AAAA,IAC1D;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,CAAC,WAAW,YAAY,QAAI;AAAA,IAChC;AAAA,EACF;AACA,QAAM,CAAC,aAAa,cAAc,QAAI,wBAAS,KAAK;AACpD,QAAM,CAAC,SAAS,UAAU,QAAI,wBAAS,KAAK;AAC5C,QAAM,CAAC,OAAO,QAAQ,QAAI,wBAAwB,IAAI;AACtD,QAAM,CAAC,OAAO,QAAQ,QAAI,wBAAwC,IAAI;AACtE,QAAM,CAAC,SAAS,UAAU,QAAI,wBAAS,EAAE;AAEzC,+BAAU,MAAM;AACd,UAAM,MAAM,eAAe;AAC3B,kBAAc,GAAG;AACjB,UAAM,QAAQ,cAAc,IAAI;AAChC,iBAAa,MAAM,SAAS;AAC5B,mBAAe,MAAM,WAAW;AAAA,EAClC,GAAG,CAAC,IAAI,CAAC;AAET,+BAAU,MAAM;AACd,cAAU,EAAE,WAAW,cAAc,cAAc,CAAC;AAAA,EACtD,GAAG,CAAC,WAAW,cAAc,aAAa,CAAC;AAE3C,QAAM,iBAAa;AAAA,IACjB,CAAC,UAAgC;AAC/B,gBAAU;AAAA,QACR,WAAW,MAAM;AAAA,QACjB,cAAc,MAAM;AAAA,QACpB,eAAe,MAAM;AAAA,MACvB,CAAC;AACD,mBAAa,MAAM,SAAS;AAC5B,qBAAe,MAAM,WAAW;AAChC,qBAAe,MAAM;AAAA,QACnB,WAAW,MAAM;AAAA,QACjB,aAAa,MAAM;AAAA,MACrB,CAAC;AAAA,IACH;AAAA,IACA,CAAC,IAAI;AAAA,EACP;AAEA,QAAM,UAAM;AAAA,IACV,OAAO,MAA+B,SAAkC;AACtE,UAAI,CAAC,cAAc,QAAS;AAC5B,iBAAW,IAAI;AACf,eAAS,IAAI;AACb,UAAI;AACF,cAAM,QAAQ,MAAM,SAAS,aAAa,MAAM,MAAM;AAAA,UACpD,GAAG;AAAA,UACH;AAAA,UACA,GAAI,SAAS,EAAE,OAAO,IAAI,CAAC;AAAA,QAC7B,CAAC;AACD,mBAAW,KAAK;AAChB,iBAAS,IAAI;AACb,mBAAW,EAAE;AAAA,MACf,QAAQ;AACN,iBAAS,OAAO,KAAK;AAAA,MACvB,UAAE;AACA,mBAAW,KAAK;AAAA,MAClB;AAAA,IACF;AAAA,IACA,CAAC,aAAa,YAAY,OAAO,OAAO,QAAQ,SAAS,MAAM,UAAU;AAAA,EAC3E;AAEA,QAAM,aAAS,2BAAY,MAAM;AAC/B,QAAI,cAAc,QAAQ;AACxB,WAAK,IAAI,YAAY,EAAE,QAAQ,QAAQ,CAAC;AACxC;AAAA,IACF;AACA,SAAK,IAAI,YAAY,EAAE,QAAQ,OAAO,WAAW,OAAO,CAAC;AAAA,EAC3D,GAAG,CAAC,KAAK,SAAS,CAAC;AAEnB,QAAM,qBAAiB,2BAAY,MAAM;AACvC,QAAI,cAAc,WAAW;AAC3B,WAAK,IAAI,YAAY,EAAE,QAAQ,QAAQ,CAAC;AACxC;AAAA,IACF;AACA,QAAI,aAAa;AACf,WAAK,IAAI,YAAY,EAAE,QAAQ,OAAO,WAAW,UAAU,CAAC;AAC5D;AAAA,IACF;AACA,aAAS,SAAS;AAAA,EACpB,GAAG,CAAC,aAAa,KAAK,SAAS,CAAC;AAEhC,QAAM,oBAAgB,2BAAY,MAAM;AACtC,UAAM,UAAU,QAAQ,KAAK;AAC7B,QAAI,CAAC,SAAS;AACZ,eAAS,OAAO,sBAAsB;AACtC;AAAA,IACF;AACA,QAAI,UAAU,WAAW;AACvB,WAAK,IAAI,YAAY;AAAA,QACnB,QAAQ;AAAA,QACR,WAAW;AAAA,QACX,SAAS;AAAA,MACX,CAAC;AACD;AAAA,IACF;AACA,SAAK,IAAI,YAAY,EAAE,QAAQ,OAAO,SAAS,QAAQ,CAAC;AAAA,EAC1D,GAAG,CAAC,SAAS,OAAO,wBAAwB,OAAO,GAAG,CAAC;AAEvD,QAAM,gBAAY;AAAA,IAChB,MACE;AAAA,MACE;AAAA,MACA;AAAA,IACF,EACG,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,IACb,CAAC,SAAS;AAAA,EACZ;AAEA,SACE,8CAAC,SAAI,WAAW,WACd;AAAA,kDAAC,SAAI,WAAU,qCACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAW,GAAG,GAAG,IAAI,cAAc,SAAS,aAAa,QAAQ;AAAA,UACjE,UAAU,WAAW,CAAC;AAAA,UACtB,SAAS;AAAA,UACT,gBAAc,cAAc;AAAA,UAE5B;AAAA,yDAAC,UAAM,iBAAO,MAAK;AAAA,YACnB,6CAAC,UAAK,WAAU,gBAAgB,iBAAO,WAAU;AAAA;AAAA;AAAA,MACnD;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAW,GAAG,GAAG,IAAI,cAAc,YAAY,aAAa,QAAQ;AAAA,UACpE,UAAU,WAAW,CAAC;AAAA,UACtB,SAAS;AAAA,UACT,gBAAc,cAAc;AAAA,UAE5B;AAAA,yDAAC,UAAM,iBAAO,SAAQ;AAAA,YACtB,6CAAC,UAAK,WAAU,gBAAgB,iBAAO,cAAa;AAAA;AAAA;AAAA,MACtD;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAW,GAAG,GAAG,IAAI,cAAc,aAAa,QAAQ;AAAA,UACxD,UAAU,WAAW,CAAC;AAAA,UACtB,SAAS,MAAM;AACb,qBAAS,IAAI;AACb,qBAAS,UAAU;AAAA,UACrB;AAAA,UACA,gBAAc;AAAA,UAEd;AAAA,yDAAC,UAAM,iBAAO,UAAS;AAAA,YACvB,6CAAC,UAAK,WAAU,gBAAgB,iBAAO,eAAc;AAAA;AAAA;AAAA,MACvD;AAAA,OACF;AAAA,IAEC,QACC,6CAAC,OAAE,WAAU,0CAAyC,MAAK,SACxD,iBACH,IACE;AAAA,IAEH,QACC,8CAAC,SAAI,WAAU,8DACb;AAAA,mDAAC,WAAM,WAAU,mEACd,oBAAU,YACP,OAAO,yBACP,OAAO,UACb;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,MAAM;AAAA,UACN,WAAW;AAAA,UACX,OAAO;AAAA,UACP,aAAa,OAAO;AAAA,UACpB,UAAU,CAAC,MAAM,WAAW,EAAE,OAAO,KAAK;AAAA;AAAA,MAC5C;AAAA,MACA,8CAAC,SAAI,WAAU,cACb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,WAAW,GAAG,GAAG,IAAI,UAAU;AAAA,YAC/B,UAAU;AAAA,YACV,SAAS;AAAA,YAER,iBAAO;AAAA;AAAA,QACV;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,WAAW,GAAG,GAAG,IAAI,QAAQ;AAAA,YAC7B,UAAU;AAAA,YACV,SAAS,MAAM;AACb,uBAAS,IAAI;AACb,yBAAW,EAAE;AACb,uBAAS,IAAI;AAAA,YACf;AAAA,YAEC,iBAAO;AAAA;AAAA,QACV;AAAA,SACF;AAAA,OACF,IACE;AAAA,KACN;AAEJ;;;AC/UA,IAAAC,gBAAsC;;;ACA/B,SAAS,uBAAuB,SAAyB;AAC9D,QAAM,UAAU,QAAQ,KAAK;AAC7B,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,oDAAoD;AAAA,EACtE;AACA,MAAI;AACJ,MAAI;AACF,aAAS,IAAI,IAAI,OAAO;AAAA,EAC1B,QAAQ;AACN,UAAM,IAAI,MAAM,0CAA0C,OAAO,EAAE;AAAA,EACrE;AACA,MAAI,OAAO,aAAa,WAAW,OAAO,aAAa,UAAU;AAC/D,UAAM,IAAI,MAAM,qCAAqC,OAAO,EAAE;AAAA,EAChE;AACA,SAAO;AACT;AAEO,SAAS,uBACd,SACA,OACQ;AACR,QAAM,SAAS,IAAI,gBAAgB;AAAA,IACjC,GAAG,uBAAuB,OAAO;AAAA,EACnC,CAAC;AACD,QAAM,eAAe,OAAO,KAAK;AACjC,MAAI,cAAc;AAChB,WAAO,IAAI,SAAS,YAAY;AAAA,EAClC;AACA,SAAO,8CAA8C,OAAO,SAAS,CAAC;AACxE;AAGO,SAAS,qBAAqB,SAAiB,MAAsB;AAC1E,QAAM,SAAS,IAAI,gBAAgB;AAAA,IACjC;AAAA,IACA,KAAK,uBAAuB,OAAO;AAAA,EACrC,CAAC;AACD,SAAO,oCAAoC,OAAO,SAAS,CAAC;AAC9D;AAEO,SAAS,sBAAsB,SAAyB;AAC7D,QAAM,SAAS,IAAI,gBAAgB;AAAA,IACjC,KAAK,uBAAuB,OAAO;AAAA,EACrC,CAAC;AACD,SAAO,mDAAmD,OAAO,SAAS,CAAC;AAC7E;AAGO,SAAS,4BACd,UACQ;AACR,SAAO,GAAG,SAAS,MAAM,GAAG,SAAS,QAAQ;AAC/C;;;AD+CM,IAAAC,sBAAA;AAlFN,IAAM,2BAA2B;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,EAAE,KAAK,GAAG;AAEV,IAAM,4BACJ;AAEF,IAAM,4BACJ;AA2BF,SAAS,gBAAgB,KAAiC;AACxD,MAAI,QAAQ,QAAW;AACrB,WAAO,uBAAuB,GAAG;AAAA,EACnC;AACA,MAAI,OAAO,WAAW,aAAa;AACjC,UAAM,IAAI,MAAM,2DAA2D;AAAA,EAC7E;AACA,SAAO,4BAA4B,OAAO,QAAQ;AACpD;AAEA,SAAS,gBAAgB,MAAoB;AAC3C,SAAO,KAAK,MAAM,UAAU,qBAAqB;AACnD;AAMO,SAAS,iBAAiB;AAAA,EAC/B,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,mBAAmB;AAAA,EACnB,kBAAkB;AACpB,GAA0B;AACxB,QAAM,CAAC,YAAY,aAAa,QAAI,wBAAS,KAAK;AAElD,QAAM,eAAW,2BAAY,MAAM,gBAAgB,GAAG,GAAG,CAAC,GAAG,CAAC;AAE9D,QAAM,aAAS,2BAAY,YAAY;AACrC,QAAI;AACF,YAAM,UAAU,UAAU,UAAU,SAAS,CAAC;AAC9C,oBAAc,IAAI;AAClB,iBAAW,MAAM,cAAc,KAAK,GAAG,GAAI;AAAA,IAC7C,QAAQ;AAAA,IAER;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,SACE,8CAAC,SAAI,WACH;AAAA,iDAAC,QAAG,WAAW,kBAAmB,iBAAO,SAAQ;AAAA,IACjD,8CAAC,SAAI,WAAU,wBACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAW;AAAA,UACX,SAAS,MAAM;AACb,4BAAgB,qBAAqB,SAAS,GAAG,IAAI,CAAC;AAAA,UACxD;AAAA,UAEA;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,WAAU;AAAA,gBACV,MAAK;AAAA,gBACL,SAAQ;AAAA,gBACR,eAAY;AAAA,gBAEZ,uDAAC,UAAK,GAAE,2aAA0a;AAAA;AAAA,YACpb;AAAA,YACC,OAAO;AAAA;AAAA;AAAA,MACV;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAW;AAAA,UACX,SAAS,MAAM;AACb,4BAAgB,uBAAuB,SAAS,CAAC,CAAC;AAAA,UACpD;AAAA,UAEA;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,WAAU;AAAA,gBACV,MAAK;AAAA,gBACL,SAAQ;AAAA,gBACR,eAAY;AAAA,gBAEZ,uDAAC,UAAK,GAAE,8RAA6R;AAAA;AAAA,YACvS;AAAA,YACC,OAAO;AAAA;AAAA;AAAA,MACV;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAW;AAAA,UACX,SAAS,MAAM;AACb,4BAAgB,sBAAsB,SAAS,CAAC,CAAC;AAAA,UACnD;AAAA,UAEA;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,WAAU;AAAA,gBACV,MAAK;AAAA,gBACL,SAAQ;AAAA,gBACR,eAAY;AAAA,gBAEZ,uDAAC,UAAK,GAAE,sfAAqf;AAAA;AAAA,YAC/f;AAAA,YACC,OAAO;AAAA;AAAA;AAAA,MACV;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAW;AAAA,UACX,SAAS,MAAM,KAAK,OAAO;AAAA,UAE3B;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,WAAU;AAAA,gBACV,MAAK;AAAA,gBACL,QAAO;AAAA,gBACP,SAAQ;AAAA,gBACR,eAAY;AAAA,gBAEZ;AAAA,kBAAC;AAAA;AAAA,oBACC,eAAc;AAAA,oBACd,gBAAe;AAAA,oBACf,aAAa;AAAA,oBACb,GAAE;AAAA;AAAA,gBACJ;AAAA;AAAA,YACF;AAAA,YACC,aAAa,OAAO,aAAa,OAAO;AAAA;AAAA;AAAA,MAC3C;AAAA,OACF;AAAA,KACF;AAEJ;","names":["ReactMarkdown","remarkGfm","import_jsx_runtime","import_react","import_jsx_runtime","import_react","import_jsx_runtime"]}
1
+ {"version":3,"sources":["../../src/client/index.ts","../../src/components/blog-article-body.tsx","../../src/markdown-link-target.ts","../../src/server/utils.ts","../../src/components/blog-linked-links-display.tsx","../../src/components/blog-printable-buttons.tsx","../../src/components/blog-article-marks.tsx","../../src/components/blog-article-share.tsx","../../src/lib/share-urls.ts"],"sourcesContent":["'use client'\n\nexport {\n BlogArticleBody,\n type BlogArticleBodyProps,\n} from '../components/blog-article-body.js'\nexport {\n BlogLinkedLinksDisplay,\n type BlogLinkedLinksDisplayProps,\n type BlogLinkedLinkDisplayItem,\n} from '../components/blog-linked-links-display.js'\nexport {\n BlogPrintableButtons,\n type BlogPrintableButtonsProps,\n type BlogPrintEvent,\n} from '../components/blog-printable-buttons.js'\nexport {\n BlogArticleMarks,\n type BlogArticleMarksProps,\n type BlogArticleMarksLabels,\n} from '../components/blog-article-marks.js'\nexport {\n BlogArticleShare,\n type BlogArticleShareProps,\n type BlogArticleShareLabels,\n} from '../components/blog-article-share.js'\nexport {\n buildFacebookSharerUrl,\n buildLinkedInShareUrl,\n buildXIntentTweetUrl,\n getSharePageUrlFromLocation,\n requireAbsoluteHttpUrl,\n} from '../lib/share-urls.js'\n","import ReactMarkdown from 'react-markdown'\nimport remarkGfm from 'remark-gfm'\nimport { markdownHrefOpensInNewTab } from '../markdown-link-target.js'\nimport { BLOG_ARTICLE_PROSE_CLASSNAME } from '../server/utils.js'\n\nexport interface BlogArticleBodyProps {\n htmlContent?: string | null\n markdownFallback?: string | null\n /** Override default Tailwind Typography classes */\n className?: string\n}\n\n/**\n * Renders blog article body: prefers `htmlContent` from the headless API,\n * falls back to Markdown when `htmlContent` is empty.\n */\nexport function BlogArticleBody({\n htmlContent,\n markdownFallback,\n className = BLOG_ARTICLE_PROSE_CLASSNAME,\n}: BlogArticleBodyProps) {\n const html = htmlContent?.trim()\n if (html) {\n return (\n <div\n className={className}\n dangerouslySetInnerHTML={{ __html: html }}\n />\n )\n }\n\n const md = markdownFallback?.trim()\n if (md) {\n return (\n <div className={className}>\n <ReactMarkdown\n remarkPlugins={[remarkGfm]}\n components={{\n a({ children, href, ...props }) {\n const h = href ?? ''\n const openNew = markdownHrefOpensInNewTab(h)\n return (\n <a\n href={h}\n {...(openNew\n ? { target: '_blank', rel: 'noopener noreferrer' }\n : {})}\n {...props}\n >\n {children}\n </a>\n )\n },\n }}\n >\n {md}\n </ReactMarkdown>\n </div>\n )\n }\n\n return null\n}\n","export function markdownHrefOpensInNewTab(href: string): boolean {\n const h = href.trim()\n if (h === '') return false\n if (h.startsWith('#') || h.startsWith('?')) return false\n if (h.startsWith('//')) return true\n if (h.startsWith('/')) return false\n if (h.startsWith('./') || h.startsWith('../')) return false\n const lower = h.toLowerCase()\n return lower.startsWith('http://') || lower.startsWith('https://')\n}\n","/**\n * First absolute image URL for OG/Twitter previews: prefer HTML from the API,\n * then markdown image syntax in content.\n */\nconst HTML_IMG_SRC = /<img[^>]+src=[\"']([^\"']+)[\"']/i\nconst MD_IMAGE = /!\\[[^\\]]*]\\(([^)\\s]+)\\)/\n\nfunction normalizeUrl(raw: string): string | null {\n const u = raw.trim()\n if (!u) return null\n if (\n u.startsWith('http://') ||\n u.startsWith('https://') ||\n u.startsWith('/')\n ) {\n return u\n }\n return null\n}\n\nexport function firstEmbedImageUrlFromArticle(\n htmlContent: string | null | undefined,\n markdownContent: string | null | undefined\n): string | null {\n if (htmlContent) {\n const m = htmlContent.match(HTML_IMG_SRC)\n if (m?.[1]) {\n const url = normalizeUrl(m[1])\n if (url) return url\n }\n }\n if (markdownContent) {\n const m = markdownContent.match(MD_IMAGE)\n if (m?.[1]) {\n const url = normalizeUrl(m[1])\n if (url) return url\n }\n }\n return null\n}\n\n/**\n * Default Tailwind Typography class string for article body.\n * Hosts may pass a custom `className` instead.\n */\nexport const BLOG_ARTICLE_PROSE_CLASSNAME = [\n 'prose',\n 'prose-gray',\n 'prose-lg',\n 'max-w-none',\n 'dark:prose-invert',\n 'prose-a:text-blue-600',\n 'hover:prose-a:text-blue-700',\n 'dark:prose-a:text-blue-400',\n 'dark:hover:prose-a:text-blue-300',\n 'prose-blockquote:border-blue-500',\n 'prose-img:rounded-lg',\n 'prose-img:shadow-sm',\n].join(' ')\n","import type { ReactNode } from 'react'\n\nexport type BlogLinkedLinkDisplayItem = {\n id?: string\n type: 'internal_article' | 'update_announcement' | 'external_resource'\n label: string\n url: string\n intro: string | null\n date: string | null\n sortOrder: number\n}\n\nconst TYPE_ORDER: BlogLinkedLinkDisplayItem['type'][] = [\n 'internal_article',\n 'update_announcement',\n 'external_resource',\n]\n\nfunction groupByType(\n links: BlogLinkedLinkDisplayItem[]\n): Map<BlogLinkedLinkDisplayItem['type'], BlogLinkedLinkDisplayItem[]> {\n const sorted = [...links].sort((a, b) => a.sortOrder - b.sortOrder)\n const map = new Map<\n BlogLinkedLinkDisplayItem['type'],\n BlogLinkedLinkDisplayItem[]\n >()\n for (const t of TYPE_ORDER) map.set(t, [])\n for (const link of sorted) {\n const bucket = map.get(link.type)\n if (bucket) bucket.push(link)\n }\n return map\n}\n\nexport interface BlogLinkedLinksDisplayProps {\n links: BlogLinkedLinkDisplayItem[]\n title: string\n typeLabels: Record<BlogLinkedLinkDisplayItem['type'], string>\n variant?: 'article' | 'compact'\n /**\n * When set, paths starting with `/blog/` become `/{locale}/blog/...`.\n */\n blogLocale?: string\n /** Optional link component (e.g. next/link). Defaults to `<a>`. */\n LinkComponent?: (props: {\n href: string\n className?: string\n children: ReactNode\n }) => ReactNode\n}\n\nfunction hrefForLink(url: string, blogLocale?: string): string {\n if (blogLocale && url.startsWith('/blog/')) {\n return `/${blogLocale}${url}`\n }\n return url\n}\n\nexport function BlogLinkedLinksDisplay({\n links,\n title,\n typeLabels,\n variant = 'article',\n blogLocale,\n LinkComponent,\n}: Readonly<BlogLinkedLinksDisplayProps>) {\n if (!links.length) return null\n\n const grouped = groupByType(links)\n const sectionClass =\n variant === 'article'\n ? 'mt-10 border-t border-gray-200 pt-8 dark:border-gray-700'\n : 'mt-4 rounded-lg border border-dashed border-gray-300 p-4 dark:border-gray-600'\n\n const Link =\n LinkComponent ??\n (({ href, className, children }) => (\n <a href={href} className={className}>\n {children}\n </a>\n ))\n\n return (\n <section\n className={sectionClass}\n aria-labelledby=\"mailoo-linked-links-heading\"\n >\n <h2\n id=\"mailoo-linked-links-heading\"\n className={\n variant === 'article'\n ? 'mb-6 text-xl font-semibold text-gray-900 dark:text-white'\n : 'mb-3 text-sm font-semibold text-gray-800 dark:text-gray-200'\n }\n >\n {title}\n </h2>\n <div className=\"space-y-8\">\n {TYPE_ORDER.map((type) => {\n const items = grouped.get(type) ?? []\n if (!items.length) return null\n return (\n <div key={type}>\n <h3\n className={\n variant === 'article'\n ? 'mb-3 text-sm font-semibold uppercase tracking-wide text-gray-500 dark:text-gray-400'\n : 'mb-2 text-xs font-semibold uppercase tracking-wide text-gray-500 dark:text-gray-400'\n }\n >\n {typeLabels[type]}\n </h3>\n <ul className=\"space-y-4\">\n {items.map((item) => (\n <li\n key={\n item.id ?? `${item.type}-${item.url}-${item.sortOrder}`\n }\n >\n <Link\n href={hrefForLink(item.url, blogLocale)}\n className={\n variant === 'article'\n ? 'text-lg font-medium text-blue-600 hover:underline dark:text-blue-400'\n : 'text-sm font-medium text-blue-600 hover:underline dark:text-blue-400'\n }\n >\n {item.label}\n </Link>\n {item.date && (\n <p\n className={\n variant === 'article'\n ? 'mt-1 text-sm text-gray-500 dark:text-gray-400'\n : 'mt-0.5 text-xs text-gray-500 dark:text-gray-400'\n }\n >\n <time dateTime={item.date}>\n {new Date(item.date).toLocaleDateString()}\n </time>\n </p>\n )}\n {item.intro && (\n <p\n className={\n variant === 'article'\n ? 'mt-2 text-sm text-gray-600 dark:text-gray-300'\n : 'mt-1 text-xs text-gray-600 dark:text-gray-300'\n }\n >\n {item.intro}\n </p>\n )}\n </li>\n ))}\n </ul>\n </div>\n )\n })}\n </div>\n </section>\n )\n}\n","'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","'use client'\n\nimport { useCallback, useEffect, useMemo, useState } from 'react'\nimport type {\n BlogArticleMarkCounts,\n BlogArticleMarkState,\n BlogPostReactionSentiment,\n} from '../types.js'\n\nconst STORAGE_KEY = 'mailoo_blog_visitor_key'\nconst VISITOR_STATE_PREFIX = 'mailoo_blog_mark:'\n\nconst BTN =\n 'inline-flex items-center gap-1.5 rounded-lg border px-3 py-1.5 text-sm font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-60'\nconst BTN_IDLE =\n 'border-gray-300 bg-transparent text-gray-700 hover:bg-gray-50 focus:ring-gray-500 dark:border-gray-600 dark:text-gray-300 dark:hover:bg-gray-800'\nconst BTN_ACTIVE =\n 'border-blue-600 bg-blue-50 text-blue-800 focus:ring-blue-500 dark:border-blue-400 dark:bg-blue-950 dark:text-blue-200'\n\nfunction createVisitorKey(): string {\n if (typeof crypto !== 'undefined' && typeof crypto.randomUUID === 'function') {\n return crypto.randomUUID()\n }\n return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {\n const r = (Math.random() * 16) | 0\n const v = c === 'x' ? r : (r & 0x3) | 0x8\n return v.toString(16)\n })\n}\n\nfunction readVisitorKey(): string {\n try {\n const existing = localStorage.getItem(STORAGE_KEY)\n if (existing && existing.length >= 32) return existing\n const next = createVisitorKey()\n localStorage.setItem(STORAGE_KEY, next)\n return next\n } catch {\n return createVisitorKey()\n }\n}\n\ntype LocalMark = {\n sentiment: BlogPostReactionSentiment | null\n hasFeedback: boolean\n}\n\nfunction readLocalMark(slug: string): LocalMark {\n try {\n const raw = localStorage.getItem(`${VISITOR_STATE_PREFIX}${slug}`)\n if (!raw) return { sentiment: null, hasFeedback: false }\n const parsed = JSON.parse(raw) as LocalMark\n return {\n sentiment:\n parsed.sentiment === 'LIKE' || parsed.sentiment === 'DISLIKE'\n ? parsed.sentiment\n : null,\n hasFeedback: Boolean(parsed.hasFeedback),\n }\n } catch {\n return { sentiment: null, hasFeedback: false }\n }\n}\n\nfunction writeLocalMark(slug: string, mark: LocalMark): void {\n try {\n localStorage.setItem(\n `${VISITOR_STATE_PREFIX}${slug}`,\n JSON.stringify(mark)\n )\n } catch {\n // ignore quota / private mode\n }\n}\n\nexport type BlogArticleMarksLabels = {\n like: string\n dislike: string\n feedback: string\n feedbackPlaceholder: string\n submit: string\n cancel: string\n dislikeRequiresComment: string\n error: string\n}\n\nexport type BlogArticleMarksProps = {\n slug: string\n locale?: string\n likeCount?: number\n dislikeCount?: number\n feedbackCount?: number\n /** Same-origin BFF base, e.g. `/api/v1/blog` */\n apiBasePath?: string\n labels: BlogArticleMarksLabels\n className?: string\n}\n\nasync function postMark(\n apiBasePath: string,\n slug: string,\n kind: 'reaction' | 'feedback',\n body: Record<string, unknown>\n): Promise<BlogArticleMarkState> {\n const res = await fetch(\n `${apiBasePath}/slug/${encodeURIComponent(slug)}/${kind}`,\n {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify(body),\n }\n )\n const json = (await res.json()) as {\n data?: BlogArticleMarkState\n error?: string\n message?: string\n }\n if (!res.ok || !json.data) {\n throw new Error(json.message || json.error || `HTTP ${res.status}`)\n }\n return json.data\n}\n\n/**\n * Public like / dislike / feedback controls with counts.\n * POSTs to same-origin BFF (never sends API key).\n */\nexport function BlogArticleMarks({\n slug,\n locale,\n likeCount = 0,\n dislikeCount = 0,\n feedbackCount = 0,\n apiBasePath = '/api/v1/blog',\n labels,\n className,\n}: BlogArticleMarksProps) {\n const [visitorKey, setVisitorKey] = useState<string | null>(null)\n const [counts, setCounts] = useState<BlogArticleMarkCounts>({\n likeCount,\n dislikeCount,\n feedbackCount,\n })\n const [sentiment, setSentiment] = useState<BlogPostReactionSentiment | null>(\n null\n )\n const [hasFeedback, setHasFeedback] = useState(false)\n const [pending, setPending] = useState(false)\n const [error, setError] = useState<string | null>(null)\n const [modal, setModal] = useState<'dislike' | 'feedback' | null>(null)\n const [comment, setComment] = useState('')\n\n useEffect(() => {\n const key = readVisitorKey()\n setVisitorKey(key)\n const local = readLocalMark(slug)\n setSentiment(local.sentiment)\n setHasFeedback(local.hasFeedback)\n }, [slug])\n\n useEffect(() => {\n setCounts({ likeCount, dislikeCount, feedbackCount })\n }, [likeCount, dislikeCount, feedbackCount])\n\n const applyState = useCallback(\n (state: BlogArticleMarkState) => {\n setCounts({\n likeCount: state.likeCount,\n dislikeCount: state.dislikeCount,\n feedbackCount: state.feedbackCount,\n })\n setSentiment(state.sentiment)\n setHasFeedback(state.hasFeedback)\n writeLocalMark(slug, {\n sentiment: state.sentiment,\n hasFeedback: state.hasFeedback,\n })\n },\n [slug]\n )\n\n const run = useCallback(\n async (kind: 'reaction' | 'feedback', body: Record<string, unknown>) => {\n if (!visitorKey || pending) return\n setPending(true)\n setError(null)\n try {\n const state = await postMark(apiBasePath, slug, kind, {\n ...body,\n visitorKey,\n ...(locale ? { locale } : {}),\n })\n applyState(state)\n setModal(null)\n setComment('')\n } catch {\n setError(labels.error)\n } finally {\n setPending(false)\n }\n },\n [apiBasePath, applyState, labels.error, locale, pending, slug, visitorKey]\n )\n\n const onLike = useCallback(() => {\n if (sentiment === 'LIKE') {\n void run('reaction', { action: 'clear' })\n return\n }\n void run('reaction', { action: 'set', sentiment: 'LIKE' })\n }, [run, sentiment])\n\n const onDislikeClick = useCallback(() => {\n if (sentiment === 'DISLIKE') {\n void run('reaction', { action: 'clear' })\n return\n }\n if (hasFeedback) {\n void run('reaction', { action: 'set', sentiment: 'DISLIKE' })\n return\n }\n setModal('dislike')\n }, [hasFeedback, run, sentiment])\n\n const onSubmitModal = useCallback(() => {\n const trimmed = comment.trim()\n if (!trimmed) {\n setError(labels.dislikeRequiresComment)\n return\n }\n if (modal === 'dislike') {\n void run('reaction', {\n action: 'set',\n sentiment: 'DISLIKE',\n comment: trimmed,\n })\n return\n }\n void run('feedback', { action: 'set', comment: trimmed })\n }, [comment, labels.dislikeRequiresComment, modal, run])\n\n const rootClass = useMemo(\n () =>\n [\n 'mt-8 flex flex-col gap-3 border-t border-gray-200 pt-6 dark:border-gray-700',\n className,\n ]\n .filter(Boolean)\n .join(' '),\n [className]\n )\n\n return (\n <div className={rootClass}>\n <div className=\"flex flex-wrap items-center gap-2\">\n <button\n type=\"button\"\n className={`${BTN} ${sentiment === 'LIKE' ? BTN_ACTIVE : BTN_IDLE}`}\n disabled={pending || !visitorKey}\n onClick={onLike}\n aria-pressed={sentiment === 'LIKE'}\n >\n <span>{labels.like}</span>\n <span className=\"tabular-nums\">{counts.likeCount}</span>\n </button>\n <button\n type=\"button\"\n className={`${BTN} ${sentiment === 'DISLIKE' ? BTN_ACTIVE : BTN_IDLE}`}\n disabled={pending || !visitorKey}\n onClick={onDislikeClick}\n aria-pressed={sentiment === 'DISLIKE'}\n >\n <span>{labels.dislike}</span>\n <span className=\"tabular-nums\">{counts.dislikeCount}</span>\n </button>\n <button\n type=\"button\"\n className={`${BTN} ${hasFeedback ? BTN_ACTIVE : BTN_IDLE}`}\n disabled={pending || !visitorKey}\n onClick={() => {\n setError(null)\n setModal('feedback')\n }}\n aria-pressed={hasFeedback}\n >\n <span>{labels.feedback}</span>\n <span className=\"tabular-nums\">{counts.feedbackCount}</span>\n </button>\n </div>\n\n {error ? (\n <p className=\"text-sm text-red-600 dark:text-red-400\" role=\"alert\">\n {error}\n </p>\n ) : null}\n\n {modal ? (\n <div className=\"rounded-lg border border-gray-200 p-4 dark:border-gray-700\">\n <label className=\"mb-2 block text-sm font-medium text-gray-800 dark:text-gray-200\">\n {modal === 'dislike'\n ? labels.dislikeRequiresComment\n : labels.feedback}\n </label>\n <textarea\n className=\"mb-3 w-full rounded-md border border-gray-300 bg-white p-2 text-sm text-gray-900 dark:border-gray-600 dark:bg-gray-900 dark:text-gray-100\"\n rows={3}\n maxLength={1000}\n value={comment}\n placeholder={labels.feedbackPlaceholder}\n onChange={(e) => setComment(e.target.value)}\n />\n <div className=\"flex gap-2\">\n <button\n type=\"button\"\n className={`${BTN} ${BTN_ACTIVE}`}\n disabled={pending}\n onClick={onSubmitModal}\n >\n {labels.submit}\n </button>\n <button\n type=\"button\"\n className={`${BTN} ${BTN_IDLE}`}\n disabled={pending}\n onClick={() => {\n setModal(null)\n setComment('')\n setError(null)\n }}\n >\n {labels.cancel}\n </button>\n </div>\n </div>\n ) : null}\n </div>\n )\n}\n","'use client'\n\nimport { useCallback, useState } from 'react'\nimport {\n buildFacebookSharerUrl,\n buildLinkedInShareUrl,\n buildXIntentTweetUrl,\n getSharePageUrlFromLocation,\n requireAbsoluteHttpUrl,\n} from '../lib/share-urls.js'\n\nexport {\n buildFacebookSharerUrl,\n buildLinkedInShareUrl,\n buildXIntentTweetUrl,\n getSharePageUrlFromLocation,\n requireAbsoluteHttpUrl,\n} from '../lib/share-urls.js'\n\nconst DEFAULT_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 DEFAULT_HEADING_CLASSNAME =\n 'mb-4 text-lg font-semibold text-gray-900 dark:text-white'\n\nconst DEFAULT_SECTION_CLASSNAME =\n 'mt-12 border-t border-gray-200 pt-8 dark:border-gray-700'\n\nexport type BlogArticleShareLabels = {\n heading: string\n x: string\n facebook: string\n linkedin: string\n copyLink: string\n linkCopied: string\n}\n\nexport type BlogArticleShareProps = {\n /** Article title (host API parity with mindful-journal BlogPostShareButtons). */\n title: string\n /** Already-interpolated share text for X (e.g. \"Check out this article: …\"). */\n text: string\n labels: BlogArticleShareLabels\n /**\n * Absolute http(s) share URL. When omitted, each click uses\n * `window.location.origin + pathname` (no query/hash).\n */\n url?: string\n className?: string\n headingClassName?: string\n buttonClassName?: string\n}\n\nfunction resolveShareUrl(url: string | undefined): string {\n if (url !== undefined) {\n return requireAbsoluteHttpUrl(url)\n }\n if (typeof window === 'undefined') {\n throw new Error('Share URL requires a browser location when url is omitted')\n }\n return getSharePageUrlFromLocation(window.location)\n}\n\nfunction openShareWindow(href: string): void {\n window.open(href, '_blank', 'noopener,noreferrer')\n}\n\n/**\n * X / Facebook / LinkedIn / copy-link controls for a blog article.\n * Host provides i18n labels and share text; optional absolute `url`.\n */\nexport function BlogArticleShare({\n title: _title,\n text,\n labels,\n url,\n className = DEFAULT_SECTION_CLASSNAME,\n headingClassName = DEFAULT_HEADING_CLASSNAME,\n buttonClassName = DEFAULT_BUTTON_CLASSNAME,\n}: BlogArticleShareProps) {\n const [linkCopied, setLinkCopied] = useState(false)\n\n const shareUrl = useCallback(() => resolveShareUrl(url), [url])\n\n const onCopy = useCallback(async () => {\n try {\n await navigator.clipboard.writeText(shareUrl())\n setLinkCopied(true)\n setTimeout(() => setLinkCopied(false), 2000)\n } catch {\n // Fail-fast UI: do not claim success or invent a second copy path.\n }\n }, [shareUrl])\n\n return (\n <div className={className}>\n <h3 className={headingClassName}>{labels.heading}</h3>\n <div className=\"flex flex-wrap gap-4\">\n <button\n type=\"button\"\n className={buttonClassName}\n onClick={() => {\n openShareWindow(buildXIntentTweetUrl(shareUrl(), text))\n }}\n >\n <svg\n className=\"mr-2 h-4 w-4\"\n fill=\"currentColor\"\n viewBox=\"0 0 24 24\"\n aria-hidden=\"true\"\n >\n <path d=\"M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84\" />\n </svg>\n {labels.x}\n </button>\n <button\n type=\"button\"\n className={buttonClassName}\n onClick={() => {\n openShareWindow(buildFacebookSharerUrl(shareUrl()))\n }}\n >\n <svg\n className=\"mr-2 h-4 w-4\"\n fill=\"currentColor\"\n viewBox=\"0 0 24 24\"\n aria-hidden=\"true\"\n >\n <path d=\"M24 12.073C24 5.405 18.627 0 12 0S0 5.405 0 12.073C0 18.1 4.388 23.094 10.125 24v-8.435H7.078v-3.492h3.047V9.414c0-3.025 1.792-4.697 4.533-4.697 1.312 0 2.686.236 2.686.236v2.974h-1.513c-1.49 0-1.956.931-1.956 1.887v2.259h3.328l-.532 3.492h-2.796V24C19.612 23.094 24 18.1 24 12.073z\" />\n </svg>\n {labels.facebook}\n </button>\n <button\n type=\"button\"\n className={buttonClassName}\n onClick={() => {\n openShareWindow(buildLinkedInShareUrl(shareUrl()))\n }}\n >\n <svg\n className=\"mr-2 h-4 w-4\"\n fill=\"currentColor\"\n viewBox=\"0 0 24 24\"\n aria-hidden=\"true\"\n >\n <path d=\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\" />\n </svg>\n {labels.linkedin}\n </button>\n <button\n type=\"button\"\n className={buttonClassName}\n onClick={() => void onCopy()}\n >\n <svg\n className=\"mr-2 h-4 w-4\"\n fill=\"none\"\n stroke=\"currentColor\"\n viewBox=\"0 0 24 24\"\n aria-hidden=\"true\"\n >\n <path\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n strokeWidth={2}\n d=\"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z\"\n />\n </svg>\n {linkCopied ? labels.linkCopied : labels.copyLink}\n </button>\n </div>\n </div>\n )\n}\n","/** Lightweight social share URL builders (no host UI deps). */\n\nexport function requireAbsoluteHttpUrl(pageUrl: string): string {\n const trimmed = pageUrl.trim()\n if (!trimmed) {\n throw new Error('Share URL must be a non-empty absolute http(s) URL')\n }\n let parsed: URL\n try {\n parsed = new URL(trimmed)\n } catch {\n throw new Error(`Share URL is not a valid absolute URL: ${pageUrl}`)\n }\n if (parsed.protocol !== 'http:' && parsed.protocol !== 'https:') {\n throw new Error(`Share URL must use http or https: ${pageUrl}`)\n }\n return trimmed\n}\n\nexport function buildFacebookSharerUrl(\n pageUrl: string,\n quote?: string\n): string {\n const params = new URLSearchParams({\n u: requireAbsoluteHttpUrl(pageUrl),\n })\n const trimmedQuote = quote?.trim()\n if (trimmedQuote) {\n params.set('quote', trimmedQuote)\n }\n return `https://www.facebook.com/sharer/sharer.php?${params.toString()}`\n}\n\n/** Blog article share (matches mindful-journal BlogPostShareButtons). */\nexport function buildXIntentTweetUrl(pageUrl: string, text: string): string {\n const params = new URLSearchParams({\n text,\n url: requireAbsoluteHttpUrl(pageUrl),\n })\n return `https://twitter.com/intent/tweet?${params.toString()}`\n}\n\nexport function buildLinkedInShareUrl(pageUrl: string): string {\n const params = new URLSearchParams({\n url: requireAbsoluteHttpUrl(pageUrl),\n })\n return `https://www.linkedin.com/sharing/share-offsite/?${params.toString()}`\n}\n\n/** Canonical page URL without query/hash — safer for social scrapers. */\nexport function getSharePageUrlFromLocation(\n location: Pick<Location, 'origin' | 'pathname'>\n): string {\n return `${location.origin}${location.pathname}`\n}\n"],"mappings":"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","names":["ReactMarkdown","remarkGfm","import_jsx_runtime","import_react","import_jsx_runtime","import_react","import_jsx_runtime"]}
@@ -1,6 +1,6 @@
1
1
  export { BlogArticleBody, BlogArticleBodyProps } from './article-body.cjs';
2
2
  export { BlogLinkedLinkDisplayItem, BlogLinkedLinksDisplay, BlogLinkedLinksDisplayProps } from './linked-links.cjs';
3
- export { BlogPrintableButtons, BlogPrintableButtonsProps } from './printable.cjs';
3
+ export { BlogPrintEvent, BlogPrintableButtons, BlogPrintableButtonsProps } from './printable.cjs';
4
4
  export { BlogArticleMarks, BlogArticleMarksLabels, BlogArticleMarksProps } from './marks.cjs';
5
5
  export { BlogArticleShare, BlogArticleShareLabels, BlogArticleShareProps, buildFacebookSharerUrl, buildLinkedInShareUrl, buildXIntentTweetUrl, getSharePageUrlFromLocation, requireAbsoluteHttpUrl } from './share.cjs';
6
6
  import 'react';
@@ -1,6 +1,6 @@
1
1
  export { BlogArticleBody, BlogArticleBodyProps } from './article-body.js';
2
2
  export { BlogLinkedLinkDisplayItem, BlogLinkedLinksDisplay, BlogLinkedLinksDisplayProps } from './linked-links.js';
3
- export { BlogPrintableButtons, BlogPrintableButtonsProps } from './printable.js';
3
+ export { BlogPrintEvent, BlogPrintableButtons, BlogPrintableButtonsProps } from './printable.js';
4
4
  export { BlogArticleMarks, BlogArticleMarksLabels, BlogArticleMarksProps } from './marks.js';
5
5
  export { BlogArticleShare, BlogArticleShareLabels, BlogArticleShareProps, buildFacebookSharerUrl, buildLinkedInShareUrl, buildXIntentTweetUrl, getSharePageUrlFromLocation, requireAbsoluteHttpUrl } from './share.js';
6
6
  import 'react';