External/OpenCut
1
0
Fork 0
mirror of https://github.com/OpenCut-app/OpenCut.git synced 2026-07-13 21:52:53 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: refactor keybinding management and add keybinding editor component

Browse Source
This commit is contained in:
Anwarul Islam
2025-07-18 07:38:32 +06:00
parent 33531fb3bf
commit cdae10ca0a
5 changed files with 513 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/hooks/use-keyboard-shortcuts-help.ts
+5 -3
View File
@@ -1,7 +1,7 @@
"use client";
import { useMemo } from "react";
import { bindings } from "@/constants/keybindings";
import { useKeybindingsStore } from "@/stores/keybindings-store";
import { Action } from "@/constants/actions";
export interface KeyboardShortcut {
@@ -83,13 +83,15 @@ const formatKey = (key: string): string => {
};
export const useKeyboardShortcutsHelp = () => {
const { keybindings } = useKeybindingsStore();
const shortcuts = useMemo(() => {
const result: KeyboardShortcut[] = [];
// Group keybindings by action
const actionToKeys: Record<Action, string[]> = {} as any;
Object.entries(bindings).forEach(([key, action]) => {
Object.entries(keybindings).forEach(([key, action]) => {
if (action) {
if (!actionToKeys[action]) {
actionToKeys[action] = [];
@@ -113,7 +115,7 @@ export const useKeyboardShortcutsHelp = () => {
});
return result;
}, []);
}, [keybindings]);
return {
shortcuts,