initkit 1.1.0 → 1.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "initkit",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "type": "module",
   "description": "A modern CLI tool for scaffolding production-ready web projects with live npm version fetching, multiple frameworks, and best practices built-in",
   "main": "src/index.js",
@@ -32,14 +32,11 @@
     "vue",
     "express",
     "typescript",
-    "fullstack",
-    "monorepo",
     "vite",
     "tailwind",
     "redux-toolkit",
     "prisma",
-    "docker",
-    "turborepo"
+    "docker"
   ],
   "author": "Shirish Shrestha <shirishshrestha07@gmail.com>",
   "license": "MIT",

package/src/cli.js

@@ -19,15 +19,41 @@ const packageJson = require('../package.json');
 function displayBanner() {
   console.log('');
   console.log(chalk.cyan('╔════════════════════════════════════════════════════════════╗'));
-  console.log(chalk.cyan('║') + chalk.cyan.bold('                                                            ') + chalk.cyan('║'));
-  console.log(chalk.cyan('║') + chalk.cyan.bold('               Welcome to InitKit CLI!                      ') + chalk.cyan('║'));
-  console.log(chalk.cyan('║') + chalk.cyan.bold('                                                            ') + chalk.cyan('║'));
-  console.log(chalk.cyan('║') + chalk.white('       Scaffold modern web projects with best               ') + chalk.cyan('║'));
-  console.log(chalk.cyan('║') + chalk.white('       practices and lightning-fast speed ⚡                ') + chalk.cyan('║'));
-  console.log(chalk.cyan('║') + chalk.cyan.bold('                                                            ') + chalk.cyan('║'));
+  console.log(
+    chalk.cyan('║') +
+      chalk.cyan.bold('                                                            ') +
+      chalk.cyan('║')
+  );
+  console.log(
+    chalk.cyan('║') +
+      chalk.cyan.bold('               Welcome to InitKit CLI!                      ') +
+      chalk.cyan('║')
+  );
+  console.log(
+    chalk.cyan('║') +
+      chalk.cyan.bold('                                                            ') +
+      chalk.cyan('║')
+  );
+  console.log(
+    chalk.cyan('║') +
+      chalk.white('       Scaffold modern web projects with best               ') +
+      chalk.cyan('║')
+  );
+  console.log(
+    chalk.cyan('║') +
+      chalk.white('       practices and lightning-fast speed ⚡                ') +
+      chalk.cyan('║')
+  );
+  console.log(
+    chalk.cyan('║') +
+      chalk.cyan.bold('                                                            ') +
+      chalk.cyan('║')
+  );
   console.log(chalk.cyan('╚════════════════════════════════════════════════════════════╝'));
   console.log('');
-  console.log(chalk.gray(`         Version ${packageJson.version} | Made with ❤️  by developers\n`));
+  console.log(
+    chalk.gray(`         Version ${packageJson.version} | Made with ❤️  by developers\n`)
+  );
 }
 
 // Set up the CLI program
@@ -37,7 +63,9 @@ program
   .description(packageJson.description)
   .usage('[command] [options]')
   .version(packageJson.version, '-v, --version', 'Output the current version')
-  .addHelpText('after', `
+  .addHelpText(
+    'after',
+    `
 Examples:
   $ initkit                          # Interactive mode with step-by-step prompts
   $ initkit my-app                   # Create project with interactive prompts
@@ -50,7 +78,8 @@ Documentation:
   GitHub:       https://github.com/shirishshrestha/initkit
 
 Need help? Report issues at: https://github.com/shirishshrestha/initkit/issues
-  `);
+  `
+  );
 
 // Main create command
 program
@@ -62,9 +91,11 @@ program
   .option('--js, --javascript', 'Use JavaScript instead of TypeScript')
   .option('--no-git', 'Skip Git repository initialization')
   .option('--no-install', 'Skip automatic dependency installation')
