blob: 947819f234f5cfd8782fd5dda2611775c6669191 (
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
|
import React from 'dom-chef';
import select from 'select-dom';
import {wrap} from '../libs/dom-utils';
import features from '../libs/features';
function addLocation(baseElement: HTMLElement): void {
for (const {nextElementSibling, nextSibling} of select.all('.octicon-location', baseElement)) {
const location = nextElementSibling || nextSibling!; // `nextSibling` alone might point to an empty TextNode before an element, if there’s an element
const locationName = location.textContent!.trim();
const googleMapsLink = `https://www.google.com/maps/search/?api=1&query=${encodeURIComponent(locationName)}`;
location.before(' '); // Keeps the link’s underline from extending out to the icon
wrap(location, <a href={googleMapsLink} />);
}
}
const hovercardObserver = new MutationObserver(([mutation]) => {
addLocation(mutation.target as HTMLElement);
});
function init(): void {
addLocation(document.body);
const hovercardContainer = select('.js-hovercard-content > .Popover-message');
if (hovercardContainer) {
hovercardObserver.observe(hovercardContainer, {childList: true});
}
}
features.add({
id: __featureName__,
description: 'Linkifies the user location in their hovercard and profile page.',
screenshot: 'https://user-images.githubusercontent.com/1402241/69076885-00d3a100-0a67-11ea-952a-690acec0826f.png',
load: features.onAjaxedPages,
init
});
|
