Skip to content

fix(ui): versions modal usage button copy#2007

Merged
graphieros merged 2 commits intonpmx-dev:mainfrom
MatteoGabriele:fix/versions-modal-usage-button-copy
Mar 10, 2026
Merged

fix(ui): versions modal usage button copy#2007
graphieros merged 2 commits intonpmx-dev:mainfrom
MatteoGabriele:fix/versions-modal-usage-button-copy

Conversation

@MatteoGabriele
Copy link
Contributor

@MatteoGabriele MatteoGabriele commented Mar 9, 2026

🔗 Linked issue

resolves #1935

📚 Description

The copy of the usage section buttons does not match what the graph shows.
For the "Usage" section use Most Used | All

before
Screenshot 2026-03-09 at 11 39 00

after
Screenshot 2026-03-09 at 11 37 51

@vercel
Copy link

vercel bot commented Mar 9, 2026

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

Project Deployment Actions Updated (UTC)
docs.npmx.dev Ready Ready Preview, Comment Mar 10, 2026 10:33am
npmx.dev Ready Ready Preview, Comment Mar 10, 2026 10:33am
1 Skipped Deployment
Project Deployment Actions Updated (UTC)
npmx-lunaria Ignored Ignored Mar 10, 2026 10:33am

Request Review

@github-actions
Copy link

github-actions bot commented Mar 9, 2026

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
i18n/locales/az-AZ.json Localization changed, will be marked as complete. 🔄️
i18n/locales/bg-BG.json Localization changed, will be marked as complete. 🔄️
i18n/locales/cs-CZ.json Localization changed, will be marked as complete. 🔄️
i18n/locales/de-DE.json Localization changed, will be marked as complete. 🔄️
i18n/locales/en.json Source changed, localizations will be marked as outdated.
i18n/locales/es.json Localization changed, will be marked as complete. 🔄️
i18n/locales/fr-FR.json Localization changed, will be marked as complete. 🔄️
i18n/locales/hu-HU.json Localization changed, will be marked as complete. 🔄️
i18n/locales/id-ID.json Localization changed, will be marked as complete. 🔄️
i18n/locales/ja-JP.json Localization changed, will be marked as complete. 🔄️
i18n/locales/pl-PL.json Localization changed, will be marked as complete. 🔄️
i18n/locales/ru-RU.json Localization changed, will be marked as complete. 🔄️
i18n/locales/tr-TR.json Localization changed, will be marked as complete. 🔄️
i18n/locales/uk-UA.json Localization changed, will be marked as complete. 🔄️
i18n/locales/zh-CN.json Localization changed, will be marked as complete. 🔄️
i18n/locales/zh-TW.json Localization changed, will be marked as complete. 🔄️
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
Copy link

codecov bot commented Mar 9, 2026

Codecov Report

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

Files with missing lines Patch % Lines
app/components/Package/VersionDistribution.vue 0.00% 0 Missing and 2 partials ⚠️

📢 Thoughts on this report? Let us know!

@coderabbitai
Copy link
Contributor

coderabbitai bot commented Mar 9, 2026

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: e9ede039-7155-462a-aae4-80b054c57127

📥 Commits

Reviewing files that changed from the base of the PR and between 069f0e2 and 4e6d7e7.

📒 Files selected for processing (4)
  • i18n/locales/az-AZ.json
  • i18n/locales/cs-CZ.json
  • i18n/locales/en.json
  • i18n/schema.json
💤 Files with no reviewable changes (1)
  • i18n/locales/cs-CZ.json
🚧 Files skipped from review as they are similar to previous changes (3)
  • i18n/schema.json
  • i18n/locales/en.json
  • i18n/locales/az-AZ.json

📝 Walkthrough

Walkthrough

Swaps two toggle button labels in the VersionDistribution component (first button now shows “most used”, second shows “all”), renames the i18n key grouping_usage_low to grouping_usage_most_used in the i18n schema and updates or removes grouping_usage_low across locale files, and adds multiple placeholder top‑level keys (blog, pds, error, builders, etc.) and minor reordering within several locale files.

Possibly related PRs

Suggested reviewers

  • graphieros
🚥 Pre-merge checks | ✅ 1 | ❌ 2

❌ Failed checks (2 warnings)

Check name Status Explanation Resolution
Linked Issues check ⚠️ Warning The PR changes button labels to 'Most used | All' but the linked issue #1935 requests 'Excluding low | All' or similar, which are semantically different. Align the button labels with the linked issue requirement. Use 'Excluding low' instead of 'Most used' to clearly convey that one option excludes low-usage versions.
Out of Scope Changes check ⚠️ Warning The PR adds multiple new i18n keys (blog, error, pds, profile, builders) and restructures locale files beyond the stated objective of updating version modal button labels. Remove out-of-scope i18n additions (blog, error, pds, profile, builders) from locale files. Limit changes to the grouping_usage_low removal and grouping_usage_most_used addition as specified in the objective.
✅ Passed checks (1 passed)
Check name Status Explanation
Description check ✅ Passed The pull request description clearly relates to the changeset, explaining the button label updates in the versions modal from 'All | Low' to 'Most used | All'.

