-
-
Notifications
You must be signed in to change notification settings - Fork 1.4k
/
show-names.tsx
87 lines (78 loc) · 2.68 KB
/
show-names.tsx
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
77
78
79
80
81
82
83
84
85
86
87
import './show-names.css';
import React from 'dom-chef';
import select from 'select-dom';
import * as api from '../libs/api';
import features from '../libs/features';
import {getUsername, compareNames} from '../libs/utils';
import onNewsfeedLoad from '../libs/on-newsfeed-load';
async function init(): Promise<false | void> {
const usernameElements = select.all([
'.js-discussion a.author:not(.rgh-fullname):not([href*="/apps/"]):not([href*="/marketplace/"]):not([data-hovercard-type="organization"])', // `a` selector needed to skip commits by non-GitHub users.
'#dashboard a.text-bold[data-hovercard-type="user"]:not(.rgh-fullname)' // On dashboard `.text-bold` is required to not fetch avatars.
].join());
const usernames = new Set<string>();
const myUsername = getUsername();
for (const el of usernameElements) {
el.classList.add('rgh-fullname');
const username = el.textContent;
if (username && username !== myUsername && username !== 'ghost') {
usernames.add(el.textContent!);
}
// Drop 'commented' label to shorten the copy
const commentedNode = el.parentNode!.nextSibling as Text;
if (commentedNode && commentedNode.textContent!.includes('commented')) {
commentedNode.remove();
}
}
if (usernames.size === 0) {
return false;
}
const names = await api.v4(
[...usernames].map(user =>
api.escapeKey(user) + `: user(login: "${user}") {name}`
).join()
);
for (const usernameEl of usernameElements) {
const username = usernameEl.textContent!;
const userKey = api.escapeKey(username);
// For the currently logged in user, `names[userKey]` would not be present.
if (names[userKey] && names[userKey].name) {
// If it's a regular comment author, add it outside <strong>
// otherwise it's something like "User added some commits"
if (compareNames(username, names[userKey].name)) {
usernameEl.textContent = names[userKey].name;
} else {
const insertionPoint = usernameEl.parentElement!.tagName === 'STRONG' ? usernameEl.parentElement! : usernameEl;
insertionPoint.after(
' (',
<bdo className="css-truncate">
<span className="css-truncate-target" style={{maxWidth: '200px'}}>
{names[userKey].name}
</span>
</bdo>,
') '
);
}
}
}
}
features.add({
id: __featureName__,
description: 'Adds the real name of users by their usernames.',
screenshot: 'https://user-images.githubusercontent.com/1402241/62075835-5f82ce00-b270-11e9-91eb-4680b70cb3cb.png',
include: [
features.isDashboard
],
load: features.onDomReady,
init: () => onNewsfeedLoad(init)
});
features.add({
id: __featureName__,
description: false,
screenshot: false,
include: [
features.hasComments
],
load: features.onNewComments,
init
});