quick-scaffolds-cli 1.1.0 → 1.2.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Pramuditha Lakshan
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -78,7 +78,7 @@ my-awesome-app/
 ## Project Structure
 
 ```
-quick-scaffolds/
+quick-scaffolds-cli/
 ├── bin/
 │   └── cli.js              # CLI entry point
 ├── templates/              # Starter templates

package/bin/cli.js

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-
+import { execSync } from 'node:child_process';
 import fs from 'node:fs/promises';
 import path from 'node:path';
 import { fileURLToPath } from 'node:url';
@@ -23,7 +23,7 @@ async function main() {
             type: "list",
             choices: [
                 { name: 'Static HTML/CSS/JS', value: 'static' },
-
+                { name: 'React starter', value: 'react' }
             ],
         });
         let templateFolder = '';
@@ -31,17 +31,64 @@ async function main() {
             templateFolder = 'html-template';
         }
 
+        if (projectType === 'react') {
+            templateFolder = 'react-template';
+            await reactApp(name, templateFolder);
+            return;
+        }
+
         const projectName = name;
         const targetPath = path.join(process.cwd(), projectName);
 
         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 ${projectName}`)
+        console.log(`Successfully scaffolded the HTMl project - ${projectName}`)
 
     } catch (err) {
         console.error(`Error - ${err.message}`)
     }
 }
 
+async function reactApp(projectName, templateFolder) {
+    try {
+        const targetPath = path.join(process.cwd(), projectName);
+        const templatePath = path.join(__dirname, '../templates', templateFolder);
+        await fs.mkdir(targetPath, { recursive: true });
+        await fs.cp(templatePath, targetPath, { recursive: true })
+
+        const filesToUpdate = [
+            path.join(targetPath, 'package.json'),
+            path.join(targetPath, 'public','index.html')
+        ];
+        for (const filePath of filesToUpdate) {
+            try {
+                const content = await fs.readFile(filePath, 'utf-8');
+                const updateContent = content.replaceAll('{{PROJECT_NAME}}', projectName);
+                await fs.writeFile(filePath, updateContent);
+            } catch (err) {
+                console.error(err);
+                console.error(`File path ${path.basename(filePath)} not found`);
+            }
+        }
+
+        console.log(`Successfully scaffolded the React starter project - ${projectName}`)
+        console.log('📦 Installing dependencies... This may take a minute.');
+        try {
+            execSync('npm install', {
+                cwd: targetPath,
+                stdio: 'inherit'
+            });
+            console.log('✅ Dependencies installed successfully!');
+        } catch (err){
+            console.error(err);
+            console.log('⚠️ Could not install dependencies automatically.');
+            console.log('Please run "npm install" manually inside your project folder.');
+        }
+
+    } catch (err) {
+        console.error(`Error - ${err.message}`);
+    }
+}
+
 main();

package/package.json

@@ -1,16 +1,16 @@
 {
     "name": "quick-scaffolds-cli",
-    "version": "1.1.0",
+    "version": "1.2.0",
     "type": "module",
     "bin": {
         "ct-pro": "bin/cli.js"
     },
+    "license": "MIT",
     "files": [
         "bin",
         "templates"
     ],
     "dependencies": {
-        "@inquirer/prompts": "^8.3.2",
-        "inquirer": "^13.3.2"
+        "@inquirer/prompts": "^8.3.2"
     }
 }

package/templates/react-template/package.json

@@ -0,0 +1,19 @@
+{
+  "name": "{{PROJECT_NAME}}",
+  "private": true,
+  "version": "0.1.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-react": "^4.3.4",
+    "vite": "^6.0.0"
+  }
+}

package/templates/react-template/public/index.html

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>{{PROJECT_NAME}}</title> 
+  </head>
+  <body>
+    <div id="root"></div>
+    
+    <script type="module" src="/src/main.jsx"></script>
+  </body>
+</html>

package/templates/react-template/src/App.jsx

@@ -0,0 +1,12 @@
+import './App.css';
+
+function App(){
+    return(
+        <div className="container">
+            <h1>Welcome to your React App!</h1>
+            <p>Start building something amazing.</p>
+        </div>
+    )
+}
+
+export default App

package/templates/react-template/src/main.jsx

@@ -0,0 +1,9 @@
+import React from "react";
+import ReactDOM from 'react-dom/client';
+import App from './App.jsx';
+
+ReactDOM.createRoot(document.getElementById('root')).render(
+    <React.StrictMode>
+        <App />
+    </React.StrictMode>
+)