@bagisto-headless/create 1.0.0

package/.vscode/settings.json

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

package/index.js

@@ -0,0 +1,159 @@
+#!/usr/bin/env node
+import figlet from "figlet";
+import gradient from "gradient-string";
+import chalk from "chalk";
+import { execa } from "execa";
+import fs from "fs";
+import path from "path";
+import ora from "ora";
+import readline from "readline";
+
+const spinner = ora();
+const bagistoBlue = chalk.hex("#0041FF");
+const bagistoGradient = gradient("#0041FF", "#5A7CFF");
+
+async function showBanner() {
+  return new Promise((resolve, reject) => {
+    figlet.text("Bagisto Headless", { font: "Slant" }, (err, data) => {
+      if (err) reject(err);
+      console.log("\n" + bagistoGradient.multiline(data));
+      resolve();
+    });
+  });
+}
+
+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);
+  readline.cursorTo(process.stdout, 0);
+  process.stdout.write(bagistoBlue(`[${bar}] ${progress.toFixed(0)}%`));
+}
+
+async function installDependencies() {
+  console.log("\n");
+  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);
+
+  // Start npm install
+  const child = execa("npm", ["install"], { stdio: "pipe" });
+
+  // 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);
+    }
+  });
+
+  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`));
+}
+
+async function promptEnvVariables() {
+  const rl = readline.createInterface({
+    input: process.stdin,
+    output: process.stdout,
+  });
+
+  const questions = [
+    { 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:" },
+  ];
+
+  const answers = {};
+
+  for (const q of questions) {
+    answers[q.key] = await new Promise((resolve) => {
+      rl.question(`${q.message} `, (answer) => resolve(answer.trim()));
+    });
+  }
+
+  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");
+
+  console.log(chalk.green("\n✅ Environment variables saved to .env.local\n"));
+}
+
+async function main() {
+  await showBanner();
+
+  const args = process.argv.slice(2);
+  const projectName = args[0];
+
+  if (!projectName) {
+    console.log(chalk.red("❌ Please specify your project name."));
+    console.log(chalk.yellow("\nExample usage:"));
+    console.log(bagistoBlue("  npx @bagisto-headless/create <your-project-name>\n"));
+    process.exit(1);
+  }
+
+  const repo = "https://github.com/bagisto/nextjs-commerce";
+  const targetDir = path.resolve(process.cwd(), projectName);
+
+  console.log(`Creating your ${chalk.bold.hex("#0041FF")(projectName)} storefront with ${bagistoBlue("Bagisto Headless Commerce")}:\n`);
+
+  spinner.start(bagistoBlue("Cloning repository..."));
+  await execa("git", ["clone", "--depth", "1", repo, projectName]);
+  spinner.succeed(bagistoBlue("Repository cloned successfully!"));
+
+  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();
+
+  console.log("\n" + chalk.green("✅ Your project is ready!\n"));
+
+  console.log(bagistoBlue.bold("Next steps:"));
+  console.log(chalk.white(`  cd ${projectName}`));
+  console.log(chalk.white("  npm run dev\n"));
+
+  console.log(bagistoBlue.bold("📘 Explore more:"));
+  console.log(chalk.white("👉 https://bagisto.com/en/headless-ecommerce/\n"));
+
+  console.log(bagistoBlue.bold("💻 GitHub:"));
+  console.log(chalk.white("👉 https://github.com/bagisto/nextjs-commerce\n"));
+
+}
+
+main().catch((err) => {
+  spinner.fail(chalk.red(`Error: ${err.message}`));
+  process.exit(1);
+});

package/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "@bagisto-headless/create",
+  "version": "1.0.0",
+  "description": "Create a new Bagisto Headless Commerce project from the official Next.js template.",
+  "keywords": [
+    "bagisto",
+    "headless",
+    "commerce",
+    "create-app",
+    "nextjs"
+  ],
+  "license": "MIT",
+  "author": "Bagisto",
+  "type": "module",
+  "main": "index.js",
+  "bin": {
+    "create-bagisto-headless": "index.js"
+  },
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "dependencies": {
+    "chalk": "^5.6.2",
+    "execa": "^8.0.1",
+    "figlet": "^1.9.3",
+    "gradient-string": "^3.0.0",
+    "ora": "^8.2.0",
+    "readline": "^1.3.0"
+  },
+  "devDependencies": {}
+}