From 602e69e757e1eac5a516928a0e899a9ae389c269 Mon Sep 17 00:00:00 2001
From: Sybren W <sybren.willemot@gmail.com>
Date: Thu, 5 Feb 2026 22:44:09 +0100
Subject: [PATCH 1/9] feat: add copy readme button for package page with html

---
 app/pages/package/[...package].vue | 45 ++++++++++++++++++++++++++----
 1 file changed, 39 insertions(+), 6 deletions(-)

diff --git a/app/pages/package/[...package].vue b/app/pages/package/[...package].vue
index 514e64635..6fb7bddbb 100644
--- a/app/pages/package/[...package].vue
+++ b/app/pages/package/[...package].vue
@@ -70,6 +70,12 @@ const { data: readmeData } = useLazyFetch<ReadmeResponse>(
   { default: () => ({ html: '', playgroundLinks: [], toc: [] }) },
 )
 
+//copy README file
+const { copied: copiedReadme, copy: copyReadme } = useClipboard({
+  source: readmeData.value?.html ?? '',
+  copiedDuring: 2000,
+})
+
 // Track active TOC item based on scroll position
 const tocItems = computed(() => readmeData.value?.toc ?? [])
 const { activeId: activeTocId, scrollToHeading } = useActiveTocItem(tocItems)
