From 148506f68cce2910c0964a9b246ea90f3c174dfa Mon Sep 17 00:00:00 2001
From: Samidy <samidy@proton.me>
Date: Sat, 31 Jan 2026 08:45:07 +0300
Subject: [PATCH] feat(accounts): ability to reset passwords

---
 index.html                |  7 +++++++
 js/accounts/auth.js       | 16 ++++++++++++++++
 js/accounts/config.js     |  2 +-
 js/accounts/pocketbase.js |  1 +
 js/settings.js            | 15 +++++++++++++++
 5 files changed, 40 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 31cb3e2..267f26a 100644
--- a/index.html
+++ b/index.html
@@ -2433,6 +2433,13 @@
                                 <button id="email-signin-btn" class="btn-primary" style="flex: 1">Sign In</button>
                                 <button id="email-signup-btn" class="btn-secondary" style="flex: 1">Sign Up</button>
                             </div>
+                            <button
+                                id="reset-password-btn"
+                                class="btn-secondary"
+                                style="width: 100%; margin-top: 10px; font-size: 0.9rem"
+                            >
+                                Forgot Password?
+                            </button>
                             <button
                                 id="cancel-email-auth-btn"
                                 class="btn-secondary"
diff --git a/js/accounts/auth.js b/js/accounts/auth.js
index 158e90b..865e31d 100644
--- a/js/accounts/auth.js
+++ b/js/accounts/auth.js
@@ -6,6 +6,7 @@ import {
     onAuthStateChanged,
     signInWithEmailAndPassword,
     createUserWithEmailAndPassword,
+    sendPasswordResetEmail,
 } from 'https://www.gstatic.com/firebasejs/10.7.1/firebase-auth.js';
 
 export class AuthManager {
@@ -82,6 +83,21 @@ export class AuthManager {
         }
     }
 
+    async sendPasswordReset(email) {
+        if (!auth) {
+            alert('Firebase is not configured.');
+            return;
+        }
+        try {
+            await sendPasswordResetEmail(auth, email);
+            alert(`Password reset email sent to ${email}`);
+        } catch (error) {
+            console.error('Password reset failed:', error);
+            alert(`Failed to send reset email: ${error.message}`);
+            throw error;
+        }
+    }
+
     async signOut() {
         if (!auth) return;
 
diff --git a/js/accounts/config.js b/js/accounts/config.js
index a8448dc..a0b6aaa 100644
--- a/js/accounts/config.js
+++ b/js/accounts/config.js
@@ -1,4 +1,4 @@
-// js/firebase/config.js
+//js/accounts/config.js
 import { initializeApp } from 'https://www.gstatic.com/firebasejs/10.7.1/firebase-app.js';
 import { getAuth, GoogleAuthProvider } from 'https://www.gstatic.com/firebasejs/10.7.1/firebase-auth.js';
 import { getDatabase } from 'https://www.gstatic.com/firebasejs/10.7.1/firebase-database.js';
diff --git a/js/accounts/pocketbase.js b/js/accounts/pocketbase.js
index 8f7f0b5..d40858f 100644
--- a/js/accounts/pocketbase.js
+++ b/js/accounts/pocketbase.js
@@ -1,3 +1,4 @@
+//js/accounts/pocketbase.js
 import PocketBase from 'pocketbase';
 import { db } from '../db.js';
 import { authManager } from './auth.js';
diff --git a/js/settings.js b/js/settings.js
index 5728587..e2fbe09 100644
--- a/js/settings.js
+++ b/js/settings.js
@@ -33,6 +33,7 @@ export function initializeSettings(scrobbler, player, api, ui) {
     const passwordInput = document.getElementById('auth-password');
     const signInBtn = document.getElementById('email-signin-btn');
     const signUpBtn = document.getElementById('email-signup-btn');
+    const resetPasswordBtn = document.getElementById('reset-password-btn');
 
     if (toggleEmailBtn && authContainer && authButtonsContainer) {
         toggleEmailBtn.addEventListener('click', () => {
@@ -88,6 +89,20 @@ export function initializeSettings(scrobbler, player, api, ui) {
         });
     }
 
+    if (resetPasswordBtn) {
+        resetPasswordBtn.addEventListener('click', async () => {
+            const email = emailInput.value;
+            if (!email) {
+                alert('Please enter your email address to reset your password.');
+                return;
+            }
+            try {
+                await authManager.sendPasswordReset(email);
+            } catch {
+            }
+        });
+    }
+
     const lastfmConnectBtn = document.getElementById('lastfm-connect-btn');
     const lastfmStatus = document.getElementById('lastfm-status');
     const lastfmToggle = document.getElementById('lastfm-toggle');