browser-shortcuts 0.1.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.
@@ -0,0 +1,71 @@
1
+ import * as _angular_core from '@angular/core';
2
+
3
+ declare const KEYBINDS: {
4
+ 'CTRL+SHIFT+F': "toggleFullScreen";
5
+ 'CMD+SHIFT+F': "toggleFullScreen";
6
+ 'CTRL+SHIFT+G': "toggleGrid";
7
+ 'CMD+SHIFT+G': "toggleGrid";
8
+ 'CTRL+SHIFT+H': "toggleHelp";
9
+ 'CMD+SHIFT+H': "toggleHelp";
10
+ ESCAPE: "closeOverlay";
11
+ 'CTRL+Z': "undo";
12
+ 'CMD+Z': "undo";
13
+ 'CTRL+SHIFT+Z': "redo";
14
+ 'CMD+SHIFT+Z': "redo";
15
+ 'CTRL+Y': "redo";
16
+ DELETE: "delete";
17
+ BACKSPACE: "delete";
18
+ 'CTRL+A': "selectAll";
19
+ 'CMD+A': "selectAll";
20
+ 'CTRL+C': "copy";
21
+ 'CMD+C': "copy";
22
+ 'CTRL+V': "paste";
23
+ 'CMD+V': "paste";
24
+ 'CTRL+S': "save";
25
+ 'CMD+S': "save";
26
+ DOUBLE_LEFT_BUTTON: "zoomIn";
27
+ LEFT_BUTTON: "leftMouseButton";
28
+ MIDDLE_BUTTON: "middleMouseButton";
29
+ RIGHT_BUTTON: "rightMouseButton";
30
+ };
31
+ /** A key combination string understood by {@link KEYBINDS}, e.g. `"CTRL+SHIFT+F"`. */
32
+ type Keybind = keyof typeof KEYBINDS;
33
+
34
+ /** Callback invoked when a bound shortcut fires. */
35
+ type ShortcutListener = (event: Event) => void;
36
+
37
+ /**
38
+ * App-wide keyboard, mouse and wheel shortcut dispatcher. Injected as a
39
+ * singleton; call {@link ShortcutsService.on} / {@link ShortcutsService.off}
40
+ * directly, or use {@link ShortcutsService.useShortcut} inside another
41
+ * injection context (e.g. a component constructor) for automatic cleanup.
42
+ */
43
+ declare class ShortcutsService {
44
+ private manager;
45
+ private detach;
46
+ on: (shortcut: Keybind, callback: ShortcutListener) => void;
47
+ off: (shortcut: Keybind, callback: ShortcutListener) => void;
48
+ /**
49
+ * Subscribes `callback` to `shortcut` and automatically unsubscribes when
50
+ * the current injection context (e.g. the injecting component) is
51
+ * destroyed. Must be called from an injection context.
52
+ */
53
+ useShortcut(shortcut: Keybind, callback: ShortcutListener): void;
54
+ /** @internal */
55
+ ngOnDestroy(): void;
56
+ }
57
+ /**
58
+ * Eagerly instantiates {@link ShortcutsService} so global shortcuts start
59
+ * listening as soon as the app bootstraps, rather than lazily on first
60
+ * injection.
61
+ *
62
+ * @example
63
+ * ```ts
64
+ * bootstrapApplication(AppComponent, {
65
+ * providers: [provideShortcuts()],
66
+ * });
67
+ * ```
68
+ */
69
+ declare function provideShortcuts(): _angular_core.EnvironmentProviders;
70
+
71
+ export { type ShortcutListener, ShortcutsService, provideShortcuts };
@@ -0,0 +1,71 @@
1
+ import * as _angular_core from '@angular/core';
2
+
3
+ declare const KEYBINDS: {
4
+ 'CTRL+SHIFT+F': "toggleFullScreen";
5
+ 'CMD+SHIFT+F': "toggleFullScreen";
6
+ 'CTRL+SHIFT+G': "toggleGrid";
7
+ 'CMD+SHIFT+G': "toggleGrid";
8
+ 'CTRL+SHIFT+H': "toggleHelp";
9
+ 'CMD+SHIFT+H': "toggleHelp";
10
+ ESCAPE: "closeOverlay";
11
+ 'CTRL+Z': "undo";
12
+ 'CMD+Z': "undo";
13
+ 'CTRL+SHIFT+Z': "redo";
14
+ 'CMD+SHIFT+Z': "redo";
15
+ 'CTRL+Y': "redo";
16
+ DELETE: "delete";
17
+ BACKSPACE: "delete";
18
+ 'CTRL+A': "selectAll";
19
+ 'CMD+A': "selectAll";
20
+ 'CTRL+C': "copy";
21
+ 'CMD+C': "copy";
22
+ 'CTRL+V': "paste";
23
+ 'CMD+V': "paste";
24
+ 'CTRL+S': "save";
25
+ 'CMD+S': "save";
26
+ DOUBLE_LEFT_BUTTON: "zoomIn";
27
+ LEFT_BUTTON: "leftMouseButton";
28
+ MIDDLE_BUTTON: "middleMouseButton";
29
+ RIGHT_BUTTON: "rightMouseButton";
30
+ };
31
+ /** A key combination string understood by {@link KEYBINDS}, e.g. `"CTRL+SHIFT+F"`. */
32
+ type Keybind = keyof typeof KEYBINDS;
33
+
34
+ /** Callback invoked when a bound shortcut fires. */
35
+ type ShortcutListener = (event: Event) => void;
36
+
37
+ /**
38
+ * App-wide keyboard, mouse and wheel shortcut dispatcher. Injected as a
39
+ * singleton; call {@link ShortcutsService.on} / {@link ShortcutsService.off}
40
+ * directly, or use {@link ShortcutsService.useShortcut} inside another
41
+ * injection context (e.g. a component constructor) for automatic cleanup.
42
+ */
43
+ declare class ShortcutsService {
44
+ private manager;
45
+ private detach;
46
+ on: (shortcut: Keybind, callback: ShortcutListener) => void;
47
+ off: (shortcut: Keybind, callback: ShortcutListener) => void;
48
+ /**
49
+ * Subscribes `callback` to `shortcut` and automatically unsubscribes when
50
+ * the current injection context (e.g. the injecting component) is
51
+ * destroyed. Must be called from an injection context.
52
+ */
53
+ useShortcut(shortcut: Keybind, callback: ShortcutListener): void;
54
+ /** @internal */
55
+ ngOnDestroy(): void;
56
+ }
57
+ /**
58
+ * Eagerly instantiates {@link ShortcutsService} so global shortcuts start
59
+ * listening as soon as the app bootstraps, rather than lazily on first
60
+ * injection.
61
+ *
62
+ * @example
63
+ * ```ts
64
+ * bootstrapApplication(AppComponent, {
65
+ * providers: [provideShortcuts()],
66
+ * });
67
+ * ```
68
+ */
69
+ declare function provideShortcuts(): _angular_core.EnvironmentProviders;
70
+
71
+ export { type ShortcutListener, ShortcutsService, provideShortcuts };
@@ -0,0 +1,318 @@
1
+ var __create = Object.create;
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __knownSymbol = (name, symbol) => (symbol = Symbol[name]) ? symbol : /* @__PURE__ */ Symbol.for("Symbol." + name);
5
+ var __typeError = (msg) => {
6
+ throw TypeError(msg);
7
+ };
8
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
9
+ var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
10
+ var __decoratorStart = (base) => {
11
+ var _a;
12
+ return [, , , __create((_a = base == null ? void 0 : base[__knownSymbol("metadata")]) != null ? _a : null)];
13
+ };
14
+ var __decoratorStrings = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"];
15
+ var __expectFn = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError("Function expected") : fn;
16
+ var __decoratorContext = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError("Already initialized") : fns.push(__expectFn(fn || null)) });
17
+ var __decoratorMetadata = (array, target) => __defNormalProp(target, __knownSymbol("metadata"), array[3]);
18
+ var __runInitializers = (array, flags, self, value) => {
19
+ for (var i = 0, fns = array[flags >> 1], n = fns && fns.length; i < n; i++) flags & 1 ? fns[i].call(self) : value = fns[i].call(self, value);
20
+ return value;
21
+ };
22
+ var __decorateElement = (array, flags, name, decorators, target, extra) => {
23
+ var fn, it, done, ctx, access, k = flags & 7, s = !!(flags & 8), p = !!(flags & 16);
24
+ var j = k > 3 ? array.length + 1 : k ? s ? 1 : 2 : 0, key = __decoratorStrings[k + 5];
25
+ var initializers = k > 3 && (array[j - 1] = []), extraInitializers = array[j] || (array[j] = []);
26
+ var desc = k && (!p && !s && (target = target.prototype), k < 5 && (k > 3 || !p) && __getOwnPropDesc(k < 4 ? target : { get [name]() {
27
+ return __privateGet(this, extra);
28
+ }, set [name](x) {
29
+ return __privateSet(this, extra, x);
30
+ } }, name));
31
+ k ? p && k < 4 && __name(extra, (k > 2 ? "set " : k > 1 ? "get " : "") + name) : __name(target, name);
32
+ for (var i = decorators.length - 1; i >= 0; i--) {
33
+ ctx = __decoratorContext(k, name, done = {}, array[3], extraInitializers);
34
+ if (k) {
35
+ ctx.static = s, ctx.private = p, access = ctx.access = { has: p ? (x) => __privateIn(target, x) : (x) => name in x };
36
+ if (k ^ 3) access.get = p ? (x) => (k ^ 1 ? __privateGet : __privateMethod)(x, target, k ^ 4 ? extra : desc.get) : (x) => x[name];
37
+ if (k > 2) access.set = p ? (x, y) => __privateSet(x, target, y, k ^ 4 ? extra : desc.set) : (x, y) => x[name] = y;
38
+ }
39
+ it = (0, decorators[i])(k ? k < 4 ? p ? extra : desc[key] : k > 4 ? void 0 : { get: desc.get, set: desc.set } : target, ctx), done._ = 1;
40
+ if (k ^ 4 || it === void 0) __expectFn(it) && (k > 4 ? initializers.unshift(it) : k ? p ? extra = it : desc[key] = it : target = it);
41
+ else if (typeof it !== "object" || it === null) __typeError("Object expected");
42
+ else __expectFn(fn = it.get) && (desc.get = fn), __expectFn(fn = it.set) && (desc.set = fn), __expectFn(fn = it.init) && initializers.unshift(fn);
43
+ }
44
+ return k || __decoratorMetadata(array, target), desc && __defProp(target, name, desc), p ? k ^ 4 ? extra : desc : target;
45
+ };
46
+ var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
47
+ var __privateIn = (member, obj) => Object(obj) !== obj ? __typeError('Cannot use the "in" operator on this value') : member.has(obj);
48
+ var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
49
+ var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
50
+ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
51
+
52
+ // src/config/shortcuts.ts
53
+ var KEYBINDS = {
54
+ "CTRL+SHIFT+F": "toggleFullScreen",
55
+ "CMD+SHIFT+F": "toggleFullScreen",
56
+ "CTRL+SHIFT+G": "toggleGrid",
57
+ "CMD+SHIFT+G": "toggleGrid",
58
+ "CTRL+SHIFT+H": "toggleHelp",
59
+ "CMD+SHIFT+H": "toggleHelp",
60
+ ESCAPE: "closeOverlay",
61
+ "CTRL+Z": "undo",
62
+ "CMD+Z": "undo",
63
+ "CTRL+SHIFT+Z": "redo",
64
+ "CMD+SHIFT+Z": "redo",
65
+ "CTRL+Y": "redo",
66
+ DELETE: "delete",
67
+ BACKSPACE: "delete",
68
+ "CTRL+A": "selectAll",
69
+ "CMD+A": "selectAll",
70
+ "CTRL+C": "copy",
71
+ "CMD+C": "copy",
72
+ "CTRL+V": "paste",
73
+ "CMD+V": "paste",
74
+ "CTRL+S": "save",
75
+ "CMD+S": "save",
76
+ DOUBLE_LEFT_BUTTON: "zoomIn",
77
+ LEFT_BUTTON: "leftMouseButton",
78
+ MIDDLE_BUTTON: "middleMouseButton",
79
+ RIGHT_BUTTON: "rightMouseButton"
80
+ };
81
+ var SHORTCUTS = {
82
+ toggleFullScreen: (event) => {
83
+ console.log("toggleFullScreen", event);
84
+ },
85
+ toggleGrid: (event) => {
86
+ console.log("toggleGrid", event);
87
+ },
88
+ toggleHelp: (event) => {
89
+ console.log("toggleHelp", event);
90
+ },
91
+ closeOverlay: (event) => {
92
+ console.log("closeOverlay", event);
93
+ },
94
+ undo: (event) => {
95
+ console.log("undo", event);
96
+ },
97
+ redo: (event) => {
98
+ console.log("redo", event);
99
+ },
100
+ delete: (event) => {
101
+ console.log("delete", event);
102
+ },
103
+ selectAll: (event) => {
104
+ console.log("selectAll", event);
105
+ },
106
+ copy: (event) => {
107
+ console.log("copy", event);
108
+ },
109
+ paste: (event) => {
110
+ console.log("paste", event);
111
+ },
112
+ save: (event) => {
113
+ console.log("save", event);
114
+ },
115
+ zoomIn: (event) => {
116
+ console.log("zoomIn", event);
117
+ },
118
+ leftMouseButton: (event) => {
119
+ console.log("leftMouseButton", event);
120
+ },
121
+ middleMouseButton: (event) => {
122
+ console.log("middleMouseButton", event);
123
+ },
124
+ rightMouseButton: (event) => {
125
+ console.log("rightMouseButton", event);
126
+ }
127
+ };
128
+ var shortcuts_default = KEYBINDS;
129
+
130
+ // src/utils/misc.ts
131
+ var IS_MAC = typeof navigator !== "undefined" && navigator.platform.toUpperCase().indexOf("MAC") >= 0;
132
+ var IS_NOT_TOUCH_DEVICE = (() => {
133
+ if (typeof window === "undefined" || typeof navigator === "undefined") {
134
+ return false;
135
+ }
136
+ return !("ontouchstart" in window || navigator.maxTouchPoints > 0 || "msMaxTouchPoints" in navigator && navigator.msMaxTouchPoints > 0);
137
+ })();
138
+ var MOUSE_BUTTONS = ["LEFT_BUTTON", "MIDDLE_BUTTON", "RIGHT_BUTTON"];
139
+ function buildShortcutString(key, event) {
140
+ return [
141
+ IS_MAC && event.metaKey ? "CMD" : "",
142
+ event.ctrlKey ? "CTRL" : "",
143
+ event.altKey ? "ALT" : "",
144
+ event.shiftKey ? "SHIFT" : "",
145
+ key.toUpperCase()
146
+ ].filter(Boolean).join("+");
147
+ }
148
+
149
+ // src/core/shortcuts-manager.ts
150
+ var ShortcutsManager = class {
151
+ constructor() {
152
+ this.listeners = /* @__PURE__ */ new Map();
153
+ /** Registers `callback` to run whenever `shortcut` is triggered. */
154
+ this.on = (shortcut, callback) => {
155
+ var _a;
156
+ if (!this.listeners.has(shortcut)) {
157
+ this.listeners.set(shortcut, /* @__PURE__ */ new Set());
158
+ }
159
+ (_a = this.listeners.get(shortcut)) == null ? void 0 : _a.add(callback);
160
+ };
161
+ /** Removes a `callback` previously registered with {@link on}. */
162
+ this.off = (shortcut, callback) => {
163
+ var _a;
164
+ (_a = this.listeners.get(shortcut)) == null ? void 0 : _a.delete(callback);
165
+ };
166
+ this.emit = (shortcut, event) => {
167
+ var _a;
168
+ (_a = this.listeners.get(shortcut)) == null ? void 0 : _a.forEach((callback) => callback(event));
169
+ };
170
+ this.triggerShortcut = (shortcut, event) => {
171
+ var _a, _b;
172
+ this.emit(shortcut, event);
173
+ const action = shortcuts_default[shortcut];
174
+ if (action) {
175
+ event.preventDefault();
176
+ if (typeof action === "string") {
177
+ (_b = (_a = SHORTCUTS)[action]) == null ? void 0 : _b.call(_a, event);
178
+ } else {
179
+ action(event);
180
+ }
181
+ }
182
+ };
183
+ /**
184
+ * Starts listening on `target` (`window` by default). Returns a disposer
185
+ * that removes the listeners; safe to call multiple times.
186
+ */
187
+ this.attach = (target = window) => {
188
+ this.detach();
189
+ this.target = target;
190
+ const handleKeyDown = (event) => {
191
+ const keyboardEvent = event;
192
+ this.triggerShortcut(
193
+ buildShortcutString(keyboardEvent.key, keyboardEvent),
194
+ event
195
+ );
196
+ };
197
+ const handleKeyUp = (event) => {
198
+ const keyboardEvent = event;
199
+ this.triggerShortcut(
200
+ buildShortcutString(`${keyboardEvent.key}_UP`, keyboardEvent),
201
+ event
202
+ );
203
+ };
204
+ const handleMouseDown = (event) => {
205
+ const mouseEvent = event;
206
+ this.triggerShortcut(
207
+ buildShortcutString(MOUSE_BUTTONS[mouseEvent.button], mouseEvent),
208
+ event
209
+ );
210
+ };
211
+ const handleMouseUp = (event) => {
212
+ const mouseEvent = event;
213
+ this.triggerShortcut(
214
+ buildShortcutString(
215
+ `${MOUSE_BUTTONS[mouseEvent.button]}_UP`,
216
+ mouseEvent
217
+ ),
218
+ event
219
+ );
220
+ };
221
+ const handleDoubleClick = (event) => {
222
+ const mouseEvent = event;
223
+ this.triggerShortcut(
224
+ buildShortcutString(
225
+ `DOUBLE_${MOUSE_BUTTONS[mouseEvent.button]}`,
226
+ mouseEvent
227
+ ),
228
+ event
229
+ );
230
+ };
231
+ const handleContextMenu = (event) => {
232
+ this.triggerShortcut(
233
+ buildShortcutString("RIGHT_BUTTON", event),
234
+ event
235
+ );
236
+ };
237
+ const handleWheel = (event) => {
238
+ const wheelEvent = event;
239
+ const direction = wheelEvent.deltaY < 0 ? "WHEEL_UP" : "WHEEL_DOWN";
240
+ this.triggerShortcut(buildShortcutString(direction, wheelEvent), event);
241
+ };
242
+ target.addEventListener("keydown", handleKeyDown);
243
+ target.addEventListener("keyup", handleKeyUp);
244
+ target.addEventListener("mousedown", handleMouseDown);
245
+ target.addEventListener("mouseup", handleMouseUp);
246
+ target.addEventListener("dblclick", handleDoubleClick);
247
+ target.addEventListener("contextmenu", handleContextMenu);
248
+ target.addEventListener("wheel", handleWheel, { passive: true });
249
+ this.cleanup = () => {
250
+ target.removeEventListener("keydown", handleKeyDown);
251
+ target.removeEventListener("keyup", handleKeyUp);
252
+ target.removeEventListener("mousedown", handleMouseDown);
253
+ target.removeEventListener("mouseup", handleMouseUp);
254
+ target.removeEventListener("dblclick", handleDoubleClick);
255
+ target.removeEventListener("contextmenu", handleContextMenu);
256
+ target.removeEventListener("wheel", handleWheel);
257
+ this.target = void 0;
258
+ this.cleanup = void 0;
259
+ };
260
+ return this.cleanup;
261
+ };
262
+ /** Stops listening. Safe to call even if {@link attach} was never called. */
263
+ this.detach = () => {
264
+ var _a;
265
+ (_a = this.cleanup) == null ? void 0 : _a.call(this);
266
+ };
267
+ }
268
+ };
269
+
270
+ // src/angular/index.ts
271
+ import {
272
+ DestroyRef,
273
+ inject,
274
+ Injectable,
275
+ makeEnvironmentProviders,
276
+ APP_INITIALIZER
277
+ } from "@angular/core";
278
+ var _ShortcutsService_decorators, _init;
279
+ _ShortcutsService_decorators = [Injectable({ providedIn: "root" })];
280
+ var ShortcutsService = class {
281
+ constructor() {
282
+ this.manager = new ShortcutsManager();
283
+ this.detach = this.manager.attach();
284
+ this.on = this.manager.on;
285
+ this.off = this.manager.off;
286
+ }
287
+ /**
288
+ * Subscribes `callback` to `shortcut` and automatically unsubscribes when
289
+ * the current injection context (e.g. the injecting component) is
290
+ * destroyed. Must be called from an injection context.
291
+ */
292
+ useShortcut(shortcut, callback) {
293
+ const destroyRef = inject(DestroyRef);
294
+ this.manager.on(shortcut, callback);
295
+ destroyRef.onDestroy(() => this.manager.off(shortcut, callback));
296
+ }
297
+ /** @internal */
298
+ ngOnDestroy() {
299
+ this.detach();
300
+ }
301
+ };
302
+ _init = __decoratorStart(null);
303
+ ShortcutsService = __decorateElement(_init, 0, "ShortcutsService", _ShortcutsService_decorators, ShortcutsService);
304
+ __runInitializers(_init, 1, ShortcutsService);
305
+ function provideShortcuts() {
306
+ return makeEnvironmentProviders([
307
+ {
308
+ provide: APP_INITIALIZER,
309
+ multi: true,
310
+ useFactory: () => () => inject(ShortcutsService)
311
+ }
312
+ ]);
313
+ }
314
+ export {
315
+ ShortcutsService,
316
+ provideShortcuts
317
+ };
318
+ //# sourceMappingURL=angular.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/config/shortcuts.ts","../src/utils/misc.ts","../src/core/shortcuts-manager.ts","../src/angular/index.ts"],"sourcesContent":["/**\n * Maps a keybind string (e.g. `\"CTRL+SHIFT+F\"`) to either the name of a\n * {@link SHORTCUTS} entry or an inline handler.\n *\n * Prefer referencing a named entry in {@link SHORTCUTS} so the same action\n * can be triggered programmatically (e.g. from a command palette) using the\n * same {@link Shortcut} name.\n */\nexport type KeybindAction = Shortcut | ((event: Event) => void);\n\nconst KEYBINDS = {\n 'CTRL+SHIFT+F': 'toggleFullScreen',\n 'CMD+SHIFT+F': 'toggleFullScreen',\n 'CTRL+SHIFT+G': 'toggleGrid',\n 'CMD+SHIFT+G': 'toggleGrid',\n 'CTRL+SHIFT+H': 'toggleHelp',\n 'CMD+SHIFT+H': 'toggleHelp',\n ESCAPE: 'closeOverlay',\n 'CTRL+Z': 'undo',\n 'CMD+Z': 'undo',\n 'CTRL+SHIFT+Z': 'redo',\n 'CMD+SHIFT+Z': 'redo',\n 'CTRL+Y': 'redo',\n DELETE: 'delete',\n BACKSPACE: 'delete',\n 'CTRL+A': 'selectAll',\n 'CMD+A': 'selectAll',\n 'CTRL+C': 'copy',\n 'CMD+C': 'copy',\n 'CTRL+V': 'paste',\n 'CMD+V': 'paste',\n 'CTRL+S': 'save',\n 'CMD+S': 'save',\n DOUBLE_LEFT_BUTTON: 'zoomIn',\n LEFT_BUTTON: 'leftMouseButton',\n MIDDLE_BUTTON: 'middleMouseButton',\n RIGHT_BUTTON: 'rightMouseButton',\n} satisfies { [key: string]: KeybindAction };\n\n/**\n * Named shortcut handlers, keyed by {@link Shortcut} name. Referenced from\n * {@link KEYBINDS} by name so the same action can be triggered from\n * multiple bindings (or invoked directly, outside of any input event).\n */\nexport const SHORTCUTS = {\n toggleFullScreen: (event: Event) => {\n console.log('toggleFullScreen', event);\n },\n toggleGrid: (event: Event) => {\n console.log('toggleGrid', event);\n },\n toggleHelp: (event: Event) => {\n console.log('toggleHelp', event);\n },\n closeOverlay: (event: Event) => {\n console.log('closeOverlay', event);\n },\n undo: (event: Event) => {\n console.log('undo', event);\n },\n redo: (event: Event) => {\n console.log('redo', event);\n },\n delete: (event: Event) => {\n console.log('delete', event);\n },\n selectAll: (event: Event) => {\n console.log('selectAll', event);\n },\n copy: (event: Event) => {\n console.log('copy', event);\n },\n paste: (event: Event) => {\n console.log('paste', event);\n },\n save: (event: Event) => {\n console.log('save', event);\n },\n zoomIn: (event: Event) => {\n console.log('zoomIn', event);\n },\n leftMouseButton: (event: Event) => {\n console.log('leftMouseButton', event);\n },\n middleMouseButton: (event: Event) => {\n console.log('middleMouseButton', event);\n },\n rightMouseButton: (event: Event) => {\n console.log('rightMouseButton', event);\n },\n};\n\n/** A key combination string understood by {@link KEYBINDS}, e.g. `\"CTRL+SHIFT+F\"`. */\nexport type Keybind = keyof typeof KEYBINDS;\n\n/** The name of a handler registered in {@link SHORTCUTS}. */\nexport type Shortcut = keyof typeof SHORTCUTS;\n\nexport default KEYBINDS;\n","import type { Keybind } from '@/config';\n\n/** Whether the current platform reports itself as macOS (used to prefer `CMD` over `CTRL`). */\nexport const IS_MAC =\n typeof navigator !== 'undefined' &&\n navigator.platform.toUpperCase().indexOf('MAC') >= 0;\n\n/** Whether the current device supports mouse/keyboard input rather than touch only. */\nexport const IS_NOT_TOUCH_DEVICE = (() => {\n if (typeof window === 'undefined' || typeof navigator === 'undefined') {\n return false;\n }\n return !(\n 'ontouchstart' in window ||\n navigator.maxTouchPoints > 0 ||\n ('msMaxTouchPoints' in navigator &&\n (navigator.msMaxTouchPoints as number) > 0)\n );\n})();\n\n/** Names for `MouseEvent.button` values 0, 1 and 2, in that order. */\nexport const MOUSE_BUTTONS = ['LEFT_BUTTON', 'MIDDLE_BUTTON', 'RIGHT_BUTTON'];\n\n/**\n * Builds a {@link Keybind} string (e.g. `\"CTRL+SHIFT+F\"`) from a base key\n * name and the modifier keys held during the triggering event.\n *\n * @param key - The key or button name, e.g. `\"F\"` or `\"LEFT_BUTTON\"`.\n * @param event - The DOM event the key combination is derived from.\n */\nexport function buildShortcutString(\n key: string,\n event: KeyboardEvent | MouseEvent | WheelEvent,\n): Keybind {\n return [\n IS_MAC && event.metaKey ? 'CMD' : '',\n event.ctrlKey ? 'CTRL' : '',\n event.altKey ? 'ALT' : '',\n event.shiftKey ? 'SHIFT' : '',\n key.toUpperCase(),\n ]\n .filter(Boolean)\n .join('+') as Keybind;\n}\n","import KEYBINDS, {\n SHORTCUTS,\n type Keybind,\n type KeybindAction,\n type Shortcut,\n} from '@/config/shortcuts';\nimport { buildShortcutString, MOUSE_BUTTONS } from '@/utils/misc';\n\n/** Callback invoked when a bound shortcut fires. */\nexport type ShortcutListener = (event: Event) => void;\n\n/**\n * Framework-agnostic keyboard, mouse and wheel shortcut dispatcher.\n *\n * Listens for the most commonly used input events (`keydown`, `keyup`,\n * `mousedown`, `mouseup`, `dblclick`, `contextmenu` and `wheel`) on a target\n * (`window` by default), converts each into a {@link Keybind} string, and\n * dispatches it to any listeners registered with {@link on} as well as the\n * static bindings declared in `KEYBINDS`.\n *\n * Every framework adapter in this package (React, Vue, Svelte, Angular,\n * Solid, Preact) wraps a single instance of this class in that framework's\n * own idioms (context/provider, composable, store, service, etc.).\n */\nexport class ShortcutsManager {\n private listeners = new Map<Keybind, Set<ShortcutListener>>();\n private target: EventTarget | undefined;\n private cleanup: (() => void) | undefined;\n\n /** Registers `callback` to run whenever `shortcut` is triggered. */\n on = (shortcut: Keybind, callback: ShortcutListener): void => {\n if (!this.listeners.has(shortcut)) {\n this.listeners.set(shortcut, new Set());\n }\n this.listeners.get(shortcut)?.add(callback);\n };\n\n /** Removes a `callback` previously registered with {@link on}. */\n off = (shortcut: Keybind, callback: ShortcutListener): void => {\n this.listeners.get(shortcut)?.delete(callback);\n };\n\n private emit = (shortcut: Keybind, event: Event): void => {\n this.listeners.get(shortcut)?.forEach((callback) => callback(event));\n };\n\n private triggerShortcut = (shortcut: Keybind, event: Event): void => {\n this.emit(shortcut, event);\n\n const action = KEYBINDS[shortcut] as KeybindAction | undefined;\n if (action) {\n event.preventDefault();\n if (typeof action === 'string') {\n SHORTCUTS[action as Shortcut]?.(event);\n } else {\n action(event);\n }\n }\n };\n\n /**\n * Starts listening on `target` (`window` by default). Returns a disposer\n * that removes the listeners; safe to call multiple times.\n */\n attach = (target: EventTarget = window): (() => void) => {\n this.detach();\n this.target = target;\n\n const handleKeyDown = (event: Event) => {\n const keyboardEvent = event as KeyboardEvent;\n this.triggerShortcut(\n buildShortcutString(keyboardEvent.key, keyboardEvent),\n event,\n );\n };\n\n const handleKeyUp = (event: Event) => {\n const keyboardEvent = event as KeyboardEvent;\n this.triggerShortcut(\n buildShortcutString(`${keyboardEvent.key}_UP`, keyboardEvent),\n event,\n );\n };\n\n const handleMouseDown = (event: Event) => {\n const mouseEvent = event as MouseEvent;\n this.triggerShortcut(\n buildShortcutString(MOUSE_BUTTONS[mouseEvent.button], mouseEvent),\n event,\n );\n };\n\n const handleMouseUp = (event: Event) => {\n const mouseEvent = event as MouseEvent;\n this.triggerShortcut(\n buildShortcutString(\n `${MOUSE_BUTTONS[mouseEvent.button]}_UP`,\n mouseEvent,\n ),\n event,\n );\n };\n\n const handleDoubleClick = (event: Event) => {\n const mouseEvent = event as MouseEvent;\n this.triggerShortcut(\n buildShortcutString(\n `DOUBLE_${MOUSE_BUTTONS[mouseEvent.button]}`,\n mouseEvent,\n ),\n event,\n );\n };\n\n const handleContextMenu = (event: Event) => {\n this.triggerShortcut(\n buildShortcutString('RIGHT_BUTTON', event as MouseEvent),\n event,\n );\n };\n\n const handleWheel = (event: Event) => {\n const wheelEvent = event as WheelEvent;\n const direction = wheelEvent.deltaY < 0 ? 'WHEEL_UP' : 'WHEEL_DOWN';\n this.triggerShortcut(buildShortcutString(direction, wheelEvent), event);\n };\n\n target.addEventListener('keydown', handleKeyDown);\n target.addEventListener('keyup', handleKeyUp);\n target.addEventListener('mousedown', handleMouseDown);\n target.addEventListener('mouseup', handleMouseUp);\n target.addEventListener('dblclick', handleDoubleClick);\n target.addEventListener('contextmenu', handleContextMenu);\n target.addEventListener('wheel', handleWheel, { passive: true });\n\n this.cleanup = () => {\n target.removeEventListener('keydown', handleKeyDown);\n target.removeEventListener('keyup', handleKeyUp);\n target.removeEventListener('mousedown', handleMouseDown);\n target.removeEventListener('mouseup', handleMouseUp);\n target.removeEventListener('dblclick', handleDoubleClick);\n target.removeEventListener('contextmenu', handleContextMenu);\n target.removeEventListener('wheel', handleWheel);\n this.target = undefined;\n this.cleanup = undefined;\n };\n\n return this.cleanup;\n };\n\n /** Stops listening. Safe to call even if {@link attach} was never called. */\n detach = (): void => {\n this.cleanup?.();\n };\n}\n","import type { Keybind } from '@/config';\nimport { ShortcutsManager, type ShortcutListener } from '@/core/shortcuts-manager';\nimport {\n DestroyRef,\n inject,\n Injectable,\n makeEnvironmentProviders,\n APP_INITIALIZER,\n} from '@angular/core';\n\nexport type { ShortcutListener } from '@/core/shortcuts-manager';\n\n/**\n * App-wide keyboard, mouse and wheel shortcut dispatcher. Injected as a\n * singleton; call {@link ShortcutsService.on} / {@link ShortcutsService.off}\n * directly, or use {@link ShortcutsService.useShortcut} inside another\n * injection context (e.g. a component constructor) for automatic cleanup.\n */\n@Injectable({ providedIn: 'root' })\nexport class ShortcutsService {\n private manager = new ShortcutsManager();\n private detach = this.manager.attach();\n\n on: (shortcut: Keybind, callback: ShortcutListener) => void = this.manager.on;\n off: (shortcut: Keybind, callback: ShortcutListener) => void = this.manager.off;\n\n /**\n * Subscribes `callback` to `shortcut` and automatically unsubscribes when\n * the current injection context (e.g. the injecting component) is\n * destroyed. Must be called from an injection context.\n */\n useShortcut(shortcut: Keybind, callback: ShortcutListener): void {\n const destroyRef = inject(DestroyRef);\n this.manager.on(shortcut, callback);\n destroyRef.onDestroy(() => this.manager.off(shortcut, callback));\n }\n\n /** @internal */\n ngOnDestroy(): void {\n this.detach();\n }\n}\n\n/**\n * Eagerly instantiates {@link ShortcutsService} so global shortcuts start\n * listening as soon as the app bootstraps, rather than lazily on first\n * injection.\n *\n * @example\n * ```ts\n * bootstrapApplication(AppComponent, {\n * providers: [provideShortcuts()],\n * });\n * ```\n */\nexport function provideShortcuts() {\n return makeEnvironmentProviders([\n {\n provide: APP_INITIALIZER,\n multi: true,\n useFactory: () => () => inject(ShortcutsService),\n },\n ]);\n}\n"],"mappings":"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","names":[]}