-  .option('-p, --package-manager <manager>', 'Package manager (npm, yarn, pnpm)', 'npm')
+  .option('-p, --package-manager <manager>', 'Package manager (npm, yarn, pnpm)')
   .option('--verbose', 'Show detailed output and logs')
-  .addHelpText('after', `
+  .addHelpText(
+    'after',
+    `
 Examples:
   $ initkit create my-react-app
   $ initkit create api-server --template express --typescript
@@ -80,7 +111,8 @@ The create command guides you through an interactive setup with 13 questions:
   7. Additional tools (Docker, CI/CD, Testing)
   8. Package manager choice
   9. Git initialization
-  `)
+  `
+  )
   .action(async (projectName, options) => {
     try {
       displayBanner();
@@ -117,12 +149,12 @@ The create command guides you through an interactive setup with 13 questions:
         // Use default configuration
         answers = {
           projectName: projectName || 'my-project',
-          projectType: 'fullstack',
+          projectType: 'frontend',
           frontend: 'react',
-          backend: 'express',
           language: options.javascript ? 'javascript' : 'typescript',
           folderStructure: 'feature-based',
           typescriptStrict: 'strict',
+          styling: 'tailwind',
           useGit: options.git !== false,
           installDependencies: options.install !== false,
           packageManager: options.packageManager || 'npm',
@@ -131,17 +163,20 @@ The create command guides you through an interactive setup with 13 questions:
         };
       } else {
         // Interactive prompts
-        console.log(chalk.cyan('Let\'s set up your project!\n'));
+        console.log(chalk.cyan("Let's set up your project!\n"));
         const questions = getQuestions(projectName);
         answers = await inquirer.prompt(questions);
-        
+
         // Set additional options from CLI flags
         if (options.javascript) {
           answers.language = 'javascript';
         }
         answers.useGit = options.git !== false;
         answers.installDependencies = options.install !== false;
-        answers.packageManager = options.packageManager || answers.packageManager;
+        // Only override packageManager if explicitly provided via CLI flag
+        if (options.packageManager) {
+          answers.packageManager = options.packageManager;
+        }
       }
 
       // Derive projectPath if not set
@@ -160,7 +195,6 @@ The create command guides you through an interactive setup with 13 questions:
       });
 
       // Success message is now part of the comprehensive summary in create.js
-
     } catch (error) {
       displayError(error, { projectName });
       process.exit(1);
@@ -175,27 +209,28 @@ program
     console.log(chalk.cyan.bold('\n╔════════════════════════════════════════════════╗'));
     console.log(chalk.cyan.bold('║          InitKit CLI Information              ║'));
     console.log(chalk.cyan.bold('╚════════════════════════════════════════════════╝\n'));
-    
+
     console.log(chalk.white.bold('Version:     ') + chalk.green(packageJson.version));
     console.log(chalk.white.bold('Description: ') + chalk.gray(packageJson.description));
     console.log(chalk.white.bold('Author:      ') + chalk.gray(packageJson.author));
     console.log(chalk.white.bold('License:     ') + chalk.gray(packageJson.license));
-    console.log(chalk.white.bold('Repository:  ') + chalk.blue(packageJson.repository?.url || 'N/A'));
-    
+    console.log(
+      chalk.white.bold('Repository:  ') + chalk.blue(packageJson.repository?.url || 'N/A')
+    );
+
     console.log(chalk.yellow.bold('\nSupported Frameworks:'));
     console.log(chalk.gray('  Frontend: ') + 'React, Vue, Next.js, Angular, Svelte, Nuxt');
     console.log(chalk.gray('  Backend:  ') + 'Express, NestJS, Fastify, Koa, Hapi');
     console.log(chalk.gray('  Database: ') + 'PostgreSQL, MongoDB, MySQL, SQLite');
-    
+
     console.log(chalk.yellow.bold('\nFeatures:'));
     console.log(chalk.gray('  ✓ Interactive project scaffolding'));
     console.log(chalk.gray('  ✓ TypeScript & JavaScript support'));
-    console.log(chalk.gray('  ✓ Full-stack monorepo with Turborepo'));
     console.log(chalk.gray('  ✓ Docker & Docker Compose'));
     console.log(chalk.gray('  ✓ CI/CD with GitHub Actions'));
     console.log(chalk.gray('  ✓ ESLint, Prettier, Husky'));
     console.log(chalk.gray('  ✓ Automatic rollback on errors'));
-    
+
     console.log(chalk.cyan('\n💡 Get started: ') + chalk.white('initkit --help\n'));
   });
 
