Extract reader pages context default values

src/modules/reader/constants/ReaderContext.constants.ts

@@ -0,0 +1,30 @@
+/*
+ * Copyright (C) Contributors to the Suwayomi project
+ *
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at https://mozilla.org/MPL/2.0/.
+ */
+
+import { ReaderStatePages } from '@/modules/reader/types/ReaderProgressBar.types.ts';
+import { ReaderTransitionPageMode } from '@/modules/reader/types/Reader.types.ts';
+import { createPageData } from '@/modules/reader/utils/ReaderPager.utils.tsx';
+
+export const READER_STATE_PAGES_DEFAULTS: ReaderStatePages = {
+    totalPages: 0,
+    setTotalPages: () => undefined,
+    currentPageIndex: 0,
+    setCurrentPageIndex: () => undefined,
+    pageToScrollToIndex: null,
+    setPageToScrollToIndex: () => undefined,
+    pageUrls: [],
+    setPageUrls: () => undefined,
+    pageLoadStates: [{ url: '', loaded: false }],
+    setPageLoadStates: () => undefined,
+    pages: [createPageData('', 0)],
+    setPages: () => undefined,
+    transitionPageMode: ReaderTransitionPageMode.NONE,
+    setTransitionPageMode: () => undefined,
+    retryFailedPagesKeyPrefix: '',
+    setRetryFailedPagesKeyPrefix: () => undefined,
+};

src/modules/reader/contexts/state/ReaderStatePagesContextProvider.tsx

@@ -8,24 +8,30 @@
 
 import { ReactNode, useMemo, useState } from 'react';
 import { ReaderStatePagesContext } from '@/modules/reader/contexts/state/ReaderStatePagesContext.tsx';
-import { createPageData } from '@/modules/reader/utils/ReaderPager.utils.tsx';
-import { ReaderTransitionPageMode } from '@/modules/reader/types/Reader.types.ts';
 import { ReaderStatePages } from '@/modules/reader/types/ReaderProgressBar.types.ts';
+import { READER_STATE_PAGES_DEFAULTS } from '@/modules/reader/constants/ReaderContext.constants.ts';
 
 export const ReaderStatePagesContextProvider = ({ children }: { children: ReactNode }) => {
-    const [totalPages, setTotalPages] = useState<ReaderStatePages['totalPages']>(0);
+    const [totalPages, setTotalPages] = useState<ReaderStatePages['totalPages']>(
-    const [currentPageIndex, setCurrentPageIndex] = useState<ReaderStatePages['currentPageIndex']>(0);
+        READER_STATE_PAGES_DEFAULTS.totalPages,
-    const [pageToScrollToIndex, setPageToScrollToIndex] = useState<ReaderStatePages['pageToScrollToIndex']>(null);
-    const [pageUrls, setPageUrls] = useState<ReaderStatePages['pageUrls']>([]);
-    const [pageLoadStates, setPageLoadStates] = useState<ReaderStatePages['pageLoadStates']>([
-        { url: '', loaded: false },
-    ]);
-    const [pages, setPages] = useState<ReaderStatePages['pages']>([createPageData('', 0)]);
-    const [transitionPageMode, setTransitionPageMode] = useState<ReaderStatePages['transitionPageMode']>(
-        ReaderTransitionPageMode.NONE,
     );
-    const [retryFailedPagesKeyPrefix, setRetryFailedPagesKeyPrefix] =
+    const [currentPageIndex, setCurrentPageIndex] = useState<ReaderStatePages['currentPageIndex']>(
-        useState<ReaderStatePages['retryFailedPagesKeyPrefix']>('');
+        READER_STATE_PAGES_DEFAULTS.currentPageIndex,
+    );
+    const [pageToScrollToIndex, setPageToScrollToIndex] = useState<ReaderStatePages['pageToScrollToIndex']>(
+        READER_STATE_PAGES_DEFAULTS.pageToScrollToIndex,
+    );
+    const [pageUrls, setPageUrls] = useState<ReaderStatePages['pageUrls']>(READER_STATE_PAGES_DEFAULTS.pageUrls);
+    const [pageLoadStates, setPageLoadStates] = useState<ReaderStatePages['pageLoadStates']>(
+        READER_STATE_PAGES_DEFAULTS.pageLoadStates,
+    );
+    const [pages, setPages] = useState<ReaderStatePages['pages']>(READER_STATE_PAGES_DEFAULTS.pages);
+    const [transitionPageMode, setTransitionPageMode] = useState<ReaderStatePages['transitionPageMode']>(
+        READER_STATE_PAGES_DEFAULTS.transitionPageMode,
+    );
+    const [retryFailedPagesKeyPrefix, setRetryFailedPagesKeyPrefix] = useState<
+        ReaderStatePages['retryFailedPagesKeyPrefix']
+    >(READER_STATE_PAGES_DEFAULTS.retryFailedPagesKeyPrefix);
 
     const value = useMemo(
         () => ({

src/modules/reader/hooks/useReaderSetPagesState.ts

@@ -8,7 +8,7 @@
 
 import { useEffect } from 'react';
 import { getInitialReaderPageIndex } from '@/modules/reader/utils/Reader.utils.ts';
-import { createPageData, createPagesData } from '@/modules/reader/utils/ReaderPager.utils.tsx';
+import { createPagesData } from '@/modules/reader/utils/ReaderPager.utils.tsx';
 import {
     ReaderResumeMode,
     ReaderStateChapters,
@@ -16,6 +16,7 @@ import {
 } from '@/modules/reader/types/Reader.types.ts';
 import { requestManager } from '@/lib/requests/RequestManager.ts';
 import { ReaderStatePages } from '@/modules/reader/types/ReaderProgressBar.types.ts';
+import { READER_STATE_PAGES_DEFAULTS } from '@/modules/reader/constants/ReaderContext.constants.ts';
 
 export const useReaderSetPagesState = (
     pagesResponse: ReturnType<typeof requestManager.useGetChapterPagesFetch>[1],
@@ -52,12 +53,12 @@ export const useReaderSetPagesState = (
             setPageToScrollToIndex(initialReaderPageIndex);
         } else {
             setArePagesFetched(false);
-            setCurrentPageIndex(0);
+            setCurrentPageIndex(READER_STATE_PAGES_DEFAULTS.currentPageIndex);
-            setPageToScrollToIndex(null);
+            setPageToScrollToIndex(READER_STATE_PAGES_DEFAULTS.pageToScrollToIndex);
-            setTotalPages(0);
+            setTotalPages(READER_STATE_PAGES_DEFAULTS.totalPages);
-            setPages([createPageData('', 0)]);
+            setPages(READER_STATE_PAGES_DEFAULTS.pages);
-            setPageUrls([]);
+            setPageUrls(READER_STATE_PAGES_DEFAULTS.pageUrls);
-            setPageLoadStates([{ url: '', loaded: false }]);
+            setPageLoadStates(READER_STATE_PAGES_DEFAULTS.pageLoadStates);
         }
 
         setTransitionPageMode(ReaderTransitionPageMode.NONE);