@bagisto-headless/create 1.0.2 → 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;
   }
 }
@@ -108,18 +106,11 @@ async function promptEnvVariables(projectName) {
   });
 
   const questions = [
-    { key: "NEXT_PUBLIC_API_URL", message: "Enter NEXT_PUBLIC_API_URL:" },
-    { key: "NEXT_PUBLIC_SITE_NAME", message: "Enter NEXT_PUBLIC_SITE_NAME:", default: projectName },
-    { key: "NEXTAUTH_URL", message: "Enter NEXTAUTH_URL:" },
-    { key: "IMAGE_DOMAIN", message: "Enter IMAGE_DOMAIN:" },
-    { key: "BAGISTO_STORE_DOMAIN", message: "Enter BAGISTO_STORE_DOMAIN:" },
-    { key: "BAGISTO_SESSION", message: "Enter BAGISTO_SESSION:" },
-    { key: "COMPANY_NAME", message: "Enter COMPANY_NAME:" },
-    { key: "SITE_NAME", message: "Enter SITE_NAME:" },
-    { key: "TWITTER_CREATOR", message: "Enter TWITTER_CREATOR:" },
-    { key: "TWITTER_SITE", message: "Enter TWITTER_SITE:" },
-    { key: "REVALIDATION_DURATION", message: "Enter REVALIDATION_DURATION (seconds):" },
-    { key: "NEXTAUTH_SECRET", message: "Enter NEXTAUTH_SECRET:" },
+    { key: "NEXT_PUBLIC_BAGISTO_ENDPOINT", message: "Enter Your graphQL API URL:" },
+    { key: "NEXT_PUBLIC_APP_URL", message: "Enter Your app URL:" },
+    { key: "NEXT_PUBLIC_NEXT_AUTH_URL", message: "Enter Your auth URL:" },
+    { key: "NEXT_PUBLIC_NEXT_AUTH_SECRET", message: "Enter Your auth secret:" },
+    { key: "COMPANY_NAME", message: "Enter Your company name:", default: "Webkul Software (Registered in India)" },
   ];
 
   const answers = {};
@@ -180,6 +171,12 @@ async function main() {
   console.log(bagistoBlue.bold("📘 Explore more:"));
   console.log(chalk.white("👉 https://bagisto.com/en/headless-ecommerce/\n"));
 
+  console.log(bagistoBlue.bold("📘 Check Bagisto Headless Documentation:"));
+  console.log(chalk.white("👉 https://headless-doc.bagisto.com/\n"));
+
+  console.log(bagistoBlue.bold("📘 Check Bagisto API Documentation:"));
+  console.log(chalk.white("👉 https://api-docs.bagisto.com/\n"));
+
   console.log(bagistoBlue.bold("💻 GitHub:"));
   console.log(chalk.white("👉 https://github.com/bagisto/nextjs-commerce\n"));
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bagisto-headless/create",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "description": "Create a new Bagisto Headless Commerce project from the official Next.js template.",
   "keywords": [
     "bagisto",
@@ -28,4 +28,4 @@
     "readline": "^1.3.0"
   },
   "devDependencies": {}
-}
+}

package/.vscode/settings.json

@@ -1,3 +0,0 @@
-{
-    "kiroAgent.configureMCP": "Disabled"
-}