Added js progress bar | logs save to file

.gitignore

@@ -1,2 +1,3 @@
 .DS_Store
 downloads
+logs

mkbsd.js

@@ -3,12 +3,26 @@
 
 const fs = require(`fs`);
 const path = require(`path`);
+const cliProgress = require(`cli-progress`);
+const colors = require("ansi-colors");
+
+async function getTotalPics(data) {
+  let totalPics = 0;
+  for (const key in data) {
+    const subproperty = data[key];
+    if (subproperty && subproperty.dhd) {
+      totalPics++;
+    }
+  }
+  return totalPics;
+}
 
 async function main() {
-	const url = 'https://storage.googleapis.com/panels-api/data/20240916/media-1a-i-p~s';
+  const url =
+    "https://storage.googleapis.com/panels-api/data/20240916/media-1a-i-p~s";
   const delay = (ms) => {
-		return new Promise(resolve => setTimeout(resolve, ms));
+    return new Promise((resolve) => setTimeout(resolve, ms));
-	}
+  };
   try {
     const response = await fetch(url);
     if (!response.ok) {
@@ -19,32 +33,63 @@ async function main() {
     if (!data) {
       throw new Error('⛔ JSON does not have a "data" property at its root.');
     }
-		const downloadDir = path.join(__dirname, 'downloads');
+    const downloadDir = path.join(__dirname, "downloads");
+    const logsDir = path.join(__dirname, "logs");
     if (!fs.existsSync(downloadDir)) {
       fs.mkdirSync(downloadDir);
       console.info(`📁 Created directory: ${downloadDir}`);
     }
+    if (!fs.existsSync(logsDir)) {
+      fs.mkdirSync(logsDir);
+      console.info(`📁 Created logs directory: ${logsDir}`);
+    }
+    const logsFilePath = path.join(logsDir, `logs.txt`);
     let fileIndex = 1;
+    let totalPictures = await getTotalPics(data);
+    const bar = new cliProgress.SingleBar(
+      {
+        format:
+          "Picture Progress Download |" +
+          colors.cyan("{bar}") +
+          "| {percentage}% || {value}/{total} Pictures",
+        barCompleteChar: "\u2588",
+        barIncompleteChar: "\u2591",
+        hideCursor: true,
+      },
+      cliProgress.Presets.shades_classic
+    );
+    bar.start(totalPictures, 0, {
+      speed: "N/A",
+    });
     for (const key in data) {
       const subproperty = data[key];
       if (subproperty && subproperty.dhd) {
         const imageUrl = subproperty.dhd;
-				console.info(`🔍 Found image URL!`);
+        writeLogs(`🔍 Found image URL!`, logsFilePath);
         await delay(100);
-				const ext = path.extname(new URL(imageUrl).pathname) || '.jpg';
+        const ext = path.extname(new URL(imageUrl).pathname) || ".jpg";
         const filename = `${fileIndex}${ext}`;
         const filePath = path.join(downloadDir, filename);
         await downloadImage(imageUrl, filePath);
-				console.info(`🖼️ Saved image to ${filePath}`);
+        writeLogs(`🖼️ Saved image to ${filePath}`, logsFilePath);
         fileIndex++;
+        bar.increment();
+        bar.update();
         await delay(250);
       }
     }
+    bar.stop();
+    console.info(`✅ All done! Saved images to ${downloadDir}`);
   } catch (error) {
     console.error(`Error: ${error.message}`);
   }
 }
 
+async function writeLogs(log, logsFilePath) {
+  const buffer = Buffer.from(log + "\n");
+  await fs.promises.appendFile(logsFilePath, buffer);
+}
+
 async function downloadImage(url, filePath) {
   const response = await fetch(url);
   if (!response.ok) {
@@ -66,7 +111,9 @@ function asciiArt() {
 | $$ \\/  | $$| $$ \\  $$| $$$$$$$/|  $$$$$$/| $$$$$$$/
 |__/     |__/|__/  \\__/|_______/  \\______/ |_______/`);
   console.info(``);
-	console.info(`🤑 Starting downloads from your favorite sellout grifter's wallpaper app...`);
+  console.info(
+    `🤑 Starting downloads from your favorite sellout grifter's wallpaper app...`
+  );
 }
 
 (() => {