Skip to content

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

Open
MatteoGabriele wants to merge 1 commit intonpmx-dev:mainfrom
MatteoGabriele:fix/versions-modal-usage-button-copy
Open

fix(ui): versions modal usage button copy#2007
MatteoGabriele wants to merge 1 commit 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)
npmx.dev Ready Ready Preview, Comment Mar 9, 2026 10:39am
2 Skipped Deployments
Project Deployment Actions Updated (UTC)
docs.npmx.dev Ignored Ignored Preview Mar 9, 2026 10:39am
npmx-lunaria Ignored Ignored Mar 9, 2026 10:39am

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

📝 Walkthrough

Walkthrough

The pull request updates UI labels for version distribution filtering across multiple localisations and components. The main changes include swapping button labels in the VersionDistribution component from "All" and "Low" to "Most used" and "All", replacing the i18n key grouping_usage_low with grouping_usage_most_used across all locale files, and updating the corresponding schema definition. Additional structural changes introduce placeholder translation keys for blog, pds, and error sections across multiple locale files, along with minor reordering and reorganisation of existing translation entries.

Possibly related PRs

Suggested reviewers

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

❌ Failed checks (1 warning, 1 inconclusive)

Check name Status Explanation Resolution
Out of Scope Changes check ⚠️ Warning The PR includes significant i18n changes across multiple locale files (adding blog, pds, error keys) and schema updates beyond the core button label change required by the linked issue. Remove out-of-scope i18n additions (blog, pds, error, builders, profile, compare_versions_title keys) and localisation structure changes that are unrelated to the versions modal button copy update.
Linked Issues check ❓ Inconclusive The PR partially addresses the linked issue #1935 by renaming 'Low' to 'Most used', but the issue requested wording like 'Excluding low | All' to better describe the filter semantics. The current changes show 'Most Used | All' instead of the explicitly requested alternatives. Verify that 'Most Used | All' adequately conveys that one button excludes low-usage versions while the other shows all versions, as originally intended in issue #1935.
✅ Passed checks (1 passed)
Check name Status Explanation
Description check ✅ Passed The pull request description clearly relates to the changeset, explaining the motivation (button copy mismatch) and showing before/after screenshots of the versions modal usage buttons.

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

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

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.

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

1 participant