create-stackflow 1.0.2 → 1.0.4

package/cli.js

@@ -8,7 +8,7 @@ const program = new Command();
 program
   .name("create-stackflow")
   .description("Generate a production-minded MERN starter with frontend, backend, auth, CRUD, and dashboard UI.")
-  .version("1.0.2")
+  .version("1.0.4")
   .argument("[project-name]", "project folder name")
   .option("--skip-install", "generate files without installing dependencies")
   .option("--yes", "use recommended defaults")

package/package.json

@@ -1,18 +1,19 @@
 {
   "name": "create-stackflow",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "description": "Interactive CLI for generating modern full-stack MERN applications.",
   "type": "module",
   "bin": {
     "create-stackflow": "./cli.js"
   },
   "files": [
-    "src"
+    "src",
+    "cli.js"
   ],
   "scripts": {
-    "start": "node ./src/cli.js",
-    "dev": "node ./src/cli.js",
-    "smoke": "node ./src/cli.js --help"
+    "start": "node ./cli.js",
+    "dev": "node ./cli.js",
+    "smoke": "node ./cli.js --help"
   },
   "keywords": [
     "create",
@@ -39,4 +40,4 @@
   "engines": {
     "node": ">=18.18.0"
   }
-}
+}

package/src/commands/create.js

@@ -38,9 +38,10 @@ export async function createStackFlow(options) {
     projectDir,
     frontendDir: path.join(projectDir, answers.frontendName || "frontend"),
     backendDir: path.join(projectDir, answers.backendName || "backend"),
-    skipInstall: Boolean(options.skipInstall),
+    skipInstall: answers.runProject ? false : Boolean(options.skipInstall),
+    runProject: Boolean(answers.runProject),
     databaseName: projectName.replace(/[^a-zA-Z0-9_-]/g, ""),
-    packageManager: "npm"
+    packageManager: "npm",
   };
 
   await fs.ensureDir(projectDir);
@@ -51,11 +52,21 @@ export async function createStackFlow(options) {
 
   if (!context.skipInstall) {
     await step("Installing root workspace dependencies", () =>
-      execa("npm", ["install"], { cwd: projectDir, stdio: "ignore" })
+      execa("npm", ["install"], { cwd: projectDir, stdio: "ignore" }),
     );
   }
 
   printSuccess(context);
+
+  if (context.runProject) {
+    console.log(chalk.cyan("\n🚀 Starting the project..."));
+    try {
+      await execa("npm", ["run", "dev"], { cwd: projectDir, stdio: "inherit" });
+    } catch (error) {
+      console.error(chalk.red("\nFailed to start the project."));
+      console.error(chalk.dim(error.message));
+    }
+  }
 }
 
 function recommendedDefaults(projectName) {
@@ -109,8 +120,17 @@ function recommendedDefaults(projectName) {
     hpp: true,
     emailService: "None",
     crudModules: ["users", "products", "categories", "orders", "blogs"],
-    authFeatures: ["login", "register", "forgot-password", "reset-password", "email-verification", "roles", "refresh-tokens"],
-    adminDashboard: true
+    authFeatures: [
+      "login",
+      "register",
+      "forgot-password",
+      "reset-password",
+      "email-verification",
+      "roles",
+      "refresh-tokens",
+    ],
+    adminDashboard: true,
+    runProject: false,
   };
 }
 
