}
*/
async function insertFavoriteButtons(type)
{
const homeContent = document.getElementsByClassName('home-content')[0];
const sibling = type === 'friend'
? homeContent.getElementsByClassName('btn-group-vertical')[0]
: homeContent.querySelector('[href*="/home/launch"]');
if (!sibling) {
return;
}
const parent = sibling.closest('[class*="col-"]');
const result = /[a-z]+_[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}/.exec(location.pathname);
if (!result) {
return;
}
const id = result[0];
const buttons = document.getElementsByName('favorite-' + type);
if (type === 'friend' && !(await getUserDetails()).friends.includes(id) || buttons[0]) {
return;
}
parent.insertAdjacentHTML('beforeend', ''
+ Object.keys(DEFAULT_FAVORITE_TAG_NAMES[type]).sort().map(tag => h``).join('')
+ '
');
await updateFavoriteCounts(type);
const tags = [].concat(...(await getFavorites())[type]
.filter(favorite => favorite.favoriteId === id)
.map(favorite => favorite.tags));
for (const button of buttons) {
button.dataset.id = id;
if (tags.includes(button.value)) {
button.classList.remove('btn-secondary');
button.classList.add('btn-primary');
}
if (button.classList.contains('btn-primary')
|| button.getElementsByClassName('count')[0].textContent < MAX_FAVORITES_COUNT_PER_GROUP) {
button.disabled = false;
}
}
parent.lastElementChild.addEventListener('click', async function (event) {
if (event.target.name !== 'favorite-' + type) {
return;
}
const buttons = document.getElementsByName('favorite-' + type);
for (const button of buttons) {
button.disabled = true;
}
const id = event.target.dataset.id;
const newTags = event.target.classList.contains('btn-secondary') ? [event.target.value] : [];
const favorites = (await getFavorites())[type];
for (let i = favorites.length - 1; i >= 0; i--) {
if (favorites[i].favoriteId === id) {
await fetch(
'/api/1/favorites/' + favorites[i].id,
{method: 'DELETE', credentials: 'same-origin'}
);
for (const button of buttons) {
if (favorites[i].tags.includes(button.value)) {
button.classList.remove('btn-primary');
button.classList.add('btn-secondary');
}
}
favorites.splice(i, 1);
}
}
if (newTags.length > 0) {
await fetch('/api/1/favorites', {
method: 'POST',
headers: { 'content-type': 'application/json' },
credentials: 'same-origin',
body: JSON.stringify({type, favoriteId: id, tags: newTags}),
})
.then(async response => response.ok ? response.json() : Promise.reject(
new Error(`${response.status} ${response.statusText}\n${await response.text()}`)
))
.then(function (favorite) {
favorites.push(favorite);
for (const button of buttons) {
if (favorite.tags.includes(button.value)) {
button.classList.remove('btn-secondary');
button.classList.add('btn-primary');
}
}
})
.catch(showError);
}
await updateFavoriteCounts(type);
for (const button of buttons) {
if (button.getElementsByClassName('count')[0].textContent < MAX_FAVORITES_COUNT_PER_GROUP) {
button.disabled = false;
}
}
});
}
/**
* フレンド一覧で次のページが確実に存在しない場合、次ページのボタンを無効化します。
* また、オンラインのフレンド数を表示します。
* @param {HTMLDivElement} group 「friend-group」クラスを持つ要素。
* @returns {void}
*/
function improveFriendList(group)
{
// フレンド一覧で次のページが確実に存在しない場合、次ページのボタンを無効化します
const pager = group.querySelector('.friend-group > div:last-of-type');
const count = group.querySelectorAll('.friend-group > div:not(:last-of-type)').length;
const nextPageButton = pager.getElementsByClassName('fa-angle-down')[0].closest('button');
nextPageButton.disabled = count < MAX_ITEMS_COUNT;
// オンラインのフレンド数を表示します
const heading = group.firstElementChild;
if (heading.textContent.includes('Online')) {
heading.textContent = `Online (${
MAX_ITEMS_COUNT * (/[0-9]+/.exec(pager.getElementsByClassName('page')[0].textContent)[0] - 1)
+ count
+ (nextPageButton.disabled ? '' : '+')
})`;
}
}
/**
* ページ読み込み後に一度だけ実行する処理をすでに行っていれば `true`。
* @type {boolean}
* @access private
*/
let headChildrenInserted = false;
new MutationObserver(async function (mutations) {
if (document.head && !headChildrenInserted) {
headChildrenInserted = true;
document.head.insertAdjacentHTML('beforeend', ``);
// ユーザー情報を取得します
// ページ名を改善します
GreasemonkeyUtils.executeOnUnsafeContext(function (id) {
const responseText = Object.getOwnPropertyDescriptor(XMLHttpRequest.prototype, 'responseText');
responseText.get = new Proxy(responseText.get, {
apply(get, thisArgument, argumentList)
{
const responseText = Reflect.apply(get, thisArgument, argumentList);
if (thisArgument.status === 200
&& new URL(thisArgument.responseURL).pathname === '/api/1/auth/user') {
postMessage({ id, userDetails: JSON.parse(responseText) }, location.origin);
}
return responseText;
},
});
Object.defineProperty(XMLHttpRequest.prototype, 'responseText', responseText);
History.prototype.pushState = new Proxy(History.prototype.pushState, {
apply(pushState, thisArgument, argumentList)
{
Reflect.apply(pushState, thisArgument, argumentList);
document.title = document.title.split(' | ').slice(-1)[0];
},
});
}, [ ID ]);
addEventListener('popstate', function () {
document.title = document.title.split(' | ').slice(-1)[0];
});
}
for (const mutation of mutations) {
let parent = mutation.target;
if (parent.id === 'home') {
break;
}
if (/* URLを開いたとき */ parent.localName === 'head' && document.body
|| /* ページを移動したとき */ parent.id === 'app' || parent.classList.contains('home-content')) {
const homeContent = document.getElementsByClassName('home-content')[0];
if (!homeContent || homeContent.getElementsByClassName('fa-cog')[0]) {
break;
}
let promise;
if (location.pathname === '/home/profile') {
// 「Edit Profile」ページなら
promise = insertUpdateStatusForm();
} else if (location.pathname.startsWith('/home/user/')) {
// ユーザーページ
promise = insertFavoriteButtons('friend');
if (!document.title.includes('|')) {
const displayName = document.getElementsByTagName('h2')[0].textContent;
const name = document.getElementsByTagName('h3')[0].firstChild.data;
document.title = `${displayName} — ${name} | ${document.title}`;
}
} else if (location.pathname.startsWith('/home/world/')) {
// ワールドページ
promise = insertFavoriteButtons('world');
if (!document.title.includes('|')) {
const heading = document.getElementsByTagName('h3')[0];
const name = heading.firstChild.data;
const author = heading.getElementsByTagName('small')[0].textContent;
document.title = `${name} ${author} | ${document.title}`;
}
}
if (promise) {
promise.catch(showError);
}
}
if (parent.classList.contains('friend-container')) {
parent = mutation.addedNodes[0];
}
if (parent.classList.contains('friend-group')) {
let groups = document.getElementsByClassName('friend-group');
const heading = groups[0].firstElementChild.textContent;
if (groups.length === 1 || heading.includes('Online') && !heading.includes('(')) {
groups = [parent];
}
for (const group of groups) {
improveFriendList(group);
}
break;
}
}
}).observe(document, {childList: true, subtree: true});