create-letswhim 2.0.4 → 2.0.5

package/index.js

@@ -8,7 +8,7 @@ import prompts from 'prompts';
 // ==================== CONFIGURATION ====================
 const CONFIG = {
   repoUrl: "https://github.com/ripkiiii/letswhim-starter.git",
-  version: "2.0.4",
+  version: "2.0.5",
   colors: {
     primary: pc.cyan,
     secondary: pc.blue,
@@ -69,7 +69,7 @@ const ASCII = {
       `           ${pc.cyan('    │• •│   ')}`,
       `           ${pc.cyan('    ╰─┬─╯   ')}`,
       `       ${pc.cyan(' _/')} ${pc.white('|')} ${pc.cyan('\\_  ')}`,
-      `  ${pc.blue('~~')}  ${pc.white('( )')}    ${CONFIG.colors.highlight('Catching waves...')}`,
+      `  ${pc.blue('~~')}  ${pc.white('( )')}    ${pc.white('Catching waves...')}`,
       ` ${pc.blue('~~~~~')}${pc.white('/| |\\')}`,
       `${pc.blue('~~~~~~~~~~~')}`,
       `${pc.blue('~~~~~~~~~~~~~~~~~~~~~~')}`
@@ -81,7 +81,7 @@ const ASCII = {
       `           ${pc.cyan('    │• •│  🏄')}`,
       `           ${pc.cyan('    ╰─┬─╯   ')}`,
       `      ${pc.cyan(' __/')}${pc.white('|')}${pc.cyan('\\__ ')}`,
-      `  ${pc.blue('~~~')} ${pc.white('( )')}    ${CONFIG.colors.highlight('Riding the wave!')}`,
+      `  ${pc.blue('~~~')} ${pc.white('( )')}    ${pc.white('Riding the wave!')}`,
       `${pc.blue('~~~~~~')}${pc.white('/| |\\')}`,
       `${pc.blue('~~~~~~~~~~~~')}`,
       `${pc.blue('~~~~~~~~~~~~~~~~~~~~~~~')}`
@@ -93,7 +93,7 @@ const ASCII = {
       `           ${pc.cyan('   │• •│   🌊')}`,
       `           ${pc.cyan('   ╰─┬─╯    ')}`,
       `     ${pc.cyan(' ___/')}${pc.white('|')}${pc.cyan('\\___')}`,
-      `  ${pc.blue('~~~~')}${pc.white('( )')}   ${CONFIG.colors.highlight('Big one coming!')}`,
+      `  ${pc.blue('~~~~')}${pc.white('( )')}   ${pc.white('Big one coming!')}`,
       `${pc.blue('~~~~~~~')}${pc.white('/| |\\')}`,
       `${pc.blue('~~~~~~~~~~~~~~')}`,
       `${pc.blue('~~~~~~~~~~~~~~~~~~~~~~~~')}`
@@ -103,13 +103,13 @@ const ASCII = {
   // Success screen dengan efek 3D
   successArt: [
     `${pc.cyan('╔═══════════════════════════════════════╗')}`,
-    `${pc.cyan('║')}   ${CONFIG.colors.success('✨ PROJECT READY TO SURF! ✨')}    ${pc.cyan('║')}`,
+    `${pc.cyan('║')}   ${pc.green('✨ PROJECT READY TO SURF! ✨')}    ${pc.cyan('║')}`,
     `${pc.cyan('╠═══════════════════════════════════════╣')}`,
     `                                              `,
     `         ${pc.cyan('\\')}         ${pc.cyan('/')}         `,
-    `          ${pc.cyan('\\')}   ${CONFIG.colors.highlight('Ｏ')}   ${pc.cyan('/')}          `,
-    `           ${pc.cyan('\\')} ${CONFIG.colors.highlight('Ｋ')} ${pc.cyan('/')}           `,
-    `            ${pc.cyan('╲')}${CONFIG.colors.highlight('!')}${pc.cyan('╱')}            `,
+    `          ${pc.cyan('\\')}   ${pc.white('Ｏ')}   ${pc.cyan('/')}          `,
+    `           ${pc.cyan('\\')} ${pc.white('Ｋ')} ${pc.cyan('/')}           `,
+    `            ${pc.cyan('╲')}${pc.white('!')}${pc.cyan('╱')}            `,
     `             ${pc.cyan('●')}             `,
     `           ${pc.blue('/')} ${pc.white('|')} ${pc.blue('\\')}           `,
     `          ${pc.blue('/')}  ${pc.white('|')}  ${pc.blue('\\')}          `,
@@ -144,14 +144,14 @@ class AnimationEngine {
     }
     
     for (let i = 0; i < empty; i++) {
-      bar += CONFIG.colors.muted('░');
+      bar += pc.gray('░');
     }
     
     return bar;
   }
 
   async typewriter(text, speed = 30) {
-    process.stdout.write(CONFIG.colors.primary('▸ ') + CONFIG.colors.muted(''));
+    process.stdout.write(pc.cyan('▸ ') + pc.gray(''));
     for (let char of text) {
       process.stdout.write(char);
       await new Promise(resolve => setTimeout(resolve, speed));
@@ -174,8 +174,8 @@ class AnimationEngine {
         this.clearLines(8);
         
         // Show current step
-        const stepText = CONFIG.colors.highlight(step.title);
-        console.log(`${CONFIG.colors.primary('🛠️ ')} ${stepText}`);
+        const stepText = pc.white(step.title);
+        console.log(`${pc.cyan('🛠️ ')} ${stepText}`);
         
         // Show animation frame
         const frameIndex = Math.floor(p / 10) % ASCII.walkingFrames.length;
@@ -183,18 +183,18 @@ class AnimationEngine {
         
         // Show progress bar with percentage
         const bar = this.createProgressBar(p, 50);
-        console.log(`\n${bar} ${CONFIG.colors.primary(p.toFixed(0) + '%')}`);
+        console.log(`\n${bar} ${pc.cyan(p.toFixed(0) + '%')}`);
         
         // Show status message with spinner
         const spinner = ['⠋', '⠙', '⠹', '⠸', '⠼', '⠴', '⠦', '⠧', '⠇', '⠏'][Math.floor(Date.now() / 100) % 10];
-        console.log(`${CONFIG.colors.primary(spinner)} ${CONFIG.colors.muted(step.message)}`);
+        console.log(`${pc.cyan(spinner)} ${pc.gray(step.message)}`);
         
         await new Promise(resolve => setTimeout(resolve, step.delay || 50));
       }
       
       // Mark step as complete
       this.clearLines(8);
-      console.log(`${CONFIG.colors.success('✓')} ${CONFIG.colors.highlight(step.title)} ${CONFIG.colors.muted('(completed)')}`);
+      console.log(`${pc.green('✓')} ${pc.white(step.title)} ${pc.gray('(completed)')}`);
       
       if (!isLast) {
         await new Promise(resolve => setTimeout(resolve, 300));
@@ -205,7 +205,7 @@ class AnimationEngine {
   }
 
   async surfingCelebration() {
-    console.log('\n' + ' '.repeat(20) + CONFIG.colors.success('🏄 SURF\'S UP! 🏄') + '\n');
+    console.log('\n' + ' '.repeat(20) + pc.green('🏄 SURF\'S UP! 🏄') + '\n');
     
     for (let i = 0; i < 15; i++) {
       this.clearLines(12);
@@ -215,7 +215,7 @@ class AnimationEngine {
       // Tambahkan efek partikel
       const particles = ['✨', '🌟', '💫', '⭐', '🌊'];
       const particle = particles[Math.floor(Math.random() * particles.length)];
-      console.log(' '.repeat(30) + CONFIG.colors.yellow(particle));
+      console.log(' '.repeat(30) + pc.yellow(particle));
       
       await new Promise(resolve => setTimeout(resolve, 200));
     }
@@ -234,33 +234,39 @@ async function init() {
   console.log('\x1B[2J\x1B[0f');
   
   // Header dengan gradient
-  console.log(CONFIG.colors.primary(`
+  console.log(pc.cyan(`
     ╔═══════════════════════════════════════════════╗
     ║                                               ║
-    ║        ${CONFIG.colors.highlight('🌊 LETSWHIM CREATOR v' + CONFIG.version)}        ║
-    ║   ${CONFIG.colors.muted('The Ultralight Web Engine')}    ║
+    ║        ${pc.white('🌊 LETSWHIM CREATOR v' + CONFIG.version)}        ║
+    ║   ${pc.gray('The Ultralight Web Engine')}    ║
     ║                                               ║
     ╚═══════════════════════════════════════════════╝
   `));
   
   console.log();
 
-  // Get project name
-  const response = await prompts({
-    type: 'text',
-    name: 'projectName',
-    message: CONFIG.colors.primary('?') + ' ' + CONFIG.colors.highlight('Project name:'),
-    initial: process.argv[2] || 'my-whim-project',
-    validate: value => value.trim() === '' ? 'Project name cannot be empty' : true
-  });
+  // Support npm create letswhim@latest my-project langsung
+  let projectName = process.argv[2];
 
-  const projectName = response.projectName?.trim() || 'my-whim-project';
+  if (!projectName) {
+    const response = await prompts({
+      type: 'text',
+      name: 'projectName',
+      message: pc.cyan('?') + ' ' + pc.white('Project name:'),
+      initial: 'my-whim-project',
+      validate: value => value.trim() === '' ? 'Project name cannot be empty' : true
+    });
+    projectName = response.projectName?.trim();
+  }
+
+  // Fallback jika masih kosong
+  projectName = projectName || 'my-whim-project';
   const targetDir = path.join(process.cwd(), projectName);
 
   // Check if directory exists
   if (fs.existsSync(targetDir)) {
-    console.log(`\n${CONFIG.colors.error('✖')} Directory ${CONFIG.colors.primary(projectName)} already exists.`);
-    console.log(CONFIG.colors.muted('Try a different name or remove the existing directory.'));
+    console.log(`\n${pc.red('✖')} Directory ${pc.cyan(projectName)} already exists.`);
+    console.log(pc.gray('Try a different name or remove the existing directory.'));
     process.exit(1);
   }
 
@@ -278,15 +284,15 @@ async function init() {
   // Actual processing
   try {
     // Clone repository
-    process.stdout.write(`${CONFIG.colors.primary('⏳')} ${CONFIG.colors.muted('Cloning repository...')}`);
+    process.stdout.write(`${pc.cyan('⏳')} ${pc.gray('Cloning repository...')}`);
     execSync(`git clone --depth 1 ${CONFIG.repoUrl} "${projectName}"`, { stdio: 'ignore' });
-    console.log(`\r${CONFIG.colors.success('✓')} ${CONFIG.colors.highlight('Repository cloned')}`);
+    console.log(`\r${pc.green('✓')} ${pc.white('Repository cloned')}`);
 
     // Remove .git folder
     const gitFolder = path.join(targetDir, '.git');
     if (fs.existsSync(gitFolder)) {
       fs.rmSync(gitFolder, { recursive: true, force: true });
-      console.log(`${CONFIG.colors.success('✓')} ${CONFIG.colors.highlight('Git history cleared')}`);
+      console.log(`${pc.green('✓')} ${pc.white('Git history cleared')}`);
     }
 
     // Remove unnecessary files
@@ -300,39 +306,39 @@ async function init() {
     await animator.surfingCelebration();
 
     // Success message
-    console.log(`\n${CONFIG.colors.success('🎉 SUCCESS!')} ${CONFIG.colors.highlight('Project created successfully!')}\n`);
+    console.log(`\n${pc.green('🎉 SUCCESS!')} ${pc.white('Project created successfully!')}\n`);
     
-    console.log(CONFIG.colors.primary('📁 Project location:'));
-    console.log(`  ${CONFIG.colors.highlight(`./${projectName}`)}\n`);
+    console.log(pc.cyan('📁 Project location:'));
+    console.log(`  ${pc.white(`./${projectName}`)}\n`);
     
-    console.log(CONFIG.colors.primary('🚀 Next steps to start surfing:'));
-    console.log(`${CONFIG.colors.success('  cd')} ${CONFIG.colors.highlight(projectName)}`);
-    console.log(`${CONFIG.colors.success('  npm install')} ${CONFIG.colors.muted('# or pnpm install / yarn')}`);
-    console.log(`${CONFIG.colors.success('  npm run dev')} ${CONFIG.colors.muted('# Start development server')}\n`);
+    console.log(pc.cyan('🚀 Next steps to start surfing:'));
+    console.log(`${pc.green('  cd')} ${pc.white(projectName)}`);
+    console.log(`${pc.green('  npm install')} ${pc.gray('# or pnpm install / yarn')}`);
+    console.log(`${pc.green('  npm run dev')} ${pc.gray('# Start development server')}\n`);
     
-    console.log(CONFIG.colors.primary('📚 Documentation:'));
-    console.log(`  ${CONFIG.colors.muted('https://letswhim.pages.dev')}\n`);
+    console.log(pc.cyan('📚 Documentation:'));
+    console.log(`  ${pc.gray('https://letswhim.pages.dev')}\n`);
     
-    console.log(CONFIG.colors.muted('💡 Tip: Run ') + CONFIG.colors.highlight('npm run help') + CONFIG.colors.muted(' to see all available commands'));
+    console.log(pc.gray('💡 Tip: Run ') + pc.white('npm run help') + pc.gray(' to see all available commands'));
     
     // Fun ASCII footer
-    console.log(CONFIG.colors.blue(`
+    console.log(pc.blue(`
        ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
           H A P P Y   S U R F I N G !  🏄‍♂️
        ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
     `));
 
   } catch (error) {
-    console.log(`\n${CONFIG.colors.error('💥 WIPEOUT!')} Something went wrong:`);
-    console.log(CONFIG.colors.muted(error.message));
+    console.log(`\n${pc.red('💥 WIPEOUT!')} Something went wrong:`);
+    console.log(pc.gray(error.message));
     
     // Clean up on error
     if (fs.existsSync(targetDir)) {
       try {
         fs.rmSync(targetDir, { recursive: true });
-        console.log(CONFIG.colors.muted('\nCleaned up partial installation.'));
+        console.log(pc.gray('\nCleaned up partial installation.'));
       } catch (e) {
-        console.log(CONFIG.colors.muted('\nCould not clean up directory.'));
+        console.log(pc.gray('\nCould not clean up directory.'));
       }
     }
     
@@ -342,13 +348,13 @@ async function init() {
 
 // Handle Ctrl+C gracefully
 process.on('SIGINT', () => {
-  console.log(`\n\n${CONFIG.colors.muted('👋 Catch you on the next wave!')}\n`);
+  console.log(`\n\n${pc.gray('👋 Catch you on the next wave!')}\n`);
   process.exit(0);
 });
 
 // Run the application
 init().catch(error => {
-  console.error(`\n${CONFIG.colors.error('💥 UNEXPECTED WIPEOUT!')}`);
-  console.error(CONFIG.colors.muted(error.stack || error.message));
+  console.error(`\n${pc.red('💥 UNEXPECTED WIPEOUT!')}`);
+  console.error(pc.gray(error.stack || error.message));
   process.exit(1);
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-letswhim",
-  "version": "2.0.4",
+  "version": "2.0.5",
   "description": "The official ultralight CLI to initialize your LetsWhim project with surfing-style animations",
   "type": "module",
   "main": "index.js",