Reader tap zones

src/modules/reader/contexts/ReaderContextProvider.tsx

@@ -0,0 +1,14 @@
+/*
+ * 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 { ReactNode } from 'react';
+import { ReaderTapZoneContextProvider } from '@/modules/reader/contexts/ReaderTapZoneContextProvider.tsx';
+
+export const ReaderContextProvider = ({ children }: { children?: ReactNode }) => (
+    <ReaderTapZoneContextProvider>{children}</ReaderTapZoneContextProvider>
+);

src/modules/reader/contexts/ReaderTapZoneContext.tsx

@@ -0,0 +1,21 @@
+/*
+ * 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 { createContext, useContext } from 'react';
+
+type TReaderTapZoneContext = {
+    showPreview: boolean;
+    setShowPreview: (showPreview: boolean) => void;
+};
+
+export const ReaderTapZoneContext = createContext<TReaderTapZoneContext>({
+    showPreview: false,
+    setShowPreview: () => undefined,
+});
+
+export const useReaderTapZoneContext = () => useContext(ReaderTapZoneContext);

src/modules/reader/contexts/ReaderTapZoneContextProvider.tsx

@@ -0,0 +1,18 @@
+/*
+ * 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 { ReactNode, useMemo, useState } from 'react';
+import { ReaderTapZoneContext } from '@/modules/reader/contexts/ReaderTapZoneContext.tsx';
+
+export const ReaderTapZoneContextProvider = ({ children }: { children: ReactNode }) => {
+    const [showPreview, setShowPreview] = useState(false);
+
+    const value = useMemo(() => ({ showPreview, setShowPreview }), [showPreview]);
+
+    return <ReaderTapZoneContext.Provider value={value}>{children}</ReaderTapZoneContext.Provider>;
+};

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

@@ -0,0 +1,14 @@
+/*
+ * 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 { ReactNode } from 'react';
+import { ReaderStateMangaContextProvider } from '@/modules/reader/contexts/state/ReaderStateMangaContextProvider.tsx';
+
+export const ReaderStateContextProvider = ({ children }: { children: ReactNode }) => (
+    <ReaderStateMangaContextProvider>{children}</ReaderStateMangaContextProvider>
+);

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

@@ -0,0 +1,22 @@
+/*
+ * 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 { createContext, useContext } from 'react';
+import { TMangaReader } from '@/modules/manga/Manga.types.ts';
+
+type TReaderStateMangaContext = {
+    manga: TMangaReader | undefined;
+    setManga: (manga: TMangaReader | undefined) => void;
+};
+
+export const ReaderStateMangaContext = createContext<TReaderStateMangaContext>({
+    manga: undefined,
+    setManga: () => undefined,
+});
+
+export const useReaderStateMangaContext = () => useContext(ReaderStateMangaContext);

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

@@ -0,0 +1,18 @@
+/*
+ * 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 { ContextType, ReactNode, useMemo, useState } from 'react';
+import { ReaderStateMangaContext } from '@/modules/reader/contexts/state/ReaderStateMangaContext.tsx';
+
+export const ReaderStateMangaContextProvider = ({ children }: { children: ReactNode }) => {
+    const [manga, setManga] = useState<ContextType<typeof ReaderStateMangaContext>['manga']>();
+
+    const value = useMemo(() => ({ manga, setManga }), [manga]);
+
+    return <ReaderStateMangaContext.Provider value={value}>{children}</ReaderStateMangaContext.Provider>;
+};