Read chapter download status from cache

Instead of getting the whole download status, which contains all queued/active downloads, the download status should be read from the cache for only the required chapters

src/modules/chapter/components/ChapterList.tsx

@@ -100,8 +100,7 @@ export const ChapterList = ({
 
     const scrollbarWidth = MediaQuery.useGetScrollbarSize('width');
 
-    const { data: downloaderData } = requestManager.useGetDownloadStatus();
-    const queue = downloaderData?.downloadStatus.queue ?? [];
+    const downloadSubscription = requestManager.useDownloadSubscription();
 
     const [options, dispatch] = useChapterOptions(manga.id);
     const {
@@ -132,15 +131,14 @@ export const ChapterList = ({
     const chaptersWithMeta: IChapterWithMeta[] = useMemo(
         () =>
             visibleChapters.map((chapter) => {
-                const downloadChapter = queue?.find((cd) => cd.chapter.id === chapter.id);
                 const selected = !areNoItemsSelected ? selectedItemIds.includes(chapter.id) : null;
                 return {
                     chapter,
-                    downloadChapter,
+                    downloadChapter: Chapters.getDownloadStatusFromCache(chapter.id),
                     selected,
                 };
             }),
-        [queue, selectedItemIds, visibleChapters],
+        [downloadSubscription.data?.downloadStatusChanged, selectedItemIds, visibleChapters],
     );
 
     const chapterListFAB = useMemo(() => {

src/modules/chapter/components/cards/ChapterCard.tsx

@@ -31,7 +31,6 @@ import { TypographyMaxLines } from '@/modules/core/components/TypographyMaxLines
 import {
     ChapterBookmarkInfo,
     ChapterDownloadInfo,
-    ChapterDownloadStatus,
     ChapterIdInfo,
     ChapterMangaInfo,
     ChapterNumberInfo,
@@ -39,7 +38,7 @@ import {
     Chapters,
     ChapterScanlatorInfo,
 } from '@/modules/chapter/services/Chapters.ts';
-import { ChaptersWithMeta } from '@/modules/chapter/services/ChaptersWithMeta.ts';
+import { ChaptersWithMeta, ChapterWithMetaType } from '@/modules/chapter/services/ChaptersWithMeta.ts';
 
 type TChapter = ChapterIdInfo &
     ChapterMangaInfo &
@@ -54,7 +53,7 @@ interface IProps {
     mode?: 'manga.page' | 'reader';
     chapter: TChapter;
     allChapters: TChapter[];
-    downloadChapter: ChapterDownloadStatus | undefined;
+    downloadChapter: ChapterWithMetaType['downloadChapter'];
     showChapterNumber: boolean;
     onSelect: (selected: boolean, isShiftKey?: boolean) => void;
     selected: boolean | null;

src/modules/chapter/services/Chapters.ts

@@ -16,6 +16,7 @@ import {
     ChapterListFieldsFragment,
     ChapterType,
     DownloadStatusFieldsFragment,
+    DownloadTypeFieldsFragment,
 } from '@/lib/graphql/generated/graphql.ts';
 import { CHAPTER_LIST_FIELDS } from '@/lib/graphql/fragments/ChapterFragments.ts';
 
@@ -24,6 +25,7 @@ import { MangaIdInfo } from '@/modules/manga/Manga.types.ts';
 import { ReaderResumeMode } from '@/modules/reader/types/Reader.types.ts';
 import { AppRoutes } from '@/modules/core/AppRoute.constants.ts';
 import { getErrorMessage } from '@/lib/HelperFunctions.ts';
+import { DOWNLOAD_TYPE_FIELDS } from '@/lib/graphql/fragments/DownloadFragments.ts';
 
 export type ChapterAction = 'download' | 'delete' | 'bookmark' | 'unbookmark' | 'mark_as_read' | 'mark_as_unread';
 
@@ -119,6 +121,23 @@ export class Chapters {
         });
     }
 
+    static getDownloadStatusFromCache<T = DownloadTypeFieldsFragment>(
+        id: number,
+        fragment: DocumentNode = DOWNLOAD_TYPE_FIELDS,
+        fragmentName: string = 'DOWNLOAD_TYPE_FIELDS',
+    ): Unmasked<T> | null {
+        return requestManager.graphQLClient.client.cache.readFragment<T>({
+            id: requestManager.graphQLClient.client.cache.identify({
+                __typename: 'DownloadType',
+                chapter: {
+                    __ref: requestManager.graphQLClient.client.cache.identify({ __typename: 'ChapterType', id }),
+                },
+            }),
+            fragment,
+            fragmentName,
+        });
+    }
+
     static getReaderUrl<Chapter extends ChapterMangaInfo & ChapterSourceOrderInfo>(chapter: Chapter): string {
         return AppRoutes.reader.path(chapter.mangaId, chapter.sourceOrder);
     }

src/modules/chapter/services/ChaptersWithMeta.ts

@@ -21,7 +21,7 @@ export type ChapterWithMetaType<
         ChapterBookmarkInfo,
 > = {
     chapter: Chapter;
-    downloadChapter: ChapterDownloadStatus | undefined;
+    downloadChapter: ChapterDownloadStatus | undefined | null;
 };
 
 export class ChaptersWithMeta {