@@ -1130,12 +1136,39 @@ onKeyStroke(
             </a>
           </h2>
           <ClientOnly>
-            <ReadmeTocDropdown
-              v-if="readmeData?.toc && readmeData.toc.length > 1"
-              :toc="readmeData.toc"
-              :active-id="activeTocId"
-              :scroll-to-heading="scrollToHeading"
-            />
+            <div class="flex items-center gap-2">
+              <TooltipApp
+                v-if="readmeData?.html"
+                :text="copiedReadme ? 'Copied!' : 'Copy README as markdown'"
+                position="bottom"
+              >
+                <button
+                  type="button"
+                  @click="copyReadme()"
+                  :disabled="!readmeData?.html"
+                  class="inline-flex items-center justify-center gap-1.5 px-2 py-1.5 text-xs font-mono rounded border transition-all duration-150 disabled:opacity-50 disabled:cursor-not-allowed"
+                  :class="
+                    copiedReadme
+                      ? 'text-accent bg-accent/10 border-accent'
+                      : 'text-fg-subtle bg-bg border-border-subtle hover:border-border hover:text-fg'
+                  "
+                  :aria-label="copiedReadme ? 'Copied!' : 'Copy README'"
+                >
+                  <span
+                    :class="copiedReadme ? 'i-carbon:checkmark' : 'i-simple-icons:markdown'"
+                    class="w-3.5 h-3.5"
+                    aria-hidden="true"
+                  />
+                  {{ copiedReadme ? $t('common.copied') : 'Copy' }}
+                </button>
+              </TooltipApp>
+              <ReadmeTocDropdown
+                v-if="readmeData?.toc && readmeData.toc.length > 1"
+                :toc="readmeData.toc"
+                :active-id="activeTocId"
+                :scroll-to-heading="scrollToHeading"
+              />
+            </div>
           </ClientOnly>
         </div>
 

From 7e816a6f0cca78476913ca3c1180784ff2c41817 Mon Sep 17 00:00:00 2001
From: Sybren W <sybren.willemot@gmail.com>
Date: Thu, 5 Feb 2026 23:10:14 +0100
Subject: [PATCH 2/9] feat: add i18n en translation

---
 app/pages/package/[...package].vue | 16 ++++++++--------
 i18n/locales/en.json               |  3 ++-
 lunaria/files/en-GB.json           |  3 ++-
 lunaria/files/en-US.json           |  3 ++-
 4 files changed, 14 insertions(+), 11 deletions(-)

diff --git a/app/pages/package/[...package].vue b/app/pages/package/[...package].vue
index 6fb7bddbb..475d6d84d 100644
--- a/app/pages/package/[...package].vue
+++ b/app/pages/package/[...package].vue
@@ -1139,27 +1139,27 @@ onKeyStroke(
             <div class="flex items-center gap-2">
               <TooltipApp
                 v-if="readmeData?.html"
-                :text="copiedReadme ? 'Copied!' : 'Copy README as markdown'"
+                :text="copiedReadme ? $t('common.copied') : $t('package.readme.copy_as_markdown')"
                 position="bottom"
               >
                 <button
                   type="button"
                   @click="copyReadme()"
                   :disabled="!readmeData?.html"
-                  class="inline-flex items-center justify-center gap-1.5 px-2 py-1.5 text-xs font-mono rounded border transition-all duration-150 disabled:opacity-50 disabled:cursor-not-allowed"
+                  class="px-2 py-1.5 font-mono text-xs rounded transition-colors duration-150 text-fg-subtle hover:text-fg inline-flex items-center gap-1.5"
                   :class="
-                    copiedReadme
-                      ? 'text-accent bg-accent/10 border-accent'
-                      : 'text-fg-subtle bg-bg border-border-subtle hover:border-border hover:text-fg'
+                    copiedReadme ? 'text-accent bg-accent/10' : 'text-fg-subtle bg-bg hover:text-fg'
+                  "
+                  :aria-label="
+                    copiedReadme ? $t('common.copied') : $t('package.readme.copy_as_markdown')
                   "
-                  :aria-label="copiedReadme ? 'Copied!' : 'Copy README'"
                 >
                   <span
                     :class="copiedReadme ? 'i-carbon:checkmark' : 'i-simple-icons:markdown'"
-                    class="w-3.5 h-3.5"
+                    class="size-3"
                     aria-hidden="true"
                   />
-                  {{ copiedReadme ? $t('common.copied') : 'Copy' }}
+                  {{ copiedReadme ? $t('common.copied') : $t('common.copy') }}
                 </button>
               </TooltipApp>
               <ReadmeTocDropdown
diff --git a/i18n/locales/en.json b/i18n/locales/en.json
index 3ee0d579d..d7a62d475 100644
--- a/i18n/locales/en.json
+++ b/i18n/locales/en.json
@@ -221,7 +221,8 @@
         "important": "Important",
         "warning": "Warning",
         "caution": "Caution"
-      }
+      },
+      "copy_as_markdown": "Copy README as markdown"
     },
     "provenance_section": {
       "title": "Provenance",
diff --git a/lunaria/files/en-GB.json b/lunaria/files/en-GB.json
index fbd8053be..81ce9e2c7 100644
--- a/lunaria/files/en-GB.json
+++ b/lunaria/files/en-GB.json
@@ -221,7 +221,8 @@
         "important": "Important",
         "warning": "Warning",
         "caution": "Caution"
-      }
+      },
+      "copy_as_markdown": "Copy README as markdown"
     },
     "provenance_section": {
       "title": "Provenance",
diff --git a/lunaria/files/en-US.json b/lunaria/files/en-US.json
index 3ee0d579d..d7a62d475 100644
--- a/lunaria/files/en-US.json
+++ b/lunaria/files/en-US.json
@@ -221,7 +221,8 @@
         "important": "Important",
         "warning": "Warning",
         "caution": "Caution"
-      }
+      },
+      "copy_as_markdown": "Copy README as markdown"
     },
     "provenance_section": {
       "title": "Provenance",

From 41fe20a39fc5731b31415268cba2bd49e13cfa4d Mon Sep 17 00:00:00 2001
From: Sybren W <sybren.willemot@gmail.com>
Date: Thu, 5 Feb 2026 23:29:02 +0100
Subject: [PATCH 3/9] feat: also pass the original content as md when fetching
 readmeData

---
 app/pages/package/[...package].vue | 11 ++++++-----
 server/utils/readme.ts             |  3 ++-
 shared/types/readme.ts             |  2 ++
 3 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/app/pages/package/[...package].vue b/app/pages/package/[...package].vue
index 475d6d84d..7421111c8 100644
--- a/app/pages/package/[...package].vue
+++ b/app/pages/package/[...package].vue
@@ -67,12 +67,12 @@ const { data: readmeData } = useLazyFetch<ReadmeResponse>(
     const version = requestedVersion.value
     return version ? `${base}/v/${version}` : base
   },
-  { default: () => ({ html: '', playgroundLinks: [], toc: [] }) },
+  { default: () => ({ html: '', md: '', playgroundLinks: [], toc: [] }) },
 )
 
