From 9af2ab4bd8d3894e385dbb853d82c414f03f2aef Mon Sep 17 00:00:00 2001
From: Idris Gadi <idris.gadi01@gmail.com>
Date: Sat, 7 Feb 2026 00:49:46 +0530
Subject: [PATCH 1/7] feat: add copy readme to markdown button

---
 server/api/registry/readme/[...pkg].get.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/server/api/registry/readme/[...pkg].get.ts b/server/api/registry/readme/[...pkg].get.ts
index ca64a55c06..5b3c0f3120 100644
--- a/server/api/registry/readme/[...pkg].get.ts
+++ b/server/api/registry/readme/[...pkg].get.ts
@@ -107,7 +107,7 @@ export default defineCachedEventHandler(
       }
 
       if (!readmeContent || readmeContent === NPM_MISSING_README_SENTINEL) {
-        return { html: '', playgroundLinks: [], toc: [] }
+        return { html: '', md: '', playgroundLinks: [], toc: [] }
       }
 
       // Parse repository info for resolving relative URLs to GitHub

From d5c69237b1aefa34afd7ba98de9e3d8efaf34d76 Mon Sep 17 00:00:00 2001
From: Idris Gadi <idris.gadi01@gmail.com>
Date: Sat, 7 Feb 2026 01:04:17 +0530
Subject: [PATCH 2/7] test: add a simple test

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

diff --git a/test/unit/server/utils/readme.spec.ts b/test/unit/server/utils/readme.spec.ts
index 7790d4d042..881776b9ca 100644
--- a/test/unit/server/utils/readme.spec.ts
+++ b/test/unit/server/utils/readme.spec.ts
@@ -142,6 +142,42 @@ describe('Playground Link Extraction', () => {
       expect(result.playgroundLinks).toHaveLength(1)
       expect(result.playgroundLinks[0]!.provider).toBe('stackblitz')
     })
+
+    it('returns raw markdown content', async () => {
+      const markdown = `# Test Package
+
+## Installation
+
+\`\`\`bash
+npm install test-package
+\`\`\`
+
+## Usage
+
+This is a sample package for testing.
+
+> [!NOTE]
+> This is a note callout.
+
+- Feature one
+- Feature two
+`
+      const result = await renderReadmeHtml(markdown, 'test-pkg')
+
+      expect(result.markdown).toBe(markdown)
+      expect(result.markdown).toContain('# Test Package')
+      expect(result.markdown).toContain('## Installation')
+      expect(result.markdown).toContain('npm install test-package')
+    })
+
+    it('returns empty string for empty content', async () => {
+      const result = await renderReadmeHtml('', 'test-pkg')
+
+      expect(result.markdown).toBe('')
+      expect(result.html).toBe('')
+      expect(result.playgroundLinks).toEqual([])
+      expect(result.toc).toEqual([])
+    })
   })
 })
 

From 787f4e617efa4690571e3e33f91bfce32d31ebef Mon Sep 17 00:00:00 2001
From: Idris Gadi <idris.gadi01@gmail.com>
Date: Sat, 7 Feb 2026 01:26:16 +0530
Subject: [PATCH 3/7] fix(style): remove redundant focus style

---
 app/components/ReadmeTocDropdown.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/components/ReadmeTocDropdown.vue b/app/components/ReadmeTocDropdown.vue
