aljaz/rabbit
1
0
Fork 0
mirror of https://github.com/aljazceru/rabbit.git synced 2025-12-19 06:54:23 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat: support elementary keyboard shortcuts

Browse Source
This commit is contained in:
Shusui MOYATANI
2023-03-08 01:55:30 +09:00
parent 410b18d3a2
commit e581d3fc74
9 changed files with 218 additions and 103 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
src/hooks/useShortcutKeys.ts
View File

@@ -3,24 +3,26 @@
import { onMount, onCleanup, type JSX } from 'solid-js';
type Shortcut = { key: string; command: string };
import { useRequestCommand, type Command } from '@/hooks/useCommandBus';
type Shortcut = { key: string; command: Command };
const defaultShortcut: Shortcut[] = [
{ key: 'n', command: 'openPostForm' },
{ key: 'h', command: 'moveToPrevColumn' },
{ key: 'j', command: 'moveToNextItem' },
{ key: 'k', command: 'moveToPrevItem' },
{ key: 'l', command: 'moveToNextColumn' },
{ key: 'ArrowLeft', command: 'moveToPrevColumn' },
{ key: 'ArrowDown', command: 'moveToNextItem' },
{ key: 'ArrowUp', command: 'moveToPrevItem' },
{ key: 'ArrowRight', command: 'moveToNextColumn' },
{ key: 'f', command: 'like' },
{ key: 't', command: 'repost' },
{ key: 'r', command: 'openReplyForm' },
{ key: '?', command: 'openHelp' },
{ key: 'Enter', command: 'openItemDetail' },
{ key: 'Backspace', command: 'closeItemDetail' },
{ key: 'n', command: { command: 'openPostForm' } },
{ key: 'h', command: { command: 'moveToPrevColumn' } },
{ key: 'j', command: { command: 'moveToNextItem' } },
{ key: 'k', command: { command: 'moveToPrevItem' } },
{ key: 'l', command: { command: 'moveToNextColumn' } },
{ key: 'ArrowLeft', command: { command: 'moveToPrevColumn' } },
{ key: 'ArrowDown', command: { command: 'moveToNextItem' } },
{ key: 'ArrowUp', command: { command: 'moveToPrevItem' } },
{ key: 'ArrowRight', command: { command: 'moveToNextColumn' } },
{ key: 'f', command: { command: 'like' } },
{ key: 't', command: { command: 'repost' } },
{ key: 'r', command: { command: 'openReplyForm' } },
{ key: '?', command: { command: 'openHelp' } },
{ key: 'Enter', command: { command: 'openItemDetail' } },
{ key: 'Backspace', command: { command: 'closeItemDetail' } },
];
type UseShortcutKeysProps = {
@@ -40,7 +42,7 @@ const useShortcutKeys = ({ shortcuts = defaultShortcut, onShortcut }: UseShortcu
const shortcutsMap = createShortcutsMap(shortcuts);
onMount(() => {
const handleKeydown: JSX.EventHandler<Window, KeyboardEvent> = (ev) => {
const handleKeydown = (ev: KeyboardEvent) => {
if (ev.type !== 'keydown') return;
if (ev.target instanceof HTMLTextAreaElement || ev.target instanceof HTMLInputElement) return;
@@ -59,4 +61,14 @@ const useShortcutKeys = ({ shortcuts = defaultShortcut, onShortcut }: UseShortcu
});
};
export const useMountShortcutKeys = () => {
const request = useRequestCommand();
useShortcutKeys({
onShortcut: (shortcut) => {
request(shortcut.command);
},
});
};
export default useShortcutKeys;