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
|
<script lang="ts">
import { mediaListCollection, Type, type Media } from '$lib/AniList/media';
import type { UserIdentity, 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';
export let user: AniListAuthorisation;
export let identity: UserIdentity;
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,
true
);
}, $settings.cacheMinutes * 1000 * 60);
onMount(async () => {
startTime = performance.now();
animeLists = mediaListCollection(user, identity, Type.Anime, $anime, $lastPruneTimes.anime);
});
onDestroy(() => clearInterval(keyCacher));
const cleanMedia = (media: Media[], displayUnresolved: boolean) => {
if (media === undefined) {
return [];
}
const releasingMedia = media.filter(
(media: Media) =>
media.status == 'RELEASING' &&
(media.mediaListEntry || { status: 'DROPPED' }).status !=
($settings.displayPausedMedia ? '' : 'PAUSED') &&
(media.mediaListEntry || { progress: 0 }).progress >=
($settings.displayNotStarted === true ? 0 : 1)
);
const outdatedMedia = releasingMedia.filter((media: Media) => {
return (
(media.nextAiringEpisode || { episode: 0 }).episode - 1 !=
(media.mediaListEntry || { progress: 0 }).progress
);
});
let finalMedia = outdatedMedia.map((media: Media) => {
if ((media.nextAiringEpisode || { episode: 0 }).episode - 1 <= 0) {
media.nextAiringEpisode = { episode: -1 };
}
return media;
});
if (!displayUnresolved) {
finalMedia = finalMedia.filter((media: Media) => media.nextAiringEpisode?.episode !== -1);
}
finalMedia.sort((a: Media, b: Media) => {
if ($settings.sortByDifference === true) {
const difference = (anime: Media) => {
return (
(anime.nextAiringEpisode?.episode === -1
? 99999
: anime.nextAiringEpisode?.episode || -1) -
(anime.mediaListEntry || { progress: 0 }).progress
);
};
return difference(a) - difference(b);
} else {
return (
(a.nextAiringEpisode?.timeUntilAiring || 9999) -
(b.nextAiringEpisode?.timeUntilAiring || 9999)
);
}
});
finalMedia = finalMedia.filter((item, index, array) => {
return (
array.findIndex((i) => {
return i.id === item.id;
}) === index
);
});
if (!endTime || endTime === -1) {
endTime = performance.now() - startTime;
}
return finalMedia;
};
</script>
<AnimeList {endTime} {cleanMedia} {animeLists} {user} {identity} title="Anime" />
|