-//copy README file
+//copy README file as Markdown
 const { copied: copiedReadme, copy: copyReadme } = useClipboard({
-  source: readmeData.value?.html ?? '',
+  source: readmeData.value?.md ?? '',
   copiedDuring: 2000,
 })
 
@@ -1137,15 +1137,16 @@ onKeyStroke(
           </h2>
           <ClientOnly>
             <div class="flex items-center gap-2">
+              <!-- Copy readme as Markdown button -->
               <TooltipApp
-                v-if="readmeData?.html"
+                v-if="readmeData?.md"
                 :text="copiedReadme ? $t('common.copied') : $t('package.readme.copy_as_markdown')"
                 position="bottom"
               >
                 <button
                   type="button"
                   @click="copyReadme()"
-                  :disabled="!readmeData?.html"
+                  :disabled="!readmeData?.md"
                   class="px-2 py-1.5 font-mono text-xs rounded transition-colors duration-150 text-fg-subtle hover:text-fg inline-flex items-center gap-1.5"
                   :class="
                     copiedReadme ? 'text-accent bg-accent/10' : 'text-fg-subtle bg-bg hover:text-fg'
diff --git a/server/utils/readme.ts b/server/utils/readme.ts
index 6f66d21e2..c90b106e8 100644
--- a/server/utils/readme.ts
+++ b/server/utils/readme.ts
@@ -269,7 +269,7 @@ export async function renderReadmeHtml(
   packageName: string,
   repoInfo?: RepositoryInfo,
 ): Promise<ReadmeResponse> {
-  if (!content) return { html: '', playgroundLinks: [], toc: [] }
+  if (!content) return { html: '', md: '', playgroundLinks: [], toc: [] }
 
   const shiki = await getShikiHighlighter()
   const renderer = new marked.Renderer()
@@ -455,6 +455,7 @@ ${html}
 
   return {
     html: convertToEmoji(sanitized),
+    md: content,
     playgroundLinks: collectedLinks,
     toc,
   }
diff --git a/shared/types/readme.ts b/shared/types/readme.ts
index 350450c4d..3e8c9607c 100644
--- a/shared/types/readme.ts
+++ b/shared/types/readme.ts
@@ -30,6 +30,8 @@ export interface TocItem {
 export interface ReadmeResponse {
   /** Rendered HTML content */
   html: string
+  /** Original markdown content */
+  md: string
   /** Extracted playground/demo links */
   playgroundLinks: PlaygroundLink[]
   /** Table of contents extracted from headings */

From 3301de80ebd3cade6b4bbd3a51d80af609afdde6 Mon Sep 17 00:00:00 2001
From: Sybren W <sybren.willemot@gmail.com>
Date: Thu, 5 Feb 2026 23:52:57 +0100
Subject: [PATCH 4/9] feat: ensure reactivity and clean up of tooltip

---
 app/pages/package/[...package].vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/pages/package/[...package].vue b/app/pages/package/[...package].vue
index 7421111c8..872da2327 100644
--- a/app/pages/package/[...package].vue
+++ b/app/pages/package/[...package].vue
@@ -72,7 +72,7 @@ const { data: readmeData } = useLazyFetch<ReadmeResponse>(
 
 //copy README file as Markdown
 const { copied: copiedReadme, copy: copyReadme } = useClipboard({
-  source: readmeData.value?.md ?? '',
+  source: () => readmeData.value?.md?.trim() ?? '',
   copiedDuring: 2000,
 })
 
@@ -1140,7 +1140,7 @@ onKeyStroke(
               <!-- Copy readme as Markdown button -->
               <TooltipApp
                 v-if="readmeData?.md"
-                :text="copiedReadme ? $t('common.copied') : $t('package.readme.copy_as_markdown')"
+                :text="$t('package.readme.copy_as_markdown')"
                 position="bottom"
               >
                 <button

From 1d8d4f47e4804c93882e89b15bc2be0a28201136 Mon Sep 17 00:00:00 2001
From: Sybren W <sybren.willemot@gmail.com>
Date: Fri, 6 Feb 2026 00:12:59 +0100
Subject: [PATCH 5/9] feat: add some more translations

---
 i18n/locales/de-DE.json   | 3 ++-
 i18n/locales/es.json      | 3 ++-
 i18n/locales/fr-FR.json   | 3 ++-
 i18n/locales/it-IT.json   | 3 ++-
 lunaria/files/de-DE.json  | 3 ++-
 lunaria/files/es-419.json | 3 ++-
 lunaria/files/es-ES.json  | 3 ++-
 lunaria/files/fr-FR.json  | 3 ++-
 lunaria/files/it-IT.json  | 3 ++-
 9 files changed, 18 insertions(+), 9 deletions(-)

diff --git a/i18n/locales/de-DE.json b/i18n/locales/de-DE.json
index 2de7d7b84..1952eae97 100644
--- a/i18n/locales/de-DE.json
+++ b/i18n/locales/de-DE.json
@@ -215,7 +215,8 @@
         "important": "Wichtig",
         "warning": "Warnung",
         "caution": "Vorsicht"
-      }
+      },
+      "copy_as_markdown": "README als Markdown kopieren"
     },
     "provenance_section": {
       "title": "Herkunft",
diff --git a/i18n/locales/es.json b/i18n/locales/es.json
index fe40402f0..966190f23 100644
--- a/i18n/locales/es.json
+++ b/i18n/locales/es.json
@@ -208,7 +208,8 @@
       "title": "Léeme",
       "no_readme": "No hay README disponible.",
       "view_on_github": "Ver en GitHub",
-      "toc_title": "Índice"
+      "toc_title": "Índice",
+      "copy_as_markdown": "Copiar README como Markdown"
     },
     "keywords_title": "Palabras clave",
     "compatibility": "Compatibilidad",
diff --git a/i18n/locales/fr-FR.json b/i18n/locales/fr-FR.json
index 246460c0e..f7b379a27 100644
--- a/i18n/locales/fr-FR.json
+++ b/i18n/locales/fr-FR.json
@@ -206,7 +206,8 @@
       "title": "Readme",
       "no_readme": "Aucun README disponible.",
       "view_on_github": "Voir sur GitHub",
-      "toc_title": "Sommaire"
+      "toc_title": "Sommaire",
+      "copy_as_markdown": "Copier le README en markdown"
     },
     "keywords_title": "Mots-clés",
     "compatibility": "Compatibilité",
diff --git a/i18n/locales/it-IT.json b/i18n/locales/it-IT.json
index 4d5c4b4b4..a8b22f830 100644
--- a/i18n/locales/it-IT.json
+++ b/i18n/locales/it-IT.json
@@ -211,7 +211,8 @@
         "important": "Importante",
         "warning": "Avvertenza",
         "caution": "Cautela"
-      }
+      },
+      "copy_as_markdown": "Copia README come Markdown"
     },
     "provenance_section": {
       "title": "Provenienza",
diff --git a/lunaria/files/de-DE.json b/lunaria/files/de-DE.json
index 2de7d7b84..1952eae97 100644
--- a/lunaria/files/de-DE.json
+++ b/lunaria/files/de-DE.json
@@ -215,7 +215,8 @@
         "important": "Wichtig",
         "warning": "Warnung",
         "caution": "Vorsicht"
-      }
+      },
+      "copy_as_markdown": "README als Markdown kopieren"
     },
     "provenance_section": {
       "title": "Herkunft",
diff --git a/lunaria/files/es-419.json b/lunaria/files/es-419.json
index 2e650460e..52128330b 100644
--- a/lunaria/files/es-419.json
+++ b/lunaria/files/es-419.json
@@ -208,7 +208,8 @@
       "title": "Léame",
       "no_readme": "No hay README disponible.",
       "view_on_github": "Ver en GitHub",
-      "toc_title": "Índice"
+      "toc_title": "Índice",
+      "copy_as_markdown": "Copiar README como Markdown"
     },
     "keywords_title": "Palabras clave",
     "compatibility": "Compatibilidad",
