blob: 0c0ecad213b3912e9cb61a83b4fc5a49810457ab (
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
|
import React from 'dom-chef';
import select from 'select-dom';
import {getCleanPathname} from '../libs/utils';
import features from '../libs/features';
import fetchDom from '../libs/fetch-dom';
const fetchStargazers = async (): Promise<HTMLImageElement[]> => {
const url = `/${getCleanPathname()}/followers/you_know`;
const dom = await fetchDom(url);
return select.all<HTMLImageElement>('.follow-list-item .avatar', dom);
};
const avatarSize = 35;
const renderAvatar = (image: HTMLImageElement): HTMLElement => {
const src = new URL(image.src);
src.searchParams.set('s', String(avatarSize * window.devicePixelRatio));
image.src = String(src);
image.width = avatarSize;
image.height = avatarSize;
return (
<a
href={(image.parentElement as HTMLAnchorElement).href}
aria-label={image.alt.substr(1)}
className="tooltipped tooltipped-n avatar-group-item mr-1"
>
{image}
</a>
);
};
async function init(): Promise<false | void> {
const container = select('[itemtype="http://schema.org/Person"]');
if (!container) {
return false;
}
const stargazers = await fetchStargazers();
if (stargazers.length === 0) {
return false;
}
container.append(
<div className="border-top py-3 clearfix">
<h2 className="mb-1 h4">Followers you know</h2>
{stargazers.map(renderAvatar)}
</div>
);
}
features.add({
id: __featureName__,
description: 'Followers you know are shown on profile pages',
screenshot: false,
include: [
features.isUserProfile
],
exclude: [
features.isOwnUserProfile
],
load: features.onAjaxedPages,
init
});
|
