@docubook/create 1.7.0 → 1.8.5

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,36 +37,3 @@ Next steps:
 3. Start the development server:
    npm run dev
 ```
-
-## Update
-### How to Update DocuBook?
-- **Open a New Terminal**: Please open a new terminal on the desktop that has DocuBook installed.
-- **Move Directory**: for example, if the directory name is docubook, then write `cd docubook` and press enter.
-
-```bash
-npx @docubook/update@latest
-```
-
-#### command output
-
-```bash
-📂 Updating Docubook project in /Users/wildan/Public/docubook...
-
-ℹ ⚡ Skipped public
-ℹ ⚡ Skipped contents
-ℹ ⚡ Skipped app/page.tsx
-ℹ ⚡ Skipped docu.json
-ℹ ⚡ Skipped CHANGELOG.md
-✨ Replacing styles folder...
-✨ Replaced all CSS files in styles folder
-✔ ✅ Docubook v1.4.2 successfully updated in /Users/wildan/Public/docubook!
-
-🎯 Next steps:
-1. Verify your changes in the current directory.
-2. Run the install script to check for package updates:
-   npm install
-3. Run the development server:
-   npm run dev
-```
-
-Access the app on => http://localhost:3000

package/create.js

@@ -1,121 +1,204 @@
 #!/usr/bin/env node
 
 import { program } from "commander";
-// import degit from "degit";
 import path from "path";
 import fs from "fs";
 import ora from "ora";
 import chalk from "chalk";
 import inquirer from "inquirer";
+import boxen from "boxen";
+import figlet from "figlet";
+import cliProgress from "cli-progress";
 import { execSync } from "child_process";
 
-// Cek apakah Node.js sudah terinstal
-function checkNodeInstalled() {
+// Logging util
+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 CLI dependency
+function checkInstalled(command) {
   try {
-    execSync("node -v", { stdio: "ignore" });
+    execSync(`${command} --version`, { stdio: "ignore" });
     return true;
   } catch {
     return false;
   }
 }
 
-// Cek apakah Bun sudah terinstal
-function checkBunInstalled() {
-  try {
-    execSync("bun --version", { stdio: "ignore" });
-    return true;
-  } catch {
-    return false;
+// Rename postcss.config.js → .cjs (untuk Bun)
+function updatePostcssConfig(projectPath) {
+  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");
   }
 }
 
-// Fungsi untuk mengganti nama file postcss
-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."));
+// Tampilan awal
+function displayAsciiArt() {
+  return new Promise((resolve, reject) => {
+    figlet.text("DocuBook", { horizontalLayout: "full" }, (err, data) => {
+      if (err) return reject(err);
+      console.log(chalk.green(data));
+      resolve();
+    });
+  });
+}
+
+function displayWelcomeMessage() {
+  console.log(chalk.white("DocuBook Installer"));
+}
+
+// Simulasi progress bar setup
+async function simulateInstallation() {
+  const bar = new cliProgress.SingleBar(
+    {
+      format: 'Finishing Setup |' + chalk.green('{bar}') + '| {percentage}% || {value}/{total}',
+      barCompleteChar: '\u2588',
+      barIncompleteChar: '\u2591',
+    },
+    cliProgress.Presets.shades_classic
+  );
+
+  bar.start(100, 0);
+  for (let i = 0; i <= 100; i++) {
+    await new Promise((r) => setTimeout(r, 50));
+    bar.update(i);
   }
+  bar.stop();
+}
+
+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:
+
+  1. ${chalk.cyan(`cd ${projectDirectory}`)}
+  2. ${chalk.cyan(`${packageManager} install`)}
+  3. ${chalk.cyan(`${packageManager} run dev`)}
+  `;
+
+  console.log(
+    boxen(manualInstructions, {
+      padding: 1,
+      borderStyle: "round",
+      borderColor: "cyan",
+    })
+  );
 }
 
 program
