@usercli/clideveloper 1.0.7 → 1.0.9

package/README.md

@@ -4,7 +4,7 @@
 <h1><strong>💡 Quick Install (Recommended):</strong></h1>
 
 <pre>
-<code>npx i @usercli/clideveloper</code>
+<code>npx @usercli/clideveloper@latest</code>
 </pre>
 
 This npm package is designed to make the **developer installation and setup process easy and automatic**.
@@ -16,8 +16,11 @@ Think of it as your **personal npm butler** 🕴️, setting up your tools while
 
 ## 🚧 Current Status
 
-> **React.js and Next.js installation is not available yet.**  
-> Support for React.js and Next.js will be added in a future update.
+. ✅ Backend frameworks fully supported
+
+. ✅ React.js and Next.js installation is now available
+
+. ⚠️ Other frontend frameworks will be added in future updates
 
 ---
 
@@ -53,4 +56,4 @@ This package helps developers quickly bootstrap backend tools **without manual c
 ## 📦 Installation
 
 ```bash
-npx i @usercli/clideveloper
+npx @usercli/clideveloper@latest

package/components/nextjsReactjsSetup.js

@@ -0,0 +1,73 @@
+const {exec}=require("child_process");
+const util=require("util");
+const { createSpinner } = require("nanospinner");
+const path = require("path");
+const inquire=require("inquirer").default;
+
+let execPromise=util.promisify(exec);
+
+async function commonNextReactSetup(userPath,setupName){
+    try{
+
+        let userInstallPath=path.join(process.cwd(),userPath);
+        
+        switch(setupName){
+            case "nextjs":
+
+                let jsTsChoice=await inquire.prompt([
+                    {
+                        name:"jsTs",
+                        type:"input",
+                        message:"You want to use typescript then write y or if you want to use normal js write n?",
+                        validate:(check)=>{
+                            if(check.trim()=="y" || check.trim()=="n"){
+                                return true;
+                            }
+
+                            return "Write y or n in small";
+                        }
+                    }
+                ])
+
+
+                let spinner=createSpinner("Installing Next.js… greatness takes a moment 🚀").start();
+
+                await execPromise(`npx create-next-app@latest . ${(jsTsChoice.jsTs=="y")?"--typescript":"--javascript"} --tailwind --app --no-eslint --import-alias "@/*" --yes --no-git`,{cwd:userInstallPath, shell: true});
+
+                spinner.success({text:"Successfully installed next js enjoy coding!"});
+
+                break;
+
+            case "reactjs":
+                let tsjs=await inquire.prompt([
+                    {
+                        name:"jsts",
+                        type:"input",
+                        message:"If you want to install react with typescript write y and if you want to install react with normal js write n?",
+                        validate:(check)=>{
+                            if(check.trim()=="y" || check.trim()=="n"){
+                                return true;
+                            }
+                            return "Only write y or n in small";
+                        }
+                    }
+                ])
+
+                let spinner1=createSpinner("Downloading React… grabbing virtual DOM snacks 🍪").start();
+
+                await execPromise(`npm create vite@latest . --template ${(tsjs=="y")?"react-ts":"react"} --yes`,{cwd:userInstallPath,shell:true})
+
+                spinner1.success({text:"Successfully install react enjoy!"});
+
+                break;
+
+            default:
+                console.log("There no this type option are available");
+
+        }
+    }catch(err){
+        console.log(err);
+    }
+}
+
+module.exports={commonNextReactSetup};

package/index.js

@@ -7,6 +7,7 @@ let {createFoldder}=require("./components/folderCreate");
 let {nodejs}=require("./components/nodejs");
 const {heading} =require("./components/welcomeHeading");
 const {createNestJs}=require("./components/nestjs");
+const {commonNextReactSetup}=require("./components/nextjsReactjsSetup");
 
 
 async function main() {
@@ -34,9 +35,9 @@ async function main() {
         }else if(answer.framework=="nestjs"){
             await createNestJs(answer.folderName)
         }else if(answer.framework=="reactjs"){
-            console.log("This react js is not come yet coming soon developer");
+            await commonNextReactSetup(answer.folderName,"reactjs");
         }else if(answer.framework=="nextjs"){
-            console.log("This react js is not come yet coming soon developer");
+            await commonNextReactSetup(answer.folderName,"nextjs");
         }
         
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@usercli/clideveloper",
-  "version": "1.0.7",
+  "version": "1.0.9",
   "description": "",
   "main": "index.js",
   "bin": {