FabLrc
126 lines
3.8 KiB
TypeScript
126 lines
3.8 KiB
TypeScript
export const SHORTCUT_ACTIONS = [
|
|
'addZoom',
|
|
'addTrim',
|
|
'addSpeed',
|
|
'addAnnotation',
|
|
'addKeyframe',
|
|
'deleteSelected',
|
|
'playPause',
|
|
] as const;
|
|
|
|
export type ShortcutAction = (typeof SHORTCUT_ACTIONS)[number];
|
|
|
|
export interface ShortcutBinding {
|
|
key: string;
|
|
/** Maps to Cmd on macOS, Ctrl on Windows/Linux */
|
|
ctrl?: boolean;
|
|
shift?: boolean;
|
|
alt?: boolean;
|
|
}
|
|
|
|
export type ShortcutsConfig = Record<ShortcutAction, ShortcutBinding>;
|
|
|
|
export interface FixedShortcut {
|
|
label: string;
|
|
display: string;
|
|
bindings: ShortcutBinding[];
|
|
}
|
|
|
|
export const FIXED_SHORTCUTS: FixedShortcut[] = [
|
|
{ label: 'Cycle Annotations Forward', display: 'Tab', bindings: [{ key: 'tab' }] },
|
|
{ label: 'Cycle Annotations Backward', display: 'Shift + Tab', bindings: [{ key: 'tab', shift: true }] },
|
|
{ label: 'Delete Selected (alt)', display: 'Del / ⌫', bindings: [{ key: 'delete' }, { key: 'backspace' }] },
|
|
{ label: 'Pan Timeline', display: 'Shift + Ctrl + Scroll', bindings: [] },
|
|
{ label: 'Zoom Timeline', display: 'Ctrl + Scroll', bindings: [] },
|
|
];
|
|
|
|
export type ShortcutConflict =
|
|
| { type: 'configurable'; action: ShortcutAction }
|
|
| { type: 'fixed'; label: string };
|
|
|
|
export function bindingsEqual(a: ShortcutBinding, b: ShortcutBinding): boolean {
|
|
return (
|
|
a.key.toLowerCase() === b.key.toLowerCase() &&
|
|
!!a.ctrl === !!b.ctrl &&
|
|
!!a.shift === !!b.shift &&
|
|
!!a.alt === !!b.alt
|
|
);
|
|
}
|
|
|
|
export function findConflict(
|
|
binding: ShortcutBinding,
|
|
forAction: ShortcutAction,
|
|
config: ShortcutsConfig,
|
|
): ShortcutConflict | null {
|
|
for (const fixed of FIXED_SHORTCUTS) {
|
|
if (fixed.bindings.some((b) => bindingsEqual(b, binding))) {
|
|
return { type: 'fixed', label: fixed.label };
|
|
}
|
|
}
|
|
for (const action of SHORTCUT_ACTIONS) {
|
|
if (action !== forAction && bindingsEqual(config[action], binding)) {
|
|
return { type: 'configurable', action };
|
|
}
|
|
}
|
|
return null;
|
|
}
|
|
|
|
export const DEFAULT_SHORTCUTS: ShortcutsConfig = {
|
|
addZoom: { key: 'z' },
|
|
addTrim: { key: 't' },
|
|
addSpeed: { key: 's' },
|
|
addAnnotation: { key: 'a' },
|
|
addKeyframe: { key: 'f' },
|
|
deleteSelected: { key: 'd', ctrl: true },
|
|
playPause: { key: ' ' },
|
|
};
|
|
|
|
export const SHORTCUT_LABELS: Record<ShortcutAction, string> = {
|
|
addZoom: 'Add Zoom',
|
|
addTrim: 'Add Trim',
|
|
addSpeed: 'Add Speed',
|
|
addAnnotation: 'Add Annotation',
|
|
addKeyframe: 'Add Keyframe',
|
|
deleteSelected: 'Delete Selected',
|
|
playPause: 'Play / Pause',
|
|
};
|
|
|
|
export function matchesShortcut(
|
|
e: KeyboardEvent,
|
|
binding: ShortcutBinding,
|
|
isMacPlatform: boolean,
|
|
): boolean {
|
|
if (e.key.toLowerCase() !== binding.key.toLowerCase()) return false;
|
|
|
|
const primaryMod = isMacPlatform ? e.metaKey : e.ctrlKey;
|
|
if (primaryMod !== !!binding.ctrl) return false;
|
|
if (e.shiftKey !== !!binding.shift) return false;
|
|
if (e.altKey !== !!binding.alt) return false;
|
|
|
|
return true;
|
|
}
|
|
|
|
const KEY_LABELS: Record<string, string> = {
|
|
' ': 'Space', 'delete': 'Del', 'backspace': '⌫', 'escape': 'Esc',
|
|
'arrowup': '↑', 'arrowdown': '↓', 'arrowleft': '←', 'arrowright': '→',
|
|
};
|
|
|
|
export function formatBinding(binding: ShortcutBinding, isMac: boolean): string {
|
|
const parts: string[] = [];
|
|
if (binding.ctrl) parts.push(isMac ? '⌘' : 'Ctrl');
|
|
if (binding.shift) parts.push(isMac ? '⇧' : 'Shift');
|
|
if (binding.alt) parts.push(isMac ? '⌥' : 'Alt');
|
|
parts.push(KEY_LABELS[binding.key] ?? binding.key.toUpperCase());
|
|
return parts.join(' + ');
|
|
}
|
|
|
|
export function mergeWithDefaults(partial: Partial<ShortcutsConfig>): ShortcutsConfig {
|
|
const merged = { ...DEFAULT_SHORTCUTS };
|
|
for (const action of SHORTCUT_ACTIONS) {
|
|
if (partial[action]) {
|
|
merged[action] = partial[action] as ShortcutBinding;
|
|
}
|
|
}
|
|
return merged;
|
|
}
|