react-apps-ui 1.0.12 → 1.0.13

package/dist/index.js

@@ -17,6 +17,32 @@ program
     .name("react-apps-ui")
     .description("Add high-quality components to your React Native app")
     .version("1.0.0");
+// Helper to filter out packages that are already in package.json
+function filterMissingDeps(deps) {
+    const packageJsonPath = path_1.default.join(process.cwd(), "package.json");
+    if (!fs_1.default.existsSync(packageJsonPath))
+        return deps;
+    try {
+        const pkg = JSON.parse(fs_1.default.readFileSync(packageJsonPath, "utf-8"));
+        const installed = {
+            ...(pkg.dependencies || {}),
+            ...(pkg.devDependencies || {}),
+        };
+        return deps.filter((dep) => {
+            let pkgName = dep;
+            if (dep.startsWith("@")) {
+                pkgName = "@" + dep.slice(1).split("@")[0];
+            }
+            else {
+                pkgName = dep.split("@")[0];
+            }
+            return !installed[pkgName];
+        });
+    }
+    catch {
+        return deps;
+    }
+}
 // --- THE INIT COMMAND ---
 // 1. Define the foundational architecture for each engine
 const BASE_DEPS = {
@@ -124,18 +150,24 @@ program
                 }
             }
         }
-        // 5. INSTALL FOUNDATIONAL NPM DEPENDENCIES
-        if (setup.npm.length > 0) {
-            const depList = setup.npm.join(" ");
-            console.log(chalk_1.default.blue(`\n📦 Installing foundational NPM dependencies: ${depList}...`));
+        // 5. INSTALL FOUNDATIONAL NPM DEPENDENCIES (Skipping already installed)
+        const missingBaseDeps = filterMissingDeps(setup.npm);
+        if (missingBaseDeps.length > 0) {
+            const depList = missingBaseDeps.join(" ");
+            console.log(chalk_1.default.blue(`\n📦 Installing missing foundational NPM dependencies: ${depList}...`));
             try {
-                (0, child_process_1.execSync)(`npm install ${depList}`, { stdio: "inherit" });
+                (0, child_process_1.execSync)(`npm install ${depList} --legacy-peer-deps`, {
+                    stdio: "inherit",
+                });
                 console.log(chalk_1.default.green("✓ Dependencies installed successfully."));
             }
             catch (err) {
                 console.log(chalk_1.default.red("❌ Failed to install dependencies. You may need to install them manually."));
             }
         }
+        else {
+            console.log(chalk_1.default.green("\n✓ All foundational NPM dependencies are already installed. Skipping."));
+        }
         console.log(chalk_1.default.blue("\n🎉 Initialization complete!"));
         console.log(chalk_1.default.dim("Wrap your app in the <ThemeProvider> to get started."));
     }
@@ -211,7 +243,7 @@ program
                 }
             }
         }
-        // 5. INSTALL NPM DEPENDENCIES
+        // 5. INSTALL NPM DEPENDENCIES (Skipping already installed)
         const depsToInstall = new Set();
         // Collect all dependencies from the components we just added
         for (const compName of componentsToAdd) {
@@ -220,18 +252,24 @@ program
                 compData.dependencies.forEach((dep) => depsToInstall.add(dep));
             }
         }
