create-snappy 1.0.0 → 1.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-snappy",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "The official installer for the SNAPPY stack.",
   "main": "scripts/create-snappy/cli.js",
   "bin": {
@@ -12,6 +12,7 @@
   },
   "dependencies": {
     "commander": "^14.0.3",
+    "ora": "^5.4.1",
     "picocolors": "^1.1.1",
     "prompts": "^2.4.2"
   },

package/scripts/create-snappy/cli.js

@@ -14,6 +14,16 @@ import os from 'os'
 import { Command } from 'commander'
 import prompts from 'prompts'
 import pc from 'picocolors'
+import ora from 'ora'
+
+const SNAPPY_LOGO = `
+    ███████╗███╗   ██╗ █████╗ ██████╗ ██████╗ ██╗   ██╗
+    ██╔════╝████╗  ██║██╔══██╗██╔══██╗██╔══██╗╚██╗ ██╔╝
+    ███████╗██╔██╗ ██║███████║██████╔╝██████╔╝ ╚████╔╝ 
+    ╚════██║██║╚██╗██║██╔══██║██╔═══╝ ██╔═══╝   ╚██╔╝  
+    ███████║██║ ╚████║██║  ██║██║     ██║        ██║   
+    ╚══════╝╚═╝  ╚═══╝╚═╝  ╚═╝╚═╝     ╚═╝        ╚═╝   
+`
 
 const __filename = fileURLToPath(import.meta.url)
 const __dirname = path.dirname(__filename)
@@ -144,8 +154,17 @@ async function githubLogin() {
 
 // --- Main CLI ---
 
+function getPackageManager() {
+  const userAgent = process.env.npm_config_user_agent || ''
+  if (userAgent.startsWith('yarn')) return 'yarn'
+  if (userAgent.startsWith('pnpm')) return 'pnpm'
+  if (userAgent.startsWith('bun')) return 'bun'
+  return 'npm'
+}
+
 async function main() {
-  console.log(pc.cyan('\n🚀 Welcome to the SNAPPY Stack Installer!'))
+  console.log(pc.cyan(SNAPPY_LOGO))
+  console.log(pc.cyan('🚀 Welcome to the SNAPPY Stack Installer!'))
   console.log('------------------------------------------')
 
   const program = new Command()
@@ -337,20 +356,24 @@ async function main() {
       authenticatedUrl = repoUrl.replace('https://', `https://x-access-token:${token}@`)
     }
 
-    console.log(`Cloning into ${pc.bold(projectName)}...`)
+    const cloneSpinner = ora(`Cloning secure template (${selectedTemplate})...`).start()
     try {
       // Use branch as the template name
       execSync(`git clone --depth 1 -b ${selectedTemplate} ${authenticatedUrl} "${targetDir}"`, {
-        stdio: 'inherit',
+        stdio: 'ignore',
       })
+      cloneSpinner.succeed('Project cloned successfully.')
     } catch (cloneErr) {
+      cloneSpinner.stop()
       if (!token) {
         console.log(pc.yellow('\n🔐 This template might be private. Attempting login...'))
         token = await githubLogin()
         authenticatedUrl = repoUrl.replace('https://', `https://x-access-token:${token}@`)
+        const retrySpinner = ora(`Cloning secure template (${selectedTemplate})...`).start()
         execSync(`git clone --depth 1 -b ${selectedTemplate} ${authenticatedUrl} "${targetDir}"`, {
-          stdio: 'inherit',
+          stdio: 'ignore',
         })
+        retrySpinner.succeed('Project cloned successfully.')
       } else {
         console.error(
           pc.red("Clone failed. The branch might not exist, or you don't have access."),
@@ -405,19 +428,25 @@ PUBLIC_FRONTEND_URL="http://localhost:3000"
 REQUIRE_LOGIN="yes"
 `
     fs.writeFileSync(path.join(targetDir, '.env'), envContent)
-    console.log(pc.green('✅ .env generated.'))
+    console.log(pc.green('✅ .env generated.\n'))
 
     if (process.env.SKIP_INSTALL !== 'true') {
-      console.log(pc.magenta('\n📦 Installing dependencies (pnpm)...'))
+      const pm = getPackageManager()
+      const installCmd = pm === 'npm' ? 'npm install' : `${pm} install`
+      const installSpinner = ora(`Installing dependencies using ${pm}...`).start()
       try {
-        execSync('pnpm install', { cwd: targetDir, stdio: 'inherit' })
+        execSync(installCmd, { cwd: targetDir, stdio: 'ignore' })
+        installSpinner.succeed('Dependencies installed successfully.')
       } catch (e) {
-        console.warn(pc.yellow('Warning: pnpm install failed.'))
+        installSpinner.fail('Failed to install dependencies.')
+        console.warn(pc.yellow(`Warning: ${installCmd} failed.`))
       }
     }
 
-    console.log(pc.green('\n✅ SNAPPY Stack is ready!'))
-    console.log(`\nNext steps:\n  cd ${pc.bold(projectName)}\n  pnpm run dev\n`)
+    const pmRun = getPackageManager() === 'npm' ? 'npm run dev' : `${getPackageManager()} run dev`
+
+    console.log(pc.green('\n✅ SNAPPY Stack is perfectly prepared and ready to launch!'))
+    console.log(`\nNext steps:\n  cd ${pc.bold(projectName)}\n  ${pmRun}\n`)
   } catch (err) {
     console.error(pc.red(`Installation failed: ${err.message || err}`))
   } finally {