blob: abb848f6a7cdca2034dab49b4fd6d6cae4ecd5ce (
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
|
import React from 'dom-chef';
import select from 'select-dom';
import features from '.';
import {wrap, isEditable} from '../helpers/dom-utils';
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
if (isEditable(location)) {
continue;
}
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});
}
}
void features.add({
id: __filebasename,
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'
}, {
init
});
|
