quick-scaffolds-cli 1.0.0 → 1.1.0

package/README.md

@@ -1,55 +1,60 @@
-# quick-scaffolds
+# quick-scaffolds-cli
 
-A lightweight CLI tool for quickly scaffolding web projects with pre-configured templates.
+A lightweight, interactive CLI tool for rapidly scaffolding new web projects with pre-configured starter templates.
 
 ## Overview
 
-`quick-scaffolds` is an npm package that provides an interactive command-line interface to generate new projects with starter templates. It's designed to help developers quickly bootstrap projects without manually creating directory structures and boilerplate files.
+**quick-scaffolds-cli** is an npm package that provides an interactive command-line interface to generate new projects from customizable templates. Get started with a fully structured project in seconds with an intuitive selection menu.
 
-## Installation
+**v1.1.0** - Now with improved interactive selection and project type options!
 
-Install globally to use the `create-project` command anywhere:
+## Quick Start
 
-```bash
-npm install -g quick-scaffolds
-```
+### Global Installation
 
-Or use `npx` to run without installing:
+Install globally to use the `ct-pro` command anywhere:
 
 ```bash
-npx quick-scaffolds
+npm install -g quick-scaffolds-cli
 ```
 
-## Usage
+Then create a new project:
 
-### Create a New Project
+```bash
+ct-pro
+```
 
-Run the following command in your terminal:
+### Using npx (No Installation Required)
 
 ```bash
-create-project
+npx quick-scaffolds-cli
 ```
 
-The interactive prompt will guide you through the setup:
-
-1. **Project Name**: Enter the name of your project (default: `my-new-project`)
-2. **Project Type**: Select the type of project to scaffold (currently: `Static HTML/CSS/JS`)
+## Usage
 
-The CLI will create a new directory with your project name and populate it with the selected template files.
+### Creating a New Project
 
-### Example
+Run the command and follow the interactive prompts:
 
 ```bash
-$ create-project
-? What is your project name? my-awesome-website
-? What do you want to build? Static HTML/CSS/JS
-Successfully scaffolded - my-awesome-website
+ct-pro
+? What is your project name? my-awesome-app
+? What do you want to build? (Use arrow keys)
+❯ Static HTML/CSS/JS
 ```
 
-This creates a `my-awesome-website` directory with the following structure:
+You'll be guided through:
+
+1. **Project Name**: Enter your desired project name (default: `my-new-project`)
+2. **Project Type**: Use arrow keys to select a template type:
+   - **Static HTML/CSS/JS** - A simple, lightweight static site starter with HTML, CSS, and JavaScript
+
+### Generated Project Structure
+
+The scaffolded project will include:
 
 ```
-my-awesome-website/
+my-awesome-app/
 ├── index.html
 ├── css/
 │   └── style.css
@@ -59,31 +64,43 @@ my-awesome-website/
 
 ## Features
 
-- 🚀 **Interactive CLI**: User-friendly command-line prompts using [inquirer.js](https://github.com/SBoudrias/Inquirer.js)
-- 📁 **Template Management**: Pre-built project templates ready to use
-- 🛠️ **Easy Setup**: Bootstrap new projects in seconds
-- 📦 **Lightweight**: Minimal dependencies for fast installation
-- 🎯 **Extensible**: Easy to add new project templates
+- 🚀 **Interactive CLI** - Modern, intuitive prompts powered by [@inquirer/prompts](https://github.com/SBoudrias/Inquirer.js)
+- ⬆️⬇️ **Arrow Key Navigation** - Easy project type selection with arrow keys
+- 📁 **Template-Based** - Pre-built, production-ready project templates
+- ⚡ **Instant Setup** - Scaffold complete projects in seconds
+- 📦 **Lightweight** - Minimal dependencies and fast installation
+- 🧩 **Extensible** - Easy to add custom project templates
+
+## Available Templates
+
+- **Static HTML/CSS/JS** - Simple static website starter with basic HTML, CSS, and JavaScript boilerplate
 
 ## Project Structure
 
 ```
 quick-scaffolds/
 ├── bin/
-│   └── cli.js           # CLI entry point
-├── templates/           # Project templates
-│   ├── index.html
-│   ├── css/
-│   │   └── style.css
-│   └── js/
-│       └── app.js
+│   └── cli.js              # CLI entry point
+├── templates/              # Starter templates
+│   └── html-template/      # Static HTML/CSS/JS template
+│       ├── index.html
+│       ├── css/
+│       │   └── style.css
+│       └── js/
+│           └── app.js
 ├── package.json
 └── README.md
 ```
 
 ## Dependencies
 
-- `inquirer` (v13.3.2) - Interactive command-line prompts
+- **@inquirer/prompts** (^8.3.2) - Modern, interactive prompt library
+- **inquirer** (^13.3.2) - Command-line interface utilities
+
+## Version History
+
+- **v1.1.0** - Improved interactive selection with arrow key navigation, organized template structure
+- **v1.0.0** - Initial release with basic scaffolding functionality
 
 ## License
 
@@ -91,4 +108,4 @@ MIT
 
 ## Contributing
 
-Contributions are welcome! Feel free to fork, create a feature branch, and submit a pull request.
+Contributions are welcome! Please feel free to submit pull requests or open issues to suggest improvements.

package/bin/cli.js

@@ -3,39 +3,44 @@
 import fs from 'node:fs/promises';
 import path from 'node:path';
 import { fileURLToPath } from 'node:url';
-import inquirer from 'inquirer';
+import { input, select } from '@inquirer/prompts';
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
 
 async function main() {
-    const answers = await inquirer.prompt([
-        {
-            type: 'input',
-            name: 'projectName',
-            message: 'What is your project name?',
-            default: 'my-new-project'
-        },
-        {
-            type: 'list',
-            name: 'projectType',
+    try {
+        const name = await input(
+            {
+                name: 'projectName',
+                message: 'What is your project name?',
+                type: 'input',
+                default: 'my-new-project'
+            }
+        );
+        const projectType = await select({
             message: 'What do you want to build?',
-            default: 'Static HTML/CSS/JS Page',
-            choices: ['Static HTML/CSS/JS'
+            type: "list",
+            choices: [
+                { name: 'Static HTML/CSS/JS', value: 'static' },
+
             ],
-        },
-    ]);
+        });
+        let templateFolder = '';
+        if (projectType === 'static') {
+            templateFolder = 'html-template';
+        }
 
-    const projectName = answers.projectName;
-    const targetPath = path.join(process.cwd(), projectName);
-    const templatePath = path.join(__dirname, '../templates');
+        const projectName = name;
+        const targetPath = path.join(process.cwd(), projectName);
 
-    try {
+        const templatePath = path.join(__dirname, '../templates', templateFolder);
         await fs.mkdir(targetPath, { recursive: true });
         await fs.cp(templatePath, targetPath, { recursive: true });
-        console.log('Successfully scaffolded the project')
+        console.log(`Successfully scaffolded the project ${projectName}`)
+
     } catch (err) {
-        console.error('Error - ${err.message}')
+        console.error(`Error - ${err.message}`)
     }
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "quick-scaffolds-cli",
-    "version": "1.0.0",
+    "version": "1.1.0",
     "type": "module",
     "bin": {
         "ct-pro": "bin/cli.js"
@@ -10,6 +10,7 @@
         "templates"
     ],
     "dependencies": {
+        "@inquirer/prompts": "^8.3.2",
         "inquirer": "^13.3.2"
     }
 }