-  .version("1.7.0")
+  .version("1.8.5")
   .description("CLI to create a new Docubook project")
   .argument("[project-directory]", "Directory to create the new Docubook project")
   .action(async (projectDirectory) => {
+    await displayAsciiArt();
+    displayWelcomeMessage();
+
     if (!projectDirectory) {
       const { directoryName } = await inquirer.prompt([
         {
           type: "input",
           name: "directoryName",
-          message: "Enter a name for your project directory:",
+          message: "Enter your project directory name:",
           default: "docubook",
         },
       ]);
       projectDirectory = directoryName;
     }
-    // --- clone from github ---
-    // const repo = "github:mywildancloud/docubook#starter";
-    // const emitter = degit(repo);
-    // const projectPath = path.resolve(process.cwd(), projectDirectory);
-
-    // const spinner = ora(`Cloning ${chalk.green("starter")}...`).start();
-    // try {
-    //   await emitter.clone(projectPath);
-    //   spinner.succeed(`Docubook project successfully created in ${projectPath}!`);
-    // --- clone from github ---
-
-    // --- clone from gitlab ---
+
+    let { packageManager } = await inquirer.prompt([
+    {
+        type: "list",
+        name: "packageManager",
+        message: "Choose a package manager:",
+        choices: ["npm", "pnpm", "yarn", "bun"],
+        default: "npm",
+    },
+    ]);
+
+    if (!checkInstalled(packageManager)) {
+    log.warn(`${packageManager} is not installed. Falling back to npm.`);
+    packageManager = "npm";
+    }
+
     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 cloneCommand = `git clone --quiet --branch ${branch} ${repo} ${projectPath}`;
+    const spinner = ora("Cloning DocuBook starter...").start();
 
-    const spinner = ora(`Cloning ${chalk.yellow(branch)} from GitLab...`).start();
     try {
-        execSync(cloneCommand, { stdio: "inherit" });
-        spinner.succeed(`Docubook project successfully created in ${projectPath}!`);
-    // --- clone from gitlab ---
-
-      // Jalankan rename hanya jika Bun terdeteksi
-      if (checkBunInstalled()) {
-        updatePostcssConfig(projectPath);
-      } else {
-        console.log(chalk.yellow("Skipping postcss.config.js rename because Bun is not installed."));
+      execSync(cloneCommand);
+      spinner.succeed(`Project created in ${projectDirectory}/`);
+
+        if (packageManager === "bun" && checkInstalled("bun")) {
+            updatePostcssConfig(projectPath);
+        }
+
+      const pkgPath = path.join(projectPath, "package.json");
+      if (fs.existsSync(pkgPath)) {
+        const pkg = JSON.parse(fs.readFileSync(pkgPath, "utf-8"));
+        console.log(
+          chalk.green(
+            `=================\nDocuBook v${pkg.version}\n=================`
+          )
+        );
       }
 
-      const packageJsonPath = path.join(projectPath, "package.json");
-      if (fs.existsSync(packageJsonPath)) {
-        const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, "utf-8"));
-        console.log(chalk.green(`\nDocubook version: ${packageJson.version}\n`));
-      }
-
-      console.log(chalk.green("\nNext steps:"));
-      console.log(`1. Navigate to your project directory:`);
-      console.log(`   ${chalk.green(`cd ${projectDirectory}`)}`);
-      console.log(`2. Install dependencies:`);
+      // Tanya apakah pengguna ingin melanjutkan instalasi
+      const { continueInstallation } = await inquirer.prompt([
+        {
+          type: "confirm",
+          name: "continueInstallation",
+          message: "Do you want to continue with the installation of dependencies?",
+          default: true,
+        },
+      ]);
 
-      if (checkBunInstalled()) {
-        console.log(`   ${chalk.green("bun install")}`);
-      } else {
-        console.log(`   ${chalk.green("npm install or pnpm install or yarn install")}`);
+      if (!continueInstallation) {
+        manualSteps(projectDirectory, packageManager);
+        return;
       }
-      console.log(`3. Start the development server:`);
 
-      if (checkBunInstalled()) {
-        console.log(`   ${chalk.green("bun run dev")}`);
-      } else {
-        console.log(`   ${chalk.green("npm run dev or pnpm run dev or yarn dev")}`);
+      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 device and 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();
+
+      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: 1,
+            borderStyle: "round",
+            borderColor: "cyan",
+          }
+        )
+      );
+
       process.exit(0);
     } catch (err) {
-      spinner.fail("Error creating 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.0",
+  "version": "1.8.5",
   "main": "index.js",
   "type": "module",
   "bin": {
@@ -15,10 +15,14 @@
   "license": "MIT",
   "description": "CLI to create DocuBook projects",
   "dependencies": {
+    "boxen": "^8.0.1",
     "chalk": "^5.3.0",
+    "cli-progress": "^3.12.0",
     "commander": "^12.1.0",
     "degit": "^2.8.4",
+    "figlet": "^1.8.0",
     "inquirer": "^11.0.2",
     "ora": "^8.1.0"
-  }
+  },
+  "packageManager": "pnpm@10.10.0"
 }