diff options
Diffstat (limited to 'src/routes/hololive')
| -rw-r--r-- | src/routes/hololive/+page.svelte (renamed from src/routes/hololive/+page.svelte.bak) | 15 |
1 files changed, 11 insertions, 4 deletions
diff --git a/src/routes/hololive/+page.svelte.bak b/src/routes/hololive/+page.svelte index 76c0707f..42e01075 100644 --- a/src/routes/hololive/+page.svelte.bak +++ b/src/routes/hololive/+page.svelte @@ -3,6 +3,7 @@ import Message from '$lib/Loading/Message.svelte'; import Skeleton from '$lib/Loading/Skeleton.svelte'; import HeadTitle from '$lib/Home/HeadTitle.svelte'; + import { parseScheduleHtml } from '$lib/hololive'; interface ParseResult { lives: { @@ -19,7 +20,13 @@ let schedulePromise: Promise<Response>; - onMount(() => (schedulePromise = fetch('/api/hololive'))); + onMount(async () => { + schedulePromise = fetch('https://schedule.hololive.tv', { + headers: { + Cookie: 'timezone=Asia/Tokyo' + } + }); + }); const typeSchedule = (schedule: any) => schedule as ParseResult; </script> @@ -32,15 +39,15 @@ <Skeleton grid={true} count={100} width="49%" height="16.25em" /> {:then scheduleResponse} {#if scheduleResponse} - {#await scheduleResponse.json()} + {#await scheduleResponse.text()} <Message message="Parsing schedule ..." /> <Skeleton grid={true} count={100} width="49%" height="16.25em" /> {:then untypedSchedule} - {@const schedule = typeSchedule(untypedSchedule)} + {@const schedule = typeSchedule(parseScheduleHtml(untypedSchedule))} {#if schedule.lives.length === 0} - <Message message="No upcoming streams." /> + <Message message="No upcoming streams." loader="ripple" /> {/if} <div class="container"> |