From 0735d2a2023df879170967287b1507525acb3ed5 Mon Sep 17 00:00:00 2001
From: SamidyFR <168582143+SamidyFR@users.noreply.github.com>
Date: Mon, 2 Mar 2026 04:14:10 +0000
Subject: [PATCH] style: auto-fix linting issues

---
 index.html              | 30 +++++++++++++++++++----
 js/app.js               | 54 +++++++++++++++++++++++++----------------
 js/playlist-importer.js | 28 +++++++++++----------
 3 files changed, 73 insertions(+), 39 deletions(-)

diff --git a/index.html b/index.html
index 81aa9de..ff6f4c5 100644
--- a/index.html
+++ b/index.html
@@ -1649,11 +1649,17 @@
             <div class="modal-content">
                 <h3 style="text-align: center; margin-bottom: 1rem">Support Monochrome</h3>
                 <p style="text-align: center; margin-bottom: 1.5rem; line-height: 1.6; color: var(--muted-foreground)">
-                    If Monochrome has been useful to you and you're able to, consider making a donation. It helps pay for
-                    the server and domain, and you get to support us :)
+                    If Monochrome has been useful to you and you're able to, consider making a donation. It helps pay
+                    for the server and domain, and you get to support us :)
                 </p>
                 <div style="display: flex; justify-content: center; margin-bottom: 2rem">
-                    <a href="https://ko-fi.com/monochromemusic" target="_blank" rel="noopener noreferrer" class="btn-primary" style="text-decoration: none; display: inline-flex; align-items: center; gap: 0.5rem">
+                    <a
+                        href="https://ko-fi.com/monochromemusic"
+                        target="_blank"
+                        rel="noopener noreferrer"
+                        class="btn-primary"
+                        style="text-decoration: none; display: inline-flex; align-items: center; gap: 0.5rem"
+                    >
                         Donate on Ko-fi
                     </a>
                 </div>
@@ -1661,7 +1667,19 @@
                     <p style="font-size: 0.9rem; color: var(--muted-foreground); margin-bottom: 0.5rem">
                         An alternative way to support us is by starring us on GitHub, and it's completely free!
                     </p>
-                    <a href="https://github.com/monochrome-music/monochrome" target="_blank" rel="noopener noreferrer" class="btn-secondary" style="text-decoration: none; display: inline-flex; align-items: center; gap: 0.5rem; margin-top: 0.5rem">
+                    <a
+                        href="https://github.com/monochrome-music/monochrome"
+                        target="_blank"
+                        rel="noopener noreferrer"
+                        class="btn-secondary"
+                        style="
+                            text-decoration: none;
+                            display: inline-flex;
+                            align-items: center;
+                            gap: 0.5rem;
+                            margin-top: 0.5rem;
+                        "
+                    >
                         Star on GitHub
                     </a>
                 </div>
@@ -5180,7 +5198,9 @@
                                 It helps pay for the server and domain, and you get to support us :)
                             </p>
                             <div
-                                class="donate-button" id="donate-button-container" style="
+                                class="donate-button"
+                                id="donate-button-container"
+                                style="
                                     display: flex;
                                     gap: 20px;
                                     align-items: center;