diff --git a/lunaria/files/es-ES.json b/lunaria/files/es-ES.json
index fe40402f0..966190f23 100644
--- a/lunaria/files/es-ES.json
+++ b/lunaria/files/es-ES.json
@@ -208,7 +208,8 @@
       "title": "Léeme",
       "no_readme": "No hay README disponible.",
       "view_on_github": "Ver en GitHub",
-      "toc_title": "Índice"
+      "toc_title": "Índice",
+      "copy_as_markdown": "Copiar README como Markdown"
     },
     "keywords_title": "Palabras clave",
     "compatibility": "Compatibilidad",
diff --git a/lunaria/files/fr-FR.json b/lunaria/files/fr-FR.json
index 246460c0e..f7b379a27 100644
--- a/lunaria/files/fr-FR.json
+++ b/lunaria/files/fr-FR.json
@@ -206,7 +206,8 @@
       "title": "Readme",
       "no_readme": "Aucun README disponible.",
       "view_on_github": "Voir sur GitHub",
-      "toc_title": "Sommaire"
+      "toc_title": "Sommaire",
+      "copy_as_markdown": "Copier le README en markdown"
     },
     "keywords_title": "Mots-clés",
     "compatibility": "Compatibilité",
diff --git a/lunaria/files/it-IT.json b/lunaria/files/it-IT.json
index 4d5c4b4b4..a8b22f830 100644
--- a/lunaria/files/it-IT.json
+++ b/lunaria/files/it-IT.json
@@ -211,7 +211,8 @@
         "important": "Importante",
         "warning": "Avvertenza",
         "caution": "Cautela"