@@ -207,35 +242,43 @@ program
     console.log(chalk.cyan.bold('\n╔════════════════════════════════════════════════╗'));
     console.log(chalk.cyan.bold('║        Available Templates & Tools            ║'));
     console.log(chalk.cyan.bold('╚════════════════════════════════════════════════╝\n'));
-    
+
     console.log(chalk.yellow.bold('🎨 Frontend Frameworks:'));
-    console.log(chalk.gray('  • React          ') + chalk.dim('- Popular library for building UIs'));
-    console.log(chalk.gray('  • Vue.js         ') + chalk.dim('- Progressive JavaScript framework'));
+    console.log(
+      chalk.gray('  • React          ') + chalk.dim('- Popular library for building UIs')
+    );
+    console.log(
+      chalk.gray('  • Vue.js         ') + chalk.dim('- Progressive JavaScript framework')
+    );
     console.log(chalk.gray('  • Next.js        ') + chalk.dim('- React framework with SSR & SSG'));
-    console.log(chalk.gray('  • Angular        ') + chalk.dim('- Platform for building applications'));
+    console.log(
+      chalk.gray('  • Angular        ') + chalk.dim('- Platform for building applications')
+    );
     console.log(chalk.gray('  • Svelte         ') + chalk.dim('- Compile-time framework'));
     console.log(chalk.gray('  • Nuxt.js        ') + chalk.dim('- Vue.js framework with SSR'));
-    
+
     console.log(chalk.yellow.bold('\n⚙️  Backend Frameworks:'));
     console.log(chalk.gray('  • Express.js     ') + chalk.dim('- Fast, minimalist web framework'));
     console.log(chalk.gray('  • NestJS         ') + chalk.dim('- Progressive Node.js framework'));
     console.log(chalk.gray('  • Fastify        ') + chalk.dim('- Fast and low overhead'));
     console.log(chalk.gray('  • Koa            ') + chalk.dim('- Next generation web framework'));
-    console.log(chalk.gray('  • Hapi           ') + chalk.dim('- Rich framework for building applications'));
-    
+    console.log(
+      chalk.gray('  • Hapi           ') + chalk.dim('- Rich framework for building applications')
+    );
+
     console.log(chalk.yellow.bold('\n💾 Databases:'));
     console.log(chalk.gray('  • PostgreSQL     ') + chalk.dim('- Advanced relational database'));
     console.log(chalk.gray('  • MongoDB        ') + chalk.dim('- NoSQL document database'));
     console.log(chalk.gray('  • MySQL          ') + chalk.dim('- Popular relational database'));
     console.log(chalk.gray('  • SQLite         ') + chalk.dim('- Lightweight embedded database'));
-    
+
     console.log(chalk.yellow.bold('\n🎨 Styling Solutions:'));
     console.log(chalk.gray('  • Tailwind CSS   ') + chalk.dim('- Utility-first CSS framework'));
     console.log(chalk.gray('  • CSS Modules    ') + chalk.dim('- Locally scoped CSS'));
     console.log(chalk.gray('  • Styled Comp.   ') + chalk.dim('- CSS-in-JS solution'));
     console.log(chalk.gray('  • Sass/SCSS      ') + chalk.dim('- CSS preprocessor'));
     console.log(chalk.gray('  • Emotion        ') + chalk.dim('- Performant CSS-in-JS'));
-    
+
     console.log(chalk.yellow.bold('\n🛠️  Development Tools:'));
     console.log(chalk.gray('  • Docker         ') + chalk.dim('- Containerization'));
     console.log(chalk.gray('  • GitHub Actions ') + chalk.dim('- CI/CD automation'));
