@ecency/render-helper 2.5.23 → 2.5.25

package/dist/node/index.cjs

@@ -629,6 +629,40 @@ function isValidUrl(url) {
     return false;
   }
 }
+var MAX_PROXIED_URL_LENGTH = 2048;
+var LEGACY_SIZED_PROXY_RE = /^https:\/\/(?:images\.hive\.blog|steemitimages\.com)\/\d+x\d+\/(.+)$/;
+function isLegacySizedProxyUrl(url) {
+  if (!url || typeof url !== "string") return false;
+  return LEGACY_SIZED_PROXY_RE.test(url);
+}
+function extractLegacySizedSource(url) {
+  const m = LEGACY_SIZED_PROXY_RE.exec(url);
+  if (!m) return null;
+  const rest = m[1];
+  const hashIndex = rest.indexOf("#");
+  const addressable = hashIndex >= 0 ? rest.slice(0, hashIndex) : rest;
+  const qIndex = addressable.indexOf("?");
+  const path = qIndex >= 0 ? addressable.slice(0, qIndex) : addressable;
+  const query = qIndex >= 0 ? addressable.slice(qIndex + 1) : "";
+  let end = path.length;
+  while (end > 0 && path.charCodeAt(end - 1) === 47) {
+    end--;
+  }
+  try {
+    const inner = new URL(path.slice(0, end));
+    if (query) {
+      for (const [key, value] of new URLSearchParams(query)) {
+        inner.searchParams.append(key, value);
+      }
+    }
+    return inner.toString();
+  } catch {
+    return null;
+  }
+}
+function isLegacyForeignProxyUrl(url) {
+  return url.indexOf("https://images.hive.blog/") === 0 && url.indexOf("https://images.hive.blog/D") !== 0 || url.indexOf("https://steemitimages.com/") === 0 && url.indexOf("https://steemitimages.com/D") !== 0;
+}
 function getLatestUrl(str) {
   const [last] = [...str.replace(/https?:\/\//g, "\n$&").trim().split("\n")].reverse();
   return last;
@@ -637,17 +671,17 @@ function proxifyForFormat(url, width = 0, height = 0, format = "match", opts = {
   if (!url || typeof url !== "string" || !isValidUrl(url)) {
     return "";
   }
-  const routeThroughProxy = width > 0 || height > 0 || !!opts.blur || !!opts.forceProxy;
-  if (url.indexOf("https://images.hive.blog/") === 0 && url.indexOf("https://images.hive.blog/D") !== 0) {
-    return url.replace("https://images.hive.blog", proxyBase);
+  if (url.length > MAX_PROXIED_URL_LENGTH) {
+    return "";
   }
-  if (url.indexOf("https://steemitimages.com/") === 0 && url.indexOf("https://steemitimages.com/D") !== 0) {
-    return url.replace("https://steemitimages.com", proxyBase);
+  const routeThroughProxy = width > 0 || height > 0 || !!opts.blur || !!opts.forceProxy;
+  if (isLegacyForeignProxyUrl(url) && !(isLegacySizedProxyUrl(url) && routeThroughProxy)) {
+    return url.replace("https://images.hive.blog", proxyBase).replace("https://steemitimages.com", proxyBase);
   }
   if (url.indexOf("https://images.ecency.com/") === 0 && !routeThroughProxy) {
     return url.replace("https://images.ecency.com", proxyBase);
   }
-  const realUrl = getLatestUrl(url);
+  const realUrl = extractLegacySizedSource(url) ?? getLatestUrl(url);
   const pHash = extractPHash(realUrl);
   const options = {
     format,
@@ -707,6 +741,7 @@ function isPictureEligibleRawUrl(rawUrl) {
     return false;
   }
   if (u.protocol !== "http:" && u.protocol !== "https:") return false;
+  if (isLegacySizedProxyUrl(rawUrl)) return true;
   const host = `${u.protocol}//${u.host}`;
   const isProxyHost = host === proxyBase || host === "https://images.ecency.com";
   if (isProxyHost && (u.pathname.startsWith("/p/") || u.pathname.startsWith("/u/") || SIZED_PROXY_PATH.test(u.pathname))) {
@@ -1756,6 +1791,9 @@ function linkify(content, forApp, renderOptions) {
     const tag2 = tag.trim().substring(1);
     const tagLower = tag2.toLowerCase();
     if (!forApp) {
+      if (renderOptions?.inertAuthorAndTagChips) {
+        return `${preceding}<span class="er-tag er-tag-link">${tag.trim()}</span>`;
+      }
       return `${preceding}<a class="er-tag er-tag-link" href="/trending/${tagLower}">${tag.trim()}</a>`;
     }
     return `${preceding}<a class="markdown-tag-link" data-tag="${tagLower}">${tag.trim()}</a>`;
@@ -1769,7 +1807,8 @@ function linkify(content, forApp, renderOptions) {
       if (userLower.indexOf("/") === -1 && isValidUsername(user)) {
         if (!forApp) {
           const avatarSrc = `${getProxyBase()}/u/${userLower}/avatar/small`;
-          const html = `${preceedings}<a class="er-author er-author-link" href="/@${userLower}"><img class="er-author-link-image" src="${avatarSrc}" alt="${userLower}"/>@${userLower}</a>`;
+          const inner = `<img class="er-author-link-image" src="${avatarSrc}" alt="${userLower}"/>@${userLower}`;
+          const html = renderOptions?.inertAuthorAndTagChips ? `${preceedings}<span class="er-author er-author-link">${inner}</span>` : `${preceedings}<a class="er-author er-author-link" href="/@${userLower}">${inner}</a>`;
           const placeholder = `\u200C${authorPlaceholders.length}\u200C`;
           authorPlaceholders.push({ placeholder, html });
           return placeholder;
@@ -1834,6 +1873,19 @@ function hasAncestor(node, tagNames) {
   }
   return false;
 }
+var CHIP_CLASSES = ["er-author-link", "er-tag-link"];
+function hasChipAncestor(node) {
+  let current = node.parentNode;
+  while (current) {
+    const el = current;
+    const className = typeof el.getAttribute === "function" ? el.getAttribute("class") : null;
+    if (className && className.split(/\s+/).some((token) => CHIP_CLASSES.includes(token))) {
+      return true;
+    }
+    current = current.parentNode;
+  }
+  return false;
+}
 function text(node, forApp, renderOptions) {
   if (!node || !node.parentNode) {
     return;
@@ -1841,8 +1893,11 @@ function text(node, forApp, renderOptions) {
   if (hasAncestor(node, ["a", "code", "pre"])) {
     return;
   }
+  if (renderOptions?.inertAuthorAndTagChips && hasChipAncestor(node)) {
+    return;
+  }
   const nodeValue = node.nodeValue || "";
-  const linkified = linkify(nodeValue, forApp);
+  const linkified = linkify(nodeValue, forApp, renderOptions);
   if (linkified !== nodeValue) {
     const doc = DOMParser.parseFromString(
       `<span class="wr">${linkified}</span>`,
@@ -1930,7 +1985,7 @@ function traverse(node, forApp, depth = 0, state = { firstImageFound: false }, p
       iframe(child, parentDomain, forApp, renderOptions);
     }
     if (child.nodeName === "#text") {
-      text(child, forApp);
+      text(child, forApp, renderOptions);
     }
     if (child.nodeName.toLowerCase() === "img") {
       img(child, state, forApp);
@@ -2134,7 +2189,7 @@ function markdown2Html(obj, forApp = true, _webp = false, parentDomain = "ecency
     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 key = `${makeEntryCacheKey(obj)}-md-${forApp ? "app" : "site"}-${parentDomain}${seoContext ? `-seo${seoContext.authorReputation ?? ""}-${seoContext.postPayout ?? ""}` : ""}${renderOptions?.embedVideosDirectly ? "-embed" : ""}${renderOptions?.inertAuthorAndTagChips ? "-inert" : ""}`;
   const item = cacheGet(key);
   if (item) {
     return item;
@@ -2414,6 +2469,7 @@ exports.buildSrcSetForFormat = buildSrcSetForFormat;
 exports.catchPostImage = catchPostImage;
 exports.getEntryImageRawUrl = getEntryImageRawUrl;
 exports.isAllowedEmbedSrc = isAllowedEmbedSrc;
+exports.isLegacySizedProxyUrl = isLegacySizedProxyUrl;
 exports.isPictureEligibleRawUrl = isPictureEligibleRawUrl;
 exports.isValidPermlink = isValidPermlink;
 exports.postBodySummary = getPostBodySummary;