✏️ 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

Tip

Try Coding Plans. Let us write the prompt for your AI agent so you can ship faster (with fewer bugs).
Share your feedback on Discord.


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 and usage tips.

Copy link
Contributor

@coderabbitai coderabbitai bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 3

🧹 Nitpick comments (1)
i18n/locales/de-DE.json (1)

358-383: Consider adding grouping_usage_most_used while this locale is already being touched.

app/components/Package/VersionDistribution.vue now reads package.versions.grouping_usage_most_used, and i18n/schema.json defines that key as part of the versions-modal toggle. This file still only provides grouping_usage_all, so the German modal will fall back for one of the two labels the PR is explicitly rewording.


ℹ️ Review info
⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: 085d6845-f947-4fa3-98b1-6e31d4984740

📥 Commits

Reviewing files that changed from the base of the PR and between 04f3ab9 and 069f0e2.

📒 Files selected for processing (18)
  • app/components/Package/VersionDistribution.vue
  • i18n/locales/az-AZ.json
  • i18n/locales/bg-BG.json
  • i18n/locales/cs-CZ.json
  • i18n/locales/de-DE.json
  • i18n/locales/en.json
  • i18n/locales/es.json
  • i18n/locales/fr-FR.json
  • i18n/locales/hu-HU.json
  • i18n/locales/id-ID.json
  • i18n/locales/ja-JP.json
  • i18n/locales/pl-PL.json
  • i18n/locales/ru-RU.json
  • i18n/locales/tr-TR.json
  • i18n/locales/uk-UA.json
  • i18n/locales/zh-CN.json
  • i18n/locales/zh-TW.json
  • i18n/schema.json
💤 Files with no reviewable changes (4)
  • i18n/locales/ja-JP.json
  • i18n/locales/zh-CN.json
  • i18n/locales/uk-UA.json
  • i18n/locales/cs-CZ.json

"files_count": "{count} fayl",
"lines_hidden": "{count} sətir gizlədilib",
"compare_versions": "fərq",
"compare_versions_title": "Versiyaları müqayisə et",
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue | 🟡 Minor

Align this tooltip with the actual compare target.

This key is used for the button that compares the current package version with the latest one. “Versiyaları müqayisə et” reads like a generic compare action, so it no longer matches the button’s behaviour closely enough.

Comment on lines 390 to 394
"grouping_usage_title": "Usage",
"grouping_usage_all": "All",
"grouping_usage_low": "Low",
"grouping_usage_most_used": "Most used",
"recent_versions_only_tooltip": "Show only versions published within the last year.",
"show_low_usage_tooltip": "Include version groups with less than 1% of total downloads.",
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue | 🟡 Minor

Most used still overstates what this filter does.

This toggle hides version groups below the 1% threshold; it does not isolate only the highest-usage versions. A label like “Excluding low” or “Hide low-usage” would match the graph behaviour and the tooltip more closely.

"lines_hidden": "{count} satır gizlendi",
"file_too_large": "Dosya çok büyük",
"file_size_warning": "Dosya boyutu {size}",
"compare_versions_title": "Sürümleri karşılaştır",
Copy link
Contributor

@coderabbitai coderabbitai bot Mar 9, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue | 🟡 Minor

Keep the “latest version” meaning in this label.

app/pages/package/[[org]]/[name].vue uses this key as the tooltip for the button that compares the current version against the latest one. “Sürümleri karşılaştır” is broader than the actual action, so the tooltip becomes less precise than the UI behaviour.

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@MatteoGabriele what's your take on the rabbit's ramblings ?

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Seems like the humans are having a chat. I'll hop back into my burrow for now. If you need me again, just tag @coderabbitai in a new comment, and I'll come hopping out!

Copy link
Contributor Author

@MatteoGabriele MatteoGabriele Mar 10, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

That I don't speak Turkish? 😅

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@graphieros Jokes aside, I guess it's about a slightly less meaningful sentence for this language? But honestly, I'm not sure. Missing keys will fallback to English, and the other one has the same copy.

Copy link
Contributor

@graphieros graphieros left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM :) Labels are now more understandable.

@graphieros graphieros added this pull request to the merge queue Mar 10, 2026
Merged via the queue into npmx-dev:main with commit 3712560 Mar 10, 2026
20 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Reword options in versions modal

2 participants