feat: add community adoption distribution link in Versions.vue by NullVoxPopuli · Pull Request #687 · npmx-dev/npmx.dev

NullVoxPopuli · 2026-02-01T22:43:34Z

Added a link to view community adoption distribution for packages.

This links out to https://majors.nullvoxpopuli.com to show what majors/minors of a package are being used -- helpful for maintainers to help move their communities forward

Added a link to view community adoption distribution for packages.

vercel · 2026-02-01T22:43:39Z

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

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

2 Skipped Deployments

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

Co-authored-by: NullVoxPopuli <199018+NullVoxPopuli@users.noreply.github.com>

…-test-selectors

Co-authored-by: NullVoxPopuli <199018+NullVoxPopuli@users.noreply.github.com>

[WIP] Fix test errors related to component link update

NullVoxPopuli · 2026-02-02T01:17:27Z

test/nuxt/components/PackageVersions.spec.ts

-      // Find version links (exclude anchor links that start with #)
+      // Find version links (exclude anchor links that start with # and external links)
      const versionLinks = component
        .findAll('a')


filtering all links like this with a semantic wrapper feels a bit goofy, but I don't know what testing patterns are common/recommended, and this was pretty hands off for me. Lemme know what changes you want

github-actions · 2026-02-02T01:18:27Z

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.

app/components/Package/Versions.vue

danielroe

thank you ❤️

NullVoxPopuli · 2026-02-03T22:02:25Z

looks like ci needs to re-run (due to actions outage yesterday)

coderabbitai · 2026-02-03T22:11:53Z

📝 Walkthrough

Walkthrough

The pull request adds an external link button to the Package Versions component that directs users to a community distribution page. The link is added as an action in the CollapsibleSection header, uses the packageName prop to construct the URL, and includes an icon and accessible label. Supporting translation entries are added to locale files in English (en-GB, en-US variants and main i18n), and component tests are updated to exclude external links when filtering version link elements.

🚥 Pre-merge checks | ✅ 1

✅ Passed checks (1 passed)

Check name	Status	Explanation
Description check	✅ Passed	The pull request description clearly describes the changeset: adding a link to view community adoption distribution for packages, with supporting context about the external URL and intended use case.

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

✨ Finishing touches

📝 Generate docstrings

🧪 Generate unit tests (beta)

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

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

codecov · 2026-02-03T22:13:40Z

Codecov Report

✅ All modified and coverable lines are covered by tests.

📢 Thoughts on this report? Let us know!

coderabbitai

Actionable comments posted: 1

coderabbitai · 2026-02-03T22:16:22Z

app/components/Package/Versions.vue

+    <template #actions>
+      <a
+        :href="`https://majors.nullvoxpopuli.com/q?packages=${packageName}`"
+        target="_blank"
+        rel="noopener noreferrer"
+        class="text-fg-subtle hover:text-fg transition-colors duration-200 inline-flex items-center justify-center min-w-6 min-h-6 -m-1 p-1"
+        :title="$t('package.downloads.community_distribution')"
+      >
+        <span class="i-carbon:load-balancer-network w-3.5 h-3.5" aria-hidden="true" />
+        <span class="sr-only">{{ $t('package.downloads.community_distribution') }}</span>
+      </a>


⚠️ Potential issue | 🟡 Minor

🧩 Analysis chain

🌐 Web query:

majors.nullvoxpopuli.com package query parameter format scoped packages

💡 Result:

majors.nullvoxpopuli.com reads the package name(s) from the packages query parameter (i.e. ?packages=...). (nullvoxpopuli.com)

For scoped npm packages, use normal URL-encoding for reserved characters—most importantly:

@ → %40

/ → %2F

Example:

https://majors.nullvoxpopuli.com/?packages=%40ember%2Fdata

Citations:

1: https://nullvoxpopuli.com/2023-12-19-hifi-sourcemap/?utm_source=openai

