feat: play initially available tracks of playlist/album immediately and fetch rest in background #670

This commit is contained in:
Kingkor Roy Tirtho 2024-06-01 15:45:06 +06:00
parent c4023aa09d
commit 02acbd9327
2 changed files with 48 additions and 17 deletions

View File

@ -36,13 +36,24 @@ class PlaylistCard extends HookConsumerWidget {
final updating = useState(false);
final me = ref.watch(meProvider);
Future<List<Track>> fetchAllTracks() async {
Future<List<Track>> fetchInitialTracks() async {
if (playlist.id == 'user-liked-tracks') {
return await ref.read(likedTracksProvider.future);
}
final result =
await ref.read(playlistTracksProvider(playlist.id!).future);
return result.items;
}
Future<List<Track>> fetchAllTracks() async {
final initialTracks = await fetchInitialTracks();
if (playlist.id == 'user-liked-tracks') {
return initialTracks;
}
return ref.read(playlistTracksProvider(playlist.id!).notifier).fetchAll();
}
@ -77,23 +88,29 @@ class PlaylistCard extends HookConsumerWidget {
return audioPlayer.resume();
}
List<Track> fetchedTracks = await fetchAllTracks();
final fetchedInitialTracks = await fetchInitialTracks();
if (fetchedTracks.isEmpty || !context.mounted) return;
if (fetchedInitialTracks.isEmpty || !context.mounted) return;
final isRemoteDevice = await showSelectDeviceDialog(context, ref);
if (isRemoteDevice) {
final remotePlayback = ref.read(connectProvider.notifier);
final allTracks = await fetchAllTracks();
await remotePlayback.load(
WebSocketLoadEventData.playlist(
tracks: fetchedTracks,
tracks: allTracks,
collection: playlist,
),
);
} else {
await playlistNotifier.load(fetchedTracks, autoPlay: true);
await playlistNotifier.load(fetchedInitialTracks, autoPlay: true);
playlistNotifier.addCollection(playlist.id!);
historyNotifier.addPlaylists([playlist]);
final allTracks = await fetchAllTracks();
await playlistNotifier
.addTracks(allTracks.sublist(fetchedInitialTracks.length));
}
} finally {
if (context.mounted) {
@ -106,21 +123,22 @@ class PlaylistCard extends HookConsumerWidget {
try {
if (isPlaylistPlaying) return;
final fetchedTracks = await fetchAllTracks();
final fetchedInitialTracks = await fetchAllTracks();
if (fetchedTracks.isEmpty) return;
if (fetchedInitialTracks.isEmpty) return;
playlistNotifier.addTracks(fetchedTracks);
playlistNotifier.addTracks(fetchedInitialTracks);
playlistNotifier.addCollection(playlist.id!);
historyNotifier.addPlaylists([playlist]);
if (context.mounted) {
final snackbar = SnackBar(
content: Text("Added ${fetchedTracks.length} tracks to queue"),
content:
Text("Added ${fetchedInitialTracks.length} tracks to queue"),
action: SnackBarAction(
label: "Undo",
onPressed: () {
playlistNotifier
.removeTracks(fetchedTracks.map((e) => e.id!));
.removeTracks(fetchedInitialTracks.map((e) => e.id!));
},
),
);

View File

@ -47,12 +47,12 @@ class TrackViewHeaderButtons extends HookConsumerWidget {
try {
isLoading.value = true;
final allTracks = await props.pagination.onFetchAll();
final initialTracks = props.tracks;
if (!context.mounted) return;
final isRemoteDevice = await showSelectDeviceDialog(context, ref);
if (isRemoteDevice) {
final allTracks = await props.pagination.onFetchAll();
final remotePlayback = ref.read(connectProvider.notifier);
await remotePlayback.load(
props.collection is AlbumSimple
@ -69,9 +69,9 @@ class TrackViewHeaderButtons extends HookConsumerWidget {
await remotePlayback.setShuffle(true);
} else {
await playlistNotifier.load(
allTracks,
initialTracks,
autoPlay: true,
initialIndex: Random().nextInt(allTracks.length),
initialIndex: Random().nextInt(initialTracks.length),
);
await audioPlayer.setShuffle(true);
playlistNotifier.addCollection(props.collectionId);
@ -80,6 +80,12 @@ class TrackViewHeaderButtons extends HookConsumerWidget {
} else {
historyNotifier.addPlaylists([props.collection as PlaylistSimple]);
}
final allTracks = await props.pagination.onFetchAll();
await playlistNotifier.addTracks(
allTracks.sublist(initialTracks.length),
);
}
} finally {
isLoading.value = false;
@ -90,12 +96,13 @@ class TrackViewHeaderButtons extends HookConsumerWidget {
try {
isLoading.value = true;
final allTracks = await props.pagination.onFetchAll();
final initialTracks = props.tracks;
if (!context.mounted) return;
final isRemoteDevice = await showSelectDeviceDialog(context, ref);
if (isRemoteDevice) {
final allTracks = await props.pagination.onFetchAll();
final remotePlayback = ref.read(connectProvider.notifier);
await remotePlayback.load(
props.collection is AlbumSimple
@ -109,13 +116,19 @@ class TrackViewHeaderButtons extends HookConsumerWidget {
),
);
} else {
await playlistNotifier.load(allTracks, autoPlay: true);
await playlistNotifier.load(initialTracks, autoPlay: true);
playlistNotifier.addCollection(props.collectionId);
if (props.collection is AlbumSimple) {
historyNotifier.addAlbums([props.collection as AlbumSimple]);
} else {
historyNotifier.addPlaylists([props.collection as PlaylistSimple]);
}
final allTracks = await props.pagination.onFetchAll();
await playlistNotifier.addTracks(
allTracks.sublist(initialTracks.length),
);
}
} finally {
isLoading.value = false;