aboutsummaryrefslogtreecommitdiff
path: root/src/lib/List/Anime/UpcomingAnimeList.svelte
blob: 3f4bfd06cda0d3de00402d31cea2f653b409ed95 (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
<script lang="ts">
	import { mediaListCollection, Type, type Media } from '$lib/AniList/media';
	import type { UserIdentity, AniListAuthorisation } from '$lib/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/subsPlease';

	export let user: AniListAuthorisation;
	export let identity: UserIdentity;

	let animeLists: Promise<Media[]>;
	let startTime: number;
	let endTime: number;

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

	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)
				.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;
	};
</script>

<AnimeList {endTime} {cleanMedia} bind:animeLists {user} {identity} title="Upcoming Episodes" />

{#if $settings.displayPlannedAnime}
	<p />

	<AnimeList
		{endTime}
		{cleanMedia}
		bind:animeLists
		{user}
		{identity}
		title="Upcoming Episodes (Not Yet Released)"
		plannedOnly
	/>
{/if}