@dev.aldrindc/zirr-cli 1.0.0 → 1.0.2

package/README.md

@@ -1,16 +1,33 @@
 # ⚡ Zirr - Modern React Starter CLI
 
+**The perfect launchpad for vibe coders and AI-generated code** • Seamlessly run Google Gemini Canvas creations
+
 [![GitHub stars](https://img.shields.io/github/stars/dev-adelacruz/zirr?style=social)](https://github.com/dev-adelacruz/zirr)
 [![npm version](https://img.shields.io/npm/v/@dev.aldrindc/zirr-cli)](https://www.npmjs.com/package/@dev.aldrindc/zirr-cli)
 [![License: ISC](https://img.shields.io/badge/License-ISC-blue.svg)](https://opensource.org/licenses/ISC)
 [![Node.js Version](https://img.shields.io/badge/node-%3E%3D12.0.0-brightgreen)](https://nodejs.org/)
 [![Downloads](https://img.shields.io/npm/dt/@dev.aldrindc/zirr-cli)](https://www.npmjs.com/package/@dev.aldrindc/zirr-cli)
 
-A professional command-line tool to scaffold modern React applications with production-ready configurations. Based on the elegant template from the `wifi_qr` project, Zirr provides a beautiful foundation for any React application with zero configuration overhead.
+A professional command-line tool to scaffold modern React applications with production-ready configurations. Built for **vibe coders** who value aesthetics, speed, and modern workflows—whether you're crafting code by hand or leveraging AI tools like **Google Gemini Canvas**. Zirr provides the perfect production environment for AI-generated code with zero configuration overhead.
 
 ## ✨ Why Zirr?
 
-Zirr eliminates the tedious setup process for modern React projects. Instead of spending hours configuring build tools, styling frameworks, and code quality tools, Zirr gives you a complete, polished starting point in seconds.
+### For Vibe Coders & AI-Powered Development
+Zirr is built for developers who value aesthetics, speed, and modern workflows—whether you're crafting code by hand or leveraging AI tools like **Google Gemini Canvas**.
+
+### The Missing Piece for AI-Generated Code
+When Gemini Canvas gives you beautiful React components, you need a production-ready environment to run them. Zirr provides:
+- **Zero-config setup** for AI-generated JSX code
+- **Perfect styling match** with Tailwind CSS (commonly used in AI outputs)
+- **Instant execution** - paste Gemini code and run immediately
+- **No dependency hell** - everything works together out of the box
+
+### Rapid Prototyping Workflow
+1. 🎨 Design your UI in Google Gemini Canvas
+2. 📋 Copy the generated React/JSX code
+3. ⚡ Run `zirr my-ai-project --yes`
+4. 🖊️ Replace `src/App.jsx` with your Gemini code
+5. 🚀 Run `npm run dev` - see your AI-designed app live in seconds
 
 ### Key Advantages
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dev.aldrindc/zirr-cli",
-  "version": "1.0.0",
-  "description": "CLI tool to generate modern React + Vite + Tailwind CSS projects",
+  "version": "1.0.2",
+  "description": "CLI tool to generate modern React + Vite + Tailwind CSS projects. Perfect for vibe coders and Google Gemini Canvas users—instantly run AI-generated code with zero configuration.",
   "main": "src/index.js",
   "bin": {
     "zirr": "bin/zirr.js"
@@ -16,7 +16,13 @@
     "vite",
     "tailwind",
     "template",
-    "starter"
+    "starter",
+    "vibe-coders",
+    "google-gemini",
+    "canvas",
+    "ai-generated-code",
+    "rapid-prototyping",
+    "zero-config"
   ],
   "author": "dev-adelacruz",
   "license": "ISC",

package/src/index.js

@@ -62,19 +62,40 @@ async function createProject(projectName, options) {
     // Create project directory
     fs.ensureDirSync(projectDir);
 
-    // Read template files
+    // Read template files recursively (compatible with older Node versions)
     const templateDir = path.join(__dirname, 'templates');
-    const templateFiles = fs.readdirSync(templateDir, { recursive: true });
+    
+    // Helper function to get all files recursively
+    function getAllFiles(dir) {
+      const files = [];
+      const items = fs.readdirSync(dir);
+      
+      for (const item of items) {
+        const itemPath = path.join(dir, item);
+        const stat = fs.statSync(itemPath);
+        
+        if (stat.isDirectory()) {
+          const subFiles = getAllFiles(itemPath);
+          for (const subFile of subFiles) {
+            files.push(path.join(item, subFile));
+          }
+        } else {
+          files.push(item);
+        }
+      }
+      
+      return files;
+    }
+    
+    const templateFiles = getAllFiles(templateDir);
 
     // Process and copy each template file
     for (const templateFile of templateFiles) {
       const sourcePath = path.join(templateDir, templateFile);
       const targetPath = path.join(projectDir, templateFile);
 
-      if (fs.statSync(sourcePath).isDirectory()) {
-        fs.ensureDirSync(targetPath);
-        continue;
-      }
+      // Ensure target directory exists
+      fs.ensureDirSync(path.dirname(targetPath));
 
       // Read template content
       let content = fs.readFileSync(sourcePath, 'utf-8');
@@ -84,7 +105,6 @@ async function createProject(projectName, options) {
       content = content.replace(/{{PROJECT_TITLE}}/g, projectDetails.title);
 
       // Write to target
-      fs.ensureDirSync(path.dirname(targetPath));
       fs.writeFileSync(targetPath, content);
 
       console.log(chalk.gray(`  ✓ ${templateFile}`));