🏁 Script executed:

# Check how packageName is used elsewhere in the codebase rg "packageName" app/components/Package/Versions.vue -B 2 -A 2 | head -50

Repository: npmx-dev/npmx.dev

Length of output: 1625

🏁 Script executed:

# Look for any existing URL encoding patterns in the codebase rg "encodeURIComponent|encodeURI" --type vue --type ts --type tsx | head -20

Repository: npmx-dev/npmx.dev

Length of output: 88

🏁 Script executed:

# Check the package name variable definition and source rg "const packageName|let packageName|packageName:" app/components/Package/Versions.vue -B 3 -A 1

Repository: npmx-dev/npmx.dev

Length of output: 177

Encode packageName in the query string.

Scoped package names (e.g. @scope/package) contain characters like @ and / that must be URL-encoded (%40 and %2F respectively) for the majors.nullvoxpopuli.com service to correctly parse the query parameter.

🔧 Suggested change

- :href="`https://majors.nullvoxpopuli.com/q?packages=${packageName}`" + :href="`https://majors.nullvoxpopuli.com/q?packages=${encodeURIComponent(packageName)}`"

📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change

<template #actions>

<a

:href="`https://majors.nullvoxpopuli.com/q?packages=${packageName}`"

target="_blank"

rel="noopener noreferrer"

class="text-fg-subtle hover:text-fg transition-colors duration-200 inline-flex items-center justify-center min-w-6 min-h-6 -m-1 p-1"

:title="$t('package.downloads.community_distribution')"

>

<span class="i-carbon:load-balancer-network w-3.5 h-3.5" aria-hidden="true" />

<span class="sr-only">{{ $t('package.downloads.community_distribution') }}</span>

</a>

<template `#actions`>

<a

:href="`https://majors.nullvoxpopuli.com/q?packages=${encodeURIComponent(packageName)}`"

target="_blank"

rel="noopener noreferrer"

class="text-fg-subtle hover:text-fg transition-colors duration-200 inline-flex items-center justify-center min-w-6 min-h-6 -m-1 p-1"

:title="$t('package.downloads.community_distribution')"

>

<span class="i-carbon:load-balancer-network w-3.5 h-3.5" aria-hidden="true" />

<span class="sr-only">{{ $t('package.downloads.community_distribution') }}</span>

</a>

Add community adoption distribution link in Versions.vue

95bd369

Added a link to view community adoption distribution for packages.

NullVoxPopuli added 2 commits February 1, 2026 17:45

Add community distribution label to English locale

361fb7c

Update tooltip text for community distribution link

27898e1

vercel bot deployed to Preview – npmx.dev February 1, 2026 22:49 View deployment

Update link to use props.packageName instead of pkg.name

f6485ec

NullVoxPopuli changed the title ~~Add community adoption distribution link in Versions.vue~~ feat: add community adoption distribution link in Versions.vue Feb 2, 2026

vercel bot deployed to Preview – npmx.dev February 2, 2026 00:35 View deployment

lint:fix

b5de987

vercel bot deployed to Preview – npmx.dev February 2, 2026 00:52 View deployment

Copilot AI and others added 8 commits February 2, 2026 00:53

Initial plan

179ec74

fix: update test selectors to exclude external links

eb3ea4c

fix: update test selectors to exclude external links

11d26af

Push test fixes to remote

a60127a

Co-authored-by: NullVoxPopuli <199018+NullVoxPopuli@users.noreply.github.com>

Merge branch 'copilot/fix-package-versions-tests' into copilot/update…

1ffcba8

…-test-selectors

Remove temporary marker file

fe1ea89

Co-authored-by: NullVoxPopuli <199018+NullVoxPopuli@users.noreply.github.com>

Apply test selector fixes to current test file

2e20622

Co-authored-by: NullVoxPopuli <199018+NullVoxPopuli@users.noreply.github.com>

