@ecency/render-helper 2.4.33 → 2.4.34

package/dist/browser/index.js

@@ -2,11 +2,11 @@ import { DOMParser as DOMParser$1, XMLSerializer } from '@xmldom/xmldom';
 import xss from 'xss';
 import multihash from 'multihashes';
 import querystring from 'querystring';
+import { LRUCache } from 'lru-cache';
 import { Remarkable } from 'remarkable';
 import { linkify as linkify$1 } from 'remarkable/linkify';
 import * as htmlparser2 from 'htmlparser2';
 import * as domSerializerModule from 'dom-serializer';
-import { LRUCache } from 'lru-cache';
 import he from 'he';
 
 // src/consts/white-list.const.ts
@@ -296,6 +296,14 @@ function sanitizeHtml(html) {
   });
 }
 var proxyBase = "https://images.ecency.com";
+var urlHashCache = new LRUCache({ max: 500 });
+function getUrlHash(url) {
+  const cached = urlHashCache.get(url);
+  if (cached) return cached;
+  const hash = multihash.toB58String(Buffer.from(url));
+  urlHashCache.set(url, hash);
+  return hash;
+}
 function setProxyBase(p2) {
   proxyBase = p2;
 }
@@ -346,7 +354,7 @@ function proxifyImageSrc(url, width = 0, height = 0, _format = "match") {
   if (pHash) {
     return `${proxyBase}/p/${pHash}?${qs}`;
   }
-  const b58url = multihash.toB58String(Buffer.from(realUrl.toString()));
+  const b58url = getUrlHash(realUrl.toString());
   return `${proxyBase}/p/${b58url}?${qs}`;
 }
 var SRCSET_WIDTHS = [320, 600, 800, 1024, 1280];
@@ -1618,7 +1626,7 @@ function simpleMarkdownToHTML(input) {
   const html = getMd().render(input);
   return sanitizeHtml(html);
 }
-var cache = new LRUCache({ max: 60 });
+var cache = new LRUCache({ max: 500 });
 function setCacheSize(size) {
   cache = new LRUCache({ max: size });
 }
@@ -1649,6 +1657,40 @@ var gifLinkRegex = /\.(gif)$/i;
 function isGifLink(link) {
   return gifLinkRegex.test(link);
 }
