From f6bc60bd5e5ccf389fb2072f3e83ea195173ed18 Mon Sep 17 00:00:00 2001
From: edideaur <182119792+edideaur@users.noreply.github.com>
Date: Fri, 6 Mar 2026 08:57:13 +0000
Subject: [PATCH] style: auto-fix linting issues

---
 index.html               |  2 +-
 js/accounts/auth.js      | 25 +++++++++++--------------
 js/accounts/config.js    | 12 +++++++-----
 js/ui.js                 |  8 +++-----
 js/visualizers/kawarp.js |  6 +++---
 5 files changed, 25 insertions(+), 28 deletions(-)

diff --git a/index.html b/index.html
index 1431cab..2ae6bc1 100644
--- a/index.html
+++ b/index.html
@@ -2332,7 +2332,7 @@
                         </div>
                     </div>
 
-                    <div id="home-view-explore" class="home-view" style="display: none;">
+                    <div id="home-view-explore" class="home-view" style="display: none">
                         <div id="explore-content">
                             <div class="card-grid" id="explore-grid"></div>
                         </div>
diff --git a/js/accounts/auth.js b/js/accounts/auth.js
index 6dab33a..6d522a9 100644
--- a/js/accounts/auth.js
+++ b/js/accounts/auth.js
@@ -84,10 +84,7 @@ export class AuthManager {
 
     async sendPasswordReset(email) {
         try {
-            await auth.createRecovery(
-                email,
-                window.location.origin + '/reset-password.html'
-            );
+            await auth.createRecovery(email, window.location.origin + '/reset-password.html');
             alert(`Password reset email sent to ${email}`);
         } catch (error) {
             console.error('Password reset failed:', error);
@@ -115,9 +112,9 @@ export class AuthManager {
     }
 
     updateUI(user) {
-        const connectBtn     = document.getElementById('firebase-connect-btn');
-        const clearDataBtn   = document.getElementById('firebase-clear-cloud-btn');
-        const statusText     = document.getElementById('firebase-status');
+        const connectBtn = document.getElementById('firebase-connect-btn');
+        const clearDataBtn = document.getElementById('firebase-clear-cloud-btn');
+        const statusText = document.getElementById('firebase-status');
         const emailContainer = document.getElementById('email-auth-container');
         const emailToggleBtn = document.getElementById('toggle-email-auth-btn');
 
@@ -128,10 +125,10 @@ export class AuthManager {
             connectBtn.textContent = 'Sign Out';
             connectBtn.classList.add('danger');
             connectBtn.onclick = () => this.signOut();
-            if (clearDataBtn)   clearDataBtn.style.display   = 'none';
+            if (clearDataBtn) clearDataBtn.style.display = 'none';
             if (emailContainer) emailContainer.style.display = 'none';
             if (emailToggleBtn) emailToggleBtn.style.display = 'none';
-            if (statusText)     statusText.textContent = user ? `Signed in as ${user.email}` : 'Signed in';
+            if (statusText) statusText.textContent = user ? `Signed in as ${user.email}` : 'Signed in';
 
             const accountPage = document.getElementById('page-account');
             if (accountPage) {
@@ -161,20 +158,20 @@ export class AuthManager {
             connectBtn.classList.add('danger');
             connectBtn.onclick = () => this.signOut();
 
-            if (clearDataBtn)   clearDataBtn.style.display   = 'block';
+            if (clearDataBtn) clearDataBtn.style.display = 'block';
             if (emailContainer) emailContainer.style.display = 'none';
             if (emailToggleBtn) emailToggleBtn.style.display = 'none';
-            if (statusText)     statusText.textContent = `Signed in as ${user.email}`;
+            if (statusText) statusText.textContent = `Signed in as ${user.email}`;
         } else {
             connectBtn.textContent = 'Connect with Google';
             connectBtn.classList.remove('danger');
             connectBtn.onclick = () => this.signInWithGoogle();
 
-            if (clearDataBtn)   clearDataBtn.style.display   = 'none';
+            if (clearDataBtn) clearDataBtn.style.display = 'none';
             if (emailToggleBtn) emailToggleBtn.style.display = 'inline-block';
-            if (statusText)     statusText.textContent = 'Sync your library across devices';
+            if (statusText) statusText.textContent = 'Sync your library across devices';
         }
     }
 }
 
-export const authManager = new AuthManager();
\ No newline at end of file
+export const authManager = new AuthManager();
diff --git a/js/accounts/config.js b/js/accounts/config.js
index 1a3ebf6..cc19d85 100644
--- a/js/accounts/config.js
+++ b/js/accounts/config.js
@@ -1,12 +1,14 @@
 // js/accounts/config.js
 import { Client, Account } from 'appwrite';
 
-const client = new Client()
-    .setEndpoint('https://auth.samidy.xyz/v1') 
-    .setProject('auth-for-monochrome');
+const client = new Client().setEndpoint('https://auth.samidy.xyz/v1').setProject('auth-for-monochrome');
 
 const account = new Account(client);
 
 export { client, account as auth };
-export const saveFirebaseConfig = () => { console.log("ill fix this tomorrow"); };
-export const clearFirebaseConfig = () => { console.log("ill fix this tomorrow"); };
\ No newline at end of file
+export const saveFirebaseConfig = () => {
+    console.log('ill fix this tomorrow');
+};
+export const clearFirebaseConfig = () => {
+    console.log('ill fix this tomorrow');
+};
diff --git a/js/ui.js b/js/ui.js
index 8473d9a..f63957e 100644
--- a/js/ui.js
+++ b/js/ui.js
@@ -1768,15 +1768,13 @@ export class UIRenderer {
 
                 const genresGrid = document.createElement('div');
                 genresGrid.className = 'card-grid';
-                genresGrid.innerHTML = GENRES
-                    .map(
-                        (genre) => `
+                genresGrid.innerHTML = GENRES.map(
+                    (genre) => `
                     <div class="card genre-card" data-genre-id="${genre.id}" data-genre-name="${escapeHtml(genre.name)}" style="cursor: pointer; background: var(--secondary); padding: 1.5rem; display: flex; align-items: center; justify-content: center; text-align: center; min-height: 100px; border-radius: var(--radius); border: 1px solid var(--border);">
                         <h3 style="margin: 0; font-size: 1.1rem; font-weight: 600;">${escapeHtml(genre.name)}</h3>
                     </div>
                 `
-                    )
-                    .join('');
+                ).join('');
 
                 genresSection.appendChild(genresGrid);
                 container.appendChild(genresSection);
diff --git a/js/visualizers/kawarp.js b/js/visualizers/kawarp.js
index a8122ea..02f8503 100644
--- a/js/visualizers/kawarp.js
+++ b/js/visualizers/kawarp.js
@@ -114,9 +114,9 @@ export class KawarpPreset {
         // Cache buster forces a fresh CORS request, bypassing the browser's
         // cached non-CORS response from the <img> tag (same pattern as ui.js)
         const sep = url.includes('?') ? '&' : '?';
-        this.kawarp.loadImage(`${url}${sep}not-from-cache-please`).catch((err) =>
-            console.warn('[Kawarp] Failed to load cover:', err),
-        );
+        this.kawarp
+            .loadImage(`${url}${sep}not-from-cache-please`)
+            .catch((err) => console.warn('[Kawarp] Failed to load cover:', err));
     }
 
     resize(_w, _h) {