Big refactor

now-playing/themes/simple/script.js

@@ -42,111 +42,6 @@ else
 // CORE FUNCTIONS //
 ////////////////////
 
-// Each theme must implement the following
-function UpdatePlayerState(data) {
-    // Check if the user has provided a target application in the settings
-    const isFiltering = targetApplication && targetApplication.trim() !== "";
-
-    // Search for the session that matches the target application
-    const sessionToFind = isFiltering ? targetApplication : data.current_session_id;
-    let targetSession = data.sessions.find(s => {
-        // If filtering, check if the source_app_id matches the user's string
-        if (isFiltering) {
-            return s.source_app_id.toLowerCase() === targetApplication.toLowerCase();
-        }
-        // Otherwise, match the system's current active session ID
-        return s.source_app_id === sessionToFind;
-    });
-
-    // If a target session was found, update the state of the widget
-    if (targetSession) {
-        // Extract the relevant properties from the session
-        const playbackInfo = targetSession.playback_info;
-        const mediaProps = targetSession.media_properties;
-        const timelineProps = targetSession.timeline_properties;
-
-        // 1. Check if playback status has changed and update visibility accordingly
-        if (playbackInfo.PlaybackStatus !== CurrentPlaybackStatus) {
-            if (playbackInfo.PlaybackStatus === PlaybackStatus.PLAYING)
-                SetVisibility(true);
-            else
-                SetVisibility(false);
-            CurrentPlaybackStatus = playbackInfo.PlaybackStatus;
-        }
-
-        // 2. Check if the track name/artist have changed - this is our indicator that the next track has loaded
-        // Only proceed if the player state is actively playing audio
-        if (CurrentPlaybackStatus == PlaybackStatus.PLAYING)
-        {
-            const newTrackKey = `${mediaProps.Title}|${mediaProps.Artist}`;
-            if (newTrackKey !== CurrentSong) {
-                ChangeTrack(mediaProps);        // Now trigger your cross-fade logic here!
-                CurrentSong = newTrackKey;      // Update the tracker with the string key
-            }
-        }
-
-        // // 3. Update the progress info
-        // if (timelineProps)
-        // {
-        //     // Parse the Windows timestamp into a JavaScript time object
-        //     const lastUpdateAnchor = Date.parse(timelineProps.LastUpdatedTime.replace(' ', 'T'));
-
-        //     // Calculate the drift (i.e. how many milliseconds have passed since Windows last updated)
-        //     const driftMs = Date.now() - lastUpdateAnchor;
-
-        //     // Add that drift to the reported Position
-        //     // Only add drift if the status is PLAYING
-        //     const isPlaying = (targetSession.playback_info.PlaybackStatus === PlaybackStatus.PLAYING);
-        //     const currentPositionMs = isPlaying && timelineProps.EndTime > 0 ? timelineProps.Position + driftMs : timelineProps.Position;
-
-        //     // Update the label using your naming convention
-        //     currentTimeLabel.innerText =
-        //         ConvertMillisecondsToMinutesSoThatItLooksBetterOnTheOverlay(currentPositionMs);
-
-        //     durationLabel.innerText =
-        //         ConvertMillisecondsToMinutesSoThatItLooksBetterOnTheOverlay(timelineProps.EndTime);
-
-        //     // Set progressbar
-        //     // Ensure we don't divide by zero or exceed 100%
-        //     const durationMs = timelineProps.EndTime;
-        //     let progressPercent = durationMs > 0 ? (currentPositionMs / durationMs) * 100 : 0;
-        //     progressPercent = Math.min(100, Math.max(0, progressPercent));
-        //     progressBarFill.style.width = `${progressPercent}%`;
-        // }
-    }
-    else
-    {
-        SetVisibility(false);
-    }
-}
-
-
-
-//////////////////////
-// HELPER FUNCTIONS //
-//////////////////////
-
-function SetVisibility(visible) {
-    // Always clear any pending hide timers whenever we change visibility
-    if (hideTimeout) {
-        clearTimeout(hideTimeout);
-        hideTimeout = null;
-    }
-
-    if (visible) {
-        mainWrapper.style.animation = `${showAnimation} 0.5s ease-out forwards`;
-        
-        // Only set a new timer if autoHide is enabled
-        if (autoHide) {
-            hideTimeout = setTimeout(() => {
-                SetVisibility(false);
-            }, displayDuration * 1000);
-        }
-    } else {
-        mainWrapper.style.animation = `${hideAnimation} 0.5s ease-out forwards`;
-    }
-}
-
 async function ChangeTrack(mediaProps) {
     // Fade in the overlay (shows the new text)
     trackLabel.style.opacity = "0";
@@ -189,6 +84,9 @@ async function ChangeTrack(mediaProps) {
     }, 250);
 }
 
+function SetProgressInfo(timelineProps, currentPositionMs, accentColorPalette) {
+}
+
 function SetAlbumArtSize() {
     const height = songInfoContainer.offsetHeight;
     albumArtContainer.style.height = `${1.5 * height}px`;

now-playing/themes/simple/style.css

@@ -6,7 +6,6 @@
     width: 500px;
     display: flex;
     flex-direction: row;
-    /* This forces both containers to be the same height */
     align-items: stretch; 
     gap: 1em;
     opacity: 0;