@ecency/render-helper 2.4.33 → 2.4.35

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
@@ -177,23 +177,112 @@ function createParser() {
 var DOMParser = createParser();
 
 // src/helper.ts
+function isSpaceChar(c) {
+  return c === 32 || c === 9 || c === 10 || c === 13 || c === 12;
+}
+function isAsciiLetter(c) {
+  return c >= 65 && c <= 90 || c >= 97 && c <= 122;
+}
+function isTagNameChar(c) {
+  return isAsciiLetter(c) || c >= 48 && c <= 57;
+}
+function isAttrNameChar(c) {
+  return isAsciiLetter(c) || c >= 48 && c <= 57 || c === 45 || c === 95 || c === 58 || c === 46;
+}
 function removeDuplicateAttributes(html) {
-  const tagRegex = /<([a-zA-Z][a-zA-Z0-9]*)\s+((?:[^>"']+|"[^"]*"|'[^']*')*?)\s*(\/?)>/g;
-  return html.replace(tagRegex, (match, tagName, attrsString, selfClose) => {
-    const seenAttrs = /* @__PURE__ */ new Set();
-    const cleanedAttrs = [];
-    const attrRegex = /([a-zA-Z_:][-a-zA-Z0-9_:.]*)\s*(?:=\s*(?:"[^"]*"|'[^']*'|[^\s/>]+))?/g;
-    let attrMatch;
-    while ((attrMatch = attrRegex.exec(attrsString)) !== null) {
-      const attrName = attrMatch[1].toLowerCase();
-      if (!seenAttrs.has(attrName)) {
-        seenAttrs.add(attrName);
-        cleanedAttrs.push(attrMatch[0]);
+  const n = html.length;
+  let out = "";
+  let i = 0;
+  while (i < n) {
+    const lt = html.indexOf("<", i);
+    if (lt < 0) {
+      out += html.slice(i);
+      break;
+    }
+    out += html.slice(i, lt);
+    if (lt + 1 >= n || !isAsciiLetter(html.charCodeAt(lt + 1))) {
+      out += "<";
+      i = lt + 1;
+      continue;
+    }
+    let p2 = lt + 1;
+    while (p2 < n && isTagNameChar(html.charCodeAt(p2))) p2++;
+    const tagName = html.slice(lt + 1, p2);
+    if (p2 >= n || !isSpaceChar(html.charCodeAt(p2))) {
+      out += "<";
+      i = lt + 1;
+      continue;
+    }
+    const attrs = [];
+    const seen = /* @__PURE__ */ new Set();
+    let q = p2;
+    while (q < n) {
+      while (q < n && isSpaceChar(html.charCodeAt(q))) q++;
+      if (q >= n) break;
+      const ch = html.charCodeAt(q);
+      if (ch === 62) break;
+      if (ch === 47 && q + 1 < n && html.charCodeAt(q + 1) === 62) break;
+      const nameStart = q;
+      while (q < n && isAttrNameChar(html.charCodeAt(q))) q++;
+      if (q === nameStart) {
+        q++;
+        continue;
+      }
+      const attrName = html.slice(nameStart, q);
+      let r = q;
+      while (r < n && isSpaceChar(html.charCodeAt(r))) r++;
+      let valueEnd = q;
+      if (r < n && html.charCodeAt(r) === 61) {
+        r++;
+        while (r < n && isSpaceChar(html.charCodeAt(r))) r++;
+        if (r < n) {
+          const v = html.charCodeAt(r);
+          if (v === 34 || v === 39) {
+            const quote = html[r];
+            const end = html.indexOf(quote, r + 1);
+            if (end < 0) {
+              const gt = html.indexOf(">", r + 1);
+              valueEnd = gt < 0 ? n : gt;
+            } else {
+              valueEnd = end + 1;
+            }
+          } else {
+            let s = r;
+            while (s < n) {
+              const k = html.charCodeAt(s);
+              if (isSpaceChar(k) || k === 62) break;
+              s++;
+            }
+            valueEnd = s;
+          }
+        } else {
+          valueEnd = r;
+        }
+      }
+      const fullAttr = html.slice(nameStart, valueEnd);
+      q = valueEnd;
+      const key = attrName.toLowerCase();
+      if (!seen.has(key)) {
+        seen.add(key);
+        attrs.push(fullAttr);
       }
     }
-    const attrsJoined = cleanedAttrs.length > 0 ? ` ${cleanedAttrs.join(" ")}` : "";
-    return `<${tagName}${attrsJoined}${selfClose ? " /" : ""}>`;
-  });
+    let selfClose = false;
+    if (q < n && html.charCodeAt(q) === 47) {
+      selfClose = true;
+      q++;
+    }
+    if (q >= n || html.charCodeAt(q) !== 62) {
+      out += "<";
+      i = lt + 1;
+      continue;
+    }
+    q++;
+    const attrsJoined = attrs.length > 0 ? " " + attrs.join(" ") : "";
+    out += "<" + tagName + attrsJoined + (selfClose ? " /" : "") + ">";
+    i = q;
+  }
+  return out;
 }
 function createDoc(html) {
   if (html.trim() === "") {
@@ -296,6 +385,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 +443,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];
@@ -1578,7 +1675,6 @@ function markdownToHTML(input, forApp, parentDomain = "ecency.com", seoContext,
     output = serializer.serializeToString(doc);
   } catch (error) {
     try {
-      output = md.render(input);
       const preSanitized = sanitizeHtml(output);
       const dom = htmlparser2.parseDocument(preSanitized, {
         // lenient options - don't throw on malformed HTML
@@ -1618,7 +1714,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 +1745,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 +1810,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 +1825,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 +1846,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 +1859,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 +1898,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 +1910,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),