perf: fetch dummy media outside the app bundle

1 files changed, 11 insertions, 6 deletions

diff --git a/src/lib/List/Manga/MangaListTemplate.svelte b/src/lib/List/Manga/MangaListTemplate.svelte
index c9f66dd4..eb7ffd83 100644
--- a/src/lib/List/Manga/MangaListTemplate.svelte
+++ b/src/lib/List/Manga/MangaListTemplate.svelte
@@ -1,5 +1,4 @@
 <script lang="ts">
-import sampleManga from "$lib/Data/Static/SampleMedia/manga.json";
 import { mediaListCollection, Type, type Media } from "$lib/Data/AniList/media";
 import type { AniListAuthorisation } from "$lib/Data/AniList/identity";
 import { onDestroy, onMount } from "svelte";
@@ -85,6 +84,10 @@ onMount(async () => {
 	startTime = performance.now();
 
 	if (dummy) {
+		const sampleManga = (await (
+			await fetch("/sample-media/manga.json")
+		).json()) as Media[];
+
 		// Use deterministic selection for consistent display
 		const filtered = sampleManga.filter(
 			(manga) =>
@@ -99,12 +102,14 @@ onMount(async () => {
 		);
 		mangaLists = Promise.resolve(
 			filtered.slice(0, dummyCount).map((manga) => {
+				const mediaListEntry =
+					manga.mediaListEntry ||
+					({ progress: 0 } as NonNullable<Media["mediaListEntry"]>);
+
 				manga.status = "FINISHED";
-				manga.episodes = Math.floor(
-					(manga.chapters || 10) * 0.7,
-				) as unknown as null;
-				manga.mediaListEntry.progress =
-					Math.floor((manga.episodes || 5) * 0.5) + 1;
+				manga.episodes = Math.floor((manga.chapters || 10) * 0.7);
+				mediaListEntry.progress = Math.floor((manga.episodes || 5) * 0.5) + 1;
+				manga.mediaListEntry = mediaListEntry;
 				return manga;
 			}) as unknown as Media[],
 		);