@@ -243,7 +286,7 @@ program
     console.log(chalk.gray('  • Prettier       ') + chalk.dim('- Code formatting'));
     console.log(chalk.gray('  • Jest/Vitest    ') + chalk.dim('- Testing frameworks'));
     console.log(chalk.gray('  • Turborepo      ') + chalk.dim('- Monorepo build system'));
-    
+
     console.log(chalk.cyan('\n💡 Create a project: ') + chalk.white('initkit [project-name]\n'));
   });
 

package/src/commands/create.js

@@ -3,42 +3,42 @@ import path from 'path';
 import chalk from 'chalk';
 import ora from 'ora';
 import { generateTemplate } from '../utils/templateGenerator.js';
-import { installDependencies } from '../utils/packageManager.js';
 import { initGit } from '../utils/git.js';
+import { bootstrapWithOfficialCLI } from '../utils/frameworkBootstrap.js';
+import { installAddons, hasAddons } from '../utils/addonInstaller.js';
 import {
   CLIError,
   ERROR_CODES,
   withErrorHandling,
   rollbackProject,
-  safeFileOperation,
 } from '../utils/errorHandler.js';
 
 /**
  * Create a new project based on user configuration
- * 
+ *
  * This is the main orchestration function that:
  * 1. Creates the project directory
  * 2. Generates template files
  * 3. Installs dependencies
  * 4. Initializes Git repository
  * 5. Handles errors with automatic rollback
- * 
+ *
  * @param {Object} answers - User's configuration from interactive prompts
  * @param {string} answers.projectName - Name of the project (used for directory)
- * @param {string} answers.projectType - Type of project ('frontend'|'backend'|'fullstack'|'library')
+ * @param {string} answers.projectType - Type of project ('frontend'|'backend'|'library')
  * @param {string} [answers.frontend] - Frontend framework choice
  * @param {string} [answers.backend] - Backend framework choice
  * @param {string} answers.language - Programming language ('typescript'|'javascript')
  * @param {string} answers.packageManager - Package manager ('npm'|'yarn'|'pnpm')
  * @param {boolean} [answers.gitInit] - Whether to initialize Git repository
- * 
+ *
  * @param {Object} [options={}] - Additional command-line options
  * @param {boolean} [options.verbose=false] - Show detailed output during creation
  * @param {string} [options.projectPath] - Custom path for project (overrides answers.projectName)
- * 
+ *
  * @returns {Promise<void>}
  * @throws {CLIError} If project creation fails at any step (automatic rollback triggered)
- * 
+ *
  * @example
  * // Basic usage
  * await createProject({
@@ -49,7 +49,7 @@ import {
  *   packageManager: 'npm',
  *   gitInit: true
  * });
- * 
+ *
  * @example
  * // With verbose output
  * await createProject(answers, { verbose: true });
@@ -57,10 +57,18 @@ import {
 async function createProject(answers, options = {}) {
   const { verbose = false, projectPath: customProjectPath } = options;
   const projectPath = customProjectPath || path.join(process.cwd(), answers.projectName);
-  let spinner;
+  let spinner = ora();
 
   try {
-    // Step 1: Check if directory already exists
+    // ============================================
+    // STEP 1: Bootstrap with Official Framework CLI
+    // ============================================
+    spinner = ora({
+      text: 'Bootstrapping project with official CLI...',
+      color: 'cyan',
+    }).start();
+
+    // Check if directory already exists
     if (await fs.pathExists(projectPath)) {
       throw new CLIError(
         `Directory "${answers.projectName}" already exists!`,
@@ -69,103 +77,180 @@ async function createProject(answers, options = {}) {
       );
     }
 
-    // Step 2: Create project directory
-    spinner = ora({
-      text: 'Creating project structure...',
-      color: 'cyan',
-    }).start();
+    await withErrorHandling(() => bootstrapWithOfficialCLI(projectPath, answers), {
+      projectPath,
+      rollback: true,
+      errorCode: ERROR_CODES.CREATION_FAILED,
+      context: { step: 'CLI bootstrapping' },
+    });
 
-    await safeFileOperation(
-      () => fs.ensureDir(projectPath),
-      'Creating project directory'
-    );
+    spinner.succeed(chalk.green('✓ Base project created'));
 
-    if (verbose) {
-      spinner.info(chalk.gray(`Created directory: ${projectPath}`));
-      spinner.start('Generating project files...');
-    }
+    // ============================================
+    // STEP 2: Install Add-ons with Official CLIs/Commands
+    // ============================================
+    if (hasAddons(answers)) {
+      spinner = ora({
+        text: 'Installing selected libraries and add-ons...',
+        color: 'cyan',
+      }).start();
 
-    // Step 3: Generate project files from templates
-    await withErrorHandling(
-      () => generateTemplate(projectPath, answers),
-      {
+      await withErrorHandling(() => installAddons(projectPath, answers), {
         projectPath,
         rollback: true,
         errorCode: ERROR_CODES.CREATION_FAILED,
-        context: { step: 'template generation' },
-      }
-    );
+        context: { step: 'add-on installation' },
+      });
+
+      spinner.succeed(chalk.green('✓ Add-ons installed'));
+    }
 
-    spinner.succeed(chalk.green('Project structure created'));
+    // ============================================
+    // STEP 3: Enhance with Custom Folder Structure
+    // ============================================
+    spinner = ora({
+      text: 'Creating custom folder structure...',
+      color: 'cyan',
+    }).start();
 
-    // Step 4: Initialize Git if requested
+    await withErrorHandling(() => generateTemplate(projectPath, answers), {
+      projectPath,
+      rollback: true,
+      errorCode: ERROR_CODES.CREATION_FAILED,
+      context: { step: 'folder structure enhancement' },
+    });
+
+    spinner.succeed(chalk.green('✓ Folder structure configured'));
+
+    // ============================================
+    // STEP 4: Install Dependencies
+    // ============================================
+    spinner = ora({
+      text: `Installing dependencies with ${answers.packageManager}...`,
+      color: 'cyan',
+    }).start();
+
+    try {
+      const installCmd = getInstallCommand(answers.packageManager);
+      const { execCommand } = await import('../utils/cliRunner.js');
+      await execCommand(installCmd, { cwd: projectPath });
+      spinner.succeed(chalk.green('✓ Dependencies installed'));
+    } catch (error) {
+      spinner.warn(chalk.yellow('⚠ Dependency installation had issues'));
+      console.log(chalk.gray(`   You can run '${answers.packageManager} install' manually\\n`));
+    }
+
+    // ============================================
+    // STEP 5: Initialize Git Repository
+    // ============================================
     if (answers.useGit) {
-      const gitSpinner = ora('Initializing Git repository...').start();
-      
+      spinner = ora({
+        text: 'Initializing Git repository...',
+        color: 'cyan',
+      }).start();
+
       try {
         await initGit(projectPath);
-        gitSpinner.succeed(chalk.green('Git repository initialized'));
+        spinner.succeed(chalk.green('✓ Git initialized'));
       } catch (error) {
-        gitSpinner.warn(chalk.yellow('Git initialization skipped'));
-        
-        if (verbose) {
-          console.log(chalk.gray(`   Reason: ${error.message}`));
-        }
-      }
-    }
+        spinner.warn(chalk.yellow('⚠ Git initialization skipped'));
 
-    // Step 5: Install dependencies
-    if (answers.installDependencies !== false) {
-      try {
-        await installDependencies(projectPath, answers.packageManager, {
-          verbose,
-        });
-      } catch (error) {
-        // Don't fail the entire process if install fails
-        console.log(chalk.yellow('\nDependency installation failed'));
-        console.log(chalk.gray('   You can install them manually later\n'));
-        
         if (verbose) {
-          console.log(chalk.gray(`   Error: ${error.message}`));
+          console.log(chalk.gray(`   Reason: ${error.message}`));
         }
       }
-    } else {
-      console.log(chalk.gray('\n   Skipping dependency installation (--no-install)'));
     }
 
-    // Step 6: Display comprehensive success summary
-    displaySuccessSummary(answers, projectPath, verbose);
-
+    // ============================================
+    // SUCCESS!
+    // ============================================
+    console.log('\n');
+    displaySuccessMessage(answers, projectPath);
   } catch (error) {
     // Stop any running spinners
     if (spinner && spinner.isSpinning) {
-      spinner.fail(chalk.red('Project creation failed'));
+      spinner.fail(chalk.red('✗ Project creation failed'));
     }
 
+    console.log(chalk.red('\n✗ Error: ' + error.message));
+
+    // Rollback project directory
+    await rollbackProject(projectPath);
+
     // If it's already a CLIError, just re-throw it
     if (error instanceof CLIError) {
       throw error;
     }
 
     // Wrap unexpected errors
-    throw new CLIError(
-      `Failed to create project: ${error.message}`,
-      ERROR_CODES.CREATION_FAILED,
-      { originalError: error.name, path: projectPath }
-    );
+    throw new CLIError(`Failed to create project: ${error.message}`, ERROR_CODES.CREATION_FAILED, {
+      originalError: error.name,
+      path: projectPath,
+    });
   }
 }
 
 /**
- * Display comprehensive success summary after project creation
+ * Display success message after project creation
  * @param {Object} answers - Project configuration
  * @param {string} projectPath - Path to the project
- * @param {boolean} verbose - Show detailed information
  */
