(.*?)<\/div>/g;
let matching = [];
let matchingItem;
while((matchingItem = pattern.exec(response.responseText)) && matching.length < 5){//single "=" is intended, we are setting the value of each match, not comparing
matching.push(matchingItem)
}
if(!matching.length){
recContainer.style.display = "none"
}
matching.forEach(function(item){
let idMal = item[2];
let description = item[4];
let rec = create("div","hohRec",false,recContainer);
let recImage = create("a","hohBackgroundCover",false,rec,"border-radius: 3px;");
let recTitle = create("a","title",false,rec,"position:absolute;top:35px;left:80px;color:rgb(var(--color-blue));");
recTitle.innerText = "MAL ID " + idMal;
let recDescription = create("p",false,false,rec,"font-size: 1.4rem;line-height: 1.5;");
recDescription.innerText = entityUnescape(description);
generalAPIcall(
"query($idMal:Int,$type:MediaType){Media(idMal:$idMal,type:$type){id title{romaji native english} coverImage{large color} siteUrl}}",
{idMal:idMal,type:item[1].toUpperCase()},
function(data){
if(!data){
return
};
recImage.style.backgroundColor = data.data.Media.coverImage.color || "rgb(var(--color-foreground))";
recImage.style.backgroundImage = "url(\"" + data.data.Media.coverImage.large + "\")";
recImage.href = data.data.Media.siteUrl;
recTitle.innerText = titlePicker(data.data.Media);
recTitle.href = data.data.Media.siteUrl
},"hohIDmalReverse" + idMal
)
})
};
if(useScripts.MALrecs){
adder()
}
}
if(window.GM_xmlhttpRequest){
GM_xmlhttpRequest({
method: "GET",
anonymous: true,
url: "https://myanimelist.net/" + type + "/" + data.data.Media.idMal + "/placeholder/userrecs",
onload: function(response){handler(response)}
})
}
else{
let oReq = new XMLHttpRequest();
oReq.addEventListener("load",function(){handler(this)});
oReq.open("GET","https://myanimelist.net/" + type + "/" + data.data.Media.idMal + "/placeholder/userrecs");
oReq.send()
}
}
},"hohIDmal" + id);
}
else{
setTimeout(() => {addMALscore(type,id)},200)
}
}
//end modules/addMALscore.js
//begin modules/addMoreStats.js
exportModule({
id: "moreStats",
description: "$setting_moreStats",
extendedDescription: `
On every users' stats page, there will be an additonal tab called "more stats".
The "more stats" page also has a section for running various statistical queries about the site or specific users.
There will also be a tab called "Genres & Tags", which contains aggregate stats for anime and manga.
In addition, the individual sections for anime/manga staff and tags will have full tables not limited to the default 30.
In these tables, you can click the rows to see the individual works contributing to the stats.
`,
isDefault: true,
importance: 9,
categories: ["Stats"],
visible: true
})
function addMoreStats(){
if(!document.URL.match(/\/stats\/?/)){
return
};
if(document.querySelector(".hohStatsTrigger")){
return
};
let filterGroup = document.querySelector(".filter-wrap");
if(!filterGroup){
setTimeout(function(){
addMoreStats()
},200);//takes some time to load
return;
};
let hohStats;
let hohGenres;
let regularFilterHeading;
let regularGenresTable;
let regularTagsTable;
let regularAnimeTable;
let regularMangaTable;
let animeStaff;
let mangaStaff;
let animeStudios;
let hohStatsTrigger = create("span","hohStatsTrigger",translate("$stats_moreStats_title"),filterGroup);
let hohGenresTrigger = create("span","hohStatsTrigger",translate("$stats_genresTags_title"),filterGroup);
let hohSiteStats = create("a","hohStatsTrigger",translate("$stats_siteStats_title"),filterGroup);
hohSiteStats.href = "/site-stats";
hohSiteStats.onclick = function(){
try{
document.getElementById('app').__vue__._router.push({name: "SiteStats"});
return false
}
catch(e){
console.warn("vue routes are outdated!")
}
}
let generateStatPage = function(){
let personalStats = create("div","#personalStats",translate("$stats_loadingAnime"),hohStats);
let personalStatsManga = create("div","#personalStatsManga",translate("$stats_loadingManga"),hohStats);
let miscQueries = create("div","#miscQueries",false,hohStats);
create("hr","hohSeparator",false,miscQueries);
create("h1","hohStatHeading",translate("$stats_varousStats_heading"),miscQueries);
let miscInput = create("div",false,false,miscQueries,"padding-top:10px;padding-bottom:10px;");
let miscOptions = create("div","#queryOptions",false,miscQueries);
let miscResults = create("div","#queryResults",false,miscQueries);
let nameContainer = document.querySelector(".banner-content h1.name");
let user;
if(nameContainer){
user = nameContainer.innerText
}
else{
user = decodeURIComponent(document.URL.match(/user\/(.+)\/stats\/?/)[1])
}
const loginMessage = "Requires being signed in to the script. You can do that at the bottom of the settings page https://anilist.co/settings/apps";
let statusSearchCache = [];
let availableQueries = [
{name: translate("$query_firstActivity"),code: function(){
generalAPIcall("query($name:String){User(name:$name){id}}",{name: user},function(data){
let userId = data.data.User.id;
let userFirstQuery =
`query ($userId: Int) {
Activity(sort: ID,userId: $userId){
... on MessageActivity {
id
createdAt
}
... on TextActivity {
id
createdAt
}
... on ListActivity {
id
createdAt
}
}
}`;
generalAPIcall(userFirstQuery,{userId: userId},function(data){
miscResults.innerText = "";
let newPage = create("a",false,"https://anilist.co/activity/" + data.data.Activity.id,miscResults,"color:rgb(var(--color-blue));padding-right:30px;");
newPage.href = "/activity/" + data.data.Activity.id;
let createdAt = data.data.Activity.createdAt;
create("span",false," " + (new Date(createdAt*1000)),miscResults);
let possibleOlder = create("p",false,false,miscResults);
for(var i=1;i<=15;i++){
generalAPIcall(userFirstQuery,{userId: userId + i},function(data){
if(!data){return};
if(data.data.Activity.createdAt < createdAt){
createdAt = data.data.Activity.createdAt;
possibleOlder.innerText = "But the account is known to exist already at " + (new Date(createdAt * 1000));
}
})
}
},"hohFirstActivity" + data.data.User.id,60*1000);
},"hohIDlookup" + user.toLowerCase());
}},
{name: "Rank",code: function(){
generalAPIcall(
"query($name:String){User(name:$name){name stats{watchedTime chaptersRead}}}",
{name: user},
function(data){
miscResults.innerText = "";
create("p",false,"NOTE: Due to an unfixed bug in the Anilist API, these results are increasingly out of date. This query is just kept here in case future changes allows it to work properly again.",miscResults);
create("p",false,"Time watched: " + (data.data.User.stats.watchedTime/(60*24)).roundPlaces(1) + " days",miscResults);
create("p",false,"Chapters read: " + data.data.User.stats.chaptersRead,miscResults);
let ranks = {
"anime": create("p",false,false,miscResults),
"manga": create("p",false,false,miscResults)
};
let recursiveCall = function(userName,amount,currentPage,minPage,maxPage,type){
ranks[type].innerText = capitalize(type) + " rank: [calculating...] range " + ((minPage - 1)*50 + 1) + " - " + (maxPage ? maxPage*50 : "");
generalAPIcall(
`
query($page:Int){
Page(page:$page){
pageInfo{lastPage}
users(sort:${type === "anime" ? "WATCHED_TIME_DESC" : "CHAPTERS_READ_DESC"}){
stats{${type === "anime" ? "watchedTime" : "chaptersRead"}}
}
}
}`,
{page: currentPage},
function(data){
if(!maxPage){
maxPage = data.data.Page.pageInfo.lastPage
}
let block = (
type === "anime"
? Array.from(data.data.Page.users,(a) => a.stats.watchedTime)
: Array.from(data.data.Page.users,(a) => a.stats.chaptersRead)
);
if(block[block.length - 1] > amount){
recursiveCall(userName,amount,Math.floor((currentPage + 1 + maxPage)/2),currentPage + 1,maxPage,type);
return;
}
else if(block[0] > amount){
block.forEach(function(item,index){
if(amount === item){
ranks[type].innerText = capitalize(type) + " rank: " + ((currentPage - 1)*50 + index + 1);
return;
}
})
}
else if(block[0] === amount){
if(minPage === currentPage){
ranks[type].innerText = capitalize(type) + " rank: " + ((currentPage-1)*50 + 1)
}
else{
recursiveCall(userName,amount,Math.floor((minPage + currentPage)/2),minPage,currentPage,type)
};
return;
}
else{
recursiveCall(userName,amount,Math.floor((minPage + currentPage - 1)/2),minPage,currentPage - 1,type);
return;
};
},"hohRank" + type + currentPage,60*60*1000
);
};
recursiveCall(user,data.data.User.stats.watchedTime,1000,1,undefined,"anime");
recursiveCall(user,data.data.User.stats.chaptersRead,500,1,undefined,"manga");
},"hohRankStats" + user,2*60*1000
);
}},
{name: "Hidden media entries",code: function(){
miscResults.innerText = "";
let pageCounter = create("p",false,false,miscResults);
let pager = function(page,user){
generalAPIcall(
`query ($userName: String,$page:Int) {
Page(page:$page){
pageInfo{
currentPage
lastPage
}
mediaList(userName:$userName){
hiddenFromStatusLists
mediaId
media{
type
title{romaji}
}
customLists(asArray:true)
}
}
}`,
{
page: page,
userName: user
},
function(data){
if(data.data.Page.pageInfo.currentPage < data.data.Page.pageInfo.lastPage){
setTimeout(function(){
pager(data.data.Page.pageInfo.currentPage + 1,user)
},800);
}
pageCounter.innerText = "Searching page " + data.data.Page.pageInfo.currentPage + " of " + data.data.Page.pageInfo.lastPage;
data.data.Page.mediaList.forEach(function(media){
if(
media.hiddenFromStatusLists
&& media.customLists.every(cl => cl.enabled === false)
){
create("a","newTab",media.media.title.romaji,miscResults,"display:block;")
.href = "/" + media.media.type.toLowerCase() + "/" + media.mediaId
}
})
}
);
};pager(1,user);
}},
{name: "Notification count",code: function(){
if(useScripts.accessToken){
authAPIcall("query{Page{pageInfo{total}notifications{...on AiringNotification{id}}}}",{},function(data){
miscResults.innerText =
`${data.data.Page.pageInfo.total} notifications.
This is your notification count. The notifications of other users are private.`
})
}
else{
miscResults.innerText =
`Error: Not signed in with the script. Automail can't read notifications without being granted additional permissions.
You can sign in with the script from the bottom of the settings page.`;
create("a",false,"https://anilist.co/settings/apps",miscResults).href = "https://anilist.co/settings/apps"
}
}},
{name: "Related anime not on list",code: function(){
generalAPIcall(
`query($name: String!){
MediaListCollection(userName: $name,type: ANIME){
lists{
entries{
mediaId
score
status
media{
relations{
edges{
relationType(version: 2)
node{
id
title{romaji}
type
}
}
}
}
}
}
}
}`,
{name: user},function(data){
let list = returnList(data,true);
let listEntries = new Set(list.map(a => a.mediaId));
let found = [];
list.forEach(function(media){
if(media.status !== "PLANNING"){
media.media.relations.edges.forEach(relation => {
if(!listEntries.has(relation.node.id) && relation.node.type === "ANIME"){
relation.host = media.score;
relation.relationType = [relation.relationType];
relation.isDropped = [media.status === "DROPPED"];
found.push(relation);
}
})
}
});
found = removeGroupedDuplicates(
found,
e => e.node.id,
(oldElement,newElement) => {
newElement.relationType = [...oldElement.relationType,...newElement.relationType];
newElement.isDropped = [...oldElement.isDropped,...newElement.isDropped];
newElement.host = Math.max(oldElement.host,newElement.host)
}
).sort(
(b,a) => a.host - b.host
);
miscResults.innerText = "";
create("p",false,"Found " + found.length + " shows:",miscResults);
let filters = create("div",false,false,miscResults);
let row1 = create("p",false,false,filters);
let checkBox1 = createCheckbox(row1);
let label1 = create("span",false,"Prequel",row1);
let row2 = create("p",false,false,filters);
let checkBox2 = createCheckbox(row2);
let label2 = create("span",false,"Sequel",row2);
let row3 = create("p",false,false,filters);
let checkBox3 = createCheckbox(row3);
let label3 = create("span",false,"Side Story",row3);
let row4 = create("p",false,false,filters);
let checkBox4 = createCheckbox(row4);
let label4 = create("span",false,"Alternative",row4);
let row5 = create("p",false,false,filters);
let checkBox5 = createCheckbox(row5);
let label5 = create("span",false,"Other Relation",row5);
let row6 = create("p",false,false,filters);
let checkBox6 = createCheckbox(row6);
let label6 = create("span",false,"Include media related to dropped anime",row6);
checkBox1.checked = true;
checkBox2.checked = true;
checkBox3.checked = true;
checkBox4.checked = true;
checkBox5.checked = true;
let f_results = create("div",false,false,miscResults);
let render = function(){
removeChildren(f_results);
found.forEach(item => {
if(
(
(checkBox1.checked && item.relationType.includes("PREQUEL"))
|| (checkBox2.checked && item.relationType.includes("SEQUEL"))
|| (checkBox3.checked && item.relationType.includes("SIDE_STORY"))
|| (checkBox4.checked && item.relationType.includes("ALTERNATIVE"))
|| (checkBox5.checked && item.relationType.some(type => ["ADAPTATION","CHARACTER","SUMMARY","SPIN_OFF","OTHER","SOURCE","COMPILATION","CONTAINS"].includes(type)))
)
&& (checkBox6.checked || item.isDropped.some(val => !val))
){
create("a",["link","newTab"],item.node.title.romaji,f_results,"display:block;padding:5px;")
.href = "/anime/" + item.node.id
}
})
};
checkBox1.onchange = render;
checkBox2.onchange = render;
checkBox3.onchange = render;
checkBox4.onchange = render;
checkBox5.onchange = render;
checkBox6.onchange = render;
render();
})
}},
{name: "Check compatibility with all following (slow)",setup: function(){
create("span",false,"List Type: ",miscOptions);
let select = create("select","#typeSelect",false,miscOptions);
let animeOption = create("option",false,"Anime",select);
let mangaOption = create("option",false,"Manga",select);
animeOption.value = "ANIME";
mangaOption.value = "MANGA";
},code: function(){
miscResults.innerText = "";
let loadingStatus = create("p",false,false,miscResults);
loadingStatus.innerText = "Looking up ID...";
generalAPIcall("query($name:String){User(name:$name){id}}",{name: user},function(data){
let userId = data.data.User.id;
let currentLocation = location.pathname;
loadingStatus.innerText = "Loading media list...";
let typeList = document.getElementById("typeSelect").value;
generalAPIcall(
queryMediaListCompat,
{
name: user,
listType: typeList
},
function(data){
loadingStatus.innerText = "Loading users...";
let comDisplay = create("div",false,false,miscResults);
let list = returnList(data).filter(element => element.scoreRaw);
let comCache = [];
let drawComCache = function(){
removeChildren(comDisplay)
comCache.forEach(function(friend){
let userRow = create("p",false,false,comDisplay);
let differenceSpan = create("span",false,
(friend.difference.toPrecision(3).includes("e") ? "0.000" : friend.difference.toPrecision(3)),
userRow,"min-width:50px;display:inline-block;"
);
if(friend.difference < 0.9){
differenceSpan.style.color = "green"
}
else if(friend.difference > 1.1){
differenceSpan.style.color = "red"
};
userRow.appendChild(document.createTextNode(" "))
let friendLink = create("a","newTab",friend.user,userRow,"color:rgb(var(--color-blue))");
friendLink.href = "/user/" + friend.user;
create("span",false,", " + friend.shared + " shared.",userRow)
})
};
let friendsCaller = function(page){
generalAPIcall(
`query($id: Int!,$page: Int){
Page(page: $page){
pageInfo{
lastPage
}
following(userId: $id,sort: USERNAME){
name
}
}
}`,
{id: userId,page: page},
function(data){
let index = 0;
let delayer = function(){
if(location.pathname !== currentLocation){
return
}
loadingStatus.innerText = "Comparing with " + data.data.Page.following[index].name + "...";
compatCheck(list,data.data.Page.following[index].name,typeList,function(data){
if(data.difference){
comCache.push(data);
comCache.sort((a,b) => a.difference - b.difference);
drawComCache();
}
});
if(++index < data.data.Page.following.length){
setTimeout(delayer,1000)
}
else{
if(page < data.data.Page.pageInfo.lastPage){
friendsCaller(page + 1)
}
else{
loadingStatus.innerText = ""
}
}
};delayer(index);
}
)
};friendsCaller(1);
},"hohCompatANIME" + user,5*60*1000
);
},"hohIDlookup" + user.toLowerCase());
}},
{name: "Message spy",code: function(){
miscResults.innerText = "";
let page = 1;
let results = create("div",false,false,miscResults);
let moreButton = create("button",["button","hohButton"],"Load more",miscResults);
let getPage = function(page){
generalAPIcall(`
query($page: Int){
Page(page: $page){
activities(type: MESSAGE,sort: ID_DESC){
... on MessageActivity{
id
recipient{name}
message(asHtml: true)
pure:message(asHtml: false)
createdAt
messenger{name}
}
}
}
}`,
{page: page},
data => {
data.data.Page.activities.forEach(function(message){
if(
message.pure.includes("AWC")
|| message.pure.match(/^.{0,8}(thanks|tha?n?x|thank|ty).*follow.{0,10}(http.*(jpg|png|gif))?.{0,10}$/i)
|| message.pure.match(/for( the)? follow/i)
){
return
};
let time = new Date(message.createdAt*1000);
let newElem = create("div","message",false,results);
create("span","time",time.toISOString().match(/^(.*)\.000Z$/)[1] + " ",newElem);
let user = create("a",["link","newTab"],message.messenger.name,newElem,"color:rgb(var(--color-blue))");
user.href = "/user/" + message.messenger.name;
create("span",false," sent a message to ",newElem);
let user2 = create("a",["link","newTab"],message.recipient.name,newElem,"color:rgb(var(--color-blue))");
user2.href = "/user/" + message.recipient.name;
let link = create("a",["link","newTab"]," Link",newElem);
link.href = "/activity/" + message.id;
newElem.innerHTML += DOMPurify.sanitize(message.message);//reason for innerHTML: preparsed sanitized HTML from the Anilist API
create("hr",false,false,results);
})
}
);
};getPage(page);
moreButton.onclick = function(){
page++;
getPage(page);
}
}},
{name: "Media statistics of friends",code: function(){
generalAPIcall("query($name:String){User(name:$name){id}}",{name: user},function(data){
generalAPIcall(
`
query($userId: Int!){
a1:Page(page:1){following(userId: $userId,sort: ID){... stuff}}
a2:Page(page:2){following(userId: $userId,sort: ID){... stuff}}
a3:Page(page:3){following(userId: $userId,sort: ID){... stuff}}
a4:Page(page:4){following(userId: $userId,sort: ID){... stuff}}
a5:Page(page:5){following(userId: $userId,sort: ID){... stuff}}
a6:Page(page:6){following(userId: $userId,sort: ID){... stuff}}
a7:Page(page:7){following(userId: $userId,sort: ID){... stuff}}
a8:Page(page:8){following(userId: $userId,sort: ID){... stuff}}
a9:Page(page:9){following(userId: $userId,sort: ID){... stuff}}
a10:Page(page:10){following(userId: $userId,sort: ID){... stuff}}
User(id: $userId){... stuff}
}
fragment stuff on User{
name
statistics{
anime{
count
minutesWatched
}
manga{
count
chaptersRead
volumesRead
}
}
stats{
watchedTime
chaptersRead
}
}`,
{userId: data.data.User.id},
function(stats){
let userList = [].concat(
...Object.keys(stats.data).map(
a => stats.data[a].following || []
)
);
userList.push(stats.data.User);
//API error polyfill
userList.forEach(function(wrong){
if(!wrong.statistics.anime.minutesWatched){
wrong.statistics.anime.minutesWatched = wrong.stats.watchedTime
}
if(!wrong.statistics.manga.chaptersRead){
wrong.statistics.manga.chaptersRead = wrong.stats.chaptersRead
}
});
userList.sort((b,a) => a.statistics.anime.minutesWatched - b.statistics.anime.minutesWatched);
miscResults.innerText = "";
let drawUserList = function(){
removeChildren(miscResults)
let table = create("div",["table","hohTable","hohNoPointer","good"],false,miscResults);
let headerRow = create("div",["header","row"],false,table);
let nameHeading = create("div",false,"Name",headerRow,"cursor:pointer;");
let animeCountHeading = create("div",false,"Anime Count",headerRow,"cursor:pointer;");
let animeTimeHeading = create("div",false,"Time Watched",headerRow,"cursor:pointer;");
let mangaCountHeading = create("div",false,"Manga Count",headerRow,"cursor:pointer;");
let mangaChapterHeading = create("div",false,"Chapters Read",headerRow,"cursor:pointer;");
let mangaVolumeHeading = create("div",false,"Volumes Read",headerRow,"cursor:pointer;");
userList.forEach(function(user,index){
let row = create("div","row",false,table);
if(user.name === stats.data.User.name || user.name === whoAmI){
row.style.color = "rgb(var(--color-blue))";
row.style.background = "rgb(var(--color-background))";
}
let nameCel = create("div",false,(index + 1) + " ",row);
let userLink = create("a",["link","newTab"],user.name,nameCel);
userLink.href = "/user/" + user.name;
create("div",false,user.statistics.anime.count,row);
let timeString = formatTime(user.statistics.anime.minutesWatched*60);
if(!user.statistics.anime.minutesWatched){
timeString = "-"
}
create("div",false,timeString,row);
create("div",false,user.statistics.manga.count,row);
if(user.statistics.manga.chaptersRead){
create("div",false,user.statistics.manga.chaptersRead,row)
}
else{
create("div",false,"-",row)
}
if(user.statistics.manga.volumesRead){
create("div",false,user.statistics.manga.volumesRead,row)
}
else{
create("div",false,"-",row)
}
});
nameHeading.onclick = function(){
userList.sort(ALPHABETICAL(a => a.name));
drawUserList();
};
animeCountHeading.onclick = function(){
userList.sort((b,a) => a.statistics.anime.count - b.statistics.anime.count);
drawUserList();
};
animeTimeHeading.onclick = function(){
userList.sort((b,a) => a.statistics.anime.minutesWatched - b.statistics.anime.minutesWatched);
drawUserList();
};
mangaCountHeading.onclick = function(){
userList.sort((b,a) => a.statistics.manga.count - b.statistics.manga.count);
drawUserList();
};
mangaChapterHeading.onclick = function(){
userList.sort((b,a) => a.statistics.manga.chaptersRead - b.statistics.manga.chaptersRead);
drawUserList();
};
mangaVolumeHeading.onclick = function(){
userList.sort((b,a) => a.statistics.manga.volumesRead - b.statistics.manga.volumesRead);
drawUserList();
};
};drawUserList();
}
)
},"hohIDlookup" + user.toLowerCase());
}},
{name: "Most popular favourites of friends",code: function(){
generalAPIcall("query($name:String){User(name:$name){id}}",{name: user},function(data){
generalAPIcall(
`
query($userId: Int!){
a1:Page(page:1){following(userId: $userId,sort: ID){... stuff}}
a2:Page(page:2){following(userId: $userId,sort: ID){... stuff}}
a3:Page(page:3){following(userId: $userId,sort: ID){... stuff}}
a4:Page(page:4){following(userId: $userId,sort: ID){... stuff}}
a5:Page(page:5){following(userId: $userId,sort: ID){... stuff}}
a6:Page(page:6){following(userId: $userId,sort: ID){... stuff}}
a7:Page(page:7){following(userId: $userId,sort: ID){... stuff}}
a8:Page(page:8){following(userId: $userId,sort: ID){... stuff}}
a9:Page(page:9){following(userId: $userId,sort: ID){... stuff}}
a10:Page(page:10){following(userId: $userId,sort: ID){... stuff}}
User(id: $userId){... stuff}
}
fragment stuff on User{
name
favourites{
anime1:anime(page:1){
nodes{
id
title{romaji}
}
}
anime2:anime(page:2){
nodes{
id
title{romaji}
}
}
manga1:manga(page:1){
nodes{
id
title{romaji}
}
}
manga2:manga(page:2){
nodes{
id
title{romaji}
}
}
}
}`,
{userId: data.data.User.id},
function(foll){
if(!foll){
create("h1",false,"Query failed!",miscResults,"color:rgb(var(--color-red))")
return
}
let userList = [].concat(
...Object.keys(foll.data).map(
a => foll.data[a].following || []
)
);
let me = foll.data.User;
me.favourites.anime = me.favourites.anime1.nodes.concat(me.favourites.anime2.nodes);
delete me.favourites.anime1;
delete me.favourites.anime2;
me.favourites.manga = me.favourites.manga1.nodes.concat(me.favourites.manga2.nodes);
delete me.favourites.manga1;
delete me.favourites.manga2;
let animeFavs = {};
let mangaFavs = {};
userList.forEach(function(user){
user.favourites.anime = user.favourites.anime1.nodes.concat(user.favourites.anime2.nodes);
delete user.favourites.anime1;
delete user.favourites.anime2;
user.favourites.anime.forEach(fav => {
if(animeFavs[fav.id]){
animeFavs[fav.id].count++
}
else{
animeFavs[fav.id] = {
count: 1,
title: fav.title.romaji
}
}
});
user.favourites.manga = user.favourites.manga1.nodes.concat(user.favourites.manga2.nodes);
delete user.favourites.manga1;
delete user.favourites.manga2;
user.favourites.manga.forEach(fav => {
if(mangaFavs[fav.id]){
mangaFavs[fav.id].count++
}
else{
mangaFavs[fav.id] = {
count: 1,
title: fav.title.romaji
}
}
})
});
miscResults.innerText = "";
create("h1",false,translate("$heading_anime"),miscResults,"color:rgb(var(--color-blue))");
Object.keys(animeFavs).map(key => animeFavs[key]).sort((b,a) => a.count - b.count).slice(0,25).forEach(function(entry){
create("p",false,entry.count + ": " + titlePicker({//pretend we have all this fancy API info
title: {
native: entry.title,
romaji: entry.title,
english: entry.title
},
id: parseInt(key)
}),miscResults)
});
create("h1",false,translate("$heading_manga"),miscResults,"color:rgb(var(--color-blue))");
Object.keys(mangaFavs).map(key => mangaFavs[key]).sort((b,a) => a.count - b.count).slice(0,25).forEach(function(entry){
create("p",false,entry.count + ": " + titlePicker({
title: {
native: entry.title,
romaji: entry.title,
english: entry.title
},
id: parseInt(key)
}),miscResults)
});
create("h1",false,translate("$heading_similarFavs"),miscResults,"color:rgb(var(--color-blue))");
let sharePerc = user => {
let total = user.favourites.anime.length + user.favourites.manga.length + me.favourites.anime.length + me.favourites.manga.length;
let shared = user.favourites.anime.filter(
a => me.favourites.anime.some(
b => a.id === b.id
)
).length + user.favourites.manga.filter(
a => me.favourites.manga.some(
b => a.id === b.id
)
).length;
return shared/total
};
userList.sort((b,a) => sharePerc(a) - sharePerc(b));
userList.slice(0,20).forEach(entry => {
let row = create("p",false,false,miscResults,"position: relative");
create("a","newTab",entry.name,row)
.href = "/user/" + entry.name;
create("span",false,(sharePerc(entry)*200).toPrecision(3) + "%",row,"left: 300px;position: absolute")
})
}
)
},"hohIDlookup" + user.toLowerCase())
}},
{name: "Fix your dating mess",code: function(){
generalAPIcall("query($name:String){User(name:$name){id}}",{name: user},function(iddata){
let delay = 0;
miscResults.innerText = "";
removeChildren(miscResults)
removeChildren(miscOptions)
let config = [
{
description: "Completion date before start date",
code: media => fuzzyDateCompare(media.startedAt,media.completedAt) === 0
},{
description: "Completion date before official end date",
code: media => fuzzyDateCompare(media.media.endDate,media.completedAt) === 0
},{
description: "Start date before official release date",
code: media => fuzzyDateCompare(media.media.startDate,media.startedAt) === 0
},{
description: "Status completed but no completion date set",
code: media => media.status === "COMPLETED" && !media.completedAt.year
},{
description: "Status completed but no start date set",
code: media => media.status === "COMPLETED" && !media.startedAt.year
},{
description: "Status dropped but no start date set",
code: media => media.status === "DROPPED" && !media.startedAt.year
},{
description: "Status current but no start date set",
code: media => media.status === "CURRENT" && !media.startedAt.year
},{
description: "Planning entry with start date",
code: media => media.status === "PLANNING" && media.startedAt.year
},{
description: "Dates in the far future or past",
code: media => (
media.startedAt.year && (media.startedAt.year < 1960 || media.startedAt.year > (new Date().getFullYear() + 3))
) || (
media.completedAt.year && (media.completedAt.year < 1960 || media.completedAt.year > (new Date().getFullYear() + 3))
)
}
];
config.forEach(function(setting){
let row = create("p",false,false,miscOptions);
let checkBox = createCheckbox(row);
let label = create("span",false,setting.description,row);
checkBox.checked = true;
checkBox.onchange = function(){
Array.from(miscResults.children).forEach(res => {
if(res.children[1].innerText === setting.description){
if(checkBox.checked){
res.style.display = "block"
}
else{
res.style.display = "none"
}
}
})
}
});
let proc = function(data,type){
let list = returnList(data,true);
list.forEach(function(item){
let matches = [];
config.forEach(setting => {
if(setting.code(item)){
matches.push(setting.description)
}
});
if(matches.length){
let row = create("p",false,false,miscResults);
let link = create("a",["link","newTab"],item.media.title.romaji,row,"width:440px;display:inline-block;");
link.href = "/" + item.media.type.toLowerCase() + "/" + item.mediaId + "/" + safeURL(item.media.title.romaji);
create("span",false,matches.join(", "),row);
let chance = create("p",false,false,row,"margin-left:20px;margin-top: 2px;");
create("span",false,"Entry created: " + (new Date(item.createdAt*1000)).toISOString().split("T")[0] + " \n",chance);
if(
(new Date(item.createdAt*1000)).toISOString().split("T")[0]
!== (new Date(item.updatedAt*1000)).toISOString().split("T")[0]
){
create("span",false,"Entry updated: " + (new Date(item.updatedAt*1000)).toISOString().split("T")[0] + " \n",chance);
}
if(item.repeat){
create("span",false,"Repeats: " + item.repeat + " \n",chance);
}
setTimeout(function(){
generalAPIcall(
`
query($userId: Int,$mediaId: Int){
first:Activity(userId: $userId,mediaId: $mediaId,sort: ID){... on ListActivity{createdAt siteUrl status progress}}
last:Activity(userId: $userId,mediaId: $mediaId,sort: ID_DESC){... on ListActivity{createdAt siteUrl status progress}}
}
`,
{
userId: iddata.data.User.id,
mediaId: item.mediaId
},
function(act){
if(!act){return};
let progressFirst = [act.data.first.status,act.data.first.progress].filter(TRUTHY).join(" ");
progressFirst = (progressFirst ? " (" + progressFirst + ")" : "");
let progressLast = [act.data.last.status,act.data.last.progress].filter(TRUTHY).join(" ");
progressLast = (progressLast ? " (" + progressLast + ")" : "");
if(act.data.first.siteUrl === act.data.last.siteUrl){
let firstLink = create("a",["link","newTab"],"Only activity" + progressFirst + ": ",chance,"color:rgb(var(--color-blue));");
firstLink.href = act.data.first.siteUrl;
create("span",false,(new Date(act.data.first.createdAt*1000)).toISOString().split("T")[0] + " ",chance);
}
else{
let firstLink = create("a",["link","newTab"],"First activity" + progressFirst + ": ",chance,"color:rgb(var(--color-blue));");
firstLink.href = act.data.first.siteUrl;
create("span",false,(new Date(act.data.first.createdAt*1000)).toISOString().split("T")[0] + " \n",chance);
let lastLink = create("a",["link","newTab"],"Last activity" + progressLast + ": ",chance,"color:rgb(var(--color-blue));");
lastLink.href = act.data.last.siteUrl;
create("span",false,(new Date(act.data.last.createdAt*1000)).toISOString().split("T")[0] + " ",chance);
}
}
);
},delay);
delay += 1000;
}
})
create("p",false,type.toLowerCase() + " list completely scanned",miscResults)
};
const query = `query($name: String!, $listType: MediaType){
MediaListCollection(userName: $name, type: $listType){
lists{
entries{
startedAt{year month day}
completedAt{year month day}
mediaId
status
createdAt
updatedAt
repeat
media{
title{romaji english native}
startDate{year month day}
endDate{year month day}
type
}
}
}
}
}`;
generalAPIcall(
query,
{
name: user,
listType: "MANGA"
},
function(data){proc(data,"MANGA")}
);
generalAPIcall(
query,
{
name: user,
listType: "ANIME"
},
function(data){proc(data,"ANIME")}
)
},"hohIDlookup" + user.toLowerCase());
}},
{name: "Fix your dating mess [Dangerous edition]",setup: function(){
if(!useScripts.accessToken){
miscResults.innerText = loginMessage;
return
};
if(user.toLowerCase() !== whoAmI.toLowerCase()){
miscResults.innerText = "This is the profile of\"" + user + "\", but currently signed in as \"" + whoAmI + "\". Are you sure this is right?";
return
};
let warning = create("b",false,"Clicking on red buttons means changes to your data!",miscResults);
let description = create("p",false,"When run, this will do the following:",miscResults);
create("p",false,"- Completed entries with 1 episode/chapter, no rewatches, no start date, but a completion date will have the start date set equal to the completion date",miscResults);
create("p",false,"- A list of all the changes will be printed.",miscResults);
create("p",false,"- This will run slowly, and can be stopped at any time.",miscResults);
let dryRun = create("button",["button","hohButton"],"Dry run",miscResults);
let dryRunDesc = create("span",false,"(no changes made)",miscResults);
create("hr",false,false,miscResults);
let fullRun = create("button",["button","hohButton","danger"],"RUN",miscResults);
let stopRun = create("button",["button","hohButton"],"Abort!",miscResults);
create("hr",false,false,miscResults);
let changeLog = create("div",false,false,miscResults);
let allowRunner = true;
let allowRun = true;
let isDryRun = true;
let list = [];
let firstTime = true;
let runner = function(){
if(!allowRunner){
return
}
allowRunner = false;
fullRun.disabled = true;
dryRun.disabled = true;
generalAPIcall("query($name:String){User(name:$name){id}}",{name: user},function(iddata){
let proc = function(data){
list = list.concat((returnList(data,true) || []).filter(
item => item.status === "COMPLETED" && (item.media.episodes || item.media.chapters) === 1 && (!item.startedAt.year) && item.completedAt.year && !item.repeat
));
if(firstTime){
firstTime = false;
return
};
if(isDryRun){
create("p",false,"DRY RUN",changeLog)
};
if(!list.length){
changeLog.innerText = "Found no entries to change";
return
};
create("p",false,"Found " + list.length + " entries.",changeLog);
let changer = function(index){
if(!allowRun){
return
};
create("p",false,list[index].media.title.romaji + " start date set to " + list[index].completedAt.year + "-" + list[index].completedAt.month + "-" + list[index].completedAt.day,changeLog);
if(!isDryRun){
authAPIcall(
`mutation($date: FuzzyDateInput,$mediaId: Int){
SaveMediaListEntry(startedAt: $date,mediaId: $mediaId){
id
}
}`,
{mediaId: list[index].mediaId,date: list[index].completedAt},
data => {}
)
};
index++;
if(index < list.length){
setTimeout(function(){changer(index)},1000)
};
};changer(0);
};
const query = `query($name: String!, $listType: MediaType){
MediaListCollection(userName: $name, type: $listType){
lists{
entries{
startedAt{year month day}
completedAt{year month day}
mediaId
status
repeat
media{
title{romaji english native}
chapters
episodes
}
}
}
}
}`;
generalAPIcall(
query,
{
name: user,
listType: "MANGA"
},
proc
);
generalAPIcall(
query,
{
name: user,
listType: "ANIME"
},
proc
);
},"hohIDlookup" + user.toLowerCase())
};
stopRun.onclick = function(){
allowRun = false;
stopRun.disable = true;
alert("Stopped!")
};
fullRun.onclick = function(){
isDryRun = false;
runner()
};
dryRun.onclick = function(){
runner()
};
},code: function(){
alert("Read the description first!")
}},
{name: "Note cleaner",
setup: function(){
if(!useScripts.accessToken){
miscResults.innerText = loginMessage;
return
};
if(user.toLowerCase() !== whoAmI.toLowerCase()){
miscResults.innerText = "This is the profile of\"" + user + "\", but currently signed in as \"" + whoAmI + "\". Are you sure this is right?";
return
};
let warning = create("b",false,"Clicking on the red button means changes to your data!",miscResults);
let description = create("p",false,"When run, this will remove all your list notes. You can not get them back",miscResults);
create("hr",false,false,miscResults);
let select = create("select","#typeSelect",false,miscOptions);
let animeOption = create("option",false,"Anime",select);
let mangaOption = create("option",false,"Manga",select);
animeOption.value = "ANIME";
mangaOption.value = "MANGA";
let fullRun = create("button",["button","hohButton","danger"],"RUN",miscResults);
create("hr",false,false,miscResults);
let changeLog = create("div",false,false,miscResults);
let runner = function(){
authAPIcall("query($name:String){User(name:$name){id}}",{name: user},function(iddata,error){
if(!iddata){
alert("ID lookup failed!");
console.log(iddata,error);
return
}
authAPIcall(`
query ($type: MediaType $userId: Int) {
MediaListCollection (type: $type userId: $userId ) {
user {
name
}
lists {
entries {
id
notes
}
}
}
}`,
{type: select.value,userId: iddata.data.User.id},
function(data){
if(!data){
alert("loading list failed!");
return
};
let t = {};
let mediaEntries = [];
// Go through all lists
data.data.MediaListCollection.lists.forEach((list) => {
// Go through all entries of each list
list.entries.forEach((entry) => {
// If entry has notes, add it to the array
if(entry.notes){
mediaEntries.push(entry.id);
t[entry.id] = entry.notes;
}
})
});
// Remove duplicates from the array
mediaEntries = [... new Set(mediaEntries)];
changeLog.innerText = JSON.stringify(t, null, 2);
authAPIcall(
`mutation ($ids: [Int]) {
UpdateMediaListEntries (ids: $ids notes: "") {
id
notes
}
}`,
{ids: mediaEntries},
function(data){
if(!data){
alert("deleting notes failed!");
}
else{
alert("notes deleted!");
}
}
)
})
},"hohIDlookup" + user.toLowerCase())
};
fullRun.onclick = function(){
runner()
}
},code: function(){
alert("Read the description first!")
}},
{name: "Reviews",code: function(){
miscResults.innerText = "";
let dataHeader = create("div",false,false,miscResults);
create("span",false,"There are ",dataHeader);
let data_amount = create("span",false,"[" + translate("$loading") + "]",dataHeader);
create("span",false," reviews on Anilist, with ",dataHeader);
let data_ratingAmount = create("span",false,"[" + translate("$loading") + "]",dataHeader);
create("span",false," ratings (",dataHeader);
let data_ratingPositive = create("span",false,"[" + translate("$loading") + "]",dataHeader);
create("span",false,"% positive)",dataHeader);
generalAPIcall(
`query ($page: Int) {
Page (page: $page) {
pageInfo {
total
perPage
currentPage
lastPage
hasNextPage
}
reviews {
id
}
}
}`,
{page: 1},
function(data){
data_amount.innerText = data.data.Page.pageInfo.total;
let list = [];
let hasErrors = 0;
for(var i=1;i<=data.data.Page.pageInfo.lastPage;i++){
generalAPIcall(
`query ($page: Int){
Page (page: $page){
pageInfo{
total
perPage
currentPage
lastPage
hasNextPage
}
reviews{
id
rating
ratingAmount
score
user{
name
id
}
media{
id
title{romaji}
}
}
}
}`,
{page: i},
function(reviewData){
if(!reviewData){
hasErrors++;
if(i !== data.data.Page.pageInfo.lastPage){
return
}
}
list = list.concat(reviewData.data.Page.reviews);
if(list.length !== reviewData.data.Page.pageInfo.total && (!hasErrors || i !== data.data.Page.pageInfo.lastPage)){
return
};
list.sort((b,a) => wilson(a.rating,a.ratingAmount).left - wilson(b.rating,b.ratingAmount).left);
if(hasErrors){
create("p",false,"loading failed for " + (reviewData.data.Page.pageInfo.total - list.length) + " reviews!",miscResults)
}
create("h3",false,"100 best reviews on Anilist",miscResults);
let datalist1 = create("div",false,false,miscResults);
list.slice(0,100).forEach((review,index) => {
let dataCel = create("p",false,false,datalist1);
create("span",false,(index + 1) + ". ",dataCel,"width:35px;display:inline-block;");
create("span","hohMonospace",wilson(review.rating,review.ratingAmount).left.toPrecision(3) + " ",dataCel);
let userName = "[error]";
if(review.user){
if(review.user.name){
userName = review.user.name
}
};
create("a",["link","newTab"],userName + "'s review of " + review.media.title.romaji,dataCel)
.href = "/review/" + review.id
});
list.sort((a,b)=>wilson(a.rating,a.ratingAmount).right - wilson(b.rating,b.ratingAmount).right);
create("h3",false,"100 worst reviews on Anilist",miscResults);
let datalist2 = create("div",false,false,miscResults);
list.slice(0,100).forEach((review,index) => {
let dataCel = create("p",false,false,datalist2);
create("span",false,(index + 1) + ". ",dataCel,"width:35px;display:inline-block;");
create("span","hohMonospace",wilson(review.rating,review.ratingAmount).right.toPrecision(3) + " ",dataCel);
let userName = "[error]";
if(review.user){
if(review.user.name){
userName = review.user.name
}
};
create("a",["link","newTab"],userName + "'s review of " + review.media.title.romaji,dataCel)
.href = "/review/" + review.id
});
let reviewers = new Map();
let ratings = 0;
let positiveRatings = 0;
list.forEach(rev => {
ratings += rev.ratingAmount;
positiveRatings += rev.rating;
if(rev.user){
if(rev.user.id){
if(!reviewers.has(rev.user.id)){
reviewers.set(rev.user.id,{
id: rev.user.id,
name: rev.user.name,
rating: 0,
ratingAmount: 0,
amount: 0
})
}
let person = reviewers.get(rev.user.id);
person.rating += rev.rating;
person.ratingAmount += rev.ratingAmount;
person.amount++;
}
}
});
data_ratingAmount.innerText = ratings;
data_ratingPositive.innerText = Math.round(100 * positiveRatings/ratings);
reviewers = [...reviewers].map(
pair => pair[1]
).sort(
(b,a) => wilson(a.rating,a.ratingAmount).left - wilson(b.rating,b.ratingAmount).left
);
create("h3",false,"10 best reviewers on Anilist",miscResults);
let datalist3 = create("div",false,false,miscResults);
reviewers.filter(person => person.amount > 1).slice(0,10).forEach((rev,index) => {
let dataCel = create("p",false,false,datalist3);
create("span",false,(index + 1) + ". ",dataCel,"width:35px;display:inline-block;");
create("span","hohMonospace",wilson(rev.rating,rev.ratingAmount).left.toPrecision(3) + " ",dataCel);
let userName = rev.name || "[private or deleted]";
let link = create("a",["link","newTab"],userName,dataCel,"color:rgb(var(--color-blue));");
link.href = "/user/" + rev.name || "removed"
});
reviewers.sort((a,b) => wilson(a.rating,a.ratingAmount).right - wilson(b.rating,b.ratingAmount).right);
create("h3",false,"10 worst reviewers on Anilist",miscResults);
let datalist4 = create("div",false,false,miscResults);
reviewers.slice(0,10).forEach((rev,index) => {
let dataCel = create("p",false,false,datalist4);
create("span",false,(index + 1) + ". ",dataCel,"width:35px;display:inline-block;");
create("span","hohMonospace",wilson(rev.rating,rev.ratingAmount).right.toPrecision(3) + " ",dataCel);
let userName = rev.name || "[private or deleted]";
let link = create("a",["link","newTab"],userName,dataCel,"color:rgb(var(--color-blue));");
link.href = "/user/" + rev.name || "removed"
});
reviewers.sort(function(b,a){
if(a.amount === b.amount){//rating as tie-breaker
return a.rating/a.ratingAmount - b.rating/b.ratingAmount;
}
else{
return a.amount - b.amount
}
});
create("h3",false,"25 most prolific reviewers on Anilist",miscResults);
let datalist5 = create("div",false,false,miscResults);
let profilicSum = 0;
reviewers.slice(0,25).forEach((rev,index) => {
profilicSum += rev.amount;
let dataCel = create("p",false,false,datalist5);
create("span",false,(index + 1) + ". ",dataCel,"width:35px;display:inline-block;");
create("span","hohMonospace",rev.amount + " ",dataCel);
let userName = rev.name || "[private or deleted]";
let link = create("a",["link","newTab"],userName,dataCel,"color:rgb(var(--color-blue));");
link.href = "/user/" + rev.name || "removed";
create("span",false," average rating: " + (100*rev.rating/rev.ratingAmount).toPrecision(2) + "%",dataCel)
});
create("p",false,"That's " + Math.round(100*profilicSum/list.length) + "% of all reviews on Anilist",miscResults);
let average = (data.data.Page.pageInfo.total/reviewers.length).toPrecision(2);
let median = Stats.median(reviewers.map(e => e.amount));
let mode = Stats.mode(reviewers.map(e => e.amount));
create("p",false,`${reviewers.length} users have contributed reviews (${average} reviews each on average, median ${median}, mode ${mode})`,miscResults);
let lowRatingRating = 0;
let lowRatingAmount = 0;
let lowRatingCount = 0;
let highRatingRating = 0;
let highRatingAmount = 0;
let highRatingCount = 0;
let topRatingRating = 0;
let topRatingAmount = 0;
let topRatingCount = 0;
let distribution = new Array(101).fill(0);//0 to 100 inclusive, since 0 is a valid review score
create("hr",false,false,miscResults);
list.forEach(review => {
distribution[review.score]++;
if(review.score <= 50){
lowRatingRating += review.rating;
lowRatingAmount+= review.ratingAmount;
lowRatingCount++
}
else{
highRatingRating += review.rating;
highRatingAmount+= review.ratingAmount;
highRatingCount++;
if(review.score == 100){
topRatingRating += review.rating;
topRatingAmount+= review.ratingAmount;
topRatingCount++
}
}
});
create("p",false,"The " + lowRatingCount + " reviews with a score 0-50 are rated " + (100*lowRatingRating/lowRatingAmount).toPrecision(2) + "% on average.",miscResults);
create("p",false,"The " + highRatingCount + " reviews with a score 51-100 are rated " + (100*highRatingRating/highRatingAmount).toPrecision(2) + "% on average.",miscResults);
create("p",false,"The " + topRatingCount + " reviews with a score 100/100 are rated " + (100*topRatingRating/topRatingAmount).toPrecision(2) + "% on average.",miscResults);
create("p",false,"The average score for a review to give is " + Stats.average(list.map(e => e.score)).toPrecision(3) + "/100.",miscResults);
create("p",false,"The median score for a review to give is " + Stats.median(list.map(e => e.score)).toPrecision(3) + "/100.",miscResults);
create("p",false,"The most common score for a review to give is " + Stats.mode(list.map(e => e.score)).toPrecision(3) + "/100.",miscResults);
const height = 250;
const width = 700;
let dia = svgShape("svg",miscResults,{
width: width,
height: height,
viewBox: "0 0 " + width + " " + height
});
dia.style.borderRadius = "3px";
let background = svgShape("rect",dia,{
fill: "rgb(var(--color-foreground))",
x: 0,
y: 0,
width: "100%",
height: "100%"
});
let margin = {
bottom: 30,
top: 30,
left: 20,
right: 20
};
const bars = 101;
const barWidth = 0.74 * (width - margin.left - margin.right)/bars;
const barSpacing = 0.24 * (width - margin.left - margin.right)/bars;
let maxVal = Math.max(...distribution);
let magnitude = Math.pow(10,Math.floor(Math.log10(maxVal)));
let mantissa = maxVal/magnitude;
if(mantissa < 1.95){
maxVal = 2*magnitude
}
else if(mantissa < 2.95){
maxVal = 3*magnitude
}
else if(mantissa < 4.9){
maxVal = 5*magnitude
}
else if(mantissa < 9.8){
maxVal = 10*magnitude
}
else{
maxVal = 15*magnitude
};
let valueFunction = function(val){
return height - margin.bottom - (val/maxVal) * (height - margin.bottom - margin.top)
};
let title = svgShape("text",dia,{
x: 10,
y: 20,
fill: "rgb(var(--color-text))"
});
title.textContent = "Review score distribution";
distribution.forEach((val,index) => {
if(!val){
return;
}
let colour = "rgb(var(--color-text))";
if(index % 10 === 0){
colour = "rgb(61,180,242)";
let text = svgShape("text",dia,{
x: margin.left + index*barWidth + index*barSpacing + barWidth/2,
y: valueFunction(val) - barWidth,
fill: colour,
"text-anchor": "middle",
});
text.textContent = val;
let text2 = svgShape("text",dia,{
x: margin.left + index*barWidth + index*barSpacing + barWidth/2,
y: height - margin.bottom + 3*barWidth,
fill: colour,
"text-anchor": "middle",
});
text2.textContent = index;
}
else if(index % 10 === 5){
colour = "rgb(123,213,85)"
}
svgShape("rect",dia,{
x: margin.left + index*barWidth + index*barSpacing,
y: valueFunction(val),
width: barWidth,
height: height - valueFunction(val) - margin.bottom,
fill: colour
})
})
}
)
}
}
)
}},
{name: "How many people have blocked you",code: function(){
if(!useScripts.accessToken){
miscResults.innerText = loginMessage;
return
}
authAPIcall("query{Page{pageInfo{total}users{id}}}",{},function(data){
generalAPIcall("query{Page{pageInfo{total}users{id}}}",{},function(data2){
miscResults.innerText = "This only applies to you, regardless of what stats page you ran this query from.";
if(data.data.Page.pageInfo.total === data2.data.Page.pageInfo.total){
create("p",false,"No users have blocked you",miscResults)
}
else if((data2.data.Page.pageInfo.total - data.data.Page.pageInfo.total) < 0){
create("p",false,"Error: The elevated privileges of moderators makes this query fail",miscResults)
}
else{
create("p",false,(data2.data.Page.pageInfo.total - data.data.Page.pageInfo.total) + " users have blocked you",miscResults)
}
})
})
}},
{name: "Find people you have blocked/are blocked by",code: function(){
if(!useScripts.accessToken){
miscResults.innerText = loginMessage;
return
}
miscResults.innerText = `This only applies to you, regardless of what stats page you ran this query from. Furthermore, it probably won't find everyone.
Use the other query if you just want the number.`;
let flag = true;
let stopButton = create("button",["button","hohButton"],"Stop",miscResults,"display:block");
let progress = create("p",false,false,miscResults);
stopButton.onclick = function(){
flag = false
};
let blocks = new Set();
progress.innerText = "1 try..."
let caller = function(page,page2){
generalAPIcall(`
query($page: Int){
Page(page: $page){
activities(sort: ID_DESC,type: TEXT){
... on TextActivity{
id
user{name}
}
}
}
}`,
{page: page},function(data){
progress.innerText = (page + 1) + " tries...";
authAPIcall(`
query($page: Int){
Page(page: $page){
activities(sort: ID_DESC,type: TEXT){
... on TextActivity{
id
}
}
}
}`, {page: page2},function(data2){
let offset = 0;
while(data2.data.Page.activities[offset].id > data.data.Page.activities[0].id){
offset++
};
while(data2.data.Page.activities[0].id < data.data.Page.activities[-offset].id){
offset--
};
for(var k=Math.max(-offset,0);k conf(...ig));
},code: function(){
let type = document.getElementById("typeSelect").value;
let restrict = document.getElementById("restrictToList").checked;
let require = new Set();
let malIDs = new Set();
let config = [
{name: "startEnd",description: "End date before start date",code: function(media){
if(!media.startDate.year || !media.endDate.year){
return false
}
if(media.startDate.year > media.endDate.year){
return true
}
else if(media.startDate.year < media.endDate.year){
return false
}
if(!media.startDate.month || !media.endDate.month){
return false
}
if(media.startDate.month > media.endDate.month){
return true
}
else if(media.startDate.month < media.endDate.month){
return false
}
if(!media.startDate.day || !media.endDate.day){
return false
}
if(media.startDate.day > media.endDate.day){
return true
}
return false;
},require: ["startDate{year month day}","endDate{year month day}"]},
{name: "earlyDates",description: "Dates before 1900",code: function(media){
return (media.startDate.year && media.startDate.year < 1900) || (media.endDate.year && media.endDate.year < 1900)
},require: ["startDate{year month day}","endDate{year month day}"]},
{name: "missingDates",description: "Missing dates",code: function(media){
if(media.status === "FINISHED"){
return (!media.startDate.year) || (!media.endDate.year);
}
else if(media.status === "RELEASING"){
return !media.startDate.year;
}
return false;
},require: ["startDate{year month day}","endDate{year month day}","status"]}
,
{name: "incompleteDates",description: "Incomplete dates",code: function(media){
if(media.status === "FINISHED"){
return (!media.startDate.year) || (!media.startDate.month) || (!media.startDate.day) || (!media.endDate.year) || (!media.endDate.month) || (!media.endDate.day);
}
else if(media.status === "RELEASING"){
return (!media.startDate.year) || (!media.startDate.month) || (!media.startDate.day)
}
return false;
},require: ["startDate{year month day}","endDate{year month day}","status"]},
{name: "noTags",description: "No tags",code: function(media){
return media.tags.length === 0;
},require: ["tags{rank name}"]},
{name: "noGenres",description: "No genres",code: function(media){
return media.genres.length === 0;
},require: ["genres"]},
{name: "lowTag",description: "Has tag below 20%",code: function(media){
return media.tags.some(tag => tag.rank < 20);
},require: ["tags{rank name}"]},
{name: "demographics",description: "Multiple demographic tags",code: function(media){
return media.tags.filter(tag => ["Shounen","Shoujo","Josei","Seinen","Kids"].includes(tag.name)).length > 1;
},require: ["tags{rank name}"]},
{name: "badGenre",description: "Has invalid genre",code: function(media){
return media.genres.some(genre => !["Action","Adventure","Comedy","Drama","Ecchi","Fantasy","Hentai","Horror","Mahou Shoujo","Mecha","Music","Mystery","Psychological","Romance","Sci-Fi","Slice of Life","Sports","Supernatural","Thriller"].includes(genre));
},require: ["genres"]},
{name: "noBanner",description: "Missing banner",code: function(media){
return !media.bannerImage
},require: ["bannerImage"]},
{name: "oneshot",description: "Oneshot without one chapter",code: function(media){
return media.format === "ONE_SHOT" && media.chapters !== 1;
},require: ["chapters"]},
{name: "idMal",description: "Missing MAL ID",code: function(media){
return !media.idMal
},require: ["idMal"]},
{name: "duplicatedMALID",description: "Duplicated MAL ID",code: function(media){
if(media.idMal){
if(malIDs.has(media.idMal)){
return true
}
else{
malIDs.add(media.idMal)
return false
}
}
},require: ["idMal"]},
{name: "nativeTitle",description: "Missing native title",code: function(media){
return !media.title.native
}},
{name: "englishTitle",description: "Missing english title",code: function(media){
return !media.title.english
}},
{name: "noDuration",description: "No duration",code: function(media){
return media.type === "ANIME" && media.status !== "NOT_YET_RELEASED" && !media.duration;
},require: ["type","duration","status"]},
{name: "noLength",description: "No chapter or episode count",code: function(media){
if(media.status !== "FINISHED"){
return false
}
if(media.type === "ANIME"){
return !media.episodes
}
else{
return !media.chapters
}
},require: ["type","chapters","episodes","status"]},
{name: "noStudios",description: "No studios",code: function(media){
return media.type === "ANIME" && !media.studios.nodes.length;
},require: ["type","studios{nodes{id}}"]},
{name: "unusualLength",description: "Unusual Length",code: function(media){
if(media.type === "ANIME"){
return (media.episodes && media.episodes > 1000) || (media.duration && media.duration > 180);
}
else{
return (media.cahpters && media.chapters > 2000) || (media.volumes && media.volumes > 150);
}
},require: ["type","chapters","volumes","duration","episodes"]},
{name: "noSource",description: "No source",code: function(media){
return !media.source;
},require: ["source(version: 2)"]},
{name: "otherSource",description: "Source = other",code: function(media){
return (media.source && media.source === "OTHER");
},require: ["source(version: 2)"]},
{name: "badOriginalSource",description: "Source = original, but has source relation",code: function(media){
let source = media.sourcing.edges.filter(edge => edge.relationType === "SOURCE");
return source.length && (media.source && media.source === "ORIGINAL")
},require: ["source(version: 2)","sourcing:relations{edges{relationType(version: 2) node{format startDate{year month day}}}}"]},
{name: "redundantSynonym",description: "Synonym equal to title",code: function(media){
return media.synonyms.some(
word => word === media.title.romaji
)
|| (media.title.native && media.synonyms.some(
word => word === media.title.native
))
|| (media.title.english && media.synonyms.some(
word => word === media.title.english
));
},require: ["synonyms"]},
{name: "hashtag",description: "Has Twitter hashtag",code: function(media){
return !!media.hashtag;
},require: ["hashtag"]},
{name: "nonAdultHentai",description: "Hentai with isAdult = false",code: function(media){
return (media.genres.includes("Hentai") && !media.isAdult);
},require: ["genres","isAdult"]},
{name: "extraLarge",description: "No extraLarge cover image",code: function(media){
return media.coverImage.large && media.coverImage.large === media.coverImage.extraLarge;
},require: ["coverImage{large extraLarge}"]},
{name: "tempTitle",description: "Temporary title",code: function(media){
return media.title.romaji.toLowerCase() === "(Title to be Announced)".toLowerCase()
|| (media.title.native && media.title.native.toLowerCase() === "(Title to be Announced)".toLowerCase())
|| media.title.romaji.includes("(Provisional Title)")
|| (media.title.native && media.title.native.includes("（仮）"));
}},
{name: "badRomaji",description: "Romaji inconsistencies",code: media =>
["～","「","」","ō","ū","。","！","？","Toukyou","Oosaka"].some(
char => media.title.romaji.includes(char)
) || (
media.title.native && (
(media.title.native.includes("っち") && media.title.romaji.includes("tchi"))
|| (media.title.native.includes("っちゃ") && media.title.romaji.includes("tcha"))
|| (media.title.native.includes("っちょ") && media.title.romaji.includes("tcho"))
|| (media.title.native.includes("☆") && !media.title.romaji.includes("☆"))
|| (media.title.native.includes("♪") && !media.title.romaji.includes("♪"))
)
)
},
{name: "weirdSpace",description: "Weird spacing in title",code: function(media){
return (
(media.title.native || "").trim().replace(" "," ") !== (media.title.native || "")
|| (media.title.romaji || "").trim().replace(" "," ") !== (media.title.romaji || "")
|| (media.title.english || "").trim().replace(" "," ") !== (media.title.english || "")
)
},require: ["duration"]},
{name: "tvShort",description: "TV/TV Short mixup",code: function(media){
if(media.duration){
return (media.format === "TV" && media.duration < 15) || (media.format === "TV_SHORT" && media.duration >= 15)
}
return false;
},require: ["duration"]},
{name: "newSource",description: "Adaptation older than source",code: function(media){
return media.sourcing.edges.some(function(edge){
if(edge.relationType === "SOURCE"){
return fuzzyDateCompare(edge.node.startDate,media.startDate) === 0
}
return false
})
},require: ["startDate{year month day}","sourcing:relations{edges{relationType(version: 2) node{format startDate{year month day}}}}"]},
{
name: "moreSource",
description: "More than one source",
code: media => media.sourcing.edges.filter(edge => edge.relationType === "SOURCE").length > 1
&& ![477,6].includes(media.id),//aria, trigun
require: ["startDate{year month day}","sourcing:relations{edges{relationType(version: 2) node{format startDate{year month day}}}}"]
},
{name: "formatSource",description: "Source field not equal to source media format",code: function(media){
let source = media.sourcing.edges.filter(edge => edge.relationType === "SOURCE");
return source.length && media.source
&& (
(source[0].node.format !== media.source)
&& !(source[0].node.format === "NOVEL" && media.source === "LIGHT_NOVEL")
)
},require: ["source(version: 2)","sourcing:relations{edges{relationType(version: 2) node{format startDate{year month day}}}}"]},
{name: "releasingZero",description: "Releasing manga with non-zero chapter or volume count",code: function(media){
return media.format === "MANGA" && media.status === "RELEASING" && (media.chapters || media.volumes)
},require: ["status","chapters","volumes"]},
{name: "duplicatedStudio",description: "Duplicated studio",code: function(media){
return (new Set(media.studios.nodes)).size !== media.studios.nodes.length;
},require: ["studios{nodes{id}}"]},
{
name: "badEncoding",
description: "Bad character encoding in description",
code: media => {
return ["","'","[1]","[2]","’"].some(error => media.description.includes(error))
},
require: ["description"]
},
{
name: "badSpelling",
description: "Bad character encoding in description",
code: media => {
return ["animes ","mangas "].some(error => media.description.includes(error))
},
require: ["description"]
},
{
name: "noDescription",
description: "No description",
code: media => media.description.length < 15,
require: ["description"]
},
{
name: "longDescription",
description: "Very long description",
code: media => media.description.length > 4000,
require: ["description"]
},
{
name: "outdatedDescription",
description: "Likely outdated description",
code: media => [
"upcoming adaptation","will cover","sceduled for","next year","will adapt","announced","will air"," tba"
].some(text => media.description.toLowerCase().includes(text)) && media.status === "FINISHED",
require: ["description","status"]
}
];
config.forEach(function(setting){
setting.active = document.getElementById(setting.name).checked;
if(setting.active && setting.require){
setting.require.forEach(field => require.add(field))
}
});
let query = `
query($type: MediaType,$page: Int){
Page(page: $page){
pageInfo{
currentPage
lastPage
}
media(type: $type,sort: POPULARITY_DESC){
id
title{romaji native english}
format
${[...require].join(" ")}
}
}
}`;
if(restrict){
query = `
query($type: MediaType,$page: Int){
Page(page: $page){
pageInfo{
currentPage
lastPage
}
mediaList(type: $type,sort: MEDIA_ID,userName: "${user}"){
media{
id
title{romaji native english}
format
${[...require].join(" ")}
}
}
}
}`;
}
miscResults.innerText = "";
let flag = true;
let stopButton = create("button",["button","hohButton"],"Stop",miscResults);
let progress = create("p",false,false,miscResults);
stopButton.onclick = function(){
flag = false;
};
let caller = function(page){
generalAPIcall(query,{type: type,page: page},function(data){
data = data.data.Page;
if(data.mediaList){
data.media = data.mediaList.map(item => item.media);
};
data.media.forEach(media => {
progress.innerText = "Page " + page + " of " + data.pageInfo.lastPage;
let matches = config.filter(
setting => setting.active && setting.code(media)
).map(setting => setting.description);
if(matches.length){
let row = create("p",false,false,miscResults);
create("a",["link","newTab"],"[" + media.format + "] " + media.title.romaji,row,"width:440px;display:inline-block;")
.href = "/" + type.toLowerCase() + "/" + media.id;
create("span",false,matches.join(", "),row);
};
});
if(flag && data.pageInfo.currentPage < data.pageInfo.lastPage && document.getElementById("queryOptions")){
setTimeout(function(){caller(page + 1)},1000)
}
});
};caller(1);
}},
{name: "YiffDog officer",setup: function(){
create("p",false,"Welcome to YiffDog. He's a relative of BroomCat, focused on the social aspect of the site. This police dog is just out of beta, so he doesn't have many options yet.",miscOptions);
create("p",false,"(If you're reading this, it's probably not even usable yet).",miscOptions);
create("p","danger","Do not needlessly interact with what's flagged here, limit that to honest mistakes. Silently report, or send mod messages when appropriate.",miscOptions);
createCheckbox(miscOptions,"activities",true);
create("span",false,"Activities",miscOptions);
createCheckbox(miscOptions,"messages",true);
create("span",false,"Messages",miscOptions);
createCheckbox(miscOptions,"forum",true);
create("span",false,"Forum",miscOptions);
createCheckbox(miscOptions,"reviews",true);
create("span",false,"Reviews",miscOptions);
create("h3",false,"Config",miscOptions);
let conf = function(description,id,defaultValue,titleText){
let option = create("p",false,false,miscOptions);
let check = createCheckbox(option,id);
let descriptionText = create("span",false,description + " ",option);
if(defaultValue){
check.checked = defaultValue
}
if(titleText){
descriptionText.title = titleText
}
};
[
["Link-only","linkOnly",true],
["Bad words","badWords",true,"I'm not claiming all or any of the words in the internal list are inheritely bad, they are just a useful heuristic"],
["Piracy links","piracy",true],
["High activity","highActivity",true],
["Weird markup","weirdMarkup",true]
].forEach(ig => conf(...ig));
},code: function(){
let checkActivities = document.getElementById("activities").checked;
let checkMessages = document.getElementById("messages").checked;
let checkForum = document.getElementById("forum").checked;
let checkReviews = document.getElementById("reviews").checked;
if(checkActivities || checkMessages || checkForum || checkReviews){
let activitiesQuery = `activities1:Page(page:1){
activities(type:TEXT,sort:ID_DESC){
... on TextActivity{
siteUrl
text(asHtml: true)
user{name}
}
}
}
activities2:Page(page:2){
activities(type:TEXT,sort:ID_DESC){
... on TextActivity{
siteUrl
text(asHtml: true)
user{name}
}
}
}`;
let messagesQuery = `messages:Page(page:1){
activities(type:MESSAGE,sort:ID_DESC){
... on MessageActivity{
siteUrl
message(asHtml: true)
messenger{name}
}
}
}`;
generalAPIcall(
`query{
${(checkActivities ? activitiesQuery : "")}
${(checkMessages ? messagesQuery : "")}
}`,
{},
function(data){
miscResults.innerText = "";
let createResultRow = function(siteUrl,label,text){
let row = create("p",false,false,miscResults);
create("a",["link","newTab"],siteUrl,row,"width:440px;display:inline-block;")
.href = siteUrl;
create("span",false,label,row);
create("p",false,false,row).innerText = entityUnescape(text)
}
let allActivities = data.data.activities1.activities.concat(data.data.activities2.activities);
if(document.getElementById("linkOnly").checked){
if(checkActivities){
allActivities.forEach(activity => {
if(activity.text.match(/^<\/p>$/)){
createResultRow(activity.siteUrl,"Link-only post. Spam?",activity.text)
}
})
}
if(checkMessages){
data.data.messages.activities.forEach(activity => {
if(activity.message.match(/^<\/p>$/)){
createResultRow(activity.siteUrl,"Link-only message. Spam?",activity.message)
}
})
}
}
if(document.getElementById("piracy").checked){
const badDomains = [556415734,1724824539,-779421562,-1111399772,-93654449,1120312799,-781704176,-1550515495,3396395,567115318,-307082983,1954992241,-307211474,-307390044,1222804306,-795095039,-1014860289,403785740,547002932,128627683]
if(checkActivities){
allActivities.forEach(activity => {
(activity.text.match(/ {
let linker = (
new URL(
(link.match(/\"(.*?)\"/) || ["",""])[1]
)
).host;
if(linker && linker.split(".").length >= 2){
linker = linker.split(".")[linker.split(".").length - 2];
if(
badDomains.includes(hashCode(linker))
){
createResultRow(activity.siteUrl,"Possible piracy link",activity.text)
}
}
})
})
}
if(checkMessages){
data.data.messages.activities.forEach(activity => {
(activity.message.match(/ {
let linker = (
new URL(
(link.match(/\"(.*?)\"/) || ["",""])[1]
)
).host;
if(linker && linker.split(".").length >= 2){
linker = linker.split(".")[linker.split(".").length - 2];
if(
badDomains.includes(hashCode(linker))
){
createResultRow(activity.siteUrl,"Possible piracy link",activity.message)
}
}
})
})
}
}
if(document.getElementById("badWords").checked){
if(checkActivities){
allActivities.forEach(activity => {
let badList = badWords.filter(word => activity.text.toUpperCase().includes(word.toUpperCase()))
if(badList.length){
createResultRow(activity.siteUrl,"Word match [" + badList.join("],[") + "]",activity.text)
}
})
data.data.messages.activities.forEach(activity => {
let badList = badWords.filter(word => activity.message.toUpperCase().includes(word.toUpperCase()))
if(badList.length){
createResultRow(activity.siteUrl,"Word match [" + badList.join("],[") + "]",activity.message)
}
})
}
}
if(document.getElementById("highActivity").checked){
if(checkActivities){
let countMap = new Map();
allActivities.map(act => act.user.name).forEach(person => {
countMap.set(person,(countMap.get(person) || 0) + 1)
})
countMap.forEach((value,key) => {
if(value >= allActivities.length/10){
createResultRow("https://anilist.co/user/" + key,value + " posts in the " + allActivities.length + " most recent posts","")
}
})
}
}
if(document.getElementById("weirdMarkup").checked){
if(checkActivities){
allActivities.forEach(activity => {
if(activity.text.length > 50 && LZString.compress(activity.text).length/activity.text.length < 0.1){
createResultRow(activity.siteUrl,"Low entropy",activity.text)
}
})
}
}
if(miscResults.innerText === ""){
miscResults.innerText = "Inspection completed. Nothing unusual found."
}
}
)
}
}},
{name: translate("$query_autorecs"),
setup: function(){
let select = create("select","#typeSelect",false,miscOptions);
let animeOption = create("option",false,translate("$generic_anime"),select);
let mangaOption = create("option",false,translate("$generic_manga"),select);
animeOption.value = "ANIME";
mangaOption.value = "MANGA";
},
code: function(){
miscResults.innerText = translate("$query_autorecs_collecting");
generalAPIcall(
`query($name: String!){
User(name: $name){
statistics{
${document.getElementById("typeSelect").value.toLowerCase()}{
meanScore
standardDeviation
}
}
}
MediaListCollection(userName: $name,type: ${document.getElementById("typeSelect").value},status_not: PLANNING){
lists{
entries{
mediaId
score(format: POINT_100)
status
media{
recommendations(sort:RATING_DESC,perPage:5){
nodes{
rating
mediaRecommendation{
id
title{romaji native english}
}
}
}
}
}
}
}
}`,
{name: user},function(data){
miscResults.innerText = translate("$query_autorecs_processing");
const list = returnList(data,true).filter(
media => media.status !== "PLANNING"
);
const existingSet = new Set(
list.map(media => media.mediaId)
);
const statistics = data.data.User.statistics[document.getElementById("typeSelect").value.toLowerCase()];
const recsMap = new Map();
list.filter(
media => media.score
).forEach(media => {
let adjustedScore = (media.score - statistics.meanScore)/statistics.standardDeviation;
media.media.recommendations.nodes.forEach(rec => {
if(
rec.mediaRecommendation
&& !existingSet.has(rec.mediaRecommendation.id)
&& rec.rating > 0
){
if(!recsMap.has(rec.mediaRecommendation.id)){
recsMap.set(
rec.mediaRecommendation.id,
{title: titlePicker(rec.mediaRecommendation),score: 0}
)
}
recsMap.get(rec.mediaRecommendation.id).score += adjustedScore * (2 - 1/rec.rating)
}
})
});
miscResults.innerText = translate("$query_autorecs_info");
[...recsMap].map(
pair => ({
id: pair[0],
title: pair[1].title,
score: pair[1].score
})
).sort(
(b,a) => a.score - b.score
).slice(0,25).forEach(rec => {
let card = create("p",false,false,miscResults);
let score = create("span","hohMonospace",rec.score.toPrecision(3) + " ",card,"margin-right:10px;");
create("a",false,rec.title,card)
.href = "/" + document.getElementById("typeSelect").value.toLowerCase() + "/" + rec.id + "/"
})
}
)
}},
{name: "Find a status",setup: function(){
let input = create("input","#searchInput",false,miscOptions);
input.placeholder = "text or regex to match";
},code: function(){
let searchQuery = document.getElementById("searchInput").value;
if(statusSearchCache.length){
miscResults.innerText = "";
let results = create("p",false,false,miscResults);
statusSearchCache.forEach(act => {
if(act.text.match(new RegExp(searchQuery,"i")) || act.text.includes(searchQuery)){
let newDate = create("p",false,false,results,"font-family:monospace;margin-right:10px;");
let newPage = create("a","newTab",act.siteUrl,newDate,"color:rgb(var(--color-blue));");
newPage.href = act.siteUrl;
newDate.innerHTML += DOMPurify.sanitize(act.text);//reason for innerHTML: preparsed sanitized HTML from the Anilist API
create("hr",false,false,results)
}
})
}
else{
generalAPIcall("query($name:String){User(name:$name){id}}",{name: user},function(data){
const query = `
query($userId: Int,$page: Int){
Page(page: $page){
pageInfo{
currentPage
total
lastPage
}
activities (userId: $userId, sort: ID_DESC, type: TEXT){
... on TextActivity{
siteUrl
text(asHtml: true)
}
}
}
}`;
miscResults.innerText = "";
let results = create("p",false,false,miscResults);
let posts = 0;
let progress = create("p",false,false,miscResults);
let userId = data.data.User.id;
let addNewUserData = function(data){
console.log(data);
if(!data){
return
}
if(data.data.Page.pageInfo.currentPage === 1){
for(var i=2;i<=data.data.Page.pageInfo.lastPage && i < ANILIST_QUERY_LIMIT;i++){
generalAPIcall(query,{userId: userId,page: i},addNewUserData)
}
};
posts += data.data.Page.activities.length;
progress.innerText = "Searching status post " + posts + "/" + data.data.Page.pageInfo.total;
data.data.Page.activities.forEach(act => {
if(act.text.match(new RegExp(searchQuery,"i")) || act.text.includes(searchQuery)){
let newDate = create("p",false,false,results,"font-family:monospace;margin-right:10px;");
let newPage = create("a","newTab",act.siteUrl,newDate,"color:rgb(var(--color-blue));");
newPage.href = act.siteUrl;
newDate.innerHTML += DOMPurify.sanitize(act.text);//reason for innerHTML: preparsed sanitized HTML from the Anilist API
create("hr",false,false,results)
}
statusSearchCache.push(act)
})
};
generalAPIcall(query,{userId: userId,page: 1},addNewUserData);
},"hohIDlookup" + user.toLowerCase())
}
}},
{name: "Find a message",setup: function(){
let input = create("input","#searchInput",false,miscOptions);
input.placeholder = "text or regex to match";
},code: function(){
generalAPIcall("query($name:String){User(name:$name){id}}",{name: user},function(data){
let userId = data.data.User.id;
miscResults.innerText = "";
let posts = 0;
let progress = create("p",false,false,miscResults);
let results = create("p",false,false,miscResults);
let searchQuery = document.getElementById("searchInput").value;
const query = `
query($userId: Int,$page: Int){
Page(page: $page){
pageInfo{
currentPage
total
lastPage
}
activities (userId: $userId, sort: ID_DESC, type: MESSAGE){
... on MessageActivity{
siteUrl
message(asHtml: true)
}
}
}
}`;
let addNewUserData = function(data){
if(data.data.Page.pageInfo.currentPage === 1){
for(var i=2;i<=data.data.Page.pageInfo.lastPage;i++){
generalAPIcall(query,{userId: userId,page: i},addNewUserData)
}
};
posts += data.data.Page.activities.length;
progress.innerText = "Searching message post " + posts + "/" + data.data.Page.pageInfo.total;
data.data.Page.activities.forEach(function(act){
if(act.message.match(new RegExp(searchQuery,"i"))){
let newDate = create("p",false,false,results,"font-family:monospace;margin-right:10px;");
let newPage = create("a","newTab",act.siteUrl,newDate,"color:rgb(var(--color-blue));");
newPage.href = act.siteUrl;
newDate.innerHTML += DOMPurify.sanitize(act.message);//reason for innerHTML: preparsed sanitized HTML from the Anilist API
create("hr",false,false,results)
}
})
};
generalAPIcall(query,{userId: userId,page: 1},addNewUserData);
},"hohIDlookup" + user.toLowerCase())
}},
{name: "Most liked status posts",code: function(){
generalAPIcall("query($name:String){User(name:$name){id}}",{name: user},function(data){
let userId = data.data.User.id;
let list = [];
miscResults.innerText = "";
let progress = create("p",false,false,miscResults);
let results = create("p",false,false,miscResults);
const query = `
query($userId: Int,$page: Int){
Page(page: $page){
pageInfo{
currentPage
total
lastPage
}
activities (userId: $userId, sort: ID_DESC, type: TEXT){
... on TextActivity{
siteUrl
likes{id}
}
}
}
}`;
let addNewUserData = function(data){
list = list.concat(data.data.Page.activities);
if(data.data.Page.pageInfo.currentPage === 1){
for(var i=2;i<=Math.min(data.data.Page.pageInfo.lastPage,50);i++){//FIXME temporary workaround to prevent crashes until anilist fixes the page API. Limits to 2500 posts
generalAPIcall(query,{userId: userId,page: i},addNewUserData);
};
};
list.sort(function(b,a){return a.likes.length - b.likes.length});
progress.innerText = "Searching status post " + list.length + "/" + data.data.Page.pageInfo.total + " [total is incorrect until an Anilist bug is fixed. Query limited to 2500]";
removeChildren(results)
for(var i=0;i<20;i++){
let newDate = create("p",false,list[i].likes.length + " likes ",results,"font-family:monospace;margin-right:10px;");
let newPage = create("a","newTab",list[i].siteUrl,newDate,"color:rgb(var(--color-blue));");
newPage.href = list[i].siteUrl;
};
};
generalAPIcall(query,{userId: userId,page: 1},addNewUserData);
},"hohIDlookup" + user.toLowerCase());
}},
{name: "Monthly stats",code: function(){
generalAPIcall("query($name:String){User(name:$name){id}}",{name: user},function(data){
let userId = data.data.User.id;
let currentYear = new Date().getFullYear();
let presentTime = new Date();
let limitTime;
for(let i=1;i<12;i++){
if(new Date(currentYear,i,1) > presentTime){
limitTime = new Date(currentYear,i - 1,1).valueOf();
break
}
if(i === 11){
limitTime = new Date(currentYear,11,1).valueOf()
}
}
let activityQuery =
`query ($userId: Int, $page: Int) {
Page(perPage: 50, page: $page){
activities(sort: ID_DESC,userId: $userId){
... on MessageActivity {
type
createdAt
}
... on TextActivity {
type
createdAt
}
... on ListActivity {
type
createdAt
status
progress
media{
episodes
chapters
duration
format
id
}
}
}
}
}`;
let statsBuffer = [];
let currentPage = 1;
let getData = function(){
generalAPIcall(activityQuery,{userId: userId,page: currentPage},function(data){
statsBuffer = statsBuffer.concat(data.data.Page.activities.filter(act => act.createdAt*1000 >= limitTime));
miscResults.innerText = `This month (since ${new Date().getFullYear()}-${("0" + (new Date().getMonth() + 1)).slice(-2)}-01):`;
let messageCount = statsBuffer.filter(activity => activity.type === "MESSAGE").length;
let statusCount = statsBuffer.filter(activity => activity.type === "TEXT").length;
let animeCount = statsBuffer.filter(activity => activity.type === "ANIME_LIST").length;
let mangaCount = statsBuffer.filter(activity => activity.type === "MANGA_LIST").length;
create("p",false,"Messages received: " +messageCount,miscResults);
create("p",false,"Status posts: " + statusCount,miscResults);
create("p",false,"Anime feed items: " + animeCount,miscResults);
create("p",false,"Manga feed items: " + mangaCount,miscResults);
let animeEntries = {};
let mangaEntries = {};
statsBuffer.forEach(entry => {
if(entry.type === "ANIME_LIST"){
let addDefault = function(){
animeEntries[entry.media.id] = animeEntries[entry.media.id] || {
completionCount: 0,
lowestProgress: entry.media.episodes || Number.MAX_SAFE_INTEGER,
highestProgress: 0,
duration: entry.media.duration || 1,
format: entry.media.format,
total: entry.media.episodes || 1
}
}
if(entry.status === "watched episode" || entry.status === "rewatched episode"){
addDefault();
let splitProgress = entry.progress.split(" - ").map(num => parseInt(num));
animeEntries[entry.media.id].lowestProgress = Math.min(
animeEntries[entry.media.id].lowestProgress,
splitProgress[0]
)
animeEntries[entry.media.id].highestProgress = Math.max(
animeEntries[entry.media.id].highestProgress,
splitProgress[splitProgress.length - 1]
)
}
else if(entry.status === "completed"){
addDefault();
animeEntries[entry.media.id].highestProgress = animeEntries[entry.media.id].total || 1;
animeEntries[entry.media.id].completionCount++
}
}
else if(entry.type === "MANGA_LIST"){
let addDefault = function(){
mangaEntries[entry.media.id] = mangaEntries[entry.media.id] || {
completionCount: 0,
lowestProgress: entry.media.chapters || Number.MAX_SAFE_INTEGER,
highestProgress: 0,
format: entry.media.format,
total: entry.media.chapters || 1
}
}
if(entry.status === "read chapter" || entry.status === "reread chapter"){
addDefault();
let splitProgress = entry.progress.split(" - ").map(num => parseInt(num));
mangaEntries[entry.media.id].lowestProgress = Math.min(
mangaEntries[entry.media.id].lowestProgress,
splitProgress[0]
)
mangaEntries[entry.media.id].highestProgress = Math.max(
mangaEntries[entry.media.id].highestProgress,
splitProgress[splitProgress.length - 1]
)
}
else if(entry.status === "completed"){
addDefault();
mangaEntries[entry.media.id].highestProgress = mangaEntries[entry.media.id].total || 1;
mangaEntries[entry.media.id].completionCount++
}
}
});
let formatDigest = {};
Object.keys(distributionFormats).forEach(key => formatDigest[key] = 0);
let digestMinutesAnime = 0;
Object.keys(animeEntries).forEach(key => {
let epCount = Math.max(0,animeEntries[key].highestProgress - animeEntries[key].lowestProgress + 1);
if(animeEntries[key].completionCount > 1){
epCount += animeEntries[key].completionCount - 1
}
digestMinutesAnime += epCount * animeEntries[key].duration;
formatDigest[animeEntries[key].format] += epCount
});
Object.keys(mangaEntries).forEach(key => {
let chCount = Math.max(0,mangaEntries[key].highestProgress - mangaEntries[key].lowestProgress + 1);
if(mangaEntries[key].completionCount > 1){
chCount += mangaEntries[key].completionCount - 1
}
formatDigest[mangaEntries[key].format] += chCount
});
create("hr",false,false,miscResults);
create("p",false,"Time Watched: " + formatTime(digestMinutesAnime * 60),miscResults);
if(formatDigest["TV"]){
create("p",false,"TV eps: " + formatDigest["TV"],miscResults)
}
if(formatDigest["OVA"]){
create("p",false,"OVA eps: " + formatDigest["OVA"],miscResults)
}
if(formatDigest["ONA"]){
create("p",false,"ONA eps: " + formatDigest["ONA"],miscResults)
}
if(formatDigest["MOVIE"]){
create("p",false,"Movies: " + formatDigest["MOVIE"],miscResults)
}
if(formatDigest["TV_SHORT"]){
create("p",false,"Short TV eps: " + formatDigest["TV_SHORT"],miscResults)
}
if(formatDigest["SPECIAL"]){
create("p",false,"Specials: " + formatDigest["SPECIAL"],miscResults)
}
if(formatDigest["MUSIC"]){
create("p",false,"Music vids: " + formatDigest["MUSIC"],miscResults)
}
create("hr",false,false,miscResults);
if(formatDigest["MANGA"]){
create("p",false,"Manga chapters: " + formatDigest["MANGA"],miscResults)
}
if(formatDigest["NOVEL"]){
create("p",false,"LN chapters: " + formatDigest["NOVEL"],miscResults)
}
if(formatDigest["ONE_SHOT"]){
create("p",false,"One shots: " + formatDigest["ONE_SHOT"],miscResults)
}
if(data.data.Page.activities[data.data.Page.activities.length - 1].createdAt*1000 >= limitTime){
currentPage++;
create("p",false,"Loading more activities...",miscResults);
getData();
}
})
};getData()
},"hohIDlookup" + user.toLowerCase());
}},
];
let miscInputSelect = create("select",false,false,miscInput);
let miscInputButton = create("button",["button","hohButton"],translate("$button_run"),miscInput);
availableQueries.forEach(que => {
create("option",false,que.name,miscInputSelect).value = que.name
});
miscInputSelect.oninput = function(){
miscOptions.innerText = "";
let relevant = availableQueries.find(que => que.name === miscInputSelect.value);
miscResults.innerText = "";
if(relevant.setup){
relevant.setup()
}
};
miscInputButton.onclick = function(){
miscResults.innerText = translate("$loading");
availableQueries.find(que => que.name === miscInputSelect.value).code()
}
let customTagsCollection = function(list,title,fields){
let customTags = new Map();
let regularTags = new Map();
let customLists = new Map();
(
JSON.parse(localStorage.getItem("regularTags" + title)) || []
).forEach(
tag => regularTags.set(tag,{
name : tag,
list : []
})
);
customLists.set("Not on custom list",{name: "Not on custom list",list: []});
customLists.set("All media",{name: "All media",list: []});
list.forEach(media => {
let item = {};
fields.forEach(field => {
item[field.key] = field.method(media)
});
if(media.notes){
(
media.notes.match(/(#(\\\s|\S)+)/g) || []
).filter(
tagMatch => !tagMatch.match(/^#039/)
).map(
tagMatch => evalBackslash(tagMatch)
).forEach(tagMatch => {
if(!customTags.has(tagMatch)){
customTags.set(tagMatch,{name: tagMatch,list: []})
}
customTags.get(tagMatch).list.push(item)
});
(//candidates for multi word tags, which we try to detect even if they are not allowed
media.notes.match(/(#\S+\ [^#]\S+)/g) || []
).filter(
tagMatch => !tagMatch.match(/^#039/)
).map(
tagMatch => evalBackslash(tagMatch)
).forEach(tagMatch => {
if(!customTags.has(tagMatch)){
customTags.set(tagMatch,{name: tagMatch,list: []})
}
customTags.get(tagMatch).list.push(item)
})
};
media.media.tags.forEach(mediaTag => {
if(regularTags.has(mediaTag.name)){
regularTags.get(mediaTag.name).list.push(item)
}
});
if(media.isCustomList){
media.listLocations.forEach(location => {
if(!customLists.has(location)){
customLists.set(location,{name: location,list: []})
}
customLists.get(location).list.push(item)
})
}
else if(useScripts.negativeCustomList){
customLists.get("Not on custom list").list.push(item)
};
if(useScripts.globalCustomList){
customLists.get("All media").list.push(item)
}
});
if(customTags.has("##STRICT")){
customTags.delete("##STRICT")
}
else{
for(let [key,value] of customTags){//filter our multi word candidates
if(key.includes(" ")){
if(value.list.length === 1){//if it's just one of them, the prefix tag takes priority
customTags.delete(key)
}
else{
let prefix = key.split(" ")[0];
if(customTags.has(prefix)){
if(customTags.get(prefix).list.length === value.list.length){
customTags.delete(prefix)
}
else{
customTags.delete(key)
}
}
}
}
}
for(let [key,value] of customTags){//fix the basic casing error, like #shoujo vs #Shoujo. Will only merge if one is of length 1
if(key[1] === key[1].toUpperCase()){
let lowerCaseKey = "#" + key[1].toLowerCase() + key.slice(2);
let lowerCaseValue = customTags.get(lowerCaseKey);
if(lowerCaseValue){
if(value.list.length === 1){
lowerCaseValue.list = lowerCaseValue.list.concat(value.list);
customTags.delete(key)
}
else if(lowerCaseValue.list.length === 1){
value.list = value.list.concat(lowerCaseValue.list);
customTags.delete(lowerCaseKey)
}
}
}
}
}
if(!customLists.get("Not on custom list").list.length){
customLists.delete("Not on custom list")
};
if(!customLists.get("All media").list.length){
customLists.delete("All media")
};
return [...customTags, ...regularTags, ...customLists].map(
pair => pair[1]
).map(tag => {
let amountCount = 0;
let average = 0;
tag.list.forEach(item => {
if(item.score !== 0){
amountCount++;
average += item.score;
};
fields.forEach(field => {
if(field.sumable){
tag[field.key] = field.sumable(tag[field.key],item[field.key]);
}
})
});
tag.average = average/amountCount || 0;
tag.list.sort((b,a) => a.score - b.score);
return tag;
}).sort(
(b,a) => a.list.length - b.list.length || b.name.localeCompare(a.name)
)
};
let regularTagsCollection = function(list,fields,extracter){
let tags = new Map();
list.forEach(media => {
let item = {};
fields.forEach(field => {
item[field.key] = field.method(media)
});
extracter(media).forEach(tag => {
if(useScripts.SFWmode && tag.name === "Hentai"){
return
}
if(!tags.has(tag.name)){
tags.set(tag.name,{name: tag.name,list: []})
}
tags.get(tag.name).list.push(item)
})
});
tags.forEach(tag => {
tag.amountCount = 0;
tag.average = 0;
tag.list.forEach(item => {
if(item.score){
tag.amountCount++;
tag.average += item.score;
};
fields.forEach(field => {
if(field.sumable){
tag[field.key] = field.sumable(tag[field.key],item[field.key])
}
})
});
tag.average = tag.average/tag.amountCount || 0;
tag.list.sort((b,a) => a.score - b.score)
});
return [...tags].map(
tag => tag[1]
).sort(
(b,a) => (a.average*a.amountCount + ANILIST_WEIGHT)/(a.amountCount + 1) - (b.average*b.amountCount + ANILIST_WEIGHT)/(b.amountCount + 1) || a.list.length - b.list.length
)
};
let drawTable = function(data,formatter,tableLocation,isTag,autoHide){
removeChildren(tableLocation)
tableLocation.innerText = "";
let hasScores = data.some(elem => elem.average);
let header = create("p",false,formatter.title);
let tableContent = create("div",["table","hohTable"]);
let headerRow = create("div",["header","row"],false,tableContent);
let indexAccumulator = 0;
formatter.headings.forEach(function(heading){
if(!hasScores && heading === "Mean Score"){
return
};
let columnTitle = create("div",false,heading,headerRow);
if((heading === "Tag" || heading === translate("$stats_tag")) && !isTag && formatter.isMixed){
columnTitle.innerText = translate("$stats_genre")
}
if(formatter.focus === indexAccumulator){
columnTitle.innerText += " ";
columnTitle.appendChild(svgAssets2.angleDown.cloneNode(true))
};
columnTitle.index = +indexAccumulator;
columnTitle.addEventListener("click",function(){
formatter.focus = this.index;
data.sort(formatter.sorting[this.index]);
drawTable(data,formatter,tableLocation,isTag,autoHide)
});
indexAccumulator++;
});
for(var i=0;i {
if(index === 2 && !hasScores){
return
};
celData(
create("div",false,false,row),
data,i,true,isTag
)
});
row.onclick = function(){
if(this.nextSibling.style.display === "none"){
this.nextSibling.style.display = "block"
}
else{
this.nextSibling.style.display = "none"
}
};
tableContent.appendChild(row);
let showList = create("div");
if(formatter.focus === 1){//sorting by count is meaningless, sort alphabetically instead
data[i].list.sort(formatter.sorting[0])
}
else if(formatter.focus === 2){//average != score
data[i].list.sort((b,a) => a.score - b.score)
}
else if(formatter.focus === -1){//average != score
//nothing, duh
}
else{
data[i].list.sort(formatter.sorting[formatter.focus]);
}
data[i].list.forEach((nil,ind) => {
let secondaryRow = create("div",["row","hohSecondaryRow"]);
formatter.celData.forEach(celData => {
let cel = create("div");
celData(cel,data[i].list,ind,false,isTag);
secondaryRow.appendChild(cel)
});
showList.appendChild(secondaryRow)
});
showList.style.display = "none";
tableContent.insertBefore(showList,row.nextSibling);
};
tableLocation.appendChild(header);
tableLocation.appendChild(tableContent);
if(autoHide){
let tableHider = create("span",["hohMonospace","hohTableHider"],"[-]",header);
let regularTagsSetting = create("p",false,false,tableLocation);
let regularTagsSettingLabel = create("span",false," Regular tags included (applied on reload): ",regularTagsSetting);
let regularTagsSettingContent = create("span",false,false,regularTagsSetting);
let regularTagsSettingNew = create("input",false,false,regularTagsSetting);
let regularTagsSettingAdd = create("button",["hohButton","button"],"+",regularTagsSetting);
let regularTags = JSON.parse(localStorage.getItem("regularTags" + formatter.title)) || [];
for(var i=0;i media.repeat
},{
key : "status",
sumable : function(acc,val){
if(!acc){
acc = {};
Object.keys(distributionColours).forEach(function(key){
acc[key] = 0
})
}
acc[val]++;
return acc;
},
method : media => media.status
},{
key : "type",
method : function(media){
if(!media.progressVolumes && !(media.progressVolumes === 0)){
return "ANIME"
}
return "MANGA"
}
},{
key : "mediaId",
method : media => media.mediaId
},{
key : "score",
method : media => media.scoreRaw
},{
key : "duration",
sumable : ACCUMULATE,
method : media => media.watchedDuration || 0
},{
key : "chaptersRead",
sumable : ACCUMULATE,
method : media => media.chaptersRead || 0
}
];
let mixedFormatter = {
title: "",
display: true,
isMixed: true,
headings: [translate("$stats_tag"),translate("$stats_count"),"Mean Score","Time Watched","Chapters Read"],
focus: -1,
anime: true,
manga: true,
celData: [
function(cel,data,index,isPrimary,isTag){
if(isPrimary){
let nameCellCount = create("div","count",(index+1),cel);
let nameCellTag = create("a",false,data[index].name,cel,"cursor:pointer;");
if(isTag){
if(mixedFormatter.anime && data[index].list.some(media => media.type === "ANIME")){
nameCellTag.href = "/search/anime?includedTags=" + data[index].name + "&onList=true"
}
else{
nameCellTag.href = "/search/manga?includedTags=" + data[index].name + "&onList=true"
}
}
else{
if(mixedFormatter.anime && data[index].list.some(media => media.type === "ANIME")){
nameCellTag.href = "/search/anime?includedGenres=" + data[index].name + "&onList=true"
}
else{
nameCellTag.href = "/search/manga?includedGenres=" + data[index].name + "&onList=true"
}
}
if(tagDescriptions[data[index].name]){
nameCellTag.title = tagDescriptions[data[index].name]
}
let nameCellStatus = create("span","hohSummableStatusContainer",false,cel);
semmanticStatusOrder.forEach(function(status){
if(data[index].status[status]){
let statusSumDot = create("div","hohSummableStatus",data[index].status[status],nameCellStatus);
statusSumDot.style.background = distributionColours[status];
statusSumDot.title = data[index].status[status] + " " + capitalize(status.toLowerCase());
if(data[index].status[status] > 99){
statusSumDot.style.fontSize = "8px"
}
if(data[index].status[status] > 999){
statusSumDot.style.fontSize = "6px"
}
statusSumDot.onclick = function(e){
e.stopPropagation();
Array.from(cel.parentNode.nextSibling.children).forEach(child => {
if(child.children[1].children[0].title === status.toLowerCase()){
child.style.display = "grid"
}
else{
child.style.display = "none"
}
})
}
}
})
}
else{
let nameCellTag = create("a",["title","hohNameCel"],data[index].name,cel);
if(data[index].type === "ANIME"){
nameCellTag.href = "/anime/" + data[index].mediaId + "/";
nameCellTag.style.color = "rgb(var(--color-blue))"
}
else{
nameCellTag.href = "/manga/" + data[index].mediaId + "/";
nameCellTag.style.color = "rgb(var(--color-green))"
}
}
},
function(cel,data,index,isPrimary){
if(isPrimary){
cel.innerText = data[index].list.length
}
else{
let statusDot = create("div","hohStatusDot",false,cel);
statusDot.style.backgroundColor = distributionColours[data[index].status];
statusDot.title = data[index].status.toLowerCase();
if(data[index].status === "COMPLETED"){
statusDot.style.backgroundColor = "transparent"//default case
}
if(data[index].repeat === 1){
cel.appendChild(svgAssets2.repeat.cloneNode(true))
}
else if(data[index].repeat > 1){
cel.appendChild(svgAssets2.repeat.cloneNode(true));
create("span",false,data[index].repeat,cel)
}
}
},
function(cel,data,index,isPrimary){
if(isPrimary){
cel.innerText = (data[index].average).roundPlaces(1) || "-"
}
else{
cel.innerText = (data[index].score).roundPlaces(1) || "-"
}
},
function(cel,data,index,isPrimary){
if(!isPrimary && data[index].type === "MANGA"){
cel.innerText = "-"
}
else if(data[index].duration === 0){
cel.innerText = "-"
}
else if(data[index].duration < 60){
cel.innerText = Math.round(data[index].duration) + "min"
}
else{
cel.innerText = Math.round(data[index].duration/60) + "h"
}
},
function(cel,data,index,isPrimary){
if(isPrimary || data[index].type === "MANGA"){
cel.innerText = data[index].chaptersRead;
}
else{
cel.innerText = "-"
}
}
],
sorting : [
ALPHABETICAL(a => a.name),
(b,a) => a.list.length - b.list.length,
(b,a) => a.average - b.average,
(b,a) => a.duration - b.duration,
(b,a) => a.chaptersRead - b.chaptersRead
]
};
let collectedMedia = semaPhoreAnime.concat(semaPhoreManga);
let listOfTags = regularTagsCollection(collectedMedia,mixedFields,media => media.media.tags);
if(!document.URL.match(/\/stats/)){
return
};
let drawer = function(){
if(regularFilterHeading.children.length === 0){
let filterWrap = create("div",false,false,regularFilterHeading);
create("p",false,"tip: click a row to show individual media entries",regularFilterHeading);
let filterLabel = create("span",false,translate("$filters"),filterWrap);
let tableHider = create("span",["hohMonospace","hohTableHider"],"[+]",filterWrap);
let filters = create("div",false,false,filterWrap,"display: none");
let animeSetting = create("p","hohSetting",false,filters);
let input_a = createCheckbox(animeSetting);
input_a.checked = true;
create("span",false,translate("$generic_anime"),animeSetting);
let mangaSetting = create("p","hohSetting",false,filters);
let input_m = createCheckbox(mangaSetting);
input_m.checked = true;
create("span",false,translate("$generic_manga"),mangaSetting);
let minSetting = create("p","hohSetting",false,filters);
let min_s_input = create("input","hohNativeInput",false,minSetting,"width: 80px;margin-right: 10px;");
min_s_input.type = "number";
min_s_input.min = 0;
min_s_input.max = 100;
min_s_input.step = 1;
min_s_input.value = 0;
create("span",false,"Minimum rating",minSetting);
let minEpisodeSetting = create("p","hohSetting",false,filters);
let min_e_input = create("input","hohNativeInput",false,minEpisodeSetting,"width: 80px;margin-right: 10px;");
min_e_input.type = "number";
min_e_input.min = 0;
min_e_input.step = 1;
min_e_input.value = 0;
create("span",false,"Minimum episode progress",minEpisodeSetting);
let minChapterSetting = create("p","hohSetting",false,filters);
let min_c_input = create("input","hohNativeInput",false,minChapterSetting,"width: 80px;margin-right: 10px;");
min_c_input.type = "number";
min_c_input.min = 0;
min_c_input.step = 1;
min_c_input.value = 0;
create("span",false,"Minimum chapter progress",minChapterSetting);
let statusFilter = {};
create("p",false,"Status",filters);
let statusLine = create("p","hohSetting",false,filters);
Object.keys(statusTypes).sort().forEach(key => {
statusFilter[key] = true;
let input_status = createCheckbox(statusLine);
input_status.checked = true;
create("span",false,capitalize(statusTypes[key]),statusLine,"margin-right: 20px");
input_status.onchange = function(){
statusFilter[key] = input_status.checked
}
})
let formatFilter = {};
create("p",false,"Format",filters);
let formatLine_a = create("p","hohSetting",false,filters);
let formatLine_m = create("p","hohSetting",false,filters);
Object.keys(distributionFormats).forEach(key => {
formatFilter[key] = true;
let input_format;
if(["MANGA","NOVEL","ONE_SHOT"].includes(key)){
input_format = createCheckbox(formatLine_m);
create("span",false,distributionFormats[key],formatLine_m,"margin-right: 20px")
}
else{
input_format = createCheckbox(formatLine_a);
create("span",false,distributionFormats[key],formatLine_a,"margin-right: 20px")
}
input_format.checked = true;
input_format.onchange = function(){
formatFilter[key] = input_format.checked
}
})
input_m.onchange = function(){
if(input_m.checked){
minChapterSetting.style.opacity = 1;
formatLine_m.style.opacity = 1;
}
else{
input_a.checked = true;
minEpisodeSetting.style.opacity = 1;
minChapterSetting.style.opacity = 0.5;
formatLine_m.style.opacity = 0.5;
formatLine_a.style.opacity = 1;
}
}
input_a.onchange = function(){
if(input_a.checked){
minEpisodeSetting.style.opacity = 1;
formatLine_a.style.opacity = 1;
}
else{
input_m.checked = true;
minEpisodeSetting.style.opacity = 0.5;
minChapterSetting.style.opacity = 1;
formatLine_m.style.opacity = 1;
formatLine_a.style.opacity = 0.5;
}
}
let applyButton = create("button",["hohButton","button"],translate("$button_submit"),filters);
applyButton.onclick = function(){
let base_media = collectedMedia;
if(!input_a.checked){
base_media = semaPhoreManga
}
else if(!input_m.checked){
base_media = semaPhoreAnime
}
mixedFormatter.anime = input_a.checked;
mixedFormatter.manga = input_m.checked;
base_media = base_media.filter(mediaEntry => {
if(mediaEntry.hasOwnProperty("progressVolumes")){
if(mediaEntry.progress < parseInt(min_c_input.value)){
return false
}
}
else{
if(mediaEntry.progress < parseInt(min_e_input.value)){
return false
}
}
return mediaEntry.scoreRaw >= parseInt(min_s_input.value)
&& statusFilter[mediaEntry.status]
&& formatFilter[mediaEntry.media.format]
})
listOfTags = regularTagsCollection(base_media,mixedFields,media => media.media.tags);
drawTable(listOfTags,mixedFormatter,regularTagsTable,true);
drawTable(
regularTagsCollection(
base_media,
mixedFields,
media => media.media.genres.map(a => ({name: a}))
),
mixedFormatter,
regularGenresTable
)
}
tableHider.onclick = function(){
if(this.innerText === "[-]"){
tableHider.innerText = "[+]";
filters.style.display = "none"
}
else{
tableHider.innerText = "[-]";
filters.style.display = "block"
}
}
}
drawTable(listOfTags,mixedFormatter,regularTagsTable,true);
//recycle most of the formatter for genres
drawTable(
regularTagsCollection(
collectedMedia,
mixedFields,
media => media.media.genres.map(a => ({name: a}))
),
mixedFormatter,
regularGenresTable
);
hohGenresTrigger.removeEventListener("mouseover",drawer);
}
hohGenresTrigger.addEventListener("mouseover",drawer);
if(hohGenresTrigger.classList.contains("hohActive")){
drawer()
}
};
//get anime list
let personalStatsCallback = function(data,filterSettings,onlyStats){
personalStats.innerText = "";
create("hr","hohSeparator",false,personalStats);
let regularFilterHeading = create("div",false,false,personalStats,"margin-bottom: 10px;");
let filterWrap = create("div",false,false,regularFilterHeading);
let filterLabel = create("span",false,translate("$filters"),filterWrap);
let tableHider = create("span",["hohMonospace","hohTableHider"],"[+]",filterWrap);
let filters = create("div",false,false,filterWrap,"display: none");
let listFilterHeading = create("p",false,translate("$filters_lists"),filters);
filterSettings = filterSettings || {
lists: {}
};
data.data.MediaListCollection.lists.forEach(mediaList => {
let listSetting = create("p","hohSetting",false,filters);
let listSetting_input = createCheckbox(listSetting);
if(!filterSettings.lists.hasOwnProperty(mediaList.name) || filterSettings.lists[mediaList.name]){
listSetting_input.checked = true;
filterSettings.lists[mediaList.name] = true
}
listSetting_input.oninput = function(){
filterSettings.lists[mediaList.name] = listSetting_input.checked
}
create("span",false,mediaList.name,listSetting);
});
let applyButton = create("button",["hohButton","button"],translate("$button_submit"),filters);
applyButton.onclick = function(){
personalStatsCallback(data,filterSettings,true);
}
tableHider.onclick = function(){
if(this.innerText === "[-]"){
tableHider.innerText = "[+]";
filters.style.display = "none"
}
else{
tableHider.innerText = "[-]";
filters.style.display = "block"
}
}
create("h1","hohStatHeading",translate("$stats_anime_heading",user),personalStats);
let list = returnList({
data: {
MediaListCollection: {
lists: data.data.MediaListCollection.lists.filter(
mediaList => filterSettings.lists[mediaList.name]
)
}
}
});
let scoreList = list.filter(element => element.scoreRaw);
if(whoAmI && whoAmI !== user){
let compatabilityButton = create("button",["button","hohButton"],"Compatibility",personalStats);
let compatLocation = create("div","#hohCheckCompat",false,personalStats);
compatabilityButton.onclick = function(){
compatLocation.innerText = translate("$loading");
compatLocation.style.marginTop = "5px";
compatCheck(
scoreList,
whoAmI,
"ANIME",
data => formatCompat(data,compatLocation,user)
)
};
};
let addStat = function(text,value,comment){//value,value,html
let newStat = create("p","hohStat",false,personalStats);
create("span",false,text,newStat);
create("span","hohStatValue",value,newStat);
if(comment){
create("span",false,false,newStat)
.innerText = comment
}
};
//first activity
let oldest = list.filter(
item => item.startedAt.year
).map(
item => item.startedAt
).sort((b,a) =>
(a.year < b.year)
|| (a.year === b.year && a.month < b.month)
|| (a.year === b.year && a.month === b.month && a.day < b.day)
)[0];
//scoring stats
let previouScore = 0;
let maxRunLength = 0;
let maxRunLengthScore = 0;
let runLength = 0;
let sumEntries = 0;
let amount = scoreList.length;
let sumWeight = 0;
let sumEntriesWeight = 0;
let average = 0;
let median = (scoreList.length ? Stats.median(scoreList.map(e => e.scoreRaw)) : 0);
let sumDuration = 0;
let publicDeviation = 0;
let publicDifference = 0;
let histogram = new Array(100).fill(0);
let longestDuration = {
time: 0,
name: "",
status: "",
rewatch: 0,
id: 0
};
scoreList.sort((a,b) => a.scoreRaw - b.scoreRaw);
list.forEach(item => {
let entryDuration = (item.media.duration || 1)*(item.progress || 0);//current round
item.episodes = item.progress || 0;
if(useScripts.noRewatches && item.repeat){
entryDuration = Math.max(
item.progress || 0,
item.media.episodes || 1,
) * (item.media.duration || 1);//first round
item.episodes = Math.max(
item.progress || 0,
item.media.episodes || 1
)
}
else{
entryDuration += (item.repeat || 0) * Math.max(
item.progress || 0,
item.media.episodes || 1
) * (item.media.duration || 1);//repeats
item.episodes += (item.repeat || 0) * Math.max(
item.progress || 0,
item.media.episodes || 1
)
}
if(item.listJSON && item.listJSON.adjustValue){
item.episodes = Math.max(0,item.episodes + item.listJSON.adjustValue);
entryDuration = Math.max(0,entryDuration + item.listJSON.adjustValue*(item.media.duration || 1));
};
item.watchedDuration = entryDuration;
sumDuration += entryDuration;
if(entryDuration > longestDuration.time){
longestDuration.time = entryDuration;
longestDuration.name = item.media.title.romaji;
longestDuration.status = item.status;
longestDuration.rewatch = item.repeat;
longestDuration.id = item.mediaId
}
});
scoreList.forEach(item => {
sumEntries += item.scoreRaw;
if(item.scoreRaw === previouScore){
runLength++;
if(runLength > maxRunLength){
maxRunLength = runLength;
maxRunLengthScore = item.scoreRaw
}
}
else{
runLength = 1;
previouScore = item.scoreRaw
};
sumWeight += (item.media.duration || 1) * (item.media.episodes || 0);
sumEntriesWeight += item.scoreRaw*(item.media.duration || 1) * (item.media.episodes || 0);
histogram[item.scoreRaw - 1]++
});
if(amount){
average = sumEntries/amount
}
if(scoreList.length){
publicDeviation = Math.sqrt(
scoreList.reduce(function(accum,element){
if(!element.media.meanScore){
return accum
}
return accum + Math.pow(element.media.meanScore - element.scoreRaw,2)
},0)/amount
);
publicDifference = scoreList.reduce(function(accum,element){
if(!element.media.meanScore){
return accum
}
return accum + (element.scoreRaw - element.media.meanScore)
},0)/amount
}
list.sort((a,b) => a.mediaId - b.mediaId);
//display scoring stats
addStat(translate("$stats_animeOnList"),list.length);
addStat(translate("$stats_animeRated"),amount);
if(amount !== 0){//no scores
if(amount === 1){
addStat(translate("$stats_onlyOne"),maxRunLengthScore)
}
else{
addStat(
translate("$stats_averageScore"),
average.toPrecision(4)
);
addStat(
translate("$stats_averageScore"),
(sumEntriesWeight/sumWeight).toPrecision(4),
translate("$stats_weightComment_duration")
);
addStat(translate("$stats_medianScore"),median);
addStat(
translate("$stats_globalDifference"),
publicDifference.roundPlaces(2),
translate("$stats_globalDifference_comment")
);
addStat(
translate("$stats_globalDeviation"),
publicDeviation.roundPlaces(2),
translate("$stats_globalDeviation_comment")
);
addStat(
translate("$stats_ratingEntropy"),
-histogram.reduce((acc,val) => {
if(val){
return acc + Math.log2(val/amount) * val/amount
}
return acc
},0).toPrecision(3),
translate("$stats_ratingEntropy_comment")
);
if(maxRunLength > 1){
addStat(translate("$stats_mostCommonScore"),maxRunLengthScore, " " + translate("$stats_instances",maxRunLength))
}
else{
addStat(translate("$stats_mostCommonScore"),"",translate("$stats_instances_unique"))
}
};
//longest activity
let singleText = translate("$stats_longestTime",[(100*longestDuration.time/sumDuration).roundPlaces(2),longestDuration.name]) + ". ";
if(longestDuration.rewatch === 0){
if(longestDuration.status === "CURRENT"){
singleText += translate("$stats_longest_watching")
}
else if(longestDuration.status === "PAUSED"){
singleText += translate("$stats_longest_paused")
}
else if(longestDuration.status === "DROPPED"){
singleText += translate("$stats_longest_dropped")
}
}
else{
if(longestDuration.status === "COMPLETED"){
if(longestDuration.rewatch === 1){
singleText += translate("$stats_longest_1rewatch")
}
else if(longestDuration.rewatch === 2){
singleText += translate("$stats_longest_2rewatch")
}
else{
singleText += translate("$stats_longest_Mrewatch",longestDuration.rewatch)
}
}
else if(longestDuration.status === "CURRENT" || status === "REPEATING"){
if(longestDuration.rewatch === 1){
singleText += translate("$stats_longest_1rewatching")
}
else if(longestDuration.rewatch === 2){
singleText += translate("$stats_longest_2rewatching")
}
else{
singleText += translate("$stats_longest_Mrewatching",longestDuration.rewatch)
}
}
else if(longestDuration.status === "PAUSED"){
if(longestDuration.rewatch === 1){
singleText += translate("$stats_longest_1rewatchPaused")
}
else if(longestDuration.rewatch === 2){
singleText += translate("$stats_longest_2rewatchPaused")
}
else{
singleText += translate("$stats_longest_MrewatchPaused",longestDuration.rewatch)
}
}
else if(longestDuration.status === "DROPPED"){
if(longestDuration.rewatch === 1){
singleText += translate("$stats_longest_1rewatchDropped")
}
else if(longestDuration.rewatch === 2){
singleText += translate("$stats_longest_2rewatchDropped")
}
else{
singleText += translate("$stats_longest_MrewatchDropped",longestDuration.rewatch)
}
}
};
addStat(
translate("$stats_timeWatched"),
(sumDuration/(60*24)).roundPlaces(2),
" " + translate("$time_medium_Mday") + " (" + singleText + ")"
)
};
let TVepisodes = 0;
let TVepisodesLeft = 0;
list.filter(show => show.media.format === "TV").forEach(function(show){
TVepisodes += show.progress;
TVepisodes += show.repeat * Math.max(1,(show.media.episodes || 0),show.progress);
if(show.status === "CURRENT"){
TVepisodesLeft += Math.max((show.media.episodes || 0) - show.progress,0)
}
});
addStat(translate("$stats_TVEpisodesWatched"),TVepisodes);
addStat(translate("$stats_TVEpisodesRemaining"),TVepisodesLeft);
if(oldest){
create("p",false,translate("$stats_firstLoggedAnime") + oldest.year + "-" + oldest.month + "-" + oldest.day + ". " + translate("$stats_firstLoggedAnime_note"),personalStats)
};
let animeFormatter = {
title: "Custom Anime Tags",
display: !useScripts.hideCustomTags,
headings: [translate("$stats_tag"),translate("$stats_count"),"Mean Score","Time Watched","Episodes","Eps remaining"],
focus: -1,
celData: [
function(cel,data,index,isPrimary){
if(isPrimary){
let nameCellCount = create("div","count",(index+1),cel);
let nameCellTag = create("a",false,data[index].name,cel,"cursor:pointer;");
let nameCellStatus = create("span","hohSummableStatusContainer",false,cel);
semmanticStatusOrder.forEach(function(status){
if(data[index].status && data[index].status[status]){
let statusSumDot = create("div","hohSummableStatus",data[index].status[status],nameCellStatus);
statusSumDot.style.background = distributionColours[status];
statusSumDot.title = data[index].status[status] + " " + capitalize(status.toLowerCase());
if(data[index].status[status] > 99){
statusSumDot.style.fontSize = "8px"
}
if(data[index].status[status] > 999){
statusSumDot.style.fontSize = "6px"
}
statusSumDot.onclick = function(e){
e.stopPropagation();
Array.from(cel.parentNode.nextSibling.children).forEach(function(child){
if(child.children[1].children[0].title === status.toLowerCase()){
child.style.display = "grid"
}
else{
child.style.display = "none"
}
})
}
}
})
}
else{
create("a","hohNameCel",data[index].name,cel)
.href = "/anime/" + data[index].mediaId + "/" + safeURL(data[index].name)
}
},
function(cel,data,index,isPrimary){
if(isPrimary){
cel.innerText = data[index].list.length
}
else{
let statusDot = create("div","hohStatusDot",false,cel);
statusDot.style.backgroundColor = distributionColours[data[index].status];
statusDot.title = data[index].status.toLowerCase();
if(data[index].status === "COMPLETED"){
statusDot.style.backgroundColor = "transparent"//default case
}
if(data[index].repeat === 1){
cel.appendChild(svgAssets2.repeat.cloneNode(true))
}
else if(data[index].repeat > 1){
cel.appendChild(svgAssets2.repeat.cloneNode(true));
create("span",false,data[index].repeat,cel)
}
}
},
function(cel,data,index,isPrimary){
if(isPrimary){
if(data[index].average === 0){
cel.innerText = "-"
}
else{
cel.innerText = (data[index].average).roundPlaces(1)
}
}
else{
if(data[index].score === 0){
cel.innerText = "-"
}
else{
cel.innerText = (data[index].score).roundPlaces(1)
}
}
},
function(cel,data,index){
if(!data[index].duration){
cel.innerText = "-"
}
else{
cel.innerText = formatTime(data[index].duration*60,"short");
cel.title = (data[index].duration/60).roundPlaces(1) + " hours"
}
},
function(cel,data,index,isPrimary){
if(isPrimary){
if(!data[index].list.length){
cel.innerText = "-"
}
else{
cel.innerText = data[index].episodes
}
}
else{
cel.innerText = data[index].episodes
}
},
function(cel,data,index,isPrimary){
if(data[index].episodes === 0 && data[index].remaining === 0 || isPrimary && !data[index].list.length){
cel.innerText = "-"
}
else if(data[index].remaining === 0){
cel.innerText = "completed"
}
else{
if(useScripts.timeToCompleteColumn){
cel.innerText = data[index].remaining + " (" + formatTime(data[index].remainingTime*60,"short") + ")"
}
else{
cel.innerText = data[index].remaining
}
}
}
],
sorting: [
ALPHABETICAL(a => a.name),
(b,a) => a.list.length - b.list.length,
(b,a) => a.average - b.average,
(b,a) => a.duration - b.duration,
(b,a) => a.episodes - b.episodes,
(b,a) => a.remaining - b.remaining
]
};
const animeFields = [
{
key : "name",
method : function(media){
return titlePicker({
id: media.mediaId,
title: media.media.title
})
}
},{
key : "mediaId",
method : media => media.mediaId
},{
key : "score",
method : media => media.scoreRaw
},{
key : "repeat",
method : media => media.repeat
},{
key : "status",
sumable : function(acc,val){
if(!acc){
acc = {};
Object.keys(distributionColours).forEach(function(key){
acc[key] = 0
})
}
acc[val]++;
return acc
},
method : media => media.status
},{
key : "duration",
sumable : ACCUMULATE,
method : media => media.watchedDuration
},{
key : "episodes",
sumable : ACCUMULATE,
method : media => media.episodes
},{
key : "remaining",
sumable : ACCUMULATE,
method : function(media){
return Math.max((media.media.episodes || 0) - media.progress,0)
}
},{
key : "remainingTime",
sumable : ACCUMULATE,
method : function(media){
return Math.max(((media.media.episodes || 0) - media.progress) * (media.media.duration || 1),0)
}
}
];
let customTags = customTagsCollection(list,animeFormatter.title,animeFields);
if(customTags.length){
let customTagsAnimeTable = create("div","#customTagsAnimeTable",false,personalStats);
drawTable(customTags,animeFormatter,customTagsAnimeTable,true,true)
};
if(onlyStats){
return
}
let listOfTags = regularTagsCollection(list,animeFields,media => media.media.tags);
if(listOfTags.length > 50){
listOfTags = listOfTags.filter(a => a.list.length >= 3)
}
drawTable(listOfTags,animeFormatter,regularAnimeTable,true,false);
semaPhoreAnime = list;
nativeTagsReplacer();
generalAPIcall(queryMediaListStaff,{name: user,listType: "ANIME"},function(data){
if(!data){
return
}
let rawStaff = returnList(data);
rawStaff.forEach((raw,index) => {
raw.status = list[index].status;
raw.watchedDuration = list[index].watchedDuration;
raw.scoreRaw = list[index].scoreRaw
});
let staffMap = {};
rawStaff.filter(obj => obj.status !== "PLANNING").forEach(media => {
media.media.staff.forEach(staff => {
if(!staffMap[staff.id]){
staffMap[staff.id] = {
watchedDuration: 0,
count: 0,
scoreCount: 0,
scoreSum: 0,
id: staff.id,
name: staff.name
}
};
if(media.watchedDuration){
staffMap[staff.id].watchedDuration += media.watchedDuration;
staffMap[staff.id].count++
};
if(media.scoreRaw){
staffMap[staff.id].scoreSum += media.scoreRaw;
staffMap[staff.id].scoreCount++
}
})
});
let staffList = [];
Object.keys(staffMap).forEach(
key => staffList.push(staffMap[key])
);
staffList = staffList.filter(
obj => obj.count >= 1
).sort(
(b,a) => a.count - b.count || a.watchedDuration - b.watchedDuration
);
if(staffList.length > 300){
staffList = staffList.filter(obj => obj.count >= 3)
};
if(staffList.length > 300){
staffList = staffList.filter(obj => obj.count >= 5)
};
if(staffList.length > 300){
staffList = staffList.filter(obj => obj.count >= 10)
};
let hasScores = staffList.some(a => a.scoreCount);
let drawStaffList = function(){
removeChildren(animeStaff)
animeStaff.innerText = "";
let table = create("div",["table","hohTable","hohNoPointer"],false,animeStaff);
let headerRow = create("div",["header","row","good"],false,table);
let nameHeading = create("div",false,translate("$stats_name"),headerRow,"cursor:pointer;");
let countHeading = create("div",false,translate("$stats_count"),headerRow,"cursor:pointer;");
let scoreHeading = create("div",false,"Mean Score",headerRow,"cursor:pointer;");
if(!hasScores){
scoreHeading.style.display = "none"
}
let timeHeading = create("div",false,"Time Watched",headerRow,"cursor:pointer;");
staffList.forEach(function(staff,index){
let row = create("div",["row","good"],false,table);
let nameCel = create("div",false,(index + 1) + " ",row);
let staffLink = create("a",["link","newTab"],(staff.name.first + " " + (staff.name.last || "")).trim(),nameCel);
staffLink.href = "/staff/" + staff.id;
create("div",false,staff.count,row);
if(hasScores){
create("div",false,(staff.scoreSum/staff.scoreCount).roundPlaces(2),row);
}
let timeCel = create("div",false,formatTime(staff.watchedDuration*60),row);
timeCel.title = (staff.watchedDuration/60).roundPlaces(1) + " hours";
});
let csvButton = create("button",["csvExport","button","hohButton"],"CSV data",animeStaff,"margin-top:10px;");
let jsonButton = create("button",["jsonExport","button","hohButton"],"JSON data",animeStaff,"margin-top:10px;");
csvButton.onclick = function(){
let csvContent = 'Staff,Count,"Mean Score","Time Watched"\n';
staffList.forEach(staff => {
csvContent += csvEscape(
[staff.name.first,staff.name.last].filter(TRUTHY).join(" ")
) + ",";
csvContent += staff.count + ",";
csvContent += (staff.scoreSum/staff.scoreCount).roundPlaces(2) + ",";
csvContent += (staff.watchedDuration/60).roundPlaces(1) + "\n"
});
saveAs(csvContent,"Anime staff stats for " + user + ".csv",true)
};
jsonButton.onclick = function(){
saveAs({
type: "ANIME",
user: user,
timeStamp: NOW(),
version: "1.00",
scriptInfo: scriptInfo,
url: document.URL,
description: "Anilist anime staff stats for " + user,
fields: [
{name: "name", description: "The full name of the staff member, as firstname lastname"},
{name: "staffID",description: "The staff member's database number in the Anilist database"},
{name: "count", description: "The total number of media this staff member has credits for, for the current user"},
{name: "score", description: "The current user's mean score for the staff member out of 100"},
{name: "minutesWatched",description: "How many minutes of this staff member's credited media the current user has watched"}
],
data: staffList.map(staff => {
return {
name: (staff.name.first + " " + (staff.name.last || "")).trim(),
staffID: staff.id,
count: staff.count,
score: (staff.scoreSum/staff.scoreCount).roundPlaces(2),
minutesWatched: staff.watchedDuration
}
})
},"Anime staff stats for " + user + ".json");
}
nameHeading.onclick = function(){
staffList.sort(ALPHABETICAL(a => a.name.first + " " + (a.name.last || "")));
drawStaffList()
};
countHeading.onclick = function(){
staffList.sort((b,a) => a.count - b.count || a.watchedDuration - b.watchedDuration);
drawStaffList()
};
scoreHeading.onclick = function(){
staffList.sort((b,a) => a.scoreSum/a.scoreCount - b.scoreSum/b.scoreCount);
drawStaffList()
};
timeHeading.onclick = function(){
staffList.sort((b,a) => a.watchedDuration - b.watchedDuration);
drawStaffList()
}
};
let clickOnce = function(){
drawStaffList();
let place = document.querySelector(`[href$="/stats/anime/staff"]`);
if(place){
place.removeEventListener("click",clickOnce)
}
}
let waiter = function(){
if(location.pathname.includes("/stats/anime/staff")){
clickOnce();
return
}
let place = document.querySelector(`[href$="/stats/anime/staff"]`);
if(place){
place.addEventListener("click",clickOnce)
}
else{
setTimeout(waiter,200)
}
};waiter();
},"hohListCacheAnimeStaff" + user,15*60*1000);
let studioMap = {};
list.forEach(function(anime){
anime.media.studios.nodes.forEach(function(studio){
if(!useScripts.allStudios && !studio.isAnimationStudio){
return
}
if(!studioMap[studio.name]){
studioMap[studio.name] = {
watchedDuration: 0,
count: 0,
scoreCount: 0,
scoreSum: 0,
id: studio.id,
isAnimationStudio: studio.isAnimationStudio,
name: studio.name,
media: []
}
}
if(anime.watchedDuration){
studioMap[studio.name].watchedDuration += anime.watchedDuration;
studioMap[studio.name].count++
};
if(anime.scoreRaw){
studioMap[studio.name].scoreSum += anime.scoreRaw;
studioMap[studio.name].scoreCount++
};
let title = anime.media.title.romaji;
if(anime.status !== "PLANNING"){
if(useScripts.titleLanguage === "NATIVE" && anime.media.title.native){
title = anime.media.title.native
}
else if(useScripts.titleLanguage === "ENGLISH" && anime.media.title.english){
title = anime.media.title.english
}
studioMap[studio.name].media.push({
watchedDuration: anime.watchedDuration,
score: anime.scoreRaw,
title: title,
id: anime.mediaId,
repeat: anime.repeat,
status: anime.status
})
}
})
});
let studioList = [];
Object.keys(studioMap).forEach(
key => studioList.push(studioMap[key])
);
studioList = studioList.filter(
studio => studio.count >= 1
).sort(
(b,a) => a.count - b.count || a.watchedDuration - b.watchedDuration
);
studioList.forEach(
studio => studio.media.sort((b,a) => a.score - b.score)
);
let hasScores = studioList.some(a => a.scoreCount);
let drawStudioList = function(){
removeChildren(animeStudios)
animeStudios.innerText = "";
let table = create("div",["table","hohTable"],false,animeStudios);
let headerRow = create("div",["header","row","good"],false,table);
let nameHeading = create("div",false,translate("$stats_name"),headerRow,"cursor:pointer;");
let countHeading = create("div",false,translate("$stats_count"),headerRow,"cursor:pointer;");
let scoreHeading = create("div",false,"Mean Score",headerRow,"cursor:pointer;");
if(!hasScores){
scoreHeading.style.display = "none"
}
let timeHeading = create("div",false,"Time Watched",headerRow,"cursor:pointer;");
studioList.forEach(function(studio,index){
let row = create("div",["row","good"],false,table);
let nameCel = create("div",false,(index + 1) + " ",row);
let studioLink = create("a",["link","newTab"],studio.name,nameCel);
studioLink.href = "/studio/" + studio.id;
if(!studio.isAnimationStudio){
studioLink.style.color = "rgb(var(--color-green))"
};
let nameCellStatus = create("span","hohSummableStatusContainer",false,nameCel);
semmanticStatusOrder.forEach(status => {
let statCount = studio.media.filter(media => media.status === status).length;
if(statCount){
let statusSumDot = create("div","hohSummableStatus",statCount,nameCellStatus);
statusSumDot.style.background = distributionColours[status];
statusSumDot.title = statCount + " " + capitalize(status.toLowerCase());
if(statCount > 99){
statusSumDot.style.fontSize = "8px"
}
if(statCount > 999){
statusSumDot.style.fontSize = "6px"
}
statusSumDot.onclick = function(e){
e.stopPropagation();
Array.from(nameCel.parentNode.nextSibling.children).forEach(function(child){
if(child.children[1].children[0].title === status.toLowerCase()){
child.style.display = "grid"
}
else{
child.style.display = "none"
}
})
}
}
});
create("div",false,studio.count,row);
if(hasScores){
let scoreCel = create("div",false,(studio.scoreSum/studio.scoreCount).roundPlaces(2),row);
scoreCel.title = studio.scoreCount + " ratings";
}
let timeString = formatTime(studio.watchedDuration*60);
let timeCel = create("div",false,timeString,row);
timeCel.title = (studio.watchedDuration/60).roundPlaces(1) + " hours";
let showRow = create("div",false,false,table,"display:none;");
studio.media.forEach(top => {
let secondRow = create("div",["row","hohSecondaryRow","good"],false,showRow);
let titleCel = create("div",false,false,secondRow,"margin-left:50px;");
let titleLink = create("a","link",top.title,titleCel);
titleLink.href = "/anime/" + top.id + "/" + safeURL(top.title);
let countCel = create("div",false,false,secondRow);
let statusDot = create("div","hohStatusDot",false,countCel);
statusDot.style.backgroundColor = distributionColours[top.status];
statusDot.title = top.status.toLowerCase();
if(top.status === "COMPLETED"){
statusDot.style.backgroundColor = "transparent";//default case
}
if(top.repeat === 1){
countCel.appendChild(svgAssets2.repeat.cloneNode(true));
}
else if(top.repeat > 1){
countCel.appendChild(svgAssets2.repeat.cloneNode(true));
create("span",false,top.repeat,countCel)
}
create("div",false,(top.score ? top.score : "-"),secondRow);
let timeString = formatTime(top.watchedDuration*60);
let timeCel = create("div",false,timeString,secondRow);
timeCel.title = (top.watchedDuration/60).roundPlaces(1) + " hours";
});
row.onclick = function(){
if(showRow.style.display === "none"){
showRow.style.display = "block"
}
else{
showRow.style.display = "none"
}
}
});
let csvButton = create("button",["csvExport","button","hohButton"],"CSV data",animeStudios,"margin-top:10px;");
let jsonButton = create("button",["jsonExport","button","hohButton"],"JSON data",animeStudios,"margin-top:10px;");
csvButton.onclick = function(){
let csvContent = 'Studio,Count,"Mean Score","Time Watched"\n';
studioList.forEach(function(studio){
csvContent += csvEscape(studio.name) + ",";
csvContent += studio.count + ",";
csvContent += (studio.scoreSum/studio.scoreCount).roundPlaces(2) + ",";
csvContent += (studio.watchedDuration/60).roundPlaces(1) + "\n";
});
saveAs(csvContent,"Anime studio stats for " + user + ".csv",true);
};
jsonButton.onclick = function(){
saveAs({
type: "ANIME",
user: user,
timeStamp: NOW(),
version: "1.00",
scriptInfo: scriptInfo,
url: document.URL,
description: "Anilist anime studio stats for " + user,
fields: [
{name: "studio",description: "The name of the studio. (Can also be other companies, depending on the user's settings)"},
{name: "studioID",description: "The studio's database number in the Anilist database"},
{name: "count",description: "The total number of media this studio has credits for, for the current user"},
{name: "score",description: "The current user's mean score for the studio out of 100"},
{name: "minutesWatched",description: "How many minutes of this studio's credited media the current user has watched"},
{
name: "media",
description: "A list of the media associated with this studio",
subSelection: [
{name: "title",description: "The title of the media (language depends on user settings)"},
{name: "ID",description: "The media's database number in the Anilist database"},
{name: "score",description: "The current user's mean score for the media out of 100"},
{name: "minutesWatched",description: "How many minutes of the media the current user has watched"},
{name: "status",description: "The current user's watching status for the media"},
]
}
],
data: studioList.map(studio => {
return {
studio: studio.name,
studioID: studio.id,
count: studio.count,
score: (studio.scoreSum/studio.scoreCount).roundPlaces(2),
minutesWatched: studio.watchedDuration,
media: studio.media.map(media => {
return {
title: media.title,
ID: media.id,
score: media.score,
minutesWatched: media.watchedDuration,
status: media.status
}
})
}
})
},"Anime studio stats for " + user + ".json");
}
nameHeading.onclick = function(){
studioList.sort(ALPHABETICAL(a => a.name));
studioList.forEach(studio => {
studio.media.sort(ALPHABETICAL(a => a.title))
});
drawStudioList();
};
countHeading.onclick = function(){
studioList.sort((b,a) => a.count - b.count || a.watchedDuration - b.watchedDuration);
drawStudioList();
};
scoreHeading.onclick = function(){
studioList.sort((b,a) => a.scoreSum/a.scoreCount - b.scoreSum/b.scoreCount);
studioList.forEach(studio => {
studio.media.sort((b,a) => a.score - b.score)
});
drawStudioList();
};
timeHeading.onclick = function(){
studioList.sort((b,a) => a.watchedDuration - b.watchedDuration);
studioList.forEach(function(studio){
studio.media.sort((b,a) => a.watchedDuration - b.watchedDuration);
});
drawStudioList();
};
};
let clickOnce = function(){
drawStudioList();
let place = document.querySelector(`[href$="/stats/anime/studios"]`);
if(place){
place.removeEventListener("click",clickOnce)
}
}
let waiter = function(){
if(location.pathname.includes("/stats/anime/studios")){
clickOnce();
return;
}
let place = document.querySelector(`[href$="/stats/anime/studios"]`);
if(place){
place.addEventListener("click",clickOnce)
}
else{
setTimeout(waiter,200)
}
};waiter();
};
if(user === whoAmI && reliablePersistentStorage){
cache.getList("ANIME",function(data){
personalStatsCallback({
data: {
MediaListCollection: data
}
})
})
}
else{
generalAPIcall(
queryMediaListAnime,
{
name: user,
listType: "ANIME"
},
function(data){personalStatsCallback(data)}
)
}
//manga stats
let personalStatsMangaCallback = function(data){
personalStatsManga.innerText = "";
create("hr","hohSeparator",false,personalStatsManga);
create("h1","hohStatHeading",translate("$stats_manga_heading",user),personalStatsManga);
let list = returnList(data);
let scoreList = list.filter(element => element.scoreRaw);
let personalStatsMangaContainer = create("div",false,false,personalStatsManga);
if(whoAmI && whoAmI !== user){
let compatabilityButton = create("button",["button","hohButton"],"Compatibility",personalStatsManga);
let compatLocation = create("div","#hohCheckCompatManga",false,personalStatsManga);
compatabilityButton.onclick = function(){
compatLocation.innerText = translate("$loading");
compatLocation.style.marginTop = "5px";
compatCheck(
scoreList,
whoAmI,
"MANGA",
function(data){
formatCompat(data,compatLocation,user)
}
)
}
};
let addStat = function(text,value,comment){//value,value,html
let newStat = create("p","hohStat",false,personalStatsManga);
create("span",false,text,newStat);
create("span","hohStatValue",value,newStat);
if(comment){
let newStatComment = create("span",false,false,newStat);
newStatComment.innerText = comment
}
};
let chapters = 0;
let volumes = 0;
/*
For most airing anime, Anilist provides "media.nextAiringEpisode.episode"
Unfortunately, the same is not the case for releasing manga.
THIS DOESN'T MATTER the first time a user is reading something, as we are then just using the current progress.
But on a re-read, we need the total length to count all the chapters read.
I can (and do) get a lower bound for this by using the current progress (this is what Anilist does),
but this is not quite accurate, especially early in a re-read.
The list below is to catch some of those exceptions
*/
let unfinishedLookup = function(mediaId,mode,mediaStatus,mediaProgress){//wow, this is a mess. But it works
if(mediaStatus === "FINISHED"){
return 0//it may have finished since the list was updated
};
if(commonUnfinishedManga.hasOwnProperty(mediaId)){
if(mode === "chapters"){
return commonUnfinishedManga[mediaId].chapters
}
else if(mode === "volumes"){
return commonUnfinishedManga[mediaId].volumes
}
else if(mode === "volumesNow"){
if(commonUnfinishedManga[mediaId].chapters <= mediaProgress){
return commonUnfinishedManga[mediaId].volumes
}
else{
return 0//conservative
}
};
return 0;//fallback
}
else{
return 0//not in our list
}
};
list.forEach(function(item){
let chaptersRead = 0;
let volumesRead = 0;
if(item.status === "COMPLETED"){//if it's completed, we can make some safe assumptions
chaptersRead += Math.max(//chapter progress on the current read
item.media.chapters,//in most cases, it has a chapter count
item.media.volumes,//if not, there's at least 1 chapter per volume
item.progress,//if it doesn't have a volume count either, the current progress is probably not out of date
item.progressVolumes,//if it doesn't have a chapter progress, count at least 1 chapter per volume
1//finally, an entry has at least 1 chapter
);
volumesRead += Math.max(
item.progressVolumes,
item.media.volumes,
unfinishedLookup(item.mediaId+"","volumesNow",item.media.status,item.progress)//if people have forgotten to update their volume count and have caught up.
)
}
else{//we may only assume what's on the user's list.
chaptersRead += Math.max(
item.progress,
item.progressVolumes
);
volumesRead += Math.max(
item.progressVolumes,
unfinishedLookup(item.mediaId+"","volumesNow",item.media.status,item.progress)
)
};
if(useScripts.noRewatches && item.repeat){//if they have a reread, they have at least completed it
chaptersRead = Math.max(//first round
item.media.chapters,
item.media.volumes,
item.progress,
item.progressVolumes,
unfinishedLookup(item.mediaId+"","chapters",item.media.status),//use our lookup table
1
);
volumesRead = Math.max(
item.media.volumes,
item.progressVolumes,
unfinishedLookup(item.mediaId+"","volumes",item.media.status)
)
}
else{
chaptersRead += item.repeat * Math.max(//chapters from rereads
item.media.chapters,
item.media.volumes,
item.progress,
item.progressVolumes,
unfinishedLookup(item.mediaId+"","chapters",item.media.status),//use our lookup table
1
);
volumesRead += item.repeat * Math.max(//many manga have no volumes, so we can't make all of the same assumptions
item.media.volumes,
item.progressVolumes,//better than nothing if a volume count is missing
unfinishedLookup(item.mediaId+"","volumes",item.media.status)
)
};
if(item.listJSON && item.listJSON.adjustValue){
chaptersRead = Math.max(0,chaptersRead + item.listJSON.adjustValue)
};
chapters += chaptersRead;
volumes += volumesRead;
item.volumesRead = volumesRead;
item.chaptersRead = chaptersRead;
});
//
let previouScore = 0;
let maxRunLength = 0;
let maxRunLengthScore = 0;
let runLength = 0;
let sumEntries = 0;
let average = 0;
let publicDeviation = 0;
let publicDifference = 0;
let histogram = new Array(100).fill(0);
let amount = scoreList.length;
let median = (scoreList.length ? Stats.median(scoreList.map(e => e.scoreRaw)) : 0);
let sumWeight = 0;
let sumEntriesWeight = 0;
scoreList.sort((a,b) => a.scoreRaw - b.scoreRaw);
scoreList.forEach(function(item){
sumEntries += item.scoreRaw;
if(item.scoreRaw === previouScore){
runLength++;
if(runLength > maxRunLength){
maxRunLength = runLength;
maxRunLengthScore = item.scoreRaw
}
}
else{
runLength = 1;
previouScore = item.scoreRaw
};
sumWeight += item.chaptersRead;
sumEntriesWeight += item.scoreRaw * item.chaptersRead;
histogram[item.scoreRaw - 1]++
});
addStat(translate("$stats_mangaOnList"),list.length);
addStat(translate("$stats_mangaRated"),amount);
addStat(translate("$stats_totalChapters"),chapters);
addStat(translate("$stats_totalVolumes"),volumes);
if(amount){
average = sumEntries/amount
};
if(scoreList.length){
publicDeviation = Math.sqrt(
scoreList.reduce(function(accum,element){
if(!element.media.meanScore){
return accum
}
return accum + Math.pow(element.media.meanScore - element.scoreRaw,2);
},0)/amount
);
publicDifference = scoreList.reduce(function(accum,element){
if(!element.media.meanScore){
return accum
}
return accum + (element.scoreRaw - element.media.meanScore);
},0)/amount
}
list.sort((a,b) => a.mediaId - b.mediaId);
if(amount){//no scores
if(amount === 1){
addStat(
translate("$stats_onlyOne"),
maxRunLengthScore
)
}
else{
addStat(
translate("$stats_averageScore"),
average.toPrecision(4)
);
addStat(
translate("$stats_averageScore"),
(sumEntriesWeight/sumWeight).toPrecision(4),
translate("$stats_weightComment_chapers")
);
addStat(translate("$stats_medianScore"),median);
addStat(
translate("$stats_globalDifference"),
publicDifference.roundPlaces(2),
translate("$stats_globalDifference_comment")
);
addStat(
translate("$stats_globalDeviation"),
publicDeviation.roundPlaces(2),
translate("$stats_globalDeviation_comment")
);
addStat(
translate("$stats_ratingEntropy"),
-histogram.reduce((acc,val) => {
if(val){
return acc + Math.log2(val/amount) * val/amount
}
return acc
},0).toPrecision(3),
translate("$stats_ratingEntropy_comment")
);
if(maxRunLength > 1){
addStat(translate("$stats_mostCommonScore"),maxRunLengthScore, " " + translate("$stats_instances",maxRunLength))
}
else{
addStat(translate("$stats_mostCommonScore"),"","no two scores alike")
}
}
};
//
let mangaFormatter = {
title: "Custom Manga Tags",
display: !useScripts.hideCustomTags,
headings: [translate("$stats_tag"),translate("$stats_count"),"Mean Score","Chapters","Volumes"],
focus: -1,
celData: [
function(cel,data,index,isPrimary){
if(isPrimary){
let nameCellCount = create("div","count",(index+1),cel);
create("a",false,data[index].name,cel,"cursor:pointer;");
let nameCellStatus = create("span","hohSummableStatusContainer",false,cel);
semmanticStatusOrder.forEach(function(status){
if(data[index].status && data[index].status[status]){
let statusSumDot = create("div","hohSummableStatus",data[index].status[status],nameCellStatus);
statusSumDot.style.background = distributionColours[status];
statusSumDot.title = data[index].status[status] + " " + capitalize(status.toLowerCase());
if(data[index].status[status] > 99){
statusSumDot.style.fontSize = "8px"
}
if(data[index].status[status] > 999){
statusSumDot.style.fontSize = "6px"
}
statusSumDot.onclick = function(e){
e.stopPropagation();
Array.from(cel.parentNode.nextSibling.children).forEach(function(child){
if(child.children[1].children[0].title === status.toLowerCase()){
child.style.display = "grid"
}
else{
child.style.display = "none"
}
})
}
}
})
}
else{
create("a","hohNameCel",data[index].name,cel)
.href = "/manga/" + data[index].mediaId + "/" + safeURL(data[index].name)
}
},
function(cel,data,index,isPrimary){
if(isPrimary){
cel.innerText = data[index].list.length
}
else{
let statusDot = create("div","hohStatusDot",false,cel);
statusDot.style.backgroundColor = distributionColours[data[index].status];
statusDot.title = data[index].status.toLowerCase();
if(data[index].status === "COMPLETED"){
statusDot.style.backgroundColor = "transparent"//default case
}
if(data[index].repeat === 1){
cel.appendChild(svgAssets2.repeat.cloneNode(true));
}
else if(data[index].repeat > 1){
cel.appendChild(svgAssets2.repeat.cloneNode(true));
create("span",false,data[index].repeat,cel)
}
}
},
function(cel,data,index,isPrimary){
if(isPrimary){
if(data[index].average === 0){
cel.innerText = "-"
}
else{
cel.innerText = (data[index].average).roundPlaces(1)
}
}
else{
if(data[index].score === 0){
cel.innerText = "-"
}
else{
cel.innerText = (data[index].score).roundPlaces(1)
}
}
},
function(cel,data,index,isPrimary){
if(isPrimary && !data[index].list.length){
cel.innerText = "-"
}
else{
cel.innerText = data[index].chaptersRead
}
},
function(cel,data,index,isPrimary){
if(isPrimary && !data[index].list.length){
cel.innerText = "-"
}
else{
cel.innerText = data[index].volumesRead
}
}
],
sorting: [
ALPHABETICAL(a => a.name),
(b,a) => a.list.length - b.list.length,
(b,a) => a.average - b.average,
(b,a) => a.chaptersRead - b.chaptersRead,
(b,a) => a.volumesRead - b.volumesRead
]
};
const mangaFields = [
{
key : "name",
method : function(media){
return titlePicker({
id: media.mediaId,
title: media.media.title
})
}
},{
key : "repeat",
method : media => media.repeat
},{
key : "status",
sumable : function(acc,val){
if(!acc){
acc = {};
Object.keys(distributionColours).forEach(function(key){
acc[key] = 0
})
}
acc[val]++;
return acc
},
method : media => media.status
},{
key : "mediaId",
method : media => media.mediaId
},{
key : "score",
method : media => media.scoreRaw
},{
key : "chaptersRead",
sumable : ACCUMULATE,
method : media => media.chaptersRead
},{
key : "volumesRead",
sumable : ACCUMULATE,
method : media => media.volumesRead
}
];
let customTags = customTagsCollection(list,mangaFormatter.title,mangaFields);
if(customTags.length){
let customTagsMangaTable = create("div","#customTagsMangaTable",false,personalStatsManga);
drawTable(customTags,mangaFormatter,customTagsMangaTable,true,true)
};
let listOfTags = regularTagsCollection(list,mangaFields,media => media.media.tags);
if(listOfTags.length > 50){
listOfTags = listOfTags.filter(a => a.list.length >= 3)
}
drawTable(listOfTags,mangaFormatter,regularMangaTable,true,false);
semaPhoreManga = list;
nativeTagsReplacer();
generalAPIcall(queryMediaListStaff_simple,{name: user,listType: "MANGA"},function(data){
let rawStaff = returnList(data);
let cacheOffset = 0;
rawStaff.forEach(function(raw,index){
if(raw.mediaId === list[index - cacheOffset].mediaId){
raw.status = list[index - cacheOffset].status;
raw.chaptersRead = list[index - cacheOffset].chaptersRead;
raw.volumesRead = list[index - cacheOffset].volumesRead;
raw.scoreRaw = list[index - cacheOffset].scoreRaw
}
else{
cacheOffset++;
raw.status = "CURRENT";
raw.chaptersRead = 0;
raw.volumesRead = 0;
raw.scoreRaw = 0
}
});
let staffMap = {};
rawStaff.filter(obj => obj.status !== "PLANNING").forEach(function(media){
media.media.staff.edges.forEach(function(staff){
if(!staffMap[staff.node.id]){
staffMap[staff.node.id] = {
chaptersRead: 0,
volumesRead: 0,
count: 0,
scoreCount: 0,
scoreSum: 0,
id: staff.node.id,
name: staff.node.name,
roles: []
}
}
staffMap[staff.node.id].roles.push(staff.role);
if(media.chaptersRead || media.volumesRead){
staffMap[staff.node.id].volumesRead += media.volumesRead;
staffMap[staff.node.id].chaptersRead += media.chaptersRead;
staffMap[staff.node.id].count++
};
if(media.scoreRaw){
staffMap[staff.node.id].scoreSum += media.scoreRaw;
staffMap[staff.node.id].scoreCount++
}
})
});
let staffList = [];
Object.keys(staffMap).forEach(
key => staffList.push(staffMap[key])
);
staffList = staffList.filter(obj => obj.count >= 1).sort(
(b,a) => a.count - b.count || a.chaptersRead - b.chaptersRead || a.volumesRead - b.volumesRead
);
if(staffList.length > 300){
staffList = staffList.filter(
obj => obj.count >= 3
|| (obj.count >= 2 && obj.chaptersRead > 100)
|| obj.chaptersRead > 200
)
};
if(staffList.length > 300){
staffList = staffList.filter(
obj => obj.count >= 5
|| (obj.count >= 2 && obj.chaptersRead > 200)
|| obj.chaptersRead > 300
)
};
if(staffList.length > 300){
staffList = staffList.filter(
obj => obj.count >= 10
|| (obj.count >= 2 && obj.chaptersRead > 300)
|| obj.chaptersRead > 400
)
};
let hasScores = staffList.some(a => a.scoreCount);
let story_filter;
let art_filter;
let assistant_filter;
let translator_filter;
let drawStaffList = function(){
if(mangaStaff.querySelector(".table")){
mangaStaff.querySelector(".table").remove()
}
if(mangaStaff.querySelector(".jsonExport")){
mangaStaff.querySelector(".jsonExport").remove();
mangaStaff.querySelector(".csvExport").remove()
}
else{
mangaStaff.innerText = "";
story_filter = createCheckbox(mangaStaff);
create("span",false,"Story",mangaStaff,"margin-right:5px;");
art_filter = createCheckbox(mangaStaff);
create("span",false,"Art",mangaStaff,"margin-right:5px;");
assistant_filter = createCheckbox(mangaStaff);
create("span",false,"Assistants",mangaStaff,"margin-right:5px;");
translator_filter = createCheckbox(mangaStaff);
create("span",false,"Translators",mangaStaff,"margin-right:5px;");
story_filter.checked = true;
art_filter.checked = true;
assistant_filter.checked = true;
translator_filter.checked = true;
story_filter.oninput = drawStaffList;
art_filter.oninput = drawStaffList;
assistant_filter.oninput = drawStaffList;
translator_filter.oninput = drawStaffList;
}
let table = create("div",["table","hohTable","hohNoPointer"],false,mangaStaff);
let headerRow = create("div",["header","row","good"],false,table);
let nameHeading = create("div",false,translate("$stats_name"),headerRow,"cursor:pointer;");
let countHeading = create("div",false,translate("$stats_count"),headerRow,"cursor:pointer;");
let scoreHeading = create("div",false,"Mean Score",headerRow,"cursor:pointer;");
if(!hasScores){
scoreHeading.style.display = "none"
}
let timeHeading = create("div",false,"Chapters Read",headerRow,"cursor:pointer;");
let volumeHeading = create("div",false,"Volumes Read",headerRow,"cursor:pointer;");
staffList.forEach(function(staff,index){
if(
(!story_filter.checked && art_filter.checked && staff.roles.every(role => role.toLowerCase().match(/story/) && !role.toLowerCase().match(/art/)))
|| (story_filter.checked && !art_filter.checked && staff.roles.every(role => role.toLowerCase().match(/art/) && !role.toLowerCase().match(/story/)))
|| (
!story_filter.checked
&& !art_filter.checked
&& (
staff.roles.every(role => role.toLowerCase().match(/art|story/))
|| !staff.roles.some(role => role.toLowerCase().match(/translator|lettering|touch-up|assistant/))
)
)
|| (!assistant_filter.checked && staff.roles.every(role => role.toLowerCase().match(/assistant/)))
|| (!translator_filter.checked && staff.roles.some(role => role.toLowerCase().match(/translator|lettering|touch-up/)))
){
return
}
let row = create("div",["row","good"],false,table);
let nameCel = create("div",false,(index + 1) + " ",row);
create("a","newTab",staff.name.first + " " + (staff.name.last || ""),nameCel)
.href = "/staff/" + staff.id;
create("div",false,staff.count,row);
if(hasScores){
create("div",false,(staff.scoreSum/staff.scoreCount).roundPlaces(2),row)
}
create("div",false,staff.chaptersRead,row);
create("div",false,staff.volumesRead,row)
});
let csvButton = create("button",["csvExport","button","hohButton"],"CSV data",mangaStaff,"margin-top:10px;");
let jsonButton = create("button",["jsonExport","button","hohButton"],"JSON data",mangaStaff,"margin-top:10px;");
csvButton.onclick = function(){
let csvContent = 'Staff,Count,"Mean Score","Chapters Read","Volumes Read"\n';
staffList.forEach(staff => {
csvContent += csvEscape(
[staff.name.first,staff.name.last].filter(TRUTHY).join(" ")
) + ",";
csvContent += staff.count + ",";
csvContent += (staff.scoreSum/staff.scoreCount).roundPlaces(2) + ",";
csvContent += staff.chaptersRead + ",";
csvContent += staff.volumesRead + "\n";
});
saveAs(csvContent,"Manga staff stats for " + user + ".csv",true)
};
jsonButton.onclick = function(){
saveAs({
type: "MANGA",
user: user,
timeStamp: NOW(),
version: "1.00",
scriptInfo: scriptInfo,
url: document.URL,
description: "Anilist manga staff stats for " + user,
fields: [
{name: "name",description: "The full name of the staff member, as firstname lastname"},
{name: "staffID",description: "The staff member's database number in the Anilist database"},
{name: "count",description: "The total number of media this staff member has credits for, for the current user"},
{name: "score",description: "The current user's mean score for the staff member out of 100"},
{name: "chaptersRead",description: "How many chapters of this staff member's credited media the current user has read"},
{name: "volumesRead",description: "How many volumes of this staff member's credited media the current user has read"}
],
data: staffList.map(staff => {
return {
name: (staff.name.first + " " + (staff.name.last || "")).trim(),
staffID: staff.id,
count: staff.count,
score: (staff.scoreSum/staff.scoreCount).roundPlaces(2),
chaptersRead: staff.chaptersRead,
volumesRead: staff.volumesRead
}
})
},"Manga staff stats for " + user + ".json")
}
nameHeading.onclick = function(){
staffList.sort(ALPHABETICAL(a => a.name.first + " " + (a.name.last || "")));
drawStaffList()
};
countHeading.onclick = function(){
staffList.sort(
(b,a) => a.count - b.count
|| a.chaptersRead - b.chaptersRead
|| a.volumesRead - b.volumesRead
|| a.scoreSum/a.scoreCount - b.scoreSum/b.scoreCount
);
drawStaffList()
};
scoreHeading.onclick = function(){
staffList.sort(
(b,a) => a.scoreSum/a.scoreCount - b.scoreSum/b.scoreCount
|| a.count - b.count
|| a.chaptersRead - b.chaptersRead
|| a.volumesRead - b.volumesRead
);
drawStaffList()
};
timeHeading.onclick = function(){
staffList.sort(
(b,a) => a.chaptersRead - b.chaptersRead
|| a.volumesRead - b.volumesRead
|| a.count - b.count
|| a.scoreSum/a.scoreCount - b.scoreSum/b.scoreCount
);
drawStaffList()
};
volumeHeading.onclick = function(){
staffList.sort(
(b,a) => a.volumesRead - b.volumesRead
|| a.chaptersRead - b.chaptersRead
|| a.count - b.count
|| a.scoreSum/a.scoreCount - b.scoreSum/b.scoreCount
);
drawStaffList()
}
};
let clickOnce = function(){
drawStaffList();
let place = document.querySelector(`[href$="/stats/manga/staff"]`);
if(place){
place.removeEventListener("click",clickOnce)
}
}
let waiter = function(){
if(location.pathname.includes("/stats/manga/staff")){
clickOnce();
return
}
let place = document.querySelector(`[href$="/stats/manga/staff"]`);
if(place){
place.addEventListener("click",clickOnce)
}
else{
setTimeout(waiter,200)
}
};waiter();
},"hohListCacheMangaStaff" + user,10*60*1000);
};
if(user === whoAmI && reliablePersistentStorage){
cache.getList("MANGA",data => {
personalStatsMangaCallback({
data: {
MediaListCollection: data
}
})
})
}
else{
generalAPIcall(
queryMediaListManga,
{
name: user,
listType: "MANGA"
},
personalStatsMangaCallback
)
}
};
let tabWaiter = function(){
let tabMenu = filterGroup.querySelectorAll(".filter-group > a");
tabMenu.forEach(tab => {
tab.onclick = function(){
Array.from(document.querySelector(".stats-wrap").children).forEach(child => {
child.style.display = "initial";
});
Array.from(document.getElementsByClassName("hohActive")).forEach(child => {
child.classList.remove("hohActive");
});
document.getElementById("hohStats").style.display = "none";
document.getElementById("hohGenres").style.display = "none";
document.querySelector(".page-content .user").classList.remove("hohSpecialPage")
}
});
if(!tabMenu.length){
setTimeout(tabWaiter,200)
}
};tabWaiter();
let statsWrap = document.querySelector(".stats-wrap");
if(statsWrap){
hohStats = create("div","#hohStats",false,statsWrap,"display:none;");
hohGenres = create("div","#hohGenres",false,statsWrap,"display:none;");
regularFilterHeading = create("div","#regularFilterHeading",false,hohGenres);
regularGenresTable = create("div","#regularGenresTable",translate("$loading"),hohGenres);
regularTagsTable = create("div","#regularTagsTable",translate("$loading"),hohGenres);
regularAnimeTable = create("div","#regularAnimeTable",translate("$loading"),statsWrap);
regularMangaTable = create("div","#regularMangaTable",translate("$loading"),statsWrap);
animeStaff = create("div","#animeStaff",translate("$loading"),statsWrap);
mangaStaff = create("div","#mangaStaff",translate("$loading"),statsWrap);
animeStudios = create("div","#animeStudios",translate("$loading"),statsWrap);
hohStats.calculated = false;
generateStatPage()
};
hohStatsTrigger.onclick = function(){
hohStatsTrigger.classList.add("hohActive");
hohGenresTrigger.classList.remove("hohActive");
document.querySelector(".page-content .user").classList.add("hohSpecialPage");
let otherActive = filterGroup.querySelector(".router-link-active");
if(otherActive){
otherActive.classList.remove("router-link-active");
otherActive.classList.remove("router-link-exact-active");
};
document.querySelectorAll(".stats-wrap > div").forEach(
module => module.style.display = "none"
);
hohStats.style.display = "initial";
hohGenres.style.display = "none"
};
hohGenresTrigger.onclick = function(){
hohStatsTrigger.classList.remove("hohActive");
hohGenresTrigger.classList.add("hohActive");
document.querySelector(".page-content .user").classList.add("hohSpecialPage");
let otherActive = filterGroup.querySelector(".router-link-active");
if(otherActive){
otherActive.classList.remove("router-link-active");
otherActive.classList.remove("router-link-exact-active")
};
document.querySelectorAll(".stats-wrap > div").forEach(
module => module.style.display = "none"
);
hohStats.style.display = "none";
hohGenres.style.display = "initial"
}
};
//end modules/addMoreStats.js
//begin modules/addMyThreadsLink.js
function addMyThreadsLink(){
if(!document.URL.match(/^https:\/\/anilist\.co\/forum\/?(overview|search\?.*|recent|new|subscribed)?$/)){
return
};
if(document.querySelector(".hohMyThreads")){
return
};
let target = document.querySelector(".filters");
if(!target){
setTimeout(addMyThreadsLink,100)
}
else{
create("a",["hohMyThreads","link"],translate("$myThreads_link"),target)
.href = "https://anilist.co/user/" + whoAmI + "/social#my-threads"
}
}
//end modules/addMyThreadsLink.js
//begin modules/addProgressBar.js
function addProgressBar(){
if(location.pathname !== "/home"){
return
};
let mediaCards = document.querySelectorAll(".media-preview-card .content .info:not(.hasMeter) > div");
if(!mediaCards.length){
setTimeout(function(){
addProgressBar()
},200);//may take some time to load
return
};
mediaCards.forEach(card => {
const progressInformation = card.innerText.match(/Progress:\ (\d+)\/(\d+)/);
if(progressInformation){
let pBar = create("meter");
pBar.value = progressInformation[1];
pBar.min = 0;
pBar.max = progressInformation[2];
card.parentNode.insertBefore(pBar,card);
card.parentNode.parentNode.parentNode.querySelector(".plus-progress").onclick = function(){
pBar.value++;
setTimeout(function(){
pBar.value = card.innerText.match(/Progress:\ (\d+)\/(\d+)/)[1]
},1000)
}
}
});
document.querySelector(".size-toggle").onclick = function(){
setTimeout(function(){
addProgressBar()
},200);
}
}
//end modules/addProgressBar.js
//begin modules/addRelationStatusDot.js
function addRelationStatusDot(id){
if(!location.pathname.match(/^\/(anime|manga)/)){
return;
};
let relations = document.querySelector(".relations");
if(relations){
if(relations.classList.contains("hohRelationStatusDots")){
return
};
relations.classList.add("hohRelationStatusDots");
};
authAPIcall(
`query($id: Int){
Media(id:$id){
relations{
nodes{
id
type
mediaListEntry{status}
}
}
recommendations(sort:RATING_DESC){
nodes{
mediaRecommendation{
id
type
mediaListEntry{status}
}
}
}
}
}`,
{id: id},
function(data){
if(!data){
return
}
let adder = function(){
let mangaAnimeMatch = document.URL.match(/^https:\/\/anilist\.co\/(anime|manga)\/(\d+)\/?([^/]*)?\/?(.*)?/);
if(!mangaAnimeMatch){
return
}
if(mangaAnimeMatch[2] !== id){
return
}
let rels = data.data.Media.relations.nodes.filter(media => media.mediaListEntry);
if(rels){
relations = document.querySelector(".relations");
if(relations){
relations.classList.add("hohRelationStatusDots");
relations.querySelectorAll(".hohStatusDot").forEach(dot => dot.remove());
rels.forEach(media => {
let target = relations.querySelector("[href^=\"/" + media.type.toLowerCase() + "/" + media.id + "/\"]");
if(target){
let statusDot = create("div","hohStatusDot",false,target);
statusDot.style.background = distributionColours[media.mediaListEntry.status];
statusDot.title = media.mediaListEntry.status.toLowerCase();
}
})
}
else{
setTimeout(adder,300);
}
}
};adder();
let init_completed = false;
let recsAdder = function(){
let mangaAnimeMatch = document.URL.match(/^https:\/\/anilist\.co\/(anime|manga)\/(\d+)\/?([^/]*)?\/?(.*)?/);
if(!mangaAnimeMatch){
return
}
if(mangaAnimeMatch[2] !== id){
return
};
let recs = data.data.Media.recommendations.nodes.map(
item => item.mediaRecommendation
).filter(
item => item.mediaListEntry
);
if(recs.length){
let findCard = document.querySelector(".recommendation-card");
if(findCard){
findCard = findCard.parentNode;
let adder = function(recs){
recs.forEach(media => {
let target = findCard.querySelector("[href^=\"/" + media.type.toLowerCase() + "/" + media.id + "/\"]");
if(target){
let statusDot = create("div","hohStatusDot",false,target);
statusDot.style.background = distributionColours[media.mediaListEntry.status];
statusDot.title = media.mediaListEntry.status.toLowerCase();
}
});
};adder(recs);
let toggle = document.querySelector(".recommendations .view-all .toggle");
if(toggle){
toggle.addEventListener("click",function(){
setTimeout(function(){adder(recs)},1000)
})
};
if(!init_completed){
init_completed = true;
if(toggle && parseInt(toggle.innerText.match(/\d+/)) > 25){
let recs2 = [];
toggle.addEventListener("mouseover",function(){
authAPIcall(
`query($id: Int){
Media(id:$id){
recommendations(sort:RATING_DESC,page:2){
nodes{
mediaRecommendation{
id
type
mediaListEntry{status}
}
}
}
}
}`,
{id: id},
function(data){
recs2 = data.data.Media.recommendations.nodes.map(
item => item.mediaRecommendation
).filter(
item => item.mediaListEntry
);
}
)
})
toggle.addEventListener("click",function(){
setTimeout(function(){adder(recs2)},1000);//eh, good enough
setTimeout(function(){adder(recs2)},5000);
setTimeout(function(){adder(recs2)},10000);
setTimeout(function(){adder(recs2)},15000)
})
}
}
}
else{
setTimeout(recsAdder,300)
}
}
};recsAdder();
},
"hohRelationStatusDot" + id,2*60*1000,
false,false,
function(data){
let adder = function(){
let mangaAnimeMatch = document.URL.match(/^https:\/\/anilist\.co\/(anime|manga)\/(\d+)\/?([^/]*)?\/?(.*)?/);
if(!mangaAnimeMatch){
return
}
if(mangaAnimeMatch[2] !== id){
return
}
let rels = data.data.Media.relations.nodes.filter(media => media.mediaListEntry);
if(rels){
relations = document.querySelector(".relations");
if(relations && !relations.classList.contains("hohRelationStatusDots")){
relations.classList.add("hohRelationStatusDots");
rels.forEach(media => {
let target = relations.querySelector("[href^=\"/" + media.type.toLowerCase() + "/" + media.id + "/\"]");
if(target){
let statusDot = create("div","hohStatusDot",false,target);
statusDot.style.background = distributionColours[media.mediaListEntry.status];
statusDot.title = media.mediaListEntry.status.toLowerCase();
}
})
}
else{
setTimeout(adder,300)
}
}
};adder();
}
)
}
//end modules/addRelationStatusDot.js
//begin modules/addReviewConfidence.js
//not useful?
function addReviewConfidence(){
generalAPIcall("query{Page(page:1,perPage:30){reviews(sort:ID_DESC){id rating ratingAmount}}}",{},function(data){
let adder = function(){
if(location.pathname !== "/reviews"){
return
}
let locationForIt = document.querySelector(".recent-reviews .review-wrap");
if(!locationForIt){
setTimeout(adder,200);
return;
}
data.data.Page.reviews.forEach((review,index) => {
let wilsonLowerBound = wilson(review.rating,review.ratingAmount).left
let extraScore = create("span",false,"~" + Math.round(100*wilsonLowerBound));
extraScore.style.color = "hsl(" + wilsonLowerBound*120 + ",100%,50%)";
extraScore.style.marginRight = "3px";
let parent = locationForIt.querySelector('[href="/review/' + review.id + '"] .votes');
if(parent){
parent.insertBefore(extraScore,parent.firstChild);
if(wilsonLowerBound < 0.05){
locationForIt.children[index].style.opacity = "0.5"
}
}
})
};adder();
},"hohRecentReviews",30*1000);
}
//end modules/addReviewConfidence.js
//begin modules/addSocialThemeSwitch.js
function addSocialThemeSwitch(){
let URLstuff = location.pathname.match(/^\/user\/(.*)\/social/)
if(!URLstuff){
return
};
if(document.querySelector(".filters .hohThemeSwitch")){
return
};
let target = document.querySelector(".filters");
if(!target){
setTimeout(addSocialThemeSwitch,100);
return;
}
let themeSwitch = create("div",["theme-switch","hohThemeSwitch"],false,target,"width:70px;");
let listView = create("span",false,false,themeSwitch);
let cardView = create("span","active",false,themeSwitch);
listView.appendChild(svgAssets2.listView.cloneNode(true));
cardView.appendChild(svgAssets2.cardView.cloneNode(true));
listView.onclick = function(){
document.querySelector(".hohThemeSwitch .active").classList.remove("active");
listView.classList.add("active");
document.querySelector(".user-social").classList.add("listView");
}
cardView.onclick = function(){
document.querySelector(".hohThemeSwitch .active").classList.remove("active");
cardView.classList.add("active");
document.querySelector(".user-social.listView").classList.remove("listView");
}
}
//end modules/addSocialThemeSwitch.js
//begin modules/addStudioBrowseSwitch.js
function addStudioBrowseSwitch(){
let URLstuff = location.pathname.match(/^\/studio\//)
if(!URLstuff){
return
};
if(document.querySelector(".studio-page-unscoped .hohThemeSwitch")){
return
};
let target = document.querySelector(".studio-page-unscoped");
if(!target){
setTimeout(addStudioBrowseSwitch,100);
return;
}
let themeSwitch = create("div",["theme-switch","hohThemeSwitch"],false,target);
target.classList.add("cardView");
let listView = create("span",false,false,themeSwitch);
listView.title = "List View";
let cardView = create("span","active",false,themeSwitch);
cardView.title = "Card View";
listView.appendChild(svgAssets2.bigListView.cloneNode(true));
cardView.appendChild(svgAssets2.compactView.cloneNode(true));
cardView.onclick = function(){
document.querySelector(".hohThemeSwitch .active").classList.remove("active");
cardView.classList.add("active");
target.classList.add("cardView");
target.classList.remove("listView");
}
listView.onclick = function(){
document.querySelector(".hohThemeSwitch .active").classList.remove("active");
listView.classList.add("active");
target.classList.remove("cardView");
target.classList.add("listView");
}
}
//end modules/addStudioBrowseSwitch.js
//begin modules/addSubTitleInfo.js
function addSubTitleInfo(){
let URLstuff = document.URL.match(/^https:\/\/anilist\.co\/(anime|manga)\/.*/);
if(!URLstuff){
return
}
else if(document.querySelector(".hohExtraBox")){
document.querySelector(".hohExtraBox").remove()
};
let sidebar = document.querySelector(".sidebar");
if(!sidebar){
setTimeout(addSubTitleInfo,200);
return
};
let infoNeeded = {};
Array.from(sidebar.querySelectorAll(".data-set .type")).forEach(pair => {
if(pair.innerText === "Native"){
infoNeeded.native = pair.nextElementSibling.innerText
}
if(pair.innerText === "Romaji"){
infoNeeded.romaji = pair.nextElementSibling.innerText
}
if(pair.innerText === "English"){
infoNeeded.english = pair.nextElementSibling.innerText
}
else if(pair.innerText === "Format"){
infoNeeded.format = pair.nextElementSibling.innerText;
if(infoNeeded.format === "Manga (Chinese)"){
infoNeeded.format = "Manhua"
}
else if(infoNeeded.format === "Manga (Korean)"){
infoNeeded.format = "Manhwa"
}
}
else if(pair.innerText === "Release Date" || pair.innerText === "Start Date"){
infoNeeded.year = pair.nextElementSibling.innerText.match(/\d{4}/)[0]
}
else if(pair.innerText === "Studios"){
infoNeeded.studios = pair.nextElementSibling.innerText.split("\n");
infoNeeded.studiosLinks = Array.from(
pair.nextElementSibling.querySelectorAll("a")
).map(a => a.href);
}
});
if(!infoNeeded.romaji){//guaranteed to exist, so a good check for if the sidebar has loaded
setTimeout(addSubTitleInfo,200);
return
}
let title = document.querySelector(".content > h1");
let extraBox = create("div","hohExtraBox");
title.parentNode.insertBefore(extraBox,title.nextElementSibling);
let subTitle = create("p","value","",extraBox,"margin:2px;font-style:italic;");
if(useScripts.titleLanguage === "NATIVE"){
if(infoNeeded.romaji && infoNeeded.romaji !== infoNeeded.native){
subTitle.innerText = infoNeeded.romaji
}
else if(infoNeeded.english && infoNeeded.english !== infoNeeded.native){
subTitle.innerText = infoNeeded.english
}
}
else if(useScripts.titleLanguage === "ENGLISH"){
if(infoNeeded.native && infoNeeded.native !== infoNeeded.english){
subTitle.innerText = infoNeeded.native
}
else if(infoNeeded.romaji && infoNeeded.romaji !== infoNeeded.english){
subTitle.innerText = infoNeeded.romaji
}
}
else{
if(
infoNeeded.native
&& infoNeeded.native.replace(//convert fullwidth to regular before comparing
/[\uff01-\uff5e]/g,
ch => String.fromCharCode(ch.charCodeAt(0) - 0xfee0)
) !== infoNeeded.romaji
){
subTitle.innerText = infoNeeded.native
}
}
if(infoNeeded.year){
create("a","value",infoNeeded.year,extraBox,"margin-right:10px;")
.href = "/search/" + URLstuff[1] + "?year=" + infoNeeded.year + "%25"
}
if(infoNeeded.format && infoNeeded.format !== "Manga"){
create("span","value",infoNeeded.format,extraBox,"margin-right:10px;")
}
if(infoNeeded.studios){
let studioBox = create("span","value",false,extraBox);
infoNeeded.studios.forEach((studio,i) => {
let studiolink = create("a",false,studio,studioBox);
studiolink.href = infoNeeded.studiosLinks[i];
if(i < infoNeeded.studios.length - 1){
create("span",false,", ",studioBox)
}
})
}
}
//end modules/addSubTitleInfo.js
//begin modules/ALbuttonReload.js
if(useScripts.ALbuttonReload){
let logo = document.querySelector(".logo");
if(logo){
logo.onclick = function(){
if(/\/home\/?$/.test(location.pathname)){//we only want this behaviour here
window.location.reload(false);//reload page, but use cache if possible
}
}
}
}
exportModule({
id: "ALbuttonReload",
description: "Make the 'AL' button reload the feeds on the homepage",
isDefault: true,
categories: ["Navigation"],
visible: true
})
//end modules/ALbuttonReload.js
//begin modules/anisongs.js
//fork of anisongs by morimasa
//https://greasyfork.org/en/scripts/374785-anisongs
const anisongs_temp = {
last: null,
target: null
}
exportModule({
id: "anisongs",
description: "Add OP/ED data to media pages [by Morimasa]",
isDefault: false,
categories: ["Media"],
visible: true,
urlMatch: function(url,oldUrl){
return /^https:\/\/anilist\.co\/(anime|manga)\/[0-9]+\/.*/.test(url)
},
code: function(){
const options = {
cacheTTL: 604800000, // 1 week in ms
class: 'anisongs', // container class
}
const Cache = {
async add(key, value) {
await localforage.setItem(key, value)
return value
},
async get(key) {
return localforage.getItem(key)
}
}
const API = {
async getMedia(id) {
return new Promise((resolve, reject) => {
generalAPIcall("query($id:Int){Media(id:$id){idMal status}}", {id}, ({data}) => {
resolve(data.Media)
})
});
},
async getSongs(mal_id) {
const res = await fetch(`https://api.jikan.moe/v3/anime/${mal_id}`)
return res.json()
},
async getVideos(anilist_id) {
const res = await fetch(`https://staging.animethemes.moe/api/anime?filter[has]=resources&filter[site]=AniList&filter[external_id]=${anilist_id}&include=animethemes.animethemeentries.videos`)
return res.json()
}
}
class VideoElement {
constructor(parent, url) {
this.url = url
this.parent = parent
this.make()
}
toggle() {
if (this.el.parentNode) {
this.el.remove()
}
else {
this.parent.append(this.el)
this.el.children[0].autoplay = true // autoplay
}
}
make() {
const box = document.createElement('div'),
vid = document.createElement('video')
vid.src = this.url
vid.controls = true
vid.preload = "none"
vid.volume = 0.4
box.append(vid)
this.el = box
}
}
function insert(songs, parent) {
if (!songs || !songs.length) {
const node = document.createElement('div')
node.innerText = 'No songs to show (つ﹏<)･ﾟ｡'
node.style.textAlign = "center"
parent.appendChild(node)
}
else {
songs.forEach( (song, i) => {
const node = document.createElement('div')
const txt = `${i+1}. ${song.title || song}`
if (song.url) {
const vid = new VideoElement(node, song.url)
node.addEventListener("click", () => vid.toggle())
node.classList.add("has-video")
}
node.innerText = txt
node.classList.add("anisong-entry")
parent.appendChild(node)
})
}
}
function createTargetDiv(text, target, pos) {
let el = document.createElement('div');
el.appendChild(document.createElement('h2'));
el.children[0].innerText = text;
el.classList = options.class;
target.insertBefore(el, target.children[pos]);
return el;
}
function placeData(data) {
cleaner(anisongs_temp.target);
let op = createTargetDiv('Openings', anisongs_temp.target, 0);
let ed = createTargetDiv('Endings', anisongs_temp.target, 1);
insert(data.opening_themes, op);
insert(data.ending_themes, ed);
}
function cleaner(target) {
if (!target) return;
let el = target.querySelectorAll(`.${options.class}`);
el.forEach(e => target.removeChild(e))
}
function TTLpassedCheck(timestamp, TTL) {
return (timestamp + TTL) < +new Date()
}
async function launch(currentid) {
// get from cache and check TTL
const cache = await Cache.get(currentid) || {time: 0};
const TTLpassed = TTLpassedCheck(cache.time, options.cacheTTL);
if (TTLpassed) {
const {idMal: mal_id, status} = await API.getMedia(currentid);
if (mal_id) {
const filterThemes = themes => themes.filter(theme => !theme.includes("Help improve our database"))
let {opening_themes, ending_themes} = await API.getSongs(mal_id);
opening_themes = filterThemes(opening_themes)
ending_themes = filterThemes(ending_themes)
// add songs to cache if they're not empty and query videos
if (opening_themes.length || ending_themes.length) {
if (["FINISHED", "RELEASING"].includes(status)) {
try {
const _videos = await new Videos(currentid).get()
opening_themes = Videos.merge(opening_themes, _videos.OP)
ending_themes = Videos.merge(ending_themes, _videos.ED)
}
catch(e){console.log("Anisongs", e)} // 🐟
}
await Cache.add(currentid, {opening_themes, ending_themes, time: +new Date()});
}
// place the data onto site
placeData({opening_themes, ending_themes});
return "Downloaded songs"
}
else {
return "No malid"
}
}
else {
// place the data onto site
placeData(cache);
return "Used cache"
}
}
class Videos {
constructor(id) {
this.id = id
}
async get() {
const {anime} = await API.getVideos(this.id);
if(anime.length === 0){
return {"OP":[], "ED":[]}
}
return Videos.groupTypes(anime[0].animethemes)
}
static groupTypes(songs) {
const groupBy = (xs, key) => {
return xs.reduce(function(rv, x) {
(rv[x[key]] = rv[x[key]] || []).push(x);
return rv;
}, {});
};
return groupBy(songs, "type")
}
static merge(entries, videos) {
const cleanTitle = song => {
return song.replace(/^\d{1,2}:/, "")
}
const findUrl = n => {
let url;
if(videos[n]) {
url = videos[n].animethemeentries[0]?.videos[0]?.link
if(url) url = url.replace(/staging\./, "")
}
return url
}
if(videos) {
return entries.map((e, i) => {
return {
title: cleanTitle(e),
url: findUrl(i)
}
})
}
return entries.map((e, i) => {
return {
title: cleanTitle(e)
}
})
}
}
let currentpath = location.pathname.match(/(anime|manga)\/([0-9]+)\/[^\/]*\/?(.*)/)
if(currentpath[1] === "anime") {
let currentid = currentpath[2];
let location = currentpath[3];
if(location !== ""){
anisongs_temp.last = 0
}
anisongs_temp.target = document.querySelectorAll(".grid-section-wrap")[2];
if(anisongs_temp.last !== currentid && location === ""){
if(anisongs_temp.target){
anisongs_temp.last = currentid;
launch(currentid)
}
else{
setTimeout(()=>{this.code.call(this)},500)
}
}
}
else if(currentpath[1] === "manga"){
cleaner(anisongs_temp.target);
anisongs_temp.last = 0
}
else{
anisongs_temp.last = 0
}
}
})
//end modules/anisongs.js
//begin modules/autoLogin.js
exportModule({
id: "autoLogin",
description: "Attempt automatic login when visiting anilist.co [read description]",
extendedDescription: `
Normally, Automail will stay signed in even if you close your browser.
However, if you have all persistant storage turned off, that's not possible.
To use features that requires an Anilist login, you will normally have to click the "sign in" link on the settings page each time.
In those cases, this module tries to automatically sign in when first visiting the page, potentially saving you a few clicks.
IMPORTANT DETAILS FOR THIS MODULE TO WORK!
This module is off by default. In some cases of non-persistance storage, Automail will always load at default settings, thus checking this checkbox will do absolutely nothing.
To change the defaults:
Option a) When building from source edit "src/modules/autoLogin.js" so "isDefault" is set to true
Option b) Manually add your access token in the file "src/settings.js". It's a field in the "useScripts" object.
Option c) If you just have the compiled JS file "automail.js", search for "I EAT PANCAKES" in the code, and change "isDefault" line below to true
`,
isDefault: false,
categories: ["Script"],
visible: true
})
//end modules/autoLogin.js
//begin modules/betterListPreview.js
function betterListPreview(){
if(window.screen.availWidth && window.screen.availWidth <= 1040){
return
}
let errorHandler = function(e){
console.error(e);
console.warn("Alternative list preview failed. Trying to bring back the native one");
let hohListPreviewToRemove = document.getElementById("hohListPreview");
if(hohListPreviewToRemove){
hohListPreviewToRemove.remove()
};
document.querySelectorAll(".list-preview-wrap").forEach(wrap => {
wrap.style.display = "block"
})
}
try{//it's complex, and could go wrong. Furthermore, we want a specific behavour when it fails, namely bringing back the native preview
let hohListPreview = document.getElementById("hohListPreview");
if(hohListPreview){
return
};
let buildPreview = function(data,overWrite){try{
if(!data){
return
}
if(!hohListPreview){
overWrite = true;
let listPreviews = document.querySelectorAll(".list-previews h2");
if(!listPreviews.length){
setTimeout(function(){buildPreview(data)},200);
return
};
hohListPreview = create("div","#hohListPreview");
listPreviews[0].parentNode.parentNode.parentNode.parentNode.insertBefore(hohListPreview,listPreviews[0].parentNode.parentNode.parentNode);
listPreviews.forEach(heading => {
if(!heading.innerText.includes("Manga") && !heading.innerText.includes(translate("$preview_mangaSection_title"))){
heading.parentNode.parentNode.style.display = "none"
}
else if(useScripts.additionalTranslation){
heading.childNodes[0].textContent = translate("$preview_mangaSection_title")
}
})
};
if(overWrite){
let mediaLists = data.data.Page.mediaList.map((mediaList,index) => {
mediaList.index = index;
if(aliases.has(mediaList.media.id)){
mediaList.media.title.userPreferred = aliases.get(mediaList.media.id)
}
return mediaList
});
let notAiring = mediaLists.filter(
mediaList => !mediaList.media.nextAiringEpisode
)
let airing = mediaLists.filter(
mediaList => mediaList.media.nextAiringEpisode
).map(
mediaList => {
mediaList.points = 100/(mediaList.index + 1) + mediaList.priority/10 + (mediaList.scoreRaw || 60)/10;
if(mediaList.progress === mediaList.media.nextAiringEpisode.episode - 1){
mediaList.points -= 100/(mediaList.index + 1);
}
if(mediaList.media.nextAiringEpisode.timeUntilAiring < 60*60*24){
mediaList.points += 1;
if(mediaList.progress === mediaList.media.nextAiringEpisode.episode - 1){
mediaList.points += 1;
}
}
if(mediaList.media.nextAiringEpisode.timeUntilAiring < 60*60*12){
mediaList.points += 1;
if(mediaList.progress === mediaList.media.nextAiringEpisode.episode - 1){
mediaList.points += 2;
}
}
if(mediaList.media.nextAiringEpisode.timeUntilAiring < 60*60*3){
mediaList.points += 1;
if(mediaList.progress === mediaList.media.nextAiringEpisode.episode - 1){
mediaList.points += 2;
}
}
if(mediaList.media.nextAiringEpisode.timeUntilAiring < 60*60*1){
mediaList.points += 1;
if(mediaList.progress === mediaList.media.nextAiringEpisode.episode - 1){
mediaList.points += 3;
}
}
if(mediaList.media.nextAiringEpisode.timeUntilAiring < 60*10){
mediaList.points += 1;
if(mediaList.progress === mediaList.media.nextAiringEpisode.episode - 1){
mediaList.points += 5;
}
else if(mediaList.progress === mediaList.media.nextAiringEpisode.episode - 2){
mediaList.points += 2;
}
}
if(mediaList.progress === mediaList.media.nextAiringEpisode.episode - 2){
mediaList.points += 7;
if(mediaList.media.nextAiringEpisode.timeUntilAiring < 60*60*24*7){
if(mediaList.media.nextAiringEpisode.timeUntilAiring > 60*60*24*6){
mediaList.points += 3;
}
if(mediaList.media.nextAiringEpisode.timeUntilAiring > 60*60*24*7 - 60*60*3){
mediaList.points += 3;
}
if(mediaList.media.nextAiringEpisode.timeUntilAiring > 60*60*24*7 - 60*60*1){
mediaList.points += 3;
}
}
}
else if(mediaList.progress === mediaList.media.nextAiringEpisode.episode - 3){
mediaList.points += 2;
if(mediaList.media.nextAiringEpisode.timeUntilAiring < 60*60*24*7){
if(mediaList.media.nextAiringEpisode.timeUntilAiring > 60*60*24*6){
mediaList.points += 1;
}
if(mediaList.media.nextAiringEpisode.timeUntilAiring > 60*60*24*7 - 60*60*3){
mediaList.points += 1;
}
if(mediaList.media.nextAiringEpisode.timeUntilAiring > 60*60*24*7 - 60*60*1){
mediaList.points += 1;
}
}
}
return mediaList;
}
).sort(
(b,a) => a.points - b.points
);
let airingImportant = mediaLists.filter(
(mediaList,index) => mediaList.media.nextAiringEpisode && (
index < 20
|| mediaList.media.nextAiringEpisode.timeUntilAiring < 60*60*4
|| (
mediaList.media.nextAiringEpisode.timeUntilAiring < 60*60*12
&& mediaList.progress === mediaList.media.nextAiringEpisode.episode - 1
)
|| (
mediaList.media.nextAiringEpisode.timeUntilAiring > 60*60*24*6
&& mediaList.media.nextAiringEpisode.timeUntilAiring < 60*60*24*7
&& mediaList.progress === mediaList.media.nextAiringEpisode.episode - 2
)
)
).length;
if(airingImportant > 3){
airingImportant = Math.min(5*Math.ceil((airingImportant - 1)/5),airing.length)
}
removeChildren(hohListPreview)
let drawSection = function(list,name,moveExpander){
let airingSection = create("div","list-preview-wrap",false,hohListPreview,"margin-bottom: 20px;");
let airingSectionHeader = create("div","section-header",false,airingSection);
if(name === "Airing"){
create("a","asHeading",name,airingSectionHeader,"font-size: 1.4rem;font-weight: 500;")
.href = "https://anilist.co/airing"
}
else{
create("h2",false,name,airingSectionHeader,"font-size: 1.4rem;font-weight: 500;")
};
if(moveExpander && document.querySelector(".size-toggle")){
airingSectionHeader.appendChild(document.querySelector(".size-toggle"))
};
let airingListPreview = create("div","list-preview",false,airingSection,"display:grid;grid-template-columns: repeat(5,85px);grid-template-rows: repeat(auto-fill,115px);grid-gap: 20px;padding: 20px;background: rgb(var(--color-foreground));");
list.forEach((air,index) => {
let card = create("div",["media-preview-card","small","hohFallback"],false,airingListPreview,"width: 85px;height: 115px;background: rgb(var(--color-foreground));border-radius: 3px;display: inline-grid;");
if(air.media.coverImage.color){
card.style.backgroundColor = air.media.coverImage.color
};
if((index % 5 > 1) ^ useScripts.rightToLeft){
card.classList.add("info-left")
};
let cover = create("a","cover",false,card,"background-position: 50%;background-repeat: no-repeat;background-size: cover;text-align: center;border-radius: 3px;");
cover.style.backgroundImage = "url(\"" + air.media.coverImage.large + "\")";
cover.href = "/anime/" + air.media.id + "/" + safeURL(air.media.title.userPreferred);
if(air.media.nextAiringEpisode){
let imageText = create("div","image-text",false,cover,"background: rgba(var(--color-overlay),.7);border-radius: 0 0 3px 3px;bottom: 0;color: rgba(var(--color-text-bright),.91);display: inline-block;font-weight: 400;left: 0;letter-spacing: .2px;margin-bottom: 0;position: absolute;transition: .3s;width: 100%;font-size: 1.1rem;line-height: 1.2;padding: 8px;");
let imageTextWrapper = create("div","countdown",false,imageText);
let createCountDown = function(){
removeChildren(imageTextWrapper)
create("span",false,"Ep " + air.media.nextAiringEpisode.episode,imageTextWrapper);
create("br",false,false,imageTextWrapper);
if(air.media.nextAiringEpisode.timeUntilAiring <= 0){
create("span",false,"Recently aired",imageTextWrapper);
return;
};
let days = Math.floor(air.media.nextAiringEpisode.timeUntilAiring/(60*60*24));
let hours = Math.floor((air.media.nextAiringEpisode.timeUntilAiring - days*(60*60*24))/3600);
let minutes = Math.round((air.media.nextAiringEpisode.timeUntilAiring - days*(60*60*24) - hours*3600)/60);
if(minutes === 60){
hours++;
minutes = 0;
if(hours === 24){
days++;
hours = 0;
}
};
if(days){
create("span",false,days + "d ",imageTextWrapper)
}
if(hours){
create("span",false,hours + "h ",imageTextWrapper)
}
if(minutes){
create("span",false,minutes + "m",imageTextWrapper)
}
setTimeout(function(){
air.media.nextAiringEpisode.timeUntilAiring -= 60;
createCountDown();
},60*1000);
};createCountDown();
const behind = air.media.nextAiringEpisode.episode - 1 - air.progress;
if(behind > 0){
create("div","behind-accent",false,imageText,"background: rgb(var(--color-red));border-radius: 0 0 2px 2px;bottom: 0;height: 5px;left: 0;position: absolute;transition: .2s;width: 100%;")
}
}
let imageOverlay = create("div","image-overlay",false,cover);
let plusProgress = create("div","plus-progress",air.progress + " +",imageOverlay);
let content = create("div","content",false,card);
if(air.media.nextAiringEpisode){
const behind = air.media.nextAiringEpisode.episode - 1 - air.progress;
if(behind > 0){
let infoHeader = create("div","info-header",false,content,"color: rgb(var(--color-blue));font-size: 1.2rem;font-weight: 500;margin-bottom: 8px;");
if(behind > 1){
create("div",false,translate("$preview_Mbehind",behind),infoHeader)
}
else{
create("div",false,translate("$preview_1behind"),infoHeader)
}
}
}
let title = create("a","title",air.media.title.userPreferred,content,"font-size: 1.4rem;");
let info = create("div",["info","hasMeter"],false,content,"bottom: 12px;color: rgb(var(--color-text-lighter));font-size: 1.2rem;left: 12px;position: absolute;");
let pBar;
if(air.media.episodes && useScripts.progressBar){
pBar = create("meter",false,false,info);
pBar.value = air.progress;
pBar.min = 0;
pBar.max = air.media.episodes;
if(air.media.nextAiringEpisode){
pBar.low = air.media.nextAiringEpisode.episode - 2;
pBar.high = air.media.nextAiringEpisode.episode - 1;
pBar.optimum = air.media.nextAiringEpisode.episode - 1;
}
};
let progress = create("div",false,translate("$preview_progress") + " " + air.progress + (air.media.episodes ? "/" + air.media.episodes : ""),info);
let isBlocked = false;
plusProgress.onclick = function(e){
if(isBlocked){
return
};
if(air.media.episodes){
if(air.progress < air.media.episodes){
if(useScripts.progressBar){
pBar.value++;
}
air.progress++;
progress.innerText = "Progress: " + air.progress + (air.media.episodes ? "/" + air.media.episodes : "");
isBlocked = true;
setTimeout(function(){
plusProgress.innerText = air.progress + " +";
isBlocked = false;
},300);
if(air.progress === air.media.episodes){
progress.innerText += " Completed";
if(air.status === "REWATCHING"){//don't overwrite the existing end date
authAPIcall(
`mutation($progress: Int,$id: Int){
SaveMediaListEntry(progress: $progress,id:$id,status:COMPLETED){id}
}`,
{id: air.id,progress: air.progress},
data => {}
);
}
else{
authAPIcall(
`mutation($progress: Int,$id: Int,$date:FuzzyDateInput){
SaveMediaListEntry(progress: $progress,id:$id,status:COMPLETED,completedAt:$date){id}
}`,
{
id: air.id,
progress: air.progress,
date: {
year: (new Date()).getUTCFullYear(),
month: (new Date()).getUTCMonth() + 1,
day: (new Date()).getUTCDate(),
}
},
data => {}
);
}
}
else{
authAPIcall(
`mutation($progress: Int,$id: Int){
SaveMediaListEntry(progress: $progress,id:$id){id}
}`,
{id: air.id,progress: air.progress},
data => {}
);
}
localStorage.setItem("hohListPreview",JSON.stringify(data));
}
}
else{
air.progress++;
plusProgress.innerText = air.progress + " +";
progress.innerText = "Progress: " + air.progress;
isBlocked = true;
setTimeout(function(){
plusProgress.innerText = air.progress + " +";
progress.innerText = "Progress: " + air.progress;
isBlocked = false;
},300);
authAPIcall(
`mutation($progress: Int,$id: Int){
SaveMediaListEntry(progress: $progress,id:$id){id}
}`,
{id: air.id,progress: air.progress},
data => {}
);
localStorage.setItem("hohListPreview",JSON.stringify(data));
};
if(air.media.nextAiringEpisode){
if(air.progress === air.media.nextAiringEpisode.episode - 1){
if(card.querySelector(".behind-accent")){
card.querySelector(".behind-accent").remove()
}
}
}
e.stopPropagation();
e.preventDefault();
return false
}
let fallback = create("span","hohFallback",air.media.title.userPreferred,card,"background-color: rgb(var(--color-foreground),0.6);padding: 3px;border-radius: 3px;");
if(useScripts.titleLanguage === "ROMAJI"){
fallback.innerText = air.media.title.userPreferred
}
});
};
if(airingImportant > 3){
drawSection(
airing.slice(0,airingImportant),translate("$preview_airingSection_title"),true
);
drawSection(
notAiring.slice(0,5*Math.ceil((20 - airingImportant)/5)),translate("$preview_animeSection_title")
)
}
else{
let remainderAiring = airing.slice(0,airingImportant).filter(air => air.index >= 20);
drawSection(mediaLists.slice(0,20 - remainderAiring.length).concat(remainderAiring),translate("$preview_animeSection_title"),true);
}
}
}catch(e){errorHandler(e)}}
authAPIcall(
`query($name: String){
Page(page:1){
mediaList(type:ANIME,status_in:[CURRENT,REPEATING],userName:$name,sort:UPDATED_TIME_DESC){
id
priority
scoreRaw: score(format: POINT_100)
progress
status
media{
id
episodes
coverImage{large color}
title{userPreferred}
nextAiringEpisode{episode timeUntilAiring}
}
}
}
}`,{name: whoAmI},function(data){
localStorage.setItem("hohListPreview",JSON.stringify(data));
buildPreview(data,true);
}
);
buildPreview(JSON.parse(localStorage.getItem("hohListPreview")),false);
}
catch(e){
errorHandler(e)
}
}
//end modules/betterListPreview.js
//begin modules/betterReviewRatings.js
function betterReviewRatings(){
if(!location.pathname.match(/\/home/)){
return
}
let reviews = document.querySelectorAll(".review-card .el-tooltip.votes");
if(!reviews.length){
setTimeout(betterReviewRatings,500);
return;
}
// Basic idea: read the rating info from the tooltips to avoid an API call.
document.body.classList.add("TMPreviewScore");//add a temporary class, which makes all tooltips
reviews.forEach(likeElement => {//trigger creation of the tooltips (they don't exist before hover)
likeElement.dispatchEvent(new Event("mouseenter"));
likeElement.dispatchEvent(new Event("mouseleave"));
});
setTimeout(function(){//give anilist some time to generate them
reviews.forEach(likeElement => {
let likeExtra = document.getElementById(likeElement.attributes["aria-describedby"].value);
if(likeExtra){
let matches = likeExtra.innerText.match(/(\d+) out of (\d+)/);
if(matches){
likeElement.childNodes[1].textContent += "/" + matches[2];
if(useScripts.additionalTranslation){
likeExtra.childNodes[0].textContent = translate("$reviewLike_tooltip",[matches[1],matches[2]])
}
}
}
likeElement.style.bottom = "4px";
likeElement.style.right = "7px";
})
document.body.classList.remove("TMPreviewScore");//make tooltips visible again
},200);
}
//end modules/betterReviewRatings.js
//begin modules/browseSubmenu.js
if(useScripts.browseSubmenu && useScripts.CSSverticalNav && whoAmI && !useScripts.mobileFriendly){
let addMouseover = function(){
let navThingy = document.querySelector(`.nav .links .browse-wrap`);
if(navThingy){
navThingy.classList.add("subMenuContainer");
let subMenu = create("div","hohSubMenu",false,navThingy);
[
{
text: "$submenu_anime",
href: "/search/anime",
vue: { name: 'Search', params: {type:'anime'}}
},
{
text: "$submenu_manga",
href: "/search/manga",
vue: { name: 'Search', params: {type:'manga'}}
},
{
text: "$submenu_staff",
href: "/search/staff",
vue: { name: 'Search', params: {type:'staff'}}
},
{
text: "$submenu_characters",
href: "/search/characters",
vue: { name: 'Search', params: {type:'characters'}}
},
{
text: "$submenu_reviews",
href: "/reviews",
vue: { name: 'Reviews'}
},
{
text: "$submenu_recommendations",
href: "/recommendations",
vue: { name: 'Recommendations'}
}
].forEach(link => {
let element = create("a","hohSubMenuLink",translate(link.text),subMenu);
element.href = link.href;
if(link.vue){
element.onclick = function(){
try{
document.getElementById('app').__vue__._router.push(link.vue);
return false
}
catch(e){
console.warn("vue routes are outdated!")
}
}
}
})
navThingy.onmouseenter = function(){
subMenu.style.display = "inline"
}
navThingy.onmouseleave = function(){
subMenu.style.display = "none"
}
}
else{
setTimeout(addMouseover,500)
}
};addMouseover()
}
//end modules/browseSubmenu.js
//begin modules/cencorMediaPage.js
function cencorMediaPage(id){
if(!location.pathname.match(/^\/(anime|manga)/)){
return
};
let possibleLocation = document.querySelectorAll(".tags .tag .name");
if(possibleLocation.length){
if(possibleLocation.some(
tag => badTags.some(
bad => tag.innerText.toLowerCase().includes(bad)
)
)){
let content = document.querySelector(".page-content");
if(content){
content.classList.add("hohCencor")
}
}
}
else{
setTimeout(() => {cencorMediaPage(id)},200)
}
}
//end modules/cencorMediaPage.js
//begin modules/clickableActivityHistory.js
exportModule({
id: "clickableActivityHistory",
description: "Displays activities for an entry in the activity history",
isDefault: true,
categories: ["Navigation","Profiles"],
visible: false,
urlMatch: function(url,oldUrl){
return url.match(/\/user\/[^/]+\/?$/);
},
code: function(){
if(!useScripts.termsFeed){
return
}
let waiter = function(){
let activityHistory = document.querySelector(".activity-history");
if(!activityHistory){
setTimeout(waiter,1000);
return
};
activityHistory.onclick = function(event){
let target = event.target;
if(target && target.classList.contains("history-day")){
if(target.classList.contains("lv-0")){
return
}
let offset = 1;
while(target.nextSibling){
offset++;
target = target.nextSibling
}
let presentDayPresentTime = (new Date()).valueOf();
presentDayPresentTime = new Date(presentDayPresentTime.valueOf() - offset * 24*60*60*1000);
let year = presentDayPresentTime.getUTCFullYear();
let month = presentDayPresentTime.getUTCMonth() + 1;
let day = presentDayPresentTime.getUTCDate();
let hour = presentDayPresentTime.getUTCHours();
if(hour + 9 > 23){
day++
}
window.location.href = "https://anilist.co/terms?user=" + encodeURIComponent(document.querySelector("h1.name").innerText) + "&date=" + year + "-" + month + "-" + day
}
}
};waiter()
}
})
//end modules/clickableActivityHistory.js
//begin modules/directEditorAccess.js
exportModule({
id: "directListAccess",
description: "Make the down arrow links in the feeds open the list editor directly",
extendedDescription: "When hovering over the cover image of an entry in the activity feeds, an arrow will appear. Clicking the arrow will present you with various options, including opening the list editor. I never use any of the other options, so this module turns this into a one-click experience.",
isDefault: false,
importance: 0,
categories: ["Feeds"],
visible: true,
urlMatch: function(url,oldUrl){
return url === "https://anilist.co/home" || url.match(/^https:\/\/anilist\.co\/user\/(.*)\/$/)
},
code: function(){
let adder = function(){
if(document.querySelector(".activity-feed")){
document.querySelector(".activity-feed").addEventListener("click",function(e){
let tmp_target = e.target;
if(!tmp_target.classList.contains("el-dropdown-menu__item--divided")){
for(let i=0;i<4;i++){
if(tmp_target.classList.contains("entry-dropdown")){
let item = document.getElementById(tmp_target.children[0].getAttribute("aria-controls"));
if(item){
item.querySelector(".el-dropdown-menu__item--divided").click()
}
break
}
else{
tmp_target = tmp_target.parentNode
}
}
}
})
}
else{
setTimeout(adder,2000)
}
};
adder()
}
})
//end modules/directEditorAccess.js
//begin modules/documentTitleManager.js
let titleObserver = new MutationObserver(mutations => {
let title = document.querySelector("head > title").textContent;
let titleMatch = title.match(/(.*)\s\((\d+)\)\s\((.*)\s\(\2\)\)(.*)/);//ugly nested paranthesis like "Tetsuwan Atom (1980) (Astro Boy (1980)) · AniList"
if(titleMatch){
//change to the form "Tetsuwan Atom (Astro Boy 1980) · AniList"
document.title = titleMatch[1] + " (" + titleMatch[3] + " " + titleMatch[2] + ")" + titleMatch[4];
}
let badApostropheMatch = title.match(/^(\S+?s)'s\sprofile(.*)/);
if(badApostropheMatch){
document.title = badApostropheMatch[1] + "' profile" + badApostropheMatch[2]
}
if(useScripts.additionalTranslation){
[
["Home · AniList","$documentTitle_home"],
["Notifications · AniList","$documentTitle_notifications"],
["Forum - Anime & Manga Discussion · AniList","$documentTitle_forum"],
["App Settings · AniList","$documentTitle_appSettings"]
].forEach(pair => {
if(title === pair[0]){
let translation = translate(pair[1]);
if(translation !== pair[0]){
document.title = translation
}
}
})
}
if(useScripts.SFWmode && title !== "Table of Contents"){//innocent looking
document.title = "Table of Contents"
}
});
if(document.title){
titleObserver.observe(document.querySelector("head > title"),{subtree: true, characterData: true, childList: true })
}
//end modules/documentTitleManager.js
//begin modules/drawListStuff.js
function drawListStuff(){
const URLstuff = location.pathname.match(/^\/user\/(.+)\/(animelist|mangalist)/);
if(!URLstuff){
return
};
if(document.querySelector(".hohExtraFilters")){
return
};
let filters = document.querySelector(".filters-wrap");
if(!filters){
setTimeout(drawListStuff,200);
return
};
let extraFilters = create("div","hohExtraFilters");
extraFilters.style.marginTop = "15px";
if(useScripts.draw3x3){
let buttonDraw3x3 = create("span","#hohDraw3x3",translate("$make3x3"),extraFilters);
buttonDraw3x3.title = translate("$make3x3_title");
buttonDraw3x3.onclick = function(){
this.style.color = "rgb(var(--color-blue))";
let counter = 0;
let linkList = [];
let keepUpdating = true;
let updateCards = function(){
let cardList = document.querySelectorAll(".entry-card.row,.entry.row");
cardList.forEach(card => {
card.onclick = function(){
if(this.draw3x3selected){
counter--;
linkList[this.draw3x3selected - 1] = "";
this.draw3x3selected = false;
this.style.borderStyle = "none"
}
else{
counter++;
linkList.push(this.querySelector(".cover .image").style.backgroundImage.replace("url(","").replace(")","").replace('"',"").replace('"',""));
this.draw3x3selected = +linkList.length;
this.style.borderStyle = "solid";
if(counter === 9){
linkList = linkList.filter(e => e !== "");
let displayBox = createDisplayBox(false,"3x3 maker");
create("p",false,"Save the image below:",displayBox);
displayBox.parentNode.querySelector(".hohDisplayBoxClose").onclick = function(){
displayBox.parentNode.remove();
keepUpdating = false;
cardList.forEach(function(card){
card.draw3x3selected = false;
card.style.borderStyle = "none"
});
counter = 0;
linkList = []
};
let finalCanvas = create("canvas",false,false,displayBox);
finalCanvas.width = 230*3;
finalCanvas.height = 345*3;
let ctx = finalCanvas.getContext("2d");
let drawStuff = function(image,x,y,width,height){
let img = new Image();
img.onload = function(){
ctx.drawImage(img,x,y,width,height)
}
img.src = image
};
for(var i=0;i<3;i++){
for(var j=0;j<3;j++){
drawStuff(linkList[i*3+j],j*230,i*345,230,345)
}
}
}
}
}
})
};
let waiter = function(){
updateCards();
if(keepUpdating){
setTimeout(waiter,500)
}
};waiter();
}
}
if(useScripts.newChapters && URLstuff[2] === "mangalist"){
newChaptersInsertion(extraFilters)
};
if(useScripts.tagIndex && (!useScripts.mobileFriendly)){
let tagIndex = create("div","tagIndex",false,extraFilters);
let collectNotes = function(data){
let customTags = new Map();
let listData = returnList(data,true);
let blurbs = [];
listData.forEach(function(entry){
if(entry.notes){
(
entry.notes.match(/(#(\\\s|\S)+)/g) || []
).filter(
tagMatch => !tagMatch.match(/^#039/)
).map(
tagMatch => evalBackslash(tagMatch)
).forEach(tagMatch => {
if(!customTags.has(tagMatch)){
customTags.set(tagMatch,{name: tagMatch,count: 0})
}
customTags.get(tagMatch).count++
})
let noteContent = parseListJSON(entry.notes);
if(noteContent && noteContent.lists){
blurbs.push(noteContent.lists)
}
}
});
let applier = function(){
const URLstuff2 = location.pathname.match(/^\/user\/(.+)\/(animelist|mangalist)/);
if(!URLstuff2 || URLstuff[0] !== URLstuff2[0]){
return
};
Array.from(document.querySelectorAll(".hohDescriptions")).forEach(matching => matching.remove());
blurbs.forEach(blurb => {
blurb.forEach(list => {
if(list.name && list.info){
let titles = document.querySelectorAll("h3.section-name");
for(var i=0;i pair[1]);
customTags.sort((b,a) => a.count - b.count || b.name.localeCompare(a.name));
let drawTags = function(){
removeChildren(tagIndex);
let sortName = create("span",false,"▲",tagIndex,"cursor:pointer");
let sortNumber = create("span",false,"▼",tagIndex,"cursor:pointer;float:right");
customTags.forEach(tag => {
if(tag.name.match(/,(malSync|last)::/)){
return
}
let tagElement = create("p",false,tag.name,tagIndex);
create("span","count",tag.count,tagElement);
tagElement.onclick = function(){
let filterBox = document.querySelector(".entry-filter input");
filterBox.value = tag.name;
filterBox.dispatchEvent(new Event("input"));
if(filterBox.scrollIntoView){
filterBox.scrollIntoView({"behavior": "smooth","block": "start"})
}
else{
document.body.scrollTop = document.documentElement.scrollTop = 0
}
}
});
sortName.onclick = function(){
customTags.sort((b,a) => b.name.localeCompare(a.name));
drawTags()
}
sortNumber.onclick = function(){
customTags.sort((b,a) => a.count - b.count || b.name.localeCompare(a.name));
drawTags()
}
};
if(customTags.some(tag => !tag.name.match(/,(malSync|last)::/))){
drawTags()
}
};
let variables = {
name: decodeURIComponent(URLstuff[1]),
listType: "ANIME"
};
if(URLstuff[2] === "mangalist"){
variables.listType = "MANGA"
};
if(variables.name === whoAmI && reliablePersistentStorage){
cache.getList(variables.listType,function(data){
collectNotes({
data: {
MediaListCollection: data
}
})
})
}
else{
generalAPIcall(
queryMediaListNotes,
variables,
collectNotes,
"hohCustomTagIndex" + variables.listType + variables.name,
60*1000
)
}
}
filters.appendChild(extraFilters);
let filterBox = document.querySelector(".entry-filter input");
let searchParams = new URLSearchParams(location.search);
let paramSearch = searchParams.get("search");
if(paramSearch){
filterBox.value = decodeURIComponent(paramSearch);
let event = new Event("input");
filterBox.dispatchEvent(event)
}
let filterChange = function(){
let newURL = location.protocol + "//" + location.host + location.pathname
if(filterBox.value === ""){
searchParams.delete("search")
}
else{
searchParams.set("search",encodeURIComponent(filterBox.value));
newURL += "?" + searchParams.toString()
}
current = newURL;
history.replaceState({},"",newURL);
if(document.querySelector(".el-icon-circle-close")){
document.querySelector(".el-icon-circle-close").onclick = filterChange
}
}
filterBox.oninput = filterChange;
filterChange();
let mutationConfig = {
attributes: false,
childList: true,
subtree: true
};
if(
decodeURIComponent(URLstuff[1]) === whoAmI
&& useScripts.accessToken
&& useScripts.plussMinus
&& (
document.querySelector(".medialist").classList.contains("POINT_100")
|| document.querySelector(".medialist").classList.contains("POINT_10")
|| document.querySelector(".medialist").classList.contains("POINT_10_DECIMAL")
|| document.querySelector(".medialist").classList.contains("POINT_5")
)
){
let minScore = 1;
let maxScore = 100;
let stepSize = 1;
if(document.querySelector(".medialist").classList.contains("POINT_10") || document.querySelector(".medialist").classList.contains("POINT_10_DECIMAL")){
maxScore = 10
}
if(document.querySelector(".medialist").classList.contains("POINT_10_DECIMAL")){
minScore = 0.1;
stepSize = 0.1
}
if(document.querySelector(".medialist").classList.contains("POINT_5")){
maxScore = 5;
}
let scoreChanger = function(){
observer.disconnect();
lists.querySelectorAll(".list-entries .row .score").forEach(function(entry){
if(!entry.childElementCount){
let updateScore = function(isUp){
let score = parseFloat(entry.attributes.score.value);
if(isUp){
score += stepSize
}
else{
score -= stepSize
}
if(score >= minScore && score <= maxScore){
let id = parseInt(entry.previousElementSibling.children[0].href.match(/(anime|manga)\/(\d+)/)[2]);
lists.querySelectorAll("[href=\"" + entry.previousElementSibling.children[0].attributes.href.value + "\"]").forEach(function(rItem){
rItem.parentNode.nextElementSibling.attributes.score.value = score.roundPlaces(1);
rItem.parentNode.nextElementSibling.childNodes[1].textContent = " " + score.roundPlaces(1) + " "
});
authAPIcall(
`mutation($id:Int,$score:Float){
SaveMediaListEntry(mediaId:$id,score:$score){
score
}
}`,
{id:id,score:score},function(data){
if(!data){
if(isUp){
score -= stepSize
}
else{
score += stepSize
}
lists.querySelectorAll("[href=\"" + entry.previousElementSibling.children[0].attributes.href.value + "\"]").forEach(function(rItem){
rItem.parentNode.nextElementSibling.attributes.score.value = score.roundPlaces(1);
rItem.parentNode.nextElementSibling.childNodes[1].textContent = " " + score.roundPlaces(1) + " "
})
}
}
);
};
};
let changeMinus = create("span","hohChangeScore","-");
entry.insertBefore(changeMinus,entry.firstChild);
let changePluss = create("span","hohChangeScore","+",entry);
changeMinus.onclick = function(){updateScore(false)};
changePluss.onclick = function(){updateScore(true)}
}
});
observer.observe(lists,mutationConfig)
}
let lists = document.querySelector(".lists");
let observer = new MutationObserver(scoreChanger);
observer.observe(lists,mutationConfig);
scoreChanger()
}
};
//end modules/drawListStuff.js
//begin modules/dubMarker.js
function dubMarker(){
if(!document.URL.match(/^https:\/\/anilist\.co\/anime\/.*/)){
return
}
if(document.getElementById("dubNotice")){
return
}
const variables = {
id: document.URL.match(/\/anime\/(\d+)\//)[1],
page: 1,
language: useScripts.dubMarkerLanguage.toUpperCase()
};
const query = `
query($id: Int!, $type: MediaType, $page: Int = 1, $language: StaffLanguage){
Media(id: $id, type: $type){
characters(page: $page, sort: [ROLE], role: MAIN){
edges {
node{id}
voiceActors(language: $language){language}
}
}
}
}`;
let dubCallback = function(data){
if(!document.URL.match(/^https:\/\/anilist\.co\/anime\/.*/)){
return
};
let dubNoticeLocation = document.querySelector(".sidebar");
if(!dubNoticeLocation){
setTimeout(function(){
dubCallback(data)
},200);
return
}
if(data.data.Media.characters.edges.reduce(
(actors,a) => actors + a.voiceActors.length,0
)){//any voice actors for this language?
if(document.getElementById("dubNotice")){
return
}
let dubNotice = create("p","#dubNotice",
translate("$dubMarker_notice",translate("$language_" + useScripts.dubMarkerLanguage))
);
dubNoticeLocation.insertBefore(dubNotice,dubNoticeLocation.firstChild)
}
};
generalAPIcall(query,variables,dubCallback,"hohDubInfo" + variables.id + variables.language)
}
//end modules/dubMarker.js
//begin modules/embedHentai.js
function embedHentai(){
if(!document.URL.match(/^https:\/\/anilist\.co\/(home|user|forum|activity)/)){
return
};
if(useScripts.SFWmode){//saved you there
return
};
setTimeout(embedHentai,1000);
let mediaEmbeds = document.querySelectorAll(".media-embed");
let bigQuery = [];//collects all on a page first so we only have to send 1 API query.
mediaEmbeds.forEach(function(embed){
if(embed.children.length === 0 && !embed.classList.contains("hohMediaEmbed")){//if( "not-rendered-natively" && "not-rendered-by-this sript" )
embed.classList.add("hohMediaEmbed");
let createEmbed = function(data){
if(!data){
return
};
embed.innerText = "";
let eContainer = create("div",false,false,embed);
let eEmbed = create("div","embed",false,eContainer);
let eCover = create("div","cover",false,eEmbed);
if(data.data.Media.coverImage.color){
eCover.style.backgroundColor = data.data.Media.coverImage.color
}
eCover.style.backgroundImage = "url(" + data.data.Media.coverImage.large + ")";
let eWrap = create("div","wrap",false,eEmbed);
let mediaTitle = titlePicker(data.data.Media);
let eTitle = create("div","title",mediaTitle,eWrap);
let eInfo = create("div","info",false,eWrap);
let eGenres = create("div","genres",false,eInfo);
data.data.Media.genres.forEach((genre,index) => {
let eGenre = create("span",false,genre,eGenres);
let comma = create("span",false,", ",eGenre);
if(index === data.data.Media.genres.length - 1){
comma.style.display = "none"
}
});
create("span",false,distributionFormats[data.data.Media.format],eInfo);
create("span",false," · " + distributionStatus[data.data.Media.status],eInfo);
if(data.data.Media.season){
create("span",false,
" · " + capitalize(data.data.Media.season.toLowerCase()) + " " + data.data.Media.startDate.year,
eInfo
)
}
else if(data.data.Media.startDate.year){
create("span",false,
" · " + data.data.Media.startDate.year,
eInfo
)
}
if(data.data.Media.averageScore){
create("span",false," · " + data.data.Media.averageScore + "%",eInfo)
}
else if(data.data.Media.meanScore){//fallback if it's not popular enough, better than nothing
create("span",false," · " + data.data.Media.meanScore + "%",eInfo)
}
}
bigQuery.push({
query: "query($mediaId:Int,$type:MediaType){Media(id:$mediaId,type:$type){id title{romaji native english} coverImage{large color} genres format status season meanScore averageScore startDate{year}}}",
variables: {
mediaId: +embed.dataset.mediaId,
type: embed.dataset.mediaType.toUpperCase()
},
callback: createEmbed,
cacheKey: "hohMedia" + embed.dataset.mediaId
})
};
});
queryPacker(bigQuery);
}
//end modules/embedHentai.js
//begin modules/enhanceCharacterBrowse.js
exportModule({
id: "characterFavouriteCount",
description: "add fav counts to character browse",
isDefault: true,
categories: ["Browse"],
visible: false,
urlMatch: function(url,oldUrl){
return url.match(/^https:\/\/anilist\.co\/search\/characters/)
},
code: function(){
if(
!document.URL.match(/\/search\/characters\/?(favorites)?$/)
){
return
};
const query = `
query($page: Int!){
Page(page: $page,perPage: 20){
characters(sort: [FAVOURITES_DESC]){
id
favourites
}
}
}`;
let favCallback = function(data,page){
if(!document.URL.match(/\/search\/characters\/?(favorites)?$/)){
return
};
let resultsToTag = document.querySelectorAll(".results.cover .staff-card,.landing-section.characters .staff-card");
if(resultsToTag.length < page*data.data.Page.characters.length){
setTimeout(function(){
favCallback(data,page)
},200);//may take some time to load
return;
};
data = data.data.Page.characters;
data.forEach((character,index) => create(
"span",
"hohFavCountBrowse",
character.favourites,
resultsToTag[(page - 1)*data.length + index]
).title = translate("$characterBrowseTooltip"));
generalAPIcall(query,{page:page+1},data => favCallback(data,page+1));
};
generalAPIcall(query,{page:1},data => favCallback(data,1))
},
css: `
.hohFavCountBrowse{
color: rgb(var(--color-text-lighter));
position: absolute;
right: 2px;
font-size: 60%;
opacity: 0.7;
top: -10px;
}`
})
//end modules/enhanceCharacterBrowse.js
//begin modules/enhanceCharacter.js
function enhanceCharacter(){//adds a favourite count on every character page
if(!location.pathname.match(/^\/character(\/.*)?/)){
return
};
if(document.getElementById("hohFavCount")){
return
};
let oldData = false;
let favCallback = function(data){
let adder = function(){
if(!document.URL.match(/^https:\/\/anilist\.co\/character\/.*/)){
return
}
let favCount = document.querySelector(".favourite .count");
if(favCount){
favCount.parentNode.onclick = function(){
if(favCount.parentNode.classList.contains("isFavourite")){
favCount.innerText = Math.max(parseInt(favCount.innerText) - 1,0)//0 or above, just to avoid looking silly
}
else{
favCount.innerText = parseInt(favCount.innerText) + 1
}
};
if(data.data.Character.favourites === 0 && favButton[0].classList.contains("isFavourite")){//safe to assume
favCount.innerText = data.data.Character.favourites + 1
}
else{
favCount.innerText = data.data.Character.favourites
}
}
else{
setTimeout(adder,200)
}
};
if(data.data.Character.favourites){
adder()
}
};
const variables = {id: parseInt(document.URL.match(/\/character\/(\d+)\/?/)[1])};
generalAPIcall(
`query($id: Int!){
Character(id: $id){
favourites
}
}`,
variables,
favCallback,
"hohCharacterFavs" + variables.id + "page1",
60*60*1000
)
};
//end modules/enhanceCharacter.js
//begin modules/enhanceForum.js
function enhanceForum(){//purpose: reddit-style comment three collapse button
if(!document.URL.match(/^https:\/\/anilist\.co\/forum\/thread\/.*/)){
return
}
let comments = Array.from(document.getElementsByClassName("comment-wrap"));
comments.forEach(comment => {
if(!comment.hasOwnProperty("hohVisited")){
comment.hohVisited = true;
let hider = create("span","hohForumHider","[-]");
hider.title = translate("$forum_comment_hide_title");
hider.onclick = function(){
let parentComment = hider.parentNode.parentNode;
if(hider.innerText === "[-]"){
hider.innerText = "[+]";
hider.title = translate("$forum_comment_show_title");
parentComment.children[1].style.display = "none";
parentComment.parentNode.classList.add("hohCommentHidden");
if(parentComment.parentNode.children.length > 1){
parentComment.parentNode.children[1].style.display = "none"
}
}
else{
hider.innerText = "[-]";
hider.title = translate("$forum_comment_hide_title");
parentComment.children[1].style.display = "block";
parentComment.parentNode.classList.remove("hohCommentHidden");
if(parentComment.parentNode.children.length > 1){
parentComment.parentNode.children[1].style.display = "block"
}
}
};
hider.onmouseenter = function(){
hider.parentNode.parentNode.parentNode.classList.add("hohCommentSelected")
}
hider.onmouseleave = function(){
hider.parentNode.parentNode.parentNode.classList.remove("hohCommentSelected")
}
comment.children[0].children[0].insertBefore(
hider,
comment.children[0].children[0].children[0]
)
}
});
setTimeout(enhanceForum,100)
}
//end modules/enhanceForum.js
//begin modules/enhanceNotifications.js
exportModule({
id: "notifications",
description: "$setting_notifications",
extendedDescription: `
Performs several changes to notifications:
- Similar consecutive notifications are grouped.
- Notifications get tagged with the cover image of the media they apply to. (or profile picture, if it's a status post)
- Notifications may have a preview of the comments on the activity.
If you for any reason need the default look, you can click the "Show default notifications" to the left on the page.
`,
isDefault: true,
importance: 10,
categories: ["Notifications","Login"],
visible: true
})
let prevLength = 0;
let displayMode = "hoh";
function enhanceNotifications(forceFlag){
//method: the real notifications are parsed, then hidden and a new list of notifications are created using a mix of parsed data and API calls.
//alternative method: auth (not implemented)
setTimeout(function(){
if((location.pathname === "/notifications" || location.pathname === "/notifications#") && !(useScripts.accessToken && false)){
enhanceNotifications()
}
else{
prevLength = 0;
displayMode = "hoh"
}
},300);
if(displayMode === "native"){
return
};
if(document.getElementById("hohNotifications") && !forceFlag){
return
}
let possibleButton = document.querySelector(".reset-btn");
if(possibleButton){
if(!possibleButton.flag){
possibleButton.flag = true;
if(useScripts.additionalTranslation){
possibleButton.childNodes[0].textContent = translate("$notifications_button_reset")
}
possibleButton.onclick = function(){
Array.from(
document.getElementById("hohNotifications").children
).forEach(child => {
child.classList.remove("hohUnread")
})
};
let regularNotifications = create("span",false,svgAssets.envelope + " " + translate("$notifications_showDefault"),possibleButton.parentNode,"cursor: pointer;font-size: small");
let setting = create("p",false,false,possibleButton.parentNode,"cursor: pointer;font-size: small");
let checkbox = createCheckbox(setting);
checkbox.checked = useScripts["hideLikes"];
checkbox.targetSetting = "hideLikes";
checkbox.onchange = function(){
useScripts[this.targetSetting] = this.checked;
useScripts.save();
forceRebuildFlag = true;
enhanceNotifications(true)
};
let description = create("span",false,translate("$notifications_hideLike"),setting);
setting.style.fontSize = "small";
let softBlockSpan = create("span",false,translate("$notifications_softBlock"),possibleButton.parentNode,"cursor: pointer;font-size: small;display: block;margin: 10px 0px;");
softBlockSpan.onclick = function(){
let manager = createDisplayBox("width:600px;height:500px;top:100px;left:220px","Soft block");
create("p",false,"Hide notifications from specific people. A much less drastic solution than blocking them entirely (if that's what you actually want, this is the wrong place).",manager);
create("p",false,"The notifications aren't gone, just hidden. 'Show default notifications' should make them visible. Un-soft-blocking will also bring them back. You may also be interested in the 'Notification Dot Colours' and 'Block stuff in the home feed' sections on the settings page.",manager);
create("p",false,"As an arbitrary decision, I made these people will still show up when grouping similar notifications, since that's not extra spam.",manager);
let form = create("div",false,false,manager);
create("span",false,"Username: ",form);
let userInput = create("input","hohNativeInput",false,form);
let userAdd = create("button","hohButton","Add",form,"margin-left: 10px");
let userList = create("div",false,false,manager);
let renderSoftBlock = function(){
removeChildren(userList);
useScripts.softBlock.forEach((user,index) => {
let item = create("p",false,false,userList,"position: relative");
create("span",false,user,item);
let removeButton = create("span","hohDisplayBoxClose",svgAssets.cross,item,"top: 0px");
removeButton.onclick = function(){
useScripts.softBlock.splice(index,1);
useScripts.save();
renderSoftBlock();
forceRebuildFlag = true;
enhanceNotifications(true)
}
})
}
renderSoftBlock();
userAdd.onclick = function(){
if(userInput.value){
useScripts.softBlock.push(userInput.value);
renderSoftBlock();
useScripts.save();
userInput.value = "";
forceRebuildFlag = true;
enhanceNotifications(true)
}
}
}
if(useScripts.settingsTip){
create("p",false,
`You can turn parts of the script on and off:
settings > apps.
You can also turn off this notice there.`,setting)
};
regularNotifications.onclick = function(){
if(displayMode === "hoh"){
displayMode = "native";
let hohNotsToToggle = document.getElementById("hohNotifications");
if(hohNotsToToggle){
hohNotsToToggle.style.display = "none"
};
Array.from(
document.getElementsByClassName("notification")
).forEach(elem => {
elem.style.display = "grid"
})
regularNotifications.innerText = svgAssets.envelope + " " + translate("$notifications_showHoh");
setting.style.display = "none"
}
else{
displayMode = "hoh";
let hohNotsToToggle = document.getElementById("hohNotifications");
if(hohNotsToToggle){
hohNotsToToggle.style.display = "block"
};
Array.from(
document.getElementsByClassName("notification")
).forEach(elem => {
elem.style.display = "none"
})
regularNotifications.innerText = svgAssets.envelope + " " + translate("$notifications_showDefault");
setting.style.display = ""
}
};
try{
document.querySelector(".group-header + .link").onclick = function(){
enhanceNotifications()
}
}
catch(e){
console.warn("Unexpected Anilist UI. Is Automail up to date?")
}
}
};
let commentCallback = function(data){
let listOfComments = Array.from(document.getElementsByClassName("b" + data.data.Activity.id));
listOfComments.forEach(function(comment){
removeChildren(comment.children[1])
comment.children[0].style.display = "block";
data.data.Activity.replies.slice(
(data.data.Activity.replies.length <= 50 ? 0 : data.data.Activity.replies.length - 30),
data.data.Activity.replies.length
).forEach(function(reply){
let quickCom = create("div","hohQuickCom",false,comment.children[1]);
let quickComName = create("span","hohQuickComName",reply.user.name,quickCom);
if(reply.user.name === whoAmI){
quickComName.classList.add("hohThisIsMe")
};
let quickComContent = create("span","hohQuickComContent",false,quickCom);
quickComContent.innerHTML = DOMPurify.sanitize(reply.text) //reason for innerHTML: preparsed sanitized HTML from the Anilist API
let quickComLikes = create("span","hohQuickComLikes","♥",quickCom);
if(reply.likes.length > 0){
quickComLikes.innerText = reply.likes.length + "♥";
quickComLikes.title = reply.likes.map(a => a.name).join("\n")
}
reply.likes.forEach(like => {
if(like.name === whoAmI){
quickComLikes.classList.add("hohILikeThis")
}
});
if(useScripts.accessToken){
quickComLikes.style.cursor = "pointer";
quickComLikes.onclick = function(){
authAPIcall(
"mutation($id:Int){ToggleLike(id:$id,type:ACTIVITY_REPLY){id}}",
{id: reply.id},
function(data){
if(!data){
authAPIcall(//try again once if it fails
"mutation($id:Int){ToggleLike(id:$id,type:ACTIVITY_REPLY){id}}",
{id: reply.id},
data => {}
)
}
}
);
if(reply.likes.some(like => like.name === whoAmI)){
reply.likes.splice(reply.likes.findIndex(user => user.name === whoAmI),1);
quickComLikes.classList.remove("hohILikeThis");
if(reply.likes.length > 0){
quickComLikes.innerText = reply.likes.length + "♥"
}
else{
quickComLikes.innerText = "♥"
}
}
else{
reply.likes.push({name: whoAmI});
quickComLikes.classList.add("hohILikeThis");
quickComLikes.innerText = reply.likes.length + "♥"
};
quickComLikes.title = reply.likes.map(a => a.name).join("\n")
}
}
});
let loading = create("div",false,false,comment.children[1]);
let statusInput = create("div",false,false,comment.children[1]);
let inputArea = create("textarea",false,false,statusInput,"width: 99%;border-width: 1px;padding: 4px;border-radius: 2px;color: rgb(159, 173, 189);");
let cancelButton = create("button",["hohButton","button"],"Cancel",statusInput,"background:rgb(31,35,45);display:none;color: rgb(159, 173, 189);");
let publishButton = create("button",["hohButton","button"],"Publish",statusInput,"display:none;");
inputArea.placeholder = "Write a reply...";
inputArea.onfocus = function(){
cancelButton.style.display = "inline";
publishButton.style.display = "inline"
};
cancelButton.onclick = function(){
inputArea.value = "";
cancelButton.style.display = "none";
publishButton.style.display = "none";
document.activeElement.blur()
};
publishButton.onclick = function(){
loading.innerText = "Publishing reply...";
authAPIcall(
`mutation($text: String,$activityId: Int){
SaveActivityReply(text: $text,activityId: $activityId){
id
user{name}
likes{name}
text(asHtml: true)
createdAt
}
}`,
{text: inputArea.value,activityId: data.data.Activity.id},
function(retur){
loading.innerText = "";
data.data.Activity.replies.push({
text: retur.data.SaveActivityReply.text,
user: retur.data.SaveActivityReply.user,
likes: retur.data.SaveActivityReply.likes,
id: retur.data.SaveActivityReply.id
});
let saltedHam = JSON.stringify({
data: data,
time: NOW(),
duration: 24*60*60*1000
});
localStorage.setItem("hohListActivityCall" + data.data.Activity.id,saltedHam);
commentCallback(data);
}
);
inputArea.value = "";
cancelButton.style.display = "none";
publishButton.style.display = "none";
document.activeElement.blur()
}
})
};
let findAct = function(act){
let modi = document.querySelector("#hohNotifications [href='" + act.href + "'");
if(modi){
modi.parentNode.querySelector(".hohDataChange").innerHTML = DOMPurify.sanitize(act.text)
}
}
let notificationDrawer = function(activities){
let newContainer = document.getElementById("hohNotifications")
if(newContainer){
newContainer.remove()
};
newContainer = create("div","#hohNotifications");
let notificationsContainer = document.querySelector(".notifications");
if(!notificationsContainer){
return
}
notificationsContainer.insertBefore(newContainer,notificationsContainer.firstChild);
activities = activities.filter(
activity => !(
activity.textName
&& useScripts.softBlock.includes(activity.textName)
)
);
for(let i=0;i 1){
textSpan.innerText = translate("$notification_likeActivity_1person_Mactivity")
};
if(counter === 1){
while(
i + counter < activities.length
&& activities[i + counter].type === "like"
&& activities[i + counter].link === activities[i].link
){//several people likes one of your activities
let miniImageWidth = 40;
let miniImage = create("a","hohUserImageSmall",false,newNotification);
miniImage.href = activities[i + counter].href;
miniImage.title = activities[i + counter].textName;
miniImage.style.backgroundImage = activities[i + counter].image;
miniImage.style.height = miniImageWidth + "px";
miniImage.style.width = miniImageWidth + "px";
miniImage.style.left = (72 + (counter - 1)*miniImageWidth) + "px";
if(counter >= 8){
miniImage.style.height = miniImageWidth/2 + "px";
miniImage.style.width = miniImageWidth/2 + "px";
miniImage.style.left = (72 + 7*miniImageWidth + Math.ceil((counter - 9)/2)/2 * miniImageWidth) + "px";
if(counter % 2 === 1){
miniImage.style.top = miniImageWidth/2 + "px"
}
};
counter++;
}
if(counter === 2){
text.style.marginTop = "45px";
activities[i].textName += " & " + activities[i+1].textName;
textSpan.innerText = translate("$notification_likeActivity_2person_1activity")
}
else if(counter > 2){
text.style.marginTop = "45px";
activities[i].textName += " +" + (counter - 1);
textSpan.innerText = translate("$notification_likeActivity_Mperson_1activity")
}
}
else{
newNotification.classList.add("hohCombined")
};
textName.innerText = activities[i].textName;
text.appendChild(textName);
text.appendChild(textSpan);
i += counter -1
}
else if(activities[i].type === "reply" ){
let notNotImage = create("a",false,false,notNotImageContainer);
create("img",["hohMediaImage",activities[i].link],false,notNotImage);
notNotImage.href = activities[i].directLink;
let samePerson = true;
while(
i + counter < activities.length
&& activities[i + counter].type === "reply"
&& activities[i + counter].link === activities[i].link
){
let miniImageWidth = 40;
let miniImage = create("a","hohUserImageSmall",false,newNotification);
miniImage.href = activities[i + counter].href;
miniImage.style.backgroundImage = activities[i + counter].image;
miniImage.style.height = miniImageWidth + "px";
miniImage.style.width = miniImageWidth + "px";
miniImage.style.left = (72 + (counter - 1)*miniImageWidth) + "px";
if(counter >= 8){
miniImage.style.height = miniImageWidth/2 + "px";
miniImage.style.width = miniImageWidth/2 + "px";
miniImage.style.left = (72 + 7*miniImageWidth + Math.ceil((counter - 9)/2)/2 * miniImageWidth) + "px";
if(counter % 2 === 1){
miniImage.style.top = miniImageWidth/2 + "px"
}
}
if(activities[i].textName !== activities[i + counter].textName){
samePerson = false
};
counter++
}
textSpan.innerText = translate("$notification_reply_1person_1reply");
if(samePerson){
if(counter > 1){
text.style.marginTop = "45px";
activities[i].textName += " x" + counter;
textSpan.innerText = translate("$notification_reply_1person_Mreply")
}
}
else{
if(counter === 2){
text.style.marginTop = "45px";
activities[i].textName += " & " + activities[i+1].textName;
textSpan.innerText = translate("$notification_reply_2person_1reply")
}
else if(counter > 2){
text.style.marginTop = "45px";
activities[i].textName += " +" + (counter-1);
textSpan.innerText = translate("$notification_reply_Mperson_1reply")
}
};
text.href = activities[i].directLink;
textName.innerText = activities[i].textName;
text.appendChild(textName);
text.appendChild(textSpan);
i += counter -1
}
else if(activities[i].type === "replyReply" ){
let notNotImage = create("a",false,false,notNotImageContainer);
create("img",["hohMediaImage",activities[i].link],false,notNotImage);
notNotImage.href = activities[i].directLink;
let samePerson = true;
while(
i + counter < activities.length
&& activities[i + counter].type === "replyReply"
&& activities[i + counter].link === activities[i].link
){
let miniImageWidth = 40;
let miniImage = create("a","hohUserImageSmall",false,newNotification);
miniImage.href = activities[i + counter].href;
miniImage.title = activities[i + counter].textName;
miniImage.style.backgroundImage = activities[i + counter].image;
miniImage.style.height = miniImageWidth + "px";
miniImage.style.width = miniImageWidth + "px";
miniImage.style.left = (72 + (counter-1)*miniImageWidth) + "px";
if(counter >= 8){
miniImage.style.height = miniImageWidth/2 + "px";
miniImage.style.width = miniImageWidth/2 + "px";
miniImage.style.left = (72 + 7*miniImageWidth + Math.ceil((counter - 9)/2)/2 * miniImageWidth) + "px";
if(counter % 2 === 1){
miniImage.style.top = miniImageWidth/2 + "px"
}
}
if(activities[i].textName !== activities[i + counter].textName){
samePerson = false
}
counter++
}
textSpan.innerText = translate("$notification_replyReply_1person_1reply");
if(samePerson){
if(counter > 1){
text.style.marginTop = "45px";
activities[i].textName += " x" + counter
}
}
else{
if(counter === 2){
text.style.marginTop = "45px";
activities[i].textName += " & " + activities[i+1].textName
}
else if(counter > 2){
text.style.marginTop = "45px";
activities[i].textName += " +" + (counter-1)
}
};
text.href = activities[i].directLink;
textName.innerText = activities[i].textName;
text.appendChild(textName);
text.appendChild(textSpan);
i += counter -1
}
else if(
activities[i].type === "likeReply"
){
let notNotImage = create("a",false,false,notNotImageContainer);
create("img",["hohMediaImage",activities[i].link],false,notNotImage);
notNotImage.href = activities[i].directLink;
let samePerson = true;
while(
i + counter < activities.length
&& activities[i + counter].type === "likeReply"
&& activities[i + counter].link === activities[i].link
){//several people likes one of your activity replies
let miniImageWidth = 40;
let miniImage = create("a","hohUserImageSmall",false,newNotification);
miniImage.href = activities[i + counter].href;
miniImage.title = activities[i + counter].textName;
miniImage.style.backgroundImage = activities[i + counter].image;
miniImage.style.height = miniImageWidth + "px";
miniImage.style.width = miniImageWidth + "px";
miniImage.style.left = (72 + (counter - 1)*miniImageWidth) + "px";
if(counter >= 8){
miniImage.style.height = miniImageWidth/2 + "px";
miniImage.style.width = miniImageWidth/2 + "px";
miniImage.style.left = (72 + 7*miniImageWidth + Math.ceil((counter - 9)/2)/2 * miniImageWidth) + "px";
if(counter % 2 === 1){
miniImage.style.top = miniImageWidth/2 + "px"
}
}
if(activities[i].textName !== activities[i + counter].textName){
samePerson = false
}
counter++
}
textSpan.innerText = translate("$notification_likeReply_1person_1reply");
if(samePerson){
if(counter > 1){
text.style.marginTop = "45px";
activities[i].textName += " x" + counter;
textSpan.innerText = translate("$notification_likeReply_1person_Mreply")
}
}
else{
if(counter === 2){
text.style.marginTop = "45px";
activities[i].textName += " & " + activities[i+1].textName;
textSpan.innerText = translate("$notification_likeReply_2person_1reply")
}
else if(counter > 2){
text.style.marginTop = "45px";
activities[i].textName += " +" + (counter-1);
textSpan.innerText = translate("$notification_likeReply_Mperson_1reply")
}
};
text.href = activities[i].directLink;
textName.innerText = activities[i].textName;
text.appendChild(textName);
text.appendChild(textSpan);
i += counter -1
}
else if(
activities[i].type === "message"
|| activities[i].type === "mention"
){
let notNotImage = create("a",false,false,notNotImageContainer);
create("img",["hohMediaImage",activities[i].link],false,notNotImage);
notNotImage.href = activities[i].directLink;
text.href = activities[i].directLink;
textName.innerText = activities[i].textName;
if(activities[i].type === "message"){
textSpan.innerText = translate("$notification_message")
}
else{
textSpan.innerText = translate("$notification_mention")
}
text.appendChild(textName);
text.appendChild(textSpan)
}
else if(activities[i].type === "airing"){
textSpan.innerHTML = DOMPurify.sanitize(activities[i].text);//reason for innerHTML: preparsed sanitized HTML from the Anilist API
text.appendChild(textSpan);
}
else if(activities[i].type === "follow"){
text.href = activities[i].directLink;
textName.innerText = activities[i].textName;
textSpan.innerText = activities[i].textSpan;
text.appendChild(textName);
text.appendChild(textSpan)
}
else if(
activities[i].type === "forumCommentLike"
|| activities[i].type === "forumSubscribedComment"
|| activities[i].type === "forumCommentReply"
|| activities[i].type === "forumLike"
|| activities[i].type === "forumMention"
){
text.href = activities[i].directLink;
textName.innerText = activities[i].textName;
textSpan.innerText = activities[i].textSpan;
text.appendChild(textName);
text.appendChild(textSpan);
let textSpan2 = create("span",false,activities[i].text,text,"color:rgb(var(--color-blue));");
if(activities[i].text === ""){
if(activities[i].type === "forumSubscribedComment"){
textSpan.innerText = " commented in your subscribed forum thread "
}
else if(activities[i].type === "forumCommentLike"){
textSpan.innerText = " liked your comment, in a "
}
else if(activities[i].type === "forumCommentReply"){
textSpan.innerText = " replied to your comment, in a "
}
else if(activities[i].type === "forumLike"){
textSpan.innerText = " liked your "
}
else if(activities[i].type === "forumMention"){
textSpan.innerText = " mentioned you, in a "
}
textSpan2.innerText = "[deleted thread]";
text.href = "#"
}
if(activities[i].type === "forumCommentLike"){
textSpan.innerText = translate("$notification_forumCommentLike")
}
else if(activities[i].type === "forumMention"){
textSpan.innerText = translate("$notification_forumMention")
}
text.style.maxWidth = "none";
text.style.marginTop = "17px"
}
else if(activities[i].type === "newMedia"){
textSpan.classList.add("hohNewMedia");
textSpan.innerHTML = DOMPurify.sanitize(activities[i].text);
textSpan.querySelector(".context").innerText = translate("$notification_newMedia");
text.appendChild(textSpan);
notImage.style.width = "51px";
text.href = activities[i].href
}
else if(activities[i].type === "dataChange"){
textSpan.classList.add("hohDataChange");
notImage.classList.remove("hohUserImage");
notImage.classList.add("hohBackgroundCover");
textSpan.innerHTML = DOMPurify.sanitize(activities[i].text);//reason for innerHTML: preparsed sanitized HTML from the Anilist API
text.style.marginTop = "10px";
text.style.marginLeft = "10px";
text.appendChild(textSpan)
}
else{//display as-is
textSpan.classList.add("hohUnhandledSpecial");
textSpan.innerHTML = DOMPurify.sanitize(activities[i].text);//reason for innerHTML: preparsed sanitized HTML from the Anilist API
text.appendChild(textSpan)
};
newNotification.appendChild(notImage);
newNotification.appendChild(text);
newNotification.appendChild(notNotImageContainer);
let time = create("div","hohTime");
if(activities[i - counter + 1].time){
time.appendChild(nativeTimeElement(activities[i - counter + 1].time))
}
newNotification.appendChild(time);
let commentsContainer = create("div",["hohCommentsContainer","b" + activities[i].link]);
let comments = create("a",["hohComments","link"],translate("$notifications_comments"),commentsContainer);
create("span","hohMonospace","+",comments);
comments.onclick = function(){
if(this.children[0].innerText === "+"){
this.children[0].innerText = "-";
this.parentNode.children[1].style.display = "inline-block";
let variables = {
id: +this.parentNode.classList[1].substring(1)
};
generalAPIcall(queryActivity,variables,commentCallback,"hohListActivityCall" + variables.id,24*60*60*1000,true,true)
}
else{
this.children[0].innerText = "+";
this.parentNode.children[1].style.display = "none"
}
};
let commentsArea = create("div","hohCommentsArea",false,commentsContainer);
newNotification.appendChild(commentsContainer)
newContainer.appendChild(newNotification)
}
};
let activities = [];
let notifications = document.getElementsByClassName("notification");//collect the "real" notifications
if(notifications.length === prevLength && forceRebuildFlag === false){
return
}
else{
prevLength = notifications.length;
forceRebuildFlag = false
};
const activityTypes = {
" liked your activity." : "like",
" replied to your activity." : "reply",
" sent you a message." : "message",
" liked your activity reply." : "likeReply",
" mentioned you in their activity." : "mention",
" replied to activity you're subscribed to." : "replyReply",
" liked your comment, in the forum thread " : "forumCommentLike",
" commented in your subscribed forum thread " : "forumSubscribedComment",
" replied to your comment, in the forum thread " : "forumCommentReply",
" liked your forum thread, " : "forumLike",
" mentioned you, in the forum thread " : "forumMention"
};
let mutationConfig = {
attributes: false,
childList: true,
subtree: false
};
let observer = new MutationObserver(function(){
enhanceNotifications(true)
});
observer.observe(document.querySelector(".page-content .notifications"),mutationConfig);
Array.from(notifications).forEach(function(notification){//parse real notifications
notification.already = true;
notification.style.display = "none";
let active = {
type: "special",
unread: false,
link: "aaa",//fixme. Edit 2019: I have no idea
image: notification.children[0].style.backgroundImage,
href: notification.children[0].href
};
if(
notification.classList.length > 1
&& notification.classList[1] !== "hasMedia"
){//"notification unread" classlist
active.unread = true
}
if(//check if we can query that
notification.children.length >= 2
&& notification.children[1].children.length
&& notification.children[1].children[0].children.length
&& notification.children[1].children[0].children[0].children.length
){
//TODO replace this with document.querySelector?
const info = notification.children[1].children[0].children[0];
active.directLink = info.href
active.text = info.innerHTML;//does not depend on user input
active.textName = (info.childNodes[0] || {textContent: ""}).textContent.trim();
active.textSpan = (info.childNodes[1] || {textContent: ""}).textContent;
let linkMatch = info.href.match(/activity\/(\d+)/);
if(linkMatch){
active.link = linkMatch[1]
};
let testType = info.children[0].textContent;
active.type = activityTypes[testType];
if(!active.type){
active.type = "special"
//by default every activity is some weird thing we are displaying as-is
//makes the transition more smooth every time Anilist introduces a new type of notification
}
else if(
active.type === "forumCommentLike"
|| active.type === "forumSubscribedComment"
|| active.type === "forumCommentReply"
|| active.type === "forumLike"
|| active.type === "forumMention"
){
active.text = (info.children[1] || {textContent: ""}).textContent
}
}
else{
if(notification.innerText.includes("was recently added to the site")){
active.type = "newMedia";
active.text = notification.children[1].innerHTML
}
else if(notification.innerText.includes("received site data changes")){
active.type = "dataChange";
notification.querySelector(".expand-reason").click();
setTimeout(function(){
active.text = notification.children[1].innerHTML;
findAct(active);
},100);
}
}
if(active.type === "special"){
active.text = notification.children[1].innerHTML;//does not depend on user input
if(notification.children[1].children.length){
const info = notification.children[1].children[0];
if(
info.children.length >= 2
&& (info.children[1] || {textContent: ""}).textContent === " started following you."
){
active.type = "follow";
active.directLink = info.children[0].href;
active.text = info.children[0].innerHTML;//does not depend on user input
active.textName = (info.children[0] || {textContent: ""}).textContent.trim();
active.textSpan = translate("$notification_follow")
}
else if(
info.children.length >= 4
&& (info.children[3] || {textContent: ""}).textContent === " aired."
){
active.type = "airing";
active.directLink = info.children[0].href;
active.text = info.innerHTML;//does not depend on user input
}
}
};
if(
notification.querySelector("time")
){
active.time = (new Date(notification.querySelector("time").dateTime).valueOf())/1000
}
else{
active.time = null
};
activities.push(active)
});
notificationDrawer(activities);
let alreadyRenderedComments = new Set();
for(let i=0;APIcallsUsed < (APIlimit - 5);i++){//heavy
if(!activities.length || i >= activities.length){//loading is difficult to predict. There may be nothing there when this runs
break
};
let imageCallBack = function(data){
if(!data){
return
}
pending[data.data.Activity.id + ""] = false;
let type = data.data.Activity.type;
if(type === "ANIME_LIST" || type === "MANGA_LIST"){
Array.from(document.getElementsByClassName(data.data.Activity.id)).forEach(stuff => {
stuff.style.backgroundColor = data.data.Activity.media.coverImage.color || "rgb(var(--color-foreground))";
stuff.src = data.data.Activity.media.coverImage.large;
stuff.classList.add("hohBackgroundCover");
if(data.data.Activity.media.title){
stuff.parentNode.title = data.data.Activity.media.title.romaji
}
})
}
else if(type === "TEXT"){
Array.from(document.getElementsByClassName(data.data.Activity.id)).forEach(stuff => {
stuff.src = data.data.Activity.user.avatar.large;
stuff.classList.add("hohBackgroundUserCover");
stuff.parentNode.style.background = "none"
})
};
if(data.data.Activity.replies.length){
if(!alreadyRenderedComments.has(data.data.Activity.id)){
alreadyRenderedComments.add(data.data.Activity.id);
commentCallback(data)
}
}
};
let vars = {
find: i
};
if(activities[i].link[0] !== "a"){//activities with post link
let variables = {
id: +activities[i].link
};
if(!pending[activities[i].link]){
pending[activities[i].link] = true;
generalAPIcall(queryActivity,variables,imageCallBack,"hohListActivityCall" + variables.id,24*60*60*1000,true)
}
}
}
}
//end modules/enhanceNotifications.js
//begin modules/enhanceSocialTabFeed.js
function enhanceSocialTabFeed(){
let URLstuff = location.pathname.match(/^\/(anime|manga)\/(\d+)\/[\w\-]*\/social/);
if(!URLstuff){
return
}
let feedLocation = document.querySelector(".activity-feed");
if(!feedLocation){
setTimeout(enhanceSocialTabFeed,100);
return
};
let hohFeed = create("div","hohSocialFeed");
feedLocation.insertBefore(hohFeed,feedLocation.children[0]);
let optionsContainer = create("div",false,false,hohFeed,"position:absolute;top:0px;right:0px;");
let hasReplies = createCheckbox(optionsContainer);
create("span",false,translate("$filter_replies"),optionsContainer,"margin-right:7px;");
let isFollowing = createCheckbox(optionsContainer);
if(useScripts.accessToken){
create("span",false,translate("$filter_following"),optionsContainer)
}
else{
isFollowing.parentNode.style.display = "none"
}
let feedHeader = create("h2",false,"Recent Activity",hohFeed,"display:none;");
let feedContent = create("div",false,false,hohFeed,"display:none;");
let loadMore = create("div","load-more",translate("$load_more"),hohFeed);
let query = "";
let buildFeed = function(page){
authAPIcall(//use also when accessToken is not available, since it will fall back to a regular API call
query,
{
page: page,
mediaId: parseInt(URLstuff[2])
},
function(data){
if(!data){//restore regular feed
feedLocation.classList.remove("hohReplaceFeed");
feedContent.style.display = "none";
feedHeader.style.display = "none";
loadMore.style.display = "none";
return
}
if(
data.data.Page.pageInfo.lastPage > page
&& (
data.data.Page.activities.length === 25
|| data.data.Page.activities.length === 24//since pageInfo is kill, it's better with some false positives than missing the button too often
)
){
loadMore.style.display = "block";
loadMore.onclick = function(){
buildFeed(page + 1)
}
}
else{
loadMore.style.display = "none"
}
if(data.data.Page.activities.length === 0){
create("div","activity-entry","No matching activities",feedContent)
}
data.data.Page.activities.forEach(act => {
let activityEntry = create("div",["activity-entry","activity-" + URLstuff[1] + "_list"],false,feedContent);
let wrap = create("div","wrap",false,activityEntry);
let list = create("div","list",false,wrap);
let cover = create("a",["cover","router-link-active"],false,list);
cover.href = "/" + URLstuff[1] + "/" + URLstuff[2] + "/" + safeURL(act.media.title.userPreferred);
cover.style.backgroundImage = `url("${act.media.coverImage.medium}")`;
let details = create("div","details",false,list);
let name = create("a","name",act.user.name,details);
name.href = "/user/" + act.user.name;
details.appendChild(document.createTextNode(" "));
if(!act.status){//old "null" values from the API
if(URLstuff[1] === "manga"){
act.status = "read"
}
else{
act.status = "watched"
}
}
let status = create("div","status",act.status + (act.progress ? " " + act.progress + " of " : " "),details);
if(URLstuff[1] === "manga"){
if(act.status === "read chapter" && act.progress){
status.innerText = translate("$listActivity_MreadChapter",act.progress)
}
else if(act.status === "reread chapter" && act.progress){
status.innerText = translate("$listActivity_MrepeatingManga",act.progress)
}
else if(act.status === "dropped" && act.progress){
status.innerText = " " + translate("$listActivity_MdroppedManga",act.progress)
}
else if(act.status === "completed"){
status.innerText = translate("$listActivity_completedManga")
}
else if(act.status === "plans to read"){
status.innerText = translate("$listActivity_planningManga")
}
else if(act.status === "paused reading"){
status.innerText = translate("$listActivity_pausedManga")
}
else{
console.warn("Missing listActivity translation key for:",act.status)
}
}
else{
if(act.status === "watched episode" && act.progress){
status.innerText = translate("$listActivity_MwatchedEpisode",act.progress)
}
else if(act.status === "rewatched episode" && act.progress){
status.innerText = translate("$listActivity_MrepeatingAnime",act.progress)
}
else if(act.status === "dropped" && act.progress){
status.innerText = " " + translate("$listActivity_MdroppedAnime",act.progress)
}
else if(act.status === "completed"){
status.innerText = translate("$listActivity_completedAnime")
}
else if(act.status === "plans to watch"){
status.innerText = translate("$listActivity_planningAnime")
}
else if(act.status === "paused watching"){
status.innerText = translate("$listActivity_pausedAnime")
}
else{
console.warn("Missing listActivity translation key for:",act.status)
}
}
let link = create("a",["title","router-link-active"]," " + act.media.title.userPreferred,status);
link.href = "/" + URLstuff[1] + "/" + URLstuff[2] + "/" + safeURL(act.media.title.userPreferred);
let avatar = create("a","avatar",false,details);
avatar.href = "/user/" + act.user.name;
avatar.style.backgroundImage = `url("${act.user.avatar.medium}")`;
let timeWrapper = create("div","time",false,wrap);
let action = create("a","action",false,timeWrapper);
action.appendChild(svgAssets2.link.cloneNode(true));
action.href = "/activity/" + act.id;
let time = nativeTimeElement(act.createdAt);timeWrapper.appendChild(time);
let actions = create("div","actions",false,wrap);
let actionReplies = create("div",["action","replies"],false,actions);
if(act.replies.length){
let replyCount = create("span","count",act.replies.length,actionReplies);
actionReplies.appendChild(document.createTextNode(" "));
};
actionReplies.appendChild(svgAssets2.reply.cloneNode(true));
actions.appendChild(document.createTextNode(" "));
let actionLikes = create("div",["action","likes"],false,actions);
let likeWrap = create("div","like-wrap",false,actionLikes);
let likeButton = create("div","button",false,likeWrap);
let likeCount = create("span","count",act.likes.length || "",likeButton);
likeButton.appendChild(document.createTextNode(" "));
likeButton.appendChild(svgAssets2.likeNative.cloneNode(true));
likeButton.title = act.likes.map(a => a.name).join("\n");
if(act.likes.some(like => like.name === whoAmI)){
likeButton.classList.add("liked")
};
likeButton.onclick = function(){
authAPIcall(
"mutation($id:Int){ToggleLike(id:$id,type:ACTIVITY){id}}",
{id: act.id},
function(data2){
if(!data2){
authAPIcall(//try again once if it fails
"mutation($id:Int){ToggleLike(id:$id,type:ACTIVITY){id}}",
{id: act.id},
function(data3){}
)
}
}
);
if(act.likes.some(like => like.name === whoAmI)){
act.likes.splice(act.likes.findIndex(user => user.name === whoAmI),1);
likeButton.classList.remove("liked");
if(act.likes.length > 0){
likeButton.querySelector(".count").innerText = act.likes.length
}
else{
likeButton.querySelector(".count").innerText = ""
}
}
else{
act.likes.push({name: whoAmI});
likeButton.classList.add("liked");
likeButton.querySelector(".count").innerText = act.likes.length;
};
likeButton.title = act.likes.map(a => a.name).join("\n")
};
let replyWrap = create("div","reply-wrap",false,activityEntry,"display:none;");
actionReplies.onclick = function(){
if(replyWrap.style.display === "none"){
replyWrap.style.display = "block"
}
else{
replyWrap.style.display = "none"
}
};
let activityReplies = create("div","activity-replies",false,replyWrap);
act.replies.forEach(rep => {
let reply = create("div","reply",false,activityReplies);
let header = create("div","header",false,reply);
let repAvatar = create("a","avatar",false,header);
repAvatar.href = "/user/" + rep.user.name;
repAvatar.style.backgroundImage = `url("${rep.user.avatar.medium}")`;
header.appendChild(document.createTextNode(" "));
let repName = create("a","name",rep.user.name,header);
repName.href = "/user/" + rep.user.name;
let cornerWrapper = create("div","actions",false,header);
let repActionLikes = create("div",["action","likes"],false,cornerWrapper,"display: inline-block");
const randomDataHate = "data-v-977827fa";
let repLikeWrap = create("div","like-wrap",false,repActionLikes);
let repLikeButton = create("div","button",false,repLikeWrap);
let repLikeCount = create("span","count",rep.likes.length || "",repLikeButton);
repLikeButton.appendChild(document.createTextNode(" "));
repLikeButton.appendChild(svgAssets2.likeNative.cloneNode(true));
repLikeButton.title = rep.likes.map(a => a.name).join("\n");
if(rep.likes.some(like => like.name === whoAmI)){
repLikeButton.classList.add("liked")
};
repLikeButton.onclick = function(){
authAPIcall(
"mutation($id:Int){ToggleLike(id:$id,type:ACTIVITY_REPLY){id}}",
{id: rep.id},
function(data2){
if(!data2){
authAPIcall(//try again once if it fails
"mutation($id:Int){ToggleLike(id:$id,type:ACTIVITY_REPLY){id}}",
{id: rep.id},
function(data3){}
)
}
}
);
if(rep.likes.some(like => like.name === whoAmI)){
rep.likes.splice(rep.likes.findIndex(user => user.name === whoAmI),1);
repLikeButton.classList.remove("liked");
repLikeButton.classList.remove("hohILikeThis");
if(rep.likes.length > 0){
repLikeButton.querySelector(".count").innerText = rep.likes.length
}
else{
repLikeButton.querySelector(".count").innerText = ""
}
}
else{
rep.likes.push({name: whoAmI});
repLikeButton.classList.add("liked");
repLikeButton.classList.add("hohILikeThis");
repLikeButton.querySelector(".count").innerText = rep.likes.length;
};
repLikeButton.title = rep.likes.map(a => a.name).join("\n")
};
let repActionTime = create("div",["action","time"],false,cornerWrapper,"display: inline-block");
let repTime = nativeTimeElement(rep.createdAt);repActionTime.appendChild(repTime);
let replyMarkdown = create("div","reply-markdown",false,reply);
let markdown = create("div","markdown",false,replyMarkdown);
markdown.innerHTML = rep.text;//reason for inner HTML: preparsed sanitized HTML from the Anilist API
})
})
}
)
};
hasReplies.oninput = isFollowing.oninput = function(){
if(hasReplies.checked || isFollowing.checked){
feedLocation.classList.add("hohReplaceFeed");
feedContent.style.display = "block";
feedHeader.style.display = "block";
removeChildren(feedContent)
if(hasReplies.checked && isFollowing.checked){
query = `
query($mediaId: Int,$page: Int){
Page(page: $page,perPage: 25){
pageInfo{lastPage}
activities(mediaId: $mediaId,hasReplies:true,isFollowing:true,sort:ID_DESC){
... on ListActivity{
id
status
progress
createdAt
user{
name
avatar{
medium
}
}
media{
title{
userPreferred
}
coverImage{medium}
}
replies{
id
text(asHtml: true)
createdAt
user{
name
avatar{
medium
}
}
likes{
name
}
}
likes{
name
}
}
}
}
}`;
}
else if(hasReplies.checked){
query = `
query($mediaId: Int,$page: Int){
Page(page: $page,perPage: 25){
pageInfo{lastPage}
activities(mediaId: $mediaId,hasReplies:true,sort:ID_DESC){
... on ListActivity{
id
status
progress
createdAt
user{
name
avatar{
medium
}
}
media{
title{
userPreferred
}
coverImage{medium}
}
replies{
id
text(asHtml: true)
createdAt
user{
name
avatar{
medium
}
}
likes{
name
}
}
likes{
name
}
}
}
}
}`;
}
else{
query = `
query($mediaId: Int,$page: Int){
Page(page: $page,perPage: 25){
pageInfo{lastPage}
activities(mediaId: $mediaId,isFollowing:true,sort:ID_DESC){
... on ListActivity{
id
status
progress
createdAt
user{
name
avatar{
medium
}
}
media{
title{
userPreferred
}
coverImage{medium}
}
replies{
id
text(asHtml: true)
createdAt
user{
name
avatar{
medium
}
}
likes{
name
}
}
likes{
name
}
}
}
}
}`;
};
buildFeed(1)
}
else{
feedLocation.classList.remove("hohReplaceFeed");
feedContent.style.display = "none";
feedHeader .style.display = "none";
loadMore .style.display = "none"
}
}
}
//end modules/enhanceSocialTabFeed.js
//begin modules/enhanceSocialTab.js
//Morimasa code https://greasyfork.org/en/scripts/375622-betterfollowinglist
const stats = {
element: null,
count: 0,
scoreSum: 0,
scoreCount: 0
}
const scoreColors = e => {
let el = e.querySelector("span") || e.querySelector("svg");
let light = document.body.classList.contains("site-theme-dark") ? 45 : 38;
if(!el){
return null
}
el.classList.add("score");
if(el.nodeName === "svg"){
// smiley
if(el.dataset.icon === "meh"){
el.childNodes[0].setAttribute("fill",`hsl(60, 100%, ${light}%)`)
};
return {
scoreCount: 0.5,//weight those scores lower because of the precision
scoreSum: ({"smile": 85,"meh": 60,"frown": 35}[el.dataset.icon])*0.5
}
}
else if(el.nodeName === "SPAN"){
let score = el.innerText.split("/").map(num => parseFloat(num));
if(score.length === 1){// convert stars, 10 point and 10 point decimal to 100 point
score = score[0]*20-10
}
else{
if(score[1] === 10){
score = score[0]*10
}
else{
score = score[0]
}
}
el.style.color = `hsl(${score*1.2}, 100%, ${light}%)`;
return {
scoreCount: 1,
scoreSum: score,
}
}
}
const handler = (data,target,idMap) => {
if(!target){
return
}
data.forEach(e => {
target[idMap[e.user.id]].style.gridTemplateColumns = "30px 1.3fr .7fr .6fr .2fr .2fr .5fr"; //css is my passion
const progress = create("div","progress",e.progress);
if(e.media.chapters || e.media.episodes){
progress.innerText = `${e.progress}/${e.media.chapters || e.media.episodes}`;
if(e.progress > (e.media.chapters || e.media.episodes)){
progress.title = translate("$socialTab_tooManyChapters")
}
else if(
e.progress === (e.media.chapters || e.media.episodes)
&& e.status === "COMPLETED"
){
progress.style.color = "rgb(var(--color-green))"
}
}
target[idMap[e.user.id]].insertBefore(progress,target[idMap[e.user.id]].children[2])
let notesEL = create("span","notes") // notes
if(
e.notes //only if notes
&& !e.notes.match(/^,malSync::[a-zA-Z0-9]+=?=?::$/) //no need to show malSync-only notes, nobody is interested in that
&& !e.notes.match(/^\s+$/) //whitespace-only notes will not show up properly anyway
){
if(e.notes.match(/^(#\S+\s+)*(#\S+)$/)){//use a separate symbol for tags-only notes. Also helps popularizing tags
notesEL.appendChild(svgAssets2.notesTags.cloneNode(true))
}
else{
notesEL.appendChild(svgAssets2.notes.cloneNode(true))
}
notesEL.title = entityUnescape(e.notes);
}
let dateString;
if(
e.startedAt.year && e.completedAt.year && e.startedAt.year == e.completedAt.year
&& e.startedAt.month && e.completedAt.month && e.startedAt.month == e.completedAt.month
&& e.startedAt.day && e.completedAt.day && e.startedAt.day == e.completedAt.day
){
dateString = [
e.startedAt.year,
e.startedAt.month,
e.startedAt.day
].filter(TRUTHY).map(a => ((a + "").length === 1 ? "0" + a : "" + a)).join("-")
}
else{
dateString = [
e.startedAt.year,
e.startedAt.month,
e.startedAt.day
].filter(TRUTHY).map(a => ((a + "").length === 1 ? "0" + a : "" + a)).join("-") + " - " + [
e.completedAt.year,
e.completedAt.month,
e.completedAt.day
].filter(TRUTHY).map(a => ((a + "").length === 1 ? "0" + a : "" + a)).join("-");
}
if(
(e.media.chapters || e.media.episodes) === 1
&& !e.startedAt.year
&& e.completedAt.year
){
dateString = [
e.completedAt.year,
e.completedAt.month,
e.completedAt.day
].filter(TRUTHY).map(a => ((a + "").length === 1 ? "0" + a : "" + a)).join("-")
}
if(
!e.startedAt.year
&& !e.completedAt.year
&& e.createdAt
&& e.status === "PLANNING"
){
e.created
dateString = "planned " + new Date(e.createdAt*1000).toISOString().split("T")[0]
}
if(dateString !== " - "){
target[idMap[e.user.id]].children[3].title = dateString;
}
target[idMap[e.user.id]].insertBefore(
notesEL,target[idMap[e.user.id]].children[4]
)
let rewatchEL = create("span","repeat");
if(e.repeat){
rewatchEL.appendChild(svgAssets2.repeat.cloneNode(true));
rewatchEL.title = e.repeat;
}
target[idMap[e.user.id]].insertBefore(
rewatchEL,target[idMap[e.user.id]].children[4]
)
})
}
const MakeStats = () => {
if(stats.element){
stats.element.remove()
}
let main = create("h2");
const createStat = (text, number) => {
let el = create("span",false,text);
create("span",false,number,el);
return el
}
let count = createStat("Users: ",stats.count);
main.append(count);
let avg = createStat("Avg: ",0);
avg.style.float = "right";
main.append(avg);
const parent = document.querySelector(".following");
parent.prepend(main);
stats.element = main
}
function enhanceSocialTab(){
if(!location.pathname.match(/^\/(anime|manga)\/\d*\/[\w\-]*\/social/)){
return
}
let listOfFollowers = Array.from(document.getElementsByClassName("follow"));
listOfFollowers = listOfFollowers.filter((ele,index) => {
if(index && listOfFollowers[index - 1].href === ele.href){
ele.remove();
return false
}
return true
})
if(!listOfFollowers.length){
setTimeout(enhanceSocialTab,100);
return
};
MakeStats();
let idmap = {};//TODO, rewrite as actual map?
listOfFollowers.forEach(function(e,i){
if(!e.dataset.changed){
const avatarURL = e.querySelector(".avatar").dataset.src;
if(!avatarURL || avatarURL === "https://s4.anilist.co/file/anilistcdn/user/avatar/large/default.png"){
return
}
const id = avatarURL.split("/").pop().match(/\d+/g)[0];
idmap[id] = i;
let change = scoreColors(e);
if(change){
stats.scoreCount += change.scoreCount;
stats.scoreSum += change.scoreSum
}
++stats.count;
e.dataset.changed = true
}
})
if(Object.keys(idmap).length){
const mediaID = window.location.pathname.split("/")[2];
generalAPIcall(
`query($users:[Int],$media:Int){
Page{
mediaList(userId_in: $users,mediaId: $media){
progress notes repeat user{id}
startedAt{year month day}
completedAt{year month day}
createdAt
status
media{chapters episodes}
}
}
}`,
{users: Object.keys(idmap), media: mediaID},
function(res){
let unique = new Map();
res.data.Page.mediaList.forEach(media => {
unique.set(media.user.id,media)
})
handler(
Array.from(unique).map(e => e[1]),
listOfFollowers,
idmap
)
}
)
let statsElements = stats.element.querySelectorAll("span > span");
statsElements[0].innerText = stats.count;
const avgScore = Math.round(stats.scoreSum/stats.scoreCount || 0);
if(avgScore){
statsElements[1].style.color = `hsl(${avgScore*1.2}, 100%, 40%)`;
statsElements[1].innerText = `${avgScore}%`;
statsElements[1].title = (stats.scoreSum/stats.scoreCount).toPrecision(4)
}
else{
statsElements[1].parentNode.remove() // no need if no scores
}
statsElements[1].onclick = function(){
statsElements[1].classList.toggle("toggled");
Array.from(root.querySelectorAll(".follow")).forEach(function(item){
if(item.querySelector(".score") || !statsElements[1].classList.contains("toggled")){
item.style.display = "grid"
}
else{
item.style.display = "none"
}
})
}
}
/*add average score to social tab*/
let root = listOfFollowers[0].parentNode;
let distribution = {};
Object.keys(distributionColours).forEach(
status => distribution[status] = 0
);
listOfFollowers.forEach(function(follower){
let statusType = follower.querySelector(".status").innerText.toUpperCase();
if(statusType === "WATCHING" || statusType === "READING"){
statusType = "CURRENT"
};
distribution[statusType]++
});
if(
Object.keys(distributionColours).some(status => distribution[status] > 0)
){
let locationForIt = document.getElementById("averageScore");
let dataList = document.getElementById("socialUsers");
let statusList = document.getElementById("statusList");
if(!locationForIt){
let insertLocation = document.querySelector(".following");
insertLocation.parentNode.style.marginTop = "5px";
insertLocation.parentNode.style.position = "relative";
locationForIt = create("span","#averageScore");
insertLocation.insertBefore(
locationForIt,
insertLocation.children[0]
);
statusList = create("span","#statusList",false,false,"position:absolute;right:0px;top:5px;");
insertLocation.insertBefore(
statusList,
insertLocation.children[0]
);
dataList = create("datalist","#socialUsers");
insertLocation.insertBefore(
dataList,
insertLocation.children[0]
)
}
locationForIt.nextSibling.style.marginTop = "5px";
if(dataList.childElementCount < listOfFollowers.length){
listOfFollowers.slice(dataList.childElementCount).forEach(
follower => create("option",false,false,dataList)
.value = follower.children[1].innerText
)
}
removeChildren(statusList);
let sortStatus = "";
semmanticStatusOrder.forEach(status => {
if(distribution[status]){
let statusSumDot = create("div","hohSummableStatus",distribution[status],statusList);
statusSumDot.style.background = distributionColours[status];
statusSumDot.title = distribution[status] + " " + capitalize(translate("$mediaStatus_" + status.toLowerCase()));
if(distribution[status] > 99){
statusSumDot.style.fontSize = "8px"
}
if(distribution[status] > 999){
statusSumDot.style.fontSize = "6px"
};
statusSumDot.onclick = function(){
if(sortStatus === status){
Array.from(root.querySelectorAll(".follow .status")).forEach(item => {
item.parentNode.style.display = "grid"
})
sortStatus = ""
}
else{
Array.from(root.querySelectorAll(".follow .status")).forEach(item => {
if(item.innerText.toUpperCase() === status || (["WATCHING","READING"].includes(item.innerText.toUpperCase()) && status === "CURRENT")){
item.parentNode.style.display = "grid"
}
else{
item.parentNode.style.display = "none"
}
})
sortStatus = status
}
}
}
});
};
let waiter = function(){
setTimeout(function(){
if(root.childElementCount !== listOfFollowers.length){
enhanceSocialTab()
}
else{
waiter()
}
},100);
};waiter()
}
//end modules/enhanceSocialTab.js
//begin modules/enhanceStaffBrowse.js
function enhanceStaffBrowse(){
if(!document.URL.match(/\/search\/staff\/?(favorites)?$/)){
return
};
const query = `
query($page: Int!){
Page(page: $page,perPage: 20){
staff(sort: [FAVOURITES_DESC]){
id
favourites
anime:staffMedia(type:ANIME){
pageInfo{
total
}
}
manga:staffMedia(type:MANGA){
pageInfo{
total
}
}
characters{
pageInfo{
total
}
}
}
}
}`;
let favCallback = function(data,page){
if(!document.URL.match(/\/search\/staff\/?(favorites)?$/)){
return
};
let resultsToTag = document.querySelectorAll(".results.cover .staff-card,.landing-section.staff .staff-card");
if(resultsToTag.length < page*data.data.Page.staff.length){
setTimeout(function(){
favCallback(data,page)
},200);//may take some time to load
return
};
data = data.data.Page.staff;
data.forEach(function(staff,index){
create("span","hohFavCountBrowse",staff.favourites,resultsToTag[(page - 1)*data.length + index]).title = "Favourites";
if(staff.anime.pageInfo.total + staff.manga.pageInfo.total > staff.characters.pageInfo.total){
let roleLine = create("div","hohRoleLine",false,resultsToTag[(page - 1)*data.length + index]);
roleLine.style.backgroundImage =
"linear-gradient(to right,hsla(" + Math.round(
120*(1 + staff.anime.pageInfo.total/(staff.anime.pageInfo.total + staff.manga.pageInfo.total))
) + ",100%,50%,0.8),rgba(var(--color-overlay),0.8))";
let animePercentage = Math.round(100*staff.anime.pageInfo.total/(staff.anime.pageInfo.total + staff.manga.pageInfo.total));
if(animePercentage === 100){
roleLine.title = "100% anime"
}
else if(animePercentage === 0){
roleLine.title = "100% manga"
}
else if(animePercentage >= 50){
roleLine.title = animePercentage + "% anime, " + (100 - animePercentage) + "% manga"
}
else{
roleLine.title = (100 - animePercentage) + "% manga, " + animePercentage + "% anime"
}
}
});
generalAPIcall(query,{page:page+1},data => favCallback(data,page+1))
};
generalAPIcall(query,{page:1},data => favCallback(data,1))
};
//end modules/enhanceStaffBrowse.js
//begin modules/enhanceStaff.js
function enhanceStaff(){
if(!document.URL.match(/^https:\/\/anilist\.co\/staff\/.*/)){
return
}
if(document.querySelector(".hohFavCount")){
return
};
const variables = {id: document.URL.match(/\/staff\/(\d+)\/?/)[1]};
const query = "query($id: Int!){Staff(id: $id){favourites}}";
let favCallback = function(data){
if(!document.URL.match(/^https:\/\/anilist\.co\/staff\/.*/)){
return
}
let favCount = document.querySelector(".favourite .count");
if(favCount){
favCount.parentNode.onclick = function(){
if(favCount.parentNode.classList.contains("isFavourite")){
favCount.innerText = Math.max(parseInt(favCount.innerText) - 1,0)//0 or above, just to avoid looking silly
}
else{
favCount.innerText = parseInt(favCount.innerText) + 1
}
};
if(data.data.Staff.favourites === 0 && favButton[0].classList.contains("isFavourite")){//safe to assume
favCount.innerText = data.data.Staff.favourites + 1
}
else{
favCount.innerText = data.data.Staff.favourites
}
}
else{
setTimeout(function(){favCallback(data)},200)
}
};
generalAPIcall(query,variables,favCallback,"hohStaffFavs" + variables.id,60*60*1000)
}
//end modules/enhanceStaff.js
//begin modules/enhanceStudio.js
function enhanceStudio(){//adds a favourite count to every studio page
if(!location.pathname.match(/^\/studio(\/.*)?/)){
return
};
let filterGroup = document.querySelector(".container.header");
if(!filterGroup){
setTimeout(enhanceStudio,200);//may take some time to load
return;
};
let favCallback = function(data){
if(!document.URL.match(/^https:\/\/anilist\.co\/studio\/.*/)){
return
}
let favCount = document.querySelector(".favourite .count");
if(favCount){
favCount.parentNode.onclick = function(){
if(favCount.parentNode.classList.contains("isFavourite")){
favCount.innerText = Math.max(parseInt(favCount.innerText) - 1,0)//0 or above, just to avoid looking silly
}
else{
favCount.innerText = parseInt(favCount.innerText) + 1
}
};
if(data.data.Studio.favourites === 0 && favButton[0].classList.contains("isFavourite")){//safe to assume
favCount.innerText = data.data.Studio.favourites + 1
}
else{
favCount.innerText = data.data.Studio.favourites
}
}
else{
setTimeout(function(){favCallback(data)},200);
}
};
const variables = {id: location.pathname.match(/\/studio\/(\d+)\/?/)[1]};
generalAPIcall(
`
query($id: Int!){
Studio(id: $id){
favourites
}
}`,
variables,favCallback,"hohStudioFavs" + variables.id,60*60*1000
);
};
//end modules/enhanceStudio.js
//begin modules/enhanceTags.js
function enhanceTags(){//show tag definition in drop down menu when adding tags
if(!location.pathname.match(/^\/(anime|manga)\/.*/)){
return
};
setTimeout(enhanceTags,400);
let possibleTagContainers = Array.from(document.querySelectorAll(".el-select-dropdown__list"));
let bestGuess = possibleTagContainers.find(
elem => elem.children.length > 205//horrible test, but we have no markup to go from. Assumes the tag dropdown is the only one with more than that number of children
)
if(!bestGuess){
return
};
if(bestGuess.hasOwnProperty("hohMarked")){
return
}
else{
bestGuess.hohMarked = true
};
let superBody = document.getElementsByClassName("el-dialog__body")[0];
let descriptionTarget = create("span","#hohDescription");
superBody.insertBefore(descriptionTarget,superBody.children[2]);
Array.from(bestGuess.children).forEach(child => {
child.onmouseover = function(){
if(tagDescriptions[child.children[0].innerText]){
document.getElementById("hohDescription").innerText = tagDescriptions[child.children[0].innerText];
}
else if(child.children[0].innerText !== ""){
document.getElementById("hohDescription").innerText = "Message hoh to get this description added";//should never happen anymore
}
};
child.onmouseout = function(){
document.getElementById("hohDescription").innerText = ""
}
})
};
//end modules/enhanceTags.js
//begin modules/enumerateSubmissionStaff.js
exportModule({
id: "enumerateSubmissionStaff",
description: "Enumerate the multiple credits for staff in the submission form to help avoid duplicates",
isDefault: true,
categories: [/*"Submissions",*/"Profiles"],
visible: true,
urlMatch: function(url,oldUrl){
return url.match(/^https:\/\/anilist\.co\/edit/)
},
code: function enumerateSubmissionStaff(){
if(!location.pathname.match(/^\/edit/)){
return
};
setTimeout(enumerateSubmissionStaff,500);
let staffFound = [];
let staffEntries = document.querySelectorAll(".staff-row .col > .image");
Array.from(staffEntries).forEach(function(staff){
let enumerate = staffFound.filter(a => a === staff.href).length;
if(enumerate === 1){
let firstStaff = document.querySelector(".staff-row .col > .image[href=\"" + staff.href.replace("https://anilist.co","") + "\"]");
if(!firstStaff.previousSibling){
firstStaff.parentNode.insertBefore(
create("span","hohEnumerateStaff",1),
firstStaff
)
};
}
if(enumerate > 0){
if(staff.previousSibling){
staff.previousSibling.innerText = enumerate + 1;
}
else{
staff.parentNode.insertBefore(
create("span","hohEnumerateStaff",(enumerate + 1)),
staff
)
}
};
staffFound.push(staff.href);
})
}
})
//end modules/enumerateSubmissionStaff.js
//begin modules/expandDescriptions.js
exportModule({
id: "expandDescriptions",
description: "Automatically expand media descriptions",
isDefault: true,
categories: ["Media"],
visible: true
})
//end modules/expandDescriptions.js
//begin modules/expandedListNotes.js
exportModule({
id: "expandedListNotes",
description: "Click list notes for an expanded view",
extendedDescription: "For those who write entire essays in their list notes",
isDefault: true,
importance: 0,
categories: ["Lists"],
visible: true,
urlMatch: function(url,oldUrl){
return url.match(/^https:\/\/anilist\.co\/.+\/(anime|manga)list\/?(.*)?$/)
},
code: function(){
let clickHandler = function(){
let URLstuff = document.URL.match(/^https:\/\/anilist\.co\/user\/(.+)\/(anime|manga)list\/?/);
let name = decodeURIComponent(URLstuff[1]);
Array.from(document.querySelectorAll(".list-entries .notes")).forEach(note => {
note.onclick = function(){
//getting the title is tricky since the layouts vary
let title_element = note.parentNode.querySelector(".title a");
let id = title_element.href.match(/(anime|manga)\/(\d+)\//)[2];
let title = titlePicker({//hack: pretend we have all this fancy API info
title: {
native: title_element.innerText,
romaji: title_element.innerText,
english: title_element.innerText
},
id: id
});
let floatyWindowThingy = createDisplayBox("min-width:400px;min-height:300px;",title);
floatyWindowThingy.style.maxWidth = "80ch";
floatyWindowThingy.style.lineHeight = "1.4";
floatyWindowThingy.style.marginRight = "12px";
create("p",false,note.getAttribute("label"),floatyWindowThingy,"margin-bottom: 30px;margin-top: 10px;background: rgb(var(--color-background));padding: 10px;border-radius: 5px;");
//fancy stuff: find activities with replies
generalAPIcall(
"query($name:String){User(name:$name){id}}",
{name: name},
function(nameData){generalAPIcall(`
query{
Page{
activities(userId: ${nameData.data.User.id},mediaId: ${id}, sort: ID_DESC){
... on ListActivity{
status
progress
siteUrl
createdAt
replies{
user{name}
text(asHtml: true)
}
}
}
}
}`,
{},
function(data){
data.data.Page.activities.forEach(activity => {
create("hr",false,false,floatyWindowThingy);
let activityEntry = create("div","hohTimelineEntry",false,floatyWindowThingy);
let activityContext = create("a","newTab",capitalize(activity.status),activityEntry);
activityContext.href = activity.siteUrl;
if(["watched episode","read chapter","rewatched episode","reread chapter"].includes(activity.status)){
activityContext.innerText += " " + activity.progress
};
create("span",false,
" " + (new Date(activity.createdAt*1000)).toDateString(),
activityEntry,
"position:absolute;right:7px;"
).title = (new Date(activity.createdAt*1000)).toLocaleString()
if(activity.replies.length){
let activityReplies = create("div",["hohTimelineEntry","replies"],false,floatyWindowThingy,"margin-left: 30px;");
activity.replies.forEach(reply => {
let reply_container = create("div","reply",false,activityReplies,"padding: 10px;margin: 2px;border-radius: 5px;background: rgb(var(--color-background));");
create("span","name",reply.user.name + ": ",reply_container);
let text = create("span",false,false,reply_container);
text.innerHTML = DOMPurify.sanitize(reply.text)//reason for inner HTML: preparsed sanitized HTML from the Anilist API
})
}
})
}
)},
"hohIDlookup" + name.toLowerCase()
)
}
})
setTimeout(function(){
if(document.URL.match(/^https:\/\/anilist\.co\/.+\/(anime|manga)list\/?(.*)?$/)){
clickHandler()
}
},2000)
};
clickHandler()
}
})
//end modules/expandedListNotes.js
//begin modules/expandFeedFilters.js
exportModule({
id: "CSSexpandFeedFilters",
description: "Expand the feed filters",
isDefault: false,
categories: ["Feeds"],
visible: true
})
//end modules/expandFeedFilters.js
//begin modules/expandRight.js
function expandRight(){
if(!location.pathname.match(/^\/home\/?$/)){
return
};
let possibleFullWidth = document.querySelector(".home.full-width");
if(possibleFullWidth){
let homeContainer = possibleFullWidth.parentNode;
let sideBar = document.querySelector(".activity-feed-wrap")
if(!sideBar){
setTimeout(expandRight,100);
return;
};
sideBar = sideBar.nextElementSibling;
sideBar.insertBefore(possibleFullWidth,sideBar.firstChild);
let setSemantics = function(){
let toggle = document.querySelector(".size-toggle.fa-compress");
if(toggle){
toggle.onclick = function(){
homeContainer.insertBefore(possibleFullWidth,homeContainer.firstChild)
}
}
else{
setTimeout(setSemantics,200)
};
};setSemantics();
}
}
//end modules/expandRight.js
//begin modules/extraDefaultSorts.js
exportModule({
id: "extraDefaultSorts",
description: "Make all list sort options available as options for the default setting",
extendedDescription: `
Default list order can be selected at https://anilist.co/settings/lists
This module will add extra options in that dropdown.
`,
isDefault: true,
importance: 0,
categories: ["Lists","Newly Added"],
visible: true,
urlMatch: function(url,oldUrl){
return url.match(/\/user\/.*\/(anime|manga)list/) || url === "https://anilist.co/settings/lists"
},
code: function(){
if(document.URL === "https://anilist.co/settings/lists"){
let optionsAdder = function(){
if(document.URL !== "https://anilist.co/settings/lists"){
return
}
let selector = document.querySelector('input[placeholder="Default List Order"]');
if(!selector){
setTimeout(optionsAdder,500);
return
};
if(useScripts.customDefaultListOrder){
selector.value = useScripts.customDefaultListOrder
}
selector.onclick = function(){
let findDropdown = function(){
if(document.URL !== "https://anilist.co/settings/lists"){
return
}
let dropdowns = document.querySelectorAll(".el-select-dropdown");
let correctDropdownFound = true;
Array.from(dropdowns).forEach(dropdown => {
if(dropdown.textContent === "ScoreTitleLast UpdatedLast Added"){//will break when more defaults are added. That's intentional
correctDropdownFound = true;
let ul = dropdown.querySelector("ul");
let nativeOrder = "";
let nativeIndex = 0;
Array.from(ul.children).forEach((child,index) => {
child.style.display = "none";
if(child.classList.contains("selected")){
nativeOrder = child.textContent;
nativeIndex = index
}
});
[
{
name: "Title",
native: true,
nativeIndex: 1
},
{
name: "Score",
native: true,
nativeIndex: 0
},
{
name: "Progress"
},
{
name: "Last Updated",
native: true,
nativeIndex: 2
},
{
name: "Last Added",
native: true,
nativeIndex: 3
},
{
name: "Start Date"
},
{
name: "Completed Date"
},
{
name: "Release Date"
},
{
name: "Average Score"
},
{
name: "Popularity"
}
].forEach(option => {
let element = create("li","el-select-dropdown__item",false,ul);
let elementSpan = create("span",false,option.name,element);
if(
option.name === useScripts.customDefaultListOrder
|| (useScripts.customDefaultListOrder === "" && option.name === nativeOrder)
){
element.classList.add("selected")
element.classList.add("hohSelected")
};
element.onclick = function(){
if(option.native){
nativeOrder = option.name;
nativeIndex = option.nativeIndex;
useScripts.customDefaultListOrder = "";
selector.value = option.name;
useScripts.save()
}
else{
useScripts.customDefaultListOrder = option.name;
selector.value = useScripts.customDefaultListOrder;
useScripts.save()
};
let badSelected = ul.querySelector(".hohSelected");
badSelected.classList.remove("selected");
badSelected.classList.remove("hohSelected");
element.classList.add("selected");
element.classList.add("hohSelected");
ul.children[nativeIndex].click()
}
})
}
})
if(!correctDropdownFound){
setTimeout(findDropdown,200)
}
};findDropdown()
}
};optionsAdder()
}
else{
if(useScripts.customDefaultListOrder === ""){
return
}
let optionsAdder = function(){
const URLstuff = location.pathname.match(/^\/user\/(.+)\/(animelist|mangalist)/);
if(!URLstuff){
return
}
if(decodeURIComponent(URLstuff[1]) !== whoAmI){
return
}
let selector = document.querySelector('input[placeholder="Sort"]');
if(!selector){
setTimeout(optionsAdder,200);
return
};
if(selector.classList.contains("hohCustomSelected")){
return
}
selector.click();
selector.classList.add("hohCustomSelected");
let findDropdown = function(){
if(!location.pathname.match(/^\/user\/(.+)\/(animelist|mangalist)/)){
return
}
let dropdowns = document.querySelectorAll(".el-select-dropdown");
let correctDropdownFound = true;
Array.from(dropdowns).forEach(dropdown => {
if(dropdown.textContent === "TitleScoreProgressLast UpdatedLast AddedStart DateCompleted DateRelease DateAverage ScorePopularity"){
correctDropdownFound = true;
let ul = dropdown.querySelector("ul");
Array.from(ul.children).forEach((child,index) => {
if(child.textContent === useScripts.customDefaultListOrder){
child.click()
}
})
}
})
if(!correctDropdownFound){
setTimeout(findDropdown,200)
}
};findDropdown()
};optionsAdder()
}
}
})
//end modules/extraDefaultSorts.js
//begin modules/extraFavs.js
exportModule({
id: "extraFavs",
description: "Make scrollable favourite sections on profiles",
extendedDescription: `
Work in progress. Only anime and manga so far.`,
isDefault: true,
importance: 0,
categories: ["Profiles"],
visible: true,
urlMatch: function(url,oldUrl){
return url.match(/^https:\/\/anilist\.co\/user\/(.*?)\/?$/)
},
code: function(){
let finder = function(){
const URLstuff = document.URL.match(/^https:\/\/anilist\.co\/user\/(.*?)\/?$/);
if(!URLstuff){
return
}
const favSection = document.querySelector(".favourites-wrap.anime");
if(!favSection){
setTimeout(finder,1000);
return
}
if(favSection.classList.contains("hohExtraFavs")){
if(favSection.dataset.user === decodeURIComponent(URLstuff[1])){
return
}
else{
Array.from(favSection.querySelectorAll(".hohExtraFav")).forEach(fav => fav.remove())
}
}
favSection.dataset.user = decodeURIComponent(URLstuff[1]);
if(favSection.children.length === 0){
setTimeout(finder,1000);
return
}
if(
favSection.children.length < 25 //user has all favs on profile
|| favSection.children.length > 25 //if I have messed up somehow
){
return
}
favSection.classList.add("hohExtraFavs");
generalAPIcall(//private users will not be able to use this on themselves, funnily enough.
`
query($user: String!){
User(name: $user){
favourites{
anime1:anime(page:2){
nodes{
id
coverImage{large}
startDate{year}
format
title{romaji native english}
}
}
anime2:anime(page:3){
nodes{
id
coverImage{large}
startDate{year}
format
title{romaji native english}
}
}
anime3:anime(page:4){
nodes{
id
coverImage{large}
startDate{year}
format
title{romaji native english}
}
}
}
}
}
`,//top 100 is enough in most cases
{
user: decodeURIComponent(URLstuff[1]),
},
function(data){
favSection.style.height = (favSection.clientHeight || 615) + "px";
if(!data){
return//could be a private profile
}
let findTooltip = function(){
let possibleTooltip = document.querySelector(".tooltip.visible.animate-position");
if(
!possibleTooltip
|| !possibleTooltip.querySelector(".content")
){
let candidates = Array.from(document.querySelectorAll(".tooltip.animate-position")).filter(
tooltip => tooltip.querySelector(".content") && !tooltip.innerText.match(/Manga$/)
)
if(candidates.length){
possibleTooltip = candidates[0]
}
}
return possibleTooltip
}
let elderText = null;
let elderRestorer = function(){
let possibleTooltip = findTooltip();
if(possibleTooltip){
possibleTooltip.children[0].childNodes[0].textContent = elderText.title;
possibleTooltip.children[1].childNodes[0].textContent = elderText.extra;
possibleTooltip.style.transform = elderText.position;
elderText = null;
possibleTooltip.style.pointerEvents = "none"
}
}
data.data.User.favourites.anime1.nodes.concat(
data.data.User.favourites.anime2.nodes
).concat(
data.data.User.favourites.anime3.nodes
).forEach(fav => {
let element = create("a",["favourite","media","hohExtraFav"],false,favSection,'background-image: url("' + fav.coverImage.large + '")');
element.href = "/anime/" + fav.id + "/" + safeURL(titlePicker(fav));
element.onmouseover = function(){
let possibleTooltip = findTooltip();
if(possibleTooltip){
possibleTooltip.classList.add("visible");
if(!elderText){
elderText = {
title: possibleTooltip.children[0].childNodes[0].textContent,
extra: possibleTooltip.children[1].childNodes[0].textContent,
position: possibleTooltip.style.transform
}
possibleTooltip.addEventListener("mouseenter",elderRestorer,{once: true});
possibleTooltip.style.pointerEvents = "unset"
}
possibleTooltip.children[0].childNodes[0].textContent = titlePicker(fav);
possibleTooltip.children[1].childNodes[0].textContent = [fav.startDate ? (fav.startDate.year || "") : "", distributionFormats[fav.format] || ""].join(" ")
let pos = element.getBoundingClientRect();
let pos2 = possibleTooltip.getBoundingClientRect();
let x_offset = Math.round(pos.left + window.scrollX - pos2.width/2 + pos.width/2);
let y_offset = Math.round(pos.top + window.scrollY - pos2.height - 10);
possibleTooltip.style.transform = "translate(" + x_offset + "px, " + y_offset + "px)"
}
else{
element.title = titlePicker(fav)
}
}
})
},
"hohExtraFavs" + URLstuff[1],
60*60*1000//cache for an hour
)
};finder()
let finder2 = function(){
const URLstuff = document.URL.match(/^https:\/\/anilist\.co\/user\/(.*?)\/?$/);
if(!URLstuff){
return
}
const favSection = document.querySelector(".favourites-wrap.manga");
if(!favSection){
setTimeout(finder2,1000);
return
}
if(favSection.classList.contains("hohExtraFavs")){
return
}
if(favSection.children.length === 0){
setTimeout(finder2,1000);
return
}
if(
favSection.children.length < 25 //user has all favs on profile
|| favSection.children.length > 25 //if I have messed up somehow
){
return
}
favSection.classList.add("hohExtraFavs");
generalAPIcall(
`
query($user: String!){
User(name: $user){
favourites{
manga1:manga(page:2){
nodes{
id
coverImage{large}
startDate{year}
format
title{romaji native english}
}
}
manga2:manga(page:3){
nodes{
id
coverImage{large}
startDate{year}
format
title{romaji native english}
}
}
manga3:manga(page:4){
nodes{
id
coverImage{large}
startDate{year}
format
title{romaji native english}
}
}
}
}
}
`,//top 100 is enough in most cases
{
user: decodeURIComponent(URLstuff[1]),
},
function(data){
favSection.style.height = (favSection.clientHeight || 615) + "px";
if(!data){
return//could be a private profile
}
let findTooltip = function(){
let possibleTooltip = document.querySelector(".tooltip.visible.animate-position");
if(possibleTooltip.innerText.match(/(TV|Movie)$/)){
possibleTooltip = null
}
if(
!possibleTooltip
|| !possibleTooltip.querySelector(".content")
){
let candidates = Array.from(document.querySelectorAll(".tooltip.animate-position")).filter(
tooltip => tooltip.querySelector(".content") && !tooltip.innerText.match(/(TV|Movie)$/)
)
if(candidates.length){
possibleTooltip = candidates[0]
}
}
return possibleTooltip
}
let elderText = null;
let elderRestorer = function(){
let possibleTooltip = findTooltip();
if(possibleTooltip){
possibleTooltip.children[0].childNodes[0].textContent = elderText.title;
possibleTooltip.children[1].childNodes[0].textContent = elderText.extra;
possibleTooltip.style.transform = elderText.position;
elderText = null;
possibleTooltip.style.pointerEvents = "none"
}
}
data.data.User.favourites.manga1.nodes.concat(
data.data.User.favourites.manga2.nodes
).concat(
data.data.User.favourites.manga3.nodes
).forEach(fav => {
let element = create("a",["favourite","media","hohExtraFav"],false,favSection,'background-image: url("' + fav.coverImage.large + '")');
element.href = "/manga/" + fav.id + "/" + safeURL(titlePicker(fav));
element.onmouseover = function(){
let possibleTooltip = findTooltip();
if(possibleTooltip){
possibleTooltip.classList.add("visible");
if(!elderText){
elderText = {
title: possibleTooltip.children[0].childNodes[0].textContent,
extra: possibleTooltip.children[1].childNodes[0].textContent,
position: possibleTooltip.style.transform
}
possibleTooltip.addEventListener("mouseenter",elderRestorer,{once: true});
possibleTooltip.style.pointerEvents = "unset"
}
possibleTooltip.children[0].childNodes[0].textContent = titlePicker(fav);
possibleTooltip.children[1].childNodes[0].textContent = [fav.startDate ? (fav.startDate.year || "") : "", distributionFormats[fav.format] || ""].join(" ")
let pos = element.getBoundingClientRect();
let pos2 = possibleTooltip.getBoundingClientRect();
let x_offset = Math.round(pos.left + window.scrollX - pos2.width/2 + pos.width/2);
let y_offset = Math.round(pos.top + window.scrollY - pos2.height - 10);
possibleTooltip.style.transform = "translate(" + x_offset + "px, " + y_offset + "px)"
}
else{
element.title = titlePicker(fav)
}
}
})
},
"hohExtraFavsManga" + URLstuff[1],
60*60*1000//cache for an hour
)
};finder2()
},
css: `
.hohExtraFav{
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 4px;
cursor: pointer;
display: inline-block;
height: 115px;
position: relative;
width: 85px;
margin-bottom: 20px;
margin-right: 21px;
}
.hohExtraFavs:hover{
overflow-y: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.hohExtraFavs:hover::-webkit-scrollbar{
width: 0;
height: 0;
}
`
})
//end modules/extraFavs.js
//begin modules/feedListLikes.js
exportModule({
id: "feedListLikes",
description: "Add a full list of likes to feed posts",
isDefault: true,
categories: ["Feeds"],
visible: false
})
let likeLoop = setInterval(function(){
document.querySelectorAll(
".activity-entry > .wrap > .actions .action.likes:not(.hohHandledLike)"
).forEach(thingy => {
thingy.classList.add("hohHandledLike");
thingy.onmouseover = function(){
if(!thingy.querySelector(".count")){
return
}
let likeCount = parseInt(thingy.querySelector(".count").innerText);
if(likeCount <= 5){
return
}
if(thingy.classList.contains("hohLoadedLikes")){
let dataSetCache = parseInt(thingy.dataset.cacheLikeCount);
if(isNaN(dataSetCache)){//API query already in progress
return
}
if(dataSetCache === likeCount){//nothing changed
return
//in theory, someone *could* have retracted a like, and someone else been added, but it doesn't really happen all that often.
//at least, this is better than what was previously done, namely never refetching the data at all, even if the count changed
}
}
thingy.classList.add("hohLoadedLikes");
const id = parseInt(thingy.parentNode.parentNode.querySelector(`[href^="/activity/"`).href.match(/\d+/));
generalAPIcall(`
query($id: Int){
Activity(id: $id){
... on TextActivity{
likes{name}
}
... on MessageActivity{
likes{name}
}
... on ListActivity{
likes{name}
}
}
}`,
{id: id},
data => {
thingy.title = data.data.Activity.likes.map(like => like.name).join("\n");
thingy.dataset.cacheLikeCount = data.data.Activity.likes.length
}
)
}
});
},400);
//end modules/feedListLikes.js
//begin modules/filterStaffTabs.js
exportModule({
id: "filterStaffTabs",
description: "Add filtering to media staff tabs",
isDefault: true,
categories: ["Media"],
visible: true,
urlMatch: function(url,oldUrl){
return url.match(/^https:\/\/anilist\.co\/(anime|manga)\/\d+\/.*\/staff/)
},
code: function(){
let waiter = function(tries){
if(!document.URL.match(/^https:\/\/anilist\.co\/(anime|manga)\/\d+\/.*\/staff/)){
return
}
if(tries > 10){
return
}
let mediaStaff = document.querySelector(".media-staff");
if(!mediaStaff){
setTimeout(function(){waiter(0)},250);
return
};
if(mediaStaff.children[0].children.length > 9){
let filterBoxContainer = create("div","#hohStaffTabFilter",false,mediaStaff.parentNode);
let filterRemover = create("span","#hohFilterRemover",svgAssets.cross,filterBoxContainer)
let filterBox = create("input",false,false,filterBoxContainer);
filterBox.placeholder = translate("$mediaStaff_filter");
filterBox.setAttribute("list","staffRoles");
let filterer = function(){
let val = filterBox.value;
Array.from(mediaStaff.children[0].children).forEach(card => {
if(
looseMatcher(card.querySelector(".name").innerText,val)
|| looseMatcher(card.querySelector(".role").innerText,val)
){
card.style.display = "inline-grid"
}
else{
card.style.display = "none"
}
});
if(val === ""){
filterRemover.style.display = "none"
}
else{
filterRemover.style.display = "inline"
}
}
filterRemover.onclick = function(){
filterBox.value = "";
filterer()
}
filterBox.oninput = filterer;
let dataList = create("datalist","#staffRoles",false,filterBoxContainer);
let buildStaffRoles = function(){
let autocomplete = new Set();
Array.from(mediaStaff.children[0].children).forEach(card => {
autocomplete.add(card.querySelector(".name").innerText);
autocomplete.add(card.querySelector(".role").innerText.replace(/\s*\(.*\)\.?\s*/,""));
if(card.querySelector(".role").innerText.includes("OP")){
autocomplete.add("OP")
}
if(card.querySelector(".role").innerText.includes("ED")){
autocomplete.add("ED")
}
})
removeChildren(dataList);
autocomplete.forEach(
value => create("option",false,false,dataList).value = value
)
};buildStaffRoles();
let mutationConfig = {
attributes: false,
childList: true,
subtree: false
};
let observer = new MutationObserver(function(){
filterer();
buildStaffRoles()
});
observer.observe(mediaStaff.children[0],mutationConfig)
}
else{
setTimeout(function(){waiter(++tries)},250 + tries*100)
}
};waiter(0)
}
})
//end modules/filterStaffTabs.js
//begin modules/forumLikes.js
exportModule({
id: "forumLikes",
description: "Add a full list of likes to forum threads",
isDefault: true,
categories: ["Forum"],
visible: false,
urlMatch: function(url,oldUrl){
return /^https:\/\/anilist\.co\/forum\/thread\/.*/.test(url)
},
code: function(){
let URLstuff = location.pathname.match(/^\/forum\/thread\/(\d+)/);
if(!URLstuff){
return
}
let adder = function(data){
if((!data) || (!location.pathname.includes("forum/thread/" + URLstuff[1]))){
return
}
let button = document.querySelector(".footer .actions .like-wrap .button");
if(!button){
setTimeout(function(){adder(data)},200);
return;
}
button.title = data.data.Thread.likes.map(like => like.name).join("\n");
}
generalAPIcall(`
query($id: Int){
Thread(id: $id){
likes{name}
}
}`,
{id: parseInt(URLstuff[1])},
adder
)
}
})
//end modules/forumLikes.js
//begin modules/forumRecent.js
exportModule({
id: "forumRecent",
description: "Make the 'Forum' navbar item lead directly to /forum/recent",
isDefault: false,
categories: ["Forum","Navigation","Newly Added"],
visible: true,
urlMatch: function(url,oldUrl){
return false
}
})
if(useScripts.forumRecent){
let finder = function(){
let navLinks = document.querySelector(`#nav .links .link[href="/forum/overview"]`);
if(navLinks){
navLinks.href = "/forum/recent";
navLinks.onclick = function(){
try{
document.getElementById("app").__vue__._router.push({ name: "ForumFeed", params: {type: "recent"}});
return false
}
catch(e){
let forumRecentLink = navLinks.cloneNode(true);//copying and pasting the node should remove all event references to it
navLinks.parentNode.replaceChild(forumRecentLink,navLinks);
}
}
}
else{
setTimeout(finder,1000)
}
}
finder()
}
//end modules/forumRecent.js
//begin modules/forumVisualLikes.js
exportModule({
id: "forumVisualLikes",
description: "Show more user avatars which liked a forum thread or comment",
isDefault: true,
categories: ["Forum"],
visible: false,
urlMatch: function(url,oldUrl){
return /^https:\/\/anilist\.co\/forum\/thread\/.*/.test(url)
},
code: function(){
let likeLoop = setInterval(function(){
// forum comments
document.querySelectorAll(
".forum-thread .comment .actions .like-wrap.thread_comment:not(.hohHandledLike)"
).forEach(thingy => {
thingy.classList.add("hohHandledLike");
let updateLikes = function(){
let idLink = thingy.parentNode.querySelector('.hidden[href^="/forum/thread/"]');
if(!idLink){
return
}
const id = parseInt(idLink.href.match(/\d+$/));
//wow, this API sucks!
generalAPIcall(`
query($id: Int){
ThreadComment(id:$id){
id
likes{
name
avatar{large}
}
childComments
}
}`,
{id: id},
data => {
if(!data){
return
}
//TODO: be more efficient and update other comments too
let seeker = function(comment){
if(comment.id === id){
let userList = thingy.querySelector(".users");
let waitForAnilist = function(tries){
tries--;
if(!userList.children.length && tries){
setTimeout(function(){waitForAnilist(tries)},200);
return
}
for(let i=5;i= 25 && !shortlist.data.Page.likes.map(like => like.name).includes(whoAmI)){
return
}
let [,threadId] = location.pathname.match(/^\/forum\/thread\/(\d+)/);
if(!threadId){
return
}
const id = parseInt(threadId);
generalAPIcall(`
query ($id: Int, $type: LikeableType) {
Page(perPage: 20) {
likes(likeableId: $id, type: $type) {
name
avatar {
large
}
}
}
}`,
{id, type: "THREAD"},
data => {
if(!data){
return
}
shortlist = data;
let seeker = function(comment){
let userList = thingy.querySelector(".users");
let waitForAnilist = function(tries){
tries--;
if(!userList.children.length && tries){
setTimeout(function(){waitForAnilist(tries)},200);
return
}
for(let i=userList.children.length;icomment.likes.length){
for(let i=comment.likes.length;i .content.container{
grid-template-columns: 215px auto;
}
.media-page-unscoped .sidebar > .data{
padding: 15px;
}
.media-page-unscoped .data-set,
.media-page-unscoped .data-set #hohMALserialization{
display: inline-block;
width: 100%;
padding-bottom: 9px!important;
padding-top: 4px;
}
.media-page-unscoped .data-set ~ .data-set{
border-top-style: solid;
border-top-width: 1px;
border-top-color: rgb(var(--color-background));
}
.media-page-unscoped .data-set .type{
display: inline;
}
.media-page-unscoped .data-set .value{
display: inline;
float: right;
margin-top: 2px;
}`
})
//end modules/infoTable.js
//begin modules/interestingRecs.js
exportModule({
id: "interestingRecs",
description: "Add a 'For You' filter to the recommendations page",
isDefault: true,
categories: ["Login"],
visible: true,
urlMatch: function(url,oldUrl){
return url.match(/https:\/\/anilist\.co\/recommendations/) && useScripts.accessToken
},
code: function(){
let buttonInserter = function(){
if(!document.URL.match(/https:\/\/anilist\.co\/recommendations/)){
return
}
let switchL = document.querySelector(".page-content .switch:not(.list-switch) .options");
if(switchL && document.querySelector(".recommendations-wrap")){
switchL.parentNode.classList.add("hohRecsSwitch");
let optionWrapper = create("div","option",false,switchL);
let option = create("span",false,translate("$recs_forYou"),optionWrapper);
option.title = translate("$recs_description");
let fakeContent = create("div",["recommendations-wrap","substitute"],false,false,"display:none;");
let realNode = document.querySelector(".recommendations-wrap");
realNode.parentNode.insertBefore(fakeContent,realNode);
optionWrapper.onclick = function(){
switchL.querySelector(".active").classList.remove("active");
fakeContent.style.display = "grid";
realNode.style.display = "none";
optionWrapper.classList.add("active");
if(fakeContent.childElementCount){
return
}
authAPIcall(`
query($id: Int){
Page{
mediaList(status:COMPLETED,sort:SCORE_DESC,userId:$id){
... stuff
}
}
Page2:Page(page:2){
mediaList(status:COMPLETED,sort:SCORE_DESC,userId:$id){
... stuff
}
}
}
fragment stuff on MediaList{
rawScore:score(format:POINT_100)
media{
id
siteUrl
coverImage{large color}
title{romaji native english}
recommendations(sort:RATING_DESC){
nodes{
rating
userRating
mediaRecommendation{
id
siteUrl
averageScore
coverImage{large color}
title{romaji native english}
mediaListEntry{
status
}
}
}
}
}
}
`,
{id: whoAmIid},
function(data){
let possRecs = [];
data.data.Page.mediaList.concat(data.data.Page2.mediaList).forEach(entry => {
entry.media.recommendations.nodes.forEach(node => {
possRecs.push({
first: {
id: entry.media.id,
score: entry.rawScore,
title: entry.media.title,
siteUrl: entry.media.siteUrl,
coverImage: entry.media.coverImage
},
second: {
id: node.mediaRecommendation.id,
mediaListEntry: node.mediaRecommendation.mediaListEntry,
title: node.mediaRecommendation.title,
siteUrl: node.mediaRecommendation.siteUrl,
averageScore: node.mediaRecommendation.averageScore,
coverImage: node.mediaRecommendation.coverImage
},
rating: node.rating,
userRating: node.userRating
})
})
});
possRecs.filter(
rec => ((!rec.second.mediaListEntry) || rec.second.mediaListEntry.status === "PLANNING")
&& rec.rating > 0
&& rec.userRating !== "RATE_DOWN"//don't count this recommendation if the user has actively stated it is bad
).sort(
(b,a) => (a.first.score + a.second.averageScore || 41) * (1 - 1/(a.rating + 1))
- (b.first.score + b.second.averageScore || 41) * (1 - 1/(b.rating + 1))
).forEach(rec => {
let pairCard = create("div","recommendation-pair-card",false,fakeContent);
let first = create("a","media",false,pairCard);
first.href = rec.first.siteUrl;
let firstCover = create("div","cover",false,first);
firstCover.style.backgroundColor = rec.first.coverImage.color;
firstCover.style.backgroundImage = "url(\"" + rec.first.coverImage.large + "\")";
let firstTitle = create("div","title",false,first);
let firstTitleSpan = create("span",false,titlePicker(rec.first),firstTitle);
let second = create("a","media",false,pairCard);
second.href = rec.second.siteUrl;
let secondCover = create("div","cover",false,second);
secondCover.style.backgroundColor = rec.second.coverImage.color;
secondCover.style.backgroundImage = "url(\"" + rec.second.coverImage.large + "\")";
let secondTitle = create("div","title",false,second);
let secondTitleSpan = create("span",false,titlePicker(rec.second),secondTitle);
let ratingWrap = create("div","rating-wrap",false,pairCard);
let actions = create("div","actions",false,ratingWrap);
let thumbsDownWrap = create("div",["icon","thumbs-down"],false,actions,"margin-right:10px;");
thumbsDownWrap.appendChild(svgAssets2.thumbsDown.cloneNode(true));
if(rec.userRating === "RATE_DOWN"){
thumbsDownWrap.style.color = "rgb(var(--color-red))"
}
let thumbsUpWrap = create("div",["icon","thumbs-up"],false,actions);
if(rec.userRating === "RATE_UP"){
thumbsUpWrap.style.color = "rgb(var(--color-green))"
}
thumbsUpWrap.appendChild(svgAssets2.thumbsUp.cloneNode(true));
let rating = create("div","rating",0,ratingWrap);
if(rec.rating > 0){
rating.innerText = "+" + rec.rating
}
thumbsDownWrap.onclick = function(){
if(rec.userRating === "NO_RATING" || rec.userRating === "RATE_UP"){
authAPIcall(
`mutation{SaveRecommendation(mediaId:${rec.first.id},mediaRecommendationId:${rec.second.id},rating:RATE_DOWN){id}}`,
{},
data => {
if(data.data){
thumbsDownWrap.style.color = "rgb(var(--color-red))";
if(rec.userRating = rec.userRating === "RATE_UP"){
thumbsUpWrap.style.color = "inherit";
rec.rating--;
}
rec.userRating = "RATE_DOWN";
rec.rating--;
if(rec.rating > 0){
rating.innerText = "+" + rec.rating
}
else{
rating.innerText = 0
}
}
}
)
}
else{
authAPIcall(
`mutation{SaveRecommendation(mediaId:${rec.first.id},mediaRecommendationId:${rec.second.id},rating:NO_RATING){id}}`,
{},
data => {
if(data.data){
thumbsDownWrap.style.color = "inherit";
rec.userRating = "NO_RATING";
rec.rating++;
rating.innerText = "+" + rec.rating
}
}
)
}
}
thumbsUpWrap.onclick = function(){
if(rec.userRating === "NO_RATING" || rec.userRating === "RATE_DOWN"){
authAPIcall(
`mutation{SaveRecommendation(mediaId:${rec.first.id},mediaRecommendationId:${rec.second.id},rating:RATE_UP){id}}`,
{},
data => {
if(data.data){
thumbsUpWrap.style.color = "rgb(var(--color-green))";
if(rec.userRating = rec.userRating === "RATE_UP"){
thumbsDownWrap.style.color = "inherit";
rec.rating++;
}
rec.userRating = "RATE_UP";
rec.rating++;
rating.innerText = "+" + rec.rating
}
}
)
}
else{
authAPIcall(
`mutation{SaveRecommendation(mediaId:${rec.first.id},mediaRecommendationId:${rec.second.id},rating:NO_RATING){id}}`,
{},
data => {
if(data.data){
thumbsUpWrap.style.color = "inherit";
rec.userRating = "NO_RATING";
rec.rating--;
if(rec.rating > 0){
rating.innerText = "+" + rec.rating
}
else{
rating.innerText = 0
}
}
}
)
}
}
})
}
)
};
let normal = function(event){
optionWrapper.classList.remove("active");
fakeContent.style.display = "none";
realNode.style.display = "grid";
if(event.target.classList.contains("option")){
event.target.classList.add("active")
}
else{
event.target.parentNode.classList.add("active")
}
}
switchL.children[0].addEventListener("click",normal);
switchL.children[1].addEventListener("click",normal);
switchL.children[2].addEventListener("click",normal);
}
else{
setTimeout(buttonInserter,200)
}
};buttonInserter()
}
})
//end modules/interestingRecs.js
//begin modules/keepAlive.js
exportModule({
id: "keepAlive",
description: "Keep connections alive to prevent 'Session expired' errors [EXPERIMENTAL]",
extendedDescription: `Not perfectly working yet. Info: https://github.com/hohMiyazawa/Automail/issues/65`,
isDefault: false,
importance: 0,
categories: ["Script"],
visible: true
})
new MutationObserver(function(){
let messages = Array.from(document.querySelectorAll(".el-message--error.is-closable"));
if(messages.some(message => message.textContent === "Session expired, please refresh")){
fetch("index.html").then(function(response){
return response.text()
}).then(function(html){
let token = html.match(/window\.al_token\ =\ "([a-zA-Z0-9]+)";/);
console.log("token",token);
if(!token){
return//idk, stuff changed, better do nothing
}
window.al_token = token;
//alert the other tabs so they don't have to do the same
aniCast.postMessage({type:"sessionToken",value:token});
//fetch the alert list again, they may have piled up while fetching
Array.from(document.querySelectorAll(".el-message--error.is-closable")).forEach(message => {
if(message.textContent === "Session expired, please refresh"){
message.querySelector(".el-message__closeBtn").click()
}
});
}).catch(function(){})//fail silently, trust Anilist to do the right thing by default
}
}).observe(
document.body,
{attributes: false, childList: true, subtree: false}
)
//end modules/keepAlive.js
//begin modules/mangaBrowse.js
exportModule({
id: "mangaBrowse",
description: "$mangaBrowse_description",
isDefault: false,
categories: ["Browse","Navigation"],
visible: true,
urlMatch: function(url,oldUrl){
return false
}
})
if(useScripts.mangaBrowse){
let finder = function(){
let navLinks = document.querySelector(`#nav .links .link[href="/search/anime"]`);
if(navLinks){
navLinks.href = "/search/manga";
navLinks.onclick = function(){
try{
document.getElementById('app').__vue__._router.push({ name: 'Search', params: {type:'manga'}});
return false
}
catch(e){
let mangaBrowseLink = navLinks.cloneNode(true);//copying and pasting the node should remove all event references to it
navLinks.parentNode.replaceChild(mangaBrowseLink,navLinks);
}
}
}
else{
setTimeout(finder,1000)
}
}
finder()
}
//end modules/mangaBrowse.js
//begin modules/mangaGuess.js
function mangaGuess(cleanAnime,id){
let possibleMangaGuess = document.querySelector(".data-set .value[data-media-id]");
if(possibleMangaGuess && (
cleanAnime
|| id !== parseInt(possibleMangaGuess.dataset.mediaId)
)){
removeChildren(possibleMangaGuess)
};
if(cleanAnime){
return
};
let URLstuff = location.pathname.match(/^\/manga\/(\d+)\/?(.*)?/);
if(!URLstuff){
return
};
let possibleReleaseStatus = Array.from(
document.querySelectorAll(".data-set .value")
).find(
element => element.innerText.match(/^Releasing/)
);
if(!possibleReleaseStatus){
setTimeout(mangaGuess,200);
return
}
if(
possibleReleaseStatus.dataset.mediaId === URLstuff[1]
&& possibleReleaseStatus.children.length !== 0
){
return
}
else{
removeChildren(possibleReleaseStatus)
};
possibleReleaseStatus.dataset.mediaId = URLstuff[1];
const variables = {id: parseInt(URLstuff[1]),userName: whoAmI};
let query = `
query($id: Int,$userName: String){
Page(page: 1){
activities(
mediaId: $id,
sort: ID_DESC
){
... on ListActivity{
progress
userId
}
}
}
MediaList(
userName: $userName,
mediaId: $id
){
progress
}
}`;
let possibleMyStatus = document.querySelector(".actions .list .add");
const simpleQuery = !possibleMyStatus || possibleMyStatus.innerText === "Add to List" || possibleMyStatus.innerText === "Planning";
if(simpleQuery){
query = `
query($id: Int){
Page(page: 1){
activities(
mediaId: $id,
sort: ID_DESC
){
... on ListActivity{
progress
userId
}
}
}
}`;
};
let highestChapterFinder = function(data){
if(possibleReleaseStatus.children.length !== 0){
return
}
let guesses = [];
let userIdCache = new Set();
data.data.Page.activities.forEach(activity => {
if(activity.progress){
let chapterMatch = parseInt(activity.progress.match(/\d+$/)[0]);
if(!userIdCache.has(activity.userId)){
guesses.push(chapterMatch);
userIdCache.add(activity.userId)
}
}
});
guesses.sort(VALUE_DESC);
if(guesses.length){
let bestGuess = guesses[0];
if(guesses.length > 2){
let diff = guesses[0] - guesses[1];
let inverseDiff = 1 + Math.ceil(25/(diff+1));
if(guesses.length >= inverseDiff){
if(guesses[1] === guesses[inverseDiff] || guesses[0] - guesses[1] > 500){
bestGuess = guesses[1]
}
}
};
if(commonUnfinishedManga.hasOwnProperty(variables.id)){
if(bestGuess < commonUnfinishedManga[variables.id].chapters){
bestGuess = commonUnfinishedManga[variables.id].chapters
}
};
if(simpleQuery && bestGuess){
create("span","hohGuess"," (" + bestGuess + "?)",possibleReleaseStatus)
}
else{
bestGuess = Math.max(bestGuess,data.data.MediaList.progress);
if(bestGuess){
if(bestGuess === data.data.MediaList.progress){
create("span","hohGuess"," (" + bestGuess + "?)",possibleReleaseStatus,"color:rgb(var(--color-green));")
}
else{
create("span","hohGuess"," (" + bestGuess + "?)",possibleReleaseStatus);
create("span","hohGuess"," [+" + (bestGuess - data.data.MediaList.progress) + "]",possibleReleaseStatus,"color:rgb(var(--color-red));")
}
}
};
};
};
try{
generalAPIcall(query,variables,highestChapterFinder,"hohMangaGuess" + variables.id,30*60*1000)
}
catch(e){
sessionStorage.removeItem("hohMangaGuess" + variables.id)
}
}
//end modules/mangaGuess.js
//begin modules/markdownHelp.js
exportModule({
id: "markdownHelp",
description: translate("$markdown_help_description"),
isDefault: false,
categories: ["Navigation"],
visible: true,
urlMatch: function(url,oldUrl){
return true
},
code: function(){
let markdownHelper = document.getElementById("hohMarkdownHelper");
if(markdownHelper){
return
}
markdownHelper = create("span","#hohMarkdownHelper","?",document.getElementById("app"));
markdownHelper.title = translate("$markdown_help_title");
markdownHelper.onclick = function(){
let existing = document.querySelector(".hohDisplayBox");
if(existing){
existing.remove()
}
else{
let disp = createDisplayBox("height: 600px;",translate("$markdown_help_title"));
create("h3","hohGuideHeading",translate("$markdown_help_images_header"),disp);
create("pre","hohCode","img(your link here)",disp);
create("pre","hohCode","img(https://i.stack.imgur.com/Wlvkk.jpg)",disp);
create("p",false,translate("$markdown_help_imageUpload"),disp);
create("p",false,translate("$markdown_help_imageSize"),disp);
create("pre","hohCode","img300(your link here)",disp);
create("p",false,translate("$markdown_help_infixOr"),disp);
create("pre","hohCode","img40%(your link here)",disp);
create("h3","hohGuideHeading",translate("$markdown_help_links_header"),disp);
create("pre","hohCode","[link text](URL)",disp);
create("pre","hohCode","[cool show](https://en.wikipedia.org/wiki/Urusei_Yatsura)",disp);
create("p",false,"To get a media preview card, just put the Anilist URL of the show:",disp);
create("pre","hohCode","https://anilist.co/anime/1293/Urusei-Yatsura/",disp);
create("p",false,"To make an image a link, put the image markdown inside the link markdown, with a space on both sides",disp);
create("pre","hohCode","[ img(image URL) ](link URL)",disp);
create("h3","hohGuideHeading",translate("$markdown_help_formatting_header"),disp);
create("h1",false,"headline",disp);
create("pre","hohCode","# headline",disp);
create("i",false,"italics",disp);
create("pre","hohCode","*italics* or _italics_",disp);
create("b",false,"bold",disp);
create("pre","hohCode","**bold** or __bold__",disp);
create("del",false,"strikethrough",disp);
create("pre","hohCode","~~strikethrough~~",disp);
create("span",false,"Use a backslash \\ to undo special meaning of formatting symols like * ~ # _ \\",disp);
create("pre","hohCode","Use a backslash \\\\ to undo special meaning of formatting symols like \\* \\~ \\# \\_ \\\\",disp);
create("a",["link","hohGuideHeading"],"Full guide",disp).href = "https://anilist.co/forum/thread/6125";
create("span",false," ◆ ",disp);
create("a",["link","hohGuideHeading"],"Make emojis work",disp).href = "https://files.kiniro.uk/unicodifier.html";
}
}
}
})
//end modules/markdownHelp.js
//begin modules/meanScoreBack.js
//rename?
function meanScoreBack(){
const userRegex = /^\/user\/([^\/]+)\/?$/;
let URLstuff = location.pathname.match(userRegex);
if(!URLstuff){
return
}
const query = `
query($userName: String) {
User(name: $userName){
statistics{
anime{
episodesWatched
meanScore
}
manga{
volumesRead
meanScore
}
}
}
}`;
let variables = {
userName: decodeURIComponent(URLstuff[1])
}
generalAPIcall(query,variables,function(data){
if(!data){
return;
}
let adder = function(){
if(
!userRegex.test(location.pathname)
|| location.pathname.match(userRegex)[1] !== URLstuff[1]
){
return
}
let possibleStatsWrap = document.querySelectorAll(".stats-wrap .stats-wrap");
if(possibleStatsWrap.length){
if(possibleStatsWrap.length === 2 && possibleStatsWrap[0].childElementCount === 3){
if(data.data.User.statistics.anime.meanScore){
let statAnime = create("div","stat",false,possibleStatsWrap[0]);
create("div","value",data.data.User.statistics.anime.episodesWatched,statAnime);
create("div","label",translate("$milestones_totalEpisodes"),statAnime);
let totalDays = possibleStatsWrap[0].children[1].children[0].innerText;
possibleStatsWrap[0].children[1].remove();
possibleStatsWrap[0].parentNode.querySelector(".milestone:nth-child(2)").innerText = translate("$milestones_daysWatched",totalDays);
possibleStatsWrap[0].parentNode.classList.add("hohMilestones")
};
if(data.data.User.statistics.manga.meanScore){
let statManga = create("div","stat",false,possibleStatsWrap[1]);
create("div","value",data.data.User.statistics.manga.volumesRead,statManga);
create("div","label",translate("$milestones_totalVolumes"),statManga);
let totalChapters = possibleStatsWrap[1].children[1].children[0].innerText;
possibleStatsWrap[1].children[1].remove();
possibleStatsWrap[1].parentNode.querySelector(".milestone:nth-child(2)").innerText = translate("$milestones_chaptersRead",totalChapters);
possibleStatsWrap[1].parentNode.classList.add("hohMilestones")
}
}
else if(possibleStatsWrap[0].innerText.includes("Total Manga")){
if(data.data.User.statistics.manga.meanScore){
let statManga = create("div","stat",false,possibleStatsWrap[0]);
create("div","value",data.data.User.statistics.manga.volumesRead,statManga);
create("div","label",translate("$milestones_totalVolumes"),statManga);
let totalChapters = possibleStatsWrap[0].children[1].children[0].innerText;
possibleStatsWrap[0].children[1].remove();
possibleStatsWrap[0].parentNode.querySelector(".milestone:nth-child(2)").innerText = translate("$milestones_chaptersRead",totalChapters);
possibleStatsWrap[0].parentNode.classList.add("hohMilestones")
}
}
}
else{
setTimeout(adder,200)
}
};adder();
},"hohMeanScoreBack" + variables.userName,60*1000)
}
//end modules/meanScoreBack.js
//begin modules/middleClickLinkFixer.js
function linkFixer(){
if(location.pathname !== "/home"){
return
}
let recentReviews = document.querySelector(".recent-reviews h2.section-header");
let recentThreads = document.querySelector(".recent-threads h2.section-header");
if(recentReviews && recentThreads){
recentReviews.innerText = "";
create("a",false,translate("$home_reviewLink"),recentReviews)
.href = "/reviews";
recentThreads.innerText = "";
create("a",false,translate("$home_forumLink"),recentThreads)
.href = "/forum/overview";
let sectionHeaders = document.querySelectorAll(".section-header");
Array.from(sectionHeaders).forEach(header => {
if(header.innerText.match("Trending")){
header.innerText = "";
create("a",false,translate("$home_trendingAnime"),header)
.href = "https://anilist.co/search/anime/trending";
create("a","hover-manga",translate("$home_trendingManga"),header)
.href = "https://anilist.co/search/manga/trending"
}
else if(header.innerText.match("Newly Added Anime")){
header.innerText = "";
create("a",false,translate("$home_newAnime"),header)
.href = "https://anilist.co/search/anime/new"
}
else if(header.innerText.match("Newly Added Manga")){
header.innerText = "";
create("a","hover-manga",translate("$home_newManga"),header)
.href = "https://anilist.co/search/manga/new"
}
})
}
else{
if(useScripts.additionalTranslation){
setTimeout(linkFixer,1000)
}
else{
setTimeout(linkFixer,2000)//invisible change, does not take priority
}
}
}
//end modules/middleClickLinkFixer.js
//begin modules/mobileAdjustments.js
exportModule({
id: "mobileFriendly",
description: translate("$mobileFriendly_description"),
isDefault: false,
importance: 7,
categories: ["Navigation","Script"],
visible: true
})
if(useScripts.mobileFriendly){
let addReviewLink = function(){
let footerPlace = document.querySelector(".footer .links section:last-child");
if(footerPlace){
let revLink = create("a",false,"Reviews",footerPlace,"display:block;padding:6px;");
revLink.href = "/reviews/";
}
else{
setTimeout(addReviewLink,500)
}
};addReviewLink();
}
//end modules/mobileAdjustments.js
//begin modules/mobileTags.js
exportModule({
id: "CSSmobileTags",
description: "Don't hide tags from media pages on mobile",
isDefault: true,
importance: 3,
categories: ["Media"],
visible: true,
css: `
@media(max-width: 760px){
.media .sidebar .tags{
display: inline;
}
.media .sidebar .tags .tag{
display: inline-block;
margin-right: 2px;
}
.media .sidebar .tags .tag .rank{
display: inline;
}
.media .sidebar .tags .tag .vote-dropdown .el-dropdown-link{
display: inline;
}
.media .sidebar .tags .add-icon{
opacity: 1;
}
.media-page-unscoped .review.button{
display: inline-block;
width: 48%;
}
.media-page-unscoped .sidebar + .overview{
margin-top: 20px;
}
}`
})
//end modules/mobileTags.js
//begin modules/moreImports.js
function moreImports(){
if(document.URL !== "https://anilist.co/settings/import"){
return
}
let target = document.querySelector(".content .import");
if(!target){
setTimeout(moreImports,200);
return;
};
create("hr","hohSeparator",false,target,"margin-bottom:40px;");
let apAnime = create("div",["section","hohImport"],false,target);
create("h2",false,"Anime-Planet: Import Anime List",apAnime);
let apAnimeCheckboxContainer = create("label","el-checkbox",false,apAnime);
let apAnimeOverwrite = createCheckbox(apAnimeCheckboxContainer);
create("span","el-checkbox__label","Overwrite anime already on my list",apAnimeCheckboxContainer);
let apAnimeDropzone = create("div","dropbox",false,apAnime);
let apAnimeInput = create("input","input-file",false,apAnimeDropzone);
let apAnimeDropText = create("p",false,"Drop list JSON file here or click to upload",apAnimeDropzone);
apAnimeInput.type = "file";
apAnimeInput.name = "json";
apAnimeInput.accept = "application/json";
let apManga = create("div",["section","hohImport"],false,target);
create("h2",false,"Anime-Planet: Import Manga List",apManga);
let apMangaCheckboxContainer = create("label","el-checkbox",false,apManga);
let apMangaOverwrite = createCheckbox(apMangaCheckboxContainer);
create("span","el-checkbox__label","Overwrite manga already on my list",apMangaCheckboxContainer);
let apMangaDropzone = create("div","dropbox",false,apManga);
let apMangaInput = create("input","input-file",false,apMangaDropzone);
let apMangaDropText = create("p",false,"Drop list JSON file here or click to upload",apMangaDropzone);
apMangaInput.type = "file";
apMangaInput.name = "json";
apMangaInput.accept = "application/json";
let resultsArea = create("div","importResults",false,target);
let resultsErrors = create("div",false,false,resultsArea,"color:red;padding:5px;");
let resultsWarnings = create("div",false,false,resultsArea,"color:orange;padding:5px;");
let resultsStatus = create("div",false,false,resultsArea,"padding:5px;");
let missingList = create("div",false,false,resultsArea,"padding:5px;");
let pushResults = create("button",["hohButton","button"],"Import all selected",resultsArea,"display:none;");
let resultsTable = create("div",false,false,resultsArea);
let apImport = function(type,file){
let reader = new FileReader();
reader.readAsText(file,"UTF-8");
reader.onload = function(evt){
let data;
try{
data = JSON.parse(evt.target.result)
}
catch(e){
resultsErrors.innerText = "error parsing JSON";
}
if(data.export.type !== type){
resultsErrors.innerText = "error wrong list";
return;
}
if(data.user.name.toLowerCase() !== whoAmI.toLowerCase()){
resultsWarnings.innerText = "List for \"" + data.user.name + "\" loaded, but currently signed in as \"" + whoAmI + "\". Are you sure this is right?"
}
if((new Date()) - (new Date(data.export.date)) > 1000*86400*30){
resultsWarnings.innerText += "\nThis list is " + Math.round(((new Date()) - (new Date(data.export.date)))/(1000*86400)) + " days old. Did you upload the right one?"
}
resultsStatus.innerText = "Trying to find matching media...";
let shows = [];
let drawShows = function(){
removeChildren(resultsTable);
removeChildren(missingList);
shows = shows.filter(a => {
if(a.titles.length){
return true
}
else{
create("p",false,"No matches found for " + a.apData.name,missingList);
return false
}
});
shows.sort(
(b,a) => a.titles[0].levDistance - b.titles[0].levDistance
);
shows.forEach(show => {
let row = create("div","hohImportRow",false,resultsTable);
if(show.isAnthology){
create("div","hohImportEntry",show.apData.map(a => a.name).join(", "),row)
}
else{
create("div","hohImportEntry",show.apData.name,row)
}
create("span","hohImportArrow","→",row);
let aniEntry = create("div","hohImportEntry",false,row,"margin-left:50px");
let aniLink = create("a",["link","newTab"],show.titles[0].title,aniEntry);
aniLink.href = "/" + type + "/" + show.titles[0].id;
let button = createCheckbox(row);
row.style.backgroundColor = "hsl(" + (120 - Math.min(show.titles[0].levDistance,12)*10) + ",30%,50%)";
if(show.titles[0].levDistance > 8){
button.checked = false;
show.toImport = false;
}
else{
button.checked = true;
show.toImport = true;
}
button.oninput = function(){
show.toImport = button.checked
}
})
};
const apAnthologies = {
"The Dragon Dentist": 20947,
"Hill Climb Girl": 20947,
"20min Walk From Nishi-Ogikubo Station": 20947,
"Collection of Key Animation Films": 20947,
"(Making of) Evangelion: Another Impact": 20947,
"Sex and Violence with Mach Speed": 20947,
"Memoirs of Amorous Gentlemen": 20947,
"Denkou Choujin Gridman: boys invent great hero": 20947,
"Evangelion: Another Impact": 20947,
"Bureau of Proto Society": 20947,
"Cassette Girl": 20947,
"Bubu & Bubulina": 20947,
"I can Friday by day!": 20947,
"Three Fallen Witnesses": 20947,
"Robot on the Road": 20947,
"Comedy Skit 1989": 20947,
"Power Plant No.33": 20947,
"Me! Me! Me! Chronic": 20947,
"Endless Night": 20947,
"Neon Genesis IMPACTS": 20947,
"Obake-chan": 20947,
"Hammerhead": 20947,
"Girl": 20947,
"Yamadeloid": 20947,
"Me! Me! Me!": 20947,
"Ibuseki Yoruni": 20947,
"Rapid Rouge": 20947,
"Tomorrow from there": 20947,
"The Diary of Ochibi": 20947,
"until You come to me.": 20947,
"Tsukikage no Tokio": 20947,
"Carnage": 20947,
"Iconic Field": 20947,
"The Ultraman (2015)": 20947,
"Kanoun": 20947,
"Ragnarok": 20947,
"Death Note Rewrite 1: Visions of a God": 2994,
"Death Note Rewrite 2: L's Successors": 2994
}
;
const apMappings = {
"Rebuild of Evangelion: Final": 3786,
"KonoSuba – God’s blessing on this wonderful world!! Movie: Legend of Crimson": 102976,
"Puella Magi Madoka Magica: Magica Quartet x Nisioisin": 20891,
"Kanye West: Good Morning": 8626,
"Patlabor 2: The Movie": 1096,
"She and Her Cat": 1004,
"Star Blazers: Space Battleship Yamato 2199": 12029,
"Digimon Season 3: Tamers": 874,
"The Anthem of the Heart": 20968,
"Digimon Movie 1: Digimon Adventure": 2961,
"Love, Chunibyo & Other Delusions!: Sparkling... Slapstick Noel": 16934,
"The Labyrinth of Grisaia Special": 21312,
"Candy Boy EX01": 5116,
"Candy Boy EX02": 6479,
"Attack on Titan 3rd Season": 99147,
"Attack on Titan 2nd Season": 20958,
"Nichijou - My Ordinary Life: Episode 0": 8857,
"March Comes in like a Lion 2nd Season": 98478,
"KonoSuba – God’s blessing on this wonderful world!! 2 OVA": 97996,
"KonoSuba – God’s blessing on this wonderful world!! OVA": 21574,
"Laid-Back Camp Specials": 101206,
"Spice and Wolf II OVA": 6007,
"Mob Psycho 100 Specials": 102449
}
;
let bigQuery = [];
let myFastMappings = [];
data.entries.forEach(function(entry,index){
if(entry.status === "won't watch"){
return
};
if(apAnthologies[entry.name]){
let already = myFastMappings.findIndex(function(mapping){
return mapping.id === apAnthologies[entry.name]
});
if(already !== -1){
myFastMappings[already].entries.push(entry)
}
else{
myFastMappings.push({
entries: [entry],
isAnthology: true,
id: apAnthologies[entry.name]
})
}
return;
}
if(apMappings[entry.name]){
myFastMappings.push({
entries: [entry],
id: apMappings[entry.name]
})
return;
}
bigQuery.push({
query: `query($search:String){Page(perPage:3){media(type:${type.toUpperCase()},search:$search){title{romaji english native} id synonyms}}}`,
variables: {search: entry.name},
callback: function(dat){
let show = {
apData: entry,
aniData: dat.data.Page.media
}
show.titles = [];
show.aniData.forEach(function(hit){
show.titles.push({
title: hit.title.romaji,
id: hit.id,
levDistance: Math.min(
levDist(show.apData.name,hit.title.romaji),
levDist(show.apData.name,hit.title.romaji.toUpperCase()),
levDist(show.apData.name,hit.title.romaji.toLowerCase())
)
});
if(hit.title.native){
show.titles.push({
title: hit.title.native,
id: hit.id,
levDistance: levDist(show.apData.name,hit.title.native)
});
}
if(hit.title.english){
show.titles.push({
title: hit.title.english,
id: hit.id,
levDistance: Math.min(
levDist(show.apData.name,hit.title.english),
levDist(show.apData.name,hit.title.english.toUpperCase()),
levDist(show.apData.name,hit.title.english.toLowerCase())
)
});
}
hit.synonyms.forEach(
synonym => show.titles.push({
title: synonym,
id: hit.id,
levDistance: levDist(show.apData.name,synonym)
})
)
});
show.titles.sort(
(a,b) => a.levDistance - b.levDistance
);
shows.push(show);
drawShows();
}
});
if(index % 40 === 0){
queryPacker(bigQuery);
bigQuery = [];
}
});
let apStatusMap = {
"want to read": "PLANNING",
"stalled": "PAUSED",
"read": "COMPLETED",
"reading": "CURRENT",
"watched": "COMPLETED",
"want to watch": "PLANNING",
"dropped": "DROPPED",
"watching": "CURRENT"
}
queryPacker(bigQuery,function(){
setTimeout(function(){
resultsStatus.innerText = "Please review the media matches. The worst matches are on top.";
pushResults.style.display = "inline";
pushResults.onclick = function(){
pushResults.style.display = "none";
if(!useScripts.accessToken){
alert("Not signed in with the script. Can't do any changes to your list\n Go to settings > apps to sign in");
return;
}
authAPIcall(
`query($name: String,$listType: MediaType){
Viewer{name mediaListOptions{scoreFormat}}
MediaListCollection(userName: $name, type: $listType){
lists{
entries{
mediaId
}
}
}
}`,
{
listType: type.toUpperCase(),
name: whoAmI
},
function(data){
if(data.data.Viewer.name !== whoAmI){
alert("Signed in as\"" + whoAmI + "\" to Anilist, but as \"" + data.data.Viewer.name + "\" to the script.\n Go to settings > apps, revoke Automail's permissions, and sign in with the scirpt again to fix this.");
return;
};
let list = returnList(data,true).map(a => a.mediaId);
shows = shows.filter(function(show){
if(!show.toImport){
return false;
}
if(type === "anime"){
if(!apAnimeOverwrite.checked && list.includes(show.titles[0].id)){
return false;
}
}
else{
if(!apMangaOverwrite.checked && list.includes(show.titles[0].id)){
return false;
}
}
return true;
});
if(!shows.length){
return;
};
let mutater = function(show,index){
if(index + 1 < shows.length){
setTimeout(function(){
mutater(shows[index + 1],index + 1);
},1000);
}
let status = false;
if(show.isAnthology){
status = "CURRENT";
}
else{
status = apStatusMap[show.apData.status];
}
if(!status){
console.log("Unknown status: " + show.apData.status);
return;
}
let score = 0;
if(!show.isAnthology){
score = show.apData.rating*2;
if(data.data.Viewer.mediaListOptions.scoreFormat === "POINT_100"){
score = show.apData.rating*20;
}
else if(data.data.Viewer.mediaListOptions.scoreFormat === "POINT_5"){
score = Math.floor(show.apData.rating);
if(show.apData.rating === 0.5){
score = 1
}
}
else if(data.data.Viewer.mediaListOptions.scoreFormat === "POINT_3"){
if(show.apData.rating === 0){
score = 0
}
else if(show.apData.rating < 2.5){
score = 1
}
else if(show.apData.rating < 4){
score = 2
}
else{
score = 3
}
};
};
let progress = 0;
let progressVolumes = 0;
let repeat = 0;
if(show.isAnthology){
progress = show.apData.length
}
else{
repeat = Math.max(0,show.apData.times - 1) || 0;
if(status === "DROPPED" || status === "PAUSED" || status === "CURRENT"){
if(type === "anime"){
progress = show.apData.eps
}
else{
progress = show.apData.ch
}
}
}
if(type === "manga"){
progressVolumes = show.apData.vol
}
if(progress){
authAPIcall(
`mutation(
$mediaId: Int,
$status: MediaListStatus,
$score: Float,
$progress: Int,
$progressVolumes: Int,
$repeat: Int
){
SaveMediaListEntry(
mediaId: $mediaId,
status: $status,
score: $score,
progress: $progress,
progressVolumes: $progressVolumes,
repeat: $repeat
){
id
}
}`,
{
mediaId: show.titles[0].id,
status: status,
score: score,
progress: progress,
progressVolumes: progressVolumes,
repeat: repeat
},
data => {
if(data.errors){
resultsErrors.innerText += JSON.stringify(data.errors.map(e => e.validation)) + " " + show.titles[0].title + "\n"
}
}
)
}
else{
authAPIcall(
`mutation(
$mediaId: Int,
$status: MediaListStatus,
$score: Float,
$repeat: Int
){
SaveMediaListEntry(
mediaId: $mediaId,
status: $status,
score: $score,
repeat: $repeat
){
id
}
}`,
{
mediaId: show.titles[0].id,
status: status,
score: score,
repeat: repeat
},
data => {
if(data.errors){
resultsErrors.innerText += JSON.stringify(data.errors.map(e => e.validation)) + " " + show.titles[0].title + "\n"
}
}
)
}
resultsStatus.innerText = (index + 1) + " of " + shows.length + " entries imported. Closing this tab will stop the import.";
};
mutater(shows[0],0);
})
};
},2000);
});
bigQuery = [];
myFastMappings.forEach(function(entry){
bigQuery.push({
query: `query($id:Int){Media(type:${type.toUpperCase()},id:$id){title{romaji english native} id}}`,
variables: {id: entry.id},
callback: function(dat){
if(entry.isAnthology){
let show = {
apData: entry.entries,
directMapping: true,
isAnthology: true,
aniData: dat.data.Media,
titles: [{title: dat.data.Media.title.romaji,id: entry.id,levDistance: 0}]
}
shows.push(show);
drawShows();
}
else{
let show = {
apData: entry.entries[0],
directMapping: true,
aniData: dat.data.Media,
titles: [{title: dat.data.Media.title.romaji,id: entry.id,levDistance: 0}]
}
shows.push(show);
drawShows();
}
}
})
});
queryPacker(bigQuery);
}
reader.onerror = function(evt){
resultsErrors.innerText = "error reading file"
}
}
apAnimeInput.onchange = function(){
apImport("anime",apAnimeInput.files[0])
}
apMangaInput.onchange = function(){
apImport("manga",apMangaInput.files[0])
}
create("hr","hohSeparator",false,target,"margin-bottom: 40px;");
let userNameContainer = create("div",false,false,target,"margin-bottom: 20px;");
let userNameLabel = create("span",false,"User: ",userNameContainer);
let userName = create("input","hohNativeInput",false,userNameContainer);
userName.value = whoAmI;
let alAnimeExp = create("div",["section","hohImport"],false,target);
create("h2",false,"AniList: Export Anime List",alAnimeExp);
let alAnimeButton = create("button",["button","hohButton"],"Export Anime",alAnimeExp);
alAnimeButton.onclick = function(){
generalAPIcall(
`
query($name: String!){
MediaListCollection(userName: $name, type: ANIME){
lists{
name
isCustomList
isSplitCompletedList
entries{
... mediaListEntry
}
}
}
User(name: $name){
name
id
mediaListOptions{
scoreFormat
}
}
}
fragment mediaListEntry on MediaList{
mediaId
status
progress
repeat
notes
priority
hiddenFromStatusLists
customLists
advancedScores
startedAt{
year
month
day
}
completedAt{
year
month
day
}
updatedAt
createdAt
media{
idMal
title{romaji native english}
}
score
}
`,
{name: userName.value},
function(data){
if(!data){
alert("Export failed");
return
}
data.data.version = "1.01";
data.data.scriptInfo = scriptInfo;
data.data.type = "ANIME";
data.data.url = document.URL;
data.data.timeStamp = NOW();
saveAs(data.data,"AnilistAnimeList.json");
}
);
}
create("h2",false,"AniList: Export Manga List",alAnimeExp,"margin-top:20px;");
let alMangaButton = create("button",["button","hohButton"],"Export Manga",alAnimeExp);
alMangaButton.onclick = function(){
generalAPIcall(
`
query($name: String!){
MediaListCollection(userName: $name, type: MANGA){
lists{
name
isCustomList
isSplitCompletedList
entries{
... mediaListEntry
}
}
}
User(name: $name){
name
id
mediaListOptions{
scoreFormat
}
}
}
fragment mediaListEntry on MediaList{
mediaId
status
progress
progressVolumes
repeat
notes
priority
hiddenFromStatusLists
customLists
advancedScores
startedAt{
year
month
day
}
completedAt{
year
month
day
}
updatedAt
createdAt
media{
idMal
title{romaji native english}
}
score
}
`,
{name: userName.value},
function(data){
if(!data){
alert("Export failed");
return
}
data.data.version = "1.01";
data.data.scriptInfo = scriptInfo;
data.data.type = "MANGA";
data.data.url = document.URL;
data.data.timeStamp = NOW();
saveAs(data.data,"AnilistMangaList.json");
}
);
};
let malExport = function(data,type){//maybe some time? But there's always malscraper, which does it better
let xmlContent = "";
saveAs(xmlContent,type.toLowerCase() + "list_0_-_0.xml",true);
}
let alAnime = create("div",["section","hohImport"],false,target);
create("h2",false,"Anilist JSON: Import Anime List",alAnime);
let alAnimeCheckboxContainer = create("label","el-checkbox",false,alAnime,"display:none;");
let alAnimeOverwrite = createCheckbox(alAnimeCheckboxContainer);
create("span","el-checkbox__label","Overwrite anime already on my list",alAnimeCheckboxContainer);
let alAnimeDropzone = create("div","dropbox",false,alAnime);
let alAnimeInput = create("input","input-file",false,alAnimeDropzone);
let alAnimeDropText = create("p",false,"Drop list JSON file here or click to upload",alAnimeDropzone);
alAnimeInput.type = "file";
alAnimeInput.name = "json";
alAnimeInput.accept = "application/json";
let alManga = create("div",["section","hohImport"],false,target);
create("h2",false,"Anilist JSON: Import Manga List",alManga);
let alMangaCheckboxContainer = create("label","el-checkbox",false,alManga,"display:none;");
let alMangaOverwrite = createCheckbox(alMangaCheckboxContainer);
create("span","el-checkbox__label","Overwrite manga already on my list",alMangaCheckboxContainer);
let alMangaDropzone = create("div","dropbox",false,alManga);
let alMangaInput = create("input","input-file",false,alMangaDropzone);
let alMangaDropText = create("p",false,"Drop list JSON file here or click to upload",alMangaDropzone);
alMangaInput.type = "file";
alMangaInput.name = "json";
alMangaInput.accept = "application/json";
let resultsAreaAL = create("div","importResults",false,target);
let resultsErrorsAL = create("div",false,false,resultsAreaAL,"color:red;padding:5px;");
let resultsWarningsAL = create("div",false,false,resultsAreaAL,"color:orange;padding:5px;");
let resultsStatusAL = create("div",false,false,resultsAreaAL,"padding:5px;");
let pushResultsAL = create("button",["hohButton","button"],"Import all",resultsAreaAL,"display:none;");
let resultsTableAL = create("div",false,false,resultsAreaAL);
let alImport = function(type,file){
let reader = new FileReader();
reader.readAsText(file,"UTF-8");
reader.onload = function(evt){
let data;
try{
data = JSON.parse(evt.target.result)
}
catch(e){
resultsErrorsAL.innerText = "error parsing JSON";
}
if(data.hasOwnProperty("user")){
resultsErrorsAL.innerText = "This is the Anilist JSON importer, but you uploaded a GDPR JSON file. You either uploaded the wrong file, or ment to use the importer further down the page.";
return;
}
if(parseFloat(data.version) > 1){//was not part of 1.00
if(data.type !== type.toUpperCase()){
resultsErrorsAL.innerText = "error wrong list type";
return;
}
}
//
if(data.User.name.toLowerCase() !== whoAmI.toLowerCase()){
resultsWarningsAL.innerText = "List for \"" + data.User.name + "\" loaded, but currently signed in as \"" + whoAmI + "\". Are you sure this is right?"
}
if((new Date()) - (new Date(data.timeStamp)) > 1000*86400*30){
resultsWarningsAL.innerText += "\nThis list is " + Math.round(((new Date()) - (new Date(data.timeStamp)))/(1000*86400)) + " days old. Did you upload the right one?"
}
if(!useScripts.accessToken){
resultsWarningsAL.innerText += "\nNot signed in to the script! Can't do any changes to your list then. Go to the bottom of the settings > apps page to sign in"
}
resultsStatusAL.innerText = "Calculating list differences...";
if((type === "anime" && alAnimeOverwrite.checked) || (type === "manga" && alMangaOverwrite.checked)){
alert("Haven't gotten around to support overwriting yet, sorry!")
}
else{
authAPIcall(
`query($name:String!,$listType:MediaType){
Viewer{name mediaListOptions{scoreFormat}}
MediaListCollection(userName:$name,type:$listType){
lists{
entries{mediaId}
}
}
}`,
{
name: whoAmI,
listType: type.toUpperCase()
},
data2 => {
if(!data2){
resultsErrorsAL.innerText = "Could not access the list of " + whoAmI + " do you have persmission to modify this list? (try signing in at settings > apps, scroll down to the bottom)";
return
}
if(data2.data.Viewer.name !== whoAmI){
alert("Signed in as\"" + whoAmI + "\" to Anilist, but as \"" + data2.data.Viewer.name + "\" to the script.\n Go to settings > apps, revoke Automail's permissions, and sign in with the script again to fix this.");
return
};
let existing = new Set(data2.data.MediaListCollection.lists.map(list => list.entries).flat().map(entry => entry.mediaId));
let dataList = returnList({data: data},true);
let already = dataList.filter(entry => existing.has(entry.mediaId)).length;
let notAlready = dataList.filter(entry => !existing.has(entry.mediaId));
resultsStatusAL.innerText += "\n" + already + " of " + dataList.length + " entries already on list. Not modifying";
if(notAlready.length > 0){
resultsStatusAL.innerText += "\nThe " + notAlready.length + " entries below will be added:";
pushResultsAL.style.display = "inline";
notAlready.forEach(show => {
let row = create("p",false,false,resultsTableAL);
create("a",false,show.media.title.romaji,row)
.href = "https://anilist.co/" + type + "/" + show.mediaId
});
pushResultsAL.onclick = function(){
pushResultsAL.style.display = "none";
let mutater = function(show,index){
if(index + 1 < notAlready.length){
setTimeout(function(){
mutater(notAlready[index + 1],index + 1);
},1000);
}
try{
authAPIcall(
`mutation($startedAt: FuzzyDateInput,$completedAt: FuzzyDateInput,$notes: String){
SaveMediaListEntry(
mediaId: ${show.mediaId},
status: ${show.status},
score: ${show.score},
progress: ${show.progress},
progressVolumes: ${show.progressVolumes || 0},
repeat: ${show.repeat},
priority: ${show.priority},
notes: $notes,
startedAt: $startedAt,
completedAt: $completedAt
){id}
}`,
{
startedAt: show.startedAt,
completedAt: show.completedAt,
notes: show.notes
},
data => {}
)
}
catch(e){
resultsWarningsAL.innerText += "\nAn error occured for mediaID " + show.mediaID;
}
resultsStatusAL.innerText = (index + 1) + " of " + notAlready.length + " entries imported. Closing this tab will stop the import.";
};
mutater(notAlready[0],0);
}
}
}
)
}
}
reader.onerror = function(evt){
resultsErrors.innerText = "error reading file"
}
}
alAnimeInput.onchange = function(){
pushResultsAL.style.display = "none";
removeChildren(resultsTableAL);
alImport("anime",alAnimeInput.files[0])
}
alMangaInput.onchange = function(){
pushResultsAL.style.display = "none";
removeChildren(resultsTableAL);
alImport("manga",alMangaInput.files[0])
}
create("hr","hohSeparator",false,target,"margin-bottom:40px;");
let gdpr_import = create("div",["section","hohImport"],false,target);
create("h2",false,"GDPR data: Import lists",gdpr_import);
let gdpr_importCheckboxContainer = create("label","el-checkbox",false,gdpr_import);
let gdpr_importOverwrite = createCheckbox(gdpr_importCheckboxContainer);
create("span","el-checkbox__label","Overwrite entries already on my list (only overwrite mode implemented so far)",gdpr_importCheckboxContainer);
let gdpr_importDropzone = create("div","dropbox",false,gdpr_import);
let gdpr_importInput = create("input","input-file",false,gdpr_importDropzone);
let gdpr_importDropText = create("p",false,"Drop GDPR JSON file here or click to upload",gdpr_importDropzone);
gdpr_importInput.type = "file";
gdpr_importInput.name = "json";
gdpr_importInput.accept = "application/json";
let resultsAreaGDPR = create("div","importResults",false,target);
let resultsErrorsGDPR = create("div",false,false,resultsAreaGDPR,"color:red;padding:5px;");
let resultsWarningsGDPR = create("div",false,false,resultsAreaGDPR,"color:orange;padding:5px;");
let resultsStatusGDPR = create("div",false,false,resultsAreaGDPR,"padding:5px;");
let pushResultsGDPR = create("button",["hohButton","button"],"Import all",resultsAreaGDPR,"display:none;");
let resultsTableGDPR = create("div",false,false,resultsAreaGDPR);
gdpr_importInput.onchange = function(){
let file = gdpr_importInput.files[0];
let reader = new FileReader();
reader.readAsText(file,"UTF-8");
resultsStatusGDPR.innerText = "Loading GDPR JSON file...";
reader.onload = function(evt){
resultsStatusGDPR.innerText = "";
let data;
try{
data = JSON.parse(evt.target.result)
}
catch(e){
resultsErrorsGDPR.innerText = "error parsing JSON";
return
}
if(data.hasOwnProperty("User")){
resultsErrorsAL.innerText = "This is the GDPR JSON importer, but you uploaded a Anilist JSON file. You either uploaded the wrong file, or ment to use the importer further up the page.";
return
}
if(data.user.display_name.toLowerCase() !== whoAmI.toLowerCase()){
resultsWarningsGDPR.innerText = "List for \"" + data.user.display_name + "\" loaded, but currently signed in as \"" + whoAmI + "\". Are you sure this is right?"
}
if(!useScripts.accessToken){
resultsWarningsGDPR.innerText += "\nNot signed in to the script! Can't do any changes to your lists then. Go to the bottom of the settings > apps page to sign in"
}
if(!gdpr_importOverwrite.checked){
gdpr_importOverwrite.onclick = function(){
alert("Non-overwrite mode already selected! Reload this page to start the import in another mode\n(Starting the import now WILL NOT overwrite existing list entries)")
}
resultsStatusGDPR.innerText = "Loading anime list...";
authAPIcall(
`query($name: String,$listType: MediaType){
Viewer{name mediaListOptions{scoreFormat}}
MediaListCollection(userName: $name, type: $listType){
lists{
entries{
mediaId
}
}
}
}`,
{
listType: "ANIME",
name: whoAmI
},
function(dataAnime){
resultsStatusGDPR.innerText = "";
if(!dataAnime){
resultsErrorsGDPR.innerText = "An error occured while loading your anime list";
return;
}
if(dataAnime.data.Viewer.name !== whoAmI){
alert("Signed in as\"" + whoAmI + "\" to Anilist, but as \"" + data.data.Viewer.name + "\" to the script.\n Go to settings > apps, revoke Automail's permissions, and sign in with the scirpt again to fix this.");
return;
};
let listAnime = new Set(returnList(dataAnime,true).map(a => a.mediaId));
resultsStatusGDPR.innerText = "Loading manga list...";
authAPIcall(
`query($name: String,$listType: MediaType){
Viewer{name mediaListOptions{scoreFormat}}
MediaListCollection(userName: $name, type: $listType){
lists{
entries{
mediaId
}
}
}
}`,
{
listType: "MANGA",
name: whoAmI
},
function(dataManga){
resultsStatusGDPR.innerText = "";
if(!dataManga){
resultsErrorsGDPR.innerText = "An error occured while loading your manga list";
return;
}
let listManga = new Set(returnList(dataManga,true).map(a => a.mediaId));
pushResultsGDPR.style.display = "inline";
let filtered_list = data.lists.filter(a => !(listAnime.has(a.series_id) || listManga.has(a.series_id)));
resultsTableGDPR.innerText = filtered_list.length + " list items will be imported (" + (data.lists.length - filtered_list.length) + " items already on list will not be imported).\nEstimated time to import: " + Math.ceil(filtered_list.length/60) + " minutes.\nBrowsing Anilist while the import is running is not recommended.\nClosing this tab will immediately stop the import.";
resultsTableGDPR.style.marginTop = "10px";
let mutater = function(index){
if(index + 1 < filtered_list.length){
setTimeout(function(){
mutater(index + 1);
},1000);
}
try{
let show = filtered_list[index];
authAPIcall(
`mutation($startedAt: FuzzyDateInput,$completedAt: FuzzyDateInput,$notes: String){
SaveMediaListEntry(
mediaId: ${show.series_id},
status: ${["CURRENT","PLANNING","COMPLETED","DROPPED","PAUSED","REPEATING"][show.status]},
score: ${show.score},
progress: ${show.progress},
progressVolumes: ${show.progress_volume || 0},
repeat: ${show.repeat},
priority: ${show.priority},
notes: $notes,
startedAt: $startedAt,
completedAt: $completedAt
){id}
}`,
{
startedAt: {
year: parseInt((show.started_on + "").slice(0,4)),
month: parseInt((show.started_on + "").slice(4,6)),
day: parseInt((show.started_on + "").slice(6,8))
},
completedAt: {
year: parseInt((show.finished_on + "").slice(0,4)),
month: parseInt((show.finished_on + "").slice(4,6)),
day: parseInt((show.finished_on + "").slice(6,8))
},
notes: show.notes
},
data => {
if(!data){
throw "expected API to return ID"
}
}
)
}
catch(e){
resultsWarningsGDPR.innerText += "\nAn error occured for mediaID " + filtered_list[index].series_id + ": " + e
}
resultsStatusGDPR.innerText = (index + 1) + " of " + filtered_list.length + " entries imported"
};
pushResultsGDPR.onclick = function(){
mutater(0)
}
}
)
}
)
}
else{
gdpr_importOverwrite.onclick = function(){
alert("Overwrite mode already selected! Reload this page to start the import in another mode\n(Starting the import now WILL overwrite existing list entries!!!)")
}
pushResultsGDPR.style.display = "inline";
resultsTableGDPR.innerText = data.lists.length + " list items will be imported.\nEstimated time to import: " + Math.ceil(data.lists.length/60) + " minutes.\nBrowsing Anilist while the import is running is not recommended.\nClosing this tab will immediately stop the import.";
resultsTableGDPR.style.marginTop = "10px";
let mutater = function(index){
if(index + 1 < data.lists.length){
setTimeout(function(){
mutater(index + 1);
},1000);
}
try{
let show = data.lists[index];
authAPIcall(
`mutation($startedAt: FuzzyDateInput,$completedAt: FuzzyDateInput,$notes: String){
SaveMediaListEntry(
mediaId: ${show.series_id},
status: ${["CURRENT","PLANNING","COMPLETED","DROPPED","PAUSED","REPEATING"][show.status]},
score: ${show.score},
progress: ${show.progress},
progressVolumes: ${show.progress_volume || 0},
repeat: ${show.repeat},
priority: ${show.priority},
notes: $notes,
startedAt: $startedAt,
completedAt: $completedAt
){id}
}`,
{
startedAt: {
year: parseInt((show.started_on + "").slice(0,4)),
month: parseInt((show.started_on + "").slice(4,6)),
day: parseInt((show.started_on + "").slice(6,8))
},
completedAt: {
year: parseInt((show.finished_on + "").slice(0,4)),
month: parseInt((show.finished_on + "").slice(4,6)),
day: parseInt((show.finished_on + "").slice(6,8))
},
notes: show.notes
},
data => {
if(!data){
throw "expected API to return ID"
}
}
)
}
catch(e){
resultsWarningsGDPR.innerText += "\nAn error occured for mediaID " + data.lists[index].series_id + ": " + e
}
resultsStatusGDPR.innerText = (index + 1) + " of " + data.lists.length + " entries imported"
};
pushResultsGDPR.onclick = function(){
mutater(0)
}
}
}
}
}
//end modules/moreImports.js
//begin modules/navbarDroptext.js
if(useScripts.navbarDroptext){
let addDrop = function(){
let navThingy = document.querySelector(".nav");
if(navThingy){
navThingy.ondragover = function(event){
event.preventDefault()
}
navThingy.ondrop = function(event){
event.preventDefault();
let data = event.dataTransfer.getData("text");
if(data.length && data.length < 1000){//avoid performance issues if someone accidentally drops the lord of the rings script into the navbar or something
document.querySelector(".nav .wrap .search").click();
let observer = new MutationObserver(function(){
let inputElement = document.querySelector(".nav .quick-search .input input");
inputElement.value = data;
inputElement.dispatchEvent(new Event("input"));
observer.disconnect()
});
observer.observe(document.querySelector(".nav .quick-search"),{
attributes: true,
childList: false,
subtree: false
})
}
}
}
else{
setTimeout(addDrop,500)
}
};addDrop()
}
//end modules/navbarDroptext.js
//begin modules/newChapters.js
let newChaptersInsertion = function(extraFilters){
//called from modules/drawListStuff.js
let buttonFindChapters = create("button",["hohButton","button"],translate("$button_newChapters"),extraFilters,"display:block;");
buttonFindChapters.title = "Check if there are new chapters available for things you are reading";
buttonFindChapters.onclick = function(){
const URLstuff = location.pathname.match(/^\/user\/(.+)\/(animelist|mangalist)/);
if(!URLstuff){
return
}
let scrollableContent = createDisplayBox("min-width:400px;height:500px;");
let loader = create("p",false,translate("$scanning"),scrollableContent,"cursor:wait;");
let bannedEntries = new Set();
if(useScripts.bannedUpdates){
useScripts.bannedUpdates.forEach(item => {
bannedEntries.add(item.id)
})
}
let banMode = false;
generalAPIcall(`
query($name: String!){
MediaListCollection(userName: $name, type: MANGA){
lists{
entries{
mediaId
status
media{
status
}
}
}
}
}`,
{name: decodeURIComponent(URLstuff[1])},
function(data){
if(!data){
loader.innerText = translate("$error_connection");
return
}
let list = returnList(data,true).filter(a => a.status === "CURRENT" && a.media.status === "RELEASING");
let returnedItems = 0;
let goodItems = [];
let banContainer = create("div",false,false,scrollableContent.parentNode,"position:absolute;bottom:10px;left:10px");
let banButton = create("button","hohButton","Ban items",banContainer);
let banManager = create("button","hohButton","Manage bans",banContainer);
banButton.onclick = function(){
banMode = !banMode;
if(banMode){
banButton.innerText = "Click items to ban them";
scrollableContent.classList.add("banMode")
}
else{
banButton.innerText = "Ban items";
scrollableContent.classList.remove("banMode")
}
}
banManager.onclick = function(){
let manager = createDisplayBox("min-width:400px;height:500px;top:100px;left:220px");
create("h3",false,"Banned entries:",manager);
if(!useScripts.bannedUpdates || useScripts.bannedUpdates.length == "0"){
create("p",false,"no banned items",manager);
return
}
useScripts.bannedUpdates.forEach(function(item){
let listing = create("p","hohNewChapter",false,manager);
create("a",["link","newTab"],item.title,listing)
.href = "/manga/" + item.id + "/" + safeURL(item.title) + "/";
let chapterClose = create("span","hohDisplayBoxClose",svgAssets.cross,listing);
chapterClose.onclick = function(){
listing.remove();
bannedEntries.delete(item.id);
useScripts.bannedUpdates.splice(useScripts.bannedUpdates.findIndex(a => a.id === item.id));
useScripts.save()
}
})
}
let checkListing = function(data){
returnedItems++;
if(returnedItems === list.length){
loader.innerText = "";
if(!goodItems.length){
loader.innerText = translate("$updates_noNewManga")
}
};
if(!data){
return
}
let guesses = [];
let userIdCache = new Set();
data.data.Page.activities.forEach(function(activity){
if(activity.progress){
let chapterMatch = parseInt(activity.progress.match(/\d+$/)[0]);
if(!userIdCache.has(activity.userId)){
guesses.push(chapterMatch);
userIdCache.add(activity.userId)
}
}
});
guesses.sort(VALUE_DESC);
if(guesses.length){
let bestGuess = guesses[0];
if(guesses.length > 2){
let diff = guesses[0] - guesses[1];
let inverseDiff = 1 + Math.ceil(20/(diff+1));
if(guesses.length >= inverseDiff){
if(guesses[1] === guesses[inverseDiff]){
bestGuess = guesses[1]
}
}
};
if(commonUnfinishedManga.hasOwnProperty(data.data.MediaList.media.id)){
if(bestGuess < commonUnfinishedManga[data.data.MediaList.media.id].chapters){
bestGuess = commonUnfinishedManga[data.data.MediaList.media.id].chapters
}
};
let bestDiff = bestGuess - data.data.MediaList.progress;
if(bestDiff > 0 && (bestDiff < 30 || list.length <= 30)){
goodItems.push({data:data,bestGuess:bestGuess});
removeChildren(scrollableContent)
goodItems.sort((b,a) => a.data.data.MediaList.score - b.data.data.MediaList.score);
goodItems.forEach(function(item){
let media = item.data.data.MediaList.media;
if(bannedEntries.has(media.id)){
return
}
let listing = create("p","hohNewChapter",false,scrollableContent);
let title = titlePicker(media);
let countPlace = create("span","count",false,listing,"width:110px;display:inline-block;");
let progress = create("span",false,item.data.data.MediaList.progress + " ",countPlace);
let guess = create("span",false,"+" + (item.bestGuess - item.data.data.MediaList.progress),countPlace,"color:rgb(var(--color-green));");
progress.style.cursor = "pointer";
progress.title = "Open list editor";
progress.onclick = function(){
if(banMode){
return
}
document.getElementById("app").__vue__.$store.dispatch("medialistEditor/open",media.id)
}
if(useScripts.accessToken){
guess.style.cursor = "pointer";
guess.title = "Increment progress by 1";
guess.onclick = function(){
if(banMode){
return
}
item.data.data.MediaList.progress++;
authAPIcall(
`mutation($id: Int,$progress: Int){
SaveMediaListEntry(mediaId: $id,progress: $progress){id}
}`,
{
id: media.id,
progress: item.data.data.MediaList.progress
},
function(fib){
if(!fib){
item.data.data.MediaList.progress--;
progress.innerText = item.data.data.MediaList.progress + " ";
guess.innerText = "+" + (item.bestGuess - item.data.data.MediaList.progress)
}
}
);
progress.innerText = item.data.data.MediaList.progress + " ";
if(item.bestGuess - item.data.data.MediaList.progress > 0){
guess.innerText = "+" + (item.bestGuess - item.data.data.MediaList.progress)
}
else{
guess.innerText = ""
}
}
};
create("a",["link","newTab"],title,listing)
.href = "/manga/" + media.id + "/" + safeURL(title) + "/";
let chapterClose = create("span","hohDisplayBoxClose",svgAssets.cross,listing);
chapterClose.onclick = function(){
if(banMode){
return
}
listing.remove();
bannedEntries.add(media.id)
};
listing.onclick = function(){
if(banMode){
if(bannedEntries.has(media.id)){
bannedEntries.delete(media.id);
listing.style.background = "inherit";
useScripts.bannedUpdates.splice(useScripts.bannedUpdates.findIndex(item => item.id === media.id),1)
}
else {
bannedEntries.add(media.id);
listing.style.background = "rgb(var(--color-peach))";
if(!useScripts.bannedUpdates){
useScripts.bannedUpdates = []
}
useScripts.bannedUpdates.push({
id: media.id,
title: title
})
};
useScripts.save()
}
}
})
create("p","hohNewChapter",false,scrollableContent)//spacer
}
}
};
let bigQuery = [];
let queryList = [];
list.forEach(function(entry,index){
if(!bannedEntries.has(entry.mediaId)){
bigQuery.push({
query: `
query($id: Int,$userName: String){
Page(page: 1){
activities(
mediaId: $id,
sort: ID_DESC
){
... on ListActivity{
progress
userId
}
}
}
MediaList(
userName: $userName,
mediaId: $id
){
progress
score
media{
id
title{romaji native english}
}
}
}`,
variables: {
id: entry.mediaId,
userName: decodeURIComponent(URLstuff[1])
},
callback: checkListing
})
}
if((index % 2) === 0){
queryList.push(bigQuery);
bigQuery = []
}
});
queryPacker(bigQuery);
queryList.forEach((littleBig,index) => {
setTimeout(function(){queryPacker(littleBig)},index * 100)
})
})
}
}
//end modules/newChapters.js
//begin modules/noAutoplay.js
exportModule({
id: "noAutoplay",
description: "Do not autoplay videos",
extendedDescription: `
Your browser may also provide ways to control this:
Firefox: about:config > media.autoplay has a wide range of options
Chrome: chrome://flags/#autoplay-policy
`,
isDefault: false,
categories: ["Feeds"],
visible: true
})
if(useScripts.noAutoplay){
setInterval(function(){
document.querySelectorAll("video").forEach(video => {
if(video.hasAttribute("autoplay")){
if(!(video.querySelector("source") && video.querySelector("source").src.match(/#image$/))){
video.removeAttribute("autoplay");
video.load()
}
else{
video.removeAttribute("controls")
}
}
})
},500)
}
//end modules/noAutoplay.js
//begin modules/nonJapaneseVoiceDefaults.js
exportModule({
id: "nonJapaneseVoiceDefaults",
description: "defaults to Chinese and Korean voice actors for non-Japanese shows",
isDefault: true,
categories: ["Media"],
visible: false,
urlMatch: function(url,oldUrl){
return url.match(/\/anime\/.*\/characters\/?$/)
},
code: function(){
let checker = function(){
if(!document.URL.match(/\/anime\/.*\/characters\/?$/)){
return
}
let sidebarInfo = document.querySelector(".sidebar .data-set .value");
if(!sidebarInfo){
setTimeout(checker,500);
return
}
let country = sidebarInfo.innerText.match(/Chinese|South Korean|Taiwanese/);
if(!country){
return
}
let selector = document.querySelector('.language-select input[placeholder="Language"]');
if(!selector){
setTimeout(checker,500);
return
}
//opens the dropdown, spawning the alternate options
selector.click();
let selection = function(){
if(!document.URL.match(/\/anime\/.*\/characters\/?$/)){
return
}
let dropdown = document.querySelector(".el-select-dropdown");
if(!dropdown){
setTimeout(selection,100);
return
}
let options = Array.from(dropdown.querySelectorAll(".el-select-dropdown__item span"));
if(options.length === 0){
selector.click()
}
options.forEach(option => {
if(
(option.innerText === "Chinese" && (country[0] === "Chinese" || country[0] === "Taiwanese"))
|| (option.innerText === "Korean" && country[0] === "South Korean")
){
option.click()
}
})
};selection()
};checker()
}
})
//end modules/nonJapaneseVoiceDefaults.js
//begin modules/nonJumpScroll.js
// SPDX-FileCopyrightText: 2021 Reina
// SPDX-License-Identifier: MIT
/*
Copyright (c) 2021 Reina
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice (including the next paragraph) shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
//updated code here: https://github.com/Reinachan/AniList-High-Contrast-Dark-Theme
exportModule({
id: "nonJumpScroll",
description: "Stop activity content from jumping around when using scrollbars [by Reina]",
isDefault: true,
importance: 1,
categories: ["Feeds"],
visible: true,
css: `
/* Scrollbar */
* {
scrollbar-color: rgb(var(--color-blue)) rgba(0, 0, 0, 0);
scrollbar-width: thin;
}
::-webkit-scrollbar {
width: 4px;
height: 8px;
}
::-webkit-scrollbar-button {
display: none;
}
::-webkit-scrollbar-track {
background-color: #1110;
width: 0px;
}
::-webkit-scrollbar-track-piece {
display: none;
}
::-webkit-scrollbar-thumb {
background-color: rgb(var(--color-blue));
}
.markdown::-webkit-scrollbar-thumb,
.about .content-wrap::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0);
}
.markdown:hover::-webkit-scrollbar-thumb,
.about .content-wrap:hover::-webkit-scrollbar-thumb {
background-color: rgb(var(--color-blue));
}
::-webkit-scrollbar-corner {
display: none;
}
.markdown {
overflow-y: scroll!important;
scrollbar-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.markdown:hover {
scrollbar-color: rgb(var(--color-blue)) rgba(0, 0, 0, 0);
}
.about .content-wrap .markdown {
overflow: hidden!important;
}
.about .content-wrap {
overflow-y: scroll!important;
scrollbar-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.about .content-wrap:hover {
overflow-y: scroll!important;
scrollbar-color: rgb(var(--color-blue)) rgba(0, 0, 0, 0);
}
`
})
//end modules/nonJumpScroll.js
//begin modules/noScrollPosts.js
exportModule({
id: "noScrollPosts",
description: translate("$noScrollPosts_description"),
isDefault: false,
importance: -2,
categories: ["Feeds","Newly Added"],
visible: true,
css: ".activity-text .text .markdown{max-height: unset}"
})
//end modules/noScrollPosts.js
//begin modules/notificationCake.js
function notificationCake(){
let notificationDot = document.querySelector(".notification-dot");
if(notificationDot && (!notificationDot.childElementCount)){
authAPIcall(
queryAuthNotifications,
{page:1,name:whoAmI},
function(data){
let Page = data.data.Page;
let User = data.data.User;
let types = [];
let names = [];
Page.notifications.slice(0,User.unreadNotificationCount).forEach(notification => {
if(!notification.type){//probably obsolete, remove later
notification.type = "THREAD_SUBSCRIBED"
};
if(notification.user && !useScripts.notificationColours[notification.type].supress){
if(!notification.user || useScripts.softBlock.indexOf(notification.user.name) === -1){
names.push((notification.user || {name:""}).name)
}
};
if(!useScripts.notificationColours[notification.type] || !useScripts.notificationColours[notification.type].supress){
if(!notification.user || useScripts.softBlock.indexOf(notification.user.name) === -1){
types.push(notification.type)
}
}
})
if(types.length){
let notificationCake = create("canvas","hohNotificationCake");
notificationCake.width = 120;
notificationCake.height = 120;
notificationCake.style.width = "30px";
notificationCake.style.height = "30px";
notificationDot.innerText = "";
notificationDot.style.background = "none";
notificationDot.style.width = "30px";
notificationDot.style.height = "30px";
notificationDot.style.borderRadius = "0";
notificationDot.style.left = "5px";
notificationDot.style.marginRight = "-3px";
notificationDot.appendChild(notificationCake);
let cakeCtx = notificationCake.getContext("2d");
cakeCtx.fillStyle = "red";
cakeCtx.textAlign = "center";
cakeCtx.fontWeight = "500";
cakeCtx.font = 50 + "px sans-serif";
types.forEach(function(type,i){
cakeCtx.fillStyle = (useScripts.notificationColours[type] || {"colour":"rgb(247,191,99)","supress":false}).colour;
cakeCtx.beginPath();
cakeCtx.arc(
60,60,
40,
Math.PI * (2*i/types.length - 0.5),
Math.PI * (2*(i+1)/types.length - 0.5)
);
cakeCtx.lineTo(60,60);
cakeCtx.closePath();
cakeCtx.fill()
});
cakeCtx.fillStyle = "#fff2f2";
cakeCtx.fillText(User.unreadNotificationCount,60,76);
notificationCake.innerText = types.length;
notificationCake.title = names.join("\n");
let poller = function(){
if(!document.querySelector(".hohNotificationCake")){
try{
notificationCake();
}catch(err){};
}
else{
setTimeout(poller,4000);
};
};poller();
if(!document.querySelector(".hohDismiss") && useScripts.dismissDot){
let dismisser = create("span","hohDismiss",".",notificationDot.parentNode);
dismisser.title = "Dismiss notifications";
dismisser.onclick = function(){
authAPIcall("query{Notification(resetNotificationCount:true){... on ActivityLikeNotification{id}}}",{},function(data){
dismisser.previousSibling.style.display = "none";
dismisser.style.display = "none"
})
}
}
}
else{
notificationDot.style.display = "none";
if(User.unreadNotificationCount){
authAPIcall("query{Notification(resetNotificationCount:true){... on ActivityLikeNotification{id}}}",{},function(data){})
}
}
}
)
}
}
if(useScripts.accessToken && !useScripts.mobileFriendly){
setInterval(notificationCake,4*1000)
};
//end modules/notificationCake.js
//begin modules/oldDarkTheme.js
exportModule({
id: "CSSoldDarkTheme",
description: "Use the old dark theme colours",
isDefault: false,
categories: [],
visible: true
})
//end modules/oldDarkTheme.js
//begin modules/possibleBlocked.js
function possibleBlocked(oldURL){
let URLstuff = oldURL.match(/\/user\/(.*?)\/?$/);
if(URLstuff){
let name = decodeURIComponent(URLstuff[1]);
const query = `
query($userName: String) {
User(name: $userName){
id
}
}`;
let variables = {
userName: name
}
if(name !== whoAmI){
generalAPIcall(query,variables,data => {
let notFound = document.querySelector(".not-found");
name = name.split("/")[0];
if(notFound){
if(name.includes("submissions")){
notFound.innerText = "This submission was probably denied"
}
else if(data){
notFound.innerText = translate("$404_blocked",name)
}
else if(name === "ModChan"){
notFound.innerText = "Nope."
}
else{
notFound.innerText = translate("$404_private_or_noUser",name);
generalAPIcall(
`
query($name: String){
MediaList(userName: $name,mediaId: 1){
id
}
}
`,
{name: name},
function(data,variables,errors){
if(errors){
if(errors.errors[0].message === "Private User"){
notFound.innerText = translate("$404_private",name)
}
else{
notFound.innerText = translate("$404_noUser",name)
}
}
}
)
}
notFound.style.paddingTop = "200px";
notFound.style.fontSize = "2rem"
}
})
}
return
}
URLstuff = oldURL.match(/\/(anime|manga)\/(\d+)/);
if(URLstuff){
let type = URLstuff[1];
let id = parseInt(URLstuff[2]);
const query = `
query($id: Int,$type: MediaType) {
Media(id: $id,type: $type){
genres
}
}`;
let variables = {
type: type.toUpperCase(),
id: id
}
generalAPIcall(query,variables,data => {
if(data.data.Media.genres.some(genre => genre === "Hentai")){
let notFound = document.querySelector(".not-found");
if(notFound){
if(id === 320){
notFound.innerText = `Kite isn't *really* hentai, but it kinda is too, and it's a bit complicated.
(You can enable 18+ content in settings > Anime & Manga)`
}
else{
notFound.innerText = `That's one of them hentais.
(You can enable 18+ content in settings > Anime & Manga)`
}
notFound.style.paddingTop = "200px";
notFound.style.fontSize = "2rem"
}
}
})
}
}
//end modules/possibleBlocked.js
//begin modules/profileBackground.js
function profileBackground(){
if(useScripts.SFWmode){//clearly not safe, users can upload anything
return
};
const userRegex = /^\/user\/([^\/]+)(\/.*)?$/;
let URLstuff = location.pathname.match(userRegex);
const query = `
query($userName: String) {
User(name: $userName){
about
}
}`;
let variables = {
userName: decodeURIComponent(URLstuff[1])
}
generalAPIcall(query,variables,data => {
if(!data){
return;
};
let jsonMatch = (data.data.User.about || "").match(/^\[\]\(json([A-Za-z0-9+/=]+)\)/);
if(!jsonMatch){
let target = document.querySelector(".user-page-unscoped");
if(target){
target.style.background = "unset"
}
return;
};
try{
let jsonData;
try{
jsonData = JSON.parse(atob(jsonMatch[1]))
}
catch(e){
jsonData = JSON.parse(LZString.decompressFromBase64(jsonMatch[1]))
}
let adder = function(){
if(!userRegex.test(location.pathname)){
return
};
let target = document.querySelector(".user-page-unscoped");
if(target){
target.style.background = jsonData.background || "none";
}
else{
setTimeout(adder,200);
}
};adder();
}
catch(e){
console.warn("Invalid profile JSON for " + variables.userName + ". Aborting.");
console.log(atob(jsonMatch[1]));
};
},"hohProfileBackground" + variables.userName,30*1000);
}
//end modules/profileBackground.js
//begin modules/randomButtons.js
exportModule({
id: "randomButtons",
description: "Make the headings on the site stats page lead to random entries",
isDefault: true,
categories: ["Script"],
visible: false,
urlMatch: function(url,oldUrl){
return url === "https://anilist.co/site-stats";
},
code: function(){
let list = [
{data:"users",single:"user"},
{data:"media(type: ANIME)",single:"anime"},
{data:"media(type: MANGA)",single:"manga"},
{data:"characters",single:"character"},
{data:"staff",single:"staff"},
{data:"reviews",single:"review"}
];
list.forEach(function(item,index){
let adder = function(data){
let place = document.querySelectorAll("section > .heading > h3");
if(place.length <= index){
setTimeout(function(){adder(data)},200);
return;
}
let currentText = place[index].innerText;
place[index].innerText = "";
let link = create("a","link",currentText,place[index],"cursor:pointer;");
link.title = "Click to pick one at random";
let selected = Math.floor(Math.random()*data.data.Page.pageInfo.total);
link.onclick = function(){
generalAPIcall(
`query($page:Int){
Page(page:$page){
${item.data}{id}
}
}`,
{page: Math.ceil(selected / 50)},
function(data){
window.location.href = "https://anilist.co/" + item.single + "/" + data.data.Page[item.data.replace(/\(.*\)/,"")][selected % 50].id + "/";
}
);
}
};
generalAPIcall(
`query($page:Int){
Page(page:$page){
pageInfo{total}
${item.data}{id}
}
}`,
{page: 1},
adder
)
});
let speedAdder = function(data){
if(!data){
return
}
let place = document.querySelector(".page-content .container section");
if(!place){
setTimeout(function(){speedAdder(data)},200);
return;
};
let activityContainer = create("div",false,false,place.parentNode);
create("h3","heading","Current Activity",activityContainer);
create("p",false,Math.round((3600*199/(data.data.act1.activities[0].createdAt - data.data.act2.activities[data.data.act2.activities.length - 1].createdAt))) + " activities/hour",activityContainer);
let activities = data.data.text.activities;
create("p",false,(3600*(activities.length - 1)/(activities[0].createdAt - activities[activities.length - 1].createdAt)).roundPlaces(1) + " status posts/hour",activityContainer);
activities = data.data.message.activities;
create("p",false,(3600*(activities.length - 1)/(activities[0].createdAt - activities[activities.length - 1].createdAt)).roundPlaces(1) + " messages/hour",activityContainer);
};
generalAPIcall(
`query{
act1:Page(page: 1,perPage:10){
activities(sort:ID_DESC){
... on TextActivity{createdAt}
... on MessageActivity{createdAt}
... on ListActivity{createdAt}
}
}
act2:Page(page: 20,perPage:10){
activities(sort:ID_DESC){
... on TextActivity{createdAt}
... on MessageActivity{createdAt}
... on ListActivity{createdAt}
}
}
text:Page{
activities(sort:ID_DESC,type:TEXT){
... on TextActivity{createdAt}
}
}
message:Page{
activities(sort:ID_DESC,type:MESSAGE){
... on MessageActivity{createdAt}
}
}
}`,
{},
speedAdder
)
}
})
//end modules/randomButtons.js
//begin modules/rangeSetter.js
exportModule({
id: "rangeSetter",
description: "Add a progress range setter to the list editor",
extendedDescription: `
When changing the number in the "progress" field, a button will appear.
When clicked, it sets the lower number on an activity ("user read chapter 65 - 69 of manga")
You then change the field to the higher number and click save as usual.
`,
isDefault: true,
importance: 0,
categories: ["Media","Newly Added","Lists","Login"],
visible: true,
css: `
.input-wrap .form.progress{
position: relative;
}
.hohRangeSetter{
width: 15px;
height: 15px;
position: absolute;
right: -20px;
top: 37.5px;
background: rgb(var(--color-blue));
border-radius: 2px;
cursor: pointer;
}
`
})
if(useScripts.rangeSetter && useScripts.accessToken){
setInterval(function(){
let inputPlace = document.querySelector(".input-wrap .form.progress");
if(inputPlace){
if(inputPlace.querySelector(".hohRangeSetter")){
return
}
let rangeSetter = create("div","hohRangeSetter",false,inputPlace);
rangeSetter.title = "Click to set lower part of activity range";
rangeSetter.style.display = "none";
let realInput = inputPlace.querySelector("input");
if(!realInput){
return
};
let seriesID = null;//we need to gather this quickly!
let possibleDirectMatch = document.URL.match(/\/(anime|manga)\/(\d+)/);
if(possibleDirectMatch){
seriesID = parseInt(possibleDirectMatch[2])
}
else{
let secondPosition = inputPlace.parentNode.parentNode.parentNode.querySelector(".cover img");
if(secondPosition && secondPosition.src.match(/cover\/.*\/[a-z]?[a-z]?(\d+)\-/)){
seriesID = parseInt(secondPosition.src.match(/cover\/.*\/[a-z]?[a-z]?(\d+)\-/)[1]);
}
else{//oh no! pray the query is fast enough
let title = inputPlace.parentNode.parentNode.parentNode.querySelector(".title").innerText;
generalAPIcall(
`query{Media(search:"${title}"){id}}`,{},function(data){
if(!data){
return
}
seriesID = data.data.Media.id
}
)
}
}
let changer = function(){
if(!seriesID){
return//too late!
}
if(!realInput.value){
return
}
realInput.onclick = null;
inputPlace.querySelector(".el-input-number__decrease").onclick = null;
inputPlace.querySelector(".el-input-number__increase").onclick = null;
rangeSetter.style.display = "block";
}
realInput.oninput = function(){
changer()
};
inputPlace.querySelector(".el-input-number__decrease").onclick = function(){
changer()
}
inputPlace.querySelector(".el-input-number__increase").onclick = function(){
changer()
}
rangeSetter.onclick = function(){
rangeSetter.onclick = null;
authAPIcall(
`mutation{
SaveMediaListEntry(
mediaId: ${seriesID},
progress: ${parseInt(realInput.value)}
){id}
}`,
{},
data => {
if(!data){
rangeSetter.innerText = svgAssets.cross;
rangeSetter.classList.add("spinnerError");
rangeSetter.title = "Setting activity range failed"
}
else{
rangeSetter.innerText = svgAssets.check;
rangeSetter.classList.add("spinnerDone")
}
}
);
rangeSetter.innerText = "…";
rangeSetter.style.background = "none";
rangeSetter.style.cursor = "unset"
}
}
},1000)
}
//end modules/rangeSetter.js
//begin modules/reinaDark.js
// SPDX-FileCopyrightText: 2021 Reina
// SPDX-License-Identifier: MIT
/*
Copyright (c) 2021 Reina
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice (including the next paragraph) shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
//updated code here: https://github.com/Reinachan/AniList-High-Contrast-Dark-Theme
exportModule({
id: "reinaDark",
description: "Add a High Contrast Dark site theme [by Reina]",
extendedDescription: `
More info and standalone versions: https://anilist.co/activity/136403139
Github: https://github.com/Reinachan/AniList-High-Contrast-Dark-Theme
`,
isDefault: true,
importance: 1,
categories: ["Script","Newly Added"],
visible: true,
css: `
.theme-preview.dark-contrast{
border-radius: 3px;
border: 2px solid #46546b;
cursor: pointer;
display: inline-block;
font-weight: 500;
height: 25px;
margin-right: 10px;
padding-left: 2px;
padding-top: 5px;
width: 25px;
background: rgb(14, 18, 22);
color: rgb(240, 240, 240);
}
`//not the actual theme itself, just the styling of the theme switch
})
//outside the actual module export, as we want to run this at page load
if(useScripts.reinaDark){
let darkContrastStyle = create("style");
darkContrastStyle.id = "high-contrast-dark";
darkContrastStyle.type = "text/css";
documentHead.appendChild(darkContrastStyle);
const style = `
:root {
--color-background: 14, 18, 22;
--color-blue: 120, 180, 255;
--color-shadow-blue: 0, 0, 0;
--color-foreground: 20, 25, 31;
--color-foreground-alt: 18, 23, 29;
--color-foreground-blue: 26, 33, 45;
--color-foreground-grey: 15, 22, 28;
--color-foreground-grey-dark: 6, 12, 13;
--color-background-300: 30, 42, 56;
--color-background-100: 19, 24, 32;
--color-background-200: 14, 18, 22;
--color-text: 240, 240, 240;
--color-text-light: 220, 230, 240;
--color-text-lighter: 230, 230, 240;
--color-text-bright: 255, 255, 255;
--color-blue-100: 247, 250, 252;
--color-blue-200: 236, 246, 254;
--color-blue-300: 201, 232, 255;
--color-blue-400: 143, 215, 255;
--color-blue-500: 111, 200, 255;
--color-blue-600: 61, 180, 242;
--color-blue-700: 8, 143, 214;
--color-blue-800: 12, 101, 166;
--color-blue-900: 11, 70, 113;
--color-blue-1000: 16, 61, 85;
}
#nav {
background: rgb(20, 25, 31);
color: #eaeeff!important;
}
.site-theme-dark {
--color-blue: 120, 180, 255;
--color-shadow-blue: 8, 10, 16, 0.5;
--color-foreground: 20, 25, 31;
--color-foreground-alt: 18, 23, 29;
--color-background: 14, 18, 22;
--color-foreground-blue: 26, 33, 45;
--color-foreground-grey: 15, 22, 28;
--color-foreground-grey-dark: 6, 12, 13;
--color-nav-hoh: rgb(20, 25, 31);
}
.site-theme-dark {
/* Notification Dropdown */
--color-background-300: 30, 42, 56;
--color-background-100: 19, 24, 32;
--color-background-200: 14, 18, 22;
/* Text */
--color-text: 240, 240, 240;
--color-text-light: 220, 230, 240;
--color-text-lighter: 230, 230, 240;
--color-text-bright: 255, 255, 255;
/* Blue Colours */
--color-blue-100: 247, 250, 252;
--color-blue-200: 236, 246, 254;
--color-blue-300: 201, 232, 255;
--color-blue-400: 143, 215, 255;
--color-blue-500: 111, 200, 255;
--color-blue-600: 61, 180, 242;
--color-blue-700: 8, 143, 214;
--color-blue-800: 12, 101, 166;
--color-blue-900: 11, 70, 113;
--color-blue-1000: 16, 61, 85;
}
/* Small screens adjustment */
.page-content > .container {
@media screen and (max-width: 600px) {
padding-left: 2px;
padding-right: 2px;
}
}
/* Coloured Text */
.name[data-v-5e514b1e] {
color: rgb(var(--color-blue));
}
.site-theme-dark .user-page-unscoped.pink {
--color-blue: 252, 157, 214;
}
/* Dropdown menu */
.el-dropdown-menu.el-popper.el-dropdown-menu--medium {
width: 150px;
text-align: center;
background-color: rgb(var(--color-foreground-grey-dark))!important;
box-shadow: 0 1px 10px 0 rgba(var(--color-shadow-blue));
}
.el-dropdown-menu.el-popper.el-dropdown-menu--medium .el-dropdown-menu__item:hover {
background-color: rgb(var(--color-foreground-alt))!important;
}
.el-dropdown-menu.el-popper.el-dropdown-menu--medium .el-dropdown-menu__item--divided {
border-top: 3px solid rgb(var(--color-foreground-alt));
width: 90%;
margin: auto;
}
.el-dropdown-menu.el-popper.el-dropdown-menu--medium .el-dropdown-menu__item--divided:before {
background-color: rgb(var(--color-foreground-grey-dark))!important;
}
.el-dropdown-menu.el-popper.el-dropdown-menu--medium.activity-extras-dropdown {
text-align: left;
}
/* Announcement */
.announcement {
background-color: rgb(var(--color-blue-800))!important;
}
/* Reduce transparancy of card view notes to make them less easier to miss (accessibility)*/
.medialist.cards .entry-card .notes,
.medialist.cards .entry-card .repeat{
color: rgba(var(--color-white),1);
filter: drop-shadow(0 0 3px rgba(0,0,0,.9));
}
.review .banner .date{
color: rgba(var(--color-white),.6);
}
`
if(useScripts.reinaDarkEnable){
darkContrastStyle.textContent = style
}
let adder = function(){//listen for the Site Theme changer to appear. A poller should be all that's needed
let siteThemeSwitch = document.querySelector(".footer .theme-selector");
if(!siteThemeSwitch){
setTimeout(adder,500);//pretty relaxed timer, since the footer isn't even on screen when the page loads.
}
else{
siteThemeSwitch.appendChild(document.createTextNode(" "));
Array.from(document.querySelectorAll(".el-tooltip.theme-preview")).forEach(theme => {
theme.onclick = function(){
if(useScripts.reinaDarkEnable){
useScripts.reinaDarkEnable = false;
useScripts.save();
darkContrastStyle.textContent = ""
}
}
})
let darkContrastSwitch = create("div",["el-tooltip","theme-preview","dark-contrast"],"A",siteThemeSwitch);
darkContrastSwitch.title = translate("$theme_highContrastDark");//not quite the same as the native tooltip, but that's a minor issue that can be fixed later
darkContrastSwitch.onclick = function(){
if(!useScripts.reinaDarkEnable){
document.querySelector(".el-tooltip.theme-preview.dark").click();//fallback theme
useScripts.reinaDarkEnable = true;
useScripts.save();
darkContrastStyle.textContent = style
}
}
}
};
adder()
}
//end modules/reinaDark.js
//begin modules/relations.js
exportModule({
id: "relations",
description: translate("$relations_description"),
isDefault: true,
categories: ["Profiles"],
visible: true,
urlMatch: function(url,oldUrl){
return /^https:\/\/anilist\.co\/user\/(.*)\/social/.test(url)
},
code: function(){
let their_followers = null;
let their_following = null;
let my_followers = null;
let my_following = null;
let userID = null;
let user = decodeURIComponent(document.URL.match(/^https:\/\/anilist\.co\/user\/(.*)\/social/)[1]);
generalAPIcall(
"query($name:String){User(name:$name){id}}",
{name: user},
function(data){
userID = data.data.User.id
},
"hohIDlookup" + user.toLowerCase()
);
let adder = function(){
let matching = location.pathname.match(/^\/user\/(.*)\/social/);
if(!matching){
return;
}
let target = document.querySelector(".filters .filter-group");
if(!target){
setTimeout(adder,500);
return
}
let hohDisplay = create("div",["hohSocialContent","user-follow"],false,target.parentNode.parentNode);
Array.from(target.children).forEach(child => {
child.onclick = function(){
let possibleActive = target.querySelector(".active");
if(possibleActive){
possibleActive.classList.remove("active");
}
possibleActive = target.querySelector(".active");
if(possibleActive){
possibleActive.classList.remove("active");
}
child.classList.add("active");
target.parentNode.parentNode.children[1].style.display = "block";
hohDisplay.style.display = "none";
}
})
let followingOnly = create("span",false,translate("$relations_following_only"),target);
let followingOnly_count = create("span","hohCount",false,followingOnly);
let followersOnly = create("span",false,translate("$relations_followers_only"),target);
let followersOnly_count = create("span","hohCount",false,followersOnly);
let mutuals = create("span",false,translate("$relations_mutuals"),target);
let mutuals_count = create("span","hohCount",false,mutuals);
let sharedFollowing = create("span",false,translate("$relations_shared_following"),target);
let sharedFollowing_count = create("span","hohCount",false,sharedFollowing);
let sharedFollowers = create("span",false,translate("$relations_shared_followers"),target);
let sharedFollowers_count = create("span","hohCount",false,sharedFollowers);
if(user === whoAmI){
sharedFollowing.style.display = "none";
sharedFollowers.style.display = "none";
}
let commonUI = function(){
let possibleActive = target.querySelector(".active");
if(possibleActive){
possibleActive.classList.remove("active");
}
possibleActive = target.querySelector(".active");
if(possibleActive){
possibleActive.classList.remove("active");
}
target.parentNode.parentNode.children[1].style.display = "none";
hohDisplay.style.display = ""
}
let activeModule = "";
let followingOnlyDisplay = function(){
hohDisplay.innerText = "";
let count = 0;
their_following.forEach((user,key) => {
if(!their_followers.has(key)){
count++;
if(activeModule === "followingOnly"){
let card = create("div","follow-card",false,hohDisplay);
let avatar = create("div","avatar",false,card);
avatar.style.backgroundImage = 'url("' + user.avatar.large + '")';
let name = create("a","name",user.name,avatar);
name.href = "/user/" + user.name;
}
}
})
followingOnly_count.innerText = count
}
let followersOnlyDisplay = function(){
hohDisplay.innerText = "";
let count = 0;
their_followers.forEach((user,key) => {
if(!their_following.has(key)){
count++;
if(activeModule === "followersOnly"){
let card = create("div","follow-card",false,hohDisplay);
let avatar = create("div","avatar",false,card);
avatar.style.backgroundImage = 'url("' + user.avatar.large + '")';
let name = create("a","name",user.name,avatar);
name.href = "/user/" + user.name;
}
}
})
followersOnly_count.innerText = count
}
let mutualDisplay = function(){
hohDisplay.innerText = "";
let count = 0;
their_followers.forEach((user,key) => {
if(their_following.has(key)){
count++;
if(activeModule === "mutuals"){
let card = create("div","follow-card",false,hohDisplay);
let avatar = create("div","avatar",false,card);
avatar.style.backgroundImage = 'url("' + user.avatar.large + '")';
let name = create("a","name",user.name,avatar);
name.href = "/user/" + user.name;
}
}
})
mutuals_count.innerText = count
}
let sharedFollowingDisplay = function(){
hohDisplay.innerText = "";
let count = 0;
their_following.forEach((user,key) => {
if(my_following.has(key)){
count++;
if(activeModule === "sharedFollowing"){
let card = create("div","follow-card",false,hohDisplay);
let avatar = create("div","avatar",false,card);
avatar.style.backgroundImage = 'url("' + user.avatar.large + '")';
let name = create("a","name",user.name,avatar);
name.href = "/user/" + user.name;
}
}
})
sharedFollowing_count.innerText = count
}
let sharedFollowersDisplay = function(){
hohDisplay.innerText = "";
let count = 0;
their_followers.forEach((user,key) => {
if(my_followers.has(key)){
count++;
if(activeModule === "sharedFollowers"){
let card = create("div","follow-card",false,hohDisplay);
let avatar = create("div","avatar",false,card);
avatar.style.backgroundImage = 'url("' + user.avatar.large + '")';
let name = create("a","name",user.name,avatar);
name.href = "/user/" + user.name;
}
}
})
sharedFollowers_count.innerText = count
}
let collect_theirFollowing = function(page1,page2,id,displayer){
generalAPIcall(
`query{
page1:Page(page:${page1}){
following(userId:${id}){
id name avatar{large}
}
}
page2:Page(page:${page2}){
following(userId:${id}){
id name avatar{large}
}
}
}`,
{},
function(data){
if(!data){
return;
}
data.data.page1.following.concat(data.data.page2.following).forEach(user => {
their_following.set(user.id,user)
})
displayer();
if(data.data.page2.following.length){
collect_theirFollowing(page1 + 2,page2 + 2,id,displayer)
}
}
);
}
let collect_theirFollowers = function(page1,page2,id,displayer){
generalAPIcall(
`query{
page1:Page(page:${page1}){
followers(userId:${id}){
id name avatar{large}
}
}
page2:Page(page:${page2}){
followers(userId:${id}){
id name avatar{large}
}
}
}`,
{},
function(data){
if(!data){
return;
}
data.data.page1.followers.concat(data.data.page2.followers).forEach(user => {
their_followers.set(user.id,user)
})
displayer();
if(data.data.page2.followers.length){
collect_theirFollowers(page1 + 2,page2 + 2,id,displayer)
}
}
);
}
let collect_myFollowing = function(page1,page2,id,displayer){
generalAPIcall(
`query{
page1:Page(page:${page1}){
following(userId:${id}){
id name avatar{large}
}
}
page2:Page(page:${page2}){
following(userId:${id}){
id name avatar{large}
}
}
}`,
{},
function(data){
if(!data){
return;
}
data.data.page1.following.concat(data.data.page2.following).forEach(user => {
my_following.set(user.id,user)
})
displayer();
if(data.data.page2.following.length){
collect_myFollowing(page1 + 2,page2 + 2,id,displayer)
}
}
);
}
let collect_myFollowers = function(page1,page2,id,displayer){
generalAPIcall(
`query{
page1:Page(page:${page1}){
followers(userId:${id}){
id name avatar{large}
}
}
page2:Page(page:${page2}){
followers(userId:${id}){
id name avatar{large}
}
}
}`,
{},
function(data){
if(!data){
return;
}
data.data.page1.followers.concat(data.data.page2.followers).forEach(user => {
my_followers.set(user.id,user)
})
displayer();
if(data.data.page2.followers.length){
collect_myFollowers(page1 + 2,page2 + 2,id,displayer)
}
}
);
}
followingOnly.onclick = function(){
commonUI();
activeModule = "followingOnly";
followingOnly.classList.add("active");
if(their_followers && their_following){
followingOnlyDisplay()
}
else if(their_followers && !their_following){
their_following = new Map();
collect_theirFollowing(1,2,userID,followingOnlyDisplay);
}
else if(!their_followers && their_following){
their_followers = new Map();
collect_theirFollowers(1,2,userID,followingOnlyDisplay);
}
else{
their_following = new Map();
their_followers = new Map();
collect_theirFollowing(1,2,userID,followingOnlyDisplay);
collect_theirFollowers(1,2,userID,followingOnlyDisplay);
}
}
followersOnly.onclick = function(){
commonUI();
activeModule = "followersOnly";
followersOnly.classList.add("active");
if(their_followers && their_following){
followersOnlyDisplay()
}
else if(their_followers && !their_following){
their_following = new Map();
collect_theirFollowing(1,2,userID,followersOnlyDisplay);
}
else if(!their_followers && their_following){
their_followers = new Map();
collect_theirFollowers(1,2,userID,followersOnlyDisplay);
}
else{
their_following = new Map();
their_followers = new Map();
collect_theirFollowing(1,2,userID,followersOnlyDisplay);
collect_theirFollowers(1,2,userID,followersOnlyDisplay);
}
}
mutuals.onclick = function(){
commonUI();
activeModule = "mutuals";
mutuals.classList.add("active");
if(their_followers && their_following){
mutualDisplay()
}
else if(their_followers && !their_following){
their_following = new Map();
collect_theirFollowing(1,2,userID,mutualDisplay);
}
else if(!their_followers && their_following){
their_followers = new Map();
collect_theirFollowers(1,2,userID,mutualDisplay);
}
else{
their_following = new Map();
their_followers = new Map();
collect_theirFollowing(1,2,userID,mutualDisplay);
collect_theirFollowers(1,2,userID,mutualDisplay);
}
}
sharedFollowing.onclick = function(){
commonUI();
activeModule = "sharedFollowing";
sharedFollowing.classList.add("active");
if(their_following && my_following){
sharedFollowingDisplay()
}
else if(their_following && !my_following){
my_following = new Map();
collect_myFollowing(1,2,userObject.id,sharedFollowingDisplay);
}
else if(!their_following && my_following){
their_following = new Map();
collect_theirFollowing(1,2,userID,sharedFollowingDisplay);
}
else{
my_following = new Map();
their_following = new Map();
collect_myFollowing(1,2,userObject.id,sharedFollowingDisplay);
collect_theirFollowing(1,2,userID,sharedFollowingDisplay);
}
}
sharedFollowers.onclick = function(){
commonUI();
activeModule = "sharedFollowers";
sharedFollowers.classList.add("active");
if(their_followers && my_followers){
sharedFollowersDisplay()
}
else if(their_followers && !my_followers){
my_followers = new Map();
collect_myFollowers(1,2,userObject.id,sharedFollowersDisplay);
}
else if(!their_followers && my_followers){
their_followers = new Map();
collect_theirFollowers(1,2,userID,sharedFollowersDisplay);
}
else{
my_followers = new Map();
their_followers = new Map();
collect_myFollowers(1,2,userObject.id,sharedFollowersDisplay);
collect_theirFollowers(1,2,userID,sharedFollowersDisplay);
}
}
};adder()
},
css: `
.user-social .filter-group span{
cursor: pointer;
border-radius: 3px;
color: rgb(var(--color-text-lighter));
display: block;
font-size: 1.4rem;
margin-bottom: 8px;
padding: 5px 10px;
}
.user-social .filter-group span.active{
background: rgba(var(--color-foreground),.8);
color: rgb(var(--color-text));
font-weight: 500;
}
.hohSocialContent .follow-card{
width: 80px;
position: relative;
}
.hohSocialContent .avatar{
width: 80px;
height: 80px;
background-size: cover;
background-repeat: no-repeat;
background-position: 50%;
overflow: hidden;
border-radius: 4px;
}
.hohSocialContent .avatar .name{
font-family: Overpass,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
align-items: flex-end;
background: rgba(var(--color-shadow),.6);
color: rgb(var(--color-white));
display: flex;
font-size: 1.3rem;
font-weight: 700;
height: 100%;
justify-content: center;
opacity: 0;
padding: 10px 4px;
text-align: center;
transition: opacity .3s ease-in-out;
width: 100%;
word-break: break-all;
}
.hohSocialContent .avatar .name:hover{
opacity: 1;
color: rgb(var(--color-white));
}
.hohSocialContent{
display: grid;
grid-gap: 20px;
grid-template-columns: repeat(auto-fill,80px);
grid-template-rows: repeat(auto-fill,80px);
}
`
})
//end modules/relations.js
//begin modules/replaceStaffRoles.js
exportModule({
id: "replaceStaffRoles",
description: "Hoh's version of sortable staff pages",
isDefault: !!useScripts.accessToken,
categories: ["Media","Login"],
visible: true,
urlMatch: function(url,oldUrl){
return url.match(/^https:\/\/anilist\.co\/staff\/.*/)
},
code: function(){
let selfcaller = function(){
let URLstuff = location.pathname.match(/^\/staff\/(\d+)\/?.*/);
if(!URLstuff){
return
};
let possibleGarbage = document.getElementById("hoh-media-roles");
if(possibleGarbage){
if(possibleGarbage.dataset.staffId === URLstuff[1]){
return
}
else{
possibleGarbage.remove();
let possibleFilterBar = document.querySelector(".hohFilterBar");
if(possibleFilterBar){
possibleFilterBar.remove()
}
}
};
let insertParent = document.querySelector(".media-roles");
let insertParentCharacters = document.querySelector(".character-roles");
if(!insertParent && !insertParentCharacters){
setTimeout(selfcaller ,200);
return;
};
insertParentCharacters.classList.add("hohSubstitute");
let substitution = false;
if(!insertParent){
insertParent = create("div",["media-roles","container","substitution"],false,insertParentCharacters.parentNode);
substitution = true
}
else{
insertParent.classList.add("substitution")
};
insertParent.parentNode.classList.add("substitution");
let hohCharacterRolesBox = create("div","#hoh-character-roles");
let hohCharacterRolesHeader = create("h4",false,translate("$staff_voiceRoles"),hohCharacterRolesBox);
hohCharacterRolesHeader.style.display = "none";
let hohCharacterRoles = create("div","grid-wrap",false,hohCharacterRolesBox);
hohCharacterRoles.style.margin = "10px";
let hohMediaRoles = create("div","#hoh-media-roles");
hohMediaRoles.dataset.staffId = URLstuff[1];
let hohMediaRolesAnimeHeader = create("h4",false,translate("$staff_animeRoles"),hohMediaRoles);
hohMediaRolesAnimeHeader.style.display = "none";
let hohMediaRolesAnime = create("div","grid-wrap",false,hohMediaRoles);
hohMediaRolesAnime.style.margin = "10px";
let hohMediaRolesMangaHeader = create("h4",false,translate("$staff_mangaRoles"),hohMediaRoles);
hohMediaRolesMangaHeader.style.display = "none";
let hohMediaRolesManga = create("div","grid-wrap",false,hohMediaRoles);
hohMediaRolesManga.style.margin = "10px";
//sort
let hohMediaSort = create("div",["container","hohFilterBar"]);
let sortText = create("span",false,translate("$staff_sort"),hohMediaSort);
let sortSelect = create("select",false,false,hohMediaSort);
sortSelect.style.marginLeft = "5px";
let filterSelect = create("input",false,false,hohMediaSort);
filterSelect.setAttribute("list","staffRoles");
filterSelect.placeholder = translate("$staff_filter_placeholder");
let filterExplanation = create("abbr",false,"?",hohMediaSort,"margin-left:5px;cursor:pointer;");
filterExplanation.title = translate("$staff_filterHelp");
filterExplanation.onclick = function(){
let scrollableContent = createDisplayBox("min-width:400px;width:700px;");
scrollableContent.innerText = `
Text in the field will be matched against all titles, roles, genres tags, your status, the media format and the start year. If it matches one of them, the media is displayed.
Regular expressions are permitted for titles.
If you want to limit it to just one filter type, you can do it like "genre:mecha" or "status:watching"
(status filtering only works if you have granted Automail permission to view your list data)
The start year can also be a range like "2000-2005"`
};
let dataList = create("datalist","#staffRoles",false,hohMediaSort);
let digestStats = create("span",false,false,hohMediaSort,"margin-left:100px;position:relative;");
let sortOptionAlpha = create("option",false,translate("$sort_alphabetical"),sortSelect);
sortOptionAlpha.value = "alphabetical";
let sortOptionChrono2 = create("option",false,translate("$sort_newest"),sortSelect);
sortOptionChrono2.value = "chronological2";
let sortOptionChrono = create("option",false,translate("$sort_oldest"),sortSelect);
sortOptionChrono.value = "chronological";
let sortOptionPopularity = create("option",false,translate("$sort_popularity"),sortSelect);
sortOptionPopularity.value = "popularity";
let sortOptionLength = create("option",false,translate("$sort_length"),sortSelect);
sortOptionLength.value = "length";
let sortOptionScore = create("option",false,translate("$sort_score"),sortSelect);
sortOptionScore.value = "score";
if(useScripts.accessToken){
create("option",false,translate("$sort_myScore"),sortSelect)
.value = "myScore"
create("option",false,translate("$sort_myProgress"),sortSelect)
.value = "myProgress"
}
let autocomplete = new Set();
sortSelect.value = useScripts.staffRoleOrder;
hohMediaSort.style.marginBottom = "10px";
hohMediaSort.style.marginTop = "3px";
//end sort
let initPerformed = false;
let UIinit = function(){
initPerformed = true;
insertParent.parentNode.insertBefore(hohMediaSort,insertParentCharacters);
insertParent.insertBefore(hohMediaRoles,insertParent.children[0]);
insertParentCharacters.insertBefore(hohCharacterRolesBox,insertParentCharacters.children[0]);
if(document.querySelector(".filters.container")){
document.querySelector(".filters.container").remove()
}
};
let animeRolesList = [];
let mangaRolesList = [];
let voiceRolesList = [];
const animeValueFunction = function(anime){
if(!anime.myStatus){
return -1
}
let entryDuration = (anime.duration || 1)*(anime.myStatus.progress || 0);//current round
if(useScripts.noRewatches && anime.myStatus.repeat){
entryDuration = Math.max(
1,
anime.episodes || 0,
anime.myStatus.progress || 0
) * (anime.duration || 1);//first round
}
else{
entryDuration += (anime.myStatus.repeat || 0) * Math.max(
1,
anime.episodes || 0,
anime.myStatus.progress || 0
) * (anime.duration || 1);//repeats
}
if(anime.listJSON && anime.listJSON.adjustValue){
entryDuration = Math.max(0,entryDuration + anime.listJSON.adjustValue*(anime.duration || 1))
}
return entryDuration
}
const mangaValueFunction = function(manga){
if(!manga.myStatus){
return {
chapters: 0,
volumes: 0
}
}
let chaptersRead = 0;
let volumesRead = 0;
if(manga.myStatus.status === "COMPLETED"){//if it's completed, we can make some safe assumptions
chaptersRead = Math.max(//chapter progress on the current read
manga.chapters,//in most cases, it has a chapter count
manga.volumes,//if not, there's at least 1 chapter per volume
manga.myStatus.progress,//if it doesn't have a volume count either, the current progress is probably not out of date
manga.myStatus.progressVolumes,//if it doesn't have a chapter progress, count at least 1 chapter per volume
1//finally, an entry has at least 1 chapter
);
volumesRead += Math.max(
manga.myStatus.progressVolumes,
manga.volumes
)
}
else{//we may only assume what's on the user's list.
chaptersRead += Math.max(
manga.myStatus.progress,
manga.myStatus.progressVolumes
);
volumesRead += manga.myStatus.progressVolumes;
};
if(useScripts.noRewatches && (manga.myStatus.repeat || 0)){//if they have a reread, they have at least completed it
chaptersRead = Math.max(//first round
manga.chapters,
manga.volumes,
manga.myStatus.progress,
manga.myStatus.progressVolumes,
1
);
volumesRead = Math.max(
manga.volumes,
manga.myStatus.progressVolumes
)
}
else{
chaptersRead += (manga.myStatus.repeat || 0) * Math.max(//chapters from rereads
manga.chapters,
manga.volumes,
manga.myStatus.progress,
manga.myStatus.progressVolumes,
1
);
volumesRead += (manga.myStatus.repeat || 0) * Math.max(
manga.volumes,
manga.myStatus.progressVolumes
)
};
if(manga.listJSON && manga.listJSON.adjustValue){
chaptersRead = Math.max(0,chaptersRead + manga.listJSON.adjustValue)
}
return {
chapters: chaptersRead,
volumes: volumesRead
}
}
let listRenderer = function(){
if(!initPerformed){
UIinit()
};
useScripts.staffRoleOrder = sortSelect.value;
useScripts.save();
if(sortSelect.value === "alphabetical"){
animeRolesList.sort(ALPHABETICAL(a => a.title));
mangaRolesList.sort(ALPHABETICAL(a => a.title));
voiceRolesList.sort(ALPHABETICAL(a => a.title))
}
else if(sortSelect.value === "chronological"){
const yearSorter = (a,b) => {
let aTime = a.startDate;
let bTime = b.startDate;
if(!aTime.year){
aTime = a.endDate
}
if(!bTime.year){
bTime = b.endDate
}
if(!aTime.year){
if(!bTime.year){
if(b.status === "NOT_YET_RELEASED" && a.status === "NOT_YET_RELEASED"){
return 0
}
else if(a.status === "NOT_YET_RELEASED"){
return -1
}
}
return 1;
}
else if(!bTime.year){
return -1
}
return aTime.year - bTime.year
|| aTime.month - bTime.month
|| aTime.day - bTime.day
|| a.endDate.year - b.endDate.year
|| a.endDate.month - b.endDate.month
|| a.endDate.day - b.endDate.day
|| 0
};
animeRolesList.sort(yearSorter);
mangaRolesList.sort(yearSorter);
voiceRolesList.sort(yearSorter)
}
else if(sortSelect.value === "chronological2"){
const yearSorter = (a,b) => {
let aTime = a.startDate;
let bTime = b.startDate;
if(!aTime.year){
aTime = a.endDate
}
if(!bTime.year){
bTime = b.endDate
}
if(!aTime.year){
if(!bTime.year){
if(b.status === "NOT_YET_RELEASED" && a.status === "NOT_YET_RELEASED"){
return 0
}
else if(a.status === "NOT_YET_RELEASED"){
return -1
}
}
return 1;
}
else if(!bTime.year){
return -1
}
return bTime.year - aTime.year
|| bTime.month - aTime.month
|| bTime.day - aTime.day
|| b.endDate.year - a.endDate.year
|| b.endDate.month - a.endDate.month
|| b.endDate.day - a.endDate.day
|| 0
};
animeRolesList.sort(yearSorter);
mangaRolesList.sort(yearSorter);
voiceRolesList.sort(yearSorter)
}
else if(sortSelect.value === "popularity"){
const popSorter = (b,a) => a.popularity - b.popularity || a.score - b.score;
animeRolesList.sort(popSorter);
mangaRolesList.sort(popSorter);
voiceRolesList.sort(popSorter)
}
else if(sortSelect.value === "score"){
const scoreSorter = (b,a) => a.score - b.score || a.popularity - b.popularity;
animeRolesList.sort(scoreSorter);
mangaRolesList.sort(scoreSorter);
voiceRolesList.sort(scoreSorter)
}
else if(sortSelect.value === "length"){
animeRolesList.sort(
(b,a) => a.episodes - b.episodes || a.duration - b.duration || b.title.localeCompare(a.title)
);
voiceRolesList.sort(
(b,a) => a.episodes - b.episodes || a.duration - b.duration || b.title.localeCompare(a.title)
);
mangaRolesList.sort(
(b,a) => a.chapters - b.chapters || a.volumes - b.volumes || b.title.localeCompare(a.title)
)
}
else if(sortSelect.value === "myScore"){
let scoreSorter = function(b,a){
let scoreTier = (a.myStatus ? a.myStatus.scoreRaw : 0) - (b.myStatus ? b.myStatus.scoreRaw : 0);
if(scoreTier !== 0){
return scoreTier
}
let progressTier = (a.myStatus ? a.myStatus.progress : -1) - (b.myStatus ? b.myStatus.progress : -1);
if(progressTier !== 0){
return progressTier
}
return a.popularity - b.popularity
}
animeRolesList.sort(scoreSorter);
mangaRolesList.sort(scoreSorter);
voiceRolesList.sort(scoreSorter);
}
else if(sortSelect.value === "myProgress"){
const animeSorter = (b,a) => animeValueFunction(a) - animeValueFunction(b) || b.title.localeCompare(a.title);
const mangaSorter = (b,a) => {
const aval = mangaValueFunction(a);
const bval = mangaValueFunction(b);
return aval.chapters - bval.chapters || aval.volumes - bval.volumes || b.title.localeCompare(a.title)
}
animeRolesList.sort(animeSorter);
voiceRolesList.sort(animeSorter);
mangaRolesList.sort(mangaSorter);
}
hohMediaRolesAnimeHeader.style.display = "none";
hohMediaRolesMangaHeader.style.display = "none";
hohCharacterRolesHeader.style.display = "none";
if(animeRolesList.length){
hohMediaRolesAnimeHeader.style.display = "inline-block";
hohMediaRolesAnimeHeader.style.marginBottom = 0;
}
if(mangaRolesList.length){
hohMediaRolesMangaHeader.style.display = "inline-block";
hohMediaRolesMangaHeader.style.marginBottom = 0;
}
if(voiceRolesList.length){
hohCharacterRolesHeader.style.display = "inline-block";
hohCharacterRolesHeader.style.marginBottom = 0;
}
let createRoleCard = function(media,type){
let roleCard = create("div",["role-card","view-media"]);
roleCard.style.position = "relative";
let mediaA = create("div","media",false,roleCard);
let cover = create("a","cover",false,mediaA);
cover.href = "/" + type + "/" + media.id + "/" + safeURL(media.title);
cover.style.backgroundImage = "url(" + media.image + ")";
let content = create("a","content",false,mediaA);
content.href = "/" + type + "/" + media.id + "/" + safeURL(media.title);
let name = create("div","name",media.title,content);
//default value of a credit not listed here is 0. Positive values are more important, negative less important
let roleValues = {
"Director": 2,
"Creator": 1.91,
"Original Creator": 1.9,//important that this is early
"Script": 1.8,
"Storyboard": 1.75,
"Art Director": 1.7,//personal bias :)
"Character Design": 1.65,
"Animation Director": 1.6,
"Sound Director": 1.5,
"Assistant Director": 1,
"Episode Director": 1,
"Main Animator": 0.1,
"Key Animation": 0,
"Animation": -0.1,
"2nd Key Animation": -0.5,
"In-Between Animation": -1
}
media.role.sort((b,a) => {
let amatch = roleValues[a.match(/^(.*?)(\s*\(.*\))?$/)[1]] || 0;
let bmatch = roleValues[b.match(/^(.*?)(\s*\(.*\))?$/)[1]] || 0;
return amatch - bmatch
})
let role = create("div","role",media.role.map(word => {
let parts = word.trim().match(/^(.*?)(\s+\(.*\))?$/);
let t_role = translate("$role_" + parts[1]);
if(t_role.substring(0,6) === "$role_"){
return word
}
return t_role + (parts[2] || "")
}).join(", "),content);
role.title = media.role.join("\n");
if(sortSelect.value === "popularity"){
create("span","hohStaffPageData",media.popularity,content).title = "Popularity"
}
else if(sortSelect.value === "score"){
create("span","hohStaffPageData",media.score || "",content).title = "Score"
}
else if(sortSelect.value === "length"){
create("span","hohStaffPageData",media.episodes || media.chapers || media.volumes || "",content).title = "Length"
}
else if(sortSelect.value === "myProgress"){
let staffPageData = create("span","hohStaffPageData",false,content)
staffPageData.title = "Progress";
if(type === "manga"){
staffPageData.innerText = mangaValueFunction(media).chapters || ""
}
else{
let animeVal = animeValueFunction(media);
if(animeVal > 0){
staffPageData.innerText = (animeVal/60).roundPlaces(1) + "h";
}
}
}
else if(sortSelect.value === "myScore"){
create("span","hohStaffPageData",(media.myStatus ? media.myStatus.scoreRaw : null) || "",content).title = "My Score"
}
if(media.myStatus){
let statusDot = create("div",["hohStatusDot","hohStatusDotRight"],false,roleCard);
statusDot.style.background = distributionColours[media.myStatus.status];
statusDot.title = media.myStatus.status.toLowerCase();
if(media.myStatus.status === "CURRENT"){
statusDot.title += " (" + media.myStatus.progress + ")"
}
};
return roleCard;
};
let sumDuration = 0;
let sumChapters = 0;
let sumVolumes = 0;
let sumScoresAnime = 0;
let sumScoresManga = 0;
let amountAnime = 0;
let amountManga = 0;
let animeCurrentFlag = false;
let mangaCurrentFlag = false;
let distribution = {};
let alreadyCounted = new Set();
Object.keys(distributionColours).forEach(
status => distribution[status] = 0
);
removeChildren(hohCharacterRoles)
Array.from(insertParentCharacters.children).forEach(child => {
if(child.id !== "hoh-character-roles"){
child.style.display = "none";
}
})
Array.from(insertParent.children).forEach(child => {
if(child.id !== "hoh-media-roles"){
child.style.display = "none"
}
})
const mediaMatcher = {
"title-romaji": (query,media) => media.titleRomaji && (
media.titleRomaji.toLowerCase().match(query.toLowerCase())
|| media.titleRomaji.toLowerCase().includes(query.toLowerCase())
),
"title-english": (query,media) => media.titleEnglish && (
media.titleEnglish.toLowerCase().match(query.toLowerCase())
|| media.titleEnglish.toLowerCase().includes(query.toLowerCase())
),
"title-native": (query,media) => media.titleNative && (
media.titleNative.toLowerCase().match(query.toLowerCase())
|| media.titleNative.toLowerCase().includes(query.toLowerCase())
),
"format": (query,media) => (media.format || "").replace("_","").toLowerCase().match(
query.toLowerCase().replace(/\s|-|_/,"")
),
"status": (query,media) => media.myStatus && (
media.myStatus.status.toLowerCase() === query.toLowerCase()
|| media.myStatus.status === "CURRENT" && ["reading","watching"].includes(query.toLowerCase())
|| media.myStatus.status === "PLANNING" && ["plan to watch","plan to read","planning"].includes(query.toLowerCase())
),
"year": (query,media) => {
const rangeMatch = query.trim().match(/^(\d\d\d\d)\s?\-\s?(\d\d\d\d)$/);
return parseInt(query) === (media.startDate.year || media.endDate.year)
|| rangeMatch && parseInt(rangeMatch[1]) <= media.startDate.year && parseInt(rangeMatch[2]) >= media.startDate.year
|| rangeMatch && parseInt(rangeMatch[2]) <= media.startDate.year && parseInt(rangeMatch[1]) >= media.startDate.year
},
"genre": (query,media) => media.genres.some(
genre => genre === query.toLowerCase()
),
"tag": (query,media) => media.tags.some(
tag => tag === query.toLowerCase()
),
"role": (query,media) => media.role.some(
role => {
let parts = role.trim().match(/^(.*?)(\s+\(.*\))?$/);
let t_role = translate("$role_" + parts[1]);
if(t_role.substring(0,6) !== "$role_" && t_role.toLowerCase().match(query.toLowerCase())){
return true
}
return role.toLowerCase().match(query.toLowerCase())
}
),
"title": (query,media) => mediaMatcher["title-romaji"](query,media)
|| mediaMatcher["title-english"](query,media)
|| mediaMatcher["title-native"](query,media)
}
let voiceYear = 0;
if(sortSelect.value === "chronological2"){
voiceYear = 3000//Y3k, here we goooo
}
voiceRolesList.forEach(anime => {
let foundRole = filterSelect.value === "";
if(!foundRole){
let specificMatch = filterSelect.value.toLowerCase().match(/^\s*(.*?)\s*:\s*(.*)/);
if(specificMatch && Object.keys(mediaMatcher).includes(specificMatch[1])){
foundRole = mediaMatcher[specificMatch[1]](specificMatch[2],anime)
}
else{
foundRole = Object.keys(mediaMatcher).some(
key => mediaMatcher[key](filterSelect.value,anime)
)
|| looseMatcher(anime.character.name,filterSelect.value)
}
}
if(foundRole){
if(sortSelect.value === "chronological"){
if((anime.startDate.year || anime.endDate.year) > voiceYear){
voiceYear = anime.startDate.year || anime.endDate.year;
create("h3","hohYearHeading",voiceYear,hohCharacterRoles)
}
else if(!(anime.startDate.year || anime.endDate.year) && voiceYear > 0){
animeYear = 0;
create("h3","hohYearHeading","No date",hohCharacterRoles)
}
}
else if(sortSelect.value === "chronological2"){
if((anime.startDate.year || anime.endDate.year) < voiceYear){
voiceYear = anime.startDate.year || anime.endDate.year;
create("h3","hohYearHeading",voiceYear,hohCharacterRoles)
}
else if(!(anime.startDate.year || anime.endDate.year) && voiceYear > 0){
animeYear = 0;
create("h3","hohYearHeading","No date",hohCharacterRoles)
}
}
let roleCard = createRoleCard(anime,"anime");
roleCard.classList.add("view-media-character");
roleCard.classList.remove("view-media");
let character = create("div","character",false,false,"grid-area: character;grid-template-columns: auto 60px;grid-template-areas: 'content image'");
let cover = create("a","cover",false,character);
cover.href = "/character/" + anime.character.id + "/" + safeURL(anime.character.name);
cover.style.backgroundImage = "url(" + anime.character.image + ")";
let content = create("a","content",false,character,"text-align: right;");
content.href = "/character/" + anime.character.id + "/" + safeURL(anime.character.name);
let name = create("a","name",anime.character.name,content);
roleCard.insertBefore(character,roleCard.children[0]);
hohCharacterRoles.appendChild(roleCard);
if(anime.myStatus && !alreadyCounted.has(anime.id)){
distribution[anime.myStatus.status]++;
if(anime.myStatus.status === "CURRENT"){
animeCurrentFlag = true
}
sumDuration += Math.max(animeValueFunction(anime),0);
if(anime.myStatus.scoreRaw){
sumScoresAnime += anime.myStatus.scoreRaw;
amountAnime++;
}
alreadyCounted.add(anime.id)
}
}
});
removeChildren(hohMediaRolesAnime)
let animeYear = 0;
if(sortSelect.value === "chronological2"){
animeYear = 3000
}
animeRolesList.forEach(anime => {
let foundRole = filterSelect.value === "";
if(!foundRole){
let specificMatch = filterSelect.value.toLowerCase().match(/^\s*(.*?)\s*:\s*(.*)/);
if(specificMatch && Object.keys(mediaMatcher).includes(specificMatch[1])){
foundRole = mediaMatcher[specificMatch[1]](specificMatch[2],anime)
}
else{
foundRole = Object.keys(mediaMatcher).some(
key => mediaMatcher[key](filterSelect.value,anime)
)
}
}
if(foundRole){
if(sortSelect.value === "chronological"){
if((anime.startDate.year || anime.endDate.year) > animeYear){
animeYear = anime.startDate.year || anime.endDate.year;
create("h3","hohYearHeading",animeYear,hohMediaRolesAnime)
}
else if(!(anime.startDate.year || anime.endDate.year) && animeYear > 0){
animeYear = 0;
create("h3","hohYearHeading","No date",hohMediaRolesAnime)
}
}
else if(sortSelect.value === "chronological2"){
if((anime.startDate.year || anime.endDate.year) < animeYear){
animeYear = anime.startDate.year || anime.endDate.year;
create("h3","hohYearHeading",animeYear,hohMediaRolesAnime)
}
else if(!(anime.startDate.year || anime.endDate.year) && animeYear > 0){
animeYear = 0;
create("h3","hohYearHeading","No date",hohMediaRolesAnime)
}
}
let roleCard = createRoleCard(anime,"anime");
hohMediaRolesAnime.appendChild(roleCard);
if(anime.myStatus && !alreadyCounted.has(anime.id)){
distribution[anime.myStatus.status]++;
if(anime.myStatus.status === "CURRENT"){
animeCurrentFlag = true
}
sumDuration += Math.max(animeValueFunction(anime),0);
if(anime.myStatus.scoreRaw){
sumScoresAnime += anime.myStatus.scoreRaw;
amountAnime++;
}
alreadyCounted.add(anime.id)
}
}
});
removeChildren(hohMediaRolesManga);
let mangaYear = 0;
if(sortSelect.value === "chronological2"){
mangaYear = 3000
}
mangaRolesList.forEach(manga => {
let foundRole = filterSelect.value === "";
if(!foundRole){
let specificMatch = filterSelect.value.toLowerCase().match(/^\s*(.*?)\s*:\s*(.*)/);
if(specificMatch && Object.keys(mediaMatcher).includes(specificMatch[1])){
foundRole = mediaMatcher[specificMatch[1]](specificMatch[2],manga)
}
else{
foundRole = Object.keys(mediaMatcher).some(
key => mediaMatcher[key](filterSelect.value,manga)
)
}
}
if(foundRole){
if(sortSelect.value === "chronological"){
if((manga.startDate.year || manga.endDate.year) > mangaYear){
mangaYear = manga.startDate.year || manga.endDate.year;
create("h3","hohYearHeading",mangaYear,hohMediaRolesManga)
}
else if(!(manga.startDate.year || manga.endDate.year) && mangaYear > 0){
mangaYear = 0;
create("h3","hohYearHeading","No date",hohMediaRolesManga)
}
}
else if(sortSelect.value === "chronological2"){
if((manga.startDate.year || manga.endDate.year) < mangaYear){
mangaYear = manga.startDate.year || manga.endDate.year;
create("h3","hohYearHeading",mangaYear,hohMediaRolesManga)
}
else if(!(manga.startDate.year || manga.endDate.year) && mangaYear > 0){
mangaYear = 0;
create("h3","hohYearHeading","No date",hohMediaRolesManga)
}
}
let roleCard = createRoleCard(manga,"manga");
hohMediaRolesManga.appendChild(roleCard);
if(manga.myStatus){
distribution[manga.myStatus.status]++;
if(manga.myStatus.status === "CURRENT"){
mangaCurrentFlag = true
}
const mangaValue = mangaValueFunction(manga);
sumChapters += mangaValue.chapters;
sumVolumes += mangaValue.volumes;
if(manga.myStatus.scoreRaw){
sumScoresManga += manga.myStatus.scoreRaw;
amountManga++
}
}
}
});
if(sumDuration || sumChapters || sumVolumes || (sumScoresAnime + sumScoresManga)){
removeChildren(digestStats)
if(sumDuration){
create("span",false,translate("$staff_hoursWatched"),digestStats);
create("span",false,(sumDuration/60).roundPlaces(1),digestStats,"color:rgb(var(--color-blue))")
};
if(sumChapters){
create("span",false,translate("$staff_chaptersRead"),digestStats);
create("span",false,sumChapters,digestStats,"color:rgb(var(--color-blue))")
};
if(sumVolumes){
create("span",false,translate("$staff_volumesRead"),digestStats);
create("span",false,sumVolumes,digestStats,"color:rgb(var(--color-blue))")
};
if(amountAnime + amountManga){
create("span",false,translate("$staff_meanScore"),digestStats);
let averageNode = create("span",false,((sumScoresAnime + sumScoresManga)/(amountAnime + amountManga)).roundPlaces(1),digestStats,"color:rgb(var(--color-blue))");
if(((sumScoresAnime + sumScoresManga)/(amountAnime + amountManga)) === 10 && userObject.mediaListOptions.scoreFormat === "POINT_10"){//https://anilist.co/activity/49407649
averageNode.innerText += "/100"
}
if(sumScoresAnime && sumScoresManga){
averageNode.title = "Anime: " + (sumScoresAnime/amountAnime).roundPlaces(1) + "\nManga: " + (sumScoresManga/amountManga).roundPlaces(1);
}
};
let statusList = create("span","#statusList",false,digestStats,"position: absolute;top: -2px;margin-left: 20px;width: 300px;");
semmanticStatusOrder.forEach(status => {
if(distribution[status]){
let statusSumDot = create("div","hohSummableStatus",distribution[status],statusList);
statusSumDot.style.background = distributionColours[status];
let title = capitalize(translate("$mediaStatus_" + status.toLowerCase()));
if(status === "CURRENT" && !animeCurrentFlag){
title = "Reading"
}
else if(status === "CURRENT" && !mangaCurrentFlag){
title = "Watching"
}
statusSumDot.title = distribution[status] + " " + title;
if(distribution[status] > 99){
statusSumDot.style.fontSize = "8px"
}
if(distribution[status] > 999){
statusSumDot.style.fontSize = "6px"
}
statusSumDot.onclick = function(){
if(filterSelect.value === "status:" + status.toLowerCase()){
filterSelect.value = ""
}
else{
filterSelect.value = "status:" + status.toLowerCase()
}
filterSelect.dispatchEvent(new Event("input",{bubbles: true}))
}
}
})
}
};
sortSelect.oninput = listRenderer;
filterSelect.oninput = listRenderer;
let refreshAutocomplete = function(){
removeChildren(dataList)
autocomplete.forEach(
value => create("option",false,false,dataList).value = value
)
};
let animeHandler = function(data){
if(data.data.Staff.staffMedia.pageInfo.currentPage === 1){
for(let i=2;i<=data.data.Staff.staffMedia.pageInfo.lastPage;i++){
authAPIcall(
staffQuery,
{
page: i,
type: "ANIME",
id: URLstuff[1]
},
animeHandler
)
}
};
data.data.Staff.staffMedia.edges.forEach(edge => {
let anime = {
role: [edge.staffRole],
format: edge.node.format,
title: titlePicker(edge.node),
titleRomaji: edge.node.title.romaji,
titleEnglish: edge.node.title.english,
titleNative: edge.node.title.native,
image: edge.node.coverImage.large,
startDate: edge.node.startDate,
endDate: edge.node.endDate,
id: edge.node.id,
episodes: edge.node.episodes,
popularity: edge.node.popularity,
duration: edge.node.duration || 1,
status: edge.node.status,
score: edge.node.averageScore,
genres: edge.node.genres.map(genre => genre.toLowerCase()),
tags: edge.node.tags.map(tag => tag.name.toLowerCase()),
myStatus: edge.node.mediaListEntry,
listJSON: edge.node.mediaListEntry ? parseListJSON(edge.node.mediaListEntry.notes) : null
};
if(anime.myStatus && anime.myStatus.status === "REPEATING" && anime.myStatus.repeat === 0){
anime.myStatus.repeat = 1
}
autocomplete.add(anime.title);
autocomplete.add(distributionFormats[anime.format]);
autocomplete.add(edge.staffRole);
let parts = edge.staffRole.trim().match(/^(.*?)(\s+\(.*\))?$/);
let t_role = translate("$role_" + parts[1]);
if(t_role.substring(0,6) !== "$role_"){
autocomplete.add(t_role + (parts[2] || ""))
}
animeRolesList.push(anime)
});
animeRolesList = removeGroupedDuplicates(
animeRolesList,
e => e.id,
(oldElement,newElement) => {
newElement.role = newElement.role.concat(oldElement.role)
}
);
refreshAutocomplete();
listRenderer();
};
let mangaHandler = function(data){
if(data.data.Staff.staffMedia.pageInfo.currentPage === 1){
for(let i=2;i<=data.data.Staff.staffMedia.pageInfo.lastPage;i++){
authAPIcall(
staffQuery,
{
page: i,
type: "MANGA",
id: URLstuff[1]
},
mangaHandler
)
}
};
data.data.Staff.staffMedia.edges.forEach(edge => {
let manga = {
role: [edge.staffRole],
format: edge.node.format,
title: titlePicker(edge.node),
titleRomaji: edge.node.title.romaji,
titleEnglish: edge.node.title.english,
titleNative: edge.node.title.native,
image: edge.node.coverImage.large,
startDate: edge.node.startDate,
endDate: edge.node.endDate,
id: edge.node.id,
chapters: edge.node.chapters,
volumes: edge.node.volumes,
popularity: edge.node.popularity,
status: edge.node.status,
score: edge.node.averageScore,
genres: edge.node.genres.map(genre => genre.toLowerCase()),
tags: edge.node.tags.map(tag => tag.name.toLowerCase()),
myStatus: edge.node.mediaListEntry,
listJSON: edge.node.mediaListEntry ? parseListJSON(edge.node.mediaListEntry.notes) : null
};
if(manga.myStatus && manga.myStatus.status === "REPEATING" && manga.myStatus.repeat === 0){
manga.myStatus.repeat = 1
}
autocomplete.add(manga.title);
autocomplete.add(distributionFormats[manga.format]);
autocomplete.add(edge.staffRole);
let parts = edge.staffRole.trim().match(/^(.*?)(\s+\(.*\))?$/);
let t_role = translate("$role_" + parts[1]);
if(t_role.substring(0,6) !== "$role_"){
autocomplete.add(t_role + (parts[2] || ""))
}
mangaRolesList.push(manga)
});
mangaRolesList = removeGroupedDuplicates(
mangaRolesList,
e => e.id,
(oldElement,newElement) => {
newElement.role = newElement.role.concat(oldElement.role)
}
);
refreshAutocomplete();
listRenderer()
};
let voiceHandler = function(data){
if(data.data.Staff.characters.pageInfo.currentPage === 1){
for(let i=2;i<=data.data.Staff.characters.pageInfo.lastPage;i++){
authAPIcall(
staffVoice,
{
page: i,
id: URLstuff[1]
},
voiceHandler
)
}
};
data.data.Staff.characters.edges.forEach(edge => {
edge.role = capitalize(edge.role.toLowerCase());
let character = {
image: edge.node.image.large,
id: edge.node.id
}
if(useScripts.titleLanguage === "NATIVE" && edge.node.name.native){
character.name = edge.node.name.native
}
else{
character.name = (edge.node.name.first || "") + " " + (edge.node.name.last || "")
};
autocomplete.add(edge.role);
let parts = edge.role.trim().match(/^(.*?)(\s+\(.*\))?$/);
let t_role = translate("$role_" + parts[1]);
if(t_role.substring(0,6) !== "$role_"){
autocomplete.add(t_role + (parts[2] || ""))
}
edge.media.forEach(thingy => {
let anime = {
role: [edge.role],
format: thingy.format,
title: titlePicker(thingy),
titleRomaji: thingy.title.romaji,
titleEnglish: thingy.title.english,
titleNative: thingy.title.native,
image: thingy.coverImage.large,
startDate: thingy.startDate,
endDate: thingy.endDate,
id: thingy.id,
episodes: thingy.episodes,
popularity: thingy.popularity,
duration: thingy.duration || 1,
status: thingy.status,
score: thingy.averageScore,
myStatus: thingy.mediaListEntry,
character: character,
genres: thingy.genres.map(genre => genre.toLowerCase()),
tags: thingy.tags.map(tag => tag.name.toLowerCase()),
listJSON: thingy.mediaListEntry ? parseListJSON(thingy.mediaListEntry.notes) : null
};
if(anime.myStatus && anime.myStatus.status === "REPEATING" && anime.myStatus.repeat === 0){
anime.myStatus.repeat = 1;
}
autocomplete.add(anime.title);
voiceRolesList.push(anime)
})
});
refreshAutocomplete();
listRenderer();
};
const staffQuery = `
query($id: Int,$page: Int,$type: MediaType){
Staff(id: $id){
staffMedia(
sort: POPULARITY_DESC,
type: $type,
page: $page
){
edges{
staffRole
node{
id
format
episodes
chapters
volumes
popularity
duration
status
averageScore
coverImage{large}
startDate{year month day}
endDate{year month day}
title{romaji native english}
tags{name}
genres
mediaListEntry{
status
progress
progressVolumes
repeat
notes
scoreRaw: score(format: POINT_100)
}
}
}
pageInfo{
currentPage
lastPage
}
}
}
}`;
const staffVoice = `
query($id: Int,$page: Int){
Staff(id: $id){
characters(
sort: ID,
page: $page
){
edges{
node{
id
image{large}
name{first last native}
}
role
media{
id
format
episodes
chapters
volumes
popularity
duration
status
averageScore
coverImage{large}
startDate{year month day}
endDate{year month day}
title{romaji native english}
tags{name}
genres
mediaListEntry{
status
progress
progressVolumes
repeat
notes
scoreRaw: score(format: POINT_100)
}
}
}
pageInfo{
currentPage
lastPage
}
}
}
}`;
let variables = {
page: 1,
type: "ANIME",
id: URLstuff[1]
};
authAPIcall(staffQuery,variables,animeHandler);
variables.type = "MANGA";
authAPIcall(staffQuery,variables,mangaHandler);
authAPIcall(staffVoice,variables,voiceHandler)
};
selfcaller();
}
})
//end modules/replaceStaffRoles.js
//begin modules/rightSideNavbar.js
exportModule({
id: "rightSideNavbar",
description: "Move the vertical navbar to the right side of the screen",
isDefault: false,
categories: ["Navigation"],
visible: true
})
//end modules/rightSideNavbar.js
//begin modules/scoreOverviewFixer.js
function scoreOverviewFixer(){
if(!document.URL.match(/^https:\/\/anilist\.co\/(anime|manga)\//)){
return;
}
let overview = document.querySelector(".media .overview");
if(!overview){
setTimeout(scoreOverviewFixer,300);
return;
}
let follows = overview.querySelectorAll(".follow");
if(follows.length){
follows.forEach(el => {
scoreColors(el);
});
}
else{
setTimeout(scoreOverviewFixer,300);
}
}
//end modules/scoreOverviewFixer.js
//begin modules/selectMyThreads.js
function selectMyThreads(){
if(document.URL !== "https://anilist.co/user/" + whoAmI + "/social#my-threads"){
return
}
let target = document.querySelector(".filter-group span:nth-child(4)");
if(!target){
setTimeout(selectMyThreads,100)
}
else{
target.click()
}
}
//end modules/selectMyThreads.js
//begin modules/settingsPage.js
exportModule({
id: "settingsPage",
description: "This settings page",
isDefault: true,//must be true
categories: ["Script"],
visible: false,
urlMatch: function(url,oldUrl){
return url === "https://anilist.co/settings/apps"
},
code: function(){
if(location.pathname !== "/settings/apps"){
return
};
if(document.getElementById("hohSettings")){
return
};
let targetLocation = document.querySelector(".settings.container .content");
let hohSettings = create("div","#hohSettings",false,targetLocation);
hohSettings.classList.add("all");
let scriptStatsHead = create("h1",false,translate("$settings_title"),hohSettings);
let scriptStats = create("div",false,false,hohSettings);
let sVersion = create("p",false,false,scriptStats);
create("span",false,translate("$settings_version"),sVersion);
create("span","hohStatValue",scriptInfo.version,sVersion);
let sHome = create("p",false,translate("$settings_homepage"),scriptStats);
let sHomeLink = create("a","external",scriptInfo.link,sHome);
let sHome2 = create("p",false,translate("$settings_repository"),scriptStats);
let sHomeLink2 = create("a","external",scriptInfo.repo,sHome2);
if(!useScripts.accessToken){
create("p",false,"Faded options only have limited functionallity without signing in to the script (scroll down to the bottom of the page for that) which also requires persistent cookies, see https://github.com/hohMiyazawa/Automail/issues/26#issuecomment-623677462",scriptStats)
}
sHomeLink.href = scriptInfo.link;
sHomeLink2.href = scriptInfo.repo;
let categories = create("div",["container","hohCategories"],false,scriptStats);
let catList = ["Notifications","Feeds","Forum","Lists","Profiles","Stats","Media","Navigation","Browse","Script","Login","Newly Added"];
let activeCategory = "";
catList.forEach(function(category){
let catBox = create("div","hohCategory",translate("$settings_category_" + category),categories);
catBox.onclick = function(){
hohSettings.className = "";
if(activeCategory === category){
catBox.classList.remove("active");
activeCategory = "";
hohSettings.classList.add("all");
}
else{
if(activeCategory !== ""){
categories.querySelector(".hohCategory.active").classList.remove("active")
};
catBox.classList.add("active");
hohSettings.classList.add(category.replace(" ",""));
activeCategory = category
}
}
});
let scriptSettings = create("div",false,false,hohSettings);
if(!useScripts.accessToken){
scriptSettings.classList.add("noLogin")
}
useScriptsDefinitions.sort((b,a) => (a.importance || 0) - (b.importance || 0));
useScriptsDefinitions.forEach(function(def){
let setting = create("p","hohSetting",false,scriptSettings);
if(def.visible === false){
setting.style.display = "none"
};
if(def.hasOwnProperty("type")){//other kinds of input
let input;
if(def.type === "select"){
input = create("select",false,false,setting);
if(def.id === "partialLocalisationLanguage"){
//English stafff credits aren't included in the files since the site is already in English, but we still want to estimate the amount
const nativeEnglishRoleCount = Object.keys(languageFiles["Norsk"].keys).filter(e => e.substring(0,6) === "$role_").length;
def.values.forEach(
value => create("option",false,value + " (" + Math.max(
Object.keys(languageFiles[value].keys).length
+ (value === "English" ? nativeEnglishRoleCount : 0),
(
languageFiles[value].info.variation_of
?
Object.keys(languageFiles[languageFiles[value].info.variation_of].keys).length
+ (value === "English (US)" ? nativeEnglishRoleCount : 0)
:
0
)
) + " keys)",input)
.value = value
)
}
else{
if(def.displayValues){
def.values.forEach(
(value,index) => create("option",false,translate(def.displayValues[index]),input)
.value = value
)
}
else{
def.values.forEach(
value => create("option",false,value,input)
.value = value
)
}
}
}
else if(def.type === "text"){
input = create("input",false,false,setting)
}
else if(def.type === "number"){
input = create("input",false,false,setting);
input.type = "number";
if(def.min !== undefined){
input.setAttribute("min",def.min)
}
if(def.max){
input.setAttribute("max",def.max)
}
}
if(def.type !== "heading"){
input.targetSetting = def.id;
input.value = useScripts[def.id];
input.onchange = function(){
useScripts[this.targetSetting] = this.value;
useScripts.save()
}
}
}
else{//default: a checkbox
let input = createCheckbox(setting);
input.targetSetting = def.id;
input.checked = useScripts[def.id];
input.onchange = function(){
useScripts[this.targetSetting] = this.checked;
useScripts.save();
initCSS();
if(!this.checked && def.destructor){
def.destructor()
}
if(this.checked && def.css){
moreStyle.textContent += def.css
}
}
};
if(def.categories){
def.categories.forEach(
category => {
if(catList.includes(category)){
setting.classList.add(category.replace(/\s/g,""))
}
else{
console.warn("Unknown category '" + category + "' for module '" + def.id + "'")
}
}
)
};
create("span",false,translate(def.description),setting);
if(def.extendedDescription){
let infoButton = create("span","hohInfoButton","🛈",setting);
infoButton.title = translate("$settings_moreInfo_tooltip");
infoButton.onclick = function(){
createDisplayBox(false,"Module info").innerText = translate(def.extendedDescription)
}
}
});
let titleAliasSettings = create("div");
let titleAliasInstructions = create("p");
titleAliasInstructions.innerText = `
Add title aliases. Use the format /type/id/alias , one per line. Examples:
/anime/5114/Fullmetal Alchemist
/manga/30651/Nausicaä
Changes take effect on reload.`;
let titleAliasInput = create("textarea","#titleAliasInput");
(
JSON.parse(localStorage.getItem("titleAliases")) || []
).forEach(
alias => titleAliasInput.value += alias[0] + alias[1] + "\n"
);
titleAliasInput.rows = "6";
titleAliasInput.cols = "50";
let titleAliasChange = create("button",["hohButton","button"],translate("$button_submit"));
titleAliasChange.onclick = function(){
let newAliases = [];
let aliasContent = titleAliasInput.value.split("\n");
let aliasRegex = /^(\/(anime|manga)\/\d+\/)(.*)/;
let cssAlias = /^(css\/)(.*)/;
aliasContent.forEach(content => {
let matches = content.match(aliasRegex);
if(!matches){
let cssMatches = content.match(cssAlias);
if(cssMatches){
newAliases.push([cssMatches[1],cssMatches[2]])
};
return
};
newAliases.push([matches[1],matches[3]]);
});
localStorage.setItem("titleAliases",JSON.stringify(newAliases))
};
titleAliasSettings.appendChild(create("hr"));
titleAliasSettings.appendChild(titleAliasInstructions);
titleAliasSettings.appendChild(titleAliasInput);
create("br",false,false,titleAliasSettings);
titleAliasSettings.appendChild(titleAliasChange);
titleAliasSettings.appendChild(create("hr"));
hohSettings.appendChild(titleAliasSettings);
//
let notificationColour = create("div");
if(useScripts.accessToken){
const notificationTypes = Object.keys(notificationColourDefaults);
const supportedColours = [
{name:translate("$colour_transparent"),value:"rgb(0,0,0,0)"},
{name:translate("$colour_blue"),value:"rgb(61,180,242)"},
{name:translate("$colour_white"),value:"rgb(255,255,255)"},
{name:translate("$colour_black"),value:"rgb(0,0,0)"},
{name:translate("$colour_red"),value:"rgb(232,93,117)"},
{name:translate("$colour_peach"),value:"rgb(250,122,122)"},
{name:translate("$colour_orange"),value:"rgb(247,154,99)"},
{name:translate("$colour_yellow"),value:"rgb(247,191,99)"},
{name:translate("$colour_green"),value:"rgb(123,213,85)"}
];
create("p",false,translate("$settings_notificationDotColour"),notificationColour);
let nColourType = create("select",false,false,notificationColour);
let nColourValue = create("select",false,false,notificationColour);
let supressOption = createCheckbox(notificationColour);
let supressOptionText = create("span",false,"Don't show dot for this type",notificationColour);
notificationTypes.forEach(
type => create("option",false,type,nColourType)
.value = type
);
supportedColours.forEach(
colour => create("option",false,colour.name,nColourValue)
.value = colour.value
);
create("br",false,false,notificationColour);
let resetAll = create("button",["hohButton","button"],translate("$button_resetAll"),notificationColour);
resetAll.onclick = function(){
useScripts.notificationColours = notificationColourDefaults;
useScripts.save();
};
nColourType.oninput = function(){
nColourValue.value = useScripts.notificationColours[nColourType.value].colour;
supressOption.checked = useScripts.notificationColours[nColourType.value].supress;
};
nColourValue.oninput = function(){
useScripts.notificationColours[nColourType.value].colour = nColourValue.value;
useScripts.save();
};
supressOption.oninput = function(){
useScripts.notificationColours[nColourType.value].supress = supressOption.checked;
useScripts.save()
};
nColourValue.value = useScripts.notificationColours[nColourType.value].colour;
supressOption.checked = useScripts.notificationColours[nColourType.value].supress;
hohSettings.appendChild(notificationColour);
}
hohSettings.appendChild(create("hr"));
let blockList = localStorage.getItem("blockList");
if(blockList){
blockList = JSON.parse(blockList)
}
else{
blockList = []
};
let blockSettings = create("div");
let blockInstructions = create("p",false,false,blockSettings);
blockInstructions.innerText = `
Block stuff in the home feed.
Example1: To block "planning" activities by a specific user, fill out those two fields and leave the media field blank.
Example2: To block a specific piece of media, fill out that field and leave the other two blank.
Changes take effect on reload.`;
let blockInput = create("div","#blockInput",false,blockSettings);
create("span",false,"User: ",blockInput);
let blockUserInput = create("input",false,false,blockInput,"width:100px;margin-right:10px;");
blockUserInput.value = "";
create("span",false," Status: ",blockInput);
let blockStatusInput = create("select",false,false,blockInput,"margin-right:10px;");
const blockStatuses = ["","all","status","progress","anime","manga","planning","watching","reading","pausing","dropping","rewatching","rereading"];
blockStatuses.forEach(
status => create("option",false,capitalize(status),blockStatusInput)
.value = status
);
blockStatusInput.value = "";
create("span",false," Media ID: ",blockInput);
let blockMediaInput = create("input",false,false,blockInput,"width:100px;margin-right:10px;");
blockMediaInput.type = "number";
blockMediaInput.value = "";
blockMediaInput.min = 1;
blockMediaInput.addEventListener("paste",function(e){
let clipboardData = e.clipboardData || window.clipboardData;
if(!clipboardData){//don't mess with paste
return
}
let pastedData = clipboardData.getData("Text");
if(!pastedData){
return
}
e.stopPropagation();
e.preventDefault();
let possibleFullURL = pastedData.match(/(anime|manga)\/(\d+)\/?/);
if(possibleFullURL){
blockMediaInput.value = parseInt(possibleFullURL[2])
}
else{
blockMediaInput.value = pastedData
}
});
let blockAddInput = create("button",["button","hohButton"],"Add",blockInput);
let blockVisual = create("div",false,false,blockSettings);
let drawBlockList = function(){
removeChildren(blockVisual)
blockList.forEach(function(blockItem,index){;
let item = create("div","hohBlock",false,blockVisual);
let cross = create("span","hohBlockCross",svgAssets.cross,item);
cross.onclick = function(){
blockList.splice(index,1);
localStorage.setItem("blockList",JSON.stringify(blockList));
drawBlockList();
};
if(blockItem.user){
create("span","hohBlockSpec",blockItem.user,item)
}
if(blockItem.status){
create("span","hohBlockSpec",capitalize(blockItem.status),item)
}
if(blockItem.media){
create("span","hohBlockSpec","ID:" + blockItem.media,item)
}
})
};drawBlockList();
blockAddInput.onclick = function(){
let newBlock = {
user: false,
status: false,
media: false
};
if(blockUserInput.value){
newBlock.user = blockUserInput.value
}
if(blockStatusInput.value){
newBlock.status = blockStatusInput.value
}
if(blockMediaInput.value){
newBlock.media = blockMediaInput.value
}
if(newBlock.user || newBlock.status || newBlock.media){
blockList.push(newBlock);
localStorage.setItem("blockList",JSON.stringify(blockList));
drawBlockList();
}
};
hohSettings.appendChild(blockSettings);
//
hohSettings.appendChild(create("hr"));
if(useScripts.profileBackground && useScripts.accessToken){
let backgroundSettings = create("div",false,false,hohSettings);
create("p",false,translate("$profileBackground_help1"),backgroundSettings);
create("pre","hohCode","red",backgroundSettings);
create("pre","hohCode","#640064",backgroundSettings);
create("pre","hohCode","url(https://www.example.com/myBackground.jpg)",backgroundSettings);
create("p",false,translate("$profileBackground_help2"),backgroundSettings);
create("pre","hohCode","rgb(100,0,100,0.4)",backgroundSettings);
create("p",false,translate("$profileBackground_help3"),backgroundSettings);
create("pre","hohCode","linear-gradient(rgb(var(--color-background),0.8),rgb(var(--color-background),0.8)), url(https://www.example.com/myBackground.jpg) center/100% fixed",backgroundSettings);
let inputField = create("input",false,false,backgroundSettings);
inputField.value = useScripts.profileBackgroundValue;
create("br",false,false,backgroundSettings);
let backgroundChange = create("button",["hohButton","button"],translate("$button_submit"),backgroundSettings);
backgroundChange.onclick = function(){
useScripts.profileBackgroundValue = inputField.value;
useScripts.save();
let jsonMatch = (userObject.about || "").match(/^\[\]\(json([A-Za-z0-9+/=]+)\)/);
let profileJson = {};
if(jsonMatch){
try{
profileJson = JSON.parse(atob(jsonMatch[1]))
}
catch(e){
try{
profileJson = JSON.parse(LZString.decompressFromBase64(jsonMatch[1]))
}
catch(e){
console.warn(translate("$settings_errorInvalidJSON"))
}
}
}
profileJson.background = useScripts.profileBackgroundValue;
if(!profileJson.background){
delete profileJson["background"]
}
//let newDescription = "[](json" + btoa(JSON.stringify(profileJson)) + ")" + (userObject.about.replace(/^\[\]\(json([A-Za-z0-9+/=]+)\)/,""));
let newDescription = "[](json" + LZString.compressToBase64(JSON.stringify(profileJson)) + ")" + ((userObject.about || "").replace(/^\[\]\(json([A-Za-z0-9+/=]+)\)/,""));
authAPIcall(
`mutation($about: String){
UpdateUser(about: $about){
about
}
}`,
{about: newDescription},function(data){
if(!data){
return
}
deleteCacheItem("hohProfileBackground" + whoAmI)
}
)
};
hohSettings.appendChild(create("hr"));
};
if(useScripts.customCSS && useScripts.accessToken){
let backgroundSettings = create("div",false,false,hohSettings);
create("p",false,translate("$settings_CSSadd"),backgroundSettings);
let inputField = create("textarea",false,false,backgroundSettings,"width: 100%;scrollbar-width: auto;");
inputField.value = useScripts.customCSSValue;
if(inputField.value){
inputField.rows = 10
}
else{
inputField.rows = 4
}
create("br",false,false,backgroundSettings);
create("p",false,translate("$settings_CSSlinkTip"),backgroundSettings);
let backgroundChange = create("button",["hohButton","button"],translate("$button_submit"),backgroundSettings);
backgroundChange.onclick = function(){
useScripts.customCSSValue = inputField.value;
let jsonMatch = (userObject.about || "").match(/^\[\]\(json([A-Za-z0-9+/=]+)\)/);
let profileJson = {};
if(jsonMatch){
try{
profileJson = JSON.parse(atob(jsonMatch[1]))
}
catch(e){
try{
profileJson = JSON.parse(LZString.decompressFromBase64(jsonMatch[1]))
}
catch(e){
console.warn(translate("$settings_errorInvalidJSON"))
}
}
}
profileJson.customCSS = useScripts.customCSSValue;
if(!profileJson.customCSS){
delete profileJson["customCSS"]
}
//let newDescription = "[](json" + btoa(JSON.stringify(profileJson)) + ")" + (userObject.about.replace(/^\[\]\(json([A-Za-z0-9+/=]+)\)/,""));
let newDescription = "[](json" + LZString.compressToBase64(JSON.stringify(profileJson)) + ")" + ((userObject.about || "").replace(/^\[\]\(json([A-Za-z0-9+/=]+)\)/,""));
if(newDescription.length > 1e6){
alert(translate("$cssTooBig"))
}
else{
useScripts.save();
authAPIcall(
`mutation($about: String){
UpdateUser(about: $about){
about
}
}`,
{about: newDescription},
function(data){
if(!data){
alert("failed to save custom CSS")
}
deleteCacheItem("hohProfileBackground" + whoAmI)
}
)
}
};
hohSettings.appendChild(create("hr"))
};
if(useScripts.customCSS && useScripts.accessToken){
let pinSettings = create("div",false,false,hohSettings);
create("p",false,translate("$settings_pinnedActivity"),pinSettings);
let inputField = create("input",false,false,pinSettings);
inputField.value = useScripts.pinned;
inputField.setAttribute("placeholder","activity link");
create("br",false,false,pinSettings);
let pinChange = create("button",["hohButton","button"],translate("$button_submit"),pinSettings);
let hohSpinner = create("span","hohSpinner","",pinSettings);
pinChange.onclick = function(){
hohSpinner.innerText = svgAssets.loading;
hohSpinner.classList.remove("spinnerError");
hohSpinner.classList.remove("spinnerDone");
hohSpinner.classList.add("spinnerLoading");
let activityID = parseInt(inputField.value);
if(inputField.value !== ""){
if(!activityID){
let matches = inputField.value.match(/^https:\/\/anilist\.co\/activity\/(\d+)\/?$/);
if(matches){
activityID = parseInt(matches[1])
}
}
if(!activityID){
alert(translate("$settings_errorInvalidActivity"));
hohSpinner.innerText = svgAssets.cross;
hohSpinner.classList.add("spinnerError");
hohSpinner.classList.remove("spinnerLoading");
return
}
generalAPIcall(
`
query{
Activity(id: ${activityID}){
... on ListActivity{
id
}
... on MessageActivity{
id
}
... on TextActivity{
id
}
}
}
`,
{},
function(data){
if(!data){
hohSpinner.innerText = svgAssets.cross;
hohSpinner.classList.add("spinnerError");
hohSpinner.classList.remove("spinnerLoading");
hohSpinner.classList.remove("spinnerDone");
alert(translate("$settings_errorInvalidActivity"))
}
}
)
}
else{
activityID = ""
}
useScripts.pinned = activityID;
let jsonMatch = (userObject.about || "").match(/^\[\]\(json([A-Za-z0-9+/=]+)\)/);
let profileJson = {};
if(jsonMatch){
try{
profileJson = JSON.parse(atob(jsonMatch[1]))
}
catch(e){
try{
profileJson = JSON.parse(LZString.decompressFromBase64(jsonMatch[1]))
}
catch(e){
hohSpinner.innerText = svgAssets.cross;
hohSpinner.classList.add("spinnerError");
hohSpinner.classList.remove("spinnerLoading");
console.warn(translate("$settings_errorInvalidJSON"));
return
}
}
}
profileJson.pinned = useScripts.pinned;
if(!profileJson.pinned){
delete profileJson["pinned"]
}
let newDescription = "[](json" + LZString.compressToBase64(JSON.stringify(profileJson)) + ")" + ((userObject.about || "").replace(/^\[\]\(json([A-Za-z0-9+/=]+)\)/,""));
if(newDescription.length > 1e6){
hohSpinner.innerText = svgAssets.cross;
hohSpinner.classList.add("spinnerError");
hohSpinner.classList.remove("spinnerLoading");
alert(translate("$jsonTooBig"))
}
else{
useScripts.save();
authAPIcall(
`mutation($about: String){
UpdateUser(about: $about){
about
}
}`,
{about: newDescription},
function(data){
if(!data){
hohSpinner.innerText = svgAssets.cross;
hohSpinner.classList.add("spinnerError");
hohSpinner.classList.remove("spinnerLoading");
alert("failed to save pinned activity")
}
else{
hohSpinner.innerText = svgAssets.check;
hohSpinner.classList.add("spinnerDone");
hohSpinner.classList.remove("spinnerLoading");
}
deleteCacheItem("hohProfileBackground" + whoAmI)
}
)
}
};
hohSettings.appendChild(create("hr"))
}
create("p",false,"Delete all custom settings. Re-installing the script will not do that by itself.",hohSettings);
let cleanEverything= create("button",["hohButton","button","danger"],"Default Settings",hohSettings);
cleanEverything.onclick = function(){
localStorage.removeItem("hohSettings");
window.location.reload(false);
}
create("hr","hohSeparator",false,hohSettings);
let loginURL = create("a",false,translate("$terms_signin_link"),hohSettings,"font-size: x-large;");
loginURL.href = authUrl;
loginURL.style.color = "rgb(var(--color-blue))";
create("p",false,"Enables or improves every module in the \"Login\" tab, improves those greyed out.",hohSettings);
if(useScripts.accessToken){
create("hr","hohSeparator",false,hohSettings);
create("p",false,"Current access token (do not share with others):",hohSettings);
create("p","hohMonospace",useScripts.accessToken,hohSettings,"word-wrap: anywhere;font-size: small;line-break: anywhere;")
}
hohSettings.appendChild(create("hr"));
let debugInfo = create("button",["hohButton","button"],translate("$settings_button_export"),hohSettings);
create("p",false,translate("$settings_export_description"),hohSettings);
create("p",false,translate("$settings_import"),hohSettings);
let debugImport = create("input","input-file",false,hohSettings);
debugImport.setAttribute("type","file");
debugImport.setAttribute("name","json");
debugImport.setAttribute("accept","application/json");
debugInfo.onclick = function(){
let export_settings = JSON.parse(JSON.stringify(useScripts));//deepclone
if(export_settings.accessToken){//idiot proofing: we don't want users leaking their access tokens
export_settings.accessToken = "[REDACTED]"
}
if(whoAmI){
saveAs(export_settings,"automail_settings_" + whoAmI + ".json")
}
else{
saveAs(export_settings,"automail_settings.json")
}
}
debugImport.oninput = function(){
let reader = new FileReader();
reader.readAsText(debugImport.files[0],"UTF-8");
reader.onload = function(evt){
let data;
try{
data = JSON.parse(evt.target.result)
}
catch(e){
alert("error parsing JSON")
return
}
if(!data.hasOwnProperty("automailAPI")){//sanity check
alert("not a settings file")
return
}
Object.keys(data).forEach(//this is to keep the default settings if the version imported is outdated
key => {
if(key === "accessToken"){
if(!useScripts.accessToken && data[key] === "[REDACTED]"){
alert("Access tokens are not stored in settings files for security reasons. You have to click the 'Sign in with the script' button again")
}
}
else{
useScripts[key] = data[key]
}
}
)
useScripts.save();
alert("settings imported!")
}
reader.onerror = function(evt){
alert("error reading file")
}
}
create("p",false,translate("$debug_tip"),hohSettings);
}
})
//end modules/settingsPage.js
//begin modules/showMarkdown.js
function showMarkdown(id){
if(!location.pathname.match(id)){
return
}
if(document.querySelector(".hohGetMarkdown")){
return
}
let timeContainer = document.querySelector(".activity-text .time,.activity-message .time");
if(!timeContainer){
setTimeout(function(){showMarkdown(id)},200);
return
};
if(!useScripts.accessToken && document.querySelector(".private-badge")){
return//can't fetch private messages without privileges
}
let codeLink = create("span",["action","hohGetMarkdown"],"",false,"font-weight:bolder;");
timeContainer.insertBefore(codeLink,timeContainer.firstChild);
codeLink.onclick = function(){
let activityMarkdown = document.querySelector(".activity-markdown");
if(activityMarkdown.style.display === "none"){
document.querySelector(".hohMarkdownSource").style.display = "none";
activityMarkdown.style.display = "initial"
}
else{
activityMarkdown.style.display = "none";
let markdownSource = document.querySelector(".hohMarkdownSource");
if(markdownSource){
markdownSource.style.display = "initial"
}
else{
const caller = (document.querySelector(".private-badge") ? authAPIcall : generalAPIcall);
caller("query($id:Int){Activity(id:$id){...on MessageActivity{text:message}...on TextActivity{text}}}",{id:id},function(data){
if(!location.pathname.match(id) || !data){
return
};
markdownSource = create("div",["activity-markdown","hohMarkdownSource"],data.data.Activity.text,activityMarkdown.parentNode);
},"hohGetMarkdown" + id,20*1000)
}
}
}
}
//end modules/showMarkdown.js
//begin modules/singleActivityReplyLikes.js
exportModule({
id: "singleActivityReplyLikes",
description: "Add like tooltips to all replies when viewing a single activity",
isDefault: true,
categories: ["Feeds"],
visible: false,
urlMatch: function(url,oldUrl){
return url.match(/^https:\/\/anilist\.co\/activity\/(\d+)/)
},
code: function singleActivityReplyLikes(){
let id = parseInt(document.URL.match(/^https:\/\/anilist\.co\/activity\/(\d+)/)[1])
let adder = function(data){
if(!data){
return//private actitivites, mostly. Doesn't matter as there aren't many people there.
}
if(!document.URL.includes("activity/" + id || !data)){
return
};
let post = document.querySelector(".activity-entry > .wrap > .actions .action.likes");
if(!post){
setTimeout(function(){adder(data)},200);
return
};
post.classList.add("hohLoadedLikes");
post.classList.add("hohHandledLike");
if(post.querySelector(".count") && !(parseInt(post.querySelector(".count").innerText) <= 5)){
post.title = data.data.Activity.likes.map(like => like.name).join("\n")
};
let smallAdder = function(){
if(!document.URL.includes("activity/" + id)){
return
};
let actionLikes = document.querySelectorAll(".activity-replies .action.likes");
if(!actionLikes.length){
setTimeout(smallAdder,200);
return
}
actionLikes.forEach((node,index) => {
if(node.querySelector(".count") && !(parseInt(node.querySelector(".count").innerText) <= 5)){
node.title = data.data.Activity.replies[index].likes.map(like => like.name).join("\n")
}
});
};
if(data.data.Activity.replies.length){
smallAdder()
}
}
generalAPIcall(`
query($id: Int){
Activity(id: $id){
... on TextActivity{
likes{name}
replies{likes{name}}
}
... on MessageActivity{
likes{name}
replies{likes{name}}
}
... on ListActivity{
likes{name}
replies{likes{name}}
}
}
}`,
{id: id},
adder
)
}
})
//end modules/singleActivityReplyLikes.js
//begin modules/slimNav.js
exportModule({
id: "slimNav",
description: "Slim navbar",
isDefault: false,
importance: -2,
categories: ["Navigation"],
visible: true
})
//end modules/slimNav.js
//begin modules/submenu.js
if(useScripts.CSSverticalNav && whoAmI && !useScripts.mobileFriendly){
let addMouseover = function(){
let navThingy = document.querySelector(`.nav .links .link[href^="/user/"]`);
if(navThingy){
navThingy.style.position = "relative";
let hackContainer = create("div","subMenuContainer",false,false,"position:relative;width:100%;min-height:50px;z-index:134;display:inline-flex;");
navThingy.parentNode.insertBefore(hackContainer,navThingy);
hackContainer.appendChild(navThingy);
let subMenu = create("div","hohSubMenu",false,hackContainer);
let linkStats = create("a","hohSubMenuLink",translate("$submenu_stats"),subMenu);
if(useScripts.mangaBrowse){
linkStats.href = "/user/" + whoAmI + "/stats/manga/overview";
linkStats.onclick = function(){
try{
document.getElementById('app').__vue__._router.push({path: "/user/" + whoAmI + "/stats/manga/overview"});
return false
}
catch(e){
console.warn("vue routes are outdated!")
}
}
}
else{
linkStats.href = "/user/" + whoAmI + "/stats/anime/overview";
linkStats.onclick = function(){
try{
document.getElementById('app').__vue__._router.push({path: "/user/" + whoAmI + "/stats/anime/overview"});
return false
}
catch(e){
console.warn("vue routes are outdated!")
}
}
}
[
{
text: "$submenu_social",
href: "/user/" + whoAmI + "/social",
vue: {path: "/user/" + whoAmI + "/social"}
},
{
text: "$submenu_reviews",
href: "/user/" + whoAmI + "/reviews",
vue: {path: "/user/" + whoAmI + "/reviews"}
},
{
text: "$submenu_favourites",
href: "/user/" + whoAmI + "/favorites",
vue: {path: "/user/" + whoAmI + "/favorites"}
},
{
text: "$submenu_submissions",
href: "/user/" + whoAmI + "/submissions",
vue: {path: "/user/" + whoAmI + "/submissions"}
}
].forEach(link => {
let element = create("a","hohSubMenuLink",translate(link.text),subMenu);
element.href = link.href;
if(link.vue){
element.onclick = function(){
try{
document.getElementById('app').__vue__._router.push(link.vue);
return false
}
catch(e){
console.warn("vue routes are outdated!")
}
}
}
})
hackContainer.onmouseenter = function(){
subMenu.style.display = "inline"
}
hackContainer.onmouseleave = function(){
subMenu.style.display = "none"
}
}
else{
setTimeout(addMouseover,500)
}
};addMouseover();
}
//end modules/submenu.js
//begin modules/termsFeed.js
exportModule({
id: "termsFeed",
description: translate("$terms_description"),
extendedDescription: `
Creates a new home page at the URL https://anilist.co/terms.
Why?
To give you an alternative if you have a crappy internet connection.
The Anilist UI is several megabytes, and also has plenty of images to load.
By contrast, this alternative feed only needs a couple of kilobytes to load.
In order to create status updates, post comments and like activities, you will have to SIGN IN (see bottom of the settings page).
If you use this feed, you may also be interested in the "Do not load images on the low bandwidth feed" setting.
`,
isDefault: true,
importance: 5,
categories: ["Feeds","Login"],
visible: true,
urlMatch: function(url,oldUrl){
return /^https:\/\/anilist\.co\/terms/.test(url)
},
code: function(){
let page = 1;
let searchParams = new URLSearchParams(location.search);
if(searchParams.get("page")){
page = parseInt(searchParams.get("page"))
};
let date = searchParams.get("date");
let pageLocation = document.querySelector(".container");
pageLocation.parentNode.style.background = "rgb(39,44,56)";
pageLocation.parentNode.style.color = "rgb(159,173,189)";
let terms = create("div",["container","termsFeed"],false,pageLocation.parentNode,"max-width: 1100px;margin-left:170px;margin-right:170px;");
pageLocation.style.display = "none";
let policy = create("button",["hohButton","button"],translate("$terms_privacyPolicy"),terms,"font-size:1rem;color:initial;padding:3px;");
policy.title = translate("$terms_privacyPolicy_title");
policy.onclick = function(){
pageLocation.style.display = "initial";
terms.style.display = "none";
document.title = "Anilist Terms"
};
if(!useScripts.accessToken){
create("p",false,translate("$terms_signin"),terms);
let loginURL = create("a",false,translate("$terms_signin_link"),terms);
loginURL.href = authUrl;
loginURL.style.color = "rgb(61,180,242)";
return
};
document.title = "Anilist Feed";
let browseSettings = create("div",false,false,terms,"margin-top:10px;");
let onlyGlobal = createCheckbox(browseSettings);
create("span",false,translate("$terms_option_global"),browseSettings,"margin-right:5px;");
let onlyStatus = createCheckbox(browseSettings);
create("span",false,translate("$terms_option_text"),browseSettings,"margin-right:5px;");
let onlyReplies = createCheckbox(browseSettings);
create("span",false,translate("$terms_option_replies"),browseSettings,"margin-right:5px;");
let onlyForum = createCheckbox(browseSettings);
create("span",false,translate("$terms_option_forum"),browseSettings,"margin-right:5px;");
let onlyReviews = createCheckbox(browseSettings);
create("span",false,translate("$terms_option_reviews"),browseSettings);
create("br",false,false,browseSettings);
create("br",false,false,browseSettings);
let onlyUser = createCheckbox(browseSettings);
create("span",false,translate("$terms_option_user"),browseSettings,"margin-right:5px;");
let onlyUserInput = create("input",false,false,browseSettings,"background:rgb(31,35,45);border-width:0px;margin-left:20px;border-radius:3px;color:rgb(159,173,189);margin-right: 10px;padding:3px;");
let onlyMedia = createCheckbox(browseSettings);
create("span",false,translate("$terms_option_media"),browseSettings,"margin-right:5px;");
let onlyMediaResult = {id: 0,type: "ANIME"};
let onlyMediaInput = create("input",false,false,browseSettings,"background:rgb(31,35,45);border-width:0px;margin-left:20px;border-radius:3px;color:rgb(159,173,189);margin-right: 10px;padding:3px;");
let mediaDisplayResults = create("div",false,false,browseSettings,"margin-top:5px;");
let dataUsers = new Set([whoAmI]);
let dataMedia = new Set();
let dataUsersList = create("datalist","#userDatalist",false,browseSettings);
let dataMediaList = create("datalist","#userMedialist",false,browseSettings);
let onlyActivity = null;
onlyUserInput.setAttribute("list","userDatalist");
if(searchParams.get("user")){
onlyUserInput.value = decodeURIComponent(searchParams.get("user"));
onlyUser.checked = true
}
if(searchParams.get("activity")){
onlyActivity = parseInt(searchParams.get("activity"))
}
onlyMediaInput.setAttribute("list","userMedialist");
let feed = create("div","hohFeed",false,terms);
let topNav = create("div",false,false,feed,"position:relative;min-height:60px;margin-bottom:15px;");
let loading = create("p",false,translate("$loading"),topNav);
let pageCount = create("p",false,translate("$page",1),topNav);
let statusInput = create("div",false,false,topNav);
let onlySpecificActivity = false;
let statusInputTitle = create("input",false,false,statusInput,"display:none;border-width: 1px;padding: 4px;border-radius: 2px;color: rgb(159, 173, 189);background: rgb(var(--color-foreground));");
statusInputTitle.placeholder = "Title";
let inputArea = create("textarea",false,false,statusInput,"width: 99%;border-width: 1px;padding: 4px;border-radius: 2px;color: rgb(159, 173, 189);resize: vertical;");
inputArea.rows = 3;
inputArea.placeholder = translate("$placeholder_status");
create("br",false,false,statusInput);
let cancelButton = create("button",["hohButton","button"],translate("$button_cancel"),statusInput,"background:rgb(31,35,45);display:none;color: rgb(159, 173, 189);");
let publishButton = create("button",["hohButton","button"],translate("$button_publish"),statusInput,"display:none;");
let previewArea = create("div",false,false,statusInput,"display:none;");
let topPrevious = create("button",["hohButton","button"],translate("$button_refresh"),topNav,"position:fixed;top:120px;left:calc(5% - 50px);z-index:50;");
let topNext = create("button",["hohButton","button"],translate("$button_next"),topNav,"position:fixed;top:120px;right:calc(5% - 50px);z-index:50;");
let feedContent = create("div",false,false,feed);
let notiLink = create("a",["link","newTab"],"",topNav,"position:fixed;top:10px;right:10px;color:rgb(var(--color-blue));text-decoration:none;background:rgb(var(--color-red));border-radius: 10px;min-width: 20px;text-align: center;color:white;");
notiLink.href = "/notifications";
let lastUpdated = 0;
let changeURL = function(){
const baseState = location.protocol + "//" + location.host + location.pathname;
let params = [];
if(page !== 1){
params.push("page=" + page)
}
if(onlyUser.checked && onlyUserInput.value.length){
params.push("user=" + encodeURIComponent(onlyUserInput.value))
}
if(date){
params.push("date=" + date)
}
if(params.length){
params = "?" + params.join("&")
}
current = baseState + params;
history.replaceState({},"",baseState + params)
};
let handleNotifications = function(data){
if(data.data.Viewer){
notiLink.innerText = data.data.Viewer.unreadNotificationCount;
if(data.data.Viewer.unreadNotificationCount === 1){
notiLink.title = "1 unread notification"
}
else if(data.data.Viewer.unreadNotificationCount){
notiLink.title = data.data.Viewer.unreadNotificationCount + " unread notifications"
}
else{
notiLink.title = "no unread notifications"
}
}
}
let buildPage = function(activities,type,requestTime){
if(requestTime < lastUpdated){
return
}
lastUpdated = requestTime;
loading.innerText = "";
pageCount.innerText = translate("$page",page);
if(page === 1){
topPrevious.innerText = translate("$button_refresh")
}
else{
topPrevious.innerText = translate("$button_previous")
};
removeChildren(feedContent)
activities.forEach(activity => {
if(type === "thread" && useScripts.hideAWC && (activity.user === "AnimeWatchingClub" || activity.user === "AWC")){
return
}
let act = create("div","activity",false,feedContent);
let diff = NOW() - (new Date(activity.createdAt * 1000)).valueOf();
let time = create("span",["time","hohMonospace"],formatTime(Math.round(diff/1000),"short"),act,"width:50px;position:absolute;left:1px;top:2px;");
time.title = (new Date(activity.createdAt * 1000)).toLocaleString();
let content = create("div",false,false,act,"margin-left:60px;position:relative;");
if(!activity.user){
return
}
let user = create("a",["link","newTab"],activity.user.name,content);
if(activity.user.name === whoAmI){
user.classList.add("thisIsMe")
}
if(activity.type === "TEXT" && activity.media){
create("a",false,"'s review of " + titlePicker(activity.media),content)
}
user.href = "/user/" + activity.user.name + "/";
let actions = create("div","actions",false,content,"position:absolute;text-align:right;");
let replyWrap = create("span",["action","hohReplies"],false,actions,"display:inline-block;min-width:35px;margin-left:2px");
let replyCount = create("span","count",(activity.replies.length || activity.replyCount ? activity.replies.length || activity.replyCount : " "),replyWrap);
let replyIcon = create("span",false,false,replyWrap);
replyIcon.appendChild(svgAssets2.reply.cloneNode(true));
replyWrap.style.cursor = "pointer";
replyIcon.children[0].style.width = "13px";
replyIcon.stylemarginLeft = "-2px";
let likeWrap = create("span",["action","hohLikes"],false,actions,"display:inline-block;min-width:35px;margin-left:2px");
likeWrap.title = activity.likes.map(a => a.name).join("\n");
let likeCount = create("span","count",(activity.likes.length ? activity.likes.length : " "),likeWrap);
let heart = create("span",false,"♥",likeWrap,"position:relative;");
let likeQuickView = create("div","hohLikeQuickView",false,heart);
if(type === "review"){
heart.innerText = activity.rating + "/" + activity.ratingAmount
};
likeWrap.style.cursor = "pointer";
if(activity.likes.some(like => like.name === whoAmI)){
likeWrap.classList.add("hohILikeThis")
};
let likeify = function(likes,likeQuickView){
removeChildren(likeQuickView)
if(likes.length === 0){}
else if(likes.length === 1){
create("span",false,likes[0].name,likeQuickView,`color: hsl(${Math.abs(hashCode(likes[0].name)) % 360},50%,50%)`)
}
else if(likes.length === 2){
let name1 = create("span",false,likes[0].name.slice(0,(likes[0].name.length <= 6 ? likes[0].name.length : 4)),likeQuickView,`color: hsl(${Math.abs(hashCode(likes[0].name)) % 360},50%,50%)`);
create("span",false," & ",likeQuickView);
let name2 = create("span",false,likes[1].name.slice(0,(likes[1].name.length <= 6 ? likes[1].name.length : 4)),likeQuickView,`color: hsl(${Math.abs(hashCode(likes[1].name)) % 360},50%,50%)`);
name1.onmouseover = function(){
name1.innerText = likes[0].name
}
name2.onmouseover = function(){
name2.innerText = likes[1].name
}
}
else if(likes.length === 3){
let name1 = create("span",false,likes[0].name.slice(0,(likes[0].name.length <= 3 ? likes[0].name.length : 2)),likeQuickView,`color: hsl(${Math.abs(hashCode(likes[0].name)) % 360},50%,50%)`);
create("span",false,", ",likeQuickView);
let name2 = create("span",false,likes[1].name.slice(0,(likes[1].name.length <= 3 ? likes[1].name.length : 2)),likeQuickView,`color: hsl(${Math.abs(hashCode(likes[1].name)) % 360},50%,50%)`);
create("span",false," & ",likeQuickView);
let name3 = create("span",false,likes[2].name.slice(0,(likes[2].name.length <= 3 ? likes[1].name.length : 2)),likeQuickView,`color: hsl(${Math.abs(hashCode(likes[2].name)) % 360},50%,50%)`);
name1.onmouseover = function(){
name1.innerText = likes[0].name
}
name2.onmouseover = function(){
name2.innerText = likes[1].name
}
name3.onmouseover = function(){
name3.innerText = likes[2].name
}
}
else if(likes.length === 4){
likes.forEach(like => {
let name = create("span",false,like.name.slice(0,(like.name.length <= 3 ? like.name.length : 2)),likeQuickView,`color: hsl(${Math.abs(hashCode(like.name)) % 360},50%,50%)`);
create("span",false,", ",likeQuickView);
name.onmouseover = function(){
name.innerText = like.name
}
});
likeQuickView.lastChild.remove();
}
else if(likes.length === 5 || likes.length === 6){
likes.forEach(like => {
let name = create("span",false,like.name.slice(0,2),likeQuickView,`color: hsl(${Math.abs(hashCode(like.name)) % 360},50%,50%)`);
create("span",false," ",likeQuickView);
name.onmouseover = function(){
name.innerText = like.name
}
name.onmouseout = function(){
name.innerText = like.name.slice(0,2)
}
});
likeQuickView.lastChild.remove();
}
else if(likes.length < 12){
likes.forEach(like => {
let name = create("span",false,like.name[0],likeQuickView,`color: hsl(${Math.abs(hashCode(like.name)) % 360},50%,50%)`);
create("span",false," ",likeQuickView);
name.onmouseover = function(){
name.innerText = like.name
}
name.onmouseout = function(){
name.innerText = like.name[0]
}
});
likeQuickView.lastChild.remove();
}
else if(likes.length <= 20){
likes.forEach(like => {
let name = create("span",false,like.name[0],likeQuickView,`color: hsl(${Math.abs(hashCode(like.name)) % 360},50%,50%)`);
name.onmouseover = function(){
name.innerText = " " + like.name + " "
}
name.onmouseout = function(){
name.innerText = like.name[0]
}
});
}
};
likeify(activity.likes,likeQuickView);
likeWrap.onclick = function(){
if(type === "review"){
return
}
authAPIcall(
"mutation($id:Int){ToggleLike(id:$id,type:" + type.toUpperCase() + "){id}}",
{id: activity.id},
data => {}
);
if(likeWrap.classList.contains("hohILikeThis")){
activity.likes.splice(activity.likes.findIndex(user => user.name === whoAmI),1);
if(activity.likes.length === 0){
likeCount.innerText = " "
}
else{
likeCount.innerText = activity.likes.length
}
}
else{
activity.likes.push({name: whoAmI});
likeCount.innerText = activity.likes.length
};
likeWrap.classList.toggle("hohILikeThis");
likeWrap.title = activity.likes.map(a => a.name).join("\n");
likeify(activity.likes,likeQuickView);
};
replyWrap.onclick = function(){
if(act.querySelector(".replies")){
act.lastChild.remove()
}
else if(type === "thread"){
window.location = "https://anilist.co/forum/thread/" + activity.id + "/";//remove when implemented
let createReplies = data => {//what's happening here? Must look into it later
let replies = create("div","replies",false,act);
data.data.threadReplies.forEach(function(repy){
});
};
//generalAPIcall(``,{},createReplies)
}
else{
let createReplies = function(){
let replies = create("div","replies",false,act);
let statusInput;
let inputArea;
let cancelButton;
let publishButton;
let onlySpecificActivity = false;
activity.replies.forEach(reply => {
reply.text = makeHtml(reply.text);
let rep = create("div","reply",false,replies);
let ndiff = NOW() - (new Date(reply.createdAt * 1000)).valueOf();
let time = create("span",["time","hohMonospace"],formatTime(Math.round(ndiff/1000),"short"),rep,"width:50px;position:absolute;left:1px;top:2px;");
time.title = (new Date(activity.createdAt * 1000)).toLocaleString();
let user = create("a",["link","newTab"],reply.user.name,rep,"margin-left:60px;position:absolute;");
if(reply.user.name === whoAmI){
user.classList.add("thisIsMe")
}
user.href = "/user/" + reply.user.name + "/";
let text = create("div","status",false,rep,"padding-bottom:10px;margin-left:5px;max-width:100%;padding-top:10px;");
if(useScripts.termsFeedNoImages && !activity.renderingPermission){
let imgText = reply.text.replace(//g,img => {
let link = img.match(//)[2];
return "[" + (link.length > 200 ? link.slice(0,200) + "…" : link) + "]"
})
text.innerHTML = DOMPurify.sanitize(imgText)//reason for inner HTML: preparsed sanitized HTML from the Anilist API
}
else{
text.innerHTML = DOMPurify.sanitize(reply.text)//reason for inner HTML: preparsed sanitized HTML from the Anilist API
}
Array.from(text.querySelectorAll(".youtube")).forEach(ytLink => {
create("a",["link","newTab"],"Youtube " + ytLink.id,ytLink)
.href = "https://www.youtube.com/watch?v=" + ytLink.id;
});
let actions = create("div","actions",false,rep,"position:absolute;text-align:right;right:4px;bottom:0px;");
let likeWrap = create("span",["action","hohLikes"],false,actions,"display:inline-block;min-width:35px;margin-left:2px");
likeWrap.title = reply.likes.map(a => a.name).join("\n");
let likeCount = create("span","count",(reply.likes.length ? reply.likes.length : " "),likeWrap);
let heart = create("span",false,"♥",likeWrap,"position:relative;");
let likeQuickView = create("div","hohLikeQuickView",false,heart,"position:absolute;bottom:0px;left:30px;font-size:70%;white-space:nowrap;");
likeWrap.style.cursor = "pointer";
if(reply.likes.some(like => like.name === whoAmI)){
likeWrap.classList.add("hohILikeThis");
};
likeify(reply.likes,likeQuickView);
likeWrap.onclick = function(){
authAPIcall(
"mutation($id:Int){ToggleLike(id:$id,type:ACTIVITY_REPLY){id}}",
{id: reply.id},
data => {}
);
if(likeWrap.classList.contains("hohILikeThis")){
reply.likes.splice(reply.likes.findIndex(user => user.name === whoAmI),1);
if(reply.likes.length === 0){
likeCount.innerText = " ";
}
else{
likeCount.innerText = reply.likes.length;
};
}
else{
reply.likes.push({name: whoAmI});
likeCount.innerText = reply.likes.length;
};
likeWrap.classList.toggle("hohILikeThis");
likeWrap.title = reply.likes.map(a => a.name).join("\n");
likeify(reply.likes,likeQuickView);
};
if(reply.user.name === whoAmI){
let edit = create("a",false,translate("$button_edit"),rep,"position:absolute;top:2px;right:40px;width:10px;cursor:pointer;font-size:small;color:inherit;");
edit.onclick = function(){
authAPIcall(
`query($id: Int){
ActivityReply(id: $id){
text(asHtml: false)
}
}`,
{id: reply.id},
data => {
if(!data){
onlySpecificActivity = false;
}
inputArea.focus();
onlySpecificActivity = reply.id;
inputArea.value = data.data.ActivityReply.text;
}
)
}
}
});
statusInput = create("div",false,false,replies);
inputArea = create("textarea",false,false,statusInput,"width: 99%;border-width: 1px;padding: 4px;border-radius: 2px;color: rgb(159, 173, 189);resize: vertical;");
cancelButton = create("button",["hohButton","button"],translate("$button_cancel"),statusInput,"background:rgb(31,35,45);display:none;color: rgb(159, 173, 189);");
publishButton = create("button",["hohButton","button"],translate("$button_publish"),statusInput,"display:none;");
inputArea.placeholder = translate("$placeholder_reply");
inputArea.onfocus = function(){
cancelButton.style.display = "inline";
publishButton.style.display = "inline";
};
cancelButton.onclick = function(){
inputArea.value = "";
cancelButton.style.display = "none";
publishButton.style.display = "none";
document.activeElement.blur();
};
publishButton.onclick = function(){
if(onlySpecificActivity){
loading.innerText = "Editing reply...";
authAPIcall(
`mutation($text: String,$id: Int){
SaveActivityReply(text: $text,id: $id){
id
user{name}
likes{name}
text(asHtml: true)
createdAt
}
}`,
{text: emojiSanitize(inputArea.value),id: onlySpecificActivity},
data => {
loading.innerText = "";
if(data){
for(let j=0;j {
loading.innerText = "";
if(data){
activity.replies.push(data.data.SaveActivityReply);
replyCount.innerText = activity.replies.length;
act.lastChild.remove();
createReplies()
}
}
);
}
inputArea.value = "";
cancelButton.style.display = "none";
publishButton.style.display = "none";
document.activeElement.blur();
};
};createReplies();
};
};
let status;
if(activity.type === "TEXT" || activity.type === "MESSAGE"){
status = create("div",false,false,content,"padding-bottom:10px;width:95%;overflow-wrap:anywhere;");
activity.text = makeHtml(activity.text);
//activity.text = "" + activity.text.replace(/\n\n/g,"
") + "
";//workaround for API bug
if(useScripts.termsFeedNoImages){
let imgCount = 0;
let webmCount = 0;
let imgText = activity.text.replace(//g,img => {
let link = img.match(//)[2];
imgCount++;
return "[" + (link.length > 200 ? link.slice(0,200) + "…" : link) + "]"
}).replace(//g,video => {
let link = video.match(/src=("|')(.*?)("|')/)[2];
webmCount++;
return "[" + (link.length > 200 ? link.slice(0,200) + "…" : link) + "]"
})
status.innerHTML = DOMPurify.sanitize(imgText);//reason for inner HTML: preparsed sanitized HTML from the Anilist API
if(imgText !== activity.text){
let render = create("a",false,"IMG",act,"position:absolute;top:2px;right:20px;cursor:pointer;");
render.title = "load images";
if(imgCount === 0 && webmCount){
render.innerText = "WebM";
render.title = "load webms"
}
else if(imgCount && webmCount){
render.innerText = "IMG+WebM";
render.title = "load images and webms"
}
render.onclick = () => {
activity.renderingPermission = true;
status.innerHTML = DOMPurify.sanitize(activity.text);//reason for inner HTML: preparsed sanitized HTML from the Anilist API
render.style.display = "none"
}
}
}
else{
status.innerHTML = DOMPurify.sanitize(activity.text);//reason for inner HTML: preparsed sanitized HTML from the Anilist API
}
Array.from(status.querySelectorAll(".youtube")).forEach(ytLink => {
create("a",["link","newTab"],ytLink.id,ytLink)
.href = ytLink.id
});
if(activity.user.name === whoAmI && (activity.type === "TEXT" || activity.type === "MESSAGE") && type !== "thread"){
let edit = create("a",false,translate("$button_edit"),act,"position:absolute;top:2px;right:40px;width:10px;cursor:pointer;font-size:small;color:inherit;");
if(useScripts.termsFeedNoImages){
edit.style.right = "80px"
}
edit.onclick = function(){
loading.innerText = "Loading activity " + activity.id + "...";
if(terms.scrollIntoView){
terms.scrollIntoView({"behavior": "smooth","block": "start"})
}
else{
document.body.scrollTop = document.documentElement.scrollTop = 0
};
if(activity.type === "MESSAGE"){
authAPIcall(
`query($id: Int){
Activity(id: $id){
... on MessageActivity{
text:message(asHtml: false)
}
}
}`,
{id: activity.id},
data => {
if(!data){
onlySpecificActivity = false;
loading.innerText = "Failed to load message";
}
inputArea.focus();
onlySpecificActivity = activity.id;
loading.innerText = "Editing message " + activity.id;
inputArea.value = data.data.Activity.text;
}
)
}
else{
authAPIcall(
`query($id: Int){
Activity(id: $id){
... on TextActivity{
text(asHtml: false)
}
}
}`,
{id: activity.id},
data => {
if(!data){
onlySpecificActivity = false;
loading.innerText = "Failed to load activity";
}
inputArea.focus();
onlySpecificActivity = activity.id;
loading.innerText = "Editing activity " + activity.id;
inputArea.value = data.data.Activity.text;
}
)
}
}
}
act.classList.add("text");
actions.style.right = "21px";
actions.style.bottom = "4px";
}
else{
status = create("span",false," " + activity.status + " ",content);
if(activity.progress){
status.innerText += " " + activity.progress + " of "
};
if(activity.media.type === "MANGA"){
if(activity.status === "read chapter" && activity.progress){
status.innerText = " " + translate("$listActivity_MreadChapter",activity.progress)
}
else if(activity.status === "reread chapter" && activity.progress){
status.innerText = " " + translate("$listActivity_MrepeatingManga",activity.progress)
}
else if(activity.status === "dropped" && activity.progress){
status.innerText = " " + translate("$listActivity_MdroppedManga",activity.progress)
}
else if(activity.status === "completed"){
status.innerText = " " + translate("$listActivity_completedManga")
}
else if(activity.status === "plans to read"){
status.innerText = " " + translate("$listActivity_planningManga")
}
else if(activity.status === "paused reading"){
status.innerText = " " + translate("$listActivity_pausedManga")
}
else{
console.warn("Missing listActivity translation key for:",activity.status)
}
}
else{
if(activity.status === "watched episode" && activity.progress){
status.innerText = " " + translate("$listActivity_MwatchedEpisode",activity.progress)
}
else if(activity.status === "rewatched episode" && activity.progress){
status.innerText = " " + translate("$listActivity_MrepeatingAnime",activity.progress)
}
else if(activity.status === "dropped" && activity.progress){
status.innerText = " " + translate("$listActivity_MdroppedAnime",activity.progress)
}
else if(activity.status === "completed"){
status.innerText = " " + translate("$listActivity_completedAnime")
}
else if(activity.status === "plans to watch"){
status.innerText = " " + translate("$listActivity_planningAnime")
}
else if(activity.status === "paused watching"){
status.innerText = " " + translate("$listActivity_pausedAnime")
}
else{
console.warn("Missing listActivity translation key for:",activity.status)
}
}
let title = activity.media.title.romaji;
if(useScripts.titleLanguage === "NATIVE" && activity.media.title.native){
title = activity.media.title.native
}
else if(useScripts.titleLanguage === "ENGLISH" && activity.media.title.english){
title = activity.media.title.english
};
dataMedia.add(title);
title = titlePicker(activity.media);
let media = create("a",["link","newTab"],title,content);
media.href = "/" + activity.media.type.toLowerCase() + "/" + activity.media.id + "/" + safeURL(title) + "/";
if(activity.media.type === "MANGA" && useScripts.CSSgreenManga){
media.style.color = "rgb(var(--color-green))"
};
act.classList.add("list");
actions.style.right = "21px";
actions.style.top = "2px";
if(useScripts.statusBorder){
let blockerMap = {
"plans": "PLANNING",
"watched": "CURRENT",
"read": "CURRENT",
"completed": "COMPLETED",
"paused": "PAUSED",
"dropped": "DROPPED",
"rewatched": "REPEATING",
"reread": "REPEATING"
};
let status = blockerMap[
Object.keys(blockerMap).find(
key => activity.status.includes(key)
)
]
if(status === "CURRENT"){
//nothing
}
else if(status === "COMPLETED"){
act.style.borderLeftWidth = "3px";
act.style.marginLeft = "-2px";
if(useScripts.CSSgreenManga && activity.media.type === "ANIME"){
act.style.borderLeftColor = "rgb(var(--color-blue))";
}
else{
act.style.borderLeftColor = "rgb(var(--color-green))";
}
}
else{
act.style.borderLeftWidth = "3px";
act.style.marginLeft = "-2px";
act.style.borderLeftColor = distributionColours[status]
}
}
};
let link = create("a",["link","newTab"],false,act,"position:absolute;top:2px;right:4px;width:10px;");
link.appendChild(svgAssets2.link.cloneNode(true));
if(type === "thread"){
link.href = "https://anilist.co/forum/thread/" + activity.id + "/"
}
else{
link.href = "https://anilist.co/" + type + "/" + activity.id + "/"
}
if(activity.user.name === whoAmI){
let deleteActivity = create("span","hohDeleteActivity",svgAssets.cross,act);
deleteActivity.title = "Delete";
deleteActivity.onclick = function(){
authAPIcall(
"mutation($id: Int){Delete" + capitalize(type) + "(id: $id){deleted}}",
{id: activity.id},
function(data){
if(data.data.DeleteActivity.deleted){
act.style.display = "none"
}
}
)
}
}
dataUsers.add(activity.user.name);
activity.replies.forEach(reply => {
dataUsers.add(reply.user.name);
(reply.text.match(/@(.*?) {
dataUsers.add(user.slice(1,user.length-1))
})
})
});
if(terms.scrollIntoView){
terms.scrollIntoView({"behavior": "smooth","block": "start"})
}
else{
document.body.scrollTop = document.documentElement.scrollTop = 0
};
removeChildren(dataUsersList)
dataUsers.forEach(user => {
create("option",false,false,dataUsersList)
.value = user
});
removeChildren(dataMediaList)
dataMedia.forEach(media => {
create("option",false,false,dataMediaList)
.value = media
})
};
let requestPage = function(npage,userID){
page = npage;
changeURL();
let types = [];
if(!onlyUser.checked || date){
types.push("MESSAGE")
}
if(onlyStatus.checked){
types.push("ANIME_LIST","MANGA_LIST")
};
let specificUser = onlyUserInput.value || whoAmI;
if(onlyUser.checked && !userID){
generalAPIcall("query($name:String){User(name:$name){id}}",{name: specificUser},function(data){
if(data){
requestPage(npage,data.data.User.id)
}
else{
loading.innerText = "Not Found";
deleteCacheItem("hohIDlookup" + specificUser.toLowerCase());
if(!onlyUserInput.value){
requestPage(npage)
}
}
},"hohIDlookup" + specificUser.toLowerCase());
return;
};
let requestTime = NOW();
if(onlyForum.checked){
authAPIcall(
`
query($page: Int){
Page(page: $page){
threads(sort:REPLIED_AT_DESC${(onlyUser.checked ? ",userId: " + userID : "")}${onlyMedia.checked && onlyMediaResult.id ? ",mediaCategoryId: " + onlyMediaResult.id : ""}){
id
createdAt
user{name}
text:body
likes{name}
title
replyCount
}
}
Viewer{unreadNotificationCount}
}`,
{page: npage},
function(data){
if(!data){
loading.innerText = "connection error";
return
}
buildPage(data.data.Page.threads.map(thread => {
thread.type = "TEXT";
thread.replies = [];
thread.text = "" + thread.title + "
" + thread.text;
return thread
}).filter(thread => thread.replyCount || !onlyReplies.checked),"thread",requestTime);
handleNotifications(data)
}
)
}
else if(onlyReviews.checked){
authAPIcall(
`
query($page: Int){
Page(page: $page,perPage: 20){
reviews(sort:CREATED_AT_DESC${(onlyUser.checked ? ",userId: " + userID : "")}${onlyMedia.checked && onlyMediaResult.id ? ",mediaId: " + onlyMediaResult.id : ""}){
id
createdAt
user{name}
media{
id
type
title{romaji native english}
}
summary
body
rating
ratingAmount
}
}
Viewer{unreadNotificationCount}
}`,
{page: npage},
function(data){
if(!data){
loading.innerText = "connection error";
return
}
buildPage(data.data.Page.reviews.map(review => {
review.type = "TEXT";
review.likes = [];
review.replies = [{
id: review.id,
user: review.user,
likes: [],
text: review.body,
createdAt: review.createdAt
}];
review.text = review.summary;
return review
}),"review",requestTime);
handleNotifications(data)
}
)
}
else{
authAPIcall(
`
query($page: Int,$types: [ActivityType]){
Page(page: $page){
activities(${(onlyUser.checked || onlyGlobal.checked ? "" : "isFollowing: true,")}sort: ID_DESC,type_not_in: $types${(onlyReplies.checked ? ",hasReplies: true" : "")}${(onlyUser.checked ? ",userId: " + userID : "")}${(onlyGlobal.checked ? ",hasRepliesOrTypeText: true" : "")}${onlyMedia.checked && onlyMediaResult.id ? ",mediaId: " + onlyMediaResult.id : ""}${date ? ",createdAt_greater: " + (dateToJST(date)/1000) + ",createdAt_lesser: " + (dateToJST(date)/1000 + 24*60*60) : ""}){
... on MessageActivity{
id
type
createdAt
user:messenger{name}
text:message
likes{name}
replies{
id
user{name}
likes{name}
text
createdAt
}
}
... on TextActivity{
id
type
createdAt
user{name}
text
likes{name}
replies{
id
user{name}
likes{name}
text
createdAt
}
}
... on ListActivity{
id
type
createdAt
user{name}
status
progress
media{
id
type
title{romaji native english}
}
likes{name}
replies{
id
user{name}
likes{name}
text
createdAt
}
}
}
}
Viewer{unreadNotificationCount}
}`,
{page: npage,types:types},
function(data){
if(!data){
loading.innerText = "connection error";
return
}
buildPage(data.data.Page.activities,"activity",requestTime);
handleNotifications(data)
}
)
}
};
requestPage(page);
let setInputs = function(){
statusInputTitle.style.display = "none";
if(onlyReviews.checked){
inputArea.placeholder = "Writing reviews not supported yet...";
publishButton.innerText = translate("$button_publish")
}
else if(onlyForum.checked){
inputArea.placeholder = translate("$placeholder_forum");
statusInputTitle.style.display = "block";
publishButton.innerText = translate("$button_publish")
}
else if(onlyUser.checked && onlyUserInput.value && onlyUserInput.value.toLowerCase() !== whoAmI.toLowerCase()){
inputArea.placeholder = translate("$placeholder_message");
publishButton.innerText = "Send"
}
else{
inputArea.placeholder = translate("$placeholder_status");
publishButton.innerText = translate("$button_publish")
}
};
topPrevious.onclick = function(){
loading.innerText = translate("$loading");
if(page === 1){
requestPage(1)
}
else{
requestPage(page - 1)
}
};
topNext.onclick = function(){
loading.innerText = translate("$loading");
requestPage(page + 1)
};
onlyGlobal.onchange = function(){
loading.innerText = translate("$loading");
statusInputTitle.style.display = "none";
inputArea.placeholder = translate("$placeholder_status");
onlyUser.checked = false;
onlyForum.checked = false;
onlyReviews.checked = false;
requestPage(1)
};
onlyStatus.onchange = function(){
loading.innerText = translate("$loading");
onlyForum.checked = false;
onlyReviews.checked = false;
onlyMedia.checked = false;
requestPage(1)
};
onlyReplies.onchange = function(){
loading.innerText = translate("$loading");
onlyReviews.checked = false;
requestPage(1)
};
onlyUser.onchange = function(){
setInputs();
loading.innerText = translate("$loading");
onlyGlobal.checked = false;
requestPage(1)
};
onlyForum.onchange = function(){
setInputs();
loading.innerText = translate("$loading");
onlyGlobal.checked = false;
onlyStatus.checked = false;
onlyReviews.checked = false;
requestPage(1)
};
onlyMedia.onchange = function(){
setInputs();
loading.innerText = translate("$loading");
requestPage(1)
};
onlyReviews.onchange = function(){
setInputs();
onlyGlobal.checked = false;
onlyStatus.checked = false;
onlyForum.checked = false;
onlyReplies.checked = false;
loading.innerText = translate("$loading");
requestPage(1)
}
let oldOnlyUser = "";
onlyUserInput.onfocus = function(){
oldOnlyUser = onlyUserInput.value
};
let oldOnlyMedia = "";
onlyMediaInput.onfocus = function(){
oldOnlyMedia = onlyMediaInput.value
};
onlyMediaInput.onblur = function(){
if(onlyMediaInput.value === oldOnlyMedia){
return
}
if(onlyMediaInput.value === ""){
removeChildren(mediaDisplayResults)
onlyMediaResult.id = false
}
else{
if(!mediaDisplayResults.childElementCount){
create("span",false,translate("$searching"),mediaDisplayResults);
}
generalAPIcall(`
query($search: String){
Page(page:1,perPage:5){
media(search:$search,sort:SEARCH_MATCH){
title{romaji native english}
id
type
}
}
}`,
{search: onlyMediaInput.value},
function(data){
removeChildren(mediaDisplayResults)
data.data.Page.media.forEach((media,index) => {
let result = create("div",["hohSearchResult",media.type.toLowerCase()],false,mediaDisplayResults);
let title = create("span",false,titlePicker(media),result);
if(useScripts.accessToken){
let editButton = create("span","termsFeedEdit","edit",result);
editButton.onclick = function(){
event.stopPropagation();
event.preventDefault();
authAPIcall(`
query($id: Int,$userName: String){
MediaList(
userName: $userName,
mediaId: $id
){
progress
score
status
id
}
}`,
{id: media.id,userName: whoAmI},
function(entry,paras,errors){
if(!entry && errors.errors[0].message !== "Not Found."){
console.log(errors);
return
}
let editor = createDisplayBox("width:600px;height:500px;top:100px;left:220px",titlePicker(media));
let progressLabel = create("p",false,"Progress:",editor);
let progressInput = create("input","hohInput",false,editor);
progressInput.type = "number";
progressInput.min = 0;
if(entry && entry.data.MediaList.progress){
progressInput.value = entry.data.MediaList.progress
}
else{
progressInput.value = 0
}
create("hr",false,false,editor);
let saveButton = create("button","hohButton","Save",editor);
saveButton.onclick = function(){
if(entry){
authAPIcall(
`mutation($progress: Int,$id: Int){
SaveMediaListEntry(progress: $progress,id:$id){id}
}`,
{id: entry.data.MediaList.id, progress: parseInt(progressInput.value)},
data => {}
)
}
else{
authAPIcall(
`mutation($progress: Int,$id: Int){
SaveMediaListEntry(progress: $progress,mediaId:$id){id}
}`,
{id: media.id, progress: parseInt(progressInput.value)},
data => {}
)
}
}
}
)
}
}
if(index === 0){
result.classList.add("selected");
onlyMediaResult.id = media.id;
onlyMediaResult.type = media.type
}
result.onclick = function(){
mediaDisplayResults.querySelector(".selected").classList.toggle("selected");
result.classList.add("selected");
onlyMediaResult.id = media.id;
onlyMediaResult.type = media.type;
onlyMedia.checked = true;
onlyStatus.checked = false;
loading.innerText = translate("$loading");
requestPage(1)
}
});
if(data.data.Page.media.length){
onlyMedia.checked = true;
onlyStatus.checked = false;
loading.innerText = translate("$loading");
requestPage(1)
}
else{
create("span",false,translate("$noResults"),mediaDisplayResults);
onlyMediaResult.id = false
}
}
)
}
};
onlyUserInput.onblur = function(){
if(onlyForum.checked){
inputArea.placeholder = translate("$placeholder_forum");
publishButton.innerText = translate("$button_publish")
}
else if(
(onlyUser.checked && onlyUserInput.value && onlyUserInput.value.toLowerCase() !== whoAmI.toLowerCase())
|| (oldOnlyUser !== onlyUserInput.value && onlyUserInput.value !== "")
){
inputArea.placeholder = translate("$placeholder_message");
publishButton.innerText = "Send"
}
else{
inputArea.placeholder = translate("$placeholder_status");
publishButton.innerText = translate("$button_publish")
}
if(oldOnlyUser !== onlyUserInput.value && onlyUserInput.value !== ""){
loading.innerText = translate("$loading");
onlyUser.checked = true;
requestPage(1)
}
else if(onlyUser.checked && oldOnlyUser !== onlyUserInput.value){
loading.innerText = translate("$loading");
requestPage(1)
}
};
onlyUserInput.addEventListener("keyup",function(event){
if(event.key === "Enter"){
onlyUserInput.blur()
}
});
onlyMediaInput.addEventListener("keyup",function(event){
if(event.key === "Enter"){
onlyMediaInput.blur()
}
});
inputArea.onfocus = function(){
cancelButton.style.display = "inline";
publishButton.style.display = "inline";
previewArea.style.display = "inline"
};
inputArea.oninput = function(){
previewArea.innerHTML = DOMPurify.sanitize(makeHtml(inputArea.value))
}
cancelButton.onclick = function(){
inputArea.value = "";
inputArea.rows = 3;
inputArea.style.height = "unset";
previewArea.innerText = "";
cancelButton.style.display = "none";
publishButton.style.display = "none";
previewArea.style.display = "none";
loading.innerText = "";
onlySpecificActivity = false;
document.activeElement.blur()
};
publishButton.onclick = function(){
if(onlyForum.checked){
alert(translate("$notImplemented"));
//loading.innerText = "Publishing forum post...";
return
}
else if(onlyReviews.checked){
alert(translate("$notImplemented"));
//loading.innerText = "Publishing review...";
return
}
else if(onlySpecificActivity){
loading.innerText = "Publishing...";
let mutation;
if(onlyUser.checked && onlyUserInput.value && onlyUserInput.value.toLowerCase() !== whoAmI.toLowerCase()){
mutation = "mutation($text: String,$id: Int){SaveMessageActivity(id: $id,message: $text){id}}"
}
else{
mutation = "mutation($text: String,$id: Int){SaveTextActivity(id: $id,text: $text){id}}"
}
authAPIcall(
mutation,
{text: inputArea.value,id: onlySpecificActivity},
function(data){
onlySpecificActivity = false;
requestPage(1)
}
)
}
else if(onlyUser.checked && onlyUserInput.value && onlyUserInput.value.toLowerCase() !== whoAmI.toLowerCase()){
loading.innerText = "Sending Message...";
generalAPIcall("query($name:String){User(name:$name){id}}",{name: onlyUserInput.value},function(data){
if(data){
authAPIcall(
"mutation($text: String,$recipientId: Int){SaveMessageActivity(message: $text,recipientId: $recipientId){id}}",
{
text: emojiSanitize(inputArea.value),
recipientId: data.data.User.id
},
function(data){
requestPage(1)
}
)
}
else{
loading.innerText = "Not Found"
}
},"hohIDlookup" + onlyUserInput.value.toLowerCase())
}
else{
loading.innerText = "Publishing...";
authAPIcall(
"mutation($text: String){SaveTextActivity(text: $text){id}}",
{text: emojiSanitize(inputArea.value)},
function(data){
requestPage(1)
}
)
}
inputArea.value = "";
previewArea.innerText = "";
cancelButton.style.display = "none";
publishButton.style.display = "none";
document.activeElement.blur()
};
let sideBarContent = create("div","sidebar",false,feed,"position:absolute;left:20px;top:200px;max-width:150px;");
let buildPreview = function(data){
if(!data){
return
}
removeChildren(sideBarContent)
let mediaLists = data.data.Page.mediaList.map(mediaList => {
if(aliases.has(mediaList.media.id)){
mediaList.media.title.userPreferred = aliases.get(mediaList.media.id)
}
return mediaList
});
mediaLists.slice(0,20).forEach(mediaList => {
let mediaEntry = create("div",false,false,sideBarContent,"border-bottom: solid;border-bottom-width: 1px;margin-bottom: 10px;border-radius: 3px;padding: 2px;");
create("a","link",mediaList.media.title.userPreferred,mediaEntry,"min-height:40px;display:inline-block;")
.href = "/anime/" + mediaList.media.id + "/" + safeURL(mediaList.media.title.userPreferred);
let progress = create("div",false,false,mediaEntry,"font-size: small;");
create("span",false,"Progress: ",progress);
let number = create("span",false,mediaList.progress + (mediaList.media.episodes ? "/" + mediaList.media.episodes : ""),progress);
let plusProgress = create("span",false,"+",progress,"padding-left:5px;padding-right:5px;cursor:pointer;");
let isBlocked = false;
plusProgress.onclick = function(e){
if(isBlocked){
return
};
if(mediaList.media.episodes){
if(mediaList.progress < mediaList.media.episodes){
mediaList.progress++;
number.innerText = mediaList.progress + (mediaList.media.episodes ? "/" + mediaList.media.episodes : "");
isBlocked = true;
setTimeout(function(){
isBlocked = false;
},300);
if(mediaList.progress === mediaList.media.episodes){
plusProgress.innerText = "";
if(mediaList.status === "REWATCHING"){//don't overwrite the existing end date
authAPIcall(
`mutation($progress: Int,$id: Int){
SaveMediaListEntry(progress: $progress,id:$id,status:COMPLETED){id}
}`,
{id: mediaList.id,progress: mediaList.progress},
data => {}
)
}
else{
authAPIcall(
`mutation($progress: Int,$id: Int,$date:FuzzyDateInput){
SaveMediaListEntry(progress: $progress,id:$id,status:COMPLETED,completedAt:$date){id}
}`,
{
id: mediaList.id,
progress: mediaList.progress,
date: {
year: (new Date()).getUTCFullYear(),
month: (new Date()).getUTCMonth() + 1,
day: (new Date()).getUTCDate(),
}
},
data => {}
)
};
mediaEntry.style.backgroundColor = "rgba(0,200,0,0.1)"
}
else{
authAPIcall(
`mutation($progress: Int,$id: Int){
SaveMediaListEntry(progress: $progress,id:$id){id}
}`,
{id: mediaList.id,progress: mediaList.progress},
data => {}
)
}
localStorage.setItem("hohListPreview",JSON.stringify(data))
}
}
else{
mediaList.progress++;
number.innerText = mediaList.progress + (mediaList.media.episodes ? "/" + mediaList.media.episodes : "");
isBlocked = true;
setTimeout(function(){
isBlocked = false;
},300);
authAPIcall(
`mutation($progress: Int,$id: Int){
SaveMediaListEntry(progress: $progress,id:$id){id}
}`,
{id: mediaList.id,progress: mediaList.progress},
data => {}
);
localStorage.setItem("hohListPreview",JSON.stringify(data))
};
e.stopPropagation();
e.preventDefault();
return false
}
})
};
authAPIcall(
`query($name: String){
Page(page:1){
mediaList(type:ANIME,status_in:[CURRENT,REPEATING],userName:$name,sort:UPDATED_TIME_DESC){
id
priority
scoreRaw: score(format: POINT_100)
progress
status
media{
id
episodes
coverImage{large color}
title{userPreferred}
nextAiringEpisode{episode timeUntilAiring}
}
}
}
}`,{name: whoAmI},function(data){
localStorage.setItem("hohListPreview",JSON.stringify(data));
buildPreview(data,true)
}
);
buildPreview(JSON.parse(localStorage.getItem("hohListPreview")),false)
}
})
//end modules/termsFeed.js
//begin modules/tweets.js
exportModule({
id: "tweets",
description: "$setting_tweets",
extendedDescription: `
This works by runnig Twitter's official embedding script. But since loading external code is not allowed for Firefox addons, this setting will only work in userscript mode.
Be adviced that Twitter embedding displays NSFW content no differently than other content.
`,
isDefault: false,
categories: ["Feeds"],
visible: true
})
let tweetLoop = setInterval(function(){
if(useScripts.tweets){
document.querySelectorAll(
`.markdown a[href^="https://twitter.com/"][href*="/status/"]`
).forEach(tweet => {
if(tweet.classList.contains("hohEmbedded")){
return
};
let tweetMatch = tweet.href.match(/^https:\/\/twitter\.com\/(.+?)\/status\/\d+/)
if(!tweetMatch || tweet.href !== tweet.innerText){
return
}
tweet.classList.add("hohEmbedded");
let tweetBlockQuote = create("blockquote",false,false,tweet);
tweetBlockQuote.classList.add("twitter-tweet");
if(document.body.classList.contains("site-theme-dark")){
tweetBlockQuote.setAttribute("data-theme","dark")
}
let tweetBlockQuoteInner = create("p",false,false,tweetBlockQuote);
tweetBlockQuoteInner.setAttribute("lang","en");
tweetBlockQuoteInner.setAttribute("dir","ltr");
let tweetBlockQuoteInnerInner = create("a","hohEmbedded","Loading tweet by " + tweetMatch[1] + "...",tweetBlockQuoteInner)
.href = tweet.href;
if(window.GM_xmlhttpRequest){
/*
Only fetch external script if running in userscript mode (window.GM_xmlhttpRequest is only available inside a userscript manager)
This is not allowed for Firefox addons, even if this setting is disabled by default.
Hence this check
*/
if(document.getElementById("automailTwitterEmbed") && window.twttr){
window.twttr.widgets.load(tweet)
}
else{
let script = document.createElement("script");
script.setAttribute("src","https://platform.twitter.com/widgets.js");
script.setAttribute("async","");
script.id = "automailTwitterEmbed";
document.head.appendChild(script)
}
}
})
}
},400);
//end modules/tweets.js
//begin modules/twoColumnFeed.js
exportModule({
id: "twoColumnFeed",
description: translate("$twoColumnFeed_description"),
isDefault: false,
importance: 0,
categories: ["Feeds"],
visible: true,
css: `
.home .activity-feed{
grid-template-columns: repeat(2,1fr);
display: grid;
grid-column-gap: 15px;
}
.home .activity-feed .activity-entry.activity-text{
grid-column: 1/3;
}
.home .activity-feed .activity-entry{
margin-bottom: 15px;
}
`
})
if(useScripts.twoColumnFeed && !useScripts.CSSverticalNav){
moreStyle.textContent += `
.home{
margin-left: -15px;
margin-right: -15px;
}
@media(min-width: 1540px){
.home{
margin-left: -95px;
margin-right: -95px;
}
}
@media(min-width:1040px) and (max-width:1540px){
.home{
margin-left: -45px;
margin-right: -45px;
}
}
@media(min-width:760px) and (max-width:1040px){
.home{
margin-left: -25px;
margin-right: -25px;
}
}
`
}
//end modules/twoColumnFeed.js
//begin modules/unicodifier.js
exportModule({
id: "unicodifier",
description: translate("$module_unicodifier_description"),
extendedDescription: translate("$module_unicodifier_extendedDescription"),
isDefault: false,
importance: 0,
categories: ["Feeds","Forum","Newly Added"],
visible: true
})
setInterval(function(){
Array.from(document.querySelectorAll(".activity-edit textarea.el-textarea__inner,.editor textarea.el-textarea__inner")).forEach(editor => {
if(editor.value){
editor.value = emojiSanitize(editor.value);
editor.dispatchEvent(new Event("input",{bubbles: false}))
}
})
},2000)
//end modules/unicodifier.js
//begin modules/videoMimeTypeFixer.js
exportModule({
id: "videoMimeTypeFixer",
description: "Detect video mime type by file extension [you probably don't need this]",
extendedDescription: `
Anilist by default serves all video as "video/webm".
However, it's common to use non-webm video, as brower support is common.
But some browsers don't autodetect the proper mime type. This module adds a mime type based on the file extension, which may help if the video won't play otherwise.
`,
isDefault: false,
categories: ["Feeds"],
visible: true
})
if(useScripts.videoMimeTypeFixer){
setInterval(function(){
document.querySelectorAll('source[src$=".av1"][type="video/webm"]').forEach(video => {
video.setAttribute("type","video/av1")
})
document.querySelectorAll('source[src$=".mp4"][type="video/webm"]').forEach(video => {
video.setAttribute("type","video/mp4")
})
},2000)
}
//end modules/videoMimeTypeFixer.js
//begin modules/viewAdvancedScores.js
function viewAdvancedScores(url){
let URLstuff = url.match(/^https:\/\/anilist\.co\/user\/(.+)\/(anime|manga)list\/?/);
let name = decodeURIComponent(URLstuff[1]);
generalAPIcall(
`query($name:String!){
User(name:$name){
mediaListOptions{
animeList{advancedScoringEnabled}
mangaList{advancedScoringEnabled}
}
}
}`,
{name: name},function(data){
if(
!(
(URLstuff[2] === "anime" && data.data.User.mediaListOptions.animeList.advancedScoringEnabled)
|| (URLstuff[2] === "manga" && data.data.User.mediaListOptions.mangaList.advancedScoringEnabled)
)
){
return
};
generalAPIcall(
`query($name:String!,$listType:MediaType){
MediaListCollection(userName:$name,type:$listType){
lists{
entries{mediaId advancedScores}
}
}
}`,
{name: name,listType: URLstuff[2].toUpperCase()},
function(data2){
let list = new Map(returnList(data2,true).map(a => [a.mediaId,a.advancedScores]));
let finder = function(){
if(!document.URL.match(/^https:\/\/anilist\.co\/user\/(.+)\/(anime|manga)list\/?/)){
return
};
document.querySelectorAll(
".list-entries .entry .title > a:not(.hohAdvanced)"
).forEach(function(entry){
entry.classList.add("hohAdvanced");
let key = parseInt(entry.href.match(/\/(\d+)\//)[1]);
let dollar = create("span",["hohAdvancedDollar","noselect"],"$",entry.parentNode);
let advanced = list.get(key);
let reasonable = Object.keys(advanced).map(
key => [key,advanced[key]]
).filter(
a => a[1]
);
dollar.title = reasonable.map(
a => a[0] + ": " + a[1]
).join("\n");
if(!reasonable.length){
dollar.style.display = "none"
}
});
setTimeout(finder,1000);
};finder();
}
)
})
};
//end modules/viewAdvancedScores.js
//begin modules/webmResize.js
exportModule({
id: "webmResize",
description: "Resize videos with a width in the URL hash (like #220 or #40%)",
isDefault: true,
categories: ["Feeds"],
visible: true
})
if(useScripts.webmResize){
setInterval(function(){
document.querySelectorAll("source").forEach(video => {
let hashMatch = (video.src || "").match(/#(image)?(\d+(\.\d+)?%?)$/);
if(hashMatch && !video.parentNode.width){
video.parentNode.setAttribute("width",hashMatch[2])
}
if(video.src.match(/#image\d*(\.\d+)?%?$/)){
video.parentNode.removeAttribute("controls")
}
})
},500)
}
//end modules/webmResize.js
//begin modules/yearStepper.js
exportModule({
id: "yearStepper",
description: "Add buttons to step the year slider up and down",
isDefault: true,
importance: 0,
categories: ["Lists"],
visible: true,
urlMatch: function(url,oldUrl){
return url.match(/\/user\/.*\/(anime|manga)list/)
},
code: function(){
let yearStepper = function(){
if(!location.pathname.match(/\/user\/.*\/(anime|manga)list/)){
return
}
let slider = document.querySelector(".el-slider");
if(!slider){
setTimeout(yearStepper,200);
return
};
const maxYear = parseInt(slider.getAttribute("aria-valuemax"));
const minYear = parseInt(slider.getAttribute("aria-valuemin"));
const yearRange = maxYear - minYear;
let clickSlider = function(year){//thanks, mator!
let runway = slider.children[0];
let r = runway.getBoundingClientRect();
const x = r.left + r.width * ((year - minYear) / yearRange);
const y = r.top + r.height / 2;
runway.dispatchEvent(new MouseEvent("click",{
clientX: x,
clientY: y
}))
};
let adjuster = function(delta){
let heading = slider.previousElementSibling;
if(heading.children.length === 0){
if(delta === -1){
clickSlider(maxYear)
}
else{
clickSlider(minYear)
}
}
else{
let current = parseInt(heading.children[0].innerText);
clickSlider(current + delta)
}
};
if(document.querySelector(".hohStepper")){
return
};
slider.style.position = "relative";
let decButton = create("span","hohStepper","<",slider,"left:-27px;font-size:200%;top:0px;");
let incButton = create("span","hohStepper",">",slider,"right:-27px;font-size:200%;top:0px;");
decButton.onclick = function(){
adjuster(-1)
};
incButton.onclick = function(){
adjuster(1)
}
};yearStepper()
},
css: `
.hohStepper{
cursor: pointer;
position: absolute;
opacity: 0.5;
}
.el-slider:hover .hohStepper{
opacity: 1;
}`
})
//end modules/yearStepper.js
//begin modules/youtubeFullscreen.js
exportModule({
id: "youtubeFullscreen",
description: "Enable fullscreen button on youtube videos",
isDefault: false,
categories: ["Feeds"],
visible: true
})
if(useScripts.youtubeFullscreen){
setInterval(function(){
document.querySelectorAll(".youtube iframe").forEach(video => {
if(!video.hasAttribute("allowfullscreen")){
video.setAttribute("allowfullscreen","allowfullscreen");
video.setAttribute("frameborder","0");
video.setAttribute("src",video.getAttribute("src").replace("autohide=1","autohide=0"))//https://github.com/hohMiyazawa/Automail/issues/53
}
})
},1000)
}
//end modules/youtubeFullscreen.js
//create your own module
//make a javascript file, called yourModule.js, in the directory "modules"
//include the following code:
exportModule({
id: "howto",//an unique identified for your module
description: "what your module does",
extendedDescription: `
A more detailed description of what your module does. (optional)
This appears when people click the "more info" icon (🛈) on the settings page.
`,
isDefault: false,
importance: 0,//a number, which determines the order of the settings page. Higher numbers are more important. Leave it as 0 if unsure.
categories: ["Script"],//what categories your module belongs in
//Notifications, Feeds, Forum, Lists, Profiles, Stats, Media, Navigation, Browse, Script, Login, Newly Added
visible: false,//if the module should be visible in the settings (REMEMBER TO CHANGE THIS TO TRUE!)
urlMatch: function(url,oldUrl){//a function that returns true when on the parts of the site you want it to run. url is the current url, oldUrl is the previous page
//example: return url === "https://anilist.co/reviews"
return false;
},
code: function(){
//your code goes here
},
css: ""//css rules you need
})
//your module can also have extra code and utility functions
})()
//wanna translate Automail? https://github.com/hohMiyazawa/Automail/issues/69
//Automail built at 1635199910
',
'showdown': 'S'
};
/**
* Created by Estevao on 31-05-2015.
*/
/**
* Showdown Converter class
* @class
* @param {object} [converterOptions]
* @returns {Converter}
*/
showdown.Converter = function (converterOptions) {
'use strict';
var
/**
* Options used by this converter
* @private
* @type {{}}
*/
options = {},
/**
* Language extensions used by this converter
* @private
* @type {Array}
*/
langExtensions = [],
/**
* Output modifiers extensions used by this converter
* @private
* @type {Array}
*/
outputModifiers = [],
/**
* Event listeners
* @private
* @type {{}}
*/
listeners = {},
/**
* The flavor set in this converter
*/
setConvFlavor = setFlavor,
/**
* Metadata of the document
* @type {{parsed: {}, raw: string, format: string}}
*/
metadata = {
parsed: {},
raw: '',
format: ''
};
_constructor();
/**
* Converter constructor
* @private
*/
function _constructor () {
converterOptions = converterOptions || {};
for (var gOpt in globalOptions) {
if (globalOptions.hasOwnProperty(gOpt)) {
options[gOpt] = globalOptions[gOpt];
}
}
// Merge options
if (typeof converterOptions === 'object') {
for (var opt in converterOptions) {
if (converterOptions.hasOwnProperty(opt)) {
options[opt] = converterOptions[opt];
}
}
} else {
throw Error('Converter expects the passed parameter to be an object, but ' + typeof converterOptions +
' was passed instead.');
}
if (options.extensions) {
showdown.helper.forEach(options.extensions, _parseExtension);
}
}
/**
* Parse extension
* @param {*} ext
* @param {string} [name='']
* @private
*/
function _parseExtension (ext, name) {
name = name || null;
// If it's a string, the extension was previously loaded
if (showdown.helper.isString(ext)) {
ext = showdown.helper.stdExtName(ext);
name = ext;
// LEGACY_SUPPORT CODE
if (showdown.extensions[ext]) {
console.warn('DEPRECATION WARNING: ' + ext + ' is an old extension that uses a deprecated loading method.' +
'Please inform the developer that the extension should be updated!');
legacyExtensionLoading(showdown.extensions[ext], ext);
return;
// END LEGACY SUPPORT CODE
} else if (!showdown.helper.isUndefined(extensions[ext])) {
ext = extensions[ext];
} else {
throw Error('Extension "' + ext + '" could not be loaded. It was either not found or is not a valid extension.');
}
}
if (typeof ext === 'function') {
ext = ext();
}
if (!showdown.helper.isArray(ext)) {
ext = [ext];
}
var validExt = validate(ext, name);
if (!validExt.valid) {
throw Error(validExt.error);
}
for (var i = 0; i < ext.length; ++i) {
switch (ext[i].type) {
case 'lang':
langExtensions.push(ext[i]);
break;
case 'output':
outputModifiers.push(ext[i]);
break;
}
if (ext[i].hasOwnProperty('listeners')) {
for (var ln in ext[i].listeners) {
if (ext[i].listeners.hasOwnProperty(ln)) {
listen(ln, ext[i].listeners[ln]);
}
}
}
}
}
/**
* LEGACY_SUPPORT
* @param {*} ext
* @param {string} name
*/
function legacyExtensionLoading (ext, name) {
if (typeof ext === 'function') {
ext = ext(new showdown.Converter());
}
if (!showdown.helper.isArray(ext)) {
ext = [ext];
}
var valid = validate(ext, name);
if (!valid.valid) {
throw Error(valid.error);
}
for (var i = 0; i < ext.length; ++i) {
switch (ext[i].type) {
case 'lang':
langExtensions.push(ext[i]);
break;
case 'output':
outputModifiers.push(ext[i]);
break;
default:// should never reach here
throw Error('Extension loader error: Type unrecognized!!!');
}
}
}
/**
* Listen to an event
* @param {string} name
* @param {function} callback
*/
function listen (name, callback) {
if (!showdown.helper.isString(name)) {
throw Error('Invalid argument in converter.listen() method: name must be a string, but ' + typeof name + ' given');
}
if (typeof callback !== 'function') {
throw Error('Invalid argument in converter.listen() method: callback must be a function, but ' + typeof callback + ' given');
}
if (!listeners.hasOwnProperty(name)) {
listeners[name] = [];
}
listeners[name].push(callback);
}
function rTrimInputText (text) {
var rsp = text.match(/^\s*/)[0].length,
rgx = new RegExp('^\\s{0,' + rsp + '}', 'gm');
return text.replace(rgx, '');
}
/**
* Dispatch an event
* @private
* @param {string} evtName Event name
* @param {string} text Text
* @param {{}} options Converter Options
* @param {{}} globals
* @returns {string}
*/
this._dispatch = function dispatch (evtName, text, options, globals) {
if (listeners.hasOwnProperty(evtName)) {
for (var ei = 0; ei < listeners[evtName].length; ++ei) {
var nText = listeners[evtName][ei](evtName, text, this, options, globals);
if (nText && typeof nText !== 'undefined') {
text = nText;
}
}
}
return text;
};
/**
* Listen to an event
* @param {string} name
* @param {function} callback
* @returns {showdown.Converter}
*/
this.listen = function (name, callback) {
listen(name, callback);
return this;
};
/**
* Converts a markdown string into HTML
* @param {string} text
* @returns {*}
*/
this.makeHtml = function (text) {
//check if text is not falsy
if (!text) {
return text;
}
var globals = {
gHtmlBlocks: [],
gHtmlMdBlocks: [],
gHtmlSpans: [],
gUrls: {},
gTitles: {},
gDimensions: {},
gListLevel: 0,
hashLinkCounts: {},
langExtensions: langExtensions,
outputModifiers: outputModifiers,
converter: this,
ghCodeBlocks: [],
metadata: {
parsed: {},
raw: '',
format: ''
}
};
// This lets us use ¨ trema as an escape char to avoid md5 hashes
// The choice of character is arbitrary; anything that isn't
// magic in Markdown will work.
text = text.replace(/¨/g, '¨T');
// Replace $ with ¨D
// RegExp interprets $ as a special character
// when it's in a replacement string
text = text.replace(/\$/g, '¨D');
// Standardize line endings
text = text.replace(/\r\n/g, '\n'); // DOS to Unix
text = text.replace(/\r/g, '\n'); // Mac to Unix
// Stardardize line spaces
text = text.replace(/\u00A0/g, ' ');
if (options.smartIndentationFix) {
text = rTrimInputText(text);
}
// Make sure text begins and ends with a couple of newlines:
text = '\n\n' + text + '\n\n';
// detab
text = showdown.subParser('detab')(text, options, globals);
/**
* Strip any lines consisting only of spaces and tabs.
* This makes subsequent regexs easier to write, because we can
* match consecutive blank lines with /\n+/ instead of something
* contorted like /[ \t]*\n+/
*/
text = text.replace(/^[ \t]+$/mg, '');
//run languageExtensions
showdown.helper.forEach(langExtensions, function (ext) {
text = showdown.subParser('runExtension')(ext, text, options, globals);
});
// run the sub parsers
text = showdown.subParser('metadata')(text, options, globals);
text = showdown.subParser('hashPreCodeTags')(text, options, globals);
text = showdown.subParser('githubCodeBlocks')(text, options, globals);
text = showdown.subParser('hashHTMLBlocks')(text, options, globals);
text = showdown.subParser('hashCodeTags')(text, options, globals);
text = showdown.subParser('stripLinkDefinitions')(text, options, globals);
text = showdown.subParser('blockGamut')(text, options, globals);
text = showdown.subParser('unhashHTMLSpans')(text, options, globals);
text = showdown.subParser('unescapeSpecialChars')(text, options, globals);
// attacklab: Restore dollar signs
text = text.replace(/¨D/g, '$$');
// attacklab: Restore tremas
text = text.replace(/¨T/g, '¨');
// render a complete html document instead of a partial if the option is enabled
text = showdown.subParser('completeHTMLDocument')(text, options, globals);
// Run output modifiers
showdown.helper.forEach(outputModifiers, function (ext) {
text = showdown.subParser('runExtension')(ext, text, options, globals);
});
// update metadata
metadata = globals.metadata;
return text;
};
/**
* Converts an HTML string into a markdown string
* @param src
* @param [HTMLParser] A WHATWG DOM and HTML parser, such as JSDOM. If none is supplied, window.document will be used.
* @returns {string}
*/
this.makeMarkdown = this.makeMd = function (src, HTMLParser) {
// replace \r\n with \n
src = src.replace(/\r\n/g, '\n');
src = src.replace(/\r/g, '\n'); // old macs
// due to an edge case, we need to find this: > <
// to prevent removing of non silent white spaces
// ex: this is sparta
src = src.replace(/>[ \t]+¨NBSP;<');
if (!HTMLParser) {
if (window && window.document) {
HTMLParser = window.document;
} else {
throw new Error('HTMLParser is undefined. If in a webworker or nodejs environment, you need to provide a WHATWG DOM and HTML such as JSDOM');
}
}
var doc = HTMLParser.createElement('div');
doc.innerHTML = src;
var globals = {
preList: substitutePreCodeTags(doc)
};
// remove all newlines and collapse spaces
clean(doc);
// some stuff, like accidental reference links must now be escaped
// TODO
// doc.innerHTML = doc.innerHTML.replace(/\[[\S\t ]]/);
var nodes = doc.childNodes,
mdDoc = '';
for (var i = 0; i < nodes.length; i++) {
mdDoc += showdown.subParser('makeMarkdown.node')(nodes[i], globals);
}
function clean (node) {
for (var n = 0; n < node.childNodes.length; ++n) {
var child = node.childNodes[n];
if (child.nodeType === 3) {
if (!/\S/.test(child.nodeValue)) {
node.removeChild(child);
--n;
} else {
child.nodeValue = child.nodeValue.split('\n').join(' ');
child.nodeValue = child.nodeValue.replace(/(\s)+/g, '$1');
}
} else if (child.nodeType === 1) {
clean(child);
}
}
}
// find all pre tags and replace contents with placeholder
// we need this so that we can remove all indentation from html
// to ease up parsing
function substitutePreCodeTags (doc) {
var pres = doc.querySelectorAll('pre'),
presPH = [];
for (var i = 0; i < pres.length; ++i) {
if (pres[i].childElementCount === 1 && pres[i].firstChild.tagName.toLowerCase() === 'code') {
var content = pres[i].firstChild.innerHTML.trim(),
language = pres[i].firstChild.getAttribute('data-language') || '';
// if data-language attribute is not defined, then we look for class language-*
if (language === '') {
var classes = pres[i].firstChild.className.split(' ');
for (var c = 0; c < classes.length; ++c) {
var matches = classes[c].match(/^language-(.+)$/);
if (matches !== null) {
language = matches[1];
break;
}
}
}
// unescape html entities in content
content = showdown.helper.unescapeHTMLEntities(content);
presPH.push(content);
pres[i].outerHTML = '
x
`)
})
return component
}
else{
return component
}
})
let webmRegex = /webm\(http.+?\)/gi;
centerSplit = centerSplit.map(component => {
let webms = component.match(webmRegex);
if(webms){
webms.forEach(webm => {
let webmParts = webm.match(/^webm\((http.+?)\)$/i);
component = component.replace(webm,``)
})
return component
}
else{
return component
}
})
let youtubeRegex = /youtube\(.+?\)/gi;
centerSplit = centerSplit.map(component => {
let videos = component.match(youtubeRegex);
if(videos){
videos.forEach(video => {
let videoParts = video.match(/^youtube\((.+?)\)$/i);
component = component.replace(video,`${videoParts[1]}`)
})
}
return component
});
let preProcessed = [centerSplit[0]];
let openCenter = false;
for(let i=1;i