blob: 8f2846c60015639a957841dd9b9d463d5d722e2e (
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
102
103
104
105
|
<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 RateLimitedError 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';
import type { Title } from '../mediaTitle';
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: Title;
export let completed = false;
export let plannedOnly = false;
export let upcoming = false;
export let notYetReleased = false;
export let dummy = false;
export let disableFilter = false;
export let limit: number | undefined = undefined;
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}
{limit}
/>
{: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}
{limit}
/>
{/if}
{:catch}
<ListTitle time={0} count={-1337} {title} />
<RateLimitedError />
{/await}
{/if}
|