diff --git a/js/app.js b/js/app.js
index 5a206e9..75e0619 100644
--- a/js/app.js
+++ b/js/app.js
@@ -1210,14 +1210,19 @@ document.addEventListener('DOMContentLoaded', async () => {
                             const totalTracks = songs.length;
                             progressTotal.textContent = totalTracks.toString();
 
-                            const result = await parseCSV(csvText, api, (progress) => {
-                                const percentage = totalTracks > 0 ? (progress.current / totalTracks) * 100 : 0;
-                                progressFill.style.width = `${Math.min(percentage, 100)}%`;
-                                progressCurrent.textContent = progress.current.toString();
-                                currentTrackElement.textContent = progress.currentTrack;
-                                if (currentArtistElement)
-                                    currentArtistElement.textContent = progress.currentArtist || '';
-                            }, importOptions);
+                            const result = await parseCSV(
+                                csvText,
+                                api,
+                                (progress) => {
+                                    const percentage = totalTracks > 0 ? (progress.current / totalTracks) * 100 : 0;
+                                    progressFill.style.width = `${Math.min(percentage, 100)}%`;
+                                    progressCurrent.textContent = progress.current.toString();
+                                    currentTrackElement.textContent = progress.currentTrack;
+                                    if (currentArtistElement)
+                                        currentArtistElement.textContent = progress.currentArtist || '';
+                                },
+                                importOptions
+                            );
 
                             tracks = result.tracks;
                             const missingTracks = result.missingTracks;
@@ -1354,17 +1359,22 @@ document.addEventListener('DOMContentLoaded', async () => {
                             const totalItems = Math.max(0, lines.length - 1);
                             progressTotal.textContent = totalItems.toString();
 
-                            const result = await parseDynamicCSV(csvText, api, (progress) => {
-                                const percentage = totalItems > 0 ? (progress.current / totalItems) * 100 : 0;
-                                progressFill.style.width = `${Math.min(percentage, 100)}%`;
-                                progressCurrent.textContent = progress.current.toString();
-                                currentTrackElement.textContent = progress.currentItem;
-                                if (currentArtistElement) {
-                                    currentArtistElement.textContent = progress.type
-                                        ? `Importing ${progress.type}...`
-                                        : '';
-                                }
-                            }, importOptions);
+                            const result = await parseDynamicCSV(
+                                csvText,
+                                api,
+                                (progress) => {
+                                    const percentage = totalItems > 0 ? (progress.current / totalItems) * 100 : 0;
+                                    progressFill.style.width = `${Math.min(percentage, 100)}%`;
+                                    progressCurrent.textContent = progress.current.toString();
+                                    currentTrackElement.textContent = progress.currentItem;
+                                    if (currentArtistElement) {
+                                        currentArtistElement.textContent = progress.type
+                                            ? `Importing ${progress.type}...`
+                                            : '';
+                                    }
+                                },
+                                importOptions
+                            );
 
                             const hasMultipleTypes =
                                 result.tracks.length > 0 && (result.albums.length > 0 || result.artists.length > 0);
@@ -2402,7 +2412,7 @@ document.addEventListener('DOMContentLoaded', async () => {
     if (donateModal) {
         if (closeDonateModalBtn) closeDonateModalBtn.addEventListener('click', closeDonateModal);
         donateModal.querySelector('.modal-overlay')?.addEventListener('click', closeDonateModal);
-        
+
         if (sidebarDonateLink) sidebarDonateLink.addEventListener('click', openDonateModal);
         if (donateBtnAbout) donateBtnAbout.addEventListener('click', openDonateModal);
         if (donateBtnPage) donateBtnPage.addEventListener('click', openDonateModal);
@@ -2606,7 +2616,9 @@ function showMissingTracksNotification(missingTracks) {
         newCopyBtn.addEventListener('click', () => {
             const textToCopy = missingTracks
                 .map((track) => {
-                    return typeof track === 'string' ? track : `${track.artist ? track.artist + ' - ' : ''}${track.title}`;
+                    return typeof track === 'string'
+                        ? track
+                        : `${track.artist ? track.artist + ' - ' : ''}${track.title}`;
                 })
                 .join('\n');
 
diff --git a/js/playlist-importer.js b/js/playlist-importer.js
index a1b3f02..89271f2 100644
--- a/js/playlist-importer.js
+++ b/js/playlist-importer.js
@@ -9,22 +9,24 @@ function findBestMatch(items, targetArtist, targetAlbum, options) {
     if (!items || items.length === 0) return null;
     if (!options?.strictArtistMatch && !options?.albumMatch) return items[0];
 
-    return items.find((item) => {
-        let artistOk = true;
-        let albumOk = true;
+    return (
+        items.find((item) => {
+            let artistOk = true;
+            let albumOk = true;
 
-        if (options.strictArtistMatch && targetArtist) {
-            const itemArtist = item.artist?.name || item.artists?.[0]?.name;
-            if (!isFuzzyMatch(itemArtist, targetArtist)) artistOk = false;
-        }
+            if (options.strictArtistMatch && targetArtist) {
+                const itemArtist = item.artist?.name || item.artists?.[0]?.name;
+                if (!isFuzzyMatch(itemArtist, targetArtist)) artistOk = false;
+            }
 
-        if (options.albumMatch && targetAlbum) {
-            const itemAlbum = item.album?.title;
-            if (itemAlbum && !isFuzzyMatch(itemAlbum, targetAlbum)) albumOk = false;
-        }
+            if (options.albumMatch && targetAlbum) {
+                const itemAlbum = item.album?.title;
+                if (itemAlbum && !isFuzzyMatch(itemAlbum, targetAlbum)) albumOk = false;
+            }
 
-        return artistOk && albumOk;
-    }) || null;
+            return artistOk && albumOk;
+        }) || null
+    );
 }
 
 /**