hotkey

Skill do implementacji skrótów klawiszowych w projektach opartych na LobHub. Zawiera gotowy przepis na dodanie nowego hotkeya: od zdefiniowania stałej, przez rejestrację domyślnego przypisania klawiszy, aż po podpięcie akcji i tłumaczenia. Obsługuje zakresy (globalne, czat), grupy funkcjonalne i sprawdzanie konfliktów z systemowymi skrótami.

1. Otwórz plik src/types/hotkey.ts i dodaj nową stałą do obiektu HotkeyEnum, na przykład ClearChat: 'clearChat'. To zdefiniuje unikalny identyfikator dla twojego skrótu.

2. W pliku src/const/hotkeys.ts zarejestruj domyślne przypisanie klawiszy. Utwórz nowy wpis w tablicy HOTKEYS_REGISTRATION ze wskazaniem grupy (np. Conversation), identyfikatora hotkeya, kombinacji klawiszy za pomocą combineKeys i zakresu (np. Chat).

3. Dodaj tłumaczenia w src/locales/default/hotkey.ts. Utwórz obiekt z polami desc (opis) i title (nazwa) dla nowego skrótu.

4. Stwórz hook w src/hooks/useHotkeys/chatScope.ts (lub odpowiednim pliku zakresu). Hook powinien używać useHotkeyById z identyfikatorem hotkeya i funkcją, którą chcesz wykonać.

5. Zarejestruj hook w funkcji useRegisterChatHotkeys lub analogicznej dla twojego zakresu, aby skrót został aktywowany.

6. Opcjonalnie: dodaj tooltip do przycisku, który wyzwala akcję. Pobierz skrót z useUserStore i przekaż go do komponentu Tooltip razem z tytułem z tłumaczeń.