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

Extract context types

Browse Source
This commit is contained in:
schroda
2024-12-20 21:42:54 +01:00
parent 9d37c8bc15
commit 570b831604
21 changed files with 112 additions and 107 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/modules/reader/contexts/ReaderOverlayContext.tsx
View File

@@ -6,12 +6,8 @@
* file, You can obtain one at https://mozilla.org/MPL/2.0/.
*/
import React, { createContext, useContext } from 'react';
type TReaderOverlayContext = {
isVisible: boolean;
setIsVisible: React.Dispatch<React.SetStateAction<boolean>>;
};
import { createContext, useContext } from 'react';
import { TReaderOverlayContext } from '@/modules/reader/types/ReaderOverlay.types.ts';
export const ReaderOverlayContext = createContext<TReaderOverlayContext>({
isVisible: false,

8
src/modules/reader/contexts/ReaderProgressBarContext.tsx
View File

@@ -7,13 +7,7 @@
*/
import { createContext, useContext } from 'react';
type TReaderProgressBarContext = {
isMaximized: boolean;
setIsMaximized: (visible: boolean) => void;
isDragging: boolean;
setIsDragging: (isDragging: boolean) => void;
};
import { TReaderProgressBarContext } from '@/modules/reader/types/ReaderProgressBar.types.ts';
export const ReaderProgressBarContext = createContext<TReaderProgressBarContext>({
isMaximized: false,

8
src/modules/reader/contexts/ReaderScrollbarContext.tsx
View File

@@ -7,13 +7,7 @@
*/
import { createContext, useContext } from 'react';
type TReaderScrollbarContext = {
scrollbarXSize: number;
setScrollbarXSize: (size: number) => void;
scrollbarYSize: number;
setScrollbarYSize: (size: number) => void;
};
import { TReaderScrollbarContext } from '@/modules/reader/types/Reader.types.ts';
export const ReaderScrollbarContext = createContext<TReaderScrollbarContext>({
scrollbarXSize: 0,

6
src/modules/reader/contexts/ReaderTapZoneContext.tsx
View File

@@ -7,11 +7,7 @@
*/
import { createContext, useContext } from 'react';
type TReaderTapZoneContext = {
showPreview: boolean;
setShowPreview: (showPreview: boolean) => void;
};
import { TReaderTapZoneContext } from '@/modules/reader/types/TapZoneLayout.types.ts';
export const ReaderTapZoneContext = createContext<TReaderTapZoneContext>({
showPreview: false,

10
src/modules/reader/contexts/state/ReaderStateChaptersContextProvider.tsx
View File

@@ -6,13 +6,15 @@
* file, You can obtain one at https://mozilla.org/MPL/2.0/.
*/
import { ContextType, ReactNode, useMemo, useState } from 'react';
import { ReactNode, useMemo, useState } from 'react';
import { ReaderStateChaptersContext } from '@/modules/reader/contexts/state/ReaderStateChaptersContext.tsx';
type TContext = ContextType<typeof ReaderStateChaptersContext>;
import { ReaderStateChapters } from '@/modules/reader/types/Reader.types.ts';
export const ReaderStateChaptersContextProvider = ({ children }: { children: ReactNode }) => {
const [state, setState] = useState<Omit<TContext, 'setReaderStateChapters'>>({ mangaChapters: [], chapters: [] });
const [state, setState] = useState<Omit<ReaderStateChapters, 'setReaderStateChapters'>>({
mangaChapters: [],
chapters: [],
});
const value = useMemo(
() => ({

7
src/modules/reader/contexts/state/ReaderStateMangaContext.tsx
View File

@@ -7,12 +7,7 @@
*/
import { createContext, useContext } from 'react';
import { TMangaReader } from '@/modules/manga/Manga.types.ts';
type TReaderStateMangaContext = {
manga: TMangaReader | undefined;
setManga: (manga: TMangaReader | undefined) => void;
};
import { TReaderStateMangaContext } from '@/modules/reader/types/Reader.types.ts';
export const ReaderStateMangaContext = createContext<TReaderStateMangaContext>({
manga: undefined,

5
src/modules/reader/contexts/state/ReaderStateMangaContextProvider.tsx
View File

@@ -6,11 +6,12 @@
* file, You can obtain one at https://mozilla.org/MPL/2.0/.
*/
import { ContextType, ReactNode, useMemo, useState } from 'react';
import { ReactNode, useMemo, useState } from 'react';
import { ReaderStateMangaContext } from '@/modules/reader/contexts/state/ReaderStateMangaContext.tsx';
import { TReaderStateMangaContext } from '@/modules/reader/types/Reader.types.ts';
export const ReaderStateMangaContextProvider = ({ children }: { children: ReactNode }) => {
const [manga, setManga] = useState<ContextType<typeof ReaderStateMangaContext>['manga']>();
const [manga, setManga] = useState<TReaderStateMangaContext['manga']>();
const value = useMemo(() => ({ manga, setManga }), [manga]);

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

@@ -6,25 +6,24 @@
* file, You can obtain one at https://mozilla.org/MPL/2.0/.
*/
import { ContextType, ReactNode, useMemo, useState } from 'react';
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';
type TContext = ContextType<typeof ReaderStatePagesContext>;
import { ReaderStatePages } from '@/modules/reader/types/ReaderProgressBar.types.ts';
export const ReaderStatePagesContextProvider = ({ children }: { children: ReactNode }) => {
const [totalPages, setTotalPages] = useState<TContext['totalPages']>(0);
const [currentPageIndex, setCurrentPageIndex] = useState<TContext['currentPageIndex']>(0);
const [pageToScrollToIndex, setPageToScrollToIndex] = useState<TContext['pageToScrollToIndex']>(0);
const [pageUrls, setPageUrls] = useState<TContext['pageUrls']>([]);
const [pageLoadStates, setPageLoadStates] = useState<TContext['pageLoadStates']>([{ loaded: false }]);
const [pages, setPages] = useState<TContext['pages']>([createPageData('', 0)]);
const [transitionPageMode, setTransitionPageMode] = useState<TContext['transitionPageMode']>(
const [totalPages, setTotalPages] = useState<ReaderStatePages['totalPages']>(0);
const [currentPageIndex, setCurrentPageIndex] = useState<ReaderStatePages['currentPageIndex']>(0);
const [pageToScrollToIndex, setPageToScrollToIndex] = useState<ReaderStatePages['pageToScrollToIndex']>(0);
const [pageUrls, setPageUrls] = useState<ReaderStatePages['pageUrls']>([]);
const [pageLoadStates, setPageLoadStates] = useState<ReaderStatePages['pageLoadStates']>([{ loaded: false }]);
const [pages, setPages] = useState<ReaderStatePages['pages']>([createPageData('', 0)]);
const [transitionPageMode, setTransitionPageMode] = useState<ReaderStatePages['transitionPageMode']>(
ReaderTransitionPageMode.NONE,
);
const [retryFailedPagesKeyPrefix, setRetryFailedPagesKeyPrefix] =
useState<TContext['retryFailedPagesKeyPrefix']>('');
useState<ReaderStatePages['retryFailedPagesKeyPrefix']>('');
const value = useMemo(
() => ({

7
src/modules/reader/contexts/state/ReaderStateSettingsContext.tsx
View File

@@ -7,14 +7,9 @@
*/
import { createContext, useContext } from 'react';
import { IReaderSettingsWithDefaultFlag } from '@/modules/reader/types/Reader.types.ts';
import { TReaderStateSettingsContext } from '@/modules/reader/types/Reader.types.ts';
import { DEFAULT_READER_SETTINGS_WITH_DEFAULT_FLAG } from '@/modules/reader/services/ReaderSettingsMetadata.ts';
type TReaderStateSettingsContext = {
settings: IReaderSettingsWithDefaultFlag;
setSettings: (settings: IReaderSettingsWithDefaultFlag) => void;
};
export const ReaderStateSettingsContext = createContext<TReaderStateSettingsContext>({
settings: DEFAULT_READER_SETTINGS_WITH_DEFAULT_FLAG,
setSettings: () => undefined,

5
src/modules/reader/contexts/state/ReaderStateSettingsContextProvider.tsx
View File

@@ -6,12 +6,13 @@
* file, You can obtain one at https://mozilla.org/MPL/2.0/.
*/
import { ContextType, ReactNode, useMemo, useState } from 'react';
import { ReactNode, useMemo, useState } from 'react';
import { ReaderStateSettingsContext } from '@/modules/reader/contexts/state/ReaderStateSettingsContext.tsx';
import { DEFAULT_READER_SETTINGS_WITH_DEFAULT_FLAG } from '@/modules/reader/services/ReaderSettingsMetadata.ts';
import { TReaderStateSettingsContext } from '@/modules/reader/types/Reader.types.ts';
export const ReaderStateSettingsContextProvider = ({ children }: { children: ReactNode }) => {
const [settings, setSettings] = useState<ContextType<typeof ReaderStateSettingsContext>['settings']>(
const [settings, setSettings] = useState<TReaderStateSettingsContext['settings']>(
DEFAULT_READER_SETTINGS_WITH_DEFAULT_FLAG,
);