fix(readme): rewrite relative urls with github cdn paths

routes/repos/[owner]/[repo]/readme.ts

@@ -1,16 +1,17 @@
+const GH_RAW_URL = "https://raw.githubusercontent.com";
+
 export default cachedEventHandler(
   async (event) => {
     const repo = `${event.context.params.owner}/${event.context.params.repo}`;
     const defaultBranch = await ghRepo(repo).then(
       (r) => r.default_branch || "main",
     );
-    const markdown = await $fetch<string>(
-      `https://raw.githubusercontent.com/${repo}/${defaultBranch}/README.md`,
-    );
+    const cdnBaseURL = `${GH_RAW_URL}/${repo}/${defaultBranch}`;
+    const markdown = await $fetch<string>(`${cdnBaseURL}/README.md`);
     const html = await ghMarkdown(markdown, repo, "readme");
     return {
-      html,
-      markdown,
+      markdown: resolveMarkdownRelativeLinks(markdown, cdnBaseURL),
+      html: resolveMarkdownRelativeLinks(html, cdnBaseURL),
     };
   },
   {

utils/markdown.ts

@@ -0,0 +1,23 @@
+const MARKDOWN_LINK_RE =
+  /(?<link>\[.*?]\((?<url>.*?)\)|<img.*?src="(?<url2>.*?)".*?>)/g;
+
+/**
+ * HTML & Mardown Function to replace relative image paths with absolute paths
+ */
+export function resolveMarkdownRelativeLinks(
+  content: string,
+  cdnBaseURL: string,
+) {
+  console.log("fixing", content);
+  return content.replace(
+    MARKDOWN_LINK_RE,
+    (match, _, url: string | undefined, url2: string) => {
+      const path = url || url2;
+      // If path is already a URL, return the match
+      if (path.startsWith("http") || path.startsWith("https")) {
+        return match;
+      }
+      return match.replace(path, `${cdnBaseURL}/${path.replace(/^\.\//, "")}`);
+    },
+  );
+}