feat: add copy button for package versions

[agamyo168]

this is my attempt at resolving: #1421
I'm not really good at front-end and I have no experience with vue so feel free to judge.

I have added a small button to copy the package version:

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
npmx.dev	Ready	Preview, Comment	Feb 13, 2026 4:10pm

2 Skipped Deployments

Project	Deployment	Actions	Updated (UTC)
docs.npmx.dev	Ignored	Preview	Feb 13, 2026 4:10pm
npmx-lunaria	Ignored		Feb 13, 2026 4:10pm

[github-actions]

Lunaria Status Overview

🌕 This pull request will trigger status changes.

Learn more

By default, every PR changing files present in the Lunaria configuration's files property will be considered and trigger status changes accordingly.

You can change this by adding one of the keywords present in the ignoreKeywords property in your Lunaria configuration file in the PR's title (ignoring all files) or by including a tracker directive in the merged commit's description.

Tracked Files

File	Note
lunaria/files/en-GB.json	Localization changed, will be marked as complete. 🔄️
lunaria/files/en-US.json	Source changed, localizations will be marked as outdated.

Warnings reference

Icon	Description
🔄️	The source for this localization has been updated since the creation of this pull request, make sure all changes in the source have been applied.

[codecov]

Codecov Report

❌ Patch coverage is 0% with 7 lines in your changes missing coverage. Please review.
✅ All tests successful. No failed tests found.

Files with missing lines	Patch %	Lines
app/pages/package/[[org]]/[name].vue	0.00%	6 Missing and 1 partial ⚠️

📢 Thoughts on this report? Let us know!

[coderabbitai]

Note

Reviews paused

It looks like this branch is under active development. To avoid overwhelming you with review comments due to an influx of new commits, CodeRabbit has automatically paused this review. You can configure this behavior by changing the reviews.auto_review.auto_pause_after_reviewed_commits setting.

Use the following commands to manage reviews:

• @coderabbitai resume to resume automatic reviews.
• @coderabbitai review to trigger a single review.

Use the checkboxes below for quick actions:

• ▶️ Resume reviews
• 🔍 Trigger review

📝 Walkthrough

Walkthrough

Adds copy-to-clipboard support for the resolved package version on the package detail page: introduces a new clipboard instance and state (copiedVersion, copyVersion), renders a floating copy-version button (inline with the version display) that toggles icon/text based on copy state, preserves and clarifies the existing name-copy control, adjusts markup/classes to host the new control, and adds the package.copy_version translation key to en-US and en-GB locale files and i18n/schema.json.

Possibly related PRs

• feat: add copy readme as markdown button on package page #1058: Modifies the same package page to add clipboard-driven copy UI controls and corresponding i18n keys.
• fix: correct package name copy tooltip hiding #838: Adjusts the package page copy-button UI/CSS and transitions for the existing copy-name control, overlapping with UI changes introduced here.

Suggested reviewers

• danielroe

🚥 Pre-merge checks | ✅ 2

✅ Passed checks (2 passed)

Check name	Status	Explanation
Description check	✅ Passed	The pull request description clearly relates to the changeset, referencing a specific issue and explaining the feature addition of a copy button for package versions.
Merge Conflict Detection	✅ Passed	✅ No merge conflicts detected when merging into main

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment

---

No actionable comments were generated in the recent review. 🎉

---

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[coderabbitai]

Actionable comments posted: 1

[nicolo-ribaudo]

In which case there is no value? Maybe we should just not show the copy button when it happens.

[agamyo168]

I thought this was already the case? This is why I encapsulated it in the version span .

[nicolo-ribaudo]

Oh right

[nicolo-ribaudo]

Oh also, this copies the version without the "v" prefix, right? (I'd expect it to do so)

[agamyo168]

Oh also, this copies the version without the "v" prefix, right? (I'd expect it to do so)

Yes, the button only copies the version without the v prefix

[ghostdevv]

ty! I've updated it to use the same behavior as the copy name button to avoid confusion

[github-actions]

Thanks for your first contribution, @agamyo168! 🚀

We'd love to welcome you to the npmx community. Come and say hi on Discord! And once you've joined, visit npmx.wamellow.com to claim the contributor role.