Update app.py

app.py

@@ -31,7 +31,7 @@ def complete_login(full_url):
         code = full_url.split("?code=")[1].split("&")[0]
     except IndexError:
         return (
-            gr.update(value="❌ OAuth code not found. Try logging in again."),
+            gr.update(value="❌ OAuth code not found. Please try again."),
             gr.update(visible=False),
             gr.update(visible=False),
         )
@@ -48,13 +48,13 @@ def complete_login(full_url):
 
     if not devices_dict:
         return (
-            gr.update(value="⚠️ No active Spotify devices found. Open Spotify app."),
+            gr.update(value="⚠️ No active Spotify devices found. Open Spotify."),
             gr.update(visible=False),
             gr.update(visible=False),
         )
 
     return (
-        gr.update(value="✅ Logged in! Select a playlist and playback device."),
+        gr.update(value="✅ Logged in! Choose playlist & device."),
         gr.update(visible=True, choices=list(user_playlists.keys())),
         gr.update(visible=True, choices=list(devices_dict.keys())),
     )
@@ -79,9 +79,8 @@ def shuffle_and_play(playlist_name, device_name):
 with gr.Blocks() as demo:
     gr.Markdown("## 🎵 RNG Spotify Playlist Shuffler")
 
-    login_url = get_auth_url()
     login_btn = gr.HTML(
-        f'<a href="{login_url}"><button style="width:100%; height:40px; font-size:16px;">🔐 Login to Spotify</button></a>'
+        f'<a href="{get_auth_url()}"><button style="width:100%;height:40px;font-size:16px;">🔐 Login to Spotify</button></a>'
     )
 
     status = gr.Markdown()
@@ -91,10 +90,8 @@ with gr.Blocks() as demo:
     shuffle_btn = gr.Button("🔀 Shuffle & Play", visible=False)
     result = gr.Markdown()
 
-    # Hidden textbox to automatically capture redirected URL
-    redirect_url_box = gr.Textbox(visible=False)
-
-    complete_login_btn = gr.Button(visible=False)
+    redirect_url_box = gr.Textbox(visible=False, elem_id="redirect_url_box")
+    complete_login_btn = gr.Button(visible=False, elem_id="complete_login_btn")
 
     complete_login_btn.click(
         complete_login,
@@ -110,18 +107,21 @@ with gr.Blocks() as demo:
         outputs=[result]
     )
 
-    # Automatic URL handling (no manual paste needed!)
+    # Correct automation JavaScript snippet:
     demo.load(None, None, None, js="""
-        () => {
-            const params = new URLSearchParams(window.location.search);
-            const code = params.get('code');
-            if(code) {
-                const box = document.querySelector('#component-redirect_url_box textarea');
-                if(box){ box.value = window.location.href; }
-                const button = document.querySelector('#component-complete_login_btn');
-                if(button){ button.click(); }
+    () => {
+        const params = new URLSearchParams(window.location.search);
+        const code = params.get('code');
+        if (code) {
+            const box = document.querySelector("#redirect_url_box textarea");
+            const btn = document.querySelector("#complete_login_btn button");
+            if (box && btn) {
+                box.value = window.location.href;
+                box.dispatchEvent(new Event('input', { bubbles: true }));
+                btn.click();
             }
         }
+    }
     """)
 
 if __name__ == "__main__":