@bagisto-headless/create 1.0.0 → 1.0.2

package/index.js

@@ -14,7 +14,7 @@ const bagistoGradient = gradient("#0041FF", "#5A7CFF");
 
 async function showBanner() {
   return new Promise((resolve, reject) => {
-    figlet.text("Bagisto Headless", { font: "Slant" }, (err, data) => {
+    figlet.text("Bagisto Headless eCommerce", { font: "Slant" }, (err, data) => {
       if (err) reject(err);
       console.log("\n" + bagistoGradient.multiline(data));
       resolve();
@@ -37,44 +37,79 @@ async function installDependencies() {
   console.log(bagistoBlue("Installing dependencies...\n"));
 
   const start = Date.now();
-  const estimatedTime = 70000; // estimated install time (70s)
   let progress = 0;
-
-  // Animate progress bar smoothly until process finishes
-  const interval = setInterval(() => {
-    const elapsed = Date.now() - start;
-    const speed = 0.02; // smoothing factor
-    const target = Math.min(100, (elapsed / estimatedTime) * 100);
-    progress += (target - progress) * speed;
-    renderProgress(progress);
-  }, 80);
+  let completed = false;
 
   // Start npm install
-  const child = execa("npm", ["install"], { stdio: "pipe" });
+  const child = execa("npm", ["install"], {
+    stdio: "pipe",
+    env: { ...process.env, NODE_ENV: "production" }
+  });
+
+  // Track progress based on npm output
+  let packageCount = 0;
+  let totalPackages = 0;
+
+  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);
+      }
+    }
+    renderProgress(progress);
+  });
 
-  // If output detected, slightly speed up progress
   child.stdout.on("data", (chunk) => {
     const str = chunk.toString();
+
     if (str.includes("added") || str.includes("packages")) {
-      progress = Math.min(progress + 3, 95);
+      progress = 95;
+    } else if (str.includes("up to date")) {
+      progress = 95;
     }
+    renderProgress(progress);
   });
 
-  await child;
-  clearInterval(interval);
-  renderProgress(100);
-  console.log("\n");
-  const elapsedSec = ((Date.now() - start) / 1000).toFixed(1);
-  console.log(chalk.gray(`⏱ Completed in ${elapsedSec}s\n`));
+  // Smooth animation while waiting
+  const interval = setInterval(() => {
+    if (!completed && progress < 90) {
+      progress = Math.min(progress + 0.5, 85);
+      renderProgress(progress);
+    }
+  }, 200);
+
+  try {
+    await child;
+    completed = true;
+    clearInterval(interval);
+    renderProgress(100);
+    console.log("\n");
+    const elapsedSec = ((Date.now() - start) / 1000).toFixed(1);
+    console.log(chalk.gray(`⏱  Completed in ${elapsedSec}s\n`));
+  } catch (error) {
+    clearInterval(interval);
+    throw error;
+  }
 }
 
-async function promptEnvVariables() {
+async function promptEnvVariables(projectName) {
   const rl = readline.createInterface({
     input: process.stdin,
     output: process.stdout,
   });
 
   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:" },
@@ -90,16 +125,18 @@ async function promptEnvVariables() {
   const answers = {};
 
   for (const q of questions) {
-    answers[q.key] = await new Promise((resolve) => {
-      rl.question(`${q.message} `, (answer) => resolve(answer.trim()));
+    const prompt = q.default ? `${q.message} (default: ${q.default}) ` : `${q.message} `;
+    const answer = await new Promise((resolve) => {
+      rl.question(prompt, (input) => resolve(input.trim()));
     });
+    answers[q.key] = answer || q.default || "";
   }
 
   rl.close();
 
   // Write to .env.local
   const envLines = Object.entries(answers).map(([k, v]) => `${k}=${v}`);
-  fs.appendFileSync(".env.local", "\n" + envLines.join("\n") + "\n");
+  fs.writeFileSync(".env.local", envLines.join("\n") + "\n");
 
   console.log(chalk.green("\n✅ Environment variables saved to .env.local\n"));
 }
@@ -129,15 +166,10 @@ async function main() {
   process.chdir(targetDir);
   fs.rmSync(".git", { recursive: true, force: true });
 
-  const envFile = ".env.local";
-  if (!fs.existsSync(envFile)) {
-    fs.writeFileSync(envFile, `NEXT_PUBLIC_API_URL=https://demo.bagisto.com/graphql\nNEXT_PUBLIC_SITE_NAME=${projectName}\n`);
-  }
-
   await installDependencies();
   spinner.succeed(bagistoBlue("Dependencies installed successfully!"));
 
-  await promptEnvVariables();
+  await promptEnvVariables(projectName);
 
   console.log("\n" + chalk.green("✅ Your project is ready!\n"));
 

package/package.json

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