Skip to content

chore: recommend npm-version-lens extension#13

Open
farshadhemmati wants to merge 1 commit intoFreeCodeCamp-Chengdu:masterfrom
farshadhemmati:recommend-npm-version-lens
Open

chore: recommend npm-version-lens extension#13
farshadhemmati wants to merge 1 commit intoFreeCodeCamp-Chengdu:masterfrom
farshadhemmati:recommend-npm-version-lens

Conversation

@farshadhemmati
Copy link

@farshadhemmati farshadhemmati commented Feb 7, 2026

Recommend npm-version-lens

This PR updates .vscode/extensions.json to recommend npm-version-lens in place of the following extension(s):

  • pflannery.vscode-versionlens

Why?

npm-version-lens provides:

  • Color-coded version indicators directly in package.json
  • One-click version updates via an inline dropdown
  • Inlay hints showing the latest available version

It is actively maintained and lightweight.

Marketplace: https://marketplace.visualstudio.com/items?itemName=Legalfina.npm-version-lens

Summary by CodeRabbit

  • Chores
    • Updated recommended development tools to enhance the development environment.

Replace outdated/alternative npm version extensions with legalfina.npm-version-lens.

npm-version-lens provides:
- Color-coded version indicators in package.json
- One-click version updates via dropdown
- Inlay hints showing latest versions

Marketplace: https://marketplace.visualstudio.com/items?itemName=Legalfina.npm-version-lens
@coderabbitai
Copy link

coderabbitai bot commented Feb 7, 2026

📝 Walkthrough

Walkthrough

Updated the VS Code extensions.json configuration by replacing the deprecated "pflannery.vscode-versionlens" extension with "legalfina.npm-version-lens" in the recommended extensions list.

Changes

Cohort / File(s) Summary
VS Code Configuration
.vscode/extensions.json
Replaced recommended extension from pflannery.vscode-versionlens to legalfina.npm-version-lens

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~2 minutes

Poem

🐰 A hop, skip, and extension swap,
The old lens tips, the new one's on top,
Version-checking now feels so refined,
With npm-version-lens on our mind! ✨

🚥 Pre-merge checks | ✅ 3
✅ Passed checks (3 passed)
Check name Status Explanation
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check ✅ Passed The title accurately describes the main change: replacing one VS Code extension recommendation with another (npm-version-lens).
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

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

@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: 1

🤖 Fix all issues with AI agents
In @.vscode/extensions.json:
- Line 7: Update the extension ID string in the VS Code extensions list: replace
the incorrect lowercase identifier "legalfina.npm-version-lens" with the
proper-cased "Legalfina.npm-version-lens" so the entry in the JSON matches the
Marketplace listing exactly; edit the value in the extensions array where the
string "legalfina.npm-version-lens" appears.

"akamud.vscode-caniuse",
"visualstudioexptteam.intellicode-api-usage-examples",
"pflannery.vscode-versionlens",
"legalfina.npm-version-lens",
Copy link

Choose a reason for hiding this comment

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

⚠️ Potential issue | 🔴 Critical

🧩 Analysis chain

🌐 Web query:

VS Code Marketplace "legalfina.npm-version-lens" extension

💡 Result:

VS Code Marketplace extension: Legalfina.npm-version-lens (display name: “NPM Package Version Dropdown”) by Legalfina. (marketplace.visualstudio.com)

What it does: Adds inline, color-coded “outdated” indicators in package.json and lets you pick any published npm version from a dropdown next to each dependency. (marketplace.visualstudio.com)

Commands:

  • NPM Version Lens: Refresh (clear cache + re-fetch)
  • NPM Version Lens: Show All Versions (open dropdown for package at cursor) (marketplace.visualstudio.com)

Requirements: VS Code 1.85.0+ and an internet connection (queries the public npm registry). (marketplace.visualstudio.com)

Install (CLI):

code --install-extension Legalfina.npm-version-lens

(code.visualstudio.com)

Citations:


Correct the extension ID casing from "legalfina" to "Legalfina".

The extension exists and is actively maintained on the VS Code Marketplace, but the identifier uses incorrect casing. Change "legalfina.npm-version-lens" to "Legalfina.npm-version-lens" (capital 'L'). VS Code extension IDs are case-sensitive and must match the marketplace listing exactly.

🤖 Prompt for AI Agents
In @.vscode/extensions.json at line 7, Update the extension ID string in the VS
Code extensions list: replace the incorrect lowercase identifier
"legalfina.npm-version-lens" with the proper-cased "Legalfina.npm-version-lens"
so the entry in the JSON matches the Marketplace listing exactly; edit the value
in the extensions array where the string "legalfina.npm-version-lens" appears.

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.

2 participants