@docubook/create 1.7.5 → 1.8.6

package/README.md

@@ -4,7 +4,8 @@
 
 > **Note**: This application is a fork of [AriaDocs](https://github.com/nisabmohd/Aria-Docs), created by [Nisab Mohd](https://github.com/nisabmohd). DocuBook provides an alternative to the documentation solution found on [Mintlify](https://mintlify.com/), utilizing `.mdx` (Markdown + JSX) for content creation and management.
 
-[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/import/project?template=https://github.com/mywildancloud/docubook)
+[![Deploy with
+Vercel](https://vercel.com/button)](https://vercel.com/import/project?template=https://github.com/gitfromwildan/docubook)
 
 ## Features
 
@@ -36,5 +37,3 @@ Next steps:
 3. Start the development server:
    npm run dev
 ```
-
-Access the app on => http://localhost:3000

package/create.js

@@ -11,89 +11,107 @@ import figlet from "figlet";
 import cliProgress from "cli-progress";
 import { execSync } from "child_process";
 
-// Cek apakah Node.js sudah terinstal
-function checkNodeInstalled() {
+// ========== Logging ========== //
+const log = {
+  info: (msg) => console.log(chalk.cyan("ℹ️  " + msg)),
+  success: (msg) => console.log(chalk.green("✔ " + msg)),
+  warn: (msg) => console.log(chalk.yellow("⚠️  " + msg)),
+  error: (msg) => console.log(chalk.red("✖ " + msg)),
+};
+
+// ========== Cek apakah package manager terinstal ========== //
+function isInstalled(command) {
   try {
-    execSync("node -v", { stdio: "ignore" });
+    execSync(`${command} --version`, { stdio: "ignore" });
     return true;
   } catch {
     return false;
   }
 }
 
-// Cek apakah Bun sudah terinstal
-function checkBunInstalled() {
+// ========== Ambil versi package manager ========== //
+function getPackageManagerVersion(pm) {
   try {
-    execSync("bun --version", { stdio: "ignore" });
-    return true;
+    return execSync(`${pm} --version`).toString().trim();
   } catch {
-    return false;
+    return null;
   }
 }
 
-// Fungsi untuk mengganti nama file postcss
+// ========== Rename postcss.config.js ke .cjs jika menggunakan bun ========== //
 function updatePostcssConfig(projectPath) {
-  const oldConfigPath = path.join(projectPath, "postcss.config.js");
-  const newConfigPath = path.join(projectPath, "postcss.config.cjs");
-  if (fs.existsSync(oldConfigPath)) {
-    fs.renameSync(oldConfigPath, newConfigPath);
-    console.log(chalk.yellow("Renamed postcss.config.js to postcss.config.cjs for Bun compatibility."));
-  } else {
-    console.log(chalk.yellow("No postcss.config.js file found. Skipping rename."));
+  const oldPath = path.join(projectPath, "postcss.config.js");
+  const newPath = path.join(projectPath, "postcss.config.cjs");
+  if (fs.existsSync(oldPath)) {
+    fs.renameSync(oldPath, newPath);
+    log.info("Renamed postcss.config.js → .cjs for bun compatibility");
   }
 }
 
-// Menampilkan ASCII Art untuk branding
+// ========== ASCII welcome art ========== //
 function displayAsciiArt() {
-  console.log(
-    chalk.green(
-      figlet.textSync("DocuBook", {
-        horizontalLayout: "full",
-      })
-    )
-  );
+  return new Promise((resolve, reject) => {
+    figlet.text("DocuBook", { horizontalLayout: "full" }, (err, data) => {
+      if (err) return reject(err);
+      console.log(chalk.green(data));
+      resolve();
+    });
+  });
 }
 
-// Menampilkan kotak pesan selamat datang
 function displayWelcomeMessage() {
-  const welcomeMessage = boxen("DocuBook CLI Installer!", {
-    padding: 1,
-    margin: 1,
-    borderStyle: "round",
-    borderColor: "green",
-  });
-  console.log(welcomeMessage);
+  console.log(chalk.white("DocuBook Installer"));
 }
 
-// Simulasi progress bar untuk instalasi
+// ========== Simulasi animasi setup ========== //
 async function simulateInstallation() {
-  const progressBar = new cliProgress.SingleBar(
+  const bar = new cliProgress.SingleBar(
     {
-      format: 'Installation |' + chalk.green('{bar}') + '| {percentage}% || {value}/{total}',
+      format: 'Finishing Setup |' + chalk.green('{bar}') + '| {percentage}% || {value}/{total}',
       barCompleteChar: '\u2588',
       barIncompleteChar: '\u2591',
     },
     cliProgress.Presets.shades_classic
   );
 
-  progressBar.start(100, 0);
-
+  bar.start(100, 0);
   for (let i = 0; i <= 100; i++) {
-    await new Promise((resolve) => setTimeout(resolve, 50));
-    progressBar.update(i);
+    await new Promise((r) => setTimeout(r, 50));
+    bar.update(i);
   }
+  bar.stop();
+}
+
+// ========== Jika user batal install, tunjukkan langkah manual ========== //
+function manualSteps(projectDirectory, packageManager) {
+  const manualInstructions = `
+  You chose not to continue with the installation.
+  Please follow these steps manually to finish setting up your project:
 
-  progressBar.stop();
+  1. ${chalk.cyan(`cd ${projectDirectory}`)}
+  2. ${chalk.cyan(`${packageManager} install`)}
+  3. ${chalk.cyan(`${packageManager} run dev`)}
+  `;
+
+  console.log(
+    boxen(manualInstructions, {
+      padding: 0.5,
+      borderStyle: "round",
+      borderColor: "cyan",
+    })
+  );
 }
 
+// ========== Entry CLI ========== //
 program
-  .version("1.7.5")
+  .version("1.8.6")
   .description("CLI to create a new Docubook project")
   .argument("[project-directory]", "Directory to create the new Docubook project")
   .action(async (projectDirectory) => {
-    displayAsciiArt();
+    await displayAsciiArt();
     displayWelcomeMessage();
 
+    // Tanya nama direktori jika belum diisi
     if (!projectDirectory) {
       const { directoryName } = await inquirer.prompt([
         {
@@ -106,6 +124,7 @@ program
       projectDirectory = directoryName;
     }
 
+    // Pilihan package manager
     const { packageManager } = await inquirer.prompt([
       {
         type: "list",
@@ -115,67 +134,100 @@ program
         default: "npm",
       },
     ]);
-    // --- cloning from gitlab ---
+
+    const version = getPackageManagerVersion(packageManager);
+    if (!version) {
+      log.error(`${packageManager} is not installed on your system.`);
+      process.exit(1);
+    }
+
+    // Clone repositori starter
     const repo = "https://gitlab.com/mywildancloud/docubook.git";
     const branch = "starter";
     const projectPath = path.resolve(process.cwd(), projectDirectory);
-    const cloneCommand = `git clone --branch ${branch} ${repo} ${projectPath}`;
-    const spinner = ora(`Cloning ${chalk.yellow(branch)} from GitLab...`).start();
+    const cloneCommand = `git clone --quiet --branch ${branch} ${repo} ${projectPath}`;
+    const spinner = ora("Cloning DocuBook starter...").start();
 
     try {
-      execSync(cloneCommand, { stdio: "inherit" });
-      spinner.succeed(`Docubook project successfully created in ${projectPath}!`);
+      execSync(cloneCommand);
+      spinner.succeed(`Project created in ${projectDirectory}/`);
 
-      if (checkBunInstalled()) {
+      // Rename config jika menggunakan bun
+      if (packageManager === "bun") {
         updatePostcssConfig(projectPath);
-      } else {
-        console.log(chalk.yellow("Skipping rename postcss.config.js because Bun is not installed."));
       }
 
-     // Baca versi Docubook dari package.json
-     const packageJsonPath = path.join(projectPath, "package.json");
-     if (fs.existsSync(packageJsonPath)) {
-       const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, "utf-8"));
-       const versionMessage = boxen(
-         chalk.yellow("DocuBook Version") + "\n\n" + chalk.white(`v${packageJson.version}`),
-         {
-           padding: 1,
-           margin: 1,
-           borderStyle: "round",
-           borderColor: "yellow",
-         }
-       );
-       console.log(versionMessage);
-     }
-
-      console.log(chalk.yellow("\nStarting the installation process..."));
-      await simulateInstallation();
+      // Validasi packageManager dari project yang di-clone
+      const pkgPath = path.join(projectPath, "package.json");
+      if (fs.existsSync(pkgPath)) {
+        const pkg = JSON.parse(fs.readFileSync(pkgPath, "utf-8"));
+        const existingPM = pkg.packageManager?.split("@")[0];
 
-      try {
-        execSync(`${packageManager} install`, { cwd: projectPath, stdio: "inherit" });
-        console.log(chalk.green(`Dependencies installed successfully using ${packageManager}!`));
-      } catch (err) {
-        console.error(chalk.red(`Failed to install dependencies using ${packageManager}.`));
+        // Jika berbeda, tampilkan peringatan & timpa packageManager
+        if (existingPM && existingPM !== packageManager) {
+          log.warn(`This project recommends ${existingPM}, but you chose ${packageManager}. Overriding...`);
+        }
+
+        pkg.packageManager = `${packageManager}@${version}`;
+        fs.writeFileSync(pkgPath, JSON.stringify(pkg, null, 2));
+        log.info(`Updated packageManager to "${pkg.packageManager}" in package.json`);
+
+        console.log(
+          chalk.green(
+            `=================\nDocuBook v${pkg.version}\n=================`
+          )
+        );
       }
 
-      const nextStepsMessage = boxen(
-        `Next Steps:\n\n` +
-        `1. Navigate to your project directory:\n   ${chalk.green(`cd ${projectDirectory}`)}\n\n` +
-        `2. Install dependencies (if not installed automatically):\n   ${chalk.green(`${packageManager} install`)}\n\n` +
-        `3. Start the development server:\n   ${chalk.green(`${packageManager} run dev`)}`,
+      // Tanya apakah lanjut install dependencies
+      const { continueInstallation } = await inquirer.prompt([
         {
-          padding: 1,
-          margin: 1,
-          borderStyle: "round",
-          borderColor: "blue",
-        }
+          type: "confirm",
+          name: "continueInstallation",
+          message: "Do you want to continue with the installation of dependencies?",
+          default: true,
+        },
+      ]);
+
+      if (!continueInstallation) {
+        manualSteps(projectDirectory, packageManager);
+        return;
+      }
+
+      log.info("Installing dependencies...");
+      console.log(chalk.yellow("This is a joke for you:"));
+      console.log(chalk.white("When you install the package manager, the installation speed depends on the hardware you have."));
+      const installSpinner = ora(`Using ${packageManager}...`).start();
+
+      try {
+        execSync(`${packageManager} install`, { cwd: projectPath, stdio: "ignore" });
+        installSpinner.succeed("Dependencies installed.");
+      } catch {
+        installSpinner.fail("Failed to install dependencies.");
+        process.exit(1);
+      }
+
+      await simulateInstallation();
+
+      // Saran langkah selanjutnya
+      console.log(
+        boxen(
+          `Next Steps:\n\n` +
+            `1. ${chalk.cyan(`cd ${projectDirectory}`)}\n` +
+            `2. ${chalk.cyan(`${packageManager} install (if not automatically installed)`)}\n` +
+            `3. ${chalk.cyan(`${packageManager} run dev`)}`,
+          {
+            padding: 0.5,
+            borderStyle: "round",
+            borderColor: "cyan",
+          }
+        )
       );
-      console.log(nextStepsMessage);
 
       process.exit(0);
     } catch (err) {
-      spinner.fail("Failed to create project:");
-      console.error(err.message);
+      spinner.fail("Failed to create project.");
+      log.error(err.message);
       process.exit(1);
     }
   });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@docubook/create",
-  "version": "1.7.5",
+  "version": "1.8.6",
   "main": "index.js",
   "type": "module",
   "bin": {
@@ -23,5 +23,6 @@
     "figlet": "^1.8.0",
     "inquirer": "^11.0.2",
     "ora": "^8.1.0"
-  }
+  },
+  "packageManager": "pnpm@10.10.0"
 }