fix(ios) : app logo doesn't show

CHANGELOG.md

@@ -13,6 +13,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - **Create playlist from Library** — new `+` button in the Library header opens a modal to create an empty playlist directly from the app.
 - **Auto-download** — optional setting (disabled by default) that automatically downloads each played track to the device for offline playback. Enabling shows a confirmation warning about storage and server bandwidth usage.
 - **Add ext- tracks to playlist** — Deezer tracks can now be added to playlists via the add-to-playlist sheet; OctoFiesta import is triggered automatically and Navidrome is polled until the native ID is available.
+- **iOS app icon** — all required sizes now bundled (20×20 → 1024×1024) for iPhone and iPad; `Contents.json` updated with explicit filenames for every slot.
 
 ### Fixed
 - **deezerFetch timeout** — all Deezer API calls now use an 8 s `AbortController` timeout, preventing Magic Shuffle and Autoplay from hanging silently on slow CDN responses.

ios/Musonic/Images.xcassets/AppIcon.appiconset/Contents.json

@@ -1,53 +1,116 @@
-{
-  "images" : [
-    {
-      "idiom" : "iphone",
-      "scale" : "2x",
-      "size" : "20x20"
-    },
-    {
-      "idiom" : "iphone",
-      "scale" : "3x",
-      "size" : "20x20"
-    },
-    {
-      "idiom" : "iphone",
-      "scale" : "2x",
-      "size" : "29x29"
-    },
-    {
-      "idiom" : "iphone",
-      "scale" : "3x",
-      "size" : "29x29"
-    },
-    {
-      "idiom" : "iphone",
-      "scale" : "2x",
-      "size" : "40x40"
-    },
-    {
-      "idiom" : "iphone",
-      "scale" : "3x",
-      "size" : "40x40"
-    },
-    {
-      "idiom" : "iphone",
-      "scale" : "2x",
-      "size" : "60x60"
-    },
-    {
-      "idiom" : "iphone",
-      "scale" : "3x",
-      "size" : "60x60"
-    },
-    {
-      "idiom" : "ios-marketing",
-      "scale" : "1x",
-      "size" : "1024x1024"
-    }
-  ],
-  "info" : {
-    "author" : "xcode",
-    "version" : 1
-  }
-}
+{
+  "images": [
+    {
+      "filename": "Icon-40.png",
+      "idiom": "iphone",
+      "scale": "2x",
+      "size": "20x20"
+    },
+    {
+      "filename": "Icon-60.png",
+      "idiom": "iphone",
+      "scale": "3x",
+      "size": "20x20"
+    },
+    {
+      "filename": "Icon-58.png",
+      "idiom": "iphone",
+      "scale": "2x",
+      "size": "29x29"
+    },
+    {
+      "filename": "Icon-87.png",
+      "idiom": "iphone",
+      "scale": "3x",
+      "size": "29x29"
+    },
+    {
+      "filename": "Icon-80.png",
+      "idiom": "iphone",
+      "scale": "2x",
+      "size": "40x40"
+    },
+    {
+      "filename": "Icon-120.png",
+      "idiom": "iphone",
+      "scale": "3x",
+      "size": "40x40"
+    },
+    {
+      "filename": "Icon-120.png",
+      "idiom": "iphone",
+      "scale": "2x",
+      "size": "60x60"
+    },
+    {
+      "filename": "Icon-180.png",
+      "idiom": "iphone",
+      "scale": "3x",
+      "size": "60x60"
+    },
+    {
+      "filename": "Icon-20.png",
+      "idiom": "ipad",
+      "scale": "1x",
+      "size": "20x20"
+    },
+    {
+      "filename": "Icon-40.png",
+      "idiom": "ipad",
+      "scale": "2x",
+      "size": "20x20"
+    },
+    {
+      "filename": "Icon-29.png",
+      "idiom": "ipad",
+      "scale": "1x",
+      "size": "29x29"
+    },
+    {
+      "filename": "Icon-58.png",
+      "idiom": "ipad",
+      "scale": "2x",
+      "size": "29x29"
+    },
+    {
+      "filename": "Icon-40.png",
+      "idiom": "ipad",
+      "scale": "1x",
+      "size": "40x40"
+    },
+    {
+      "filename": "Icon-80.png",
+      "idiom": "ipad",
+      "scale": "2x",
+      "size": "40x40"
+    },
+    {
+      "filename": "Icon-76.png",
+      "idiom": "ipad",
+      "scale": "1x",
+      "size": "76x76"
+    },
+    {
+      "filename": "Icon-152.png",
+      "idiom": "ipad",
+      "scale": "2x",
+      "size": "76x76"
+    },
+    {
+      "filename": "Icon-167.png",
+      "idiom": "ipad",
+      "scale": "2x",
+      "size": "83.5x83.5"
+    },
+    {
+      "filename": "Icon-1024.png",
+      "idiom": "ios-marketing",
+      "scale": "1x",
+      "size": "1024x1024"
+    }
+  ],
+  "info": {
+    "author": "xcode",
+    "version": 1
+  }
+}

