@automattic/social-previews 3.2.3 → 3.2.5

package/dist/index.mjs

@@ -50,6 +50,43 @@ var formatMastodonDate = new Intl.DateTimeFormat("en-US", {
   day: "numeric",
   year: "numeric"
 }).format;
+var collapseWhitespace = (text) => text.replace(/\s+/g, " ").trim();
+var countOccurrences = (haystack, needle) => {
+  let count = 0;
+  for (let pos = haystack.indexOf(needle); pos !== -1; pos = haystack.indexOf(needle, pos + 1)) {
+    count++;
+  }
+  return count;
+};
+var nthIndexOf = (haystack, needle, n) => {
+  let pos = haystack.indexOf(needle);
+  while (pos !== -1 && n > 0) {
+    n--;
+    pos = haystack.indexOf(needle, pos + 1);
+  }
+  return pos;
+};
+function parseHyperlinks(html) {
+  if (!html) {
+    return [];
+  }
+  const doc = document.implementation.createHTMLDocument("");
+  doc.body.innerHTML = html;
+  const links = [];
+  for (const anchor of Array.from(doc.body.querySelectorAll("a[href]"))) {
+    const href = anchor.getAttribute("href") ?? "";
+    const text = collapseWhitespace(anchor.textContent ?? "");
+    if (!/^https?:\/\//i.test(href) || "" === text || text === href) {
+      continue;
+    }
+    const range = doc.createRange();
+    range.selectNodeContents(doc.body);
+    range.setEndBefore(anchor);
+    const occurrence = countOccurrences(collapseWhitespace(range.toString()), text);
+    links.push({ text, href, occurrence });
+  }
+  return links;
+}
 var hashtagUrlMap = {
   twitter: "https://twitter.com/hashtag/%1$s",
   facebook: "https://www.facebook.com/hashtag/%1$s",
@@ -68,7 +105,8 @@ function preparePreviewText(text, options) {
     maxLines,
     hyperlinkHashtags = true,
     // Instagram doesn't support hyperlink URLs at the moment.
-    hyperlinkUrls = "instagram" !== platform
+    hyperlinkUrls = "instagram" !== platform,
+    hyperlinks
   } = options;
   let result = stripHtmlTags(text);
   result = result.replaceAll(/(?:\s*[\n\r]){2,}/g, "\n\n");
@@ -98,6 +136,31 @@ function preparePreviewText(text, options) {
       result = result.replace(fullMatch, `${whitespace}<Hashtag${index} />`);
     });
   }
+  if (hyperlinks?.length) {
+    const matches = [];
+    hyperlinks.forEach(({ text: anchorText, href, occurrence = 0 }, index) => {
+      if (!anchorText) {
+        return;
+      }
+      const pos = nthIndexOf(result, anchorText, occurrence);
+      if (pos === -1) {
+        return;
+      }
+      const overlaps = matches.some(
+        (match) => pos < match.pos + match.text.length && match.pos < pos + anchorText.length
+      );
+      if (!overlaps) {
+        matches.push({ pos, text: anchorText, href, index });
+      }
+    });
+    matches.sort((a, b) => b.pos - a.pos);
+    for (const { pos, text: anchorText, href, index } of matches) {
+      const token = `Hyperlink${index}`;
+      componentMap[token] = /* @__PURE__ */ jsx("a", { href, rel: "noopener noreferrer", target: "_blank" });
+      const wrapped = `<${token}>${anchorText}</${token}>`;
+      result = result.slice(0, pos) + wrapped + result.slice(pos + anchorText.length);
+    }
+  }
   result = result.replace(/\n/g, "<br />");
   componentMap.br = /* @__PURE__ */ jsx("br", {});
   return createInterpolateElement(result, componentMap);
