import {h} from 'dom-chef';

import select from 'select-dom';

import domify from '../libs/domify';

import {getUsername, groupBy} from '../libs/utils';

const storageKey = 'cachedNames';

const getCachedUsers = async () => {

const keys = await browser.storage.local.get({

[storageKey]: {}

});

return keys[storageKey];

};

const fetchName = async username => {

// /following/you_know is the lightest page we know

// location.origin is required for Firefox #490

const pageHTML = await fetch(`${location.origin}/${username}/following`)

.then(res => res.text());

const el = domify(pageHTML).querySelector('h1 strong');

// The full name might not be set

const fullname = el && el.textContent.slice(1, -1);

if (!fullname || fullname === username) {

// It has to be stored as false or else it will be fetched every time

return false;

}

return fullname;

};

export default async () => {

const myUsername = getUsername();

const cache = await getCachedUsers();

// {sindresorhus: [a.author, a.author], otheruser: [a.author]}

const selector = `.js-discussion .author:not(.refined-github-fullname)`;

const usersOnPage = groupBy(select.all(selector), el => el.textContent);

const fetchAndAdd = async username => {

if (typeof cache[username] === 'undefined' && username !== myUsername) {

cache[username] = await fetchName(username);

}

for (const usernameEl of usersOnPage[username]) {

const commentedNode = usernameEl.parentNode.nextSibling;

if (commentedNode && commentedNode.textContent.includes('commented')) {

commentedNode.remove();

}

usernameEl.classList.add('refined-github-fullname');

if (cache[username] && username !== myUsername) {

// If it's a regular comment author, add it outside <strong>

// otherwise it's something like "User added some commits"

const insertionPoint = usernameEl.parentNode.tagName === 'STRONG' ? usernameEl.parentNode : usernameEl;

insertionPoint.after(' (', <bdo>{cache[username]}</bdo>, ') ');

}

}

};

const fetches = Object.keys(usersOnPage).map(fetchAndAdd);

// Wait for all the fetches to be done

await Promise.all(fetches);

browser.storage.local.set({[storageKey]: cache});

};