aboutsummaryrefslogtreecommitdiff
path: root/src/lib/List/Anime/DueAnimeList.svelte
blob: 0109d5face67156b70a7af0403854f61189ec866 (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/Data/AniList/media';
  import type { AniListAuthorisation } from '$lib/Data/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
      .map((media) => injectAiringTime(media, subsPlease))
      .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;
      });

    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} />