create-zen 1.0.7 → 1.2.0

package/README.md

@@ -47,22 +47,15 @@ You can create a new project using `npm create`:
 npm create zen@latest
 ```
 
-The tool will interactively prompt you to enter your project name, making it easy to get started without remembering command line arguments.
-
-Alternatively, you can clone the repository manually:
-
-1.  Clone the repository:
-    ```bash
-    git clone https://github.com/dmitry-conquer/zen-starter.git
-    ```
-2.  Navigate to the project directory:
-    ```bash
-    cd zen-starter
-    ```
-3.  Install the dependencies:
-    ```bash
-    npm install
-    ```
+**Why `@latest`?** This ensures you always get the most recent version of the ZEN starter kit. Without it, npm might use a cached or outdated version.
+
+The tool will interactively prompt you to:
+1. **Enter your project name** (with a default fallback)
+2. **Choose between two versions**:
+   - **Standard Version**: Full-featured with all components
+   - **Lite Version**: Lightweight for static sites
+
+This makes it easy to get started without remembering command line arguments and gives you flexibility to choose the right version for your needs.
 
 <img src="https://user-images.githubusercontent.com/73097560/115834477-dbab4500-a447-11eb-908a-139a6edaec5c.gif" alt="line" />
 

package/index.js

@@ -5,67 +5,169 @@ const fs = require('fs');
 const path = require('path');
 const readline = require('readline');
 
-const green = (msg) => `\x1b[32m${msg}\x1b[0m`;
-const yellow = (msg) => `\x1b[33m${msg}\x1b[0m`;
-const red = (msg) => `\x1b[31m${msg}\x1b[0m`;
-const cyan = (msg) => `\x1b[36m${msg}\x1b[0m`;
+// Modern color palette matching the ZEN design
+const colors = {
+  reset: '\x1b[0m',
+  bright: '\x1b[1m',
+  dim: '\x1b[2m',
+  
+  // Primary colors from ZEN design
+  green: '\x1b[38;2;5;247;195m',      // Bright green accent (#05F7C3)
+  white: '\x1b[37m',                   // Pure white text
+  lightGrey: '\x1b[38;2;156;163;175m', // Light grey (#9CA3AF)
+  darkGrey: '\x1b[38;2;55;65;81m',    // Dark grey (#374151)
+  
+  // Additional colors
+  red: '\x1b[31m',
+  yellow: '\x1b[33m',
+  blue: '\x1b[34m',
+  magenta: '\x1b[35m',
+  cyan: '\x1b[36m'
+};
+
+// Elegant text styling functions
+const logo = (text) => `${colors.bright}${colors.green}${text}${colors.reset}`;
+const heading = (text) => `${colors.bright}${colors.white}${text}${colors.reset}`;
+const accent = (text) => `${colors.green}${text}${colors.reset}`;
+const body = (text) => `${colors.lightGrey}${text}${colors.reset}`;
+const muted = (text) => `${colors.dim}${colors.lightGrey}${text}${colors.reset}`;
+const error = (text) => `${colors.red}${text}${colors.reset}`;
+const warning = (text) => `${colors.yellow}${text}${colors.reset}`;
+const success = (text) => `${colors.green}${text}${colors.reset}`;
 
-// Create readline interface for user input
+// Create readline interface
 const rl = readline.createInterface({
   input: process.stdin,
   output: process.stdout
 });
 
-// Function to get project name from user input
+// Display elegant header
+const displayHeader = () => {
+  console.clear();
+  console.log();
+  console.log('  ' + '─'.repeat(80));
+  console.log();
+  console.log('  ' + ' '.repeat(35) + logo('ZEN') + ' '.repeat(35));
+  console.log();
+  console.log('  ' + ' '.repeat(20) + body('Professional Starter Kit • MIT License') + ' '.repeat(20));
+  console.log();
+  console.log('  ' + '─'.repeat(80));
+  console.log();
+};
+
+// Get project name with elegant styling
 const getProjectName = () => {
   return new Promise((resolve) => {
-    rl.question(cyan('📝 Введіть назву вашого проекту: '), (answer) => {
+    rl.question('  📝 ' + body('Enter your project name: ') + muted(' (press Enter for zen-starter-app) '), (answer) => {
       const projectName = answer.trim() || 'zen-starter-app';
-      rl.close();
       resolve(projectName);
     });
   });
 };
 
-// Main function
-const main = async () => {
-  console.log();
-  console.log('✨', cyan('Welcome to'), green('ZEN!'), '✨');
-  console.log();
-
-  const PROJECT_NAME = await getProjectName();
+// Get project version choice with elegant styling
+const getProjectVersion = () => {
+  return new Promise((resolve) => {
+    console.log();
+    console.log('  ' + heading('Choose your ZEN starter version:'));
+    console.log();
+    console.log('  ' + muted('1.') + ' ' + accent('Standard Version') + ' ' + body('- Full-featured with all components'));
+    console.log('  ' + muted('2.') + ' ' + accent('Lite Version') + ' ' + body('- Lightweight for static sites'));
+    console.log();
+    
+    rl.question('  🎯 ' + body('Select version (1 or 2): ') + muted(' (default: 1) '), (answer) => {
+      const choice = answer.trim() || '1';
+      const isLite = choice === '2';
+      resolve(isLite);
+    });
+  });
+};
 
-  if (fs.existsSync(PROJECT_NAME)) {
-    console.error(red('⛔ Директорія "' + PROJECT_NAME + '" вже існує!'));
-    process.exit(1);
+// Get repository URL based on choice
+const getRepositoryUrl = (isLite) => {
+  if (isLite) {
+    return 'https://github.com/dmitry-conquer/zen-starter-lite.git';
   }
+  return 'https://github.com/dmitry-conquer/zen-starter.git';
+};
 
-  console.log('🚀', yellow(`Клонування ZEN шаблону в "${PROJECT_NAME}"...`));
-  try {
-    execSync(`git clone --depth=1 https://github.com/dmitry-conquer/zen-starter.git "${PROJECT_NAME}"`, { stdio: 'inherit' });
-  } catch (err) {
-    console.error(red('❌ Клонування не вдалося. Перевірте підключення до інтернету або права доступу.'));
-    process.exit(1);
+// Get version description
+const getVersionDescription = (isLite) => {
+  if (isLite) {
+    return 'Lite Version - Lightweight for static sites';
   }
+  return 'Standard Version - Full-featured with all components';
+};
 
-  // Remove .git so the created project is not a git repo
-  fs.rmSync(path.join(PROJECT_NAME, '.git'), { recursive: true, force: true });
-
-  console.log();
-  console.log(green('✅ Все готово! Ваш проект створено.'));
-  console.log();
-  console.log('👉', cyan('Наступні кроки:'));
+// Display project summary
+const displaySummary = (projectName, versionDesc, repoUrl) => {
   console.log();
-  console.log(`   📁 ${yellow('cd ' + PROJECT_NAME)}`);
-  console.log('   📦', yellow('npm install'));
-  console.log('   🧑‍💻', yellow('npm run dev'));
-  console.log();
-  console.log('🌿 Щасливого кодування!');
+  console.log('  ' + '─'.repeat(80));
+  console.log('  📋 ' + heading('Project Summary'));
+  console.log('  ' + '─'.repeat(80));
+  console.log('  🏷️  ' + accent('Project Name:') + ' ' + heading(projectName));
+  console.log('  🎯 ' + accent('Version:') + ' ' + heading(versionDesc));
+  console.log('  🔗 ' + accent('Repository:') + ' ' + muted(repoUrl));
+  console.log('  ' + '─'.repeat(80));
   console.log();
 };
 
+// Main function
+const main = async () => {
+  try {
+    displayHeader();
+    
+    const PROJECT_NAME = await getProjectName();
+    const isLite = await getProjectVersion();
+    const REPO_URL = getRepositoryUrl(isLite);
+    const VERSION_DESC = getVersionDescription(isLite);
+    
+    displaySummary(PROJECT_NAME, VERSION_DESC, REPO_URL);
+    
+    if (fs.existsSync(PROJECT_NAME)) {
+      console.log('  ' + error('⛔ Directory "' + PROJECT_NAME + '" already exists!'));
+      console.log('  💡 ' + body('Please choose a different name or remove the existing directory.'));
+      process.exit(1);
+    }
+    
+    console.log('  🚀 ' + warning(`Cloning ${VERSION_DESC} into "${PROJECT_NAME}"...`));
+    console.log();
+    
+    try {
+      execSync(`git clone --depth=1 "${REPO_URL}" "${PROJECT_NAME}"`, { stdio: 'inherit' });
+    } catch (err) {
+      console.log('  ' + error('❌ Clone failed. Please check your internet connection or permissions.'));
+      process.exit(1);
+    }
+    
+    // Remove .git so the created project is not a git repo
+    fs.rmSync(path.join(PROJECT_NAME, '.git'), { recursive: true, force: true });
+    
+    console.log();
+    console.log('  ' + '─'.repeat(80));
+    console.log('  ' + success('✅ SUCCESS! Your project is ready to go!') + ' 🎉');
+    console.log('  ' + '─'.repeat(80));
+    console.log();
+    console.log('  🚀 ' + heading('Next steps:'));
+    console.log();
+    console.log('    📁 ' + accent(`cd ${PROJECT_NAME}`));
+    console.log('    📦 ' + accent('npm install'));
+    console.log('    🧑‍💻 ' + accent('npm run dev'));
+    console.log();
+    console.log('  🌟 ' + logo('Happy coding with ZEN!') + ' ✨');
+    console.log();
+    console.log('  ' + '─'.repeat(80));
+    console.log('  💡 ' + muted('Need help? Check out the README.md file in your project!'));
+    console.log('  ' + '─'.repeat(80));
+    console.log();
+    
+  } catch (error) {
+    console.log('  ' + error('❌ An error occurred:'), error.message);
+    process.exit(1);
+  } finally {
+    rl.close();
+  }
+};
+
 // Run the main function
-main().catch((error) => {
-  console.error(red('❌ Помилка:'), error.message);
-  process.exit(1);
-});
+main();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-zen",
-  "version": "1.0.7",
+  "version": "1.2.0",
   "description": "✨ Create a new web development project with modern setup powered by Vite 🚀",
   "bin": {
     "create-zen": "./index.js"