Define Key and KeySequence
This commit is contained in:
parent
2ec912c262
commit
a5518dce3d
17 changed files with 207 additions and 222 deletions
74
src/content/domains/Key.ts
Normal file
74
src/content/domains/Key.ts
Normal file
|
@ -0,0 +1,74 @@
|
|||
export default interface Key {
|
||||
key: string;
|
||||
shiftKey?: boolean;
|
||||
ctrlKey?: boolean;
|
||||
altKey?: boolean;
|
||||
metaKey?: boolean;
|
||||
|
||||
// eslint-disable-next-line semi
|
||||
}
|
||||
|
||||
const modifiedKeyName = (name: string): string => {
|
||||
if (name === ' ') {
|
||||
return 'Space';
|
||||
}
|
||||
if (name.length === 1) {
|
||||
return name;
|
||||
} else if (name === 'Escape') {
|
||||
return 'Esc';
|
||||
}
|
||||
return name;
|
||||
};
|
||||
|
||||
export const fromKeyboardEvent = (e: KeyboardEvent): Key => {
|
||||
let key = modifiedKeyName(e.key);
|
||||
let shift = e.shiftKey;
|
||||
if (key.length === 1 && key.toUpperCase() === key.toLowerCase()) {
|
||||
// make shift false for symbols to enable key bindings by symbold keys.
|
||||
// But this limits key bindings by symbol keys with Shift (such as Shift+$>.
|
||||
shift = false;
|
||||
}
|
||||
|
||||
return {
|
||||
key: modifiedKeyName(e.key),
|
||||
shiftKey: shift,
|
||||
ctrlKey: e.ctrlKey,
|
||||
altKey: e.altKey,
|
||||
metaKey: e.metaKey,
|
||||
};
|
||||
};
|
||||
|
||||
export const fromMapKey = (key: string): Key => {
|
||||
if (key.startsWith('<') && key.endsWith('>')) {
|
||||
let inner = key.slice(1, -1);
|
||||
let shift = inner.includes('S-');
|
||||
let base = inner.slice(inner.lastIndexOf('-') + 1);
|
||||
if (shift && base.length === 1) {
|
||||
base = base.toUpperCase();
|
||||
} else if (!shift && base.length === 1) {
|
||||
base = base.toLowerCase();
|
||||
}
|
||||
return {
|
||||
key: base,
|
||||
shiftKey: inner.includes('S-'),
|
||||
ctrlKey: inner.includes('C-'),
|
||||
altKey: inner.includes('A-'),
|
||||
metaKey: inner.includes('M-'),
|
||||
};
|
||||
}
|
||||
return {
|
||||
key: key,
|
||||
shiftKey: key.toLowerCase() !== key,
|
||||
ctrlKey: false,
|
||||
altKey: false,
|
||||
metaKey: false,
|
||||
};
|
||||
};
|
||||
|
||||
export const equals = (e1: Key, e2: Key): boolean => {
|
||||
return e1.key === e2.key &&
|
||||
e1.ctrlKey === e2.ctrlKey &&
|
||||
e1.metaKey === e2.metaKey &&
|
||||
e1.altKey === e2.altKey &&
|
||||
e1.shiftKey === e2.shiftKey;
|
||||
};
|
Reference in a new issue