Update app.py

app.py

@@ -29,24 +29,29 @@ sp = None
 user_playlists = {}
 
 def get_auth_url():
-    return sp_oauth.get_authorize_url()
+    url = sp_oauth.get_authorize_url()
+    print(f"[DEBUG] Generated auth URL: {url}")
+    return url
 
 def check_login(code: str):
+    print(f"[DEBUG] check_login called with code: {code}")
     global sp, user_playlists
+    # Hide controls if no code yet
     if not code:
         return gr.update(visible=False), gr.update(visible=False, choices=[])
-
+    # Exchange code for token
     token = sp_oauth.get_access_token(code, as_dict=False)
     sp = spotipy.Spotify(auth=token)
     pls = sp.current_user_playlists(limit=50)["items"]
     user_playlists = {p["name"]: p["id"] for p in pls}
-
+    print(f"[DEBUG] Retrieved playlists: {list(user_playlists.keys())}")
     return (
         gr.update(visible=True, value="✅ Logged in! Choose a playlist below."),
         gr.update(visible=True, choices=list(user_playlists.keys())),
     )
 
 def load_playlist_info(pl_name: str):
+    print(f"[DEBUG] load_playlist_info called for: {pl_name}")
     pid  = user_playlists[pl_name]
     data = sp.playlist(pid)
     img   = data["images"][0]["url"] if data["images"] else ""
@@ -60,20 +65,19 @@ def load_playlist_info(pl_name: str):
     return html, gr.update(visible=True)
 
 def shuffle_and_play(pl_name: str):
+    print(f"[DEBUG] shuffle_and_play called for: {pl_name}")
     pid     = user_playlists[pl_name]
     tracks, results = [], sp.playlist_tracks(pid)
     tracks.extend(results["items"])
     while results["next"]:
         results = sp.next(results)
         tracks.extend(results["items"])
-
     uris = [t["track"]["uri"] for t in tracks if t["track"]]
     devices = sp.devices()["devices"]
     if not devices:
+        print("[DEBUG] No active devices found")
         return gr.update(value="⚠️ No active device. Open Spotify and try again.", visible=True)
-
     sp.start_playback(device_id=devices[0]["id"], uris=uris)
-
     now = sp.current_playback()
     if now and now.get("item"):
         it      = now["item"]
@@ -96,7 +100,12 @@ with gr.Blocks() as demo:
     login_btn = gr.Button("🔐 Step 1: Login to Spotify")
     login_btn.click(
         fn=None, inputs=None, outputs=None,
-        js=f"() => window.top.location.href = '{get_auth_url()}'"
+        js=f"""
+        () => {{
+          console.log("👉 [JS] Login button clicked, redirecting...");
+          window.top.location.href = '{get_auth_url()}';
+        }}
+        """
     )
 
     # Hidden box to capture the `code` after redirect
@@ -117,21 +126,22 @@ with gr.Blocks() as demo:
         inputs=[code_box],
         outputs=[status, dropdown],
         js="""
-          () => {
-            const code = new URLSearchParams(window.location.search).get('code') || "";
-            return code;
-          }
+        () => {
+          const url = window.location.href;
+          const code = new URLSearchParams(window.location.search).get('code') || "";
+          console.log("🌐 [JS] Current URL:", url);
+          console.log("🔑 [JS] Parsed code:", code);
+          return code;
+        }
         """
     )
 
-    # When a playlist is chosen, show its artwork/info and reveal “Shuffle”
     dropdown.change(
         fn=load_playlist_info,
         inputs=[dropdown],
         outputs=[info_html, shuffle_btn]
     )
 
-    # Shuffle & start playback, then display the now-playing track
     shuffle_btn.click(
         fn=shuffle_and_play,
         inputs=[dropdown],
@@ -141,4 +151,3 @@ with gr.Blocks() as demo:
 if __name__ == "__main__":
     demo.launch()
 
-