blob: eb05e6bcec9b9763564cebc91af4985bfa8b75c3 (
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
60
61
62
63
64
65
66
67
|
import React from 'dom-chef';
import select from 'select-dom';
import onetime from 'onetime';
import features from '.';
import {isEditable} from '../helpers/dom-utils';
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">
<h3 className="Box-title">Added by Refined GitHub</h3>
</div>
<ul>
{[...features.shortcutMap].map(([hotkey, description]) => (
<li className="Box-row d-flex flex-row">
<div className="flex-auto">{description}</div>
<div className="ml-2 no-wrap">
<kbd>{hotkey}</kbd>
</div>
</li>
))}
</ul>
</div>
);
}
function fixKeys(dialog: Element): void {
for (const key of select.all('kbd', dialog)) {
if (key.textContent!.includes(' ')) {
key.replaceWith(...splitKeys(key.textContent!));
}
}
}
const observer = new MutationObserver(([{target}]) => {
if (target instanceof Element && !select.exists('.js-details-dialog-spinner', target)) {
improveShortcutHelp(target);
fixKeys(target);
observer.disconnect();
}
});
function observeShortcutModal({key, target}: KeyboardEvent): void {
if (key !== '?' || isEditable(target)) {
return;
}
const modal = select('body > details > details-dialog');
if (modal) {
observer.observe(modal, {childList: true});
}
}
function init(): void {
document.addEventListener('keypress', observeShortcutModal);
}
void features.add(__filebasename, {
awaitDomReady: false,
init: onetime(init)
});
|
