Merge "Context" and "ContextProvider" components

src/features/reader/auto-scroll/ReaderAutoScrollContext.tsx

@@ -6,23 +6,36 @@
  * file, You can obtain one at https://mozilla.org/MPL/2.0/.
  */
 
-import { memo, ReactNode, useCallback, useMemo, useState } from 'react';
+import { createContext, memo, ReactNode, useCallback, useContext, useMemo, useState } from 'react';
 import { Direction, useTheme } from '@mui/material/styles';
-import { useAutomaticScrolling } from '@/features/core/hooks/useAutomaticScrolling.ts';
 import {
     IReaderSettings,
     ReaderScrollAmount,
     ReadingMode,
     TReaderAutoScrollContext,
 } from '@/features/reader/Reader.types.ts';
-import { ReaderAutoScrollContext } from '@/features/reader/auto-scroll/contexts/ReaderAutoScrollContext.tsx';
 import { ReaderControls } from '@/features/reader/services/ReaderControls.ts';
-import { isContinuousReadingMode } from '@/features/reader/settings/ReaderSettings.utils.tsx';
-import { withPropsFrom } from '@/features/core/hoc/withPropsFrom.tsx';
-import { ReaderService } from '@/features/reader/services/ReaderService.ts';
-import { CONTINUOUS_READING_MODE_TO_SCROLL_DIRECTION } from '@/features/reader/settings/ReaderSettings.constants.tsx';
 import { ScrollOffset } from '@/features/core/Core.types.ts';
 import { getOptionForDirection } from '@/features/theme/services/ThemeCreator.ts';
