Administrator/NanoKVM-USB-MIRROR
1
0
Fork 0
mirror of https://github.com/sipeed/NanoKVM-USB.git synced 2026-11-09 17:04:27 -06:00
Code Issues Packages Projects Releases Wiki Activity

fix: use unified shortcuts variable

Browse Source
This commit is contained in:
Guoguo
2025-12-08 14:13:47 +08:00
parent 69d7e3fe96
commit 7dfebfb9f0
4 changed files with 42 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
browser/src/components/menu/keyboard/shortcuts-menu.tsx
View File

@@ -5,6 +5,7 @@ import { useTranslation } from 'react-i18next';
import { ShortcutProps } from '@/libs/device/keyboard.ts';
import { Shortcut } from './shortcut.tsx';
import { KeyboardShortcutCustom } from './shortcut-custom.tsx';
import { getShortcuts, setShortcuts } from '@/libs/storage';
export const KeyboardShortcutsMenu = () => {
const { t } = useTranslation();
@@ -30,35 +31,28 @@ export const KeyboardShortcutsMenu = () => {
const addShortcut = (shortcut: ShortcutProps) => {
if (shortcut == null) return;
let shortcuts = localStorage.getItem("shortcuts");
if (shortcuts === null) {
shortcuts = "[]";
}
const shortcutsObject: ShortcutProps[] = JSON.parse(shortcuts);
shortcutsObject.push(shortcut);
localStorage.setItem("shortcuts", JSON.stringify(shortcutsObject));
setStoredShortcuts(shortcutsObject);
const shortcuts = getShortcuts();
shortcuts.push(shortcut);
setStoredShortcuts(shortcuts);
setShortcuts(shortcuts);
}
const removeShortcut = (indexToRemove: number) => {
const newShortcuts = storedShortcuts.filter(
(_, index) => index !== indexToRemove
);
localStorage.setItem("shortcuts", JSON.stringify(newShortcuts));
setStoredShortcuts(newShortcuts);
setShortcuts(newShortcuts);
}
useEffect(() => {
const shortcuts = localStorage.getItem("shortcuts");
if (shortcuts === null) {
const shortcuts = getShortcuts();
if (shortcuts.length === 0) {
predefinedShortcuts.forEach(shortcut => {
addShortcut(shortcut);
})
} else {
const shortcutsObject: ShortcutProps[] = JSON.parse(shortcuts);
setStoredShortcuts(shortcutsObject);
setStoredShortcuts(shortcuts);
}
}, []);

12
browser/src/libs/storage/index.ts
View File

@@ -1,4 +1,5 @@
import type { Resolution } from '@/types';
import { ShortcutProps } from '@/libs/device/keyboard.ts';
const LANGUAGE_KEY = 'nanokvm-usb-language';
const VIDEO_DEVICE_ID_KEY = 'nanokvm-usb-video-device-id';
@@ -11,6 +12,7 @@ const MOUSE_MODE_KEY = 'nanokvm-usb-mouse-mode';
const MOUSE_SCROLL_DIRECTION_KEY = 'nanokvm-usb-mouse-scroll-direction';
const MOUSE_SCROLL_INTERVAL_KEY = 'nanokvm-usb-mouse-scroll-interval';
const MOUSE_JIGGLER_MODE_KEY = 'nanokvm-usb-mouse-jiggler-mode';
const SHORTCUTS_KEY = 'nanokvm-usb-shortcuts';
export function getLanguage() {
return localStorage.getItem(LANGUAGE_KEY);
@@ -130,3 +132,13 @@ export function getMouseJigglerMode(): string {
export function setMouseJigglerMode(jiggler: string): void {
localStorage.setItem(MOUSE_JIGGLER_MODE_KEY, jiggler);
}
export function getShortcuts(): ShortcutProps[] {
const shortcuts = localStorage.getItem(SHORTCUTS_KEY);
if (!shortcuts) return [];
return window.JSON.parse(shortcuts);
}
export function setShortcuts(shortcuts: ShortcutProps[]): void {
localStorage.setItem(SHORTCUTS_KEY, window.JSON.stringify(shortcuts));
}