(.*?)<\/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;
if(useScripts.titleLanguage === "NATIVE" && data.data.Media.title.native){
recTitle.innerText = data.data.Media.title.native;
}
else if(useScripts.titleLanguage === "ENGLISH" && data.data.Media.title.english){
recTitle.innerText = data.data.Media.title.english;
}
else{
recTitle.innerText = data.data.Media.title.romaji;
}
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)
}
}
exportModule({
id: "moreStats",
description: "Show an additional tab on the stats page",
extendedDescription: `
On every users' stats page, there will be an additonal tab alled "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","More stats",filterGroup);
let hohGenresTrigger = create("span","hohStatsTrigger","Genres & Tags",filterGroup);
let hohSiteStats = create("a","hohStatsTrigger","Site Stats",filterGroup);
hohSiteStats.href = "/site-stats";
let generateStatPage = function(){
let personalStats = create("div","#personalStats","loading anime list...",hohStats);
let personalStatsManga = create("div","#personalStatsManga","loading manga list...",hohStats);
let miscQueries = create("div","#miscQueries",false,hohStats);
create("hr","hohSeparator",false,miscQueries);
create("h1","hohStatHeading","Various statistics",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: "First Activity",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. Reading notifications requires AUTH permissions.
You can sign in with the script from the settings page.`
}
}},
{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){
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,"Anime:",miscResults,"color:rgb(var(--color-blue))");
Object.keys(animeFavs).map(key => animeFavs[key]).sort((b,a) => a.count - b.count).slice(0,20).forEach(function(entry){
create("p",false,entry.count + ": " + entry.title,miscResults)
});
create("h1",false,"Manga:",miscResults,"color:rgb(var(--color-blue))");
Object.keys(mangaFavs).map(key => mangaFavs[key]).sort((b,a) => a.count - b.count).slice(0,20).forEach(function(entry){
create("p",false,entry.count + ": " + entry.title,miscResults)
});
create("h1",false,"Similar favs:",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,10).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){
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;
}
})
};
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"
},
proc
);
generalAPIcall(
query,
{
name: user,
listType: "ANIME"
},
proc
);
},"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 = "No such entries found";
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(){
miscResults.innerText = "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,"[loading...]",dataHeader);
create("span",false," reviews on Anilist, with ",dataHeader);
let data_ratingAmount = create("span",false,"[loading...]",dataHeader);
create("span",false," ratings (",dataHeader);
let data_ratingPositive = create("span",false,"[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]
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: "Autorecs",
setup: function(){
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 = "Collecting list data...";
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 = "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 = "";
[...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(function(act){
if(act.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);//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(function(act){
if(act.text.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.text);//reason for innerHTML: preparsed sanitized HTML from the Anilist API
create("hr",false,false,results)
}
statusSearchCache.push(act.text)
})
};
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<=data.data.Page.pageInfo.lastPage;i++){
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;
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:";
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"],"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);
if(relevant.setup){
miscResults.innerText = "";
relevant.setup()
}
};
miscInputButton.onclick = function(){
miscResults.innerText = "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" && !isTag && formatter.isMixed){
columnTitle.innerText = "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";
}
else{
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: ["Tag","Count","Mean Score","Time Watched","Chapters Read"],
focus: -1,
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){
nameCellTag.href = "/search/anime?includedTags=" + data[index].name + "&onList=true"
}
else{
nameCellTag.href = "/search/anime?includedGenres=" + data[index].name + "&onList=true"
}
if(tagDescriptions[data[index].name]){
nameCellTag.title = tagDescriptions[data[index].name]
}
let nameCellStatus = create("span","hohSumableStatusContainer",false,cel);
Object.keys(distributionColours).sort().forEach(function(status){
if(data[index].status[status]){
let statusSumDot = create("div","hohSumableStatus",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);
let filterLabel = create("span",false,"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,"Anime",animeSetting);
let mangaSetting = create("p","hohSetting",false,filters);
let input_m = createCheckbox(mangaSetting);
input_m.checked = true;
create("span",false,"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(distributionColours).sort().forEach(key => {
statusFilter[key] = true;
let input_status = createCheckbox(statusLine);
input_status.checked = true;
create("span",false,capitalize(key.toLowerCase()),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"],"Submit",filters);
applyButton.onclick = function(){
let base_media = collectedMedia;
if(!input_a.checked){
base_media = semaPhoreManga
}
else if(!input_m.checked){
base_media = semaPhoreAnime
}
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){
personalStats.innerText = "";
create("hr","hohSeparator",false,personalStats)
create("h1","hohStatHeading","Anime stats for " + user,personalStats);
let list = returnList(data);
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 = "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("Anime on list: ",list.length);
addStat("Anime rated: ",amount);
if(amount !== 0){//no scores
if(amount === 1){
addStat("Only one score given: ",maxRunLengthScore)
}
else{
addStat(
"Average score: ",
average.toPrecision(4)
);
addStat(
"Average score: ",
(sumEntriesWeight/sumWeight).toPrecision(4),
" (weighted by duration)"
);
addStat("Median score: ",median);
addStat(
"Global difference: ",
publicDifference.roundPlaces(2),
" (average difference from global average)"
);
addStat(
"Global deviation: ",
publicDeviation.roundPlaces(2),
" (standard deviation from the global average of each entry)"
);
addStat(
"Rating entropy: ",
-histogram.reduce((acc,val) => {
if(val){
return acc + Math.log2(val/amount) * val/amount
}
return acc
},0).toPrecision(3),
" bits/rating"
);
if(maxRunLength > 1){
addStat("Most common score: ",maxRunLengthScore, " (" + maxRunLength + " instances)")
}
else{
addStat("Most common score: ","","no two scores alike")
}
};
//longest activity
let singleText = (100*longestDuration.time/sumDuration).roundPlaces(2) + "% is ";
singleText += longestDuration.name;
if(longestDuration.rewatch === 0){
if(longestDuration.status === "CURRENT"){
singleText += ". Currently watching."
}
else if(longestDuration.status === "PAUSED"){
singleText += ". On hold."
}
else if(longestDuration.status === "DROPPED"){
singleText += ". Dropped."
}
}
else{
if(longestDuration.status === "COMPLETED"){
if(longestDuration.rewatch === 1){
singleText += ". Rewatched once."
}
else if(longestDuration.rewatch === 2){
singleText += ". Rewatched twice."
}
else{
singleText += ". Rewatched " + longestDuration.rewatch + " times."
}
}
else if(longestDuration.status === "CURRENT" || status === "REPEATING"){
if(longestDuration.rewatch === 1){
singleText += ". First rewatch in progress."
}
else if(longestDuration.rewatch === 2){
singleText += ". Second rewatch in progress."
}
else{
singleText += ". Rewatch number " + longestDuration.rewatch + " in progress."
}
}
else if(longestDuration.status === "PAUSED"){
if(longestDuration.rewatch === 1){
singleText += ". First rewatch on hold."
}
else if(longestDuration.rewatch === 2){
singleText += ". Second rewatch on hold."
}
else{
singleText += ". Rewatch number " + longestDuration.rewatch + " on hold."
}
}
else if(longestDuration.status === "DROPPED"){
if(longestDuration.rewatch === 1){
singleText += ". Dropped on first rewatch."
}
else if(longestDuration.rewatch === 2){
singleText += ". Dropped on second rewatch."
}
else{
singleText += ". Dropped on rewatch number " + longestDuration.rewatch + "."
}
};
};
addStat(
"Time watched: ",
(sumDuration/(60*24)).roundPlaces(2),
" days (" + 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("TV episodes watched: ",TVepisodes);
addStat("TV episodes remaining for current shows: ",TVepisodesLeft);
if(oldest){
create("p",false,"First logged anime: " + oldest.year + "-" + oldest.month + "-" + oldest.day + ". (users can change start dates)",personalStats)
};
let animeFormatter = {
title: "Custom Anime Tags",
display: !useScripts.hideCustomTags,
headings: ["Tag","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","hohSumableStatusContainer",false,cel);
Object.keys(distributionColours).sort().forEach(function(status){
if(data[index].status && data[index].status[status]){
let statusSumDot = create("div","hohSumableStatus",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){
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){
if(aliases.has(media.mediaId)){
return aliases.get(media.mediaId);
}
if(useScripts.titleLanguage === "NATIVE" && media.media.title.native){
return media.media.title.native;
}
else if(useScripts.titleLanguage === "ENGLISH" && media.media.title.english){
return media.media.title.english;
};
return media.media.title.romaji;
}
},{
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)
};
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,"Name",headerRow,"cursor:pointer;");
let countHeading = create("div",false,"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,"Name",headerRow,"cursor:pointer;");
let countHeading = create("div",false,"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","hohSumableStatusContainer",false,nameCel);
Object.keys(distributionColours).sort().forEach(status => {
let statCount = studio.media.filter(media => media.status === status).length;
if(statCount){
let statusSumDot = create("div","hohSumableStatus",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){
cache.getList("ANIME",function(data){
personalStatsCallback({
data: {
MediaListCollection: data
}
})
})
}
else{
generalAPIcall(
queryMediaListAnime,
{
name: user,
listType: "ANIME"
},
personalStatsCallback
)
}
//manga stats
let personalStatsMangaCallback = function(data){
personalStatsManga.innerText = "";
create("hr","hohSeparator",false,personalStatsManga);
create("h1","hohStatHeading","Manga stats for " + 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 = "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("Manga on list: ",list.length);
addStat("Manga rated: ",amount);
addStat("Total chapters: ",chapters);
addStat("Total volumes: ",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(
"Only one score given: ",
maxRunLengthScore
)
}
else{
addStat(
"Average score: ",
average.toPrecision(4)
);
addStat(
"Average score: ",
(sumEntriesWeight/sumWeight).toPrecision(4),
" (weighted by chapter count)"
);
addStat("Median score: ",median);
addStat(
"Global difference: ",
publicDifference.roundPlaces(2),
" (average difference from global average)"
);
addStat(
"Global deviation: ",
publicDeviation.roundPlaces(2),
" (standard deviation from the global average of each entry)"
);
addStat(
"Rating entropy: ",
-histogram.reduce((acc,val) => {
if(val){
return acc + Math.log2(val/amount) * val/amount
}
return acc
},0).toPrecision(3),
" bits/rating"
);
if(maxRunLength > 1){
addStat("Most common score: ",maxRunLengthScore, " (" + maxRunLength + " instances)")
}
else{
addStat("Most common score: ","","no two scores alike")
}
}
};
//
let mangaFormatter = {
title: "Custom Manga Tags",
display: !useScripts.hideCustomTags,
headings: ["Tag","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","hohSumableStatusContainer",false,cel);
Object.keys(distributionColours).sort().forEach(function(status){
if(data[index].status && data[index].status[status]){
let statusSumDot = create("div","hohSumableStatus",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){
if(aliases.has(media.mediaId)){
return aliases.get(media.mediaId)
}
if(useScripts.titleLanguage === "NATIVE" && media.media.title.native){
return media.media.title.native
}
else if(useScripts.titleLanguage === "ENGLISH" && media.media.title.english){
return media.media.title.english
}
return media.media.title.romaji
}
},{
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.nodes.forEach(function(staff){
if(!staffMap[staff.id]){
staffMap[staff.id] = {
chaptersRead: 0,
volumesRead: 0,
count: 0,
scoreCount: 0,
scoreSum: 0,
id: staff.id,
name: staff.name
}
}
if(media.chaptersRead || media.volumesRead){
staffMap[staff.id].volumesRead += media.volumesRead;
staffMap[staff.id].chaptersRead += media.chaptersRead;
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.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 drawStaffList = function(){
removeChildren(mangaStaff)
mangaStaff.innerText = "";
let table = create("div",["table","hohTable","hohNoPointer"],false,mangaStaff);
let headerRow = create("div",["header","row","good"],false,table);
let nameHeading = create("div",false,"Name",headerRow,"cursor:pointer;");
let countHeading = create("div",false,"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){
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){
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","loading...",hohGenres);
regularTagsTable = create("div","#regularTagsTable","loading...",hohGenres);
regularAnimeTable = create("div","#regularAnimeTable","loading...",statsWrap);
regularMangaTable = create("div","#regularMangaTable","loading...",statsWrap);
animeStaff = create("div","#animeStaff","loading...",statsWrap);
mangaStaff = create("div","#mangaStaff","loading...",statsWrap);
animeStudios = create("div","#animeStudios","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"
}
};
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"],"My Threads",target)
.href = "https://anilist.co/user/" + whoAmI + "/social#my-threads"
}
}
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);
}
}
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){
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 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(){
findCard.querySelectorAll(".hohStatusDot").forEach(
dot => dot.remove()
);
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();
let toggle = findCard.parentNode.querySelector(".view-all .toggle");
if(toggle){
toggle.addEventListener("click",function(){
setTimeout(adder,1000)
})
}
}
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();
}
)
}
//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.children[index].querySelector(".votes");
parent.insertBefore(extraScore,parent.firstChild);
if(wilsonLowerBound < 0.05){
locationForIt.children[index].style.opacity = "0.5"
}
})
};adder();
},"hohRecentReviews",30*1000);
}
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");
}
let traitorTracer = create("button",["button","hohButton"],"⇌",target,"padding:5px;");
traitorTracer.title = "Check who follows back. (will not be accurate if there are more than 600)";
traitorTracer.onclick = function(){
traitorTracer.setAttribute("disabled","disabled");
let query = `
query($userId: Int!){
${new Array(12).fill(0).map((foo,index) => "a" + index + ":Page(page:" + index + "){following(userId: $userId,sort: USERNAME){name}}").join("\n")}
}`;
let traitorText = traitorTracer.parentNode.querySelector(".filter-group .active").childNodes[0].textContent.trim();
if(traitorText === "Following"){
query = `
query($userId: Int!){
${new Array(12).fill(0).map((foo,index) => "a" + index + ":Page(page:" + index + "){followers(userId: $userId,sort: USERNAME){name}}").join("\n")}
}`
}
else if(traitorText !== "Followers"){
return
};
generalAPIcall("query($name:String){User(name:$name){id}}",{name: decodeURIComponent(URLstuff[1])},function(data){
generalAPIcall(
query,
{userId: data.data.User.id},
function(people){
traitorTracer.removeAttribute("disabled");
let users = new Set(
[].concat(
...Object.keys(people.data).map(
a => people.data[a].following || people.data[a].followers
)
).map(a => a.name)
);
document.querySelectorAll(".user-follow .follow-card .name").forEach(function(place){
if(!users.has(place.textContent.trim())){
place.parentNode.style.border = "7px solid red"
}
})
}
)
},"hohIDlookup" + decodeURIComponent(URLstuff[1]).toLowerCase());
}
}
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 compactListView = create("span",false,false,themeSwitch);
let listView = create("span",false,false,themeSwitch);
let compactView = create("span",false,false,themeSwitch);
let cardView = create("span","active",false,themeSwitch);
compactListView.appendChild(svgAssets2.listView.cloneNode(true));
listView.appendChild(svgAssets2.bigListView.cloneNode(true));
compactView.appendChild(svgAssets2.compactView.cloneNode(true));
cardView.appendChild(svgAssets2.cardView.cloneNode(true));
compactView.onclick = function(){
document.querySelector(".hohThemeSwitch .active").classList.remove("active");
compactView.classList.add("active");
target.classList.remove("cardView");
target.classList.remove("listView");
target.classList.remove("compactListView");
}
cardView.onclick = function(){
document.querySelector(".hohThemeSwitch .active").classList.remove("active");
cardView.classList.add("active");
target.classList.add("cardView");
target.classList.remove("listView");
target.classList.remove("compactListView");
}
listView.onclick = function(){
document.querySelector(".hohThemeSwitch .active").classList.remove("active");
listView.classList.add("active");
target.classList.add("cardView");
target.classList.add("listView");
target.classList.remove("compactListView");
}
compactListView.onclick = function(){
document.querySelector(".hohThemeSwitch .active").classList.remove("active");
compactListView.classList.add("active");
target.classList.add("cardView");
target.classList.remove("listView");
target.classList.add("compactListView");
}
}
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:not(#hohAliasHeading)");
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)
}
})
}
}
//fork of anisongs by morimasa
//https://greasyfork.org/en/scripts/374785-anisongs
const anisongs_options = {
cacheName: "anison", // name in
cacheLife: 604800000, // 1 week in ms
class: "anisongs" // container class
}
const anisongs_temp = {
last: null,
target: null
}
exportModule({
id: "anisongs",
description: "Add OP/ED data to media pages [by morimasa]",
isDefault: false,
categories: ["Media","Newly Added"],
visible: true,
urlMatch: function(url,oldUrl){
return ["anime","manga"].includes(window.location.pathname.split("/")[1])
},
code: function(){
const Cache = {
add(id, data) {
localforage.getItem(anisongs_options.cacheName,function(err,value){
let cache = JSON.parse(value) || {};
cache[id] = data;
localforage.setItem(anisongs_options.cacheName, JSON.stringify(cache))
})
},
get(id,callback){
localforage.getItem(anisongs_options.cacheName,function(err,value){
let cache = value
if(cache){
return callback(JSON.parse(cache)[id] || {time:0})
}
else{
return callback({time:0})
}
})
}
}
const API = {
async getMalId(id) {
const query = "query($id:Int){Media(id:$id){idMal}}"
const vars = {id}
const options = {
method: "POST",
body: JSON.stringify({query: query, variables: vars}),
}
const resp = await request("https://graphql.anilist.co", options)
try {
return resp.data.Media.idMal
}
catch {
console.error("anisongs: Error getting malId")
return null
}
},
async getSongs(mal_id) {
let {opening_themes, ending_themes} = await request(`https://api.jikan.moe/v3/anime/${mal_id}/`);
opening_themes = opening_themes.filter(e => e !== "");
ending_themes = ending_themes.filter(e => e !== "");
return {opening_themes, ending_themes}
}
}
function request(url, options={}) {
return new Promise((resolve, reject) => {
GM_xmlhttpRequest({
url: url,
method: options.method || "GET",
headers: options.headers || {
"Accept": "application/json",
"Content-Type": "application/json"
},
responseType: options.responseType || "json",
data: options.body || options.data,
onload: res => {
resolve(res.response)
},
onerror: reject
})
})
}
function insert(songs, parent) {
if(!songs || !songs.length){
return 0
}
else{
songs.forEach((song,i) => {
create("p","tag",`${i+1}. ${song}`,parent)
})
}
}
function createTargetDiv(text, target, pos){
let el = document.createElement('div');
el.appendChild(document.createElement('h2'));
el.children[0].innerText = text;
el.classList = anisongs_options.class;
if(target){
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(`.${anisongs_options.class}`);
el.forEach((e) => {
target.removeChild(e)
})
}
function launch(currentid) {
// get from cache and check TTL
Cache.get(currentid,async function(cache){
if(
(cache.time + anisongs_options.cacheLife) < NOW()
){
const mal_id = await API.getMalId(currentid);
if(mal_id){
const {opening_themes, ending_themes} = await API.getSongs(mal_id);
// add songs to cache if they're not empty
if (opening_themes.length || ending_themes.length){
Cache.add(
currentid,
{
opening_themes,
ending_themes,
time: NOW()
}
)
}
// 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"
}
})
}
let currentpath = window.location.pathname.split("/");
if(currentpath[1] === "anime") {
let currentid = currentpath[2];
let location = currentpath.pop();
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
}
}
})
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","Newly Added"],
visible: true
})
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.parentNode.parentNode.style.display = "none";
}
})
};
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;");
create("div",false,behind + " episode" + (behind > 1 ? "s" : "") + " behind",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,"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),"Airing",true
);
drawSection(
notAiring.slice(0,5*Math.ceil((20 - airingImportant)/5)),"Anime in Progress"
)
}
else{
let remainderAiring = airing.slice(0,airingImportant).filter(air => air.index >= 20);
drawSection(mediaLists.slice(0,20 - remainderAiring.length).concat(remainderAiring),"Anime in Progress",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)
}
}
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(/out of (\d+)/);
if(matches){
likeElement.childNodes[1].textContent += "/" + matches[1]
}
}
likeElement.style.bottom = "4px";
likeElement.style.right = "7px";
})
document.body.classList.remove("TMPreviewScore");//make tooltips visible again
},200);
}
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)
}
}
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()
}
})
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.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 })
}
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","Make 3x3",extraFilters);
buttonDraw3x3.title = "Click this button, then 9 entries on your list";
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"){
let buttonFindChapters = create("button",["hohButton","button"],"New Chapters",extraFilters,"display:block;");
buttonFindChapters.title = "Check if there are new chapters available for things you are reading";
buttonFindChapters.onclick = function(){
let scrollableContent = createDisplayBox("min-width:400px;height:500px;");
let loader = create("p",false,"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){
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 = "No new items found :("
}
};
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));");
if(useScripts.accessToken){
progress.style.cursor = "pointer";
progress.title = "Increment progress by 1";
progress.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)
})
})
}
};
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);
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){
noteContent.lists.forEach(function(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 => {
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.length){
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")){
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()
}
};
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",useScripts.dubMarkerLanguage + " dub exists");
dubNoticeLocation.insertBefore(dubNotice,dubNoticeLocation.firstChild)
}
};
generalAPIcall(query,variables,dubCallback,"hohDubInfo" + variables.id + variables.language)
}
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);
}
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()
};
let languages = new Set(
data.data.Character.media.edges.map(
edge => edge.voiceActors.map(actor => actor.language)
).flat()
);
let rolesBuilder = function(){
if(data.data.Character.media.pageInfo.lastPage > 1){
if(data.data.Character.media.pageInfo.currentPage === 1){
oldData = data;
for(let i = 2;i<=data.data.Character.media.pageInfo.lastPage;i++){
generalAPIcall(
`query($id: Int!,$page: Int){
Character(id: $id){
media(page:$page,sort:POPULARITY_DESC){
pageInfo{currentPage lastPage}
edges{
characterRole
voiceActors{
siteUrl
name{full native}
language
image{large}
}
node{
id
siteUrl
popularity
title{romaji english native}
coverImage{large}
}
}
}
}
}`,
{
id: parseInt(document.URL.match(/\/character\/(\d+)\/?/)[1]),
page: i
},
favCallback,
"hohCharacterFavs" + variables.id + "page" + i,
60*60*1000
)
}
}
else if(data.data.Character.media.pageInfo.currentPage){
data.data.Character.media.edges = data.data.Character.media.edges.concat(oldData.data.Character.media.edges);
oldData = data
}
}
if(languages.size < 2){
if(!data.data.Character.media.edges.some(
edge => edge.voiceActors.length > 1
) && !data.data.Character.media.isSplit){
return//no need to replace the page.
}
}
let pageLocation = document.querySelector(".container.grid-wrap");
if(!pageLocation || !pageLocation.childElementCount){
setTimeout(rolesBuilder,200);
return;
};
pageLocation.classList.add("hohCharacter");
if(document.querySelector(".scroller")){
document.querySelector(".scroller").remove()
}
removeChildren(pageLocation)
let badLocation = pageLocation.cloneNode(true);
pageLocation.parentNode.replaceChild(
badLocation,
pageLocation
);
pageLocation = badLocation;
if(document.querySelector(".hohInputContainer")){
document.querySelector(".hohInputContainer").remove()
};
let inputContainer = create("div","hohInputContainer",false,pageLocation.previousElementSibling,"position:relative;");
let selector = create("select",false,false,inputContainer,"position:absolute;right:0px;bottom:5px;");
if(languages.size < 2){
selector.style.display = "none";
}
Array.from(languages).sort(
(a,b) => {
if(a === "JAPANESE"){
return -1
}
if(b === "JAPANESE"){
return 1
}
if(a === "KOREAN"){
return 1
}
if(b === "KOREAN"){
return -1
}
return a.localeCompare(b);
}
).forEach(language => {
create("option",false,capitalize(language.toLowerCase()),selector)
.value = language
});
let listBuilder = function(){
removeChildren(pageLocation)
if(data.data.Character.media.edges.length === 1 && languages.size < 2){//spread multiple voice actors when we have the space
data.data.Character.media.edges = data.data.Character.media.edges[0].voiceActors.filter(
actor => actor.language === selector.value
).map(
actor => {
return {
node: data.data.Character.media.edges[0].node,
characterRole: data.data.Character.media.edges[0].characterRole,
voiceActors: [actor]
}
}
);
data.data.Character.media.isSplit = true;
}
data.data.Character.media.edges.sort(
(b,a) => {
const roleValue = {
"MAIN": 3,
"SUPPORTING": 2,
"BACKGROUND": 1
};
return roleValue[a.characterRole] - roleValue[b.characterRole] || a.node.popularity - b.node.popularity
}
).forEach(edge => {
let card = create("div",["role-card","view-media-staff"],false,pageLocation,"position:relative");
let staff = edge.voiceActors.filter(actor => actor.language === selector.value);
if(staff.length){
let staffSide = create("div","staff",false,card);
let staffCover = create("a","cover",false,staffSide);
staffCover.href = staff[0].siteUrl.replace("https://anilist.co","");
staffCover.style.backgroundImage = "url(\"" + staff[0].image.large + "\")";
let staffContent = create("a","content",false,staffSide);
staffContent.href = staff[0].siteUrl.replace("https://anilist.co","");
let staffName = staff[0].name.full
if(useScripts.titleLanguage === "NATIVE" && staff[0].name.native){
staffName = staff[0].name.native
}
let displayName = create("div","name",staffName,staffContent);
staffCover.title = staffName;
create("div","role",capitalize(staff[0].language.toLowerCase()),staffContent);
if(staff.length === 2){
staffSide.style.marginRight = "65px";
let secondCover = create("a","cover",false,card,"position:absolute;right:0px;width:60px;height:100%;");
secondCover.href = staff[1].siteUrl.replace("https://anilist.co","");
let secondName = staff[1].name.full
if(useScripts.titleLanguage === "NATIVE" && staff[1].name.native){
secondName = staff[1].name.native
}
secondCover.title = secondName;
secondCover.style.backgroundImage = "url(\"" + staff[1].image.large + "\")";
secondCover.onmouseover = function(){
displayName.innerText = secondName;
staffContent.href = staff[1].siteUrl.replace("https://anilist.co","")
}
staffCover.onmouseover = function(){
displayName.innerText = staffName;
staffContent.href = staff[0].siteUrl.replace("https://anilist.co","")
}
}
else if(staff.length > 2){
staffSide.style.marginRight = "130px";
let secondCover = create("a","cover",false,card,"position:absolute;right:65px;width:60px;height:100%;");
secondCover.href = staff[1].siteUrl.replace("https://anilist.co","");
let secondName = staff[1].name.full
if(useScripts.titleLanguage === "NATIVE" && staff[1].name.native){
secondName = staff[1].name.native
}
secondCover.title = secondName;
secondCover.style.backgroundImage = "url(\"" + staff[1].image.large + "\")";
let thirdCover = create("a","cover",false,card,"position:absolute;right:0px;width:60px;height:100%;");
thirdCover.href = staff[2].siteUrl.replace("https://anilist.co","");
let thirdName = staff[2].name.full
if(useScripts.titleLanguage === "NATIVE" && staff[2].name.native){
thirdName = staff[2].name.native
}
thirdCover.title = thirdName;
thirdCover.style.backgroundImage = "url(\"" + staff[2].image.large + "\")";
secondCover.onmouseover = function(){
displayName.innerText = secondName;
staffContent.href = staff[1].siteUrl.replace("https://anilist.co","")
}
thirdCover.onmouseover = function(){
displayName.innerText = thirdName;
staffContent.href = staff[2].siteUrl.replace("https://anilist.co","")
}
staffCover.onmouseover = function(){
displayName.innerText = staffName;
staffContent.href = staff[0].siteUrl.replace("https://anilist.co","")
}
}
};
let mediaSide = create("div","media",false,card);
let mediaCover = create("a","cover",false,mediaSide);
mediaCover.href = edge.node.siteUrl.replace("https://anilist.co","");;
mediaCover.style.backgroundImage = "url(\"" + edge.node.coverImage.large + "\")";
let mediaContent = create("a","content",false,mediaSide);
mediaContent.href = edge.node.siteUrl.replace("https://anilist.co","");
let title = edge.node.title.romaji;
if(useScripts.titleLanguage === "NATIVE" && edge.node.title.native){
title = edge.node.title.native
}
else if(useScripts.titleLanguage === "ENGLISH" && edge.node.title.english){
title= edge.node.title.english
};
if(aliases.has(edge.node.id)){
title = aliases.get(edge.node.id)
}
create("div","name",title,mediaContent);
create("div","role",capitalize(edge.characterRole.toLowerCase()),mediaContent);
})
};listBuilder();
selector.onchange = listBuilder;
};rolesBuilder();
};
const variables = {id: parseInt(document.URL.match(/\/character\/(\d+)\/?/)[1])};
generalAPIcall(
`query($id: Int!){
Character(id: $id){
favourites
media(page:1,sort:POPULARITY_DESC){
pageInfo{currentPage lastPage}
edges{
characterRole
voiceActors{
siteUrl
name{full native}
language
image{large}
}
node{
id
siteUrl
popularity
title{romaji english native}
coverImage{large}
}
}
}
}
}`,
variables,
favCallback,
"hohCharacterFavs" + variables.id + "page1",
60*60*1000
);
};
function enhanceCharacterBrowse(){
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 .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 = "Favourites");
generalAPIcall(query,{page:page+1},data => favCallback(data,page+1));
};
generalAPIcall(query,{page:1},data => favCallback(data,1));
};
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.onclick = function(){
let parentComment = hider.parentNode.parentNode;
if(hider.innerText === "[-]"){
hider.innerText = "[+]";
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 = "[-]";
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)
}
exportModule({
id: "notifications",
description: "Improve 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;
possibleButton.onclick = function(){
Array.from(
document.getElementById("hohNotifications").children
).forEach(child => {
child.classList.remove("hohUnread")
})
};
let setting = create("p");
let checkbox = createCheckbox(setting);
checkbox.checked = useScripts["hideLikes"];
checkbox.targetSetting = "hideLikes";
checkbox.onchange = function(){
useScripts[this.targetSetting] = this.checked;
useScripts.save();
forceRebuildFlag = true;
if(useScripts.accessToken && false){//fixme, that doesn't look right
enhanceNotifications()
}
};
let description = create("span",false,"Hide like notifications",setting);
setting.style.fontSize = "small";
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);
};
let regularNotifications = create("span",false,svgAssets.envelope + " Show default notifications");
regularNotifications.style.cursor = "pointer";
regularNotifications.style.fontSize = "small";
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 + " Show hoh notifications";
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 + " Show default notifications";
setting.style.display = ""
};
};
possibleButton.parentNode.appendChild(regularNotifications);
possibleButton.parentNode.appendChild(setting);
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 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);
for(let i=0;i 1){
textSpan.innerText = " liked your activities."
};
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
}
else if(counter > 2){
text.style.marginTop = "45px";
activities[i].textName += " +" + (counter - 1)
}
}
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++;
}
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;
textSpan.innerText = activities[i].textSpan;
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.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++;
}
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;
textSpan.innerText = " replied to activity you're subscribed to.";
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++
}
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;
textSpan.innerText = " liked your activity reply.";
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;
textSpan.innerText = activities[i].textSpan;
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 = "#"
}
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);
text.appendChild(textSpan);
notImage.style.width = "51px"
}
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)
};
let time = create("div","hohTime");
time.innerHTML = activities[i - counter + 1].time;//does not depend on user input
newNotification.appendChild(notImage);
newNotification.appendChild(text);
newNotification.appendChild(notNotImageContainer);
newNotification.appendChild(time);
let commentsContainer = create("div",["hohCommentsContainer","b" + activities[i].link]);
let comments = create("a",["hohComments","link"],"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
){
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
}
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
}
}
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 = (info.children[1] || {textContent: ""}).textContent;
}
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.children.length > 1
&& notification.children[1].children.length > 1
){
active.time = notification.children[1].children[1].innerHTML//does not depend on user input
}
else{
active.time = create("span")
};
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.style.backgroundImage = "url(" + 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.style.backgroundImage = "url(" + data.data.Activity.user.avatar.large + ")";
stuff.classList.add("hohBackgroundUserCover")
})
};
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 enhanceNotifications
//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 = "Most likely the database total that's been updated"
}
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 && !e.notes.match(/^,malSync::[a-zA-Z0-9]+=?::$/)){
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"));
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){
handler(res.data.Page.mediaList,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 = "";
Object.keys(distributionColours).sort().forEach(status => {
if(distribution[status]){
let statusSumDot = create("div","hohSumableStatus",distribution[status],statusList,"cursor:pointer;");
statusSumDot.style.background = distributionColours[status];
statusSumDot.title = distribution[status] + " " + capitalize(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()
}
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,"Has Replies",optionsContainer,"margin-right:7px;");
let isFollowing = createCheckbox(optionsContainer);
create("span",false,"Following",optionsContainer);
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","Load More",hohFeed,"display:none;background: rgb(var(--color-foreground));border-radius: 4px;cursor: pointer;font-size: 1.4rem;margin-top: 20px;padding: 14px;text-align: center;transition: .2s;");
let query = "";
let buildFeed = function(page){
authAPIcall(
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){
loadMore.style.display = "block";
loadMore.onclick = function(){
buildFeed(page + 1)
}
}
else{
loadMore.style.display = "none"
}
const randomData = "data-v-b1fca210";
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);activityEntry.setAttribute(randomData,"");
let wrap = create("div","wrap",false,activityEntry);wrap.setAttribute(randomData,"");
let list = create("div","list",false,wrap);list.setAttribute(randomData,"");
let cover = create("a",["cover","router-link-active"],false,list);cover.setAttribute(randomData,"");
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);details.setAttribute(randomData,"");
let name = create("a","name",act.user.name,details);name.setAttribute(randomData,"");
name.href = "/user/" + act.user.name;
details.appendChild(document.createTextNode(" "));
let status = create("div","status",act.status + (act.progress ? " " + act.progress + " of " : " "),details);status.setAttribute(randomData,"");
let link = create("a",["title","router-link-active"]," " + act.media.title.userPreferred,status);link.setAttribute(randomData,"")
link.href = "/" + URLstuff[1] + "/" + URLstuff[2] + "/" + safeURL(act.media.title.userPreferred);
let avatar = create("a","avatar",false,details);avatar.setAttribute(randomData,"");
avatar.href = "/user/" + act.user.name;
avatar.style.backgroundImage = `url("${act.user.avatar.medium}")`;
let timeWrapper = create("div","time",false,wrap);timeWrapper.setAttribute(randomData,"");
let action = create("a","action",false,timeWrapper);action.setAttribute(randomData,"");
action.appendChild(svgAssets2.link.cloneNode(true));
action.href = "/activity/" + act.id;
let time = nativeTimeElement(act.createdAt);timeWrapper.appendChild(time);time.setAttribute(randomData,"");
let actions = create("div","actions",false,wrap);actions.setAttribute(randomData,"");
let actionReplies = create("div",["action","replies"],false,actions);actionReplies.setAttribute(randomData,"");
if(act.replies.length){
let replyCount = create("span","count",act.replies.length,actionReplies);replyCount.setAttribute(randomData,"");
actionReplies.appendChild(document.createTextNode(" "));
};
actionReplies.appendChild(svgAssets2.reply.cloneNode(true));
actions.appendChild(document.createTextNode(" "));
let actionLikes = create("div",["action","likes"],false,actions);actionLikes.setAttribute(randomData,"");
const randomData2 = "data-v-977827fa";
let likeWrap = create("div","like-wrap",false,actionLikes);likeWrap.setAttribute(randomData,"");likeWrap.setAttribute(randomData2,"");
let likeButton = create("div","button",false,likeWrap);likeButton.setAttribute(randomData2,"");
let likeCount = create("span","count",act.likes.length || "",likeButton);likeCount.setAttribute(randomData2,"");
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;");replyWrap.setAttribute(randomData,"");
actionReplies.onclick = function(){
if(replyWrap.style.display === "none"){
replyWrap.style.display = "block"
}
else{
replyWrap.style.display = "none"
}
};
const randomDataReplies = "data-v-7ce9ffb8";
let activityReplies = create("div","activity-replies",false,replyWrap);activityReplies.setAttribute(randomData,"");activityReplies.setAttribute(randomDataReplies,"");
const rnd = "data-v-0664fa9f";
act.replies.forEach(rep => {
let reply = create("div","reply",false,activityReplies);reply.setAttribute(randomDataReplies,"");reply.setAttribute(rnd,"");
let header = create("div","header",false,reply);header.setAttribute(rnd,"");
let repAvatar = create("a","avatar",false,header);repAvatar.setAttribute(rnd,"");
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.setAttribute(rnd,"");
repName.href = "/user/" + rep.user.name;
let cornerWrapper = create("div","actions",false,header);cornerWrapper.setAttribute(rnd,"");
let repActionLikes = create("div",["action","likes"],false,cornerWrapper,"display: inline-block");repActionLikes.setAttribute(rnd,"");
const randomDataHate = "data-v-977827fa";
let repLikeWrap = create("div","like-wrap",false,repActionLikes);repLikeWrap.setAttribute(rnd,"");likeWrap.setAttribute(randomDataHate,"");
let repLikeButton = create("div","button",false,repLikeWrap);likeButton.setAttribute(randomDataHate,"");
let repLikeCount = create("span","count",rep.likes.length || "",repLikeButton);repLikeCount.setAttribute(randomDataHate,"");
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");repActionTime.setAttribute(rnd,"");
let repTime = nativeTimeElement(rep.createdAt);repActionTime.appendChild(repTime);repTime.setAttribute(randomData,"");
let replyMarkdown = create("div","reply-markdown",false,reply);replyMarkdown.setAttribute(rnd,"");
let markdown = create("div","markdown",false,replyMarkdown);markdown.setAttribute(rnd,"");
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){
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){
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){
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";
}
}
}
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)
}
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 .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))
};
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
);
};
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 = ""
}
})
};
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);
});
}
exportModule({
id: "expandDescriptions",
description: "Automatically expand media descriptions",
isDefault: true,
categories: ["Media"],
visible: true
})
exportModule({
id: "CSSexpandFeedFilters",
description: "Expand the feed filters",
isDefault: false,
categories: ["Feeds"],
visible: true
})
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();
}
}
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 = "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)
}
})
exportModule({
id: "forumLikes",
description: "Add a full list of likes to forum threads",
isDefault: true,
categories: ["Forum"],
visible: false,
urlMatch: function(url,oldUrl){
return url.match(/^https:\/\/anilist\.co\/forum\/thread\/.*/)
},
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 .button.like");
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
)
}
})
function hideGlobalFeed(){
if(!location.pathname.match(/^\/home/)){
return
};
let toggle = document.querySelector(".feed-type-toggle");
if(!toggle){
setTimeout(hideGlobalFeed,100);
return
};
toggle.children[1].style.display = "none";
if(toggle.children[1].classList.contains("active")){
toggle.children[0].click()
}
};
exportModule({
id: "imageFreeEditor",
description: "Don't display the cover and banner image in the list editor",
isDefault: false,
importance: -2,
categories: ["Media","List","Newly Added"],
visible: true,
css: `
.list-editor-wrap .cover{
display: none;
}
.list-editor-wrap .header{
background-image: none!important;
height: 0px;
}
.list-editor-wrap .header .content{
padding-top: 2px;
padding-left: 35px;
padding-right: 120px;
height: 60px;
}
`
})
exportModule({
id: "infoTable",
description: "Use a two-column table layout for info on media pages",
isDefault: false,
importance: 1,
categories: ["Media"],
visible: true,
css: `
.media-page-unscoped > .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;
}`
})
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,"For You",optionWrapper);
option.title = "Each pair is one you like + one you haven't started\nStuff you like on top";
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"
).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()
}
})
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.classList.contains("hohLoadedLikes")){
return
}
thingy.classList.add("hohLoadedLikes");
if(!thingy.querySelector(".count")){
return
}
if(parseInt(thingy.querySelector(".count").innerText) <= 5){
return
}
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")
)
}
});
if(useScripts.tweets){
document.querySelectorAll(
`.markdown a[href^="https://twitter.com/"]`
).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*/
if(document.getElementById("automailTwitterEmbed")){
document.getElementById("automailTwitterEmbed").remove()
}
let script = document.createElement("script");
script.setAttribute("src","https://platform.twitter.com/widgets.js");
script.setAttribute("async","");
script.id = "automailTwitterEmbed";
document.head.appendChild(script);
}
else{
let tweetBlockQuoteInnerInner = create("a","hohEmbedded","Loading tweet by " + tweetMatch[1] + "...",tweetBlockQuoteInner)
.href = tweet.href;
create("span",false,"Could not load Tweet. Twitter embedding is currently not available for Firefox addon builds of Automail",tweetBlockQuoteInner)
}
})
}
},400);
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]){
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)
}
}
exportModule({
id: "markdownHelp",
description: "Add a markdown helper to the bottom left corner",
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 = "Markdown help";
markdownHelper.onclick = function(){
let existing = document.querySelector(".hohDisplayBox");
if(existing){
existing.remove()
}
else{
let disp = createDisplayBox("height: 600px;","Markdown help");
create("h3","hohGuideHeading","Images",disp);
create("pre","hohCode","img(your link here)",disp);
create("pre","hohCode","img(https://i.stack.imgur.com/Wlvkk.jpg)",disp);
create("p",false,"(you must upload it somewhere else to get a link)",disp);
create("p",false,"Adjusting size:",disp);
create("pre","hohCode","img300(your link here)",disp);
create("p",false,"or",disp);
create("pre","hohCode","img40%(your link here)",disp);
create("h3","hohGuideHeading","Links",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","Formatting",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,"Undo special meaning of formatting symols like * ~ # _ \\",disp);
create("pre","hohCode","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";
}
}
}
})
//rename?
function meanScoreBack(){
let URLstuff = location.pathname.match(/^\/user\/(.*?)\/?$/);
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(!location.pathname.match(/^\/user\/(.*?)\/?$/)){
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","Total Episodes",statAnime);
let totalDays = possibleStatsWrap[0].children[1].children[0].innerText;
possibleStatsWrap[0].children[1].remove();
possibleStatsWrap[0].parentNode.querySelector(".milestone:nth-child(2)").innerText = totalDays + " Days Watched";
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","Total Volumes",statManga);
let totalChapters = possibleStatsWrap[1].children[1].children[0].innerText;
possibleStatsWrap[1].children[1].remove();
possibleStatsWrap[1].parentNode.querySelector(".milestone:nth-child(2)").innerText = totalChapters + " Chapters Read";
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","Total Volumes",statManga);
let totalChapters = possibleStatsWrap[0].children[1].children[0].innerText;
possibleStatsWrap[0].children[1].remove();
possibleStatsWrap[0].parentNode.querySelector(".milestone:nth-child(2)").innerText = totalChapters + " Chapters Read";
possibleStatsWrap[0].parentNode.classList.add("hohMilestones");
};
}
}
else{
setTimeout(adder,200);
}
};adder();
},"hohMeanScoreBack" + variables.userName,60*1000);
}
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,"Recent Reviews",recentReviews)
.href = "/reviews";
recentThreads.innerText = "";
create("a",false,"Forum Activity",recentThreads)
.href = "/forum/overview";
}
else{
setTimeout(linkFixer,2000)//invisible change, does not take priority
}
}
exportModule({
id: "mobileFriendly",
description: "Mobile Friendly mode. Disables some modules not working properly on mobile, and adjusts others",
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();
}
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;
}
}`
})
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 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)
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 to 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 Aniscript'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 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: whoAmI},
function(data){
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: whoAmI},
function(data){
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(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?"
}
resultsStatusAL.innerText = "Calculating list differences...";
if((type === "anime" && alAnimeOverwrite.checked) || (type === "manga" && alMangaOverwrite.checked)){
}
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 find the list of " + whoAmI;
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 Aniscript's permissions, and sign in with the scirpt 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);
}
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 => {}
)
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])
}
}
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()
}
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","Newly Added"],
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)
}
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 = [];
for(var i=0;i {
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 = name + " has blocked you"
}
else if(name === "ModChan"){
notFound.innerText = "Nope."
}
else{
notFound.innerText = name + " does not exist or has a private profile"
}
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 you enable 18+ content in settings > Anime & Manga)`
}
else{
notFound.innerText = `That's one of them hentais.
(You you enable 18+ content in settings > Anime & Manga)`
}
notFound.style.paddingTop = "200px";
notFound.style.fontSize = "2rem"
}
}
})
}
}
function profileBackground(){
if(useScripts.SFWmode){//clearly not safe, users can upload anything
return
};
let URLstuff = location.pathname.match(/^\/user\/(.*?)\/?$/);
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(!location.pathname.match(/^\/user\/(.*?)\/?$/)){
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);
}
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;");
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[9].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
)
}
})
exportModule({
id: "replaceStaffRoles",
description: "Add sorting to staff pages",
isDefault: true,
categories: ["Media","Login"],
visible: true,
urlMatch: function(url,oldUrl){
return url.match(/^https:\/\/anilist\.co\/staff\/.*/)
},
code: 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(this,200);
return;
};
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,"Character Voice Roles",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,"Anime Staff Roles",hohMediaRoles);
hohMediaRolesAnimeHeader.style.display = "none";
let hohMediaRolesAnime = create("div","grid-wrap",false,hohMediaRoles);
hohMediaRolesAnime.style.margin = "10px";
let hohMediaRolesMangaHeader = create("h4",false,"Manga Staff Roles",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,"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 = "Filter by title, role, etc.";
let filterExplanation = create("abbr",false,"?",hohMediaSort,"margin-left:5px;cursor:pointer;");
filterExplanation.title = "Filter help";
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,"Alphabetical",sortSelect);
sortOptionAlpha.value = "alphabetical";
let sortOptionChrono = create("option",false,"Chronological",sortSelect);
sortOptionChrono.value = "chronological";
let sortOptionPopularity = create("option",false,"Popularity",sortSelect);
sortOptionPopularity.value = "popularity";
let sortOptionLength = create("option",false,"Length",sortSelect);
sortOptionLength.value = "length";
let sortOptionScore = create("option",false,"Score",sortSelect);
sortOptionScore.value = "score";
if(useScripts.accessToken){
create("option",false,"My Score",sortSelect)
.value = "myScore"
create("option",false,"My Progress",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]);
};
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)
}
if(chaptersRead === undefined){
console.log(999 );
}
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 === "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"
}
if(mangaRolesList.length){
hohMediaRolesMangaHeader.style.display = "inline"
}
if(voiceRolesList.length){
hohCharacterRolesHeader.style.display = "inline"
}
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);
let roleValues = {//default role value is 0, so positive values are important, negative less important
"Director": 2,
"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,
"Assistant Director": 1,
"Episode Director": 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.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
},
"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 => 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;
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)
}
}
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;
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)
}
}
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;
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)
}
}
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,"Hours Watched: ",digestStats);
create("span",false,(sumDuration/60).roundPlaces(1),digestStats,"color:rgb(var(--color-blue))")
};
if(sumChapters){
create("span",false," Chapters Read: ",digestStats);
create("span",false,sumChapters,digestStats,"color:rgb(var(--color-blue))")
};
if(sumVolumes){
create("span",false," Volumes Read: ",digestStats);
create("span",false,sumVolumes,digestStats,"color:rgb(var(--color-blue))")
};
if(amountAnime + amountManga){
create("span",false," Mean Score: ",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;");
Object.keys(distributionColours).sort().forEach(status => {
if(distribution[status]){
let statusSumDot = create("div","hohSumableStatus",distribution[status],statusList,"cursor:pointer;");
statusSumDot.style.background = distributionColours[status];
let title = capitalize(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(edge.staffRole);
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(edge.staffRole);
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);
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)
}
})
exportModule({
id: "rightSideNavbar",
description: "Move the vertical navbar to the right side of the screen",
isDefault: false,
categories: ["Navigation"],
visible: true
})
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);
}
}
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()
}
}
exportModule({
id: "settingsPage",
description: "This settings page",
isDefault: 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,"Automail Settings",hohSettings);
let scriptStats = create("div",false,false,hohSettings);
let sVersion = create("p",false,false,scriptStats);
create("span",false,"Version: ",sVersion);
create("span","hohStatValue",scriptInfo.version,sVersion);
let sHome = create("p",false,"Homepage: ",scriptStats);
let sHomeLink = create("a",false,scriptInfo.link,sHome);
let sHome2 = create("p",false,"Repository: ",scriptStats);
let sHomeLink2 = create("a",false,scriptInfo.repo,sHome2);
if(!useScripts.accessToken){
create("p",false,"Faded options only have limited functionallity without signing in to the script 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",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);
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(def.categories){
def.categories.forEach(
category => setting.classList.add(category.replace(/\s/g,""))
)
};
create("span",false,def.description,setting);
if(def.extendedDescription){
let infoButton = create("span","hohInfoButton","🛈",setting);
infoButton.title = "More info";
infoButton.onclick = function(){
createDisplayBox(false,"Module info").innerText = 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"],"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 = [
"ACTIVITY_MESSAGE",
"ACTIVITY_REPLY",
"FOLLOWING",
"ACTIVITY_MENTION",
"THREAD_COMMENT_MENTION",
"THREAD_SUBSCRIBED",
"THREAD_COMMENT_REPLY",
"AIRING",
"ACTIVITY_LIKE",
"ACTIVITY_REPLY_LIKE",
"THREAD_LIKE",
"THREAD_COMMENT_LIKE"
];
const supportedColours = [
{name:"Transparent",value:"rgb(0,0,0,0)"},
{name:"Blue",value:"rgb(61,180,242)"},
{name:"White",value:"rgb(255,255,255)"},
{name:"Black",value:"rgb(0,0,0)"},
{name:"Red",value:"rgb(232,93,117)"},
{name:"Peach",value:"rgb(250,122,122)"},
{name:"Orange",value:"rgb(247,154,99)"},
{name:"Yellow",value:"rgb(247,191,99)"},
{name:"Green",value:"rgb(123,213,85)"}
];
create("p",false,"Notification Dot Colours",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",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"],"Reset all",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","hohMonospace",
`Set a profile background, like this:
red
#640064
url(https://www.example.com/myBackground.jpg)
Tip: Use a colour with transparancy set, to respect light and dark themes. Example: rgb(100,0,100,0.4)
Tip2: Do you want a faded image, staying fixed in place, and filling the screen? This is how:
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"],"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("Invalid profile JSON")
}
}
}
profileJson.background = useScripts.profileBackgroundValue;
//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){/*later*/}
)
};
hohSettings.appendChild(create("hr"));
};
if(useScripts.customCSS && useScripts.accessToken){
let backgroundSettings = create("div",false,false,hohSettings);
create("p",false,"Add custom CSS to your profile. This will be visible to others.",backgroundSettings);
let inputField = create("textarea",false,false,backgroundSettings);
inputField.value = useScripts.customCSSValue;
create("br",false,false,backgroundSettings);
let backgroundChange = create("button",["hohButton","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("Invalid profile JSON")
}
}
}
profileJson.customCSS = useScripts.customCSSValue;
//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("Custom CSS is over 1MB")
}
else{
useScripts.save();
authAPIcall(
`mutation($about: String){
UpdateUser(about: $about){
about
}
}`,
{about: newDescription},
function(data){
if(!data){
alert("failed to save custom CSS")
}
}
)
}
};
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,"Sign in with the script",hohSettings);
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);
}
})
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;
};
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{
generalAPIcall("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);
}
}
}
}
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(!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
);
}
})
exportModule({
id: "slimNav",
description: "Slim navbar",
isDefault: false,
importance: -2,
categories: ["Navigation","Newly Added"],
visible: true
})
exportModule({
id: "studioSorting",
description: "Add sorting options to studio pages",
isDefault: true,
categories: ["Browse","Newly Added"],
visible: true,
urlMatch: function(url,oldUrl){
return url.match(/https:\/\/anilist\.co\/studio\/?/)
},
code: function(){
if(document.querySelector(".hohStudioSubstitute")){
document.querySelector(".hohStudioSubstitute").remove()
}
if(document.querySelector(".hohStudioSorter")){
document.querySelector(".hohStudioSorter").remove()
}
let buttonInserter = function(){
if(!document.URL.match(/https:\/\/anilist\.co\/studio\/?/)){
return
}
let switchL = document.querySelector(".page-content .header");
if(switchL){
let switcher = create("div","hohStudioSorter",false,switchL,"position: absolute;top: 33px;");
let fakeContent = create("div",["hohStudioSubstitute","container","grid-wrap"],false,"display:none;");
switchL.parentNode.parentNode.insertBefore(fakeContent,switchL.parentNode.nextElementSibling);
let normalSort = create("span","selected","Normal",switcher);
let popularitySort = create("span",false,"Popularity",switcher);
let scoreSort = create("span",false,"Score",switcher);
let favouritesSort = create("span",false,"Favourites",switcher);
let rankingData = null;
let currentSorting = "";
let sortingFunction = (b,a) => a.popularity - b.popularity || a.averageScore - b.averageScore || a.favourites - b.favourites;
let renderSubstitute = function(){
rankingData.sort(sortingFunction);
removeChildren(fakeContent);
rankingData.forEach(show => {
let card = create("div","media-card",false,fakeContent);
if(show.isMain){
card.classList.add("isMain")
}
card.style.cssText = "--media-color:" + (show.coverImage.color || 90) + ";";
let cover = create("a","cover",false,card)
cover.href = show.siteUrl;
cover.style.backgroundImage = "url(\"" + show.coverImage.large + "\")";
if(show.mediaListEntry){
let listStatus = create("div","list-status",false,cover);
listStatus.setAttribute("status",capitalize(show.mediaListEntry.status.toLowerCase()));
listStatus.title = capitalize(show.mediaListEntry.status.toLowerCase());
listStatus.style.background = distributionColours[show.mediaListEntry.status]
}
let overlay = create("div","overlay",false,cover);
let title = create("a","title",titlePicker(show),overlay).href = show.siteUrl;
let data = create("div","data",false,card);
let airingCountdown = create("div","airing-countdown",false,data);
if(
show.nextAiringEpisode && (show.status === "RELEASING" || show.nextAiringEpisode.timeUntilAiring < 60*24*60*60)
){
let days = Math.floor(show.nextAiringEpisode.timeUntilAiring/(24*3600));
let hours = Math.floor((show.nextAiringEpisode.timeUntilAiring - 24*3600 * days)/3600);
let minutes = Math.round((show.nextAiringEpisode.timeUntilAiring - 24*3600 * days - 3600 * hours)/60);
airingCountdown.innerText = "Ep " + show.nextAiringEpisode.episode + " -";
if(days){
airingCountdown.innerText += " " + days + "d";
}
if(hours){
airingCountdown.innerText += " " + hours + "h";
}
if(minutes){
airingCountdown.innerText += " " + minutes + "m";
}
}
else if(show.season){
if(show.season === "WINTER" && show.startDate.month === 12){
airingCountdown.innerText = capitalize(show.season.toLowerCase()) + " " + (show.startDate.year + 1)
}
else{
airingCountdown.innerText = capitalize(show.season.toLowerCase()) + " " + (show.startDate.year || "")
}
}
else if(show.startDate.year){
airingCountdown.innerText = show.startDate.year
}
else if(show.status === "RELEASING"){
airingCountdown.innerText = "Airing"
}
else if(show.status === "NOT_YET_RELEASED"){
airingCountdown.innerText = "Not yet released"
}
else if(show.status === "CANCELLED"){
airingCountdown.innerText = "Cancelled"
}
let startAiring = "";
let endAiring = "";
if(show.startDate.year){
startAiring = [
show.startDate.day,
months[show.startDate.month - 1].substring(0,3),
show.startDate.year
].filter(TRUTHY).join(" ")
}
if(show.endDate.year){
endAiring = [
show.endDate.day,
months[show.endDate.month - 1].substring(0,3),
show.endDate.year
].filter(TRUTHY).join(" ")
}
if(startAiring === endAiring){
airingCountdown.title = startAiring
}
else{
airingCountdown.title = startAiring + " - " + endAiring
}
let extra = create("div",["extra","full-width"],false,data);
if(show.format){
create("span","format",distributionFormats[show.format],extra)
}
if(show.averageScore){
let avgScore = create("span",false,show.averageScore + "%",extra).title = "Average score (weighted)\nUnweighted: " + show.meanScore + "%";
}
if(currentSorting === "favourites"){
if(show.favourites){
let favourites = create("span","favourites",show.favourites,extra);
favourites.title = "Favourites";
let heart = svgAssets2.likeNative.cloneNode(true);
heart.style.marginLeft = "1px";
favourites.appendChild(heart)
}
}
else if(show.popularity){
create("span","popularity",show.popularity,extra).title = "Popularity";
}
let description = create("div","description",false,data);
description.innerHTML = DOMPurify.sanitize(show.description);
let genres = create("div","genres",show.genres.join(", "),data);
})
};
let getData = function(){
authAPIcall(
`
query($id: Int){
Studio(id: $id){
popularity:media(sort:POPULARITY_DESC){
pageInfo{total}
edges{
isMainStudio
node{
... mediaEntry
}
}
}
score:media(sort:SCORE_DESC){
edges{
isMainStudio
node{
... mediaEntry
}
}
}
}
}
fragment mediaEntry on Media{
id
format
coverImage{large color}
title{romaji native english}
averageScore
meanScore
popularity
status
season
favourites
nextAiringEpisode{
episode
timeUntilAiring
}
genres
siteUrl
description(asHtml: true)
startDate{year month day}
endDate{year month day}
mediaListEntry{
status
}
}`,
{id: parseInt(document.URL.match(/studio\/(\d+)\/?/)[1])},function(data){
rankingData = uniqueBy(
data.data.Studio.popularity.edges.concat(
data.data.Studio.score.edges
).map(edge => {
edge.node.isMain = edge.isMainStudio;
return edge.node
}),
a => a.id
);
renderSubstitute();
if(rankingData.length < data.data.Studio.popularity.pageInfo.total){
authAPIcall(
`
query($id: Int){
Studio(id: $id){
popularity2:media(sort:POPULARITY_DESC,page:2){
edges{
isMainStudio
node{
... mediaEntry
}
}
}
popularity3:media(sort:POPULARITY_DESC,page:3){
edges{
isMainStudio
node{
... mediaEntry
}
}
}
popularity4:media(sort:POPULARITY_DESC,page:4){
edges{
isMainStudio
node{
... mediaEntry
}
}
}
}
}
fragment mediaEntry on Media{
id
format
coverImage{large color}
title{romaji native english}
averageScore
meanScore
popularity
status
season
favourites
nextAiringEpisode{
episode
timeUntilAiring
}
genres
siteUrl
description(asHtml: true)
startDate{year month day}
endDate{year month day}
mediaListEntry{
status
}
}`,
{id: parseInt(document.URL.match(/studio\/(\d+)\/?/)[1])},function(data){
rankingData = uniqueBy(
rankingData.concat(
data.data.Studio.popularity2.edges.concat(
data.data.Studio.popularity3.edges
).concat(
data.data.Studio.popularity4.edges
).map(edge => {
edge.node.isMain = edge.isMainStudio;
return edge.node
})
),
a => a.id
);
renderSubstitute();
}
)
}
}
)
}
normalSort.onclick = function(){
if(!fakeContent.parentNode.querySelector(".hohStudioSubstitute + .container")){
return
}
switcher.querySelector(".selected").classList.remove("selected");
normalSort.classList.add("selected");
fakeContent.parentNode.querySelector(".hohStudioSubstitute + .container").style.display = "grid";
fakeContent.style.display = "none";
removeChildren(fakeContent);
}
popularitySort.onclick = function(){
currentSorting = "popularity";
if(!fakeContent.parentNode.querySelector(".hohStudioSubstitute + .container")){
return
}
switcher.querySelector(".selected").classList.remove("selected");
popularitySort.classList.add("selected");
fakeContent.parentNode.querySelector(".hohStudioSubstitute + .container").style.display = "none";
fakeContent.style.display = "grid";
sortingFunction = (b,a) => a.popularity - b.popularity || a.averageScore - b.averageScore || a.favourites - b.favourites
if(rankingData){
renderSubstitute()
}
else{
getData()
}
}
scoreSort.onclick = function(){
currentSorting = "score";
if(!fakeContent.parentNode.querySelector(".hohStudioSubstitute + .container")){
return
}
switcher.querySelector(".selected").classList.remove("selected");
scoreSort.classList.add("selected");
fakeContent.parentNode.querySelector(".hohStudioSubstitute + .container").style.display = "none";
fakeContent.style.display = "grid";
sortingFunction = (b,a) => a.averageScore - b.averageScore || a.meanScore - b.meanScore || a.favourites - b.favourites || a.popularity - b.popularity;
if(rankingData){
renderSubstitute()
}
else{
getData()
}
}
favouritesSort.onclick = function(){
currentSorting = "favourites";
if(!fakeContent.parentNode.querySelector(".hohStudioSubstitute + .container")){
return
}
switcher.querySelector(".selected").classList.remove("selected");
favouritesSort.classList.add("selected");
fakeContent.parentNode.querySelector(".hohStudioSubstitute + .container").style.display = "none";
fakeContent.style.display = "grid";
sortingFunction = (b,a) => a.favourites - b.favourites || a.averageScore - b.averageScore || a.meanScore - b.meanScore || a.popularity - b.popularity;
if(rankingData){
renderSubstitute()
}
else{
getData()
}
}
}
else{
setTimeout(buttonInserter,200)
}
};buttonInserter()
}
})
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);
create("a","hohSubMenuLink","Favourites",subMenu)
.href = "/user/" + whoAmI + "/favorites";
let linkStats = create("a","hohSubMenuLink","Stats",subMenu);
if(useScripts.mangaBrowse){
linkStats.href = "/user/" + whoAmI + "/stats/manga/overview"
}
else{
linkStats.href = "/user/" + whoAmI + "/stats/anime/overview"
}
create("a","hohSubMenuLink","Social",subMenu)
.href = "/user/" + whoAmI + "/social";
create("a","hohSubMenuLink","Reviews",subMenu)
.href = "/user/" + whoAmI + "/reviews";
create("a","hohSubMenuLink","Submissions",subMenu)
.href = "/user/" + whoAmI + "/submissions";
hackContainer.onmouseenter = function(){
subMenu.style.display = "inline";
}
hackContainer.onmouseleave = function(){
subMenu.style.display = "none";
}
}
else{
setTimeout(addMouseover,500)
}
};addMouseover();
}
exportModule({
id: "termsFeed",
description: "Add a low bandwidth feed to the https://anilist.co/terms page",
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"],"View Privacy Policy instead",terms,"font-size:1rem;color:initial;");
policy.onclick = function(){
pageLocation.style.display = "initial";
terms.style.display = "none";
document.title = "Anilist Terms"
};
if(!useScripts.accessToken){
create("p",false,"This module does not work without signing in to the script",terms);
let loginURL = create("a",false,"Sign in with the script",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,"Global",browseSettings,"margin-right:5px;");
let onlyStatus = createCheckbox(browseSettings);
create("span",false,"Text posts",browseSettings,"margin-right:5px;");
let onlyReplies = createCheckbox(browseSettings);
create("span",false,"Has replies",browseSettings,"margin-right:5px;");
let onlyForum = createCheckbox(browseSettings);
create("span",false,"Forum",browseSettings,"margin-right:5px;");
let onlyReviews = createCheckbox(browseSettings);
create("span",false,"Reviews",browseSettings);
create("br",false,false,browseSettings);
create("br",false,false,browseSettings);
let onlyUser = createCheckbox(browseSettings);
create("span",false,"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,"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);
onlyUserInput.setAttribute("list","userDatalist");
if(searchParams.get("user")){
onlyUserInput.value = decodeURIComponent(searchParams.get("user"));
onlyUser.checked = true
}
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,"Loading...",topNav);
let pageCount = create("p",false,"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;");
create("br",false,false,statusInput);
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 status...";
let topPrevious = create("button",["hohButton","button"],"Refresh",topNav,"position:fixed;top:120px;left:calc(5% - 50px);z-index:50;");
let topNext = create("button",["hohButton","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 = "Page " + page;
if(page === 1){
topPrevious.innerText = "Refresh"
}
else{
topPrevious.innerText = "← Previous"
};
removeChildren(feedContent)
activities.forEach(function(activity){
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);
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);
activity.replies.forEach(reply => {
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;");
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);
};
});
let statusInput = create("div",false,false,replies);
let inputArea = create("textarea",false,false,statusInput,"width: 99%;border-width: 1px;padding: 4px;border-radius: 2px;color: rgb(159, 173, 189);resize: vertical;");
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: emojiSanitize(inputArea.value),activityId: activity.id},
data => {
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 = "" + activity.text.replace(/\n\n/g,"
") + "
";//workaround for API bug
if(useScripts.termsFeedNoImages){
let imgText = activity.text.replace(//g,img => {
let link = img.match(//)[2];
return "[" + (link.length > 200 ? link.slice(0,200) + "…" : link) + "]";
}).replace(//g,video => {
let link = video.match(/src=("|')(.*?)("|')/)[2];
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:50px;width:10px;cursor:pointer;");
render.title = "load images";
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" && type !== "thread"){
let edit = create("a",false,"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
};
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){
create("span",false," " + activity.progress + " of",content);
};
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"
}
},"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(asHtml: true)
likes{name}
title
replyCount
}
}
Viewer{unreadNotificationCount}
}`,
{page: npage},
function(data){
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(asHtml: true)
rating
ratingAmount
}
}
Viewer{unreadNotificationCount}
}`,
{page: npage},
function(data){
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(asHtml: true)
likes{name}
replies{
id
user{name}
likes{name}
text(asHtml: true)
createdAt
}
}
... on TextActivity{
id
type
createdAt
user{name}
text(asHtml: true)
likes{name}
replies{
id
user{name}
likes{name}
text(asHtml: true)
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(asHtml: true)
createdAt
}
}
}
}
Viewer{unreadNotificationCount}
}`,
{page: npage,types:types},
function(data){
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 = "Publish";
}
else if(onlyForum.checked){
inputArea.placeholder = "Write a forum post...";
statusInputTitle.style.display = "block";
publishButton.innerText = "Publish";
}
else if(onlyUser.checked && onlyUserInput.value && onlyUserInput.value.toLowerCase() !== whoAmI.toLowerCase()){
inputArea.placeholder = "Write a message...";
publishButton.innerText = "Send";
}
else{
inputArea.placeholder = "Write a status...";
publishButton.innerText = "Publish";
}
};
topPrevious.onclick = function(){
loading.innerText = "Loading...";
if(page === 1){
requestPage(1)
}
else{
requestPage(page - 1)
}
};
topNext.onclick = function(){
loading.innerText = "Loading...";
requestPage(page + 1);
};
onlyGlobal.onchange = function(){
loading.innerText = "Loading...";
statusInputTitle.style.display = "none";
inputArea.placeholder = "Write a status...";
onlyUser.checked = false;
onlyForum.checked = false;
onlyReviews.checked = false;
requestPage(1);
};
onlyStatus.onchange = function(){
loading.innerText = "Loading...";
onlyForum.checked = false;
onlyReviews.checked = false;
onlyMedia.checked = false;
requestPage(1);
};
onlyReplies.onchange = function(){
loading.innerText = "Loading...";
onlyReviews.checked = false;
requestPage(1);
};
onlyUser.onchange = function(){
setInputs();
loading.innerText = "Loading...";
onlyGlobal.checked = false;
requestPage(1);
};
onlyForum.onchange = function(){
setInputs();
loading.innerText = "Loading...";
onlyGlobal.checked = false;
onlyStatus.checked = false;
onlyReviews.checked = false;
requestPage(1);
};
onlyMedia.onchange = function(){
setInputs();
loading.innerText = "Loading...";
requestPage(1);
};
onlyReviews.onchange = function(){
setInputs();
onlyGlobal.checked = false;
onlyStatus.checked = false;
onlyForum.checked = false;
onlyReplies.checked = false;
loading.innerText = "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,"Searching...",mediaDisplayResults);
}
generalAPIcall(`
query($search: String){
Page(page:1,perPage:5){
media(search:$search,sort:SEARCH_MATCH){
title{romaji}
id
type
}
}
}`,
{search: onlyMediaInput.value},
function(data){
removeChildren(mediaDisplayResults)
data.data.Page.media.forEach((media,index) => {
let result = create("span",["hohSearchResult",media.type.toLowerCase()],media.title.romaji,mediaDisplayResults);
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 = "Loading...";
requestPage(1);
}
});
if(data.data.Page.media.length){
onlyMedia.checked = true;
onlyStatus.checked = false;
loading.innerText = "Loading...";
requestPage(1);
}
else{
create("span",false,"No results found",mediaDisplayResults);
onlyMediaResult.id = false;
}
}
)
};
};
onlyUserInput.onblur = function(){
if(onlyForum.checked){
inputArea.placeholder = "Write a forum post...";
publishButton.innerText = "Publish";
}
else if(
(onlyUser.checked && onlyUserInput.value && onlyUserInput.value.toLowerCase() !== whoAmI.toLowerCase())
|| (oldOnlyUser !== onlyUserInput.value && onlyUserInput.value !== "")
){
inputArea.placeholder = "Write a message...";
publishButton.innerText = "Send";
}
else{
inputArea.placeholder = "Write a status...";
publishButton.innerText = "Publish";
}
if(oldOnlyUser !== onlyUserInput.value && onlyUserInput.value !== ""){
loading.innerText = "Loading...";
onlyUser.checked = true;
requestPage(1);
}
else if(onlyUser.checked && oldOnlyUser !== onlyUserInput.value){
loading.innerText = "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";
};
cancelButton.onclick = function(){
inputArea.value = "";
cancelButton.style.display = "none";
publishButton.style.display = "none";
loading.innerText = "";
onlySpecificActivity = false;
document.activeElement.blur();
};
publishButton.onclick = function(){
if(onlyForum.checked){
alert("Sorry, not implemented yet");
//loading.innerText = "Publishing forum post...";
return;
}
else if(onlyReviews.checked){
alert("Sorry, not implemented yet");
//loading.innerText = "Publishing review...";
return;
}
else if(onlySpecificActivity){
loading.innerText = "Publishing...";
authAPIcall(
"mutation($text: String,$id: Int){SaveTextActivity(id: $id,text: $text){id}}",
{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 = "";
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);
}
})
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","$",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();
}
)
})
};
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)
}
function yearStepper(){
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)
}
}
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")
}
})
},1000)
}
//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 long description of what your module does.
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
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
})()
//Automail built at 1601898650