blob: 4a9ee78c6c9cdf1fff8f41d255cb3afde5d7e444 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
|
import React from 'dom-chef';
import select from 'select-dom';
import onetime from 'onetime';
import features from '../feature-manager.js';
import {isEditable} from '../helpers/dom-utils.js';
function splitKeys(keys: string): DocumentFragment[] {
return keys.split(' ').map(key => <> <kbd>{key}</kbd></>);
}
function improveShortcutHelp(dialog: Element): void {
select('.Box-body .col-5 .Box:first-child', dialog)!.after(
<div className="Box Box--condensed m-4">
<div className="Box-header">
<h2 className="Box-title">Refined GitHub</h2>
</div>
<ul>
{[...features.shortcutMap]
.sort(([, a], [, b]) => a.localeCompare(b))
.map(([hotkey, description]) => (
<li className="Box-row d-flex flex-row">
<div className="flex-auto">{description}</div>
<div className="ml-2 no-wrap">
{splitKeys(hotkey)}
</div>
</li>
))}
</ul>
</div>,
);
}
const observer = new MutationObserver(([{target}]) => {
if (target instanceof Element && !select.exists('.js-details-dialog-spinner', target)) {
improveShortcutHelp(target);
observer.disconnect();
}
});
function observeShortcutModal({key, target}: KeyboardEvent): void {
if (key !== '?' || isEditable(target)) {
return;
}
const modal = select('body > details:not(.js-command-palette-dialog) > details-dialog');
if (modal) {
observer.observe(modal, {childList: true});
}
}
function init(): void {
document.body.addEventListener('keypress', observeShortcutModal);
}
void features.add(import.meta.url, {
init: onetime(init),
});
|
