aboutsummaryrefslogtreecommitdiff
path: root/src/lib/List/Anime/DueAnimeList.svelte
blob: ce946ff412c8f08cba6b4c2fc826a2dc82870fe2 (plain) (blame)
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
<script lang="ts">
	import { mediaListCollection, Type, type Media } from '$lib/AniList/media';
	import type { AniListAuthorisation } from '$lib/AniList/identity';
	import { onDestroy, onMount } from 'svelte';
	import anime from '$stores/anime';
	import settings from '$stores/settings';
	import lastPruneTimes from '$stores/lastPruneTimes';
	import AnimeList from './AnimeListTemplate.svelte';
	import type { SubsPlease } from '$lib/Media/Anime/Airing/Subtitled/subsPlease';
	import { injectAiringTime } from '$lib/Media/Anime/Airing/Subtitled/match';
	import { getNotificationsContext } from 'svelte-notifications';
	import locale from '$stores/locale';
	import identity from '$stores/identity';

	export let user: AniListAuthorisation;

	const { addNotification } = getNotificationsContext();
	let animeLists: Promise<Media[]>;
	let startTime: number;
	let endTime: number;

	const keyCacher = setInterval(() => {
		startTime = performance.now();
		endTime = -1;
		animeLists = mediaListCollection(user, $identity, Type.Anime, $anime, $lastPruneTimes.anime, {
			forcePrune: true,
			addNotification
		});
	}, $settings.cacheMinutes * 1000 * 60);

	onMount(async () => {
		startTime = performance.now();
		animeLists = mediaListCollection(user, $identity, Type.Anime, $anime, $lastPruneTimes.anime, {
			addNotification
		});
	});

	onDestroy(() => clearInterval(keyCacher));

	const cleanMedia = (
		anime: Media[],
		displayUnresolved: boolean,
		subsPlease: SubsPlease | null
	) => {
		if (anime === undefined) return [];

		let dueAnime = anime
			.filter(
				// Releasing media
				(media: Media) =>
					media.status === 'RELEASING' &&
					(media.mediaListEntry || { status: 'DROPPED' }).status !=
						($settings.displayPausedMedia ? '' : 'PAUSED') &&
					(media.mediaListEntry || { progress: 0 }).progress >=
						($settings.displayNotStarted === true ? 0 : 1)
			)
			.filter(
				(media: Media) =>
					// Outdated media
					(media.nextAiringEpisode || { episode: 0 }).episode - 1 !=
					(media.mediaListEntry || { progress: 0 }).progress
			)
			.map((media: Media) => {
				if ((media.nextAiringEpisode || { episode: 0 }).episode - 1 <= 0)
					media.nextAiringEpisode = { episode: -1 };

				return media;
			})
			.map((media) => injectAiringTime(media, subsPlease));

		if (!displayUnresolved)
			dueAnime = dueAnime.filter((media: Media) => media.nextAiringEpisode?.episode !== -1);

		dueAnime.sort((a: Media, b: Media) => {
			if ($settings.displaySortedByDifference === true) {
				const difference = (anime: Media) =>
					(anime.nextAiringEpisode?.episode === -1
						? 99999
						: anime.nextAiringEpisode?.episode || -1) -
					(anime.mediaListEntry || { progress: 0 }).progress;

				return difference(a) - difference(b);
			} else {
				return (a.nextAiringEpisode?.airingAt || 9999) - (b.nextAiringEpisode?.airingAt || 9999);
			}
		});

		if (!endTime || endTime === -1) endTime = performance.now() - startTime;

		return dueAnime;
	};
</script>

<AnimeList {endTime} {cleanMedia} bind:animeLists {user} title={$locale().lists.due.episodes} />