- try to debug auth problem

Author: TobiasMue91

tools/spotify_music_quiz_cards.html

@@ -228,7 +228,7 @@
         }
 
         const response = await spotifyFetch(`https://api.spotify.com/v1/playlists/${playlistId}/tracks`);
-        if (!response) return []; // Handle case where auth refresh was triggered
+        if (!response) return [];
 
         const data = await response.json();
         return data.items
@@ -387,33 +387,27 @@ <h3 class="title">${track.name}</h3>
     }
 
     async function spotifyFetch(url, options = {}) {
-        console.log('Making request to:', url);
-
-        const token = localStorage.getItem('spotify_access_token');
-        console.log('Using token:', token?.substring(0, 10) + '...');
-
         const response = await fetch(url, {
             ...options,
             headers: {
-                'Authorization': `Bearer ${token}`,
+                'Authorization': `Bearer ${localStorage.getItem('spotify_access_token')}`,
                 ...options.headers
             }
         });
 
         if (response.status === 401) {
-            console.log('Got 401 error for URL:', url);
-            console.log('Full response:', response);
-            // Let's check if we just got redirected back from auth
-            const hashParams = getHashParams();
-            if (hashParams.access_token) {
-                console.log('We already have a new token but still getting 401s');
-                // Something else is wrong - maybe token isn't being stored properly
-                return response;
-            }
-            refreshAuth();
+            localStorage.clear();
+            sessionStorage.clear();
+            const clientId = localStorage.getItem('spotify_client_id');
+            const scope = 'streaming user-read-email user-read-private user-modify-playback-state playlist-read-private';
+            window.location.href = `https://accounts.spotify.com/authorize?client_id=${clientId}&response_type=token&redirect_uri=${encodeURIComponent(redirectUri)}&scope=${encodeURIComponent(scope)}`;
             return;
         }
 
+        if (!response.ok) {
+            throw new Error(`API request failed with status ${response.status}`);
+        }
+
         return response;
     }
 </script>