create-zen 1.4.0 → 1.5.1

package/index.js

@@ -3,7 +3,7 @@
 const { execSync } = require('child_process');
 const fs = require('fs');
 const path = require('path');
-const readline = require('readline');
+const inquirer = require('inquirer');
 
 // Vue CLI exact color palette from the photo
 const colors = {
@@ -29,12 +29,6 @@ const description = (text) => `${colors.lightGrey}${text}${colors.reset}`;
 const error = (text) => `\x1b[31m${text}${colors.reset}`;
 const success = (text) => `${colors.green}${text}${colors.reset}`;
 
-// Create readline interface
-const rl = readline.createInterface({
-  input: process.stdin,
-  output: process.stdout
-});
-
 // Display Vue CLI exact header
 const displayHeader = () => {
   console.clear();
@@ -44,32 +38,48 @@ const displayHeader = () => {
 };
 
 // Get project name with Vue CLI exact styling
-const getProjectName = () => {
-  return new Promise((resolve) => {
-    console.log('  ' + '◇' + ' ' + prompt('Project name (target directory):'));
-    rl.question('    ', (answer) => {
-      const projectName = answer.trim() || 'zen-starter-app';
-      console.log('    ' + option(projectName));
-      resolve(projectName);
-    });
-  });
+const getProjectName = async () => {
+  const { projectName } = await inquirer.prompt([
+    {
+      type: 'input',
+      name: 'projectName',
+      message: 'Project name (target directory):',
+      default: 'zen-starter-app',
+      prefix: '◇'
+    }
+  ]);
+  
+  console.log('    ' + option(projectName));
+  return projectName;
 };
 
-// Get project version choice with Vue CLI exact styling
-const getProjectVersion = () => {
-  return new Promise((resolve) => {
-    console.log();
-    console.log('  ' + '◇' + ' ' + prompt('Select ZEN starter version:'));
-    console.log('    ' + option('□ Standard Version') + ' ' + description('(Full-featured with all components)'));
-    console.log('    ' + option('□ Lite Version') + ' ' + description('(Lightweight for static sites)'));
-    console.log('    ' + description('(↑/↓ to navigate, space to select, enter to confirm)'));
-    
-    rl.question('    ', (answer) => {
-      const choice = answer.trim() || 'lite';
-      const isLite = choice.toLowerCase().includes('lite') || choice === '2';
-      resolve(isLite);
-    });
-  });
+// Get project version choice with Vue CLI exact styling and arrow navigation
+const getProjectVersion = async () => {
+  console.log();
+  console.log('  ' + '◇' + ' ' + prompt('Select ZEN starter version:'));
+  console.log('    ' + description('(↑/↓ to navigate, space to select, enter to confirm)'));
+  
+  const { version } = await inquirer.prompt([
+    {
+      type: 'list',
+      name: 'version',
+      message: '',
+      choices: [
+        {
+          name: '□ Standard Version (Full-featured with all components)',
+          value: 'standard'
+        },
+        {
+          name: '□ Lite Version (Lightweight for static sites)',
+          value: 'lite'
+        }
+      ],
+      prefix: '  ',
+      pageSize: 2
+    }
+  ]);
+  
+  return version === 'lite';
 };
 
 // Get repository URL based on choice
@@ -129,11 +139,9 @@ const main = async () => {
     console.log('  ' + vue('Happy coding with ZEN!') + ' ✨');
     console.log();
     
-  } catch (error) {
-    console.log('  ' + error('❌ An error occurred:'), error.message);
+  } catch (err) {
+    console.log('  ' + error('❌ An error occurred:'), err.message);
     process.exit(1);
-  } finally {
-    rl.close();
   }
 };
 

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "create-zen",
-  "version": "1.4.0",
+  "version": "1.5.1",
   "description": "✨ Create a new web development project with modern setup powered by Vite 🚀",
   "bin": {
     "create-zen": "./index.js"
   },
   "dependencies": {
-    "fs-extra": "^11.1.1"
+    "fs-extra": "^11.1.1",
+    "inquirer": "^9.2.12"
   }
 }