index 67a9e9615f..2da8a13f64 100644
--- a/app/components/ReadmeTocDropdown.vue
+++ b/app/components/ReadmeTocDropdown.vue
@@ -148,7 +148,7 @@ function handleKeydown(event: KeyboardEvent) {
   <button
     ref="triggerRef"
     type="button"
-    class="flex items-center gap-1.5 px-2 py-2 font-mono text-xs text-fg-muted bg-bg-subtle border border-border-subtle border-solid rounded-md transition-colors duration-150 hover:(text-fg border-border-hover) active:scale-95 focus:border-border-hover focus-visible:outline-accent/70 hover:text-fg"
+    class="flex items-center gap-1.5 px-2 py-2 font-mono text-xs text-fg-muted bg-bg-subtle border border-border-subtle border-solid rounded-md transition-colors duration-150 hover:(text-fg border-border-hover) active:scale-95 focus:border-border-hover hover:text-fg"
     :aria-expanded="isOpen"
     aria-haspopup="listbox"
     :aria-label="$t('package.readme.toc_title')"

From 124c13eca65e2344e1d841cf06968b6d5f3e85e1 Mon Sep 17 00:00:00 2001
From: "Willow (GHOST)" <git@willow.sh>
Date: Fri, 6 Feb 2026 21:56:24 +0000
Subject: [PATCH 4/7] Revert "test: add a simple test"

This reverts commit 0db2e6b83f9d47c8512aa660553cb0c484a6e601.
---
 test/unit/server/utils/readme.spec.ts | 36 ---------------------------
 1 file changed, 36 deletions(-)

diff --git a/test/unit/server/utils/readme.spec.ts b/test/unit/server/utils/readme.spec.ts
index 881776b9ca..7790d4d042 100644
--- a/test/unit/server/utils/readme.spec.ts
+++ b/test/unit/server/utils/readme.spec.ts
@@ -142,42 +142,6 @@ describe('Playground Link Extraction', () => {
       expect(result.playgroundLinks).toHaveLength(1)
       expect(result.playgroundLinks[0]!.provider).toBe('stackblitz')
     })
-
-    it('returns raw markdown content', async () => {
-      const markdown = `# Test Package
-
-## Installation
-
-\`\`\`bash
-npm install test-package
-\`\`\`
-
-## Usage
-
-This is a sample package for testing.
-
-> [!NOTE]
-> This is a note callout.
-
-- Feature one
-- Feature two
-`
-      const result = await renderReadmeHtml(markdown, 'test-pkg')
-
-      expect(result.markdown).toBe(markdown)
-      expect(result.markdown).toContain('# Test Package')
-      expect(result.markdown).toContain('## Installation')
-      expect(result.markdown).toContain('npm install test-package')
-    })
-
-    it('returns empty string for empty content', async () => {
-      const result = await renderReadmeHtml('', 'test-pkg')
-
-      expect(result.markdown).toBe('')
-      expect(result.html).toBe('')
-      expect(result.playgroundLinks).toEqual([])
-      expect(result.toc).toEqual([])
-    })
   })
 })
 

From 7152c10f3528ff7a07175b5bd516e223f0edad56 Mon Sep 17 00:00:00 2001
From: "Willow (GHOST)" <git@willow.sh>
Date: Sat, 7 Feb 2026 12:57:25 +0000
Subject: [PATCH 5/7] feat: update toc button style

---
 app/components/Button/Base.vue       |  1 +
 app/components/ReadmeTocDropdown.vue | 16 ++++++++--------
 2 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/app/components/Button/Base.vue b/app/components/Button/Base.vue
index 5a0a39af19..0f71b9805d 100644
--- a/app/components/Button/Base.vue
+++ b/app/components/Button/Base.vue
@@ -25,6 +25,7 @@ const el = useTemplateRef('el')
 
 defineExpose({
   focus: () => el.value?.focus(),
+  buttonRef: el,
 })
 </script>
 
