blob: 2bf6df777076391de76f8124ac77f115c3fbc39b (
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
106
107
108
109
110
111
|
<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}
|