fix(api/readme): resolve srcset URLs in <source> elements

Fixes #161.

Author: taskylizard

server/api/registry/readme/[...pkg].get.ts

@@ -126,7 +126,7 @@ export default defineCachedEventHandler(
     swr: true,
     getKey: event => {
       const pkg = getRouterParam(event, 'pkg') ?? ''
-      return `readme:v4:${pkg.replace(/\/+$/, '').trim()}`
+      return `readme:v5:${pkg.replace(/\/+$/, '').trim()}`
     },
   },
 )

server/utils/readme.ts

@@ -354,6 +354,22 @@ export async function renderReadmeHtml(
         }
         return { tagName, attribs }
       },
+      source: (tagName, attribs) => {
+        if (attribs.src) {
+          attribs.src = resolveImageUrl(attribs.src, packageName, repoInfo)
+        }
+        if (attribs.srcset) {
+          attribs.srcset = attribs.srcset
+            .split(',')
+            .map(entry => {
+              const [url, descriptor] = entry.trim().split(/\s+/)
+              const resolvedUrl = resolveImageUrl(url, packageName, repoInfo)
+              return descriptor ? `${resolvedUrl} ${descriptor}` : resolvedUrl
+            })
+            .join(', ')
+        }
+        return { tagName, attribs }
+      },
       a: (tagName, attribs) => {
         // Add security attributes for external links
         if (attribs.href && hasProtocol(attribs.href, { acceptRelative: true })) {