Merge pull request #1 from NullVoxPopuli/copilot/update-test-selectors

7feb8ad

[WIP] Fix test errors related to component link update

NullVoxPopuli commented Feb 2, 2026

View reviewed changes

[autofix.ci] apply automated fixes

ba9ea1e

vercel bot deployed to Preview – npmx.dev February 2, 2026 01:20 View deployment

NullVoxPopuli marked this pull request as ready for review February 2, 2026 01:20

serhalp added the idea label Feb 2, 2026

danielroe reviewed Feb 2, 2026

View reviewed changes

app/components/Package/Versions.vue Outdated Show resolved Hide resolved

danielroe added 2 commits February 2, 2026 20:03

chore: remove props.

c0aab9a

Merge branch 'main' into patch-2

96732fa

danielroe approved these changes Feb 2, 2026

View reviewed changes

vercel bot had a problem deploying to Preview – docs.npmx.dev February 2, 2026 20:03 Failure

danielroe enabled auto-merge February 2, 2026 20:03

vercel bot deployed to Preview – npmx.dev February 2, 2026 20:05 View deployment

Merge branch 'main' into patch-2

934843c

vercel bot had a problem deploying to Preview – docs.npmx.dev February 3, 2026 22:10 Failure

[autofix.ci] apply automated fixes

033ae9a

vercel bot deployed to Preview – npmx.dev February 3, 2026 22:12 View deployment

danielroe added this pull request to the merge queue Feb 3, 2026

coderabbitai bot reviewed Feb 3, 2026

View reviewed changes

Merged via the queue into npmx-dev:main with commit 74f04e9 Feb 3, 2026
16 checks passed

This was referenced Feb 4, 2026

feat: accessible rings, accent colors & visual changes #904

Merged

feat: extract button and link component, unify and improve design #1071

Merged

feat(ui): community version distribution #1245

Merged

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Comments

feat: add community adoption distribution link in Versions.vue#687

feat: add community adoption distribution link in Versions.vue#687
danielroe merged 18 commits intonpmx-dev:mainfrom
NullVoxPopuli:patch-2

NullVoxPopuli commented Feb 1, 2026 •

edited

Loading

Uh oh!

vercel bot commented Feb 1, 2026 •

edited

Loading

Uh oh!

NullVoxPopuli Feb 2, 2026

Uh oh!

github-actions bot commented Feb 2, 2026 •

edited

Loading

Uh oh!

Uh oh!

danielroe left a comment

Uh oh!

NullVoxPopuli commented Feb 3, 2026

Uh oh!

coderabbitai bot commented Feb 3, 2026 •

edited

Loading

Walkthrough

Uh oh!

codecov bot commented Feb 3, 2026

Uh oh!

coderabbitai bot left a comment

Uh oh!

coderabbitai bot Feb 3, 2026

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

4 participants

Uh oh!

Comments

Conversation

NullVoxPopuli commented Feb 1, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

vercel bot commented Feb 1, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

NullVoxPopuli Feb 2, 2026

Choose a reason for hiding this comment

Uh oh!

github-actions bot commented Feb 2, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Lunaria Status Overview

Tracked Files

Uh oh!

Uh oh!

danielroe left a comment

Choose a reason for hiding this comment

Uh oh!

NullVoxPopuli commented Feb 3, 2026

Uh oh!

coderabbitai bot commented Feb 3, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Walkthrough

Uh oh!

codecov bot commented Feb 3, 2026

Codecov Report

Uh oh!

coderabbitai bot left a comment

Choose a reason for hiding this comment

Uh oh!

coderabbitai bot Feb 3, 2026

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

4 participants

NullVoxPopuli commented Feb 1, 2026 •

edited

Loading

vercel bot commented Feb 1, 2026 •

edited

Loading

github-actions bot commented Feb 2, 2026 •

edited

Loading

coderabbitai bot commented Feb 3, 2026 •

edited

Loading