Reader hotkeys

src/modules/hotkeys/Hotkeys.constants.ts

@@ -0,0 +1,13 @@
+/*
+ * 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 { HotkeyScope } from '@/modules/hotkeys/Hotkeys.types.ts';
+
+export const HOTKEY_SCOPES = Object.fromEntries(
+    Object.values(HotkeyScope).map((scope) => [scope, { scopes: scope }]),
+) as Record<HotkeyScope, { scopes: string }>;

src/modules/hotkeys/Hotkeys.types.ts

@@ -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/.
+ */
+
+export enum HotkeyScope {
+    NONE = 'none',
+    GLOBAL = 'global',
+    MAIN_APP = 'main_app',
+    READER = 'reader',
+}

src/modules/hotkeys/Hotkeys.utils.ts

@@ -0,0 +1,26 @@
+/*
+ * 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, useState } from 'react';
+import { useHotkeysContext } from 'react-hotkeys-hook';
+import { HotkeyScope } from '@/modules/hotkeys/Hotkeys.types.ts';
+
+export const useDisableAllHotkeysWhileMounted = () => {
+    const { enabledScopes, enableScope, disableScope } = useHotkeysContext();
+    const [previouslyEnabledScopes] = useState(enabledScopes);
+
+    useEffect(() => {
+        enableScope(HotkeyScope.NONE);
+        previouslyEnabledScopes.forEach(disableScope);
+
+        return () => {
+            disableScope(HotkeyScope.NONE);
+            previouslyEnabledScopes.forEach(enableScope);
+        };
+    }, []);
+};

src/modules/hotkeys/contexts/AppHotkeysProvider.tsx

@@ -0,0 +1,15 @@
+/*
+ * 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 { HotkeysProvider } from 'react-hotkeys-hook';
+import { ReactNode } from 'react';
+import { HotkeyScope } from '@/modules/hotkeys/Hotkeys.types.ts';
+
+export const AppHotkeysProvider = ({ children }: { children?: ReactNode }) => (
+    <HotkeysProvider initiallyActiveScopes={[HotkeyScope.GLOBAL]}>{children}</HotkeysProvider>
+);