@bagisto-headless/create 1.0.3 → 1.0.4

package/index.js

@@ -22,81 +22,79 @@ async function showBanner() {
   });
 }
 
-function renderProgress(progress) {
-  const width = process.stdout.columns - 20;
-  const barLength = Math.max(10, Math.floor(width / 3));
-  const filled = Math.floor((progress / 100) * barLength);
-  const empty = barLength - filled;
-  const bar = "█".repeat(filled) + "░".repeat(empty);
+function renderProgress(progress, status = "Installing") {
+  const width = 40;
+  const filledChar = "█";
+  const emptyChar = "░";
+
+  const filled = Math.floor((progress / 100) * width);
+  const empty = width - filled;
+
+  const bar = bagistoBlue(filledChar.repeat(filled)) + chalk.gray(emptyChar.repeat(empty));
+
   readline.cursorTo(process.stdout, 0);
-  process.stdout.write(bagistoBlue(`[${bar}] ${progress.toFixed(0)}%`));
+  const percentage = chalk.bold(progress.toFixed(0).padStart(3) + "%");
+  process.stdout.write(`  ${bagistoBlue(status.padEnd(12))} [${bar}] ${percentage} `);
 }
 
 async function installDependencies() {
   console.log("\n");
-  console.log(bagistoBlue("Installing dependencies...\n"));
 
-  const start = Date.now();
   let progress = 0;
   let completed = false;
+  let currentStatus = "Initializing";
 
-  // Start npm install
-  const child = execa("npm", ["install"], {
+  const child = execa("npm", ["install", "--legacy-peer-deps", "--no-audit", "--no-fund"], {
     stdio: "pipe",
-    env: { ...process.env, NODE_ENV: "production" }
+    env: { ...process.env }
   });
 
-  // Track progress based on npm output
-  let packageCount = 0;
-  let totalPackages = 0;
-
+  // Event based progress updates
   child.stderr.on("data", (chunk) => {
-    const str = chunk.toString();
-
-    // npm outputs progress to stderr
-    if (str.includes("packages in")) {
-      progress = 95;
-    } else if (str.match(/\d+\/\d+/)) {
-      // Extract current/total from patterns like "123/456"
-      const match = str.match(/(\d+)\/(\d+)/);
-      if (match) {
-        packageCount = parseInt(match[1]);
-        totalPackages = parseInt(match[2]);
-        progress = Math.min(90, (packageCount / totalPackages) * 90);
-      }
+    const str = chunk.toString().toLowerCase();
+    if (str.includes("resolving")) {
+      currentStatus = "Resolving";
+      progress = Math.max(progress, 15);
+    } else if (str.includes("extract")) {
+      currentStatus = "Extracting";
+      progress = Math.max(progress, 45);
+    } else if (str.includes("linking")) {
+      currentStatus = "Linking";
+      progress = Math.max(progress, 75);
     }
-    renderProgress(progress);
+    renderProgress(progress, currentStatus);
   });
 
   child.stdout.on("data", (chunk) => {
     const str = chunk.toString();
-
-    if (str.includes("added") || str.includes("packages")) {
-      progress = 95;
-    } else if (str.includes("up to date")) {
-      progress = 95;
-    }
-    renderProgress(progress);
+    if (str.includes("packages")) progress = 95;
+    renderProgress(progress, currentStatus);
   });
 
-  // Smooth animation while waiting
+  // Smooth background progress
   const interval = setInterval(() => {
-    if (!completed && progress < 90) {
-      progress = Math.min(progress + 0.5, 85);
-      renderProgress(progress);
+    if (!completed) {
+      if (progress < 30) progress += 0.8;
+      else if (progress < 60) progress += 0.4;
+      else if (progress < 90) progress += 0.1;
+
+      renderProgress(progress, currentStatus);
     }
-  }, 200);
+  }, 150);
 
   try {
     await child;
     completed = true;
     clearInterval(interval);
-    renderProgress(100);
+    renderProgress(100, "Done");
+    console.log("\n");
+    renderProgress(100, "Success");
     console.log("\n");
-    const elapsedSec = ((Date.now() - start) / 1000).toFixed(1);
-    console.log(chalk.gray(`⏱  Completed in ${elapsedSec}s\n`));
   } catch (error) {
+    completed = true;
     clearInterval(interval);
+    renderProgress(progress, "Failed");
+    console.log("\n");
     throw error;
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bagisto-headless/create",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "Create a new Bagisto Headless Commerce project from the official Next.js template.",
   "keywords": [
     "bagisto",