refactor(hololive): move to client-side evaluation

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">