@mailoo/blog 0.0.0-stage → 1.33.0

package/dist/client/index.cjs

@@ -0,0 +1,776 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/client/index.ts
+var client_exports = {};
+__export(client_exports, {
+  BlogArticleBody: () => BlogArticleBody,
+  BlogArticleMarks: () => BlogArticleMarks,
+  BlogArticleShare: () => BlogArticleShare,
+  BlogLinkedLinksDisplay: () => BlogLinkedLinksDisplay,
+  BlogPrintableButtons: () => BlogPrintableButtons,
+  buildFacebookSharerUrl: () => buildFacebookSharerUrl,
+  buildLinkedInShareUrl: () => buildLinkedInShareUrl,
+  buildXIntentTweetUrl: () => buildXIntentTweetUrl,
+  getSharePageUrlFromLocation: () => getSharePageUrlFromLocation,
+  requireAbsoluteHttpUrl: () => requireAbsoluteHttpUrl
+});
+module.exports = __toCommonJS(client_exports);
+
+// src/components/blog-article-body.tsx
+var import_react_markdown = __toESM(require("react-markdown"), 1);
+var import_remark_gfm = __toESM(require("remark-gfm"), 1);
+
+// src/markdown-link-target.ts
+function markdownHrefOpensInNewTab(href) {
+  const h = href.trim();
+  if (h === "") return false;
+  if (h.startsWith("#") || h.startsWith("?")) return false;
+  if (h.startsWith("//")) return true;
+  if (h.startsWith("/")) return false;
+  if (h.startsWith("./") || h.startsWith("../")) return false;
+  const lower = h.toLowerCase();
+  return lower.startsWith("http://") || lower.startsWith("https://");
+}
+
+// src/server/utils.ts
+var BLOG_ARTICLE_PROSE_CLASSNAME = [
+  "prose",
+  "prose-gray",
+  "prose-lg",
+  "max-w-none",
+  "dark:prose-invert",
+  "prose-a:text-blue-600",
+  "hover:prose-a:text-blue-700",
+  "dark:prose-a:text-blue-400",
+  "dark:hover:prose-a:text-blue-300",
+  "prose-blockquote:border-blue-500",
+  "prose-img:rounded-lg",
+  "prose-img:shadow-sm"
+].join(" ");
+
+// src/components/blog-article-body.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function BlogArticleBody({
+  htmlContent,
+  markdownFallback,
+  className = BLOG_ARTICLE_PROSE_CLASSNAME
+}) {
+  const html = htmlContent?.trim();
+  if (html) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        className,
+        dangerouslySetInnerHTML: { __html: html }
+      }
+    );
+  }
+  const md = markdownFallback?.trim();
+  if (md) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_react_markdown.default,
+      {
+        remarkPlugins: [import_remark_gfm.default],
+        components: {
+          a({ children, href, ...props }) {
+            const h = href ?? "";
+            const openNew = markdownHrefOpensInNewTab(h);
+            return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "a",
+              {
+                href: h,
+                ...openNew ? { target: "_blank", rel: "noopener noreferrer" } : {},
+                ...props,
+                children
+              }
+            );
+          }
+        },
+        children: md
+      }
+    ) });
+  }
+  return null;
+}
+
+// src/components/blog-linked-links-display.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var TYPE_ORDER = [
+  "internal_article",
+  "update_announcement",
+  "external_resource"
+];
+function groupByType(links) {
+  const sorted = [...links].sort((a, b) => a.sortOrder - b.sortOrder);
+  const map = /* @__PURE__ */ new Map();
+  for (const t of TYPE_ORDER) map.set(t, []);
+  for (const link of sorted) {
+    const bucket = map.get(link.type);
+    if (bucket) bucket.push(link);
+  }
+  return map;
+}
+function hrefForLink(url, blogLocale) {
+  if (blogLocale && url.startsWith("/blog/")) {
+    return `/${blogLocale}${url}`;
+  }
+  return url;
+}
+function BlogLinkedLinksDisplay({
+  links,
+  title,
+  typeLabels,
+  variant = "article",
+  blogLocale,
+  LinkComponent
+}) {
+  if (!links.length) return null;
+  const grouped = groupByType(links);
+  const sectionClass = variant === "article" ? "mt-10 border-t border-gray-200 pt-8 dark:border-gray-700" : "mt-4 rounded-lg border border-dashed border-gray-300 p-4 dark:border-gray-600";
+  const Link = LinkComponent ?? (({ href, className, children }) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("a", { href, className, children }));
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    "section",
+    {
+      className: sectionClass,
+      "aria-labelledby": "mailoo-linked-links-heading",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "h2",
+          {
+            id: "mailoo-linked-links-heading",
+            className: variant === "article" ? "mb-6 text-xl font-semibold text-gray-900 dark:text-white" : "mb-3 text-sm font-semibold text-gray-800 dark:text-gray-200",
+            children: title
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "space-y-8", children: TYPE_ORDER.map((type) => {
+          const items = grouped.get(type) ?? [];
+          if (!items.length) return null;
+          return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              "h3",
+              {
+                className: variant === "article" ? "mb-3 text-sm font-semibold uppercase tracking-wide text-gray-500 dark:text-gray-400" : "mb-2 text-xs font-semibold uppercase tracking-wide text-gray-500 dark:text-gray-400",
+                children: typeLabels[type]
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("ul", { className: "space-y-4", children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+              "li",
+              {
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                    Link,
+                    {
+                      href: hrefForLink(item.url, blogLocale),
+                      className: variant === "article" ? "text-lg font-medium text-blue-600 hover:underline dark:text-blue-400" : "text-sm font-medium text-blue-600 hover:underline dark:text-blue-400",
+                      children: item.label
+                    }
+                  ),
+                  item.date && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                    "p",
+                    {
+                      className: variant === "article" ? "mt-1 text-sm text-gray-500 dark:text-gray-400" : "mt-0.5 text-xs text-gray-500 dark:text-gray-400",
+                      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("time", { dateTime: item.date, children: new Date(item.date).toLocaleDateString() })
+                    }
+                  ),
+                  item.intro && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                    "p",
+                    {
+                      className: variant === "article" ? "mt-2 text-sm text-gray-600 dark:text-gray-300" : "mt-1 text-xs text-gray-600 dark:text-gray-300",
+                      children: item.intro
+                    }
+                  )
+                ]
+              },
+              item.id ?? `${item.type}-${item.url}-${item.sortOrder}`
+            )) })
+          ] }, type);
+        }) })
+      ]
+    }
+  );
+}
+
+// src/components/blog-printable-buttons.tsx
+var import_react = require("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",
+  "border 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",
+  "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>
+  body {
+    font-family: system-ui, -apple-system, sans-serif;
+    line-height: 1.6;
+    max-width: 48rem;
+    margin: 2rem auto;
+    padding: 0 1rem;
+    color: #111;
+  }
+  img { max-width: 100%; height: auto; }
+  a { color: #2563eb; }
+</style>
+</head>
+<body>
+${body.innerHTML}
+</body>
+</html>`;
+  win.document.open();
+  win.document.write(html);
+  win.document.close();
+  win.focus();
+  win.onload = () => {
+    win.print();
+  };
+  setTimeout(() => {
+    win.print();
+  }, 300);
+}
+function BlogPrintableButtons({
+  printLabel = "Print summary",
+  buttonClassName = PRINT_BUTTON_CLASSNAME
+} = {}) {
+  (0, import_react.useEffect)(() => {
+    const sections = document.querySelectorAll(
+      "[data-mailoo-print]:not([data-mailoo-print-enhanced])"
+    );
+    for (const section of sections) {
+      section.setAttribute("data-mailoo-print-enhanced", "true");
+      const actions = document.createElement("div");
+      actions.className = "mailoo-printable-actions";
+      const button = document.createElement("button");
+      button.type = "button";
+      button.className = buttonClassName;
+      button.textContent = printLabel;
+      button.addEventListener("click", () => {
+        printMailooSection(section);
+      });
+      actions.appendChild(button);
+      section.insertBefore(actions, section.firstChild);
+    }
+  }, [printLabel, buttonClassName]);
+  return null;
+}
+
+// src/components/blog-article-marks.tsx
+var import_react2 = require("react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var STORAGE_KEY = "mailoo_blog_visitor_key";
+var VISITOR_STATE_PREFIX = "mailoo_blog_mark:";
+var BTN = "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";
+var BTN_IDLE = "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";
+var BTN_ACTIVE = "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";
+function createVisitorKey() {
+  if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
+    return crypto.randomUUID();
+  }
+  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (c) => {
+    const r = Math.random() * 16 | 0;
+    const v = c === "x" ? r : r & 3 | 8;
+    return v.toString(16);
+  });
+}
+function readVisitorKey() {
+  try {
+    const existing = localStorage.getItem(STORAGE_KEY);
+    if (existing && existing.length >= 32) return existing;
+    const next = createVisitorKey();
+    localStorage.setItem(STORAGE_KEY, next);
+    return next;
+  } catch {
+    return createVisitorKey();
+  }
+}
+function readLocalMark(slug) {
+  try {
+    const raw = localStorage.getItem(`${VISITOR_STATE_PREFIX}${slug}`);
+    if (!raw) return { sentiment: null, hasFeedback: false };
+    const parsed = JSON.parse(raw);
+    return {
+      sentiment: parsed.sentiment === "LIKE" || parsed.sentiment === "DISLIKE" ? parsed.sentiment : null,
+      hasFeedback: Boolean(parsed.hasFeedback)
+    };
+  } catch {
+    return { sentiment: null, hasFeedback: false };
+  }
+}
+function writeLocalMark(slug, mark) {
+  try {
+    localStorage.setItem(
+      `${VISITOR_STATE_PREFIX}${slug}`,
+      JSON.stringify(mark)
+    );
+  } catch {
+  }
+}
+async function postMark(apiBasePath, slug, kind, body) {
+  const res = await fetch(
+    `${apiBasePath}/slug/${encodeURIComponent(slug)}/${kind}`,
+    {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify(body)
+    }
+  );
+  const json = await res.json();
+  if (!res.ok || !json.data) {
+    throw new Error(json.message || json.error || `HTTP ${res.status}`);
+  }
+  return json.data;
+}
+function BlogArticleMarks({
+  slug,
+  locale,
+  likeCount = 0,
+  dislikeCount = 0,
+  feedbackCount = 0,
+  apiBasePath = "/api/v1/blog",
+  labels,
+  className
+}) {
+  const [visitorKey, setVisitorKey] = (0, import_react2.useState)(null);
+  const [counts, setCounts] = (0, import_react2.useState)({
+    likeCount,
+    dislikeCount,
+    feedbackCount
+  });
+  const [sentiment, setSentiment] = (0, import_react2.useState)(
+    null
+  );
+  const [hasFeedback, setHasFeedback] = (0, import_react2.useState)(false);
+  const [pending, setPending] = (0, import_react2.useState)(false);
+  const [error, setError] = (0, import_react2.useState)(null);
+  const [modal, setModal] = (0, import_react2.useState)(null);
+  const [comment, setComment] = (0, import_react2.useState)("");
+  (0, import_react2.useEffect)(() => {
+    const key = readVisitorKey();
+    setVisitorKey(key);
+    const local = readLocalMark(slug);
+    setSentiment(local.sentiment);
+    setHasFeedback(local.hasFeedback);
+  }, [slug]);
+  (0, import_react2.useEffect)(() => {
+    setCounts({ likeCount, dislikeCount, feedbackCount });
+  }, [likeCount, dislikeCount, feedbackCount]);
+  const applyState = (0, import_react2.useCallback)(
+    (state) => {
+      setCounts({
+        likeCount: state.likeCount,
+        dislikeCount: state.dislikeCount,
+        feedbackCount: state.feedbackCount
+      });
+      setSentiment(state.sentiment);
+      setHasFeedback(state.hasFeedback);
+      writeLocalMark(slug, {
+        sentiment: state.sentiment,
+        hasFeedback: state.hasFeedback
+      });
+    },
+    [slug]
+  );
+  const run = (0, import_react2.useCallback)(
+    async (kind, body) => {
+      if (!visitorKey || pending) return;
+      setPending(true);
+      setError(null);
+      try {
+        const state = await postMark(apiBasePath, slug, kind, {
+          ...body,
+          visitorKey,
+          ...locale ? { locale } : {}
+        });
+        applyState(state);
+        setModal(null);
+        setComment("");
+      } catch {
+        setError(labels.error);
+      } finally {
+        setPending(false);
+      }
+    },
+    [apiBasePath, applyState, labels.error, locale, pending, slug, visitorKey]
+  );
+  const onLike = (0, import_react2.useCallback)(() => {
+    if (sentiment === "LIKE") {
+      void run("reaction", { action: "clear" });
+      return;
+    }
+    void run("reaction", { action: "set", sentiment: "LIKE" });
+  }, [run, sentiment]);
+  const onDislikeClick = (0, import_react2.useCallback)(() => {
+    if (sentiment === "DISLIKE") {
+      void run("reaction", { action: "clear" });
+      return;
+    }
+    if (hasFeedback) {
+      void run("reaction", { action: "set", sentiment: "DISLIKE" });
+      return;
+    }
+    setModal("dislike");
+  }, [hasFeedback, run, sentiment]);
+  const onSubmitModal = (0, import_react2.useCallback)(() => {
+    const trimmed = comment.trim();
+    if (!trimmed) {
+      setError(labels.dislikeRequiresComment);
+      return;
+    }
+    if (modal === "dislike") {
+      void run("reaction", {
+        action: "set",
+        sentiment: "DISLIKE",
+        comment: trimmed
+      });
+      return;
+    }
+    void run("feedback", { action: "set", comment: trimmed });
+  }, [comment, labels.dislikeRequiresComment, modal, run]);
+  const rootClass = (0, import_react2.useMemo)(
+    () => [
+      "mt-8 flex flex-col gap-3 border-t border-gray-200 pt-6 dark:border-gray-700",
+      className
+    ].filter(Boolean).join(" "),
+    [className]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: rootClass, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex flex-wrap items-center gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+        "button",
+        {
+          type: "button",
+          className: `${BTN} ${sentiment === "LIKE" ? BTN_ACTIVE : BTN_IDLE}`,
+          disabled: pending || !visitorKey,
+          onClick: onLike,
+          "aria-pressed": sentiment === "LIKE",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: labels.like }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "tabular-nums", children: counts.likeCount })
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+        "button",
+        {
+          type: "button",
+          className: `${BTN} ${sentiment === "DISLIKE" ? BTN_ACTIVE : BTN_IDLE}`,
+          disabled: pending || !visitorKey,
+          onClick: onDislikeClick,
+          "aria-pressed": sentiment === "DISLIKE",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: labels.dislike }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "tabular-nums", children: counts.dislikeCount })
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+        "button",
+        {
+          type: "button",
+          className: `${BTN} ${hasFeedback ? BTN_ACTIVE : BTN_IDLE}`,
+          disabled: pending || !visitorKey,
+          onClick: () => {
+            setError(null);
+            setModal("feedback");
+          },
+          "aria-pressed": hasFeedback,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: labels.feedback }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "tabular-nums", children: counts.feedbackCount })
+          ]
+        }
+      )
+    ] }),
+    error ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "text-sm text-red-600 dark:text-red-400", role: "alert", children: error }) : null,
+    modal ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "rounded-lg border border-gray-200 p-4 dark:border-gray-700", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("label", { className: "mb-2 block text-sm font-medium text-gray-800 dark:text-gray-200", children: modal === "dislike" ? labels.dislikeRequiresComment : labels.feedback }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        "textarea",
+        {
+          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",
+          rows: 3,
+          maxLength: 1e3,
+          value: comment,
+          placeholder: labels.feedbackPlaceholder,
+          onChange: (e) => setComment(e.target.value)
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          "button",
+          {
+            type: "button",
+            className: `${BTN} ${BTN_ACTIVE}`,
+            disabled: pending,
+            onClick: onSubmitModal,
+            children: labels.submit
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          "button",
+          {
+            type: "button",
+            className: `${BTN} ${BTN_IDLE}`,
+            disabled: pending,
+            onClick: () => {
+              setModal(null);
+              setComment("");
+              setError(null);
+            },
+            children: labels.cancel
+          }
+        )
+      ] })
+    ] }) : null
+  ] });
+}
+
+// src/components/blog-article-share.tsx
+var import_react3 = require("react");
+
+// src/lib/share-urls.ts
+function requireAbsoluteHttpUrl(pageUrl) {
+  const trimmed = pageUrl.trim();
+  if (!trimmed) {
+    throw new Error("Share URL must be a non-empty absolute http(s) URL");
+  }
+  let parsed;
+  try {
+    parsed = new URL(trimmed);
+  } catch {
+    throw new Error(`Share URL is not a valid absolute URL: ${pageUrl}`);
+  }
+  if (parsed.protocol !== "http:" && parsed.protocol !== "https:") {
+    throw new Error(`Share URL must use http or https: ${pageUrl}`);
+  }
+  return trimmed;
+}
+function buildFacebookSharerUrl(pageUrl, quote) {
+  const params = new URLSearchParams({
+    u: requireAbsoluteHttpUrl(pageUrl)
+  });
+  const trimmedQuote = quote?.trim();
+  if (trimmedQuote) {
+    params.set("quote", trimmedQuote);
+  }
+  return `https://www.facebook.com/sharer/sharer.php?${params.toString()}`;
+}
+function buildXIntentTweetUrl(pageUrl, text) {
+  const params = new URLSearchParams({
+    text,
+    url: requireAbsoluteHttpUrl(pageUrl)
+  });
+  return `https://twitter.com/intent/tweet?${params.toString()}`;
+}
+function buildLinkedInShareUrl(pageUrl) {
+  const params = new URLSearchParams({
+    url: requireAbsoluteHttpUrl(pageUrl)
+  });
+  return `https://www.linkedin.com/sharing/share-offsite/?${params.toString()}`;
+}
+function getSharePageUrlFromLocation(location) {
+  return `${location.origin}${location.pathname}`;
+}
+
+// src/components/blog-article-share.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var DEFAULT_BUTTON_CLASSNAME = [
+  "inline-flex items-center justify-center rounded-lg font-medium transition-colors",
+  "focus:outline-none focus:ring-2 focus:ring-offset-2",
+  "border 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",
+  "px-3 py-1.5 text-sm"
+].join(" ");
+var DEFAULT_HEADING_CLASSNAME = "mb-4 text-lg font-semibold text-gray-900 dark:text-white";
+var DEFAULT_SECTION_CLASSNAME = "mt-12 border-t border-gray-200 pt-8 dark:border-gray-700";
+function resolveShareUrl(url) {
+  if (url !== void 0) {
+    return requireAbsoluteHttpUrl(url);
+  }
+  if (typeof window === "undefined") {
+    throw new Error("Share URL requires a browser location when url is omitted");
+  }
+  return getSharePageUrlFromLocation(window.location);
+}
+function openShareWindow(href) {
+  window.open(href, "_blank", "noopener,noreferrer");
+}
+function BlogArticleShare({
+  title: _title,
+  text,
+  labels,
+  url,
+  className = DEFAULT_SECTION_CLASSNAME,
+  headingClassName = DEFAULT_HEADING_CLASSNAME,
+  buttonClassName = DEFAULT_BUTTON_CLASSNAME
+}) {
+  const [linkCopied, setLinkCopied] = (0, import_react3.useState)(false);
+  const shareUrl = (0, import_react3.useCallback)(() => resolveShareUrl(url), [url]);
+  const onCopy = (0, import_react3.useCallback)(async () => {
+    try {
+      await navigator.clipboard.writeText(shareUrl());
+      setLinkCopied(true);
+      setTimeout(() => setLinkCopied(false), 2e3);
+    } catch {
+    }
+  }, [shareUrl]);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h3", { className: headingClassName, children: labels.heading }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex flex-wrap gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+        "button",
+        {
+          type: "button",
+          className: buttonClassName,
+          onClick: () => {
+            openShareWindow(buildXIntentTweetUrl(shareUrl(), text));
+          },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+              "svg",
+              {
+                className: "mr-2 h-4 w-4",
+                fill: "currentColor",
+                viewBox: "0 0 24 24",
+                "aria-hidden": "true",
+                children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("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" })
+              }
+            ),
+            labels.x
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+        "button",
+        {
+          type: "button",
+          className: buttonClassName,
+          onClick: () => {
+            openShareWindow(buildFacebookSharerUrl(shareUrl()));
+          },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+              "svg",
+              {
+                className: "mr-2 h-4 w-4",
+                fill: "currentColor",
+                viewBox: "0 0 24 24",
+                "aria-hidden": "true",
+                children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("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" })
+              }
+            ),
+            labels.facebook
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+        "button",
+        {
+          type: "button",
+          className: buttonClassName,
+          onClick: () => {
+            openShareWindow(buildLinkedInShareUrl(shareUrl()));
+          },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+              "svg",
+              {
+                className: "mr-2 h-4 w-4",
+                fill: "currentColor",
+                viewBox: "0 0 24 24",
+                "aria-hidden": "true",
+                children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("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" })
+              }
+            ),
+            labels.linkedin
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+        "button",
+        {
+          type: "button",
+          className: buttonClassName,
+          onClick: () => void onCopy(),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+              "svg",
+              {
+                className: "mr-2 h-4 w-4",
+                fill: "none",
+                stroke: "currentColor",
+                viewBox: "0 0 24 24",
+                "aria-hidden": "true",
+                children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                  "path",
+                  {
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    strokeWidth: 2,
+                    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"
+                  }
+                )
+              }
+            ),
+            linkCopied ? labels.linkCopied : labels.copyLink
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BlogArticleBody,
+  BlogArticleMarks,
+  BlogArticleShare,
+  BlogLinkedLinksDisplay,
+  BlogPrintableButtons,
+  buildFacebookSharerUrl,
+  buildLinkedInShareUrl,
+  buildXIntentTweetUrl,
+  getSharePageUrlFromLocation,
+  requireAbsoluteHttpUrl
+});
+//# sourceMappingURL=index.cjs.map