fix(media): fallback to signed artwork urls in production

Author: awesomestvi

src/app/features/media/components/media-card/use-media-card-controller.ts

@@ -7,6 +7,7 @@ import { homeAssistantService } from '@/app/services/home-assistant.service';
 import { homeAssistantSelectors } from '@/app/stores/selectors';
 import {
   isHomeAssistantProxyUrl,
+  resolveHomeAssistantAbsoluteUrl,
   resolveHomeAssistantProxyUrl,
 } from '@/app/utils/home-assistant-url';
 
@@ -106,6 +107,14 @@ export function useMediaCardController({
     return normalizedArtworkUrl;
   }, [authConfig, entityPicture, failedArtworkUrl]);
 
+  const directAlbumArt = useMemo(() => {
+    if (!entityPicture) {
+      return null;
+    }
+
+    return resolveHomeAssistantAbsoluteUrl(entityPicture, authConfig?.url);
+  }, [authConfig?.url, entityPicture]);
+
   useEffect(() => {
     if (!albumArt) {
       if (objectUrlRef.current) {
@@ -157,7 +166,7 @@ export function useMediaCardController({
 
       if (shouldAvoidProxyFallback) {
         if (!cancelled) {
-          setResolvedAlbumArt(null);
+          setResolvedAlbumArt(directAlbumArt);
         }
         return;
       }
@@ -200,7 +209,7 @@ export function useMediaCardController({
       cancelled = true;
       controller.abort();
     };
-  }, [albumArt, authConfig?.token, authConfig?.url, connection, entityId]);
+  }, [albumArt, authConfig?.token, authConfig?.url, connection, directAlbumArt, entityId]);
 
   useEffect(() => {
     if (previousEntityPictureRef.current !== entityPicture) {

src/app/utils/home-assistant-url.ts

@@ -4,6 +4,22 @@ function isAbsoluteHttpUrl(value: string) {
   return value.startsWith('http://') || value.startsWith('https://');
 }
 
+export function resolveHomeAssistantAbsoluteUrl(resourceUrl: string, hassUrl?: string) {
+  if (!resourceUrl) {
+    return null;
+  }
+
+  if (resourceUrl.startsWith('blob:') || resourceUrl.startsWith('data:')) {
+    return resourceUrl;
+  }
+
+  if (resourceUrl.startsWith('/')) {
+    return hassUrl ? `${hassUrl}${resourceUrl}` : resourceUrl;
+  }
+
+  return resourceUrl;
+}
+
 export function resolveHomeAssistantProxyUrl(resourceUrl: string, hassUrl?: string) {
   if (!resourceUrl) {
     return null;