feat: add external link indicator to readme

Author: essenmitsosse

server/utils/readme.ts

@@ -368,6 +368,12 @@ ${html}
     const isExternal = resolvedHref.startsWith('http://') || resolvedHref.startsWith('https://')
     const relAttr = isExternal ? ' rel="nofollow noreferrer noopener"' : ''
     const targetAttr = isExternal ? ' target="_blank"' : ''
+    const isExternalIcon = isExternal
+      ? `<span
+      class="i-carbon:launch inline-block rtl-flip ms-1 size-[1em] opacity-50"
+      aria-hidden="true"
+    />`
+      : ''
 
     // Check if this is a playground link
     const provider = matchPlaygroundProvider(resolvedHref)
@@ -387,7 +393,7 @@ ${html}
 
     const hrefValue = resolvedHref.startsWith('#') ? resolvedHref.toLowerCase() : resolvedHref
 
-    return `<a href="${hrefValue}"${titleAttr}${relAttr}${targetAttr}>${text}</a>`
+    return `<a href="${hrefValue}"${titleAttr}${relAttr}${targetAttr}>${text}${isExternalIcon}</a>`
   }
 
   // GitHub-style callouts: > [!NOTE], > [!TIP], etc.

test/unit/server/utils/readme.spec.ts

@@ -323,7 +323,7 @@ describe('Markdown Content Extraction', () => {
       const result = await renderReadmeHtml(markdown, 'test-pkg')
 
       expect(result.html).toBe(`<h3 id="user-content-title" data-level="1">Title</h3>
-<p>Some <strong>bold</strong> text and a <a href="https://example.com" rel="nofollow noreferrer noopener" target="_blank">link</a>.</p>
+<p>Some <strong>bold</strong> text and a <a href="https://example.com" rel="nofollow noreferrer noopener" target="_blank">link<span class="i-carbon:launch inline-block rtl-flip ms-1 size-[1em] opacity-50"></span></a>.</p>
 `)
     })
   })