ChoChoX/suwayomi-material-you-webui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Extract reader pages context default values

Browse Source
This commit is contained in:
schroda
2025-01-20 14:53:06 +01:00
parent eeb811bf2d
commit c47889c2e3
3 changed files with 58 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/modules/reader/constants/ReaderContext.constants.ts Normal file
View File

@@ -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,
};

34
src/modules/reader/contexts/state/ReaderStatePagesContextProvider.tsx
View File

@@ -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 [currentPageIndex, setCurrentPageIndex] = useState<ReaderStatePages['currentPageIndex']>(0);
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 [totalPages, setTotalPages] = useState<ReaderStatePages['totalPages']>(
READER_STATE_PAGES_DEFAULTS.totalPages,
);
const [retryFailedPagesKeyPrefix, setRetryFailedPagesKeyPrefix] =
useState<ReaderStatePages['retryFailedPagesKeyPrefix']>('');
const [currentPageIndex, setCurrentPageIndex] = useState<ReaderStatePages['currentPageIndex']>(
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(
() => ({

15
src/modules/reader/hooks/useReaderSetPagesState.ts
View File

@@ -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);
setPageToScrollToIndex(null);
setTotalPages(0);
setPages([createPageData('', 0)]);
setPageUrls([]);
setPageLoadStates([{ url: '', loaded: false }]);
setCurrentPageIndex(READER_STATE_PAGES_DEFAULTS.currentPageIndex);
setPageToScrollToIndex(READER_STATE_PAGES_DEFAULTS.pageToScrollToIndex);
setTotalPages(READER_STATE_PAGES_DEFAULTS.totalPages);
setPages(READER_STATE_PAGES_DEFAULTS.pages);
setPageUrls(READER_STATE_PAGES_DEFAULTS.pageUrls);
setPageLoadStates(READER_STATE_PAGES_DEFAULTS.pageLoadStates);
}
setTransitionPageMode(ReaderTransitionPageMode.NONE);