feat: update episode/show coverart for stream

src/components/MediaPlayer.svelte

 <script lang="ts">
   import { onMount, onDestroy, setContext } from 'svelte'
   import { addTrackStore } from '../stores.js'
+  import { currentEpisodeStore } from '../poll.js'
   import Spinner from '../common/Spinner.svelte'
   import MediaPlayerCenter from '../elements/MediaPlayerCenter.svelte'
   import Amplitude from 'amplitudejs'
@@ -14,7 +15,7 @@
   export var autoPlay: boolean = true
   export var streamUrl: string = 'https://securestream.o94.at/live.mp3'
   export var streamName: string = 'Radio ORANGE 94.0'
-  export var streamCover: string =
+  export var streamDefaultCover: string =
     'https://aura.radio/assets/aura-logo-grayscale.png'
   export var urlEpisodeDetail: string = '/episode-detail.html?id='
   export var urlShowDetail: string = '/show-detail.html?slug='
@@ -40,11 +41,16 @@
 
   let activeTab: { [id: string]: string } = TABS[0]
   let buttonPlayPause: any = null
-  let coverArt: string = streamCover
+  let coverArt: string
+  let isLive: boolean = false
+
+  //
+  // Custom Tracks
+  //
 
   /* Listen to event for adding/playing a custom track */
   let newTrack: any = {}
-  const unsubscribe = addTrackStore.subscribe(
+  const unsubscribeCustomTrack = addTrackStore.subscribe(
     (value: any) => (newTrack = value),
   )
   $: if (newTrack) {
@@ -54,6 +60,20 @@
     if (newTrack.play) Amplitude.playSongAtIndex(trackQueue.length - 1)
   }
 
+  function updateFileCoverArt() {
+    isLive = isLiveStream()
+    if (!isLive) {
+      let index = Amplitude.getActiveIndex()
+      let song = Amplitude.getSongAtIndex(index)
+      coverArt = song.cover_art_url
+    }
+  }
+
+
+  //
+  // Live Stream
+  //
+
   /* Queue holding the playlist entries */
   $: trackQueue = [
     {
@@ -62,10 +82,39 @@
       album: '',
       url: streamUrl,
       live: true,
-      cover_art_url: streamCover,
+      cover_art_url: streamDefaultCover,
     },
   ]
 
+  function isLiveStream() {
+    let index = Amplitude.getActiveIndex()
+    let song = Amplitude.getSongAtIndex(index)
+    return song?.live
+  }
+
+  /* Subscrible to store event on current episode updates */
+  const unsubscribeCurrentEpisode = currentEpisodeStore.subscribe((value: any) =>
+    updateLiveCoverArt(value),
+  )
+
+  function updateLiveCoverArt(episode: any) {
+    if (episode?.show?.image) {
+      let cover = episode.show.image
+      console.log('new cover +++', cover)
+
+      if (isLiveStream() && coverArt != cover){
+        coverArt = cover
+      }
+    } else {
+      coverArt = streamDefaultCover
+    }
+  }
+
+
+  //
+  // General
+  //
+
   /* Initialize the component */
   onMount(() => {
     console.log('Initialize AURA Media Player')
@@ -84,7 +133,7 @@
       callbacks: {
         initialized: () => {
           if (autoPlay) Amplitude.play()
-          updateCurrentCoverArt()
+          updateFileCoverArt()
         },
         pause: () => {
           console.log('Clicked <pause>')
@@ -100,7 +149,7 @@
         },
         song_change: () => {
           console.log('Song changed')
-          updateCurrentCoverArt()
+          updateFileCoverArt()
         },
         stop: () => {
           console.log('Stopped playing')
@@ -114,17 +163,25 @@
 
     // Add any given media URL in the query parameters to the playlist
     let url = new URL(window.location.href)
-    let trackBase64 = decodeURIComponent("" + url.searchParams.get('track'))
+    let trackBase64 = decodeURIComponent('' + url.searchParams.get('track'))
 
     if (trackBase64) {
       let trackString = atob(trackBase64)
-      let track = JSON.parse(trackString)
-      let playMediaInUrl = url.searchParams.get('play')
-      console.log('Add track via pop-up URL params:', track)
-      trackQueue.push(track)
-      trackQueue = trackQueue
-      if (playMediaInUrl)
-        Amplitude.playSongAtIndex(trackQueue.length - 1)
+      let track: any
+
+      try {
+        if (trackString)
+          track = JSON.parse(trackString)
+      } catch (error) {
+        console.log(`Error while parsing track in URI: '{trackString}'`, error)
+      }
+      if (track) {
+        let playMediaInUrl = url.searchParams.get('play')
+        console.log('Add track via pop-up URL params:', track)
+        trackQueue.push(track)
+        trackQueue = trackQueue
+        if (playMediaInUrl) Amplitude.playSongAtIndex(trackQueue.length - 1)
+      }
     }
   })
 
@@ -137,14 +194,9 @@
     else Amplitude.pause
   }
 
-  function updateCurrentCoverArt() {
-    let index = Amplitude.getActiveIndex()
-    let song = Amplitude.getSongAtIndex(index)
-    coverArt = song.cover_art_url
-  }
-
-  /* Destroy the component */
-  onDestroy(unsubscribe)
+  /* Destroy the component and events */
+  onDestroy(unsubscribeCustomTrack)
+  onDestroy(unsubscribeCurrentEpisode)
 </script>
 
 <style lang="scss">
@@ -224,7 +276,7 @@
     height: 344px;
     background-size: 344px 344px;
     background-position: center;
-    background-size: contain;
+    background-size: cover;
   }
 
   /* Tab: Playlist */
@@ -394,7 +446,7 @@
         {/if}
       </div>
 
-      <MediaPlayerCenter />
+      <MediaPlayerCenter {isLive} />
 
       <div id="aura-media-player-controls">
         <div