aboutsummaryrefslogtreecommitdiff
path: root/src/lib/List/Anime/AnimeListTemplate.svelte
blob: 6e8d6d6c82c42288a4996f61fb5909fc809d00d6 (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
95
96
97
98
99
100
101
<script lang="ts">
  /* eslint svelte/no-at-html-tags: "off" */

  import type { AniListAuthorisation } from '$lib/Data/AniList/identity';
  import type { Media } from '$lib/Data/AniList/media';
  import Error from '$lib/Error/RateLimited.svelte';
  import settings from '$stores/settings';
  import CleanAnimeList from './CleanAnimeList.svelte';
  import ListTitle from '../ListTitle.svelte';
  import type { SubsPlease } from '$lib/Media/Anime/Airing/Subtitled/subsPlease';
  import PlaceholderList from './PlaceholderList.svelte';
  import { browser } from '$app/environment';
  import { onMount } from 'svelte';
  import subsPlease from '$stores/subsPlease';
  import identity from '$stores/identity';
  import localforage from 'localforage';

  export let endTime: number;
  export let cleanMedia: (
    media: Media[],
    displayUnresolved: boolean,
    subsPlease: SubsPlease | null,
    plannedOnly?: boolean
  ) => Media[];
  export let animeLists: Promise<Media[]>;
  export let user: AniListAuthorisation;
  export let title: any;
  export let completed = false;
  export let plannedOnly = false;
  export let upcoming = false;
  export let notYetReleased = false;
  export let dummy = false;
  export let disableFilter = false;

  let lastUpdatedMedia = -1;
  let previousAnimeList: Media[];
  let pendingUpdate: number | null = null;
  let lastListSize = 8;

  onMount(async () => {
    if (browser) {
      const lastStoredList = (await localforage.getItem(
        `last${
          notYetReleased ? 'NotYetReleased' : upcoming ? 'Upcoming' : completed ? 'Completed' : ''
        }AnimeListLength`
      )) as string | null;

      if (lastStoredList) lastListSize = parseInt(lastStoredList);
    }
  });
</script>

{#if !$subsPlease && !dummy}
  <PlaceholderList count={lastListSize} {title} />
{:else}
  {#await animeLists}
    {#if previousAnimeList}
      <CleanAnimeList
        media={previousAnimeList}
        {title}
        bind:animeLists
        {user}
        {endTime}
        bind:lastUpdatedMedia
        {completed}
        {notYetReleased}
        {upcoming}
        bind:previousAnimeList
        bind:pendingUpdate
        {dummy}
        {disableFilter}
      />
    {:else}
      <PlaceholderList count={lastListSize} {title} />
    {/if}
  {:then media}
    {#if $identity.id === -2 && !dummy}
      <PlaceholderList count={lastListSize} {title} />
    {:else}
      <CleanAnimeList
        media={cleanMedia(media, $settings.displayUnresolved, $subsPlease, plannedOnly)}
        {title}
        bind:animeLists
        {user}
        {endTime}
        bind:lastUpdatedMedia
        {completed}
        {notYetReleased}
        {upcoming}
        bind:previousAnimeList
        bind:pendingUpdate
        {dummy}
        {disableFilter}
      />
    {/if}
  {:catch}
    <ListTitle time={0} count={-1337} {title} />

    <Error />
  {/await}
{/if}