react-apps-ui 1.0.4 → 1.0.6

package/dist/index.js

@@ -111,4 +111,78 @@ program
         console.error(error);
     }
 });
+// --- THE ADD COMMAND ---
+program
+    .command("add [components...]")
+    .description("Add components to your project")
+    .action(async (components) => {
+    if (!components || components.length === 0) {
+        console.log(chalk_1.default.red("Please specify at least one component to add. (e.g., npx react-apps-ui add action-button)"));
+        return;
+    }
+    // 1. SMART AUTO-DETECT: Check if they are using NativeWind by looking for the preset or config
+    const hasTailwind = fs_1.default.existsSync(path_1.default.join(process.cwd(), "tailwind.config.js")) ||
+        fs_1.default.existsSync(path_1.default.join(process.cwd(), "theme/tailwind-preset.js")) ||
+        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`;
+    try {
+        // 2. Fetch the massive JSON database
+        const res = await fetch(manifestUrl);
+        if (!res.ok)
+            throw new Error(`Failed to fetch registry: ${res.statusText}`);
+        const registry = await res.json();
+        // 3. RECURSIVE DEPENDENCY RESOLUTION
+        // If action-button needs wave-dots-loader, this automatically grabs it!
+        const componentsToAdd = new Set();
+        const resolveDependencies = (compName) => {
+            if (componentsToAdd.has(compName))
+                return; // Prevent infinite loops
+            componentsToAdd.add(compName);
+            const compData = registry.find((c) => c.name === compName);
+            if (compData && compData.registryDependencies) {
+                compData.registryDependencies.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
+        componentsToAdd.delete("theme");
+        console.log(chalk_1.default.blue(`\nInstalling: ${Array.from(componentsToAdd).join(", ")}...`));
+        const hasSrcDir = fs_1.default.existsSync(path_1.default.join(process.cwd(), "src"));
+        // 4. WRITE THE FILES
+        for (const compName of componentsToAdd) {
+            const compData = registry.find((c) => c.name === compName);
+            if (!compData) {
+                console.log(chalk_1.default.red(`  ❌ Component '${compName}' not found in registry.`));
+                continue;
+            }
+            for (const file of compData.files) {
+                const safeTarget = String(file.target || file.name || "unknown-file");
+                let finalTargetPath = path_1.default.join(process.cwd(), safeTarget);
+                if (hasSrcDir) {
+                    finalTargetPath = path_1.default.join(process.cwd(), "src", safeTarget);
+                }
+                // Ensure the folder exists
+                fs_1.default.mkdirSync(path_1.default.dirname(finalTargetPath), {
+                    recursive: true,
+                });
+                // Safe Write
+                if (!fs_1.default.existsSync(finalTargetPath)) {
+                    fs_1.default.writeFileSync(finalTargetPath, file.content || "", "utf-8");
+                    console.log(chalk_1.default.green(`  Created ${safeTarget}`));
+                }
+                else {
+                    console.log(chalk_1.default.yellow(`  ⚠️  ${safeTarget} already exists. Skipping.`));
+                }
+            }
+        }
+        console.log(chalk_1.default.blue("\n🎉 Components installed successfully!"));
+    }
+    catch (error) {
+        console.log(chalk_1.default.red(`\nFailed to add components:`));
+        console.error(error);
+    }
+});
 program.parse();

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "react-apps-ui",
-    "version": "1.0.4",
+    "version": "1.0.6",
     "description": "The React Native UI CLI",
     "main": "dist/index.js",
     "bin": {

package/src/index.ts

@@ -165,4 +165,124 @@ program
         }
     });
 
+// --- THE ADD COMMAND ---
+program
+    .command("add [components...]")
+    .description("Add components to your project")
+    .action(async (components: string[]) => {
+        if (!components || components.length === 0) {
+            console.log(
+                chalk.red(
+                    "Please specify at least one component to add. (e.g., npx react-apps-ui add action-button)",
+                ),
+            );
+            return;
+        }
+
+        // 1. SMART AUTO-DETECT: Check if they are using NativeWind by looking for the preset or config
+        const hasTailwind =
+            fs.existsSync(path.join(process.cwd(), "tailwind.config.js")) ||
+            fs.existsSync(
+                path.join(process.cwd(), "theme/tailwind-preset.js"),
+            ) ||
+            fs.existsSync(
+                path.join(process.cwd(), "src/theme/tailwind-preset.js"),
+            );
+
+        const engine = hasTailwind ? "mobile-nativewind" : "mobile-stylesheet";
+
+        console.log(chalk.dim(`\nDetected engine: ${engine}`));
+        const manifestUrl = `${REGISTRY_URL}/${engine}.json`;
+
+        try {
+            // 2. Fetch the massive JSON database
+            const res = await fetch(manifestUrl);
+            if (!res.ok)
+                throw new Error(`Failed to fetch registry: ${res.statusText}`);
+            const registry = await res.json();
+
+            // 3. RECURSIVE DEPENDENCY RESOLUTION
+            // If action-button needs wave-dots-loader, this automatically grabs it!
+            const componentsToAdd = new Set<string>();
+
+            const resolveDependencies = (compName: string) => {
+                if (componentsToAdd.has(compName)) return; // Prevent infinite loops
+                componentsToAdd.add(compName);
+
+                const compData = registry.find((c: any) => c.name === compName);
+                if (compData && compData.registryDependencies) {
+                    compData.registryDependencies.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
+            componentsToAdd.delete("theme");
+
+            console.log(
+                chalk.blue(
+                    `\nInstalling: ${Array.from(componentsToAdd).join(", ")}...`,
+                ),
+            );
+
+            const hasSrcDir = fs.existsSync(path.join(process.cwd(), "src"));
+
+            // 4. WRITE THE FILES
+            for (const compName of componentsToAdd) {
+                const compData = registry.find((c: any) => c.name === compName);
+                if (!compData) {
+                    console.log(
+                        chalk.red(
+                            `  ❌ Component '${compName}' not found in registry.`,
+                        ),
+                    );
+                    continue;
+                }
+
+                for (const file of compData.files) {
+                    const safeTarget = String(
+                        file.target || file.name || "unknown-file",
+                    );
+                    let finalTargetPath = path.join(process.cwd(), safeTarget);
+
+                    if (hasSrcDir) {
+                        finalTargetPath = path.join(
+                            process.cwd(),
+                            "src",
+                            safeTarget,
+                        );
+                    }
+
+                    // Ensure the folder exists
+                    fs.mkdirSync(path.dirname(finalTargetPath), {
+                        recursive: true,
+                    });
+
+                    // Safe Write
+                    if (!fs.existsSync(finalTargetPath)) {
+                        fs.writeFileSync(
+                            finalTargetPath,
+                            file.content || "",
+                            "utf-8",
+                        );
+                        console.log(chalk.green(`  Created ${safeTarget}`));
+                    } else {
+                        console.log(
+                            chalk.yellow(
+                                `  ⚠️  ${safeTarget} already exists. Skipping.`,
+                            ),
+                        );
+                    }
+                }
+            }
+
+            console.log(chalk.blue("\n🎉 Components installed successfully!"));
+        } catch (error) {
+            console.log(chalk.red(`\nFailed to add components:`));
+            console.error(error);
+        }
+    });
+
 program.parse();