@@ -128,7 +148,11 @@ async function step(text, task) {
 function printBanner() {
   console.log();
   console.log(chalk.cyan.bold("create-stackflow"));
-  console.log(chalk.dim("Modern MERN app generator with auth, CRUD, dashboard, and production-ready structure."));
+  console.log(
+    chalk.dim(
+      "Modern MERN app generator with auth, CRUD, dashboard, and production-ready structure.",
+    ),
+  );
   console.log();
 }
 
@@ -144,6 +168,8 @@ function printSuccess(context) {
   console.log();
   console.log(chalk.dim(`Frontend: ${frontend}`));
   console.log(chalk.dim(`Backend:  ${backend}`));
-  console.log(chalk.dim("MongoDB:  mongodb://127.0.0.1:27017/" + context.databaseName));
+  console.log(
+    chalk.dim("MongoDB:  mongodb://127.0.0.1:27017/" + context.databaseName),
+  );
   console.log();
 }

package/src/utils/prompts.js

@@ -1,37 +1,46 @@
 import inquirer from "inquirer";
+import chalk from "chalk";
 
 export async function askQuestions(projectName) {
-  return inquirer.prompt([
-    new inquirer.Separator("━━━━━━━━━━━━━━━━━━━━"),
-    new inquirer.Separator("BASIC PROJECT SETUP"),
-    new inquirer.Separator("━━━━━━━━━━━━━━━━━━━━"),
+  console.log(chalk.cyan("\n━━━━━━━━━━━━━━━━━━━━"));
+  console.log(chalk.cyan("BASIC PROJECT SETUP"));
+  console.log(chalk.cyan("━━━━━━━━━━━━━━━━━━━━\n"));
+
+  const basicAnswers = await inquirer.prompt([
     {
+      type: "input",
       name: "projectName",
       message: "Project name?",
-      default: projectName || "my-stackflow-app"
+      default: projectName || "my-stackflow-app",
     },
     {
+      type: "input",
       name: "frontendName",
       message: "Frontend folder name?",
-      default: "frontend"
+      default: "frontend",
     },
     {
+      type: "input",
       name: "backendName",
       message: "Backend folder name?",
-      default: "backend"
+      default: "backend",
     },
-    new inquirer.Separator("━━━━━━━━━━━━━━━━━━━━"),
-    new inquirer.Separator("FRONTEND SETUP"),
-    new inquirer.Separator("━━━━━━━━━━━━━━━━━━━━"),
+  ]);
+
+  console.log(chalk.cyan("\n━━━━━━━━━━━━━━━━━━━━"));
+  console.log(chalk.cyan("FRONTEND SETUP"));
+  console.log(chalk.cyan("━━━━━━━━━━━━━━━━━━━━\n"));
+
+  const frontendAnswers = await inquirer.prompt([
     {
       type: "list",
       name: "frontend",
       message: "Frontend framework?",
       choices: [
         { name: "React", value: "react" },
-        { name: "Next.js", value: "next" }
+        { name: "Next.js", value: "next" },
       ],
-      default: "react"
+      default: "react",
     },
     {
       type: "list",
@@ -39,9 +48,9 @@ export async function askQuestions(projectName) {
       message: "Language?",
       choices: [
         { name: "TypeScript", value: "typescript" },
-        { name: "JavaScript", value: "javascript" }
+        { name: "JavaScript", value: "javascript" },
       ],
-      default: "typescript"
+      default: "typescript",
     },
     {
       type: "list",
@@ -51,9 +60,9 @@ export async function askQuestions(projectName) {
         { name: "Tailwind CSS", value: "tailwind" },
         { name: "SCSS", value: "scss" },
         { name: "CSS Modules", value: "css-modules" },
-        { name: "Styled Components", value: "styled-components" }
+        { name: "Styled Components", value: "styled-components" },
       ],
-      default: "tailwind"
+      default: "tailwind",
     },
     {
       type: "list",
@@ -64,9 +73,9 @@ export async function askQuestions(projectName) {
         { name: "Material UI", value: "mui" },
         { name: "Ant Design", value: "antd" },
         { name: "Chakra UI", value: "chakra" },
-        { name: "None", value: "none" }
+        { name: "None", value: "none" },
       ],
-      default: "shadcn"
+      default: "shadcn",
     },
     {
       type: "list",
@@ -75,16 +84,16 @@ export async function askQuestions(projectName) {
       choices: [
         { name: "Lucide React", value: "lucide-react" },
         { name: "React Icons", value: "react-icons" },
-        { name: "Heroicons", value: "heroicons" }
+        { name: "Heroicons", value: "heroicons" },
       ],
-      default: "lucide-react"
+      default: "lucide-react",
     },
     {
       type: "confirm",
       name: "router",
       message: "Use React Router DOM?",
       default: true,
-      when: (answers) => answers.frontend === "react"
+      when: (answers) => answers.frontend === "react",
     },
     {
       type: "list",
@@ -96,9 +105,9 @@ export async function askQuestions(projectName) {
         { name: "Context API", value: "context-api" },
         { name: "Jotai", value: "jotai" },
         { name: "Recoil", value: "recoil" },
-        { name: "None", value: "none" }
+        { name: "None", value: "none" },
       ],
-      default: "zustand"
+      default: "zustand",
     },
     {
       type: "list",
@@ -106,26 +115,26 @@ export async function askQuestions(projectName) {
       message: "Data fetching library?",
       choices: [
         { name: "Axios", value: "axios" },
-        { name: "Fetch API", value: "fetch" }
+        { name: "Fetch API", value: "fetch" },
       ],
-      default: "axios"
+      default: "axios",
     },
     {
       type: "confirm",
       name: "tanstackQuery",
       message: "Use TanStack Query?",
-      default: false
+      default: false,
     },
     {
       type: "list",
-      name: "form",
+      name: "formLibrary",
       message: "Form handling library?",
       choices: [
         { name: "React Hook Form", value: "react-hook-form" },
         { name: "Formik", value: "formik" },
-        { name: "None", value: "none" }
+        { name: "None", value: "none" },
       ],
-      default: "react-hook-form"
+      default: "react-hook-form",
     },
     {
       type: "list",
@@ -135,27 +144,27 @@ export async function askQuestions(projectName) {
         { name: "Zod", value: "zod" },
         { name: "Yup", value: "yup" },
         { name: "Joi", value: "joi" },
-        { name: "None", value: "none" }
+        { name: "None", value: "none" },
       ],
-      default: "zod"
+      default: "zod",
     },
     {
       type: "confirm",
       name: "authPages",
       message: "Generate authentication pages?",
-      default: true
+      default: true,
     },
     {
       type: "confirm",
       name: "protectedRoutes",
       message: "Generate protected routes?",
-      default: true
+      default: true,
     },
     {
       type: "confirm",
       name: "darkMode",
       message: "Add dark/light theme support?",
-      default: true
+      default: true,
     },
     {
       type: "list",
@@ -164,9 +173,9 @@ export async function askQuestions(projectName) {
       choices: [
         { name: "Framer Motion", value: "framer-motion" },
         { name: "GSAP", value: "gsap" },
-        { name: "None", value: "none" }
+        { name: "None", value: "none" },
       ],
-      default: "none"
+      default: "none",
     },
     {
       type: "list",
@@ -176,9 +185,9 @@ export async function askQuestions(projectName) {
         { name: "Sonner", value: "sonner" },
         { name: "React Hot Toast", value: "react-hot-toast" },
         { name: "Notistack", value: "notistack" },
-        { name: "None", value: "none" }
+        { name: "None", value: "none" },
       ],
-      default: "sonner"
+      default: "sonner",
     },
     {
       type: "list",
@@ -188,9 +197,9 @@ export async function askQuestions(projectName) {
         { name: "Recharts", value: "recharts" },
         { name: "Chart.js", value: "chartjs" },
         { name: "ApexCharts", value: "apexcharts" },
-        { name: "None", value: "none" }
+        { name: "None", value: "none" },
       ],
-      default: "none"
+      default: "none",
     },
     {
       type: "list",
@@ -198,31 +207,35 @@ export async function askQuestions(projectName) {
       message: "Add drag and drop upload?",
       choices: [
         { name: "React Dropzone", value: "react-dropzone" },
-        { name: "None", value: "none" }
+        { name: "None", value: "none" },
       ],
-      default: "none"
+      default: "none",
     },
     {
       type: "confirm",
       name: "eslint",
       message: "Add ESLint?",
-      default: true
+      default: true,
     },
     {
       type: "confirm",
       name: "prettier",
       message: "Add Prettier?",
-      default: true
+      default: true,
     },
-    new inquirer.Separator("━━━━━━━━━━━━━━━━━━━━"),
-    new inquirer.Separator("BACKEND SETUP"),
-    new inquirer.Separator("━━━━━━━━━━━━━━━━━━━━"),
+  ]);
+
+  console.log(chalk.cyan("\n━━━━━━━━━━━━━━━━━━━━"));
+  console.log(chalk.cyan("BACKEND SETUP"));
+  console.log(chalk.cyan("━━━━━━━━━━━━━━━━━━━━\n"));
+
+  const backendAnswers = await inquirer.prompt([
     {
       type: "list",
       name: "backendFramework",
       message: "Backend framework?",
       choices: ["Express.js", "Fastify", "NestJS"],
-      default: "Express.js"
+      default: "Express.js",
     },
     {
       type: "list",
@@ -230,149 +243,99 @@ export async function askQuestions(projectName) {
       message: "Backend language?",
       choices: [
         { name: "JavaScript", value: "javascript" },
-        { name: "TypeScript", value: "typescript" }
+        { name: "TypeScript", value: "typescript" },
       ],
-      default: "javascript"
+      default: "javascript",
     },
     {
       type: "list",
       name: "database",
       message: "Database?",
       choices: ["MongoDB", "PostgreSQL", "MySQL", "SQLite"],
-      default: "MongoDB"
+      default: "MongoDB",
     },
     {
       type: "list",
       name: "orm",
       message: "ODM / ORM?",
       choices: ["Mongoose", "Prisma", "Sequelize", "Drizzle", "TypeORM"],
-      default: "Mongoose"
+      default: "Mongoose",
     },
     {
       type: "list",
       name: "authStrategy",
       message: "Authentication strategy?",
-      choices: ["JWT", "Session Auth", "Firebase Auth", "Clerk", "Supabase Auth", "None"],
-      default: "JWT"
+      choices: [
+        "JWT",
+        "Session Auth",
+        "Firebase Auth",
+        "Clerk",
+        "Supabase Auth",
+        "None",
+      ],
+      default: "JWT",
     },
     {
       type: "list",
       name: "passwordHashing",
       message: "Password hashing library?",
       choices: ["bcryptjs", "argon2"],
-      default: "bcryptjs"
+      default: "bcryptjs",
     },
     {
       type: "list",
       name: "fileUpload",
       message: "File upload solution?",
-      choices: ["Multer", "Cloudinary", "Cloudflare R2", "AWS S3", "UploadThing", "None"],
-      default: "Multer"
-    },
-    {
-      type: "list",
-      name: "backendValidation",
-      message: "Backend validation library?",
-      choices: ["Zod", "Joi", "express-validator", "None"],
-      default: "None"
+      choices: [
+        "Multer",
+        "Cloudinary",
+        "Cloudflare R2",
+        "AWS S3",
+        "UploadThing",
+        "None",
+      ],
+      default: "Multer",
     },
     {
       type: "checkbox",
       name: "securityPackages",
       message: "Add security packages?",
       choices: [
-        { name: "helmet", value: "helmet", checked: true },
+        { name: "helmet", value: "helmet" },
         { name: "cors", value: "cors", checked: true },
-        { name: "express-rate-limit", value: "express-rate-limit", checked: true },
-        { name: "hpp", value: "hpp", checked: true }
-      ]
-    },
-    {
-      type: "confirm",
-      name: "cookieParser",
-      message: "Use cookie-parser?",
-      default: true
-    },
-    {
-      type: "list",
-      name: "logging",
-      message: "Logging library?",
-      choices: ["Morgan", "Winston", "Pino", "None"],
-      default: "Morgan"
-    },
-    {
-      type: "confirm",
-      name: "swagger",
-      message: "Add Swagger/OpenAPI docs?",
-      default: true
+        {
+          name: "express-rate-limit",
+          value: "express-rate-limit",
+          checked: true,
+        },
+        { name: "hpp", value: "hpp" },
+      ],
     },
     {
       type: "confirm",
-      name: "socketio",
-      message: "Add Socket.IO?",
-      default: false
-    },
-    {
-      type: "list",
-      name: "emailService",
-      message: "Email service?",
-      choices: ["Nodemailer", "Resend", "AWS SES", "SendGrid", "Mailgun", "Postmark", "None"],
-      default: "None"
-    },
-    new inquirer.Separator("━━━━━━━━━━━━━━━━━━━━"),
-    new inquirer.Separator("CRUD GENERATION"),
-    new inquirer.Separator("━━━━━━━━━━━━━━━━━━━━"),
-    {
-      type: "checkbox",
-      name: "crudModules",
-      message: "Generate CRUD modules?",
-      choices: [
-        { name: "Users", value: "users", checked: true },
-        { name: "Products", value: "products", checked: true },
-        { name: "Categories", value: "categories", checked: true },
-        { name: "Orders", value: "orders", checked: true },
-        { name: "Blogs", value: "blogs", checked: true }
-      ]
+      name: "runProject",
+      message: "Run the project immediately?",
+      default: true,
     },
-    new inquirer.Separator("━━━━━━━━━━━━━━━━━━━━"),
-    new inquirer.Separator("AUTH FEATURES"),
-    new inquirer.Separator("━━━━━━━━━━━━━━━━━━━━"),
-    {
-      type: "checkbox",
-      name: "authFeatures",
-      message: "Add auth features?",
-      choices: [
-        { name: "Login", value: "login", checked: true },
-        { name: "Register", value: "register", checked: true },
-        { name: "Forgot Password", value: "forgot-password", checked: true },
-        { name: "Reset Password", value: "reset-password", checked: true },
-        { name: "Email Verification", value: "email-verification", checked: true },
-        { name: "Role-based Access", value: "roles", checked: true },
-        { name: "Refresh Tokens", value: "refresh-tokens", checked: true }
-      ]
-    },
-    new inquirer.Separator("━━━━━━━━━━━━━━━━━━━━"),
-    new inquirer.Separator("ADMIN PANEL"),
-    new inquirer.Separator("━━━━━━━━━━━━━━━━━━━━"),
-    {
-      type: "confirm",
-      name: "adminDashboard",
-      message: "Generate admin dashboard?",
-      default: true
-    }
-  ]).then((answers) => ({
-    ...answers,
-    tailwind: answers.styling === "tailwind",
-    shadcn: answers.uiLibrary === "shadcn",
-    axios: answers.dataFetching === "axios",
-    form: answers.form !== "none",
-    winston: answers.logging === "Winston",
-    morgan: answers.logging === "Morgan",
-    cloudinary: answers.fileUpload === "Cloudinary",
-    multer: answers.fileUpload === "Multer",
-    hpp: answers.securityPackages.includes("hpp"),
-    helmet: answers.securityPackages.includes("helmet"),
-    cors: answers.securityPackages.includes("cors"),
-    rateLimit: answers.securityPackages.includes("express-rate-limit")
-  }));
+  ]);
+
+  return {
+    ...basicAnswers,
+    ...frontendAnswers,
+    ...backendAnswers,
+
+    tailwind: frontendAnswers.styling === "tailwind",
+    shadcn: frontendAnswers.uiLibrary === "shadcn",
+    axios: frontendAnswers.dataFetching === "axios",
+    reactHookForm: frontendAnswers.formLibrary === "react-hook-form",
+
+    helmet: backendAnswers.securityPackages.includes("helmet"),
+    cors: backendAnswers.securityPackages.includes("cors"),
+    rateLimit: backendAnswers.securityPackages.includes("express-rate-limit"),
+    hpp: backendAnswers.securityPackages.includes("hpp"),
+
+    multer: backendAnswers.fileUpload === "Multer",
+    cloudinary: backendAnswers.fileUpload === "Cloudinary",
+    runProject: backendAnswers.runProject,
+  };
 }