@usercli/clideveloper 1.0.8 → 2.0.0

package/README.md

@@ -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
 
 ---
 

package/components/expressjs.js

@@ -9,8 +9,8 @@ const execPromise = util.promisify(exec);
 async function expressjs(path) {
     try {
         let spinner = createSpinner("Installing Express...").start();
-        await execPromise("npm i express", { cwd: path }); // installing express
-        await execPromise("npm i nodemon --save-dev",{cwd:path}) // installing nodemon
+        await execPromise("npm i express", { cwd: `${path}/backend` }); // installing express
+        await execPromise("npm i nodemon --save-dev",{cwd:`${path}/backend`}) // installing nodemon
 
 
 
@@ -34,12 +34,12 @@ app.listen(7000,()=> console.log("Server is on and running on port 7000"))
         try{
 
         // we create a file index.js and that all code expresscode after triming we put inside it
-          await fs.writeFile(`${path}/index.js`,clean,(err)=>{
+          await fs.writeFile(`${path}/backend/index.js`,clean,(err)=>{
             if(err) console.log(err);
           }) 
 
           //we are reading package file
-          let packageFile=await fs.readFile(`${path}/package.json`,"utf8");
+          let packageFile=await fs.readFile(`${path}/backend/package.json`,"utf8");
 
           //this package file is json that is why we use JSON.parse method
           let pkg=JSON.parse(packageFile);
@@ -51,7 +51,7 @@ app.listen(7000,()=> console.log("Server is on and running on port 7000"))
           }
 
           
-          await fs.writeFile(`${path}/package.json`,JSON.stringify(pkg,null,4));
+          await fs.writeFile(`${path}/backend/package.json`,JSON.stringify(pkg,null,4));
 
            spinner.success({ text: "Express installed successfully! 🎉" });
 
@@ -122,7 +122,7 @@ async function userNpmInstall({mongooseInstall,cors,prisma},path){
         // mongoose installing process
         if(mongooseInstall=="Yes"){
           let spinner=createSpinner("Installing mongoose...").start();
-          await execPromise("npm i mongoose",{cwd:path});
+          await execPromise("npm i mongoose",{cwd:`${path}/backend`});
 
           spinner.success({text:"mongoose installed sucessfully enjoy!"});
         }
@@ -132,7 +132,7 @@ async function userNpmInstall({mongooseInstall,cors,prisma},path){
         // cors intall and update a index.js file and put cors code or express code in it
         if(cors=="Yes"){
           let spinner=createSpinner("Installing cors...").start();
-          await execPromise("npm i cors",{cwd:path});
+          await execPromise("npm i cors",{cwd:`${path}/backend`});
 
            let expressCode=`
             const express=require("express");
@@ -153,11 +153,11 @@ app.listen(7000,()=> console.log("Server is on and running on port 7000"))
         `
 
         let clean=expressCode.trim();
-        let readFile=await fs.readFile(`${path}/index.js`,"utf8");
+        let readFile=await fs.readFile(`${path}/backend/index.js`,"utf8");
 
         readFile=readFile=clean;
 
-        await fs.writeFile(`${path}/index.js`,readFile);
+        await fs.writeFile(`${path}/backend/index.js`,readFile);
 
         spinner.success({text:"cors installed sucessfully enjoy!"});
         }
@@ -168,7 +168,7 @@ app.listen(7000,()=> console.log("Server is on and running on port 7000"))
 
           let spinner1 = createSpinner("Installing prisma...").start();
 
-          await execPromise("npm i prisma",{cwd:path});
+          await execPromise("npm i prisma",{cwd:`${path}/backend`});
 
           spinner1.success({text:"prisma install suceessfully!"})
 
@@ -176,7 +176,7 @@ app.listen(7000,()=> console.log("Server is on and running on port 7000"))
 
           let spinner2=createSpinner("Setup prisma...").start();
 
-          await execPromise("npx prisma init",{cwd:path});
+          await execPromise("npx prisma init",{cwd:`${path}/backend`});
 
           spinner2.success({text:"Prisma setup done enjoy!"});
 

package/components/nestjs.js

@@ -2,16 +2,21 @@ const { exec } = require("child_process");
 const util = require("util");
 const path = require("path");
 const { createSpinner } = require("nanospinner");
+const fs = require("fs").promises;
 
 const execPromise = util.promisify(exec);
 
 async function createNestJs(folderName) {
     try {
         const userPath = path.join(process.cwd(), folderName);
+        const backendPath = path.join(userPath, "backend");
         
-        console.log(`Creating NestJS project in: ${userPath}`);
+        console.log(`Creating NestJS project in: ${backendPath}`);
+
+        // Create the main project folder and backend subfolder
+        await fs.mkdir(backendPath, { recursive: true });
         
-        // Start spinner
+        // Start spinner for CLI installation
         const spinner = createSpinner("Installing NestJS CLI globally...").start();
         
         try {
@@ -25,18 +30,18 @@ async function createNestJs(folderName) {
         // Create new spinner for project creation
         const spinner2 = createSpinner("Creating NestJS project...").start();
         
-        // Create NestJS project
-        // Note: nest new will create a new folder, so we need to be careful with paths
-        await execPromise(`nest new ${folderName} --skip-git`, { 
-            cwd: process.cwd() // Run from current directory, not inside the folder
+        // Create NestJS project directly in the backend folder
+        // The key change: use `--directory .` to create in current directory
+        await execPromise(`nest new . --skip-git --package-manager npm`, { 
+            cwd: backendPath
         });
         
         spinner2.success({ text: "NestJS project created successfully!" });
         
         console.log("\n✅ NestJS project created successfully!");
-        console.log(`📁 Location: ${userPath}`);
+        console.log(`📁 Location: ${backendPath}`);
         console.log("\n🚀 To start your NestJS app:");
-        console.log(`  cd ${folderName}`);
+        console.log(`  cd ${backendPath}`);
         console.log("  npm run start");
         console.log("  npm run start:dev  # for development with watch mode");
         

package/components/nextjsReactjsSetup.js

@@ -0,0 +1,90 @@
+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){
+
+            // next js installing process
+            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;
+
+
+            
+            // react js installing process
+            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";
+                        }
+                    },
+                    {
+                        name:"backend",
+                        type:"input",
+                        message:"You want backend type y otherwise n?",
+                        validate:(check)=>{
+                            if(check.trim()=="y" || check.trim()=="n"){
+                                return true;
+                            }
+
+                            return "Write y and n in small no other options are available";
+                        }
+                    }
+                ])
+
+                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/components/nodejs.js

@@ -4,16 +4,19 @@ const { createSpinner } = require("nanospinner");
 const util = require("util");
 const inquire = require("inquirer").default;
 const { expressjs } = require("./expressjs");
+const fs = require("fs").promises;
 
 const execPromise = util.promisify(exec);
 
 async function nodejs(fileName) {
     try {
         const folderPath = path.join(process.cwd(), fileName);
+        await fs.mkdir(`${folderPath}/backend`,{recursive:true});
+        console.log("Folder backend is created sucessfully");
         
         let spinner = createSpinner("Initializing npm project...").start();
         
-        await execPromise("npm init -y", { cwd: folderPath });
+        await execPromise("npm init -y", { cwd: `${folderPath}/backend` });
         spinner.success({ text: "Project initialized successfully!" });
         console.log("✅ Node.js project setup completed!");
 

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.8",
+  "version": "2.0.0",
   "description": "",
   "main": "index.js",
   "bin": {