+import { isContinuousReadingMode } from '@/features/reader/settings/ReaderSettings.utils.tsx';
+import { useAutomaticScrolling } from '@/features/core/hooks/useAutomaticScrolling.ts';
+import { CONTINUOUS_READING_MODE_TO_SCROLL_DIRECTION } from '@/features/reader/settings/ReaderSettings.constants.tsx';
+import { withPropsFrom } from '@/features/core/hoc/withPropsFrom.tsx';
+import { ReaderService } from '@/features/reader/services/ReaderService.ts';
+
+export const ReaderAutoScrollContext = createContext<TReaderAutoScrollContext>({
+    isActive: false,
+    isPaused: false,
+    setScrollRef: () => {},
+    start: () => {},
+    cancel: () => {},
+    toggleActive: () => {},
+    pause: () => {},
+    resume: () => {},
+    setDirection: () => {},
+});
+
+export const useReaderAutoScrollContext = () => useContext(ReaderAutoScrollContext);
 
 const BaseReaderAutoScrollContextProvider = ({
     children,

src/features/reader/auto-scroll/contexts/ReaderAutoScrollContext.tsx

@@ -1,24 +0,0 @@
-/*
- * 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 { TReaderAutoScrollContext } from '@/features/reader/Reader.types.ts';
-
-export const ReaderAutoScrollContext = createContext<TReaderAutoScrollContext>({
-    isActive: false,
-    isPaused: false,
-    setScrollRef: () => {},
-    start: () => {},
-    cancel: () => {},
-    toggleActive: () => {},
-    pause: () => {},
-    resume: () => {},
-    setDirection: () => {},
-});
-
-export const useReaderAutoScrollContext = () => useContext(ReaderAutoScrollContext);

src/features/reader/auto-scroll/settings/quick-setting/ReaderNavBarDesktopAutoScroll.tsx

@@ -14,7 +14,7 @@ import Stack from '@mui/material/Stack';
 import TextField from '@mui/material/TextField';
 import InputAdornment from '@mui/material/InputAdornment';
 import { useRef } from 'react';
-import { useReaderAutoScrollContext } from '@/features/reader/auto-scroll/contexts/ReaderAutoScrollContext.tsx';
+import { useReaderAutoScrollContext } from '@/features/reader/auto-scroll/ReaderAutoScrollContext.tsx';
 import { IReaderSettings } from '@/features/reader/Reader.types.ts';
 import { AUTO_SCROLL_SPEED } from '@/features/reader/settings/ReaderSettings.constants.tsx';
 import { coerceIn } from '@/lib/HelperFunctions.ts';

src/features/reader/contexts/ReaderContextProvider.tsx

@@ -7,12 +7,12 @@
  */
 
 import { ReactNode } from 'react';
-import { ReaderTapZoneContextProvider } from '@/features/reader/tap-zones/contexts/ReaderTapZoneContextProvider.tsx';
-import { ReaderProgressBarContextProvider } from '@/features/reader/overlay/progress-bar/contexts/ReaderProgressBarContextProvider.tsx';
-import { ReaderOverlayContextProvider } from '@/features/reader/overlay/contexts/ReaderOverlayContextProvider.tsx';
 import { ReaderStateContextProvider } from '@/features/reader/contexts/state/ReaderStateContextProvider.tsx';
-import { ReaderScrollbarContextProvider } from '@/features/reader/contexts/ReaderScrollbarContextProvider.tsx';
-import { ReaderAutoScrollContextProvider } from '@/features/reader/auto-scroll/contexts/ReaderAutoScrollContextProvider.tsx';
+import { ReaderScrollbarContextProvider } from '@/features/reader/contexts/ReaderScrollbarContext.tsx';
+import { ReaderAutoScrollContextProvider } from '@/features/reader/auto-scroll/ReaderAutoScrollContext.tsx';
+import { ReaderOverlayContextProvider } from '@/features/reader/overlay/ReaderOverlayContext.tsx';
+import { ReaderProgressBarContextProvider } from '@/features/reader/overlay/progress-bar/ReaderProgressBarContext.tsx';
+import { ReaderTapZoneContextProvider } from '@/features/reader/tap-zones/ReaderTapZoneContext.tsx';
 
 export const ReaderContextProvider = ({ children }: { children?: ReactNode }) => (
     <ReaderStateContextProvider>

src/features/reader/contexts/ReaderScrollbarContext.tsx

@@ -6,7 +6,7 @@
  * file, You can obtain one at https://mozilla.org/MPL/2.0/.
  */
 
-import { createContext, useContext } from 'react';
+import { createContext, ReactNode, useContext, useMemo, useState } from 'react';
 import { TReaderScrollbarContext } from '@/features/reader/Reader.types.ts';
 
 export const ReaderScrollbarContext = createContext<TReaderScrollbarContext>({
@@ -17,3 +17,15 @@ export const ReaderScrollbarContext = createContext<TReaderScrollbarContext>({
 });
 
 export const useReaderScrollbarContext = () => useContext(ReaderScrollbarContext);
+
+export const ReaderScrollbarContextProvider = ({ children }: { children: ReactNode }) => {
+    const [scrollbarXSize, setScrollbarXSize] = useState(0);
+    const [scrollbarYSize, setScrollbarYSize] = useState(0);
+
+    const value = useMemo(
+        () => ({ scrollbarXSize, setScrollbarXSize, scrollbarYSize, setScrollbarYSize }),
+        [scrollbarXSize, scrollbarYSize],
+    );
+
+    return <ReaderScrollbarContext.Provider value={value}>{children}</ReaderScrollbarContext.Provider>;
+};

src/features/reader/contexts/ReaderScrollbarContextProvider.tsx

@@ -1,22 +0,0 @@
-/*
- * 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 { ReaderScrollbarContext } from '@/features/reader/contexts/ReaderScrollbarContext.tsx';
-
-export const ReaderScrollbarContextProvider = ({ children }: { children: ReactNode }) => {
-    const [scrollbarXSize, setScrollbarXSize] = useState(0);
-    const [scrollbarYSize, setScrollbarYSize] = useState(0);
-
-    const value = useMemo(
-        () => ({ scrollbarXSize, setScrollbarXSize, scrollbarYSize, setScrollbarYSize }),
-        [scrollbarXSize, scrollbarYSize],
-    );
-
-    return <ReaderScrollbarContext.Provider value={value}>{children}</ReaderScrollbarContext.Provider>;
-};

src/features/reader/contexts/state/ReaderStateChaptersContext.tsx

@@ -6,7 +6,7 @@
  * file, You can obtain one at https://mozilla.org/MPL/2.0/.
  */
 
-import { createContext, useContext } from 'react';
+import { createContext, ReactNode, useContext, useMemo, useState } from 'react';
 import { ReaderStateChapters } from '@/features/reader/Reader.types.ts';
 
 export const READER_STATE_CHAPTERS_DEFAULTS: Omit<ReaderStateChapters, 'setReaderStateChapters'> = {
@@ -30,3 +30,18 @@ export const ReaderStateChaptersContext = createContext<ReaderStateChapters>({
 });
 
 export const useReaderStateChaptersContext = () => useContext(ReaderStateChaptersContext);
+
+export const ReaderStateChaptersContextProvider = ({ children }: { children: ReactNode }) => {
+    const [state, setState] =
+        useState<Omit<ReaderStateChapters, 'setReaderStateChapters'>>(READER_STATE_CHAPTERS_DEFAULTS);
+
+    const value = useMemo(
+        () => ({
+            ...state,
+            setReaderStateChapters: setState,
+        }),
+        [state],
+    );
+
+    return <ReaderStateChaptersContext.Provider value={value}>{children}</ReaderStateChaptersContext.Provider>;
+};

src/features/reader/contexts/state/ReaderStateChaptersContextProvider.tsx

@@ -1,29 +0,0 @@
-/*
- * 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 {
-    READER_STATE_CHAPTERS_DEFAULTS,
-    ReaderStateChaptersContext,
-} from '@/features/reader/contexts/state/ReaderStateChaptersContext.tsx';
-import { ReaderStateChapters } from '@/features/reader/Reader.types.ts';
-
-export const ReaderStateChaptersContextProvider = ({ children }: { children: ReactNode }) => {
-    const [state, setState] =
-        useState<Omit<ReaderStateChapters, 'setReaderStateChapters'>>(READER_STATE_CHAPTERS_DEFAULTS);
-
-    const value = useMemo(
-        () => ({
-            ...state,
-            setReaderStateChapters: setState,
-        }),
-        [state],
-    );
-
-    return <ReaderStateChaptersContext.Provider value={value}>{children}</ReaderStateChaptersContext.Provider>;
-};

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

@@ -7,10 +7,10 @@
  */
 
 import { ReactNode } from 'react';
-import { ReaderStatePagesContextProvider } from '@/features/reader/contexts/state/ReaderStatePagesContextProvider.tsx';
-import { ReaderStateChaptersContextProvider } from '@/features/reader/contexts/state/ReaderStateChaptersContextProvider.tsx';
-import { ReaderStateMangaContextProvider } from '@/features/reader/contexts/state/ReaderStateMangaContextProvider.tsx';
-import { ReaderStateSettingsContextProvider } from '@/features/reader/contexts/state/ReaderStateSettingsContextProvider.tsx';
+import { ReaderStateChaptersContextProvider } from '@/features/reader/contexts/state/ReaderStateChaptersContext.tsx';
+import { ReaderStateMangaContextProvider } from '@/features/reader/contexts/state/ReaderStateMangaContext.tsx';
+import { ReaderStatePagesContextProvider } from '@/features/reader/contexts/state/ReaderStatePagesContext.tsx';
+import { ReaderStateSettingsContextProvider } from '@/features/reader/contexts/state/ReaderStateSettingsContext.tsx';
 
 export const ReaderStateContextProvider = ({ children }: { children: ReactNode }) => (
     <ReaderStateMangaContextProvider>

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

@@ -6,7 +6,7 @@
  * file, You can obtain one at https://mozilla.org/MPL/2.0/.
  */
 
-import { createContext, useContext } from 'react';
+import { createContext, ReactNode, useContext, useMemo, useState } from 'react';
 import { TReaderStateMangaContext } from '@/features/reader/Reader.types.ts';
 
 export const ReaderStateMangaContext = createContext<TReaderStateMangaContext>({
@@ -15,3 +15,11 @@ export const ReaderStateMangaContext = createContext<TReaderStateMangaContext>({
 });
 
 export const useReaderStateMangaContext = () => useContext(ReaderStateMangaContext);
+
+export const ReaderStateMangaContextProvider = ({ children }: { children: ReactNode }) => {
+    const [manga, setManga] = useState<TReaderStateMangaContext['manga']>();
+
+    const value = useMemo(() => ({ manga, setManga }), [manga]);
+
+    return <ReaderStateMangaContext.Provider value={value}>{children}</ReaderStateMangaContext.Provider>;
+};

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

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

src/features/reader/contexts/state/ReaderStatePagesContext.tsx

@@ -6,9 +6,10 @@
  * file, You can obtain one at https://mozilla.org/MPL/2.0/.
  */
 
-import { createContext, useContext } from 'react';
+import { createContext, ReactNode, useContext, useMemo, useState } from 'react';
 import { ReaderStatePages } from '@/features/reader/overlay/progress-bar/ReaderProgressBar.types.ts';
 import { ReaderTransitionPageMode } from '@/features/reader/Reader.types.ts';
+import { READER_STATE_PAGES_DEFAULTS } from '@/features/reader/ReaderContext.constants.ts';
 
 export const ReaderStatePagesContext = createContext<ReaderStatePages>({
     totalPages: 0,
@@ -30,3 +31,59 @@ export const ReaderStatePagesContext = createContext<ReaderStatePages>({
 });
 
 export const userReaderStatePagesContext = () => useContext(ReaderStatePagesContext);
+
+export const ReaderStatePagesContextProvider = ({ children }: { children: ReactNode }) => {
+    const [totalPages, setTotalPages] = useState<ReaderStatePages['totalPages']>(
+        READER_STATE_PAGES_DEFAULTS.totalPages,
+    );
+    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(
+        () => ({
+            totalPages,
+            setTotalPages,
+            currentPageIndex,
+            setCurrentPageIndex,
+            pageToScrollToIndex,
+            setPageToScrollToIndex,
+            pageUrls,
+            setPageUrls,
+            pageLoadStates,
+            setPageLoadStates,
+            pages,
+            setPages,
+            transitionPageMode,
+            setTransitionPageMode,
+            retryFailedPagesKeyPrefix,
+            setRetryFailedPagesKeyPrefix,
+        }),
+        [
+            totalPages,
+            pages,
+            currentPageIndex,
+            pageToScrollToIndex,
+            pageUrls,
+            pageLoadStates,
+            transitionPageMode,
+            retryFailedPagesKeyPrefix,
+        ],
+    );
+
+    return <ReaderStatePagesContext.Provider value={value}>{children}</ReaderStatePagesContext.Provider>;
+};

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

@@ -1,68 +0,0 @@
-/*
- * 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 { ReaderStatePagesContext } from '@/features/reader/contexts/state/ReaderStatePagesContext.tsx';
-import { ReaderStatePages } from '@/features/reader/overlay/progress-bar/ReaderProgressBar.types.ts';
-import { READER_STATE_PAGES_DEFAULTS } from '@/features/reader/ReaderContext.constants.ts';
-
-export const ReaderStatePagesContextProvider = ({ children }: { children: ReactNode }) => {
-    const [totalPages, setTotalPages] = useState<ReaderStatePages['totalPages']>(
-        READER_STATE_PAGES_DEFAULTS.totalPages,
-    );
-    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(
-        () => ({
-            totalPages,
-            setTotalPages,
-            currentPageIndex,
-            setCurrentPageIndex,
-            pageToScrollToIndex,
-            setPageToScrollToIndex,
-            pageUrls,
-            setPageUrls,
-            pageLoadStates,
-            setPageLoadStates,
-            pages,
-            setPages,
-            transitionPageMode,
-            setTransitionPageMode,
-            retryFailedPagesKeyPrefix,
-            setRetryFailedPagesKeyPrefix,
-        }),
-        [
-            totalPages,
-            pages,
-            currentPageIndex,
-            pageToScrollToIndex,
-            pageUrls,
-            pageLoadStates,
-            transitionPageMode,
-            retryFailedPagesKeyPrefix,
-        ],
-    );
-
-    return <ReaderStatePagesContext.Provider value={value}>{children}</ReaderStatePagesContext.Provider>;
-};

src/features/reader/contexts/state/ReaderStateSettingsContext.tsx

@@ -6,7 +6,7 @@
  * file, You can obtain one at https://mozilla.org/MPL/2.0/.
  */
 
-import { createContext, useContext } from 'react';
+import { createContext, ReactNode, useContext, useMemo, useState } from 'react';
 import { TReaderStateSettingsContext } from '@/features/reader/Reader.types.ts';
 import { DEFAULT_READER_SETTINGS_WITH_DEFAULT_FLAG } from '@/features/reader/settings/ReaderSettingsMetadata.ts';
 
@@ -16,3 +16,13 @@ export const ReaderStateSettingsContext = createContext<TReaderStateSettingsCont
 });
 
 export const useReaderStateSettingsContext = () => useContext(ReaderStateSettingsContext);
+
+export const ReaderStateSettingsContextProvider = ({ children }: { children: ReactNode }) => {
+    const [settings, setSettings] = useState<TReaderStateSettingsContext['settings']>(
+        DEFAULT_READER_SETTINGS_WITH_DEFAULT_FLAG,
+    );
+
+    const value = useMemo(() => ({ settings, setSettings }), [settings]);
+
+    return <ReaderStateSettingsContext.Provider value={value}>{children}</ReaderStateSettingsContext.Provider>;
+};

src/features/reader/contexts/state/ReaderStateSettingsContextProvider.tsx

@@ -1,22 +0,0 @@
-/*
- * 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 { ReaderStateSettingsContext } from '@/features/reader/contexts/state/ReaderStateSettingsContext.tsx';
-import { DEFAULT_READER_SETTINGS_WITH_DEFAULT_FLAG } from '@/features/reader/settings/ReaderSettingsMetadata.ts';
-import { TReaderStateSettingsContext } from '@/features/reader/Reader.types.ts';
-
-export const ReaderStateSettingsContextProvider = ({ children }: { children: ReactNode }) => {
-    const [settings, setSettings] = useState<TReaderStateSettingsContext['settings']>(
-        DEFAULT_READER_SETTINGS_WITH_DEFAULT_FLAG,
-    );
-
-    const value = useMemo(() => ({ settings, setSettings }), [settings]);
-
-    return <ReaderStateSettingsContext.Provider value={value}>{children}</ReaderStateSettingsContext.Provider>;
-};

src/features/reader/filters/ReaderRGBAFilter.tsx

@@ -8,7 +8,7 @@
 
 import Box from '@mui/material/Box';
 import { ReaderService } from '@/features/reader/services/ReaderService.ts';
-import { useNavBarContext } from '@/features/navigation-bar/contexts/NavbarContext.tsx';
+import { useNavBarContext } from '@/features/navigation-bar/NavbarContext.tsx';
 import { NavbarContextType } from '@/features/navigation-bar/NavigationBar.types.ts';
 import { withPropsFrom } from '@/features/core/hoc/withPropsFrom.tsx';
 import { IReaderSettings } from '@/features/reader/Reader.types.ts';

src/features/reader/hotkeys/ReaderHotkeys.tsx

@@ -12,7 +12,7 @@ import { useTheme } from '@mui/material/styles';
 import { HOTKEY_SCOPES } from '@/features/hotkeys/Hotkeys.constants.ts';
 import { ReaderService } from '@/features/reader/services/ReaderService.ts';
 import { IReaderSettings, ReaderHotkey } from '@/features/reader/Reader.types.ts';
-import { useReaderOverlayContext } from '@/features/reader/overlay/contexts/ReaderOverlayContext.tsx';
+import { useReaderOverlayContext } from '@/features/reader/overlay/ReaderOverlayContext.tsx';
 import { getNextRotationValue } from '@/features/core/utils/ValueRotationButton.utils.ts';
 import {
     AUTO_SCROLL_SPEED,
@@ -27,8 +27,8 @@ import { ReaderControls } from '@/features/reader/services/ReaderControls.ts';
 import { ScrollOffset } from '@/features/core/Core.types.ts';
 import { getOptionForDirection } from '@/features/theme/services/ThemeCreator.ts';
 import { FALLBACK_MANGA } from '@/features/manga/Manga.constants.ts';
-import { useReaderAutoScrollContext } from '@/features/reader/auto-scroll/contexts/ReaderAutoScrollContext.tsx';
-import { useReaderTapZoneContext } from '@/features/reader/tap-zones/contexts/ReaderTapZoneContext.tsx';
+import { useReaderAutoScrollContext } from '@/features/reader/auto-scroll/ReaderAutoScrollContext.tsx';
+import { useReaderTapZoneContext } from '@/features/reader/tap-zones/ReaderTapZoneContext.tsx';
 
 const useHotkeys = (...args: Parameters<typeof useHotKeysHook>): ReturnType<typeof useHotKeysHook> => {
     const [keys, callback, options, dependencies] = args;

src/features/reader/overlay/ReaderOverlayContext.tsx

@@ -6,8 +6,15 @@
  * file, You can obtain one at https://mozilla.org/MPL/2.0/.
  */
 
-import { ReactNode, useMemo, useState } from 'react';
-import { ReaderOverlayContext } from '@/features/reader/overlay/contexts/ReaderOverlayContext.tsx';
+import { createContext, useContext, ReactNode, useMemo, useState } from 'react';
+import { TReaderOverlayContext } from '@/features/reader/overlay/ReaderOverlay.types.ts';
+
+export const ReaderOverlayContext = createContext<TReaderOverlayContext>({
+    isVisible: false,
+    setIsVisible: () => {},
+});
+
+export const useReaderOverlayContext = () => useContext(ReaderOverlayContext);
 
 export const ReaderOverlayContextProvider = ({ children }: { children: ReactNode }) => {
     const [isVisible, setIsVisible] = useState(false);

src/features/reader/overlay/components/ReaderPageNumber.tsx

@@ -19,8 +19,8 @@ import {
 } from '@/features/reader/Reader.types.ts';
 import { userReaderStatePagesContext } from '@/features/reader/contexts/state/ReaderStatePagesContext.tsx';
 import { getPage } from '@/features/reader/overlay/progress-bar/ReaderProgressBar.utils.tsx';
-import { useNavBarContext } from '@/features/navigation-bar/contexts/NavbarContext.tsx';
-import { useReaderProgressBarContext } from '@/features/reader/overlay/progress-bar/contexts/ReaderProgressBarContext.tsx';
+import { useNavBarContext } from '@/features/navigation-bar/NavbarContext.tsx';
+import { useReaderProgressBarContext } from '@/features/reader/overlay/progress-bar/ReaderProgressBarContext.tsx';
 import { useReaderScrollbarContext } from '@/features/reader/contexts/ReaderScrollbarContext.tsx';
 import { reverseString } from '@/util/Strings.ts';
 import { NavbarContextType } from '@/features/navigation-bar/NavigationBar.types.ts';

src/features/reader/overlay/contexts/ReaderOverlayContext.tsx

@@ -1,17 +0,0 @@
-/*
- * 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 { TReaderOverlayContext } from '@/features/reader/overlay/ReaderOverlay.types.ts';
-
-export const ReaderOverlayContext = createContext<TReaderOverlayContext>({
-    isVisible: false,
-    setIsVisible: () => {},
-});
-
-export const useReaderOverlayContext = () => useContext(ReaderOverlayContext);

src/features/reader/overlay/navigation/desktop/ReaderNavBarDesktop.tsx

@@ -22,7 +22,7 @@ import { ReaderNavBarDesktopPageNavigation } from '@/features/reader/overlay/nav
 import { ReaderNavBarDesktopChapterNavigation } from '@/features/reader/overlay/navigation/desktop/components/ReaderNavBarDesktopChapterNavigation.tsx';
 import { ReaderNavBarDesktopQuickSettings } from '@/features/reader/overlay/navigation/desktop/quick-settings/ReaderNavBarDesktopQuickSettings.tsx';
 import { ReaderNavBarDesktopActions } from '@/features/reader/overlay/navigation/desktop/components/ReaderNavBarDesktopActions.tsx';
-import { useNavBarContext } from '@/features/navigation-bar/contexts/NavbarContext.tsx';
+import { useNavBarContext } from '@/features/navigation-bar/NavbarContext.tsx';
 import { useResizeObserver } from '@/features/core/hooks/useResizeObserver.tsx';
 import { useReaderStateMangaContext } from '@/features/reader/contexts/state/ReaderStateMangaContext.tsx';
 import { userReaderStatePagesContext } from '@/features/reader/contexts/state/ReaderStatePagesContext.tsx';

src/features/reader/overlay/navigation/mobile/quick-settings/ReaderBottomBarMobileQuickSettings.tsx

@@ -23,7 +23,7 @@ import { withPropsFrom } from '@/features/core/hoc/withPropsFrom.tsx';
 import { FALLBACK_MANGA } from '@/features/manga/Manga.constants.ts';
 import { ReaderSettingAutoScroll } from '@/features/reader/auto-scroll/settings/ReaderSettingAutoScroll.tsx';
 import { CheckboxInput } from '@/features/core/components/inputs/CheckboxInput.tsx';
-import { useReaderAutoScrollContext } from '@/features/reader/auto-scroll/contexts/ReaderAutoScrollContext.tsx';
+import { useReaderAutoScrollContext } from '@/features/reader/auto-scroll/ReaderAutoScrollContext.tsx';
 
 const BaseReaderBottomBarMobileQuickSettings = ({
     manga,

src/features/reader/overlay/progress-bar/ReaderProgressBar.tsx

@@ -32,7 +32,7 @@ import { ReaderProgressBarSlotsActionArea } from '@/features/reader/overlay/prog
 import { ReaderService } from '@/features/reader/services/ReaderService.ts';
 import { ReaderControls } from '@/features/reader/services/ReaderControls.ts';
 import { withPropsFrom } from '@/features/core/hoc/withPropsFrom.tsx';
-import { useReaderProgressBarContext } from '@/features/reader/overlay/progress-bar/contexts/ReaderProgressBarContext.tsx';
+import { useReaderProgressBarContext } from '@/features/reader/overlay/progress-bar/ReaderProgressBarContext.tsx';
 import { ReaderProgressBarSlotWrapper } from '@/features/reader/overlay/progress-bar/components/ReaderProgressBarSlotWrapper.tsx';
 import { userReaderStatePagesContext } from '@/features/reader/contexts/state/ReaderStatePagesContext.tsx';
 import { useResizeObserver } from '@/features/core/hooks/useResizeObserver.tsx';

src/features/reader/overlay/progress-bar/ReaderProgressBarContext.tsx

@@ -6,8 +6,17 @@
  * file, You can obtain one at https://mozilla.org/MPL/2.0/.
  */
 
-import { ReactNode, useMemo, useState } from 'react';
-import { ReaderProgressBarContext } from '@/features/reader/overlay/progress-bar/contexts/ReaderProgressBarContext.tsx';
+import { createContext, useContext, ReactNode, useMemo, useState } from 'react';
+import { TReaderProgressBarContext } from '@/features/reader/overlay/progress-bar/ReaderProgressBar.types.ts';
+
+export const ReaderProgressBarContext = createContext<TReaderProgressBarContext>({
+    isMaximized: false,
+    setIsMaximized: () => undefined,
+    isDragging: false,
+    setIsDragging: () => undefined,
+});
+
+export const useReaderProgressBarContext = () => useContext(ReaderProgressBarContext);
 
 export const ReaderProgressBarContextProvider = ({ children }: { children: ReactNode }) => {
     const [isMaximized, setIsMaximized] = useState(false);

src/features/reader/overlay/progress-bar/contexts/ReaderProgressBarContext.tsx

@@ -1,19 +0,0 @@
-/*
- * 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 { TReaderProgressBarContext } from '@/features/reader/overlay/progress-bar/ReaderProgressBar.types.ts';
-
-export const ReaderProgressBarContext = createContext<TReaderProgressBarContext>({
-    isMaximized: false,
-    setIsMaximized: () => undefined,
-    isDragging: false,
-    setIsDragging: () => undefined,
-});
-
-export const useReaderProgressBarContext = () => useContext(ReaderProgressBarContext);

src/features/reader/overlay/progress-bar/desktop/StandardReaderProgressBar.tsx

@@ -21,8 +21,8 @@ import {
 } from '@/features/reader/overlay/progress-bar/ReaderProgressBar.types.ts';
 import { NavbarContextType } from '@/features/navigation-bar/NavigationBar.types.ts';
 import { withPropsFrom } from '@/features/core/hoc/withPropsFrom.tsx';
-import { useNavBarContext } from '@/features/navigation-bar/contexts/NavbarContext.tsx';
-import { useReaderProgressBarContext } from '@/features/reader/overlay/progress-bar/contexts/ReaderProgressBarContext.tsx';
+import { useNavBarContext } from '@/features/navigation-bar/NavbarContext.tsx';
+import { useReaderProgressBarContext } from '@/features/reader/overlay/progress-bar/ReaderProgressBarContext.tsx';
 import { useReaderScrollbarContext } from '@/features/reader/contexts/ReaderScrollbarContext.tsx';
 import { ReaderProgressBarSlotDesktop } from '@/features/reader/overlay/progress-bar/desktop/components/ReaderProgressBarSlotDesktop.tsx';
 import { useResizeObserver } from '@/features/core/hooks/useResizeObserver.tsx';

src/features/reader/overlay/progress-bar/mobile/MobileReaderProgressBar.tsx

@@ -29,8 +29,8 @@ import {
     TReaderScrollbarContext,
 } from '@/features/reader/Reader.types.ts';
 import { ReaderProgressBarDirectionWrapper } from '@/features/reader/overlay/progress-bar/components/ReaderProgressBarDirectionWrapper.tsx';
-import { useReaderProgressBarContext } from '@/features/reader/overlay/progress-bar/contexts/ReaderProgressBarContext.tsx';
-import { useReaderOverlayContext } from '@/features/reader/overlay/contexts/ReaderOverlayContext.tsx';
+import { useReaderProgressBarContext } from '@/features/reader/overlay/progress-bar/ReaderProgressBarContext.tsx';
+import { useReaderOverlayContext } from '@/features/reader/overlay/ReaderOverlayContext.tsx';
 import { withPropsFrom } from '@/features/core/hoc/withPropsFrom.tsx';
 import { TReaderOverlayContext } from '@/features/reader/overlay/ReaderOverlay.types.ts';
 import {

src/features/reader/screens/Reader.tsx

@@ -11,7 +11,7 @@ import { memo, useEffect, useLayoutEffect, useRef, useState } from 'react';
 import { useParams } from 'react-router-dom';
 import { useTranslation } from 'react-i18next';
 import { useDefaultReaderSettings } from '@/features/reader/settings/ReaderSettingsMetadata.ts';
-import { useNavBarContext } from '@/features/navigation-bar/contexts/NavbarContext.tsx';
+import { useNavBarContext } from '@/features/navigation-bar/NavbarContext.tsx';
 import { ReaderOverlay } from '@/features/reader/overlay/ReaderOverlay.tsx';
 import { requestManager } from '@/lib/requests/RequestManager.ts';
 import { GetChaptersReaderQuery, GetMangaReaderQuery } from '@/lib/graphql/generated/graphql.ts';
@@ -22,7 +22,7 @@ import { defaultPromiseErrorHandler } from '@/lib/DefaultPromiseErrorHandler.ts'
 import { userReaderStatePagesContext } from '@/features/reader/contexts/state/ReaderStatePagesContext.tsx';
 import { GET_CHAPTERS_READER } from '@/lib/graphql/queries/ChapterQuery.ts';
 import { TapZoneLayout } from '@/features/reader/tap-zones/TapZoneLayout.tsx';
-import { useReaderOverlayContext } from '@/features/reader/overlay/contexts/ReaderOverlayContext.tsx';
+import { useReaderOverlayContext } from '@/features/reader/overlay/ReaderOverlayContext.tsx';
 import { ReaderRGBAFilter } from '@/features/reader/filters/ReaderRGBAFilter.tsx';
 import { useReaderStateSettingsContext } from '@/features/reader/contexts/state/ReaderStateSettingsContext.tsx';
 import { useReaderStateMangaContext } from '@/features/reader/contexts/state/ReaderStateMangaContext.tsx';
@@ -44,9 +44,9 @@ import { TReaderOverlayContext } from '@/features/reader/overlay/ReaderOverlay.t
 import { ReaderStatePages } from '@/features/reader/overlay/progress-bar/ReaderProgressBar.types.ts';
 import { withPropsFrom } from '@/features/core/hoc/withPropsFrom.tsx';
 import { useReaderStateChaptersContext } from '@/features/reader/contexts/state/ReaderStateChaptersContext.tsx';
-import { useReaderAutoScrollContext } from '@/features/reader/auto-scroll/contexts/ReaderAutoScrollContext.tsx';
+import { useReaderAutoScrollContext } from '@/features/reader/auto-scroll/ReaderAutoScrollContext.tsx';
 import { TReaderTapZoneContext } from '@/features/reader/tap-zones/TapZoneLayout.types.ts';
-import { useReaderTapZoneContext } from '@/features/reader/tap-zones/contexts/ReaderTapZoneContext.tsx';
+import { useReaderTapZoneContext } from '@/features/reader/tap-zones/ReaderTapZoneContext.tsx';
 import { useReaderResetStates } from '@/features/reader/hooks/useReaderResetStates.ts';
 import { useReaderSetSettingsState } from '@/features/reader/hooks/useReaderSetSettingsState.ts';
 import { useReaderShowSettingPreviewOnChange } from '@/features/reader/hooks/useReaderShowSettingPreviewOnChange.ts';

src/features/reader/services/ReaderControls.ts

@@ -36,8 +36,8 @@ import {
     isEndOfPageInViewport,
     isPageInViewport,
 } from '@/features/reader/viewer/pager/ReaderPager.utils.tsx';
-import { useReaderOverlayContext } from '@/features/reader/overlay/contexts/ReaderOverlayContext.tsx';
-import { useReaderTapZoneContext } from '@/features/reader/tap-zones/contexts/ReaderTapZoneContext.tsx';
+import { useReaderOverlayContext } from '@/features/reader/overlay/ReaderOverlayContext.tsx';
+import { useReaderTapZoneContext } from '@/features/reader/tap-zones/ReaderTapZoneContext.tsx';
 import { TapZoneRegionType, TReaderTapZoneContext } from '@/features/reader/tap-zones/TapZoneLayout.types.ts';
 import { ReaderTapZoneService } from '@/features/reader/tap-zones/ReaderTapZoneService.ts';
 import { isContinuousReadingMode } from '@/features/reader/settings/ReaderSettings.utils.tsx';

src/features/reader/settings/components/ReaderSettingsTabs.tsx

@@ -13,7 +13,7 @@ import { TabsMenu } from '@/features/core/components/tabs/TabsMenu.tsx';
 import { ReaderService } from '@/features/reader/services/ReaderService.ts';
 import { MediaQuery } from '@/features/core/utils/MediaQuery.tsx';
 import { IReaderSettings, IReaderSettingsWithDefaultFlag } from '@/features/reader/Reader.types.ts';
-import { useReaderTapZoneContext } from '@/features/reader/tap-zones/contexts/ReaderTapZoneContext.tsx';
+import { useReaderTapZoneContext } from '@/features/reader/tap-zones/ReaderTapZoneContext.tsx';
 import { applyStyles } from '@/features/core/utils/ApplyStyles.ts';
 import { READER_SETTING_TABS, ReaderSettingTab } from '@/features/reader/settings/ReaderSettings.constants.tsx';
 import { TabPanel } from '@/features/core/components/tabs/TabPanel.tsx';

src/features/reader/tap-zones/ReaderTapZoneContext.tsx

@@ -6,8 +6,15 @@
  * file, You can obtain one at https://mozilla.org/MPL/2.0/.
  */
 
-import { ReactNode, useMemo, useState } from 'react';
-import { ReaderTapZoneContext } from '@/features/reader/tap-zones/contexts/ReaderTapZoneContext.tsx';
+import { createContext, useContext, ReactNode, useMemo, useState } from 'react';
+import { TReaderTapZoneContext } from '@/features/reader/tap-zones/TapZoneLayout.types.ts';
+
+export const ReaderTapZoneContext = createContext<TReaderTapZoneContext>({
+    showPreview: false,
+    setShowPreview: () => undefined,
+});
+
+export const useReaderTapZoneContext = () => useContext(ReaderTapZoneContext);
 
 export const ReaderTapZoneContextProvider = ({ children }: { children: ReactNode }) => {
     const [showPreview, setShowPreview] = useState(false);

src/features/reader/tap-zones/TapZoneLayout.tsx

@@ -9,9 +9,9 @@
 import Box from '@mui/material/Box';
 import { useCallback, useLayoutEffect, useState } from 'react';
 import { useTheme } from '@mui/material/styles';
-import { useReaderTapZoneContext } from '@/features/reader/tap-zones/contexts/ReaderTapZoneContext.tsx';
+import { useReaderTapZoneContext } from '@/features/reader/tap-zones/ReaderTapZoneContext.tsx';
 import { ReaderTapZoneService } from '@/features/reader/tap-zones/ReaderTapZoneService.ts';
-import { useNavBarContext } from '@/features/navigation-bar/contexts/NavbarContext.tsx';
+import { useNavBarContext } from '@/features/navigation-bar/NavbarContext.tsx';
 import { useResizeObserver } from '@/features/core/hooks/useResizeObserver.tsx';
 import { ReaderService } from '@/features/reader/services/ReaderService.ts';
 import { IReaderSettings, ReadingDirection } from '@/features/reader/Reader.types.ts';

src/features/reader/tap-zones/contexts/ReaderTapZoneContext.tsx

@@ -1,17 +0,0 @@
-/*
- * 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 { TReaderTapZoneContext } from '@/features/reader/tap-zones/TapZoneLayout.types.ts';
-
-export const ReaderTapZoneContext = createContext<TReaderTapZoneContext>({
-    showPreview: false,
-    setShowPreview: () => undefined,
-});
-
-export const useReaderTapZoneContext = () => useContext(ReaderTapZoneContext);

src/features/reader/viewer/ReaderViewer.tsx

@@ -42,14 +42,14 @@ import {
     shouldApplyReaderWidth,
 } from '@/features/reader/settings/ReaderSettings.utils.tsx';
 import { useMouseDragScroll } from '@/features/core/hooks/useMouseDragScroll.tsx';
-import { useReaderOverlayContext } from '@/features/reader/overlay/contexts/ReaderOverlayContext.tsx';
+import { useReaderOverlayContext } from '@/features/reader/overlay/ReaderOverlayContext.tsx';
 import { applyStyles } from '@/features/core/utils/ApplyStyles.ts';
 import { TReaderOverlayContext } from '@/features/reader/overlay/ReaderOverlay.types.ts';
 import { ReaderStatePages } from '@/features/reader/overlay/progress-bar/ReaderProgressBar.types.ts';
 import { withPropsFrom } from '@/features/core/hoc/withPropsFrom.tsx';
-import { useReaderAutoScrollContext } from '@/features/reader/auto-scroll/contexts/ReaderAutoScrollContext.tsx';
+import { useReaderAutoScrollContext } from '@/features/reader/auto-scroll/ReaderAutoScrollContext.tsx';
 import { TReaderTapZoneContext } from '@/features/reader/tap-zones/TapZoneLayout.types.ts';
-import { useReaderTapZoneContext } from '@/features/reader/tap-zones/contexts/ReaderTapZoneContext.tsx';
+import { useReaderTapZoneContext } from '@/features/reader/tap-zones/ReaderTapZoneContext.tsx';
 import { useReaderAutoScroll } from '@/features/reader/auto-scroll/hooks/useReaderAutoScroll.ts';
 import { useReaderHideOverlayOnUserScroll } from '@/features/reader/overlay/hooks/useReaderHideOverlayOnUserScroll.ts';
 import { useReaderHorizontalModeInvertXYScrolling } from '@/features/reader/viewer/hooks/useReaderHorizontalModeInvertXYScrolling.ts';
@@ -64,7 +64,7 @@ import {
     getReaderChapterViewResumeMode,
 } from '@/features/reader/Reader.utils.ts';
 import { coerceIn, noOp } from '@/lib/HelperFunctions.ts';
-import { useNavBarContext } from '@/features/navigation-bar/contexts/NavbarContext.tsx';
+import { useNavBarContext } from '@/features/navigation-bar/NavbarContext.tsx';
 import { NavbarContextType } from '@/features/navigation-bar/NavigationBar.types.ts';
 import { useReaderPreserveScrollPosition } from '@/features/reader/viewer/hooks/useReaderPreserveScrollPosition.ts';
 

src/features/reader/viewer/components/ReaderTransitionPage.tsx

@@ -29,7 +29,7 @@ import {
     isContinuousReadingMode,
     isContinuousVerticalReadingMode,
 } from '@/features/reader/settings/ReaderSettings.utils.tsx';
-import { useNavBarContext } from '@/features/navigation-bar/contexts/NavbarContext.tsx';
+import { useNavBarContext } from '@/features/navigation-bar/NavbarContext.tsx';
 import { AppRoutes } from '@/features/core/AppRoute.constants.ts';
 import { NavbarContextType } from '@/features/navigation-bar/NavigationBar.types.ts';
 import { withPropsFrom } from '@/features/core/hoc/withPropsFrom.tsx';