react-better-hotkeys 0.5.0 → 0.6.1
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/dist/HotkeyRegistry.d.ts.map +1 -1
- package/dist/HotkeyRegistry.js +10 -10
- package/dist/HotkeyTextResolver.js +2 -2
- package/dist/hooks/useHotkey.d.ts +4 -0
- package/dist/hooks/useHotkey.d.ts.map +1 -1
- package/dist/hooks/useHotkey.js +32 -29
- package/dist/hooks/useRenderedHotkey.d.ts +4 -5
- package/dist/hooks/useRenderedHotkey.d.ts.map +1 -1
- package/dist/hooks/useRenderedHotkey.js +17 -15
- package/dist/types/hotkey/renderer/RenderedHotkey.d.ts +6 -0
- package/dist/types/hotkey/renderer/RenderedHotkey.d.ts.map +1 -0
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HotkeyRegistry.d.ts","sourceRoot":"","sources":["../src/lib/HotkeyRegistry.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4CAA4C,CAAC;AACnF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AACzE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0CAA0C,CAAC;AAC/E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AASzE,qBAAa,cAAc;IACzB,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;IAGrB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAM;IAEzC,QAAQ,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,WAAW,EAAE,CAAC,CAAC,CAAM;IAEtD,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAM;IAC9C,YAAY,EAAE,YAAY,GAAG,SAAS,CAAC;IAGvC,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAM;IAExD,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAM;IAExD,YAAY,CAAC,EAAE,kBAAkB,CAAC;gBAGhC,eAAe,CAAC,EAAE,MAAM,EACxB,YAAY,CAAC,EAAE,MAAM,EACrB,YAAY,CAAC,EAAE,kBAAkB;IAO5B,cAAc,CAAC,MAAM,EAAE,WAAW;IAOlC,iBAAiB,CAAC,MAAM,EAAE,cAAc;IAwBxC,iBAAiB,CAAC,EAAE,EAAE,MAAM;IAQ5B,oBAAoB,CAAC,EAAE,EAAE,MAAM;IAoCtC,OAAO,CAAC,uBAAuB;IA4C/B,qBAAqB;IAOrB,qBAAqB,CAAC,KAAK,EAAE,aAAa;IAW1C,6BAA6B,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,aAAa;IAc/D,aAAa,CAAC,KAAK,EAAE,aAAa;
|
|
1
|
+
{"version":3,"file":"HotkeyRegistry.d.ts","sourceRoot":"","sources":["../src/lib/HotkeyRegistry.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4CAA4C,CAAC;AACnF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AACzE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0CAA0C,CAAC;AAC/E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AASzE,qBAAa,cAAc;IACzB,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;IAGrB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAM;IAEzC,QAAQ,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,WAAW,EAAE,CAAC,CAAC,CAAM;IAEtD,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAM;IAC9C,YAAY,EAAE,YAAY,GAAG,SAAS,CAAC;IAGvC,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAM;IAExD,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAM;IAExD,YAAY,CAAC,EAAE,kBAAkB,CAAC;gBAGhC,eAAe,CAAC,EAAE,MAAM,EACxB,YAAY,CAAC,EAAE,MAAM,EACrB,YAAY,CAAC,EAAE,kBAAkB;IAO5B,cAAc,CAAC,MAAM,EAAE,WAAW;IAOlC,iBAAiB,CAAC,MAAM,EAAE,cAAc;IAwBxC,iBAAiB,CAAC,EAAE,EAAE,MAAM;IAQ5B,oBAAoB,CAAC,EAAE,EAAE,MAAM;IAoCtC,OAAO,CAAC,uBAAuB;IA4C/B,qBAAqB;IAOrB,qBAAqB,CAAC,KAAK,EAAE,aAAa;IAW1C,6BAA6B,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,aAAa;IAc/D,aAAa,CAAC,KAAK,EAAE,aAAa;IA2ClC,WAAW,CAAC,KAAK,EAAE,aAAa;CAGxC"}
|
package/dist/HotkeyRegistry.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { KeyMap as h } from "./definitions/KeyMap.js";
|
|
2
2
|
import { checkModifierPressed as l } from "./util/checkModifierPressed.js";
|
|
3
3
|
import { isClearKeydown as f } from "./util/isCleanKeydown.js";
|
|
4
|
-
import { isEditingKeystrokeContext as
|
|
4
|
+
import { isEditingKeystrokeContext as p } from "./util/isEditable.js";
|
|
5
5
|
import { isModifierKeyboardEvent as a } from "./util/isModifierKeyboardEvent.js";
|
|
6
|
-
import { wrongModifierPressed as
|
|
6
|
+
import { wrongModifierPressed as k } from "./util/wrongModifierPressed.js";
|
|
7
7
|
class B {
|
|
8
8
|
sequenceTimeout;
|
|
9
9
|
chordTimeout;
|
|
@@ -29,12 +29,12 @@ class B {
|
|
|
29
29
|
this.sequence[e.id] = e, this.sequenceTree == null && (this.sequenceTree = { hotkey: [], keyBased: {}, codeBased: {} });
|
|
30
30
|
let s = this.sequenceTree;
|
|
31
31
|
for (let t = 0; t < e.keys.length; t++) {
|
|
32
|
-
const o = h[e.keys[t]], i = o.on === "key" ? s.keyBased : s.codeBased,
|
|
33
|
-
i[
|
|
32
|
+
const o = h[e.keys[t]], i = o.on === "key" ? s.keyBased : s.codeBased, r = o.value;
|
|
33
|
+
i[r] == null && (i[r] = {
|
|
34
34
|
hotkey: [],
|
|
35
35
|
keyBased: {},
|
|
36
36
|
codeBased: {}
|
|
37
|
-
}), t === e.keys.length - 1 && i[
|
|
37
|
+
}), t === e.keys.length - 1 && i[r].hotkey.push(e), s = i[r];
|
|
38
38
|
}
|
|
39
39
|
}
|
|
40
40
|
removeChordHotkey(e) {
|
|
@@ -47,8 +47,8 @@ class B {
|
|
|
47
47
|
o.hotkey = o.hotkey.filter((y) => y.id !== s.id);
|
|
48
48
|
return;
|
|
49
49
|
}
|
|
50
|
-
const [
|
|
51
|
-
|
|
50
|
+
const [r, ...u] = i, d = r.value, n = r.on === "key" ? o.keyBased : o.codeBased, c = n[d];
|
|
51
|
+
c != null && (t(c, u), c.hotkey.length === 0 && Object.keys(c.codeBased).length == 0 && Object.keys(c.keyBased).length == 0 && Reflect.deleteProperty(n, d));
|
|
52
52
|
};
|
|
53
53
|
this.sequenceTree != null && t(
|
|
54
54
|
this.sequenceTree,
|
|
@@ -86,13 +86,13 @@ class B {
|
|
|
86
86
|
}
|
|
87
87
|
handleModifierKeydown(e) {
|
|
88
88
|
for (const s of Object.values(this.incompleteChords))
|
|
89
|
-
l(s.hotkey, e) ? (this.handleChordHotkeyPressSuccess(s.hotkey, e), this.clearIncompleteChords()) :
|
|
89
|
+
l(s.hotkey, e) ? (this.handleChordHotkeyPressSuccess(s.hotkey, e), this.clearIncompleteChords()) : k(s.hotkey, e) && this.clearIncompleteChords();
|
|
90
90
|
}
|
|
91
91
|
handleChordHotkeyPressSuccess(e, s) {
|
|
92
|
-
|
|
92
|
+
p(s) && !e.options.enableOnContentEditable || (e.options.preventDefault && s.preventDefault(), e.callbackRef.current(s), this.waitingSequenceNodes = {});
|
|
93
93
|
}
|
|
94
94
|
handleKeydown(e) {
|
|
95
|
-
if (
|
|
95
|
+
if (a(e)) {
|
|
96
96
|
this.handleModifierKeydown(e);
|
|
97
97
|
return;
|
|
98
98
|
} else f(e) && this.textResolver?.setSymbol(e.code, e.key);
|
|
@@ -25,11 +25,11 @@ class p {
|
|
|
25
25
|
}
|
|
26
26
|
buildInitialMap() {
|
|
27
27
|
return {
|
|
28
|
-
...Object.entries(a).reduce((t, e) => (e[1].on === "code" && (t[e[0]] = e[1].value.length === 1 ? e[1].value.
|
|
28
|
+
...Object.entries(a).reduce((t, e) => (e[1].on === "code" && (t[e[0]] = e[1].value.length === 1 ? e[1].value.toLocaleUpperCase() : e[1].value), t), {}),
|
|
29
29
|
...Object.entries(a).reduce((t, e) => {
|
|
30
30
|
if (e[1].on === "key") {
|
|
31
31
|
const s = e[0].slice(3);
|
|
32
|
-
t[s] = e[1].value.length === 1 ? e[1].value.
|
|
32
|
+
t[s] = e[1].value.length === 1 ? e[1].value.toLocaleUpperCase() : e[1].value;
|
|
33
33
|
}
|
|
34
34
|
return t;
|
|
35
35
|
}, {})
|
|
@@ -7,7 +7,11 @@ import { HotkeyOptions } from '../types/hotkey/HotkeyOptions';
|
|
|
7
7
|
import { HotkeySpec } from '../types/hotkey/definition/HotkeySpec';
|
|
8
8
|
import { Hotkey } from '../types/hotkey/definition/Hotkey';
|
|
9
9
|
export declare function useHotkey(hotkey: HotkeySpec[], callback: HotkeyCallback, options?: Partial<HotkeyOptions>): Hotkey[];
|
|
10
|
+
export declare function useHotkey(hotkey: HotkeySpec[] | undefined, callback: HotkeyCallback, options?: Partial<HotkeyOptions>): Hotkey[] | undefined;
|
|
10
11
|
export declare function useHotkey(hotkey: ChordHotkeySpec, callback: HotkeyCallback, options?: Partial<HotkeyOptions>): ChordHotkey;
|
|
12
|
+
export declare function useHotkey(hotkey: ChordHotkeySpec | undefined, callback: HotkeyCallback, options?: Partial<HotkeyOptions>): ChordHotkey | undefined;
|
|
11
13
|
export declare function useHotkey(hotkey: SequenceHotkeySpec, callback: HotkeyCallback, options?: Partial<HotkeyOptions>): SequenceHotkey;
|
|
14
|
+
export declare function useHotkey(hotkey: SequenceHotkeySpec | undefined, callback: HotkeyCallback, options?: Partial<HotkeyOptions>): SequenceHotkey | undefined;
|
|
12
15
|
export declare function useHotkey(hotkey: HotkeySpec, callback: HotkeyCallback, options?: Partial<HotkeyOptions>): Hotkey;
|
|
16
|
+
export declare function useHotkey(hotkey: HotkeySpec | undefined, callback: HotkeyCallback, options?: Partial<HotkeyOptions>): Hotkey | undefined;
|
|
13
17
|
//# sourceMappingURL=useHotkey.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useHotkey.d.ts","sourceRoot":"","sources":["../../src/lib/hooks/useHotkey.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4CAA4C,CAAC;AAClF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,+CAA+C,CAAC;AACxF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAC1E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2CAA2C,CAAC;AAChF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAenE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uCAAuC,CAAC;AACxE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAKhE,wBAAgB,SAAS,CACvB,MAAM,EAAE,UAAU,EAAE,EACpB,QAAQ,EAAE,cAAc,EACxB,OAAO,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,GAC/B,MAAM,EAAE,CAAC;AACZ,wBAAgB,SAAS,CACvB,MAAM,EAAE,eAAe,EACvB,QAAQ,EAAE,cAAc,EACxB,OAAO,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,GAC/B,WAAW,CAAC;AACf,wBAAgB,SAAS,CACvB,MAAM,EAAE,kBAAkB,EAC1B,QAAQ,EAAE,cAAc,EACxB,OAAO,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,GAC/B,cAAc,CAAC;AAClB,wBAAgB,SAAS,CACvB,MAAM,EAAE,UAAU,EAClB,QAAQ,EAAE,cAAc,EACxB,OAAO,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,GAC/B,MAAM,CAAC"}
|
|
1
|
+
{"version":3,"file":"useHotkey.d.ts","sourceRoot":"","sources":["../../src/lib/hooks/useHotkey.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4CAA4C,CAAC;AAClF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,+CAA+C,CAAC;AACxF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAC1E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2CAA2C,CAAC;AAChF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAenE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uCAAuC,CAAC;AACxE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAKhE,wBAAgB,SAAS,CACvB,MAAM,EAAE,UAAU,EAAE,EACpB,QAAQ,EAAE,cAAc,EACxB,OAAO,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,GAC/B,MAAM,EAAE,CAAC;AACZ,wBAAgB,SAAS,CACvB,MAAM,EAAE,UAAU,EAAE,GAAG,SAAS,EAChC,QAAQ,EAAE,cAAc,EACxB,OAAO,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,GAC/B,MAAM,EAAE,GAAG,SAAS,CAAC;AACxB,wBAAgB,SAAS,CACvB,MAAM,EAAE,eAAe,EACvB,QAAQ,EAAE,cAAc,EACxB,OAAO,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,GAC/B,WAAW,CAAC;AACf,wBAAgB,SAAS,CACvB,MAAM,EAAE,eAAe,GAAG,SAAS,EACnC,QAAQ,EAAE,cAAc,EACxB,OAAO,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,GAC/B,WAAW,GAAG,SAAS,CAAC;AAC3B,wBAAgB,SAAS,CACvB,MAAM,EAAE,kBAAkB,EAC1B,QAAQ,EAAE,cAAc,EACxB,OAAO,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,GAC/B,cAAc,CAAC;AAClB,wBAAgB,SAAS,CACvB,MAAM,EAAE,kBAAkB,GAAG,SAAS,EACtC,QAAQ,EAAE,cAAc,EACxB,OAAO,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,GAC/B,cAAc,GAAG,SAAS,CAAC;AAC9B,wBAAgB,SAAS,CACvB,MAAM,EAAE,UAAU,EAClB,QAAQ,EAAE,cAAc,EACxB,OAAO,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,GAC/B,MAAM,CAAC;AACV,wBAAgB,SAAS,CACvB,MAAM,EAAE,UAAU,GAAG,SAAS,EAC9B,QAAQ,EAAE,cAAc,EACxB,OAAO,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,GAC/B,MAAM,GAAG,SAAS,CAAC"}
|
package/dist/hooks/useHotkey.js
CHANGED
|
@@ -3,10 +3,10 @@ import { HotkeyContext as E } from "../context/HotkeyContext.js";
|
|
|
3
3
|
import { KeyMap as x } from "../definitions/KeyMap.js";
|
|
4
4
|
import { isPrimaryKeyCode as w } from "../util/isPrimaryKeyCode.js";
|
|
5
5
|
const $ = typeof window < "u" ? H : C;
|
|
6
|
-
function
|
|
7
|
-
const r = R(E), n = g(),
|
|
6
|
+
function q(o, d, v) {
|
|
7
|
+
const r = R(E), n = g(), f = S(d);
|
|
8
8
|
C(() => {
|
|
9
|
-
|
|
9
|
+
f.current = d;
|
|
10
10
|
}, [d]);
|
|
11
11
|
const l = m(
|
|
12
12
|
() => ({
|
|
@@ -17,47 +17,50 @@ function k(o, d, v) {
|
|
|
17
17
|
}),
|
|
18
18
|
[v]
|
|
19
19
|
), a = p(
|
|
20
|
-
(
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
20
|
+
(t) => {
|
|
21
|
+
let e = w(t) ? r?.textResolver.resolve(t) ?? [
|
|
22
|
+
x[`Key${t}`].value,
|
|
23
|
+
"unknown"
|
|
24
|
+
] : [x[t].value, "unknown"];
|
|
25
|
+
return e[0].length === 1 && (e = [e[0].toLocaleUpperCase(), e[1]]), e;
|
|
26
|
+
},
|
|
24
27
|
[r?.textResolver]
|
|
25
28
|
), c = p(
|
|
26
|
-
(
|
|
29
|
+
(t, e) => {
|
|
27
30
|
const i = {
|
|
28
|
-
...
|
|
31
|
+
...t,
|
|
29
32
|
options: l,
|
|
30
|
-
id:
|
|
31
|
-
callbackRef:
|
|
33
|
+
id: e == null ? n : `${n}-${e}`,
|
|
34
|
+
callbackRef: f,
|
|
32
35
|
toParts: () => [
|
|
33
|
-
|
|
34
|
-
r?.textResolver.delimiterForType(
|
|
36
|
+
t.keys.map((u) => a(u)),
|
|
37
|
+
r?.textResolver.delimiterForType(t.type) ?? ""
|
|
35
38
|
],
|
|
36
39
|
toString: () => r?.textResolver.toString(i) ?? ""
|
|
37
40
|
};
|
|
38
41
|
return i;
|
|
39
42
|
},
|
|
40
43
|
[l, r?.textResolver, n, a]
|
|
41
|
-
),
|
|
42
|
-
(
|
|
44
|
+
), y = p(
|
|
45
|
+
(t, e) => {
|
|
43
46
|
const i = {
|
|
44
|
-
...
|
|
47
|
+
...t,
|
|
45
48
|
options: l,
|
|
46
|
-
id:
|
|
47
|
-
callbackRef:
|
|
49
|
+
id: e == null ? n : `${n}-${e}`,
|
|
50
|
+
callbackRef: f,
|
|
48
51
|
toParts: () => [
|
|
49
52
|
[
|
|
50
|
-
...Object.entries(
|
|
51
|
-
a(
|
|
53
|
+
...Object.entries(t.modifier).filter((u) => u[1]).map((u) => [u[0], "valid"]),
|
|
54
|
+
a(t.keyId)
|
|
52
55
|
],
|
|
53
|
-
r?.textResolver.delimiterForType(
|
|
56
|
+
r?.textResolver.delimiterForType(t.type) ?? ""
|
|
54
57
|
],
|
|
55
58
|
toString: () => r?.textResolver.toString(i) ?? ""
|
|
56
59
|
};
|
|
57
60
|
return i;
|
|
58
61
|
},
|
|
59
62
|
[l, r?.textResolver, n, a]
|
|
60
|
-
), s = m(() => Array.isArray(o) ? o.map((
|
|
63
|
+
), s = m(() => o == null ? [] : Array.isArray(o) ? o.map((t, e) => t.type === "chord" ? y(t, e) : c(t, e)) : o.type === "chord" ? y(o) : c(o), [y, c, o]);
|
|
61
64
|
return $(() => {
|
|
62
65
|
if (r == null) {
|
|
63
66
|
console.warn(
|
|
@@ -65,16 +68,16 @@ function k(o, d, v) {
|
|
|
65
68
|
);
|
|
66
69
|
return;
|
|
67
70
|
}
|
|
68
|
-
const
|
|
69
|
-
return
|
|
70
|
-
|
|
71
|
+
const t = Array.isArray(s) ? s : [s];
|
|
72
|
+
return t.forEach((e) => {
|
|
73
|
+
e.type === "chord" ? r.registry.addChordHotkey(e) : r.registry.addSequenceHotkey(e);
|
|
71
74
|
}), () => {
|
|
72
|
-
|
|
73
|
-
|
|
75
|
+
t.forEach((e) => {
|
|
76
|
+
e.type === "chord" ? r.registry.removeChordHotkey(e.id) : r.registry.removeSequenceHotkey(e.id);
|
|
74
77
|
});
|
|
75
78
|
};
|
|
76
|
-
}, [s]), s;
|
|
79
|
+
}, [s]), o ? s : void 0;
|
|
77
80
|
}
|
|
78
81
|
export {
|
|
79
|
-
|
|
82
|
+
q as useHotkey
|
|
80
83
|
};
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { Hotkey } from '../types/hotkey/definition/Hotkey';
|
|
2
|
-
import {
|
|
3
|
-
export declare function useRenderedHotkey(hotkey: Hotkey):
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
};
|
|
2
|
+
import { RenderedHotkey } from '../types/hotkey/renderer/RenderedHotkey';
|
|
3
|
+
export declare function useRenderedHotkey(hotkey: Hotkey): RenderedHotkey;
|
|
4
|
+
export declare function useRenderedHotkey(hotkey: undefined): undefined;
|
|
5
|
+
export declare function useRenderedHotkey(hotkey: Hotkey | undefined): RenderedHotkey | undefined;
|
|
7
6
|
//# sourceMappingURL=useRenderedHotkey.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useRenderedHotkey.d.ts","sourceRoot":"","sources":["../../src/lib/hooks/useRenderedHotkey.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAGhE,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"useRenderedHotkey.d.ts","sourceRoot":"","sources":["../../src/lib/hooks/useRenderedHotkey.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAGhE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AAE9E,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,MAAM,GAAG,cAAc,CAAC;AAElE,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,SAAS,GAAG,SAAS,CAAC;AAEhE,wBAAgB,iBAAiB,CAC/B,MAAM,EAAE,MAAM,GAAG,SAAS,GACzB,cAAc,GAAG,SAAS,CAAC"}
|
|
@@ -1,31 +1,33 @@
|
|
|
1
1
|
import { useContext as a, useState as u, useEffect as c } from "react";
|
|
2
2
|
import { HotkeyContext as d } from "../context/HotkeyContext.js";
|
|
3
|
-
import { toPrimaryKeyCode as
|
|
4
|
-
function
|
|
5
|
-
const t = a(d), [
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
3
|
+
import { toPrimaryKeyCode as i } from "../util/toPrimaryKeyCode.js";
|
|
4
|
+
function p(r) {
|
|
5
|
+
const t = a(d), [o, n] = u(
|
|
6
|
+
r ? {
|
|
7
|
+
asString: r.toString(),
|
|
8
|
+
asParts: r.toParts()
|
|
9
|
+
} : void 0
|
|
10
|
+
);
|
|
9
11
|
return c(() => {
|
|
10
|
-
if (t == null) return;
|
|
11
|
-
let
|
|
12
|
-
return r.type === "chord" ?
|
|
13
|
-
t.textResolver.subscribe(
|
|
12
|
+
if (t == null || r == null) return;
|
|
13
|
+
let s;
|
|
14
|
+
return r.type === "chord" ? s = [
|
|
15
|
+
t.textResolver.subscribe(i(r.keyId), () => {
|
|
14
16
|
n({
|
|
15
17
|
asParts: r.toParts(),
|
|
16
18
|
asString: r.toString()
|
|
17
19
|
});
|
|
18
20
|
})
|
|
19
|
-
] :
|
|
20
|
-
(
|
|
21
|
+
] : s = r.keys.map(
|
|
22
|
+
(e) => t.textResolver.subscribe(i(e), () => {
|
|
21
23
|
n({
|
|
22
24
|
asParts: r.toParts(),
|
|
23
25
|
asString: r.toString()
|
|
24
26
|
});
|
|
25
27
|
})
|
|
26
|
-
), () =>
|
|
27
|
-
}, [t, r]),
|
|
28
|
+
), () => s.forEach((e) => e());
|
|
29
|
+
}, [t, r]), o;
|
|
28
30
|
}
|
|
29
31
|
export {
|
|
30
|
-
|
|
32
|
+
p as useRenderedHotkey
|
|
31
33
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RenderedHotkey.d.ts","sourceRoot":"","sources":["../../../../src/lib/types/hotkey/renderer/RenderedHotkey.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,eAAe,CAAC;CAC1B,CAAC"}
|