Skip to content

fix: show install commands for vp, nub, ni and upm - #3351

Merged
gameroman merged 1 commit into
npmx-dev:mainfrom
2u841r:fix/pm-css-last-four-managers
Oct 23, 2026
Merged

gameroman merged 1 commit into
npmx-dev:mainfrom
2u841r:fix/pm-css-last-four-managers

Conversation

@2u841r

@2u841r 2u841r commented Oct 23, 2026

Copy link
Copy Markdown
Contributor

Linked issue

No linked issue.

Context

The install command dropdown and the "additional commands" list only show the command for the selected package manager when a matching data-pm rule exists. The CSS rules covered npm, pnpm, yarn, bun, deno and vlt, but not vp, nub, ni or upm (added in #3296). Selecting one of those four left its command hidden.

Description

Adds display: inline show rules for vp, nub, ni and upm next to the existing ones in:

  • app/components/Package/Install/Dropdown.vue (data-pm-cmd)
  • app/components/Package/Install/AdditionalCommands.vue (data-pm-additional-cmd)

No logic changes. Verified in the browser on /package/react by setting data-pm to each of the four values and checking computed display: all four are now inline.

Not covered: no unit or e2e test was added for the CSS rules, and the dropdown selection flow itself was not clicked through.

The data-pm show rules only covered npm, pnpm, yarn, bun, deno and vlt,
so selecting one of the newer package managers left its command hidden
in both the install dropdown and the additional commands list.
@agentscanapp

agentscanapp Bot commented Oct 23, 2026

Copy link
Copy Markdown

Thanks for opening this pull request! 🎉

We really appreciate you taking the time to contribute, @2u841r.

A maintainer will take a look as soon as they can. In the meantime, please make sure that:

  • the description explains what changed and why
  • any related issues are linked
  • existing tests still pass

If anything needs adjusting we'll leave comments here. Thanks again!

@vercel

vercel Bot commented Oct 23, 2026 •

Copy link
Copy Markdown
Contributor

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

Project Deployment Actions Updated
npmx.dev Ready Ready Preview Oct 23, 2026 1:43pm UTC
2 Skipped Deployments
Project Deployment Actions Updated
docs.npmx.dev Ignored Ignored Preview Oct 23, 2026 1:43pm UTC
npmx-lunaria Ignored Ignored Oct 23, 2026 1:43pm UTC

Request Review

@coderabbitai

coderabbitai Bot commented Oct 23, 2026 •

Copy link
Copy Markdown
Contributor

Review in Change Stack →

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info
⚙️ Run configuration
📥 Commits

Reviewing files that changed from the base of the PR and between 3472596 and f047501.

📒 Files selected for processing: 2
  • app/components/Package/Install/AdditionalCommands.vue
  • app/components/Package/Install/Dropdown.vue

Included review availability: This review used your included allowance. Your plan provides up to 8 included reviews per hour; 7 remain after this review.

📝 Summary

Summary by CodeRabbit

  • New Features
    • The additional-command selector now includes matching command variants for vp, nub, ni and upm, alongside existing package managers.
    • Selecting these package managers now displays their corresponding command variants in the command dropdown.

Both package install selectors now match vlt, vp, nub, ni and upm to their corresponding command variants.

Changes: Package manager command selectors

Layer / File(s) Summary
Add matching package manager variants
app/components/Package/Install/AdditionalCommands.vue, app/components/Package/Install/Dropdown.vue
Both selectors now include rules for vp, nub, ni and upm. The existing vlt rule remains. The matching command variant displays for each selected package manager.

Suggested reviewers: alexdln

Priority: ➖ Normal

Merge Risk: ⚪ Minimal · up to f0475

The change is limited to the intended command-visibility CSS rules and is ready to merge.

Pre-merge checks: Passed 4
Check name Status Explanation
Title check Passed The title clearly and concisely describes the main change: showing install commands for the vp, nub, ni and upm package managers.
Description check Passed The description is directly related to the changes. It explains the missing CSS rules, affected files, verification performed and test coverage limitations.
Linked Issues check Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check Passed Check skipped because no linked issues were found for this pull request.
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create a new PR
  • Autofix · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@codecov

codecov Bot commented Oct 23, 2026

Copy link
Copy Markdown

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ All tests successful. No failed tests found.

📢 Thoughts on this report? Let us know!

@gameroman
gameroman added this pull request to the merge queue Oct 23, 2026
Merged via the queue into npmx-dev:main with commit f496cab Oct 23, 2026
25 checks passed
@github-actions github-actions Bot mentioned this pull request Oct 23, 2026
@gameroman gameroman added the front Frontend, Design label Oct 28, 2026

This branch was successfully deployed

1 active deployment
Preview – npmx.dev — f0475016 Deployed Oct 23, 2026 by vercel[bot]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

front Frontend, Design

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants