your personal website on atproto - mirror
blento.app
Merge pull request #297 from flo-bit/fix/listenbrainzcards
fix listenbrainzcards
+41
-5
+3
-1
src/lib/cards/media/ListenBrainzCard/ListenBrainzNowPlayingCard/ListenBrainzNowPlayingCard.svelte
+3
-1
src/lib/cards/media/ListenBrainzCard/ListenBrainzNowPlayingCard/ListenBrainzNowPlayingCard.svelte
···
4
4
import type { Listen } from '../types.ts';
5
5
6
6
const { item }: ContentComponentProps = $props();
7
-
const playing = $derived(await nowPlaying(item.cardData.username));
7
+
const playing = $derived(
8
+
item.cardData.username ? await nowPlaying(item.cardData.username) : null
9
+
);
8
10
9
11
function getCoverArtUrl(listen: Listen): string | undefined {
10
12
const releaseMbid = listen.track_metadata?.additional_info?.release_mbid;
+6
src/lib/cards/media/ListenBrainzCard/ListenBrainzNowPlayingCard/index.ts
+6
src/lib/cards/media/ListenBrainzCard/ListenBrainzNowPlayingCard/index.ts
···
41
41
}
42
42
return allData;
43
43
},
44
+
migrate: (item) => {
45
+
if (!item.cardData.username && item.cardData.listenbrainzUsername) {
46
+
item.cardData.username = item.cardData.listenbrainzUsername;
47
+
delete item.cardData.listenbrainzUsername;
48
+
}
49
+
},
44
50
urlHandlerPriority: 5,
45
51
minW: 2,
46
52
minH: 2,
+3
-1
src/lib/cards/media/ListenBrainzCard/ListenBrainzRecentListensCard/ListenBrainzRecentListensCard.svelte
+3
-1
src/lib/cards/media/ListenBrainzCard/ListenBrainzRecentListensCard/ListenBrainzRecentListensCard.svelte
···
5
5
import CoverArt from '../CoverArt.svelte';
6
6
7
7
const { item }: ContentComponentProps = $props();
8
-
const listens = $derived(await recentListens(item.cardData.username));
8
+
const listens = $derived(
9
+
item.cardData.username ? await recentListens(item.cardData.username) : []
10
+
);
9
11
</script>
10
12
11
13
<div class="z-10 flex h-full w-full flex-col gap-3 overflow-y-scroll p-4">
+6
src/lib/cards/media/ListenBrainzCard/ListenBrainzRecentListensCard/index.ts
+6
src/lib/cards/media/ListenBrainzCard/ListenBrainzRecentListensCard/index.ts
···
42
42
return allData;
43
43
},
44
44
45
+
migrate: (item) => {
46
+
if (!item.cardData.username && item.cardData.listenbrainzUsername) {
47
+
item.cardData.username = item.cardData.listenbrainzUsername;
48
+
delete item.cardData.listenbrainzUsername;
49
+
}
50
+
},
45
51
urlHandlerPriority: 5,
46
52
minW: 3,
47
53
minH: 2,
+1
-1
src/lib/cards/media/ListenBrainzCard/ListenBrainzTopAlbumsCard/ListenBrainzTopAlbumsCard.svelte
+1
-1
src/lib/cards/media/ListenBrainzCard/ListenBrainzTopAlbumsCard/ListenBrainzTopAlbumsCard.svelte
···
4
4
import CoverArt from '../CoverArt.svelte';
5
5
6
6
const { item }: ContentComponentProps = $props();
7
-
const albums = $derived(await topAlbums(item.cardData.username));
7
+
const albums = $derived(item.cardData.username ? await topAlbums(item.cardData.username) : []);
8
8
</script>
9
9
10
10
<div class="z-10 flex h-full w-full flex-col gap-3 overflow-y-scroll p-4">
+6
src/lib/cards/media/ListenBrainzCard/ListenBrainzTopAlbumsCard/index.ts
+6
src/lib/cards/media/ListenBrainzCard/ListenBrainzTopAlbumsCard/index.ts
···
41
41
}
42
42
return allData;
43
43
},
44
+
migrate: (item) => {
45
+
if (!item.cardData.username && item.cardData.listenbrainzUsername) {
46
+
item.cardData.username = item.cardData.listenbrainzUsername;
47
+
delete item.cardData.listenbrainzUsername;
48
+
}
49
+
},
44
50
allowSetColor: true,
45
51
defaultColor: 'base',
46
52
minW: 2,
+1
-1
src/lib/cards/media/ListenBrainzCard/ListenBrainzTopArtistsCard/ListenBrainzTopArtistsCard.svelte
+1
-1
src/lib/cards/media/ListenBrainzCard/ListenBrainzTopArtistsCard/ListenBrainzTopArtistsCard.svelte
···
3
3
import { topArtists } from './artists.remote';
4
4
5
5
const { item }: ContentComponentProps = $props();
6
-
const artists = $derived(await topArtists(item.cardData.username));
6
+
const artists = $derived(item.cardData.username ? await topArtists(item.cardData.username) : []);
7
7
</script>
8
8
9
9
<div class="z-10 flex h-full w-full flex-col gap-3 overflow-y-scroll p-4">
+6
src/lib/cards/media/ListenBrainzCard/ListenBrainzTopArtistsCard/index.ts
+6
src/lib/cards/media/ListenBrainzCard/ListenBrainzTopArtistsCard/index.ts
···
41
41
}
42
42
return allData;
43
43
},
44
+
migrate: (item) => {
45
+
if (!item.cardData.username && item.cardData.listenbrainzUsername) {
46
+
item.cardData.username = item.cardData.listenbrainzUsername;
47
+
delete item.cardData.listenbrainzUsername;
48
+
}
49
+
},
44
50
allowSetColor: true,
45
51
defaultColor: 'base',
46
52
minW: 2,
+3
-1
src/lib/cards/media/ListenBrainzCard/ListenBrainzTopSongsCard/ListenBrainzTopSongsCard.svelte
+3
-1
src/lib/cards/media/ListenBrainzCard/ListenBrainzTopSongsCard/ListenBrainzTopSongsCard.svelte
···
4
4
import CoverArt from '../CoverArt.svelte';
5
5
6
6
const { item }: ContentComponentProps = $props();
7
-
const recordings = $derived(await fetchListenBrainzTopSongs(item.cardData.username));
7
+
const recordings = $derived(
8
+
item.cardData.username ? await fetchListenBrainzTopSongs(item.cardData.username) : []
9
+
);
8
10
</script>
9
11
10
12
<div class="z-10 flex h-full w-full flex-col gap-3 overflow-y-scroll p-4">
+6
src/lib/cards/media/ListenBrainzCard/ListenBrainzTopSongsCard/index.ts
+6
src/lib/cards/media/ListenBrainzCard/ListenBrainzTopSongsCard/index.ts
···
41
41
}
42
42
return allData;
43
43
},
44
+
migrate: (item) => {
45
+
if (!item.cardData.username && item.cardData.listenbrainzUsername) {
46
+
item.cardData.username = item.cardData.listenbrainzUsername;
47
+
delete item.cardData.listenbrainzUsername;
48
+
}
49
+
},
44
50
minW: 3,
45
51
minH: 2,
46
52
canHaveLabel: true,