ios/Musonic/Info.plist

@@ -24,6 +24,32 @@
 	<string>????</string>
 	<key>CFBundleVersion</key>
 	<string>$(CURRENT_PROJECT_VERSION)</string>
+	<key>CFBundleIconName</key>
+	<string>AppIcon</string>
+	<key>CFBundleIcons</key>
+	<dict>
+		<key>CFBundlePrimaryIcon</key>
+		<dict>
+			<key>CFBundleIconName</key>
+			<string>AppIcon</string>
+			<key>CFBundleIconFiles</key>
+			<array>
+				<string>AppIcon60x60</string>
+			</array>
+		</dict>
+	</dict>
+	<key>CFBundleIcons~ipad</key>
+	<dict>
+		<key>CFBundlePrimaryIcon</key>
+		<dict>
+			<key>CFBundleIconName</key>
+			<string>AppIcon</string>
+			<key>CFBundleIconFiles</key>
+			<array>
+				<string>AppIcon76x76</string>
+			</array>
+		</dict>
+	</dict>
 	<key>LSRequiresIPhoneOS</key>
 	<true/>
 	<key>NSAppTransportSecurity</key>

src/screens/PlaylistDetail/index.tsx

@@ -379,6 +379,7 @@ type HeaderProps = {
   coverArtId?: string;
   localCoverUri?: string | null;
   playlistName: string;
+  owner: string;
   songCount: number;
   totalDuration: number;
   isShuffled: boolean;
@@ -405,6 +406,7 @@ function PlaylistHeader({
   coverArtId,
   localCoverUri,
   playlistName,
+  owner,
   songCount,
   totalDuration,
   isShuffled: _isShuffled,
@@ -695,6 +697,7 @@ export default function PlaylistDetailScreen() {
   const {playlistId, autoEdit} = route.params;
 
   const [playlistName, setPlaylistName] = useState('');
+  const [owner, setOwner] = useState('');
   const [description, setDescription] = useState('');
   const [songs, setSongs] = useState<SubsonicSong[]>([]);
   const [coverArtId, setCoverArtId] = useState<string | undefined>();
@@ -728,6 +731,10 @@ export default function PlaylistDetailScreen() {
   const setShuffleMode = usePlayerStore(s => s.setShuffleMode);
   const togglePlay = usePlayerStore(s => s.togglePlay);
   const isOfflineMode = useSettingsStore(s => s.isOfflineMode);
+  const activeServerUsername = useSettingsStore(s => {
+    const id = s.activeServerId;
+    return s.servers.find(srv => srv.id === id)?.username ?? '';
+  });
   const downloads = useDownloadStore(s => s.downloads);
   const t = useT();
 
@@ -771,6 +778,7 @@ export default function PlaylistDetailScreen() {
       const offlineSongs = usePlaylistCacheStore.getState().getOfflineSongs(playlistId);
       const {isDownloaded} = useDownloadStore.getState();
       setPlaylistName(cachedPl?.name ?? '');
+      setOwner(cachedPl?.owner ?? activeServerUsername);
       setCoverArtId(cachedPl?.coverArt);
       setSongs(offlineSongs.filter(s => isDownloaded(String(s.id))));
       setLoading(false);
@@ -779,6 +787,7 @@ export default function PlaylistDetailScreen() {
     getPlaylist(playlistId)
       .then(({playlist, songs: s}) => {
         setPlaylistName(playlist.name);
+        setOwner(playlist.owner ?? activeServerUsername);
         setDescription(playlist.comment ?? '');
         setCoverArtId(playlist.coverArt);
         setSongs(s);
@@ -1102,6 +1111,7 @@ export default function PlaylistDetailScreen() {
         coverArtId={coverArtId}
         localCoverUri={localCoverUri}
         playlistName={playlistName}
+        owner={owner}
         songCount={songs.length}
         totalDuration={totalDuration}
         isShuffled={isShuffled}
@@ -1166,7 +1176,7 @@ export default function PlaylistDetailScreen() {
     ),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [
-      topBarH, coverArtId, localCoverUri, playlistName, songs, totalDuration,
+      topBarH, coverArtId, localCoverUri, playlistName, owner, songs, totalDuration,
       isShuffled, shuffleMode, isThisPlaylistActive, isGlobalPlaying, loadingPlaylist,
       query, handlePlay, handleStartEdit, handleOpenInfo, isOfflineMode, downloads,
     ],