From 4cb8b84f91c520417d53d8be5fb903269fb60c3b Mon Sep 17 00:00:00 2001
From: SamidyFR <168582143+SamidyFR@users.noreply.github.com>
Date: Tue, 10 Mar 2026 01:58:49 +0000
Subject: [PATCH] style: auto-fix linting issues

---
 index.html          | 36 ++++++++++++++++++++++++++----------
 js/audio-context.js |  7 ++-----
 js/events.js        | 33 ++++++++++++++++++++-------------
 js/player.js        | 29 ++++++++++++++++-------------
 styles.css          |  1 +
 5 files changed, 65 insertions(+), 41 deletions(-)

diff --git a/index.html b/index.html
index 08a88c0..a387dd6 100644
--- a/index.html
+++ b/index.html
@@ -2218,23 +2218,39 @@
                             <section class="content-section">
                                 <div class="header-actions">
                                     <h2 class="section-title">Recommended Songs</h2>
-                                    <div style="display: flex; gap: 8px;">
+                                    <div style="display: flex; gap: 8px">
                                         <button
                                             class="btn-primary"
                                             id="home-start-infinite-radio-btn"
                                             title="Start Infinite Radio"
-                                            style="display: flex; align-items: center; gap: 8px; padding: 6px 12px; font-size: 0.85rem;"
+                                            style="
+                                                display: flex;
+                                                align-items: center;
+                                                gap: 8px;
+                                                padding: 6px 12px;
+                                                font-size: 0.85rem;
+                                            "
                                         >
-                                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
-                                                <path d="M4.9 19.1C1 15.2 1 8.8 4.9 4.9"/><path d="M7.8 16.2c-2.3-2.3-2.3-6.1 0-8.4"/><circle cx="12" cy="12" r="2"/><path d="M16.2 7.8c2.3 2.3 2.3 6.1 0 8.4"/><path d="M19.1 4.9C23 8.8 23 15.2 19.1 19.1"/>
+                                            <svg
+                                                xmlns="http://www.w3.org/2000/svg"
+                                                width="16"
+                                                height="16"
+                                                viewBox="0 0 24 24"
+                                                fill="none"
+                                                stroke="currentColor"
+                                                stroke-width="2.5"
+                                                stroke-linecap="round"
+                                                stroke-linejoin="round"
+                                            >
+                                                <path d="M4.9 19.1C1 15.2 1 8.8 4.9 4.9" />
+                                                <path d="M7.8 16.2c-2.3-2.3-2.3-6.1 0-8.4" />
+                                                <circle cx="12" cy="12" r="2" />
+                                                <path d="M16.2 7.8c2.3 2.3 2.3 6.1 0 8.4" />
+                                                <path d="M19.1 4.9C23 8.8 23 15.2 19.1 19.1" />
                                             </svg>
                                             Start Infinite Radio
                                         </button>
-                                        <button
-                                            class="btn-secondary"
-                                            id="refresh-songs-btn"
-                                            title="Refresh"
-                                        >
+                                        <button class="btn-secondary" id="refresh-songs-btn" title="Refresh">
                                             <svg
                                                 xmlns="http://www.w3.org/2000/svg"
                                                 width="16"
@@ -5627,7 +5643,7 @@
                     <div id="radio-loading-indicator">
                         <div class="animate-spin"></div>
                         <span>Finding more songs for you...</span>
-                    </div>                    
+                    </div>
                     <div class="buttons">
                         <button id="shuffle-btn" title="Shuffle">
                             <svg
diff --git a/js/audio-context.js b/js/audio-context.js
index 64ab3ad..adf9c6f 100644
--- a/js/audio-context.js
+++ b/js/audio-context.js
@@ -348,7 +348,6 @@ class AudioContextManager {
         }
     }
 
