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
68
69
70
71
72
73
74
75
76
|
import React from 'dom-chef';
import select from 'select-dom';
import elementReady from 'element-ready';
import * as pageDetect from 'github-url-detection';
import {observe, Observer} from 'selector-observer';
import features from '.';
import {observeOneMutation} from '../helpers/simplified-element-observer';
let observer: Observer;
async function loadDeferred(jumpList: Element): Promise<void> {
// This event will trigger the loading, but if run too early, GitHub might not have attached the listener yet, so we try multiple times.
const retrier = setInterval(() => {
jumpList.parentElement!.dispatchEvent(new MouseEvent('mouseover'));
}, 100);
await observeOneMutation(jumpList);
clearInterval(retrier);
}
async function init(): Promise<void | false> {
const fileList = await elementReady([
'.toc-select details-menu', // `isPR`
'.toc-diff-stats + .content' // `isSingleCommit` and `isCompare`
].join());
// The file list does not exist if the diff is too large
if (pageDetect.isCompare() && !fileList) {
return false;
}
if (pageDetect.isPR()) {
await loadDeferred(fileList!);
}
observer = observe('.file-info [href]:not(.rgh-pr-file-state)', {
constructor: HTMLAnchorElement,
add(filename) {
filename.classList.add('rgh-pr-file-state');
const sourceIcon = pageDetect.isPR() ?
select(`[href="${filename.hash}"] svg`, fileList)! :
select(`svg + [href="${filename.hash}"]`, fileList)?.previousElementSibling!;
const icon = sourceIcon.cloneNode(true);
const action = icon.getAttribute('title')!;
if (action === 'added') {
icon.classList.add('text-green');
} else if (action === 'removed') {
icon.classList.add('text-red');
} else {
return;
}
icon.classList.remove('select-menu-item-icon');
filename.parentElement!.append(
<span className="tooltipped tooltipped-s" aria-label={'File ' + action}>
{icon}
</span>
);
}
});
}
void features.add(__filebasename, {
include: [
pageDetect.isPRFiles,
pageDetect.isCommit,
pageDetect.isCompare
],
exclude: [
pageDetect.isPRFile404,
pageDetect.isPRCommit404
],
init,
deinit: () => observer.abort(),
awaitDomReady: false
});
|