+var BACKTICK_FENCE_RE = /```[\s\S]*?```/g;
+var TILDE_FENCE_RE = /~~~[\s\S]*?~~~/g;
+var INLINE_CODE_RE = /`[^`\n]*`/g;
+var INDENTED_CODE_RE = /^(?: {4}|\t).+$/gm;
+var MD_IMAGE_RE = /!\[[^\]]*\]\(\s*([^)\s]+)(?:\s+["'][^"']*["'])?\s*\)/;
+var HTML_IMAGE_RE = /<img\b[^>]*?\bsrc\s*=\s*["']([^"']+)["']/i;
+var SAFE_URL_RE = /^https?:\/\//i;
+function findFirstImageUrl(body) {
+  if (!body) return null;
+  const cleaned = body.replace(BACKTICK_FENCE_RE, "").replace(TILDE_FENCE_RE, "").replace(INLINE_CODE_RE, "").replace(INDENTED_CODE_RE, "");
+  const mdMatch = cleaned.match(MD_IMAGE_RE);
+  const htmlMatch = cleaned.match(HTML_IMAGE_RE);
+  if (mdMatch) {
+    const url = mdMatch[1];
+    if (!url || !SAFE_URL_RE.test(url) || url.includes("(")) {
+      return null;
+    }
+  }
+  const mdValid = !!mdMatch;
+  const htmlValid = !!(htmlMatch && htmlMatch[1] && SAFE_URL_RE.test(htmlMatch[1]));
+  if (mdValid && htmlValid) {
+    return (mdMatch.index ?? 0) < (htmlMatch.index ?? 0) ? mdMatch[1] : htmlMatch[1];
+  }
+  if (mdValid) return mdMatch[1];
+  if (htmlValid) return htmlMatch[1];
+  return null;
+}
+function proxifyFound(src, width, height, format) {
+  const decoded = he.decode(src);
+  if (isGifLink(decoded)) {
+    return proxifyImageSrc(decoded, 0, 0, format);
+  }
+  return proxifyImageSrc(decoded, width, height, format);
+}
 function getImage(entry, width = 0, height = 0, format = "match") {
   let meta;
   if (typeof entry.json_metadata === "object") {
@@ -1680,6 +1722,10 @@ function getImage(entry, width = 0, height = 0, format = "match") {
     }
     return proxifyImageSrc(meta.image[0], width, height, format);
   }
+  const fast = findFirstImageUrl(entry.body);
+  if (fast) {
+    return proxifyFound(fast, width, height, format);
+  }
   const html = markdown2Html(entry);
   const doc = createDoc(html);
   if (!doc) {
@@ -1691,16 +1737,16 @@ function getImage(entry, width = 0, height = 0, format = "match") {
     if (!src) {
       return null;
     }
-    const decodedSrc = he.decode(src);
-    if (isGifLink(decodedSrc)) {
-      return proxifyImageSrc(decodedSrc, 0, 0, format);
-    }
-    return proxifyImageSrc(decodedSrc, width, height, format);
+    return proxifyFound(src, width, height, format);
   }
   return null;
 }
 function catchPostImage(obj, width = 0, height = 0, format = "match") {
   if (typeof obj === "string") {
+    const fast = findFirstImageUrl(obj);
+    if (fast) {
+      return proxifyFound(fast, width, height, format);
+    }
     const html = markdown2Html(obj);
     const doc = createDoc(html);
     if (!doc) {
@@ -1712,11 +1758,7 @@ function catchPostImage(obj, width = 0, height = 0, format = "match") {
       if (!src) {
         return null;
       }
-      const decodedSrc = he.decode(src);
-      if (isGifLink(decodedSrc)) {
-        return proxifyImageSrc(decodedSrc, 0, 0, format);
-      }
-      return proxifyImageSrc(decodedSrc, width, height, format);
+      return proxifyFound(src, width, height, format);
     }
     return null;
   }
@@ -1729,6 +1771,20 @@ function catchPostImage(obj, width = 0, height = 0, format = "match") {
   cacheSet(key, res);
   return res;
 }
+var summaryRenderer = new Remarkable({
+  html: true,
+  breaks: true,
+  typographer: false
+});
+summaryRenderer.core.ruler.enable(["abbr"]);
+summaryRenderer.block.ruler.enable(["footnote", "deflist"]);
+summaryRenderer.inline.ruler.enable([
+  "footnote_inline",
+  "ins",
+  "mark",
+  "sub",
+  "sup"
+]);
 var joint = (arr, limit = 200) => {
   let result = "";
   if (arr) {
@@ -1754,25 +1810,6 @@ function postBodySummary(entryBody, length = 200, platform = "web") {
     return "";
   }
   entryBody = cleanReply(entryBody);
-  const mdd = new Remarkable({
-    html: true,
-    breaks: true,
-    typographer: false
-  }).use(linkify$1);
-  mdd.core.ruler.enable([
-    "abbr"
-  ]);
-  mdd.block.ruler.enable([
-    "footnote",
-    "deflist"
-  ]);
-  mdd.inline.ruler.enable([
-    "footnote_inline",
-    "ins",
-    "mark",
-    "sub",
-    "sup"
-  ]);
   const entities = entryBody.match(ENTITY_REGEX);
   const entityPlaceholders = [];
   if (entities && platform !== "web") {
@@ -1785,7 +1822,7 @@ function postBodySummary(entryBody, length = 200, platform = "web") {
   }
   let text2 = "";
   try {
-    text2 = mdd.render(entryBody);
+    text2 = summaryRenderer.render(entryBody);
   } catch (err) {
     console.error("[postBodySummary] Failed to render markdown:", {
       error: err instanceof Error ? err.message : String(err),