WIP(spinner)

Author: AugustinMauroy

index.mjs

@@ -0,0 +1,24 @@
+import { Spinner } from "./src/utils/spinner.mjs";
+import * as prompts from '@clack/prompts';
+
+prompts.intro('spinner start...');
+
+const spinner = new Spinner();
+spinner.total = 100;
+
+spinner.start();
+
+new Promise((resolve) => {
+  let progress = 0;
+  const timer = setInterval(() => {
+    progress = Math.min(spinner.total, progress + 1);
+    spinner.update(1, `Loading... ${progress}/${spinner.total}`);
+    if (progress >= spinner.total) {
+      clearInterval(timer);
+      resolve(true);
+    }
+  }, 100);
+}).then(() => {
+  spinner.stop('Done');
+  prompts.outro('spinner stop...');
+});

package-lock.json

@@ -27,7 +27,7 @@
     "prettier": "3.3.3"
   },
   "dependencies": {
-    "cli-progress": "^3.12.0",
+    "@clack/prompts": "^0.9.0",
     "commander": "^12.1.0",
     "github-slugger": "^2.0.0",
     "glob": "^11.0.0",

package.json

@@ -0,0 +1,32 @@
+import * as prompts from '@clack/prompts';
+
+export class Spinner {
+  constructor() {
+    this.spinner = prompts.spinner();
+    this.progress = 0;
+    this.total = 0;
+  }
+
+  start() {
+    this.spinner.start();
+  }
+
+  stop(message = 'Done') {
+    this.spinner.stop(message);
+  }
+
+  /**
+   *
+   * @param {number} increment
+   * @param {string} customMessage
+   */
+  update(increment = 1, customMessage) {
+    this.progress += increment;
+
+    if (customMessage) {
+      this.spinner.message(customMessage);
+      return;
+    }
+    this.spinner.message(`Loading... ${this.progress}/${this.total}`);
+  }
+}

src/utils/progressBar.mjs

@@ -0,0 +1,11 @@
+import { describe, it } from "node:test";
+import { Spinner } from "../spinner.mjs";
+
+describe("spinner", () => {
+  it("should instantiate a new Spinner", () => {
+    const spinner = new Spinner();
+    spinner.start();
+    spinner.stop();
+  });
+
+});