diff --git a/app/components/ReadmeTocDropdown.vue b/app/components/ReadmeTocDropdown.vue
index 2da8a13f64..6ff0ea08a7 100644
--- a/app/components/ReadmeTocDropdown.vue
+++ b/app/components/ReadmeTocDropdown.vue
@@ -79,8 +79,8 @@ function toggle() {
   if (isOpen.value) {
     close()
   } else {
-    if (triggerRef.value) {
-      const rect = triggerRef.value.getBoundingClientRect()
+    if (triggerRef.value?.buttonRef) {
+      const rect = triggerRef.value.buttonRef.getBoundingClientRect()
       dropdownPosition.value = {
         top: rect.bottom + 4,
         right: rect.right,
@@ -101,7 +101,7 @@ function close() {
 function select(id: string) {
   scrollToAnchor(id, { scrollFn: props.scrollToHeading })
   close()
-  triggerRef.value?.focus()
+  triggerRef.value?.buttonRef?.focus()
 }
 
 function getIndex(id: string): number {
@@ -138,25 +138,25 @@ function handleKeydown(event: KeyboardEvent) {
     }
     case 'Escape':
       close()
-      triggerRef.value?.focus()
+      triggerRef.value?.buttonRef?.focus()
       break
   }
 }
 </script>
 
 <template>
-  <button
+  <ButtonBase
     ref="triggerRef"
     type="button"
-    class="flex items-center gap-1.5 px-2 py-2 font-mono text-xs text-fg-muted bg-bg-subtle border border-border-subtle border-solid rounded-md transition-colors duration-150 hover:(text-fg border-border-hover) active:scale-95 focus:border-border-hover hover:text-fg"
     :aria-expanded="isOpen"
     aria-haspopup="listbox"
     :aria-label="$t('package.readme.toc_title')"
     :aria-controls="listboxId"
     @click="toggle"
     @keydown="handleKeydown"
+    classicon="i-carbon:list"
+    class="px-2.5 flex items-center"
   >
-    <span class="i-carbon:list w-3.5 h-3.5" aria-hidden="true" />
     <span
       class="i-carbon:chevron-down w-3 h-3"
       :class="[
@@ -165,7 +165,7 @@ function handleKeydown(event: KeyboardEvent) {
       ]"
       aria-hidden="true"
     />
-  </button>
+  </ButtonBase>
 
   <Teleport to="body">
     <Transition

From e4fcefc24697dceea1dfc04b59fbaafb4fce2307 Mon Sep 17 00:00:00 2001
From: Daniel Roe <daniel@roe.dev>
Date: Sat, 7 Feb 2026 13:17:08 +0000
Subject: [PATCH 6/7] chore: revert unneeded change

---
 server/api/registry/readme/[...pkg].get.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/server/api/registry/readme/[...pkg].get.ts b/server/api/registry/readme/[...pkg].get.ts
index 5b3c0f3120..ca64a55c06 100644
--- a/server/api/registry/readme/[...pkg].get.ts
+++ b/server/api/registry/readme/[...pkg].get.ts
@@ -107,7 +107,7 @@ export default defineCachedEventHandler(
       }
 
       if (!readmeContent || readmeContent === NPM_MISSING_README_SENTINEL) {
-        return { html: '', md: '', playgroundLinks: [], toc: [] }
+        return { html: '', playgroundLinks: [], toc: [] }
       }
 
       // Parse repository info for resolving relative URLs to GitHub

From 85cb2362e042fc916d26d0ddcd88255f17e0700e Mon Sep 17 00:00:00 2001
From: Daniel Roe <daniel@roe.dev>
Date: Sat, 7 Feb 2026 13:19:37 +0000
Subject: [PATCH 7/7] fix: decrease what we expose

---
 app/components/Button/Base.vue       | 2 +-
 app/components/ReadmeTocDropdown.vue | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/components/Button/Base.vue b/app/components/Button/Base.vue
index 0f71b9805d..0dd9280036 100644
--- a/app/components/Button/Base.vue
+++ b/app/components/Button/Base.vue
@@ -25,7 +25,7 @@ const el = useTemplateRef('el')
 
 defineExpose({
   focus: () => el.value?.focus(),
-  buttonRef: el,
+  getBoundingClientRect: () => el.value?.getBoundingClientRect(),
 })
 </script>
 
diff --git a/app/components/ReadmeTocDropdown.vue b/app/components/ReadmeTocDropdown.vue
index 6ff0ea08a7..65d1da3e49 100644
--- a/app/components/ReadmeTocDropdown.vue
+++ b/app/components/ReadmeTocDropdown.vue
@@ -79,8 +79,8 @@ function toggle() {
   if (isOpen.value) {
     close()
   } else {
-    if (triggerRef.value?.buttonRef) {
-      const rect = triggerRef.value.buttonRef.getBoundingClientRect()
+    const rect = triggerRef.value?.getBoundingClientRect()
+    if (rect) {
       dropdownPosition.value = {
         top: rect.bottom + 4,
         right: rect.right,
@@ -101,7 +101,7 @@ function close() {
 function select(id: string) {
   scrollToAnchor(id, { scrollFn: props.scrollToHeading })
   close()
-  triggerRef.value?.buttonRef?.focus()
+  triggerRef.value?.focus()
 }
 
 function getIndex(id: string): number {
@@ -138,7 +138,7 @@ function handleKeydown(event: KeyboardEvent) {
     }
     case 'Escape':
       close()
-      triggerRef.value?.buttonRef?.focus()
+      triggerRef.value?.focus()
       break
   }
 }