@docubook/create 1.7.0 → 1.7.5

package/README.md

@@ -37,35 +37,4 @@ Next steps:
    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,12 +1,14 @@
 #!/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
@@ -33,7 +35,6 @@ function checkBunInstalled() {
 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."));
@@ -42,79 +43,138 @@ function updatePostcssConfig(projectPath) {
   }
 }
 
+// Menampilkan ASCII Art untuk branding
+function displayAsciiArt() {
+  console.log(
+    chalk.green(
+      figlet.textSync("DocuBook", {
+        horizontalLayout: "full",
+      })
+    )
+  );
+}
+
+// Menampilkan kotak pesan selamat datang
+function displayWelcomeMessage() {
+  const welcomeMessage = boxen("DocuBook CLI Installer!", {
+    padding: 1,
+    margin: 1,
+    borderStyle: "round",
+    borderColor: "green",
+  });
+  console.log(welcomeMessage);
+}
+
+// Simulasi progress bar untuk instalasi
+async function simulateInstallation() {
+  const progressBar = new cliProgress.SingleBar(
+    {
+      format: 'Installation |' + chalk.green('{bar}') + '| {percentage}% || {value}/{total}',
+      barCompleteChar: '\u2588',
+      barIncompleteChar: '\u2591',
+    },
+    cliProgress.Presets.shades_classic
+  );
+
+  progressBar.start(100, 0);
+
+  for (let i = 0; i <= 100; i++) {
+    await new Promise((resolve) => setTimeout(resolve, 50));
+    progressBar.update(i);
+  }
+
+  progressBar.stop();
+}
+
 program
-  .version("1.7.0")
+  .version("1.7.5")
   .description("CLI to create a new Docubook project")
   .argument("[project-directory]", "Directory to create the new Docubook project")
   .action(async (projectDirectory) => {
+    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 ---
+
+    const { packageManager } = await inquirer.prompt([
+      {
+        type: "list",
+        name: "packageManager",
+        message: "Choose a package manager:",
+        choices: ["npm", "pnpm", "yarn", "bun"],
+        default: "npm",
+      },
+    ]);
+    // --- cloning from gitlab ---
     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();
+
     try {
-        execSync(cloneCommand, { stdio: "inherit" });
-        spinner.succeed(`Docubook project successfully created in ${projectPath}!`);
-    // --- clone from gitlab ---
+      execSync(cloneCommand, { stdio: "inherit" });
+      spinner.succeed(`Docubook project successfully created in ${projectPath}!`);
 
-      // 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."));
+        console.log(chalk.yellow("Skipping rename postcss.config.js because Bun is not installed."));
       }
 
-      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`));
+     // 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();
+
+      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}.`));
       }
 
-      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:`);
-
-      if (checkBunInstalled()) {
-        console.log(`   ${chalk.green("bun install")}`);
-      } else {
-        console.log(`   ${chalk.green("npm install or pnpm install or yarn install")}`);
-      }
-      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")}`);
-      }
+      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`)}`,
+        {
+          padding: 1,
+          margin: 1,
+          borderStyle: "round",
+          borderColor: "blue",
+        }
+      );
+      console.log(nextStepsMessage);
 
       process.exit(0);
     } catch (err) {
-      spinner.fail("Error creating project:");
+      spinner.fail("Failed to create project:");
       console.error(err.message);
       process.exit(1);
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@docubook/create",
-  "version": "1.7.0",
+  "version": "1.7.5",
   "main": "index.js",
   "type": "module",
   "bin": {
@@ -15,9 +15,12 @@
   "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"
   }