-        if (depsToInstall.size > 0) {
-            const depList = Array.from(depsToInstall).join(" ");
-            console.log(chalk_1.default.blue(`\n📦 Installing NPM dependencies: ${depList}...`));
+        // Filter out anything already installed in user's package.json
+        const missingDeps = filterMissingDeps(Array.from(depsToInstall));
+        if (missingDeps.length > 0) {
+            const depList = missingDeps.join(" ");
+            console.log(chalk_1.default.blue(`\n📦 Installing missing NPM dependencies: ${depList}...`));
             try {
-                // This runs 'npm install' directly in the user's terminal
-                (0, child_process_1.execSync)(`npm install ${depList}`, { stdio: "inherit" });
+                (0, child_process_1.execSync)(`npm install ${depList} --legacy-peer-deps`, {
+                    stdio: "inherit",
+                });
                 console.log(chalk_1.default.green("✓ Dependencies installed successfully."));
             }
             catch (err) {
                 console.log(chalk_1.default.red("❌ Failed to install dependencies. You may need to install them manually."));
             }
         }
+        else if (depsToInstall.size > 0) {
+            console.log(chalk_1.default.green("\n✓ Required NPM dependencies are already installed. Skipping."));
+        }
         console.log(chalk_1.default.blue("\n🎉 Components installed successfully!"));
     }
     catch (error) {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "react-apps-ui",
-    "version": "1.0.12",
+    "version": "1.0.13",
     "description": "A universal, Shadcn-inspired UI component CLI for Web, React Native, and Expo.",
     "author": "Anand Vyas",
     "license": "MIT",

package/src/index.ts

@@ -17,6 +17,32 @@ program
     .description("Add high-quality components to your React Native app")
     .version("1.0.0");
 
+// Helper to filter out packages that are already in package.json
+function filterMissingDeps(deps: string[]): string[] {
+    const packageJsonPath = path.join(process.cwd(), "package.json");
+    if (!fs.existsSync(packageJsonPath)) return deps;
+
+    try {
+        const pkg = JSON.parse(fs.readFileSync(packageJsonPath, "utf-8"));
+        const installed = {
+            ...(pkg.dependencies || {}),
+            ...(pkg.devDependencies || {}),
+        };
+
+        return deps.filter((dep) => {
+            let pkgName = dep;
+            if (dep.startsWith("@")) {
+                pkgName = "@" + dep.slice(1).split("@")[0];
+            } else {
+                pkgName = dep.split("@")[0];
+            }
+            return !installed[pkgName];
+        });
+    } catch {
+        return deps;
+    }
+}
+
 // --- THE INIT COMMAND ---
 
 // 1. Define the foundational architecture for each engine
@@ -184,16 +210,20 @@ program
                 }
             }
 
-            // 5. INSTALL FOUNDATIONAL NPM DEPENDENCIES
-            if (setup.npm.length > 0) {
-                const depList = setup.npm.join(" ");
+            // 5. INSTALL FOUNDATIONAL NPM DEPENDENCIES (Skipping already installed)
+            const missingBaseDeps = filterMissingDeps(setup.npm);
+
+            if (missingBaseDeps.length > 0) {
+                const depList = missingBaseDeps.join(" ");
                 console.log(
                     chalk.blue(
-                        `\n📦 Installing foundational NPM dependencies: ${depList}...`,
+                        `\n📦 Installing missing foundational NPM dependencies: ${depList}...`,
                     ),
                 );
                 try {
-                    execSync(`npm install ${depList}`, { stdio: "inherit" });
+                    execSync(`npm install ${depList} --legacy-peer-deps`, {
+                        stdio: "inherit",
+                    });
                     console.log(
                         chalk.green("✓ Dependencies installed successfully."),
                     );
@@ -204,6 +234,12 @@ program
                         ),
                     );
                 }
+            } else {
+                console.log(
+                    chalk.green(
+                        "\n✓ All foundational NPM dependencies are already installed. Skipping.",
+                    ),
+                );
             }
 
             console.log(chalk.blue("\n🎉 Initialization complete!"));
@@ -331,7 +367,7 @@ program
                 }
             }
 
-            // 5. INSTALL NPM DEPENDENCIES
+            // 5. INSTALL NPM DEPENDENCIES (Skipping already installed)
             const depsToInstall = new Set<string>();
 
             // Collect all dependencies from the components we just added
@@ -344,16 +380,19 @@ program
                 }
             }
 
-            if (depsToInstall.size > 0) {
-                const depList = Array.from(depsToInstall).join(" ");
+            // Filter out anything already installed in user's package.json
+            const missingDeps = filterMissingDeps(Array.from(depsToInstall));
+            if (missingDeps.length > 0) {
+                const depList = missingDeps.join(" ");
                 console.log(
                     chalk.blue(
-                        `\n📦 Installing NPM dependencies: ${depList}...`,
+                        `\n📦 Installing missing NPM dependencies: ${depList}...`,
                     ),
                 );
                 try {
-                    // This runs 'npm install' directly in the user's terminal
-                    execSync(`npm install ${depList}`, { stdio: "inherit" });
+                    execSync(`npm install ${depList} --legacy-peer-deps`, {
+                        stdio: "inherit",
+                    });
                     console.log(
                         chalk.green("✓ Dependencies installed successfully."),
                     );
@@ -364,6 +403,12 @@ program
                         ),
                     );
                 }
+            } else if (depsToInstall.size > 0) {
+                console.log(
+                    chalk.green(
+                        "\n✓ Required NPM dependencies are already installed. Skipping.",
+                    ),
+                );
             }
 
             console.log(chalk.blue("\n🎉 Components installed successfully!"));