- try to debug auth problem

Author: TobiasMue91

tools/spotify_music_quiz_cards.html

@@ -211,6 +211,13 @@
             const [key, value] = param.split('=');
             hashParams[key] = decodeURIComponent(value);
         });
+
+        // If we got a new token, save it immediately
+        if (hashParams.access_token) {
+            console.log('Got new token from hash:', hashParams.access_token.substring(0, 10) + '...');
+            localStorage.setItem('spotify_access_token', hashParams.access_token);
+        }
+
         return hashParams;
     }
 
@@ -380,24 +387,33 @@ <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 ${localStorage.getItem('spotify_access_token')}`,
+                'Authorization': `Bearer ${token}`,
                 ...options.headers
             }
         });
 
         if (response.status === 401) {
-            // Token is invalid, refresh authentication
+            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();
             return;
         }
 
-        if (!response.ok) {
-            throw new Error(`API request failed with status ${response.status}`);
-        }
-
         return response;
     }
 </script>