@ecency/render-helper 2.4.35 → 2.5.1

package/dist/browser/index.d.ts

@@ -27,6 +27,7 @@ interface SeoContext {
     postPayout?: number;
 }
 
+declare function setSlowRenderThresholdMs(ms: number): void;
 /**
  * @param obj - Entry object or raw markdown string
  * @param forApp - Whether rendering for app context
@@ -76,4 +77,4 @@ declare function isValidPermlink(permlink: string): boolean;
  */
 declare function simpleMarkdownToHTML(input: string): string;
 
-export { type Entry, type RenderOptions, SECTION_LIST, type SeoContext, buildSrcSet, catchPostImage, isValidPermlink, getPostBodySummary as postBodySummary, proxifyImageSrc, markdown2Html as renderPostBody, setCacheSize, setProxyBase, simpleMarkdownToHTML };
+export { type Entry, type RenderOptions, SECTION_LIST, type SeoContext, buildSrcSet, catchPostImage, isValidPermlink, getPostBodySummary as postBodySummary, proxifyImageSrc, markdown2Html as renderPostBody, setCacheSize, setProxyBase, setSlowRenderThresholdMs, simpleMarkdownToHTML };

package/dist/browser/index.js

@@ -54,13 +54,13 @@ var SECTION_LIST = [
 // src/consts/regexes.const.ts
 var IMG_REGEX = /(https?:\/\/.*\.(?:tiff?|jpe?g|gif|png|svg|ico|heic|webp|arw))(.*)/gim;
 var IPFS_REGEX = /^https?:\/\/[^/]+\/(ip[fn]s)\/([^/?#]+)/gim;
-var POST_REGEX = /^https?:\/\/(.*)\/(.*)\/(@[\w.\d-]+)\/(.*)/i;
+var POST_REGEX = /^https?:\/\/([^/]+)\/([^/]+)\/(@[\w.\d-]+)\/(.+)$/i;
 var CCC_REGEX = /^https?:\/\/(.*)\/ccc\/([\w.\d-]+)\/(.*)/i;
 var MENTION_REGEX = /^https?:\/\/(.*)\/(@[\w.\d-]+)$/i;
 var TOPIC_REGEX = /^https?:\/\/(.*)\/(trending|hot|created|promoted|muted|payout)\/(.*)$/i;
 var INTERNAL_MENTION_REGEX = /^\/@[\w.\d-]+$/i;
 var INTERNAL_TOPIC_REGEX = /^\/(trending|hot|created|promoted|muted|payout)\/(.*)$/i;
-var INTERNAL_POST_TAG_REGEX = /(.*)\/(@[\w.\d-]+)\/(.*)/i;
+var INTERNAL_POST_TAG_REGEX = /^(.+?)\/(@[\w.\d-]+)\/(.*)$/i;
 var INTERNAL_POST_REGEX = /^\/(@[\w.\d-]+)\/(.*)$/i;
 var CUSTOM_COMMUNITY_REGEX = /^https?:\/\/(.*)\/c\/(hive-\d+)(.*)/i;
 var YOUTUBE_REGEX = /(?:youtube\.com\/(?:[^\/]+\/.+\/|(?:v|e(?:mbed)?)\/|shorts\/|.*[?&]v=)|youtu\.be\/)([^"&?\/\s]{11})/i;
@@ -298,6 +298,81 @@ function createDoc(html) {
 function makeEntryCacheKey(entry) {
   return `${entry.author}-${entry.permlink}-${entry.last_update}-${entry.updated}`;
 }
+function stripHtmlTags(s) {
+  const n = s.length;
+  let out = "";
+  let i = 0;
+  while (i < n) {
+    const lt = s.indexOf("<", i);
+    if (lt < 0) {
+      out += s.slice(i);
+      break;
+    }
+    out += s.slice(i, lt);
+    const gt = s.indexOf(">", lt + 1);
+    if (gt < 0) {
+      out += s.slice(lt);
+      break;
+    }
+    if (gt === lt + 1) {
+      out += s.slice(lt, gt + 1);
+      i = gt + 1;
+      continue;
+    }
+    i = gt + 1;
+  }
+  return out;
+}
+function trimTrailingSlash(s) {
+  let end = s.length;
+  while (end > 0 && s.charCodeAt(end - 1) === 47) end--;
+  return s.slice(0, end);
+}
+function stripQueryString(s) {
+  const q = s.indexOf("?");
+  return q >= 0 && q < s.length - 1 ? s.slice(0, q) : s;
+}
+function isHtmlWhitespace(c) {
+  return c === 32 || c === 9 || c === 10 || c === 13 || c === 12;
+}
+function moveBlockClosingTagOutOfParagraph(html, blockTags) {
+  const n = html.length;
+  let out = "";
+  let i = 0;
+  while (i < n) {
+    const pStart = html.indexOf("</p>", i);
+    if (pStart < 0) {
+      out += html.slice(i);
+      break;
+    }
+    if (pStart === i || html.charCodeAt(pStart - 1) !== 62) {
+      out += html.slice(i, pStart + 4);
+      i = pStart + 4;
+      continue;
+    }
+    const closingStart = html.lastIndexOf("</", pStart - 2);
+    if (closingStart < i) {
+      out += html.slice(i, pStart + 4);
+      i = pStart + 4;
+      continue;
+    }
+    const tagName = html.slice(closingStart + 2, pStart - 1).toLowerCase();
+    if (!blockTags.has(tagName)) {
+      out += html.slice(i, pStart + 4);
+      i = pStart + 4;
+      continue;
+    }
+    let k = closingStart;
+    while (k > i && isHtmlWhitespace(html.charCodeAt(k - 1))) k--;
+    if (k - 4 >= i && html.slice(k - 4, k).toLowerCase() === "<br>") {
+      k -= 4;
+      while (k > i && isHtmlWhitespace(html.charCodeAt(k - 1))) k--;
+    }
+    out += html.slice(i, k) + "</p>" + html.slice(closingStart, pStart);
+    i = pStart + 4;
+  }
+  return out;
+}
 function extractYtStartTime(url) {
   try {
     const urlObj = new URL(url);
@@ -496,7 +571,7 @@ function img(el, state) {
   }
   const cls = el.getAttribute("class") || "";
   const shouldReplace = !cls.includes("no-replace");
-  const base = getProxyBase().replace(/\/+$/, "");
+  const base = trimTrailingSlash(getProxyBase());
   const hasAlreadyProxied = src.startsWith(`${base}/p/`) || src.startsWith(`${base}/u/`) || new RegExp(`^${base.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")}/\\d+x\\d+/`).test(src);
   if (shouldReplace && !hasAlreadyProxied) {
     const proxified = proxifyImageSrc(decodedSrc);
@@ -521,7 +596,7 @@ function img(el, state) {
 function createImageHTML(src, isLCP) {
   const proxified = proxifyImageSrc(src);
   if (!proxified) return "";
-  const base = getProxyBase().replace(/\/+$/, "");
+  const base = trimTrailingSlash(getProxyBase());
   const isAlreadyProxied = src.startsWith(`${base}/u/`) || new RegExp(`^${base.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")}/\\d+x\\d+/`).test(src);
   const srcset = isAlreadyProxied ? "" : buildSrcSet(src);
   const loading = isLCP ? "eager" : "lazy";
@@ -555,7 +630,8 @@ var matchesHref = (href, value) => {
   return normalizeValue(value) === normalizedHref;
 };
 var normalizeDisplayText = (text2) => {
-  return text2.trim().replace(/^https?:\/\/(www\.)?(ecency\.com|peakd\.com|hive\.blog)/i, "").replace(/^\/+/, "").split("?")[0].replace(/#@.*$/i, "").replace(/\/+$/, "").toLowerCase();
+  const beforeTrailingSlash = text2.trim().replace(/^https?:\/\/(www\.)?(ecency\.com|peakd\.com|hive\.blog)/i, "").replace(/^\/+/, "").split("?")[0].replace(/#@.*$/i, "");
+  return trimTrailingSlash(beforeTrailingSlash).toLowerCase();
 };
 var getInlineMeta = (el, href, author, permlink, communityTag) => {
   const textMatches = matchesHref(href, el.textContent);
@@ -1124,8 +1200,8 @@ function a(el, forApp, parentDomain = "ecency.com", seoContext, renderOptions) {
     TWITTER_REGEX.lastIndex = 0;
     const e = TWITTER_REGEX.exec(href);
     if (e) {
-      const url = e[0].replace(/(<([^>]+)>)/gi, "");
-      const author = e[1].replace(/(<([^>]+)>)/gi, "");
+      const url = stripHtmlTags(e[0]);
+      const author = stripHtmlTags(e[1]);
       const blockquote = el.ownerDocument.createElement("blockquote");
       blockquote.setAttribute("class", "twitter-tweet");
       const p2 = el.ownerDocument.createElement("p");
@@ -1201,8 +1277,7 @@ function iframe(el, parentDomain = "ecency.com", forApp = false) {
     return;
   }
   if (src.match(YOUTUBE_EMBED_REGEX)) {
-    const s = src.replace(/\?.+$/, "");
-    el.setAttribute("src", s);
+    el.setAttribute("src", stripQueryString(src));
     return;
   }
   if (src.match(BITCHUTE_REGEX)) {
@@ -1597,16 +1672,16 @@ if (typeof window === "undefined") {
   loadLolight().catch(() => {
   });
 }
+var BLOCK_TAGS_ALTERNATION = "center|div|table|figure|section|article|aside|header|footer|nav|main";
+var BLOCK_TAGS_SET = new Set(BLOCK_TAGS_ALTERNATION.split("|"));
 function fixBlockLevelTagsInParagraphs(html) {
-  const blockTags = "center|div|table|figure|section|article|aside|header|footer|nav|main";
-  const openingPattern = new RegExp(`<p>(<(?:${blockTags})(?:\\s[^>]*)?>)<\\/p>`, "gi");
+  const openingPattern = new RegExp(`<p>(<(?:${BLOCK_TAGS_ALTERNATION})(?:\\s[^>]*)?>)<\\/p>`, "gi");
   html = html.replace(openingPattern, "$1");
-  const closingPattern = new RegExp(`<p>(<\\/(?:${blockTags})>)<\\/p>`, "gi");
+  const closingPattern = new RegExp(`<p>(<\\/(?:${BLOCK_TAGS_ALTERNATION})>)<\\/p>`, "gi");
   html = html.replace(closingPattern, "$1");
-  const startPattern = new RegExp(`<p>(<(?:${blockTags})(?:\\s[^>]*)?>)(?:<br>)?\\s*`, "gi");
+  const startPattern = new RegExp(`<p>(<(?:${BLOCK_TAGS_ALTERNATION})(?:\\s[^>]*)?>)(?:<br>)?\\s*`, "gi");
   html = html.replace(startPattern, "$1<p>");
-  const endPattern = new RegExp(`\\s*(?:<br>)?\\s*(<\\/(?:${blockTags})>)<\\/p>`, "gi");
-  html = html.replace(endPattern, "</p>$1");
+  html = moveBlockClosingTagOutOfParagraph(html, BLOCK_TAGS_SET);
   html = html.replace(/<p>\s*<\/p>/g, "");
   html = html.replace(/<p><br>\s*<\/p>/g, "");
   return html;
@@ -1726,10 +1801,25 @@ function cacheSet(key, value) {
 }
 
 // src/markdown-2-html.ts
+var isNodeRuntime = typeof process !== "undefined" && typeof process?.versions?.node === "string";
+var slowRenderThresholdMs = isNodeRuntime ? 500 : 0;
+function setSlowRenderThresholdMs(ms) {
+  slowRenderThresholdMs = Math.max(0, ms);
+}
+function logIfSlow(durationMs, context) {
+  if (slowRenderThresholdMs > 0 && durationMs >= slowRenderThresholdMs) {
+    console.warn(
+      `[render-helper] slow markdown render: ${durationMs.toFixed(0)}ms ${context}`
+    );
+  }
+}
 function markdown2Html(obj, forApp = true, _webp = false, parentDomain = "ecency.com", seoContext, renderOptions) {
   if (typeof obj === "string") {
     const cleanedStr = cleanReply(obj);
-    return markdownToHTML(cleanedStr, forApp, parentDomain, seoContext, renderOptions);
+    const t02 = performance.now();
+    const res2 = markdownToHTML(cleanedStr, forApp, parentDomain, seoContext, renderOptions);
+    logIfSlow(performance.now() - t02, `body_len=${obj.length}`);
+    return res2;
   }
   const key = `${makeEntryCacheKey(obj)}-md-${forApp ? "app" : "site"}-${parentDomain}${seoContext ? `-seo${seoContext.authorReputation ?? ""}-${seoContext.postPayout ?? ""}` : ""}${renderOptions?.embedVideosDirectly ? "-embed" : ""}`;
   const item = cacheGet(key);
@@ -1737,7 +1827,12 @@ function markdown2Html(obj, forApp = true, _webp = false, parentDomain = "ecency
     return item;
   }
   const cleanBody = cleanReply(obj.body);
+  const t0 = performance.now();
   const res = markdownToHTML(cleanBody, forApp, parentDomain, seoContext, renderOptions);
+  logIfSlow(
+    performance.now() - t0,
+    `author=@${obj.author} permlink=${obj.permlink} body_len=${obj.body?.length ?? 0}`
+  );
   cacheSet(key, res);
   return res;
 }
@@ -1925,7 +2020,7 @@ function postBodySummary(entryBody, length = 200, platform = "web") {
       text2 = text2.split(placeholder).join(entity);
     });
   }
-  text2 = text2.replace(/(<([^>]+)>)/gi, "").replace(/\r?\n|\r/g, " ").replace(/(?:https?|ftp):\/\/[\n\S]+/g, "").trim().replace(/ +(?= )/g, "");
+  text2 = stripHtmlTags(text2).replace(/\r?\n|\r/g, " ").replace(/(?:https?|ftp):\/\/[\n\S]+/g, "").trim().replace(/ {2,}/g, " ");
   if (length > 0) {
     text2 = joint(text2.split(" "), length);
   }
@@ -1950,6 +2045,6 @@ function getPostBodySummary(obj, length, platform) {
   return res;
 }
 
-export { SECTION_LIST, buildSrcSet, catchPostImage, isValidPermlink, getPostBodySummary as postBodySummary, proxifyImageSrc, markdown2Html as renderPostBody, setCacheSize, setProxyBase, simpleMarkdownToHTML };
+export { SECTION_LIST, buildSrcSet, catchPostImage, isValidPermlink, getPostBodySummary as postBodySummary, proxifyImageSrc, markdown2Html as renderPostBody, setCacheSize, setProxyBase, setSlowRenderThresholdMs, simpleMarkdownToHTML };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map