zyrong/vscode-node-modules

vscode extension node-modules

• 👋 Hi, I’m @zyrong
• 👀 I’m interested in ...
• 🌱 I’m currently learning ...
• 💞️ I’m looking to collaborate on ...
• 📫 How to reach me ...

vscode-node-modules's Issues

hover tip 再加一行显示包大小

相关链接：

• https://github.com/pastelsky/bundlephobia
• https://github.com/thelostone-mc/importcost/blob/master/lib/size.js#L17

支持未安装提示

参考：

Cannot find module 'resolve'

Versions:

• node_modules: v1.5.0
• vscode: 1.70.0-insider

包名悬浮提示的几个建议

1. 目前实现依赖解析 ast，感觉有点杀鸡用牛刀，如果可以的话全用正则实现会性能会更好
2. 目前代码中存在拼接正则的情况: https://github.com/zyrong/vscode-node-modules/blob/master/src/pkgname-hover-tip.ts#L60
   • 可以的话不要用拼接正则，有些情况拼接出来的正则性能很差
   • 拼接出来的正则非法情况没有 try/catch 处理
3. https://github.com/zyrong/vscode-node-modules/blob/master/src/pkgname-hover-tip.ts#L60 range 有可能返回的是 undefined, 这会导致 hoverWord 是整个文件的文本，从而导致拼出非法的正则

代码没细看，可能有说错的地方。

pnpm overrides 字段不支持

解决方案，参考 ver-lens

不存在对应语言包

Version: 1.75.1 (Universal)
Commit: 441438abd1ac652551dbe4d408dfcec8a499b8bf
Date: 2023-02-08T21:34:59.000Z
Electron: 19.1.9
Chromium: 102.0.5005.194
Node.js: 16.14.2
V8: 10.2.154.23-electron.0
OS: Darwin x64 22.3.0
Sandboxed: No

workspace 的 package 应该跳转到真实路径

现在是跳转到 node_modules 下的符号链接

copyRealPath 菜单应该只显示在 node_modules 下的文件菜单上

参考：https://github.com/tjx666/vscode-neo-file-utils/blob/main/package.json#L126

rejected promise not handled within 1 second: AxiosError: Request failed with status code 404

when hover over the package name in package.json, show:

The hoverd package is hosted in my company npm registry.

支持警告 outdated 模块

[Bug] pnpm 下面的包 package.json 无法跳转

复现：

1. 随便进一个 package
2. pnpm install vue
3. 打开 node_modules/vue/package.json
4. 尝试跳转 @vue/runtime-dom 失败

原因：

project/node_modules/vue 是一个软连接，链接到 project/node_modules/.pnpm/[email protected]/node_modules/vue，在其真实的位置目录结构是可以加载到 @vue/runtime-dom 的。

解决方法：在解析一个 package.json 的依赖时，如果它是一个符号链接，应该先取到它在磁盘上的真实地址，再相对于真实的文件地址做解析

最近发现一个有意思的包，这个项目的包路径解析好像是自己写的，我感觉可以直接用这个包：https://www.npmjs.com/package/resolve

support exclude module name when hover tooltip

So I can exclude the local modules when using webpack alias:

package.json jump to definition hover range

Now:

Right:

支持 package.json 以外的 JSON 文件显示包信息

ref: https://gitlab.com/versionlens/vscode-versionlens/-/issues/313

[Bug] require('@scope/package/subpatch') 无法正确解析

package.jsnn 支持 hover 显示 repository, npm, bundleSize

VSCode 自带支持显示 homepage，但是我发现有很多不规范的 npm 包没有 homepage 字段，但是有 repository 字段，因此支持显示 repository 是很有用的。

@zyrong

support definition preview

ref: https://github.com/tjx666/neo-vue-helper/blob/main/src/moduleDefinitionProvider.ts#L56

[Feature Request] 导入模块 hover tooltip 显示包的描述

像 package.json 一样：

cmd + click on dependency version should not trigger go to definition

2023-01-26.19.16.33.mov

package.json 包名点击跳转好像没用了

Version:

• MacOS: 12.4
• VSCode: 1.69.0-insider

hove tip 链接增加 npm graph

相关链接：

• https://npmgraph.js.org/?q=react

hover tooltip 显示一个包的支持模块化标准和是否自带 types

例如对于一个 package.json 的

显示：

press cmd + hover on version number show warning

package.json:

{
    "name": "packagejsonissue",
    "version": "1.0.0",
    "description": "",
    "main": "index.js",
    "scripts": {
        "test": "echo \"Error: no test specified\" && exit 1"
    },
    "keywords": [],
    "author": "",
    "license": "ISC",
    "dependencies": {
        "axios": "0.0.1"
    }
}

If the version number is prefix with ^ will no issue, like "axios": "^0.0.1"

Versions:

VSCode: 1.65.0-insider
MacOS: 12.2.2
node_modules: v1.1.1

支持package-lock.json

有些包是没列在package.json的