create-letswhim 2.0.1 → 2.0.2

package/index.js

@@ -5,34 +5,61 @@ import fs from 'fs';
 import pc from 'picocolors';
 import prompts from 'prompts';
 
-// --- Fungsi Animasi Spinner (Efek Gerak) ---
-function createSpinner(message) {
-  const frames = ['⠋', '⠙', '⠹', '⠸', '⠼', '⠴', '⠦', '⠧', '⠇', '⠏'];
-  let i = 0;
-  const interval = setInterval(() => {
-    process.stdout.write(`\r${pc.blue(frames[i])} ${pc.gray(message)}`);
-    i = (i + 1) % frames.length;
-  }, 80);
-
-  return {
-    stop: (success = true) => {
-      clearInterval(interval);
-      process.stdout.write('\r'); // Bersihkan baris
-      if (success) {
-        console.log(`${pc.blue('✓')} ${pc.gray(message)}`);
-      } else {
-        console.log(`${pc.red('×')} ${pc.gray(message)}`);
-      }
+// --- FRAME 1: Orang Jalan di Tempat Bawa Papan ---
+const walkingFrames = [
+  `      ${pc.blue('  ( ) ')}  
+      ${pc.blue(' /| |\\ ')} 
+      ${pc.blue('  / \\  ')} 
+    ${pc.cyan('~~~~~~~~~~')}`,
+  `      ${pc.blue('  ( ) ')}  
+      ${pc.blue('  | |/ ')} 
+      ${pc.blue('  | |  ')} 
+    ${pc.cyan('~~~~~~~~~~')}`
+];
+
+// --- FRAME 2: Orang Menerjang Ombak (Victory) ---
+const surfingArt = `
+           ${pc.blue('   ( ) /')}
+           ${pc.blue('  /| |/')}
+           ${pc.blue(' /_|_|/')}  ${pc.white("let's just start")}
+   ${pc.cyan('~')}      ${pc.blue('  /  \\')}
+  ${pc.cyan('~~~')}    ${pc.blue('  /    \\')}
+ ${pc.cyan('~~~~~')}  ${pc.blue('  /      \\')}
+${pc.cyan('~~~~~~~~~~~~~~~~~~~~~~~~~~~~')}
+`;
+
+async function startLoading(message) {
+    const total = 40;
+    let frameIndex = 0;
+    console.log('\n\n\n\n'); 
+
+    for (let i = 0; i <= total; i++) {
+        const percent = Math.round((i / total) * 100);
+        const bar = pc.blue('█').repeat(i) + pc.gray('░').repeat(total - i);
+        
+        // Reset kursor ke atas (5 baris)
+        process.stdout.write('\u001b[5A'); 
+        
+        // Render Frame Jalan
+        console.log(walkingFrames[frameIndex]);
+        
+        // Render Progress Bar
+        console.log(`${pc.cyan('▹')} ${pc.white(message)}`);
+        process.stdout.write(`  ${bar} ${pc.blue(percent + '%')}\r`);
+        
+        if (i % 3 === 0) frameIndex = frameIndex === 0 ? 1 : 0;
+        await new Promise(resolve => setTimeout(resolve, 50));
     }
-  };
+    console.log('\n');
 }
 
 async function init() {
-  // Header - NASA Blue Style
-  console.log(`\n${pc.bold(pc.blue('🌊 LETSWHIM'))} ${pc.gray('v1.1.6')}`);
+  // Clear Terminal Biar Aesthetic
+  process.stdout.write('\x1Bc');
+
+  console.log(`\n${pc.bold(pc.blue('🌊 LETSWHIM'))} ${pc.gray('v2.0.2')}`);
   console.log(`${pc.white('The Ultralight Web Engine for Modern Logic')}\n`);
 
-  // 1. Tanya nama project (Interaktif ala Astro)
   const response = await prompts({
     type: 'text',
     name: 'projectName',
@@ -49,39 +76,40 @@ async function init() {
     process.exit(1);
   }
 
-  console.log(''); // Spasi baris
-
-  // 2. Mulai Animasi "Gerak" (Spinning)
-  const loader = createSpinner('Syncing LetsWhim template...');
+  // 1. ANIMASI JALAN DI TEMPAT
+  await startLoading('Preparing your surfboard...');
 
   try {
-    // Proses Clone
+    // 2. PROSES CLONE
+    process.stdout.write(`${pc.blue('▹')} ${pc.gray('Catching the waves (Cloning template)...')}`);
     execSync(`git clone ${repoUrl} "${projectName}"`, { stdio: 'ignore' });
 
-    // Bersihkan Git lama
+    // 3. PAKSA HAPUS .GIT (Anti ENOTEMPTY)
     const gitFolder = path.join(targetDir, '.git');
     if (fs.existsSync(gitFolder)) {
-      fs.rmSync(gitFolder, { recursive: true, force: true });
+        try {
+            fs.rmSync(gitFolder, { recursive: true, force: true });
+        } catch (e) {
+            const cmd = process.platform === 'win32' ? `rmdir /s /q "${gitFolder}"` : `rm -rf "${gitFolder}"`;
+            execSync(cmd);
+        }
     }
 
-    // Stop animasi dengan tanda sukses
-    loader.stop(true);
+    // 4. DISPLAY SURFER MENERJANG OMBAK
+    console.log(`\n\n${pc.bold(pc.blue('🚀 MISSION ACCOMPLISHED'))}`);
+    console.log(surfingArt);
 
-    // 3. Pesan Final & Instruksi
-    console.log(`\n${pc.bold(pc.blue('🚀 MISSION ACCOMPLISHED'))}`);
-    console.log(`${pc.gray('Your project is ready at')} ${pc.cyan(`./${projectName}`)}`);
+    console.log(`${pc.gray('Project created at')} ${pc.cyan(`./${projectName}`)}`);
     
-    console.log(`\n${pc.bold(pc.white('Next steps:'))}`);
+    console.log(`\n${pc.bold(pc.white('Next steps to surf:'))}`);
     console.log(`  ${pc.blue('1.')} cd ${pc.white(projectName)}`);
     console.log(`  ${pc.blue('2.')} npm install`);
     console.log(`  ${pc.blue('3.')} npm run dev`);
 
-    console.log(`\n${pc.gray('Note: Start editing in')} ${pc.blue('start/pages/index.lw')}`);
-    console.log(`${pc.gray('Happy hacking, Rifky! 🏄‍♂️')}\n`);
+    console.log(`\n${pc.gray("Happy surfing, Developer!")} 🏄‍♂️\n`);
 
   } catch (error) {
-    loader.stop(false);
-    console.log(`\n${pc.red('✖')} ${pc.bold('Launch aborted:')} ${error.message}`);
+    console.log(`\n${pc.red('✖')} ${pc.bold('Wipeout! (Error):')} ${pc.gray(error.message)}`);
   }
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-letswhim",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "description": "The official ultralight CLI to initialize your LetsWhim project in seconds.",
   "type": "module",
   "main": "index.js",