From 4d0b54f7d6a208673c7979ef51304763544e1781 Mon Sep 17 00:00:00 2001
From: Luis Pereira <luispereira.tkd@gmail.com>
Date: Mon, 13 Oct 2025 21:56:47 +0100
Subject: [PATCH] feat: move player to use now-playing partial

---
 static/js/player.js   | 43 +++++++++++++------------------------------
 template/player.chtml |  4 ++--
 2 files changed, 15 insertions(+), 32 deletions(-)

diff --git a/static/js/player.js b/static/js/player.js
index 4e30b65..dcfcb12 100644
--- a/static/js/player.js
+++ b/static/js/player.js
@@ -566,41 +566,24 @@ function changeLiveStreamQuality() {
     }
 }
 
-// Live stream functionality
-async function updateLiveStream() {
+// Live stream informatio update
+async function updateNowPlaying() {
     try {
-        const response = await fetch('/api/asteroid/icecast-status')
-        if (!response.ok) {
-            throw new Error(`HTTP ${response.status}`);
+        const response = await fetch('/api/asteroid/partial/now-playing')
+        const contentType = response.headers.get("content-type")
+        if (!contentType.includes('text/html')) {
+            throw new Error('Error connecting to stream')
         }
-        const result = await response.json();
-        
-        // Handle RADIANCE API wrapper format
-        const data = result.data || result;
-        if (data.icestats && data.icestats.source) {
-            const sources = Array.isArray(data.icestats.source) ? data.icestats.source : [data.icestats.source];
-            const mainStream = sources.find(s => s.listenurl && s.listenurl.includes('asteroid.mp3'));
 
-            if (mainStream && mainStream.title) {
-                const titleParts = mainStream.title.split(' - ');
-                const artist = titleParts.length > 1 ? titleParts[0] : 'Unknown Artist';
-                const track = titleParts.length > 1 ? titleParts.slice(1).join(' - ') : mainStream.title;
+        const data = await response.text()
+        document.getElementById('now-playing').innerHTML = data
 
-                const nowPlayingEl = document.getElementById('live-now-playing');
-                const listenersEl = document.getElementById('live-listeners');
-
-                if (nowPlayingEl) nowPlayingEl.textContent = `${artist} - ${track}`;
-                if (listenersEl) listenersEl.textContent = mainStream.listeners || '0';
-            } else {
-            }
-        }
-    } catch (error) {
-        console.error('Live stream update error:', error);
-        const nowPlayingEl = document.getElementById('live-now-playing');
-        if (nowPlayingEl) nowPlayingEl.textContent = 'Stream unavailable';
+    } catch(error) {
+        console.log('Could not fetch stream status:', error);
     }
 }
 
+// Initial update after 1 second
+setTimeout(updateNowPlaying, 1000);
 // Update live stream info every 10 seconds
-setTimeout(updateLiveStream, 1000); // Initial update after 1 second
-setInterval(updateLiveStream, 10000);
+setInterval(updateNowPlaying, 10000);
diff --git a/template/player.chtml b/template/player.chtml
index cbf6d89..5911737 100644
--- a/template/player.chtml
+++ b/template/player.chtml
@@ -25,8 +25,6 @@
       <h2 style="color: #00ff00;">🟢 Live Radio Stream</h2>
       <div class="live-stream">
         <input type="hidden" id="stream-base-url" lquery="(val stream-base-url)">
-        <p><strong>Now Playing:</strong> <span id="live-now-playing">Loading...</span></p>
-        <p><strong>Listeners:</strong> <span id="live-listeners">0</span></p>
         <!-- Stream Quality Selector -->
         <div class="live-stream-quality">
           <label for="live-stream-quality"><strong>Quality:</strong></label>
@@ -45,6 +43,8 @@
       </div>
     </div>
 
+    <div id="now-playing" class="now-playing"></div>
+
     <!-- Track Browser -->
     <div class="player-section">
       <h2>Personal Track Library</h2>