@tanstack/hotkeys 0.7.1 → 0.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +15 -1
- package/dist/{manager.utils.js → _event-target.cjs} +5 -41
- package/dist/_event-target.cjs.map +1 -0
- package/dist/{manager.utils.cjs → _event-target.js} +3 -47
- package/dist/_event-target.js.map +1 -0
- package/dist/_keyboard-event.cjs +83 -0
- package/dist/_keyboard-event.cjs.map +1 -0
- package/dist/_keyboard-event.js +76 -0
- package/dist/_keyboard-event.js.map +1 -0
- package/dist/_match.cjs +49 -0
- package/dist/_match.cjs.map +1 -0
- package/dist/_match.js +49 -0
- package/dist/_match.js.map +1 -0
- package/dist/_named-keys.cjs +68 -0
- package/dist/_named-keys.cjs.map +1 -0
- package/dist/_named-keys.d.cts +8 -0
- package/dist/_named-keys.d.ts +8 -0
- package/dist/_named-keys.js +66 -0
- package/dist/_named-keys.js.map +1 -0
- package/dist/_recorder-chord.cjs +44 -0
- package/dist/_recorder-chord.cjs.map +1 -0
- package/dist/_recorder-chord.js +43 -0
- package/dist/_recorder-chord.js.map +1 -0
- package/dist/_recording-guard.cjs +59 -0
- package/dist/_recording-guard.cjs.map +1 -0
- package/dist/_recording-guard.js +56 -0
- package/dist/_recording-guard.js.map +1 -0
- package/dist/_registration.cjs +54 -0
- package/dist/_registration.cjs.map +1 -0
- package/dist/_registration.js +50 -0
- package/dist/_registration.js.map +1 -0
- package/dist/conflicts.cjs +55 -0
- package/dist/conflicts.cjs.map +1 -0
- package/dist/conflicts.d.cts +39 -0
- package/dist/conflicts.d.ts +39 -0
- package/dist/conflicts.js +55 -0
- package/dist/conflicts.js.map +1 -0
- package/dist/constants.cjs +46 -171
- package/dist/constants.cjs.map +1 -1
- package/dist/constants.d.cts +4 -129
- package/dist/constants.d.ts +4 -129
- package/dist/constants.js +48 -164
- package/dist/constants.js.map +1 -1
- package/dist/display-labels.cjs +119 -0
- package/dist/display-labels.cjs.map +1 -0
- package/dist/display-labels.d.cts +93 -0
- package/dist/display-labels.d.ts +93 -0
- package/dist/display-labels.js +113 -0
- package/dist/display-labels.js.map +1 -0
- package/dist/format.cjs +30 -36
- package/dist/format.cjs.map +1 -1
- package/dist/format.d.cts +46 -7
- package/dist/format.d.ts +46 -7
- package/dist/format.js +31 -37
- package/dist/format.js.map +1 -1
- package/dist/hint.cjs +24 -0
- package/dist/hint.cjs.map +1 -0
- package/dist/hint.d.cts +23 -0
- package/dist/hint.d.ts +23 -0
- package/dist/hint.js +24 -0
- package/dist/hint.js.map +1 -0
- package/dist/hotkey-manager.cjs +53 -22
- package/dist/hotkey-manager.cjs.map +1 -1
- package/dist/hotkey-manager.d.cts +6 -2
- package/dist/hotkey-manager.d.ts +6 -2
- package/dist/hotkey-manager.js +49 -18
- package/dist/hotkey-manager.js.map +1 -1
- package/dist/hotkey-recorder.cjs +67 -11
- package/dist/hotkey-recorder.cjs.map +1 -1
- package/dist/hotkey-recorder.d.cts +6 -3
- package/dist/hotkey-recorder.d.ts +6 -3
- package/dist/hotkey-recorder.js +66 -10
- package/dist/hotkey-recorder.js.map +1 -1
- package/dist/hotkey-sequence-recorder.cjs +85 -22
- package/dist/hotkey-sequence-recorder.cjs.map +1 -1
- package/dist/hotkey-sequence-recorder.d.cts +9 -2
- package/dist/hotkey-sequence-recorder.d.ts +9 -2
- package/dist/hotkey-sequence-recorder.js +84 -21
- package/dist/hotkey-sequence-recorder.js.map +1 -1
- package/dist/{hotkey.d.ts → hotkey.types.d.cts} +55 -120
- package/dist/{hotkey.d.cts → hotkey.types.d.ts} +55 -120
- package/dist/index.cjs +18 -10
- package/dist/index.d.cts +14 -9
- package/dist/index.d.ts +14 -9
- package/dist/index.js +10 -6
- package/dist/key-state-tracker.cjs +24 -24
- package/dist/key-state-tracker.cjs.map +1 -1
- package/dist/key-state-tracker.js +24 -24
- package/dist/key-state-tracker.js.map +1 -1
- package/dist/key.types.d.cts +82 -0
- package/dist/key.types.d.ts +82 -0
- package/dist/match.cjs +21 -30
- package/dist/match.cjs.map +1 -1
- package/dist/match.d.cts +19 -3
- package/dist/match.d.ts +19 -3
- package/dist/match.js +19 -29
- package/dist/match.js.map +1 -1
- package/dist/parse.cjs +43 -26
- package/dist/parse.cjs.map +1 -1
- package/dist/parse.d.cts +10 -4
- package/dist/parse.d.ts +10 -4
- package/dist/parse.js +35 -19
- package/dist/parse.js.map +1 -1
- package/dist/platform.cjs +55 -0
- package/dist/platform.cjs.map +1 -0
- package/dist/platform.d.cts +44 -0
- package/dist/platform.d.ts +44 -0
- package/dist/platform.js +53 -0
- package/dist/platform.js.map +1 -0
- package/dist/recorder-options.d.cts +34 -0
- package/dist/recorder-options.d.ts +34 -0
- package/dist/sequence-manager.cjs +54 -28
- package/dist/sequence-manager.cjs.map +1 -1
- package/dist/sequence-manager.d.cts +18 -3
- package/dist/sequence-manager.d.ts +18 -3
- package/dist/sequence-manager.js +49 -23
- package/dist/sequence-manager.js.map +1 -1
- package/dist/validate.cjs +6 -10
- package/dist/validate.cjs.map +1 -1
- package/dist/validate.d.cts +13 -2
- package/dist/validate.d.ts +13 -2
- package/dist/validate.js +7 -11
- package/dist/validate.js.map +1 -1
- package/package.json +2 -2
- package/src/{manager.utils.ts → _event-target.ts} +0 -74
- package/src/_keyboard-event.ts +101 -0
- package/src/_match.ts +96 -0
- package/src/_named-keys.ts +62 -0
- package/src/_recorder-chord.ts +76 -0
- package/src/_recording-guard.ts +63 -0
- package/src/_registration.ts +79 -0
- package/src/conflicts.ts +125 -0
- package/src/constants.ts +48 -196
- package/src/display-labels.ts +123 -0
- package/src/format.ts +111 -52
- package/src/hint.ts +42 -0
- package/src/hotkey-manager.ts +95 -40
- package/src/hotkey-recorder.ts +92 -16
- package/src/hotkey-sequence-recorder.ts +110 -28
- package/src/{hotkey.ts → hotkey.types.ts} +57 -224
- package/src/index.ts +11 -5
- package/src/key-state-tracker.ts +36 -24
- package/src/key.types.ts +268 -0
- package/src/match.ts +41 -90
- package/src/parse.ts +67 -26
- package/src/platform.ts +66 -0
- package/src/recorder-options.ts +34 -0
- package/src/sequence-manager.ts +77 -42
- package/src/validate.ts +29 -21
- package/dist/manager.utils.cjs.map +0 -1
- package/dist/manager.utils.d.cts +0 -13
- package/dist/manager.utils.d.ts +0 -13
- package/dist/manager.utils.js.map +0 -1
- package/dist/recorder-chord.cjs +0 -18
- package/dist/recorder-chord.cjs.map +0 -1
- package/dist/recorder-chord.js +0 -18
- package/dist/recorder-chord.js.map +0 -1
- package/src/recorder-chord.ts +0 -25
package/dist/hotkey-recorder.js
CHANGED
|
@@ -1,6 +1,11 @@
|
|
|
1
|
-
import { detectPlatform } from "./
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
1
|
+
import { detectPlatform } from "./platform.js";
|
|
2
|
+
import { normalizeKeyboardEvent } from "./_keyboard-event.js";
|
|
3
|
+
import { isModifierKey, parseHotkey } from "./parse.js";
|
|
4
|
+
import { validateHotkey } from "./validate.js";
|
|
5
|
+
import { beginRecording, captureRecordingEvent, endRecording } from "./_recording-guard.js";
|
|
6
|
+
import { shouldIgnoreInputEvent } from "./_event-target.js";
|
|
7
|
+
import { findHotkeyConflicts } from "./conflicts.js";
|
|
8
|
+
import { chordRejection, hotkeyChordFromKeydown } from "./_recorder-chord.js";
|
|
4
9
|
import { Store } from "@tanstack/store";
|
|
5
10
|
|
|
6
11
|
//#region src/hotkey-recorder.ts
|
|
@@ -14,7 +19,7 @@ import { Store } from "@tanstack/store";
|
|
|
14
19
|
* State Management:
|
|
15
20
|
* - Uses TanStack Store for reactive state management
|
|
16
21
|
* - State can be accessed via `recorder.store.state` when using the class directly
|
|
17
|
-
* - When using framework adapters (React), use `
|
|
22
|
+
* - When using framework adapters (React), use `useSelector` hooks for reactive state
|
|
18
23
|
*
|
|
19
24
|
* @example
|
|
20
25
|
* ```ts
|
|
@@ -74,31 +79,80 @@ var HotkeyRecorder = class {
|
|
|
74
79
|
*/
|
|
75
80
|
start() {
|
|
76
81
|
if (this.#keydownHandler) return;
|
|
82
|
+
beginRecording(this);
|
|
77
83
|
this.store.setState(() => ({
|
|
78
84
|
isRecording: true,
|
|
79
85
|
recordedHotkey: null
|
|
80
86
|
}));
|
|
81
87
|
const handler = (event) => {
|
|
82
88
|
if (!this.#keydownHandler) return;
|
|
83
|
-
if (this.#options.ignoreInputs !== false)
|
|
84
|
-
|
|
85
|
-
|
|
89
|
+
if (this.#options.ignoreInputs !== false && event.key !== "Escape" && shouldIgnoreInputEvent(event, document, document)) return;
|
|
90
|
+
const platform = this.#options.platform ?? this.#platform;
|
|
91
|
+
if (normalizeKeyboardEvent(event, platform).isComposing) return;
|
|
92
|
+
captureRecordingEvent(event);
|
|
86
93
|
event.preventDefault();
|
|
87
94
|
event.stopPropagation();
|
|
95
|
+
if (event.repeat) return;
|
|
88
96
|
if (event.key === "Escape") {
|
|
89
97
|
this.cancel();
|
|
90
98
|
return;
|
|
91
99
|
}
|
|
92
100
|
if (event.key === "Backspace" || event.key === "Delete") {
|
|
93
101
|
if (!event.ctrlKey && !event.shiftKey && !event.altKey && !event.metaKey) {
|
|
94
|
-
this.#options.onClear?.();
|
|
95
|
-
this.#options.onRecord("");
|
|
96
102
|
this.stop();
|
|
103
|
+
this.#options.onClear?.();
|
|
97
104
|
return;
|
|
98
105
|
}
|
|
99
106
|
}
|
|
100
|
-
|
|
107
|
+
if (isModifierKey(event.key) || event.key === "AltGraph") return;
|
|
108
|
+
const rejection = chordRejection(event, {
|
|
109
|
+
...this.#options,
|
|
110
|
+
platform
|
|
111
|
+
});
|
|
112
|
+
if (rejection) {
|
|
113
|
+
this.#options.onReject?.(rejection);
|
|
114
|
+
return;
|
|
115
|
+
}
|
|
116
|
+
const finalHotkey = hotkeyChordFromKeydown(event, platform, this.#options.recordBy);
|
|
101
117
|
if (finalHotkey === null) return;
|
|
118
|
+
const validation = validateHotkey(finalHotkey);
|
|
119
|
+
if (!validation.valid) {
|
|
120
|
+
this.#options.onReject?.({
|
|
121
|
+
reason: "invalid",
|
|
122
|
+
message: validation.errors.join("; "),
|
|
123
|
+
hotkey: finalHotkey
|
|
124
|
+
});
|
|
125
|
+
return;
|
|
126
|
+
}
|
|
127
|
+
const accepted = this.#options.validate?.(finalHotkey, {
|
|
128
|
+
event,
|
|
129
|
+
parsedHotkey: parseHotkey(finalHotkey, platform)
|
|
130
|
+
});
|
|
131
|
+
if (accepted !== void 0 && accepted !== true) {
|
|
132
|
+
this.#options.onReject?.({
|
|
133
|
+
reason: "validation",
|
|
134
|
+
message: typeof accepted === "string" ? accepted : "This shortcut is not allowed.",
|
|
135
|
+
hotkey: finalHotkey
|
|
136
|
+
});
|
|
137
|
+
return;
|
|
138
|
+
}
|
|
139
|
+
if (this.#options.detectConflicts) {
|
|
140
|
+
const conflicts = findHotkeyConflicts(finalHotkey, {
|
|
141
|
+
...typeof this.#options.detectConflicts === "object" ? this.#options.detectConflicts : {},
|
|
142
|
+
platform,
|
|
143
|
+
events: [event]
|
|
144
|
+
});
|
|
145
|
+
if (conflicts.length) {
|
|
146
|
+
this.#options.onReject?.({
|
|
147
|
+
reason: "conflict",
|
|
148
|
+
message: "This shortcut conflicts with a registered binding.",
|
|
149
|
+
hotkey: finalHotkey,
|
|
150
|
+
conflicts
|
|
151
|
+
});
|
|
152
|
+
return;
|
|
153
|
+
}
|
|
154
|
+
}
|
|
155
|
+
endRecording(this);
|
|
102
156
|
const handlerToRemove = this.#keydownHandler;
|
|
103
157
|
if (handlerToRemove) {
|
|
104
158
|
this.#removeListener(handlerToRemove);
|
|
@@ -119,6 +173,7 @@ var HotkeyRecorder = class {
|
|
|
119
173
|
* Removes the event listener and resets the recording state.
|
|
120
174
|
*/
|
|
121
175
|
stop() {
|
|
176
|
+
endRecording(this);
|
|
122
177
|
if (this.#keydownHandler) {
|
|
123
178
|
this.#removeListener(this.#keydownHandler);
|
|
124
179
|
this.#keydownHandler = null;
|
|
@@ -135,6 +190,7 @@ var HotkeyRecorder = class {
|
|
|
135
190
|
* the onCancel callback if provided.
|
|
136
191
|
*/
|
|
137
192
|
cancel() {
|
|
193
|
+
endRecording(this);
|
|
138
194
|
if (this.#keydownHandler) {
|
|
139
195
|
this.#removeListener(this.#keydownHandler);
|
|
140
196
|
this.#keydownHandler = null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hotkey-recorder.js","names":["#options","#platform","#keydownHandler","#removeListener","#addListener"],"sources":["../src/hotkey-recorder.ts"],"sourcesContent":["import { Store } from '@tanstack/store'\nimport { detectPlatform } from './constants'\nimport { isInputElement } from './manager.utils'\nimport { hotkeyChordFromKeydown } from './recorder-chord'\nimport type { Hotkey } from './hotkey'\n\n/**\n * State interface for the HotkeyRecorder.\n */\nexport interface HotkeyRecorderState {\n /** Whether recording is currently active */\n isRecording: boolean\n /** The currently recorded hotkey (for live preview) */\n recordedHotkey: Hotkey | null\n}\n\n/**\n * Options for configuring a HotkeyRecorder instance.\n */\nexport interface HotkeyRecorderOptions {\n /** Callback when a hotkey is successfully recorded */\n onRecord: (hotkey: Hotkey) => void\n /** Optional callback when recording is cancelled (Escape pressed) */\n onCancel?: () => void\n /** Optional callback when shortcut is cleared (Backspace/Delete pressed) */\n onClear?: () => void\n /**\n * Whether to ignore keyboard events from input-like elements (text inputs,\n * textarea, select, contenteditable). When true, typing in inputs passes\n * through normally instead of being captured as a hotkey recording.\n * Escape always works regardless of this setting.\n * @default true\n */\n ignoreInputs?: boolean\n}\n\n/**\n * Framework-agnostic class for recording keyboard shortcuts.\n *\n * This class handles all the complexity of capturing keyboard events,\n * converting them to hotkey strings, and handling edge cases like\n * Escape to cancel or Backspace/Delete to clear.\n *\n * State Management:\n * - Uses TanStack Store for reactive state management\n * - State can be accessed via `recorder.store.state` when using the class directly\n * - When using framework adapters (React), use `useStore` hooks for reactive state\n *\n * @example\n * ```ts\n * const recorder = new HotkeyRecorder({\n * onRecord: (hotkey) => {\n * console.log('Recorded:', hotkey)\n * },\n * onCancel: () => {\n * console.log('Recording cancelled')\n * },\n * })\n *\n * // Start recording\n * recorder.start()\n *\n * // Access state directly\n * console.log(recorder.store.state.isRecording) // true\n *\n * // Subscribe to changes with TanStack Store\n * const unsubscribe = recorder.store.subscribe(() => {\n * console.log('Recording:', recorder.store.state.isRecording)\n * })\n *\n * // Cleanup\n * recorder.destroy()\n * unsubscribe()\n * ```\n */\nexport class HotkeyRecorder {\n /**\n * The TanStack Store instance containing the recorder state.\n * Use this to subscribe to state changes or access current state.\n */\n readonly store: Store<HotkeyRecorderState> = new Store<HotkeyRecorderState>({\n isRecording: false,\n recordedHotkey: null,\n })\n\n #keydownHandler: ((event: KeyboardEvent) => void) | null = null\n #options: HotkeyRecorderOptions\n #platform: 'mac' | 'windows' | 'linux'\n\n constructor(options: HotkeyRecorderOptions) {\n this.#options = options\n this.#platform = detectPlatform()\n }\n\n /**\n * Updates the recorder options, including callbacks.\n * This allows framework adapters to sync callback changes without recreating the recorder.\n */\n setOptions(options: Partial<HotkeyRecorderOptions>): void {\n this.#options = {\n ...this.#options,\n ...options,\n }\n }\n\n /**\n * Start recording a new hotkey.\n *\n * Sets up a keydown event listener that captures keyboard events\n * and converts them to hotkey strings. Recording continues until\n * a valid hotkey is recorded, Escape is pressed, or stop/cancel is called.\n */\n start(): void {\n // Prevent starting recording if already recording\n if (this.#keydownHandler) {\n return\n }\n\n // Update store state\n this.store.setState(() => ({\n isRecording: true,\n recordedHotkey: null,\n }))\n\n // Create keydown handler\n const handler = (event: KeyboardEvent) => {\n // Check if we're still recording (handler might be called after stop/cancel)\n if (!this.#keydownHandler) {\n return\n }\n\n // If ignoreInputs is enabled (default) and focus is in an input element,\n // let the event pass through so the user can type normally.\n // Escape is the exception — it should always cancel recording.\n if (this.#options.ignoreInputs !== false) {\n const activeEl =\n typeof document !== 'undefined' ? document.activeElement : null\n if (isInputElement(activeEl) && event.key !== 'Escape') {\n return\n }\n }\n\n event.preventDefault()\n event.stopPropagation()\n\n // Handle Escape to cancel\n if (event.key === 'Escape') {\n this.cancel()\n return\n }\n\n // Handle Backspace/Delete to clear shortcut\n if (event.key === 'Backspace' || event.key === 'Delete') {\n if (\n !event.ctrlKey &&\n !event.shiftKey &&\n !event.altKey &&\n !event.metaKey\n ) {\n this.#options.onClear?.()\n this.#options.onRecord('' as Hotkey)\n this.stop()\n return\n }\n }\n\n const finalHotkey = hotkeyChordFromKeydown(event, this.#platform)\n if (finalHotkey === null) {\n return\n }\n\n // Remove listener FIRST to prevent any additional events\n const handlerToRemove = this.#keydownHandler as\n | ((event: KeyboardEvent) => void)\n | null\n if (handlerToRemove) {\n this.#removeListener(handlerToRemove)\n this.#keydownHandler = null\n }\n\n // Update store state immediately\n this.store.setState(() => ({\n isRecording: false,\n recordedHotkey: finalHotkey,\n }))\n\n // Call callback AFTER listener is removed and state is set\n this.#options.onRecord(finalHotkey)\n }\n\n this.#keydownHandler = handler\n this.#addListener(handler)\n }\n\n /**\n * Stop recording (same as cancel, but doesn't call onCancel).\n *\n * Removes the event listener and resets the recording state.\n */\n stop(): void {\n // Remove event listener immediately\n if (this.#keydownHandler) {\n this.#removeListener(this.#keydownHandler)\n this.#keydownHandler = null\n }\n\n // Update store state\n this.store.setState(() => ({\n isRecording: false,\n recordedHotkey: null,\n }))\n }\n\n /**\n * Cancel recording without saving.\n *\n * Removes the event listener, resets the recording state, and calls\n * the onCancel callback if provided.\n */\n cancel(): void {\n // Remove event listener immediately\n if (this.#keydownHandler) {\n this.#removeListener(this.#keydownHandler)\n this.#keydownHandler = null\n }\n\n // Update store state\n this.store.setState(() => ({\n isRecording: false,\n recordedHotkey: null,\n }))\n\n // Call cancel callback\n this.#options.onCancel?.()\n }\n\n /**\n * Adds the keydown event listener to the document.\n */\n #addListener(handler: (event: KeyboardEvent) => void): void {\n if (typeof document === 'undefined') {\n return // SSR safety\n }\n\n document.addEventListener('keydown', handler, true)\n }\n\n /**\n * Removes the keydown event listener from the document.\n */\n #removeListener(handler: (event: KeyboardEvent) => void): void {\n if (typeof document === 'undefined') {\n return\n }\n\n document.removeEventListener('keydown', handler, true)\n }\n\n /**\n * Clean up event listeners and reset state.\n *\n * Call this when you're done with the recorder to ensure\n * all event listeners are properly removed.\n */\n destroy(): void {\n this.stop()\n this.store.setState(() => ({\n isRecording: false,\n recordedHotkey: null,\n }))\n }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2EA,IAAa,iBAAb,MAA4B;CAU1B,kBAA2D;CAC3D;CACA;CAEA,YAAY,SAAgC;eATC,IAAI,MAA2B;GAC1E,aAAa;GACb,gBAAgB;GACjB,CAAC;AAOA,QAAKA,UAAW;AAChB,QAAKC,WAAY,gBAAgB;;;;;;CAOnC,WAAW,SAA+C;AACxD,QAAKD,UAAW;GACd,GAAG,MAAKA;GACR,GAAG;GACJ;;;;;;;;;CAUH,QAAc;AAEZ,MAAI,MAAKE,eACP;AAIF,OAAK,MAAM,gBAAgB;GACzB,aAAa;GACb,gBAAgB;GACjB,EAAE;EAGH,MAAM,WAAW,UAAyB;AAExC,OAAI,CAAC,MAAKA,eACR;AAMF,OAAI,MAAKF,QAAS,iBAAiB,OAGjC;QAAI,eADF,OAAO,aAAa,cAAc,SAAS,gBAAgB,KACjC,IAAI,MAAM,QAAQ,SAC5C;;AAIJ,SAAM,gBAAgB;AACtB,SAAM,iBAAiB;AAGvB,OAAI,MAAM,QAAQ,UAAU;AAC1B,SAAK,QAAQ;AACb;;AAIF,OAAI,MAAM,QAAQ,eAAe,MAAM,QAAQ,UAC7C;QACE,CAAC,MAAM,WACP,CAAC,MAAM,YACP,CAAC,MAAM,UACP,CAAC,MAAM,SACP;AACA,WAAKA,QAAS,WAAW;AACzB,WAAKA,QAAS,SAAS,GAAa;AACpC,UAAK,MAAM;AACX;;;GAIJ,MAAM,cAAc,uBAAuB,OAAO,MAAKC,SAAU;AACjE,OAAI,gBAAgB,KAClB;GAIF,MAAM,kBAAkB,MAAKC;AAG7B,OAAI,iBAAiB;AACnB,UAAKC,eAAgB,gBAAgB;AACrC,UAAKD,iBAAkB;;AAIzB,QAAK,MAAM,gBAAgB;IACzB,aAAa;IACb,gBAAgB;IACjB,EAAE;AAGH,SAAKF,QAAS,SAAS,YAAY;;AAGrC,QAAKE,iBAAkB;AACvB,QAAKE,YAAa,QAAQ;;;;;;;CAQ5B,OAAa;AAEX,MAAI,MAAKF,gBAAiB;AACxB,SAAKC,eAAgB,MAAKD,eAAgB;AAC1C,SAAKA,iBAAkB;;AAIzB,OAAK,MAAM,gBAAgB;GACzB,aAAa;GACb,gBAAgB;GACjB,EAAE;;;;;;;;CASL,SAAe;AAEb,MAAI,MAAKA,gBAAiB;AACxB,SAAKC,eAAgB,MAAKD,eAAgB;AAC1C,SAAKA,iBAAkB;;AAIzB,OAAK,MAAM,gBAAgB;GACzB,aAAa;GACb,gBAAgB;GACjB,EAAE;AAGH,QAAKF,QAAS,YAAY;;;;;CAM5B,aAAa,SAA+C;AAC1D,MAAI,OAAO,aAAa,YACtB;AAGF,WAAS,iBAAiB,WAAW,SAAS,KAAK;;;;;CAMrD,gBAAgB,SAA+C;AAC7D,MAAI,OAAO,aAAa,YACtB;AAGF,WAAS,oBAAoB,WAAW,SAAS,KAAK;;;;;;;;CASxD,UAAgB;AACd,OAAK,MAAM;AACX,OAAK,MAAM,gBAAgB;GACzB,aAAa;GACb,gBAAgB;GACjB,EAAE"}
|
|
1
|
+
{"version":3,"file":"hotkey-recorder.js","names":["#options","#platform","#keydownHandler","#removeListener","#addListener"],"sources":["../src/hotkey-recorder.ts"],"sourcesContent":["import { Store } from '@tanstack/store'\nimport { findHotkeyConflicts } from './conflicts'\nimport {\n beginRecording,\n captureRecordingEvent,\n endRecording,\n} from './_recording-guard'\nimport { chordRejection, hotkeyChordFromKeydown } from './_recorder-chord'\nimport { normalizeKeyboardEvent } from './_keyboard-event'\nimport { isModifierKey, parseHotkey } from './parse'\nimport { validateHotkey } from './validate'\nimport { detectPlatform } from './platform'\nimport { shouldIgnoreInputEvent } from './_event-target'\nimport type {\n HotkeyRecorderValidationContext,\n RecorderOptions,\n} from './recorder-options'\nimport type { Hotkey } from './hotkey.types'\n\n/**\n * State interface for the HotkeyRecorder.\n */\nexport interface HotkeyRecorderState {\n /** Whether recording is currently active */\n isRecording: boolean\n /** The currently recorded hotkey (for live preview) */\n recordedHotkey: Hotkey | null\n}\n\n/**\n * Options for configuring a HotkeyRecorder instance.\n */\nexport interface HotkeyRecorderOptions extends RecorderOptions {\n /** Return true to accept, or false/a message to reject while staying in recording mode. */\n validate?: (\n hotkey: Hotkey,\n context: HotkeyRecorderValidationContext,\n ) => boolean | string\n /** Callback when a hotkey is successfully recorded */\n onRecord: (hotkey: Hotkey) => void\n /** Optional callback when recording is cancelled (Escape pressed) */\n onCancel?: () => void\n /** Optional callback when shortcut is cleared (Backspace/Delete pressed) */\n onClear?: () => void\n /**\n * Whether to ignore keyboard events from input-like elements (text inputs,\n * textarea, select, contenteditable). When true, typing in inputs passes\n * through normally instead of being captured as a hotkey recording.\n * Escape always works regardless of this setting.\n * @default true\n */\n ignoreInputs?: boolean\n}\n\n/**\n * Framework-agnostic class for recording keyboard shortcuts.\n *\n * This class handles all the complexity of capturing keyboard events,\n * converting them to hotkey strings, and handling edge cases like\n * Escape to cancel or Backspace/Delete to clear.\n *\n * State Management:\n * - Uses TanStack Store for reactive state management\n * - State can be accessed via `recorder.store.state` when using the class directly\n * - When using framework adapters (React), use `useSelector` hooks for reactive state\n *\n * @example\n * ```ts\n * const recorder = new HotkeyRecorder({\n * onRecord: (hotkey) => {\n * console.log('Recorded:', hotkey)\n * },\n * onCancel: () => {\n * console.log('Recording cancelled')\n * },\n * })\n *\n * // Start recording\n * recorder.start()\n *\n * // Access state directly\n * console.log(recorder.store.state.isRecording) // true\n *\n * // Subscribe to changes with TanStack Store\n * const unsubscribe = recorder.store.subscribe(() => {\n * console.log('Recording:', recorder.store.state.isRecording)\n * })\n *\n * // Cleanup\n * recorder.destroy()\n * unsubscribe()\n * ```\n */\nexport class HotkeyRecorder {\n /**\n * The TanStack Store instance containing the recorder state.\n * Use this to subscribe to state changes or access current state.\n */\n readonly store: Store<HotkeyRecorderState> = new Store<HotkeyRecorderState>({\n isRecording: false,\n recordedHotkey: null,\n })\n\n #keydownHandler: ((event: KeyboardEvent) => void) | null = null\n #options: HotkeyRecorderOptions\n #platform: 'mac' | 'windows' | 'linux'\n\n constructor(options: HotkeyRecorderOptions) {\n this.#options = options\n this.#platform = detectPlatform()\n }\n\n /**\n * Updates the recorder options, including callbacks.\n * This allows framework adapters to sync callback changes without recreating the recorder.\n */\n setOptions(options: Partial<HotkeyRecorderOptions>): void {\n this.#options = {\n ...this.#options,\n ...options,\n }\n }\n\n /**\n * Start recording a new hotkey.\n *\n * Sets up a keydown event listener that captures keyboard events\n * and converts them to hotkey strings. Recording continues until\n * a valid hotkey is recorded, Escape is pressed, or stop/cancel is called.\n */\n start(): void {\n // Prevent starting recording if already recording\n if (this.#keydownHandler) {\n return\n }\n\n beginRecording(this)\n // Update store state\n this.store.setState(() => ({\n isRecording: true,\n recordedHotkey: null,\n }))\n\n // Create keydown handler\n const handler = (event: KeyboardEvent) => {\n // Check if we're still recording (handler might be called after stop/cancel)\n if (!this.#keydownHandler) {\n return\n }\n\n // If ignoreInputs is enabled (default) and focus is in an input element,\n // let the event pass through so the user can type normally.\n // Escape is the exception — it should always cancel recording.\n if (\n this.#options.ignoreInputs !== false &&\n event.key !== 'Escape' &&\n shouldIgnoreInputEvent(event, document, document)\n )\n return\n\n const platform = this.#options.platform ?? this.#platform\n if (normalizeKeyboardEvent(event, platform).isComposing) return\n captureRecordingEvent(event)\n event.preventDefault()\n event.stopPropagation()\n if (event.repeat) return\n\n // Handle Escape to cancel\n if (event.key === 'Escape') {\n this.cancel()\n return\n }\n\n // Handle Backspace/Delete to clear shortcut\n if (event.key === 'Backspace' || event.key === 'Delete') {\n if (\n !event.ctrlKey &&\n !event.shiftKey &&\n !event.altKey &&\n !event.metaKey\n ) {\n this.stop()\n this.#options.onClear?.()\n return\n }\n }\n\n if (isModifierKey(event.key) || event.key === 'AltGraph') return\n const rejection = chordRejection(event, { ...this.#options, platform })\n if (rejection) {\n this.#options.onReject?.(rejection)\n return\n }\n const finalHotkey = hotkeyChordFromKeydown(\n event,\n platform,\n this.#options.recordBy,\n )\n if (finalHotkey === null) {\n return\n }\n\n const validation = validateHotkey(finalHotkey)\n if (!validation.valid) {\n this.#options.onReject?.({\n reason: 'invalid',\n message: validation.errors.join('; '),\n hotkey: finalHotkey,\n })\n return\n }\n const accepted = this.#options.validate?.(finalHotkey, {\n event,\n parsedHotkey: parseHotkey(finalHotkey, platform),\n })\n if (accepted !== undefined && accepted !== true) {\n this.#options.onReject?.({\n reason: 'validation',\n message:\n typeof accepted === 'string'\n ? accepted\n : 'This shortcut is not allowed.',\n hotkey: finalHotkey,\n })\n return\n }\n if (this.#options.detectConflicts) {\n const conflicts = findHotkeyConflicts(finalHotkey, {\n ...(typeof this.#options.detectConflicts === 'object'\n ? this.#options.detectConflicts\n : {}),\n platform,\n events: [event],\n })\n if (conflicts.length) {\n this.#options.onReject?.({\n reason: 'conflict',\n message: 'This shortcut conflicts with a registered binding.',\n hotkey: finalHotkey,\n conflicts,\n })\n return\n }\n }\n endRecording(this)\n // Remove listener FIRST to prevent any additional events\n const handlerToRemove = this.#keydownHandler as\n | ((event: KeyboardEvent) => void)\n | null\n if (handlerToRemove) {\n this.#removeListener(handlerToRemove)\n this.#keydownHandler = null\n }\n\n // Update store state immediately\n this.store.setState(() => ({\n isRecording: false,\n recordedHotkey: finalHotkey,\n }))\n\n // Call callback AFTER listener is removed and state is set\n this.#options.onRecord(finalHotkey)\n }\n\n this.#keydownHandler = handler\n this.#addListener(handler)\n }\n\n /**\n * Stop recording (same as cancel, but doesn't call onCancel).\n *\n * Removes the event listener and resets the recording state.\n */\n stop(): void {\n endRecording(this)\n // Remove event listener immediately\n if (this.#keydownHandler) {\n this.#removeListener(this.#keydownHandler)\n this.#keydownHandler = null\n }\n\n // Update store state\n this.store.setState(() => ({\n isRecording: false,\n recordedHotkey: null,\n }))\n }\n\n /**\n * Cancel recording without saving.\n *\n * Removes the event listener, resets the recording state, and calls\n * the onCancel callback if provided.\n */\n cancel(): void {\n endRecording(this)\n // Remove event listener immediately\n if (this.#keydownHandler) {\n this.#removeListener(this.#keydownHandler)\n this.#keydownHandler = null\n }\n\n // Update store state\n this.store.setState(() => ({\n isRecording: false,\n recordedHotkey: null,\n }))\n\n // Call cancel callback\n this.#options.onCancel?.()\n }\n\n /**\n * Adds the keydown event listener to the document.\n */\n #addListener(handler: (event: KeyboardEvent) => void): void {\n if (typeof document === 'undefined') {\n return // SSR safety\n }\n\n document.addEventListener('keydown', handler, true)\n }\n\n /**\n * Removes the keydown event listener from the document.\n */\n #removeListener(handler: (event: KeyboardEvent) => void): void {\n if (typeof document === 'undefined') {\n return\n }\n\n document.removeEventListener('keydown', handler, true)\n }\n\n /**\n * Clean up event listeners and reset state.\n *\n * Call this when you're done with the recorder to ensure\n * all event listeners are properly removed.\n */\n destroy(): void {\n this.stop()\n this.store.setState(() => ({\n isRecording: false,\n recordedHotkey: null,\n }))\n }\n}\n"],"mappings":"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"}
|
|
@@ -1,6 +1,11 @@
|
|
|
1
|
-
const
|
|
2
|
-
const
|
|
3
|
-
const
|
|
1
|
+
const require_platform = require('./platform.cjs');
|
|
2
|
+
const require__keyboard_event = require('./_keyboard-event.cjs');
|
|
3
|
+
const require_parse = require('./parse.cjs');
|
|
4
|
+
const require_validate = require('./validate.cjs');
|
|
5
|
+
const require__recording_guard = require('./_recording-guard.cjs');
|
|
6
|
+
const require__event_target = require('./_event-target.cjs');
|
|
7
|
+
const require_conflicts = require('./conflicts.cjs');
|
|
8
|
+
const require__recorder_chord = require('./_recorder-chord.cjs');
|
|
4
9
|
let _tanstack_store = require("@tanstack/store");
|
|
5
10
|
|
|
6
11
|
//#region src/hotkey-sequence-recorder.ts
|
|
@@ -8,6 +13,7 @@ const defaultHotkeySequenceRecorderOptions = {
|
|
|
8
13
|
commitOnEnter: true,
|
|
9
14
|
commitKeys: "enter"
|
|
10
15
|
};
|
|
16
|
+
/** Resolves the Enter policy, with commitKeys: none overriding the legacy boolean. */
|
|
11
17
|
function resolvedCommitOnEnter(options) {
|
|
12
18
|
if (options.commitKeys === "none") return false;
|
|
13
19
|
return options.commitOnEnter !== false;
|
|
@@ -23,6 +29,7 @@ var HotkeySequenceRecorder = class {
|
|
|
23
29
|
#keydownHandler = null;
|
|
24
30
|
#options;
|
|
25
31
|
#platform;
|
|
32
|
+
#events = [];
|
|
26
33
|
#idleTimer = null;
|
|
27
34
|
constructor(options) {
|
|
28
35
|
this.store = new _tanstack_store.Store({
|
|
@@ -34,8 +41,9 @@ var HotkeySequenceRecorder = class {
|
|
|
34
41
|
...defaultHotkeySequenceRecorderOptions,
|
|
35
42
|
...options
|
|
36
43
|
};
|
|
37
|
-
this.#platform =
|
|
44
|
+
this.#platform = require_platform.detectPlatform();
|
|
38
45
|
}
|
|
46
|
+
/** Merges current callbacks and options without discarding recorded steps. */
|
|
39
47
|
setOptions(options) {
|
|
40
48
|
this.#options = {
|
|
41
49
|
...defaultHotkeySequenceRecorderOptions,
|
|
@@ -43,12 +51,14 @@ var HotkeySequenceRecorder = class {
|
|
|
43
51
|
...options
|
|
44
52
|
};
|
|
45
53
|
}
|
|
54
|
+
/** Cancels a pending idle commit so it cannot fire after editing or stopping. */
|
|
46
55
|
#clearIdleTimer() {
|
|
47
56
|
if (this.#idleTimer !== null) {
|
|
48
57
|
clearTimeout(this.#idleTimer);
|
|
49
58
|
this.#idleTimer = null;
|
|
50
59
|
}
|
|
51
60
|
}
|
|
61
|
+
/** Restarts optional idle commit after a step is recorded or edited. */
|
|
52
62
|
#scheduleIdleTimer() {
|
|
53
63
|
this.#clearIdleTimer();
|
|
54
64
|
const ms = this.#options.idleTimeoutMs;
|
|
@@ -60,15 +70,19 @@ var HotkeySequenceRecorder = class {
|
|
|
60
70
|
if (this.store.state.steps.length >= 1) this.commit();
|
|
61
71
|
}, ms);
|
|
62
72
|
}
|
|
73
|
+
/** Publishes edited steps while preserving the remaining recorder state. */
|
|
63
74
|
#patchSteps(updater) {
|
|
64
75
|
this.store.setState((s) => ({
|
|
65
76
|
...s,
|
|
66
77
|
steps: updater(s.steps)
|
|
67
78
|
}));
|
|
68
79
|
}
|
|
80
|
+
/** Starts a fresh recording; repeated starts during an active session are ignored. */
|
|
69
81
|
start() {
|
|
70
82
|
if (this.#keydownHandler) return;
|
|
71
83
|
this.#clearIdleTimer();
|
|
84
|
+
this.#events = [];
|
|
85
|
+
require__recording_guard.beginRecording(this);
|
|
72
86
|
this.store.setState(() => ({
|
|
73
87
|
isRecording: true,
|
|
74
88
|
steps: [],
|
|
@@ -76,11 +90,13 @@ var HotkeySequenceRecorder = class {
|
|
|
76
90
|
}));
|
|
77
91
|
const handler = (event) => {
|
|
78
92
|
if (!this.#keydownHandler) return;
|
|
79
|
-
if (this.#options.ignoreInputs !== false)
|
|
80
|
-
|
|
81
|
-
|
|
93
|
+
if (this.#options.ignoreInputs !== false && event.key !== "Escape" && require__event_target.shouldIgnoreInputEvent(event, document, document)) return;
|
|
94
|
+
const platform = this.#options.platform ?? this.#platform;
|
|
95
|
+
if (require__keyboard_event.normalizeKeyboardEvent(event, platform).isComposing) return;
|
|
96
|
+
require__recording_guard.captureRecordingEvent(event);
|
|
82
97
|
event.preventDefault();
|
|
83
98
|
event.stopPropagation();
|
|
99
|
+
if (event.repeat) return;
|
|
84
100
|
if (event.key === "Escape") {
|
|
85
101
|
this.cancel();
|
|
86
102
|
return;
|
|
@@ -88,11 +104,11 @@ var HotkeySequenceRecorder = class {
|
|
|
88
104
|
if (event.key === "Backspace" || event.key === "Delete") {
|
|
89
105
|
if (!event.ctrlKey && !event.shiftKey && !event.altKey && !event.metaKey) {
|
|
90
106
|
if (this.store.state.steps.length === 0) {
|
|
107
|
+
this.stop();
|
|
91
108
|
this.#options.onClear?.();
|
|
92
|
-
this.#options.onRecord([]);
|
|
93
|
-
this.#finishWithoutCommitCallback();
|
|
94
109
|
return;
|
|
95
110
|
}
|
|
111
|
+
this.#events.pop();
|
|
96
112
|
this.#patchSteps((prev) => prev.slice(0, -1));
|
|
97
113
|
if (this.store.state.steps.length === 0) this.#clearIdleTimer();
|
|
98
114
|
else this.#scheduleIdleTimer();
|
|
@@ -105,8 +121,27 @@ var HotkeySequenceRecorder = class {
|
|
|
105
121
|
return;
|
|
106
122
|
}
|
|
107
123
|
if (enterCommits && this.store.state.steps.length === 0) return;
|
|
108
|
-
|
|
124
|
+
if (require_parse.isModifierKey(event.key) || event.key === "AltGraph") return;
|
|
125
|
+
const rejection = require__recorder_chord.chordRejection(event, {
|
|
126
|
+
...this.#options,
|
|
127
|
+
platform
|
|
128
|
+
});
|
|
129
|
+
if (rejection) {
|
|
130
|
+
this.#options.onReject?.(rejection);
|
|
131
|
+
return;
|
|
132
|
+
}
|
|
133
|
+
const finalHotkey = require__recorder_chord.hotkeyChordFromKeydown(event, platform, this.#options.recordBy);
|
|
109
134
|
if (finalHotkey === null) return;
|
|
135
|
+
const validation = require_validate.validateHotkey(finalHotkey);
|
|
136
|
+
if (!validation.valid) {
|
|
137
|
+
this.#options.onReject?.({
|
|
138
|
+
reason: "invalid",
|
|
139
|
+
message: validation.errors.join("; "),
|
|
140
|
+
hotkey: finalHotkey
|
|
141
|
+
});
|
|
142
|
+
return;
|
|
143
|
+
}
|
|
144
|
+
this.#events.push(event);
|
|
110
145
|
this.#patchSteps((prev) => [...prev, finalHotkey]);
|
|
111
146
|
this.#scheduleIdleTimer();
|
|
112
147
|
};
|
|
@@ -120,6 +155,38 @@ var HotkeySequenceRecorder = class {
|
|
|
120
155
|
const steps = this.store.state.steps;
|
|
121
156
|
if (steps.length < 1) return;
|
|
122
157
|
const sequence = [...steps];
|
|
158
|
+
const platform = this.#options.platform ?? this.#platform;
|
|
159
|
+
this.#clearIdleTimer();
|
|
160
|
+
const accepted = this.#options.validate?.(sequence, {
|
|
161
|
+
events: [...this.#events],
|
|
162
|
+
parsedSequence: sequence.map((step) => require_parse.parseHotkey(step, platform))
|
|
163
|
+
});
|
|
164
|
+
if (accepted !== void 0 && accepted !== true) {
|
|
165
|
+
this.#options.onReject?.({
|
|
166
|
+
reason: "validation",
|
|
167
|
+
message: typeof accepted === "string" ? accepted : "This sequence is not allowed.",
|
|
168
|
+
sequence
|
|
169
|
+
});
|
|
170
|
+
return;
|
|
171
|
+
}
|
|
172
|
+
if (this.#options.detectConflicts) {
|
|
173
|
+
const conflicts = require_conflicts.findHotkeyConflicts(sequence, {
|
|
174
|
+
...typeof this.#options.detectConflicts === "object" ? this.#options.detectConflicts : {},
|
|
175
|
+
platform,
|
|
176
|
+
events: this.#events
|
|
177
|
+
});
|
|
178
|
+
if (conflicts.length) {
|
|
179
|
+
this.#options.onReject?.({
|
|
180
|
+
reason: "conflict",
|
|
181
|
+
message: "This sequence conflicts with a registered binding.",
|
|
182
|
+
sequence,
|
|
183
|
+
conflicts
|
|
184
|
+
});
|
|
185
|
+
return;
|
|
186
|
+
}
|
|
187
|
+
}
|
|
188
|
+
require__recording_guard.endRecording(this);
|
|
189
|
+
this.#events = [];
|
|
123
190
|
if (this.#keydownHandler) {
|
|
124
191
|
this.#removeListener(this.#keydownHandler);
|
|
125
192
|
this.#keydownHandler = null;
|
|
@@ -132,19 +199,10 @@ var HotkeySequenceRecorder = class {
|
|
|
132
199
|
}));
|
|
133
200
|
this.#options.onRecord(sequence);
|
|
134
201
|
}
|
|
135
|
-
|
|
136
|
-
if (this.#keydownHandler) {
|
|
137
|
-
this.#removeListener(this.#keydownHandler);
|
|
138
|
-
this.#keydownHandler = null;
|
|
139
|
-
}
|
|
140
|
-
this.#clearIdleTimer();
|
|
141
|
-
this.store.setState(() => ({
|
|
142
|
-
isRecording: false,
|
|
143
|
-
steps: [],
|
|
144
|
-
recordedSequence: null
|
|
145
|
-
}));
|
|
146
|
-
}
|
|
202
|
+
/** Stops and discards in-progress steps without invoking onCancel. */
|
|
147
203
|
stop() {
|
|
204
|
+
require__recording_guard.endRecording(this);
|
|
205
|
+
this.#events = [];
|
|
148
206
|
if (this.#keydownHandler) {
|
|
149
207
|
this.#removeListener(this.#keydownHandler);
|
|
150
208
|
this.#keydownHandler = null;
|
|
@@ -156,7 +214,10 @@ var HotkeySequenceRecorder = class {
|
|
|
156
214
|
recordedSequence: null
|
|
157
215
|
}));
|
|
158
216
|
}
|
|
217
|
+
/** Stops, discards in-progress steps, and notifies onCancel. */
|
|
159
218
|
cancel() {
|
|
219
|
+
require__recording_guard.endRecording(this);
|
|
220
|
+
this.#events = [];
|
|
160
221
|
if (this.#keydownHandler) {
|
|
161
222
|
this.#removeListener(this.#keydownHandler);
|
|
162
223
|
this.#keydownHandler = null;
|
|
@@ -169,10 +230,12 @@ var HotkeySequenceRecorder = class {
|
|
|
169
230
|
}));
|
|
170
231
|
this.#options.onCancel?.();
|
|
171
232
|
}
|
|
233
|
+
/** Captures keydowns before application handlers, with an SSR-safe document check. */
|
|
172
234
|
#addListener(handler) {
|
|
173
235
|
if (typeof document === "undefined") return;
|
|
174
236
|
document.addEventListener("keydown", handler, true);
|
|
175
237
|
}
|
|
238
|
+
/** Detaches the capture listener when recording ends. */
|
|
176
239
|
#removeListener(handler) {
|
|
177
240
|
if (typeof document === "undefined") return;
|
|
178
241
|
document.removeEventListener("keydown", handler, true);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hotkey-sequence-recorder.cjs","names":["Store","#options","#platform","detectPlatform","#idleTimer","#clearIdleTimer","#keydownHandler","isInputElement","#finishWithoutCommitCallback","#patchSteps","#scheduleIdleTimer","hotkeyChordFromKeydown","#addListener","#removeListener"],"sources":["../src/hotkey-sequence-recorder.ts"],"sourcesContent":["import { Store } from '@tanstack/store'\nimport { detectPlatform } from './constants'\nimport { isInputElement } from './manager.utils'\nimport { hotkeyChordFromKeydown } from './recorder-chord'\nimport type { HotkeySequence } from './sequence-manager'\n\n/**\n * How the user can commit a recorded sequence from the keyboard.\n * - `'enter'`: plain Enter (no modifiers) commits when at least one step exists.\n * - `'none'`: only {@link HotkeySequenceRecorder.commit} finishes recording (or idle timeout if set).\n */\nexport type HotkeySequenceRecorderCommitKeys = 'enter' | 'none'\n\n/**\n * State interface for the HotkeySequenceRecorder.\n */\nexport interface HotkeySequenceRecorderState {\n /** Whether recording is currently active */\n isRecording: boolean\n /** Chords captured so far in the current recording session */\n steps: HotkeySequence\n /** The last successfully committed sequence, or null if none / after starting a new session */\n recordedSequence: HotkeySequence | null\n}\n\n/**\n * Options for configuring a HotkeySequenceRecorder instance.\n */\nexport interface HotkeySequenceRecorderOptions {\n /** Callback when a sequence is successfully recorded (including empty array when cleared) */\n onRecord: (sequence: HotkeySequence) => void\n /** Optional callback when recording is cancelled (Escape pressed) */\n onCancel?: () => void\n /** Optional callback when the sequence is cleared (Backspace/Delete with no steps) */\n onClear?: () => void\n /**\n * Whether plain Enter commits the current steps. Ignored when {@link commitKeys} is `'none'`.\n * @default true\n */\n commitOnEnter?: boolean\n /**\n * Keyboard commit mode. When `'none'`, use {@link HotkeySequenceRecorder.commit} (and optional idle timeout).\n * @default 'enter'\n */\n commitKeys?: HotkeySequenceRecorderCommitKeys\n /**\n * Milliseconds of inactivity after the **last completed chord** before auto-committing.\n * The timer does not run while waiting for the first chord (`steps.length === 0`).\n */\n idleTimeoutMs?: number\n /**\n * Whether to ignore keyboard events from input-like elements (text inputs,\n * textarea, select, contenteditable). When true, typing in inputs passes\n * through normally instead of being captured as a sequence recording.\n * Escape always works regardless of this setting.\n * @default true\n */\n ignoreInputs?: boolean\n}\n\nconst defaultHotkeySequenceRecorderOptions: Pick<\n HotkeySequenceRecorderOptions,\n 'commitOnEnter' | 'commitKeys'\n> = {\n commitOnEnter: true,\n commitKeys: 'enter',\n}\n\nfunction resolvedCommitOnEnter(\n options: HotkeySequenceRecorderOptions,\n): boolean {\n if (options.commitKeys === 'none') {\n return false\n }\n return options.commitOnEnter !== false\n}\n\n/**\n * Framework-agnostic class for recording multi-chord sequences (Vim-style shortcuts).\n *\n * Each step is captured like a single hotkey chord. Press **Enter** (no modifiers) to commit\n * when {@link HotkeySequenceRecorderOptions.commitKeys} is `'enter'` (default), **Escape** to cancel,\n * **Backspace/Delete** to remove the last step or clear when empty.\n */\nexport class HotkeySequenceRecorder {\n readonly store: Store<HotkeySequenceRecorderState> =\n new Store<HotkeySequenceRecorderState>({\n isRecording: false,\n steps: [],\n recordedSequence: null,\n })\n\n #keydownHandler: ((event: KeyboardEvent) => void) | null = null\n #options: HotkeySequenceRecorderOptions\n #platform: 'mac' | 'windows' | 'linux'\n #idleTimer: ReturnType<typeof setTimeout> | null = null\n\n constructor(options: HotkeySequenceRecorderOptions) {\n this.#options = {\n ...defaultHotkeySequenceRecorderOptions,\n ...options,\n }\n this.#platform = detectPlatform()\n }\n\n setOptions(options: Partial<HotkeySequenceRecorderOptions>): void {\n this.#options = {\n ...defaultHotkeySequenceRecorderOptions,\n ...this.#options,\n ...options,\n }\n }\n\n #clearIdleTimer(): void {\n if (this.#idleTimer !== null) {\n clearTimeout(this.#idleTimer)\n this.#idleTimer = null\n }\n }\n\n #scheduleIdleTimer(): void {\n this.#clearIdleTimer()\n const ms = this.#options.idleTimeoutMs\n if (ms === undefined || ms <= 0) {\n return\n }\n const steps = this.store.state.steps\n if (steps.length === 0) {\n return\n }\n this.#idleTimer = setTimeout(() => {\n this.#idleTimer = null\n if (!this.#keydownHandler) {\n return\n }\n if (this.store.state.steps.length >= 1) {\n this.commit()\n }\n }, ms)\n }\n\n #patchSteps(updater: (prev: HotkeySequence) => HotkeySequence): void {\n this.store.setState((s) => ({\n ...s,\n steps: updater(s.steps),\n }))\n }\n\n start(): void {\n if (this.#keydownHandler) {\n return\n }\n\n this.#clearIdleTimer()\n this.store.setState(() => ({\n isRecording: true,\n steps: [],\n recordedSequence: null,\n }))\n\n const handler = (event: KeyboardEvent) => {\n if (!this.#keydownHandler) {\n return\n }\n\n // If ignoreInputs is enabled (default) and focus is in an input element,\n // let the event pass through so the user can type normally.\n // Escape is the exception — it should always cancel recording.\n if (this.#options.ignoreInputs !== false) {\n const activeEl =\n typeof document !== 'undefined' ? document.activeElement : null\n if (isInputElement(activeEl) && event.key !== 'Escape') {\n return\n }\n }\n\n event.preventDefault()\n event.stopPropagation()\n\n if (event.key === 'Escape') {\n this.cancel()\n return\n }\n\n if (event.key === 'Backspace' || event.key === 'Delete') {\n if (\n !event.ctrlKey &&\n !event.shiftKey &&\n !event.altKey &&\n !event.metaKey\n ) {\n const steps = this.store.state.steps\n if (steps.length === 0) {\n this.#options.onClear?.()\n this.#options.onRecord([])\n this.#finishWithoutCommitCallback()\n return\n }\n this.#patchSteps((prev) => prev.slice(0, -1))\n const next = this.store.state.steps\n if (next.length === 0) {\n this.#clearIdleTimer()\n } else {\n this.#scheduleIdleTimer()\n }\n return\n }\n }\n\n const enterCommits =\n resolvedCommitOnEnter(this.#options) &&\n event.key === 'Enter' &&\n !event.ctrlKey &&\n !event.shiftKey &&\n !event.altKey &&\n !event.metaKey\n\n if (enterCommits && this.store.state.steps.length >= 1) {\n this.commit()\n return\n }\n\n if (enterCommits && this.store.state.steps.length === 0) {\n return\n }\n\n const finalHotkey = hotkeyChordFromKeydown(event, this.#platform)\n if (finalHotkey === null) {\n return\n }\n\n this.#patchSteps((prev) => [...prev, finalHotkey])\n this.#scheduleIdleTimer()\n }\n\n this.#keydownHandler = handler\n this.#addListener(handler)\n }\n\n /**\n * Commit the current steps as a sequence. No-op if fewer than one step.\n */\n commit(): void {\n const steps = this.store.state.steps\n if (steps.length < 1) {\n return\n }\n\n const sequence = [...steps]\n\n if (this.#keydownHandler) {\n this.#removeListener(this.#keydownHandler)\n this.#keydownHandler = null\n }\n this.#clearIdleTimer()\n\n this.store.setState(() => ({\n isRecording: false,\n steps: [],\n recordedSequence: sequence,\n }))\n\n this.#options.onRecord(sequence)\n }\n\n #finishWithoutCommitCallback(): void {\n if (this.#keydownHandler) {\n this.#removeListener(this.#keydownHandler)\n this.#keydownHandler = null\n }\n this.#clearIdleTimer()\n this.store.setState(() => ({\n isRecording: false,\n steps: [],\n recordedSequence: null,\n }))\n }\n\n stop(): void {\n if (this.#keydownHandler) {\n this.#removeListener(this.#keydownHandler)\n this.#keydownHandler = null\n }\n this.#clearIdleTimer()\n this.store.setState(() => ({\n isRecording: false,\n steps: [],\n recordedSequence: null,\n }))\n }\n\n cancel(): void {\n if (this.#keydownHandler) {\n this.#removeListener(this.#keydownHandler)\n this.#keydownHandler = null\n }\n this.#clearIdleTimer()\n this.store.setState(() => ({\n isRecording: false,\n steps: [],\n recordedSequence: null,\n }))\n this.#options.onCancel?.()\n }\n\n #addListener(handler: (event: KeyboardEvent) => void): void {\n if (typeof document === 'undefined') {\n return\n }\n document.addEventListener('keydown', handler, true)\n }\n\n #removeListener(handler: (event: KeyboardEvent) => void): void {\n if (typeof document === 'undefined') {\n return\n }\n document.removeEventListener('keydown', handler, true)\n }\n\n destroy(): void {\n this.stop()\n this.store.setState(() => ({\n isRecording: false,\n steps: [],\n recordedSequence: null,\n }))\n }\n}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"hotkey-sequence-recorder.cjs","names":["Store","#options","#platform","detectPlatform","#idleTimer","#clearIdleTimer","#keydownHandler","#events","shouldIgnoreInputEvent","normalizeKeyboardEvent","#patchSteps","#scheduleIdleTimer","isModifierKey","chordRejection","hotkeyChordFromKeydown","validateHotkey","#addListener","parseHotkey","findHotkeyConflicts","#removeListener"],"sources":["../src/hotkey-sequence-recorder.ts"],"sourcesContent":["import { Store } from '@tanstack/store'\nimport { findHotkeyConflicts } from './conflicts'\nimport {\n beginRecording,\n captureRecordingEvent,\n endRecording,\n} from './_recording-guard'\nimport { chordRejection, hotkeyChordFromKeydown } from './_recorder-chord'\nimport { normalizeKeyboardEvent } from './_keyboard-event'\nimport { isModifierKey, parseHotkey } from './parse'\nimport { validateHotkey } from './validate'\nimport { detectPlatform } from './platform'\nimport { shouldIgnoreInputEvent } from './_event-target'\nimport type {\n HotkeySequenceRecorderValidationContext,\n RecorderOptions,\n} from './recorder-options'\nimport type { HotkeySequence } from './sequence-manager'\n\n/**\n * How the user can commit a recorded sequence from the keyboard.\n * - `'enter'`: plain Enter (no modifiers) commits when at least one step exists.\n * - `'none'`: only {@link HotkeySequenceRecorder.commit} finishes recording (or idle timeout if set).\n */\nexport type HotkeySequenceRecorderCommitKeys = 'enter' | 'none'\n\n/**\n * State interface for the HotkeySequenceRecorder.\n */\nexport interface HotkeySequenceRecorderState {\n /** Whether recording is currently active */\n isRecording: boolean\n /** Chords captured so far in the current recording session */\n steps: HotkeySequence\n /** The last successfully committed sequence, or null if none / after starting a new session */\n recordedSequence: HotkeySequence | null\n}\n\n/**\n * Options for configuring a HotkeySequenceRecorder instance.\n */\nexport interface HotkeySequenceRecorderOptions extends RecorderOptions {\n /** Validate the completed sequence. Rejection preserves the steps for editing. */\n validate?: (\n sequence: HotkeySequence,\n context: HotkeySequenceRecorderValidationContext,\n ) => boolean | string\n /** Callback when a sequence is successfully recorded */\n onRecord: (sequence: HotkeySequence) => void\n /** Optional callback when recording is cancelled (Escape pressed) */\n onCancel?: () => void\n /** Optional callback when the sequence is cleared (Backspace/Delete with no steps) */\n onClear?: () => void\n /**\n * Whether plain Enter commits the current steps. Ignored when {@link commitKeys} is `'none'`.\n * @default true\n */\n commitOnEnter?: boolean\n /**\n * Keyboard commit mode. When `'none'`, use {@link HotkeySequenceRecorder.commit} (and optional idle timeout).\n * @default 'enter'\n */\n commitKeys?: HotkeySequenceRecorderCommitKeys\n /**\n * Milliseconds of inactivity after the **last completed chord** before auto-committing.\n * The timer does not run while waiting for the first chord (`steps.length === 0`).\n */\n idleTimeoutMs?: number\n /**\n * Whether to ignore keyboard events from input-like elements (text inputs,\n * textarea, select, contenteditable). When true, typing in inputs passes\n * through normally instead of being captured as a sequence recording.\n * Escape always works regardless of this setting.\n * @default true\n */\n ignoreInputs?: boolean\n}\n\nconst defaultHotkeySequenceRecorderOptions: Pick<\n HotkeySequenceRecorderOptions,\n 'commitOnEnter' | 'commitKeys'\n> = {\n commitOnEnter: true,\n commitKeys: 'enter',\n}\n\n/** Resolves the Enter policy, with commitKeys: none overriding the legacy boolean. */\nfunction resolvedCommitOnEnter(\n options: HotkeySequenceRecorderOptions,\n): boolean {\n if (options.commitKeys === 'none') {\n return false\n }\n return options.commitOnEnter !== false\n}\n\n/**\n * Framework-agnostic class for recording multi-chord sequences (Vim-style shortcuts).\n *\n * Each step is captured like a single hotkey chord. Press **Enter** (no modifiers) to commit\n * when {@link HotkeySequenceRecorderOptions.commitKeys} is `'enter'` (default), **Escape** to cancel,\n * **Backspace/Delete** to remove the last step or clear when empty.\n */\nexport class HotkeySequenceRecorder {\n readonly store: Store<HotkeySequenceRecorderState> =\n new Store<HotkeySequenceRecorderState>({\n isRecording: false,\n steps: [],\n recordedSequence: null,\n })\n\n #keydownHandler: ((event: KeyboardEvent) => void) | null = null\n #options: HotkeySequenceRecorderOptions\n #platform: 'mac' | 'windows' | 'linux'\n #events: Array<KeyboardEvent> = []\n #idleTimer: ReturnType<typeof setTimeout> | null = null\n\n constructor(options: HotkeySequenceRecorderOptions) {\n this.#options = {\n ...defaultHotkeySequenceRecorderOptions,\n ...options,\n }\n this.#platform = detectPlatform()\n }\n\n /** Merges current callbacks and options without discarding recorded steps. */\n setOptions(options: Partial<HotkeySequenceRecorderOptions>): void {\n this.#options = {\n ...defaultHotkeySequenceRecorderOptions,\n ...this.#options,\n ...options,\n }\n }\n\n /** Cancels a pending idle commit so it cannot fire after editing or stopping. */\n #clearIdleTimer(): void {\n if (this.#idleTimer !== null) {\n clearTimeout(this.#idleTimer)\n this.#idleTimer = null\n }\n }\n\n /** Restarts optional idle commit after a step is recorded or edited. */\n #scheduleIdleTimer(): void {\n this.#clearIdleTimer()\n const ms = this.#options.idleTimeoutMs\n if (ms === undefined || ms <= 0) {\n return\n }\n const steps = this.store.state.steps\n if (steps.length === 0) {\n return\n }\n this.#idleTimer = setTimeout(() => {\n this.#idleTimer = null\n if (!this.#keydownHandler) {\n return\n }\n if (this.store.state.steps.length >= 1) {\n this.commit()\n }\n }, ms)\n }\n\n /** Publishes edited steps while preserving the remaining recorder state. */\n #patchSteps(updater: (prev: HotkeySequence) => HotkeySequence): void {\n this.store.setState((s) => ({\n ...s,\n steps: updater(s.steps),\n }))\n }\n\n /** Starts a fresh recording; repeated starts during an active session are ignored. */\n start(): void {\n if (this.#keydownHandler) {\n return\n }\n\n this.#clearIdleTimer()\n this.#events = []\n beginRecording(this)\n this.store.setState(() => ({\n isRecording: true,\n steps: [],\n recordedSequence: null,\n }))\n\n const handler = (event: KeyboardEvent) => {\n if (!this.#keydownHandler) {\n return\n }\n\n // If ignoreInputs is enabled (default) and focus is in an input element,\n // let the event pass through so the user can type normally.\n // Escape is the exception — it should always cancel recording.\n if (\n this.#options.ignoreInputs !== false &&\n event.key !== 'Escape' &&\n shouldIgnoreInputEvent(event, document, document)\n )\n return\n\n const platform = this.#options.platform ?? this.#platform\n if (normalizeKeyboardEvent(event, platform).isComposing) return\n captureRecordingEvent(event)\n event.preventDefault()\n event.stopPropagation()\n if (event.repeat) return\n\n if (event.key === 'Escape') {\n this.cancel()\n return\n }\n\n if (event.key === 'Backspace' || event.key === 'Delete') {\n if (\n !event.ctrlKey &&\n !event.shiftKey &&\n !event.altKey &&\n !event.metaKey\n ) {\n const steps = this.store.state.steps\n if (steps.length === 0) {\n this.stop()\n this.#options.onClear?.()\n return\n }\n this.#events.pop()\n this.#patchSteps((prev) => prev.slice(0, -1))\n const next = this.store.state.steps\n if (next.length === 0) {\n this.#clearIdleTimer()\n } else {\n this.#scheduleIdleTimer()\n }\n return\n }\n }\n\n const enterCommits =\n resolvedCommitOnEnter(this.#options) &&\n event.key === 'Enter' &&\n !event.ctrlKey &&\n !event.shiftKey &&\n !event.altKey &&\n !event.metaKey\n\n if (enterCommits && this.store.state.steps.length >= 1) {\n this.commit()\n return\n }\n\n if (enterCommits && this.store.state.steps.length === 0) {\n return\n }\n\n if (isModifierKey(event.key) || event.key === 'AltGraph') return\n const rejection = chordRejection(event, { ...this.#options, platform })\n if (rejection) {\n this.#options.onReject?.(rejection)\n return\n }\n const finalHotkey = hotkeyChordFromKeydown(\n event,\n platform,\n this.#options.recordBy,\n )\n if (finalHotkey === null) {\n return\n }\n\n const validation = validateHotkey(finalHotkey)\n if (!validation.valid) {\n this.#options.onReject?.({\n reason: 'invalid',\n message: validation.errors.join('; '),\n hotkey: finalHotkey,\n })\n return\n }\n this.#events.push(event)\n this.#patchSteps((prev) => [...prev, finalHotkey])\n this.#scheduleIdleTimer()\n }\n\n this.#keydownHandler = handler\n this.#addListener(handler)\n }\n\n /**\n * Commit the current steps as a sequence. No-op if fewer than one step.\n */\n commit(): void {\n const steps = this.store.state.steps\n if (steps.length < 1) {\n return\n }\n\n const sequence = [...steps]\n const platform = this.#options.platform ?? this.#platform\n this.#clearIdleTimer()\n const accepted = this.#options.validate?.(sequence, {\n events: [...this.#events],\n parsedSequence: sequence.map((step) => parseHotkey(step, platform)),\n })\n if (accepted !== undefined && accepted !== true) {\n this.#options.onReject?.({\n reason: 'validation',\n message:\n typeof accepted === 'string'\n ? accepted\n : 'This sequence is not allowed.',\n sequence,\n })\n return\n }\n if (this.#options.detectConflicts) {\n const conflicts = findHotkeyConflicts(sequence, {\n ...(typeof this.#options.detectConflicts === 'object'\n ? this.#options.detectConflicts\n : {}),\n platform,\n events: this.#events,\n })\n if (conflicts.length) {\n this.#options.onReject?.({\n reason: 'conflict',\n message: 'This sequence conflicts with a registered binding.',\n sequence,\n conflicts,\n })\n return\n }\n }\n endRecording(this)\n this.#events = []\n\n if (this.#keydownHandler) {\n this.#removeListener(this.#keydownHandler)\n this.#keydownHandler = null\n }\n this.#clearIdleTimer()\n\n this.store.setState(() => ({\n isRecording: false,\n steps: [],\n recordedSequence: sequence,\n }))\n\n this.#options.onRecord(sequence)\n }\n\n /** Stops and discards in-progress steps without invoking onCancel. */\n stop(): void {\n endRecording(this)\n this.#events = []\n if (this.#keydownHandler) {\n this.#removeListener(this.#keydownHandler)\n this.#keydownHandler = null\n }\n this.#clearIdleTimer()\n this.store.setState(() => ({\n isRecording: false,\n steps: [],\n recordedSequence: null,\n }))\n }\n\n /** Stops, discards in-progress steps, and notifies onCancel. */\n cancel(): void {\n endRecording(this)\n this.#events = []\n if (this.#keydownHandler) {\n this.#removeListener(this.#keydownHandler)\n this.#keydownHandler = null\n }\n this.#clearIdleTimer()\n this.store.setState(() => ({\n isRecording: false,\n steps: [],\n recordedSequence: null,\n }))\n this.#options.onCancel?.()\n }\n\n /** Captures keydowns before application handlers, with an SSR-safe document check. */\n #addListener(handler: (event: KeyboardEvent) => void): void {\n if (typeof document === 'undefined') {\n return\n }\n document.addEventListener('keydown', handler, true)\n }\n\n /** Detaches the capture listener when recording ends. */\n #removeListener(handler: (event: KeyboardEvent) => void): void {\n if (typeof document === 'undefined') {\n return\n }\n document.removeEventListener('keydown', handler, true)\n }\n\n destroy(): void {\n this.stop()\n this.store.setState(() => ({\n isRecording: false,\n steps: [],\n recordedSequence: null,\n }))\n }\n}\n"],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { HotkeySequence } from "./sequence-manager.cjs";
|
|
2
|
+
import { HotkeySequenceRecorderValidationContext, RecorderOptions } from "./recorder-options.cjs";
|
|
2
3
|
import { Store } from "@tanstack/store";
|
|
3
4
|
|
|
4
5
|
//#region src/hotkey-sequence-recorder.d.ts
|
|
@@ -22,8 +23,10 @@ interface HotkeySequenceRecorderState {
|
|
|
22
23
|
/**
|
|
23
24
|
* Options for configuring a HotkeySequenceRecorder instance.
|
|
24
25
|
*/
|
|
25
|
-
interface HotkeySequenceRecorderOptions {
|
|
26
|
-
/**
|
|
26
|
+
interface HotkeySequenceRecorderOptions extends RecorderOptions {
|
|
27
|
+
/** Validate the completed sequence. Rejection preserves the steps for editing. */
|
|
28
|
+
validate?: (sequence: HotkeySequence, context: HotkeySequenceRecorderValidationContext) => boolean | string;
|
|
29
|
+
/** Callback when a sequence is successfully recorded */
|
|
27
30
|
onRecord: (sequence: HotkeySequence) => void;
|
|
28
31
|
/** Optional callback when recording is cancelled (Escape pressed) */
|
|
29
32
|
onCancel?: () => void;
|
|
@@ -64,13 +67,17 @@ declare class HotkeySequenceRecorder {
|
|
|
64
67
|
#private;
|
|
65
68
|
readonly store: Store<HotkeySequenceRecorderState>;
|
|
66
69
|
constructor(options: HotkeySequenceRecorderOptions);
|
|
70
|
+
/** Merges current callbacks and options without discarding recorded steps. */
|
|
67
71
|
setOptions(options: Partial<HotkeySequenceRecorderOptions>): void;
|
|
72
|
+
/** Starts a fresh recording; repeated starts during an active session are ignored. */
|
|
68
73
|
start(): void;
|
|
69
74
|
/**
|
|
70
75
|
* Commit the current steps as a sequence. No-op if fewer than one step.
|
|
71
76
|
*/
|
|
72
77
|
commit(): void;
|
|
78
|
+
/** Stops and discards in-progress steps without invoking onCancel. */
|
|
73
79
|
stop(): void;
|
|
80
|
+
/** Stops, discards in-progress steps, and notifies onCancel. */
|
|
74
81
|
cancel(): void;
|
|
75
82
|
destroy(): void;
|
|
76
83
|
}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { HotkeySequence } from "./sequence-manager.js";
|
|
2
|
+
import { HotkeySequenceRecorderValidationContext, RecorderOptions } from "./recorder-options.js";
|
|
2
3
|
import { Store } from "@tanstack/store";
|
|
3
4
|
|
|
4
5
|
//#region src/hotkey-sequence-recorder.d.ts
|
|
@@ -22,8 +23,10 @@ interface HotkeySequenceRecorderState {
|
|
|
22
23
|
/**
|
|
23
24
|
* Options for configuring a HotkeySequenceRecorder instance.
|
|
24
25
|
*/
|
|
25
|
-
interface HotkeySequenceRecorderOptions {
|
|
26
|
-
/**
|
|
26
|
+
interface HotkeySequenceRecorderOptions extends RecorderOptions {
|
|
27
|
+
/** Validate the completed sequence. Rejection preserves the steps for editing. */
|
|
28
|
+
validate?: (sequence: HotkeySequence, context: HotkeySequenceRecorderValidationContext) => boolean | string;
|
|
29
|
+
/** Callback when a sequence is successfully recorded */
|
|
27
30
|
onRecord: (sequence: HotkeySequence) => void;
|
|
28
31
|
/** Optional callback when recording is cancelled (Escape pressed) */
|
|
29
32
|
onCancel?: () => void;
|
|
@@ -64,13 +67,17 @@ declare class HotkeySequenceRecorder {
|
|
|
64
67
|
#private;
|
|
65
68
|
readonly store: Store<HotkeySequenceRecorderState>;
|
|
66
69
|
constructor(options: HotkeySequenceRecorderOptions);
|
|
70
|
+
/** Merges current callbacks and options without discarding recorded steps. */
|
|
67
71
|
setOptions(options: Partial<HotkeySequenceRecorderOptions>): void;
|
|
72
|
+
/** Starts a fresh recording; repeated starts during an active session are ignored. */
|
|
68
73
|
start(): void;
|
|
69
74
|
/**
|
|
70
75
|
* Commit the current steps as a sequence. No-op if fewer than one step.
|
|
71
76
|
*/
|
|
72
77
|
commit(): void;
|
|
78
|
+
/** Stops and discards in-progress steps without invoking onCancel. */
|
|
73
79
|
stop(): void;
|
|
80
|
+
/** Stops, discards in-progress steps, and notifies onCancel. */
|
|
74
81
|
cancel(): void;
|
|
75
82
|
destroy(): void;
|
|
76
83
|
}
|