-
     changeSource(audioElement) {
         if (!this.audioContext) {
             this.init(audioElement);
@@ -360,8 +359,7 @@ class AudioContextManager {
             if (this.source) {
                 try {
                     this.source.disconnect();
-                } catch (e) {
-                }
+                } catch (e) {}
             }
 
             this.audio = audioElement;
@@ -389,8 +387,7 @@ class AudioContextManager {
             // Disconnect everything first
             try {
                 this.source.disconnect();
-            } catch (e) {
-            }
+            } catch (e) {}
             this.outputNode.disconnect();
             if (this.volumeNode) {
                 this.volumeNode.disconnect();
diff --git a/js/events.js b/js/events.js
index ee8f987..968913f 100644
--- a/js/events.js
+++ b/js/events.js
@@ -176,17 +176,25 @@ export function initializePlayerEvents(player, audioPlayer, scrobbler, ui) {
 
         element.addEventListener('error', (e) => {
             if (player.activeElement !== element) return;
-            
+
             if (!element.src) return;
 
             const error = element.error;
             let errorMsg = 'Unknown error';
             if (error) {
                 switch (error.code) {
-                    case 1: errorMsg = 'Playback aborted'; break;
-                    case 2: errorMsg = 'Network error'; break;
-                    case 3: errorMsg = 'Decoding error'; break;
-                    case 4: errorMsg = 'Source not supported'; break;
+                    case 1:
+                        errorMsg = 'Playback aborted';
+                        break;
+                    case 2:
+                        errorMsg = 'Network error';
+                        break;
+                    case 3:
+                        errorMsg = 'Decoding error';
+                        break;
+                    case 4:
+                        errorMsg = 'Source not supported';
+                        break;
                 }
                 if (error.message) errorMsg += `: ${error.message}`;
             }
@@ -270,7 +278,6 @@ export function initializePlayerEvents(player, audioPlayer, scrobbler, ui) {
         });
     }
 
-
     // Waveform Masking Logic
     const updateWaveform = async () => {
         const progressBar = document.getElementById('progress-bar');
@@ -452,7 +459,7 @@ function initializeSmoothSliders(player) {
                 if (activeEl.muted) {
                     activeEl.muted = false;
                     localStorage.setItem('muted', false);
-                    
+
                     const inactiveEl = player.currentTrack?.type === 'video' ? player.audio : player.video;
                     if (inactiveEl) inactiveEl.muted = false;
                 }
@@ -481,7 +488,7 @@ function initializeSmoothSliders(player) {
             if (activeEl.muted) {
                 activeEl.muted = false;
                 localStorage.setItem('muted', false);
-                
+
                 const inactiveEl = player.currentTrack?.type === 'video' ? player.audio : player.video;
                 if (inactiveEl) inactiveEl.muted = false;
             }
@@ -549,7 +556,7 @@ function initializeSmoothSliders(player) {
             if (activeEl.muted) {
                 activeEl.muted = false;
                 localStorage.setItem('muted', false);
-                
+
                 const inactiveEl = player.currentTrack?.type === 'video' ? player.audio : player.video;
                 if (inactiveEl) inactiveEl.muted = false;
             }
@@ -569,7 +576,7 @@ function initializeSmoothSliders(player) {
         if (activeEl.muted) {
             activeEl.muted = false;
             localStorage.setItem('muted', false);
-            
+
             const inactiveEl = player.currentTrack?.type === 'video' ? player.audio : player.video;
             if (inactiveEl) inactiveEl.muted = false;
         }
@@ -585,7 +592,7 @@ function initializeSmoothSliders(player) {
                 if (activeEl.muted) {
                     activeEl.muted = false;
                     localStorage.setItem('muted', false);
-                    
+
                     const inactiveEl = player.currentTrack?.type === 'video' ? player.audio : player.video;
                     if (inactiveEl) inactiveEl.muted = false;
                 }
@@ -606,7 +613,7 @@ function initializeSmoothSliders(player) {
             if (delta > 0 && activeEl.muted) {
                 activeEl.muted = false;
                 localStorage.setItem('muted', false);
-                
+
                 const inactiveEl = player.currentTrack?.type === 'video' ? player.audio : player.video;
                 if (inactiveEl) inactiveEl.muted = false;
             }
@@ -629,7 +636,7 @@ function initializeSmoothSliders(player) {
             if (delta > 0 && activeEl.muted) {
                 activeEl.muted = false;
                 localStorage.setItem('muted', false);
-                
+
                 const inactiveEl = player.currentTrack?.type === 'video' ? player.audio : player.video;
                 if (inactiveEl) inactiveEl.muted = false;
             }
diff --git a/js/player.js b/js/player.js
index e7a7a5a..a6858ae 100644
--- a/js/player.js
+++ b/js/player.js
@@ -103,7 +103,6 @@ export class Player {
             }
         });
 
-
         this._setupVideoSync();
     }
 
@@ -119,8 +118,7 @@ export class Player {
                             if (this.video.readyState >= 2 && (this.audio.readyState > 0 || this.audio.src)) {
                                 this.audio.currentTime = this.video.currentTime;
                             }
-                        } catch (err) {
-                        }
+                        } catch (err) {}
                     }
 
                     const syncedEvent = new Event(eventName, { bubbles: e.bubbles, cancelable: e.cancelable });
@@ -467,8 +465,7 @@ export class Player {
                 this.hls = new Hls();
                 this.hls.loadSource(url);
                 this.hls.attachMedia(video);
-                this.hls.on(Hls.Events.MANIFEST_PARSED, () => {
-                });
+                this.hls.on(Hls.Events.MANIFEST_PARSED, () => {});
                 this.hls.on(Hls.Events.ERROR, (event, data) => {
                     if (data.fatal) {
                         console.warn('HLS fatal error:', data.type);
@@ -706,10 +703,16 @@ export class Player {
                 if (!played) return;
             } else if (track.type === 'video') {
                 if (window.monochromeUi) {
-                    const isInFullscreen = document.getElementById('fullscreen-cover-overlay')?.style.display === 'flex';
+                    const isInFullscreen =
+                        document.getElementById('fullscreen-cover-overlay')?.style.display === 'flex';
                     if (!isInFullscreen) {
                         const lyricsManager = window.monochromeUi.lyricsManager;
-                        window.monochromeUi.showFullscreenCover(track, this.getNextTrack(), lyricsManager, activeElement);
+                        window.monochromeUi.showFullscreenCover(
+                            track,
+                            this.getNextTrack(),
+                            lyricsManager,
+                            activeElement
+                        );
                     }
                 }
 
@@ -948,24 +951,24 @@ export class Player {
                 const recommendations = await this.api.getRecommendedTracksForPlaylist(seeds, 10);
                 if (recommendations && recommendations.length > 0) {
                     const currentQueueIds = new Set(this.getCurrentQueue().map((t) => t.id));
-                    
+
                     const [favorites, userPlaylists] = await Promise.all([
                         db.getFavorites('track'),
                         db.getAll('user_playlists'),
                     ]);
-                    
+
                     const knownTrackIds = new Set([
-                        ...favorites.map(t => t.id),
-                        ...userPlaylists.flatMap(p => (p.tracks || []).map(t => t.id))
+                        ...favorites.map((t) => t.id),
+                        ...userPlaylists.flatMap((p) => (p.tracks || []).map((t) => t.id)),
                     ]);
 
                     const newTracks = recommendations.filter((t) => {
                         if (currentQueueIds.has(t.id)) return false;
-                        
+
                         if (knownTrackIds.has(t.id)) {
                             return Math.random() < 0.2;
                         }
-                        
+
                         return true;
                     });
 
diff --git a/styles.css b/styles.css
index 6f4bc31..dfc3a65 100644
--- a/styles.css
+++ b/styles.css
@@ -3168,6 +3168,7 @@ input:checked + .slider::before {
         opacity: 0;
         transform: translate(-50%, 10px);
     }
+
     to {
         opacity: 1;
         transform: translate(-50%, 0);