[ 1.0.23 ] * This release requires the SpotifyPlus Integration v1.0.73+ release; please make sure you update the SpotifyPlus integration prior to updating this SpotifyPlus Card release.

  * Fixed hidden volume controls, which was caused by a bug introduced with v1.0.20.
  * Added the ability to disable image caching for userpreset images.  More info can be found on the [wiki docs](https://github.com/thlucas1/spotifyplus_card/wiki/Configuration-Options#userpresets-image-url-caching.)

Author: thlucas1

CHANGELOG.md

@@ -6,6 +6,12 @@ Change are listed in reverse chronological order (newest to oldest).
 
 <span class="changelog">
 
+###### [ 1.0.23 ] - 2024/12/20
+
+  * This release requires the SpotifyPlus Integration v1.0.73+ release; please make sure you update the SpotifyPlus integration prior to updating this SpotifyPlus Card release.
+  * Fixed hidden volume controls, which was caused by a bug introduced with v1.0.20.
+  * Added the ability to disable image caching for userpreset images.  More info can be found on the [wiki docs](https://github.com/thlucas1/spotifyplus_card/wiki/Configuration-Options#userpresets-image-url-caching.)
+
 ###### [ 1.0.22 ] - 2024/12/18
 
   * This release requires the SpotifyPlus Integration v1.0.72+ release; please make sure you update the SpotifyPlus integration prior to updating this SpotifyPlus Card release.

src/components/player-controls.ts

@@ -548,9 +548,8 @@ class PlayerControls extends LitElement {
     } else if (feature == TURN_ON) {
 
       if (this.player.supportsFeature(TURN_ON)) {
-        //if ([MediaPlayerState.OFF, MediaPlayerState.UNKNOWN, MediaPlayerState.STANDBY].includes(this.player.state)) {
         if ([MediaPlayerState.OFF, MediaPlayerState.STANDBY].includes(this.player.state)) {
-          return nothing; // show icon
+          return (this.config.playerVolumeControlsHidePower) ? true : nothing;
         }
         return true; // hide icon
       }

src/components/player-volume.ts

@@ -227,7 +227,7 @@ class Volume extends LitElement {
 
       if (this.player.supportsFeature(TURN_ON)) {
         if ([MediaPlayerState.OFF, MediaPlayerState.UNKNOWN, MediaPlayerState.STANDBY].includes(this.player.state)) {
-          return (this.config.playerVolumeControlsHidePower || nothing);  // show / hide icon based on config settings
+          return (this.config.playerVolumeControlsHidePower) ? true : nothing;
         }
         return true; // hide icon
       }
@@ -236,18 +236,20 @@ class Volume extends LitElement {
 
       if (this.player.supportsFeature(TURN_OFF)) {
         if (![MediaPlayerState.OFF, MediaPlayerState.UNKNOWN, MediaPlayerState.STANDBY].includes(this.player.state)) {
-          return (this.config.playerVolumeControlsHidePower || nothing);  // show / hide icon based on config settings
+          return (this.config.playerVolumeControlsHidePower) ? true : nothing;
         }
         return true; // hide icon
       }
 
     } else if (feature == VOLUME_MUTE) {
 
-      return !this.player.supportsFeature(VOLUME_MUTE);
+      if (this.player.supportsFeature(VOLUME_MUTE))
+        return nothing;
 
     } else if (feature == VOLUME_SET) {
 
-      return !this.player.supportsFeature(VOLUME_SET);
+        if (this.player.supportsFeature(VOLUME_SET))
+          return nothing;
 
     }
 

src/constants.ts

@@ -1,7 +1,7 @@
 import { css } from 'lit';
 
 /** current version of the card. */
-export const CARD_VERSION = '1.0.22';
+export const CARD_VERSION = '1.0.23';
 
 /** SpotifyPlus integration domain identifier. */
 export const DOMAIN_SPOTIFYPLUS = 'spotifyplus';

src/sections/userpreset-browser.ts

@@ -290,9 +290,12 @@ export class UserPresetBrowser extends FavBrowserBase {
           const result = JSON.parse(JSON.stringify(this.config.userPresets || [])) as IUserPreset[];
           if (result) {
 
-            // set where the configuration items were loaded from.
+            // set where the configuration items were loaded from, and
+            // replace nocache indicator if specified.
+            const noCacheKey = "nocache=" + getUtcNowTimestamp();
             result.forEach(item => {
               item.origin = "card config";
+              item.image_url = (item.image_url || "").replace("{nocache}", noCacheKey);
             });
 
             // append results to media list.
@@ -333,9 +336,12 @@ export class UserPresetBrowser extends FavBrowserBase {
               const responseObj = response as IUserPreset[]
               if (responseObj) {
 
-                // set where the configuration items were loaded from.
+                // set where the configuration items were loaded from, and 
+                // replace nocache indicator if specified.
+                const noCacheKey = "nocache=" + getUtcNowTimestamp();
                 responseObj.forEach(item => {
                   item.origin = this.config.userPresetsFile as string;
+                  item.image_url = (item.image_url || "").replace("{nocache}", noCacheKey);
                 });
 
                 // append results to media list.