-function displaySuccessSummary(answers, projectPath, verbose = false) {
+function displaySuccessMessage(answers, projectPath) {
+  const projectName = path.basename(projectPath);
+
+  console.log(chalk.green.bold('🎉 Project created successfully!\n'));
+  console.log(chalk.cyan('Next steps:'));
+  console.log(chalk.white(`  cd ${projectName}`));
+  console.log(chalk.white(`  ${answers.packageManager} run dev\n`));
+
+  // Show installed add-ons
+  if (hasAddons(answers)) {
+    console.log(chalk.cyan('Installed add-ons:'));
+    if (answers.stateManagement && answers.stateManagement !== 'none') {
+      console.log(chalk.white(`  ✓ State management: ${answers.stateManagement}`));
+    }
+    if (answers.uiLibrary && answers.uiLibrary !== 'none') {
+      console.log(chalk.white(`  ✓ UI library: ${answers.uiLibrary}`));
+    }
+    if (answers.orm && answers.orm !== 'none') {
+      console.log(chalk.white(`  ✓ ORM: ${answers.orm}`));
+    }
+    if (answers.authentication && answers.authentication !== 'none') {
+      console.log(chalk.white(`  ✓ Authentication: ${answers.authentication}`));
+    }
+    if (answers.testing && answers.testing.length > 0) {
+      console.log(chalk.white(`  ✓ Testing: ${answers.testing.join(', ')}`));
+    }
+    console.log();
+  }
+
+  console.log(chalk.gray('Happy coding! 🚀\n'));
+}
+
+/** * Get install command for package manager
+ */
+function getInstallCommand(packageManager) {
+  const commands = {
+    npm: 'npm install',
+    yarn: 'yarn install',
+    pnpm: 'pnpm install',
+    bun: 'bun install',
+  };
+  return commands[packageManager] || 'npm install';
+}
+
+/** * Display comprehensive success summary after project creation (LEGACY - DEPRECATED)
+ * This function is kept for backward compatibility but is no longer used
+ * @deprecated Use displaySuccessMessage instead
+ */
+function displaySuccessSummary(answers, projectPath, _verbose = false) {
   console.log('');
   console.log(chalk.green('╔════════════════════════════════════════════════════════════╗'));
-  console.log(chalk.green('║') + chalk.green.bold('              ✨ Project Created Successfully! ✨           ') + chalk.green('║'));
+  console.log(
+    chalk.green('║') +
+      chalk.green.bold('              ✨ Project Created Successfully! ✨           ') +
+      chalk.green('║')
+  );
   console.log(chalk.green('╚════════════════════════════════════════════════════════════╝'));
   console.log('');
 
@@ -173,20 +258,18 @@ function displaySuccessSummary(answers, projectPath, verbose = false) {
   console.log(chalk.cyan.bold('  📦 Project Information'));
   console.log(chalk.white(`     ${chalk.gray('Name:')}        ${chalk.bold(answers.projectName)}`));
   console.log(chalk.white(`     ${chalk.gray('Type:')}        ${answers.projectType}`));
-  console.log(chalk.white(`     ${chalk.gray('Language:')}    ${answers.language || 'JavaScript'}`));
-  
+  console.log(
+    chalk.white(`     ${chalk.gray('Language:')}    ${answers.language || 'JavaScript'}`)
+  );
+
   if (answers.frontend) {
     console.log(chalk.white(`     ${chalk.gray('Frontend:')}    ${answers.frontend}`));
   }
-  
+
   if (answers.backend) {
     console.log(chalk.white(`     ${chalk.gray('Backend:')}     ${answers.backend}`));
   }
 
-  if (answers.fullstackType) {
-    console.log(chalk.white(`     ${chalk.gray('Architecture:')} ${answers.fullstackType}`));
-  }
-  
   if (answers.database && answers.database !== 'none') {
     console.log(chalk.white(`     ${chalk.gray('Database:')}    ${answers.database}`));
   }
@@ -200,7 +283,7 @@ function displaySuccessSummary(answers, projectPath, verbose = false) {
   // Features section
   if (answers.features && answers.features.length > 0) {
     console.log(chalk.cyan.bold('  ⚙️  Configured Features'));
-    answers.features.forEach(feature => {
+    answers.features.forEach((feature) => {
       console.log(chalk.white(`     ${chalk.green('✓')} ${feature}`));
     });
     console.log('');
@@ -209,7 +292,7 @@ function displaySuccessSummary(answers, projectPath, verbose = false) {
   // Additional libraries
   if (answers.additionalLibraries && answers.additionalLibraries.length > 0) {
     console.log(chalk.cyan.bold('  📚 Additional Libraries'));
-    answers.additionalLibraries.slice(0, 5).forEach(lib => {
+    answers.additionalLibraries.slice(0, 5).forEach((lib) => {
       console.log(chalk.white(`     ${chalk.green('✓')} ${lib}`));
     });
     if (answers.additionalLibraries.length > 5) {
@@ -232,19 +315,25 @@ function displaySuccessSummary(answers, projectPath, verbose = false) {
   console.log(chalk.white(`     ${chalk.yellow('1.')} Navigate to your project:`));
   console.log(chalk.gray(`        cd ${answers.projectName}`));
   console.log('');
-  
+
   if (!packagesInstalled) {
     console.log(chalk.white(`     ${chalk.yellow('2.')} Install dependencies:`));
     console.log(chalk.gray(`        ${answers.packageManager} install`));
     console.log('');
   }
-  
+
   const stepNum = packagesInstalled ? 2 : 3;
   console.log(chalk.white(`     ${chalk.yellow(stepNum + '.')} Start development server:`));
-  console.log(chalk.gray(`        ${answers.packageManager} ${answers.packageManager === 'npm' ? 'run ' : ''}dev`));
+  console.log(
+    chalk.gray(
+      `        ${answers.packageManager} ${answers.packageManager === 'npm' ? 'run ' : ''}dev`
+    )
+  );
   console.log('');
-  
-  console.log(chalk.white(`     ${chalk.yellow((stepNum + 1) + '.')} Read the README for more info:`));
+
+  console.log(
+    chalk.white(`     ${chalk.yellow(stepNum + 1 + '.')} Read the README for more info:`)
+  );
   console.log(chalk.gray(`        cat README.md`));
   console.log('');