use cli-progress for the prgoress bar

package.json

@@ -104,12 +104,14 @@
     "@spotlightjs/spotlight": "^2.0.0-alpha.1",
     "@tailwindcss/forms": "^0.5.7",
     "@tailwindcss/typography": "^0.5.10",
+    "@types/cli-progress": "^3.11.6",
     "@types/node": "^20",
     "@types/react": "^18",
     "@types/react-dom": "^18",
     "@types/ws": "^8.5.10",
     "@untitaker/quicktype-core-with-markdown": "^6.0.71",
     "autoprefixer": "^10.4.17",
+    "cli-progress": "^3.12.0",
     "concurrently": "^8.2.2",
     "dotenv-cli": "^7.4.1",
     "eslint": "^8",

scripts/lint-404s/main.ts

@@ -2,9 +2,10 @@
 
 import {readFileSync} from 'fs';
 import path, {dirname} from 'path';
-import readline from 'readline';
 import {fileURLToPath} from 'url';
 
+import cliProgress from 'cli-progress';
+
 const baseURL = 'http://localhost:3000/';
 type Link = {href: string; innerText: string};
 
@@ -27,16 +28,6 @@ async function fetchWithFollow(url: URL | string): Promise<Response> {
   return r;
 }
 
-function updateProgressBar(current: number, total: number) {
-  const barLength = 40;
-  const progress = current / total;
-  const filledLength = Math.round(barLength * progress);
-  const bar = '▆'.repeat(filledLength) + '-'.repeat(barLength - filledLength);
-  const percentage = Math.round(progress * 100);
-  readline.cursorTo(process.stdout, 0); // Move cursor to the beginning of the line to overwrite
-  process.stdout.write(`Progress: ${bar} ${percentage}% (${current}/${total})`);
-}
-
 async function main() {
   const sitemap = await fetch(`${baseURL}sitemap.xml`).then(r => r.text());
 
@@ -97,6 +88,9 @@ async function main() {
     return false;
   }
 
+  const progressBar = new cliProgress.SingleBar({}, cliProgress.Presets.shades_classic);
+  progressBar.start(slugs.length, 0);
+
   for (let i = 0; i < slugs.length; i++) {
     const slug = slugs[i];
     const pageUrl = new URL(slug, baseURL);
@@ -122,7 +116,7 @@ async function main() {
       all404s.push({slug, page404s});
     }
 
-    updateProgressBar(i + 1, slugs.length);
+    progressBar.increment();
   }
 
   if (all404s.length === 0) {

yarn.lock

@@ -2815,6 +2815,13 @@
   resolved "https://registry.yarnpkg.com/@types/caseless/-/caseless-0.12.5.tgz#db9468cb1b1b5a925b8f34822f1669df0c5472f5"
   integrity sha512-hWtVTC2q7hc7xZ/RLbxapMvDMgUnDvKvMOpKal4DrMyfGBUfB1oKaZlIRr6mJL+If3bAP6sV/QneGzF6tJjZDg==
 
+"@types/cli-progress@^3.11.6":
+  version "3.11.6"
+  resolved "https://registry.yarnpkg.com/@types/cli-progress/-/cli-progress-3.11.6.tgz#94b334ebe4190f710e51c1bf9b4fedb681fa9e45"
+  integrity sha512-cE3+jb9WRlu+uOSAugewNpITJDt1VF8dHOopPO4IABFc3SXYL5WE/+PTz/FCdZRRfIujiWW3n3aMbv1eIGVRWA==
+  dependencies:
+    "@types/node" "*"
+
 "@types/connect@*":
   version "3.4.38"
   resolved "https://registry.yarnpkg.com/@types/connect/-/connect-3.4.38.tgz#5ba7f3bc4fbbdeaff8dded952e5ff2cc53f8d858"
@@ -4091,6 +4098,13 @@ clean-css@^5.0.0:
   dependencies:
     source-map "~0.6.0"
 
+cli-progress@^3.12.0:
+  version "3.12.0"
+  resolved "https://registry.yarnpkg.com/cli-progress/-/cli-progress-3.12.0.tgz#807ee14b66bcc086258e444ad0f19e7d42577942"
+  integrity sha512-tRkV3HJ1ASwm19THiiLIXLO7Im7wlTuKnvkYaTkyoAPefqjNg7W7DHKUlGRxy9vxDvbyCYQkQozvptuMkGCg8A==
+  dependencies:
+    string-width "^4.2.3"
+
 client-only@0.0.1:
   version "0.0.1"
   resolved "https://registry.yarnpkg.com/client-only/-/client-only-0.0.1.tgz#38bba5d403c41ab150bff64a95c85013cf73bca1"