react-apps-ui 1.0.12 → 1.0.14

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 = {
@@ -62,7 +88,7 @@ program
     const engineKey = response.engine;
     const setup = BASE_DEPS[engineKey];
     // 2. USE THE REGISTRY_URL to fetch the correct JSON manifest
-    const manifestUrl = `${REGISTRY_URL}/${response.engine}.json`;
+    const manifestUrl = `${REGISTRY_URL}/${response.engine}.json?t=${Date.now()}`;
     console.log(chalk_1.default.dim(`\nFetching registry from GitHub...`));
     try {
         const res = await fetch(manifestUrl);
@@ -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."));
     }
@@ -159,7 +191,7 @@ program
         fs_1.default.existsSync(path_1.default.join(process.cwd(), "src/theme/tailwind-preset.js"));
     const engine = hasTailwind ? "mobile-nativewind" : "mobile-stylesheet";
     console.log(chalk_1.default.dim(`\nDetected engine: ${engine}`));
-    const manifestUrl = `${REGISTRY_URL}/${engine}.json`;
+    const manifestUrl = `${REGISTRY_URL}/${engine}.json?t=${Date.now()}`;
     try {
         // 2. Fetch the massive JSON database
         const res = await fetch(manifestUrl);
@@ -178,6 +210,9 @@ program
                 compData.registryDependencies.forEach(resolveDependencies);
             }
         };
+        // Force the CLI to always check base dependencies
+        const setup = BASE_DEPS[engine];
+        setup.registry.forEach(resolveDependencies);
         // Run the resolver for every component the user typed in the terminal
         components.forEach(resolveDependencies);
         // We don't need to reinstall the theme if it was pulled as a dependency
@@ -211,7 +246,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 +255,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.14",
     "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
@@ -68,7 +94,7 @@ program
         const setup = BASE_DEPS[engineKey];
 
         // 2. USE THE REGISTRY_URL to fetch the correct JSON manifest
-        const manifestUrl = `${REGISTRY_URL}/${response.engine}.json`;
+        const manifestUrl = `${REGISTRY_URL}/${response.engine}.json?t=${Date.now()}`;
         console.log(chalk.dim(`\nFetching registry from GitHub...`));
 
         try {
@@ -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!"));
@@ -245,7 +281,7 @@ program
         const engine = hasTailwind ? "mobile-nativewind" : "mobile-stylesheet";
 
         console.log(chalk.dim(`\nDetected engine: ${engine}`));
-        const manifestUrl = `${REGISTRY_URL}/${engine}.json`;
+        const manifestUrl = `${REGISTRY_URL}/${engine}.json?t=${Date.now()}`;
 
         try {
             // 2. Fetch the massive JSON database
@@ -268,6 +304,10 @@ program
                 }
             };
 
+            // Force the CLI to always check base dependencies
+            const setup = BASE_DEPS[engine];
+            setup.registry.forEach(resolveDependencies);
+
             // Run the resolver for every component the user typed in the terminal
             components.forEach(resolveDependencies);
 
@@ -331,7 +371,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 +384,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 +407,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!"));