feat: read multiple package.json files

Author: selemondev

src/sidebar/index.ts

@@ -61,7 +61,7 @@ export class DocsView implements vscode.WebviewViewProvider {
         this.postMessage({
             command: 'dependencyData',
             data: {
-                dependencies: dependencies,
+                dependencies,
             },
         });
     };

src/utils/getAllPackageJSONFiles.ts

@@ -0,0 +1,23 @@
+import * as vscode from "vscode";
+export async function getAllPackageJSONFiles(uri: vscode.Uri, basePath = ""): Promise<{ path: string }[]> {
+    const entries = await vscode.workspace.fs.readDirectory(uri);
+    let results: { path: string }[] = [];
+
+    for (const [name, type] of entries) {
+        if (name === "node_modules" || name === ".git") {
+            continue;
+        }
+
+        const entryUri = vscode.Uri.joinPath(uri, name);
+        const relativePath = basePath ? `${basePath}/${name}` : name;
+
+        if (type === vscode.FileType.File && name === "package.json") {
+            results.push({ path: relativePath });
+        } else if (type === vscode.FileType.Directory) {
+            const subResults = await getAllPackageJSONFiles(entryUri, relativePath);
+            results.push(...subResults);
+        }
+    }
+
+    return results;
+}

src/utils/getProjectDeps.ts

@@ -1,38 +1,69 @@
 import { getProjectDirectory } from "./getProjectDir";
 import * as vscode from "vscode";
-import { readPackageJSON } from "pkg-types";
-import { existsSync } from 'fs';
+import { readPackageJSONFiles } from "./readPackageJSONFiles";
+import { getAllPackageJSONFiles } from "./getAllPackageJSONFiles";
+import { existsSync } from "fs";
 
 type Dependency = {
     name: string;
     version: string;
 };
 
 export const getProjectDependencies = async (): Promise<Dependency[]> => {
-    const dependencies: Dependency[] = [];
+    let dependencies: Dependency[] = [];
+    
     const packageJsonPath = `${getProjectDirectory()}/package.json`;
     const dir = vscode.workspace.workspaceFolders?.[0]?.uri;
-    const dirContent = dir && await vscode.workspace.fs.readDirectory(dir);
-    if (!existsSync(packageJsonPath) && dirContent?.length) {
-        vscode.window.showErrorMessage(`Cannot find package.json!`);
+    
+    if (!dir) {
+        vscode.window.showErrorMessage(`No workspace folder found!`);
         return [];
-    } else {
-        const packageJSON = await readPackageJSON(packageJsonPath);
+    }
+    
+    const packageJsonFiles = await getAllPackageJSONFiles(dir);
+    let packageJSON = [];
+
+    if (!existsSync(packageJsonPath) && packageJsonFiles.length === 0) {
+        vscode.window.showErrorMessage(`Cannot find any package.json files!`);
+        return [];
+    }
 
-        const addDependencies = (depObj: Record<string, string> | undefined) => {
-            if (depObj) {
-                dependencies.push(
-                    ...Object.keys(depObj).map((key) => ({
-                        name: key,
-                        version: depObj[key].replace(/[\^~]/g, ''), // Use 'g' flag to replace all occurrences
-                    }))
-                );
+    // Read all package.json files
+    if (packageJsonFiles.length > 0) {
+        for (const pkg of packageJsonFiles) {
+            try {
+                const response = await readPackageJSONFiles(pkg);
+                if (response) {
+                    packageJSON.push(response);
+                }
+            } catch (error) {
+                console.error(`Error reading package.json at ${pkg.path}:`, error);
+                vscode.window.showWarningMessage(`Failed to read package.json at ${pkg.path}`);
             }
-        };
+        }
+    }
 
-        addDependencies(packageJSON?.dependencies);
-        addDependencies(packageJSON?.devDependencies);
+    const addDependencies = (depObj: Record<string, string> | undefined) => {
+        if (depObj) {
+            const newDeps = Object.keys(depObj).map((key) => ({
+                name: key,
+                version: depObj[key].replace(/[\^~]/g, ''),
+            }));
+            
+            for (const newDep of newDeps) {
+                if (!dependencies.some(dep => dep.name === newDep.name)) {
+                    dependencies.push(newDep);
+                }
+            }
+        }
+    };
 
-        return dependencies;
+    for (const pkg of packageJSON) {
+        if (pkg) {
+            addDependencies(pkg.dependencies);
+            addDependencies(pkg.devDependencies);
+        }
     }
+
+    return dependencies;
 };

src/utils/readPackageJSONFiles.ts

@@ -0,0 +1,7 @@
+import { readPackageJSON } from "pkg-types";
+import { getProjectDirectory } from "./getProjectDir";
+
+export async function readPackageJSONFiles(pkg: { path: string }) {
+    const response = await readPackageJSON(`${getProjectDirectory()}/${pkg.path}`);
+    return response;
+}