-      }
+      },
+      "copy_as_markdown": "Copia README come Markdown"
     },
     "provenance_section": {
       "title": "Provenienza",

From 617efb83856ac91793989f37e5d34ccb1164bc60 Mon Sep 17 00:00:00 2001
From: Sybren W <sybren.willemot@gmail.com>
Date: Fri, 6 Feb 2026 00:26:36 +0100
Subject: [PATCH 6/9] fix: capitalize Markdown in EN translations

---
 i18n/locales/en.json     | 2 +-
 lunaria/files/en-GB.json | 2 +-
 lunaria/files/en-US.json | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/i18n/locales/en.json b/i18n/locales/en.json
index d7a62d475..ac438d72b 100644
--- a/i18n/locales/en.json
+++ b/i18n/locales/en.json
@@ -222,7 +222,7 @@
         "warning": "Warning",
         "caution": "Caution"
       },
-      "copy_as_markdown": "Copy README as markdown"
+      "copy_as_markdown": "Copy README as Markdown"
     },
     "provenance_section": {
       "title": "Provenance",
diff --git a/lunaria/files/en-GB.json b/lunaria/files/en-GB.json
index 81ce9e2c7..739d8456c 100644
--- a/lunaria/files/en-GB.json
+++ b/lunaria/files/en-GB.json
@@ -222,7 +222,7 @@
         "warning": "Warning",
         "caution": "Caution"
       },
