Add npmx.dev link on file preview failure

[Copilot]

• Add a link to npmx.dev code page in the "产物预览失败" error result component
• Add unit tests for the files viewer component covering:
  • Error state: displays npmx.dev link with correct URL
  • Error state: uses "latest" as spec when version is not provided
  • Error state: constructs correct link for scoped packages
  • Loading state: displays spinner
  • Success state: displays file tree and code viewer
  • Success state: does not display npmx.dev link

Original prompt

---

This section details on the original issue you should resolve

<issue_title>在「产物预览失败」的时候，增加一个链接跳到对应的 npmx.dev code 页面</issue_title>
<issue_description>https://npmmirror.com/package/vibe-kanban/files?version=0.1.19

如 https://npmx.dev/package-code/vibe-kanban/v/0.1.19</issue_description>

Comments on the Issue (you are @copilot in this section)

• Fixes 在「产物预览失败」的时候，增加一个链接跳到对应的 npmx.dev code 页面 #126

---

✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
cnpmweb	Ready	Preview, Comment	Feb 26, 2026 2:27pm

[cloudflare-workers-and-pages]

Deploying cnpmweb with    Cloudflare Pages

Latest commit:	2271c62
Status:	✅  Deploy successful!
Preview URL:	https://704d8754.cnpmweb.pages.dev
Branch Preview URL:	https://copilot-add-link-to-npmx-dev.cnpmweb.pages.dev

View logs

[fengmk2]

@copilot add unittest for this change

[Copilot]

@copilot add unittest for this change

Added unit tests in 2271c62. The test file covers error state (npmx.dev link with correct URL, "latest" fallback, scoped packages), loading state, and success state. All 41 tests pass (35 existing + 6 new).

[Copilot]

Pull request overview

Adds a fallback path for users to view package source code when the file preview (“产物预览失败”) fails, by surfacing a link to the corresponding npmx.dev “package-code” page.

Changes:

• Extends the antd Result shown on preview failure to include an extra action.
• Adds an external link pointing to https://npmx.dev/package-code/{name}/v/{version}.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.