Something went wrong. Try again.
a tool for shared writing and social publishing
Something went wrong. Try again.
TypeScript
12345678910111213141516171819202122232425262728293031323334import { useUIState } from "./useUIState";import { Replicache } from "replicache";import { ReplicacheMutators } from "./replicache";import { isMac } from "./utils/isDevice";
export type Shortcut = { metaKey?: boolean; metaAndCtrl?: boolean; altKey?: boolean; shift?: boolean; // Opt-in: several chords overlap editor bindings and rely on both firing. skipIfDefaultPrevented?: boolean; key: string | string[]; handler: () => void;};export function addShortcut(shortcuts: Shortcut | Shortcut[]) { let listener = (e: KeyboardEvent) => { for (let shortcut of [shortcuts].flat()) { if (shortcut.skipIfDefaultPrevented && e.defaultPrevented) continue; if (e.shiftKey !== !!shortcut.shift) continue; if (e.altKey !== !!shortcut.altKey) continue; if (shortcut.metaAndCtrl) { if (!(e.metaKey && e.ctrlKey)) continue; } else if (!!shortcut.metaKey !== (isMac() ? e.metaKey : e.ctrlKey)) continue; if (![shortcut.key].flat().includes(e.key)) continue; e.preventDefault(); return shortcut.handler(); } }; window.addEventListener("keydown", listener); return () => window.removeEventListener("keydown", listener);}