@ecency/render-helper 2.5.24 → 2.5.25

package/dist/browser/index.d.ts

@@ -12,6 +12,16 @@ interface Entry {
 interface RenderOptions {
     /** When true, video embeds (3Speak, YouTube, etc.) render as iframes directly without a play button overlay. */
     embedVideosDirectly?: boolean;
+    /**
+     * When true, auto-linkified `@user` and `#tag` chips render as inert `<span>`
+     * instead of `<a>`. Only affects the non-app render path, which is the only
+     * one that emits these chips. For consumers that have no profile or tag
+     * routes to send a reader to (a single-author self-hosted blog), an `<a>`
+     * pointing at `/@user` or `/trending/tag` is a dead link that is still
+     * focusable, announced as a link, and crawlable. Classes are unchanged so
+     * existing chip styling still applies.
+     */
+    inertAuthorAndTagChips?: boolean;
 }
 
 /**

package/dist/browser/index.js

@@ -1763,6 +1763,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>`;
@@ -1776,7 +1779,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;
@@ -1841,6 +1845,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;
@@ -1848,8 +1865,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>`,
@@ -1937,7 +1957,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);
@@ -2141,7 +2161,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;