create-zen 1.7.2 → 1.8.0

package/.claude/settings.local.json

@@ -0,0 +1,7 @@
+{
+  "permissions": {
+    "allow": [
+      "Bash(npm publish:*)"
+    ]
+  }
+}

package/index.js

@@ -1,140 +1,177 @@
-#!/usr/bin/env node
-
-import { execSync } from 'child_process';
-import fs from 'fs';
-import path from 'path';
-import prompts from 'prompts';
-import chalk from 'chalk';
-import ora from 'ora';
-
-// Color palette inspired by the ZEN website
-const colors = {
-  green: '#00D4AA',      // Less acidic, more blue-green
-  lightGreen: '#00B894', // Darker blue-green
-  purple: '#8B5CF6',     // Purple accent
-  darkPurple: '#7C3AED', // Darker purple
-  lightPurple: '#A78BFA', // Light purple
-  white: '#FFFFFF',      // Pure white
-  lightGrey: '#9CA3AF',  // Light grey
-  darkGrey: '#374151',   // Dark grey
-  bgDark: '#1F2937'      // Background dark
-};
-
-// Enhanced text styling with chalk
-const zen = (text) => chalk.hex(colors.green).bold(text);
-const accent = (text) => chalk.hex(colors.purple).bold(text);
-const title = (text) => chalk.hex(colors.white).bold(text);
-const subtitle = (text) => chalk.hex(colors.lightGrey)(text);
-const highlight = (text) => chalk.hex(colors.lightGreen)(text);
-const error = (text) => chalk.red.bold(text);
-const success = (text) => chalk.green.bold(text);
-const info = (text) => chalk.blue(text);
-
-// Display minimalistic header
-const displayHeader = () => {
-  console.clear();
-  console.log();
-  console.log(`  ${zen('ZEN')} - ${title('The Professional Web Development Starter')}`);
-  console.log();
-};
-
-// Get project name with enhanced styling
-const getProjectName = async () => {
-  const { projectName } = await prompts({
-    type: 'text',
-    name: 'projectName',
-    message: 'Project name:',
-    initial: 'zen-starter-app',
-    validate: (value) => {
-      if (!value.trim()) return 'Project name is required';
-      if (fs.existsSync(value.trim())) return 'Directory already exists';
-      return true;
-    }
-  });
-  
-  return projectName;
-};
-
-// Choose starter variant
-const getStarterVariant = async () => {
-  console.log();
-  const { variant } = await prompts({
-    type: 'select',
-    name: 'variant',
-    message: 'Select ZEN starter variant:',
-    choices: [
-      {
-        title: `${chalk.hex(colors.white)('Standard')} ${chalk.hex(colors.lightGrey)('(BEM + SCSS + TypeScript)')}`,
-        value: 'standard'
-      },
-      {
-        title: `${chalk.hex(colors.purple)('Express')} ${chalk.hex(colors.lightGrey)('(Tailwind CSS + Alpine.js)')}`,
-        value: 'express'
-      }
-    ],
-    initial: 0,
-    hint: false
-  });
-  console.log();
-  return variant;
-};
-
-// Get repository URL
-const getRepositoryUrl = (variant) => {
-  if (variant === 'express') {
-    return 'https://github.com/dmitry-conquer/zen-express.git';
-  }
-  return 'https://github.com/dmitry-conquer/zen-starter.git';
-};
-
-// Main function with enhanced UX
-const main = async () => {
-  try {
-    displayHeader();
-    
-    const PROJECT_NAME = await getProjectName();
-    const variant = await getStarterVariant();
-    const REPO_URL = getRepositoryUrl(variant);
-    
-    // Cloning with spinner
-    const spinner = ora({
-      text: `${chalk.hex(colors.green)('◇')} ${title('Preparing your ZEN project...')}`,
-      color: 'green'
-    }).start();
-    
-    try {
-      execSync(`git clone --depth=1 "${REPO_URL}" "${PROJECT_NAME}"`, { stdio: 'pipe' });
-      spinner.stop();
-    } catch (err) {
-      spinner.fail(`${error('Setup failed!')}`);
-      console.log(`  ${subtitle('Please check your internet connection, permissions, and try again.')}`);
-      process.exit(1);
-    }
-    
-    // Remove .git
-    fs.rmSync(path.join(PROJECT_NAME, '.git'), { recursive: true, force: true });
-    
-    // Success message
-    console.log();
-    console.log(`  ${chalk.hex(colors.darkPurple)('✅ SUCCESS! Your project is ready to go!')} ${chalk.hex(colors.lightPurple)('🎉')}`);
-    console.log();
-    
-    // Next steps
-    console.log(`  ${chalk.hex(colors.green)('◇')} ${title('Next steps')}`);
-    console.log(`    ${chalk.hex(colors.purple)('📁')} ${highlight(`cd ${PROJECT_NAME}`)}`);
-    console.log(`    ${chalk.hex(colors.purple)('📦')} ${highlight('npm install')}`);
-    console.log(`    ${chalk.hex(colors.purple)('🧑‍💻')} ${highlight('npm run dev')}`);
-    console.log();
-    
-    // Final message
-    console.log(`  ${zen('Happy coding with ZEN!')} ${chalk.hex(colors.lightPurple)('✨')}`);
-    console.log();
-    
-  } catch (err) {
-    console.log(`  ${error('❌ An error occurred:')} ${err.message}`);
-    process.exit(1);
-  }
-};
-
-// Run the main function
-main();
+#!/usr/bin/env node
+
+import { execSync } from 'child_process';
+import fs from 'fs';
+import path from 'path';
+import prompts from 'prompts';
+import chalk from 'chalk';
+import ora from 'ora';
+
+const c = {
+  teal:       (t) => chalk.hex('#2DD4BF').bold(t),
+  tealDim:    (t) => chalk.hex('#2DD4BF')(t),
+  violet:     (t) => chalk.hex('#A78BFA').bold(t),
+  violetDim:  (t) => chalk.hex('#A78BFA')(t),
+  amber:      (t) => chalk.hex('#FCD34D').bold(t),
+  amberDim:   (t) => chalk.hex('#FCD34D')(t),
+  white:      (t) => chalk.hex('#F9FAFB').bold(t),
+  muted:      (t) => chalk.hex('#6B7280')(t),
+  dim:        (t) => chalk.hex('#374151')(t),
+  green:      (t) => chalk.hex('#34D399')(t),
+  red:        (t) => chalk.hex('#F87171')(t),
+};
+
+const line = () => c.dim('  ' + '─'.repeat(44));
+
+const displayHeader = () => {
+  console.clear();
+  console.log();
+  console.log(`  ${c.teal('ZEN')}  ${c.muted('·')}  ${c.white('Web Development Starters')}`);
+  console.log(line());
+  console.log();
+};
+
+const getProjectName = async () => {
+  const { projectName } = await prompts({
+    type: 'text',
+    name: 'projectName',
+    message: c.white('Project name'),
+    initial: 'my-project',
+    validate: (value) => {
+      if (!value.trim()) return 'Project name is required';
+      if (fs.existsSync(value.trim())) return `"${value.trim()}" already exists`;
+      return true;
+    }
+  });
+
+  if (!projectName) process.exit(0);
+  return projectName;
+};
+
+const getStarterVariant = async () => {
+  console.log();
+  const { variant } = await prompts({
+    type: 'select',
+    name: 'variant',
+    message: c.white('Choose a starter'),
+    choices: [
+      {
+        title: `${c.teal('Express')}   ${c.muted('Tailwind CSS + Alpine.js')}`,
+        description: 'Fast, utility-first setup for modern projects',
+        value: 'express'
+      },
+      {
+        title: `${c.violet('AI')}        ${c.muted('Tailwind CSS + Alpine.js + Claude Code')}`,
+        description: 'AI-powered automatic site builder using Claude Code',
+        value: 'ai'
+      },
+      {
+        title: `${c.muted('Standard')}  ${c.muted('BEM + SCSS + TypeScript')}`,
+        description: 'Classic setup · not actively maintained',
+        value: 'standard'
+      }
+    ],
+    initial: 0,
+    hint: ' '
+  });
+
+  if (!variant) process.exit(0);
+  console.log();
+  return variant;
+};
+
+const getRepositoryUrl = (variant) => {
+  const repos = {
+    express:  'https://github.com/dmitry-conquer/zen-express.git',
+    ai:       'https://github.com/dmitry-conquer/zen-ai.git',
+    standard: 'https://github.com/dmitry-conquer/zen-starter.git',
+  };
+  return repos[variant];
+};
+
+const getNextSteps = (variant, name) => {
+  const steps = [
+    { cmd: `cd ${name}`,    label: 'enter project' },
+    { cmd: 'npm install',   label: 'install deps'  },
+  ];
+
+  if (variant === 'ai') {
+    steps.push({ cmd: 'claude',       label: 'open claude code' });
+    steps.push({ cmd: 'npm run dev',  label: 'start dev server' });
+  } else {
+    steps.push({ cmd: 'npm run dev',  label: 'start dev server' });
+  }
+
+  return steps;
+};
+
+const main = async () => {
+  try {
+    displayHeader();
+
+    const PROJECT_NAME = await getProjectName();
+    const variant = await getStarterVariant();
+    const REPO_URL = getRepositoryUrl(variant);
+
+    const spinner = ora({
+      text: `  ${c.muted('Cloning repository...')}`,
+      spinner: 'dots',
+      color: 'cyan'
+    }).start();
+
+    try {
+      execSync(`git clone --depth=1 "${REPO_URL}" "${PROJECT_NAME}"`, { stdio: 'pipe' });
+      spinner.stop();
+    } catch (err) {
+      spinner.stop();
+      console.log();
+      console.log(`  ${c.red('✗')} ${c.white('Clone failed.')}  ${c.muted('Check your connection and try again.')}`);
+      console.log();
+      process.exit(1);
+    }
+
+    fs.rmSync(path.join(PROJECT_NAME, '.git'), { recursive: true, force: true });
+
+    // Success
+    console.log(`  ${c.green('✓')} ${c.white('Project ready')}  ${c.tealDim(PROJECT_NAME)}`);
+    console.log();
+    console.log(line());
+    console.log();
+
+    // Next steps
+    const steps = getNextSteps(variant, PROJECT_NAME);
+    console.log(`  ${c.muted('Next steps')}`);
+    console.log();
+    steps.forEach(({ cmd, label }, i) => {
+      const num = c.dim(`${i + 1}.`);
+      console.log(`  ${num}  ${c.tealDim(cmd)}  ${c.muted(label)}`);
+    });
+
+    if (variant === 'ai') {
+      console.log();
+      console.log(`  ${c.muted('─'.repeat(44))}`);
+      console.log(`  ${c.violetDim('tip')}  ${c.muted('Open Claude Code and let the AI build your site')}`);
+      console.log(`       ${c.muted('automatically from your project description.')}`);
+    }
+
+    if (variant === 'standard') {
+      console.log();
+      console.log(`  ${c.muted('note')}  ${c.muted('Standard starter is not actively maintained.')}`);
+      console.log(`         ${c.muted('Consider using Express for new projects.')}`);
+    }
+
+    console.log();
+    console.log(line());
+    console.log();
+    console.log(`  ${c.teal('ZEN')}  ${c.muted('Happy building.')}`);
+    console.log();
+
+  } catch (err) {
+    console.log();
+    console.log(`  ${c.red('✗')} ${err.message}`);
+    console.log();
+    process.exit(1);
+  }
+};
+
+main();

package/package.json

@@ -1,15 +1,15 @@
-{
-  "name": "create-zen",
-  "version": "1.7.2",
-  "type": "module",
-  "description": "✨ Create a new web development project with modern setup powered by Vite 🚀",
-  "bin": {
-    "create-zen": "index.js"
-  },
-  "dependencies": {
-    "fs-extra": "^11.1.1",
-    "prompts": "^2.4.2",
-    "chalk": "^5.3.0",
-    "ora": "^7.0.1"
-  }
-}
+{
+  "name": "create-zen",
+  "version": "1.8.0",
+  "type": "module",
+  "description": "✨ Create a new web development project with modern setup powered by Vite 🚀",
+  "bin": {
+    "create-zen": "index.js"
+  },
+  "dependencies": {
+    "fs-extra": "^11.1.1",
+    "prompts": "^2.4.2",
+    "chalk": "^5.3.0",
+    "ora": "^7.0.1"
+  }
+}