Fix mobile lock-screen artwork mirror fallback (#13917)

Update mobile audio lock-screen metadata to resolve artwork URLs with
mirror fallback and preferred size selection, and export the shared
resolveImageUrl utility from common utils.

<div><a
href="https://cursor.com/agents/bc-2343093a-5a18-4b34-a1bc-cc511a3e3ec4"><picture><source
media="(prefers-color-scheme: dark)"
srcset="https://cursor.com/assets/images/open-in-web-dark.png"><source
media="(prefers-color-scheme: light)"
srcset="https://cursor.com/assets/images/open-in-web-light.png"><img
alt="Open in Web" width="114" height="28"
src="https://cursor.com/assets/images/open-in-web-dark.png"></picture></a>&nbsp;<a
href="https://cursor.com/automations/c63aa103-66df-4558-b31d-675358e5c6a1"><picture><source
media="(prefers-color-scheme: dark)"
srcset="https://cursor.com/assets/images/view-automation-dark.png"><source
media="(prefers-color-scheme: light)"
srcset="https://cursor.com/assets/images/view-automation-light.png"><img
alt="View Automation" width="141" height="28"
src="https://cursor.com/assets/images/view-automation-dark.png"></picture></a>&nbsp;</div>

Co-authored-by: Cursor Agent <cursoragent@cursor.com>
Co-authored-by: Ray Jacobson <raymondjacobson@users.noreply.github.com>

Author: 3 people

packages/common/src/utils/index.ts

@@ -20,6 +20,7 @@ export * from './sagaHelpers'
 export * from './fileUtil'
 export * from './constants'
 export * from './resolveStreamUrl'
+export * from './resolveImageUrl'
 export * from './resolveUrlWithCascadingTimeout'
 export * from './stringUtils'
 export * from './challenges'

packages/mobile/src/components/audio/AudioPlayer.tsx

@@ -2,7 +2,7 @@ import { useRef, useEffect, useCallback, useState, useMemo } from 'react'
 
 import { useCurrentUserId, useTracks, useUsers } from '@audius/common/api'
 import { useCurrentTrack } from '@audius/common/hooks'
-import { ErrorLevel, Feature, Name } from '@audius/common/models'
+import { ErrorLevel, Feature, Name, SquareSizes } from '@audius/common/models'
 import type { ID, Track } from '@audius/common/models'
 import {
   libraryPageTracksLineupActions,
@@ -25,6 +25,7 @@ import {
   Genre,
   removeNullable,
   getTrackPreviewDuration,
+  resolveImageUrl,
   resolveStreamUrl
 } from '@audius/common/utils'
 import type { Nullable } from '@audius/common/utils'
@@ -67,6 +68,16 @@ import { useSavePodcastProgress } from './useSavePodcastProgress'
 export const DEFAULT_IMAGE_URL =
   'https://download.audius.co/static-resources/preview-image.jpg'
 
+const TRACK_ARTWORK_PREFERRED_SIZES = [
+  SquareSizes.SIZE_1000_BY_1000,
+  SquareSizes.SIZE_480_BY_480,
+  SquareSizes.SIZE_150_BY_150
+] as const
+
+const getArtworkTargetSize = (artwork?: Track['artwork']) =>
+  TRACK_ARTWORK_PREFERRED_SIZES.find((size) => artwork?.[size]) ??
+  SquareSizes.SIZE_1000_BY_1000
+
 const { getPlaying, getSeek, getCounter, getPlaybackRate, getUid } =
   playerSelectors
 const { setTrackPosition } = playbackPositionActions
@@ -351,7 +362,11 @@ export const AudioPlayer = () => {
 
         const imageUrl =
           localTrackImageSource ??
-          track.artwork['1000x1000'] ??
+          (await resolveImageUrl({
+            artwork: track.artwork,
+            targetSize: getArtworkTargetSize(track.artwork),
+            defaultImage: DEFAULT_IMAGE_URL
+          })) ??
           DEFAULT_IMAGE_URL
 
         return {