-      "copy_as_markdown": "Copy README as markdown"
+      "copy_as_markdown": "Copy README as Markdown"
     },
     "provenance_section": {
       "title": "Provenance",
diff --git a/lunaria/files/en-US.json b/lunaria/files/en-US.json
index d7a62d475..ac438d72b 100644
--- a/lunaria/files/en-US.json
+++ b/lunaria/files/en-US.json
@@ -222,7 +222,7 @@
         "warning": "Warning",
         "caution": "Caution"
       },
-      "copy_as_markdown": "Copy README as markdown"
+      "copy_as_markdown": "Copy README as Markdown"
     },
     "provenance_section": {
       "title": "Provenance",

From 93bcbfadb157648cee1d40f00cae0642fa71d91c Mon Sep 17 00:00:00 2001
From: Sybren W <sybren.willemot@gmail.com>
Date: Fri, 6 Feb 2026 00:28:31 +0100
Subject: [PATCH 7/9] refactor: remove duplicate classes on the copy Markdown
 button

---
 app/pages/package/[...package].vue | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/app/pages/package/[...package].vue b/app/pages/package/[...package].vue
index 872da2327..df3524889 100644
--- a/app/pages/package/[...package].vue
+++ b/app/pages/package/[...package].vue
@@ -1146,8 +1146,7 @@ onKeyStroke(
                 <button
                   type="button"
                   @click="copyReadme()"
-                  :disabled="!readmeData?.md"
-                  class="px-2 py-1.5 font-mono text-xs rounded transition-colors duration-150 text-fg-subtle hover:text-fg inline-flex items-center gap-1.5"
+                  class="px-2 py-1.5 font-mono text-xs rounded transition-colors duration-150 inline-flex items-center gap-1.5"
                   :class="
                     copiedReadme ? 'text-accent bg-accent/10' : 'text-fg-subtle bg-bg hover:text-fg'
                   "

From bc863183d430cbf2009d6789116a2a02ea1db451 Mon Sep 17 00:00:00 2001
From: Sybren W <sybren.willemot@gmail.com>
Date: Fri, 6 Feb 2026 00:37:00 +0100
Subject: [PATCH 8/9] test: add tests for readme Markdown content extraction

---
 test/unit/server/utils/readme.spec.ts | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/test/unit/server/utils/readme.spec.ts b/test/unit/server/utils/readme.spec.ts
index 808e18b6e..7790d4d04 100644
--- a/test/unit/server/utils/readme.spec.ts
+++ b/test/unit/server/utils/readme.spec.ts
@@ -307,3 +307,24 @@ describe('Markdown File URL Resolution', () => {
     })
   })
 })
+
+describe('Markdown Content Extraction', () => {
+  describe('Markdown', () => {
+    it('returns original markdown content unchanged', async () => {
+      const markdown = `# Title\n\nSome **bold** text and a [link](https://example.com).`
+      const result = await renderReadmeHtml(markdown, 'test-pkg')
+
+      expect(result.md).toBe(markdown)
+    })
+  })
+  describe('HTML', () => {
+    it('returns sanitized html', async () => {
+      const markdown = `# Title\n\nSome **bold** text and a [link](https://example.com).`
+      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>
+`)
+    })
+  })
+})

From f06e31bc40066e3ee2e0110a208fc4ad6951ab74 Mon Sep 17 00:00:00 2001
From: Sybren W <sybren.willemot@gmail.com>
Date: Fri, 6 Feb 2026 00:40:34 +0100
Subject: [PATCH 9/9] refactor: remove the trim() from readmeData md

---
 app/pages/package/[...package].vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/pages/package/[...package].vue b/app/pages/package/[...package].vue
index df3524889..aa6f8a61f 100644
--- a/app/pages/package/[...package].vue
+++ b/app/pages/package/[...package].vue
@@ -72,7 +72,7 @@ const { data: readmeData } = useLazyFetch<ReadmeResponse>(
 
 //copy README file as Markdown
 const { copied: copiedReadme, copy: copyReadme } = useClipboard({
-  source: () => readmeData.value?.md?.trim() ?? '',
+  source: () => readmeData.value?.md ?? '',
   copiedDuring: 2000,
 })