120 lines
5.5 KiB
TypeScript
120 lines
5.5 KiB
TypeScript
/*
|
|
* 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 { useEffect } from 'react';
|
|
import { useLocation, useNavigate } from 'react-router-dom';
|
|
import { Chapters } from '@/modules/chapter/services/Chapters.ts';
|
|
import { DirectionOffset } from '@/Base.types.ts';
|
|
import { requestManager } from '@/lib/requests/RequestManager.ts';
|
|
import { GetChaptersReaderQuery } from '@/lib/graphql/generated/graphql.ts';
|
|
import {
|
|
IReaderSettings,
|
|
ReaderOpenChapterLocationState,
|
|
ReaderStateChapters,
|
|
} from '@/modules/reader/types/Reader.types.ts';
|
|
import { READER_STATE_CHAPTERS_DEFAULTS } from '@/modules/reader/contexts/state/ReaderStateChaptersContext.tsx';
|
|
import { filterChapters } from '@/modules/chapter/utils/ChapterList.util.tsx';
|
|
import { ChapterListOptions } from '@/modules/chapter/Chapter.types.ts';
|
|
import { getReaderChapterFromCache } from '@/modules/reader/utils/Reader.utils.ts';
|
|
|
|
export const useReaderSetChaptersState = (
|
|
chaptersResponse: ReturnType<typeof requestManager.useGetMangaChapters<GetChaptersReaderQuery>>,
|
|
chapterSourceOrder: number,
|
|
mangaChapters: ReaderStateChapters['mangaChapters'],
|
|
initialChapter: ReaderStateChapters['initialChapter'],
|
|
chapterForDuplicatesHandling: ReaderStateChapters['chapterForDuplicatesHandling'],
|
|
setReaderStateChapters: ReaderStateChapters['setReaderStateChapters'],
|
|
shouldSkipDupChapters: IReaderSettings['shouldSkipDupChapters'],
|
|
shouldSkipFilteredChapters: IReaderSettings['shouldSkipFilteredChapters'],
|
|
chapterListOptions: ChapterListOptions,
|
|
) => {
|
|
const navigate = useNavigate();
|
|
const locationState = useLocation<ReaderOpenChapterLocationState>().state;
|
|
|
|
const { updateInitialChapter } = locationState ?? {};
|
|
const finalInitialChapter = updateInitialChapter ? undefined : initialChapter;
|
|
|
|
useEffect(() => {
|
|
const newMangaChapters = chaptersResponse.data?.chapters.nodes;
|
|
const newCurrentChapter = newMangaChapters
|
|
? (newMangaChapters[newMangaChapters.length - chapterSourceOrder] ?? null)
|
|
: undefined;
|
|
const newInitialChapter = finalInitialChapter ?? newCurrentChapter;
|
|
const newChapterForDuplicatesHandling = chapterForDuplicatesHandling ?? newCurrentChapter;
|
|
|
|
const visibleChapters = (() => {
|
|
if (!newMangaChapters || !newChapterForDuplicatesHandling) {
|
|
return [];
|
|
}
|
|
|
|
const filteredChapters = shouldSkipFilteredChapters
|
|
? filterChapters(mangaChapters ?? newMangaChapters, chapterListOptions)
|
|
: newMangaChapters;
|
|
const uniqueChapters = shouldSkipDupChapters
|
|
? Chapters.removeDuplicates(newChapterForDuplicatesHandling, filteredChapters)
|
|
: filteredChapters;
|
|
|
|
return uniqueChapters.map((chapter) => getReaderChapterFromCache(chapter.id)!);
|
|
})();
|
|
const nextChapter =
|
|
newCurrentChapter &&
|
|
Chapters.getNextChapter(newCurrentChapter, visibleChapters, {
|
|
offset: DirectionOffset.NEXT,
|
|
});
|
|
const previousChapter =
|
|
newCurrentChapter &&
|
|
Chapters.getNextChapter(newCurrentChapter, visibleChapters, {
|
|
offset: DirectionOffset.PREVIOUS,
|
|
});
|
|
|
|
const hasInitialChapterChanged = newInitialChapter != null && newInitialChapter.id !== finalInitialChapter?.id;
|
|
|
|
if (hasInitialChapterChanged) {
|
|
navigate('', { replace: true, state: { ...locationState, updateInitialChapter: undefined } });
|
|
}
|
|
|
|
setReaderStateChapters((prevState) => {
|
|
const hasCurrentChapterChanged = newCurrentChapter?.id !== prevState.currentChapter?.id;
|
|
|
|
return {
|
|
...prevState,
|
|
mangaChapters: prevState.mangaChapters ?? newMangaChapters,
|
|
chapters: visibleChapters,
|
|
initialChapter: newInitialChapter,
|
|
chapterForDuplicatesHandling: newChapterForDuplicatesHandling,
|
|
currentChapter: newCurrentChapter,
|
|
nextChapter,
|
|
previousChapter,
|
|
isCurrentChapterReady: hasCurrentChapterChanged ? false : prevState.isCurrentChapterReady,
|
|
visibleChapters: hasInitialChapterChanged
|
|
? {
|
|
...READER_STATE_CHAPTERS_DEFAULTS.visibleChapters,
|
|
lastLeadingChapterSourceOrder:
|
|
newInitialChapter?.sourceOrder ??
|
|
READER_STATE_CHAPTERS_DEFAULTS.visibleChapters.lastLeadingChapterSourceOrder,
|
|
lastTrailingChapterSourceOrder:
|
|
newInitialChapter?.sourceOrder ??
|
|
READER_STATE_CHAPTERS_DEFAULTS.visibleChapters.lastTrailingChapterSourceOrder,
|
|
isLeadingChapterPreloadMode: false,
|
|
isTrailingChapterPreloadMode: false,
|
|
// do not set "scrollIntoView" to "true" for the initial render
|
|
scrollIntoView: !!prevState.initialChapter,
|
|
}
|
|
: prevState.visibleChapters,
|
|
};
|
|
});
|
|
}, [
|
|
chaptersResponse.data?.chapters.nodes,
|
|
chapterSourceOrder,
|
|
shouldSkipDupChapters,
|
|
shouldSkipFilteredChapters,
|
|
finalInitialChapter,
|
|
chapterListOptions,
|
|
]);
|
|
};
|