svelte-shortcut-manager Svelte Themes

Svelte Shortcut Manager

handle global & contexted shortcuts neatly, with an optional supportive UI

Svelte Key Sequence Capture

Demo

npm i svelte-key-sequence-capturer

Types

type KeyCode = {
    [prop: string]: {
        code: string | string[];
        symbol: string;            
    }
}

interface Shortcut {
    title: string | () => string;
    sequence: KeyCode[];
    fn: () => void;
    escaped?: () => boolean;
}

API

Inputs:

permanents: Shortcut[];
helper: boolean // show window
strict: boolean // show window only if a key is pressed

A pre-made Keys lib is also exported

Future

  • Usage based attaching/detaching of scoped shortcuts

Top categories

Loading Svelte Themes