@@ -836,7 +899,8 @@ var TumblrPostPreview = ({
   image,
   user,
   url,
-  media
+  media,
+  hyperlinks
 }) => {
   const avatarUrl = user?.avatarUrl;
   const mediaItem = media?.[0];
@@ -847,7 +911,8 @@ var TumblrPostPreview = ({
       /* @__PURE__ */ jsxs16("div", { className: "tumblr-preview__body", children: [
         title ? /* @__PURE__ */ jsx25("div", { className: "tumblr-preview__title", children: tumblrTitle(title) }) : null,
         description && /* @__PURE__ */ jsx25("div", { className: "tumblr-preview__description", children: /* @__PURE__ */ jsx25(ExpandableText, { text: description, children: (visibleText) => preparePreviewText(tumblrDescription(visibleText), {
-          platform: "tumblr"
+          platform: "tumblr",
+          hyperlinks
         }) }) }),
         mediaItem ? /* @__PURE__ */ jsx25("div", { className: "tumblr-preview__media-item", children: mediaItem.type.startsWith("video/") ? /* @__PURE__ */ jsx25("video", { controls: true, className: "tumblr-preview__media--video", children: /* @__PURE__ */ jsx25("source", { src: mediaItem.url, type: mediaItem.type }) }) : /* @__PURE__ */ jsx25("img", { className: "tumblr-preview__image", src: mediaItem.url, alt: "" }) }) : image && /* @__PURE__ */ jsx25(
           "img",
@@ -1275,8 +1340,6 @@ var DEFAULT_MASTODON_INSTANCE = "mastodon.social";
 // src/mastodon-preview/helpers.ts
 var TITLE_LENGTH4 = 200;
 var BODY_LENGTH = 500;
-var URL_LENGTH2 = 30;
-var BODY_CHAR_LIMIT = BODY_LENGTH - URL_LENGTH2;
 var ADDRESS_PATTERN = /^@([^@]*)@([^@]*)$/i;
 var mastodonTitle = (text) => firstValid(
   shortEnough(TITLE_LENGTH4),
@@ -1286,11 +1349,10 @@ var mastodonBody = (text, options) => {
   const { instance, offset } = options;
   return preparePreviewText(text, {
     platform: "mastodon",
-    maxChars: BODY_LENGTH - URL_LENGTH2 - offset,
+    maxChars: BODY_LENGTH - offset,
     hashtagDomain: instance
   });
 };
-var mastodonUrl = (text) => firstValid(shortEnough(URL_LENGTH2), hardTruncation(URL_LENGTH2))(stripHtmlTags(text)) || "";
 var getMastodonAddressDetails = (address) => {
   const matches = address.match(ADDRESS_PATTERN);
   return {
@@ -1393,7 +1455,7 @@ import clsx4 from "clsx";
 // src/mastodon-preview/post/body/index.tsx
 import { Fragment as Fragment4, jsx as jsx40, jsxs as jsxs29 } from "react/jsx-runtime";
 var MastonPostBody = (props) => {
-  const { title, description, customText, url, user, children } = props;
+  const { title, description, customText, user, children } = props;
   const instance = user?.address ? getMastodonAddressDetails(user.address).instance : "";
   const options = {
     instance,
@@ -1418,7 +1480,6 @@ var MastonPostBody = (props) => {
   }
   return /* @__PURE__ */ jsxs29("div", { className: "mastodon-preview__body", children: [
     bodyTxt,
-    /* @__PURE__ */ jsx40("a", { href: url, target: "_blank", rel: "noreferrer noopener", children: mastodonUrl(url.replace(/^https?:\/\//, "")) }),
     children
   ] });
 };
@@ -1817,28 +1878,35 @@ var actions_default4 = BlueskyPostActions;
 // src/bluesky-preview/helpers.ts
 var TITLE_LENGTH5 = 200;
 var BODY_LENGTH2 = 300;
-var URL_LENGTH3 = 40;
-var BODY_CHAR_LIMIT2 = BODY_LENGTH2 - URL_LENGTH3;
+var URL_LENGTH2 = 40;
+var BODY_CHAR_LIMIT = BODY_LENGTH2 - URL_LENGTH2;
 var blueskyTitle = (text) => firstValid(
   shortEnough(TITLE_LENGTH5),
   hardTruncation(TITLE_LENGTH5)
 )(stripHtmlTags(text)) || "";
 var blueskyBody = (text, options = {}) => {
-  const { offset = 0, reserveUrlSpace = true } = options;
+  const { offset = 0, reserveUrlSpace = true, hyperlinks } = options;
   return preparePreviewText(text, {
     platform: "bluesky",
-    maxChars: BODY_LENGTH2 - (reserveUrlSpace ? URL_LENGTH3 : 0) - offset
+    maxChars: BODY_LENGTH2 - (reserveUrlSpace ? URL_LENGTH2 : 0) - offset,
+    hyperlinks
   });
 };
-var blueskyUrl = (text) => firstValid(shortEnough(URL_LENGTH3), hardTruncation(URL_LENGTH3))(stripHtmlTags(text)) || "";
+var blueskyUrl = (text) => firstValid(shortEnough(URL_LENGTH2), hardTruncation(URL_LENGTH2))(stripHtmlTags(text)) || "";
 
 // src/bluesky-preview/post/body/index.tsx
 import { Fragment as Fragment6, jsx as jsx54, jsxs as jsxs37 } from "react/jsx-runtime";
-var BlueskyPostBody = ({ customText, url, children, appendUrl }) => {
+var BlueskyPostBody = ({
+  customText,
+  url,
+  children,
+  appendUrl,
+  hyperlinks
+}) => {
   const showUrl = appendUrl && !!url && !customText?.includes(url);
   return /* @__PURE__ */ jsxs37("div", { className: "bluesky-preview__body", children: [
     customText ? /* @__PURE__ */ jsxs37(Fragment6, { children: [
-      /* @__PURE__ */ jsx54("div", { children: blueskyBody(customText, { reserveUrlSpace: showUrl }) }),
+      /* @__PURE__ */ jsx54("div", { children: blueskyBody(customText, { reserveUrlSpace: showUrl, hyperlinks }) }),
       showUrl ? /* @__PURE__ */ jsxs37(Fragment6, { children: [
         /* @__PURE__ */ jsx54("br", {}),
         /* @__PURE__ */ jsx54("a", { href: url, target: "_blank", rel: "noreferrer noopener", children: blueskyUrl(url.replace(/^https?:\/\//, "")) })
@@ -2445,6 +2513,7 @@ export {
   TumblrPreviews,
   TwitterLinkPreview,
   TwitterPostPreview,
-  TwitterPreviews
+  TwitterPreviews,
+  parseHyperlinks
 };
 //# sourceMappingURL=index.mjs.map