1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
|
<script lang="ts">
import { mediaListCollection, Type, type Media } from '$lib/Data/AniList/media';
import type { AniListAuthorisation } from '$lib/Data/AniList/identity';
import { onMount } from 'svelte';
import anime from '$stores/anime';
import lastPruneTimes from '$stores/lastPruneTimes';
import AnimeList from './AnimeListTemplate.svelte';
import settings from '$stores/settings';
import type { SubsPlease } from '$lib/Media/Anime/Airing/Subtitled/subsPlease';
import { addNotification } from '$lib/Notification/store';
import locale from '$stores/locale';
import identity from '$stores/identity';
import { injectAiringTime } from '$lib/Media/Anime/Airing/Subtitled/match';
import revalidateAnime from '$stores/revalidateAnime';
export let user: AniListAuthorisation;
let animeLists: Promise<Media[]>;
let startTime: number;
let endTime: number;
onMount(async () => {
startTime = performance.now();
animeLists = mediaListCollection(user, $identity, Type.Anime, $anime, $lastPruneTimes.anime, {
addNotification,
notificationType: 'Upcoming Episodes'
});
});
const cleanMedia = (
anime: Media[],
displayUnresolved: boolean,
subsPlease: SubsPlease | null,
plannedOnly = true
) => {
if (anime === undefined) return [];
const filterAnime = (status: 'RELEASING' | 'NOT_YET_RELEASED') =>
anime
.filter((media: Media) => media.status === status && media.nextAiringEpisode !== null)
.map((media) => injectAiringTime(media, subsPlease))
.filter(
(media: Media) =>
// Outdated media
($settings.displayPlannedAnime ? media.mediaListEntry?.status === 'PLANNING' : false) ||
(media.nextAiringEpisode || { episode: 0 }).episode - 1 <=
(media.mediaListEntry || { progress: 0 }).progress
)
.map((media: Media) => {
// Adjust for planned anime
if (
($settings.displayPlannedAnime ? media.episodes !== 1 : true) &&
(media.nextAiringEpisode || { episode: 0 }).episode - 1 <= 0
)
media.nextAiringEpisode = { episode: -1 };
return media;
});
let upcomingAnime = filterAnime(plannedOnly ? 'NOT_YET_RELEASED' : 'RELEASING');
if (!displayUnresolved)
upcomingAnime = upcomingAnime.filter(
(media: Media) => media.nextAiringEpisode?.episode !== -1
);
upcomingAnime.sort(
(a: Media, b: Media) =>
(a.nextAiringEpisode?.airingAt || 9999) - (b.nextAiringEpisode?.airingAt || 9999)
);
if (!endTime) endTime = performance.now() - startTime;
return upcomingAnime;
};
$: {
if ($revalidateAnime) {
$revalidateAnime = false;
$lastPruneTimes.anime = -1;
animeLists = mediaListCollection(user, $identity, Type.Anime, $anime, $lastPruneTimes.anime, {
addNotification,
notificationType: 'Upcoming Episodes'
});
}
}
</script>
<AnimeList
{endTime}
{cleanMedia}
bind:animeLists
{user}
title={$locale().lists.upcoming.episodes}
upcoming
/>
{#if $settings.displayPlannedAnime}
<p />
<AnimeList
{endTime}
{cleanMedia}
bind:animeLists
{user}
title={$locale().lists.upcoming.notYetReleased}
notYetReleased
plannedOnly
/>
{/if}
|