feat: add bun package manager support (#136)

Co-authored-by: Anthony Fu <github@antfu.me>

Author: mquandalle

README.md

@@ -12,16 +12,19 @@ Visualize your node_modules, inspect dependencies, and more.
 
 ### Quick Start
 
-Try it by running following command under your `pnpm`/`npm` project.
+Try it by running following command under your `pnpm`/`npm`/`bun` project.
 
 ```bash
 pnpx node-modules-inspector
 ```
 ```bash
 npx node-modules-inspector
 ```
+```bash
+bunx node-modules-inspector
+```
 
-> Currently only support `pnpm` and `npm` projects. We are counting on the community to bring support for other package managers.
+> Currently supports `pnpm`, `npm`, and `bun` projects. We are counting on the community to bring support for other package managers.
 
 ### Online Version
 
@@ -61,6 +64,9 @@ pnpx node-modules-inspector build
 ```bash
 npx node-modules-inspector build
 ```
+```bash
+bunx node-modules-inspector build
+```
 
 Then you can host the `.node-modules-inspector` folder with any static file server.
 

eslint.config.js

@@ -12,6 +12,12 @@ export default antfu({
       'no-console': 'off',
     },
   })
+  .append({
+    files: ['packages/node-modules-tools/test/bun/fixtures/**/package.json'],
+    rules: {
+      'pnpm/json-valid-catalog': 'off',
+    },
+  })
   .append({
     files: ['pnpm-workspace.yaml'],
     name: 'antfu/yaml/pnpm-workspace',

packages/node-modules-inspector/src/app/components/report/MultipleVersions.vue

@@ -36,9 +36,19 @@ function showGraph(pkgs: PackageNode[]) {
       Multi-Versions Packages
       <DisplayNumberBadge :number="sorted.length" rounded-full text-sm />
     </UiSubTitle>
-    <div badge-color-primary flex="~ gap-2 items-center" rounded-lg p2 my2 px3>
+    <!-- Bun does not provide a `bun dedupe` command yet: https://github.com/oven-sh/bun/issues/1343 -->
+    <div
+      v-if="rawPayload?.packageManager !== 'bun'"
+      badge-color-primary
+      flex="~ gap-2 items-center"
+      rounded-lg p2 my2 px3
+    >
       <div i-ph-lightbulb-duotone flex-none />
-      <span>Run <code color-active bg-primary:10 rounded px1 py0.5>{{ rawPayload?.packageManager }} dedupe</code> to de-duplicate packages that satisfies with the ranges</span>
+      <span>
+        Run
+        <code color-active bg-primary:10 rounded px1 py0.5>{{ rawPayload?.packageManager }} dedupe</code>
+        to de-duplicate packages that satisfies with the ranges
+      </span>
     </div>
     <div grid="~ cols-minmax-200px gap-4">
       <div

packages/node-modules-tools/src/agent-entry/list.ts

@@ -15,6 +15,8 @@ export async function listPackageDependenciesRaw(
     result = await import('../agents/pnpm').then(r => r.listPackageDependencies(options))
   else if (manager === 'npm')
     result = await import('../agents/npm').then(r => r.listPackageDependencies(options))
+  else if (manager === 'bun')
+    result = await import('../agents/bun').then(r => r.listPackageDependencies(options))
   else
     throw new Error(`Package manager ${manager} is not yet supported`)
 

packages/node-modules-tools/src/agents/bun/index.ts

@@ -0,0 +1 @@
+export { listPackageDependencies } from './list'