Extra parts for Anilist.co
目前為
// ==UserScript==
// @name Automail
// @namespace http://tampermonkey.net/
// @version 9.99.16
// @description Extra parts for Anilist.co
// @author hoh
// @match https://anilist.co/*
// @grant GM_xmlhttpRequest
// @license GPL-3.0-or-later
// ==/UserScript==
// SPDX-FileCopyrightText: 2019-2021 hoh and the Automail contributors
//
// SPDX-License-Identifier: GPL-3.0-or-later
(function(){
"use strict";
const scriptInfo = {
"version" : "9.99.16",
"name" : "Automail",
"link" : "https://gf.qytechs.cn/en/scripts/370473-automail",
"repo" : "https://github.com/hohMiyazawa/Automail",
"firefox" : "https://addons.mozilla.org/en-US/firefox/addon/automail/",
"chrome" : "NO KNOWN BUILDS",
"author" : "hoh",
"authorLink" : "https://anilist.co/user/hoh/",
"license" : "GPL-3.0-or-later"
};
/*
A collection of enhancements for Anilist.co
*/
/*
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
<https://www.gnu.org/licenses/>.
*/
/*
"useScripts" contains the defaults for the various modules. This is stored in the user's localStorage.
Many of the modules are closely tied to the Anilist API
Other than that, some data loaded from MyAnimelist is the only external resource
Optionally, a user may give the script privileges through the Anilist grant system, enabling some additional modules
*/
/* GENERAL STRUCTURE:
1. Settings
2. CSS
3. tools and helper functions
4. The modules, as individual callable functions
5. The URL matcher, for making the modules run at the right sites
6. Module descriptions
*/
//begin "settings.js"
try{
localStorage.setItem("test","test");
localStorage.removeItem("test");
}
catch(e){
console.log("LocalStorage, required for saving settings, is not available. Automail may not work correctly.")
}
const notificationColourDefaults = {
"ACTIVITY_LIKE":{"colour":"rgb(250,122,122)","supress":false},
"ACTIVITY_REPLY_LIKE":{"colour":"rgb(250,122,122)","supress":false},
"THREAD_COMMENT_LIKE":{"colour":"rgb(250,122,122)","supress":false},
"THREAD_LIKE":{"colour":"rgb(250,122,122)","supress":false},
"THREAD_COMMENT_REPLY":{"colour":"rgb(61,180,242)","supress":false},
"ACTIVITY_REPLY":{"colour":"rgb(61,180,242)","supress":false},
"ACTIVITY_MESSAGE":{"colour":"rgb(123,213,85)","supress":false},
"FOLLOWING":{"colour":"rgb(123,213,85)","supress":false},
"ACTIVITY_MENTION":{"colour":"rgb(123,213,85)","supress":false},
"THREAD_COMMENT_MENTION":{"colour":"rgb(123,213,85)","supress":false},
"THREAD_SUBSCRIBED":{"colour":"rgb(247,191,99)","supress":false},
"ACTIVITY_REPLY_SUBSCRIBED":{"colour":"rgb(247,191,99)","supress":false},
"RELATED_MEDIA_ADDITION":{"colour":"rgb(247,191,99)","supress":false},
"AIRING":{"colour":"rgb(247,191,99)","supress":false}
};
//this is the legacy way of specifying default modules, use exportModule's isDefault instead.
let useScripts = {//most modules are turned on by default
socialTab: true,
socialTabFeed: true,
forumComments: true,
forumMedia: true,
staffPages: true,
tagDescriptions: true,
completedScore: true,
droppedScore: false,
characterFavouriteCount: true,
studioFavouriteCount: true,
CSSfavs: true,
CSScompactBrowse: true,
CSSgreenManga: true,
CSSfollowCounter: true,
CSSprofileClutter: false,
CSSdecimalPoint: false,
CSSverticalNav: false,
CSSbannerShadow: true,
CSSdarkDropdown: true,
hideLikes: false,
dubMarker: false,
CSSsmileyScore: true,
feedCommentFilter: false,
feedCommentComments: 0,
feedCommentLikes: 0,
colourPicker: true,
colourSettings: [],
mangaBrowse: false,
progressBar: false,
noRewatches: false,
hideCustomTags: false,
shortRomaji: false,
replaceNativeTags: true,
draw3x3: true,
newChapters: true,
limitProgress8: false,
limitProgress10: false,
tagIndex: true,
expandRight: false,
timeToCompleteColumn: false,
mangaGuess: true,
settingsTip: true,
enumerateSubmissionStaff: true,
MALscore: false,
MALserial: false,
tweets: false,
MALrecs: false,
entryScore: true,
showRecVotes: true,
activityTimeline: true,
browseFilters: true,
embedHentai: false,
comparissionPage: true,
noImagePolyfill: false,
reviewConfidence: true,
blockWord: false,
showMarkdown: true,
myThreads: false,
dismissDot: true,
statusBorder: false,
moreImports: true,
plussMinus: true,
milestones: false,
allStudios: false,
CSSmobileExternalLinks: false,
termsFeedNoImages: false,
customCSS: false,
rightToLeft: false,
subTitleInfo: false,
customCSSValue: "",
negativeCustomList: false,
globalCustomList: false,
dblclickZoom: false,
betterListPreview: false,
homeScroll: true,
blockWordValue: "nsfw",
hideGlobalFeed: false,
cleanSocial: false,
SFWmode: false,
hideAWC: false,
forumPreviewNumber: 3,
profileBackground: true,
profileBackgroundValue: "inherit",
viewAdvancedScores: true,
betterReviewRatings: true,
notificationColours: notificationColourDefaults,
staffRoleOrder: "alphabetical",
titleLanguage: "ROMAJI",
dubMarkerLanguage: "English",
accessToken: "",
automailAPI: false,
comparisionColourFilter: true,
comparisionSystemFilter: false,
annoyingAnimations: true,
navbarDroptext: true,
browseSubmenu: false,
reinaDarkEnable: false,
customDefaultListOrder: "",
softBlock: []
};
let userObject = JSON.parse(localStorage.getItem("auth"));
let whoAmI = "";
let whoAmIid = 0;
try{//use later for some scripts
whoAmI = document.querySelector(".nav .links .link[href^='/user/']").href.match(/\/user\/(.*)\//)[1];//looks at the nav
}
catch(err){
if(userObject){
whoAmI = userObject.name;
}
else{
console.warn("could not get username");
}
}
if(userObject && (userObject.donatorTier > 0 && (new Date()).valueOf() > (new Date('2020-09-01T03:24:00')).valueOf()) && userObject.name !== "hoh" && !userObject.moderatorStatus){
alert("Sorry, Automail does not work for donators")
return
}
if(document.hohTypeScriptRunning){
console.log("Duplicate script detected. Please make sure you don't have more than one instance of Automail or similar installed");
return
}
document.hohTypeScriptRunning = "Automail"
let forceRebuildFlag = false;
useScripts.save = function(){
localStorage.setItem("hohSettings",JSON.stringify(useScripts))
};
const useScriptsSettings = JSON.parse(localStorage.getItem("hohSettings"));
if(useScriptsSettings){
let keys = Object.keys(useScriptsSettings);
keys.forEach(//this is to keep the default settings if the version in local storage is outdated
key => useScripts[key] = useScriptsSettings[key]
)
}
if(userObject){
useScripts.titleLanguage = userObject.options.titleLanguage;
whoAmIid = userObject.id
}
useScripts.save();
//end "settings.js"
//begin "alias.js"
const moreStyle = create("style");
moreStyle.id = "conditional-automail-styles";
moreStyle.type = "text/css";
let createAlias = function(alias){
if(alias[0] === "css/"){
moreStyle.textContent += alias[1]
}
else{
const dataSelect = `[href^="${alias[0]}"]`;
const targetName = alias[1].substring(0,Math.min(100,alias[1].length));
moreStyle.textContent += `
.title > a${dataSelect}
,a.title${dataSelect}
,.overlay > a.title${dataSelect}
,.media-preview-card a.title${dataSelect}
,.quick-search-results .el-select-dropdown__item a${dataSelect}> span
,.media-embed${dataSelect} .title
,.status > a.title${dataSelect}
,.role-card a.content${dataSelect} > .name{
visibility: hidden;
line-height: 0px;
}
.results.media a.title${dataSelect}
,.home .status > a.title${dataSelect}{
font-size: 2%;
}
a.title${dataSelect}::before
,.quick-search-results .el-select-dropdown__item a${dataSelect} > span::before
,.role-card a.content${dataSelect} > .name::before
,.home .status > a.title${dataSelect}::before
,.media-embed${dataSelect} .title::before
,.overlay > a.title${dataSelect}::before
,.media-preview-card a.title${dataSelect}::before
,.title > a${dataSelect}::before{
content:"${targetName}";
visibility: visible;
}`;
}
}
const shortRomaji = (useScripts.shortRomaji ? [
["/anime/30/","Evangelion"],
["/anime/32/","End of Evangelion"],
["/anime/33/","Berserk"],
["/anime/44/","Rurouni Kenshin: Tsuioku-hen"],
["/anime/45/","Rurouni Kenshin"],
["/anime/400/","Outlaw Star"],
["/anime/513/","Laputa"],
["/anime/528/","Mewtwo no Gyakushuu"],
["/anime/530/","Sailor Moon"],
["/anime/532/","Sailor Moon S"],
["/anime/572/","Nausicaä"],
["/anime/740/","Sailor Moon R"],
["/anime/849/","Haruhi"],
["/anime/996/","Sailor Moon Sailor Stars"],
["/anime/949/","Gunbuster!"],
["/anime/1089/","Macross: Ai Oboete Imasu ka"],
["/anime/1239/","Sailor Moon SuperS"],
["/anime/1575/","Code Geass"],
["/anime/2001/","Gurren Lagann"],
["/anime/2025/","Darker than BLACK"],
["/anime/2904/","Code Geass R2"],
["/anime/4382/","Haruhi (2009)"],
["/anime/5114/","Fullmetal Alchemist: Brotherhood"],
["/anime/8074/","HIGHSCHOOL OF THE DEAD"],
["/anime/8769/","OreImo"],
["/anime/8795/","Panty & Stocking"],
["/anime/9756/","Madoka★Magica"],
["/anime/9989/","AnoHana"],
["/anime/10020/","OreImo Specials"],
["/anime/10620/","Mirai Nikki"],
["/anime/13659/","OreImo 2"],
["/anime/14741/","Chuunibyou!"],
["/anime/14813/","OreGairu"],
["/anime/16592/","Danganronpa"],
["/anime/16742/","WataMote"],
["/anime/17074/","Monogatari Second Season"],
["/anime/18671/","Chuunibyou! 2"],
["/anime/18677/","Yuushibu"],
["/anime/18857/","OreImo 2 Specials"],
["/anime/19221/","NouKome"],
["/anime/19603/","Unlimited Blade Works"],
["/anime/20474/","JoJo: Stardust Crusaders"],
["/anime/20623/","Kiseijuu"],
["/anime/20698/","OreGairu 2"],
["/anime/20791/","Heaven’s Feel I. presage flower"],
["/anime/20792/","Unlimited Blade Works 2"],
["/anime/20799/","JoJo: Stardust Crusaders - Egypt-hen"],
["/anime/20910/","Shimoseka"],
["/anime/20920/","Danmachi"],
["/anime/21202/","Konosuba!"],
["/anime/21355/","Re:Zero"],
["/anime/21450/","JoJo: Diamond wa Kudakenai"],
["/anime/21574/","Konosuba!: Kono Subarashii Choker ni Shufuku wo!"],
["/anime/21699/","Konosuba! 2"],
["/anime/21718/","Heaven’s Feel II. lost butterfly"],
["/anime/21719/","Heaven’s Feel III. spring song"],
["/anime/21860/","Sukasuka"],
["/anime/97907/","Death March"],
["/anime/97938/","Boruto"],
["/anime/100182/","SAO: Alicization"],
["/anime/100183/","Gun Gale Online"],
["/anime/101166/","Danmachi: Orion no Ya"],
["/anime/101291/","Bunny Girl-senpai"],
["/anime/101921/","Kaguya-sama wa Kokurasetai"],
["/anime/102883/","JoJo: Ougon no Kaze"],
["/anime/104157/","Bunny Girl-senpai Movie"],
["/anime/105156/","Shinchou Yuusha"],
["/anime/108759/","SAO: War of Underworld"],
["/anime/112641/","Kaguya-sama wa Kokurasetai 2"],
["/manga/86635/","Kaguya-sama wa Kokurasetai"]
] : []);
//end "alias.js"
//a shared style node for all the modules. Most custom classes are prefixed by "hoh" to avoid collisions with native Anilist classes
let style = document.createElement("style");
style.id = "automail-styles";
style.type = "text/css";
//The default colour is rgb(var(--color-blue)) provided by Anilist, but rgb(var(--color-green)) is preferred for things related to manga
style.textContent = `
body{
margin: 0px;
}
.markdown img{
image-orientation: from-image;/*useful fix, but not universally supported*/
}
#hohSettings{
margin-top: 20px;
display: none;
}
.apps + #hohSettings{
display: inline;
}
#hohSettings textarea,
#hohSettings input,
#hohSettings select,
.hohNativeInput{
color: inherit;
background-color: rgb(var(--color-foreground-grey));
border-width: 1px;
padding: 3px;
border-radius: 3px;
}
.hohTime{
position: absolute;
right: 12px;
top: 6px;
font-size: 1.1rem;
}
.hohUnread{
border-right: 8px;
border-color: rgba(var(--color-blue));
border-right-style: solid;
}
.hohNotification{
margin-bottom: 10px;
background: rgb(var(--color-foreground));
border-radius: 4px;
justify-content: space-between;
line-height: 0;
min-height: 72px;
position: relative;
}
.hohNotification *{
line-height: 1.15;
}
.hohUserImageSmall{
display: inline-block;
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
z-index: 10;
}
.hohUserImage{
height: 72px;
width: 72px;
display: inline-block;
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
}
.hohMediaImage{
height: 70px;
}
.hohMessageText{
position: absolute;
margin-top: 30px;
margin-left: 80px;
}
.hohMediaImageContainer{
vertical-align: bottom;
margin-left: 400px;
display: inline;
position: relative;
display: inline-block;
min-height: 70px;
width: calc(100% - 500px);
text-align: right;
padding-bottom: 1px;
}
.hohMediaImageContainer > a{
height: 70px;
line-height: 0!important;
display: inline-block;
z-index: 11;
width: 50px;
margin-right: 5px;
background: rgb(var(--color-background),0.8);
margin-top: 1px;
margin-bottom: 1px;
}
span.hohMediaImageContainer{
line-height: 0!important;
}
.hohBackgroundCover{
height: 70px;
width: 50px;
display: inline-block;
background-repeat: no-repeat;
object-fit: cover;
object-position: center;
line-height: 0;
}
.hohCommentsContainer{
margin-top: 5px;
}
.hohCommentsArea{
margin: 10px;
display: none;
padding-bottom: 2px;
margin-top: 5px;
width: 95%;
}
.hohCommentsContainer > a.link{
font-size: 1.3rem;
}
.hohComments{
float: right;
display: none;
margin-top: -21px;
margin-right: 10px;
cursor: pointer;
margin-left: 600px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.hohCombined .hohComments{
display: none!important;
}
.hohQuickCom{
padding: 5px;
background-color: rgb(var(--color-background));
margin-bottom: 5px;
position: relative;
}
.hohQuickComName{
margin-right: 15px;
color: rgb(var(--color-blue));
}
.hohThisIsMe{
color: rgb(var(--color-green));
}
.hohILikeThis{
color: rgb(var(--color-red));
}
.hohQuickComName::after{
content: ":";
}
.hohQuickComContent{
margin-right: 40px;
display: block;
}
.hohQuickComContent > p{
margin: 1px;
}
.hohQuickComLikes{
position: absolute;
right: 5px;
bottom: 5px;
display: inline-block;
}
.hohQuickComContent img {
max-width: 100%;
}
.hohSpoiler::before{
color: rgb(var(--color-blue));
cursor: pointer;
background: rgb(var(--color-background));
border-radius: 3px;
content: "Spoiler, click to view";
font-size: 1.3rem;
padding: 0 5px;
}
.hohSpoiler.hohClicked::before{
display: none;
}
.hohSpoiler > span{
display: none;
}
.hohMessageText > span > div.time{
display: none;
}
.hohUnhandledSpecial > div{
margin-top: -15px;
}
.hohNewMedia a{
color: rgb(var(--color-blue));
}
.hohNewMedia a[href^="/manga/"]{
color: rgb(var(--color-green));
}
.hohMonospace{
font-family: monospace;
}
.hohCode{
font-family: monospace;
background: rgb(var(--color-background));
}
.hohForumHider{
margin-right: 3px;
cursor: pointer;
font-family: monospace;
}
.hohForumHider:hover{
color: rgb(var(--color-blue));
}
#hohDescription{
width: 280px;
height: 150px;
float: left;
color: rgb(var(--color-blue));
}
.hohStatsTrigger{
cursor: pointer;
border-radius: 3px;
color: rgb(var(--color-text-lighter));
display: block;
font-size: 1.4rem;
margin-bottom: 8px;
margin-left: -10px;
padding: 5px 10px;
font-weight: 700;
}
.hohActive{
background: rgba(var(--color-foreground),.8);
color: rgb(var(--color-text));
font-weight: 500;
}
#hohFavCount{
position: absolute;
right: 30px;
color: rgba(var(--color-red));
top: 10px;
font-weight: 400;
}
.hohSlidePlayer{
display: block;
position: relative;
width: 500px;
}
.hohSlide{
position: absolute;
top: 0px;
font-size: 500%;
height: 100%;
display: flex;
align-items: center;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
opacity: 0.5;
}
.hohSlide:hover{
background-color: rgb(0,0,0,0.4);
cursor: pointer;
opacity: 1;
}
.hohRightSlide{
right: 0px;
padding-left: 10px;
padding-right: 20px;
}
.hohLeftSlide{
left: 0px;
padding-left: 20px;
padding-right: 10px;
}
.hohShare{
position: absolute;
right: 12px;
top: 30px;
cursor: pointer;
color: rgb(var(--color-blue-dim));
}
.activity-entry{
position: relative;
}
.activity-entry.activity-text{
border-right-width: 0px!important;
}
.hohEmbed{
border-style: solid;
border-color: rgb(var(--color-text));
border-width: 1px;
padding: 15px;
position: relative;
}
.hohEmbed .avatar{
border-radius: 3px;
height: 40px;
width: 40px;
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
display: inline-block;
}
.hohEmbed .name{
display: inline-block;
height: 40px;
line-height: 40px;
vertical-align: top;
color: rgb(var(--color-blue));
font-size: 1.4rem;
margin-left: 12px !important;
}
.hohEmbed .time{
color: rgb(var(--color-text-lighter));
font-size: 1.1rem;
position: absolute;
right: 12px;
top: 12px;
}
#hoh-character-roles .view-media-character{
grid-template-areas: "media character";
}
#hoh-character-roles .view-media-character .media{
grid-area: media;
}
.hohRecsLabel{
color: rgb(var(--color-blue)) !important;
}
.hohRecsItem{
margin-top: 5px;
margin-bottom: 10px;
}
.hohTaglessLinkException{
display: block;
}
.hohTaglessLinkException::after{
content: ""!important;
}
.hohStatValue{
color: rgb(var(--color-blue));
}
.user-page-unscoped .markdown-editor{
width: 100%;
}
.markdown-editor > [title="Image"],
.markdown-editor > [title="Youtube Video"],
.markdown-editor > [title="WebM Video"]{
color: rgba(var(--color-red));
}
.markdown-editor > [title="Link"]{
color: rgba(var(--color-blue));
}
[slug="Sakasama-no-Patema"] .cover-wrap-inner .cover:hover{
transform: rotate(180deg);
}
[slug="Sakasama-no-Patema"] .cover-wrap-inner .cover{
transition: .2s;
}
.hohBackgroundUserCover{
height: 50px;
width: 50px;
display: inline-block;
object-position: center;
object-fit: cover;
margin-top: 11px;
margin-bottom: 1px;
}
.hohRegularTag{
border-style: solid;
border-width: 1px;
border-radius: 3px;
padding: 2px;
margin-right: 3px;
}
.hohTableHider{
cursor: pointer;
margin: 4px;
color: rgb(var(--color-blue));
}
.hohCross{
cursor: pointer;
margin-left: 2px;
color: red;
}
.hohFavCountBrowse{
color: rgb(var(--color-text-lighter));
position: absolute;
right: 2px;
font-size: 60%;
opacity: 0.7;
top: -10px;
}
.hohColourPicker{
position: absolute;
right: 60px;
margin-top: 0px;
}
.hohColourPicker h2{
color: #3db4f2;
font-size: 1.6rem;
font-weight: 400;
padding-bottom: 12px;
}
.hohSecondaryRow{
background-color: rgb(var(--color-background));
}
.hohSecondaryRow:hover{
background-color: rgb(var(--color-foreground));
}
.hohSecondaryRow svg.repeat{
margin-left: 15px;
}
.media-preview-card meter{
width: 150px;
margin-bottom: 5px;
}
.sidebar .tags .tag{
min-height: 35px;
margin-bottom: 5px !important;
}
.custom-lists .el-checkbox__label{
display: inline !important;
white-space: pre-wrap;
white-space: -webkit-pre-wrap;
white-space: normal;
word-wrap: anywhere;
word-break: break-word;
}
.hohStatusDot{
position: absolute;
width: 10px;
height: 10px;
border-radius: 50px;
}
.hohStatusDotRight{
top: 2px;
right: 2px;
}
.relations.hohRelationStatusDots .hohStatusDot{
position: relative;
transform: translate(-5px,-5px);
}
.relations.hohRelationStatusDots > div.grid-wrap{
padding-top: 5px;
padding-left: 5px;
}
.relations.hohRelationStatusDots > h2{
margin-bottom: 5px;
}
.recommendation-card .cover{
overflow: visible;
}
.recommendation-card .hohStatusDot{
transform: translate(-5px,-5px);
}
.studio .container.header{
position: relative;
}
.studio .favourite{
position: absolute;
top: 10px;
right: 30px;
}
.filter .view-all{
background-color: rgb(var(--color-foreground));
height: 32px;
border-radius: 3px;
text-align: center;
padding-top: 8px;
}
.title > a{
line-height: 1.15!important;
}
.embed .title{
line-height: 18px!important;
}
#dubNotice{
font-size: 12px;
font-weight: 500;
text-align: center;
text-transform: capitalize;
background: rgb(var(--color-foreground));
margin-top: 0em;
margin-bottom: 16px;
border-radius: 3px;
padding: 8px 12px;
}
.media-manga #dubNotice{
display: none;
}
#hohDraw3x3{
margin-top: 5px;
cursor: pointer;
}
.hohFeedFilter{
position: absolute;
top: 2px;
font-size: 1.4rem;
font-weight: 500;
}
.hohFeedFilter input{
width: 45px;
background: none;
border: none;
margin-left: 6px;
color: rgb(var(--color-text));
}
.hohFeedFilter input::-webkit-outer-spin-button,
.hohFeedFilter input::-webkit-inner-spin-button{
opacity: 1;
}
[list="staffRoles"]::-webkit-calendar-picker-indicator{
display: none;
}
[list="staffRoles"]{
background: rgb(var(--color-foreground));
background: rgb(var(--color-foreground));
padding: 5px;
border-width: 0px;
border-radius: 2px;
margin-left: 20px;
color: rgb(var(--color-text));
}
.hohFeedFilter button{
color: rgb(var(--color-text));
cursor: pointer;
background: none;
border: none;
margin-left: 10px;
}
.hohFeedFilter button:hover{
color: rgb(var(--color-blue));
}
.actions .list .add{
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.text div.markdown{
scrollbar-width: thin;
}
.user .about > div.content-wrap{
scrollbar-width: thin;
}
.list-wrap .section-name,
.quick-search input[placeholder="Search AniList"]{
text-transform: none;
}
.list-wrap{
counter-reset: animeCounter;
}
.results.studios{
counter-reset: studioCounter;
}
.results.studios .studio > .name::before{
counter-increment: studioCounter;
content: counter(studioCounter);
opacity: 0.2;
font-size: 70%;
margin-left: -12px;
margin-right: 3px;
}
.medialist.table.compact .entry .title::before{
counter-increment: animeCounter;
content: counter(animeCounter);
display: inline-block;
margin-right: 4px;
margin-left: -17px;
opacity: 0.2;
text-align: right;
width: 25px;
min-width: 25px;
font-size: 70%;
}
.hohEnumerateStaff{
position: absolute;
margin-left: -12px;
margin-top: 10px;
}
#hohMALscore .type,
#hohMALserialization .type{
font-size: 1.3rem;
font-weight: 500;
padding-bottom: 5px;
display: inline-block;
}
#app .tooltip{
z-index: 9923;
}
#hohMALscore .value,
#hohMALserialization .value{
color: rgb(var(--color-text-lighter));
font-size: 1.2rem;
line-height: 1.3;
display: block;
}
.hohMediaScore{
color: rgb(var(--color-text-lighter));
font-size: 1.2rem;
position: absolute;
top: -10px;
padding-left: 10px;
padding-right: 10px;
margin-left: -10px;
}
.forum-thread .like .button{
margin-right: 0px!important;
}
.forum-thread .actions{
user-select: none;
}
#hohFilters{
margin-top: 5px;
margin-bottom: 5px;
}
#hohFilters input{
width: 55px;
margin: 5px;
}
.hohCompare{
margin-top: 10px;
counter-reset: animeCounterComp;
position: relative;
overflow-x: scroll;
}
.hohCompare .hohUserRow,
.hohCompare .hohHeaderRow{
background: rgb(var(--color-foreground));
}
.hohCompare table,
.hohCompare th,
.hohCompare td{
border-top-width: 0px;
border-bottom-width: 1px;
border-right-width: 1px;
border-left-width: 0px;
border-style: solid;
border-color: black;
padding: 5px;
}
.hohCompare table{
background: rgb(var(--color-foreground-grey));
border-spacing: 0px;
margin-top: 10px;
border-right: none;
border-bottom: none;
}
#graphiql{
--color-blue: 61,180,242;
}
.list-stats{
margin-bottom: 0px!important;
}
.activity-feed-wrap,
.activity-feed-wrap + div{
margin-top: 25px;
}
.page-content > .container,
.notifications-feed,
.page-content > .studio{
margin-top: 67px !important;
}
.hohUserRow td,
.hohUserRow th{
min-width: 120px;
border-top-width: 1px;
position: sticky;
top: 3px;
z-index: 1000;
background: rgb(var(--color-foreground));
}
.hohHeaderRow td,
.hohHeaderRow th{
border-top: none;
}
.hohUserRow input{
width: 100px;
}
.hohUserRow img{
width: 30px;
height: 30px;
border-radius: 2px;
}
tr.hohAnimeTable:nth-child(2n+1){
background-color: rgb(var(--color-foreground));
}
.hohAnimeTable,
.hohAnimeTable td{
position: relative;
}
.hohAnimeTable .hohStatusDot{
top: calc(50% - 5px);
right: 5px;
}
.hohHeaderRow .hohStatusDot{
background: rgb(var(--color-background));
top: calc(50% - 5px);
right: 5px;
cursor: pointer;
}
.hohStatusProgress{
position: absolute;
left: 60px;
top: calc(50% - 5px);
font-size: 60%;
}
.hohAnimeTable > td:nth-child(1)::before{
counter-increment: animeCounterComp;
content: counter(animeCounterComp) ". ";
position: absolute;
left: 1px;
text-align: right;
width: 40px;
color: rgb(var(--color-blue));
}
.hohAnimeTable > td:nth-child(1){
padding-left: 43px;
border-left-width: 1px;
}
.hohUserRow > td:nth-child(1),
.hohHeaderRow > th:nth-child(1){
border-left: solid;
border-left-width: 1px;
border-color: black;
}
.hohArrowSort{
font-size: 3rem;
cursor: pointer;
margin-left: 4px;
margin-right: 4px;
}
.hohFilterSort{
cursor: pointer;
border-width: 1px;
border-style: solid;
padding: 2px;
border-radius: 4px;
}
.hohArrowSort:hover,
.hohFilterSort:hover{
color: rgb(var(--color-blue));
}
.hohAnimeTableRemove{
cursor: pointer;
position: absolute;
top: 0px;
right: 0px;
}
.hohCheckbox.el-checkbox__input > span.el-checkbox__inner{
background-color: rgb(var(--color-foreground));
margin-right:10px;
border-color: rgba(var(--color-text),.2);
}
.hohCheckbox input:checked + .el-checkbox__inner{
background-color: #409eff;
border-color: #409eff;
}
.hohCheckbox input:checked + .el-checkbox__inner::after{
transform: rotate(45deg) scaleY(1);
}
.hohCheckbox input{
display: none;
}
.hohCheckbox{
margin-left: 2px;
}
.hohCheckbox .el-checkbox__inner::after {
box-sizing: content-box;
content: "";
border: 1px solid #fff;
border-left: 0;
border-top: 0;
height: 7px;
left: 4px;
position: absolute;
top: 1px;
transform: rotate(45deg) scaleY(0);
width: 3px;
transition: transform .15s ease-in .05s;
transform-origin: center;
}
.hohCheckbox .el-checkbox__inner {
display: inline-block;
position: relative;
border: 1px solid #dcdfe6;
border-radius: 2px;
box-sizing: border-box;
width: 14px;
height: 14px;
z-index: 1;
transition: border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);
}
.hohCheckbox.el-checkbox__input{
white-space: nowrap;
cursor: pointer;
outline: none;
display: inline-block;
line-height: 1;
position: relative;
vertical-align: middle;
}
.media-card .list-status[status="Repeating"]{
background: violet;
}
.sense-wrap{
display: none;
}
.hohDismiss{
cursor: pointer;
transform: translate(20px,-11px);
width: 10px;
height: 5px;
margin-left: -10px;
}
.substitution .media-roles:not(.substitution){
display: none;
}
.substitution .character-roles{
max-width: 1520px;
}
.hohButton{
align-items: center;
background: #3db4f2;
border-radius: 4px;
color: rgb(var(--color-text-bright));
cursor: pointer;
display: inline-flex;
font-size: 1.3rem;
margin-right: 10px;
margin-top: 15px;
padding: 10px 15px;
transition: .2s;
border-width: 0px;
}
.user-social .title::before{
font-size: 1.6rem;
}
textarea{
background: rgb(var(--color-foreground));
}
select{
background: rgb(var(--color-foreground));
padding: 5px;
border-radius: 4px;
border-width: 0px;
margin: 4px;
color: rgb(var(--color-text));
}
.hohPostLink{
position: absolute;
top: 50px;
}
.hohRec{
position: relative;
background: rgb(var(--color-foreground));
padding: 10px;
border-radius: 3px;
margin-bottom: 15px;
}
.hohBlock{
padding: 4px;
border-width: 1px;
border-style: solid;
border-radius: 5px;
margin: 2px;
}
.hohBlockSpec{
padding-right: 15px;
}
.hohBlockCross{
padding: 5px;
color: red;
cursor: pointer;
}
.medialist .filters .filter-group:first-child > span{
position: relative;
}
.medialist .filters .filter-group:first-child > span .count{
position: absolute;
right: 0px;
}
.categories .category{
text-transform: none;
white-space: nowrap;
}
.media-preview-card.hohFallback{
position: relative;
}
.media-preview-card .hohFallback{
position: absolute;
top: 5px;
left: 5px;
word-break: break-word;
overflow-y: hidden;
max-height: 110px;
max-width: 75px;
}
.media-preview-card .cover{
z-index: 3;
}
.hohChangeScore{
font-family: monospace;
cursor: pointer;
display: none;
}
.score[score="0"] .hohChangeScore,
.medialist .score[score="0"]{
pointer-events: none;
}
.score[score="0"] .hohChangeScore{
display: none!important;
}
.row:hover .hohChangeScore,
.hohMediaScore:hover .hohChangeScore{
display: inline;
}
.activity-text .name[href="/user/Dunkan85/"]::after{
/*https://upload.wikimedia.org/wikipedia/commons/e/e4/Twitter_Verified_Badge.svg*/
background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;"><path fill="%231DA1F2" d="M512,268c0,17.9-4.3,34.5-12.9,49.7c-8.6,15.2-20.1,27.1-34.6,35.4c0.4,2.7,0.6,6.9,0.6,12.6c0,27.1-9.1,50.1-27.1,69.1c-18.1,19.1-39.9,28.6-65.4,28.6c-11.4,0-22.3-2.1-32.6-6.3c-8,16.4-19.5,29.6-34.6,39.7C290.4,507,273.9,512,256,512c-18.3,0-34.9-4.9-49.7-14.9c-14.9-9.9-26.3-23.2-34.3-40c-10.3,4.2-21.1,6.3-32.6,6.3c-25.5,0-47.4-9.5-65.7-28.6c-18.3-19-27.4-42.1-27.4-69.1c0-3,0.4-7.2,1.1-12.6c-14.5-8.4-26-20.2-34.6-35.4C4.3,302.5,0,285.9,0,268c0-19,4.8-36.5,14.3-52.3c9.5-15.8,22.3-27.5,38.3-35.1c-4.2-11.4-6.3-22.9-6.3-34.3c0-27,9.1-50.1,27.4-69.1c18.3-19,40.2-28.6,65.7-28.6c11.4,0,22.3,2.1,32.6,6.3c8-16.4,19.5-29.6,34.6-39.7C221.6,5.1,238.1,0,256,0c17.9,0,34.4,5.1,49.4,15.1c15,10.1,26.6,23.3,34.6,39.7c10.3-4.2,21.1-6.3,32.6-6.3c25.5,0,47.3,9.5,65.4,28.6c18.1,19.1,27.1,42.1,27.1,69.1c0,12.6-1.9,24-5.7,34.3c16,7.6,28.8,19.3,38.3,35.1C507.2,231.5,512,249,512,268z M245.1,345.1l105.7-158.3c2.7-4.2,3.5-8.8,2.6-13.7c-1-4.9-3.5-8.8-7.7-11.4c-4.2-2.7-8.8-3.6-13.7-2.9c-5,0.8-9,3.2-12,7.4l-93.1,140L184,263.4c-3.8-3.8-8.2-5.6-13.1-5.4c-5,0.2-9.3,2-13.1,5.4c-3.4,3.4-5.1,7.7-5.1,12.9c0,5.1,1.7,9.4,5.1,12.9l58.9,58.9l2.9,2.3c3.4,2.3,6.9,3.4,10.3,3.4C236.6,353.7,241.7,350.9,245.1,345.1z"/></svg>');
background-size: 12px;
display: inline-block;
width: 12px;
height: 12px;
content: "";
margin-left: 5px;
}
.hohSumableStatusContainer{
float: right;
}
.hohSumableStatus{
width: 16px;
height: 16px;
text-align: center;
vertical-align: middle;
border-radius: 16px;
line-height: 16px;
color: black;
font-size: 10px;
display: inline-block;
margin-left: 2px;
}
.relations.small > div{
margin-left: 5px;
}
.hohMyThreads{
color: rgb(var(--color-text-lighter));
padding: 5px 10px;
font-size: 1.4rem;
display: inline-block;
padding-bottom: 20px;
}
.hohImport .el-checkbox__label{
padding-left: 0px;
}
.hohImportEntry{
width: 30%;
display: inline-block;
background-color: rgb(var(--color-foreground));
padding: 5px;
margin: 5px;
border-radius: 2px;
}
.hohImportArrow{
font-size: 40px;
}
.hohImportRow{
margin: 10px;
}
.results.characters + .hohThemeSwitch,
.results.staff + .hohThemeSwitch{
display: none;
}
.hohThemeSwitch{
align-items: center;
background: rgb(var(--color-foreground));
border-radius: 4px;
display: flex;
justify-content: space-between;
padding: 10px 13px;
width: 100px;
}
.hohThemeSwitch .active{
color: rgb(var(--color-blue));
}
.hohThemeSwitch > span{
cursor: pointer;
}
.studio .hohThemeSwitch{
position: absolute;
left: calc(50% - 65px);
width: 130px;
top: 120px;
}
.user-social.listView .user-follow .wrap{
display: block!important;
}
.user-social.listView .user-follow .user{
height: 50px;
width: 50px;
margin: 5px;
overflow: visible;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.user-social.listView .user-follow .follow-card .name{
width: 250px;
margin-left: 80px !important;
opacity: 1;
}
.user-social.listView .user-follow .follow-card{
margin: 2px;
}
.user-social.listView .user-follow .follow-card div.avatar{
overflow: visible!important;
}
.user-social.listView .thread-card .body-preview,
.user-social.listView .thread-card .footer{
display: none;
}
.user-social.listView .thread-card .title{
margin-bottom: 0px;
}
.user-social.listView .thread-card{
margin-bottom: 10px;
}
.user-social.listView .user-comments .header{
display: none;
}
.user-social.listView .comment-wrap{
margin-bottom: 5px;
}
.hohDownload{
position: absolute;
right: 10px;
top: 305px;
font-weight: bolder;
font-size: 120%;
}
.media .hohDownload{
top: 375px;
}
meter::-webkit-meter-optimum-value{
background: rgb(var(--color-blue));
}
meter::-moz-meter-bar{
background: rgb(var(--color-blue));
}
.input-wrap.manga input[placeholder="Status"],
.input-wrap.anime input[placeholder="Status"],
.input-wrap.anime .form.score input{
width: 220px;
}
.substitution .role-card{
background: rgb(var(--color-foreground));
border-radius: 3px;
display: inline-grid;
grid-template-columns: 50% 50%;
height: 80px;
overflow: hidden;
}
.substitution .media-roles .role-card{
grid-template-columns: 100%;
}
.substitution .role-card > div{
display: inline-grid;
grid-template-columns: 60px auto;
grid-template-areas: "image content";
}
.substitution .cover{
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
grid-area: image;
}
.substitution .grid-wrap .content{
font-size: 1.2rem;
grid-area: content;
overflow: hidden;
padding: 10px;
position: relative;
}
.substitution .grid-wrap .content .name{
display: block;
height: 48px;
line-height: 1.3;
}
.substitution .grid-wrap{
display: grid;
grid-column-gap: 30px;
grid-row-gap: 15px;
grid-template-columns: repeat(2,1fr);
}
.substitution .role{
color: rgb(var(--color-text-lighter));
font-size: 1.1rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
.user-follow .follow-card{
background-color: rgb(var(--color-foreground));
}
.recent-recommendations .switch .option{
white-space: nowrap;
}
.media-staff .role-card .role:hover,
.media-roles.substitution .role-card .role:hover{
overflow-x: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.media-staff .role-card .role:hover::-webkit-scrollbar,
.media-roles.substitution .role-card .role:hover::-webkit-scrollbar{
width: 0;
height: 0;
}
.substitution .container{
max-width: 1420px;
}
.tagIndex p{
cursor: pointer;
}
.tagIndex p:hover{
cursor: pointer;
color: rgb(var(--color-blue));
}
.tagIndex .count{
font-size: small;
float: right;
opacity: 0.5;
}
.hohTable .row{
display: grid;
grid-template-columns: 40% repeat(auto-fill, 120px);
padding: 5px;
cursor: pointer;
}
.hohTable .row:nth-child(odd){
background: rgba(var(--color-background-300), 0.5);
}
.hohTable .row.good{
grid-template-columns: 40% repeat(auto-fill, 150px);
}
.hohTable .row > div{
grid-row: 1;
}
.hohTable{
padding: 20px;
background: rgb(var(--color-foreground));
}
.hohTable .count{
display: inline-block;
min-width: 20px;
font-size: 70%;
}
.hohTable .hohSumableStatusContainer{
margin-right: 8px;
}
.hohTable .header.row{
background: rgb(var(--color-background));
}
#regularAnimeTable,
#regularMangaTable,
#animeStaff,
#animeStudios,
#mangaStaff{
display: none!important;
}
.user[type="anime"][page="tags"]:not(.hohSpecialPage) #regularAnimeTable,
.user[type="manga"][page="tags"]:not(.hohSpecialPage) #regularMangaTable,
.user[type="anime"][page="staff"]:not(.hohSpecialPage) #animeStaff,
.user[type="anime"][page="studios"]:not(.hohSpecialPage) #animeStudios,
.user[type="manga"][page="staff"]:not(.hohSpecialPage) #mangaStaff{
display: block!important;
}
.user[type="anime"][page="tags"] .increase-stats::after,
.user[type="manga"][page="tags"] .increase-stats::after,
.user[type="anime"][page="staff"] .increase-stats::after,
.user[type="anime"][page="studios"] .increase-stats::after,
.user[type="manga"][page="staff"] .increase-stats::after{
content: "Or view the full list below:";
display: block;
}
.user .hohMilestones .milestones .milestone:nth-child(2)::after{
display: none;
}
.hohCategories{
margin-bottom: 20px;
padding-right: 15px;
padding-left: 0px;
}
.hohCategory{
display: inline-block;
padding: 5px;
color: rgb(var(--color-text));
}
.hohCategory.active{
background: rgb(var(--color-blue));
color: rgb(var(--color-text-bright));
}
.hohCategories{
display: flex;
flex-wrap: wrap;
position: relative;
text-align: center;
margin: 0;
padding: 0;
box-shadow: none;
background-color: rgb(var(--color-background));
border-radius: 3px;
}
.hohCategory{
border: none;
line-height: inherit;
font-size: 1.2rem;
font-weight: 500;
white-space: nowrap;
flex-grow: 1;
margin: 0;
padding: 6px 10px;
color: rgb(var(--color-text));
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
}
.hohCategory:hover{
background-color: inherit;
color: rgb(var(--color-blue));
}
.hohCategory.active,
.hohCategory:active,
.hohCategory:focus{
font-weight: 500;
background-color: rgb(var(--color-foreground-blue));
color: rgb(var(--color-white));
border-radius: 0;
}
.hohCategory:focus:hover {
background-color: rgb(var(--color-foreground-blue));
}
.hohCategory:active:first-of-type,
.hohCategory:first-of-type.active,
.hohCategory:focus:first-of-type{
border-radius: 3px 0 0 3px;
}
.hohCategory:active:last-of-type,
.hohCategory:last-of-type.active,
.hohCategory:focus:last-of-type{
border-radius: 0 3px 3px 0;
}
#hohSettings .hohSetting{
display: none;
position: relative;
}
#hohSettings.all .hohSetting,
#hohSettings.Notifications .hohSetting.Notifications,
#hohSettings.Feeds .hohSetting.Feeds,
#hohSettings.Forum .hohSetting.Forum,
#hohSettings.Lists .hohSetting.Lists,
#hohSettings.Profiles .hohSetting.Profiles,
#hohSettings.Stats .hohSetting.Stats,
#hohSettings.Media .hohSetting.Media,
#hohSettings.Navigation .hohSetting.Navigation,
#hohSettings.Browse .hohSetting.Browse,
#hohSettings.Script .hohSetting.Script,
#hohSettings.NewlyAdded .hohSetting.NewlyAdded,
#hohSettings.Login .hohSetting.Login{
display: block;
}
.noLogin .hohSetting.Login{
opacity: 0.4;
}
.medialist.cards .entry-card .progress{
width: 60%;
}
#titleAliasInput{
max-width: 100%;
}
.hohAdvancedDollar{
font-weight: bold;
margin-left: 9px;
}
.social input[list="socialUsers"]{
background: rgb(var(--color-foreground));
border-width: 0px;
padding: 5px;
margin-right: 5px;
}
.termsFeed{
--color-blue: 61,180,242;
--color-green: 123,213,85;
--color-red: 232,93,117;
}
.hohFeed{
margin-top: 10px;
margin-bottom: 20px;
}
.hohFeed video{
max-width: 100%;
}
.hohFeed .activity,
.hohFeed .activity .reply{
min-height: 25px;
position: relative;
border-style: solid;
border-width: 1px;
border-bottom-width: 0px;
}
.hohFeed .activity .replies{
margin-left: 60px;
margin-top: 5px;
}
.hohFeed .activity:last-child{
border-bottom-width: 1px;
}
.hohFeed a{
text-decoration: none;
color: rgb(var(--color-blue));
}
.hohFeed .hohButton{
font-size: 1rem;
color: initial;
margin: 5px;
filter: drop-shadow(1px 1px 2px black);
}
.hohFeed img{
max-width: 500px;
}
.hohFeed .markdown_spoiler{
background: rgb(31, 35, 45);
color: rgb(31, 35, 45);
}
.hohFeed .markdown_spoiler:hover{
color: rgb(159,173,189);
}
.hohFeed .markdown_spoiler img{
filter: blur(10px) hue-rotate(60deg) brightness(0.7);
}
.hohFeed .markdown_spoiler:hover img{
filter: none;
}
.hohFeed .markdown_spoiler::after{
content: "Spoiler";
color: rgb(159,173,189);
margin-left: 2px;
}
.hohZoom{
transform: scale(1.5);
transform-origin: 0 0;
transition: transform 0.4s;
z-index: 200;
box-shadow: 5px 5px 5px black;
}
.hohZoom .reply-wrap{
background: rgb(var(--color-background));
}
.hohTable.hohNoPointer .row,
.hohNoPointer{
cursor: unset;
}
.hohNewChapter{
position: relative;
padding-top: 8px;
padding-bottom: 8px;
margin-top: 0px;
margin-bottom: 0px;
padding-left: 10px;
}
.hohNewChapter:hover a::before{
content: ">";
position: absolute;
margin-left: -10px;
font-size: small;
}
.hohNewChapter:nth-child(odd){
background: rgb(var(--color-foreground-grey),0.3);
}
.banMode .hohNewChapter{
cursor: crosshair!important;
}
.banMode .hohNewChapter a{
pointer-events: none;
}
.banMode .hohNewChapter:hover .hohDisplayBoxClose{
display: none;
}
.hohFeed .activity:hover::before{
content: ">";
position: absolute;
left: -20px;
top: 0px;
}
.hohFeed .hohLikes:hover{
color: rgb(var(--color-red));
filter: saturate(50%);
}
.hohLikeQuickView{
position: absolute;
bottom: 0px;
left: 45px;
font-size: 70%;
white-space: nowrap;
overflow: hidden;
max-width: 270px;
}
.hohFeed .hohLikes:hover .hohLikeQuickView{
filter: saturate(200%);
}
.hohFeed .hohLikes:hover .hohLikeQuickView{
color:rgb(159,173,189);
}
.hohFeed .activity:hover > .time{
color: rgb(var(--color-blue));
}
.hohSocialFeed{
position: relative;
}
.hohReplaceFeed > *:not(.hohSocialFeed){
display: none;
}
.hohSocialFeed .wrap{
background: rgb(var(--color-foreground));
border-radius: 4px;
font-size: 1.3rem;
overflow: hidden;
position: relative;
min-height: 55px !important;
}
.hohSocialFeed .reply-wrap time{
font-size: 1.1rem;
}
.hohSocialFeed .cover{
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.hohSocialFeed .avatar{
display: block;
border-radius: 3px;
height: 36px;
margin-top: 9px;
width: 36px;
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.hohSocialFeed .activity-entry{
margin-bottom: 10px
}
.hohSocialFeed .details{
min-width: 500px;
padding: 10px 16px !important;
}
.hohSocialFeed .reply .avatar{
height: 25px;
width: 25px;
}
.hohSocialFeed .activity-entry > .wrap > .actions{
bottom: 12px;
color: rgb(var(--color-blue-dim));
position: absolute;
right: 12px;
}
.hohSocialFeed .activity-entry > .wrap .action{
cursor: pointer;
display: inline-block;
padding-left: 5px;
transition: .2s;
}
.hohSocialFeed .activity-entry > .wrap > .time{
color: rgb(var(--color-text-lighter));
font-size: 1.1rem;
position: absolute;
right: 12px;
top: 12px;
}
.hohSocialFeed .reply{
background: rgb(var(--color-foreground));
border-radius: 3px;
font-size: 1.3rem;
margin-bottom: 15px;
padding: 14px;
padding-bottom: 4px;
position: relative;
}
.hohSocialFeed .reply .actions{
color: rgb(var(--color-blue-dim));
position: absolute;
right: 12px;
top: 12px;
}
.hohSocialFeed .activity-entry > .wrap > .time .action{
cursor: pointer;
opacity: 0;
padding-right: 10px;
transition: .2s;
}
.hohSocialFeed .activity-entry > .wrap > .time:hover .action{
opacity: 1;
}
.hohSocialFeed .liked{
color: rgb(var(--color-red));
}
.hohSocialFeed .name,
.hohSocialFeed .title{
color: rgb(var(--color-blue));
}
.hohMilestones .stat .value{
color: rgb(var(--color-blue));
font-size: 1.4rem;
font-weight: 700;
padding-bottom: 8px;
}
.hohMilestones .stat .label{
color: rgb(var(--color-text-light));
font-size: 1.1rem;
}
.hohMediaEmbed .embed{
background: rgb(var(--color-background));
border-radius: 3px;
display: inline-grid;
font-size: 14px;
grid-template-columns: 50px auto;
line-height: 18px;
max-width: 550px;
min-height: 64px;
overflow: hidden;
width: auto;
}
.hohMediaEmbed .wrap{
color: rgb(var(--color-text-light));
overflow: hidden;
padding: 10px 16px 10px 12px;
text-overflow: ellipsis;
}
.hohMediaEmbed .title{
color: rgb(var(--color-blue));
font-size: 1.3rem;
font-weight: 500;
margin-bottom: -10px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.hohMediaEmbed .info{
font-size: 1.2rem;
position: relative;
}
.hohMediaEmbed .genres{
min-height: 18px;
min-width: 14px;
opacity: 0;
position: relative;
top: 18px;
transition: .2s;
}
.hohMediaEmbed .cover{
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.hohMediaEmbed .info > span{
display: inline;
transition: .2s;
opacity: 1;
}
.hohMediaEmbed:hover .info > span{
opacity: 0;
}
.hohMediaEmbed:hover .info > .genres:empty ~ span,
.embed:hover .info > .genres:empty ~ span{
opacity: 1!important;
}
.hohMediaEmbed:hover .info > .genres{
opacity: 1;
}
.hohGetMarkdown{
cursor: pointer;
opacity: 0;
padding-right: 10px;
transition: .2s;
}
.activity-entry:hover .hohGetMarkdown{
color: rgb(var(--color-blue));
opacity: 1;
}
.hohMarkdownSource{
font-size: 1.4rem;
line-height: 1.4;
overflow-wrap: break-word;
word-break: break-word;
}
.queryResults .message img{
max-width: 100%;
}
.hohTimelineEntry{
margin: 7px;
position: relative;
padding: 7px;
border-radius: 2px;
background: rgb(var(--color-foreground));
}
.hohImport .dropbox{
align-items: center;
background: rgba(var(--color-background),.6);
border-radius: 4px;
color: rgb(var(--color-text-lighter));
cursor: pointer;
display: inline-flex;
font-size: 1.3rem;
height: 200px;
justify-content: center;
line-height: 2rem;
margin-right: 20px;
outline-offset: -12px;
outline: 2px dashed rgba(var(--color-text),.2);
padding: 18px 20px;
position: relative;
transition: .2s;
vertical-align: text-top;
width: 200px;
}
.hohImport .dropbox p{
font-size: 1.2em;
padding: 50px 0;
text-align: center;
}
.hohImport .dropbox .input-file{
cursor: pointer;
height: 200px;
opacity: 0;
overflow: hidden;
position: absolute;
width: 100%;
}
.hohImport label.el-checkbox{
display: block;
margin-top: 20px;
margin-bottom: 10px;
}
.section.hohImport{
margin-bottom: 50px;
}
.media-manga .external-links{
position: relative;
}
.media-manga .external-links > h2{
visibility: hidden;
}
.media-manga .external-links > h2::after{
visibility: visible;
position: absolute;
left: 0px;
top: 0px;
content: "External & Reading links";
}
.hohButton.danger{
background: rgba(var(--color-red),.8);
color: rgb(var(--color-white));
}
.hohButton:disabled{
opacity: 0.5;
cursor: default;
}
.hohNameCel{
margin-left: 50px;
display: block;
}
.trailer{
overflow: auto;
resize: both;
}
.trailer .video{
height: calc(99% - 30px);
}
.hohResizePearl{
position: absolute;
right: 2px;
bottom: 2px;
width: 20px;
height: 20px;
border: solid;
border-radius: 10px;
background: rgb(var(--color-foreground));
cursor: se-resize;
}
.activity-entry > .wrap > .time:hover{
background: rgb(var(--color-foreground));
z-index: 60;
}
.activity-entry > .wrap > .time .action{
margin-left: 5px;
padding-right: 5px;
}
a.external::after{
content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="12" height="12" viewBox="0 0 24 24"><path fill="%23fff" stroke="%2336c" d="M1.5 4.518h5.982V10.5H1.5z"/><path fill="%2336c" d="M5.765 1H11v5.39L9.427 7.937l-1.31-1.31L5.393 9.35l-2.69-2.688 2.81-2.808L4.2 2.544z"/><path fill="%23fff" d="M9.995 2.004l.022 4.885L8.2 5.07 5.32 7.95 4.09 6.723l2.882-2.88-1.85-1.852z"/></svg>');
position: absolute;
}
.load-more:hover{
color: rgb(var(--color-blue));
}
#hohListPreview .media-preview-card:hover .image-text{
opacity: 0;
}
#hohListPreview .media-preview-card:hover .plus-progress{
opacity: 1;
}
#hohListPreview .plus-progress{
background: rgba(var(--color-overlay),.7);
border-radius: 0 0 3px 3px;
bottom: 0;
color: rgba(var(--color-text-bright),.9);
display: inline-block;
font-size: 1.3rem;
font-weight: 500;
left: 0;
letter-spacing: .2px;
margin-bottom: 0;
opacity: 0;
padding-bottom: 8px;
padding-top: 8px;
position: absolute;
transition: .3s;
width: 100%;
}
#hohListPreview .content{
background: rgb(var(--color-background));
height: 100%;
left: 100%;
position: absolute;
top: 0;
opacity: 0;
transition: opacity .3s;
width: 212px;
z-index: -1;
border-radius: 0 3px 3px 0;
padding: 12px;
}
#hohListPreview .info-left .content{
border-radius: 3px 0 0 3px;
left: auto !important;
right: 100%;
text-align: right;
}
#hohListPreview .media-preview-card:hover .content{
opacity: 1;
z-index: 5;
}
#hohListPreview .content:hover{
opacity: 0!important;
z-index: -1!important;
}
#hohListPreview .size-toggle{
float: right;
margin-top: -15px;
}
.site-theme-contrast .media-page-unscoped .header .description{
color: rgb(var(--color-text));
}
.hohDeleteActivity{
position: absolute;
top: 2px;
right: -21px;
width: 10px;
color: rgb(var(--color-red));
cursor: pointer;
display: none;
padding-left: 5px;
padding-right: 5px;
background: rgb(39, 44, 56);
}
.hohFeed .activity:hover .hohDeleteActivity{
display: inline;
}
input[list="socialUsers"]{
color: rgb(var(--color-text));
}
.footer > .actions > .button.like > .like-wrap > .button.liked .icon{
color: rgb(var(--color-peach));
}
.favourite.media{
background-color: rgb(var(--color-background));
}
.hohSearchResult{
width: 18.5%;
display: inline-block;
text-align: center;
padding: 3px;
height: 2.2em;
overflow: hidden;
border-style: solid;
border-width: 1px;
border-radius: 2px;
cursor: pointer;
background-color: inherit;
margin: 1px;
}
.hohSearchResult.anime{
color: rgb(var(--color-blue));
}
.hohSearchResult.manga{
color: rgb(var(--color-green));
}
.hohSearchResult.anime:hover{
background-color: rgb(var(--color-blue),0.3);
}
.hohSearchResult.manga:hover{
background-color: rgb(var(--color-green),0.3);
}
.hohSearchResult.anime.selected{
background-color: rgb(var(--color-blue),0.3);
cursor: initial;
}
.hohSearchResult.manga.selected{
background-color: rgb(var(--color-green),0.3);
cursor: initial;
}
.favourites .favourite{
background-color: rgb(var(--color-background));
}
.hohCharacter .role-card div{
display: inline-grid;
}
.hohCharacter .role-card > div{
display: inline-grid;
grid-template-columns: 60px auto;
grid-template-areas: "image content";
}
.hohCharacter .cover{
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
grid-area: image;
}
.hohCharacter .content{
font-size: 1.2rem;
grid-area: content;
overflow: hidden;
padding: 10px;
}
.hohCharacter .staff .content{
text-align: right;
}
.hohCharacter .name{
display: block;
height: 48px;
line-height: 1.3;
}
.hohCharacter .role{
color: rgb(var(--color-text-lighter));
font-size: 1.1rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
.hohCharacter .view-media-staff{
grid-template-areas: "media staff";
}
.hohCharacter .view-media-staff .staff{
grid-template-areas: "content image";
grid-template-columns: auto 60px;
grid-area: staff;
}
.hohCharacter .view-media-staff .media{
grid-area: media;
}
.hohCharacter .role-card{
background: rgb(var(--color-foreground));
border-radius: 3px;
display: inline-grid;
grid-template-columns: 50% 50%;
height: 80px;
overflow: hidden;
}
.hohNoAWC .thread-card.small{
margin-bottom: 15px;
background: rgb(var(--color-foreground));
border-radius: 3px;
padding: 18px;
position: relative;
}
.hohNoAWC .title{
font-size: 1.4rem;
display: block;
margin-bottom: 12px;
margin-right: 110px;
}
.hohNoAWC .footer{
align-items: center;
display: flex;
flex-direction: row;
}
.hohNoAWC .avatar{
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 3px;
display: inline-block;
height: 25px;
vertical-align: text-top;
width: 25px;
}
.hohNoAWC .name{
display: inline-block;
font-size: 1.3rem;
padding-left: 10px;
}
.hohNoAWC .name span{
color: rgb(var(--color-blue));
}
.hohNoAWC .categories{
margin-left: auto;
white-space: nowrap;
max-width: 310px;
}
.hohNoAWC .category{
border-radius: 100px;
color: #fff;
display: inline-block;
font-size: 1.1rem;
margin-left: 10px;
padding: 4px 8px;
}
.hohNoAWC .category.default{
text-transform: lowercase;
}
.hohNoAWC .category:hover{
color: rgba(26,27,28,.6);
}
.hohNoAWC .info{
color: rgb(var(--color-text-lighter));
font-size: 1.2rem;
position: absolute;
right: 12px;
top: 12px;
}
.hohNoAWC .info span{
padding-left: 10px;
}
.hohYearHeading{
grid-column: 1 / -1;
}
#hohMALserialization{
padding-bottom: 14px;
}
#hohMALscore:empty,
#hohMALserialization:empty{
display: none;
}
body.TMPreviewScore > .el-tooltip__popper{
display: none;
}
:root .__ns__pop2top{/*no-script placeholder, messes with the search if there are blocked media elements in the feed*/
z-index: initial!important;
}
.hohStudioSorter .selected{
color: rgb(var(--color-blue));
}
.hohStudioSorter span{
font-weight: normal;
color: rgb(var(--color-text-lighter));
display: inline;
font-size: 1.2rem;
padding: 4px 15px 5px 15px;
border-radius: 3px;
transition: .2s;
background: none;
cursor: pointer;
}
.hohStudioSorter span:hover{
color: rgb(var(--color-blue));
}
.hohStudioSubstitute{
margin-top: 25px;
display: grid;
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-columns: repeat(3,1fr);
}
.hohRecsSwitch{
min-width: 500px
}
.hohRecsSwitch .options{
min-width: 500px;
justify-content: space-around;
}
.hohRecsSwitch .options .option{
border-radius: 30px;
color: rgb(var(--color-text-light));
cursor: pointer;
font-size: 1.5rem;
margin-right: 3px;
padding: 3px 12px;
text-transform: capitalize;
transition: .25s ease;
}
.hohRecsSwitch .options .option.active{
background: rgb(var(--color-blue));
color: rgba(var(--color-white),.9);
}
.recommendations-wrap.substitute{
display: grid;
grid-gap: 60px 50px;
grid-template-columns: repeat(auto-fill,330px);
justify-content: center;
margin-bottom: 60px;
}
.recommendations-wrap.substitute .recommendation-pair-card{
background: rgb(var(--color-foreground));
border-radius: 8px;
box-shadow: 0 4px 4px rgba(var(--color-shadow-blue),.05);
display: grid;
font-family: Overpass,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
grid-gap: 20px;
grid-template-columns: 130px 130px;
justify-content: space-evenly;
max-width: 100%;
padding: 20px;
padding-bottom: 35px;
position: relative;
transition: box-shadow .2s ease-in-out;
vertical-align: top;
}
.recommendations-wrap.substitute .recommendation-pair-card:hover{
box-shadow: 0 14px 20px rgba(var(--color-shadow-blue),.1),0 4px 4px rgba(var(--color-shadow-blue),.05);
}
.recommendations-wrap.substitute .cover{
background-size: cover;
border-radius: 4px;
box-shadow: 0 4px 4px rgba(var(--color-shadow-blue),.05);
display: grid;
grid-template-rows: 1fr auto;
height: 180px;
margin-bottom: 10px;
overflow: hidden;
position: relative;
width: 130px;
}
.recommendations-wrap.substitute .title{
font-size: 1.3rem;
font-weight: 600;
line-height: 140%;
white-space: normal;
}
.recommendations-wrap.substitute .rating-wrap{
align-items: center;
background: rgba(var(--color-overlay),.9);
border-radius: 5px;
bottom: -18px;
box-shadow: 0 4px 4px rgba(var(--color-shadow-blue),.05);
color: rgba(var(--color-white),.8);
cursor: auto;
display: flex;
left: calc(50% - 65px);
padding: 10px 13px;
position: absolute;
width: 130px;
}
.recommendations-wrap.substitute .rating{
font-size: 1.5rem;
font-weight: 900;
margin-left: auto;
}
.recommendations-wrap.substitute .thumbs-down:hover{
color: rgba(var(--color-red));
}
.recommendations-wrap.substitute .thumbs-up:hover{
color: rgba(var(--color-green));
}
.recommendations-wrap.substitute .icon{
display: inline-block;
cursor: pointer;
transition: color .25s ease-in-out;
}
.recommendations-wrap.substitute .recommendation-pair-card .media:first-child::after{
content: "➡";
top: 35%;
position: absolute;
right: 48%;
}
.review .actions .icon{
opacity: 0.5;
}
.review .actions .icon:hover,.review .actions .icon.active{
opacity: 1;
}
.hohStaffPageData{
position: absolute;
right: 10px;
top: 40%;
}
.recent-recommendations > .header-wrap{
grid-template-columns: 330px 0 auto;
justify-content: space-between;
}
.media-page .header .cover-wrap{
min-height: 340px;
}
#hohStaffTabFilter{
display: none;
position: absolute;
right: 0px;
top: -25px;
}
.media-staff + #hohStaffTabFilter{
display: inline;
}
#hohStaffTabFilter > input{
height: 20px;
margin-left: 3px;
}
#hohFilterRemover{
display: none;
}
#hohFilterRemover:hover{
cursor: pointer;
}
#hohEntryScore{
user-select: none;
}
.hohSorts{
color: rgb(var(--color-gray-700));
cursor: pointer;
font-size: 1.3rem;
font-weight: 600;
padding: 8px 0;
transition: color .2s ease;
}
.selects-wrap .icon-wrap.active{
color: rgb(var(--color-blue));
}
.selects-wrap .icon-wrap:hover{
color: rgb(var(--color-blue));
}
.range-wrap .handle{
height: 18px;
}
.range-wrap .handle-0{
background: rgba(var(--color-blue-600),.7);
border-radius: 2px 2px 0px 20px;
transform: translate(-13.5px,-4px);
}
.range-wrap .handle-1{
border-radius: 0px 20px 2px 2px;
transform: translate(1px,1px);
}
.range-wrap .handle-0:hover{
transform: translate(-14px,-4px) scale(1.1);
}
.range-wrap .handle-1:hover{
transform: translate(1.5px,1.5px) scale(1.1);
}
.range-wrap .handle:hover{
background: rgba(var(--color-blue-600));
}
.range-wrap .active-region{
border-radius: 0px;
}
.results.table{
counter-reset: entryCounter;
}
.results.table .media-card:not(.has-rank)::before{
counter-increment: entryCounter;
content: counter(entryCounter);
opacity: 0.5;
font-size: 70%;
margin-left: -21px;
top: 2px;
margin-right: 3px;
position: absolute;
}
.results.cover .title{
position: relative;
padding-left: 15px;
margin-left: -12px;
}
.results.cover .title .list-status.circle{
visibility: visible;
position: absolute;
left: 0px;
top: 3px;
}
.hohRoleLine{
height: 7px;
position: absolute;
left: 0px;
top: -8px;
width: 80%;
border-radius: 3px;
}
#hohMarkdownHelper{
position: fixed;
bottom: 20px;
left: 20px;
z-index: 999;
cursor: pointer;
}
#hohMarkdownHelper:hover{
font-weight: bold;
}
.hohGuideHeading,
.hohGuideHeading:visited{
color: rgb(var(--color-blue));
}
.studio-page-unscoped.listView .grid-wrap{
grid-template-columns: none;
grid-template-columns: 1fr;
grid-gap: 12px 30px;
}
.studio-page-unscoped.listView .media-card{
backface-visibility: hidden;
background: rgb(var(--color-background-100));
border-radius: 2px;
box-shadow: 0 14px 30px rgba(var(--color-shadow-blue),.15),0 4px 4px rgba(var(--color-shadow-blue),.05);
display: inline-grid;
grid-template-columns: 48px auto;
position: relative;
text-align: left;
min-height: 80px;
width: 100%;
}
.studio-page-unscoped.listView .cover{
height: 81px;
width: 54px;
border-radius: 2px;
}
.studio-page-unscoped.listView .title{
margin-left: 20px;
color: rgb(var(--color-gray-900));
display: block;
font-size: 1.5rem;
font-weight: 600;
margin-bottom: 8px;
margin-top: 16px;
}
.studio-page-unscoped.listView .media-card .hover-data{
opacity: 1;
left: 0px;
background: none;
box-shadow: none;
padding: 10px;
}
.studio-page-unscoped.listView .media-card .hover-data .genres{
position: absolute;
left: 50px;
top: 20px;
}
.studio-page-unscoped.listView .media-card .hover-data .info{
position: absolute;
right: 200px;
top: 25px;
width: 150px;
}
.studio-page-unscoped.listView .media-card .hover-data .score{
position: absolute;
right: 400px;
top: 25px;
}
.studio-page-unscoped.listView .media-card .hover-data .date{
position: absolute;
right: 50px;
top: 30px;
width: 120px;
}
.studio-page-unscoped .hohThemeSwitch{
width: 75px;
position: absolute;
top: 60px;
left: 50%;
}
.studio .media-card.isMain{
border-bottom: rgb(var(--color-blue));
border-bottom-width: 1px;
border-bottom-style: solid;
}
.hohInfoButton{
position: absolute;
right: 0px;
top: 0px;
cursor: pointer;
}
.anisongs p{
background: rgb(var(--color-foreground));
margin: 2px;
padding: 8px;
border-radius: 3px;
}
.search .filter > .icon{
display: inline-block;
}
.rules-notice{
display: none;
}
.sidebar .ranking{
padding-left: 8px;
padding-right: 8px;
}
.recommendations > .wrap{
margin-left: 5px;
}
.character-roles.hohSubstitute > div:not(.hoh-character-roles){
display: none;
}
[data-icon="notesTags"] text{
fill: rgb(var(--color-foreground));
}
.list-editor .custom-lists{
max-height: 400px;
overflow-y: auto;
}
.list-editor .custom-lists:hover{
margin-right: 0;
}
.forum-thread .comment .actions .like-wrap.hohHandledLike .users{
width: max-content!important;
max-width: 800px;
}
/* Add bottom padding only in Firefox as other browsers displays this correctly already */
@media all and (min--moz-device-pixel-ratio: 0){
.activity-edit .input.el-textarea{
padding-bottom: 5px;
}
}
/*no !importants here, since Erwin is styling this on his own:*/
.activity-feed .hohNoteSuffix:not(:empty),
.activity-feed .hohRewatchSuffix:not(:empty),
.activity-feed .hohScore:not(.hohSmiley){
background-color: rgba(var(--color-black),0.5);
padding: 0px 5px 1px 5px;
border-radius: 3px;
color: white;
}
.footer .links a{
position:relative
}
.footer [href="https://discord.gg/TF428cr"]::before{
content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" width="15" height="15"><g fill="%237289DA"><path d="M106.8,84.1 C101.1,84.1 96.6,89 96.6,95.1 C96.6,101.2 101.2,106.1 106.8,106.1 C112.5,106.1 117,101.2 117,95.1 C117,89 112.4,84.1 106.8,84.1 Z M70.3,84.1 C64.6,84.1 60.1,89 60.1,95.1 C60.1,101.2 64.7,106.1 70.3,106.1 C76,106.1 80.5,101.2 80.5,95.1 C80.6,89 76,84.1 70.3,84.1 Z"/> <path d="M155.4,0.9 L21.4,0.9 C10.1,0.9 0.9,10.1 0.9,21.4 L0.9,155.4 C0.9,166.7 10.1,175.9 21.4,175.9 L134.8,175.9 L129.5,157.6 L142.3,169.4 L154.4,180.5 L176,199.2 L176,21.4 C175.9,10.1 166.7,0.9 155.4,0.9 Z M116.8,130.4 C116.8,130.4 113.2,126.1 110.2,122.4 C123.3,118.7 128.3,110.6 128.3,110.6 C124.2,113.3 120.3,115.2 116.8,116.5 C111.8,118.6 107,119.9 102.3,120.8 C92.7,122.6 83.9,122.1 76.4,120.7 C70.7,119.6 65.8,118.1 61.7,116.4 C59.4,115.5 56.9,114.4 54.4,113 C54.1,112.8 53.8,112.7 53.5,112.5 C53.3,112.4 53.2,112.3 53.1,112.3 C51.3,111.3 50.3,110.6 50.3,110.6 C50.3,110.6 55.1,118.5 67.8,122.3 C64.8,126.1 61.1,130.5 61.1,130.5 C39,129.8 30.6,115.4 30.6,115.4 C30.6,83.5 45,57.6 45,57.6 C59.4,46.9 73,47.2 73,47.2 L74,48.4 C56,53.5 47.8,61.4 47.8,61.4 C47.8,61.4 50,60.2 53.7,58.6 C64.4,53.9 72.9,52.7 76.4,52.3 C77,52.2 77.5,52.1 78.1,52.1 C84.2,51.3 91.1,51.1 98.3,51.9 C107.8,53 118,55.8 128.4,61.4 C128.4,61.4 120.5,53.9 103.5,48.8 L104.9,47.2 C104.9,47.2 118.6,46.9 132.9,57.6 C132.9,57.6 147.3,83.5 147.3,115.4 C147.3,115.3 138.9,129.7 116.8,130.4 L116.8,130.4 Z"/></g></svg>');
position: absolute;
left: -10px;
}
.footer [href="https://twitter.com/AniListco"]::before{
content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 244" height="15" width="15" version="1.1"><g transform="translate(-539.18 -568.86)"><path d="m633.9 812.04c112.46 0 173.96-93.168 173.96-173.96 0-2.6463-0.0539-5.2806-0.1726-7.903 11.938-8.6302 22.314-19.4 30.498-31.66-10.955 4.8694-22.744 8.1474-35.111 9.6255 12.623-7.5693 22.314-19.543 26.886-33.817-11.813 7.0031-24.895 12.093-38.824 14.841-11.157-11.884-27.041-19.317-44.629-19.317-33.764 0-61.144 27.381-61.144 61.132 0 4.7978 0.5364 9.4646 1.5854 13.941-50.815-2.5569-95.874-26.886-126.03-63.88-5.2508 9.0354-8.2785 19.531-8.2785 30.73 0 21.212 10.794 39.938 27.208 50.893-10.031-0.30992-19.454-3.0635-27.69-7.6468-0.009 0.25652-0.009 0.50661-0.009 0.78077 0 29.61 21.075 54.332 49.051 59.934-5.1376 1.4006-10.543 2.1516-16.122 2.1516-3.9336 0-7.766-0.38716-11.491-1.1026 7.7838 24.293 30.355 41.971 57.115 42.465-20.926 16.402-47.287 26.171-75.937 26.171-4.929 0-9.7983-0.28036-14.584-0.84634 27.059 17.344 59.189 27.464 93.722 27.464" fill="%231da1f2"/></g></svg>');
position: absolute;
left: -10px;
}
.footer [href="https://www.facebook.com/AniListco"]::before{
content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 36 36" version="1.1"><rect fill="%233B5998" width="36" height="36"/><path fill="%23FFFFFF" d="M30.895,16.535l-0.553,5.23h-4.181v15.176h-6.28V21.766H16.75v-5.23h3.131v-3.149c0-4.254,1.768-6.796,6.796-6.796h4.181v5.23h-2.615c-1.952,0-2.081,0.736-2.081,2.1v2.615H30.895z"/></svg>');
position: absolute;
left: -10px;
}
.footer [href="https://github.com/AniList"]::before{
content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" width="15" height="15" version="1.1"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"/></svg>');
position: absolute;
left: -10px;
}
.hohDisplayBox{
position: fixed;
top: 80px;
left: 200px;
z-index: 999;
padding: 20px;
background-color: rgb(var(--color-foreground));
border: solid 1px;
border-radius: 4px;
box-shadow: black 2px 2px 20px;
overflow: hidden;
filter: brightness(110%);
}
.hohDisplayBox .scrollableContent{
overflow: auto;
height: 100%;
scrollbar-width: thin;
margin-top: 5px;
}
.hohDisplayBoxClose{
position: absolute;
right: 15px;
top: 15px;
cursor: pointer;
background-color: red;
border: solid;
border-width: 1px;
border-radius: 2px;
color: white;
border-color: rgb(var(--color-text));
filter: drop-shadow(0 0 0.2rem crimson);
z-index: 20;
}
}
.hohDisplayBoxClose:hover{
filter: drop-shadow(0 0 0.75rem crimson);
}
.hohNewChapter .hohDisplayBoxClose{
display: none;
top: 7px;
}
.hohNewChapter:hover .hohDisplayBoxClose{
display: inline;
}
.hohDisplayBoxTitle{
position: absolute;
top: 3px;
left: 3px;
}
@media(max-width: 1540px){
.substitution .container{
max-width: 1200px;
}
.hohStudioSubstitute{
grid-template-columns: repeat(2,1fr);
}
}
@media(max-width: 1040px){
.input-wrap.manga input[placeholder="Status"],
.input-wrap.anime input[placeholder="Status"],
.input-wrap.anime .form.score input{
width: 100%;
}
.substitution .grid-wrap{
grid-template-columns: 1fr;
}
.home .list-preview .media-preview-card:nth-child(5n+3) .content{
text-align: left;
right: unset;
}
.status{
font-size: small;
}
.status > .name{
padding: 5px;
}
}
@media(max-width: 760px){
#hohMALscore{
padding-right: 25px;
}
#hohMALscore .type{
font-weight: 400;
}
#hohMALscore .value{
color: rgb(var(--color-text));
font-size: 1.4rem;
}
.hohMediaImageContainer{
position: absolute;
right: -22px;
max-height: 30px;
width: 25px;
overflow: scroll;
scrollbar-width: thin;
}
.hohUserImageSmall{
display: none;
}
.hohMessageText{
margin-top: 30px!important;
}
.hohBackgroundUserCover{
margin-top: 1px;
}
.hohMediaImageContainer > a{
height: 20px;
}
.hohMediaImage{
height: 20px;
width: 20px;
margin-right: 0px
}
.hohNotification{
margin-right: 23px;
font-size: 1.5rem;
}
.hohCommentsContainer{
position: relative;
top: 70px;
}
.hohComments{
position: absolute;
right: -5px;
top: 5px;
}
.notifications-feed .filters p{
display: inline;
margin-left: 10px;
}
.activity-feed .actions,
.activity-feed .actions .action .count{
font-size: 1.6rem;
}
.hohDownload{
top: 50px;
}
.media .hohDownload{
top: 5px;
}
#dubNotice{
margin: 0px;
}
.hohFeedFilter .hohDescription{
display: none;
}
.forum-feed .create-btn + .filter-group > a{
display: inline-block;
width: 19%;
padding-top: 40px;
padding-bottom: 40px;
text-align: center;
border-style: solid;
border-width: 1px;
border-color: rgb(var(--color-foreground));
}
.hohExtraFilters{
max-height: 250px;
overflow: auto;
}
.recommendations-wrap .actions .thumbs-down{
margin-right: 10px;
}
.relations.hohRelationStatusDots .hohStatusDot,
.recommendation-card .hohStatusDot{
position: relative;
transform: none;
}
.hohCategories::after{
display: block;
color: rgb(var(--color-peach));
content: "On mobile? The 'mobile friendly' setting will probably make the script a lot less broken";
}
.media .data-set a[href^="/studio/"]{
margin-left: 5px;
}
.media p.description:empty{
display: none;
}
}
@media(max-width: 500px){
.footer [href="https://anilist.co"],
.footer [href="/sitemap/index.xml"]{
display: none;
}
.footer .links{
margin-left: -20px;
}
.markdown-editor{
padding: 12px 2px!important;
}
.hohColourPicker{
display: none;
}
}
`;
let documentHead = document.querySelector("head");
if(documentHead){
documentHead.appendChild(style)
}
else{
return//xml documents or something. At least it's not a place where the script can run
}
//begin "conditionalStyles.js"
function initCSS(){
moreStyle.textContent = "";
let aliasFlag = false;
if(useScripts.shortRomaji){
shortRomaji.forEach(createAlias);
aliasFlag = true
}
const titleAliases = JSON.parse(localStorage.getItem("titleAliases"));
if(titleAliases){
aliasFlag = true;
titleAliases.forEach(createAlias)
}
if(aliasFlag){
moreStyle.textContent += `
a.title::before
,.quick-search-results .el-select-dropdown__item a > span::before{
visibility: visible;
line-height: 1.15;
margin-right: 2px;
}
.medialist.table .title > a::before{
visibility: visible;
font-size: 1.5rem;
margin-right: 2px;
}
.medialist.compact .title > a::before
,.medialist.cards .title > a::before
,.home .status > a.title::before
,.media-embed .title::before{
visibility: visible;
font-size: 1.3rem;
margin-right: 2px;
}
.role-card a.content > .name::before{
visibility: visible;
font-size: 1.2rem;
}
.overlay > a.title::before
,.media-preview-card a.title::before{
visibility: visible;
font-size: 1.4rem;
line-height: 1.15;
}
.role-card a.content > .name{
line-height: 1.3!important;
}`
}
if(useScripts.CSSfavs){
/*adds a logo to most favourite studio entries. Add more if needed */
const favStudios = [
[1, "Studio-Pierrot", "https://upload.wikimedia.org/wikipedia/commons/7/70/Studio_Pierrot_logo.svg"],
[2, "Kyoto-Animation","https://upload.wikimedia.org/wikipedia/commons/b/bf/Kyoto_Animation_logo.svg"],
[3, "GONZO", "https://upload.wikimedia.org/wikipedia/commons/thumb/8/85/Gonzo_company.png/220px-Gonzo_company.png"],
[4, "BONES", "https://i.stack.imgur.com/7pRQn.png"],
[5, "Bee-Train", "https://upload.wikimedia.org/wikipedia/commons/4/45/Bee_Train.svg"],
[6, "Gainax", "https://upload.wikimedia.org/wikipedia/commons/2/27/GAINAX.svg"],
[7, "JC-Staff", "https://upload.wikimedia.org/wikipedia/commons/thumb/f/f5/J.C.Staff_Logo.svg/220px-J.C.Staff_Logo.svg.png"],
[8, "Artland", "https://upload.wikimedia.org/wikipedia/en/thumb/a/ae/Artland_logo.gif/200px-Artland_logo.gif"],
[10, "Production-IG", "https://upload.wikimedia.org/wikipedia/commons/thumb/5/5a/Production_I.G_Logo.svg/250px-Production_I.G_Logo.svg.png"],
[11, "MADHOUSE", "https://upload.wikimedia.org/wikipedia/commons/thumb/4/44/Madhouse_studio_logo.svg/300px-Madhouse_studio_logo.svg.png"],
[13, "Studio-4C", "https://upload.wikimedia.org/wikipedia/en/e/ec/Studio_4C_logo.png"],
[14, "Sunrise", "https://upload.wikimedia.org/wikipedia/en/thumb/8/8c/Sunrise_company_logo.svg/220px-Sunrise_company_logo.svg.png"],
[17, "Aniplex", "https://upload.wikimedia.org/wikipedia/commons/thumb/3/37/Aniplex_logo.svg/220px-Aniplex_logo.svg.png"],
[18, "Toei-Animation", "https://i.stack.imgur.com/AjzVI.png",76,30],
[21, "Studio-Ghibli", "https://upload.wikimedia.org/wikipedia/en/thumb/c/ca/Studio_Ghibli_logo.svg/220px-Studio_Ghibli_logo.svg.png",76,30],
[22, "Nippon-Animation","https://upload.wikimedia.org/wikipedia/en/thumb/b/b4/Nippon.png/200px-Nippon.png"],
[25, "Milky-Animation-Label","https://img.fireden.net/a/image/1467/16/1467164781976.png"],
[27, "Xebec", "https://upload.wikimedia.org/wikipedia/fr/b/bd/Logo_Xebec.svg"],
[28, "Oriental-Light-and-Magic","https://i.stack.imgur.com/Sbllv.png"],
[29, "VAP", "https://upload.wikimedia.org/wikipedia/commons/7/75/VAP_logo.svg"],
[32, "Manglobe", "https://i.imgur.com/W8U74wO.png"],
[34, "Hal-Film-Maker", "https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/Hal_film_maker_logo.gif/220px-Hal_film_maker_logo.gif"],
[35, "Seven-Arcs", "https://upload.wikimedia.org/wikipedia/en/a/ac/Seven_Arcs_logo.png",76,25],
[36, "Studio-Gallop", "https://upload.wikimedia.org/wikipedia/commons/3/37/Studio_Gallop.png"],
[37, "Studio-DEEN", "https://upload.wikimedia.org/wikipedia/commons/thumb/4/47/Studio_Deen_logo.svg/220px-Studio_Deen_logo.svg.png"],
[38, "Arms", "https://upload.wikimedia.org/wikipedia/commons/thumb/f/f4/Arms_Corporation.png/200px-Arms_Corporation.png"],
[39, "Daume", "https://upload.wikimedia.org/wikipedia/commons/3/3e/Daume_studio_logo.png",70,35],
[41, "Satelight", "https://i.stack.imgur.com/qZVQg.png",76,30],
[43, "ufotable", "https://upload.wikimedia.org/wikipedia/en/5/56/Ufotable-Logo.png",76,30],
[44, "Shaft", "https://i.stack.imgur.com/tuqhK.png"],
[45, "Pink-Pineapple", "https://i.stack.imgur.com/2NMQ0.png"],
[47, "Studio-Khara", "https://i.stack.imgur.com/2d1TT.png",76,30],
[48, "AIC", "https://upload.wikimedia.org/wikipedia/commons/thumb/6/6b/AIC_logo.png/220px-AIC_logo.png"],
[51, "diomeda", "https://i.stack.imgur.com/ZHt3T.jpg"],
[53, "Dentsu", "https://upload.wikimedia.org/wikipedia/commons/thumb/1/10/Dentsu_logo.svg/200px-Dentsu_logo.svg.png"],
[58, "Square-Enix", "https://upload.wikimedia.org/wikipedia/commons/thumb/a/af/Square_Enix_logo.svg/230px-Square_Enix_logo.svg.png"],
[65, "Tokyo-Movie-Shinsha","https://upload.wikimedia.org/wikipedia/en/2/22/Tokyo_Movie_Shinsha.png"],
[66, "Key", "https://upload.wikimedia.org/wikipedia/commons/thumb/1/1f/Key_Visual_Arts_Logo.svg/167px-Key_Visual_Arts_Logo.svg.png",76,25],
[68, "Mushi-Productions","https://i.stack.imgur.com/HmYdT.jpg"],
[73, "TMS-Entertainment","https://upload.wikimedia.org/wikipedia/commons/thumb/b/b9/TMS_Entertainment_logo.svg/220px-TMS_Entertainment_logo.svg.png"],
[79, "Genco", "https://www.thefilmcatalogue.com/assets/company-logos/5644/logo_en.png"],
[86, "Group-TAC", "https://upload.wikimedia.org/wikipedia/commons/b/b7/Group_TAC.png"],
[91, "feel", "https://upload.wikimedia.org/wikipedia/en/thumb/0/07/Feel_%28company%29_logo.png/220px-Feel_%28company%29_logo.png",76,25],
[95, "Doga-Kobo", "https://upload.wikimedia.org/wikipedia/commons/thumb/a/a8/Doga_Kobo_Logo.svg/220px-Doga_Kobo_Logo.svg.png"],
[97, "ADV-Films", "https://upload.wikimedia.org/wikipedia/en/4/45/A.D._Vision_%28logo%29.png"],
[102, "FUNimation-Entertainment","https://upload.wikimedia.org/wikipedia/commons/thumb/4/47/Funimation_2016.svg/320px-Funimation_2016.svg.png"],
[103, "Tatsunoko-Production","https://upload.wikimedia.org/wikipedia/commons/thumb/7/7a/Tatsunoko_2016_logo.png/300px-Tatsunoko_2016_logo.png"],
[104, "Lantis", "https://upload.wikimedia.org/wikipedia/commons/3/39/Lantis_logo.png"],
[108, "Media-Factory", "https://i.stack.imgur.com/rR7yU.png",76,25],
[109, "Shochiku", "https://upload.wikimedia.org/wikipedia/commons/thumb/0/03/Shochiku_logo_%28text%29.svg/320px-Shochiku_logo_%28text%29.svg.png"],
[112, "Brains-Base", "https://upload.wikimedia.org/wikipedia/commons/thumb/0/00/Brain%27s_Base_logo.png/200px-Brain%27s_Base_logo.png"],
[113, "Kadokawa-Shoten","https://i.stack.imgur.com/ZsUDR.gif"],
[119, "Viz-Media", "https://upload.wikimedia.org/wikipedia/en/thumb/e/e9/Viz_Media_logo.png/220px-Viz_Media_logo.png"],
[132, "PA-Works", "https://i.stack.imgur.com/7kjSn.png"],
[143, "Mainichi-Broadcasting","https://upload.wikimedia.org/wikipedia/commons/thumb/e/e9/Mainichi_Broadcasting_System_logo.svg/200px-Mainichi_Broadcasting_System_logo.svg.png"],
[144, "Pony-Canyon", "https://i.stack.imgur.com/9kkew.png"],
[145, "TBS", "https://upload.wikimedia.org/wikipedia/commons/thumb/f/f8/TBS_logo.svg/200px-TBS_logo.svg.png"],
[150, "Sanrio", "https://upload.wikimedia.org/wikipedia/en/thumb/4/41/Sanrio_logo.svg/220px-Sanrio_logo.svg.png"],
[159, "Kodansha", "https://upload.wikimedia.org/wikipedia/commons/thumb/4/4c/Kodansha.png/200px-Kodansha.png"],
[166, "Movic", "https://upload.wikimedia.org/wikipedia/commons/f/f3/Movic_logo.png"],
[167, "Sega", "https://upload.wikimedia.org/wikipedia/commons/thumb/6/63/Sega_logo.svg/200px-Sega_logo.svg.png"],
[169, "Fuji-TV", "https://upload.wikimedia.org/wikipedia/en/thumb/e/e9/Fuji_TV_logo.svg/225px-Fuji_TV_logo.svg.png",76,30],
[193, "Idea-Factory", "https://upload.wikimedia.org/wikipedia/en/e/eb/Idea_factory.gif"],
[196, "Production-Reed","https://upload.wikimedia.org/wikipedia/fr/7/7d/Production_Reed_Logo.png"],
[199, "Studio-Nue", "https://i.stack.imgur.com/azzKH.png"],
[200, "Tezuka-Productions","https://upload.wikimedia.org/wikipedia/fr/f/fe/Tezuka_Productions_Logo.png"],
[238, "ATX", "https://upload.wikimedia.org/wikipedia/commons/thumb/c/c6/AT-X_logo.svg/150px-AT-X_logo.svg.png",76,30],
[247, "ShinEi-Animation","https://i.stack.imgur.com/b2lcL.png"],
[262, "Kadokawa-Pictures-USA","https://i.stack.imgur.com/ZsUDR.gif"],
[287, "David-Production","https://upload.wikimedia.org/wikipedia/en/thumb/7/75/David_production.jpg/220px-David_production.jpg",76,30],
[290, "Kinema-Citrus", "https://upload.wikimedia.org/wikipedia/commons/c/c0/Kinema_Citrus_logo.png",76,25],
[288, "Kaname-Productions","https://i.fiery.me/7caKG.webp",76,30],
[291, "CoMix-Wave", "https://upload.wikimedia.org/wikipedia/commons/thumb/8/8d/Cwflogo.png/150px-Cwflogo.png"],
[292, "AIC-Plus", "https://upload.wikimedia.org/wikipedia/commons/thumb/6/6b/AIC_logo.png/220px-AIC_logo.png"],
[300, "SILVER-LINK", "https://upload.wikimedia.org/wikipedia/commons/thumb/3/3d/Silver_Link_Logo.svg/220px-Silver_Link_Logo.svg.png"],
[309, "GoHands", "https://i.stack.imgur.com/pScIZ.jpg"],
[314, "White-Fox", "https://i.stack.imgur.com/lwG1T.png",76,30],
[333, "TYO-Animations", "https://i.stack.imgur.com/KRqAp.jpg",76,25],
[334, "Ordet", "https://i.stack.imgur.com/evr12.png",76,30],
[346, "Hoods-Entertainment","https://i.stack.imgur.com/p7S0I.png"],
[352, "Kadokawa-Pictures-Japan","https://i.stack.imgur.com/ZsUDR.gif"],
[365, "PoRO", "https://i.stack.imgur.com/3rlAh.png"],
[372, "NIS-America-Inc","https://upload.wikimedia.org/wikipedia/en/e/e7/Nis.png"],
[376, "Sentai-Filmworks","https://i.stack.imgur.com/JV8R6.png",74,30],
[397, "Bridge", "https://i.imgur.com/4Qn4EmK.png"],
[418, "Studio-Gokumi", "https://i.stack.imgur.com/w1y22.png"],
[436, "AIC-Build", "https://upload.wikimedia.org/wikipedia/commons/thumb/6/6b/AIC_logo.png/220px-AIC_logo.png"],
[437, "Kamikaze-Douga", "https://img7.anidb.net/pics/anime/178777.jpg"],
[456, "Lerche", "https://i.stack.imgur.com/gRQPc.png"],
[459, "Nitroplus", "https://upload.wikimedia.org/wikipedia/en/thumb/0/09/Nitroplus_logo.png/220px-Nitroplus_logo.png"],
[493, "Aniplex-of-America","https://upload.wikimedia.org/wikipedia/commons/thumb/3/37/Aniplex_logo.svg/220px-Aniplex_logo.svg.png"],
[503, "Nintendo-Co-Ltd","https://upload.wikimedia.org/wikipedia/commons/thumb/0/0d/Nintendo.svg/220px-Nintendo.svg.png"],
[537, "SANZIGEN", "https://i.stack.imgur.com/CkuqH.png",76,30],
[555, "Studio-Chizu", "https://i.stack.imgur.com/h2RuH.gif"],
[561, "A1-Pictures", "https://i.stack.imgur.com/nBUYo.png",76,30],
[569, "MAPPA", "https://upload.wikimedia.org/wikipedia/commons/thumb/0/06/MAPPA_Logo.svg/220px-MAPPA_Logo.svg.png"],
[681, "ASCII-Media-Works","https://upload.wikimedia.org/wikipedia/commons/thumb/f/f5/ASCII_Media_Works_logo.svg/220px-ASCII_Media_Works_logo.svg.png"],
[803, "Trigger", "https://upload.wikimedia.org/wikipedia/commons/thumb/6/63/Trigger_Logo.svg/220px-Trigger_Logo.svg.png"],
[783, "GKids", "https://upload.wikimedia.org/wikipedia/commons/thumb/c/ca/GKIDS_logo.svg/150px-GKIDS_logo.svg.png"],
[839, "LIDENFILMS", "https://upload.wikimedia.org/wikipedia/en/6/6e/LidenFilms.png",76,30],
[858, "Wit-Studio", "https://i.stack.imgur.com/o3Rro.png",76,30],
[911, "Passione", "https://i.stack.imgur.com/YyEGg.jpg"],
[4418,"8bit", "https://upload.wikimedia.org/wikipedia/en/e/ea/8-Bit_Animation_Studio.png"],
[6069,"Studio-3Hz", "https://i.stack.imgur.com/eD0oe.jpg"],
[6071,"Studio-Shuka", "https://upload.wikimedia.org/wikipedia/commons/f/fa/Shuka_studio.jpg"],
[6077,"Orange", "https://i.stack.imgur.com/ve9mm.gif"],
[6142,"Geno-Studio", "https://upload.wikimedia.org/wikipedia/en/thumb/f/f4/Genostudio.jpg/220px-Genostudio.jpg",76,25],
[6145,"Science-SARU", "https://i.stack.imgur.com/zo9Fx.png"],
[6148,"NUT", "https://upload.wikimedia.org/wikipedia/en/b/b0/NUT_animation_studio_logo.png"],
[6222,"CloverWorks", "https://i.stack.imgur.com/9Fvr7.jpg"],
[6225,"TriF-studio", "https://i.stack.imgur.com/lL85s.png",60,50],
[6235,"SEK-Studio", "https://upload.wikimedia.org/wikipedia/commons/thumb/5/51/Flag_of_North_Korea.svg/125px-Flag_of_North_Korea.svg.png",74,25],
[6283,"Studio-Durian", "https://studio-durian.jp/images/ROGO2opa.png"]
]
let favStudioString = "";
if(useScripts.CSSfavs){
favStudioString += `
.overview .favourites > .favourites-wrap > div,
.overview .favourites > .favourites-wrap > a{
/*make the spaces in the grid even*/
margin-bottom: 0px!important;
margin-right: 0px!important;
column-gap: 10px!important;
}
.user .overview{
grid-template-columns: 460px auto!important;
}
.overview .favourites > .favourites-wrap{
display: grid!important;
padding: 0px!important;
display: grid;
grid-gap: 10px;
column-gap: 10px!important;
grid-template-columns: repeat(auto-fill,85px);
grid-template-rows: repeat(auto-fill,115px);
background: rgb(0,0,0,0) !important;
width: 470px;
}
.overview .favourite.studio{
cursor: pointer;
min-height: 115px;
font-size: 15px;
display: grid;
grid-gap: 10px;
padding: 2px!important;
padding-top: 8px!important;
background-color: rgba(var(--color-foreground))!important;
text-align: center;
align-content: center;
}
.site-theme-dark .overview .favourite.studio{
background-color: rgb(49,56,68)!important;
}
.preview .favourite.media,
.preview .favourite.staff,
.preview .favourite.character{
background-color: rgb(var(--color-foreground));
}
.overview .favourite.studio::after{
display: inline-block;
background-repeat: no-repeat;
content:"";
margin-left:5px;
background-size: 76px 19px;
width: 76px;
height: 19px;
}`;
favStudios.forEach(studio => {
if(studio[2] !== ""){
favStudioString += `.favourite.studio[href="/studio/${studio[0]}/${studio[1]}"]::after{background-image: url("${studio[2]}");`;
if(studio.length === 5){
favStudioString += `background-size: ${studio[3]}px ${studio[4]}px;width: ${studio[3]}px;height: ${studio[4]}px;`;
}
favStudioString += "}";
}
});
}
moreStyle.textContent += favStudioString;
}
if(useScripts.CSScompactBrowse){
moreStyle.textContent += `
.results > .studio{
counter-reset: ranking;
}
.studio .media-card.isMain{
border-bottom: rgb(var(--color-blue));
border-bottom-width: 1px;
border-bottom-style: solid;
}
.search .results.cover .media-card,
.search .results .staff-card,
.search-landing .results:not(.table) .media-card{
width: 150px;
}
.search .results.cover,
.search-landing .results:not(.table){
grid-template-columns: repeat(auto-fill,150px);
grid-gap: 25px 20px;
}
.search .results.table{
grid-gap: 12px;
}
.search .results.table .cover{
height: 81px;
width: 54px;
}
.search .results.table .media-card{
padding: 0px;
}
.search .results.cover .media-card .cover,
.search-landing .results:not(.table) .media-card .cover,
.search .results .staff-card .cover{
height: 225px;
}
.search:not(.other-type) .landing-section:not(.top) .link{
max-width: 1000px;
}
`
}
if(!useScripts.CSSverticalNav && useScripts.slimNav){
moreStyle.textContent += `
#nav.nav{
height: 40px;
}
`
}
if(useScripts.annoyingAnimations){
moreStyle.textContent += `
.media-card .open-editor.circle{
transition: unset;
}
.media-card:hover .hover-data{
animation: none!important;
}
.cover.loading::before{
display: none!important;
}
.search .results .media-card{
animation: none;
}`
}
if(useScripts.CSSoldDarkTheme){
moreStyle.textContent += `
.site-theme-dark{
--color-background:39,44,56;
--color-foreground:31,35,45;
--color-foreground-grey:25,29,38;
--color-foreground-grey-dark:16,20,25;
--color-foreground-blue:25,29,38;
--color-foreground-blue-dark:19,23,29;
--color-background-blue-dark:31,35,45;
--color-overlay:34,28,22;
--color-shadow:49,54,68;
--color-shadow-dark:6,13,34;
--color-shadow-blue:103,132,187;
--color-text:159,173,189;
--color-text-light:129,140,153;
--color-text-lighter:133,150,165;
--color-text-bright:237,241,245;
}
.site-theme-dark .nav-unscoped.transparent{
background: rgba(31, 38, 49, .5);
color: rgb(var(--color-text));
}
.site-theme-dark .nav-unscoped,
.site-theme-dark .nav-unscoped.transparent:hover{
background: rgb(var(--color-foreground));
}`
}
if(useScripts.CSSprofileClutter){
moreStyle.textContent += `
.overview .list-stats > .footer{
display: none;
}
.overview > .section > .desktop:nth-child(2){
display: none;
}
.overview > .section > .desktop:nth-child(3){
display: none;
}
.overview > .section > .desktop.favourites{
display: inherit;
}
`
}
if(useScripts.CSSbannerShadow){
moreStyle.textContent += `
.banner .shadow{
display: none;
}
.banner-content h1.name{
filter: drop-shadow(0px 0px 6px black);
}
`
}
if(useScripts.betterListPreview && !(window.screen.availWidth && window.screen.availWidth <= 1040)){
moreStyle.textContent += `
.home{
grid-template-columns: auto 545px!important;
}
@media(min-width: 1040px) and (max-width: 1540px){
.page-content > .container{
max-width: 1300px;
}
.list-preview{
gap: 15px!important;
}
.home{
grid-template-columns: auto 525px!important;
}
}
#hohListPreview + .list-previews .list-preview-wrap{
display: none;
}
#hohListPreview + .list-previews .list-preview-wrap:last-child{
display: block;
}
`
}
if(useScripts.CSSgreenManga){
moreStyle.textContent += `
.review-card:hover .banner[data-src*="/media/manga/"] + .content > .header{
color: rgb(var(--color-green));
}
.review-card:hover .banner[data-src*="/media/anime/"] + .content > .header{
color: rgb(var(--color-blue));
}
.user .review-card:hover .banner[data-src*="/media/anime/"] + .content > .header{
color: rgb(61,180,242);
}
.activity-markdown a[href^="https://anilist.co/manga/"],
.activity-markdown a[href^="https://anilist.co/search/manga"],
.reply-markdown a[href^="https://anilist.co/manga/"],
.reply-markdown a[href^="https://anilist.co/search/manga"]{
color: rgba(var(--color-green));
}
.activity-manga_list > div > div > div > div > .title{
color: rgba(var(--color-green))!important;
}
.media .relations .cover[href^="/manga/"] + div div{
color: rgba(var(--color-green));
}
.media .relations .cover[href^="/anime/"] + div div{
color: rgba(var(--color-blue));
}
.media .relations .cover[href^="/manga/"]{
border-bottom-style: solid;
border-bottom-color: rgba(var(--color-green));
border-bottom-width: 2px;
}
.character-wrap .role-card:hover .title[href^="/anime/"]{
color: rgb(var(--color-blue)) !important;
}
.character-wrap .role-card .title[href^="/manga/"],
.character-wrap .role-card:hover .title[href^="/manga/"],
.media-roles .media .content:hover[href^="/manga/"] .name{
color: rgb(var(--color-green)) !important;
}
.media .relations.small .cover[href^="/manga/"]::after{
position:absolute;
left:1px;
bottom:3px;
content:"";
border-style: solid;
border-color: rgba(var(--color-green));
border-width: 2px;
}
.media .relations .cover[href^="/anime/"]{
border-bottom-style: solid;
border-bottom-color: rgba(var(--color-blue));
border-bottom-width: 2px;
}
.media .relations .cover div.image-text{
margin-bottom: 2px!important;
border-radius: 0px!important;
padding-bottom: 8px!important;
padding-top: 8px!important;
font-weight: 500!important;
}
.media-embed[data-media-type="manga"] .title{
color: rgba(var(--color-green));
}
.media-manga .actions .list{
background: rgba(var(--color-green));
}
.media-manga .sidebar .review.button{
background: rgba(var(--color-green));
}
.media-manga .container .content .nav .link{
color: rgba(var(--color-green));
}
.hover-manga:hover{
color: rgba(var(--color-green))!important;
}
.home .recent-reviews + div .cover[href^="/manga/"] + .content .info-header{
color: rgba(var(--color-green));
}
.recommendations-wrap .recommendation-pair-card a[href^="/manga/"]:hover .title{
color: rgba(var(--color-green));
}
`
}
if(useScripts.CSSexpandFeedFilters && (!useScripts.mobileFriendly)){
moreStyle.textContent += `
.home .activity-feed-wrap .section-header .el-dropdown-menu,
.user .activity-feed-wrap .section-header .el-dropdown-menu{
background: none;
position: static;
display: inline !important;
margin-right: 15px;
box-shadow: none !important;
}
.home .activity-feed-wrap .section-header .el-dropdown-menu__item,
.user .activity-feed-wrap .section-header .el-dropdown-menu__item{
font-weight: normal;
color: rgb(var(--color-text-lighter));
margin-left: -2px !important;
display: inline;
font-size: 1.2rem;
padding: 4px 15px 5px 15px;
border-radius: 3px;
transition: .2s;
background: none;
}
.home .activity-feed-wrap .section-header .el-dropdown-menu__item.active,
.user .activity-feed-wrap .section-header .el-dropdown-menu__item.active{
background: none!important;
color: rgb(var(--color-blue));
}
.home .activity-feed-wrap .section-header .el-dropdown-menu__item:hover,
.user .activity-feed-wrap .section-header .el-dropdown-menu__item:hover{
background: none!important;
color: rgb(var(--color-blue));
}
.home .feed-select .feed-filter,
.user .section-header > .el-dropdown > .el-dropdown-selfdefine{
display: none;
}
`
}
if(useScripts.showRecVotes){
moreStyle.textContent += `
.recommendation-card .rating-wrap{
opacity: 1;
}`
}
if(useScripts.CSSverticalNav && (!useScripts.mobileFriendly)){
moreStyle.textContent += `
.media .sidebar .tags .add-icon{
opacity: 1;
}
#hohListPreview .content{
width: 240px;
}
.details .donator-badge{/*overpass really doesn't look great for this. That's just like my opinion, so overriding it goes here, and not in the global CSS*/
font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
}
.user .overview > .section:first-child{
max-width: 555px;
}
.user .overview{
grid-template-columns: calc(25% + 200px) 55% !important;;
}
.media .activity-entry .cover{
display: none;
}
.media .activity-entry .embed .cover{
display: inline;
}
.media .activity-entry .details{
min-width: 500px;
margin-left: 30px;
}
.media .activity-entry .details > .avatar{
position: absolute;
top: 0px;
left: 5px;
}
.media .activity-entry .list{
min-height: 55px !important;
}
.media .activity-entry .replies .count,
.media .activity-entry .replies .count + svg{
color: rgb(var(--color-red));
}
#app .tooltip.animate-position{
transition: opacity .26s ease-in-out,transform 0s ease-in-out;
}
.studio .hohThemeSwitch{
top: 30px;
}
.stats-wrap .stat-cards{
grid-gap: 20px;
grid-template-columns: repeat(auto-fill, 300px);
}
.stats-wrap .stat-cards.has-images{
grid-gap: 20px;
grid-template-columns: repeat(auto-fill, 600px);
}
.stats-wrap .stat-cards .stat-card{
box-shadow: none;
padding: 10px;
padding-bottom: 0px;
}
.stats-wrap .stat-cards .stat-card > .title{
font-size: 2rem;
}
.stats-wrap .stat-cards .stat-card.has-image > .wrap > .image{
margin-top: -45px;
height: 100px;
width: 70px;
}
.stats-wrap .highlight .value{
font-size: 2rem;
}
.stats-wrap .highlight .circle{
box-shadow: none;
height: 35px;
width: 35px;
}
.stats-wrap .highlights{
grid-gap: 30px 0px;
margin-left: 1%;
width: 98%;
margin-top: 0px;
grid-template-columns: repeat(6,1fr);
margin-bottom: 20px;
}
.stats-wrap .stat-cards .stat-card.has-image > .title{
margin-left: 75px;
}
.stats-wrap .stat-cards .stat-card .inner-wrap .relations-wrap{
padding: 5px 15px;
}
.stats-wrap .stat-cards .stat-card .inner-wrap .relations-wrap .relations{
transition: transform .1s ease-in-out;
}
.stats-wrap .stat-cards .stat-card .inner-wrap .relations-wrap .relation-card{
margin-right: 5px;
}
.stats-wrap .stat-cards .stat-card .inner-wrap .relations-wrap .relation-card .image{
width: 70px;
height: 100px;
}
.stats-wrap .stat-cards .stat-card .count.circle{
top: 12px;
right: 12px;
height: 20px;
width: 20px;
}
.text div.markdown{
max-height: 660px;
}
.stats-wrap .stat-cards .stat-card .inner-wrap .detail .value{
font-size: 1.4rem;
font-weight: 700;
color: rgb(var(--color-blue));
}
.stats-wrap .stat-cards .stat-card .inner-wrap .detail .label{
font-size: 1.1rem;
}
.stats-wrap .stat-cards .stat-card .inner-wrap .relations-wrap .button{
box-shadow: none;
top: 40px;
}
.stats-wrap .stat-cards .stat-card .inner-wrap .relations-wrap .button.previous{
left: 18px;
}
.stats-wrap .stat-cards .stat-card .inner-wrap .relations-wrap .button.next{
right: 18px;
}
.user .desktop .genre-overview.content-wrap{
font-size: 1.3rem;
}
.forum-thread .comment-wrap{
border-left: solid!important;
margin-bottom: 10px!important;
}
.forum-thread .comment-wrap.odd{
border-left-style: double!important;
}
.forum-thread .comment-wrap.hohCommentSelected{
border-left-color: rgb(var(--color-blue))!important;
}
.forum-thread .comment-wrap.hohCommentHidden{
border-left-style: dotted!important;
}
.forum-feed .overview-header{
color: rgba(var(--color-blue))!important;
font-size: 2rem!important;
}
.forum-feed .thread-card{
margin-bottom: 10px!important;
}
.forum-feed .filter-group > a{
margin-bottom: 2px!important;
}
.activity-entry > .wrap > .actions{
bottom: 0px!important;
}
.page-content > .container,
.notifications-feed,
.page-content > .studio{
margin-top: 25px !important;
}
.logo{
margin-left: -60px!important;
/*the compact layout uses more of the space to the side, so we line up the logo to the left*/
}
.footer{
margin-top: 0px !important;
/*less space wasted over the footer*/
}
.hohUserRow td,
.hohUserRow th{
top: 44px;
}
.container{
padding-left: 10px;
padding-right: 0px;
}
.hide{
top: 0px!important;
/*stop that top bar from jumping all over the place*/
}
.notification{
margin-bottom: 10px!important;
}
/*Dropdown menus are site theme based*/
.quick-search .el-select .el-input .el-input__inner,
.quick-search .el-select .el-input.is-focus .el-input__inner,
.el-select-dropdown,
.el-dropdown-menu,
.el-dropdown-menu__item--divided::before{
background: rgba(var(--color-foreground));
}
.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover{
background: rgba(159, 173, 189, .2);
}
.el-dropdown-menu__item--divided{
border-color: rgba(var(--color-background));
}
.el-select-group__wrap:not(:last-of-type)::after{
background: rgba(var(--color-foreground));
}
.el-popper[x-placement^="bottom"] .popper__arrow,
.el-popper[x-placement^="bottom"] .popper__arrow::after{
border-bottom-color: rgba(var(--color-foreground));
}
.el-popper[x-placement^="top"] .popper__arrow,
.el-popper[x-placement^="top"] .popper__arrow::after{
border-top-color: rgba(var(--color-foreground));
}
.wrap .link.router-link-exact-active.router-link-active,
.nav .link.router-link-exact-active.router-link-active,
.nav .browse-wrap.router-link-exact-active.router-link-active{
background: rgba(var(--color-foreground-grey));
color: rgba(var(--color-blue));
}
/*--------------VERTICAL-NAV----------------*/
/*modified code from Kuwabara: https://userstyles.org/styles/161017/my-little-anilist-theme-can-not-be-this-cute*/
.hohDismiss{
transform: translate(17.5px,-40px);
margin-left: 0px!important;
}
#app > .nav {
border-top: none !important;
}
#app div#nav.nav{
width: 65px;
height: 100%!important;
position: fixed!important;
top: 0!important;
left: 0!important;
transition: none!important;
}
.nav .wrap .links{
font-size: 1rem;
height: 355px!important;
margin-left: 0px;
padding-left: 0px;
width: 65px;
min-width: 65px !important;
flex-direction: column;
}
#app #nav.nav .wrap .links a.link{
width: 65px;
padding: 5px 0px;
margin-bottom: 10px;
text-align: center;
height: unset!important;
transition: 0.3s;
padding-left: 0px!important;
}
#app #nav.nav .browse-wrap{
text-align: center;
margin-bottom: 10px;
padding-bottom: 5px;
padding-top: 5px;
}
.browse-wrap.subMenuContainer .dropdown{
display: none;
}
#app #nav.nav .browse-wrap .dropdown{
z-index: 2000;
}
div#nav.nav .link.router-link-exact-active.router-link-active,
#nav > div > div.links > a:hover{
border-bottom-width: 0px!important;
}
.nav .wrap .links > .link:hover,
.nav .wrap .links div .link:hover,
.nav .browse-wrap:hover{
background: rgba(var(--color-blue),0.1);
}
.nav .wrap .links .link::before{
display: block;
content: "";
height: 24px!important;
width: 65px!important;
background-size: 24px;
margin-left: 0!important;
margin-bottom: 3px!important;
background-repeat: no-repeat;
background-position: center;
filter: grayscale(100%) brightness(1.4);
}
.nav .link[href*="/user/"]:hover::before,
.nav .link[href^="/forum/"]:hover::before,
.nav .link[href="/login"]::before,
.nav .link[href="/social"]::before,
.nav .link[href^="/search/"]:hover::before,
.nav .link[href^="/home"]:hover::before,
.site-theme-contrast .nav .link.router-link-active::before{
filter: grayscale(0%);
}
.logo-full{
display: none;
}
.nav .link[href="/home"]::before,
.nav .link[href="/login"]::before{
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="96" height="96" viewBox="0 0 24 24"><path d="m12 3l-10 9h3v8h5v-6h4v6h5v-8h3z" fill="rgb(61,180,242)"/></svg>');
}
.nav .link[href^="/user/"]::before,
.nav .link[href="/social"]::before{
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="96" height="96" viewBox="0 0 24 24"><path d="M5 3h14a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2zM12 6a3 3 0 0 0 0 6a3 3 0 0 0 0 -6zM6 18h12v-1a6 3 0 0 0 -12 0z" fill="rgb(61,180,242)"/></svg>');
}
.nav .link[href*="/animelist"]::before,
.nav .link[href*="/mangalist"]::before{
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="96" height="96" viewBox="0 0 24 24"><path d="M4 5h4v4h-4zM4 10h4v4h-4zM4 15h4v4h-4zM9 5h12v4h-12zM9 10h12v4h-12zM9 15h12v4h-12z" fill="rgb(61,180,242)"/></svg>');
}
.nav .link[href^="/search/"]::before{
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="96" height="96" viewBox="0 0 24 24"><path d="M4 5h5v13h-5zM10 5h11v6h-11zM10 12h5v6h-5zM16 12h5v6h-5z" fill="rgb(61,180,242)"/></svg>');
}
.nav .link[href*="/forum"]::before{
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="96" height="96" viewBox="0 0 24 24"><path d="M19 6h2a1 1 0 0 1 1 1v15l-4 -4h-11a1 1 0 0 1 -1 -1v-2h13zM3 2a1 1 0 0 0 -1 1v14l4 -4h10a1 1 0 0 0 1 -1v-9a1 1 0 0 0 -1 -1z" fill="rgb(61,180,242)"/></svg>');
}
.nav .link[href="/signup"]::before{
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="96" height="96" viewBox="0 0 24 24"><g fill="rgb(61,180,242)"><circle cx="15" cy="8" r="3"/><path d="M9 18h12v-1a6 3 0 0 0 -12 0z"/><text x="2" y="14" font-weight="bold" font-size="70%">+</text></g></svg>');
}
.landing .link{
margin-left: unset!important;
}
#nav > div.wrap.guest > div.links a.link.login,
#nav > div.wrap.guest > div.links a.link.signup{
padding: 5px 0px!important;
}
#app{
margin-top: 0;
padding-left: 65px;
}
:root {
--color-nav-hoh: #2b2d42;
}
.site-theme-dark{
--color-nav-hoh: #152232;
}
#nav.transparent{
background: var(--color-nav-hoh);
}
.nav .user{
position: fixed;
top: 0;
display: grid;
grid-gap: 40px;
width: 65px;
grid-template-rows: 50px 20px;
}
.nav .user-wrap .dropdown{
left: -2px;
z-index: 2000;
}
.nav .user-wrap .dropdown::before{
left: 16px;
}
.search .dropdown.el-dropdown{
font-size: 10px;
}
.search .el-dropdown-link svg{
width: 65px;
height: 23px;
padding: 5px 0;
background: rgba(0, 0, 0, 0.2);
}
.nav .search{
width: 65px;
margin: 0;
text-align: center;
position: fixed;
top: 56px;
}
.quick-search-results{
z-index: 999!important;
top: 136px!important;
}
.user .avatar + .chevron{
opacity: 0!important;
}
.hide{
top:0px!important;
}
@media(max-width: 1040px){
#app{
padding-left: 0px;
}
.container{
padding-left: 20px;
padding-right: 20px;
}
.footer > .container{
position: relative;
}
.hohColourPicker{
top: 0px;
}
.hohDismiss{
display: none;
}
.hohNotificationCake{
margin-left: -9px;
}
}
/*-------------------*/
::selection{
background: rgba(var(--color-blue),0.4);
}
::-webkit-selection{
background: rgba(var(--color-blue),0.4);
}
::-moz-selection{
background: rgba(var(--color-blue),0.4);
}
::-webkit-scrollbar{
width: 7px;
height: 7px;
}
::-webkit-scrollbar-thumb{
background: #4e4e4e!important;
}
.user .header-wrap{
position: sticky;
top: -332px;
z-index: 100;
}
.list-stats{
margin-bottom:0px!important;
}
.activity-feed-wrap{
margin-top:25px;
}
.logo{
position: absolute;
margin-bottom: -500px;
display:none!important;
margin-left: 0px !important;
}
/*home stuff*/
.reply .header a.name[href="/user/Abyss/"]::after{
content: "Crocodile Isle";
margin-left:10px;
padding:3px;
border-radius:2px;
animation-duration: 20s;
animation-iteration-count: infinite;
animation-name: rainbow;
animation-timing-function: ease-in-out;
color: rgba(var(--color-white));
}
.reply .header a.name[href="/user/Taluun/"]::after{
content: "Best Friend";
margin-left:10px;
padding:3px;
border-radius:2px;
animation-duration: 20s;
animation-iteration-count: infinite;
animation-name: rainbow;
animation-timing-function: ease-in-out;
color: rgba(var(--color-white));
}
.details > .donator-badge{
left:105px!important;
padding:2px!important;
top: 100%!important;
-ms-transform: translate(0px, -34px);
-webkit-transform: translate(0px, -34px);
transform: translate(0px, -34px);
}
.activity-text > div > div > div > .donator-badge{
position:relative!important;
display:inline-block!important;
left:0px!important;
top:0px!important;
-ms-transform: translate(0px, 0px);
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
.activity-replies{
margin-top:5px!important;
margin-left:30px!important;
margin-right:0px!important;
}
.page-content > .container > .activity-entry .activity-replies{
margin-top: 15px !important;
}
.activity-entry{
margin-bottom: 10px!important;
}
.list-preview{
grid-gap: 10px!important;
padding:0px!important;
background: rgb(0,0,0,0)!important;
}
.home{
grid-column-gap: 30px!important;
margin-top: 20px!important;
grid-template-columns: auto 470px!important;
}
.activity-feed .reply{
padding: 8px!important;
margin-bottom: 5px!important;
}
.list .details{
padding-left:10px!important;
padding-top:5px!important;
padding: 10px 16px!important;
padding-bottom: 7px !important;
}
.search{
margin-top:0px!important;
}
.emoji-spinner{
display:none!important;
}
.wrap{
border-radius: 2px!important;
}
.name{
margin-left: 0px!important;
}
.activity-text > div > div > div > .name,
.activity-message > div > div > div > .name{
margin-left: 12px!important;
}
.button{
margin-right: 5px!important;
}
.actions{
margin-bottom: 5px!important;
}
.status{
display: inline-block!important;
}
.avatar{
display: block!important;
}
/*https://anilist.co/activity/29333544*/
.activity-entry .header a:nth-child(1){
display: inline-block!important;
}
.wrap > .list{
min-height: 80px!important;
grid-template-columns: 60px auto!important;
}
.popper__arrow{
display: none!important;
}
.media-preview{
grid-gap: 10px!important;
padding: 0px!important;
background: rgb(0,0,0,0)!important;
}
.media-preview-card{
display: inline-grid!important;
}
.replies > .count{
color: rgba(var(--color-blue));
}
.action.likes{
color: unset;
}
.like-wrap > .button:hover{
color: rgba(var(--color-red));
}
.replies > svg:nth-child(2){
color: rgba(var(--color-blue));
}
.actions{
cursor: default;
}
.activity-manga_list > div > div > div > div > .title{
color: rgba(var(--color-green))!important;
}
.markdown-editor > [title="Image"],
.markdown-editor > [title="Youtube Video"],
.markdown-editor > [title="WebM Video"]{
color: rgba(var(--color-red));
}
.markdown-editor > div > svg{
min-width: 1em!important;
}
.feed-select .toggle > div.active{
color: rgba(var(--color-blue))!important;
}
.home .details .status:first-letter,
.social .details .status:first-letter,
.activity-entry .details .status:first-letter{
text-transform: lowercase;
}
.activity-edit .markdown-editor,
.activity-edit .input{
margin-bottom: 10px!important;
}
.activity-edit .actions{
margin-bottom: 25px!important;
}
.page-content .container .home.full-width{
grid-template-columns: unset !important;
}
.activity-text .text {
border-left: solid 5px rgba(var(--color-blue));
}
.section-header{
padding-left:0px!important;
}
.cover[href="/anime/440/Shoujo-Kakumei-Utena/"] + .details{
border-color: #eb609e;
border-width: 4px;
border-style: solid;
border-left-width: 0px;
}
.sticky .avatar, .sticky .body-preview,
.sticky .categories, .sticky .name{
display: none!important;
}
.search > .filter,
.search > .preview{
margin-top: 20px;
}
.home .media-preview-card:nth-child(5n+3) .content{
border-radius: 3px 0 0 3px;
left: auto !important;
right: 100%;
text-align: right;
}
.home .media-preview-card:nth-child(5n+3) .content .info{
right: 12px;
}
.link:hover .hohSubMenu{
color: rgb(var(--color-text-bright));
}
.hohSubMenu{
position: absolute;
left: 64px;
top: 0px;
display: none;
background: #152232;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
padding: 2px 0px;
}
.hohSubMenuLink{
display: block;
margin-left: 3px;
padding: 4px;
font-size: 130%;
text-align: left;
color: rgb(160, 177, 197);
}
.hohSubMenuLink:visited{
color: rgb(160, 177, 197);
}
@media(max-width: 1540px){
.container{
max-width: 1200px;
}
}
.media .activity-feed .donator-badge{
transform: translate(-70px,-25px);
}
.media-page-unscoped .description{
color: rgb(var(--color-text));
}
.user .list.small .avatar{
display: none!important;
}
.el-slider[aria-valuemin="1950"] .el-slider__runway::after{
content: "";
width: 101%;
margin-left: -0.3%;
height: 20px;
display: block;
/*update stroke-dasharray every few years*/
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="200" height="20" viewBox="0 0 200 20"><g fill="rgb(61,180,242)" stroke="rgb(61,180,242)"><line stroke-width="27" x1="0" y1="20" x2="200" y2="20" stroke-dasharray="1 26.6"/><text font-size="8" x="141" y="19">00</text><text font-size="6" x="86" y="19">LAMU</text><text font-size="6" x="31" y="19">ATOM</text></g></svg>');
background-size: cover;
}
.user .el-slider[aria-valuemin="1950"] .el-slider__runway::after{
background-size: contain;
}
`;
if(useScripts.rightToLeft || useScripts.rightSideNavbar){
moreStyle.textContent += `
#app{
padding-right: 65px;
padding-left: 0px!important;
}
.page-content{
padding-left: 5px;
}
#app div#nav.nav{
left: inherit !important;
right: 0px;
}
#app div#nav.nav .links{
border-left: none;
border-right: 1px solid hsla(0,0%,93.3%,.16);
}
.subMenuContainer{
margin-left: -172px;
}
.subMenuContainer > .link{
margin-left: 86px;
}
.hohSubMenu{
left: 0px;
width: 86px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.hohColourPicker{
right: 70px;
}
#app .nav .user-wrap .dropdown{
left: unset;
right: 0px;
}
#app .nav .user-wrap .dropdown::before{
left: unset;
right: 16px;
}
.nav .browse-wrap .dropdown{
left: -200px;
}
.user .header-wrap{
margin-left: -5px;
}`
}
}
if(useScripts.CSSdecimalPoint){
moreStyle.textContent += `
.medialist.POINT_10_DECIMAL .score[score="10"]::after,
.medialist.POINT_10_DECIMAL .score[score="9"]::after,
.medialist.POINT_10_DECIMAL .score[score="8"]::after,
.medialist.POINT_10_DECIMAL .score[score="7"]::after,
.medialist.POINT_10_DECIMAL .score[score="6"]::after,
.medialist.POINT_10_DECIMAL .score[score="5"]::after,
.medialist.POINT_10_DECIMAL .score[score="4"]::after,
.medialist.POINT_10_DECIMAL .score[score="3"]::after,
.medialist.POINT_10_DECIMAL .score[score="2"]::after,
.medialist.POINT_10_DECIMAL .score[score="1"]::after{
margin-left: -4px;
content: ".0";
}
`
}
if(useScripts.CSSdarkDropdown){
moreStyle.textContent += `
.site-theme-dark .quick-search.el-select .el-input.el-input__inner,
.site-theme-dark .quick-search .el-select .el-input.is-focus .el-input__inner,
.site-theme-dark .el-select-dropdown,
.site-theme-dark .el-dropdown-menu,
.site-theme-dark .el-dropdown-menu__item--divided::before{
background: rgba(17, 22, 29);
}
.site-theme-dark .el-select-group__wrap:not(:last-of-type)::after{
background: rgba(17, 22, 29);
}
.site-theme-dark .el-popper[x-placement^="bottom"] .popper__arrow,
.site-theme-dark .el-popper[x-placement^="bottom"] .popper__arrow::after{
border-bottom-color: rgba(17, 22, 29);
opacity: 1;
}
.site-theme-dark .el-popper[x-placement^="top"] .popper__arrow,
.site-theme-dark .el-popper[x-placement^="top"] .popper__arrow::after{
border-top-color: rgba(17, 22, 29);
opacity: 1;
}
`
}
if(useScripts.CSSsmileyScore){
moreStyle.textContent += `
.fa-frown{
color: red;
}
.fa-smile{
color: green;
}
.fa-meh{
color: rgb(var(--color-orange));
}
`
}
if(useScripts.limitProgress8){
moreStyle.textContent += `
.home:not(.full-width) .media-preview-card:nth-child(n+9){
display:none!important;
}
`
}
else if(useScripts.limitProgress10){
moreStyle.textContent += `
.home:not(.full-width) .media-preview-card:nth-child(n+11){
display:none!important;
}
`
}
if(parseInt(useScripts.forumPreviewNumber) === 0){
moreStyle.textContent += `
.home .recent-threads{
display: none!important;
}
`
}
if(useScripts.CSSmobileExternalLinks){
moreStyle.textContent += `
@media(max-width: 760px){
.media .sidebar .external-links{
display: block;
}
}
`
}
if(useScripts.SFWmode){
moreStyle.textContent += `
.forum-thread .no-comments::after{
content: "No replies yet";
visibility: visible;
margin-left: -250px;
}
.forum-thread .no-comments{
visibility: hidden;
}
.list-preview .cover,
.favourites .cover{
background-image: none!important;
}
.logo{
display: none!important;
}
.user .banner,
.media .banner{
background-image: none!important;
height: 200px;
}
.review-card .banner{
display: none;
}
.home .review-card,.home .review-card .content{
min-height: 120px;
}
.donator-badge{
animation-name: none!important;
display: none;
}
.list-editor .header,
.review .banner{
background-image: none !important;
}
.list-editor .cover{
display: none;
}
.emoji-spinner{
display:none!important;
}
.avatar[style*=".gif"]{
background-image: none!important;
}
img[src*=".gif"],
video,
.youtube{
filter: contrast(0);
}
img[src*=".gif"]:hover,
video:hover,
.youtube:hover{
filter: contrast(1);
}
.activity-entry .cover{
filter: contrast(0.1) brightness(0.5);
}
.activity-entry .cover:hover{
filter: none;
}
.activity-markdown img{
max-width: 30%;
}
.recent-reviews + div{
display: none;
}
.favourite.studio::after{
background-image: none!important;
}
.hohDownload{
display: none;
}
.history-day.lv-1{
background: rgba(var(--color-green),.2)!important;
}
.history-day.lv-3{
background: rgba(var(--color-green),.5)!important;
}
.history-day.lv-5{
background: rgba(var(--color-green),.9)!important;
}
.history-day.lv-7{
background: rgba(var(--color-green))!important;
}
.history-day.lv-9{
background: rgba(var(--color-green))!important;
}
.percentage-bar{
display: none!important;
}
.medialist.compact .cover .image,
.medialist.table .cover .image{
opacity: 0;
}
.hohCencor .header img.cover,
.hohCencor .relations .cover,
.hohCencor .character .cover{
filter: contrast(0);
}
.hohCencor .header img.cover:hover,
.hohCencor .relations .cover:hover,
.hohCencor .character .cover:hover{
filter: contrast(1);
}
.categories > span{
position: relative;
}
.category[href="/forum/recent?category=1"],
.category[href="/forum/recent?category=1"]:hover{
color: rgb(78, 163, 230);
}
.category[href="/forum/recent?category=1"]:hover::after{
color: rgba(26,27,28,.6);
}
.category[href="/forum/recent?category=1"]::after{
content: "View";
color: #fff;
left: 20px;
position: absolute;
}
.category[href="/forum/recent?category=2"],
.category[href="/forum/recent?category=2"]:hover{
color: rgb(76, 175, 80);
}
.category[href="/forum/recent?category=2"]:hover::after{
color: rgba(26,27,28,.6);
}
.category[href="/forum/recent?category=2"]::after{
content: "Read";
color: #fff;
left: 20px;
position: absolute;
}
.avatar[style*="/default.png"]{
background-image: url("https://i.stack.imgur.com/TRuSD.png")!important;
}
`;
if(useScripts.CSSverticalNav){
moreStyle.textContent += `
#nav .link[href*="/animelist"]{
visibility: hidden;
}
#nav .link[href*="/animelist"]::after{
content: "View List";
visibility: visible;
left: 0;
right: 0;
position: absolute;
margin-left: auto;
margin-right: auto;
}
#nav .link[href*="/animelist"]::before{
visibility: visible;
}
#nav .link[href*="/mangalist"]{
visibility: hidden;
}
#nav .link[href*="/mangalist"]::after{
content: "Read List";
visibility: visible;
left: 0;
right: 0;
position: absolute;
margin-left: auto;
margin-right: auto;
}
#nav .link[href*="/mangalist"]::before{
visibility: visible;
}`
}
}
if(useScripts.cleanSocial){
moreStyle.textContent += `
.social .activity-feed + div{
display: flex;
flex-direction: column;
}
.social .activity-feed + div > div:first-child{
order: 2;
margin-top: 25px;
}`
}
if(useScripts.rightToLeft){
moreStyle.textContent += `
.favourites-wrap.anime,
.favourites-wrap.manga,
.favourites-wrap.staff,
.favourites-wrap.characters,
.favourites-wrap.studios{
direction: rtl;
}
.genre-overview .genres{
direction: rtl;
}
.genre-overview .percentage-bar{
direction: rtl;
}
.milestones{
direction: rtl;
}
.milestones + .progress{
transform: scale(-1);
}
.list-preview{
direction: rtl;
}
#hohListPreview .list-preview{
width: 100%;
}
.media-preview-card .hohFallback,
.media-preview-card .content{
direction: ltr;
}
.media-preview-card .content meter{
direction: rtl;
}
.banner-content{
direction: rtl;
}
.banner-content .actions{
margin-right: auto;
margin-left: inherit!important;
}
#hohListPreview .info-left .content {
border-radius: 3px 0 0 3px;
left: auto !important;
right: 100%;
text-align: right;
}
#app .home{
grid-template-columns: 470px auto !important;
}
.home > .activity-feed-wrap + div{
grid-row: 1;
}
.recent-reviews .review-wrap{
direction: rtl;
}
.recent-reviews .review-card{
direction: ltr;
}
.recent-reviews + div .media-preview{
direction: rtl;
}
#app > .progress{
transform: scale(-1);
}
.hohColourPicker{
margin-right: 20px;
}
.home .activity-feed-wrap .section-header{
direction: rtl;
}
.home .activity-feed-wrap .section-header .feed-select{
margin-right: auto;
margin-left: inherit;
}
.home .activity-feed-wrap .section-header .feed-select .el-dropdown{
direction: ltr;
margin-left: 20px;
}
.hohSubMenuLink{
text-align: right;
}
.quick-search .input{
direction: rtl;
}
.quick-search .results{
direction: rtl;
}
.quick-search .results .result{
direction: ltr;
}
.quick-search .results .result-col h3.title{
right: 0px;
}
.home .section-header{
text-align: right;
}
.home .list-previews .section-header{
direction: rtl;
}
.user .nav-wrap{
direction: rtl;
}
.user .medialist{
direction: rtl;
}
.medialist .filters .filter-group:first-child > span .count{
left: 0px;
right: inherit;
}
.medialist.table .entry .title a{
margin-left: auto;
margin-right: 10px;
direction: ltr;
}
.medialist .lists > .actions{
left: 0px;
right: inherit;
}
.list-editor-wrap .header .content{
direction: rtl;
}
`
}
};initCSS();
documentHead.appendChild(moreStyle);
let customStyle = create("style");
let currentUserCSS = "";
customStyle.id = "customCSS-automail-styles";
customStyle.type = "text/css";
documentHead.appendChild(customStyle);
let aliases = new Map();
(
JSON.parse(
localStorage.getItem("titleAliases")
) || []
).concat(
shortRomaji
).forEach(alias => {
let matches = alias[0].match(/^\/(anime|manga)\/(\d+)\/$/);
if(matches){
aliases.set(parseInt(matches[2]),alias[1])
}
});
//end "conditionalStyles.js"
//begin "utilities.js"
/*
create()
This is the main framework code of Automail.
It shortens the otherwise verbose procedure of creating a new HTML element and inserting it into the DOM.
Instead of:
let element = document.createElement("p");
element.innerText = "lorem ipsum";
element.classList.add("hohParagraph");
pageParentElement.append(element);
You would do:
create("p","hohParagraph","lorem ipsum");
All arguments except for the HTML tag are optional.
*/
function create(
HTMLtag,//<string>: The kind of DOM element to create
classes,//(optional) <string>: The css class to give the element OR [<strings>]: A list of multiple class names
//(the first string of the list could optionally start with a "#", in which case it will be an id instead)
text,//(optional) <string>: The innerText to give the element
appendLocation,//(optional) DOMnode: a node to immediately append the created element to
cssText//(optional) <string>: Inline CSS to appy to the element
){
let element = document.createElement(HTMLtag);
if(Array.isArray(classes)){
element.classList.add(...classes);
if(classes.includes("newTab")){
element.setAttribute("target","_blank")
}
}
else if(classes){
if(classes[0] === "#"){
element.id = classes.substring(1)
}
else{
element.classList.add(classes);
if(classes === "newTab"){
element.setAttribute("target","_blank")
}
}
};
if(text || text === 0){
element.innerText = text
};
if(appendLocation && appendLocation.appendChild){
appendLocation.appendChild(element)
};
if(cssText){
element.style.cssText = cssText
};
return element
}
function safeURL(URL){
/*
NOTE: DO NOT USE THIS FOR ANYTHING 'UNSAFE'!
This is a cosmetic utility, not a security feature
consider using "purify.js" if you have to deal with naughty user input, or better, please stop what you are doing
*/
let compo = encodeURIComponent((URL || "")
.replace(/\s|\/|:|★|☆/g,"-")
.replace(/\((\d+)\)/g,(string,year) => year)
.replace(/(\.|\)|\\|\?|#|!|,|%|’)/g,"")
.replace(/ä/g,"a")
.replace(/×/g,"x")
);
if(useScripts.SFWmode){
if(badWords.some(
word => compo.includes(word)
)){
return ""
}
}
return compo
}
function fuzzyDateCompare(first,second){//returns an INDEX, not to be used for sorting. That is, "-1" means they are equal.
if(!first.year || !second.year){
return -1
}
if(first.year > second.year){
return 0
}
else if(first.year < second.year){
return 1
}
if(!first.month || !second.month){
return -1
}
if(first.month > second.month){
return 0
}
else if(first.month < second.month){
return 1
}
if(!first.day || !second.day){
return -1
}
if(first.day > second.day){
return 0
}
else if(first.day < second.day){
return 1
}
return -1
}
function formatTime(diff,type){
let magRound = function(num){
if(num < 1){
return Math.round(num);
}
else{
if(
Math.log(Math.ceil(num)) < 2*Math.log(num) - Math.log(Math.floor(num))
){
return Math.ceil(num)
}
else{
return Math.floor(num)
}
}
};
let times = [
{name: "year",short: "y",value: 60*60*24*365},
{name: "month",short: "m",value: 60*60*24*30},
{name: "week",short: "w",value: 60*60*24*7},
{name: "day",short: "d",value: 60*60*24},
{name: "hour",short: "h",value: 60*60},
{name: "minute",short: "m",value: 60},
{name: "second",short: "s",value: 1}
];
let timeIndex = 0;
let significantValue = 0;
let reminder = 0;
do{
significantValue = diff/times[timeIndex].value;
reminder = (diff - Math.floor(significantValue) * times[timeIndex].value)/times[timeIndex + 1].value;
timeIndex++;
}while(!Math.floor(significantValue) && timeIndex < (times.length - 1));
timeIndex--;
if(!Math.floor(significantValue)){
if(type === "short"){
return magRound(diff) + "s"
};
if(magRound(diff) === 1){
return magRound(diff) + " second"
};
return magRound(diff) + " seconds";
}
if(Math.floor(significantValue) > 1){
if(type === "short"){
return magRound(significantValue) + times[timeIndex].short
};
return magRound(significantValue) + " " + times[timeIndex].name + "s";
}
if(magRound(reminder) > 1){
if(type === "short"){
return "1" + times[timeIndex].short + " " + magRound(reminder) + times[timeIndex + 1].short
}
return "1 " + times[timeIndex].name + " " + magRound(reminder) + " " + times[timeIndex + 1].name + "s";
}
if(magRound(reminder) === 1){
if(type === "short"){
return "1" + times[timeIndex].short + " 1" + times[timeIndex + 1].short
}
return "1 " + times[timeIndex].name + " 1 " + times[timeIndex + 1].name;
}
if(type === "short"){
return "1" + times[timeIndex].short
}
return "1 " + times[timeIndex].name;
}
function nativeTimeElement(timestamp){
let dateObj = new Date(timestamp*1000);
let elem = create("time");
elem.setAttribute("datetime",dateObj);
elem.title = dateObj.toLocaleDateString() + ", " + dateObj.toLocaleTimeString();
let calculateTime = function(){
let now = new Date();
let diff = Math.round(now.valueOf()/1000) - Math.round(dateObj.valueOf()/1000);
if(diff === 0){
elem.innerText = "Just now"
}
if(diff === 1){
elem.innerText = "1 second ago"
}
else if(diff < 60){
elem.innerText = diff + " seconds ago"
}
else{
diff = Math.floor(diff/60);
if(diff === 1){
elem.innerText = "1 minute ago"
}
else if(diff < 60){
elem.innerText = diff + " minutes ago"
}
else{
diff = Math.floor(diff/60);
if(diff === 1){
elem.innerText = "1 hour ago"
}
else if(diff < 24){
elem.innerText = diff + " hours ago"
}
else{
diff = Math.floor(diff/24);
if(diff === 1){
elem.innerText = "1 day ago"
}
else if(diff < 7){
elem.innerText = diff + " days ago"
}
else if(diff < 14){
elem.innerText = "1 week ago"
}
else if(diff < 30){
elem.innerText = Math.floor(diff/7) + " weeks ago"
}
else if(diff < 365){
if(Math.floor(diff/30) === 1){
elem.innerText = "1 month ago";
}
else{
elem.innerText = Math.floor(diff/30) + " months ago"
}
}
else{
diff = Math.floor(diff/365);
if(diff === 1){
elem.innerText = "1 year ago";
}
else{
elem.innerText = diff + " years ago"
}
}
}
}
};
setTimeout(function(){
if(!document.body.contains(elem)){
return
}
calculateTime()
},60*1000)
};calculateTime();
return elem
}
let wilson = function(positiveScore,total){
if(total === 0){
return {
left: 0,
right: 0
}
}
// phat is the proportion of successes
// in a Bernoulli trial process
let phat = positiveScore / total;
// z is 1-alpha/2 percentile of a standard
// normal distribution for error alpha=5%
const z = 1.959963984540;
// implement the algorithm https://en.wikipedia.org/wiki/Binomial_proportion_confidence_interval#Wilson_score_interval
let a = phat + z * z / (2 * total);
let b = z * Math.sqrt((phat * (1 - phat) + z * z / (4 * total)) / total);
let c = 1 + z * z / total;
return {
left: (a - b) / c,
right: Math.min(1,(a + b) / c)
}
};
//polyfill
if(!String.prototype.includes){//https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/includes
String.prototype.includes = function(search,start){
'use strict';
if(search instanceof RegExp){
throw TypeError('first argument must not be a RegExp');
}
if(start === undefined){
start = 0
}
return this.indexOf(search,start) !== -1;
}
}
//consider getting rid of this one
Number.prototype.roundPlaces = function(places){
return +(
Math.round(
this * Math.pow(10,places)
) / Math.pow(10,places)
)
}
function capitalize(string){
return (string + "").charAt(0).toUpperCase() + (string + "").slice(1)
}
function csvEscape(string){
return "\"" + (string || "").replace(/"/g,"\"\"") + "\""
}
function entityUnescape(string){
return string.replace(/&/g,"&")
.replace(/</g,"<")
.replace(/>/g,">")
.replace(/"/g,"\"")
.replace(/'/g,"'")
.replace(/<br\s?\/?>\n?/g,"\n")
.replace(/ /g," ")//not a nbsp, but close enough in most cases. Better than the raw entity at least
}
//https://stackoverflow.com/a/7616484/5697837
function hashCode(string){//non-cryptographic hash
var hash = 0, i, chr;
if(string.length === 0){
return hash
}
for(i = 0; i < string.length; i++) {
chr = string.charCodeAt(i);
hash = ((hash << 5) - hash) + chr;
hash |= 0; // Convert to 32bit integer
}
return hash
}
//piracy links begone
setInterval(function(){
document.querySelectorAll(`a[rel="noopener noreferrer"]`).forEach(link => {
if(!link){
return
}
let linker = (new URL(link.href)).host;
if(linker && linker.split(".").length >= 2){
linker = linker.split(".")[linker.split(".").length - 2];
if(
[556415734,1724824539,-779421562,-1111399772,-93654449,1120312799,-781704176,-1550515495,3396395,567115318,-307082983,1954992241,-307211474,-307390044,1222804306,-795095039,-1014860289,403785740,547002932,128627683]
.includes(hashCode(linker))
){
link.href = "https://anilist.co/forum/thread/14";
link.innerText = "THIS BE BAD LINK, IT'S NOW VEWY DISPOSED OF OwO (click the report button to call the mods on this naughty user)"
}
}
})
document.querySelectorAll(".sense-wrap").forEach(link => {
link.style.display = "none"
})
},2000);
const svgns = "http://www.w3.org/2000/svg";
const svgShape = function(shape,target,attributes,children,content){
shape = shape || "g";
let obj = document.createElementNS(svgns,shape);
Object.keys(attributes || {}).forEach(key => {
obj.setAttributeNS(null,key,attributes[key])
});
if(content){
obj.appendChild(document.createTextNode(content))
}
if(target){
target.appendChild(obj)
}
(children || []).forEach(
child => {
if(child.element){
svgShape(child.element,obj,child.attributes,child.children,child.content)
}
else{
obj.appendChild(child)
}
}
)
return obj
}
const VALUE = ((a,b) => a - b);//Used for sorting functions
const VALUE_DESC = ((b,a) => a - b);
const TRUTHY = (a => a);//filtering
const ACCUMULATE = (a,b) => (a || 0) + (b || 0);
const ALPHABETICAL = function(valueFunction){
if(valueFunction){
return (a,b) => ("" + valueFunction(a)).localeCompare("" + valueFunction(b))
}
return (a,b) => ("" + a).localeCompare("" + b)
}
const NOW = () => (new Date()).valueOf();
const Stats = {
average: function(list){
return list.reduce((a,b) => (a || 0) + (b || 0))/list.length
},
median: function(list){
let temp = [...list].sort((a,b) => a - b);
return (
temp[Math.floor((temp.length - 1)/2)]
+ temp[Math.ceil((temp.length - 1)/2)]
)/2;
},
mode: function(list){
return [...list].sort(
(b,a) => list.filter(
e => e === a
).length - list.filter(
e => e === b
).length
)[0];
}
}
const evalBackslash = function(text){
let output = "";
let special = false;
Array.from(text).forEach(char => {
if(char === "\\"){
if(special){
output += "\\"
}
special = !special;
}
else{
output += char;
}
});
return output
}
//this function is for removing duplicates in a sorted list.
//the twist is that it also provides a way to merge the duplicates with a custom function
const removeGroupedDuplicates = function(
list,
uniquenessFunction,
modificationFunction
){//both functions optional
if(!uniquenessFunction){
uniquenessFunction = e => e
};
list = list.sort(
(a,b) => uniquenessFunction(a) - uniquenessFunction(b)
);
let returnList = [];
list.forEach((element,index) => {
if(index === list.length - 1){
returnList.push(element);
return;
}
if(uniquenessFunction(element) === uniquenessFunction(list[index + 1])){
if(modificationFunction){
modificationFunction(element,list[index + 1])
}
}
else{
returnList.push(element)
}
});
return returnList
};
//for the school/workplace methods
let badWords = ["hentai","loli","nsfw","ecchi","sex","gore","porn","violence","lewd","fuck","waifu","nigger",];//woooo so bad.
const badTags = ["gore","nudity","ahegao","irrumatio","sex toys","ashikoki","defloration","paizuri","tekoki","nakadashi","large breasts","facial","futanari","public sex","flat chest","voyeur","fellatio","incest","threesome","anal sex","bondage","cunnilingus","harem","masturbation","slavery","gyaru","rape"];
badWords = badWords.concat(badTags);
function createCheckbox(target,id,checked){//target[,id]
let hohCheckbox = create("label",["hohCheckbox","el-checkbox__input"],false,target);
let checkbox = create("input",false,false,hohCheckbox);
if(id){
checkbox.id = id
}
checkbox.type = "checkbox";
checkbox.checked = !!checked;
create("span","el-checkbox__inner",false,hohCheckbox);
return checkbox
}
function createDisplayBox(cssProperties,windowTitle){
let displayBox = create("div","hohDisplayBox",false,document.querySelector("#app"),cssProperties);
if(windowTitle){
create("span","hohDisplayBoxTitle",windowTitle,displayBox)
}
let mousePosition;
let offset = [0,0];
let isDown = false;
let isDownResize = false;
let displayBoxClose = create("span","hohDisplayBoxClose",svgAssets.cross,displayBox);
displayBoxClose.onclick = function(){
displayBox.remove();
};
let resizePearl = create("span","hohResizePearl",false,displayBox);
displayBox.addEventListener("mousedown",function(e){
isDown = true;
offset = [
displayBox.offsetLeft - e.clientX,
displayBox.offsetTop - e.clientY
];
},true);
resizePearl.addEventListener("mousedown",function(e){
event.stopPropagation();
event.preventDefault();
isDownResize = true;
offset = [
displayBox.offsetLeft,
displayBox.offsetTop
];
},true);
document.addEventListener("mouseup",function(){
isDown = false;
isDownResize = false;
},true);
document.addEventListener("mousemove",function(event){
event.preventDefault();
if(isDownResize){
mousePosition = {
x : event.clientX,
y : event.clientY
};
displayBox.style.width = (mousePosition.x - offset[0] + 5) + "px";
displayBox.style.height = (mousePosition.y - offset[1] + 5) + "px";
return;
}
if(isDown){
mousePosition = {
x : event.clientX,
y : event.clientY
};
displayBox.style.left = (mousePosition.x + offset[0]) + "px";
displayBox.style.top = (mousePosition.y + offset[1]) + "px";
}
},true);
let innerSpace = create("div","scrollableContent",false,displayBox);
return innerSpace;
}
function removeChildren(node){
if(node){
while(node.childElementCount){
node.lastChild.remove()
}
}
}
const svgAssets = {
envelope : "✉",
cross : "✕",
like : "♥"
};
const svgAssets2 = {};
[
{
"name": "likeNative",
"shape": {
"element": "svg",
"attributes": {
"aria-hidden": "true",
"data-prefix": "fas",
"data-icon": "heart",
"role": "img",
"xmls": "http://www.w3.org/2000/svg",
"viewBox": "0 0 512 512",
"class": "svg-inline--fa fa-heart fa-w-16 fa-sm"
},
"children": [
{
"element": "path",
"attributes": {
"fill": "currentColor",
"d": "M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z"
}
}
]
}
},
{
"name": "reply",
"shape": {
"element": "svg",
"attributes": {
"aria-hidden": "true",
"data-prefix": "fas",
"data-icon": "comments",
"role": "img",
"xmls": "http://www.w3.org/2000/svg",
"viewBox": "0 0 576 512",
"class": "svg-inline--fa fa-comments fa-w-18 fa-sm"
},
"children": [
{
"element": "path",
"attributes": {
"fill": "currentColor",
"d": "M416 192c0-88.4-93.1-160-208-160S0 103.6 0 192c0 34.3 14.1 65.9 38 92-13.4 30.2-35.5 54.2-35.8 54.5-2.2 2.3-2.8 5.7-1.5 8.7S4.8 352 8 352c36.6 0 66.9-12.3 88.7-25 32.2 15.7 70.3 25 111.3 25 114.9 0 208-71.6 208-160zm122 220c23.9-26 38-57.7 38-92 0-66.9-53.5-124.2-129.3-148.1.9 6.6 1.3 13.3 1.3 20.1 0 105.9-107.7 192-240 192-10.8 0-21.3-.8-31.7-1.9C207.8 439.6 281.8 480 368 480c41 0 79.1-9.2 111.3-25 21.8 12.7 52.1 25 88.7 25 3.2 0 6.1-1.9 7.3-4.8 1.3-2.9.7-6.3-1.5-8.7-.3-.3-22.4-24.2-35.8-54.5z"
}
}
]
}
},
{
"name": "angleDown",
"shape": {
"element": "svg",
"attributes": {
"aria-hidden": "true",
"data-prefix": "fas",
"data-icon": "angle-down",
"role": "img",
"xmls": "http://www.w3.org/2000/svg",
"viewBox": "0 0 310 512",
"class": "svg-inline--fa fa-angle-down fa-w-10"
},
"children": [
{
"element": "path",
"attributes": {
"fill": "currentColor",
"d": "M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"
}
}
]
}
},
{
"name": "smile",
"shape": {
"element": "svg",
"attributes": {
"aria-hidden": "true",
"data-prefix": "fas",
"data-icon": "smile",
"role": "img",
"xmls": "http://www.w3.org/2000/svg",
"viewBox": "0 0 496 512",
"class": "svg-inline--fa fa-smile fa-w-16 fa-lg"
},
"children": [
{
"element": "path",
"attributes": {
"fill": "currentColor",
"d": "M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm0 448c-110.3 0-200-89.7-200-200S137.7 56 248 56s200 89.7 200 200-89.7 200-200 200zm84-143.4c-20.8 25-51.5 39.4-84 39.4s-63.2-14.3-84-39.4c-8.5-10.2-23.6-11.5-33.8-3.1-10.2 8.5-11.5 23.6-3.1 33.8 30 36 74.1 56.6 120.9 56.6s90.9-20.6 120.9-56.6c8.5-10.2 7.1-25.3-3.1-33.8-10.2-8.4-25.3-7.1-33.8 3.1zM168 240c17.7 0 32-14.3 32-32s-14.3-32-32-32-32 14.3-32 32 14.3 32 32 32zm160 0c17.7 0 32-14.3 32-32s-14.3-32-32-32-32 14.3-32 32 14.3 32 32 32z"
}
}
]
}
},
{
"name": "meh",
"shape": {
"element": "svg",
"attributes": {
"aria-hidden": "true",
"data-prefix": "fas",
"data-icon": "meh",
"role": "img",
"xmls": "http://www.w3.org/2000/svg",
"viewBox": "0 0 496 512",
"class": "svg-inline--fa fa-meh fa-w-16 fa-lg"
},
"children": [
{
"element": "path",
"attributes": {
"fill": "currentColor",
"d": "M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm0 448c-110.3 0-200-89.7-200-200S137.7 56 248 56s200 89.7 200 200-89.7 200-200 200zm-80-216c17.7 0 32-14.3 32-32s-14.3-32-32-32-32 14.3-32 32 14.3 32 32 32zm160-64c-17.7 0-32 14.3-32 32s14.3 32 32 32 32-14.3 32-32-14.3-32-32-32zm8 144H160c-13.2 0-24 10.8-24 24s10.8 24 24 24h176c13.2 0 24-10.8 24-24s-10.8-24-24-24z"
}
}
]
}
},
{
"name": "frown",
"shape": {
"element": "svg",
"attributes": {
"aria-hidden": "true",
"data-prefix": "fas",
"data-icon": "frown",
"role": "img",
"xmls": "http://www.w3.org/2000/svg",
"viewBox": "0 0 496 512",
"class": "svg-inline--fa fa-frown fa-w-16 fa-lg"
},
"children": [
{
"element": "path",
"attributes": {
"fill": "currentColor",
"d": "M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm0 448c-110.3 0-200-89.7-200-200S137.7 56 248 56s200 89.7 200 200-89.7 200-200 200zm-80-216c17.7 0 32-14.3 32-32s-14.3-32-32-32-32 14.3-32 32 14.3 32 32 32zm160-64c-17.7 0-32 14.3-32 32s14.3 32 32 32 32-14.3 32-32-14.3-32-32-32zm-80 128c-40.2 0-78 17.7-103.8 48.6-8.5 10.2-7.1 25.3 3.1 33.8 10.2 8.5 25.3 7.1 33.8-3.1 16.6-19.9 41-31.4 66.9-31.4s50.3 11.4 66.9 31.4c4.8 5.7 11.6 8.6 18.5 8.6 5.4 0 10.9-1.8 15.4-5.6 10.2-8.5 11.5-23.6 3.1-33.8C326 321.7 288.2 304 248 304z"
}
}
]
}
},
{
"name": "star",
"shape": {
"element": "svg",
"attributes": {
"aria-hidden": "true",
"data-prefix": "fas",
"data-icon": "star",
"role": "img",
"xmls": "http://www.w3.org/2000/svg",
"viewBox": "0 0 576 512",
"class": "icon svg-inline--fa fa-star fa-w-18"
},
"children": [
{
"element": "path",
"attributes": {
"fill": "currentColor",
"d": "M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
}
}
]
}
},
{
"name": "notes",
"shape": {
"element": "svg",
"attributes": {
"aria-hidden": "true",
"data-prefix": "fas",
"data-icon": "notes",
"role": "img",
"xmls": "http://www.w3.org/2000/svg",
"viewBox": "0 0 512 512",
"class": "svg-inline--fa fa-redo-alt fa-w-16"
},
"children": [
{
"element": "path",
"attributes": {
"fill": "currentColor",
"d": "M256 32C114.6 32 0 125.1 0 240c0 49.6 21.4 95 57 130.7C44.5 421.1 2.7 466 2.2 466.5c-2.2 2.3-2.8 5.7-1.5 8.7S4.8 480 8 480c66.3 0 116-31.8 140.6-51.4 32.7 12.3 69 19.4 107.4 19.4 141.4 0 256-93.1 256-208S397.4 32 256 32z"
}
}
]
}
},
{
"name": "notesTags",
"shape": {
"element": "svg",
"attributes": {
"aria-hidden": "true",
"data-prefix": "fas",
"data-icon": "notesTags",
"role": "img",
"xmls": "http://www.w3.org/2000/svg",
"viewBox": "0 0 512 512",
"class": "svg-inline--fa fa-redo-alt fa-w-16"
},
"children": [
{
"element": "path",
"attributes": {
"fill": "currentColor",
"d": "M256 32C114.6 32 0 125.1 0 240c0 49.6 21.4 95 57 130.7C44.5 421.1 2.7 466 2.2 466.5c-2.2 2.3-2.8 5.7-1.5 8.7S4.8 480 8 480c66.3 0 116-31.8 140.6-51.4 32.7 12.3 69 19.4 107.4 19.4 141.4 0 256-93.1 256-208S397.4 32 256 32z"
}
},
{
"element": "text",
"content": "#",
"attributes": {
"fill": "grey",
"x": 110,
"y": 395,
"font-size": 400
}
}
]
}
},
{
"name": "repeat",
"shape": {
"element": "svg",
"attributes": {
"aria-hidden": "true",
"data-prefix": "fas",
"data-icon": "redo-alt",
"role": "img",
"xmls": "http://www.w3.org/2000/svg",
"viewBox": "0 0 512 512",
"class": "svg-inline--fa fa-redo-alt fa-w-16 repeat"
},
"children": [
{
"element": "path",
"attributes": {
"fill": "currentColor",
"d": "M256.455 8c66.269.119 126.437 26.233 170.859 68.685l35.715-35.715C478.149 25.851 504 36.559 504 57.941V192c0 13.255-10.745 24-24 24H345.941c-21.382 0-32.09-25.851-16.971-40.971l41.75-41.75c-30.864-28.899-70.801-44.907-113.23-45.273-92.398-.798-170.283 73.977-169.484 169.442C88.764 348.009 162.184 424 256 424c41.127 0 79.997-14.678 110.629-41.556 4.743-4.161 11.906-3.908 16.368.553l39.662 39.662c4.872 4.872 4.631 12.815-.482 17.433C378.202 479.813 319.926 504 256 504 119.034 504 8.001 392.967 8 256.002 7.999 119.193 119.646 7.755 256.455 8z"
}
}
]
}
},
{
"name": "listView",
"shape": {
"element": "svg",
"attributes": {
"aria-hidden": "true",
"data-prefix": "fas",
"data-icon": "th-large",
"role": "img",
"xmls": "http://www.w3.org/2000/svg",
"viewBox": "0 0 512 512",
"class": "icon svg-inline--fa fa-th-large fa-w-16"
},
"children": [
{
"element": "g",
"attributes": {
"fill": "currentColor"
},
"children": [
{
"element": "circle",
"attributes": {
"cx": 48,
"cy": 96,
"r": 48
}
},
{
"element": "circle",
"attributes": {
"cx": 48,
"cy": 256,
"r": 48
}
},
{
"element": "circle",
"attributes": {
"cx": 48,
"cy": 416,
"r": 48
}
},
{
"element": "rect",
"attributes": {
"x": 128,
"y": 60,
"width": 384,
"height": 72,
"rx": 16
}
},
{
"element": "rect",
"attributes": {
"x": 128,
"y": 220,
"width": 384,
"height": 72,
"rx": 16
}
},
{
"element": "rect",
"attributes": {
"x": 128,
"y": 380,
"width": 384,
"height": 72,
"rx": 16
}
}
]
}
]
}
},
{
"name": "simpleListView",
"shape": {
"element": "svg",
"attributes": {
"aria-hidden": "true",
"data-prefix": "fas",
"data-icon": "th-large",
"role": "img",
"xmls": "http://www.w3.org/2000/svg",
"viewBox": "0 0 512 512",
"class": "icon svg-inline--fa fa-th-large fa-w-16"
},
"children": [
{
"element": "g",
"attributes": {
"fill": "currentColor"
},
"children": [
{
"element": "rect",
"attributes": {
"x": 0,
"y": 60,
"width": 384,
"height": 72,
"rx": 16
}
},
{
"element": "rect",
"attributes": {
"x": 0,
"y": 220,
"width": 384,
"height": 72,
"rx": 16
}
},
{
"element": "rect",
"attributes": {
"x": 0,
"y": 380,
"width": 384,
"height": 72,
"rx": 16
}
}
]
}
]
}
},
{
"name": "bigListView",
"shape": {
"element": "svg",
"attributes": {
"aria-hidden": "true",
"data-prefix": "fas",
"data-icon": "th-large",
"role": "img",
"xmls": "http://www.w3.org/2000/svg",
"viewBox": "0 0 512 512",
"class": "icon svg-inline--fa fa-th-large fa-w-16"
},
"children": [
{
"element": "g",
"attributes": {
"fill": "currentColor"
},
"children": [
{
"element": "rect",
"attributes": {
"x": 0,
"y": 32,
"width": 149,
"height": 128,
"rx": 24
}
},
{
"element": "rect",
"attributes": {
"x": 0,
"y": 192,
"width": 149,
"height": 128,
"rx": 24
}
},
{
"element": "rect",
"attributes": {
"x": 0,
"y": 352,
"width": 149,
"height": 128,
"rx": 24
}
},
{
"element": "rect",
"attributes": {
"x": 181,
"y": 32,
"width": 331,
"height": 128,
"rx": 24
}
},
{
"element": "rect",
"attributes": {
"x": 181,
"y": 192,
"width": 331,
"height": 128,
"rx": 24
}
},
{
"element": "rect",
"attributes": {
"x": 181,
"y": 352,
"width": 331,
"height": 128,
"rx": 24
}
}
]
}
]
}
},
{
"name": "compactView",
"shape": {
"element": "svg",
"attributes": {
"aria-hidden": "true",
"data-prefix": "fas",
"data-icon": "th-large",
"role": "img",
"xmls": "http://www.w3.org/2000/svg",
"viewBox": "0 0 512 512",
"class": "icon svg-inline--fa fa-th-large fa-w-16"
},
"children": [
{
"element": "g",
"attributes": {
"fill": "currentColor"
},
"children": [
{
"element": "rect",
"attributes": {
"x": 0,
"y": 32,
"width": 155,
"height": 208,
"rx": 24
}
},
{
"element": "rect",
"attributes": {
"x": 0,
"y": 272,
"width": 155,
"height": 208,
"rx": 24
}
},
{
"element": "rect",
"attributes": {
"x": 178,
"y": 32,
"width": 155,
"height": 208,
"rx": 24
}
},
{
"element": "rect",
"attributes": {
"x": 178,
"y": 272,
"width": 155,
"height": 208,
"rx": 24
}
},
{
"element": "rect",
"attributes": {
"x": 356,
"y": 32,
"width": 155,
"height": 208,
"rx": 24
}
},
{
"element": "rect",
"attributes": {
"x": 356,
"y": 272,
"width": 155,
"height": 208,
"rx": 24
}
}
]
}
]
}
},
{
"name": "cardView",
"shape": {
"element": "svg",
"attributes": {
"aria-hidden": "true",
"data-prefix": "fas",
"data-icon": "th-large",
"role": "img",
"xmls": "http://www.w3.org/2000/svg",
"viewBox": "0 0 512 512",
"class": "icon svg-inline--fa fa-th-large fa-w-16"
},
"children": [
{
"element": "g",
"attributes": {
"fill": "currentColor"
},
"children": [
{
"element": "rect",
"attributes": {
"x": 0,
"y": 32,
"width": 240,
"height": 208,
"rx": 24
}
},
{
"element": "rect",
"attributes": {
"x": 0,
"y": 272,
"width": 240,
"height": 208,
"rx": 24
}
},
{
"element": "rect",
"attributes": {
"x": 272,
"y": 32,
"width": 240,
"height": 208,
"rx": 24
}
},
{
"element": "rect",
"attributes": {
"x": 272,
"y": 272,
"width": 240,
"height": 208,
"rx": 24
}
}
]
}
]
}
},
{
"name": "link",
"shape": {
"element": "svg",
"attributes": {
"aria-hidden": "true",
"data-prefix": "fas",
"data-icon": "link",
"role": "img",
"xmls": "http://www.w3.org/2000/svg",
"viewBox": "0 0 512 512",
"class": "svg-inline--fa fa-link fa-w-16 fa-sm"
},
"children": [
{
"element": "path",
"attributes": {
"fill": "currentColor",
"d": "M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"
}
}
]
}
},
{
"name": "eye",
"shape": {
"element": "svg",
"attributes": {
"aria-hidden": "true",
"focusable": "false",
"data-prefix": "fas",
"data-icon": "eye",
"role": "img",
"xmls": "http://www.w3.org/2000/svg",
"viewBox": "0 0 576 512",
"class": "svg-inline--fa fa-eye fa-w-18 fa-sm"
},
"children": [
{
"element": "path",
"attributes": {
"fill": "currentColor",
"d": "M572.52 241.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400a144 144 0 1 1 144-144 143.93 143.93 0 0 1-144 144zm0-240a95.31 95.31 0 0 0-25.31 3.79 47.85 47.85 0 0 1-66.9 66.9A95.78 95.78 0 1 0 288 160z"
}
}
]
}
},
{
"name": "thumbsUp",
"shape": {
"element": "svg",
"attributes": {
"focusable": "false",
"data-prefix": "fas",
"data-icon": "thumbs-up",
"role": "img",
"xmls": "http://www.w3.org/2000/svg",
"viewBox": "0 0 512 512",
"class": "svg-inline--fa fa-thumbs-up fa-w-16"
},
"children": [
{
"element": "path",
"attributes": {
"fill": "currentColor",
"d": "M104 224H24c-13.255 0-24 10.745-24 24v240c0 13.255 10.745 24 24 24h80c13.255 0 24-10.745 24-24V248c0-13.255-10.745-24-24-24zM64 472c-13.255 0-24-10.745-24-24s10.745-24 24-24 24 10.745 24 24-10.745 24-24 24zM384 81.452c0 42.416-25.97 66.208-33.277 94.548h101.723c33.397 0 59.397 27.746 59.553 58.098.084 17.938-7.546 37.249-19.439 49.197l-.11.11c9.836 23.337 8.237 56.037-9.308 79.469 8.681 25.895-.069 57.704-16.382 74.757 4.298 17.598 2.244 32.575-6.148 44.632C440.202 511.587 389.616 512 346.839 512l-2.845-.001c-48.287-.017-87.806-17.598-119.56-31.725-15.957-7.099-36.821-15.887-52.651-16.178-6.54-.12-11.783-5.457-11.783-11.998v-213.77c0-3.2 1.282-6.271 3.558-8.521 39.614-39.144 56.648-80.587 89.117-113.111 14.804-14.832 20.188-37.236 25.393-58.902C282.515 39.293 291.817 0 312 0c24 0 72 8 72 81.452z"
}
}
]
}
},
{
"name": "thumbsDown",
"shape": {
"element": "svg",
"attributes": {
"focusable": "false",
"data-prefix": "fas",
"data-icon": "thumbs-down",
"role": "img",
"xmls": "http://www.w3.org/2000/svg",
"viewBox": "0 0 512 512",
"class": "svg-inline--fa fa-thumbs-down fa-w-16"
},
"children": [
{
"element": "path",
"attributes": {
"fill": "currentColor",
"d": "M0 56v240c0 13.255 10.745 24 24 24h80c13.255 0 24-10.745 24-24V56c0-13.255-10.745-24-24-24H24C10.745 32 0 42.745 0 56zm40 200c0-13.255 10.745-24 24-24s24 10.745 24 24-10.745 24-24 24-24-10.745-24-24zm272 256c-20.183 0-29.485-39.293-33.931-57.795-5.206-21.666-10.589-44.07-25.393-58.902-32.469-32.524-49.503-73.967-89.117-113.111a11.98 11.98 0 0 1-3.558-8.521V59.901c0-6.541 5.243-11.878 11.783-11.998 15.831-.29 36.694-9.079 52.651-16.178C256.189 17.598 295.709.017 343.995 0h2.844c42.777 0 93.363.413 113.774 29.737 8.392 12.057 10.446 27.034 6.148 44.632 16.312 17.053 25.063 48.863 16.382 74.757 17.544 23.432 19.143 56.132 9.308 79.469l.11.11c11.893 11.949 19.523 31.259 19.439 49.197-.156 30.352-26.157 58.098-59.553 58.098H350.723C358.03 364.34 384 388.132 384 430.548 384 504 336 512 312 512z"
}
}
]
}
}
]
.forEach(inlineSVG => {
svgAssets2[inlineSVG.name] = svgShape(inlineSVG.shape.element,false,inlineSVG.shape.attributes,inlineSVG.shape.children,inlineSVG.shape.content)
})
const distributionColours = {
"COMPLETED" : "rgb(104, 214, 57)",
"CURRENT" : "rgb( 2, 169, 255)",
"PAUSED" : "rgb(247, 121, 164)",
"DROPPED" : "rgb(232, 93, 117)",
"PLANNING" : "rgb(247, 154, 99)",
"REPEATING" : "violet"
};
const distributionFormats = {
"TV" : "TV",
"TV_SHORT" : "TV Short",
"MOVIE" : "Movie",
"SPECIAL" : "Special",
"OVA" : "OVA",
"ONA" : "ONA",
"MUSIC" : "Music",
"MANGA" : "Manga",
"NOVEL" : "Light Novel",
"ONE_SHOT" : "One Shot"
};
const distributionStatus = {
"FINISHED" : "Finished",
"RELEASING" : "Releasing",
"NOT_YET_RELEASED" : "Not Yet Released",
"CANCELLED" : "Cancelled",
"HIATUS" : "Hiatus"
};
const categoryColours = new Map([
[1,"rgb(0, 170, 255)"],
[2,"rgb(76, 175, 80)"],
[3,"rgb(75, 179, 185)"],
[4,"rgb(75, 179, 185)"],
[5,"rgb(103, 58, 183)"],
[7,"rgb(78, 163, 230)"],
[8,"rgb(0, 150, 136)"],
[9,"rgb(96, 125, 139)"],
[10,"rgb(36, 36, 169)"],
[11,"rgb(251, 71, 30)"],
[12,"rgb(239, 48, 81)"],
[13,"rgb(233, 30, 99)"],
[15,"rgb(184, 90, 199)"],
[16,"rgb(255, 152, 0)"],
[17,"rgb(121, 85, 72)"],
[18,"rgb(43, 76, 105)"]
]);
if(useScripts.mangaBrowse){
let navLinks = document.querySelector(`#nav .links .link[href="/search/anime"]`);
if(navLinks){
navLinks.href = "/search/manga";
/*must remove the existing evenlistener for clicks.
the reason for this is that it fires before the link, making the href useless
this unfortunately turns it into a regular link, which reloads the page, so it's slower than the default behaviour.
but since user interactions is even slower, this still saves time for those who only are interested in manga
*/
let mangaBrowseLink = navLinks.cloneNode(true);//copying and pasting the node should remove all event references to it
navLinks.parentNode.replaceChild(mangaBrowseLink,navLinks);
}
};
if(useScripts.colourPicker && (!useScripts.mobileFriendly)){
let colourStyle = create("style");
colourStyle.id = "colour-picker-styles";
colourStyle.type = "text/css";
documentHead.appendChild(colourStyle);
const basicStyles = `
.footer .links{
margin-left: calc(0px + 1%);
transform: translate(0px,10px);
}
.hohColourPicker .hohCheckbox{
margin-left: 10px;
}
`;
if(Array.isArray(useScripts.colourSettings)){//legacy styles
let newObjectStyle = {};
useScripts.colourSettings.forEach(
colour => newObjectStyle[colour.colour] = {
initial: colour.initial,
dark: colour.dark,
contrast: colour.contrast
}
);
useScripts.colourSettings = newObjectStyle;
useScripts.save()
}
let applyColourStyles = function(){
colourStyle.textContent = basicStyles;//eh, fix later.
Object.keys(useScripts.colourSettings).forEach(key => {
let colour = useScripts.colourSettings[key];
let hexToRgb = function(hex){
let result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
return result ? [
parseInt(result[1],16),
parseInt(result[2],16),
parseInt(result[3],16)
] : null;
}
if(colour.initial){
colourStyle.textContent += `:root{${key}:${hexToRgb(colour.initial).join(",")};}`
};
if(colour.dark){
colourStyle.textContent += `.site-theme-dark{${key}:${hexToRgb(colour.dark).join(",")};}`
};
if(colour.contrast){
colourStyle.textContent += `.site-theme-contrast{${key}:${hexToRgb(colour.contrast).join(",")};}`
}
})
};applyColourStyles();
let colourPickerLocation = document.querySelector("#app > .wrap > .footer > .container");
let adder = function(){
if(colourPickerLocation){
const supportedColours = [
"--color-background",
"--color-foreground",
"--color-foreground-grey",
"--color-foreground-grey-dark",
"--color-foreground-blue",
"--color-foreground-blue-dark",
"--color-background-blue-dark",
"--color-overlay",
"--color-shadow",
"--color-shadow-dark",
"--color-text",
"--color-text-light",
"--color-text-lighter",
"--color-text-bright",
"--color-blue",
"--color-blue-dim",
"--color-white",
"--color-black",
"--color-red",
"--color-peach",
"--color-orange",
"--color-yellow",
"--color-green"
];
let colourChanger = function(){
useScripts.colourSettings[cpSelector.value] = {
"initial" : (cpInitialBox.checked ? cpInput.value : false),
"dark" : (cpDarkBox.checked ? cpInput.value : false),
"contrast" : (cpContrastBox.checked ? cpInput.value : false)
}
applyColourStyles();
useScripts.save()
};
let cpContainer = create("div","hohColourPicker",false,colourPickerLocation);
let cpTitle = create("h2",false,"Adjust Colours",cpContainer);
let cpInput = create("input",false,false,cpContainer);
cpInput.type = "color";
let cpSelector = create("select",false,false,cpContainer);
supportedColours.forEach(colour => {
let option = create("option",false,colour,cpSelector);
option.value = colour;
});
let cpDomain = create("p",false,false,cpContainer);
let cpInitialBox = createCheckbox(cpDomain);
create("span",false,"default",cpDomain);
let cpDarkBox = createCheckbox(cpDomain);
create("span",false,"dark",cpDomain);
let cpContrastBox = createCheckbox(cpDomain);
create("span",false,"contrast",cpDomain);
let cpSelectorChanger = function(){
if(useScripts.colourSettings[cpSelector.value]){
cpInitialBox.checked = !!useScripts.colourSettings[cpSelector.value].initial;
cpDarkBox.checked = !!useScripts.colourSettings[cpSelector.value].dark;
cpContrastBox.checked = !!useScripts.colourSettings[cpSelector.value].contrast;
cpInput.value = useScripts.colourSettings[cpSelector.value].initial
}
cpInitialBox.checked = false;
cpDarkBox.checked = false;
cpContrastBox.checked = false;
};
cpSelector.onchange = cpSelectorChanger;
cpInput.onchange = colourChanger;
cpInitialBox.onchange = colourChanger;
cpDarkBox.onchange = colourChanger;
cpContrastBox.onchange = colourChanger;
cpSelectorChanger()
}
else{
setTimeout(adder,1000)
}
};
adder();
}
function scoreFormatter(score,format){
let scoreElement = create("span","hohScore");
if(format === "POINT_100"){
scoreElement.innerText = score + "/100"
}
else if(
format === "POINT_10_DECIMAL"
|| format === "POINT_10"
){
scoreElement.innerText = score + "/10"
}
else if(format === "POINT_3"){
scoreElement.classList.add("hohSmiley");
if(score === 3){
scoreElement.appendChild(svgAssets2.smile.cloneNode(true));
}
else if(score === 2){
scoreElement.appendChild(svgAssets2.meh.cloneNode(true));
}
else if(score === 1){
scoreElement.appendChild(svgAssets2.frown.cloneNode(true));
}
}
else if(format === "POINT_5"){
scoreElement.innerText = score;
scoreElement.appendChild(svgAssets2.star.cloneNode(true));
}
else{//future types. Just gambling that they look okay in plain text
scoreElement.innerText = score
}
return scoreElement
}
function convertScore(score,format){
if(format === "POINT_100"){
return score
}
else if(
format === "POINT_10_DECIMAL" ||
format === "POINT_10"
){
return score*10
}
else if(format === "POINT_3"){
if(score === 3){
return 85
}
else if(score === 2){
return 60
}
else if(score === 1){
return 35
}
return 0
}
else if(format === "POINT_5"){
if(score === 0){
return 0
};
return score*20 - 10
}
}
function saveAs(data,fileName,pureText){
//todo: support for browsers without blobs?
let link = create("a");
document.body.appendChild(link);
let json = pureText ? data : JSON.stringify(data);
let blob = new Blob([json],{type: "octet/stream"});
let url = window.URL.createObjectURL(blob);
link.href = url;
link.download = fileName || "File from Anilist.co";
link.click();
window.URL.revokeObjectURL(url);
document.body.removeChild(link);
}
function levDist(s,t){//https://stackoverflow.com/a/11958496/5697837
// Step 1
let n = s.length;
let m = t.length;
if(!n){
return m
}
if(!m){
return n
}
let d = []; //2d matrix
for(var i = n; i >= 0; i--) d[i] = [];
// Step 2
for(var i = n; i >= 0; i--) d[i][0] = i;
for(var j = m; j >= 0; j--) d[0][j] = j;
// Step 3
for(var i = 1; i <= n; i++){
let s_i = s.charAt(i - 1);
// Step 4
for(var j = 1; j <= m; j++){
//Check the jagged ld total so far
if(i === j && d[i][j] > 4){
return n
}
let t_j = t.charAt(j - 1);
let cost = (s_i === t_j) ? 0 : 1; // Step 5
//Calculate the minimum
let mi = d[i - 1][j] + 1;
let b = d[i][j - 1] + 1;
let c = d[i - 1][j - 1] + cost;
if(b < mi){
mi = b
}
if(c < mi){
mi = c;
}
d[i][j] = mi; // Step 6
//Damerau transposition
/*if (i > 1 && j > 1 && s_i === t.charAt(j - 2) && s.charAt(i - 2) === t_j) {
d[i][j] = Math.min(d[i][j], d[i - 2][j - 2] + cost);
}*/
}
}
return d[n][m]
}
// Copyright (c) 2013 Pieroxy <[email protected]>
// This work is free. You can redistribute it and/or modify it
// under the terms of the WTFPL, Version 2
// For more information see LICENSE.txt or http://www.wtfpl.net/
//
// For more information, the home page:
// http://pieroxy.net/blog/pages/lz-string/testing.html
//
// LZ-based compression algorithm, version 1.4.4
var LZString = (function() {
// private property
var f = String.fromCharCode;
var keyStrBase64 = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";
var keyStrUriSafe = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+-$";
var baseReverseDic = {};
function getBaseValue(alphabet, character) {
if (!baseReverseDic[alphabet]) {
baseReverseDic[alphabet] = {};
for (var i=0 ; i<alphabet.length ; i++) {
baseReverseDic[alphabet][alphabet.charAt(i)] = i;
}
}
return baseReverseDic[alphabet][character];
}
var LZString = {
compressToBase64 : function (input) {
if (input == null) return "";
var res = LZString._compress(input, 6, function(a){return keyStrBase64.charAt(a);});
switch (res.length % 4) { // To produce valid Base64
default: // When could this happen ?
case 0 : return res;
case 1 : return res+"===";
case 2 : return res+"==";
case 3 : return res+"=";
}
},
decompressFromBase64 : function (input) {
if (input == null) return "";
if (input == "") return null;
return LZString._decompress(input.length, 32, function(index) { return getBaseValue(keyStrBase64, input.charAt(index)); });
},
compressToUTF16 : function (input) {
if (input == null) return "";
return LZString._compress(input, 15, function(a){return f(a+32);}) + " ";
},
decompressFromUTF16: function (compressed) {
if (compressed == null) return "";
if (compressed == "") return null;
return LZString._decompress(compressed.length, 16384, function(index) { return compressed.charCodeAt(index) - 32; });
},
//compress into uint8array (UCS-2 big endian format)
compressToUint8Array: function (uncompressed) {
var compressed = LZString.compress(uncompressed);
var buf=new Uint8Array(compressed.length*2); // 2 bytes per character
for (var i=0, TotalLen=compressed.length; i<TotalLen; i++) {
var current_value = compressed.charCodeAt(i);
buf[i*2] = current_value >>> 8;
buf[i*2+1] = current_value % 256;
}
return buf;
},
//decompress from uint8array (UCS-2 big endian format)
decompressFromUint8Array:function (compressed) {
if (compressed===null || compressed===undefined){
return LZString.decompress(compressed);
} else {
var buf=new Array(compressed.length/2); // 2 bytes per character
for (var i=0, TotalLen=buf.length; i<TotalLen; i++) {
buf[i]=compressed[i*2]*256+compressed[i*2+1];
}
var result = [];
buf.forEach(function (c) {
result.push(f(c));
});
return LZString.decompress(result.join(''));
}
},
//compress into a string that is already URI encoded
compressToEncodedURIComponent: function (input) {
if (input == null) return "";
return LZString._compress(input, 6, function(a){return keyStrUriSafe.charAt(a);});
},
//decompress from an output of compressToEncodedURIComponent
decompressFromEncodedURIComponent:function (input) {
if (input == null) return "";
if (input == "") return null;
input = input.replace(/ /g, "+");
return LZString._decompress(input.length, 32, function(index) { return getBaseValue(keyStrUriSafe, input.charAt(index)); });
},
compress: function (uncompressed) {
return LZString._compress(uncompressed, 16, function(a){return f(a);});
},
_compress: function (uncompressed, bitsPerChar, getCharFromInt) {
if (uncompressed == null) return "";
var i, value,
context_dictionary= {},
context_dictionaryToCreate= {},
context_c="",
context_wc="",
context_w="",
context_enlargeIn= 2, // Compensate for the first entry which should not count
context_dictSize= 3,
context_numBits= 2,
context_data=[],
context_data_val=0,
context_data_position=0,
ii;
for (ii = 0; ii < uncompressed.length; ii += 1) {
context_c = uncompressed.charAt(ii);
if (!Object.prototype.hasOwnProperty.call(context_dictionary,context_c)) {
context_dictionary[context_c] = context_dictSize++;
context_dictionaryToCreate[context_c] = true;
}
context_wc = context_w + context_c;
if (Object.prototype.hasOwnProperty.call(context_dictionary,context_wc)) {
context_w = context_wc;
} else {
if (Object.prototype.hasOwnProperty.call(context_dictionaryToCreate,context_w)) {
if (context_w.charCodeAt(0)<256) {
for (i=0 ; i<context_numBits ; i++) {
context_data_val = (context_data_val << 1);
if (context_data_position == bitsPerChar-1) {
context_data_position = 0;
context_data.push(getCharFromInt(context_data_val));
context_data_val = 0;
} else {
context_data_position++;
}
}
value = context_w.charCodeAt(0);
for (i=0 ; i<8 ; i++) {
context_data_val = (context_data_val << 1) | (value&1);
if (context_data_position == bitsPerChar-1) {
context_data_position = 0;
context_data.push(getCharFromInt(context_data_val));
context_data_val = 0;
} else {
context_data_position++;
}
value = value >> 1;
}
} else {
value = 1;
for (i=0 ; i<context_numBits ; i++) {
context_data_val = (context_data_val << 1) | value;
if (context_data_position ==bitsPerChar-1) {
context_data_position = 0;
context_data.push(getCharFromInt(context_data_val));
context_data_val = 0;
} else {
context_data_position++;
}
value = 0;
}
value = context_w.charCodeAt(0);
for (i=0 ; i<16 ; i++) {
context_data_val = (context_data_val << 1) | (value&1);
if (context_data_position == bitsPerChar-1) {
context_data_position = 0;
context_data.push(getCharFromInt(context_data_val));
context_data_val = 0;
} else {
context_data_position++;
}
value = value >> 1;
}
}
context_enlargeIn--;
if (context_enlargeIn == 0) {
context_enlargeIn = Math.pow(2, context_numBits);
context_numBits++;
}
delete context_dictionaryToCreate[context_w];
} else {
value = context_dictionary[context_w];
for (i=0 ; i<context_numBits ; i++) {
context_data_val = (context_data_val << 1) | (value&1);
if (context_data_position == bitsPerChar-1) {
context_data_position = 0;
context_data.push(getCharFromInt(context_data_val));
context_data_val = 0;
} else {
context_data_position++;
}
value = value >> 1;
}
}
context_enlargeIn--;
if (context_enlargeIn == 0) {
context_enlargeIn = Math.pow(2, context_numBits);
context_numBits++;
}
// Add wc to the dictionary.
context_dictionary[context_wc] = context_dictSize++;
context_w = String(context_c);
}
}
// Output the code for w.
if (context_w !== "") {
if (Object.prototype.hasOwnProperty.call(context_dictionaryToCreate,context_w)) {
if (context_w.charCodeAt(0)<256) {
for (i=0 ; i<context_numBits ; i++) {
context_data_val = (context_data_val << 1);
if (context_data_position == bitsPerChar-1) {
context_data_position = 0;
context_data.push(getCharFromInt(context_data_val));
context_data_val = 0;
} else {
context_data_position++;
}
}
value = context_w.charCodeAt(0);
for (i=0 ; i<8 ; i++) {
context_data_val = (context_data_val << 1) | (value&1);
if (context_data_position == bitsPerChar-1) {
context_data_position = 0;
context_data.push(getCharFromInt(context_data_val));
context_data_val = 0;
} else {
context_data_position++;
}
value = value >> 1;
}
} else {
value = 1;
for (i=0 ; i<context_numBits ; i++) {
context_data_val = (context_data_val << 1) | value;
if (context_data_position == bitsPerChar-1) {
context_data_position = 0;
context_data.push(getCharFromInt(context_data_val));
context_data_val = 0;
} else {
context_data_position++;
}
value = 0;
}
value = context_w.charCodeAt(0);
for (i=0 ; i<16 ; i++) {
context_data_val = (context_data_val << 1) | (value&1);
if (context_data_position == bitsPerChar-1) {
context_data_position = 0;
context_data.push(getCharFromInt(context_data_val));
context_data_val = 0;
} else {
context_data_position++;
}
value = value >> 1;
}
}
context_enlargeIn--;
if (context_enlargeIn == 0) {
context_enlargeIn = Math.pow(2, context_numBits);
context_numBits++;
}
delete context_dictionaryToCreate[context_w];
} else {
value = context_dictionary[context_w];
for (i=0 ; i<context_numBits ; i++) {
context_data_val = (context_data_val << 1) | (value&1);
if (context_data_position == bitsPerChar-1) {
context_data_position = 0;
context_data.push(getCharFromInt(context_data_val));
context_data_val = 0;
} else {
context_data_position++;
}
value = value >> 1;
}
}
context_enlargeIn--;
if (context_enlargeIn == 0) {
context_enlargeIn = Math.pow(2, context_numBits);
context_numBits++;
}
}
// Mark the end of the stream
value = 2;
for (i=0 ; i<context_numBits ; i++) {
context_data_val = (context_data_val << 1) | (value&1);
if (context_data_position == bitsPerChar-1) {
context_data_position = 0;
context_data.push(getCharFromInt(context_data_val));
context_data_val = 0;
} else {
context_data_position++;
}
value = value >> 1;
}
// Flush the last char
while (true) {
context_data_val = (context_data_val << 1);
if (context_data_position == bitsPerChar-1) {
context_data.push(getCharFromInt(context_data_val));
break;
}
else context_data_position++;
}
return context_data.join('');
},
decompress: function (compressed) {
if (compressed == null) return "";
if (compressed == "") return null;
return LZString._decompress(compressed.length, 32768, function(index) { return compressed.charCodeAt(index); });
},
_decompress: function (length, resetValue, getNextValue) {
var dictionary = [],
next,
enlargeIn = 4,
dictSize = 4,
numBits = 3,
entry = "",
result = [],
i,
w,
bits, resb, maxpower, power,
c,
data = {val:getNextValue(0), position:resetValue, index:1};
for (i = 0; i < 3; i += 1) {
dictionary[i] = i;
}
bits = 0;
maxpower = Math.pow(2,2);
power=1;
while (power!=maxpower) {
resb = data.val & data.position;
data.position >>= 1;
if (data.position == 0) {
data.position = resetValue;
data.val = getNextValue(data.index++);
}
bits |= (resb>0 ? 1 : 0) * power;
power <<= 1;
}
switch (next = bits) {
case 0:
bits = 0;
maxpower = Math.pow(2,8);
power=1;
while (power!=maxpower) {
resb = data.val & data.position;
data.position >>= 1;
if (data.position == 0) {
data.position = resetValue;
data.val = getNextValue(data.index++);
}
bits |= (resb>0 ? 1 : 0) * power;
power <<= 1;
}
c = f(bits);
break;
case 1:
bits = 0;
maxpower = Math.pow(2,16);
power=1;
while (power!=maxpower) {
resb = data.val & data.position;
data.position >>= 1;
if (data.position == 0) {
data.position = resetValue;
data.val = getNextValue(data.index++);
}
bits |= (resb>0 ? 1 : 0) * power;
power <<= 1;
}
c = f(bits);
break;
case 2:
return "";
}
dictionary[3] = c;
w = c;
result.push(c);
while (true) {
if (data.index > length) {
return "";
}
bits = 0;
maxpower = Math.pow(2,numBits);
power=1;
while (power!=maxpower) {
resb = data.val & data.position;
data.position >>= 1;
if (data.position == 0) {
data.position = resetValue;
data.val = getNextValue(data.index++);
}
bits |= (resb>0 ? 1 : 0) * power;
power <<= 1;
}
switch (c = bits) {
case 0:
bits = 0;
maxpower = Math.pow(2,8);
power=1;
while (power!=maxpower) {
resb = data.val & data.position;
data.position >>= 1;
if (data.position == 0) {
data.position = resetValue;
data.val = getNextValue(data.index++);
}
bits |= (resb>0 ? 1 : 0) * power;
power <<= 1;
}
dictionary[dictSize++] = f(bits);
c = dictSize-1;
enlargeIn--;
break;
case 1:
bits = 0;
maxpower = Math.pow(2,16);
power=1;
while (power!=maxpower) {
resb = data.val & data.position;
data.position >>= 1;
if (data.position == 0) {
data.position = resetValue;
data.val = getNextValue(data.index++);
}
bits |= (resb>0 ? 1 : 0) * power;
power <<= 1;
}
dictionary[dictSize++] = f(bits);
c = dictSize-1;
enlargeIn--;
break;
case 2:
return result.join('');
}
if (enlargeIn == 0) {
enlargeIn = Math.pow(2, numBits);
numBits++;
}
if (dictionary[c]) {
entry = dictionary[c];
} else {
if (c === dictSize) {
entry = w + w.charAt(0);
} else {
return null;
}
}
result.push(entry);
// Add w+entry[0] to the dictionary.
dictionary[dictSize++] = w + entry.charAt(0);
enlargeIn--;
w = entry;
if (enlargeIn == 0) {
enlargeIn = Math.pow(2, numBits);
numBits++;
}
}
}
};
return LZString;
})();
if (typeof define === 'function' && define.amd) {
define(function () { return LZString; });
} else if( typeof module !== 'undefined' && module != null ) {
module.exports = LZString
}
;/*! showdown v 1.9.1 - 02-11-2019 */
(function(){
/**
* Created by Tivie on 13-07-2015.
*/
function getDefaultOpts (simple) {
'use strict';
var defaultOptions = {
omitExtraWLInCodeBlocks: {
defaultValue: false,
describe: 'Omit the default extra whiteline added to code blocks',
type: 'boolean'
},
noHeaderId: {
defaultValue: false,
describe: 'Turn on/off generated header id',
type: 'boolean'
},
prefixHeaderId: {
defaultValue: false,
describe: 'Add a prefix to the generated header ids. Passing a string will prefix that string to the header id. Setting to true will add a generic \'section-\' prefix',
type: 'string'
},
rawPrefixHeaderId: {
defaultValue: false,
describe: 'Setting this option to true will prevent showdown from modifying the prefix. This might result in malformed IDs (if, for instance, the " char is used in the prefix)',
type: 'boolean'
},
ghCompatibleHeaderId: {
defaultValue: false,
describe: 'Generate header ids compatible with github style (spaces are replaced with dashes, a bunch of non alphanumeric chars are removed)',
type: 'boolean'
},
rawHeaderId: {
defaultValue: false,
describe: 'Remove only spaces, \' and " from generated header ids (including prefixes), replacing them with dashes (-). WARNING: This might result in malformed ids',
type: 'boolean'
},
headerLevelStart: {
defaultValue: false,
describe: 'The header blocks level start',
type: 'integer'
},
parseImgDimensions: {
defaultValue: false,
describe: 'Turn on/off image dimension parsing',
type: 'boolean'
},
simplifiedAutoLink: {
defaultValue: false,
describe: 'Turn on/off GFM autolink style',
type: 'boolean'
},
excludeTrailingPunctuationFromURLs: {
defaultValue: false,
describe: 'Excludes trailing punctuation from links generated with autoLinking',
type: 'boolean'
},
literalMidWordUnderscores: {
defaultValue: false,
describe: 'Parse midword underscores as literal underscores',
type: 'boolean'
},
literalMidWordAsterisks: {
defaultValue: false,
describe: 'Parse midword asterisks as literal asterisks',
type: 'boolean'
},
strikethrough: {
defaultValue: false,
describe: 'Turn on/off strikethrough support',
type: 'boolean'
},
tables: {
defaultValue: false,
describe: 'Turn on/off tables support',
type: 'boolean'
},
tablesHeaderId: {
defaultValue: false,
describe: 'Add an id to table headers',
type: 'boolean'
},
ghCodeBlocks: {
defaultValue: true,
describe: 'Turn on/off GFM fenced code blocks support',
type: 'boolean'
},
tasklists: {
defaultValue: false,
describe: 'Turn on/off GFM tasklist support',
type: 'boolean'
},
smoothLivePreview: {
defaultValue: false,
describe: 'Prevents weird effects in live previews due to incomplete input',
type: 'boolean'
},
smartIndentationFix: {
defaultValue: false,
description: 'Tries to smartly fix indentation in es6 strings',
type: 'boolean'
},
disableForced4SpacesIndentedSublists: {
defaultValue: false,
description: 'Disables the requirement of indenting nested sublists by 4 spaces',
type: 'boolean'
},
simpleLineBreaks: {
defaultValue: false,
description: 'Parses simple line breaks as <br> (GFM Style)',
type: 'boolean'
},
requireSpaceBeforeHeadingText: {
defaultValue: false,
description: 'Makes adding a space between `#` and the header text mandatory (GFM Style)',
type: 'boolean'
},
ghMentions: {
defaultValue: false,
description: 'Enables github @mentions',
type: 'boolean'
},
ghMentionsLink: {
defaultValue: 'https://github.com/{u}',
description: 'Changes the link generated by @mentions. Only applies if ghMentions option is enabled.',
type: 'string'
},
encodeEmails: {
defaultValue: true,
description: 'Encode e-mail addresses through the use of Character Entities, transforming ASCII e-mail addresses into its equivalent decimal entities',
type: 'boolean'
},
openLinksInNewWindow: {
defaultValue: false,
description: 'Open all links in new windows',
type: 'boolean'
},
backslashEscapesHTMLTags: {
defaultValue: false,
description: 'Support for HTML Tag escaping. ex: \<div>foo\</div>',
type: 'boolean'
},
emoji: {
defaultValue: false,
description: 'Enable emoji support. Ex: `this is a :smile: emoji`',
type: 'boolean'
},
underline: {
defaultValue: false,
description: 'Enable support for underline. Syntax is double or triple underscores: `__underline word__`. With this option enabled, underscores no longer parses into `<em>` and `<strong>`',
type: 'boolean'
},
completeHTMLDocument: {
defaultValue: false,
description: 'Outputs a complete html document, including `<html>`, `<head>` and `<body>` tags',
type: 'boolean'
},
metadata: {
defaultValue: false,
description: 'Enable support for document metadata (defined at the top of the document between `«««` and `»»»` or between `---` and `---`).',
type: 'boolean'
},
splitAdjacentBlockquotes: {
defaultValue: false,
description: 'Split adjacent blockquote blocks',
type: 'boolean'
}
};
if (simple === false) {
return JSON.parse(JSON.stringify(defaultOptions));
}
var ret = {};
for (var opt in defaultOptions) {
if (defaultOptions.hasOwnProperty(opt)) {
ret[opt] = defaultOptions[opt].defaultValue;
}
}
return ret;
}
function allOptionsOn () {
'use strict';
var options = getDefaultOpts(true),
ret = {};
for (var opt in options) {
if (options.hasOwnProperty(opt)) {
ret[opt] = true;
}
}
return ret;
}
/**
* Created by Tivie on 06-01-2015.
*/
// Private properties
var showdown = {},
parsers = {},
extensions = {},
globalOptions = getDefaultOpts(true),
setFlavor = 'vanilla',
flavor = {
github: {
omitExtraWLInCodeBlocks: true,
simplifiedAutoLink: true,
excludeTrailingPunctuationFromURLs: true,
literalMidWordUnderscores: true,
strikethrough: true,
tables: true,
tablesHeaderId: true,
ghCodeBlocks: true,
tasklists: true,
disableForced4SpacesIndentedSublists: true,
simpleLineBreaks: true,
requireSpaceBeforeHeadingText: true,
ghCompatibleHeaderId: true,
ghMentions: true,
backslashEscapesHTMLTags: true,
emoji: true,
splitAdjacentBlockquotes: true
},
original: {
noHeaderId: true,
ghCodeBlocks: false
},
ghost: {
omitExtraWLInCodeBlocks: true,
parseImgDimensions: true,
simplifiedAutoLink: true,
excludeTrailingPunctuationFromURLs: true,
literalMidWordUnderscores: true,
strikethrough: true,
tables: true,
tablesHeaderId: true,
ghCodeBlocks: true,
tasklists: true,
smoothLivePreview: true,
simpleLineBreaks: true,
requireSpaceBeforeHeadingText: true,
ghMentions: false,
encodeEmails: true
},
vanilla: getDefaultOpts(true),
allOn: allOptionsOn()
};
/**
* helper namespace
* @type {{}}
*/
showdown.helper = {};
/**
* TODO LEGACY SUPPORT CODE
* @type {{}}
*/
showdown.extensions = {};
/**
* Set a global option
* @static
* @param {string} key
* @param {*} value
* @returns {showdown}
*/
showdown.setOption = function (key, value) {
'use strict';
globalOptions[key] = value;
return this;
};
/**
* Get a global option
* @static
* @param {string} key
* @returns {*}
*/
showdown.getOption = function (key) {
'use strict';
return globalOptions[key];
};
/**
* Get the global options
* @static
* @returns {{}}
*/
showdown.getOptions = function () {
'use strict';
return globalOptions;
};
/**
* Reset global options to the default values
* @static
*/
showdown.resetOptions = function () {
'use strict';
globalOptions = getDefaultOpts(true);
};
/**
* Set the flavor showdown should use as default
* @param {string} name
*/
showdown.setFlavor = function (name) {
'use strict';
if (!flavor.hasOwnProperty(name)) {
throw Error(name + ' flavor was not found');
}
showdown.resetOptions();
var preset = flavor[name];
setFlavor = name;
for (var option in preset) {
if (preset.hasOwnProperty(option)) {
globalOptions[option] = preset[option];
}
}
};
/**
* Get the currently set flavor
* @returns {string}
*/
showdown.getFlavor = function () {
'use strict';
return setFlavor;
};
/**
* Get the options of a specified flavor. Returns undefined if the flavor was not found
* @param {string} name Name of the flavor
* @returns {{}|undefined}
*/
showdown.getFlavorOptions = function (name) {
'use strict';
if (flavor.hasOwnProperty(name)) {
return flavor[name];
}
};
/**
* Get the default options
* @static
* @param {boolean} [simple=true]
* @returns {{}}
*/
showdown.getDefaultOptions = function (simple) {
'use strict';
return getDefaultOpts(simple);
};
/**
* Get or set a subParser
*
* subParser(name) - Get a registered subParser
* subParser(name, func) - Register a subParser
* @static
* @param {string} name
* @param {function} [func]
* @returns {*}
*/
showdown.subParser = function (name, func) {
'use strict';
if (showdown.helper.isString(name)) {
if (typeof func !== 'undefined') {
parsers[name] = func;
} else {
if (parsers.hasOwnProperty(name)) {
return parsers[name];
} else {
throw Error('SubParser named ' + name + ' not registered!');
}
}
}
};
/**
* Gets or registers an extension
* @static
* @param {string} name
* @param {object|function=} ext
* @returns {*}
*/
showdown.extension = function (name, ext) {
'use strict';
if (!showdown.helper.isString(name)) {
throw Error('Extension \'name\' must be a string');
}
name = showdown.helper.stdExtName(name);
// Getter
if (showdown.helper.isUndefined(ext)) {
if (!extensions.hasOwnProperty(name)) {
throw Error('Extension named ' + name + ' is not registered!');
}
return extensions[name];
// Setter
} else {
// Expand extension if it's wrapped in a function
if (typeof ext === 'function') {
ext = ext();
}
// Ensure extension is an array
if (!showdown.helper.isArray(ext)) {
ext = [ext];
}
var validExtension = validate(ext, name);
if (validExtension.valid) {
extensions[name] = ext;
} else {
throw Error(validExtension.error);
}
}
};
/**
* Gets all extensions registered
* @returns {{}}
*/
showdown.getAllExtensions = function () {
'use strict';
return extensions;
};
/**
* Remove an extension
* @param {string} name
*/
showdown.removeExtension = function (name) {
'use strict';
delete extensions[name];
};
/**
* Removes all extensions
*/
showdown.resetExtensions = function () {
'use strict';
extensions = {};
};
/**
* Validate extension
* @param {array} extension
* @param {string} name
* @returns {{valid: boolean, error: string}}
*/
function validate (extension, name) {
'use strict';
var errMsg = (name) ? 'Error in ' + name + ' extension->' : 'Error in unnamed extension',
ret = {
valid: true,
error: ''
};
if (!showdown.helper.isArray(extension)) {
extension = [extension];
}
for (var i = 0; i < extension.length; ++i) {
var baseMsg = errMsg + ' sub-extension ' + i + ': ',
ext = extension[i];
if (typeof ext !== 'object') {
ret.valid = false;
ret.error = baseMsg + 'must be an object, but ' + typeof ext + ' given';
return ret;
}
if (!showdown.helper.isString(ext.type)) {
ret.valid = false;
ret.error = baseMsg + 'property "type" must be a string, but ' + typeof ext.type + ' given';
return ret;
}
var type = ext.type = ext.type.toLowerCase();
// normalize extension type
if (type === 'language') {
type = ext.type = 'lang';
}
if (type === 'html') {
type = ext.type = 'output';
}
if (type !== 'lang' && type !== 'output' && type !== 'listener') {
ret.valid = false;
ret.error = baseMsg + 'type ' + type + ' is not recognized. Valid values: "lang/language", "output/html" or "listener"';
return ret;
}
if (type === 'listener') {
if (showdown.helper.isUndefined(ext.listeners)) {
ret.valid = false;
ret.error = baseMsg + '. Extensions of type "listener" must have a property called "listeners"';
return ret;
}
} else {
if (showdown.helper.isUndefined(ext.filter) && showdown.helper.isUndefined(ext.regex)) {
ret.valid = false;
ret.error = baseMsg + type + ' extensions must define either a "regex" property or a "filter" method';
return ret;
}
}
if (ext.listeners) {
if (typeof ext.listeners !== 'object') {
ret.valid = false;
ret.error = baseMsg + '"listeners" property must be an object but ' + typeof ext.listeners + ' given';
return ret;
}
for (var ln in ext.listeners) {
if (ext.listeners.hasOwnProperty(ln)) {
if (typeof ext.listeners[ln] !== 'function') {
ret.valid = false;
ret.error = baseMsg + '"listeners" property must be an hash of [event name]: [callback]. listeners.' + ln +
' must be a function but ' + typeof ext.listeners[ln] + ' given';
return ret;
}
}
}
}
if (ext.filter) {
if (typeof ext.filter !== 'function') {
ret.valid = false;
ret.error = baseMsg + '"filter" must be a function, but ' + typeof ext.filter + ' given';
return ret;
}
} else if (ext.regex) {
if (showdown.helper.isString(ext.regex)) {
ext.regex = new RegExp(ext.regex, 'g');
}
if (!(ext.regex instanceof RegExp)) {
ret.valid = false;
ret.error = baseMsg + '"regex" property must either be a string or a RegExp object, but ' + typeof ext.regex + ' given';
return ret;
}
if (showdown.helper.isUndefined(ext.replace)) {
ret.valid = false;
ret.error = baseMsg + '"regex" extensions must implement a replace string or function';
return ret;
}
}
}
return ret;
}
/**
* Validate extension
* @param {object} ext
* @returns {boolean}
*/
showdown.validateExtension = function (ext) {
'use strict';
var validateExtension = validate(ext, null);
if (!validateExtension.valid) {
console.warn(validateExtension.error);
return false;
}
return true;
};
/**
* showdownjs helper functions
*/
if (!showdown.hasOwnProperty('helper')) {
showdown.helper = {};
}
/**
* Check if var is string
* @static
* @param {string} a
* @returns {boolean}
*/
showdown.helper.isString = function (a) {
'use strict';
return (typeof a === 'string' || a instanceof String);
};
/**
* Check if var is a function
* @static
* @param {*} a
* @returns {boolean}
*/
showdown.helper.isFunction = function (a) {
'use strict';
var getType = {};
return a && getType.toString.call(a) === '[object Function]';
};
/**
* isArray helper function
* @static
* @param {*} a
* @returns {boolean}
*/
showdown.helper.isArray = function (a) {
'use strict';
return Array.isArray(a);
};
/**
* Check if value is undefined
* @static
* @param {*} value The value to check.
* @returns {boolean} Returns `true` if `value` is `undefined`, else `false`.
*/
showdown.helper.isUndefined = function (value) {
'use strict';
return typeof value === 'undefined';
};
/**
* ForEach helper function
* Iterates over Arrays and Objects (own properties only)
* @static
* @param {*} obj
* @param {function} callback Accepts 3 params: 1. value, 2. key, 3. the original array/object
*/
showdown.helper.forEach = function (obj, callback) {
'use strict';
// check if obj is defined
if (showdown.helper.isUndefined(obj)) {
throw new Error('obj param is required');
}
if (showdown.helper.isUndefined(callback)) {
throw new Error('callback param is required');
}
if (!showdown.helper.isFunction(callback)) {
throw new Error('callback param must be a function/closure');
}
if (typeof obj.forEach === 'function') {
obj.forEach(callback);
} else if (showdown.helper.isArray(obj)) {
for (var i = 0; i < obj.length; i++) {
callback(obj[i], i, obj);
}
} else if (typeof (obj) === 'object') {
for (var prop in obj) {
if (obj.hasOwnProperty(prop)) {
callback(obj[prop], prop, obj);
}
}
} else {
throw new Error('obj does not seem to be an array or an iterable object');
}
};
/**
* Standardidize extension name
* @static
* @param {string} s extension name
* @returns {string}
*/
showdown.helper.stdExtName = function (s) {
'use strict';
return s.replace(/[_?*+\/\\.^-]/g, '').replace(/\s/g, '').toLowerCase();
};
function escapeCharactersCallback (wholeMatch, m1) {
'use strict';
var charCodeToEscape = m1.charCodeAt(0);
return '¨E' + charCodeToEscape + 'E';
}
/**
* Callback used to escape characters when passing through String.replace
* @static
* @param {string} wholeMatch
* @param {string} m1
* @returns {string}
*/
showdown.helper.escapeCharactersCallback = escapeCharactersCallback;
/**
* Escape characters in a string
* @static
* @param {string} text
* @param {string} charsToEscape
* @param {boolean} afterBackslash
* @returns {XML|string|void|*}
*/
showdown.helper.escapeCharacters = function (text, charsToEscape, afterBackslash) {
'use strict';
// First we have to escape the escape characters so that
// we can build a character class out of them
var regexString = '([' + charsToEscape.replace(/([\[\]\\])/g, '\\$1') + '])';
if (afterBackslash) {
regexString = '\\\\' + regexString;
}
var regex = new RegExp(regexString, 'g');
text = text.replace(regex, escapeCharactersCallback);
return text;
};
/**
* Unescape HTML entities
* @param txt
* @returns {string}
*/
showdown.helper.unescapeHTMLEntities = function (txt) {
'use strict';
return txt
.replace(/"/g, '"')
.replace(/</g, '<')
.replace(/>/g, '>')
.replace(/&/g, '&');
};
var rgxFindMatchPos = function (str, left, right, flags) {
'use strict';
var f = flags || '',
g = f.indexOf('g') > -1,
x = new RegExp(left + '|' + right, 'g' + f.replace(/g/g, '')),
l = new RegExp(left, f.replace(/g/g, '')),
pos = [],
t, s, m, start, end;
do {
t = 0;
while ((m = x.exec(str))) {
if (l.test(m[0])) {
if (!(t++)) {
s = x.lastIndex;
start = s - m[0].length;
}
} else if (t) {
if (!--t) {
end = m.index + m[0].length;
var obj = {
left: {start: start, end: s},
match: {start: s, end: m.index},
right: {start: m.index, end: end},
wholeMatch: {start: start, end: end}
};
pos.push(obj);
if (!g) {
return pos;
}
}
}
}
} while (t && (x.lastIndex = s));
return pos;
};
/**
* matchRecursiveRegExp
*
* (c) 2007 Steven Levithan <stevenlevithan.com>
* MIT License
*
* Accepts a string to search, a left and right format delimiter
* as regex patterns, and optional regex flags. Returns an array
* of matches, allowing nested instances of left/right delimiters.
* Use the "g" flag to return all matches, otherwise only the
* first is returned. Be careful to ensure that the left and
* right format delimiters produce mutually exclusive matches.
* Backreferences are not supported within the right delimiter
* due to how it is internally combined with the left delimiter.
* When matching strings whose format delimiters are unbalanced
* to the left or right, the output is intentionally as a
* conventional regex library with recursion support would
* produce, e.g. "<<x>" and "<x>>" both produce ["x"] when using
* "<" and ">" as the delimiters (both strings contain a single,
* balanced instance of "<x>").
*
* examples:
* matchRecursiveRegExp("test", "\\(", "\\)")
* returns: []
* matchRecursiveRegExp("<t<<e>><s>>t<>", "<", ">", "g")
* returns: ["t<<e>><s>", ""]
* matchRecursiveRegExp("<div id=\"x\">test</div>", "<div\\b[^>]*>", "</div>", "gi")
* returns: ["test"]
*/
showdown.helper.matchRecursiveRegExp = function (str, left, right, flags) {
'use strict';
var matchPos = rgxFindMatchPos (str, left, right, flags),
results = [];
for (var i = 0; i < matchPos.length; ++i) {
results.push([
str.slice(matchPos[i].wholeMatch.start, matchPos[i].wholeMatch.end),
str.slice(matchPos[i].match.start, matchPos[i].match.end),
str.slice(matchPos[i].left.start, matchPos[i].left.end),
str.slice(matchPos[i].right.start, matchPos[i].right.end)
]);
}
return results;
};
/**
*
* @param {string} str
* @param {string|function} replacement
* @param {string} left
* @param {string} right
* @param {string} flags
* @returns {string}
*/
showdown.helper.replaceRecursiveRegExp = function (str, replacement, left, right, flags) {
'use strict';
if (!showdown.helper.isFunction(replacement)) {
var repStr = replacement;
replacement = function () {
return repStr;
};
}
var matchPos = rgxFindMatchPos(str, left, right, flags),
finalStr = str,
lng = matchPos.length;
if (lng > 0) {
var bits = [];
if (matchPos[0].wholeMatch.start !== 0) {
bits.push(str.slice(0, matchPos[0].wholeMatch.start));
}
for (var i = 0; i < lng; ++i) {
bits.push(
replacement(
str.slice(matchPos[i].wholeMatch.start, matchPos[i].wholeMatch.end),
str.slice(matchPos[i].match.start, matchPos[i].match.end),
str.slice(matchPos[i].left.start, matchPos[i].left.end),
str.slice(matchPos[i].right.start, matchPos[i].right.end)
)
);
if (i < lng - 1) {
bits.push(str.slice(matchPos[i].wholeMatch.end, matchPos[i + 1].wholeMatch.start));
}
}
if (matchPos[lng - 1].wholeMatch.end < str.length) {
bits.push(str.slice(matchPos[lng - 1].wholeMatch.end));
}
finalStr = bits.join('');
}
return finalStr;
};
/**
* Returns the index within the passed String object of the first occurrence of the specified regex,
* starting the search at fromIndex. Returns -1 if the value is not found.
*
* @param {string} str string to search
* @param {RegExp} regex Regular expression to search
* @param {int} [fromIndex = 0] Index to start the search
* @returns {Number}
* @throws InvalidArgumentError
*/
showdown.helper.regexIndexOf = function (str, regex, fromIndex) {
'use strict';
if (!showdown.helper.isString(str)) {
throw 'InvalidArgumentError: first parameter of showdown.helper.regexIndexOf function must be a string';
}
if (regex instanceof RegExp === false) {
throw 'InvalidArgumentError: second parameter of showdown.helper.regexIndexOf function must be an instance of RegExp';
}
var indexOf = str.substring(fromIndex || 0).search(regex);
return (indexOf >= 0) ? (indexOf + (fromIndex || 0)) : indexOf;
};
/**
* Splits the passed string object at the defined index, and returns an array composed of the two substrings
* @param {string} str string to split
* @param {int} index index to split string at
* @returns {[string,string]}
* @throws InvalidArgumentError
*/
showdown.helper.splitAtIndex = function (str, index) {
'use strict';
if (!showdown.helper.isString(str)) {
throw 'InvalidArgumentError: first parameter of showdown.helper.regexIndexOf function must be a string';
}
return [str.substring(0, index), str.substring(index)];
};
/**
* Obfuscate an e-mail address through the use of Character Entities,
* transforming ASCII characters into their equivalent decimal or hex entities.
*
* Since it has a random component, subsequent calls to this function produce different results
*
* @param {string} mail
* @returns {string}
*/
showdown.helper.encodeEmailAddress = function (mail) {
'use strict';
var encode = [
function (ch) {
return '&#' + ch.charCodeAt(0) + ';';
},
function (ch) {
return '&#x' + ch.charCodeAt(0).toString(16) + ';';
},
function (ch) {
return ch;
}
];
mail = mail.replace(/./g, function (ch) {
if (ch === '@') {
// this *must* be encoded. I insist.
ch = encode[Math.floor(Math.random() * 2)](ch);
} else {
var r = Math.random();
// roughly 10% raw, 45% hex, 45% dec
ch = (
r > 0.9 ? encode[2](ch) : r > 0.45 ? encode[1](ch) : encode[0](ch)
);
}
return ch;
});
return mail;
};
/**
*
* @param str
* @param targetLength
* @param padString
* @returns {string}
*/
showdown.helper.padEnd = function padEnd (str, targetLength, padString) {
'use strict';
/*jshint bitwise: false*/
// eslint-disable-next-line space-infix-ops
targetLength = targetLength>>0; //floor if number or convert non-number to 0;
/*jshint bitwise: true*/
padString = String(padString || ' ');
if (str.length > targetLength) {
return String(str);
} else {
targetLength = targetLength - str.length;
if (targetLength > padString.length) {
padString += padString.repeat(targetLength / padString.length); //append to original to ensure we are longer than needed
}
return String(str) + padString.slice(0,targetLength);
}
};
/**
* POLYFILLS
*/
// use this instead of builtin is undefined for IE8 compatibility
if (typeof console === 'undefined') {
console = {
warn: function (msg) {
'use strict';
alert(msg);
},
log: function (msg) {
'use strict';
alert(msg);
},
error: function (msg) {
'use strict';
throw msg;
}
};
}
/**
* Common regexes.
* We declare some common regexes to improve performance
*/
showdown.helper.regexes = {
asteriskDashAndColon: /([*_:~])/g
};
/**
* EMOJIS LIST
*/
showdown.helper.emojis = {
'+1':'\ud83d\udc4d',
'-1':'\ud83d\udc4e',
'100':'\ud83d\udcaf',
'1234':'\ud83d\udd22',
'1st_place_medal':'\ud83e\udd47',
'2nd_place_medal':'\ud83e\udd48',
'3rd_place_medal':'\ud83e\udd49',
'8ball':'\ud83c\udfb1',
'a':'\ud83c\udd70\ufe0f',
'ab':'\ud83c\udd8e',
'abc':'\ud83d\udd24',
'abcd':'\ud83d\udd21',
'accept':'\ud83c\ude51',
'aerial_tramway':'\ud83d\udea1',
'airplane':'\u2708\ufe0f',
'alarm_clock':'\u23f0',
'alembic':'\u2697\ufe0f',
'alien':'\ud83d\udc7d',
'ambulance':'\ud83d\ude91',
'amphora':'\ud83c\udffa',
'anchor':'\u2693\ufe0f',
'angel':'\ud83d\udc7c',
'anger':'\ud83d\udca2',
'angry':'\ud83d\ude20',
'anguished':'\ud83d\ude27',
'ant':'\ud83d\udc1c',
'apple':'\ud83c\udf4e',
'aquarius':'\u2652\ufe0f',
'aries':'\u2648\ufe0f',
'arrow_backward':'\u25c0\ufe0f',
'arrow_double_down':'\u23ec',
'arrow_double_up':'\u23eb',
'arrow_down':'\u2b07\ufe0f',
'arrow_down_small':'\ud83d\udd3d',
'arrow_forward':'\u25b6\ufe0f',
'arrow_heading_down':'\u2935\ufe0f',
'arrow_heading_up':'\u2934\ufe0f',
'arrow_left':'\u2b05\ufe0f',
'arrow_lower_left':'\u2199\ufe0f',
'arrow_lower_right':'\u2198\ufe0f',
'arrow_right':'\u27a1\ufe0f',
'arrow_right_hook':'\u21aa\ufe0f',
'arrow_up':'\u2b06\ufe0f',
'arrow_up_down':'\u2195\ufe0f',
'arrow_up_small':'\ud83d\udd3c',
'arrow_upper_left':'\u2196\ufe0f',
'arrow_upper_right':'\u2197\ufe0f',
'arrows_clockwise':'\ud83d\udd03',
'arrows_counterclockwise':'\ud83d\udd04',
'art':'\ud83c\udfa8',
'articulated_lorry':'\ud83d\ude9b',
'artificial_satellite':'\ud83d\udef0',
'astonished':'\ud83d\ude32',
'athletic_shoe':'\ud83d\udc5f',
'atm':'\ud83c\udfe7',
'atom_symbol':'\u269b\ufe0f',
'avocado':'\ud83e\udd51',
'b':'\ud83c\udd71\ufe0f',
'baby':'\ud83d\udc76',
'baby_bottle':'\ud83c\udf7c',
'baby_chick':'\ud83d\udc24',
'baby_symbol':'\ud83d\udebc',
'back':'\ud83d\udd19',
'bacon':'\ud83e\udd53',
'badminton':'\ud83c\udff8',
'baggage_claim':'\ud83d\udec4',
'baguette_bread':'\ud83e\udd56',
'balance_scale':'\u2696\ufe0f',
'balloon':'\ud83c\udf88',
'ballot_box':'\ud83d\uddf3',
'ballot_box_with_check':'\u2611\ufe0f',
'bamboo':'\ud83c\udf8d',
'banana':'\ud83c\udf4c',
'bangbang':'\u203c\ufe0f',
'bank':'\ud83c\udfe6',
'bar_chart':'\ud83d\udcca',
'barber':'\ud83d\udc88',
'baseball':'\u26be\ufe0f',
'basketball':'\ud83c\udfc0',
'basketball_man':'\u26f9\ufe0f',
'basketball_woman':'\u26f9\ufe0f‍\u2640\ufe0f',
'bat':'\ud83e\udd87',
'bath':'\ud83d\udec0',
'bathtub':'\ud83d\udec1',
'battery':'\ud83d\udd0b',
'beach_umbrella':'\ud83c\udfd6',
'bear':'\ud83d\udc3b',
'bed':'\ud83d\udecf',
'bee':'\ud83d\udc1d',
'beer':'\ud83c\udf7a',
'beers':'\ud83c\udf7b',
'beetle':'\ud83d\udc1e',
'beginner':'\ud83d\udd30',
'bell':'\ud83d\udd14',
'bellhop_bell':'\ud83d\udece',
'bento':'\ud83c\udf71',
'biking_man':'\ud83d\udeb4',
'bike':'\ud83d\udeb2',
'biking_woman':'\ud83d\udeb4‍\u2640\ufe0f',
'bikini':'\ud83d\udc59',
'biohazard':'\u2623\ufe0f',
'bird':'\ud83d\udc26',
'birthday':'\ud83c\udf82',
'black_circle':'\u26ab\ufe0f',
'black_flag':'\ud83c\udff4',
'black_heart':'\ud83d\udda4',
'black_joker':'\ud83c\udccf',
'black_large_square':'\u2b1b\ufe0f',
'black_medium_small_square':'\u25fe\ufe0f',
'black_medium_square':'\u25fc\ufe0f',
'black_nib':'\u2712\ufe0f',
'black_small_square':'\u25aa\ufe0f',
'black_square_button':'\ud83d\udd32',
'blonde_man':'\ud83d\udc71',
'blonde_woman':'\ud83d\udc71‍\u2640\ufe0f',
'blossom':'\ud83c\udf3c',
'blowfish':'\ud83d\udc21',
'blue_book':'\ud83d\udcd8',
'blue_car':'\ud83d\ude99',
'blue_heart':'\ud83d\udc99',
'blush':'\ud83d\ude0a',
'boar':'\ud83d\udc17',
'boat':'\u26f5\ufe0f',
'bomb':'\ud83d\udca3',
'book':'\ud83d\udcd6',
'bookmark':'\ud83d\udd16',
'bookmark_tabs':'\ud83d\udcd1',
'books':'\ud83d\udcda',
'boom':'\ud83d\udca5',
'boot':'\ud83d\udc62',
'bouquet':'\ud83d\udc90',
'bowing_man':'\ud83d\ude47',
'bow_and_arrow':'\ud83c\udff9',
'bowing_woman':'\ud83d\ude47‍\u2640\ufe0f',
'bowling':'\ud83c\udfb3',
'boxing_glove':'\ud83e\udd4a',
'boy':'\ud83d\udc66',
'bread':'\ud83c\udf5e',
'bride_with_veil':'\ud83d\udc70',
'bridge_at_night':'\ud83c\udf09',
'briefcase':'\ud83d\udcbc',
'broken_heart':'\ud83d\udc94',
'bug':'\ud83d\udc1b',
'building_construction':'\ud83c\udfd7',
'bulb':'\ud83d\udca1',
'bullettrain_front':'\ud83d\ude85',
'bullettrain_side':'\ud83d\ude84',
'burrito':'\ud83c\udf2f',
'bus':'\ud83d\ude8c',
'business_suit_levitating':'\ud83d\udd74',
'busstop':'\ud83d\ude8f',
'bust_in_silhouette':'\ud83d\udc64',
'busts_in_silhouette':'\ud83d\udc65',
'butterfly':'\ud83e\udd8b',
'cactus':'\ud83c\udf35',
'cake':'\ud83c\udf70',
'calendar':'\ud83d\udcc6',
'call_me_hand':'\ud83e\udd19',
'calling':'\ud83d\udcf2',
'camel':'\ud83d\udc2b',
'camera':'\ud83d\udcf7',
'camera_flash':'\ud83d\udcf8',
'camping':'\ud83c\udfd5',
'cancer':'\u264b\ufe0f',
'candle':'\ud83d\udd6f',
'candy':'\ud83c\udf6c',
'canoe':'\ud83d\udef6',
'capital_abcd':'\ud83d\udd20',
'capricorn':'\u2651\ufe0f',
'car':'\ud83d\ude97',
'card_file_box':'\ud83d\uddc3',
'card_index':'\ud83d\udcc7',
'card_index_dividers':'\ud83d\uddc2',
'carousel_horse':'\ud83c\udfa0',
'carrot':'\ud83e\udd55',
'cat':'\ud83d\udc31',
'cat2':'\ud83d\udc08',
'cd':'\ud83d\udcbf',
'chains':'\u26d3',
'champagne':'\ud83c\udf7e',
'chart':'\ud83d\udcb9',
'chart_with_downwards_trend':'\ud83d\udcc9',
'chart_with_upwards_trend':'\ud83d\udcc8',
'checkered_flag':'\ud83c\udfc1',
'cheese':'\ud83e\uddc0',
'cherries':'\ud83c\udf52',
'cherry_blossom':'\ud83c\udf38',
'chestnut':'\ud83c\udf30',
'chicken':'\ud83d\udc14',
'children_crossing':'\ud83d\udeb8',
'chipmunk':'\ud83d\udc3f',
'chocolate_bar':'\ud83c\udf6b',
'christmas_tree':'\ud83c\udf84',
'church':'\u26ea\ufe0f',
'cinema':'\ud83c\udfa6',
'circus_tent':'\ud83c\udfaa',
'city_sunrise':'\ud83c\udf07',
'city_sunset':'\ud83c\udf06',
'cityscape':'\ud83c\udfd9',
'cl':'\ud83c\udd91',
'clamp':'\ud83d\udddc',
'clap':'\ud83d\udc4f',
'clapper':'\ud83c\udfac',
'classical_building':'\ud83c\udfdb',
'clinking_glasses':'\ud83e\udd42',
'clipboard':'\ud83d\udccb',
'clock1':'\ud83d\udd50',
'clock10':'\ud83d\udd59',
'clock1030':'\ud83d\udd65',
'clock11':'\ud83d\udd5a',
'clock1130':'\ud83d\udd66',
'clock12':'\ud83d\udd5b',
'clock1230':'\ud83d\udd67',
'clock130':'\ud83d\udd5c',
'clock2':'\ud83d\udd51',
'clock230':'\ud83d\udd5d',
'clock3':'\ud83d\udd52',
'clock330':'\ud83d\udd5e',
'clock4':'\ud83d\udd53',
'clock430':'\ud83d\udd5f',
'clock5':'\ud83d\udd54',
'clock530':'\ud83d\udd60',
'clock6':'\ud83d\udd55',
'clock630':'\ud83d\udd61',
'clock7':'\ud83d\udd56',
'clock730':'\ud83d\udd62',
'clock8':'\ud83d\udd57',
'clock830':'\ud83d\udd63',
'clock9':'\ud83d\udd58',
'clock930':'\ud83d\udd64',
'closed_book':'\ud83d\udcd5',
'closed_lock_with_key':'\ud83d\udd10',
'closed_umbrella':'\ud83c\udf02',
'cloud':'\u2601\ufe0f',
'cloud_with_lightning':'\ud83c\udf29',
'cloud_with_lightning_and_rain':'\u26c8',
'cloud_with_rain':'\ud83c\udf27',
'cloud_with_snow':'\ud83c\udf28',
'clown_face':'\ud83e\udd21',
'clubs':'\u2663\ufe0f',
'cocktail':'\ud83c\udf78',
'coffee':'\u2615\ufe0f',
'coffin':'\u26b0\ufe0f',
'cold_sweat':'\ud83d\ude30',
'comet':'\u2604\ufe0f',
'computer':'\ud83d\udcbb',
'computer_mouse':'\ud83d\uddb1',
'confetti_ball':'\ud83c\udf8a',
'confounded':'\ud83d\ude16',
'confused':'\ud83d\ude15',
'congratulations':'\u3297\ufe0f',
'construction':'\ud83d\udea7',
'construction_worker_man':'\ud83d\udc77',
'construction_worker_woman':'\ud83d\udc77‍\u2640\ufe0f',
'control_knobs':'\ud83c\udf9b',
'convenience_store':'\ud83c\udfea',
'cookie':'\ud83c\udf6a',
'cool':'\ud83c\udd92',
'policeman':'\ud83d\udc6e',
'copyright':'\u00a9\ufe0f',
'corn':'\ud83c\udf3d',
'couch_and_lamp':'\ud83d\udecb',
'couple':'\ud83d\udc6b',
'couple_with_heart_woman_man':'\ud83d\udc91',
'couple_with_heart_man_man':'\ud83d\udc68‍\u2764\ufe0f‍\ud83d\udc68',
'couple_with_heart_woman_woman':'\ud83d\udc69‍\u2764\ufe0f‍\ud83d\udc69',
'couplekiss_man_man':'\ud83d\udc68‍\u2764\ufe0f‍\ud83d\udc8b‍\ud83d\udc68',
'couplekiss_man_woman':'\ud83d\udc8f',
'couplekiss_woman_woman':'\ud83d\udc69‍\u2764\ufe0f‍\ud83d\udc8b‍\ud83d\udc69',
'cow':'\ud83d\udc2e',
'cow2':'\ud83d\udc04',
'cowboy_hat_face':'\ud83e\udd20',
'crab':'\ud83e\udd80',
'crayon':'\ud83d\udd8d',
'credit_card':'\ud83d\udcb3',
'crescent_moon':'\ud83c\udf19',
'cricket':'\ud83c\udfcf',
'crocodile':'\ud83d\udc0a',
'croissant':'\ud83e\udd50',
'crossed_fingers':'\ud83e\udd1e',
'crossed_flags':'\ud83c\udf8c',
'crossed_swords':'\u2694\ufe0f',
'crown':'\ud83d\udc51',
'cry':'\ud83d\ude22',
'crying_cat_face':'\ud83d\ude3f',
'crystal_ball':'\ud83d\udd2e',
'cucumber':'\ud83e\udd52',
'cupid':'\ud83d\udc98',
'curly_loop':'\u27b0',
'currency_exchange':'\ud83d\udcb1',
'curry':'\ud83c\udf5b',
'custard':'\ud83c\udf6e',
'customs':'\ud83d\udec3',
'cyclone':'\ud83c\udf00',
'dagger':'\ud83d\udde1',
'dancer':'\ud83d\udc83',
'dancing_women':'\ud83d\udc6f',
'dancing_men':'\ud83d\udc6f‍\u2642\ufe0f',
'dango':'\ud83c\udf61',
'dark_sunglasses':'\ud83d\udd76',
'dart':'\ud83c\udfaf',
'dash':'\ud83d\udca8',
'date':'\ud83d\udcc5',
'deciduous_tree':'\ud83c\udf33',
'deer':'\ud83e\udd8c',
'department_store':'\ud83c\udfec',
'derelict_house':'\ud83c\udfda',
'desert':'\ud83c\udfdc',
'desert_island':'\ud83c\udfdd',
'desktop_computer':'\ud83d\udda5',
'male_detective':'\ud83d\udd75\ufe0f',
'diamond_shape_with_a_dot_inside':'\ud83d\udca0',
'diamonds':'\u2666\ufe0f',
'disappointed':'\ud83d\ude1e',
'disappointed_relieved':'\ud83d\ude25',
'dizzy':'\ud83d\udcab',
'dizzy_face':'\ud83d\ude35',
'do_not_litter':'\ud83d\udeaf',
'dog':'\ud83d\udc36',
'dog2':'\ud83d\udc15',
'dollar':'\ud83d\udcb5',
'dolls':'\ud83c\udf8e',
'dolphin':'\ud83d\udc2c',
'door':'\ud83d\udeaa',
'doughnut':'\ud83c\udf69',
'dove':'\ud83d\udd4a',
'dragon':'\ud83d\udc09',
'dragon_face':'\ud83d\udc32',
'dress':'\ud83d\udc57',
'dromedary_camel':'\ud83d\udc2a',
'drooling_face':'\ud83e\udd24',
'droplet':'\ud83d\udca7',
'drum':'\ud83e\udd41',
'duck':'\ud83e\udd86',
'dvd':'\ud83d\udcc0',
'e-mail':'\ud83d\udce7',
'eagle':'\ud83e\udd85',
'ear':'\ud83d\udc42',
'ear_of_rice':'\ud83c\udf3e',
'earth_africa':'\ud83c\udf0d',
'earth_americas':'\ud83c\udf0e',
'earth_asia':'\ud83c\udf0f',
'egg':'\ud83e\udd5a',
'eggplant':'\ud83c\udf46',
'eight_pointed_black_star':'\u2734\ufe0f',
'eight_spoked_asterisk':'\u2733\ufe0f',
'electric_plug':'\ud83d\udd0c',
'elephant':'\ud83d\udc18',
'email':'\u2709\ufe0f',
'end':'\ud83d\udd1a',
'envelope_with_arrow':'\ud83d\udce9',
'euro':'\ud83d\udcb6',
'european_castle':'\ud83c\udff0',
'european_post_office':'\ud83c\udfe4',
'evergreen_tree':'\ud83c\udf32',
'exclamation':'\u2757\ufe0f',
'expressionless':'\ud83d\ude11',
'eye':'\ud83d\udc41',
'eye_speech_bubble':'\ud83d\udc41‍\ud83d\udde8',
'eyeglasses':'\ud83d\udc53',
'eyes':'\ud83d\udc40',
'face_with_head_bandage':'\ud83e\udd15',
'face_with_thermometer':'\ud83e\udd12',
'fist_oncoming':'\ud83d\udc4a',
'factory':'\ud83c\udfed',
'fallen_leaf':'\ud83c\udf42',
'family_man_woman_boy':'\ud83d\udc6a',
'family_man_boy':'\ud83d\udc68‍\ud83d\udc66',
'family_man_boy_boy':'\ud83d\udc68‍\ud83d\udc66‍\ud83d\udc66',
'family_man_girl':'\ud83d\udc68‍\ud83d\udc67',
'family_man_girl_boy':'\ud83d\udc68‍\ud83d\udc67‍\ud83d\udc66',
'family_man_girl_girl':'\ud83d\udc68‍\ud83d\udc67‍\ud83d\udc67',
'family_man_man_boy':'\ud83d\udc68‍\ud83d\udc68‍\ud83d\udc66',
'family_man_man_boy_boy':'\ud83d\udc68‍\ud83d\udc68‍\ud83d\udc66‍\ud83d\udc66',
'family_man_man_girl':'\ud83d\udc68‍\ud83d\udc68‍\ud83d\udc67',
'family_man_man_girl_boy':'\ud83d\udc68‍\ud83d\udc68‍\ud83d\udc67‍\ud83d\udc66',
'family_man_man_girl_girl':'\ud83d\udc68‍\ud83d\udc68‍\ud83d\udc67‍\ud83d\udc67',
'family_man_woman_boy_boy':'\ud83d\udc68‍\ud83d\udc69‍\ud83d\udc66‍\ud83d\udc66',
'family_man_woman_girl':'\ud83d\udc68‍\ud83d\udc69‍\ud83d\udc67',
'family_man_woman_girl_boy':'\ud83d\udc68‍\ud83d\udc69‍\ud83d\udc67‍\ud83d\udc66',
'family_man_woman_girl_girl':'\ud83d\udc68‍\ud83d\udc69‍\ud83d\udc67‍\ud83d\udc67',
'family_woman_boy':'\ud83d\udc69‍\ud83d\udc66',
'family_woman_boy_boy':'\ud83d\udc69‍\ud83d\udc66‍\ud83d\udc66',
'family_woman_girl':'\ud83d\udc69‍\ud83d\udc67',
'family_woman_girl_boy':'\ud83d\udc69‍\ud83d\udc67‍\ud83d\udc66',
'family_woman_girl_girl':'\ud83d\udc69‍\ud83d\udc67‍\ud83d\udc67',
'family_woman_woman_boy':'\ud83d\udc69‍\ud83d\udc69‍\ud83d\udc66',
'family_woman_woman_boy_boy':'\ud83d\udc69‍\ud83d\udc69‍\ud83d\udc66‍\ud83d\udc66',
'family_woman_woman_girl':'\ud83d\udc69‍\ud83d\udc69‍\ud83d\udc67',
'family_woman_woman_girl_boy':'\ud83d\udc69‍\ud83d\udc69‍\ud83d\udc67‍\ud83d\udc66',
'family_woman_woman_girl_girl':'\ud83d\udc69‍\ud83d\udc69‍\ud83d\udc67‍\ud83d\udc67',
'fast_forward':'\u23e9',
'fax':'\ud83d\udce0',
'fearful':'\ud83d\ude28',
'feet':'\ud83d\udc3e',
'female_detective':'\ud83d\udd75\ufe0f‍\u2640\ufe0f',
'ferris_wheel':'\ud83c\udfa1',
'ferry':'\u26f4',
'field_hockey':'\ud83c\udfd1',
'file_cabinet':'\ud83d\uddc4',
'file_folder':'\ud83d\udcc1',
'film_projector':'\ud83d\udcfd',
'film_strip':'\ud83c\udf9e',
'fire':'\ud83d\udd25',
'fire_engine':'\ud83d\ude92',
'fireworks':'\ud83c\udf86',
'first_quarter_moon':'\ud83c\udf13',
'first_quarter_moon_with_face':'\ud83c\udf1b',
'fish':'\ud83d\udc1f',
'fish_cake':'\ud83c\udf65',
'fishing_pole_and_fish':'\ud83c\udfa3',
'fist_raised':'\u270a',
'fist_left':'\ud83e\udd1b',
'fist_right':'\ud83e\udd1c',
'flags':'\ud83c\udf8f',
'flashlight':'\ud83d\udd26',
'fleur_de_lis':'\u269c\ufe0f',
'flight_arrival':'\ud83d\udeec',
'flight_departure':'\ud83d\udeeb',
'floppy_disk':'\ud83d\udcbe',
'flower_playing_cards':'\ud83c\udfb4',
'flushed':'\ud83d\ude33',
'fog':'\ud83c\udf2b',
'foggy':'\ud83c\udf01',
'football':'\ud83c\udfc8',
'footprints':'\ud83d\udc63',
'fork_and_knife':'\ud83c\udf74',
'fountain':'\u26f2\ufe0f',
'fountain_pen':'\ud83d\udd8b',
'four_leaf_clover':'\ud83c\udf40',
'fox_face':'\ud83e\udd8a',
'framed_picture':'\ud83d\uddbc',
'free':'\ud83c\udd93',
'fried_egg':'\ud83c\udf73',
'fried_shrimp':'\ud83c\udf64',
'fries':'\ud83c\udf5f',
'frog':'\ud83d\udc38',
'frowning':'\ud83d\ude26',
'frowning_face':'\u2639\ufe0f',
'frowning_man':'\ud83d\ude4d‍\u2642\ufe0f',
'frowning_woman':'\ud83d\ude4d',
'middle_finger':'\ud83d\udd95',
'fuelpump':'\u26fd\ufe0f',
'full_moon':'\ud83c\udf15',
'full_moon_with_face':'\ud83c\udf1d',
'funeral_urn':'\u26b1\ufe0f',
'game_die':'\ud83c\udfb2',
'gear':'\u2699\ufe0f',
'gem':'\ud83d\udc8e',
'gemini':'\u264a\ufe0f',
'ghost':'\ud83d\udc7b',
'gift':'\ud83c\udf81',
'gift_heart':'\ud83d\udc9d',
'girl':'\ud83d\udc67',
'globe_with_meridians':'\ud83c\udf10',
'goal_net':'\ud83e\udd45',
'goat':'\ud83d\udc10',
'golf':'\u26f3\ufe0f',
'golfing_man':'\ud83c\udfcc\ufe0f',
'golfing_woman':'\ud83c\udfcc\ufe0f‍\u2640\ufe0f',
'gorilla':'\ud83e\udd8d',
'grapes':'\ud83c\udf47',
'green_apple':'\ud83c\udf4f',
'green_book':'\ud83d\udcd7',
'green_heart':'\ud83d\udc9a',
'green_salad':'\ud83e\udd57',
'grey_exclamation':'\u2755',
'grey_question':'\u2754',
'grimacing':'\ud83d\ude2c',
'grin':'\ud83d\ude01',
'grinning':'\ud83d\ude00',
'guardsman':'\ud83d\udc82',
'guardswoman':'\ud83d\udc82‍\u2640\ufe0f',
'guitar':'\ud83c\udfb8',
'gun':'\ud83d\udd2b',
'haircut_woman':'\ud83d\udc87',
'haircut_man':'\ud83d\udc87‍\u2642\ufe0f',
'hamburger':'\ud83c\udf54',
'hammer':'\ud83d\udd28',
'hammer_and_pick':'\u2692',
'hammer_and_wrench':'\ud83d\udee0',
'hamster':'\ud83d\udc39',
'hand':'\u270b',
'handbag':'\ud83d\udc5c',
'handshake':'\ud83e\udd1d',
'hankey':'\ud83d\udca9',
'hatched_chick':'\ud83d\udc25',
'hatching_chick':'\ud83d\udc23',
'headphones':'\ud83c\udfa7',
'hear_no_evil':'\ud83d\ude49',
'heart':'\u2764\ufe0f',
'heart_decoration':'\ud83d\udc9f',
'heart_eyes':'\ud83d\ude0d',
'heart_eyes_cat':'\ud83d\ude3b',
'heartbeat':'\ud83d\udc93',
'heartpulse':'\ud83d\udc97',
'hearts':'\u2665\ufe0f',
'heavy_check_mark':'\u2714\ufe0f',
'heavy_division_sign':'\u2797',
'heavy_dollar_sign':'\ud83d\udcb2',
'heavy_heart_exclamation':'\u2763\ufe0f',
'heavy_minus_sign':'\u2796',
'heavy_multiplication_x':'\u2716\ufe0f',
'heavy_plus_sign':'\u2795',
'helicopter':'\ud83d\ude81',
'herb':'\ud83c\udf3f',
'hibiscus':'\ud83c\udf3a',
'high_brightness':'\ud83d\udd06',
'high_heel':'\ud83d\udc60',
'hocho':'\ud83d\udd2a',
'hole':'\ud83d\udd73',
'honey_pot':'\ud83c\udf6f',
'horse':'\ud83d\udc34',
'horse_racing':'\ud83c\udfc7',
'hospital':'\ud83c\udfe5',
'hot_pepper':'\ud83c\udf36',
'hotdog':'\ud83c\udf2d',
'hotel':'\ud83c\udfe8',
'hotsprings':'\u2668\ufe0f',
'hourglass':'\u231b\ufe0f',
'hourglass_flowing_sand':'\u23f3',
'house':'\ud83c\udfe0',
'house_with_garden':'\ud83c\udfe1',
'houses':'\ud83c\udfd8',
'hugs':'\ud83e\udd17',
'hushed':'\ud83d\ude2f',
'ice_cream':'\ud83c\udf68',
'ice_hockey':'\ud83c\udfd2',
'ice_skate':'\u26f8',
'icecream':'\ud83c\udf66',
'id':'\ud83c\udd94',
'ideograph_advantage':'\ud83c\ude50',
'imp':'\ud83d\udc7f',
'inbox_tray':'\ud83d\udce5',
'incoming_envelope':'\ud83d\udce8',
'tipping_hand_woman':'\ud83d\udc81',
'information_source':'\u2139\ufe0f',
'innocent':'\ud83d\ude07',
'interrobang':'\u2049\ufe0f',
'iphone':'\ud83d\udcf1',
'izakaya_lantern':'\ud83c\udfee',
'jack_o_lantern':'\ud83c\udf83',
'japan':'\ud83d\uddfe',
'japanese_castle':'\ud83c\udfef',
'japanese_goblin':'\ud83d\udc7a',
'japanese_ogre':'\ud83d\udc79',
'jeans':'\ud83d\udc56',
'joy':'\ud83d\ude02',
'joy_cat':'\ud83d\ude39',
'joystick':'\ud83d\udd79',
'kaaba':'\ud83d\udd4b',
'key':'\ud83d\udd11',
'keyboard':'\u2328\ufe0f',
'keycap_ten':'\ud83d\udd1f',
'kick_scooter':'\ud83d\udef4',
'kimono':'\ud83d\udc58',
'kiss':'\ud83d\udc8b',
'kissing':'\ud83d\ude17',
'kissing_cat':'\ud83d\ude3d',
'kissing_closed_eyes':'\ud83d\ude1a',
'kissing_heart':'\ud83d\ude18',
'kissing_smiling_eyes':'\ud83d\ude19',
'kiwi_fruit':'\ud83e\udd5d',
'koala':'\ud83d\udc28',
'koko':'\ud83c\ude01',
'label':'\ud83c\udff7',
'large_blue_circle':'\ud83d\udd35',
'large_blue_diamond':'\ud83d\udd37',
'large_orange_diamond':'\ud83d\udd36',
'last_quarter_moon':'\ud83c\udf17',
'last_quarter_moon_with_face':'\ud83c\udf1c',
'latin_cross':'\u271d\ufe0f',
'laughing':'\ud83d\ude06',
'leaves':'\ud83c\udf43',
'ledger':'\ud83d\udcd2',
'left_luggage':'\ud83d\udec5',
'left_right_arrow':'\u2194\ufe0f',
'leftwards_arrow_with_hook':'\u21a9\ufe0f',
'lemon':'\ud83c\udf4b',
'leo':'\u264c\ufe0f',
'leopard':'\ud83d\udc06',
'level_slider':'\ud83c\udf9a',
'libra':'\u264e\ufe0f',
'light_rail':'\ud83d\ude88',
'link':'\ud83d\udd17',
'lion':'\ud83e\udd81',
'lips':'\ud83d\udc44',
'lipstick':'\ud83d\udc84',
'lizard':'\ud83e\udd8e',
'lock':'\ud83d\udd12',
'lock_with_ink_pen':'\ud83d\udd0f',
'lollipop':'\ud83c\udf6d',
'loop':'\u27bf',
'loud_sound':'\ud83d\udd0a',
'loudspeaker':'\ud83d\udce2',
'love_hotel':'\ud83c\udfe9',
'love_letter':'\ud83d\udc8c',
'low_brightness':'\ud83d\udd05',
'lying_face':'\ud83e\udd25',
'm':'\u24c2\ufe0f',
'mag':'\ud83d\udd0d',
'mag_right':'\ud83d\udd0e',
'mahjong':'\ud83c\udc04\ufe0f',
'mailbox':'\ud83d\udceb',
'mailbox_closed':'\ud83d\udcea',
'mailbox_with_mail':'\ud83d\udcec',
'mailbox_with_no_mail':'\ud83d\udced',
'man':'\ud83d\udc68',
'man_artist':'\ud83d\udc68‍\ud83c\udfa8',
'man_astronaut':'\ud83d\udc68‍\ud83d\ude80',
'man_cartwheeling':'\ud83e\udd38‍\u2642\ufe0f',
'man_cook':'\ud83d\udc68‍\ud83c\udf73',
'man_dancing':'\ud83d\udd7a',
'man_facepalming':'\ud83e\udd26‍\u2642\ufe0f',
'man_factory_worker':'\ud83d\udc68‍\ud83c\udfed',
'man_farmer':'\ud83d\udc68‍\ud83c\udf3e',
'man_firefighter':'\ud83d\udc68‍\ud83d\ude92',
'man_health_worker':'\ud83d\udc68‍\u2695\ufe0f',
'man_in_tuxedo':'\ud83e\udd35',
'man_judge':'\ud83d\udc68‍\u2696\ufe0f',
'man_juggling':'\ud83e\udd39‍\u2642\ufe0f',
'man_mechanic':'\ud83d\udc68‍\ud83d\udd27',
'man_office_worker':'\ud83d\udc68‍\ud83d\udcbc',
'man_pilot':'\ud83d\udc68‍\u2708\ufe0f',
'man_playing_handball':'\ud83e\udd3e‍\u2642\ufe0f',
'man_playing_water_polo':'\ud83e\udd3d‍\u2642\ufe0f',
'man_scientist':'\ud83d\udc68‍\ud83d\udd2c',
'man_shrugging':'\ud83e\udd37‍\u2642\ufe0f',
'man_singer':'\ud83d\udc68‍\ud83c\udfa4',
'man_student':'\ud83d\udc68‍\ud83c\udf93',
'man_teacher':'\ud83d\udc68‍\ud83c\udfeb',
'man_technologist':'\ud83d\udc68‍\ud83d\udcbb',
'man_with_gua_pi_mao':'\ud83d\udc72',
'man_with_turban':'\ud83d\udc73',
'tangerine':'\ud83c\udf4a',
'mans_shoe':'\ud83d\udc5e',
'mantelpiece_clock':'\ud83d\udd70',
'maple_leaf':'\ud83c\udf41',
'martial_arts_uniform':'\ud83e\udd4b',
'mask':'\ud83d\ude37',
'massage_woman':'\ud83d\udc86',
'massage_man':'\ud83d\udc86‍\u2642\ufe0f',
'meat_on_bone':'\ud83c\udf56',
'medal_military':'\ud83c\udf96',
'medal_sports':'\ud83c\udfc5',
'mega':'\ud83d\udce3',
'melon':'\ud83c\udf48',
'memo':'\ud83d\udcdd',
'men_wrestling':'\ud83e\udd3c‍\u2642\ufe0f',
'menorah':'\ud83d\udd4e',
'mens':'\ud83d\udeb9',
'metal':'\ud83e\udd18',
'metro':'\ud83d\ude87',
'microphone':'\ud83c\udfa4',
'microscope':'\ud83d\udd2c',
'milk_glass':'\ud83e\udd5b',
'milky_way':'\ud83c\udf0c',
'minibus':'\ud83d\ude90',
'minidisc':'\ud83d\udcbd',
'mobile_phone_off':'\ud83d\udcf4',
'money_mouth_face':'\ud83e\udd11',
'money_with_wings':'\ud83d\udcb8',
'moneybag':'\ud83d\udcb0',
'monkey':'\ud83d\udc12',
'monkey_face':'\ud83d\udc35',
'monorail':'\ud83d\ude9d',
'moon':'\ud83c\udf14',
'mortar_board':'\ud83c\udf93',
'mosque':'\ud83d\udd4c',
'motor_boat':'\ud83d\udee5',
'motor_scooter':'\ud83d\udef5',
'motorcycle':'\ud83c\udfcd',
'motorway':'\ud83d\udee3',
'mount_fuji':'\ud83d\uddfb',
'mountain':'\u26f0',
'mountain_biking_man':'\ud83d\udeb5',
'mountain_biking_woman':'\ud83d\udeb5‍\u2640\ufe0f',
'mountain_cableway':'\ud83d\udea0',
'mountain_railway':'\ud83d\ude9e',
'mountain_snow':'\ud83c\udfd4',
'mouse':'\ud83d\udc2d',
'mouse2':'\ud83d\udc01',
'movie_camera':'\ud83c\udfa5',
'moyai':'\ud83d\uddff',
'mrs_claus':'\ud83e\udd36',
'muscle':'\ud83d\udcaa',
'mushroom':'\ud83c\udf44',
'musical_keyboard':'\ud83c\udfb9',
'musical_note':'\ud83c\udfb5',
'musical_score':'\ud83c\udfbc',
'mute':'\ud83d\udd07',
'nail_care':'\ud83d\udc85',
'name_badge':'\ud83d\udcdb',
'national_park':'\ud83c\udfde',
'nauseated_face':'\ud83e\udd22',
'necktie':'\ud83d\udc54',
'negative_squared_cross_mark':'\u274e',
'nerd_face':'\ud83e\udd13',
'neutral_face':'\ud83d\ude10',
'new':'\ud83c\udd95',
'new_moon':'\ud83c\udf11',
'new_moon_with_face':'\ud83c\udf1a',
'newspaper':'\ud83d\udcf0',
'newspaper_roll':'\ud83d\uddde',
'next_track_button':'\u23ed',
'ng':'\ud83c\udd96',
'no_good_man':'\ud83d\ude45‍\u2642\ufe0f',
'no_good_woman':'\ud83d\ude45',
'night_with_stars':'\ud83c\udf03',
'no_bell':'\ud83d\udd15',
'no_bicycles':'\ud83d\udeb3',
'no_entry':'\u26d4\ufe0f',
'no_entry_sign':'\ud83d\udeab',
'no_mobile_phones':'\ud83d\udcf5',
'no_mouth':'\ud83d\ude36',
'no_pedestrians':'\ud83d\udeb7',
'no_smoking':'\ud83d\udead',
'non-potable_water':'\ud83d\udeb1',
'nose':'\ud83d\udc43',
'notebook':'\ud83d\udcd3',
'notebook_with_decorative_cover':'\ud83d\udcd4',
'notes':'\ud83c\udfb6',
'nut_and_bolt':'\ud83d\udd29',
'o':'\u2b55\ufe0f',
'o2':'\ud83c\udd7e\ufe0f',
'ocean':'\ud83c\udf0a',
'octopus':'\ud83d\udc19',
'oden':'\ud83c\udf62',
'office':'\ud83c\udfe2',
'oil_drum':'\ud83d\udee2',
'ok':'\ud83c\udd97',
'ok_hand':'\ud83d\udc4c',
'ok_man':'\ud83d\ude46‍\u2642\ufe0f',
'ok_woman':'\ud83d\ude46',
'old_key':'\ud83d\udddd',
'older_man':'\ud83d\udc74',
'older_woman':'\ud83d\udc75',
'om':'\ud83d\udd49',
'on':'\ud83d\udd1b',
'oncoming_automobile':'\ud83d\ude98',
'oncoming_bus':'\ud83d\ude8d',
'oncoming_police_car':'\ud83d\ude94',
'oncoming_taxi':'\ud83d\ude96',
'open_file_folder':'\ud83d\udcc2',
'open_hands':'\ud83d\udc50',
'open_mouth':'\ud83d\ude2e',
'open_umbrella':'\u2602\ufe0f',
'ophiuchus':'\u26ce',
'orange_book':'\ud83d\udcd9',
'orthodox_cross':'\u2626\ufe0f',
'outbox_tray':'\ud83d\udce4',
'owl':'\ud83e\udd89',
'ox':'\ud83d\udc02',
'package':'\ud83d\udce6',
'page_facing_up':'\ud83d\udcc4',
'page_with_curl':'\ud83d\udcc3',
'pager':'\ud83d\udcdf',
'paintbrush':'\ud83d\udd8c',
'palm_tree':'\ud83c\udf34',
'pancakes':'\ud83e\udd5e',
'panda_face':'\ud83d\udc3c',
'paperclip':'\ud83d\udcce',
'paperclips':'\ud83d\udd87',
'parasol_on_ground':'\u26f1',
'parking':'\ud83c\udd7f\ufe0f',
'part_alternation_mark':'\u303d\ufe0f',
'partly_sunny':'\u26c5\ufe0f',
'passenger_ship':'\ud83d\udef3',
'passport_control':'\ud83d\udec2',
'pause_button':'\u23f8',
'peace_symbol':'\u262e\ufe0f',
'peach':'\ud83c\udf51',
'peanuts':'\ud83e\udd5c',
'pear':'\ud83c\udf50',
'pen':'\ud83d\udd8a',
'pencil2':'\u270f\ufe0f',
'penguin':'\ud83d\udc27',
'pensive':'\ud83d\ude14',
'performing_arts':'\ud83c\udfad',
'persevere':'\ud83d\ude23',
'person_fencing':'\ud83e\udd3a',
'pouting_woman':'\ud83d\ude4e',
'phone':'\u260e\ufe0f',
'pick':'\u26cf',
'pig':'\ud83d\udc37',
'pig2':'\ud83d\udc16',
'pig_nose':'\ud83d\udc3d',
'pill':'\ud83d\udc8a',
'pineapple':'\ud83c\udf4d',
'ping_pong':'\ud83c\udfd3',
'pisces':'\u2653\ufe0f',
'pizza':'\ud83c\udf55',
'place_of_worship':'\ud83d\uded0',
'plate_with_cutlery':'\ud83c\udf7d',
'play_or_pause_button':'\u23ef',
'point_down':'\ud83d\udc47',
'point_left':'\ud83d\udc48',
'point_right':'\ud83d\udc49',
'point_up':'\u261d\ufe0f',
'point_up_2':'\ud83d\udc46',
'police_car':'\ud83d\ude93',
'policewoman':'\ud83d\udc6e‍\u2640\ufe0f',
'poodle':'\ud83d\udc29',
'popcorn':'\ud83c\udf7f',
'post_office':'\ud83c\udfe3',
'postal_horn':'\ud83d\udcef',
'postbox':'\ud83d\udcee',
'potable_water':'\ud83d\udeb0',
'potato':'\ud83e\udd54',
'pouch':'\ud83d\udc5d',
'poultry_leg':'\ud83c\udf57',
'pound':'\ud83d\udcb7',
'rage':'\ud83d\ude21',
'pouting_cat':'\ud83d\ude3e',
'pouting_man':'\ud83d\ude4e‍\u2642\ufe0f',
'pray':'\ud83d\ude4f',
'prayer_beads':'\ud83d\udcff',
'pregnant_woman':'\ud83e\udd30',
'previous_track_button':'\u23ee',
'prince':'\ud83e\udd34',
'princess':'\ud83d\udc78',
'printer':'\ud83d\udda8',
'purple_heart':'\ud83d\udc9c',
'purse':'\ud83d\udc5b',
'pushpin':'\ud83d\udccc',
'put_litter_in_its_place':'\ud83d\udeae',
'question':'\u2753',
'rabbit':'\ud83d\udc30',
'rabbit2':'\ud83d\udc07',
'racehorse':'\ud83d\udc0e',
'racing_car':'\ud83c\udfce',
'radio':'\ud83d\udcfb',
'radio_button':'\ud83d\udd18',
'radioactive':'\u2622\ufe0f',
'railway_car':'\ud83d\ude83',
'railway_track':'\ud83d\udee4',
'rainbow':'\ud83c\udf08',
'rainbow_flag':'\ud83c\udff3\ufe0f‍\ud83c\udf08',
'raised_back_of_hand':'\ud83e\udd1a',
'raised_hand_with_fingers_splayed':'\ud83d\udd90',
'raised_hands':'\ud83d\ude4c',
'raising_hand_woman':'\ud83d\ude4b',
'raising_hand_man':'\ud83d\ude4b‍\u2642\ufe0f',
'ram':'\ud83d\udc0f',
'ramen':'\ud83c\udf5c',
'rat':'\ud83d\udc00',
'record_button':'\u23fa',
'recycle':'\u267b\ufe0f',
'red_circle':'\ud83d\udd34',
'registered':'\u00ae\ufe0f',
'relaxed':'\u263a\ufe0f',
'relieved':'\ud83d\ude0c',
'reminder_ribbon':'\ud83c\udf97',
'repeat':'\ud83d\udd01',
'repeat_one':'\ud83d\udd02',
'rescue_worker_helmet':'\u26d1',
'restroom':'\ud83d\udebb',
'revolving_hearts':'\ud83d\udc9e',
'rewind':'\u23ea',
'rhinoceros':'\ud83e\udd8f',
'ribbon':'\ud83c\udf80',
'rice':'\ud83c\udf5a',
'rice_ball':'\ud83c\udf59',
'rice_cracker':'\ud83c\udf58',
'rice_scene':'\ud83c\udf91',
'right_anger_bubble':'\ud83d\uddef',
'ring':'\ud83d\udc8d',
'robot':'\ud83e\udd16',
'rocket':'\ud83d\ude80',
'rofl':'\ud83e\udd23',
'roll_eyes':'\ud83d\ude44',
'roller_coaster':'\ud83c\udfa2',
'rooster':'\ud83d\udc13',
'rose':'\ud83c\udf39',
'rosette':'\ud83c\udff5',
'rotating_light':'\ud83d\udea8',
'round_pushpin':'\ud83d\udccd',
'rowing_man':'\ud83d\udea3',
'rowing_woman':'\ud83d\udea3‍\u2640\ufe0f',
'rugby_football':'\ud83c\udfc9',
'running_man':'\ud83c\udfc3',
'running_shirt_with_sash':'\ud83c\udfbd',
'running_woman':'\ud83c\udfc3‍\u2640\ufe0f',
'sa':'\ud83c\ude02\ufe0f',
'sagittarius':'\u2650\ufe0f',
'sake':'\ud83c\udf76',
'sandal':'\ud83d\udc61',
'santa':'\ud83c\udf85',
'satellite':'\ud83d\udce1',
'saxophone':'\ud83c\udfb7',
'school':'\ud83c\udfeb',
'school_satchel':'\ud83c\udf92',
'scissors':'\u2702\ufe0f',
'scorpion':'\ud83e\udd82',
'scorpius':'\u264f\ufe0f',
'scream':'\ud83d\ude31',
'scream_cat':'\ud83d\ude40',
'scroll':'\ud83d\udcdc',
'seat':'\ud83d\udcba',
'secret':'\u3299\ufe0f',
'see_no_evil':'\ud83d\ude48',
'seedling':'\ud83c\udf31',
'selfie':'\ud83e\udd33',
'shallow_pan_of_food':'\ud83e\udd58',
'shamrock':'\u2618\ufe0f',
'shark':'\ud83e\udd88',
'shaved_ice':'\ud83c\udf67',
'sheep':'\ud83d\udc11',
'shell':'\ud83d\udc1a',
'shield':'\ud83d\udee1',
'shinto_shrine':'\u26e9',
'ship':'\ud83d\udea2',
'shirt':'\ud83d\udc55',
'shopping':'\ud83d\udecd',
'shopping_cart':'\ud83d\uded2',
'shower':'\ud83d\udebf',
'shrimp':'\ud83e\udd90',
'signal_strength':'\ud83d\udcf6',
'six_pointed_star':'\ud83d\udd2f',
'ski':'\ud83c\udfbf',
'skier':'\u26f7',
'skull':'\ud83d\udc80',
'skull_and_crossbones':'\u2620\ufe0f',
'sleeping':'\ud83d\ude34',
'sleeping_bed':'\ud83d\udecc',
'sleepy':'\ud83d\ude2a',
'slightly_frowning_face':'\ud83d\ude41',
'slightly_smiling_face':'\ud83d\ude42',
'slot_machine':'\ud83c\udfb0',
'small_airplane':'\ud83d\udee9',
'small_blue_diamond':'\ud83d\udd39',
'small_orange_diamond':'\ud83d\udd38',
'small_red_triangle':'\ud83d\udd3a',
'small_red_triangle_down':'\ud83d\udd3b',
'smile':'\ud83d\ude04',
'smile_cat':'\ud83d\ude38',
'smiley':'\ud83d\ude03',
'smiley_cat':'\ud83d\ude3a',
'smiling_imp':'\ud83d\ude08',
'smirk':'\ud83d\ude0f',
'smirk_cat':'\ud83d\ude3c',
'smoking':'\ud83d\udeac',
'snail':'\ud83d\udc0c',
'snake':'\ud83d\udc0d',
'sneezing_face':'\ud83e\udd27',
'snowboarder':'\ud83c\udfc2',
'snowflake':'\u2744\ufe0f',
'snowman':'\u26c4\ufe0f',
'snowman_with_snow':'\u2603\ufe0f',
'sob':'\ud83d\ude2d',
'soccer':'\u26bd\ufe0f',
'soon':'\ud83d\udd1c',
'sos':'\ud83c\udd98',
'sound':'\ud83d\udd09',
'space_invader':'\ud83d\udc7e',
'spades':'\u2660\ufe0f',
'spaghetti':'\ud83c\udf5d',
'sparkle':'\u2747\ufe0f',
'sparkler':'\ud83c\udf87',
'sparkles':'\u2728',
'sparkling_heart':'\ud83d\udc96',
'speak_no_evil':'\ud83d\ude4a',
'speaker':'\ud83d\udd08',
'speaking_head':'\ud83d\udde3',
'speech_balloon':'\ud83d\udcac',
'speedboat':'\ud83d\udea4',
'spider':'\ud83d\udd77',
'spider_web':'\ud83d\udd78',
'spiral_calendar':'\ud83d\uddd3',
'spiral_notepad':'\ud83d\uddd2',
'spoon':'\ud83e\udd44',
'squid':'\ud83e\udd91',
'stadium':'\ud83c\udfdf',
'star':'\u2b50\ufe0f',
'star2':'\ud83c\udf1f',
'star_and_crescent':'\u262a\ufe0f',
'star_of_david':'\u2721\ufe0f',
'stars':'\ud83c\udf20',
'station':'\ud83d\ude89',
'statue_of_liberty':'\ud83d\uddfd',
'steam_locomotive':'\ud83d\ude82',
'stew':'\ud83c\udf72',
'stop_button':'\u23f9',
'stop_sign':'\ud83d\uded1',
'stopwatch':'\u23f1',
'straight_ruler':'\ud83d\udccf',
'strawberry':'\ud83c\udf53',
'stuck_out_tongue':'\ud83d\ude1b',
'stuck_out_tongue_closed_eyes':'\ud83d\ude1d',
'stuck_out_tongue_winking_eye':'\ud83d\ude1c',
'studio_microphone':'\ud83c\udf99',
'stuffed_flatbread':'\ud83e\udd59',
'sun_behind_large_cloud':'\ud83c\udf25',
'sun_behind_rain_cloud':'\ud83c\udf26',
'sun_behind_small_cloud':'\ud83c\udf24',
'sun_with_face':'\ud83c\udf1e',
'sunflower':'\ud83c\udf3b',
'sunglasses':'\ud83d\ude0e',
'sunny':'\u2600\ufe0f',
'sunrise':'\ud83c\udf05',
'sunrise_over_mountains':'\ud83c\udf04',
'surfing_man':'\ud83c\udfc4',
'surfing_woman':'\ud83c\udfc4‍\u2640\ufe0f',
'sushi':'\ud83c\udf63',
'suspension_railway':'\ud83d\ude9f',
'sweat':'\ud83d\ude13',
'sweat_drops':'\ud83d\udca6',
'sweat_smile':'\ud83d\ude05',
'sweet_potato':'\ud83c\udf60',
'swimming_man':'\ud83c\udfca',
'swimming_woman':'\ud83c\udfca‍\u2640\ufe0f',
'symbols':'\ud83d\udd23',
'synagogue':'\ud83d\udd4d',
'syringe':'\ud83d\udc89',
'taco':'\ud83c\udf2e',
'tada':'\ud83c\udf89',
'tanabata_tree':'\ud83c\udf8b',
'taurus':'\u2649\ufe0f',
'taxi':'\ud83d\ude95',
'tea':'\ud83c\udf75',
'telephone_receiver':'\ud83d\udcde',
'telescope':'\ud83d\udd2d',
'tennis':'\ud83c\udfbe',
'tent':'\u26fa\ufe0f',
'thermometer':'\ud83c\udf21',
'thinking':'\ud83e\udd14',
'thought_balloon':'\ud83d\udcad',
'ticket':'\ud83c\udfab',
'tickets':'\ud83c\udf9f',
'tiger':'\ud83d\udc2f',
'tiger2':'\ud83d\udc05',
'timer_clock':'\u23f2',
'tipping_hand_man':'\ud83d\udc81‍\u2642\ufe0f',
'tired_face':'\ud83d\ude2b',
'tm':'\u2122\ufe0f',
'toilet':'\ud83d\udebd',
'tokyo_tower':'\ud83d\uddfc',
'tomato':'\ud83c\udf45',
'tongue':'\ud83d\udc45',
'top':'\ud83d\udd1d',
'tophat':'\ud83c\udfa9',
'tornado':'\ud83c\udf2a',
'trackball':'\ud83d\uddb2',
'tractor':'\ud83d\ude9c',
'traffic_light':'\ud83d\udea5',
'train':'\ud83d\ude8b',
'train2':'\ud83d\ude86',
'tram':'\ud83d\ude8a',
'triangular_flag_on_post':'\ud83d\udea9',
'triangular_ruler':'\ud83d\udcd0',
'trident':'\ud83d\udd31',
'triumph':'\ud83d\ude24',
'trolleybus':'\ud83d\ude8e',
'trophy':'\ud83c\udfc6',
'tropical_drink':'\ud83c\udf79',
'tropical_fish':'\ud83d\udc20',
'truck':'\ud83d\ude9a',
'trumpet':'\ud83c\udfba',
'tulip':'\ud83c\udf37',
'tumbler_glass':'\ud83e\udd43',
'turkey':'\ud83e\udd83',
'turtle':'\ud83d\udc22',
'tv':'\ud83d\udcfa',
'twisted_rightwards_arrows':'\ud83d\udd00',
'two_hearts':'\ud83d\udc95',
'two_men_holding_hands':'\ud83d\udc6c',
'two_women_holding_hands':'\ud83d\udc6d',
'u5272':'\ud83c\ude39',
'u5408':'\ud83c\ude34',
'u55b6':'\ud83c\ude3a',
'u6307':'\ud83c\ude2f\ufe0f',
'u6708':'\ud83c\ude37\ufe0f',
'u6709':'\ud83c\ude36',
'u6e80':'\ud83c\ude35',
'u7121':'\ud83c\ude1a\ufe0f',
'u7533':'\ud83c\ude38',
'u7981':'\ud83c\ude32',
'u7a7a':'\ud83c\ude33',
'umbrella':'\u2614\ufe0f',
'unamused':'\ud83d\ude12',
'underage':'\ud83d\udd1e',
'unicorn':'\ud83e\udd84',
'unlock':'\ud83d\udd13',
'up':'\ud83c\udd99',
'upside_down_face':'\ud83d\ude43',
'v':'\u270c\ufe0f',
'vertical_traffic_light':'\ud83d\udea6',
'vhs':'\ud83d\udcfc',
'vibration_mode':'\ud83d\udcf3',
'video_camera':'\ud83d\udcf9',
'video_game':'\ud83c\udfae',
'violin':'\ud83c\udfbb',
'virgo':'\u264d\ufe0f',
'volcano':'\ud83c\udf0b',
'volleyball':'\ud83c\udfd0',
'vs':'\ud83c\udd9a',
'vulcan_salute':'\ud83d\udd96',
'walking_man':'\ud83d\udeb6',
'walking_woman':'\ud83d\udeb6‍\u2640\ufe0f',
'waning_crescent_moon':'\ud83c\udf18',
'waning_gibbous_moon':'\ud83c\udf16',
'warning':'\u26a0\ufe0f',
'wastebasket':'\ud83d\uddd1',
'watch':'\u231a\ufe0f',
'water_buffalo':'\ud83d\udc03',
'watermelon':'\ud83c\udf49',
'wave':'\ud83d\udc4b',
'wavy_dash':'\u3030\ufe0f',
'waxing_crescent_moon':'\ud83c\udf12',
'wc':'\ud83d\udebe',
'weary':'\ud83d\ude29',
'wedding':'\ud83d\udc92',
'weight_lifting_man':'\ud83c\udfcb\ufe0f',
'weight_lifting_woman':'\ud83c\udfcb\ufe0f‍\u2640\ufe0f',
'whale':'\ud83d\udc33',
'whale2':'\ud83d\udc0b',
'wheel_of_dharma':'\u2638\ufe0f',
'wheelchair':'\u267f\ufe0f',
'white_check_mark':'\u2705',
'white_circle':'\u26aa\ufe0f',
'white_flag':'\ud83c\udff3\ufe0f',
'white_flower':'\ud83d\udcae',
'white_large_square':'\u2b1c\ufe0f',
'white_medium_small_square':'\u25fd\ufe0f',
'white_medium_square':'\u25fb\ufe0f',
'white_small_square':'\u25ab\ufe0f',
'white_square_button':'\ud83d\udd33',
'wilted_flower':'\ud83e\udd40',
'wind_chime':'\ud83c\udf90',
'wind_face':'\ud83c\udf2c',
'wine_glass':'\ud83c\udf77',
'wink':'\ud83d\ude09',
'wolf':'\ud83d\udc3a',
'woman':'\ud83d\udc69',
'woman_artist':'\ud83d\udc69‍\ud83c\udfa8',
'woman_astronaut':'\ud83d\udc69‍\ud83d\ude80',
'woman_cartwheeling':'\ud83e\udd38‍\u2640\ufe0f',
'woman_cook':'\ud83d\udc69‍\ud83c\udf73',
'woman_facepalming':'\ud83e\udd26‍\u2640\ufe0f',
'woman_factory_worker':'\ud83d\udc69‍\ud83c\udfed',
'woman_farmer':'\ud83d\udc69‍\ud83c\udf3e',
'woman_firefighter':'\ud83d\udc69‍\ud83d\ude92',
'woman_health_worker':'\ud83d\udc69‍\u2695\ufe0f',
'woman_judge':'\ud83d\udc69‍\u2696\ufe0f',
'woman_juggling':'\ud83e\udd39‍\u2640\ufe0f',
'woman_mechanic':'\ud83d\udc69‍\ud83d\udd27',
'woman_office_worker':'\ud83d\udc69‍\ud83d\udcbc',
'woman_pilot':'\ud83d\udc69‍\u2708\ufe0f',
'woman_playing_handball':'\ud83e\udd3e‍\u2640\ufe0f',
'woman_playing_water_polo':'\ud83e\udd3d‍\u2640\ufe0f',
'woman_scientist':'\ud83d\udc69‍\ud83d\udd2c',
'woman_shrugging':'\ud83e\udd37‍\u2640\ufe0f',
'woman_singer':'\ud83d\udc69‍\ud83c\udfa4',
'woman_student':'\ud83d\udc69‍\ud83c\udf93',
'woman_teacher':'\ud83d\udc69‍\ud83c\udfeb',
'woman_technologist':'\ud83d\udc69‍\ud83d\udcbb',
'woman_with_turban':'\ud83d\udc73‍\u2640\ufe0f',
'womans_clothes':'\ud83d\udc5a',
'womans_hat':'\ud83d\udc52',
'women_wrestling':'\ud83e\udd3c‍\u2640\ufe0f',
'womens':'\ud83d\udeba',
'world_map':'\ud83d\uddfa',
'worried':'\ud83d\ude1f',
'wrench':'\ud83d\udd27',
'writing_hand':'\u270d\ufe0f',
'x':'\u274c',
'yellow_heart':'\ud83d\udc9b',
'yen':'\ud83d\udcb4',
'yin_yang':'\u262f\ufe0f',
'yum':'\ud83d\ude0b',
'zap':'\u26a1\ufe0f',
'zipper_mouth_face':'\ud83e\udd10',
'zzz':'\ud83d\udca4',
/* special emojis :P */
'octocat': '<img alt=":octocat:" height="20" width="20" align="absmiddle" src="https://assets-cdn.github.com/images/icons/emoji/octocat.png">',
'showdown': '<span style="font-family: \'Anonymous Pro\', monospace; text-decoration: underline; text-decoration-style: dashed; text-decoration-color: #3e8b8a;text-underline-position: under;">S</span>'
};
/**
* Created by Estevao on 31-05-2015.
*/
/**
* Showdown Converter class
* @class
* @param {object} [converterOptions]
* @returns {Converter}
*/
showdown.Converter = function (converterOptions) {
'use strict';
var
/**
* Options used by this converter
* @private
* @type {{}}
*/
options = {},
/**
* Language extensions used by this converter
* @private
* @type {Array}
*/
langExtensions = [],
/**
* Output modifiers extensions used by this converter
* @private
* @type {Array}
*/
outputModifiers = [],
/**
* Event listeners
* @private
* @type {{}}
*/
listeners = {},
/**
* The flavor set in this converter
*/
setConvFlavor = setFlavor,
/**
* Metadata of the document
* @type {{parsed: {}, raw: string, format: string}}
*/
metadata = {
parsed: {},
raw: '',
format: ''
};
_constructor();
/**
* Converter constructor
* @private
*/
function _constructor () {
converterOptions = converterOptions || {};
for (var gOpt in globalOptions) {
if (globalOptions.hasOwnProperty(gOpt)) {
options[gOpt] = globalOptions[gOpt];
}
}
// Merge options
if (typeof converterOptions === 'object') {
for (var opt in converterOptions) {
if (converterOptions.hasOwnProperty(opt)) {
options[opt] = converterOptions[opt];
}
}
} else {
throw Error('Converter expects the passed parameter to be an object, but ' + typeof converterOptions +
' was passed instead.');
}
if (options.extensions) {
showdown.helper.forEach(options.extensions, _parseExtension);
}
}
/**
* Parse extension
* @param {*} ext
* @param {string} [name='']
* @private
*/
function _parseExtension (ext, name) {
name = name || null;
// If it's a string, the extension was previously loaded
if (showdown.helper.isString(ext)) {
ext = showdown.helper.stdExtName(ext);
name = ext;
// LEGACY_SUPPORT CODE
if (showdown.extensions[ext]) {
console.warn('DEPRECATION WARNING: ' + ext + ' is an old extension that uses a deprecated loading method.' +
'Please inform the developer that the extension should be updated!');
legacyExtensionLoading(showdown.extensions[ext], ext);
return;
// END LEGACY SUPPORT CODE
} else if (!showdown.helper.isUndefined(extensions[ext])) {
ext = extensions[ext];
} else {
throw Error('Extension "' + ext + '" could not be loaded. It was either not found or is not a valid extension.');
}
}
if (typeof ext === 'function') {
ext = ext();
}
if (!showdown.helper.isArray(ext)) {
ext = [ext];
}
var validExt = validate(ext, name);
if (!validExt.valid) {
throw Error(validExt.error);
}
for (var i = 0; i < ext.length; ++i) {
switch (ext[i].type) {
case 'lang':
langExtensions.push(ext[i]);
break;
case 'output':
outputModifiers.push(ext[i]);
break;
}
if (ext[i].hasOwnProperty('listeners')) {
for (var ln in ext[i].listeners) {
if (ext[i].listeners.hasOwnProperty(ln)) {
listen(ln, ext[i].listeners[ln]);
}
}
}
}
}
/**
* LEGACY_SUPPORT
* @param {*} ext
* @param {string} name
*/
function legacyExtensionLoading (ext, name) {
if (typeof ext === 'function') {
ext = ext(new showdown.Converter());
}
if (!showdown.helper.isArray(ext)) {
ext = [ext];
}
var valid = validate(ext, name);
if (!valid.valid) {
throw Error(valid.error);
}
for (var i = 0; i < ext.length; ++i) {
switch (ext[i].type) {
case 'lang':
langExtensions.push(ext[i]);
break;
case 'output':
outputModifiers.push(ext[i]);
break;
default:// should never reach here
throw Error('Extension loader error: Type unrecognized!!!');
}
}
}
/**
* Listen to an event
* @param {string} name
* @param {function} callback
*/
function listen (name, callback) {
if (!showdown.helper.isString(name)) {
throw Error('Invalid argument in converter.listen() method: name must be a string, but ' + typeof name + ' given');
}
if (typeof callback !== 'function') {
throw Error('Invalid argument in converter.listen() method: callback must be a function, but ' + typeof callback + ' given');
}
if (!listeners.hasOwnProperty(name)) {
listeners[name] = [];
}
listeners[name].push(callback);
}
function rTrimInputText (text) {
var rsp = text.match(/^\s*/)[0].length,
rgx = new RegExp('^\\s{0,' + rsp + '}', 'gm');
return text.replace(rgx, '');
}
/**
* Dispatch an event
* @private
* @param {string} evtName Event name
* @param {string} text Text
* @param {{}} options Converter Options
* @param {{}} globals
* @returns {string}
*/
this._dispatch = function dispatch (evtName, text, options, globals) {
if (listeners.hasOwnProperty(evtName)) {
for (var ei = 0; ei < listeners[evtName].length; ++ei) {
var nText = listeners[evtName][ei](evtName, text, this, options, globals);
if (nText && typeof nText !== 'undefined') {
text = nText;
}
}
}
return text;
};
/**
* Listen to an event
* @param {string} name
* @param {function} callback
* @returns {showdown.Converter}
*/
this.listen = function (name, callback) {
listen(name, callback);
return this;
};
/**
* Converts a markdown string into HTML
* @param {string} text
* @returns {*}
*/
this.makeHtml = function (text) {
//check if text is not falsy
if (!text) {
return text;
}
var globals = {
gHtmlBlocks: [],
gHtmlMdBlocks: [],
gHtmlSpans: [],
gUrls: {},
gTitles: {},
gDimensions: {},
gListLevel: 0,
hashLinkCounts: {},
langExtensions: langExtensions,
outputModifiers: outputModifiers,
converter: this,
ghCodeBlocks: [],
metadata: {
parsed: {},
raw: '',
format: ''
}
};
// This lets us use ¨ trema as an escape char to avoid md5 hashes
// The choice of character is arbitrary; anything that isn't
// magic in Markdown will work.
text = text.replace(/¨/g, '¨T');
// Replace $ with ¨D
// RegExp interprets $ as a special character
// when it's in a replacement string
text = text.replace(/\$/g, '¨D');
// Standardize line endings
text = text.replace(/\r\n/g, '\n'); // DOS to Unix
text = text.replace(/\r/g, '\n'); // Mac to Unix
// Stardardize line spaces
text = text.replace(/\u00A0/g, ' ');
if (options.smartIndentationFix) {
text = rTrimInputText(text);
}
// Make sure text begins and ends with a couple of newlines:
text = '\n\n' + text + '\n\n';
// detab
text = showdown.subParser('detab')(text, options, globals);
/**
* Strip any lines consisting only of spaces and tabs.
* This makes subsequent regexs easier to write, because we can
* match consecutive blank lines with /\n+/ instead of something
* contorted like /[ \t]*\n+/
*/
text = text.replace(/^[ \t]+$/mg, '');
//run languageExtensions
showdown.helper.forEach(langExtensions, function (ext) {
text = showdown.subParser('runExtension')(ext, text, options, globals);
});
// run the sub parsers
text = showdown.subParser('metadata')(text, options, globals);
text = showdown.subParser('hashPreCodeTags')(text, options, globals);
text = showdown.subParser('githubCodeBlocks')(text, options, globals);
text = showdown.subParser('hashHTMLBlocks')(text, options, globals);
text = showdown.subParser('hashCodeTags')(text, options, globals);
text = showdown.subParser('stripLinkDefinitions')(text, options, globals);
text = showdown.subParser('blockGamut')(text, options, globals);
text = showdown.subParser('unhashHTMLSpans')(text, options, globals);
text = showdown.subParser('unescapeSpecialChars')(text, options, globals);
// attacklab: Restore dollar signs
text = text.replace(/¨D/g, '$$');
// attacklab: Restore tremas
text = text.replace(/¨T/g, '¨');
// render a complete html document instead of a partial if the option is enabled
text = showdown.subParser('completeHTMLDocument')(text, options, globals);
// Run output modifiers
showdown.helper.forEach(outputModifiers, function (ext) {
text = showdown.subParser('runExtension')(ext, text, options, globals);
});
// update metadata
metadata = globals.metadata;
return text;
};
/**
* Converts an HTML string into a markdown string
* @param src
* @param [HTMLParser] A WHATWG DOM and HTML parser, such as JSDOM. If none is supplied, window.document will be used.
* @returns {string}
*/
this.makeMarkdown = this.makeMd = function (src, HTMLParser) {
// replace \r\n with \n
src = src.replace(/\r\n/g, '\n');
src = src.replace(/\r/g, '\n'); // old macs
// due to an edge case, we need to find this: > <
// to prevent removing of non silent white spaces
// ex: <em>this is</em> <strong>sparta</strong>
src = src.replace(/>[ \t]+</, '>¨NBSP;<');
if (!HTMLParser) {
if (window && window.document) {
HTMLParser = window.document;
} else {
throw new Error('HTMLParser is undefined. If in a webworker or nodejs environment, you need to provide a WHATWG DOM and HTML such as JSDOM');
}
}
var doc = HTMLParser.createElement('div');
doc.innerHTML = src;
var globals = {
preList: substitutePreCodeTags(doc)
};
// remove all newlines and collapse spaces
clean(doc);
// some stuff, like accidental reference links must now be escaped
// TODO
// doc.innerHTML = doc.innerHTML.replace(/\[[\S\t ]]/);
var nodes = doc.childNodes,
mdDoc = '';
for (var i = 0; i < nodes.length; i++) {
mdDoc += showdown.subParser('makeMarkdown.node')(nodes[i], globals);
}
function clean (node) {
for (var n = 0; n < node.childNodes.length; ++n) {
var child = node.childNodes[n];
if (child.nodeType === 3) {
if (!/\S/.test(child.nodeValue)) {
node.removeChild(child);
--n;
} else {
child.nodeValue = child.nodeValue.split('\n').join(' ');
child.nodeValue = child.nodeValue.replace(/(\s)+/g, '$1');
}
} else if (child.nodeType === 1) {
clean(child);
}
}
}
// find all pre tags and replace contents with placeholder
// we need this so that we can remove all indentation from html
// to ease up parsing
function substitutePreCodeTags (doc) {
var pres = doc.querySelectorAll('pre'),
presPH = [];
for (var i = 0; i < pres.length; ++i) {
if (pres[i].childElementCount === 1 && pres[i].firstChild.tagName.toLowerCase() === 'code') {
var content = pres[i].firstChild.innerHTML.trim(),
language = pres[i].firstChild.getAttribute('data-language') || '';
// if data-language attribute is not defined, then we look for class language-*
if (language === '') {
var classes = pres[i].firstChild.className.split(' ');
for (var c = 0; c < classes.length; ++c) {
var matches = classes[c].match(/^language-(.+)$/);
if (matches !== null) {
language = matches[1];
break;
}
}
}
// unescape html entities in content
content = showdown.helper.unescapeHTMLEntities(content);
presPH.push(content);
pres[i].outerHTML = '<precode language="' + language + '" precodenum="' + i.toString() + '"></precode>';
} else {
presPH.push(pres[i].innerHTML);
pres[i].innerHTML = '';
pres[i].setAttribute('prenum', i.toString());
}
}
return presPH;
}
return mdDoc;
};
/**
* Set an option of this Converter instance
* @param {string} key
* @param {*} value
*/
this.setOption = function (key, value) {
options[key] = value;
};
/**
* Get the option of this Converter instance
* @param {string} key
* @returns {*}
*/
this.getOption = function (key) {
return options[key];
};
/**
* Get the options of this Converter instance
* @returns {{}}
*/
this.getOptions = function () {
return options;
};
/**
* Add extension to THIS converter
* @param {{}} extension
* @param {string} [name=null]
*/
this.addExtension = function (extension, name) {
name = name || null;
_parseExtension(extension, name);
};
/**
* Use a global registered extension with THIS converter
* @param {string} extensionName Name of the previously registered extension
*/
this.useExtension = function (extensionName) {
_parseExtension(extensionName);
};
/**
* Set the flavor THIS converter should use
* @param {string} name
*/
this.setFlavor = function (name) {
if (!flavor.hasOwnProperty(name)) {
throw Error(name + ' flavor was not found');
}
var preset = flavor[name];
setConvFlavor = name;
for (var option in preset) {
if (preset.hasOwnProperty(option)) {
options[option] = preset[option];
}
}
};
/**
* Get the currently set flavor of this converter
* @returns {string}
*/
this.getFlavor = function () {
return setConvFlavor;
};
/**
* Remove an extension from THIS converter.
* Note: This is a costly operation. It's better to initialize a new converter
* and specify the extensions you wish to use
* @param {Array} extension
*/
this.removeExtension = function (extension) {
if (!showdown.helper.isArray(extension)) {
extension = [extension];
}
for (var a = 0; a < extension.length; ++a) {
var ext = extension[a];
for (var i = 0; i < langExtensions.length; ++i) {
if (langExtensions[i] === ext) {
langExtensions[i].splice(i, 1);
}
}
for (var ii = 0; ii < outputModifiers.length; ++i) {
if (outputModifiers[ii] === ext) {
outputModifiers[ii].splice(i, 1);
}
}
}
};
/**
* Get all extension of THIS converter
* @returns {{language: Array, output: Array}}
*/
this.getAllExtensions = function () {
return {
language: langExtensions,
output: outputModifiers
};
};
/**
* Get the metadata of the previously parsed document
* @param raw
* @returns {string|{}}
*/
this.getMetadata = function (raw) {
if (raw) {
return metadata.raw;
} else {
return metadata.parsed;
}
};
/**
* Get the metadata format of the previously parsed document
* @returns {string}
*/
this.getMetadataFormat = function () {
return metadata.format;
};
/**
* Private: set a single key, value metadata pair
* @param {string} key
* @param {string} value
*/
this._setMetadataPair = function (key, value) {
metadata.parsed[key] = value;
};
/**
* Private: set metadata format
* @param {string} format
*/
this._setMetadataFormat = function (format) {
metadata.format = format;
};
/**
* Private: set metadata raw text
* @param {string} raw
*/
this._setMetadataRaw = function (raw) {
metadata.raw = raw;
};
};
/**
* Turn Markdown link shortcuts into XHTML <a> tags.
*/
showdown.subParser('anchors', function (text, options, globals) {
'use strict';
text = globals.converter._dispatch('anchors.before', text, options, globals);
var writeAnchorTag = function (wholeMatch, linkText, linkId, url, m5, m6, title) {
if (showdown.helper.isUndefined(title)) {
title = '';
}
linkId = linkId.toLowerCase();
// Special case for explicit empty url
if (wholeMatch.search(/\(<?\s*>? ?(['"].*['"])?\)$/m) > -1) {
url = '';
} else if (!url) {
if (!linkId) {
// lower-case and turn embedded newlines into spaces
linkId = linkText.toLowerCase().replace(/ ?\n/g, ' ');
}
url = '#' + linkId;
if (!showdown.helper.isUndefined(globals.gUrls[linkId])) {
url = globals.gUrls[linkId];
if (!showdown.helper.isUndefined(globals.gTitles[linkId])) {
title = globals.gTitles[linkId];
}
} else {
return wholeMatch;
}
}
//url = showdown.helper.escapeCharacters(url, '*_', false); // replaced line to improve performance
url = url.replace(showdown.helper.regexes.asteriskDashAndColon, showdown.helper.escapeCharactersCallback);
var result = '<a href="' + url + '"';
if (title !== '' && title !== null) {
title = title.replace(/"/g, '"');
//title = showdown.helper.escapeCharacters(title, '*_', false); // replaced line to improve performance
title = title.replace(showdown.helper.regexes.asteriskDashAndColon, showdown.helper.escapeCharactersCallback);
result += ' title="' + title + '"';
}
// optionLinksInNewWindow only applies
// to external links. Hash links (#) open in same page
if (options.openLinksInNewWindow && !/^#/.test(url)) {
// escaped _
result += ' rel="noopener noreferrer" target="¨E95Eblank"';
}
result += '>' + linkText + '</a>';
return result;
};
// First, handle reference-style links: [link text] [id]
text = text.replace(/\[((?:\[[^\]]*]|[^\[\]])*)] ?(?:\n *)?\[(.*?)]()()()()/g, writeAnchorTag);
// Next, inline-style links: [link text](url "optional title")
// cases with crazy urls like ./image/cat1).png
text = text.replace(/\[((?:\[[^\]]*]|[^\[\]])*)]()[ \t]*\([ \t]?<([^>]*)>(?:[ \t]*((["'])([^"]*?)\5))?[ \t]?\)/g,
writeAnchorTag);
// normal cases
text = text.replace(/\[((?:\[[^\]]*]|[^\[\]])*)]()[ \t]*\([ \t]?<?([\S]+?(?:\([\S]*?\)[\S]*?)?)>?(?:[ \t]*((["'])([^"]*?)\5))?[ \t]?\)/g,
writeAnchorTag);
// handle reference-style shortcuts: [link text]
// These must come last in case you've also got [link test][1]
// or [link test](/foo)
text = text.replace(/\[([^\[\]]+)]()()()()()/g, writeAnchorTag);
// Lastly handle GithubMentions if option is enabled
if (options.ghMentions) {
text = text.replace(/(^|\s)(\\)?(@([a-z\d]+(?:[a-z\d.-]+?[a-z\d]+)*))/gmi, function (wm, st, escape, mentions, username) {
if (escape === '\\') {
return st + mentions;
}
//check if options.ghMentionsLink is a string
if (!showdown.helper.isString(options.ghMentionsLink)) {
throw new Error('ghMentionsLink option must be a string');
}
var lnk = options.ghMentionsLink.replace(/\{u}/g, username),
target = '';
if (options.openLinksInNewWindow) {
target = ' rel="noopener noreferrer" target="¨E95Eblank"';
}
return st + '<a href="' + lnk + '"' + target + '>' + mentions + '</a>';
});
}
text = globals.converter._dispatch('anchors.after', text, options, globals);
return text;
});
// url allowed chars [a-z\d_.~:/?#[]@!$&'()*+,;=-]
var simpleURLRegex = /([*~_]+|\b)(((https?|ftp|dict):\/\/|www\.)[^'">\s]+?\.[^'">\s]+?)()(\1)?(?=\s|$)(?!["<>])/gi,
simpleURLRegex2 = /([*~_]+|\b)(((https?|ftp|dict):\/\/|www\.)[^'">\s]+\.[^'">\s]+?)([.!?,()\[\]])?(\1)?(?=\s|$)(?!["<>])/gi,
delimUrlRegex = /()<(((https?|ftp|dict):\/\/|www\.)[^'">\s]+)()>()/gi,
simpleMailRegex = /(^|\s)(?:mailto:)?([A-Za-z0-9!#$%&'*+-/=?^_`{|}~.]+@[-a-z0-9]+(\.[-a-z0-9]+)*\.[a-z]+)(?=$|\s)/gmi,
delimMailRegex = /<()(?:mailto:)?([-.\w]+@[-a-z0-9]+(\.[-a-z0-9]+)*\.[a-z]+)>/gi,
replaceLink = function (options) {
'use strict';
return function (wm, leadingMagicChars, link, m2, m3, trailingPunctuation, trailingMagicChars) {
link = link.replace(showdown.helper.regexes.asteriskDashAndColon, showdown.helper.escapeCharactersCallback);
var lnkTxt = link,
append = '',
target = '',
lmc = leadingMagicChars || '',
tmc = trailingMagicChars || '';
if (/^www\./i.test(link)) {
link = link.replace(/^www\./i, 'http://www.');
}
if (options.excludeTrailingPunctuationFromURLs && trailingPunctuation) {
append = trailingPunctuation;
}
if (options.openLinksInNewWindow) {
target = ' rel="noopener noreferrer" target="¨E95Eblank"';
}
return lmc + '<a href="' + link + '"' + target + '>' + lnkTxt + '</a>' + append + tmc;
};
},
replaceMail = function (options, globals) {
'use strict';
return function (wholeMatch, b, mail) {
var href = 'mailto:';
b = b || '';
mail = showdown.subParser('unescapeSpecialChars')(mail, options, globals);
if (options.encodeEmails) {
href = showdown.helper.encodeEmailAddress(href + mail);
mail = showdown.helper.encodeEmailAddress(mail);
} else {
href = href + mail;
}
return b + '<a href="' + href + '">' + mail + '</a>';
};
};
showdown.subParser('autoLinks', function (text, options, globals) {
'use strict';
text = globals.converter._dispatch('autoLinks.before', text, options, globals);
text = text.replace(delimUrlRegex, replaceLink(options));
text = text.replace(delimMailRegex, replaceMail(options, globals));
text = globals.converter._dispatch('autoLinks.after', text, options, globals);
return text;
});
showdown.subParser('simplifiedAutoLinks', function (text, options, globals) {
'use strict';
if (!options.simplifiedAutoLink) {
return text;
}
text = globals.converter._dispatch('simplifiedAutoLinks.before', text, options, globals);
if (options.excludeTrailingPunctuationFromURLs) {
text = text.replace(simpleURLRegex2, replaceLink(options));
} else {
text = text.replace(simpleURLRegex, replaceLink(options));
}
text = text.replace(simpleMailRegex, replaceMail(options, globals));
text = globals.converter._dispatch('simplifiedAutoLinks.after', text, options, globals);
return text;
});
/**
* These are all the transformations that form block-level
* tags like paragraphs, headers, and list items.
*/
showdown.subParser('blockGamut', function (text, options, globals) {
'use strict';
text = globals.converter._dispatch('blockGamut.before', text, options, globals);
// we parse blockquotes first so that we can have headings and hrs
// inside blockquotes
text = showdown.subParser('blockQuotes')(text, options, globals);
text = showdown.subParser('headers')(text, options, globals);
// Do Horizontal Rules:
text = showdown.subParser('horizontalRule')(text, options, globals);
text = showdown.subParser('lists')(text, options, globals);
text = showdown.subParser('codeBlocks')(text, options, globals);
text = showdown.subParser('tables')(text, options, globals);
// We already ran _HashHTMLBlocks() before, in Markdown(), but that
// was to escape raw HTML in the original Markdown source. This time,
// we're escaping the markup we've just created, so that we don't wrap
// <p> tags around block-level tags.
text = showdown.subParser('hashHTMLBlocks')(text, options, globals);
text = showdown.subParser('paragraphs')(text, options, globals);
text = globals.converter._dispatch('blockGamut.after', text, options, globals);
return text;
});
showdown.subParser('blockQuotes', function (text, options, globals) {
'use strict';
text = globals.converter._dispatch('blockQuotes.before', text, options, globals);
// add a couple extra lines after the text and endtext mark
text = text + '\n\n';
var rgx = /(^ {0,3}>[ \t]?.+\n(.+\n)*\n*)+/gm;
if (options.splitAdjacentBlockquotes) {
rgx = /^ {0,3}>[\s\S]*?(?:\n\n)/gm;
}
text = text.replace(rgx, function (bq) {
// attacklab: hack around Konqueror 3.5.4 bug:
// "----------bug".replace(/^-/g,"") == "bug"
bq = bq.replace(/^[ \t]*>[ \t]?/gm, ''); // trim one level of quoting
// attacklab: clean up hack
bq = bq.replace(/¨0/g, '');
bq = bq.replace(/^[ \t]+$/gm, ''); // trim whitespace-only lines
bq = showdown.subParser('githubCodeBlocks')(bq, options, globals);
bq = showdown.subParser('blockGamut')(bq, options, globals); // recurse
bq = bq.replace(/(^|\n)/g, '$1 ');
// These leading spaces screw with <pre> content, so we need to fix that:
bq = bq.replace(/(\s*<pre>[^\r]+?<\/pre>)/gm, function (wholeMatch, m1) {
var pre = m1;
// attacklab: hack around Konqueror 3.5.4 bug:
pre = pre.replace(/^ /mg, '¨0');
pre = pre.replace(/¨0/g, '');
return pre;
});
return showdown.subParser('hashBlock')('<blockquote>\n' + bq + '\n</blockquote>', options, globals);
});
text = globals.converter._dispatch('blockQuotes.after', text, options, globals);
return text;
});
/**
* Process Markdown `<pre><code>` blocks.
*/
showdown.subParser('codeBlocks', function (text, options, globals) {
'use strict';
text = globals.converter._dispatch('codeBlocks.before', text, options, globals);
// sentinel workarounds for lack of \A and \Z, safari\khtml bug
text += '¨0';
var pattern = /(?:\n\n|^)((?:(?:[ ]{4}|\t).*\n+)+)(\n*[ ]{0,3}[^ \t\n]|(?=¨0))/g;
text = text.replace(pattern, function (wholeMatch, m1, m2) {
var codeblock = m1,
nextChar = m2,
end = '\n';
codeblock = showdown.subParser('outdent')(codeblock, options, globals);
codeblock = showdown.subParser('encodeCode')(codeblock, options, globals);
codeblock = showdown.subParser('detab')(codeblock, options, globals);
codeblock = codeblock.replace(/^\n+/g, ''); // trim leading newlines
codeblock = codeblock.replace(/\n+$/g, ''); // trim trailing newlines
if (options.omitExtraWLInCodeBlocks) {
end = '';
}
codeblock = '<pre><code>' + codeblock + end + '</code></pre>';
return showdown.subParser('hashBlock')(codeblock, options, globals) + nextChar;
});
// strip sentinel
text = text.replace(/¨0/, '');
text = globals.converter._dispatch('codeBlocks.after', text, options, globals);
return text;
});
/**
*
* * Backtick quotes are used for <code></code> spans.
*
* * You can use multiple backticks as the delimiters if you want to
* include literal backticks in the code span. So, this input:
*
* Just type ``foo `bar` baz`` at the prompt.
*
* Will translate to:
*
* <p>Just type <code>foo `bar` baz</code> at the prompt.</p>
*
* There's no arbitrary limit to the number of backticks you
* can use as delimters. If you need three consecutive backticks
* in your code, use four for delimiters, etc.
*
* * You can use spaces to get literal backticks at the edges:
*
* ... type `` `bar` `` ...
*
* Turns to:
*
* ... type <code>`bar`</code> ...
*/
showdown.subParser('codeSpans', function (text, options, globals) {
'use strict';
text = globals.converter._dispatch('codeSpans.before', text, options, globals);
if (typeof text === 'undefined') {
text = '';
}
text = text.replace(/(^|[^\\])(`+)([^\r]*?[^`])\2(?!`)/gm,
function (wholeMatch, m1, m2, m3) {
var c = m3;
c = c.replace(/^([ \t]*)/g, ''); // leading whitespace
c = c.replace(/[ \t]*$/g, ''); // trailing whitespace
c = showdown.subParser('encodeCode')(c, options, globals);
c = m1 + '<code>' + c + '</code>';
c = showdown.subParser('hashHTMLSpans')(c, options, globals);
return c;
}
);
text = globals.converter._dispatch('codeSpans.after', text, options, globals);
return text;
});
/**
* Create a full HTML document from the processed markdown
*/
showdown.subParser('completeHTMLDocument', function (text, options, globals) {
'use strict';
if (!options.completeHTMLDocument) {
return text;
}
text = globals.converter._dispatch('completeHTMLDocument.before', text, options, globals);
var doctype = 'html',
doctypeParsed = '<!DOCTYPE HTML>\n',
title = '',
charset = '<meta charset="utf-8">\n',
lang = '',
metadata = '';
if (typeof globals.metadata.parsed.doctype !== 'undefined') {
doctypeParsed = '<!DOCTYPE ' + globals.metadata.parsed.doctype + '>\n';
doctype = globals.metadata.parsed.doctype.toString().toLowerCase();
if (doctype === 'html' || doctype === 'html5') {
charset = '<meta charset="utf-8">';
}
}
for (var meta in globals.metadata.parsed) {
if (globals.metadata.parsed.hasOwnProperty(meta)) {
switch (meta.toLowerCase()) {
case 'doctype':
break;
case 'title':
title = '<title>' + globals.metadata.parsed.title + '</title>\n';
break;
case 'charset':
if (doctype === 'html' || doctype === 'html5') {
charset = '<meta charset="' + globals.metadata.parsed.charset + '">\n';
} else {
charset = '<meta name="charset" content="' + globals.metadata.parsed.charset + '">\n';
}
break;
case 'language':
case 'lang':
lang = ' lang="' + globals.metadata.parsed[meta] + '"';
metadata += '<meta name="' + meta + '" content="' + globals.metadata.parsed[meta] + '">\n';
break;
default:
metadata += '<meta name="' + meta + '" content="' + globals.metadata.parsed[meta] + '">\n';
}
}
}
text = doctypeParsed + '<html' + lang + '>\n<head>\n' + title + charset + metadata + '</head>\n<body>\n' + text.trim() + '\n</body>\n</html>';
text = globals.converter._dispatch('completeHTMLDocument.after', text, options, globals);
return text;
});
/**
* Convert all tabs to spaces
*/
showdown.subParser('detab', function (text, options, globals) {
'use strict';
text = globals.converter._dispatch('detab.before', text, options, globals);
// expand first n-1 tabs
text = text.replace(/\t(?=\t)/g, ' '); // g_tab_width
// replace the nth with two sentinels
text = text.replace(/\t/g, '¨A¨B');
// use the sentinel to anchor our regex so it doesn't explode
text = text.replace(/¨B(.+?)¨A/g, function (wholeMatch, m1) {
var leadingText = m1,
numSpaces = 4 - leadingText.length % 4; // g_tab_width
// there *must* be a better way to do this:
for (var i = 0; i < numSpaces; i++) {
leadingText += ' ';
}
return leadingText;
});
// clean up sentinels
text = text.replace(/¨A/g, ' '); // g_tab_width
text = text.replace(/¨B/g, '');
text = globals.converter._dispatch('detab.after', text, options, globals);
return text;
});
showdown.subParser('ellipsis', function (text, options, globals) {
'use strict';
text = globals.converter._dispatch('ellipsis.before', text, options, globals);
//text = text.replace(/\.\.\./g, '…');
text = globals.converter._dispatch('ellipsis.after', text, options, globals);
return text;
});
/**
* Turn emoji codes into emojis
*
* List of supported emojis: https://github.com/showdownjs/showdown/wiki/Emojis
*/
showdown.subParser('emoji', function (text, options, globals) {
'use strict';
if (!options.emoji) {
return text;
}
text = globals.converter._dispatch('emoji.before', text, options, globals);
var emojiRgx = /:([\S]+?):/g;
text = text.replace(emojiRgx, function (wm, emojiCode) {
if (showdown.helper.emojis.hasOwnProperty(emojiCode)) {
return showdown.helper.emojis[emojiCode];
}
return wm;
});
text = globals.converter._dispatch('emoji.after', text, options, globals);
return text;
});
/**
* Smart processing for ampersands and angle brackets that need to be encoded.
*/
showdown.subParser('encodeAmpsAndAngles', function (text, options, globals) {
'use strict';
text = globals.converter._dispatch('encodeAmpsAndAngles.before', text, options, globals);
// Ampersand-encoding based entirely on Nat Irons's Amputator MT plugin:
// http://bumppo.net/projects/amputator/
text = text.replace(/&(?!#?[xX]?(?:[0-9a-fA-F]+|\w+);)/g, '&');
// Encode naked <'s
text = text.replace(/<(?![a-z\/?$!])/gi, '<');
// Encode <
text = text.replace(/</g, '<');
// Encode >
text = text.replace(/>/g, '>');
text = globals.converter._dispatch('encodeAmpsAndAngles.after', text, options, globals);
return text;
});
/**
* Returns the string, with after processing the following backslash escape sequences.
*
* attacklab: The polite way to do this is with the new escapeCharacters() function:
*
* text = escapeCharacters(text,"\\",true);
* text = escapeCharacters(text,"`*_{}[]()>#+-.!",true);
*
* ...but we're sidestepping its use of the (slow) RegExp constructor
* as an optimization for Firefox. This function gets called a LOT.
*/
showdown.subParser('encodeBackslashEscapes', function (text, options, globals) {
'use strict';
text = globals.converter._dispatch('encodeBackslashEscapes.before', text, options, globals);
text = text.replace(/\\(\\)/g, showdown.helper.escapeCharactersCallback);
text = text.replace(/\\([`*_{}\[\]()>#+.!~=|-])/g, showdown.helper.escapeCharactersCallback);
text = globals.converter._dispatch('encodeBackslashEscapes.after', text, options, globals);
return text;
});
/**
* Encode/escape certain characters inside Markdown code runs.
* The point is that in code, these characters are literals,
* and lose their special Markdown meanings.
*/
showdown.subParser('encodeCode', function (text, options, globals) {
'use strict';
text = globals.converter._dispatch('encodeCode.before', text, options, globals);
// Encode all ampersands; HTML entities are not
// entities within a Markdown code span.
text = text
.replace(/&/g, '&')
// Do the angle bracket song and dance:
.replace(/</g, '<')
.replace(/>/g, '>')
// Now, escape characters that are magic in Markdown:
.replace(/([*_{}\[\]\\=~-])/g, showdown.helper.escapeCharactersCallback);
text = globals.converter._dispatch('encodeCode.after', text, options, globals);
return text;
});
/**
* Within tags -- meaning between < and > -- encode [\ ` * _ ~ =] so they
* don't conflict with their use in Markdown for code, italics and strong.
*/
showdown.subParser('escapeSpecialCharsWithinTagAttributes', function (text, options, globals) {
'use strict';
text = globals.converter._dispatch('escapeSpecialCharsWithinTagAttributes.before', text, options, globals);
// Build a regex to find HTML tags.
var tags = /<\/?[a-z\d_:-]+(?:[\s]+[\s\S]+?)?>/gi,
comments = /<!(--(?:(?:[^>-]|-[^>])(?:[^-]|-[^-])*)--)>/gi;
text = text.replace(tags, function (wholeMatch) {
return wholeMatch
.replace(/(.)<\/?code>(?=.)/g, '$1`')
.replace(/([\\`*_~=|])/g, showdown.helper.escapeCharactersCallback);
});
text = text.replace(comments, function (wholeMatch) {
return wholeMatch
.replace(/([\\`*_~=|])/g, showdown.helper.escapeCharactersCallback);
});
text = globals.converter._dispatch('escapeSpecialCharsWithinTagAttributes.after', text, options, globals);
return text;
});
/**
* Handle github codeblocks prior to running HashHTML so that
* HTML contained within the codeblock gets escaped properly
* Example:
* ```ruby
* def hello_world(x)
* puts "Hello, #{x}"
* end
* ```
*/
showdown.subParser('githubCodeBlocks', function (text, options, globals) {
'use strict';
// early exit if option is not enabled
if (!options.ghCodeBlocks) {
return text;
}
text = globals.converter._dispatch('githubCodeBlocks.before', text, options, globals);
text += '¨0';
text = text.replace(/(?:^|\n)(?: {0,3})(```+|~~~+)(?: *)([^\s`~]*)\n([\s\S]*?)\n(?: {0,3})\1/g, function (wholeMatch, delim, language, codeblock) {
var end = (options.omitExtraWLInCodeBlocks) ? '' : '\n';
// First parse the github code block
codeblock = showdown.subParser('encodeCode')(codeblock, options, globals);
codeblock = showdown.subParser('detab')(codeblock, options, globals);
codeblock = codeblock.replace(/^\n+/g, ''); // trim leading newlines
codeblock = codeblock.replace(/\n+$/g, ''); // trim trailing whitespace
codeblock = '<pre><code' + (language ? ' class="' + language + ' language-' + language + '"' : '') + '>' + codeblock + end + '</code></pre>';
codeblock = showdown.subParser('hashBlock')(codeblock, options, globals);
// Since GHCodeblocks can be false positives, we need to
// store the primitive text and the parsed text in a global var,
// and then return a token
return '\n\n¨G' + (globals.ghCodeBlocks.push({text: wholeMatch, codeblock: codeblock}) - 1) + 'G\n\n';
});
// attacklab: strip sentinel
text = text.replace(/¨0/, '');
return globals.converter._dispatch('githubCodeBlocks.after', text, options, globals);
});
showdown.subParser('hashBlock', function (text, options, globals) {
'use strict';
text = globals.converter._dispatch('hashBlock.before', text, options, globals);
text = text.replace(/(^\n+|\n+$)/g, '');
text = '\n\n¨K' + (globals.gHtmlBlocks.push(text) - 1) + 'K\n\n';
text = globals.converter._dispatch('hashBlock.after', text, options, globals);
return text;
});
/**
* Hash and escape <code> elements that should not be parsed as markdown
*/
showdown.subParser('hashCodeTags', function (text, options, globals) {
'use strict';
text = globals.converter._dispatch('hashCodeTags.before', text, options, globals);
var repFunc = function (wholeMatch, match, left, right) {
var codeblock = left + showdown.subParser('encodeCode')(match, options, globals) + right;
return '¨C' + (globals.gHtmlSpans.push(codeblock) - 1) + 'C';
};
// Hash naked <code>
text = showdown.helper.replaceRecursiveRegExp(text, repFunc, '<code\\b[^>]*>', '</code>', 'gim');
text = globals.converter._dispatch('hashCodeTags.after', text, options, globals);
return text;
});
showdown.subParser('hashElement', function (text, options, globals) {
'use strict';
return function (wholeMatch, m1) {
var blockText = m1;
// Undo double lines
blockText = blockText.replace(/\n\n/g, '\n');
blockText = blockText.replace(/^\n/, '');
// strip trailing blank lines
blockText = blockText.replace(/\n+$/g, '');
// Replace the element text with a marker ("¨KxK" where x is its key)
blockText = '\n\n¨K' + (globals.gHtmlBlocks.push(blockText) - 1) + 'K\n\n';
return blockText;
};
});
showdown.subParser('hashHTMLBlocks', function (text, options, globals) {
'use strict';
text = globals.converter._dispatch('hashHTMLBlocks.before', text, options, globals);
var blockTags = [
'pre',
'div',
'h1',
'h2',
'h3',
'h4',
'h5',
'h6',
'blockquote',
'table',
'dl',
'ol',
'ul',
'script',
'noscript',
'form',
'fieldset',
'iframe',
'math',
'style',
'section',
'header',
'footer',
'nav',
'article',
'aside',
'address',
'audio',
'canvas',
'figure',
'hgroup',
'output',
'video',
'p'
],
repFunc = function (wholeMatch, match, left, right) {
var txt = wholeMatch;
// check if this html element is marked as markdown
// if so, it's contents should be parsed as markdown
if (left.search(/\bmarkdown\b/) !== -1) {
txt = left + globals.converter.makeHtml(match) + right;
}
return '\n\n¨K' + (globals.gHtmlBlocks.push(txt) - 1) + 'K\n\n';
};
if (options.backslashEscapesHTMLTags) {
// encode backslash escaped HTML tags
text = text.replace(/\\<(\/?[^>]+?)>/g, function (wm, inside) {
return '<' + inside + '>';
});
}
// hash HTML Blocks
for (var i = 0; i < blockTags.length; ++i) {
var opTagPos,
rgx1 = new RegExp('^ {0,3}(<' + blockTags[i] + '\\b[^>]*>)', 'im'),
patLeft = '<' + blockTags[i] + '\\b[^>]*>',
patRight = '</' + blockTags[i] + '>';
// 1. Look for the first position of the first opening HTML tag in the text
while ((opTagPos = showdown.helper.regexIndexOf(text, rgx1)) !== -1) {
// if the HTML tag is \ escaped, we need to escape it and break
//2. Split the text in that position
var subTexts = showdown.helper.splitAtIndex(text, opTagPos),
//3. Match recursively
newSubText1 = showdown.helper.replaceRecursiveRegExp(subTexts[1], repFunc, patLeft, patRight, 'im');
// prevent an infinite loop
if (newSubText1 === subTexts[1]) {
break;
}
text = subTexts[0].concat(newSubText1);
}
}
// HR SPECIAL CASE
text = text.replace(/(\n {0,3}(<(hr)\b([^<>])*?\/?>)[ \t]*(?=\n{2,}))/g,
showdown.subParser('hashElement')(text, options, globals));
// Special case for standalone HTML comments
text = showdown.helper.replaceRecursiveRegExp(text, function (txt) {
return '\n\n¨K' + (globals.gHtmlBlocks.push(txt) - 1) + 'K\n\n';
}, '^ {0,3}<!--', '-->', 'gm');
// PHP and ASP-style processor instructions (<?...?> and <%...%>)
text = text.replace(/(?:\n\n)( {0,3}(?:<([?%])[^\r]*?\2>)[ \t]*(?=\n{2,}))/g,
showdown.subParser('hashElement')(text, options, globals));
text = globals.converter._dispatch('hashHTMLBlocks.after', text, options, globals);
return text;
});
/**
* Hash span elements that should not be parsed as markdown
*/
showdown.subParser('hashHTMLSpans', function (text, options, globals) {
'use strict';
text = globals.converter._dispatch('hashHTMLSpans.before', text, options, globals);
function hashHTMLSpan (html) {
return '¨C' + (globals.gHtmlSpans.push(html) - 1) + 'C';
}
// Hash Self Closing tags
text = text.replace(/<[^>]+?\/>/gi, function (wm) {
return hashHTMLSpan(wm);
});
// Hash tags without properties
text = text.replace(/<([^>]+?)>[\s\S]*?<\/\1>/g, function (wm) {
return hashHTMLSpan(wm);
});
// Hash tags with properties
text = text.replace(/<([^>]+?)\s[^>]+?>[\s\S]*?<\/\1>/g, function (wm) {
return hashHTMLSpan(wm);
});
// Hash self closing tags without />
text = text.replace(/<[^>]+?>/gi, function (wm) {
return hashHTMLSpan(wm);
});
/*showdown.helper.matchRecursiveRegExp(text, '<code\\b[^>]*>', '</code>', 'gi');*/
text = globals.converter._dispatch('hashHTMLSpans.after', text, options, globals);
return text;
});
/**
* Unhash HTML spans
*/
showdown.subParser('unhashHTMLSpans', function (text, options, globals) {
'use strict';
text = globals.converter._dispatch('unhashHTMLSpans.before', text, options, globals);
for (var i = 0; i < globals.gHtmlSpans.length; ++i) {
var repText = globals.gHtmlSpans[i],
// limiter to prevent infinite loop (assume 10 as limit for recurse)
limit = 0;
while (/¨C(\d+)C/.test(repText)) {
var num = RegExp.$1;
repText = repText.replace('¨C' + num + 'C', globals.gHtmlSpans[num]);
if (limit === 10) {
console.error('maximum nesting of 10 spans reached!!!');
break;
}
++limit;
}
text = text.replace('¨C' + i + 'C', repText);
}
text = globals.converter._dispatch('unhashHTMLSpans.after', text, options, globals);
return text;
});
/**
* Hash and escape <pre><code> elements that should not be parsed as markdown
*/
showdown.subParser('hashPreCodeTags', function (text, options, globals) {
'use strict';
text = globals.converter._dispatch('hashPreCodeTags.before', text, options, globals);
var repFunc = function (wholeMatch, match, left, right) {
// encode html entities
var codeblock = left + showdown.subParser('encodeCode')(match, options, globals) + right;
return '\n\n¨G' + (globals.ghCodeBlocks.push({text: wholeMatch, codeblock: codeblock}) - 1) + 'G\n\n';
};
// Hash <pre><code>
text = showdown.helper.replaceRecursiveRegExp(text, repFunc, '^ {0,3}<pre\\b[^>]*>\\s*<code\\b[^>]*>', '^ {0,3}</code>\\s*</pre>', 'gim');
text = globals.converter._dispatch('hashPreCodeTags.after', text, options, globals);
return text;
});
showdown.subParser('headers', function (text, options, globals) {
'use strict';
text = globals.converter._dispatch('headers.before', text, options, globals);
var headerLevelStart = (isNaN(parseInt(options.headerLevelStart))) ? 1 : parseInt(options.headerLevelStart),
// Set text-style headers:
// Header 1
// ========
//
// Header 2
// --------
//
setextRegexH1 = (options.smoothLivePreview) ? /^(.+)[ \t]*\n={2,}[ \t]*\n+/gm : /^(.+)[ \t]*\n=+[ \t]*\n+/gm,
setextRegexH2 = (options.smoothLivePreview) ? /^(.+)[ \t]*\n-{2,}[ \t]*\n+/gm : /^(.+)[ \t]*\n-+[ \t]*\n+/gm;
text = text.replace(setextRegexH1, function (wholeMatch, m1) {
var spanGamut = showdown.subParser('spanGamut')(m1, options, globals),
hID = (options.noHeaderId) ? '' : ' id="' + headerId(m1) + '"',
hLevel = headerLevelStart,
hashBlock = '<h' + hLevel + hID + '>' + spanGamut + '</h' + hLevel + '>';
return showdown.subParser('hashBlock')(hashBlock, options, globals);
});
text = text.replace(setextRegexH2, function (matchFound, m1) {
var spanGamut = showdown.subParser('spanGamut')(m1, options, globals),
hID = (options.noHeaderId) ? '' : ' id="' + headerId(m1) + '"',
hLevel = headerLevelStart + 1,
hashBlock = '<h' + hLevel + hID + '>' + spanGamut + '</h' + hLevel + '>';
return showdown.subParser('hashBlock')(hashBlock, options, globals);
});
// atx-style headers:
// # Header 1
// ## Header 2
// ## Header 2 with closing hashes ##
// ...
// ###### Header 6
//
var atxStyle = (options.requireSpaceBeforeHeadingText) ? /^(#{1,6})[ \t]+(.+?)[ \t]*#*\n+/gm : /^(#{1,6})[ \t]*(.+?)[ \t]*#*\n+/gm;
text = text.replace(atxStyle, function (wholeMatch, m1, m2) {
var hText = m2;
if (options.customizedHeaderId) {
hText = m2.replace(/\s?\{([^{]+?)}\s*$/, '');
}
var span = showdown.subParser('spanGamut')(hText, options, globals),
hID = (options.noHeaderId) ? '' : ' id="' + headerId(m2) + '"',
hLevel = headerLevelStart - 1 + m1.length,
header = '<h' + hLevel + hID + '>' + span + '</h' + hLevel + '>';
return showdown.subParser('hashBlock')(header, options, globals);
});
function headerId (m) {
var title,
prefix;
// It is separate from other options to allow combining prefix and customized
if (options.customizedHeaderId) {
var match = m.match(/\{([^{]+?)}\s*$/);
if (match && match[1]) {
m = match[1];
}
}
title = m;
// Prefix id to prevent causing inadvertent pre-existing style matches.
if (showdown.helper.isString(options.prefixHeaderId)) {
prefix = options.prefixHeaderId;
} else if (options.prefixHeaderId === true) {
prefix = 'section-';
} else {
prefix = '';
}
if (!options.rawPrefixHeaderId) {
title = prefix + title;
}
if (options.ghCompatibleHeaderId) {
title = title
.replace(/ /g, '-')
// replace previously escaped chars (&, ¨ and $)
.replace(/&/g, '')
.replace(/¨T/g, '')
.replace(/¨D/g, '')
// replace rest of the chars (&~$ are repeated as they might have been escaped)
// borrowed from github's redcarpet (some they should produce similar results)
.replace(/[&+$,\/:;=?@"#{}|^¨~\[\]`\\*)(%.!'<>]/g, '')
.toLowerCase();
} else if (options.rawHeaderId) {
title = title
.replace(/ /g, '-')
// replace previously escaped chars (&, ¨ and $)
.replace(/&/g, '&')
.replace(/¨T/g, '¨')
.replace(/¨D/g, '$')
// replace " and '
.replace(/["']/g, '-')
.toLowerCase();
} else {
title = title
.replace(/[^\w]/g, '')
.toLowerCase();
}
if (options.rawPrefixHeaderId) {
title = prefix + title;
}
if (globals.hashLinkCounts[title]) {
title = title + '-' + (globals.hashLinkCounts[title]++);
} else {
globals.hashLinkCounts[title] = 1;
}
return title;
}
text = globals.converter._dispatch('headers.after', text, options, globals);
return text;
});
/**
* Turn Markdown link shortcuts into XHTML <a> tags.
*/
showdown.subParser('horizontalRule', function (text, options, globals) {
'use strict';
text = globals.converter._dispatch('horizontalRule.before', text, options, globals);
var key = showdown.subParser('hashBlock')('<hr />', options, globals);
text = text.replace(/^ {0,2}( ?-){3,}[ \t]*$/gm, key);
text = text.replace(/^ {0,2}( ?\*){3,}[ \t]*$/gm, key);
text = text.replace(/^ {0,2}( ?_){3,}[ \t]*$/gm, key);
text = globals.converter._dispatch('horizontalRule.after', text, options, globals);
return text;
});
/**
* Turn Markdown image shortcuts into <img> tags.
*/
showdown.subParser('images', function (text, options, globals) {
'use strict';
text = globals.converter._dispatch('images.before', text, options, globals);
var inlineRegExp = /!\[([^\]]*?)][ \t]*()\([ \t]?<?([\S]+?(?:\([\S]*?\)[\S]*?)?)>?(?: =([*\d]+[A-Za-z%]{0,4})x([*\d]+[A-Za-z%]{0,4}))?[ \t]*(?:(["'])([^"]*?)\6)?[ \t]?\)/g,
crazyRegExp = /!\[([^\]]*?)][ \t]*()\([ \t]?<([^>]*)>(?: =([*\d]+[A-Za-z%]{0,4})x([*\d]+[A-Za-z%]{0,4}))?[ \t]*(?:(?:(["'])([^"]*?)\6))?[ \t]?\)/g,
base64RegExp = /!\[([^\]]*?)][ \t]*()\([ \t]?<?(data:.+?\/.+?;base64,[A-Za-z0-9+/=\n]+?)>?(?: =([*\d]+[A-Za-z%]{0,4})x([*\d]+[A-Za-z%]{0,4}))?[ \t]*(?:(["'])([^"]*?)\6)?[ \t]?\)/g,
referenceRegExp = /!\[([^\]]*?)] ?(?:\n *)?\[([\s\S]*?)]()()()()()/g,
refShortcutRegExp = /!\[([^\[\]]+)]()()()()()/g;
function writeImageTagBase64 (wholeMatch, altText, linkId, url, width, height, m5, title) {
url = url.replace(/\s/g, '');
return writeImageTag (wholeMatch, altText, linkId, url, width, height, m5, title);
}
function writeImageTag (wholeMatch, altText, linkId, url, width, height, m5, title) {
var gUrls = globals.gUrls,
gTitles = globals.gTitles,
gDims = globals.gDimensions;
linkId = linkId.toLowerCase();
if (!title) {
title = '';
}
// Special case for explicit empty url
if (wholeMatch.search(/\(<?\s*>? ?(['"].*['"])?\)$/m) > -1) {
url = '';
} else if (url === '' || url === null) {
if (linkId === '' || linkId === null) {
// lower-case and turn embedded newlines into spaces
linkId = altText.toLowerCase().replace(/ ?\n/g, ' ');
}
url = '#' + linkId;
if (!showdown.helper.isUndefined(gUrls[linkId])) {
url = gUrls[linkId];
if (!showdown.helper.isUndefined(gTitles[linkId])) {
title = gTitles[linkId];
}
if (!showdown.helper.isUndefined(gDims[linkId])) {
width = gDims[linkId].width;
height = gDims[linkId].height;
}
} else {
return wholeMatch;
}
}
altText = altText
.replace(/"/g, '"')
//altText = showdown.helper.escapeCharacters(altText, '*_', false);
.replace(showdown.helper.regexes.asteriskDashAndColon, showdown.helper.escapeCharactersCallback);
//url = showdown.helper.escapeCharacters(url, '*_', false);
url = url.replace(showdown.helper.regexes.asteriskDashAndColon, showdown.helper.escapeCharactersCallback);
var result = '<img src="' + url + '" alt="' + altText + '"';
if (title && showdown.helper.isString(title)) {
title = title
.replace(/"/g, '"')
//title = showdown.helper.escapeCharacters(title, '*_', false);
.replace(showdown.helper.regexes.asteriskDashAndColon, showdown.helper.escapeCharactersCallback);
result += ' title="' + title + '"';
}
if (width && height) {
width = (width === '*') ? 'auto' : width;
height = (height === '*') ? 'auto' : height;
result += ' width="' + width + '"';
result += ' height="' + height + '"';
}
result += ' />';
return result;
}
// First, handle reference-style labeled images: ![alt text][id]
text = text.replace(referenceRegExp, writeImageTag);
// Next, handle inline images: 
// base64 encoded images
text = text.replace(base64RegExp, writeImageTagBase64);
// cases with crazy urls like ./image/cat1).png
text = text.replace(crazyRegExp, writeImageTag);
// normal cases
text = text.replace(inlineRegExp, writeImageTag);
// handle reference-style shortcuts: ![img text]
text = text.replace(refShortcutRegExp, writeImageTag);
text = globals.converter._dispatch('images.after', text, options, globals);
return text;
});
showdown.subParser('italicsAndBold', function (text, options, globals) {
'use strict';
text = globals.converter._dispatch('italicsAndBold.before', text, options, globals);
// it's faster to have 3 separate regexes for each case than have just one
// because of backtracing, in some cases, it could lead to an exponential effect
// called "catastrophic backtrace". Ominous!
function parseInside (txt, left, right) {
/*
if (options.simplifiedAutoLink) {
txt = showdown.subParser('simplifiedAutoLinks')(txt, options, globals);
}
*/
return left + txt + right;
}
// Parse underscores
if (options.literalMidWordUnderscores) {
text = text.replace(/\b___(\S[\s\S]*?)___\b/g, function (wm, txt) {
return parseInside (txt, '<strong><em>', '</em></strong>');
});
text = text.replace(/\b__(\S[\s\S]*?)__\b/g, function (wm, txt) {
return parseInside (txt, '<strong>', '</strong>');
});
text = text.replace(/\b_(\S[\s\S]*?)_\b/g, function (wm, txt) {
return parseInside (txt, '<em>', '</em>');
});
} else {
text = text.replace(/___(\S[\s\S]*?)___/g, function (wm, m) {
return (/\S$/.test(m)) ? parseInside (m, '<strong><em>', '</em></strong>') : wm;
});
text = text.replace(/__(\S[\s\S]*?)__/g, function (wm, m) {
return (/\S$/.test(m)) ? parseInside (m, '<strong>', '</strong>') : wm;
});
text = text.replace(/_([^\s_][\s\S]*?)_/g, function (wm, m) {
// !/^_[^_]/.test(m) - test if it doesn't start with __ (since it seems redundant, we removed it)
return (/\S$/.test(m)) ? parseInside (m, '<em>', '</em>') : wm;
});
}
// Now parse asterisks
if (options.literalMidWordAsterisks) {
text = text.replace(/([^*]|^)\B\*\*\*(\S[\s\S]*?)\*\*\*\B(?!\*)/g, function (wm, lead, txt) {
return parseInside (txt, lead + '<strong><em>', '</em></strong>');
});
text = text.replace(/([^*]|^)\B\*\*(\S[\s\S]*?)\*\*\B(?!\*)/g, function (wm, lead, txt) {
return parseInside (txt, lead + '<strong>', '</strong>');
});
text = text.replace(/([^*]|^)\B\*(\S[\s\S]*?)\*\B(?!\*)/g, function (wm, lead, txt) {
return parseInside (txt, lead + '<em>', '</em>');
});
} else {
text = text.replace(/\*\*\*(\S[\s\S]*?)\*\*\*/g, function (wm, m) {
return (/\S$/.test(m)) ? parseInside (m, '<strong><em>', '</em></strong>') : wm;
});
text = text.replace(/\*\*(\S[\s\S]*?)\*\*/g, function (wm, m) {
return (/\S$/.test(m)) ? parseInside (m, '<strong>', '</strong>') : wm;
});
text = text.replace(/\*([^\s*][\s\S]*?)\*/g, function (wm, m) {
// !/^\*[^*]/.test(m) - test if it doesn't start with ** (since it seems redundant, we removed it)
return (/\S$/.test(m)) ? parseInside (m, '<em>', '</em>') : wm;
});
}
text = globals.converter._dispatch('italicsAndBold.after', text, options, globals);
return text;
});
/**
* Form HTML ordered (numbered) and unordered (bulleted) lists.
*/
showdown.subParser('lists', function (text, options, globals) {
'use strict';
/**
* Process the contents of a single ordered or unordered list, splitting it
* into individual list items.
* @param {string} listStr
* @param {boolean} trimTrailing
* @returns {string}
*/
function processListItems (listStr, trimTrailing) {
// The $g_list_level global keeps track of when we're inside a list.
// Each time we enter a list, we increment it; when we leave a list,
// we decrement. If it's zero, we're not in a list anymore.
//
// We do this because when we're not inside a list, we want to treat
// something like this:
//
// I recommend upgrading to version
// 8. Oops, now this line is treated
// as a sub-list.
//
// As a single paragraph, despite the fact that the second line starts
// with a digit-period-space sequence.
//
// Whereas when we're inside a list (or sub-list), that line will be
// treated as the start of a sub-list. What a kludge, huh? This is
// an aspect of Markdown's syntax that's hard to parse perfectly
// without resorting to mind-reading. Perhaps the solution is to
// change the syntax rules such that sub-lists must start with a
// starting cardinal number; e.g. "1." or "a.".
globals.gListLevel++;
// trim trailing blank lines:
listStr = listStr.replace(/\n{2,}$/, '\n');
// attacklab: add sentinel to emulate \z
listStr += '¨0';
var rgx = /(\n)?(^ {0,3})([*+-]|\d+[.])[ \t]+((\[(x|X| )?])?[ \t]*[^\r]+?(\n{1,2}))(?=\n*(¨0| {0,3}([*+-]|\d+[.])[ \t]+))/gm,
isParagraphed = (/\n[ \t]*\n(?!¨0)/.test(listStr));
// Since version 1.5, nesting sublists requires 4 spaces (or 1 tab) indentation,
// which is a syntax breaking change
// activating this option reverts to old behavior
if (options.disableForced4SpacesIndentedSublists) {
rgx = /(\n)?(^ {0,3})([*+-]|\d+[.])[ \t]+((\[(x|X| )?])?[ \t]*[^\r]+?(\n{1,2}))(?=\n*(¨0|\2([*+-]|\d+[.])[ \t]+))/gm;
}
listStr = listStr.replace(rgx, function (wholeMatch, m1, m2, m3, m4, taskbtn, checked) {
checked = (checked && checked.trim() !== '');
var item = showdown.subParser('outdent')(m4, options, globals),
bulletStyle = '';
// Support for github tasklists
if (taskbtn && options.tasklists) {
bulletStyle = ' class="task-list-item" style="list-style-type: none;"';
item = item.replace(/^[ \t]*\[(x|X| )?]/m, function () {
var otp = '<input type="checkbox" disabled style="margin: 0px 0.35em 0.25em -1.6em; vertical-align: middle;"';
if (checked) {
otp += ' checked';
}
otp += '>';
return otp;
});
}
// ISSUE #312
// This input: - - - a
// causes trouble to the parser, since it interprets it as:
// <ul><li><li><li>a</li></li></li></ul>
// instead of:
// <ul><li>- - a</li></ul>
// So, to prevent it, we will put a marker (¨A)in the beginning of the line
// Kind of hackish/monkey patching, but seems more effective than overcomplicating the list parser
item = item.replace(/^([-*+]|\d\.)[ \t]+[\S\n ]*/g, function (wm2) {
return '¨A' + wm2;
});
// m1 - Leading line or
// Has a double return (multi paragraph) or
// Has sublist
if (m1 || (item.search(/\n{2,}/) > -1)) {
item = showdown.subParser('githubCodeBlocks')(item, options, globals);
item = showdown.subParser('blockGamut')(item, options, globals);
} else {
// Recursion for sub-lists:
item = showdown.subParser('lists')(item, options, globals);
item = item.replace(/\n$/, ''); // chomp(item)
item = showdown.subParser('hashHTMLBlocks')(item, options, globals);
// Colapse double linebreaks
item = item.replace(/\n\n+/g, '\n\n');
if (isParagraphed) {
item = showdown.subParser('paragraphs')(item, options, globals);
} else {
item = showdown.subParser('spanGamut')(item, options, globals);
}
}
// now we need to remove the marker (¨A)
item = item.replace('¨A', '');
// we can finally wrap the line in list item tags
item = '<li' + bulletStyle + '>' + item + '</li>\n';
return item;
});
// attacklab: strip sentinel
listStr = listStr.replace(/¨0/g, '');
globals.gListLevel--;
if (trimTrailing) {
listStr = listStr.replace(/\s+$/, '');
}
return listStr;
}
function styleStartNumber (list, listType) {
// check if ol and starts by a number different than 1
if (listType === 'ol') {
var res = list.match(/^ *(\d+)\./);
if (res && res[1] !== '1') {
return ' start="' + res[1] + '"';
}
}
return '';
}
/**
* Check and parse consecutive lists (better fix for issue #142)
* @param {string} list
* @param {string} listType
* @param {boolean} trimTrailing
* @returns {string}
*/
function parseConsecutiveLists (list, listType, trimTrailing) {
// check if we caught 2 or more consecutive lists by mistake
// we use the counterRgx, meaning if listType is UL we look for OL and vice versa
var olRgx = (options.disableForced4SpacesIndentedSublists) ? /^ ?\d+\.[ \t]/gm : /^ {0,3}\d+\.[ \t]/gm,
ulRgx = (options.disableForced4SpacesIndentedSublists) ? /^ ?[*+-][ \t]/gm : /^ {0,3}[*+-][ \t]/gm,
counterRxg = (listType === 'ul') ? olRgx : ulRgx,
result = '';
if (list.search(counterRxg) !== -1) {
(function parseCL (txt) {
var pos = txt.search(counterRxg),
style = styleStartNumber(list, listType);
if (pos !== -1) {
// slice
result += '\n\n<' + listType + style + '>\n' + processListItems(txt.slice(0, pos), !!trimTrailing) + '</' + listType + '>\n';
// invert counterType and listType
listType = (listType === 'ul') ? 'ol' : 'ul';
counterRxg = (listType === 'ul') ? olRgx : ulRgx;
//recurse
parseCL(txt.slice(pos));
} else {
result += '\n\n<' + listType + style + '>\n' + processListItems(txt, !!trimTrailing) + '</' + listType + '>\n';
}
})(list);
} else {
var style = styleStartNumber(list, listType);
result = '\n\n<' + listType + style + '>\n' + processListItems(list, !!trimTrailing) + '</' + listType + '>\n';
}
return result;
}
/** Start of list parsing **/
text = globals.converter._dispatch('lists.before', text, options, globals);
// add sentinel to hack around khtml/safari bug:
// http://bugs.webkit.org/show_bug.cgi?id=11231
text += '¨0';
if (globals.gListLevel) {
text = text.replace(/^(( {0,3}([*+-]|\d+[.])[ \t]+)[^\r]+?(¨0|\n{2,}(?=\S)(?![ \t]*(?:[*+-]|\d+[.])[ \t]+)))/gm,
function (wholeMatch, list, m2) {
var listType = (m2.search(/[*+-]/g) > -1) ? 'ul' : 'ol';
return parseConsecutiveLists(list, listType, true);
}
);
} else {
text = text.replace(/(\n\n|^\n?)(( {0,3}([*+-]|\d+[.])[ \t]+)[^\r]+?(¨0|\n{2,}(?=\S)(?![ \t]*(?:[*+-]|\d+[.])[ \t]+)))/gm,
function (wholeMatch, m1, list, m3) {
var listType = (m3.search(/[*+-]/g) > -1) ? 'ul' : 'ol';
return parseConsecutiveLists(list, listType, false);
}
);
}
// strip sentinel
text = text.replace(/¨0/, '');
text = globals.converter._dispatch('lists.after', text, options, globals);
return text;
});
/**
* Parse metadata at the top of the document
*/
showdown.subParser('metadata', function (text, options, globals) {
'use strict';
if (!options.metadata) {
return text;
}
text = globals.converter._dispatch('metadata.before', text, options, globals);
function parseMetadataContents (content) {
// raw is raw so it's not changed in any way
globals.metadata.raw = content;
// escape chars forbidden in html attributes
// double quotes
content = content
// ampersand first
.replace(/&/g, '&')
// double quotes
.replace(/"/g, '"');
content = content.replace(/\n {4}/g, ' ');
content.replace(/^([\S ]+): +([\s\S]+?)$/gm, function (wm, key, value) {
globals.metadata.parsed[key] = value;
return '';
});
}
text = text.replace(/^\s*«««+(\S*?)\n([\s\S]+?)\n»»»+\n/, function (wholematch, format, content) {
parseMetadataContents(content);
return '¨M';
});
text = text.replace(/^\s*---+(\S*?)\n([\s\S]+?)\n---+\n/, function (wholematch, format, content) {
if (format) {
globals.metadata.format = format;
}
parseMetadataContents(content);
return '¨M';
});
text = text.replace(/¨M/g, '');
text = globals.converter._dispatch('metadata.after', text, options, globals);
return text;
});
/**
* Remove one level of line-leading tabs or spaces
*/
showdown.subParser('outdent', function (text, options, globals) {
'use strict';
text = globals.converter._dispatch('outdent.before', text, options, globals);
// attacklab: hack around Konqueror 3.5.4 bug:
// "----------bug".replace(/^-/g,"") == "bug"
text = text.replace(/^(\t|[ ]{1,4})/gm, '¨0'); // attacklab: g_tab_width
// attacklab: clean up hack
text = text.replace(/¨0/g, '');
text = globals.converter._dispatch('outdent.after', text, options, globals);
return text;
});
/**
*
*/
showdown.subParser('paragraphs', function (text, options, globals) {
'use strict';
text = globals.converter._dispatch('paragraphs.before', text, options, globals);
// Strip leading and trailing lines:
text = text.replace(/^\n+/g, '');
text = text.replace(/\n+$/g, '');
var grafs = text.split(/\n{2,}/g),
grafsOut = [],
end = grafs.length; // Wrap <p> tags
for (var i = 0; i < end; i++) {
var str = grafs[i];
// if this is an HTML marker, copy it
if (str.search(/¨(K|G)(\d+)\1/g) >= 0) {
grafsOut.push(str);
// test for presence of characters to prevent empty lines being parsed
// as paragraphs (resulting in undesired extra empty paragraphs)
} else if (str.search(/\S/) >= 0) {
str = showdown.subParser('spanGamut')(str, options, globals);
str = str.replace(/^([ \t]*)/g, '<p>');
str += '</p>';
grafsOut.push(str);
}
}
/** Unhashify HTML blocks */
end = grafsOut.length;
for (i = 0; i < end; i++) {
var blockText = '',
grafsOutIt = grafsOut[i],
codeFlag = false;
// if this is a marker for an html block...
// use RegExp.test instead of string.search because of QML bug
while (/¨(K|G)(\d+)\1/.test(grafsOutIt)) {
var delim = RegExp.$1,
num = RegExp.$2;
if (delim === 'K') {
blockText = globals.gHtmlBlocks[num];
} else {
// we need to check if ghBlock is a false positive
if (codeFlag) {
// use encoded version of all text
blockText = showdown.subParser('encodeCode')(globals.ghCodeBlocks[num].text, options, globals);
} else {
blockText = globals.ghCodeBlocks[num].codeblock;
}
}
blockText = blockText.replace(/\$/g, '$$$$'); // Escape any dollar signs
grafsOutIt = grafsOutIt.replace(/(\n\n)?¨(K|G)\d+\2(\n\n)?/, blockText);
// Check if grafsOutIt is a pre->code
if (/^<pre\b[^>]*>\s*<code\b[^>]*>/.test(grafsOutIt)) {
codeFlag = true;
}
}
grafsOut[i] = grafsOutIt;
}
text = grafsOut.join('\n');
// Strip leading and trailing lines:
text = text.replace(/^\n+/g, '');
text = text.replace(/\n+$/g, '');
return globals.converter._dispatch('paragraphs.after', text, options, globals);
});
/**
* Run extension
*/
showdown.subParser('runExtension', function (ext, text, options, globals) {
'use strict';
if (ext.filter) {
text = ext.filter(text, globals.converter, options);
} else if (ext.regex) {
// TODO remove this when old extension loading mechanism is deprecated
var re = ext.regex;
if (!(re instanceof RegExp)) {
re = new RegExp(re, 'g');
}
text = text.replace(re, ext.replace);
}
return text;
});
/**
* These are all the transformations that occur *within* block-level
* tags like paragraphs, headers, and list items.
*/
showdown.subParser('spanGamut', function (text, options, globals) {
'use strict';
text = globals.converter._dispatch('spanGamut.before', text, options, globals);
text = showdown.subParser('codeSpans')(text, options, globals);
text = showdown.subParser('escapeSpecialCharsWithinTagAttributes')(text, options, globals);
text = showdown.subParser('encodeBackslashEscapes')(text, options, globals);
// Process anchor and image tags. Images must come first,
// because ![foo][f] looks like an anchor.
text = showdown.subParser('images')(text, options, globals);
text = showdown.subParser('anchors')(text, options, globals);
// Make links out of things like `<http://example.com/>`
// Must come after anchors, because you can use < and >
// delimiters in inline links like [this](<url>).
text = showdown.subParser('autoLinks')(text, options, globals);
text = showdown.subParser('simplifiedAutoLinks')(text, options, globals);
text = showdown.subParser('emoji')(text, options, globals);
text = showdown.subParser('underline')(text, options, globals);
text = showdown.subParser('italicsAndBold')(text, options, globals);
text = showdown.subParser('strikethrough')(text, options, globals);
text = showdown.subParser('ellipsis')(text, options, globals);
// we need to hash HTML tags inside spans
text = showdown.subParser('hashHTMLSpans')(text, options, globals);
// now we encode amps and angles
text = showdown.subParser('encodeAmpsAndAngles')(text, options, globals);
// Do hard breaks
if (options.simpleLineBreaks) {
// GFM style hard breaks
// only add line breaks if the text does not contain a block (special case for lists)
if (!/\n\n¨K/.test(text)) {
text = text.replace(/\n+/g, '<br />\n');
}
} else {
// Vanilla hard breaks
text = text.replace(/ +\n/g, '<br />\n');
}
text = globals.converter._dispatch('spanGamut.after', text, options, globals);
return text;
});
showdown.subParser('strikethrough', function (text, options, globals) {
'use strict';
function parseInside (txt) {
if (options.simplifiedAutoLink) {
txt = showdown.subParser('simplifiedAutoLinks')(txt, options, globals);
}
return '<del>' + txt + '</del>';
}
if (options.strikethrough) {
text = globals.converter._dispatch('strikethrough.before', text, options, globals);
text = text.replace(/(?:~){2}([\s\S]+?)(?:~){2}/g, function (wm, txt) { return parseInside(txt); });
text = globals.converter._dispatch('strikethrough.after', text, options, globals);
}
return text;
});
/**
* Strips link definitions from text, stores the URLs and titles in
* hash references.
* Link defs are in the form: ^[id]: url "optional title"
*/
showdown.subParser('stripLinkDefinitions', function (text, options, globals) {
'use strict';
var regex = /^ {0,3}\[(.+)]:[ \t]*\n?[ \t]*<?([^>\s]+)>?(?: =([*\d]+[A-Za-z%]{0,4})x([*\d]+[A-Za-z%]{0,4}))?[ \t]*\n?[ \t]*(?:(\n*)["|'(](.+?)["|')][ \t]*)?(?:\n+|(?=¨0))/gm,
base64Regex = /^ {0,3}\[(.+)]:[ \t]*\n?[ \t]*<?(data:.+?\/.+?;base64,[A-Za-z0-9+/=\n]+?)>?(?: =([*\d]+[A-Za-z%]{0,4})x([*\d]+[A-Za-z%]{0,4}))?[ \t]*\n?[ \t]*(?:(\n*)["|'(](.+?)["|')][ \t]*)?(?:\n\n|(?=¨0)|(?=\n\[))/gm;
// attacklab: sentinel workarounds for lack of \A and \Z, safari\khtml bug
text += '¨0';
var replaceFunc = function (wholeMatch, linkId, url, width, height, blankLines, title) {
linkId = linkId.toLowerCase();
if (url.match(/^data:.+?\/.+?;base64,/)) {
// remove newlines
globals.gUrls[linkId] = url.replace(/\s/g, '');
} else {
globals.gUrls[linkId] = showdown.subParser('encodeAmpsAndAngles')(url, options, globals); // Link IDs are case-insensitive
}
if (blankLines) {
// Oops, found blank lines, so it's not a title.
// Put back the parenthetical statement we stole.
return blankLines + title;
} else {
if (title) {
globals.gTitles[linkId] = title.replace(/"|'/g, '"');
}
if (options.parseImgDimensions && width && height) {
globals.gDimensions[linkId] = {
width: width,
height: height
};
}
}
// Completely remove the definition from the text
return '';
};
// first we try to find base64 link references
text = text.replace(base64Regex, replaceFunc);
text = text.replace(regex, replaceFunc);
// attacklab: strip sentinel
text = text.replace(/¨0/, '');
return text;
});
showdown.subParser('tables', function (text, options, globals) {
'use strict';
if (!options.tables) {
return text;
}
var tableRgx = /^ {0,3}\|?.+\|.+\n {0,3}\|?[ \t]*:?[ \t]*(?:[-=]){2,}[ \t]*:?[ \t]*\|[ \t]*:?[ \t]*(?:[-=]){2,}[\s\S]+?(?:\n\n|¨0)/gm,
//singeColTblRgx = /^ {0,3}\|.+\|\n {0,3}\|[ \t]*:?[ \t]*(?:[-=]){2,}[ \t]*:?[ \t]*\|[ \t]*\n(?: {0,3}\|.+\|\n)+(?:\n\n|¨0)/gm;
singeColTblRgx = /^ {0,3}\|.+\|[ \t]*\n {0,3}\|[ \t]*:?[ \t]*(?:[-=]){2,}[ \t]*:?[ \t]*\|[ \t]*\n( {0,3}\|.+\|[ \t]*\n)*(?:\n|¨0)/gm;
function parseStyles (sLine) {
if (/^:[ \t]*--*$/.test(sLine)) {
return ' style="text-align:left;"';
} else if (/^--*[ \t]*:[ \t]*$/.test(sLine)) {
return ' style="text-align:right;"';
} else if (/^:[ \t]*--*[ \t]*:$/.test(sLine)) {
return ' style="text-align:center;"';
} else {
return '';
}
}
function parseHeaders (header, style) {
var id = '';
header = header.trim();
// support both tablesHeaderId and tableHeaderId due to error in documentation so we don't break backwards compatibility
if (options.tablesHeaderId || options.tableHeaderId) {
id = ' id="' + header.replace(/ /g, '_').toLowerCase() + '"';
}
header = showdown.subParser('spanGamut')(header, options, globals);
return '<th' + id + style + '>' + header + '</th>\n';
}
function parseCells (cell, style) {
var subText = showdown.subParser('spanGamut')(cell, options, globals);
return '<td' + style + '>' + subText + '</td>\n';
}
function buildTable (headers, cells) {
var tb = '<table>\n<thead>\n<tr>\n',
tblLgn = headers.length;
for (var i = 0; i < tblLgn; ++i) {
tb += headers[i];
}
tb += '</tr>\n</thead>\n<tbody>\n';
for (i = 0; i < cells.length; ++i) {
tb += '<tr>\n';
for (var ii = 0; ii < tblLgn; ++ii) {
tb += cells[i][ii];
}
tb += '</tr>\n';
}
tb += '</tbody>\n</table>\n';
return tb;
}
function parseTable (rawTable) {
var i, tableLines = rawTable.split('\n');
for (i = 0; i < tableLines.length; ++i) {
// strip wrong first and last column if wrapped tables are used
if (/^ {0,3}\|/.test(tableLines[i])) {
tableLines[i] = tableLines[i].replace(/^ {0,3}\|/, '');
}
if (/\|[ \t]*$/.test(tableLines[i])) {
tableLines[i] = tableLines[i].replace(/\|[ \t]*$/, '');
}
// parse code spans first, but we only support one line code spans
tableLines[i] = showdown.subParser('codeSpans')(tableLines[i], options, globals);
}
var rawHeaders = tableLines[0].split('|').map(function (s) { return s.trim();}),
rawStyles = tableLines[1].split('|').map(function (s) { return s.trim();}),
rawCells = [],
headers = [],
styles = [],
cells = [];
tableLines.shift();
tableLines.shift();
for (i = 0; i < tableLines.length; ++i) {
if (tableLines[i].trim() === '') {
continue;
}
rawCells.push(
tableLines[i]
.split('|')
.map(function (s) {
return s.trim();
})
);
}
if (rawHeaders.length < rawStyles.length) {
return rawTable;
}
for (i = 0; i < rawStyles.length; ++i) {
styles.push(parseStyles(rawStyles[i]));
}
for (i = 0; i < rawHeaders.length; ++i) {
if (showdown.helper.isUndefined(styles[i])) {
styles[i] = '';
}
headers.push(parseHeaders(rawHeaders[i], styles[i]));
}
for (i = 0; i < rawCells.length; ++i) {
var row = [];
for (var ii = 0; ii < headers.length; ++ii) {
if (showdown.helper.isUndefined(rawCells[i][ii])) {
}
row.push(parseCells(rawCells[i][ii], styles[ii]));
}
cells.push(row);
}
return buildTable(headers, cells);
}
text = globals.converter._dispatch('tables.before', text, options, globals);
// find escaped pipe characters
text = text.replace(/\\(\|)/g, showdown.helper.escapeCharactersCallback);
// parse multi column tables
text = text.replace(tableRgx, parseTable);
// parse one column tables
text = text.replace(singeColTblRgx, parseTable);
text = globals.converter._dispatch('tables.after', text, options, globals);
return text;
});
showdown.subParser('underline', function (text, options, globals) {
'use strict';
if (!options.underline) {
return text;
}
text = globals.converter._dispatch('underline.before', text, options, globals);
if (options.literalMidWordUnderscores) {
text = text.replace(/\b___(\S[\s\S]*?)___\b/g, function (wm, txt) {
return '<u>' + txt + '</u>';
});
text = text.replace(/\b__(\S[\s\S]*?)__\b/g, function (wm, txt) {
return '<u>' + txt + '</u>';
});
} else {
text = text.replace(/___(\S[\s\S]*?)___/g, function (wm, m) {
return (/\S$/.test(m)) ? '<u>' + m + '</u>' : wm;
});
text = text.replace(/__(\S[\s\S]*?)__/g, function (wm, m) {
return (/\S$/.test(m)) ? '<u>' + m + '</u>' : wm;
});
}
// escape remaining underscores to prevent them being parsed by italic and bold
text = text.replace(/(_)/g, showdown.helper.escapeCharactersCallback);
text = globals.converter._dispatch('underline.after', text, options, globals);
return text;
});
/**
* Swap back in all the special characters we've hidden.
*/
showdown.subParser('unescapeSpecialChars', function (text, options, globals) {
'use strict';
text = globals.converter._dispatch('unescapeSpecialChars.before', text, options, globals);
text = text.replace(/¨E(\d+)E/g, function (wholeMatch, m1) {
var charCodeToReplace = parseInt(m1);
return String.fromCharCode(charCodeToReplace);
});
text = globals.converter._dispatch('unescapeSpecialChars.after', text, options, globals);
return text;
});
showdown.subParser('makeMarkdown.blockquote', function (node, globals) {
'use strict';
var txt = '';
if (node.hasChildNodes()) {
var children = node.childNodes,
childrenLength = children.length;
for (var i = 0; i < childrenLength; ++i) {
var innerTxt = showdown.subParser('makeMarkdown.node')(children[i], globals);
if (innerTxt === '') {
continue;
}
txt += innerTxt;
}
}
// cleanup
txt = txt.trim();
txt = '> ' + txt.split('\n').join('\n> ');
return txt;
});
showdown.subParser('makeMarkdown.codeBlock', function (node, globals) {
'use strict';
var lang = node.getAttribute('language'),
num = node.getAttribute('precodenum');
return '```' + lang + '\n' + globals.preList[num] + '\n```';
});
showdown.subParser('makeMarkdown.codeSpan', function (node) {
'use strict';
return '`' + node.innerHTML + '`';
});
showdown.subParser('makeMarkdown.emphasis', function (node, globals) {
'use strict';
var txt = '';
if (node.hasChildNodes()) {
txt += '*';
var children = node.childNodes,
childrenLength = children.length;
for (var i = 0; i < childrenLength; ++i) {
txt += showdown.subParser('makeMarkdown.node')(children[i], globals);
}
txt += '*';
}
return txt;
});
showdown.subParser('makeMarkdown.header', function (node, globals, headerLevel) {
'use strict';
var headerMark = new Array(headerLevel + 1).join('#'),
txt = '';
if (node.hasChildNodes()) {
txt = headerMark + ' ';
var children = node.childNodes,
childrenLength = children.length;
for (var i = 0; i < childrenLength; ++i) {
txt += showdown.subParser('makeMarkdown.node')(children[i], globals);
}
}
return txt;
});
showdown.subParser('makeMarkdown.hr', function () {
'use strict';
return '---';
});
showdown.subParser('makeMarkdown.image', function (node) {
'use strict';
var txt = '';
if (node.hasAttribute('src')) {
txt += ' + '>';
if (node.hasAttribute('width') && node.hasAttribute('height')) {
txt += ' =' + node.getAttribute('width') + 'x' + node.getAttribute('height');
}
if (node.hasAttribute('title')) {
txt += ' "' + node.getAttribute('title') + '"';
}
txt += ')';
}
return txt;
});
showdown.subParser('makeMarkdown.links', function (node, globals) {
'use strict';
var txt = '';
if (node.hasChildNodes() && node.hasAttribute('href')) {
var children = node.childNodes,
childrenLength = children.length;
txt = '[';
for (var i = 0; i < childrenLength; ++i) {
txt += showdown.subParser('makeMarkdown.node')(children[i], globals);
}
txt += '](';
txt += '<' + node.getAttribute('href') + '>';
if (node.hasAttribute('title')) {
txt += ' "' + node.getAttribute('title') + '"';
}
txt += ')';
}
return txt;
});
showdown.subParser('makeMarkdown.list', function (node, globals, type) {
'use strict';
var txt = '';
if (!node.hasChildNodes()) {
return '';
}
var listItems = node.childNodes,
listItemsLenght = listItems.length,
listNum = node.getAttribute('start') || 1;
for (var i = 0; i < listItemsLenght; ++i) {
if (typeof listItems[i].tagName === 'undefined' || listItems[i].tagName.toLowerCase() !== 'li') {
continue;
}
// define the bullet to use in list
var bullet = '';
if (type === 'ol') {
bullet = listNum.toString() + '. ';
} else {
bullet = '- ';
}
// parse list item
txt += bullet + showdown.subParser('makeMarkdown.listItem')(listItems[i], globals);
++listNum;
}
// add comment at the end to prevent consecutive lists to be parsed as one
txt += '\n<!-- -->\n';
return txt.trim();
});
showdown.subParser('makeMarkdown.listItem', function (node, globals) {
'use strict';
var listItemTxt = '';
var children = node.childNodes,
childrenLenght = children.length;
for (var i = 0; i < childrenLenght; ++i) {
listItemTxt += showdown.subParser('makeMarkdown.node')(children[i], globals);
}
// if it's only one liner, we need to add a newline at the end
if (!/\n$/.test(listItemTxt)) {
listItemTxt += '\n';
} else {
// it's multiparagraph, so we need to indent
listItemTxt = listItemTxt
.split('\n')
.join('\n ')
.replace(/^ {4}$/gm, '')
.replace(/\n\n+/g, '\n\n');
}
return listItemTxt;
});
showdown.subParser('makeMarkdown.node', function (node, globals, spansOnly) {
'use strict';
spansOnly = spansOnly || false;
var txt = '';
// edge case of text without wrapper paragraph
if (node.nodeType === 3) {
return showdown.subParser('makeMarkdown.txt')(node, globals);
}
// HTML comment
if (node.nodeType === 8) {
return '<!--' + node.data + '-->\n\n';
}
// process only node elements
if (node.nodeType !== 1) {
return '';
}
var tagName = node.tagName.toLowerCase();
switch (tagName) {
//
// BLOCKS
//
case 'h1':
if (!spansOnly) { txt = showdown.subParser('makeMarkdown.header')(node, globals, 1) + '\n\n'; }
break;
case 'h2':
if (!spansOnly) { txt = showdown.subParser('makeMarkdown.header')(node, globals, 2) + '\n\n'; }
break;
case 'h3':
if (!spansOnly) { txt = showdown.subParser('makeMarkdown.header')(node, globals, 3) + '\n\n'; }
break;
case 'h4':
if (!spansOnly) { txt = showdown.subParser('makeMarkdown.header')(node, globals, 4) + '\n\n'; }
break;
case 'h5':
if (!spansOnly) { txt = showdown.subParser('makeMarkdown.header')(node, globals, 5) + '\n\n'; }
break;
case 'h6':
if (!spansOnly) { txt = showdown.subParser('makeMarkdown.header')(node, globals, 6) + '\n\n'; }
break;
case 'p':
if (!spansOnly) { txt = showdown.subParser('makeMarkdown.paragraph')(node, globals) + '\n\n'; }
break;
case 'blockquote':
if (!spansOnly) { txt = showdown.subParser('makeMarkdown.blockquote')(node, globals) + '\n\n'; }
break;
case 'hr':
if (!spansOnly) { txt = showdown.subParser('makeMarkdown.hr')(node, globals) + '\n\n'; }
break;
case 'ol':
if (!spansOnly) { txt = showdown.subParser('makeMarkdown.list')(node, globals, 'ol') + '\n\n'; }
break;
case 'ul':
if (!spansOnly) { txt = showdown.subParser('makeMarkdown.list')(node, globals, 'ul') + '\n\n'; }
break;
case 'precode':
if (!spansOnly) { txt = showdown.subParser('makeMarkdown.codeBlock')(node, globals) + '\n\n'; }
break;
case 'pre':
if (!spansOnly) { txt = showdown.subParser('makeMarkdown.pre')(node, globals) + '\n\n'; }
break;
case 'table':
if (!spansOnly) { txt = showdown.subParser('makeMarkdown.table')(node, globals) + '\n\n'; }
break;
//
// SPANS
//
case 'code':
txt = showdown.subParser('makeMarkdown.codeSpan')(node, globals);
break;
case 'em':
case 'i':
txt = showdown.subParser('makeMarkdown.emphasis')(node, globals);
break;
case 'strong':
case 'b':
txt = showdown.subParser('makeMarkdown.strong')(node, globals);
break;
case 'del':
txt = showdown.subParser('makeMarkdown.strikethrough')(node, globals);
break;
case 'a':
txt = showdown.subParser('makeMarkdown.links')(node, globals);
break;
case 'img':
txt = showdown.subParser('makeMarkdown.image')(node, globals);
break;
default:
txt = node.outerHTML + '\n\n';
}
// common normalization
// TODO eventually
return txt;
});
showdown.subParser('makeMarkdown.paragraph', function (node, globals) {
'use strict';
var txt = '';
if (node.hasChildNodes()) {
var children = node.childNodes,
childrenLength = children.length;
for (var i = 0; i < childrenLength; ++i) {
txt += showdown.subParser('makeMarkdown.node')(children[i], globals);
}
}
// some text normalization
txt = txt.trim();
return txt;
});
showdown.subParser('makeMarkdown.pre', function (node, globals) {
'use strict';
var num = node.getAttribute('prenum');
return '<pre>' + globals.preList[num] + '</pre>';
});
showdown.subParser('makeMarkdown.strikethrough', function (node, globals) {
'use strict';
var txt = '';
if (node.hasChildNodes()) {
txt += '~~';
var children = node.childNodes,
childrenLength = children.length;
for (var i = 0; i < childrenLength; ++i) {
txt += showdown.subParser('makeMarkdown.node')(children[i], globals);
}
txt += '~~';
}
return txt;
});
showdown.subParser('makeMarkdown.strong', function (node, globals) {
'use strict';
var txt = '';
if (node.hasChildNodes()) {
txt += '**';
var children = node.childNodes,
childrenLength = children.length;
for (var i = 0; i < childrenLength; ++i) {
txt += showdown.subParser('makeMarkdown.node')(children[i], globals);
}
txt += '**';
}
return txt;
});
showdown.subParser('makeMarkdown.table', function (node, globals) {
'use strict';
var txt = '',
tableArray = [[], []],
headings = node.querySelectorAll('thead>tr>th'),
rows = node.querySelectorAll('tbody>tr'),
i, ii;
for (i = 0; i < headings.length; ++i) {
var headContent = showdown.subParser('makeMarkdown.tableCell')(headings[i], globals),
allign = '---';
if (headings[i].hasAttribute('style')) {
var style = headings[i].getAttribute('style').toLowerCase().replace(/\s/g, '');
switch (style) {
case 'text-align:left;':
allign = ':---';
break;
case 'text-align:right;':
allign = '---:';
break;
case 'text-align:center;':
allign = ':---:';
break;
}
}
tableArray[0][i] = headContent.trim();
tableArray[1][i] = allign;
}
for (i = 0; i < rows.length; ++i) {
var r = tableArray.push([]) - 1,
cols = rows[i].getElementsByTagName('td');
for (ii = 0; ii < headings.length; ++ii) {
var cellContent = ' ';
if (typeof cols[ii] !== 'undefined') {
cellContent = showdown.subParser('makeMarkdown.tableCell')(cols[ii], globals);
}
tableArray[r].push(cellContent);
}
}
var cellSpacesCount = 3;
for (i = 0; i < tableArray.length; ++i) {
for (ii = 0; ii < tableArray[i].length; ++ii) {
var strLen = tableArray[i][ii].length;
if (strLen > cellSpacesCount) {
cellSpacesCount = strLen;
}
}
}
for (i = 0; i < tableArray.length; ++i) {
for (ii = 0; ii < tableArray[i].length; ++ii) {
if (i === 1) {
if (tableArray[i][ii].slice(-1) === ':') {
tableArray[i][ii] = showdown.helper.padEnd(tableArray[i][ii].slice(-1), cellSpacesCount - 1, '-') + ':';
} else {
tableArray[i][ii] = showdown.helper.padEnd(tableArray[i][ii], cellSpacesCount, '-');
}
} else {
tableArray[i][ii] = showdown.helper.padEnd(tableArray[i][ii], cellSpacesCount);
}
}
txt += '| ' + tableArray[i].join(' | ') + ' |\n';
}
return txt.trim();
});
showdown.subParser('makeMarkdown.tableCell', function (node, globals) {
'use strict';
var txt = '';
if (!node.hasChildNodes()) {
return '';
}
var children = node.childNodes,
childrenLength = children.length;
for (var i = 0; i < childrenLength; ++i) {
txt += showdown.subParser('makeMarkdown.node')(children[i], globals, true);
}
return txt.trim();
});
showdown.subParser('makeMarkdown.txt', function (node) {
'use strict';
var txt = node.nodeValue;
// multiple spaces are collapsed
txt = txt.replace(/ +/g, ' ');
// replace the custom ¨NBSP; with a space
txt = txt.replace(/¨NBSP;/g, ' ');
// ", <, > and & should replace escaped html entities
txt = showdown.helper.unescapeHTMLEntities(txt);
// escape markdown magic characters
// emphasis, strong and strikethrough - can appear everywhere
// we also escape pipe (|) because of tables
// and escape ` because of code blocks and spans
txt = txt.replace(/([*_~|`])/g, '\\$1');
// escape > because of blockquotes
txt = txt.replace(/^(\s*)>/g, '\\$1>');
// hash character, only troublesome at the beginning of a line because of headers
txt = txt.replace(/^#/gm, '\\#');
// horizontal rules
txt = txt.replace(/^(\s*)([-=]{3,})(\s*)$/, '$1\\$2$3');
// dot, because of ordered lists, only troublesome at the beginning of a line when preceded by an integer
txt = txt.replace(/^( {0,3}\d+)\./gm, '$1\\.');
// +, * and -, at the beginning of a line becomes a list, so we need to escape them also (asterisk was already escaped)
txt = txt.replace(/^( {0,3})([+-])/gm, '$1\\$2');
// images and links, ] followed by ( is problematic, so we escape it
txt = txt.replace(/]([\s]*)\(/g, '\\]$1\\(');
// reference URIs must also be escaped
txt = txt.replace(/^ {0,3}\[([\S \t]*?)]:/gm, '\\[$1]:');
return txt;
});
var root = window;
// AMD Loader
if (typeof define === 'function' && define.amd) {
define(function () {
'use strict';
return showdown;
});
// CommonJS/nodeJS Loader
} else if (typeof module !== 'undefined' && module.exports) {
module.exports = showdown;
// Regular Browser loader
} else {
root.showdown = showdown;
}
}).call(this);
showdown.setOption("strikethrough", true);
showdown.setOption("ghMentions", true);
showdown.setOption("emoji", true);
showdown.setOption("tables", false);
showdown.setOption("simpleLineBreaks", true);
showdown.setOption("simplifiedAutoLink", true);
showdown.setOption("ghMentionsLink", "https://anilist.co/user/{u}/");
const converter = new showdown.Converter();
let makeHtml = function(markdown){
markdown = markdown.replace("----","---");
let centerSplit = markdown.split("~~~");
let imgRegex = /img(\d+%?)?\(.+?\)/gi;
centerSplit = centerSplit.map(component => {
let images = component.match(imgRegex);
if(images){
images.forEach(image => {
let imageParts = image.match(/^img(\d+%?)?\((.+?)\)$/i);
component = component.replace(image,`<img width="${imageParts[1] || ""}" src="${imageParts[2]}">`)
})
return component
}
else{
return component
}
})
let youtubeRegex = /youtube\(.+?\)/gi;
centerSplit = centerSplit.map(component => {
let videos = component.match(youtubeRegex);
if(videos){
videos.forEach(video => {
let videoParts = video.match(/^youtube\((.+?)\)$/i);
component = component.replace(video,`<a href="${videoParts[1]}">${videoParts[1]}</a>`)
})
}
return component
});
let preProcessed = [centerSplit[0]];
let openCenter = false;
for(let i=1;i<centerSplit.length;i++){
if(openCenter){
preProcessed.push("</center>");
}
else{
preProcessed.push("<center>");
}
preProcessed.push(centerSplit[i]);
openCenter = !openCenter
}
preProcessed = preProcessed.map(element => {
if(/~!/.test(element) || /!~/.test(element)){
return element.replace(/~!/g,"<span class=\"markdown_spoiler\">").replace(/!~/g,"</span>");
}
return element
})
return converter.makeHtml(preProcessed.join(""))
}
function returnList(list,skipProcessing){
if(!list){
return null
};
let retl = [];
list.data.MediaListCollection.lists.forEach(mediaList => {
mediaList.entries.forEach(entry => {
if(!skipProcessing){
entry.isCustomList = mediaList.isCustomList;
if(entry.isCustomList){
entry.listLocations = [mediaList.name]
}
else{
entry.listLocations = []
};
entry.scoreRaw = Math.min(entry.scoreRaw,100);
if(!entry.media.episodes && entry.media.nextAiringEpisode){
entry.media.episodes = entry.media.nextAiringEpisode.episode - 1
}
if(entry.notes){
entry.listJSON = parseListJSON(entry.notes)
};
if(entry.media.a){
entry.media.staff = removeGroupedDuplicates(
entry.media.a.nodes.concat(
entry.media.b.nodes
),
e => e.id
);
delete entry.media.a;
delete entry.media.b;
}
if(entry.repeat > 10000){//counting eps as repeat, 10x One Piece as the plausibility baseline
entry.repeat = 0
}
if(entry.status === "REPEATING" && entry.repeat === 0){
entry.repeat = 1
}
};
retl.push(entry);
})
})
return removeGroupedDuplicates(
retl,
e => e.mediaId,
(oldElement,newElement) => {
if(!skipProcessing){
newElement.listLocations = newElement.listLocations.concat(oldElement.listLocations);
newElement.isCustomList = oldElement.isCustomList || newElement.isCustomList;
}
}
)
};
function parseListJSON(listNote){
if(!listNote){
return null
};
let commandMatches = listNote.match(/\$({.*})\$/);
if(commandMatches){
try{
let noteContent = JSON.parse(commandMatches[1]);
noteContent.adjustValue = noteContent.adjust || 0;
let rangeParser = function(thing){
if(typeof thing === "number"){
return 1
}
else if(typeof thing === "string"){
thing = thing.split(",").map(a => a.trim())
};
return thing.reduce(function(acc,item){
if(typeof item === "number"){
return acc + 1
};
let multiplierPresent = item.split("x").map(a => a.trim());
let value = 1;
let rangePresent = multiplierPresent[0].split("-").map(a => a.trim());
if(rangePresent.length === 2){//range
let minRange = parseFloat(rangePresent[0]);
let maxRange = parseFloat(rangePresent[1]);
if(minRange && maxRange){
value = maxRange - minRange + 1
}
}
if(multiplierPresent.length === 1){//no multiplier
return acc + value
}
if(multiplierPresent.length === 2){//possible multiplier
let multiplier = parseFloat(multiplierPresent[1]);
if(multiplier || multiplier === 0){
return acc + value*multiplier
}
else{
return acc + 1
}
}
else{//unparsable
return acc + 1
}
},0);
};
if(noteContent.more){
noteContent.adjustValue += rangeParser(noteContent.more)
};
if(noteContent.skip){
noteContent.adjustValue -= rangeParser(noteContent.skip)
};
return noteContent;
}
catch(e){
console.warn("Unable to parse JSON in list note",commandMatches)
}
}
else{
return null
}
};
function formatCompat(compatData,targetLocation,name){
let differenceSpan = create("span",false,compatData.difference.roundPlaces(3));
if(compatData.difference < 0.9){
differenceSpan.style.color = "green"
}
else if(compatData.difference > 1.1){
differenceSpan.style.color = "red"
};
targetLocation.innerText = "";
targetLocation.appendChild(differenceSpan);
let countSpan = create("span",false," based on " + compatData.shared + " shared entries. Lower is better. 0.8 - 1.1 is common\nFormally, this is 'standard deviation between normalized ratings'",targetLocation);
let canvas = create("canvas",false,false,targetLocation,"display:block;");
canvas.title = "Blue = " + name + "\nRed = you";
canvas.width = 200;
canvas.height = 100;
let r1 = Math.sqrt(compatData.list1/(compatData.list1 + compatData.list2));
let r2 = Math.sqrt(compatData.list2/(compatData.list1 + compatData.list2));
let distance;
if(compatData.shared === compatData.list1 || compatData.shared === compatData.list2){
distance = Math.abs(r1 - r2)
}
else if(compatData.shared === 0){
distance = r1 + r2
}
else{
let areaOfIntersection = function(d,r0,r1){
let rr0 = r0 * r0;
let rr1 = r1 * r1;
let phi = (Math.acos((rr0 + (d * d) - rr1) / (2 * r0 * d))) * 2;
let theta = (Math.acos((rr1 + (d * d) - rr0) / (2 * r1 * d))) * 2;
let area1 = (theta * rr1 - rr1 * Math.sin(theta))/2;
let area2 = (phi * rr0 - rr0 * Math.sin(phi))/2;
return area1 + area2;
};
let overlapArea = Math.PI*compatData.shared/(compatData.list1 + compatData.list2);
let pivot0 = Math.abs(r1 - r2);
let pivot1 = r1 + r2;
while(pivot1 - pivot0 > (r1 + r2)/100){
distance = (pivot0 + pivot1)/2;
if(areaOfIntersection(distance,r1,r2) > overlapArea){
pivot0 = distance
}
else{
pivot1 = distance
}
}
}
let ctx = canvas.getContext("2d");
ctx.beginPath();
ctx.fillStyle = "rgb(61,180,242)";
ctx.arc(50,50,50*r1,0,2*Math.PI);
ctx.fill();
ctx.beginPath();
ctx.fillStyle = "rgb(250,122,122)";
ctx.arc(50 + 50*distance,50,50*r2,0,2*Math.PI);
ctx.fill();
ctx.beginPath();
ctx.fillStyle = "rgb(61,180,242,0.5)";
ctx.arc(50,50,50*r1,0,2*Math.PI);
ctx.fill();
}
function compatCheck(list,name,type,callback){
const variables = {
name: name,
listType: type
};
generalAPIcall(queryMediaListCompat,variables,function(data){
list.sort((a,b) => a.mediaId - b.mediaId);
let list2 = returnList(data).filter(element => element.scoreRaw);
let list3 = [];
let indeks1 = 0;
let indeks2 = 0;
while(indeks1 < list.length && indeks2 < list2.length){
if(list2[indeks2].mediaId > list[indeks1].mediaId){
indeks1++;
continue
};
if(list2[indeks2].mediaId < list[indeks1].mediaId){
indeks2++;
continue
};
if(list2[indeks2].mediaId === list[indeks1].mediaId){
list3.push({
mediaId: list[indeks1].mediaId,
score1: list[indeks1].scoreRaw,
score2: list2[indeks2].scoreRaw
});
indeks1++;
indeks2++
}
};
let average1 = 0;
let average2 = 0;
list3.forEach(item => {
average1 += item.score1;
average2 += item.score2;
item.sdiff = item.score1 - item.score2
});
average1 = average1/list3.length;
average2 = average2/list3.length;
let standev1 = 0;
let standev2 = 0;
list3.forEach(item => {
standev1 += Math.pow(item.score1 - average1,2);
standev2 += Math.pow(item.score2 - average2,2)
});
standev1 = Math.sqrt(standev1/(list3.length - 1));
standev2 = Math.sqrt(standev2/(list3.length - 1));
let difference = 0;
list3.forEach(item => {
difference += Math.abs(
(item.score1 - average1)/standev1
- (item.score2 - average2)/standev2
)
});
difference = difference/list3.length;
callback({
difference: difference,
shared: list3.length,
list1: list.length,
list2: list2.length,
user: name
})
})
}
//used by the stats module, and to safeguard the manga chapter guesses
//publishing manga is a bit tricky, since Anilist doesn't track chapters
const commonUnfinishedManga = {
"30002":{
"chapters":362,
"volumes":40,
"comment":"berserk"
},
"30013":{
"chapters":1001,
"volumes":92,
"comment":"one piece"
},
"85486":{
"chapters":297,
"volumes":20,
"comment":"mha"
},
"74347":{
"chapters":133,
"volumes":21,
"comment":"opm"
},
"30026":{
"chapters":390,
"volumes":36,
"comment":"HxH"
},
"30656":{
"chapters":327,
"volumes":37,
"comment":"vagabond"
},
"30105":{
"chapters":106,
"volumes":14,
"comment":"yotsuba&"
},
"105398":{
"chapters":136,
"volumes":0,
"comment":"solo leveling"
},
"86635":{
"chapters":214,
"volumes":19,
"comment":"kaguya"
}
}
if(NOW() - new Date(2021,0,1) > 365*24*60*60*1000){
console.log("remind hoh to update the commonUnfinishedManga list")
}
function uniqueBy(a,key){
let seen = new Set();
return a.filter(item => {
let k = key(item);
return seen.has(k) ? false : seen.add(k)
})
}
function dateToJST(string){
let splited = string.split("-");
let year = parseInt(splited[0]);
let month = parseInt(splited[1]);
let day = parseInt(splited[2]);
return Date.UTC(year,month-1,day,-9)
}
function emojiSanitize(string){
return Array.from(string).map(char => {
let codePoint = char.codePointAt(0);
if(codePoint > 0xFFFF){
return "&#" + codePoint + ";"
}
return char
}).join("")
}
function looseMatcher(string,searcher){
return string.toLowerCase().includes(searcher.toLowerCase())
|| RegExp(searcher,"i").test(string.toLowerCase())
}
const months = [
"January",
"February",
"March",
"April",
"May",
"June",
"July",
"August",
"September",
"October",
"November",
"December"
];
let urlChangedDependence = false;//???
//end "utilities.js"
/*! @license DOMPurify | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/2.0.8/LICENSE */
(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
typeof define === 'function' && define.amd ? define(factory) :
(global = global || self, global.DOMPurify = factory());
}(window, function () { 'use strict';
function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }
var hasOwnProperty = Object.hasOwnProperty,
setPrototypeOf = Object.setPrototypeOf,
isFrozen = Object.isFrozen;
var freeze = Object.freeze,
seal = Object.seal,
create = Object.create; // eslint-disable-line import/no-mutable-exports
var _ref = typeof Reflect !== 'undefined' && Reflect,
apply = _ref.apply,
construct = _ref.construct;
if (!apply) {
apply = function apply(fun, thisValue, args) {
return fun.apply(thisValue, args);
};
}
if (!freeze) {
freeze = function freeze(x) {
return x;
};
}
if (!seal) {
seal = function seal(x) {
return x;
};
}
if (!construct) {
construct = function construct(Func, args) {
return new (Function.prototype.bind.apply(Func, [null].concat(_toConsumableArray(args))))();
};
}
var arrayForEach = unapply(Array.prototype.forEach);
var arrayPop = unapply(Array.prototype.pop);
var arrayPush = unapply(Array.prototype.push);
var stringToLowerCase = unapply(String.prototype.toLowerCase);
var stringMatch = unapply(String.prototype.match);
var stringReplace = unapply(String.prototype.replace);
var stringIndexOf = unapply(String.prototype.indexOf);
var stringTrim = unapply(String.prototype.trim);
var regExpTest = unapply(RegExp.prototype.test);
var typeErrorCreate = unconstruct(TypeError);
function unapply(func) {
return function (thisArg) {
for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
args[_key - 1] = arguments[_key];
}
return apply(func, thisArg, args);
};
}
function unconstruct(func) {
return function () {
for (var _len2 = arguments.length, args = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
args[_key2] = arguments[_key2];
}
return construct(func, args);
};
}
/* Add properties to a lookup table */
function addToSet(set, array) {
if (setPrototypeOf) {
// Make 'in' and truthy checks like Boolean(set.constructor)
// independent of any properties defined on Object.prototype.
// Prevent prototype setters from intercepting set as a this value.
setPrototypeOf(set, null);
}
var l = array.length;
while (l--) {
var element = array[l];
if (typeof element === 'string') {
var lcElement = stringToLowerCase(element);
if (lcElement !== element) {
// Config presets (e.g. tags.js, attrs.js) are immutable.
if (!isFrozen(array)) {
array[l] = lcElement;
}
element = lcElement;
}
}
set[element] = true;
}
return set;
}
/* Shallow clone an object */
function clone(object) {
var newObject = create(null);
var property = void 0;
for (property in object) {
if (apply(hasOwnProperty, object, [property])) {
newObject[property] = object[property];
}
}
return newObject;
}
var html = freeze(['a', 'abbr', 'acronym', 'address', 'area', 'article', 'aside', 'audio', 'b', 'bdi', 'bdo', 'big', 'blink', 'blockquote', 'body', 'br', 'button', 'canvas', 'caption', 'center', 'cite', 'code', 'col', 'colgroup', 'content', 'data', 'datalist', 'dd', 'decorator', 'del', 'details', 'dfn', 'dir', 'div', 'dl', 'dt', 'element', 'em', 'fieldset', 'figcaption', 'figure', 'font', 'footer', 'form', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'head', 'header', 'hgroup', 'hr', 'html', 'i', 'img', 'input', 'ins', 'kbd', 'label', 'legend', 'li', 'main', 'map', 'mark', 'marquee', 'menu', 'menuitem', 'meter', 'nav', 'nobr', 'ol', 'optgroup', 'option', 'output', 'p', 'picture', 'pre', 'progress', 'q', 'rp', 'rt', 'ruby', 's', 'samp', 'section', 'select', 'shadow', 'small', 'source', 'spacer', 'span', 'strike', 'strong', 'style', 'sub', 'summary', 'sup', 'table', 'tbody', 'td', 'template', 'textarea', 'tfoot', 'th', 'thead', 'time', 'tr', 'track', 'tt', 'u', 'ul', 'var', 'video', 'wbr']);
// SVG
var svg = freeze(['svg', 'a', 'altglyph', 'altglyphdef', 'altglyphitem', 'animatecolor', 'animatemotion', 'animatetransform', 'audio', 'canvas', 'circle', 'clippath', 'defs', 'desc', 'ellipse', 'filter', 'font', 'g', 'glyph', 'glyphref', 'hkern', 'image', 'line', 'lineargradient', 'marker', 'mask', 'metadata', 'mpath', 'path', 'pattern', 'polygon', 'polyline', 'radialgradient', 'rect', 'stop', 'style', 'switch', 'symbol', 'text', 'textpath', 'title', 'tref', 'tspan', 'video', 'view', 'vkern']);
var svgFilters = freeze(['feBlend', 'feColorMatrix', 'feComponentTransfer', 'feComposite', 'feConvolveMatrix', 'feDiffuseLighting', 'feDisplacementMap', 'feDistantLight', 'feFlood', 'feFuncA', 'feFuncB', 'feFuncG', 'feFuncR', 'feGaussianBlur', 'feMerge', 'feMergeNode', 'feMorphology', 'feOffset', 'fePointLight', 'feSpecularLighting', 'feSpotLight', 'feTile', 'feTurbulence']);
var mathMl = freeze(['math', 'menclose', 'merror', 'mfenced', 'mfrac', 'mglyph', 'mi', 'mlabeledtr', 'mmultiscripts', 'mn', 'mo', 'mover', 'mpadded', 'mphantom', 'mroot', 'mrow', 'ms', 'mspace', 'msqrt', 'mstyle', 'msub', 'msup', 'msubsup', 'mtable', 'mtd', 'mtext', 'mtr', 'munder', 'munderover']);
var text = freeze(['#text']);
var html$1 = freeze(['accept', 'action', 'align', 'alt', 'autocapitalize', 'autocomplete', 'autopictureinpicture', 'autoplay', 'background', 'bgcolor', 'border', 'capture', 'cellpadding', 'cellspacing', 'checked', 'cite', 'class', 'clear', 'color', 'cols', 'colspan', 'controls', 'controlslist', 'coords', 'crossorigin', 'datetime', 'decoding', 'default', 'dir', 'disabled', 'disablepictureinpicture', 'disableremoteplayback', 'download', 'draggable', 'enctype', 'enterkeyhint', 'face', 'for', 'headers', 'height', 'hidden', 'high', 'href', 'hreflang', 'id', 'inputmode', 'integrity', 'ismap', 'kind', 'label', 'lang', 'list', 'loading', 'loop', 'low', 'max', 'maxlength', 'media', 'method', 'min', 'minlength', 'multiple', 'muted', 'name', 'noshade', 'novalidate', 'nowrap', 'open', 'optimum', 'pattern', 'placeholder', 'playsinline', 'poster', 'preload', 'pubdate', 'radiogroup', 'readonly', 'rel', 'required', 'rev', 'reversed', 'role', 'rows', 'rowspan', 'spellcheck', 'scope', 'selected', 'shape', 'size', 'sizes', 'span', 'srclang', 'start', 'src', 'srcset', 'step', 'style', 'summary', 'tabindex', 'title', 'translate', 'type', 'usemap', 'valign', 'value', 'width', 'xmlns']);
var svg$1 = freeze(['accent-height', 'accumulate', 'additive', 'alignment-baseline', 'ascent', 'attributename', 'attributetype', 'azimuth', 'basefrequency', 'baseline-shift', 'begin', 'bias', 'by', 'class', 'clip', 'clippathunits', 'clip-path', 'clip-rule', 'color', 'color-interpolation', 'color-interpolation-filters', 'color-profile', 'color-rendering', 'cx', 'cy', 'd', 'dx', 'dy', 'diffuseconstant', 'direction', 'display', 'divisor', 'dur', 'edgemode', 'elevation', 'end', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'filterunits', 'flood-color', 'flood-opacity', 'font-family', 'font-size', 'font-size-adjust', 'font-stretch', 'font-style', 'font-variant', 'font-weight', 'fx', 'fy', 'g1', 'g2', 'glyph-name', 'glyphref', 'gradientunits', 'gradienttransform', 'height', 'href', 'id', 'image-rendering', 'in', 'in2', 'k', 'k1', 'k2', 'k3', 'k4', 'kerning', 'keypoints', 'keysplines', 'keytimes', 'lang', 'lengthadjust', 'letter-spacing', 'kernelmatrix', 'kernelunitlength', 'lighting-color', 'local', 'marker-end', 'marker-mid', 'marker-start', 'markerheight', 'markerunits', 'markerwidth', 'maskcontentunits', 'maskunits', 'max', 'mask', 'media', 'method', 'mode', 'min', 'name', 'numoctaves', 'offset', 'operator', 'opacity', 'order', 'orient', 'orientation', 'origin', 'overflow', 'paint-order', 'path', 'pathlength', 'patterncontentunits', 'patterntransform', 'patternunits', 'points', 'preservealpha', 'preserveaspectratio', 'primitiveunits', 'r', 'rx', 'ry', 'radius', 'refx', 'refy', 'repeatcount', 'repeatdur', 'restart', 'result', 'rotate', 'scale', 'seed', 'shape-rendering', 'specularconstant', 'specularexponent', 'spreadmethod', 'startoffset', 'stddeviation', 'stitchtiles', 'stop-color', 'stop-opacity', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke', 'stroke-width', 'style', 'surfacescale', 'systemlanguage', 'tabindex', 'targetx', 'targety', 'transform', 'text-anchor', 'text-decoration', 'text-rendering', 'textlength', 'type', 'u1', 'u2', 'unicode', 'values', 'viewbox', 'visibility', 'version', 'vert-adv-y', 'vert-origin-x', 'vert-origin-y', 'width', 'word-spacing', 'wrap', 'writing-mode', 'xchannelselector', 'ychannelselector', 'x', 'x1', 'x2', 'xmlns', 'y', 'y1', 'y2', 'z', 'zoomandpan']);
var mathMl$1 = freeze(['accent', 'accentunder', 'align', 'bevelled', 'close', 'columnsalign', 'columnlines', 'columnspan', 'denomalign', 'depth', 'dir', 'display', 'displaystyle', 'encoding', 'fence', 'frame', 'height', 'href', 'id', 'largeop', 'length', 'linethickness', 'lspace', 'lquote', 'mathbackground', 'mathcolor', 'mathsize', 'mathvariant', 'maxsize', 'minsize', 'movablelimits', 'notation', 'numalign', 'open', 'rowalign', 'rowlines', 'rowspacing', 'rowspan', 'rspace', 'rquote', 'scriptlevel', 'scriptminsize', 'scriptsizemultiplier', 'selection', 'separator', 'separators', 'stretchy', 'subscriptshift', 'supscriptshift', 'symmetric', 'voffset', 'width', 'xmlns']);
var xml = freeze(['xlink:href', 'xml:id', 'xlink:title', 'xml:space', 'xmlns:xlink']);
// eslint-disable-next-line unicorn/better-regex
var MUSTACHE_EXPR = seal(/\{\{[\s\S]*|[\s\S]*\}\}/gm); // Specify template detection regex for SAFE_FOR_TEMPLATES mode
var ERB_EXPR = seal(/<%[\s\S]*|[\s\S]*%>/gm);
var DATA_ATTR = seal(/^data-[\-\w.\u00B7-\uFFFF]/); // eslint-disable-line no-useless-escape
var ARIA_ATTR = seal(/^aria-[\-\w]+$/); // eslint-disable-line no-useless-escape
var IS_ALLOWED_URI = seal(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|cid|xmpp):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i // eslint-disable-line no-useless-escape
);
var IS_SCRIPT_OR_DATA = seal(/^(?:\w+script|data):/i);
var ATTR_WHITESPACE = seal(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g // eslint-disable-line no-control-regex
);
var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
function _toConsumableArray$1(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }
var getGlobal = function getGlobal() {
return typeof window === 'undefined' ? null : window;
};
/**
* Creates a no-op policy for internal use only.
* Don't export this function outside this module!
* @param {?TrustedTypePolicyFactory} trustedTypes The policy factory.
* @param {Document} document The document object (to determine policy name suffix)
* @return {?TrustedTypePolicy} The policy created (or null, if Trusted Types
* are not supported).
*/
var _createTrustedTypesPolicy = function _createTrustedTypesPolicy(trustedTypes, document) {
if ((typeof trustedTypes === 'undefined' ? 'undefined' : _typeof(trustedTypes)) !== 'object' || typeof trustedTypes.createPolicy !== 'function') {
return null;
}
// Allow the callers to control the unique policy name
// by adding a data-tt-policy-suffix to the script element with the DOMPurify.
// Policy creation with duplicate names throws in Trusted Types.
var suffix = null;
var ATTR_NAME = 'data-tt-policy-suffix';
if (document.currentScript && document.currentScript.hasAttribute(ATTR_NAME)) {
suffix = document.currentScript.getAttribute(ATTR_NAME);
}
var policyName = 'dompurify' + (suffix ? '#' + suffix : '');
try {
return trustedTypes.createPolicy(policyName, {
createHTML: function createHTML(html$$1) {
return html$$1;
}
});
} catch (_) {
// Policy creation failed (most likely another DOMPurify script has
// already run). Skip creating the policy, as this will only cause errors
// if TT are enforced.
console.warn('TrustedTypes policy ' + policyName + ' could not be created.');
return null;
}
};
function createDOMPurify() {
var window = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : getGlobal();
var DOMPurify = function DOMPurify(root) {
return createDOMPurify(root);
};
/**
* Version label, exposed for easier checks
* if DOMPurify is up to date or not
*/
DOMPurify.version = '2.1.0';
/**
* Array of elements that DOMPurify removed during sanitation.
* Empty if nothing was removed.
*/
DOMPurify.removed = [];
if (!window || !window.document || window.document.nodeType !== 9) {
// Not running in a browser, provide a factory function
// so that you can pass your own Window
DOMPurify.isSupported = false;
return DOMPurify;
}
var originalDocument = window.document;
var document = window.document;
var DocumentFragment = window.DocumentFragment,
HTMLTemplateElement = window.HTMLTemplateElement,
Node = window.Node,
NodeFilter = window.NodeFilter,
_window$NamedNodeMap = window.NamedNodeMap,
NamedNodeMap = _window$NamedNodeMap === undefined ? window.NamedNodeMap || window.MozNamedAttrMap : _window$NamedNodeMap,
Text = window.Text,
Comment = window.Comment,
DOMParser = window.DOMParser,
trustedTypes = window.trustedTypes;
// As per issue #47, the web-components registry is inherited by a
// new document created via createHTMLDocument. As per the spec
// (http://w3c.github.io/webcomponents/spec/custom/#creating-and-passing-registries)
// a new empty registry is used when creating a template contents owner
// document, so we use that as our parent document to ensure nothing
// is inherited.
if (typeof HTMLTemplateElement === 'function') {
var template = document.createElement('template');
if (template.content && template.content.ownerDocument) {
document = template.content.ownerDocument;
}
}
var trustedTypesPolicy = _createTrustedTypesPolicy(trustedTypes, originalDocument);
var emptyHTML = trustedTypesPolicy && RETURN_TRUSTED_TYPE ? trustedTypesPolicy.createHTML('') : '';
var _document = document,
implementation = _document.implementation,
createNodeIterator = _document.createNodeIterator,
getElementsByTagName = _document.getElementsByTagName,
createDocumentFragment = _document.createDocumentFragment;
var importNode = originalDocument.importNode;
var documentMode = {};
try {
documentMode = clone(document).documentMode ? document.documentMode : {};
} catch (_) {}
var hooks = {};
/**
* Expose whether this browser supports running the full DOMPurify.
*/
DOMPurify.isSupported = implementation && typeof implementation.createHTMLDocument !== 'undefined' && documentMode !== 9;
var MUSTACHE_EXPR$$1 = MUSTACHE_EXPR,
ERB_EXPR$$1 = ERB_EXPR,
DATA_ATTR$$1 = DATA_ATTR,
ARIA_ATTR$$1 = ARIA_ATTR,
IS_SCRIPT_OR_DATA$$1 = IS_SCRIPT_OR_DATA,
ATTR_WHITESPACE$$1 = ATTR_WHITESPACE;
var IS_ALLOWED_URI$$1 = IS_ALLOWED_URI;
/**
* We consider the elements and attributes below to be safe. Ideally
* don't add any new ones but feel free to remove unwanted ones.
*/
/* allowed element names */
var ALLOWED_TAGS = null;
var DEFAULT_ALLOWED_TAGS = addToSet({}, [].concat(_toConsumableArray$1(html), _toConsumableArray$1(svg), _toConsumableArray$1(svgFilters), _toConsumableArray$1(mathMl), _toConsumableArray$1(text)));
/* Allowed attribute names */
var ALLOWED_ATTR = null;
var DEFAULT_ALLOWED_ATTR = addToSet({}, [].concat(_toConsumableArray$1(html$1), _toConsumableArray$1(svg$1), _toConsumableArray$1(mathMl$1), _toConsumableArray$1(xml)));
/* Explicitly forbidden tags (overrides ALLOWED_TAGS/ADD_TAGS) */
var FORBID_TAGS = null;
/* Explicitly forbidden attributes (overrides ALLOWED_ATTR/ADD_ATTR) */
var FORBID_ATTR = null;
/* Decide if ARIA attributes are okay */
var ALLOW_ARIA_ATTR = true;
/* Decide if custom data attributes are okay */
var ALLOW_DATA_ATTR = true;
/* Decide if unknown protocols are okay */
var ALLOW_UNKNOWN_PROTOCOLS = false;
/* Output should be safe for common template engines.
* This means, DOMPurify removes data attributes, mustaches and ERB
*/
var SAFE_FOR_TEMPLATES = false;
/* Decide if document with <html>... should be returned */
var WHOLE_DOCUMENT = false;
/* Track whether config is already set on this instance of DOMPurify. */
var SET_CONFIG = false;
/* Decide if all elements (e.g. style, script) must be children of
* document.body. By default, browsers might move them to document.head */
var FORCE_BODY = false;
/* Decide if a DOM `HTMLBodyElement` should be returned, instead of a html
* string (or a TrustedHTML object if Trusted Types are supported).
* If `WHOLE_DOCUMENT` is enabled a `HTMLHtmlElement` will be returned instead
*/
var RETURN_DOM = false;
/* Decide if a DOM `DocumentFragment` should be returned, instead of a html
* string (or a TrustedHTML object if Trusted Types are supported) */
var RETURN_DOM_FRAGMENT = false;
/* If `RETURN_DOM` or `RETURN_DOM_FRAGMENT` is enabled, decide if the returned DOM
* `Node` is imported into the current `Document`. If this flag is not enabled the
* `Node` will belong (its ownerDocument) to a fresh `HTMLDocument`, created by
* DOMPurify. */
var RETURN_DOM_IMPORT = false;
/* Try to return a Trusted Type object instead of a string, return a string in
* case Trusted Types are not supported */
var RETURN_TRUSTED_TYPE = false;
/* Output should be free from DOM clobbering attacks? */
var SANITIZE_DOM = true;
/* Keep element content when removing element? */
var KEEP_CONTENT = true;
/* If a `Node` is passed to sanitize(), then performs sanitization in-place instead
* of importing it into a new Document and returning a sanitized copy */
var IN_PLACE = false;
/* Allow usage of profiles like html, svg and mathMl */
var USE_PROFILES = {};
/* Tags to ignore content of when KEEP_CONTENT is true */
var FORBID_CONTENTS = addToSet({}, ['annotation-xml', 'audio', 'colgroup', 'desc', 'foreignobject', 'head', 'iframe', 'math', 'mi', 'mn', 'mo', 'ms', 'mtext', 'noembed', 'noframes', 'plaintext', 'script', 'style', 'svg', 'template', 'thead', 'title', 'video', 'xmp']);
/* Tags that are safe for data: URIs */
var DATA_URI_TAGS = null;
var DEFAULT_DATA_URI_TAGS = addToSet({}, ['audio', 'video', 'img', 'source', 'image', 'track']);
/* Attributes safe for values like "javascript:" */
var URI_SAFE_ATTRIBUTES = null;
var DEFAULT_URI_SAFE_ATTRIBUTES = addToSet({}, ['alt', 'class', 'for', 'id', 'label', 'name', 'pattern', 'placeholder', 'summary', 'title', 'value', 'style', 'xmlns']);
/* Keep a reference to config to pass to hooks */
var CONFIG = null;
/* Ideally, do not touch anything below this line */
/* ______________________________________________ */
var formElement = document.createElement('form');
/**
* _parseConfig
*
* @param {Object} cfg optional config literal
*/
// eslint-disable-next-line complexity
var _parseConfig = function _parseConfig(cfg) {
if (CONFIG && CONFIG === cfg) {
return;
}
/* Shield configuration object from tampering */
if (!cfg || (typeof cfg === 'undefined' ? 'undefined' : _typeof(cfg)) !== 'object') {
cfg = {};
}
/* Shield configuration object from prototype pollution */
cfg = clone(cfg);
/* Set configuration parameters */
ALLOWED_TAGS = 'ALLOWED_TAGS' in cfg ? addToSet({}, cfg.ALLOWED_TAGS) : DEFAULT_ALLOWED_TAGS;
ALLOWED_ATTR = 'ALLOWED_ATTR' in cfg ? addToSet({}, cfg.ALLOWED_ATTR) : DEFAULT_ALLOWED_ATTR;
URI_SAFE_ATTRIBUTES = 'ADD_URI_SAFE_ATTR' in cfg ? addToSet(clone(DEFAULT_URI_SAFE_ATTRIBUTES), cfg.ADD_URI_SAFE_ATTR) : DEFAULT_URI_SAFE_ATTRIBUTES;
DATA_URI_TAGS = 'ADD_DATA_URI_TAGS' in cfg ? addToSet(clone(DEFAULT_DATA_URI_TAGS), cfg.ADD_DATA_URI_TAGS) : DEFAULT_DATA_URI_TAGS;
FORBID_TAGS = 'FORBID_TAGS' in cfg ? addToSet({}, cfg.FORBID_TAGS) : {};
FORBID_ATTR = 'FORBID_ATTR' in cfg ? addToSet({}, cfg.FORBID_ATTR) : {};
USE_PROFILES = 'USE_PROFILES' in cfg ? cfg.USE_PROFILES : false;
ALLOW_ARIA_ATTR = cfg.ALLOW_ARIA_ATTR !== false; // Default true
ALLOW_DATA_ATTR = cfg.ALLOW_DATA_ATTR !== false; // Default true
ALLOW_UNKNOWN_PROTOCOLS = cfg.ALLOW_UNKNOWN_PROTOCOLS || false; // Default false
SAFE_FOR_TEMPLATES = cfg.SAFE_FOR_TEMPLATES || false; // Default false
WHOLE_DOCUMENT = cfg.WHOLE_DOCUMENT || false; // Default false
RETURN_DOM = cfg.RETURN_DOM || false; // Default false
RETURN_DOM_FRAGMENT = cfg.RETURN_DOM_FRAGMENT || false; // Default false
RETURN_DOM_IMPORT = cfg.RETURN_DOM_IMPORT || false; // Default false
RETURN_TRUSTED_TYPE = cfg.RETURN_TRUSTED_TYPE || false; // Default false
FORCE_BODY = cfg.FORCE_BODY || false; // Default false
SANITIZE_DOM = cfg.SANITIZE_DOM !== false; // Default true
KEEP_CONTENT = cfg.KEEP_CONTENT !== false; // Default true
IN_PLACE = cfg.IN_PLACE || false; // Default false
IS_ALLOWED_URI$$1 = cfg.ALLOWED_URI_REGEXP || IS_ALLOWED_URI$$1;
if (SAFE_FOR_TEMPLATES) {
ALLOW_DATA_ATTR = false;
}
if (RETURN_DOM_FRAGMENT) {
RETURN_DOM = true;
}
/* Parse profile info */
if (USE_PROFILES) {
ALLOWED_TAGS = addToSet({}, [].concat(_toConsumableArray$1(text)));
ALLOWED_ATTR = [];
if (USE_PROFILES.html === true) {
addToSet(ALLOWED_TAGS, html);
addToSet(ALLOWED_ATTR, html$1);
}
if (USE_PROFILES.svg === true) {
addToSet(ALLOWED_TAGS, svg);
addToSet(ALLOWED_ATTR, svg$1);
addToSet(ALLOWED_ATTR, xml);
}
if (USE_PROFILES.svgFilters === true) {
addToSet(ALLOWED_TAGS, svgFilters);
addToSet(ALLOWED_ATTR, svg$1);
addToSet(ALLOWED_ATTR, xml);
}
if (USE_PROFILES.mathMl === true) {
addToSet(ALLOWED_TAGS, mathMl);
addToSet(ALLOWED_ATTR, mathMl$1);
addToSet(ALLOWED_ATTR, xml);
}
}
/* Merge configuration parameters */
if (cfg.ADD_TAGS) {
if (ALLOWED_TAGS === DEFAULT_ALLOWED_TAGS) {
ALLOWED_TAGS = clone(ALLOWED_TAGS);
}
addToSet(ALLOWED_TAGS, cfg.ADD_TAGS);
}
if (cfg.ADD_ATTR) {
if (ALLOWED_ATTR === DEFAULT_ALLOWED_ATTR) {
ALLOWED_ATTR = clone(ALLOWED_ATTR);
}
addToSet(ALLOWED_ATTR, cfg.ADD_ATTR);
}
if (cfg.ADD_URI_SAFE_ATTR) {
addToSet(URI_SAFE_ATTRIBUTES, cfg.ADD_URI_SAFE_ATTR);
}
/* Add #text in case KEEP_CONTENT is set to true */
if (KEEP_CONTENT) {
ALLOWED_TAGS['#text'] = true;
}
/* Add html, head and body to ALLOWED_TAGS in case WHOLE_DOCUMENT is true */
if (WHOLE_DOCUMENT) {
addToSet(ALLOWED_TAGS, ['html', 'head', 'body']);
}
/* Add tbody to ALLOWED_TAGS in case tables are permitted, see #286, #365 */
if (ALLOWED_TAGS.table) {
addToSet(ALLOWED_TAGS, ['tbody']);
delete FORBID_TAGS.tbody;
}
// Prevent further manipulation of configuration.
// Not available in IE8, Safari 5, etc.
if (freeze) {
freeze(cfg);
}
CONFIG = cfg;
};
/**
* _forceRemove
*
* @param {Node} node a DOM node
*/
var _forceRemove = function _forceRemove(node) {
arrayPush(DOMPurify.removed, { element: node });
try {
node.parentNode.removeChild(node);
} catch (_) {
node.outerHTML = emptyHTML;
}
};
/**
* _removeAttribute
*
* @param {String} name an Attribute name
* @param {Node} node a DOM node
*/
var _removeAttribute = function _removeAttribute(name, node) {
try {
arrayPush(DOMPurify.removed, {
attribute: node.getAttributeNode(name),
from: node
});
} catch (_) {
arrayPush(DOMPurify.removed, {
attribute: null,
from: node
});
}
node.removeAttribute(name);
};
/**
* _initDocument
*
* @param {String} dirty a string of dirty markup
* @return {Document} a DOM, filled with the dirty markup
*/
var _initDocument = function _initDocument(dirty) {
/* Create a HTML document */
var doc = void 0;
var leadingWhitespace = void 0;
if (FORCE_BODY) {
dirty = '<remove></remove>' + dirty;
} else {
/* If FORCE_BODY isn't used, leading whitespace needs to be preserved manually */
var matches = stringMatch(dirty, /^[\r\n\t ]+/);
leadingWhitespace = matches && matches[0];
}
var dirtyPayload = trustedTypesPolicy ? trustedTypesPolicy.createHTML(dirty) : dirty;
/* Use the DOMParser API by default, fallback later if needs be */
try {
doc = new DOMParser().parseFromString(dirtyPayload, 'text/html');
} catch (_) {}
/* Use createHTMLDocument in case DOMParser is not available */
if (!doc || !doc.documentElement) {
doc = implementation.createHTMLDocument('');
var _doc = doc,
body = _doc.body;
body.parentNode.removeChild(body.parentNode.firstElementChild);
body.outerHTML = dirtyPayload;
}
if (dirty && leadingWhitespace) {
doc.body.insertBefore(document.createTextNode(leadingWhitespace), doc.body.childNodes[0] || null);
}
/* Work on whole document or just its body */
return getElementsByTagName.call(doc, WHOLE_DOCUMENT ? 'html' : 'body')[0];
};
/**
* _createIterator
*
* @param {Document} root document/fragment to create iterator for
* @return {Iterator} iterator instance
*/
var _createIterator = function _createIterator(root) {
return createNodeIterator.call(root.ownerDocument || root, root, NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_COMMENT | NodeFilter.SHOW_TEXT, function () {
return NodeFilter.FILTER_ACCEPT;
}, false);
};
/**
* _isClobbered
*
* @param {Node} elm element to check for clobbering attacks
* @return {Boolean} true if clobbered, false if safe
*/
var _isClobbered = function _isClobbered(elm) {
if (elm instanceof Text || elm instanceof Comment) {
return false;
}
if (typeof elm.nodeName !== 'string' || typeof elm.textContent !== 'string' || typeof elm.removeChild !== 'function' || !(elm.attributes instanceof NamedNodeMap) || typeof elm.removeAttribute !== 'function' || typeof elm.setAttribute !== 'function' || typeof elm.namespaceURI !== 'string') {
return true;
}
return false;
};
/**
* _isNode
*
* @param {Node} obj object to check whether it's a DOM node
* @return {Boolean} true is object is a DOM node
*/
var _isNode = function _isNode(object) {
return (typeof Node === 'undefined' ? 'undefined' : _typeof(Node)) === 'object' ? object instanceof Node : object && (typeof object === 'undefined' ? 'undefined' : _typeof(object)) === 'object' && typeof object.nodeType === 'number' && typeof object.nodeName === 'string';
};
/**
* _executeHook
* Execute user configurable hooks
*
* @param {String} entryPoint Name of the hook's entry point
* @param {Node} currentNode node to work on with the hook
* @param {Object} data additional hook parameters
*/
var _executeHook = function _executeHook(entryPoint, currentNode, data) {
if (!hooks[entryPoint]) {
return;
}
arrayForEach(hooks[entryPoint], function (hook) {
hook.call(DOMPurify, currentNode, data, CONFIG);
});
};
/**
* _sanitizeElements
*
* @protect nodeName
* @protect textContent
* @protect removeChild
*
* @param {Node} currentNode to check for permission to exist
* @return {Boolean} true if node was killed, false if left alive
*/
var _sanitizeElements = function _sanitizeElements(currentNode) {
var content = void 0;
/* Execute a hook if present */
_executeHook('beforeSanitizeElements', currentNode, null);
/* Check if element is clobbered or can clobber */
if (_isClobbered(currentNode)) {
_forceRemove(currentNode);
return true;
}
/* Check if tagname contains Unicode */
if (stringMatch(currentNode.nodeName, /[\u0080-\uFFFF]/)) {
_forceRemove(currentNode);
return true;
}
/* Now let's check the element's type and name */
var tagName = stringToLowerCase(currentNode.nodeName);
/* Execute a hook if present */
_executeHook('uponSanitizeElement', currentNode, {
tagName: tagName,
allowedTags: ALLOWED_TAGS
});
/* Take care of an mXSS pattern using p, br inside svg, math */
if ((tagName === 'svg' || tagName === 'math') && currentNode.querySelectorAll('p, br').length !== 0) {
_forceRemove(currentNode);
return true;
}
/* Detect mXSS attempts abusing namespace confusion */
if (!_isNode(currentNode.firstElementChild) && (!_isNode(currentNode.content) || !_isNode(currentNode.content.firstElementChild)) && regExpTest(/<[!/\w]/g, currentNode.innerHTML) && regExpTest(/<[!/\w]/g, currentNode.textContent)) {
_forceRemove(currentNode);
return true;
}
/* Remove element if anything forbids its presence */
if (!ALLOWED_TAGS[tagName] || FORBID_TAGS[tagName]) {
/* Keep content except for bad-listed elements */
if (KEEP_CONTENT && !FORBID_CONTENTS[tagName] && typeof currentNode.insertAdjacentHTML === 'function') {
try {
var htmlToInsert = currentNode.innerHTML;
currentNode.insertAdjacentHTML('AfterEnd', trustedTypesPolicy ? trustedTypesPolicy.createHTML(htmlToInsert) : htmlToInsert);
} catch (_) {}
}
_forceRemove(currentNode);
return true;
}
/* Remove in case a noscript/noembed XSS is suspected */
if ((tagName === 'noscript' || tagName === 'noembed') && regExpTest(/<\/no(script|embed)/i, currentNode.innerHTML)) {
_forceRemove(currentNode);
return true;
}
/* Sanitize element content to be template-safe */
if (SAFE_FOR_TEMPLATES && currentNode.nodeType === 3) {
/* Get the element's text content */
content = currentNode.textContent;
content = stringReplace(content, MUSTACHE_EXPR$$1, ' ');
content = stringReplace(content, ERB_EXPR$$1, ' ');
if (currentNode.textContent !== content) {
arrayPush(DOMPurify.removed, { element: currentNode.cloneNode() });
currentNode.textContent = content;
}
}
/* Execute a hook if present */
_executeHook('afterSanitizeElements', currentNode, null);
return false;
};
/**
* _isValidAttribute
*
* @param {string} lcTag Lowercase tag name of containing element.
* @param {string} lcName Lowercase attribute name.
* @param {string} value Attribute value.
* @return {Boolean} Returns true if `value` is valid, otherwise false.
*/
// eslint-disable-next-line complexity
var _isValidAttribute = function _isValidAttribute(lcTag, lcName, value) {
/* Make sure attribute cannot clobber */
if (SANITIZE_DOM && (lcName === 'id' || lcName === 'name') && (value in document || value in formElement)) {
return false;
}
/* Allow valid data-* attributes: At least one character after "-"
(https://html.spec.whatwg.org/multipage/dom.html#embedding-custom-non-visible-data-with-the-data-*-attributes)
XML-compatible (https://html.spec.whatwg.org/multipage/infrastructure.html#xml-compatible and http://www.w3.org/TR/xml/#d0e804)
We don't need to check the value; it's always URI safe. */
if (ALLOW_DATA_ATTR && regExpTest(DATA_ATTR$$1, lcName)) ; else if (ALLOW_ARIA_ATTR && regExpTest(ARIA_ATTR$$1, lcName)) ; else if (!ALLOWED_ATTR[lcName] || FORBID_ATTR[lcName]) {
return false;
/* Check value is safe. First, is attr inert? If so, is safe */
} else if (URI_SAFE_ATTRIBUTES[lcName]) ; else if (regExpTest(IS_ALLOWED_URI$$1, stringReplace(value, ATTR_WHITESPACE$$1, ''))) ; else if ((lcName === 'src' || lcName === 'xlink:href' || lcName === 'href') && lcTag !== 'script' && stringIndexOf(value, 'data:') === 0 && DATA_URI_TAGS[lcTag]) ; else if (ALLOW_UNKNOWN_PROTOCOLS && !regExpTest(IS_SCRIPT_OR_DATA$$1, stringReplace(value, ATTR_WHITESPACE$$1, ''))) ; else if (!value) ; else {
return false;
}
return true;
};
/**
* _sanitizeAttributes
*
* @protect attributes
* @protect nodeName
* @protect removeAttribute
* @protect setAttribute
*
* @param {Node} currentNode to sanitize
*/
var _sanitizeAttributes = function _sanitizeAttributes(currentNode) {
var attr = void 0;
var value = void 0;
var lcName = void 0;
var l = void 0;
/* Execute a hook if present */
_executeHook('beforeSanitizeAttributes', currentNode, null);
var attributes = currentNode.attributes;
/* Check if we have attributes; if not we might have a text node */
if (!attributes) {
return;
}
var hookEvent = {
attrName: '',
attrValue: '',
keepAttr: true,
allowedAttributes: ALLOWED_ATTR
};
l = attributes.length;
/* Go backwards over all attributes; safely remove bad ones */
while (l--) {
attr = attributes[l];
var _attr = attr,
name = _attr.name,
namespaceURI = _attr.namespaceURI;
value = stringTrim(attr.value);
lcName = stringToLowerCase(name);
/* Execute a hook if present */
hookEvent.attrName = lcName;
hookEvent.attrValue = value;
hookEvent.keepAttr = true;
hookEvent.forceKeepAttr = undefined; // Allows developers to see this is a property they can set
_executeHook('uponSanitizeAttribute', currentNode, hookEvent);
value = hookEvent.attrValue;
/* Did the hooks approve of the attribute? */
if (hookEvent.forceKeepAttr) {
continue;
}
/* Remove attribute */
_removeAttribute(name, currentNode);
/* Did the hooks approve of the attribute? */
if (!hookEvent.keepAttr) {
continue;
}
/* Work around a security issue in jQuery 3.0 */
if (regExpTest(/\/>/i, value)) {
_removeAttribute(name, currentNode);
continue;
}
/* Sanitize attribute content to be template-safe */
if (SAFE_FOR_TEMPLATES) {
value = stringReplace(value, MUSTACHE_EXPR$$1, ' ');
value = stringReplace(value, ERB_EXPR$$1, ' ');
}
/* Is `value` valid for this attribute? */
var lcTag = currentNode.nodeName.toLowerCase();
if (!_isValidAttribute(lcTag, lcName, value)) {
continue;
}
/* Handle invalid data-* attribute set by try-catching it */
try {
if (namespaceURI) {
currentNode.setAttributeNS(namespaceURI, name, value);
} else {
/* Fallback to setAttribute() for browser-unrecognized namespaces e.g. "x-schema". */
currentNode.setAttribute(name, value);
}
arrayPop(DOMPurify.removed);
} catch (_) {}
}
/* Execute a hook if present */
_executeHook('afterSanitizeAttributes', currentNode, null);
};
/**
* _sanitizeShadowDOM
*
* @param {DocumentFragment} fragment to iterate over recursively
*/
var _sanitizeShadowDOM = function _sanitizeShadowDOM(fragment) {
var shadowNode = void 0;
var shadowIterator = _createIterator(fragment);
/* Execute a hook if present */
_executeHook('beforeSanitizeShadowDOM', fragment, null);
while (shadowNode = shadowIterator.nextNode()) {
/* Execute a hook if present */
_executeHook('uponSanitizeShadowNode', shadowNode, null);
/* Sanitize tags and elements */
if (_sanitizeElements(shadowNode)) {
continue;
}
/* Deep shadow DOM detected */
if (shadowNode.content instanceof DocumentFragment) {
_sanitizeShadowDOM(shadowNode.content);
}
/* Check attributes, sanitize if necessary */
_sanitizeAttributes(shadowNode);
}
/* Execute a hook if present */
_executeHook('afterSanitizeShadowDOM', fragment, null);
};
/**
* Sanitize
* Public method providing core sanitation functionality
*
* @param {String|Node} dirty string or DOM node
* @param {Object} configuration object
*/
// eslint-disable-next-line complexity
DOMPurify.sanitize = function (dirty, cfg) {
var body = void 0;
var importedNode = void 0;
var currentNode = void 0;
var oldNode = void 0;
var returnNode = void 0;
/* Make sure we have a string to sanitize.
DO NOT return early, as this will return the wrong type if
the user has requested a DOM object rather than a string */
if (!dirty) {
dirty = '<!-->';
}
/* Stringify, in case dirty is an object */
if (typeof dirty !== 'string' && !_isNode(dirty)) {
// eslint-disable-next-line no-negated-condition
if (typeof dirty.toString !== 'function') {
throw typeErrorCreate('toString is not a function');
} else {
dirty = dirty.toString();
if (typeof dirty !== 'string') {
throw typeErrorCreate('dirty is not a string, aborting');
}
}
}
/* Check we can run. Otherwise fall back or ignore */
if (!DOMPurify.isSupported) {
if (_typeof(window.toStaticHTML) === 'object' || typeof window.toStaticHTML === 'function') {
if (typeof dirty === 'string') {
return window.toStaticHTML(dirty);
}
if (_isNode(dirty)) {
return window.toStaticHTML(dirty.outerHTML);
}
}
return dirty;
}
/* Assign config vars */
if (!SET_CONFIG) {
_parseConfig(cfg);
}
/* Clean up removed elements */
DOMPurify.removed = [];
/* Check if dirty is correctly typed for IN_PLACE */
if (typeof dirty === 'string') {
IN_PLACE = false;
}
if (IN_PLACE) ; else if (dirty instanceof Node) {
/* If dirty is a DOM element, append to an empty document to avoid
elements being stripped by the parser */
body = _initDocument('<!---->');
importedNode = body.ownerDocument.importNode(dirty, true);
if (importedNode.nodeType === 1 && importedNode.nodeName === 'BODY') {
/* Node is already a body, use as is */
body = importedNode;
} else if (importedNode.nodeName === 'HTML') {
body = importedNode;
} else {
// eslint-disable-next-line unicorn/prefer-node-append
body.appendChild(importedNode);
}
} else {
/* Exit directly if we have nothing to do */
if (!RETURN_DOM && !SAFE_FOR_TEMPLATES && !WHOLE_DOCUMENT &&
// eslint-disable-next-line unicorn/prefer-includes
dirty.indexOf('<') === -1) {
return trustedTypesPolicy && RETURN_TRUSTED_TYPE ? trustedTypesPolicy.createHTML(dirty) : dirty;
}
/* Initialize the document to work on */
body = _initDocument(dirty);
/* Check we have a DOM node from the data */
if (!body) {
return RETURN_DOM ? null : emptyHTML;
}
}
/* Remove first element node (ours) if FORCE_BODY is set */
if (body && FORCE_BODY) {
_forceRemove(body.firstChild);
}
/* Get node iterator */
var nodeIterator = _createIterator(IN_PLACE ? dirty : body);
/* Now start iterating over the created document */
while (currentNode = nodeIterator.nextNode()) {
/* Fix IE's strange behavior with manipulated textNodes #89 */
if (currentNode.nodeType === 3 && currentNode === oldNode) {
continue;
}
/* Sanitize tags and elements */
if (_sanitizeElements(currentNode)) {
continue;
}
/* Shadow DOM detected, sanitize it */
if (currentNode.content instanceof DocumentFragment) {
_sanitizeShadowDOM(currentNode.content);
}
/* Check attributes, sanitize if necessary */
_sanitizeAttributes(currentNode);
oldNode = currentNode;
}
oldNode = null;
/* If we sanitized `dirty` in-place, return it. */
if (IN_PLACE) {
return dirty;
}
/* Return sanitized string or DOM */
if (RETURN_DOM) {
if (RETURN_DOM_FRAGMENT) {
returnNode = createDocumentFragment.call(body.ownerDocument);
while (body.firstChild) {
// eslint-disable-next-line unicorn/prefer-node-append
returnNode.appendChild(body.firstChild);
}
} else {
returnNode = body;
}
if (RETURN_DOM_IMPORT) {
/*
AdoptNode() is not used because internal state is not reset
(e.g. the past names map of a HTMLFormElement), this is safe
in theory but we would rather not risk another attack vector.
The state that is cloned by importNode() is explicitly defined
by the specs.
*/
returnNode = importNode.call(originalDocument, returnNode, true);
}
return returnNode;
}
var serializedHTML = WHOLE_DOCUMENT ? body.outerHTML : body.innerHTML;
/* Sanitize final string template-safe */
if (SAFE_FOR_TEMPLATES) {
serializedHTML = stringReplace(serializedHTML, MUSTACHE_EXPR$$1, ' ');
serializedHTML = stringReplace(serializedHTML, ERB_EXPR$$1, ' ');
}
return trustedTypesPolicy && RETURN_TRUSTED_TYPE ? trustedTypesPolicy.createHTML(serializedHTML) : serializedHTML;
};
/**
* Public method to set the configuration once
* setConfig
*
* @param {Object} cfg configuration object
*/
DOMPurify.setConfig = function (cfg) {
_parseConfig(cfg);
SET_CONFIG = true;
};
/**
* Public method to remove the configuration
* clearConfig
*
*/
DOMPurify.clearConfig = function () {
CONFIG = null;
SET_CONFIG = false;
};
/**
* Public method to check if an attribute value is valid.
* Uses last set config, if any. Otherwise, uses config defaults.
* isValidAttribute
*
* @param {string} tag Tag name of containing element.
* @param {string} attr Attribute name.
* @param {string} value Attribute value.
* @return {Boolean} Returns true if `value` is valid. Otherwise, returns false.
*/
DOMPurify.isValidAttribute = function (tag, attr, value) {
/* Initialize shared config vars if necessary. */
if (!CONFIG) {
_parseConfig({});
}
var lcTag = stringToLowerCase(tag);
var lcName = stringToLowerCase(attr);
return _isValidAttribute(lcTag, lcName, value);
};
/**
* AddHook
* Public method to add DOMPurify hooks
*
* @param {String} entryPoint entry point for the hook to add
* @param {Function} hookFunction function to execute
*/
DOMPurify.addHook = function (entryPoint, hookFunction) {
if (typeof hookFunction !== 'function') {
return;
}
hooks[entryPoint] = hooks[entryPoint] || [];
arrayPush(hooks[entryPoint], hookFunction);
};
/**
* RemoveHook
* Public method to remove a DOMPurify hook at a given entryPoint
* (pops it from the stack of hooks if more are present)
*
* @param {String} entryPoint entry point for the hook to remove
*/
DOMPurify.removeHook = function (entryPoint) {
if (hooks[entryPoint]) {
arrayPop(hooks[entryPoint]);
}
};
/**
* RemoveHooks
* Public method to remove all DOMPurify hooks at a given entryPoint
*
* @param {String} entryPoint entry point for the hooks to remove
*/
DOMPurify.removeHooks = function (entryPoint) {
if (hooks[entryPoint]) {
hooks[entryPoint] = [];
}
};
/**
* RemoveAllHooks
* Public method to remove all DOMPurify hooks
*
*/
DOMPurify.removeAllHooks = function () {
hooks = {};
};
return DOMPurify;
}
var purify = createDOMPurify();
return purify;
}));
//end "purify.js"
//begin "graphql.js"
const queryMediaListManga = `
query($name: String!, $listType: MediaType){
MediaListCollection(userName: $name, type: $listType){
lists{
name
isCustomList
entries{
... mediaListEntry
}
}
}
}
fragment mediaListEntry on MediaList{
mediaId
status
progress
progressVolumes
repeat
notes
startedAt{
year
month
day
}
media{
chapters
volumes
format
title{romaji native english}
tags{name}
genres
meanScore
}
scoreRaw: score(format: POINT_100)
}
`;
const queryMediaListAnime = `
query($name: String!, $listType: MediaType){
MediaListCollection(userName: $name, type: $listType){
lists{
name
isCustomList
entries{
... mediaListEntry
}
}
}
}
fragment mediaListEntry on MediaList{
mediaId
status
progress
repeat
notes
startedAt{
year
month
day
}
media{
episodes
duration
nextAiringEpisode{episode}
format
title{romaji native english}
tags{name}
genres
meanScore
studios{nodes{isAnimationStudio id name}}
}
scoreRaw: score(format: POINT_100)
}
`;
const queryMediaListStaff = `
query($name: String!, $listType: MediaType){
MediaListCollection(userName: $name, type: $listType){
lists{
entries{
... mediaListEntry
}
}
}
}
fragment mediaListEntry on MediaList{
mediaId
media{
a:staff(sort:ID,page:1){nodes{id name{first last}}}
b:staff(sort:ID,page:2){nodes{id name{first last}}}
}
}
`;
const queryMediaListStaff_simple = `
query($name: String!, $listType: MediaType){
MediaListCollection(userName: $name, type: $listType){
lists{
entries{
mediaId
media{
staff{nodes{id name{first last}}}
}
}
}
}
}
`;
const queryMediaListCompat = `
query($name: String!, $listType: MediaType){
MediaListCollection(userName: $name, type: $listType){
lists{
name
isCustomList
entries{
... mediaListEntry
}
}
}
}
fragment mediaListEntry on MediaList{
mediaId
status
progress
progressVolumes
repeat
notes
startedAt{
year
month
day
}
media{
episodes
chapters
volumes
duration
nextAiringEpisode{episode}
format
title{romaji native english}
}
scoreRaw: score(format: POINT_100)
}
`;
const queryMediaListNotes = `
query($name: String!, $listType: MediaType){
MediaListCollection(userName: $name, type: $listType){
lists{
entries{
mediaId
notes
}
}
}
}`;
const queryActivity = `
query($id: Int!){
Activity(id: $id){
... on TextActivity{
id
userId
type
text
user{
id
name
avatar{large}
}
likes{id}
replies{
text(asHtml: true)
user{name}
likes{name}
id
}
}
... on ListActivity {
id
userId
type
status
progress
user{
id
name
avatar{large}
}
media{
coverImage{large color}
title{romaji native english}
}
likes{id}
replies{
text(asHtml: true)
user{name}
likes{name}
id
}
}
... on MessageActivity{
id
type
likes{id}
replies{
text(asHtml: true)
user{name}
likes{name}
id
}
}
}
}
`;
const queryAuthNotifications = `
query($page: Int,$name: String){
User(name: $name){unreadNotificationCount}
Page(page: $page){
notifications{
... on AiringNotification{type}
... on FollowingNotification{type user{name}}
... on ActivityMessageNotification{type user{name}}
... on ActivityMentionNotification{type user{name}}
... on ActivityReplyNotification{type user{name}}
... on ActivityLikeNotification{type user{name}}
... on ActivityReplyLikeNotification{type user{name}}
... on ThreadCommentMentionNotification{type user{name}}
... on ThreadCommentReplyNotification{type user{name}}
... on ThreadCommentSubscribedNotification{type user{name}}
... on ThreadCommentLikeNotification{type user{name}}
... on ThreadLikeNotification{type user{name}}
... on ActivityReplySubscribedNotification{type user{name}}
... on RelatedMediaAdditionNotification{type media{title{userPreferred}}}
}
}
}
`;
const titlePicker = function(media){
if(aliases.has(media.id)){
return aliases.get(media.id)
}
if(useScripts.titleLanguage === "NATIVE" && media.title.native){
return media.title.native
}
else if(useScripts.titleLanguage === "ENGLISH" && media.title.english){
return media.title.english
}
return media.title.romaji
}
const ANILIST_WEIGHT = 41;//weighting center for the weighted score formula
let APIlimit = 90;
let APIcallsUsed = 0;//this is NOT a reliable way to figure out how many more calls we can use, just a way to set some limit
let pending = {};
let APIcounter = setTimeout(function(){
APIcallsUsed = 0;
},60*1000);//reset counter every minute, as our quota grows back
let handleResponse = function(response){
APIlimit = response.headers.get("x-ratelimit-limit");
APIcallsUsed = APIlimit - response.headers.get("x-ratelimit-remaining");
return response.json().then(function(json){
return (response.ok ? json : Promise.reject(json))
})
};
const url = "https://graphql.anilist.co";//Current Anilist API location
const authUrl = "https://anilist.co/api/v2/oauth/authorize?client_id=2751&response_type=token";//2751 = automail, 1933 = aniscripts(legacy)
if(useScripts.autoLogin && !useScripts.accessToken && !useScripts.loginAttempted){
useScripts.loginAttempted = true;
useScripts.save();
window.location = authUrl
}
if(!window.MutationObserver){//either the older webkit implementation, or just a dummy object that doesn't throw any errors when used.
window.MutationObserver = window.WebKitMutationObserver || function(){return {observe:function(){},disconnect:function(){}}}
}
let aniCast = {postMessage: function(){}};//dummy object for Safari
if(window.BroadcastChannel){
aniCast = new BroadcastChannel("automail");
aniCast.onmessage = function(message){
if(message.data.type){
if(message.data.type === "cache"){
sessionStorage.setItem(message.data.key,message.data.value)
}
else if(message.data.type === "cachev2"){
cache.updateIfDifferent(message.data.mediaData,true)
}
else if(message.data.type === "sessionToken"){
window.al_token = message.data.value
//to prevent "session expired" messages
//see "modules/keepAlive.js"
}
}
}
}
else{
/* Safari is the most common case where BroadcastChannel is not available.
* It *should* be available in most other browsers, so if it isn't here's a message to those where it fails
* Safari users can't really do anything about it, so there's no need to nag them, hence the window.safari test
* If Apple implements it in the future, the code should be updated, but the code doesn't do anything *wrong* then either
* it will just not print the warning when BroadcastChannel isn't available
*/
if(!window.safari){
console.warn("BroadcastChannel not available. Automail will not be able to share cached data between tabs")
}
}
//mandatory: query,variables,callback
//optional: cacheKey, and optionally even then, how long the item is fresh in the cache
function generalAPIcall(query,variables,callback,cacheKey,timeFresh,useLocalStorage,overWrite,oldCallback){
if(typeof query === "object"){
variables = query.variables;
callback = query.callback;
cacheKey = query.cacheKey;
timeFresh = query.timeFresh;
useLocalStorage = query.useLocalStorage;
overWrite = query.overWrite;
oldCallback = query.oldCallback;
query = query.query;
}
if(cacheKey && ((useLocalStorage && window.localStorage) || (!useLocalStorage && window.sessionStorage))){
let cacheItem = JSON.parse(
(useLocalStorage ? localStorage.getItem(cacheKey) : sessionStorage.getItem(cacheKey))
);
if(cacheItem){
if(
(
!cacheItem.duration
|| (NOW() < cacheItem.time + cacheItem.duration)
) && !overWrite
){
callback(cacheItem.data,variables);
return
}
else{
if(oldCallback){
oldCallback(cacheItem.data,variables)
}
(useLocalStorage ? localStorage.removeItem(cacheKey) : sessionStorage.removeItem(cacheKey))
}
}
}
let handleData = function(data,errors){
callback(data,variables,errors);
if(cacheKey && ((useLocalStorage && window.localStorage) || (!useLocalStorage && window.sessionStorage))){
let saltedHam = JSON.stringify({
data: data,
time: NOW(),
duration: timeFresh
});
if(useLocalStorage){
localStorage.setItem(cacheKey,saltedHam)
}
else{
try{
sessionStorage.setItem(cacheKey,saltedHam)
}
catch(err){
console.error("Automail cache is full. Searching for expired items...");
let purgeCounter = 0;
Object.keys(sessionStorage).forEach(key => {
try{
let item = JSON.parse(sessionStorage.getItem(key));
if(item.time && (NOW() - item.time > item.duration)){
sessionStorage.removeItem(key);
purgeCounter++;
}
}
catch(err){
/*there may be non-JSON objects in session storage.
the best way to check for JSON-ness is the JSON parser, so this needs a try wrapper
*/
}
});
if(purgeCounter){
console.log("Purged " + purgeCounter + " expired items")
}
else{
Object.keys(sessionStorage).slice(0,10).forEach(
key => sessionStorage.removeItem(key)
);
console.log("Found no expired items. Deleted some at random to free up space.")
}
try{
sessionStorage.setItem(cacheKey,saltedHam)
}
catch(err){
console.error("The Automail cache failed for the key '" + cacheKey + "'. ");
if(saltedHam.length > 50000){
console.warn("The cache item is possibly too large (approx. " + saltedHam.length + " bytes)")
}
else{
console.warn("Setting cache item failed. Please report or check your localStorage settings.")
}
}
};
aniCast.postMessage({type:"cache",key:cacheKey,value:saltedHam});
}
}
};
let options = {
method: "POST",
headers: {
"Content-Type": "application/json",
"Accept": "application/json"
},
body: JSON.stringify({
"query": query,
"variables": variables
})
};
let handleError = function(error){
if(error.errors && error.errors.some(err => err.status === 404)){//not really an error
handleData(null,error);
return
};
console.error(error,variables);
handleData(null,error)
};
fetch(url,options).then(handleResponse).then(handleData).catch(handleError);
APIcallsUsed++;
}
/*
rawQueries = [
{
query: a graphql query
variables: variables like a normal API call
callback: like in a normal API call
cacheKey: [optional]
duration: [optional]
}
...
]
*/
function queryPacker(rawQueries,possibleCallback){//get a list of query calls, and pack them into one query. The result is then split up again and sent back to each call.
let queries = rawQueries.filter(function(query){//filter out those that have data in our local cache
if(query.cacheKey){
let cacheItem = JSON.parse(sessionStorage.getItem(query.cacheKey));
if(cacheItem){
if(
!cacheItem.duration
|| (NOW() < cacheItem.time + cacheItem.duration)
){
query.callback(cacheItem.data);
return false;
}
else{
sessionStorage.removeItem(query.cacheKey);//expired data
}
}
}
return true
});
queries.forEach(function(query){//inline all variables
query.query = query.query.trim().replace(/^query.*?{/,"").slice(0,-1).trim();
const enums = ["type"];
Object.keys(query.variables).forEach(variable => {
let replacement = query.variables[variable];
if(!enums.includes(variable) && typeof query.variables[variable] === "string"){
replacement = "\"" + replacement + "\""
}
query.query = query.query.split("$" + variable).join(replacement)
})
});
let enumeratedQueries = queries.map(function(query,index){
query.getFields = [];
let internalList = [];
let partial = "";
let getField = "";
let collectGetField = true;
let left = 0;
Array.from(query.query).forEach(letter => {
partial += letter;
if(letter === "{"){
left++;
collectGetField = false
}
else if(letter === "("){
collectGetField = false
}
else if(letter === "}"){
left--;
if(left === 0){
internalList.push("a" + index + "a" + internalList.length + ":" + partial.trim());
query.getFields.push(getField.trim());
partial = "";
getField = "";
collectGetField = true
}
}
else if(collectGetField){
getField += letter
}
});
return internalList.join();
});
let mainQuery = `
query{
${enumeratedQueries.join("\n")}
}
`;
let queryUnpacker = function(data){
if(!data){
queries.forEach(
query => query.callback(null)
)
}
else{
queries.forEach((query,index) => {
let returnStructure = {data:{}};
query.getFields.forEach(
(field,fieldIndex) => returnStructure.data[field] = data.data["a" + index + "a" + fieldIndex]
);
query.callback(returnStructure);
if(query.cacheKey){
let cacheStrucuture = {
data: returnStructure
}
if(query.duration){
cacheStrucuture.time = NOW();
cacheStrucuture.duration = query.duration;
}
sessionStorage.setItem(query.cacheKey,JSON.stringify(cacheStrucuture))
}
});
if(possibleCallback){
possibleCallback()
}
}
}
if(queries.length){//hey, they might all have been in cache
generalAPIcall(mainQuery,{},queryUnpacker)//send our "superquery" to the regular API handler
}
}
function authAPIcall(query,variables,callback,cacheKey,timeFresh,useLocalStorage,overWrite,oldCallback){//only use this for queries explicitely requiring auth permissions
if(!useScripts.accessToken){
generalAPIcall(query,variables,callback,cacheKey,timeFresh,useLocalStorage,overWrite,oldCallback)
return
}
if(typeof query === "object"){
variables = query.variables;
callback = query.callback;
cacheKey = query.cacheKey;
timeFresh = query.timeFresh;
useLocalStorage = query.useLocalStorage;
overWrite = query.overWrite;
oldCallback = query.oldCallback;
query = query.query;
}
if(cacheKey){
let cacheItem = JSON.parse(
(useLocalStorage ? localStorage.getItem(cacheKey) : sessionStorage.getItem(cacheKey))
);
if(cacheItem){
if(
(
!cacheItem.duration
|| (NOW() < cacheItem.time + cacheItem.duration)
) && !overWrite
){
callback(cacheItem.data,variables);
return
}
else{
if(oldCallback){
oldCallback(cacheItem.data,variables)
}
(useLocalStorage ? localStorage.removeItem(cacheKey) : sessionStorage.removeItem(cacheKey))
}
}
}
let handleData = function(data,errors){
callback(data,variables,errors);
if(cacheKey){
let saltedHam = JSON.stringify({
data: data,
time: NOW(),
duration: timeFresh
});
if(useLocalStorage){
localStorage.setItem(cacheKey,saltedHam)
}
else{
sessionStorage.setItem(cacheKey,saltedHam);
aniCast.postMessage({type:"cache",key:cacheKey,value:saltedHam})
}
}
};
let options = {
method: "POST",
headers: {
"Authorization": "Bearer " + useScripts.accessToken,
"Content-Type": "application/json",
"Accept": "application/json"
},
body: JSON.stringify({
"query": query,
"variables": variables
})
};
let handleError = function(error){
console.error(error);
if(error.errors){
if(
error.errors.some(thing => thing.message === "Invalid token")
){
useScripts.accessToken = "";
useScripts.save();
console.log("access token retracted");
return
}
}
if(query.includes("mutation")){
callback(error.errors)
}
else{
handleData(null,errors)
}
};
fetch(url,options).then(handleResponse).then(handleData).catch(handleError);
APIcallsUsed++
}
const ANILIST_QUERY_LIMIT = 90;
//end "graphql.js"
/*!
localForage -- Offline Storage, Improved
Version 1.7.3
https://localforage.github.io/localForage
(c) 2013-2017 Mozilla, Apache License 2.0
*/
(function(f){if(typeof exports==="object"&&typeof module!=="undefined"){module.exports=f()}else if(typeof define==="function"&&define.amd){define([],f)}else{var g;if(typeof window!=="undefined"){g=window}else if(typeof global!=="undefined"){g=global}else if(typeof self!=="undefined"){g=self}else{g=this}g.localforage = f()}})(function(){var define,module,exports;return (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw (f.code="MODULE_NOT_FOUND", f)}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(_dereq_,module,exports){
(function (global){
'use strict';
var Mutation = global.MutationObserver || global.WebKitMutationObserver;
var scheduleDrain;
{
if (Mutation) {
var called = 0;
var observer = new Mutation(nextTick);
var element = global.document.createTextNode('');
observer.observe(element, {
characterData: true
});
scheduleDrain = function () {
element.data = (called = ++called % 2);
};
} else if (!global.setImmediate && typeof global.MessageChannel !== 'undefined') {
var channel = new global.MessageChannel();
channel.port1.onmessage = nextTick;
scheduleDrain = function () {
channel.port2.postMessage(0);
};
} else if ('document' in global && 'onreadystatechange' in global.document.createElement('script')) {
scheduleDrain = function () {
// Create a <script> element; its readystatechange event will be fired asynchronously once it is inserted
// into the document. Do so, thus queuing up the task. Remember to clean up once it's been called.
var scriptEl = global.document.createElement('script');
scriptEl.onreadystatechange = function () {
nextTick();
scriptEl.onreadystatechange = null;
scriptEl.parentNode.removeChild(scriptEl);
scriptEl = null;
};
global.document.documentElement.appendChild(scriptEl);
};
} else {
scheduleDrain = function () {
setTimeout(nextTick, 0);
};
}
}
var draining;
var queue = [];
//named nextTick for less confusing stack traces
function nextTick() {
draining = true;
var i, oldQueue;
var len = queue.length;
while (len) {
oldQueue = queue;
queue = [];
i = -1;
while (++i < len) {
oldQueue[i]();
}
len = queue.length;
}
draining = false;
}
module.exports = immediate;
function immediate(task) {
if (queue.push(task) === 1 && !draining) {
scheduleDrain();
}
}
}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
},{}],2:[function(_dereq_,module,exports){
'use strict';
var immediate = _dereq_(1);
/* istanbul ignore next */
function INTERNAL() {}
var handlers = {};
var REJECTED = ['REJECTED'];
var FULFILLED = ['FULFILLED'];
var PENDING = ['PENDING'];
module.exports = Promise;
function Promise(resolver) {
if (typeof resolver !== 'function') {
throw new TypeError('resolver must be a function');
}
this.state = PENDING;
this.queue = [];
this.outcome = void 0;
if (resolver !== INTERNAL) {
safelyResolveThenable(this, resolver);
}
}
Promise.prototype["catch"] = function (onRejected) {
return this.then(null, onRejected);
};
Promise.prototype.then = function (onFulfilled, onRejected) {
if (typeof onFulfilled !== 'function' && this.state === FULFILLED ||
typeof onRejected !== 'function' && this.state === REJECTED) {
return this;
}
var promise = new this.constructor(INTERNAL);
if (this.state !== PENDING) {
var resolver = this.state === FULFILLED ? onFulfilled : onRejected;
unwrap(promise, resolver, this.outcome);
} else {
this.queue.push(new QueueItem(promise, onFulfilled, onRejected));
}
return promise;
};
function QueueItem(promise, onFulfilled, onRejected) {
this.promise = promise;
if (typeof onFulfilled === 'function') {
this.onFulfilled = onFulfilled;
this.callFulfilled = this.otherCallFulfilled;
}
if (typeof onRejected === 'function') {
this.onRejected = onRejected;
this.callRejected = this.otherCallRejected;
}
}
QueueItem.prototype.callFulfilled = function (value) {
handlers.resolve(this.promise, value);
};
QueueItem.prototype.otherCallFulfilled = function (value) {
unwrap(this.promise, this.onFulfilled, value);
};
QueueItem.prototype.callRejected = function (value) {
handlers.reject(this.promise, value);
};
QueueItem.prototype.otherCallRejected = function (value) {
unwrap(this.promise, this.onRejected, value);
};
function unwrap(promise, func, value) {
immediate(function () {
var returnValue;
try {
returnValue = func(value);
} catch (e) {
return handlers.reject(promise, e);
}
if (returnValue === promise) {
handlers.reject(promise, new TypeError('Cannot resolve promise with itself'));
} else {
handlers.resolve(promise, returnValue);
}
});
}
handlers.resolve = function (self, value) {
var result = tryCatch(getThen, value);
if (result.status === 'error') {
return handlers.reject(self, result.value);
}
var thenable = result.value;
if (thenable) {
safelyResolveThenable(self, thenable);
} else {
self.state = FULFILLED;
self.outcome = value;
var i = -1;
var len = self.queue.length;
while (++i < len) {
self.queue[i].callFulfilled(value);
}
}
return self;
};
handlers.reject = function (self, error) {
self.state = REJECTED;
self.outcome = error;
var i = -1;
var len = self.queue.length;
while (++i < len) {
self.queue[i].callRejected(error);
}
return self;
};
function getThen(obj) {
// Make sure we only access the accessor once as required by the spec
var then = obj && obj.then;
if (obj && (typeof obj === 'object' || typeof obj === 'function') && typeof then === 'function') {
return function appyThen() {
then.apply(obj, arguments);
};
}
}
function safelyResolveThenable(self, thenable) {
// Either fulfill, reject or reject with error
var called = false;
function onError(value) {
if (called) {
return;
}
called = true;
handlers.reject(self, value);
}
function onSuccess(value) {
if (called) {
return;
}
called = true;
handlers.resolve(self, value);
}
function tryToUnwrap() {
thenable(onSuccess, onError);
}
var result = tryCatch(tryToUnwrap);
if (result.status === 'error') {
onError(result.value);
}
}
function tryCatch(func, value) {
var out = {};
try {
out.value = func(value);
out.status = 'success';
} catch (e) {
out.status = 'error';
out.value = e;
}
return out;
}
Promise.resolve = resolve;
function resolve(value) {
if (value instanceof this) {
return value;
}
return handlers.resolve(new this(INTERNAL), value);
}
Promise.reject = reject;
function reject(reason) {
var promise = new this(INTERNAL);
return handlers.reject(promise, reason);
}
Promise.all = all;
function all(iterable) {
var self = this;
if (Object.prototype.toString.call(iterable) !== '[object Array]') {
return this.reject(new TypeError('must be an array'));
}
var len = iterable.length;
var called = false;
if (!len) {
return this.resolve([]);
}
var values = new Array(len);
var resolved = 0;
var i = -1;
var promise = new this(INTERNAL);
while (++i < len) {
allResolver(iterable[i], i);
}
return promise;
function allResolver(value, i) {
self.resolve(value).then(resolveFromAll, function (error) {
if (!called) {
called = true;
handlers.reject(promise, error);
}
});
function resolveFromAll(outValue) {
values[i] = outValue;
if (++resolved === len && !called) {
called = true;
handlers.resolve(promise, values);
}
}
}
}
Promise.race = race;
function race(iterable) {
var self = this;
if (Object.prototype.toString.call(iterable) !== '[object Array]') {
return this.reject(new TypeError('must be an array'));
}
var len = iterable.length;
var called = false;
if (!len) {
return this.resolve([]);
}
var i = -1;
var promise = new this(INTERNAL);
while (++i < len) {
resolver(iterable[i]);
}
return promise;
function resolver(value) {
self.resolve(value).then(function (response) {
if (!called) {
called = true;
handlers.resolve(promise, response);
}
}, function (error) {
if (!called) {
called = true;
handlers.reject(promise, error);
}
});
}
}
},{"1":1}],3:[function(_dereq_,module,exports){
(function (global){
'use strict';
if (typeof global.Promise !== 'function') {
global.Promise = _dereq_(2);
}
}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
},{"2":2}],4:[function(_dereq_,module,exports){
'use strict';
var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function getIDB() {
/* global indexedDB,webkitIndexedDB,mozIndexedDB,OIndexedDB,msIndexedDB */
try {
if (typeof indexedDB !== 'undefined') {
return indexedDB;
}
if (typeof webkitIndexedDB !== 'undefined') {
return webkitIndexedDB;
}
if (typeof mozIndexedDB !== 'undefined') {
return mozIndexedDB;
}
if (typeof OIndexedDB !== 'undefined') {
return OIndexedDB;
}
if (typeof msIndexedDB !== 'undefined') {
return msIndexedDB;
}
} catch (e) {
return;
}
}
var idb = getIDB();
function isIndexedDBValid() {
try {
// Initialize IndexedDB; fall back to vendor-prefixed versions
// if needed.
if (!idb) {
return false;
}
// We mimic PouchDB here;
//
// We test for openDatabase because IE Mobile identifies itself
// as Safari. Oh the lulz...
var isSafari = typeof openDatabase !== 'undefined' && /(Safari|iPhone|iPad|iPod)/.test(navigator.userAgent) && !/Chrome/.test(navigator.userAgent) && !/BlackBerry/.test(navigator.platform);
var hasFetch = typeof fetch === 'function' && fetch.toString().indexOf('[native code') !== -1;
// Safari <10.1 does not meet our requirements for IDB support (#5572)
// since Safari 10.1 shipped with fetch, we can use that to detect it
return (!isSafari || hasFetch) && typeof indexedDB !== 'undefined' &&
// some outdated implementations of IDB that appear on Samsung
// and HTC Android devices <4.4 are missing IDBKeyRange
// See: https://github.com/mozilla/localForage/issues/128
// See: https://github.com/mozilla/localForage/issues/272
typeof IDBKeyRange !== 'undefined';
} catch (e) {
return false;
}
}
// Abstracts constructing a Blob object, so it also works in older
// browsers that don't support the native Blob constructor. (i.e.
// old QtWebKit versions, at least).
// Abstracts constructing a Blob object, so it also works in older
// browsers that don't support the native Blob constructor. (i.e.
// old QtWebKit versions, at least).
function createBlob(parts, properties) {
/* global BlobBuilder,MSBlobBuilder,MozBlobBuilder,WebKitBlobBuilder */
parts = parts || [];
properties = properties || {};
try {
return new Blob(parts, properties);
} catch (e) {
if (e.name !== 'TypeError') {
throw e;
}
var Builder = typeof BlobBuilder !== 'undefined' ? BlobBuilder : typeof MSBlobBuilder !== 'undefined' ? MSBlobBuilder : typeof MozBlobBuilder !== 'undefined' ? MozBlobBuilder : WebKitBlobBuilder;
var builder = new Builder();
for (var i = 0; i < parts.length; i += 1) {
builder.append(parts[i]);
}
return builder.getBlob(properties.type);
}
}
// This is CommonJS because lie is an external dependency, so Rollup
// can just ignore it.
if (typeof Promise === 'undefined') {
// In the "nopromises" build this will just throw if you don't have
// a global promise object, but it would throw anyway later.
_dereq_(3);
}
var Promise$1 = Promise;
function executeCallback(promise, callback) {
if (callback) {
promise.then(function (result) {
callback(null, result);
}, function (error) {
callback(error);
});
}
}
function executeTwoCallbacks(promise, callback, errorCallback) {
if (typeof callback === 'function') {
promise.then(callback);
}
if (typeof errorCallback === 'function') {
promise["catch"](errorCallback);
}
}
function normalizeKey(key) {
// Cast the key to a string, as that's all we can set as a key.
if (typeof key !== 'string') {
console.warn(key + ' used as a key, but it is not a string.');
key = String(key);
}
return key;
}
function getCallback() {
if (arguments.length && typeof arguments[arguments.length - 1] === 'function') {
return arguments[arguments.length - 1];
}
}
// Some code originally from async_storage.js in
// [Gaia](https://github.com/mozilla-b2g/gaia).
var DETECT_BLOB_SUPPORT_STORE = 'local-forage-detect-blob-support';
var supportsBlobs = void 0;
var dbContexts = {};
var toString = Object.prototype.toString;
// Transaction Modes
var READ_ONLY = 'readonly';
var READ_WRITE = 'readwrite';
// Transform a binary string to an array buffer, because otherwise
// weird stuff happens when you try to work with the binary string directly.
// It is known.
// From http://stackoverflow.com/questions/14967647/ (continues on next line)
// encode-decode-image-with-base64-breaks-image (2013-04-21)
function _binStringToArrayBuffer(bin) {
var length = bin.length;
var buf = new ArrayBuffer(length);
var arr = new Uint8Array(buf);
for (var i = 0; i < length; i++) {
arr[i] = bin.charCodeAt(i);
}
return buf;
}
//
// Blobs are not supported in all versions of IndexedDB, notably
// Chrome <37 and Android <5. In those versions, storing a blob will throw.
//
// Various other blob bugs exist in Chrome v37-42 (inclusive).
// Detecting them is expensive and confusing to users, and Chrome 37-42
// is at very low usage worldwide, so we do a hacky userAgent check instead.
//
// content-type bug: https://code.google.com/p/chromium/issues/detail?id=408120
// 404 bug: https://code.google.com/p/chromium/issues/detail?id=447916
// FileReader bug: https://code.google.com/p/chromium/issues/detail?id=447836
//
// Code borrowed from PouchDB. See:
// https://github.com/pouchdb/pouchdb/blob/master/packages/node_modules/pouchdb-adapter-idb/src/blobSupport.js
//
function _checkBlobSupportWithoutCaching(idb) {
return new Promise$1(function (resolve) {
var txn = idb.transaction(DETECT_BLOB_SUPPORT_STORE, READ_WRITE);
var blob = createBlob(['']);
txn.objectStore(DETECT_BLOB_SUPPORT_STORE).put(blob, 'key');
txn.onabort = function (e) {
// If the transaction aborts now its due to not being able to
// write to the database, likely due to the disk being full
e.preventDefault();
e.stopPropagation();
resolve(false);
};
txn.oncomplete = function () {
var matchedChrome = navigator.userAgent.match(/Chrome\/(\d+)/);
var matchedEdge = navigator.userAgent.match(/Edge\//);
// MS Edge pretends to be Chrome 42:
// https://msdn.microsoft.com/en-us/library/hh869301%28v=vs.85%29.aspx
resolve(matchedEdge || !matchedChrome || parseInt(matchedChrome[1], 10) >= 43);
};
})["catch"](function () {
return false; // error, so assume unsupported
});
}
function _checkBlobSupport(idb) {
if (typeof supportsBlobs === 'boolean') {
return Promise$1.resolve(supportsBlobs);
}
return _checkBlobSupportWithoutCaching(idb).then(function (value) {
supportsBlobs = value;
return supportsBlobs;
});
}
function _deferReadiness(dbInfo) {
var dbContext = dbContexts[dbInfo.name];
// Create a deferred object representing the current database operation.
var deferredOperation = {};
deferredOperation.promise = new Promise$1(function (resolve, reject) {
deferredOperation.resolve = resolve;
deferredOperation.reject = reject;
});
// Enqueue the deferred operation.
dbContext.deferredOperations.push(deferredOperation);
// Chain its promise to the database readiness.
if (!dbContext.dbReady) {
dbContext.dbReady = deferredOperation.promise;
} else {
dbContext.dbReady = dbContext.dbReady.then(function () {
return deferredOperation.promise;
});
}
}
function _advanceReadiness(dbInfo) {
var dbContext = dbContexts[dbInfo.name];
// Dequeue a deferred operation.
var deferredOperation = dbContext.deferredOperations.pop();
// Resolve its promise (which is part of the database readiness
// chain of promises).
if (deferredOperation) {
deferredOperation.resolve();
return deferredOperation.promise;
}
}
function _rejectReadiness(dbInfo, err) {
var dbContext = dbContexts[dbInfo.name];
// Dequeue a deferred operation.
var deferredOperation = dbContext.deferredOperations.pop();
// Reject its promise (which is part of the database readiness
// chain of promises).
if (deferredOperation) {
deferredOperation.reject(err);
return deferredOperation.promise;
}
}
function _getConnection(dbInfo, upgradeNeeded) {
return new Promise$1(function (resolve, reject) {
dbContexts[dbInfo.name] = dbContexts[dbInfo.name] || createDbContext();
if (dbInfo.db) {
if (upgradeNeeded) {
_deferReadiness(dbInfo);
dbInfo.db.close();
} else {
return resolve(dbInfo.db);
}
}
var dbArgs = [dbInfo.name];
if (upgradeNeeded) {
dbArgs.push(dbInfo.version);
}
var openreq = idb.open.apply(idb, dbArgs);
if (upgradeNeeded) {
openreq.onupgradeneeded = function (e) {
var db = openreq.result;
try {
db.createObjectStore(dbInfo.storeName);
if (e.oldVersion <= 1) {
// Added when support for blob shims was added
db.createObjectStore(DETECT_BLOB_SUPPORT_STORE);
}
} catch (ex) {
if (ex.name === 'ConstraintError') {
console.warn('The database "' + dbInfo.name + '"' + ' has been upgraded from version ' + e.oldVersion + ' to version ' + e.newVersion + ', but the storage "' + dbInfo.storeName + '" already exists.');
} else {
throw ex;
}
}
};
}
openreq.onerror = function (e) {
e.preventDefault();
reject(openreq.error);
};
openreq.onsuccess = function () {
resolve(openreq.result);
_advanceReadiness(dbInfo);
};
});
}
function _getOriginalConnection(dbInfo) {
return _getConnection(dbInfo, false);
}
function _getUpgradedConnection(dbInfo) {
return _getConnection(dbInfo, true);
}
function _isUpgradeNeeded(dbInfo, defaultVersion) {
if (!dbInfo.db) {
return true;
}
var isNewStore = !dbInfo.db.objectStoreNames.contains(dbInfo.storeName);
var isDowngrade = dbInfo.version < dbInfo.db.version;
var isUpgrade = dbInfo.version > dbInfo.db.version;
if (isDowngrade) {
// If the version is not the default one
// then warn for impossible downgrade.
if (dbInfo.version !== defaultVersion) {
console.warn('The database "' + dbInfo.name + '"' + " can't be downgraded from version " + dbInfo.db.version + ' to version ' + dbInfo.version + '.');
}
// Align the versions to prevent errors.
dbInfo.version = dbInfo.db.version;
}
if (isUpgrade || isNewStore) {
// If the store is new then increment the version (if needed).
// This will trigger an "upgradeneeded" event which is required
// for creating a store.
if (isNewStore) {
var incVersion = dbInfo.db.version + 1;
if (incVersion > dbInfo.version) {
dbInfo.version = incVersion;
}
}
return true;
}
return false;
}
// encode a blob for indexeddb engines that don't support blobs
function _encodeBlob(blob) {
return new Promise$1(function (resolve, reject) {
var reader = new FileReader();
reader.onerror = reject;
reader.onloadend = function (e) {
var base64 = btoa(e.target.result || '');
resolve({
__local_forage_encoded_blob: true,
data: base64,
type: blob.type
});
};
reader.readAsBinaryString(blob);
});
}
// decode an encoded blob
function _decodeBlob(encodedBlob) {
var arrayBuff = _binStringToArrayBuffer(atob(encodedBlob.data));
return createBlob([arrayBuff], { type: encodedBlob.type });
}
// is this one of our fancy encoded blobs?
function _isEncodedBlob(value) {
return value && value.__local_forage_encoded_blob;
}
// Specialize the default `ready()` function by making it dependent
// on the current database operations. Thus, the driver will be actually
// ready when it's been initialized (default) *and* there are no pending
// operations on the database (initiated by some other instances).
function _fullyReady(callback) {
var self = this;
var promise = self._initReady().then(function () {
var dbContext = dbContexts[self._dbInfo.name];
if (dbContext && dbContext.dbReady) {
return dbContext.dbReady;
}
});
executeTwoCallbacks(promise, callback, callback);
return promise;
}
// Try to establish a new db connection to replace the
// current one which is broken (i.e. experiencing
// InvalidStateError while creating a transaction).
function _tryReconnect(dbInfo) {
_deferReadiness(dbInfo);
var dbContext = dbContexts[dbInfo.name];
var forages = dbContext.forages;
for (var i = 0; i < forages.length; i++) {
var forage = forages[i];
if (forage._dbInfo.db) {
forage._dbInfo.db.close();
forage._dbInfo.db = null;
}
}
dbInfo.db = null;
return _getOriginalConnection(dbInfo).then(function (db) {
dbInfo.db = db;
if (_isUpgradeNeeded(dbInfo)) {
// Reopen the database for upgrading.
return _getUpgradedConnection(dbInfo);
}
return db;
}).then(function (db) {
// store the latest db reference
// in case the db was upgraded
dbInfo.db = dbContext.db = db;
for (var i = 0; i < forages.length; i++) {
forages[i]._dbInfo.db = db;
}
})["catch"](function (err) {
_rejectReadiness(dbInfo, err);
throw err;
});
}
// FF doesn't like Promises (micro-tasks) and IDDB store operations,
// so we have to do it with callbacks
function createTransaction(dbInfo, mode, callback, retries) {
if (retries === undefined) {
retries = 1;
}
try {
var tx = dbInfo.db.transaction(dbInfo.storeName, mode);
callback(null, tx);
} catch (err) {
if (retries > 0 && (!dbInfo.db || err.name === 'InvalidStateError' || err.name === 'NotFoundError')) {
return Promise$1.resolve().then(function () {
if (!dbInfo.db || err.name === 'NotFoundError' && !dbInfo.db.objectStoreNames.contains(dbInfo.storeName) && dbInfo.version <= dbInfo.db.version) {
// increase the db version, to create the new ObjectStore
if (dbInfo.db) {
dbInfo.version = dbInfo.db.version + 1;
}
// Reopen the database for upgrading.
return _getUpgradedConnection(dbInfo);
}
}).then(function () {
return _tryReconnect(dbInfo).then(function () {
createTransaction(dbInfo, mode, callback, retries - 1);
});
})["catch"](callback);
}
callback(err);
}
}
function createDbContext() {
return {
// Running localForages sharing a database.
forages: [],
// Shared database.
db: null,
// Database readiness (promise).
dbReady: null,
// Deferred operations on the database.
deferredOperations: []
};
}
// Open the IndexedDB database (automatically creates one if one didn't
// previously exist), using any options set in the config.
function _initStorage(options) {
var self = this;
var dbInfo = {
db: null
};
if (options) {
for (var i in options) {
dbInfo[i] = options[i];
}
}
// Get the current context of the database;
var dbContext = dbContexts[dbInfo.name];
// ...or create a new context.
if (!dbContext) {
dbContext = createDbContext();
// Register the new context in the global container.
dbContexts[dbInfo.name] = dbContext;
}
// Register itself as a running localForage in the current context.
dbContext.forages.push(self);
// Replace the default `ready()` function with the specialized one.
if (!self._initReady) {
self._initReady = self.ready;
self.ready = _fullyReady;
}
// Create an array of initialization states of the related localForages.
var initPromises = [];
function ignoreErrors() {
// Don't handle errors here,
// just makes sure related localForages aren't pending.
return Promise$1.resolve();
}
for (var j = 0; j < dbContext.forages.length; j++) {
var forage = dbContext.forages[j];
if (forage !== self) {
// Don't wait for itself...
initPromises.push(forage._initReady()["catch"](ignoreErrors));
}
}
// Take a snapshot of the related localForages.
var forages = dbContext.forages.slice(0);
// Initialize the connection process only when
// all the related localForages aren't pending.
return Promise$1.all(initPromises).then(function () {
dbInfo.db = dbContext.db;
// Get the connection or open a new one without upgrade.
return _getOriginalConnection(dbInfo);
}).then(function (db) {
dbInfo.db = db;
if (_isUpgradeNeeded(dbInfo, self._defaultConfig.version)) {
// Reopen the database for upgrading.
return _getUpgradedConnection(dbInfo);
}
return db;
}).then(function (db) {
dbInfo.db = dbContext.db = db;
self._dbInfo = dbInfo;
// Share the final connection amongst related localForages.
for (var k = 0; k < forages.length; k++) {
var forage = forages[k];
if (forage !== self) {
// Self is already up-to-date.
forage._dbInfo.db = dbInfo.db;
forage._dbInfo.version = dbInfo.version;
}
}
});
}
function getItem(key, callback) {
var self = this;
key = normalizeKey(key);
var promise = new Promise$1(function (resolve, reject) {
self.ready().then(function () {
createTransaction(self._dbInfo, READ_ONLY, function (err, transaction) {
if (err) {
return reject(err);
}
try {
var store = transaction.objectStore(self._dbInfo.storeName);
var req = store.get(key);
req.onsuccess = function () {
var value = req.result;
if (value === undefined) {
value = null;
}
if (_isEncodedBlob(value)) {
value = _decodeBlob(value);
}
resolve(value);
};
req.onerror = function () {
reject(req.error);
};
} catch (e) {
reject(e);
}
});
})["catch"](reject);
});
executeCallback(promise, callback);
return promise;
}
// Iterate over all items stored in database.
function iterate(iterator, callback) {
var self = this;
var promise = new Promise$1(function (resolve, reject) {
self.ready().then(function () {
createTransaction(self._dbInfo, READ_ONLY, function (err, transaction) {
if (err) {
return reject(err);
}
try {
var store = transaction.objectStore(self._dbInfo.storeName);
var req = store.openCursor();
var iterationNumber = 1;
req.onsuccess = function () {
var cursor = req.result;
if (cursor) {
var value = cursor.value;
if (_isEncodedBlob(value)) {
value = _decodeBlob(value);
}
var result = iterator(value, cursor.key, iterationNumber++);
// when the iterator callback retuns any
// (non-`undefined`) value, then we stop
// the iteration immediately
if (result !== void 0) {
resolve(result);
} else {
cursor["continue"]();
}
} else {
resolve();
}
};
req.onerror = function () {
reject(req.error);
};
} catch (e) {
reject(e);
}
});
})["catch"](reject);
});
executeCallback(promise, callback);
return promise;
}
function setItem(key, value, callback) {
var self = this;
key = normalizeKey(key);
var promise = new Promise$1(function (resolve, reject) {
var dbInfo;
self.ready().then(function () {
dbInfo = self._dbInfo;
if (toString.call(value) === '[object Blob]') {
return _checkBlobSupport(dbInfo.db).then(function (blobSupport) {
if (blobSupport) {
return value;
}
return _encodeBlob(value);
});
}
return value;
}).then(function (value) {
createTransaction(self._dbInfo, READ_WRITE, function (err, transaction) {
if (err) {
return reject(err);
}
try {
var store = transaction.objectStore(self._dbInfo.storeName);
// The reason we don't _save_ null is because IE 10 does
// not support saving the `null` type in IndexedDB. How
// ironic, given the bug below!
// See: https://github.com/mozilla/localForage/issues/161
if (value === null) {
value = undefined;
}
var req = store.put(value, key);
transaction.oncomplete = function () {
// Cast to undefined so the value passed to
// callback/promise is the same as what one would get out
// of `getItem()` later. This leads to some weirdness
// (setItem('foo', undefined) will return `null`), but
// it's not my fault localStorage is our baseline and that
// it's weird.
if (value === undefined) {
value = null;
}
resolve(value);
};
transaction.onabort = transaction.onerror = function () {
var err = req.error ? req.error : req.transaction.error;
reject(err);
};
} catch (e) {
reject(e);
}
});
})["catch"](reject);
});
executeCallback(promise, callback);
return promise;
}
function removeItem(key, callback) {
var self = this;
key = normalizeKey(key);
var promise = new Promise$1(function (resolve, reject) {
self.ready().then(function () {
createTransaction(self._dbInfo, READ_WRITE, function (err, transaction) {
if (err) {
return reject(err);
}
try {
var store = transaction.objectStore(self._dbInfo.storeName);
// We use a Grunt task to make this safe for IE and some
// versions of Android (including those used by Cordova).
// Normally IE won't like `.delete()` and will insist on
// using `['delete']()`, but we have a build step that
// fixes this for us now.
var req = store["delete"](key);
transaction.oncomplete = function () {
resolve();
};
transaction.onerror = function () {
reject(req.error);
};
// The request will be also be aborted if we've exceeded our storage
// space.
transaction.onabort = function () {
var err = req.error ? req.error : req.transaction.error;
reject(err);
};
} catch (e) {
reject(e);
}
});
})["catch"](reject);
});
executeCallback(promise, callback);
return promise;
}
function clear(callback) {
var self = this;
var promise = new Promise$1(function (resolve, reject) {
self.ready().then(function () {
createTransaction(self._dbInfo, READ_WRITE, function (err, transaction) {
if (err) {
return reject(err);
}
try {
var store = transaction.objectStore(self._dbInfo.storeName);
var req = store.clear();
transaction.oncomplete = function () {
resolve();
};
transaction.onabort = transaction.onerror = function () {
var err = req.error ? req.error : req.transaction.error;
reject(err);
};
} catch (e) {
reject(e);
}
});
})["catch"](reject);
});
executeCallback(promise, callback);
return promise;
}
function length(callback) {
var self = this;
var promise = new Promise$1(function (resolve, reject) {
self.ready().then(function () {
createTransaction(self._dbInfo, READ_ONLY, function (err, transaction) {
if (err) {
return reject(err);
}
try {
var store = transaction.objectStore(self._dbInfo.storeName);
var req = store.count();
req.onsuccess = function () {
resolve(req.result);
};
req.onerror = function () {
reject(req.error);
};
} catch (e) {
reject(e);
}
});
})["catch"](reject);
});
executeCallback(promise, callback);
return promise;
}
function key(n, callback) {
var self = this;
var promise = new Promise$1(function (resolve, reject) {
if (n < 0) {
resolve(null);
return;
}
self.ready().then(function () {
createTransaction(self._dbInfo, READ_ONLY, function (err, transaction) {
if (err) {
return reject(err);
}
try {
var store = transaction.objectStore(self._dbInfo.storeName);
var advanced = false;
var req = store.openCursor();
req.onsuccess = function () {
var cursor = req.result;
if (!cursor) {
// this means there weren't enough keys
resolve(null);
return;
}
if (n === 0) {
// We have the first key, return it if that's what they
// wanted.
resolve(cursor.key);
} else {
if (!advanced) {
// Otherwise, ask the cursor to skip ahead n
// records.
advanced = true;
cursor.advance(n);
} else {
// When we get here, we've got the nth key.
resolve(cursor.key);
}
}
};
req.onerror = function () {
reject(req.error);
};
} catch (e) {
reject(e);
}
});
})["catch"](reject);
});
executeCallback(promise, callback);
return promise;
}
function keys(callback) {
var self = this;
var promise = new Promise$1(function (resolve, reject) {
self.ready().then(function () {
createTransaction(self._dbInfo, READ_ONLY, function (err, transaction) {
if (err) {
return reject(err);
}
try {
var store = transaction.objectStore(self._dbInfo.storeName);
var req = store.openCursor();
var keys = [];
req.onsuccess = function () {
var cursor = req.result;
if (!cursor) {
resolve(keys);
return;
}
keys.push(cursor.key);
cursor["continue"]();
};
req.onerror = function () {
reject(req.error);
};
} catch (e) {
reject(e);
}
});
})["catch"](reject);
});
executeCallback(promise, callback);
return promise;
}
function dropInstance(options, callback) {
callback = getCallback.apply(this, arguments);
var currentConfig = this.config();
options = typeof options !== 'function' && options || {};
if (!options.name) {
options.name = options.name || currentConfig.name;
options.storeName = options.storeName || currentConfig.storeName;
}
var self = this;
var promise;
if (!options.name) {
promise = Promise$1.reject('Invalid arguments');
} else {
var isCurrentDb = options.name === currentConfig.name && self._dbInfo.db;
var dbPromise = isCurrentDb ? Promise$1.resolve(self._dbInfo.db) : _getOriginalConnection(options).then(function (db) {
var dbContext = dbContexts[options.name];
var forages = dbContext.forages;
dbContext.db = db;
for (var i = 0; i < forages.length; i++) {
forages[i]._dbInfo.db = db;
}
return db;
});
if (!options.storeName) {
promise = dbPromise.then(function (db) {
_deferReadiness(options);
var dbContext = dbContexts[options.name];
var forages = dbContext.forages;
db.close();
for (var i = 0; i < forages.length; i++) {
var forage = forages[i];
forage._dbInfo.db = null;
}
var dropDBPromise = new Promise$1(function (resolve, reject) {
var req = idb.deleteDatabase(options.name);
req.onerror = req.onblocked = function (err) {
var db = req.result;
if (db) {
db.close();
}
reject(err);
};
req.onsuccess = function () {
var db = req.result;
if (db) {
db.close();
}
resolve(db);
};
});
return dropDBPromise.then(function (db) {
dbContext.db = db;
for (var i = 0; i < forages.length; i++) {
var _forage = forages[i];
_advanceReadiness(_forage._dbInfo);
}
})["catch"](function (err) {
(_rejectReadiness(options, err) || Promise$1.resolve())["catch"](function () {});
throw err;
});
});
} else {
promise = dbPromise.then(function (db) {
if (!db.objectStoreNames.contains(options.storeName)) {
return;
}
var newVersion = db.version + 1;
_deferReadiness(options);
var dbContext = dbContexts[options.name];
var forages = dbContext.forages;
db.close();
for (var i = 0; i < forages.length; i++) {
var forage = forages[i];
forage._dbInfo.db = null;
forage._dbInfo.version = newVersion;
}
var dropObjectPromise = new Promise$1(function (resolve, reject) {
var req = idb.open(options.name, newVersion);
req.onerror = function (err) {
var db = req.result;
db.close();
reject(err);
};
req.onupgradeneeded = function () {
var db = req.result;
db.deleteObjectStore(options.storeName);
};
req.onsuccess = function () {
var db = req.result;
db.close();
resolve(db);
};
});
return dropObjectPromise.then(function (db) {
dbContext.db = db;
for (var j = 0; j < forages.length; j++) {
var _forage2 = forages[j];
_forage2._dbInfo.db = db;
_advanceReadiness(_forage2._dbInfo);
}
})["catch"](function (err) {
(_rejectReadiness(options, err) || Promise$1.resolve())["catch"](function () {});
throw err;
});
});
}
}
executeCallback(promise, callback);
return promise;
}
var asyncStorage = {
_driver: 'asyncStorage',
_initStorage: _initStorage,
_support: isIndexedDBValid(),
iterate: iterate,
getItem: getItem,
setItem: setItem,
removeItem: removeItem,
clear: clear,
length: length,
key: key,
keys: keys,
dropInstance: dropInstance
};
function isWebSQLValid() {
return typeof openDatabase === 'function';
}
// Sadly, the best way to save binary data in WebSQL/localStorage is serializing
// it to Base64, so this is how we store it to prevent very strange errors with less
// verbose ways of binary <-> string data storage.
var BASE_CHARS = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';
var BLOB_TYPE_PREFIX = '~~local_forage_type~';
var BLOB_TYPE_PREFIX_REGEX = /^~~local_forage_type~([^~]+)~/;
var SERIALIZED_MARKER = '__lfsc__:';
var SERIALIZED_MARKER_LENGTH = SERIALIZED_MARKER.length;
// OMG the serializations!
var TYPE_ARRAYBUFFER = 'arbf';
var TYPE_BLOB = 'blob';
var TYPE_INT8ARRAY = 'si08';
var TYPE_UINT8ARRAY = 'ui08';
var TYPE_UINT8CLAMPEDARRAY = 'uic8';
var TYPE_INT16ARRAY = 'si16';
var TYPE_INT32ARRAY = 'si32';
var TYPE_UINT16ARRAY = 'ur16';
var TYPE_UINT32ARRAY = 'ui32';
var TYPE_FLOAT32ARRAY = 'fl32';
var TYPE_FLOAT64ARRAY = 'fl64';
var TYPE_SERIALIZED_MARKER_LENGTH = SERIALIZED_MARKER_LENGTH + TYPE_ARRAYBUFFER.length;
var toString$1 = Object.prototype.toString;
function stringToBuffer(serializedString) {
// Fill the string into a ArrayBuffer.
var bufferLength = serializedString.length * 0.75;
var len = serializedString.length;
var i;
var p = 0;
var encoded1, encoded2, encoded3, encoded4;
if (serializedString[serializedString.length - 1] === '=') {
bufferLength--;
if (serializedString[serializedString.length - 2] === '=') {
bufferLength--;
}
}
var buffer = new ArrayBuffer(bufferLength);
var bytes = new Uint8Array(buffer);
for (i = 0; i < len; i += 4) {
encoded1 = BASE_CHARS.indexOf(serializedString[i]);
encoded2 = BASE_CHARS.indexOf(serializedString[i + 1]);
encoded3 = BASE_CHARS.indexOf(serializedString[i + 2]);
encoded4 = BASE_CHARS.indexOf(serializedString[i + 3]);
/*jslint bitwise: true */
bytes[p++] = encoded1 << 2 | encoded2 >> 4;
bytes[p++] = (encoded2 & 15) << 4 | encoded3 >> 2;
bytes[p++] = (encoded3 & 3) << 6 | encoded4 & 63;
}
return buffer;
}
// Converts a buffer to a string to store, serialized, in the backend
// storage library.
function bufferToString(buffer) {
// base64-arraybuffer
var bytes = new Uint8Array(buffer);
var base64String = '';
var i;
for (i = 0; i < bytes.length; i += 3) {
/*jslint bitwise: true */
base64String += BASE_CHARS[bytes[i] >> 2];
base64String += BASE_CHARS[(bytes[i] & 3) << 4 | bytes[i + 1] >> 4];
base64String += BASE_CHARS[(bytes[i + 1] & 15) << 2 | bytes[i + 2] >> 6];
base64String += BASE_CHARS[bytes[i + 2] & 63];
}
if (bytes.length % 3 === 2) {
base64String = base64String.substring(0, base64String.length - 1) + '=';
} else if (bytes.length % 3 === 1) {
base64String = base64String.substring(0, base64String.length - 2) + '==';
}
return base64String;
}
// Serialize a value, afterwards executing a callback (which usually
// instructs the `setItem()` callback/promise to be executed). This is how
// we store binary data with localStorage.
function serialize(value, callback) {
var valueType = '';
if (value) {
valueType = toString$1.call(value);
}
// Cannot use `value instanceof ArrayBuffer` or such here, as these
// checks fail when running the tests using casper.js...
//
// TODO: See why those tests fail and use a better solution.
if (value && (valueType === '[object ArrayBuffer]' || value.buffer && toString$1.call(value.buffer) === '[object ArrayBuffer]')) {
// Convert binary arrays to a string and prefix the string with
// a special marker.
var buffer;
var marker = SERIALIZED_MARKER;
if (value instanceof ArrayBuffer) {
buffer = value;
marker += TYPE_ARRAYBUFFER;
} else {
buffer = value.buffer;
if (valueType === '[object Int8Array]') {
marker += TYPE_INT8ARRAY;
} else if (valueType === '[object Uint8Array]') {
marker += TYPE_UINT8ARRAY;
} else if (valueType === '[object Uint8ClampedArray]') {
marker += TYPE_UINT8CLAMPEDARRAY;
} else if (valueType === '[object Int16Array]') {
marker += TYPE_INT16ARRAY;
} else if (valueType === '[object Uint16Array]') {
marker += TYPE_UINT16ARRAY;
} else if (valueType === '[object Int32Array]') {
marker += TYPE_INT32ARRAY;
} else if (valueType === '[object Uint32Array]') {
marker += TYPE_UINT32ARRAY;
} else if (valueType === '[object Float32Array]') {
marker += TYPE_FLOAT32ARRAY;
} else if (valueType === '[object Float64Array]') {
marker += TYPE_FLOAT64ARRAY;
} else {
callback(new Error('Failed to get type for BinaryArray'));
}
}
callback(marker + bufferToString(buffer));
} else if (valueType === '[object Blob]') {
// Conver the blob to a binaryArray and then to a string.
var fileReader = new FileReader();
fileReader.onload = function () {
// Backwards-compatible prefix for the blob type.
var str = BLOB_TYPE_PREFIX + value.type + '~' + bufferToString(this.result);
callback(SERIALIZED_MARKER + TYPE_BLOB + str);
};
fileReader.readAsArrayBuffer(value);
} else {
try {
callback(JSON.stringify(value));
} catch (e) {
console.error("Couldn't convert value into a JSON string: ", value);
callback(null, e);
}
}
}
// Deserialize data we've inserted into a value column/field. We place
// special markers into our strings to mark them as encoded; this isn't
// as nice as a meta field, but it's the only sane thing we can do whilst
// keeping localStorage support intact.
//
// Oftentimes this will just deserialize JSON content, but if we have a
// special marker (SERIALIZED_MARKER, defined above), we will extract
// some kind of arraybuffer/binary data/typed array out of the string.
function deserialize(value) {
// If we haven't marked this string as being specially serialized (i.e.
// something other than serialized JSON), we can just return it and be
// done with it.
if (value.substring(0, SERIALIZED_MARKER_LENGTH) !== SERIALIZED_MARKER) {
return JSON.parse(value);
}
// The following code deals with deserializing some kind of Blob or
// TypedArray. First we separate out the type of data we're dealing
// with from the data itself.
var serializedString = value.substring(TYPE_SERIALIZED_MARKER_LENGTH);
var type = value.substring(SERIALIZED_MARKER_LENGTH, TYPE_SERIALIZED_MARKER_LENGTH);
var blobType;
// Backwards-compatible blob type serialization strategy.
// DBs created with older versions of localForage will simply not have the blob type.
if (type === TYPE_BLOB && BLOB_TYPE_PREFIX_REGEX.test(serializedString)) {
var matcher = serializedString.match(BLOB_TYPE_PREFIX_REGEX);
blobType = matcher[1];
serializedString = serializedString.substring(matcher[0].length);
}
var buffer = stringToBuffer(serializedString);
// Return the right type based on the code/type set during
// serialization.
switch (type) {
case TYPE_ARRAYBUFFER:
return buffer;
case TYPE_BLOB:
return createBlob([buffer], { type: blobType });
case TYPE_INT8ARRAY:
return new Int8Array(buffer);
case TYPE_UINT8ARRAY:
return new Uint8Array(buffer);
case TYPE_UINT8CLAMPEDARRAY:
return new Uint8ClampedArray(buffer);
case TYPE_INT16ARRAY:
return new Int16Array(buffer);
case TYPE_UINT16ARRAY:
return new Uint16Array(buffer);
case TYPE_INT32ARRAY:
return new Int32Array(buffer);
case TYPE_UINT32ARRAY:
return new Uint32Array(buffer);
case TYPE_FLOAT32ARRAY:
return new Float32Array(buffer);
case TYPE_FLOAT64ARRAY:
return new Float64Array(buffer);
default:
throw new Error('Unkown type: ' + type);
}
}
var localforageSerializer = {
serialize: serialize,
deserialize: deserialize,
stringToBuffer: stringToBuffer,
bufferToString: bufferToString
};
/*
* Includes code from:
*
* base64-arraybuffer
* https://github.com/niklasvh/base64-arraybuffer
*
* Copyright (c) 2012 Niklas von Hertzen
* Licensed under the MIT license.
*/
function createDbTable(t, dbInfo, callback, errorCallback) {
t.executeSql('CREATE TABLE IF NOT EXISTS ' + dbInfo.storeName + ' ' + '(id INTEGER PRIMARY KEY, key unique, value)', [], callback, errorCallback);
}
// Open the WebSQL database (automatically creates one if one didn't
// previously exist), using any options set in the config.
function _initStorage$1(options) {
var self = this;
var dbInfo = {
db: null
};
if (options) {
for (var i in options) {
dbInfo[i] = typeof options[i] !== 'string' ? options[i].toString() : options[i];
}
}
var dbInfoPromise = new Promise$1(function (resolve, reject) {
// Open the database; the openDatabase API will automatically
// create it for us if it doesn't exist.
try {
dbInfo.db = openDatabase(dbInfo.name, String(dbInfo.version), dbInfo.description, dbInfo.size);
} catch (e) {
return reject(e);
}
// Create our key/value table if it doesn't exist.
dbInfo.db.transaction(function (t) {
createDbTable(t, dbInfo, function () {
self._dbInfo = dbInfo;
resolve();
}, function (t, error) {
reject(error);
});
}, reject);
});
dbInfo.serializer = localforageSerializer;
return dbInfoPromise;
}
function tryExecuteSql(t, dbInfo, sqlStatement, args, callback, errorCallback) {
t.executeSql(sqlStatement, args, callback, function (t, error) {
if (error.code === error.SYNTAX_ERR) {
t.executeSql('SELECT name FROM sqlite_master ' + "WHERE type='table' AND name = ?", [dbInfo.storeName], function (t, results) {
if (!results.rows.length) {
// if the table is missing (was deleted)
// re-create it table and retry
createDbTable(t, dbInfo, function () {
t.executeSql(sqlStatement, args, callback, errorCallback);
}, errorCallback);
} else {
errorCallback(t, error);
}
}, errorCallback);
} else {
errorCallback(t, error);
}
}, errorCallback);
}
function getItem$1(key, callback) {
var self = this;
key = normalizeKey(key);
var promise = new Promise$1(function (resolve, reject) {
self.ready().then(function () {
var dbInfo = self._dbInfo;
dbInfo.db.transaction(function (t) {
tryExecuteSql(t, dbInfo, 'SELECT * FROM ' + dbInfo.storeName + ' WHERE key = ? LIMIT 1', [key], function (t, results) {
var result = results.rows.length ? results.rows.item(0).value : null;
// Check to see if this is serialized content we need to
// unpack.
if (result) {
result = dbInfo.serializer.deserialize(result);
}
resolve(result);
}, function (t, error) {
reject(error);
});
});
})["catch"](reject);
});
executeCallback(promise, callback);
return promise;
}
function iterate$1(iterator, callback) {
var self = this;
var promise = new Promise$1(function (resolve, reject) {
self.ready().then(function () {
var dbInfo = self._dbInfo;
dbInfo.db.transaction(function (t) {
tryExecuteSql(t, dbInfo, 'SELECT * FROM ' + dbInfo.storeName, [], function (t, results) {
var rows = results.rows;
var length = rows.length;
for (var i = 0; i < length; i++) {
var item = rows.item(i);
var result = item.value;
// Check to see if this is serialized content
// we need to unpack.
if (result) {
result = dbInfo.serializer.deserialize(result);
}
result = iterator(result, item.key, i + 1);
// void(0) prevents problems with redefinition
// of `undefined`.
if (result !== void 0) {
resolve(result);
return;
}
}
resolve();
}, function (t, error) {
reject(error);
});
});
})["catch"](reject);
});
executeCallback(promise, callback);
return promise;
}
function _setItem(key, value, callback, retriesLeft) {
var self = this;
key = normalizeKey(key);
var promise = new Promise$1(function (resolve, reject) {
self.ready().then(function () {
// The localStorage API doesn't return undefined values in an
// "expected" way, so undefined is always cast to null in all
// drivers. See: https://github.com/mozilla/localForage/pull/42
if (value === undefined) {
value = null;
}
// Save the original value to pass to the callback.
var originalValue = value;
var dbInfo = self._dbInfo;
dbInfo.serializer.serialize(value, function (value, error) {
if (error) {
reject(error);
} else {
dbInfo.db.transaction(function (t) {
tryExecuteSql(t, dbInfo, 'INSERT OR REPLACE INTO ' + dbInfo.storeName + ' ' + '(key, value) VALUES (?, ?)', [key, value], function () {
resolve(originalValue);
}, function (t, error) {
reject(error);
});
}, function (sqlError) {
// The transaction failed; check
// to see if it's a quota error.
if (sqlError.code === sqlError.QUOTA_ERR) {
// We reject the callback outright for now, but
// it's worth trying to re-run the transaction.
// Even if the user accepts the prompt to use
// more storage on Safari, this error will
// be called.
//
// Try to re-run the transaction.
if (retriesLeft > 0) {
resolve(_setItem.apply(self, [key, originalValue, callback, retriesLeft - 1]));
return;
}
reject(sqlError);
}
});
}
});
})["catch"](reject);
});
executeCallback(promise, callback);
return promise;
}
function setItem$1(key, value, callback) {
return _setItem.apply(this, [key, value, callback, 1]);
}
function removeItem$1(key, callback) {
var self = this;
key = normalizeKey(key);
var promise = new Promise$1(function (resolve, reject) {
self.ready().then(function () {
var dbInfo = self._dbInfo;
dbInfo.db.transaction(function (t) {
tryExecuteSql(t, dbInfo, 'DELETE FROM ' + dbInfo.storeName + ' WHERE key = ?', [key], function () {
resolve();
}, function (t, error) {
reject(error);
});
});
})["catch"](reject);
});
executeCallback(promise, callback);
return promise;
}
// Deletes every item in the table.
// TODO: Find out if this resets the AUTO_INCREMENT number.
function clear$1(callback) {
var self = this;
var promise = new Promise$1(function (resolve, reject) {
self.ready().then(function () {
var dbInfo = self._dbInfo;
dbInfo.db.transaction(function (t) {
tryExecuteSql(t, dbInfo, 'DELETE FROM ' + dbInfo.storeName, [], function () {
resolve();
}, function (t, error) {
reject(error);
});
});
})["catch"](reject);
});
executeCallback(promise, callback);
return promise;
}
// Does a simple `COUNT(key)` to get the number of items stored in
// localForage.
function length$1(callback) {
var self = this;
var promise = new Promise$1(function (resolve, reject) {
self.ready().then(function () {
var dbInfo = self._dbInfo;
dbInfo.db.transaction(function (t) {
// Ahhh, SQL makes this one soooooo easy.
tryExecuteSql(t, dbInfo, 'SELECT COUNT(key) as c FROM ' + dbInfo.storeName, [], function (t, results) {
var result = results.rows.item(0).c;
resolve(result);
}, function (t, error) {
reject(error);
});
});
})["catch"](reject);
});
executeCallback(promise, callback);
return promise;
}
// Return the key located at key index X; essentially gets the key from a
// `WHERE id = ?`. This is the most efficient way I can think to implement
// this rarely-used (in my experience) part of the API, but it can seem
// inconsistent, because we do `INSERT OR REPLACE INTO` on `setItem()`, so
// the ID of each key will change every time it's updated. Perhaps a stored
// procedure for the `setItem()` SQL would solve this problem?
// TODO: Don't change ID on `setItem()`.
function key$1(n, callback) {
var self = this;
var promise = new Promise$1(function (resolve, reject) {
self.ready().then(function () {
var dbInfo = self._dbInfo;
dbInfo.db.transaction(function (t) {
tryExecuteSql(t, dbInfo, 'SELECT key FROM ' + dbInfo.storeName + ' WHERE id = ? LIMIT 1', [n + 1], function (t, results) {
var result = results.rows.length ? results.rows.item(0).key : null;
resolve(result);
}, function (t, error) {
reject(error);
});
});
})["catch"](reject);
});
executeCallback(promise, callback);
return promise;
}
function keys$1(callback) {
var self = this;
var promise = new Promise$1(function (resolve, reject) {
self.ready().then(function () {
var dbInfo = self._dbInfo;
dbInfo.db.transaction(function (t) {
tryExecuteSql(t, dbInfo, 'SELECT key FROM ' + dbInfo.storeName, [], function (t, results) {
var keys = [];
for (var i = 0; i < results.rows.length; i++) {
keys.push(results.rows.item(i).key);
}
resolve(keys);
}, function (t, error) {
reject(error);
});
});
})["catch"](reject);
});
executeCallback(promise, callback);
return promise;
}
// https://www.w3.org/TR/webdatabase/#databases
// > There is no way to enumerate or delete the databases available for an origin from this API.
function getAllStoreNames(db) {
return new Promise$1(function (resolve, reject) {
db.transaction(function (t) {
t.executeSql('SELECT name FROM sqlite_master ' + "WHERE type='table' AND name <> '__WebKitDatabaseInfoTable__'", [], function (t, results) {
var storeNames = [];
for (var i = 0; i < results.rows.length; i++) {
storeNames.push(results.rows.item(i).name);
}
resolve({
db: db,
storeNames: storeNames
});
}, function (t, error) {
reject(error);
});
}, function (sqlError) {
reject(sqlError);
});
});
}
function dropInstance$1(options, callback) {
callback = getCallback.apply(this, arguments);
var currentConfig = this.config();
options = typeof options !== 'function' && options || {};
if (!options.name) {
options.name = options.name || currentConfig.name;
options.storeName = options.storeName || currentConfig.storeName;
}
var self = this;
var promise;
if (!options.name) {
promise = Promise$1.reject('Invalid arguments');
} else {
promise = new Promise$1(function (resolve) {
var db;
if (options.name === currentConfig.name) {
// use the db reference of the current instance
db = self._dbInfo.db;
} else {
db = openDatabase(options.name, '', '', 0);
}
if (!options.storeName) {
// drop all database tables
resolve(getAllStoreNames(db));
} else {
resolve({
db: db,
storeNames: [options.storeName]
});
}
}).then(function (operationInfo) {
return new Promise$1(function (resolve, reject) {
operationInfo.db.transaction(function (t) {
function dropTable(storeName) {
return new Promise$1(function (resolve, reject) {
t.executeSql('DROP TABLE IF EXISTS ' + storeName, [], function () {
resolve();
}, function (t, error) {
reject(error);
});
});
}
var operations = [];
for (var i = 0, len = operationInfo.storeNames.length; i < len; i++) {
operations.push(dropTable(operationInfo.storeNames[i]));
}
Promise$1.all(operations).then(function () {
resolve();
})["catch"](function (e) {
reject(e);
});
}, function (sqlError) {
reject(sqlError);
});
});
});
}
executeCallback(promise, callback);
return promise;
}
var webSQLStorage = {
_driver: 'webSQLStorage',
_initStorage: _initStorage$1,
_support: isWebSQLValid(),
iterate: iterate$1,
getItem: getItem$1,
setItem: setItem$1,
removeItem: removeItem$1,
clear: clear$1,
length: length$1,
key: key$1,
keys: keys$1,
dropInstance: dropInstance$1
};
function isLocalStorageValid() {
try {
return typeof localStorage !== 'undefined' && 'setItem' in localStorage &&
// in IE8 typeof localStorage.setItem === 'object'
!!localStorage.setItem;
} catch (e) {
return false;
}
}
function _getKeyPrefix(options, defaultConfig) {
var keyPrefix = options.name + '/';
if (options.storeName !== defaultConfig.storeName) {
keyPrefix += options.storeName + '/';
}
return keyPrefix;
}
// Check if localStorage throws when saving an item
function checkIfLocalStorageThrows() {
var localStorageTestKey = '_localforage_support_test';
try {
localStorage.setItem(localStorageTestKey, true);
localStorage.removeItem(localStorageTestKey);
return false;
} catch (e) {
return true;
}
}
// Check if localStorage is usable and allows to save an item
// This method checks if localStorage is usable in Safari Private Browsing
// mode, or in any other case where the available quota for localStorage
// is 0 and there wasn't any saved items yet.
function _isLocalStorageUsable() {
return !checkIfLocalStorageThrows() || localStorage.length > 0;
}
// Config the localStorage backend, using options set in the config.
function _initStorage$2(options) {
var self = this;
var dbInfo = {};
if (options) {
for (var i in options) {
dbInfo[i] = options[i];
}
}
dbInfo.keyPrefix = _getKeyPrefix(options, self._defaultConfig);
if (!_isLocalStorageUsable()) {
return Promise$1.reject();
}
self._dbInfo = dbInfo;
dbInfo.serializer = localforageSerializer;
return Promise$1.resolve();
}
// Remove all keys from the datastore, effectively destroying all data in
// the app's key/value store!
function clear$2(callback) {
var self = this;
var promise = self.ready().then(function () {
var keyPrefix = self._dbInfo.keyPrefix;
for (var i = localStorage.length - 1; i >= 0; i--) {
var key = localStorage.key(i);
if (key.indexOf(keyPrefix) === 0) {
localStorage.removeItem(key);
}
}
});
executeCallback(promise, callback);
return promise;
}
// Retrieve an item from the store. Unlike the original async_storage
// library in Gaia, we don't modify return values at all. If a key's value
// is `undefined`, we pass that value to the callback function.
function getItem$2(key, callback) {
var self = this;
key = normalizeKey(key);
var promise = self.ready().then(function () {
var dbInfo = self._dbInfo;
var result = localStorage.getItem(dbInfo.keyPrefix + key);
// If a result was found, parse it from the serialized
// string into a JS object. If result isn't truthy, the key
// is likely undefined and we'll pass it straight to the
// callback.
if (result) {
result = dbInfo.serializer.deserialize(result);
}
return result;
});
executeCallback(promise, callback);
return promise;
}
// Iterate over all items in the store.
function iterate$2(iterator, callback) {
var self = this;
var promise = self.ready().then(function () {
var dbInfo = self._dbInfo;
var keyPrefix = dbInfo.keyPrefix;
var keyPrefixLength = keyPrefix.length;
var length = localStorage.length;
// We use a dedicated iterator instead of the `i` variable below
// so other keys we fetch in localStorage aren't counted in
// the `iterationNumber` argument passed to the `iterate()`
// callback.
//
// See: github.com/mozilla/localForage/pull/435#discussion_r38061530
var iterationNumber = 1;
for (var i = 0; i < length; i++) {
var key = localStorage.key(i);
if (key.indexOf(keyPrefix) !== 0) {
continue;
}
var value = localStorage.getItem(key);
// If a result was found, parse it from the serialized
// string into a JS object. If result isn't truthy, the
// key is likely undefined and we'll pass it straight
// to the iterator.
if (value) {
value = dbInfo.serializer.deserialize(value);
}
value = iterator(value, key.substring(keyPrefixLength), iterationNumber++);
if (value !== void 0) {
return value;
}
}
});
executeCallback(promise, callback);
return promise;
}
// Same as localStorage's key() method, except takes a callback.
function key$2(n, callback) {
var self = this;
var promise = self.ready().then(function () {
var dbInfo = self._dbInfo;
var result;
try {
result = localStorage.key(n);
} catch (error) {
result = null;
}
// Remove the prefix from the key, if a key is found.
if (result) {
result = result.substring(dbInfo.keyPrefix.length);
}
return result;
});
executeCallback(promise, callback);
return promise;
}
function keys$2(callback) {
var self = this;
var promise = self.ready().then(function () {
var dbInfo = self._dbInfo;
var length = localStorage.length;
var keys = [];
for (var i = 0; i < length; i++) {
var itemKey = localStorage.key(i);
if (itemKey.indexOf(dbInfo.keyPrefix) === 0) {
keys.push(itemKey.substring(dbInfo.keyPrefix.length));
}
}
return keys;
});
executeCallback(promise, callback);
return promise;
}
// Supply the number of keys in the datastore to the callback function.
function length$2(callback) {
var self = this;
var promise = self.keys().then(function (keys) {
return keys.length;
});
executeCallback(promise, callback);
return promise;
}
// Remove an item from the store, nice and simple.
function removeItem$2(key, callback) {
var self = this;
key = normalizeKey(key);
var promise = self.ready().then(function () {
var dbInfo = self._dbInfo;
localStorage.removeItem(dbInfo.keyPrefix + key);
});
executeCallback(promise, callback);
return promise;
}
// Set a key's value and run an optional callback once the value is set.
// Unlike Gaia's implementation, the callback function is passed the value,
// in case you want to operate on that value only after you're sure it
// saved, or something like that.
function setItem$2(key, value, callback) {
var self = this;
key = normalizeKey(key);
var promise = self.ready().then(function () {
// Convert undefined values to null.
// https://github.com/mozilla/localForage/pull/42
if (value === undefined) {
value = null;
}
// Save the original value to pass to the callback.
var originalValue = value;
return new Promise$1(function (resolve, reject) {
var dbInfo = self._dbInfo;
dbInfo.serializer.serialize(value, function (value, error) {
if (error) {
reject(error);
} else {
try {
localStorage.setItem(dbInfo.keyPrefix + key, value);
resolve(originalValue);
} catch (e) {
// localStorage capacity exceeded.
// TODO: Make this a specific error/event.
if (e.name === 'QuotaExceededError' || e.name === 'NS_ERROR_DOM_QUOTA_REACHED') {
reject(e);
}
reject(e);
}
}
});
});
});
executeCallback(promise, callback);
return promise;
}
function dropInstance$2(options, callback) {
callback = getCallback.apply(this, arguments);
options = typeof options !== 'function' && options || {};
if (!options.name) {
var currentConfig = this.config();
options.name = options.name || currentConfig.name;
options.storeName = options.storeName || currentConfig.storeName;
}
var self = this;
var promise;
if (!options.name) {
promise = Promise$1.reject('Invalid arguments');
} else {
promise = new Promise$1(function (resolve) {
if (!options.storeName) {
resolve(options.name + '/');
} else {
resolve(_getKeyPrefix(options, self._defaultConfig));
}
}).then(function (keyPrefix) {
for (var i = localStorage.length - 1; i >= 0; i--) {
var key = localStorage.key(i);
if (key.indexOf(keyPrefix) === 0) {
localStorage.removeItem(key);
}
}
});
}
executeCallback(promise, callback);
return promise;
}
var localStorageWrapper = {
_driver: 'localStorageWrapper',
_initStorage: _initStorage$2,
_support: isLocalStorageValid(),
iterate: iterate$2,
getItem: getItem$2,
setItem: setItem$2,
removeItem: removeItem$2,
clear: clear$2,
length: length$2,
key: key$2,
keys: keys$2,
dropInstance: dropInstance$2
};
var sameValue = function sameValue(x, y) {
return x === y || typeof x === 'number' && typeof y === 'number' && isNaN(x) && isNaN(y);
};
var includes = function includes(array, searchElement) {
var len = array.length;
var i = 0;
while (i < len) {
if (sameValue(array[i], searchElement)) {
return true;
}
i++;
}
return false;
};
var isArray = Array.isArray || function (arg) {
return Object.prototype.toString.call(arg) === '[object Array]';
};
// Drivers are stored here when `defineDriver()` is called.
// They are shared across all instances of localForage.
var DefinedDrivers = {};
var DriverSupport = {};
var DefaultDrivers = {
INDEXEDDB: asyncStorage,
WEBSQL: webSQLStorage,
LOCALSTORAGE: localStorageWrapper
};
var DefaultDriverOrder = [DefaultDrivers.INDEXEDDB._driver, DefaultDrivers.WEBSQL._driver, DefaultDrivers.LOCALSTORAGE._driver];
var OptionalDriverMethods = ['dropInstance'];
var LibraryMethods = ['clear', 'getItem', 'iterate', 'key', 'keys', 'length', 'removeItem', 'setItem'].concat(OptionalDriverMethods);
var DefaultConfig = {
description: '',
driver: DefaultDriverOrder.slice(),
name: 'localforage',
// Default DB size is _JUST UNDER_ 5MB, as it's the highest size
// we can use without a prompt.
size: 4980736,
storeName: 'keyvaluepairs',
version: 1.0
};
function callWhenReady(localForageInstance, libraryMethod) {
localForageInstance[libraryMethod] = function () {
var _args = arguments;
return localForageInstance.ready().then(function () {
return localForageInstance[libraryMethod].apply(localForageInstance, _args);
});
};
}
function extend() {
for (var i = 1; i < arguments.length; i++) {
var arg = arguments[i];
if (arg) {
for (var _key in arg) {
if (arg.hasOwnProperty(_key)) {
if (isArray(arg[_key])) {
arguments[0][_key] = arg[_key].slice();
} else {
arguments[0][_key] = arg[_key];
}
}
}
}
}
return arguments[0];
}
var LocalForage = function () {
function LocalForage(options) {
_classCallCheck(this, LocalForage);
for (var driverTypeKey in DefaultDrivers) {
if (DefaultDrivers.hasOwnProperty(driverTypeKey)) {
var driver = DefaultDrivers[driverTypeKey];
var driverName = driver._driver;
this[driverTypeKey] = driverName;
if (!DefinedDrivers[driverName]) {
// we don't need to wait for the promise,
// since the default drivers can be defined
// in a blocking manner
this.defineDriver(driver);
}
}
}
this._defaultConfig = extend({}, DefaultConfig);
this._config = extend({}, this._defaultConfig, options);
this._driverSet = null;
this._initDriver = null;
this._ready = false;
this._dbInfo = null;
this._wrapLibraryMethodsWithReady();
this.setDriver(this._config.driver)["catch"](function () {});
}
// Set any config values for localForage; can be called anytime before
// the first API call (e.g. `getItem`, `setItem`).
// We loop through options so we don't overwrite existing config
// values.
LocalForage.prototype.config = function config(options) {
// If the options argument is an object, we use it to set values.
// Otherwise, we return either a specified config value or all
// config values.
if ((typeof options === 'undefined' ? 'undefined' : _typeof(options)) === 'object') {
// If localforage is ready and fully initialized, we can't set
// any new configuration values. Instead, we return an error.
if (this._ready) {
return new Error("Can't call config() after localforage " + 'has been used.');
}
for (var i in options) {
if (i === 'storeName') {
options[i] = options[i].replace(/\W/g, '_');
}
if (i === 'version' && typeof options[i] !== 'number') {
return new Error('Database version must be a number.');
}
this._config[i] = options[i];
}
// after all config options are set and
// the driver option is used, try setting it
if ('driver' in options && options.driver) {
return this.setDriver(this._config.driver);
}
return true;
} else if (typeof options === 'string') {
return this._config[options];
} else {
return this._config;
}
};
// Used to define a custom driver, shared across all instances of
// localForage.
LocalForage.prototype.defineDriver = function defineDriver(driverObject, callback, errorCallback) {
var promise = new Promise$1(function (resolve, reject) {
try {
var driverName = driverObject._driver;
var complianceError = new Error('Custom driver not compliant; see ' + 'https://mozilla.github.io/localForage/#definedriver');
// A driver name should be defined and not overlap with the
// library-defined, default drivers.
if (!driverObject._driver) {
reject(complianceError);
return;
}
var driverMethods = LibraryMethods.concat('_initStorage');
for (var i = 0, len = driverMethods.length; i < len; i++) {
var driverMethodName = driverMethods[i];
// when the property is there,
// it should be a method even when optional
var isRequired = !includes(OptionalDriverMethods, driverMethodName);
if ((isRequired || driverObject[driverMethodName]) && typeof driverObject[driverMethodName] !== 'function') {
reject(complianceError);
return;
}
}
var configureMissingMethods = function configureMissingMethods() {
var methodNotImplementedFactory = function methodNotImplementedFactory(methodName) {
return function () {
var error = new Error('Method ' + methodName + ' is not implemented by the current driver');
var promise = Promise$1.reject(error);
executeCallback(promise, arguments[arguments.length - 1]);
return promise;
};
};
for (var _i = 0, _len = OptionalDriverMethods.length; _i < _len; _i++) {
var optionalDriverMethod = OptionalDriverMethods[_i];
if (!driverObject[optionalDriverMethod]) {
driverObject[optionalDriverMethod] = methodNotImplementedFactory(optionalDriverMethod);
}
}
};
configureMissingMethods();
var setDriverSupport = function setDriverSupport(support) {
if (DefinedDrivers[driverName]) {
console.info('Redefining LocalForage driver: ' + driverName);
}
DefinedDrivers[driverName] = driverObject;
DriverSupport[driverName] = support;
// don't use a then, so that we can define
// drivers that have simple _support methods
// in a blocking manner
resolve();
};
if ('_support' in driverObject) {
if (driverObject._support && typeof driverObject._support === 'function') {
driverObject._support().then(setDriverSupport, reject);
} else {
setDriverSupport(!!driverObject._support);
}
} else {
setDriverSupport(true);
}
} catch (e) {
reject(e);
}
});
executeTwoCallbacks(promise, callback, errorCallback);
return promise;
};
LocalForage.prototype.driver = function driver() {
return this._driver || null;
};
LocalForage.prototype.getDriver = function getDriver(driverName, callback, errorCallback) {
var getDriverPromise = DefinedDrivers[driverName] ? Promise$1.resolve(DefinedDrivers[driverName]) : Promise$1.reject(new Error('Driver not found.'));
executeTwoCallbacks(getDriverPromise, callback, errorCallback);
return getDriverPromise;
};
LocalForage.prototype.getSerializer = function getSerializer(callback) {
var serializerPromise = Promise$1.resolve(localforageSerializer);
executeTwoCallbacks(serializerPromise, callback);
return serializerPromise;
};
LocalForage.prototype.ready = function ready(callback) {
var self = this;
var promise = self._driverSet.then(function () {
if (self._ready === null) {
self._ready = self._initDriver();
}
return self._ready;
});
executeTwoCallbacks(promise, callback, callback);
return promise;
};
LocalForage.prototype.setDriver = function setDriver(drivers, callback, errorCallback) {
var self = this;
if (!isArray(drivers)) {
drivers = [drivers];
}
var supportedDrivers = this._getSupportedDrivers(drivers);
function setDriverToConfig() {
self._config.driver = self.driver();
}
function extendSelfWithDriver(driver) {
self._extend(driver);
setDriverToConfig();
self._ready = self._initStorage(self._config);
return self._ready;
}
function initDriver(supportedDrivers) {
return function () {
var currentDriverIndex = 0;
function driverPromiseLoop() {
while (currentDriverIndex < supportedDrivers.length) {
var driverName = supportedDrivers[currentDriverIndex];
currentDriverIndex++;
self._dbInfo = null;
self._ready = null;
return self.getDriver(driverName).then(extendSelfWithDriver)["catch"](driverPromiseLoop);
}
setDriverToConfig();
var error = new Error('No available storage method found.');
self._driverSet = Promise$1.reject(error);
return self._driverSet;
}
return driverPromiseLoop();
};
}
// There might be a driver initialization in progress
// so wait for it to finish in order to avoid a possible
// race condition to set _dbInfo
var oldDriverSetDone = this._driverSet !== null ? this._driverSet["catch"](function () {
return Promise$1.resolve();
}) : Promise$1.resolve();
this._driverSet = oldDriverSetDone.then(function () {
var driverName = supportedDrivers[0];
self._dbInfo = null;
self._ready = null;
return self.getDriver(driverName).then(function (driver) {
self._driver = driver._driver;
setDriverToConfig();
self._wrapLibraryMethodsWithReady();
self._initDriver = initDriver(supportedDrivers);
});
})["catch"](function () {
setDriverToConfig();
var error = new Error('No available storage method found.');
self._driverSet = Promise$1.reject(error);
return self._driverSet;
});
executeTwoCallbacks(this._driverSet, callback, errorCallback);
return this._driverSet;
};
LocalForage.prototype.supports = function supports(driverName) {
return !!DriverSupport[driverName];
};
LocalForage.prototype._extend = function _extend(libraryMethodsAndProperties) {
extend(this, libraryMethodsAndProperties);
};
LocalForage.prototype._getSupportedDrivers = function _getSupportedDrivers(drivers) {
var supportedDrivers = [];
for (var i = 0, len = drivers.length; i < len; i++) {
var driverName = drivers[i];
if (this.supports(driverName)) {
supportedDrivers.push(driverName);
}
}
return supportedDrivers;
};
LocalForage.prototype._wrapLibraryMethodsWithReady = function _wrapLibraryMethodsWithReady() {
// Add a stub for each driver API method that delays the call to the
// corresponding driver method until localForage is ready. These stubs
// will be replaced by the driver methods as soon as the driver is
// loaded, so there is no performance impact.
for (var i = 0, len = LibraryMethods.length; i < len; i++) {
callWhenReady(this, LibraryMethods[i]);
}
};
LocalForage.prototype.createInstance = function createInstance(options) {
return new LocalForage(options);
};
return LocalForage;
}();
// The actual localForage object that we expose as a module or via a
// global. It's extended by pulling in one of our other libraries.
var localforage_js = new LocalForage();
module.exports = localforage_js;
},{"3":3}]},{},[4])(4)
});
//begin "cache.js"
localforage.config({name: 'automail'});//can't be named just 'localforage', as Anilist uses it too
let reliablePersistentStorage = true;
if (navigator.storage && navigator.storage.persist){
navigator.storage.persist().then(function(persistent){
if(!persistent){
reliablePersistentStorage = false;
console.log("Automail was denied persistent storage, and may run slower/use more data since it can't keep a cache. Consider enabling persistent storage in 'site info' > 'permissions'")
}
})
}
const cache = {
list: {ANIME: null,MANGA: null},
scheduled: false,
lock: {ANIME: false,MANGA: false},
lockedCallbacks: {ANIME: [],MANGA: []},
synch: function(){
if(!cache.scheduled){
cache.scheduled = true;
setTimeout(function(){
localStorage.setItem("automailListCache",cache.list);
cache.scheduled = false
},10*1000)
}
},
forceUpdate: function(){
authAPIcall(
`
query($name: String!){
anime:MediaListCollection(userName: $name, type: ANIME){
lists{
name
isCustomList
entries{
mediaId
status
progress
repeat
notes
${userObject.mediaListOptions.animeList.advancedScoringEnabled ? "advancedScores" : ""}
startedAt{
year
month
day
}
media{
episodes
duration
nextAiringEpisode{episode}
format
title{romaji native english}
tags{name}
genres
meanScore
studios{nodes{isAnimationStudio id name}}
}
scoreRaw: score(format: POINT_100)
}
}
}
manga:MediaListCollection(userName: $name, type: MANGA){
lists{
name
isCustomList
entries{
mediaId
status
progress
progressVolumes
repeat
notes
${userObject.mediaListOptions.mangaList.advancedScoringEnabled ? "advancedScores" : ""}
startedAt{
year
month
day
}
media{
chapters
volumes
format
title{romaji native english}
tags{name}
genres
meanScore
}
scoreRaw: score(format: POINT_100)
}
}
}
}`,
{name: whoAmI},
function(data){
if(!data){
return
}
cache.list.ANIME = {
time: NOW(),
duration: 60*60*1000,
data: data.data.anime
}
cache.list.MANGA = {
time: NOW(),
duration: 60*60*1000,
data: data.data.manga
}
localforage.setItem("automailListCacheANIME",cache.list.ANIME);
localforage.setItem("automailListCacheMANGA",cache.list.MANGA);
cache.lockedCallbacks.ANIME.forEach(a => a.callback(cache.list[a.type].data));
cache.lockedCallbacks.MANGA.forEach(a => a.callback(cache.list[a.type].data));
cache.lockedCallbacks.ANIME = [];
cache.lockedCallbacks.MANGA = [];
cache.lock.ANIME = false;
cache.lock.MANGA = false;
}
)
},
updateIfDifferent: function(mediaData,doNotWrite){
let different = false;
let found = false;
//logic here
if(different){
aniCast.postMessage({type:"cachev2",mediaData: mediaData});
if(!doNotWrite){
cache.synch()
}
}
},
getList: function(type,callback){
if(!cache.list[type]){
cache.lockedCallbacks[type].push({callback: callback,type: type})
if(!cache.lock[type]){
cache.lock[type] = true;
localforage.getItem("automailListCache" + type,function(err,value){
if(err){
console.log(err);
return
}
if(value){
if(NOW() - value.time > value.duration){
cache.forceUpdate()
}
else{
cache.list[type] = value;
cache.lockedCallbacks[type].forEach(a => a.callback(cache.list[a.type].data));
cache.lockedCallbacks[type] = [];
cache.lock[type] = false;
}
}
else{
if(cache.lock.ANIME !== cache.lock.MANGA){
cache.forceUpdate()
}
}
})
}
}
else{
callback(cache.list[type].data)
}
}
}
//end "cache.js"
//begin "controller.js"
const modules = [];
function handleScripts(url,oldUrl){
modules.forEach(module => {
if(useScripts[module.id] && module.urlMatch && module.code && module.urlMatch(url,oldUrl)){
module.code()
}
})
if((url === "https://anilist.co/notifications" || url === "https://anilist.co/notifications#") && useScripts.notifications){
enhanceNotifications();
return
}
else if(url === "https://anilist.co/reviews" && useScripts.reviewConfidence){
addReviewConfidence();
return
}
else if(url === "https://anilist.co/user/" + whoAmI + "/social#my-threads"){
selectMyThreads()
}
else if(url === "https://anilist.co/settings/import" && useScripts.moreImports){
moreImports()
}
else if(url === "https://anilist.co/404"){
possibleBlocked(oldUrl)
}
if(/^https:\/\/anilist\.co\/(anime|manga)\/\d*\/[\w\-]*\/social/.test(url)){
if(useScripts.socialTab){
enhanceSocialTab();
}
if(useScripts.socialTabFeed){
enhanceSocialTabFeed()
}
if(useScripts.activityTimeline){
addActivityTimeline()
}
}
else{
stats.element = null;
stats.count = 0;
stats.scoreSum = 0;
stats.scoreCount = 0;
}
if(
/\/stats\/?/.test(url)
&& useScripts.moreStats
){
addMoreStats()
};
if(/^https:\/\/anilist\.co\/home#access_token/.test(url)){
let tokenList = location.hash.split("&").map(a => a.split("="));
useScripts.accessToken = tokenList[0][1];
useScripts.save();
location.replace(location.protocol + "//" + location.hostname + location.pathname);
};
if(/^https:\/\/anilist\.co\/home#aniscripts-login/.test(url)){
if(useScripts.accessToken){
alert("Already authorized. You can rewoke this under 'apps' in your Anilist settings")
}
else{
location.href = authUrl
}
};
if(/^https:\/\/anilist\.co\/user/.test(url)){
if(useScripts.completedScore || useScripts.droppedScore){//we also want this script to run on user pages
addCompletedScores()
};
if(useScripts.embedHentai){
embedHentai()
};
if(useScripts.noImagePolyfill || useScripts.SFWmode){
addImageFallback()
};
let adder = function(){
let banner = document.querySelector(".banner");
if(banner && banner.style.backgroundImage !== "url(\"undefined\")"){
let bannerLink = create("a","hohDownload","⭳",banner);
const linkPlace = banner.style.backgroundImage.replace("url(","").replace(")","").replace('"',"").replace('"',"");
bannerLink.href = linkPlace;
bannerLink.title = "Download banner";
if(linkPlace === "null"){
bannerLink.style.display = "none"
}
}
else{
setTimeout(adder,500)
}
};adder();
if(useScripts.milestones){
meanScoreBack()
};
if(useScripts.profileBackground){
profileBackground()
};
if(useScripts.customCSS){
addCustomCSS()
}
}
else{
customStyle.textContent = ""
}
if(
url.match(/^https:\/\/anilist\.co\/forum\/thread\/.*/)
){
if(useScripts.forumComments){
enhanceForum()
}
if(useScripts.embedHentai){
embedHentai()
}
}
else if(/^https:\/\/anilist\.co\/forum\/?(overview|search\?.*|recent|new|subscribed)?$/.test(url)){
if(useScripts.myThreads){
addMyThreadsLink()
}
}
else if(/^https:\/\/anilist\.co\/staff\/.*/.test(url)){
if(useScripts.staffPages){
enhanceStaff()
}
}
else if(
url.match(/^https:\/\/anilist\.co\/character\/.*/)
&& useScripts.characterFavouriteCount
){
enhanceCharacter()
}
else if(
url.match(/^https:\/\/anilist\.co\/studio\/.*/)
){
if(useScripts.studioFavouriteCount){
enhanceStudio()
}
if(useScripts.studioSorting){
addStudioBrowseSwitch()
}
}
else if(
url.match(/^https:\/\/anilist\.co\/edit/)
&& useScripts.enumerateSubmissionStaff
){
enumerateSubmissionStaff()
}
if(
url.match(/^https:\/\/anilist\.co\/user\/.*\/social/)
){
if(useScripts.CSSfollowCounter){
addFollowCount()
}
addSocialThemeSwitch();
};
if(
url.match(/^https:\/\/anilist\.co\/.+\/(anime|manga)list\/?(.*)?$/)
){
drawListStuff();
if(useScripts.viewAdvancedScores){
viewAdvancedScores(url)
}
}
if(
url.match(/^https:\/\/anilist\.co\/user\/(.*)\/(anime|manga)list\/compare/)
&& useScripts.comparissionPage//incorrect spelling to leave backwards compatibility with configs. Doesn't matter as it isn't visible
){
addComparisionPage()//this one on the other hand *should* be spelled correctly
}
else{
let possibleHohCompareRemaining = document.querySelector(".hohCompare");
if(possibleHohCompareRemaining){
(document.querySelectorAll(".hohCompareUIfragment") || []).forEach(fragment => fragment.remove());
possibleHohCompareRemaining.remove()
}
};
if(url.match(/^https:\/\/anilist\.co\/search/) && useScripts.CSSverticalNav){
let lamaDrama = document.querySelector(".nav .browse-wrap .router-link-exact-active.router-link-active");
if(lamaDrama){
lamaDrama.classList.remove("router-link-exact-active");
lamaDrama.classList.remove("router-link-active");
lamaDrama.parentNode.classList.add("router-link-exact-active");
lamaDrama.parentNode.classList.add("router-link-active");
Array.from(document.querySelectorAll(".nav .link")).forEach(link => {
link.onclick = function(){
lamaDrama.parentNode.classList.remove("router-link-exact-active");
lamaDrama.parentNode.classList.remove("router-link-active")
}
})
}
}
if(url.match(/^https:\/\/anilist\.co\/search\/characters/)){
if(useScripts.characterFavouriteCount){
enhanceCharacterBrowse()
}
}
else if(url.match(/^https:\/\/anilist\.co\/search\/staff/)){
if(useScripts.staffPages){
enhanceStaffBrowse()
}
}
else if(url.match(/^https:\/\/anilist\.co\/search\/studios/)){
document.title = "Find Studios · AniList";
}
else if(url.match(/^https:\/\/anilist\.co\/search\/anime/)){
if(useScripts.browseFilters){
addBrowseFilters("anime")
}
}
else if(url.match(/^https:\/\/anilist\.co\/search\/manga/)){
if(useScripts.browseFilters){
addBrowseFilters("manga")
}
};
let mangaAnimeMatch = url.match(/^https:\/\/anilist\.co\/(anime|manga)\/(\d+)\/?([^/]*)?\/?(.*)?/);
if(mangaAnimeMatch){
let adder = function(){
if(!document.URL.match(/^https:\/\/anilist\.co\/(anime|manga)\/?/)){
return
};
let banner = document.querySelector(".banner");
if(banner){
let bannerLink = create("a","hohDownload","⭳",banner);
bannerLink.title = "Download banner";
bannerLink.href = banner.style.backgroundImage.replace("url(","").replace(")","").replace('"',"").replace('"',"");
}
else{
setTimeout(adder,500)
}
};adder();
if(useScripts.tagDescriptions){
enhanceTags()
};
if(useScripts.subTitleInfo){
addSubTitleInfo()
}
if(useScripts.dubMarker && mangaAnimeMatch[1] === "anime"){
dubMarker()
}
else if(useScripts.mangaGuess && mangaAnimeMatch[1] === "manga"){
mangaGuess(false,parseInt(mangaAnimeMatch[2]))
};
if(useScripts.mangaGuess && mangaAnimeMatch[1] === "anime"){
mangaGuess(true)
};
if(useScripts.MALscore || useScripts.MALserial || useScripts.MALrecs){
addMALscore(mangaAnimeMatch[1],mangaAnimeMatch[2])
};
if(useScripts.accessToken){
addRelationStatusDot(mangaAnimeMatch[2])
};
if(useScripts.entryScore && whoAmI){
addEntryScore(mangaAnimeMatch[2])
};
if(useScripts.SFWmode){
cencorMediaPage(mangaAnimeMatch[2])
};
let titleAliases = JSON.parse(localStorage.getItem("titleAliases"));
if(useScripts.shortRomaji){
titleAliases = shortRomaji.concat(titleAliases);
};
if(document.getElementById("hohAliasHeading")){
document.getElementById("hohAliasHeading").nextSibling.style.display = "block";
document.getElementById("hohAliasHeading").remove();
};
if(titleAliases){
const urlID = mangaAnimeMatch[2];
titleAliases.forEach(alias => {//can't just use a find, the latest alias takes priority (find in reverse?)
if(alias[0] === "css/"){
return
};
if(alias[0].substring(7,alias[0].length-1) === urlID){
let newState = "/" + mangaAnimeMatch[1] + "/" + urlID + "/" + safeURL(alias[1]) + "/";
if(mangaAnimeMatch[4]){
newState += mangaAnimeMatch[4]
};
history.replaceState({},"",newState);
current = document.URL;
let titleReplacer = () => {
if(urlChangedDependence === false){//I have to kill these global flags with fire some day
return
};
let mainTitle = document.querySelector("h1");//fragile, just like your heterosexuality
if(mainTitle){
let newHeading = create("h1","#hohAliasHeading",alias[1]);
mainTitle.parentNode.insertBefore(newHeading,mainTitle);
mainTitle.style.display = "none";
//mainTitle.innerText = alias[1];
return
}
else{
urlChangedDependence = true;
setTimeout(titleReplacer,100)
}
};
urlChangedDependence = true;
titleReplacer()
}
})
};
if(useScripts.socialTab){
scoreOverviewFixer()
}
};
if(url.match(/^https:\/\/anilist\.co\/home\/?$/)){
if(useScripts.completedScore || useScripts.droppedScore){
addCompletedScores()
};
if(useScripts.betterListPreview && whoAmI && useScripts.accessToken && (!useScripts.mobileFriendly)){
betterListPreview()
};
if(useScripts.progressBar){
addProgressBar()
};
if(
(useScripts.feedCommentFilter && (!useScripts.mobileFriendly))
|| localStorage.getItem("blockList")
|| useScripts.blockWord
|| useScripts.statusBorder
){
addFeedFilters()
};
if(useScripts.expandRight){
expandRight()
};
if(useScripts.embedHentai){
embedHentai()
};
if(useScripts.hideAWC){
addForumMediaNoAWC()
}
else if(useScripts.forumMedia){
addForumMediaTitle()
};
if(useScripts.noImagePolyfill || useScripts.SFWmode){
addImageFallback()
};
if(useScripts.dblclickZoom){
addDblclickZoom()
};
if(useScripts.hideGlobalFeed){
hideGlobalFeed()
};
if(useScripts.betterReviewRatings){
betterReviewRatings()
};
if(useScripts.homeScroll){
let homeButton = document.querySelector(".nav .link[href=\"/home\"]");
if(homeButton){
homeButton.onclick = () => {
if(document.URL.match(/^https:\/\/anilist\.co\/home\/?$/)){
window.scrollTo({top: 0,behavior: "smooth"})
}
}
}
};
linkFixer()
}
let activityMatch = url.match(/^https:\/\/anilist\.co\/activity\/(\d+)/);
if(activityMatch){
if(useScripts.completedScore || useScripts.droppedScore){
addCompletedScores()
};
if(useScripts.activityTimeline){
addActivityLinks(activityMatch[1])
};
if(useScripts.embedHentai){
embedHentai()
};
if(useScripts.showMarkdown){
showMarkdown(activityMatch[1])
}
};
if(url.match(/^https:\/\/anilist\.co\/edit/)){//seems to give mixed results. At least it's better than nothing
window.onbeforeunload = function(){
return "Page refresh has been intercepted to avoid an accidental loss of work"
}
};
if(useScripts.notifications && useScripts.accessToken && !useScripts.mobileFriendly){
notificationCake()
}
};
let useScriptsDefinitions = [
{"id": "hideLikes",
"description": "Hide like notifications. Will not affect the notification count",
"categories": ["Notifications"]
},{"id": "settingsTip",
"description": "Show a notice on the notification page for where the script settings can be found",
"extendedDescription": "Options with the 🛈 button has more information available if you click it",
"categories": ["Notifications"]
},{"id": "dismissDot",
"description": "Show a spec to dismiss notifications when signed in",
"categories": ["Notifications","Login"]
},{"id": "socialTab",
"description": "Media social tab average score, progress and notes",
"categories": ["Media"]
},{"id": "socialTab",
"description": "Media social tab feed filters",
"extendedDescription": "'Has replies' is the only filter that works if not signed in with the script. A 'Following' filter becomes available if you do.",
"categories": ["Media","Login"]
},{"id": "forumComments",
"description": "Add a button to collapse comment threads in the forum",
"categories": ["Forum"]
},{"id": "forumMedia",
"description": "Add the tagged media to the forum preview on the home page",
"extendedDescription": "The forum preview only shows one tag by default, so it's just going to say 'anime' or 'manga' without telling you which media it's about. This module adds a second tag, shortening the title somewhat if there's not enough space.",
"categories": ["Forum"]
},{"id": "mangaBrowse",
"description": "Make browse default to manga",
"categories": ["Browse"]
},{"id": "draw3x3",
"description": "Add a button to lists to create 3x3's from list entries. Click the button, and then select nine entries",
"categories": ["Lists"]
},{"id": "automailAPI",
"description": "Enable an API for other scripts to control automail [Don't enable this unless you know what you are doing]",
"categories": ["Script","Login"]
},{"id": "tagDescriptions",
"description": "Show the definitions of tags when adding new ones to an entry",
"categories": ["Media"]
},{"id": "MALscore",
"description": "Add MAL scores to media",
"categories": ["Media"]
},{"id": "MALserial",
"description": "Add MAL serialization info to manga",
"categories": ["Media"]
},{"id": "MALrecs",
"description": "Add MAL recs to media",
"categories": ["Media"]
},{"id": "subTitleInfo",
"description": "Add basic data below the title on media pages",
"categories": ["Media"]
},{"id": "entryScore",
"description": "Add your score and progress to media pages",
"categories": ["Media","Login"]
},{"id": "reviewConfidence",
"description": "Add confidence scores to reviews"
},{"id": "betterReviewRatings",
"description": "Add the total number of ratings to review ratings on the home page"
},{"id": "activityTimeline",
"description": "Link your activities in the social tab of media, and between individual activities",
"categories": ["Media","Navigation"]
},{"id": "browseFilters",
"description": "Add more sorting options to browse",
"categories": ["Browse"]
},{"id": "enumerateSubmissionStaff",
"description": "Enumerate the multiple credits for staff in the submission form to help avoid duplicates",
"categories": ["Submissions","Profiles"]
},{"id": "completedScore",
"description": "Show the score on the activity when people complete something",
"categories": ["Feeds"]
},{"id": "droppedScore",
"description": "Show the score on the activity when people drop something",
"categories": ["Feeds"]
},{"id": "tagIndex",
"description": "Show an index of custom tags on anime and manga lists",
"categories": ["Lists"]
},{"id": "CSSfollowCounter",
"description": "Follow count on social page",
"categories": ["Profiles"]
},{
"id": "dubMarker",
"subSettings": ["dubMarkerLanguage"],
"description": "Add a notice on top of the other data on an anime page if a dub is available (works by checking for voice actors)",
"categories": ["Media"]
},{
"id": "dubMarkerLanguage",
"requires": ["dubMarker"],
"description": "",
"type": "select",
"categories": ["Media"],
"values": ["English","German","Italian","Spanish","French","Korean","Portuguese","Hebrew","Hungarian","Chinese","Japanese","Arabic","Filipino","Catalan","Polish","Norwegian"]
},{"id": "mangaGuess",
"description": "Make a guess for the number of chapters for releasing manga",
"categories": ["Media"]
},{"id": "CSSmobileExternalLinks",
"description": "Don't remove external links from media pages on mobile",
"categories": ["Media"]
},{"id": "replaceNativeTags",
"description": "Full lists for tags, staff and studios in stats",
"categories": ["Stats"]
},{"id": "allStudios",
"description": "Include companies that aren't animation studios in the extended studio table",
"categories": ["Stats"]
},{"id": "noRewatches",
"description": "Don't include progress from rewatches/rereads in stats",
"categories": ["Stats"]
},{"id": "hideCustomTags",
"description": "Hide the custom tags tables by default",
"categories": ["Stats"]
},{"id": "negativeCustomList",
"description": "Add an entry in the custom tag tables with all media not on a custom list",
"categories": ["Stats"]
},{"id": "globalCustomList",
"description": "Add an entry in the custom tag tables with all media",
"categories": ["Stats"]
},{"id": "timeToCompleteColumn",
"description": "Add 'time to complete' info to the tag tables",
"categories": ["Stats"]
},{"id": "comparissionPage",
"description": "Replace the native comparison feature",
"categories": ["Lists","Profiles"]
},{"id": "CSSsmileyScore",
"description": "Give smiley ratings distinct colours",
"categories": ["Lists","Media"]
},{"id": "hideGlobalFeed",
"description": "Hide the global feed",
"categories": ["Feeds"]
},{"id": "feedCommentFilter",
"description": "Add filter options to the feeds to hide posts with few comments or likes",
"categories": ["Feeds"]
},{"id": "statusBorder",
"description": "Colour code the right border of activities by media status",
"categories": ["Feeds"]
},{"id": "blockWord",
"description": "Hide status posts containing this word:",
"categories": ["Feeds"]
},{
"id": "blockWordValue",
"requires": ["blockWord"],
"description": "",
"type": "text",
"categories": ["Feeds"]
},{"id": "profileBackground",
"description": "Enable profile backgrounds",
"categories": ["Profiles","Login"]
},{
"id": "profileBackgroundValue",
"requires": ["profileBackground"],
"description": "",
"visible": false,
"type": "text",
"categories": ["Profiles"]
},{"id": "colourPicker",
"description": "Add a colour picker in the footer for adjusting the site themes",
"categories": ["Script"]
},{"id": "progressBar",
"description": "Add progress bars to the list previews",
"categories": ["Feeds"]
},{"id": "tweets",
"description": "Embed linked tweets",
"extendedDescription": "This works by runnig Twitter's official embedding script. But since loading external code is not allowed for Firefox addons, this setting will only work in userscript mode.\nBe adviced that Twitter embedding displays NSFW content no differently than other content.",
"categories": ["Feeds"]
},{"id": "embedHentai",
"description": "Make cards for links to age restricted content",
"categories": ["Feeds"]
},{"id": "betterListPreview",
"description": "Alternative list preview",
"categories": ["Feeds","Lists","Login"]
},{"id": "homeScroll",
"description": "Make the 'home' button scroll to the top on the home feed",
"categories": ["Feeds"]
},{"id": "CSSfavs",
"description": "Use 5-width favourite layout",
"categories": ["Profiles"]
},{"id": "CSScompactBrowse",
"description": "Make the browse section more compact",
"categories": ["Browse"]
},{"id": "customCSS",
"description": "Enable custom profile CSS",
"categories": ["Profiles","Login"]
},{"id": "CSSgreenManga",
"description": "Green titles for manga",
"categories": ["Media","Feeds"]
},{"id": "cleanSocial",
"description": "Give a better space to the following list on the social tab [under development]",
"categories": ["Media"]
},{"id": "limitProgress10",
"description": "Limit the 'in progress' sections to 10 entries",
"categories": ["Feeds"]
},{"id": "limitProgress8",
"description": "Limit the 'in progress' sections to 8 entries",
"categories": ["Feeds"]
},{"id": "showRecVotes",
"description": "Always show the recommendation voting data",
"categories": ["Media"]
},{"id": "myThreads",
"description": "Add a 'my threads' link in the forum",
"categories": ["Forum","Profiles"]
},{"id": "hideAWC",
"description": "Hide AWC threads from the forum preview on the home page. Number of AWC-free threads to display:",
"categories": ["Forum"]
},{
"id": "forumPreviewNumber",
"requires": ["hideAWC"],
"description": "",
"type": "number",
"min": 0,
"max": 50,
"categories": ["Forum"]
},{"id": "expandRight",
"description": "Load the expanded view of 'in progress' in the usual place instead of full width if left in that state [weird hack]",
"categories": ["Feeds"]
},{"id": "noImagePolyfill",
"description": "Add fallback text for missing images in the sidebar and favourite sections",
"categories": ["Feeds","Profiles"]
},{"id": "shortRomaji",
"description": "Short romaji titles for everyday use. Life is too short for light novel titles",
"categories": ["Feeds","Profiles","Lists"]
},{"id": "CSSprofileClutter",
"description": "Remove clutter from profiles (milestones, history chart, genres)",
"categories": ["Profiles"]
},{"id": "CSSdecimalPoint",
"description": "Give whole numbers a \".0\" suffix when using the 10 point decimal scoring system",
"categories": ["Lists"]
},{"id": "viewAdvancedScores",
"description": "View advanced scores",
"categories": ["Lists"]
},{"id": "dblclickZoom",
"description": "Double click activities to zoom",
"categories": ["Feeds"]
},{"id": "rightToLeft",
"description": "Support for right-to-left flow [under development]",
"categories": ["Script"]
},{"id": "termsFeedNoImages",
"description": "Do not load images on the low bandwidth feed",
"categories": ["Feeds","Login"]
},{"id": "CSSbannerShadow",
"description": "Remove banner shadows",
"categories": ["Profiles","Media"]
},{"id": "milestones",
"description": "Add total episodes and volumes to profile milestones",
"categories": ["Profiles"]
},{"id": "CSSdarkDropdown",
"description": "Use a dark menu dropdown in dark mode",
"categories": ["Navigation"]
},{"id": "moreImports",
"description": "Add more list import and list export options",
"categories": ["Script","Login"]
},{"id": "plussMinus",
"description": "Add + and - buttons to quickly change scores on your list",
"categories": ["Lists","Login"]
},{"id": "navbarDroptext",
"description": "Allow drag-and-drop of text into navbar for search",
"categories": ["Navigation"]
},{"id": "SFWmode",
"description": "A less flashy version of the site for school or the workplace [under development]",
"categories": ["Script"]
},{"id": "annoyingAnimations",
"description": "Remove annoying UI animations",
"categories": ["Navigation"]
},{"id": "CSSverticalNav",
"description": "Alternative browse mode [with vertical navbar by Kuwabara]",
"categories": ["Navigation"]
},{"id": "browseSubmenu",
"description": "Replace the native 'browse' submenu when using the vertical nav",
"categories": ["Navigation"]
}
]
let current = "";
let mainLoop = setInterval(() => {
if(document.URL !== current){
urlChangedDependence = false;
let oldURL = current + "";
current = document.URL;
handleScripts(current,oldURL)
};
if(useScripts.expandDescriptions){
let expandPossible = document.querySelector(".description-length-toggle");
if(expandPossible){
expandPossible.click()
}
}
},200);
let tagDescriptions = {};
let expired = true;
let tagCache = localStorage.getItem("hohTagCache");
if(tagCache){
tagCache = JSON.parse(tagCache);
expired = (NOW() - tagCache.updated) > 3*60*60*1000//three hours
};
if(expired){
generalAPIcall("query{MediaTagCollection{name description}}",{},data => {
data.data.MediaTagCollection.forEach(tag => {
tagDescriptions[tag.name] = tag.description
});
localStorage.setItem("hohTagCache",JSON.stringify({
tags: tagDescriptions,
updated: NOW()
}))
})
}
else{
tagDescriptions = tagCache.tags
};
console.log("Automail " + scriptInfo.version);
Object.keys(localStorage).forEach(key => {
if(key.includes("hohListActivityCall")){
let cacheItem = JSON.parse(localStorage.getItem(key));
if(cacheItem){
if(NOW() > cacheItem.time + cacheItem.duration){
localStorage.removeItem(key)
}
}
}
});
if(useScripts.tweets){
/*
https://developer.twitter.com/en/docs/twitter-for-websites/webpage-properties
According to Twitter, you can opt out from widgets using context data for "personalization".
Not that this tag has any force behind it, but we can at least kindly ask them.
*/
let dnt_tag = document.createElement("meta");
dnt_tag.setAttribute("name","twitter:dnt");
dnt_tag.setAttribute("content","on");
document.head.appendChild(dnt_tag)
}
if(useScripts.automailAPI){
if(document.automailAPI){
console.warn("Multiple copies of Automail running? Shutting down this instance.");
clearInterval(mainLoop);
clearInterval(likeLoop);
}
document.automailAPI = {
scriptInfo: scriptInfo,
generalAPIcall: generalAPIcall,//query,variables,callback[,cacheKey[,timeFresh[,useLocalStorage]]]
authAPIcall: authAPIcall,
queryPacker: queryPacker,
settings: useScripts,
logOut: function(){//makes Automail forget the access token (but it's still valid)
useScripts.accessToken = "";
useScripts.save()
}
}
}
function exportModule(module){
useScriptsDefinitions.push({
id: module.id,
description: module.description,
categories: module.categories,
visible: module.visible,
importance: module.importance,
extendedDescription: module.extendedDescription,
css: module.css
});
if(!useScripts.hasOwnProperty(module.id)){
useScripts[module.id] = module.isDefault;
useScripts.save()
}
if(module.css && useScripts[module.id]){
moreStyle.textContent += module.css
}
modules.push(module)
}
//end "controller.js"
//begin modules/addActivityLinks.js
function addActivityLinks(activityID){
let arrowCallback = function(data){
if(!data){
return
}
let adder = function(link){
if(!location.pathname.includes("/activity/" + activityID)){
return;
};
let activityLocation = document.querySelector(".activity-entry");
if(activityLocation){
activityLocation.appendChild(link);
return;
}
else{
setTimeout(function(){adder(link)},200);
}
};
let queryPrevious;
let queryNext;
let variables = {
userId: data.data.Activity.userId || data.data.Activity.recipientId,
createdAt: data.data.Activity.createdAt
};
if(data.data.Activity.type === "ANIME_LIST" || data.data.Activity.type === "MANGA_LIST"){
variables.mediaId = data.data.Activity.media.id;
queryPrevious = `
query ($userId: Int,$mediaId: Int,$createdAt: Int){
Activity(
userId: $userId,
mediaId: $mediaId,
createdAt_lesser: $createdAt,
sort: ID_DESC
){
... on ListActivity{siteUrl createdAt id}
}
}`;
queryNext = `
query($userId: Int,$mediaId: Int,$createdAt: Int){
Activity(
userId: $userId,
mediaId: $mediaId,
createdAt_greater: $createdAt,
sort: ID
){
... on ListActivity{siteUrl createdAt id}
}
}`;
}
else if(data.data.Activity.type === "TEXT"){
queryPrevious = `
query($userId: Int,$createdAt: Int){
Activity(
userId: $userId,
type: TEXT,
createdAt_lesser: $createdAt,
sort: ID_DESC
){
... on TextActivity{siteUrl createdAt id}
}
}`;
queryNext = `
query($userId: Int,$createdAt: Int){
Activity(
userId: $userId,
type: TEXT,
createdAt_greater: $createdAt,
sort: ID
){
... on TextActivity{siteUrl createdAt id}
}
}`;
}
else if(data.data.Activity.type === "MESSAGE"){
let link = create("a","hohPostLink","↑",false,"left:-25px;top:25px;");
link.href = "/user/" + data.data.Activity.recipient.name + "/";
link.title = data.data.Activity.recipient.name + "'s profile";
adder(link);
variables.messengerId = data.data.Activity.messengerId;
queryPrevious = `
query($userId: Int,$messengerId: Int,$createdAt: Int){
Activity(
userId: $userId,
type: MESSAGE,
messengerId: $messengerId,
createdAt_lesser: $createdAt,
sort: ID_DESC
){
... on MessageActivity{siteUrl createdAt id}
}
}`;
queryNext = `
query($userId: Int,$messengerId: Int,$createdAt: Int){
Activity(
userId: $userId,
type: MESSAGE,
messengerId: $messengerId,
createdAt_greater: $createdAt,
sort: ID
){
... on MessageActivity{siteUrl createdAt id}
}
}`;
}
else{//unknown new types of activities
return;
};
if(data.previous){
if(data.previous !== "FIRST"){
let link = create("a","hohPostLink","←",false,"left:-25px;");
link.href = data.previous;
link.rel = "prev";
link.title = "Previous activity";
adder(link);
}
}
else{
data.previous = "FIRST";
generalAPIcall(queryPrevious,variables,function(pdata){
if(!pdata){
return;
}
let link = create("a","hohPostLink","←",false,"left:-25px;");
link.title = "Previous activity";
link.rel = "prev";
link.href = pdata.data.Activity.siteUrl;
adder(link);
data.previous = pdata.data.Activity.siteUrl;
sessionStorage.setItem("hohActivity" + activityID,JSON.stringify(data));
pdata.data.Activity.type = data.data.Activity.type;
pdata.data.Activity.userId = variables.userId;
pdata.data.Activity.media = data.data.Activity.media;
pdata.data.Activity.messengerId = data.data.Activity.messengerId;
pdata.data.Activity.recipientId = data.data.Activity.recipientId;
pdata.data.Activity.recipient = data.data.Activity.recipient;
pdata.next = document.URL;
sessionStorage.setItem("hohActivity" + pdata.data.Activity.id,JSON.stringify(pdata));
});
}
if(data.next){
let link = create("a","hohPostLink","→",false,"right:-25px;");
link.href = data.next;
link.rel = "next";
link.title = "Next activity";
adder(link);
}
else{
generalAPIcall(queryNext,variables,function(pdata){
if(!pdata){
return;
}
let link = create("a","hohPostLink","→",false,"right:-25px;");
link.href = pdata.data.Activity.siteUrl;
link.rel = "next";
link.title = "Next activity";
adder(link);
data.next = pdata.data.Activity.siteUrl;
sessionStorage.setItem("hohActivity" + activityID,JSON.stringify(data));
pdata.data.Activity.type = data.data.Activity.type;
pdata.data.Activity.userId = variables.userId;
pdata.data.Activity.media = data.data.Activity.media;
pdata.data.Activity.messengerId = data.data.Activity.messengerId;
pdata.data.Activity.recipientId = data.data.Activity.recipientId;
pdata.data.Activity.recipient = data.data.Activity.recipient;
pdata.previous = document.URL;
sessionStorage.setItem("hohActivity" + pdata.data.Activity.id,JSON.stringify(pdata));
});
};
sessionStorage.setItem("hohActivity" + activityID,JSON.stringify(data));
}
let possibleCache = sessionStorage.getItem("hohActivity" + activityID);
if(possibleCache){
arrowCallback(JSON.parse(possibleCache));
}
else{
//has to be auth now that private messages are a thing
authAPIcall(`
query($id: Int){
Activity(id: $id){
... on ListActivity{
type
userId
createdAt
media{id}
}
... on TextActivity{
type
userId
createdAt
}
... on MessageActivity{
type
recipientId
recipient{name}
messengerId
createdAt
}
}
}`,{id:activityID},arrowCallback);
}
}
//end modules/addActivityLinks.js
//begin modules/addActivityTimeline.js
function addActivityTimeline(){
const URLstuff = location.pathname.match(/^\/(anime|manga)\/(\d+)\/[\w\-]*\/social/);
if(!URLstuff){
return
};
if(document.getElementById("activityTimeline")){
return
};
if(!whoAmIid){
generalAPIcall(
"query($name:String){User(name:$name){id}}",
{name: whoAmI},
function(data){
whoAmIid = data.data.User.id;
addActivityTimeline()
},
"hohIDlookup" + whoAmI.toLowerCase()
);
return
};
let followingLocation = document.querySelector(".following");
if(!followingLocation){
setTimeout(addActivityTimeline,200);
return
};
const status = document.querySelector(".actions .list .add").innerText;
let activityTimeline = create("div","#activityTimeline",false,followingLocation.parentNode);
let variables = {
mediaId: URLstuff[2],
userId: whoAmIid,
page: 1
};
const query = `
query($userId: Int,$mediaId: Int,$page: Int){
Page(page: $page){
pageInfo{
currentPage
lastPage
}
activities(userId: $userId, mediaId: $mediaId, sort: ID){
... on ListActivity{
siteUrl
createdAt
status
progress
replyCount
}
}
}
}`;
const lineCaller = function(query,variables){
generalAPIcall(query,variables,function(data){
if(data.data.Page.pageInfo.currentPage === 1){
removeChildren(activityTimeline)
if(data.data.Page.activities.length){
create("h2",false,"Activity Timeline",activityTimeline)
}
};
data.data.Page.activities.forEach(function(activity){
let activityEntry = create("div","hohTimelineEntry",false,activityTimeline);
if(activity.replyCount){
activityEntry.style.color = "rgb(var(--color-blue))"
};
let activityContext = create("a","newTab",capitalize(activity.status),activityEntry);
activityContext.href = activity.siteUrl;
if(["watched episode","read chapter","rewatched episode","reread chapter"].includes(activity.status)){
activityContext.innerText += " " + activity.progress
};
create("span",false,
" " + (new Date(activity.createdAt*1000)).toDateString(),
activityEntry,
"position:absolute;right:7px;"
).title = (new Date(activity.createdAt*1000)).toLocaleString()
});
if(data.data.Page.pageInfo.currentPage < data.data.Page.pageInfo.lastPage && data.data.Page.pageInfo.currentPage < 10){//yet another workaround fro broken API
variables.page++;
lineCaller(query,variables)
}
},"hohMediaTimeline" + variables.mediaId + "u" + variables.userId + "p" + variables.page,120*1000);
};
if(status !== "Add To List"){
lineCaller(query,variables)
};
let lookingElse = create("div",false,false,followingLocation.parentNode,"margin-top:30px;");
create("div",false,"Looking for the activities of someone else? ",lookingElse);
let lookingElseInput = create("input",false,false,lookingElse);
lookingElseInput.placeholder = "User";
lookingElseInput.setAttribute("list","socialUsers");
let lookingElseButton = create("button",["button","hohButton"],"Search",lookingElse);
let lookingElseError = create("span",false,"",lookingElse);
lookingElseButton.onclick = function(){
if(lookingElseInput.value){
lookingElseError.innerText = "...";
generalAPIcall(
"query($name:String){User(name:$name){id}}",
{name: lookingElseInput.value},
function(data){
if(!data){
lookingElseError.innerText = "User not found";
return
};
lookingElseError.innerText = "";
variables.userId = data.data.User.id;
variables.page = 1;
lineCaller(query,variables)
},
"hohIDlookup" + lookingElseInput.value.toLowerCase()
)
}
}
}
//end modules/addActivityTimeline.js
//begin modules/addBrowseFilters.js
function addBrowseFilters(type){
if(! /^\/search/.test(location.pathname)){
return
};
let sorts = document.querySelector(".hohAlready");
if(!sorts){
sorts = document.querySelector(".sort-wrap.sort-select");
if(!sorts){
setTimeout(function(){addBrowseFilters(type)},200);
return
};
sorts.classList.add("hohAlready")
};
let applySorts = function(){
if(! /^\/search/.test(location.pathname)){
return
};
let dropdown = sorts.querySelector(".dropdown");
if(!dropdown){
setTimeout(applySorts,200);
return
}
let alreadyAdded = document.querySelectorAll(".hohSorts");
alreadyAdded.forEach(aready => aready.remove());
let URLredirect = function(property,value){
let url = new URLSearchParams(location.search);
url.set(property,value);
if(location.pathname.match(/\/top-manhwa$/)){
url.set("country of origin","KR")
}
window.location.href = location.protocol
+ "//"
+ location.host
+ location.pathname.replace(
/\/(popular|top-100|next-season|this-season|trending|top-manhwa)$/,
""
)
+ "?" + url.toString()
};
if(type === "anime"){
let episodeSort = create("div",["option","hohSorts"],"Episodes ↓",dropdown);
let episodeSortb = create("div",["option","hohSorts"],"Episodes ↑",dropdown);
episodeSort.onclick = function(){
URLredirect("sort","EPISODES_DESC")
};
episodeSortb.onclick = function(){
URLredirect("sort","EPISODES")
}
}
else if(type === "manga"){
let chapterSort = create("div",["option","hohSorts"],"Chapters ↓",dropdown);
let chapterSortb = create("div",["option","hohSorts"],"Chapters ↑",dropdown);
let volumeSort = create("div",["option","hohSorts"],"Volumes ↓",dropdown);
let volumeSortb = create("div",["option","hohSorts"],"Volumes ↑",dropdown);
chapterSort.onclick = function(){
URLredirect("sort","CHAPTERS_DESC")
};
chapterSortb.onclick = function(){
URLredirect("sort","CHAPTERS")
};
volumeSort.onclick = function(){
URLredirect("sort","VOLUMES_DESC")
};
volumeSortb.onclick = function(){
URLredirect("sort","VOLUMES")
}
}
}
sorts.onclick = applySorts();
}
//end modules/addBrowseFilters.js
//begin modules/addComparisionPage.js
//TODO: many of the separate arrays here should really be a single array of objects instead
function addComparisionPage(){
let URLstuff = document.URL.match(/^https:\/\/anilist\.co\/user\/(.*)\/(anime|manga)list\/compare/);
if(!URLstuff){
return
};
let userA = decodeURIComponent(URLstuff[1]);
let type = URLstuff[2];
let compareLocation = document.querySelector(".compare");
let nativeCompareExists = true;
if(!compareLocation){
nativeCompareExists = false;
compareLocation = document.querySelector(".medialist");
if(!compareLocation){
setTimeout(addComparisionPage,200);
return
}
};
if(document.querySelector(".hohCompare")){
return
};
compareLocation.style.display = "none";
let compareArea = create("div","hohCompare",false,compareLocation.parentNode);
if(nativeCompareExists){
let switchButton = create("span","hohCompareUIfragment","Show default compare",compareLocation.parentNode,"position:absolute;top:0px;right:0px;cursor:pointer;z-index:100;");
switchButton.onclick = function(){
if(switchButton.innerText === "Show default compare"){
switchButton.innerText ="Show hoh compare";
compareLocation.style.display = "";
compareArea.style.display = "none";
switchButton.style.top = "-30px"
}
else{
switchButton.innerText ="Show default compare";
compareLocation.style.display = "none";
compareArea.style.display = "";
switchButton.style.top = "0px"
}
};
compareLocation.parentNode.style.position = "relative"
};
let formatFilterLabel = create("span",false,"Filter:",compareArea);
formatFilterLabel.style.padding = "5px";
let formatFilter = create("select","hohNativeInput",false,compareArea);
let addOption = function(value,text){
let newOption = create("option",false,text,formatFilter);
newOption.value = value
};
addOption("all","All");
if(type === "anime"){
addOption("TV","TV");
addOption("MOVIE","Movie");
addOption("TV_SHORT","TV Short");
addOption("OVA","OVA");
addOption("ONA","ONA");
addOption("SPECIAL","Special");
addOption("MUSIC","Music");
}
else if(type === "manga"){
addOption("MANGA","Manga");
addOption("NOVEL","Novel");
addOption("ONE_SHOT","One Shot");
};
let ratingFilterLabel = create("span",false,"Min. ratings:",compareArea);
ratingFilterLabel.style.padding = "5px";
let ratingFilter = create("input","hohNativeInput",false,compareArea,"width:45px;color:rgb(var(--color-text))");
ratingFilter.type = "number";
ratingFilter.value = 1;
ratingFilter.min = 0;
let systemFilterLabel = create("span",false,"Individual rating systems:",compareArea,"padding:5px;");
let systemFilter = createCheckbox(compareArea);
systemFilter.checked = useScripts.comparisionSystemFilter;
let normalFilterLabel = create("span",false,"Normalize ratings:",compareArea,"padding:5px;");
let normalFilter = createCheckbox(compareArea);
normalFilter.checked = false;
let colourLabel = create("span",false,"Colour entire cell:",compareArea,"padding:5px;");
let colourFilter = createCheckbox(compareArea);
colourFilter.checked = useScripts.comparisionColourFilter;
let tableContainer = create("table",false,false,compareArea);
let table = create("tbody",false,false,tableContainer);
let digestSelect = {value:"average"};//placeholder
let shows = [];//the stuff we are displaying in the table
let users = [];
let listCache = {};//storing raw anime data
let ratingMode = "average";let guser = 0;let inverse = false;
let csvButton = create("button",["csvExport","button","hohButton","hohCompareUIfragment"],"CSV data",compareLocation.parentNode,"margin-top:10px;");
let jsonButton = create("button",["jsonExport","button","hohButton","hohCompareUIfragment"],"JSON data",compareLocation.parentNode,"margin-top:10px;");
csvButton.onclick = function(){
let csvContent = "Title," + digestSelect.selectedOptions[0].text + "," + users.map(user => user.name).join(",") + "\n";
shows.forEach(function(show){
let display = users.every(function(user,index){
if(user.demand === 1 && show.score[index] === 0){
return false
}
else if(user.demand === -1 && show.score[index] !== 0){
return false
};
return (!user.status || show.status[index] === user.status);
});
if(formatFilter.value !== "all"){
if(formatFilter.value !== show.format){
display = false
}
};
if(show.numberWatched < ratingFilter.value){
display = false;
};
if(!display){
return
};
csvContent += csvEscape(show.title) + "," + show.digest + "," + show.score.join(",") + "\n"
});
let filename = capitalize(type) + " table";
if(users.length === 1){
filename += " for " + users[0].name
}
else if(users.length === 2){
filename += " for " + users[0].name + " and " + users[1].name
}
else if(users.length > 2){
filename += " for " + users[0].name + ", " + users[1].name + " and others"
}
filename += ".csv";
saveAs(csvContent,filename,true)
};
jsonButton.onclick = function(){
let jsonData = {
users: users,
formatFilter: formatFilter.value,
digestValue: digestSelect.value,
type: capitalize(type),
version: "1.00",
scriptInfo: scriptInfo,
url: document.URL,
timeStamp: NOW(),
media: shows
}
let filename = capitalize(type) + " table";
if(users.length === 1){
filename += " for " + users[0].name
}
else if(users.length === 2){
filename += " for " + users[0].name + " and " + users[1].name
}
else if(users.length > 2){
filename += " for " + users[0].name + ", " + users[1].name + " and others"
}
filename += ".json";
saveAs(jsonData,filename)
}
let sortShows = function(){
let averageCalc = function(scoreArray,weight){//can maybe be delegated to the stats object? look into later
let sum = 0;
let dividents = 0;
scoreArray.forEach(function(score){
if(score){
sum += score;
dividents++
}
});
return {
average: ((dividents + (weight || 0)) ? (sum/(dividents + (weight || 0))) : 0),
dividents: dividents
}
};
let scoreField = (normalFilter.checked ? "scoreNormal" : "score");
let sortingModes = {
"average": function(show){
show.digest = averageCalc(show[scoreField]).average
},
"average0": function(show){
show.digest = averageCalc(show[scoreField],1).average
},
"standardDeviation": function(show){
let average = averageCalc(show[scoreField]);
let variance = 0;
show.digest = 0;
if(average.dividents){
show[scoreField].forEach(score => {
if(score !== null){
variance += Math.pow(score - average.average,2)
}
});
variance = variance/average.dividents;
show.digest = Math.sqrt(variance)
}
},
"absoluteDeviation": function(show){
let average = averageCalc(show[scoreField]);
let variance = 0;
show.digest = 0;
if(average.dividents){
show[scoreField].forEach(score => {
if(score !== null){
variance += Math.abs(score - average.average)
}
});
variance = variance/average.dividents;
show.digest = Math.sqrt(variance)
}
},
"max": function(show){
show.digest = Math.max(...show[scoreField])
},
"min": function(show){
show.digest = Math.min(...show[scoreField].filter(score => score !== null)) || 0
},
"difference": function(show){
let mini = Math.min(...show[scoreField].filter(score => score !== null)) || 0;
let maks = Math.max(...show[scoreField]);
show.digest = maks - mini
},
"ratings": function(show){
show.digest = show[scoreField].filter(score => score !== null).length
},
"planned": function(show){
show.digest = show.status.filter(value => value === "PLANNING").length
},
"current": function(show){
show.digest = show.status.filter(value => (value === "CURRENT" || value === "REPEATING")).length
},
"favourites": function(show){
show.digest = show.favourite.filter(TRUTHY).length
},
"median": function(show){
let newScores = show[scoreField].filter(score => score !== null);
if(newScores.length === 0){
show.digest = 0
}
else{
show.digest = Stats.median(newScores)
}
},
"popularity": function(show){
show.digest = show.popularity
},
"averageScore": function(show){
show.digest = show.averageScore
},
"averageScoreDiff": function(show){
if(!show.averageScore){
show.digest = 0;
return
};
show.digest = averageCalc(show[scoreField]).average - show.averageScore
}
};
if(ratingMode === "user"){
shows.sort(
(a,b) => b.score[guser] - a.score[guser]
)
}
else if(ratingMode === "userInverse"){
shows.sort(
(b,a) => b.score[guser] - a.score[guser]
)
}
else if(ratingMode === "title"){
shows.sort(ALPHABETICAL(a => a.title))
}
else if(ratingMode === "titleInverse"){
shows = shows.sort(ALPHABETICAL(a => a.title)).reverse()
}
else{
shows.forEach(sortingModes[ratingMode]);
if(inverse){
shows.sort((b,a) => b.digest - a.digest)
}
else{
shows.sort((a,b) => b.digest - a.digest)
}
}
};
let drawTable = function(){
while(table.childElementCount > 2){
table.lastChild.remove()
};
let columnAmounts = [];
users.forEach(function(element){
columnAmounts.push({sum:0,amount:0})
})
shows.forEach(function(show){
let display = users.every(function(user,index){
if(user.demand === 1 && show.score[index] === 0){
return false
}
else if(user.demand === -1 && show.score[index] !== 0){
return false
};
return (!user.status || show.status[index] === user.status);
});
if(formatFilter.value !== "all"){
if(formatFilter.value !== show.format){
display = false
}
};
if(show.numberWatched < ratingFilter.value){
display = false
};
if(!display){
return
};
let row = create("tr","hohAnimeTable");
row.onclick = function(){
if(this.style.background === "rgb(var(--color-blue),0.5)"){
this.style.background = "unset"
}
else{
this.style.background = "rgb(var(--color-blue),0.5)"
}
}
let showID = create("td",false,false,false,"max-width:250px;");
create("a","newTab",show.title,showID)
.href = "/" + type + "/" + show.id + "/" + safeURL(show.title);
let showAverage = create("td");
if(show.digest){
let fractional = show.digest % 1;
showAverage.innerText = show.digest.roundPlaces(3);
[
{s:"½",v:1/2},
{s:"⅓",v:1/3},
{s:"¼",v:1/4},
{s:"¾",v:3/4},
{s:"⅔",v:2/3},
{s:"⅙",v:1/6},
{s:"⅚",v:5/6},
{s:"⅐",v:1/7}
].find(symbol => {
if(Math.abs(fractional - symbol.v) < 0.0001){
showAverage.innerText = Math.floor(show.digest) + " " + symbol.s;
return true
}
return false
})
};
row.appendChild(showID);
row.appendChild(showAverage);
for(var i=0;i<show.score.length;i++){
let showUserScore = create("td",false,false,row);
if(show.score[i]){
if(systemFilter.checked){
showUserScore.appendChild(scoreFormatter(
show.scorePersonal[i],
users[i].system
))
}
else if(normalFilter.checked){
showUserScore.innerText = show.scoreNormal[i].roundPlaces(3)
}
else{
showUserScore.innerText = show.score[i]
};
columnAmounts[i].sum += show.score[i];
columnAmounts[i].amount++
}
else{
if(show.status[i] === "NOT"){
showUserScore.innerText = " "
}
else{
showUserScore.innerText = "–"//n-dash
}
};
if(show.status[i] !== "NOT"){
if(colourFilter.checked){
showUserScore.style.backgroundImage = "linear-gradient(to right,rgb(0,0,0,0)," + distributionColours[show.status[i]] + ")";
}
else{
let statusDot = create("div","hohStatusDot",false,showUserScore);
statusDot.style.background = distributionColours[show.status[i]];
statusDot.title = show.status[i].toLowerCase();
}
};
if(show.progress[i]){
create("span","hohStatusProgress",show.progress[i],showUserScore)
};
if(show.favourite[i]){
let favStar = create("span",false,false,showUserScore,"color:gold;font-size:1rem;vertical-align:middle;padding-bottom:2px;");
favStar.appendChild(svgAssets2.star.cloneNode(true))
}
};
table.appendChild(row);
});
if(columnAmounts.some(amount => amount.amount > 0)){
let lastRow = create("tr",false,false,table);
create("td",false,"Average",lastRow,"border-left-width: 1px;padding-left: 15px;font-weight: bold;");
create("td",false,false,lastRow);
columnAmounts.forEach(amount => {
let averageCel = create("td",false,"–",lastRow);
if(amount.amount){
averageCel.innerText = (amount.sum/amount.amount).roundPlaces(2)
}
})
}
};
let changeUserURL = function(){
const baseState = location.protocol + "//" + location.host + location.pathname;
let params = "";
if(users.length){
params += "&users=" + users.map(user => user.name + (user.demand ? (user.demand === -1 ? "-" : "*") : "")).join(",")
}
if(formatFilter.value !== "all"){
params += "&filter=" + encodeURIComponent(formatFilter.value)
};
if(ratingFilter.value !== 1){
params += "&minRatings=" + encodeURIComponent(ratingFilter.value)
};
if(systemFilter.checked){
params += "&ratingSystems=true"
};
if(normalFilter.checked){
params += "&normalizeRatings=true"
};
if(colourFilter.checked){;
params += "&fullColour=true"
};
if(ratingMode !== "average"){;
params += "&sort=" + ratingMode
};
if(params.length){
params = "?" + params.substring(1)
}
current = baseState + params;
history.replaceState({},"",baseState + params)
};
let drawUsers = function(){
removeChildren(table)
let userRow = create("tr");
let resetCel = create("td",false,false,userRow);
let resetButton = create("button",["hohButton","button"],"Reset",resetCel,"margin-top:0px;");
resetButton.onclick = function(){
users = [];
shows = [];
drawUsers();
changeUserURL()
};
let digestCel = create("td");
digestSelect = create("select");
let addOption = (value,text,title) => {
let option = create("option",false,text,digestSelect);
option.value = value;
if(title){
option.title = title
}
};
addOption("average","Average");
addOption("median","Median");
addOption("average0","Average~0","Zero-weighted average. Good for sorting by 'best'");
addOption("min","Minimum");
addOption("max","Maximum");
addOption("difference","Difference","Highest rating minus lowest rating");
addOption("standardDeviation","Std. Deviation");
addOption("absoluteDeviation","Abs. Deviation");
addOption("ratings","#Ratings","Sort by number of users in table who have given a rating");
addOption("planned","#Planning","Sort by number of users in table who have this as planning");
addOption("current","#Current","Sort by number of users in table who have this as current");
addOption("favourites","#Favourites","Sort by number of users in table who have this as a favourite");
addOption("popularity","$Popularity","Sort by site-wide popularity");
addOption("averageScore","$Score","Sort by site-wide score");
addOption("averageScoreDiff","$Score diff.","Sort by difference between site-wide score and average score of the users in the table");
if(["title","titleInverse","user","userInverse"].includes(ratingMode)){
digestSelect.value = ratingMode;
};
digestSelect.oninput = function(){
ratingMode = digestSelect.value;
sortShows();
drawTable();
changeUserURL()
};
digestCel.appendChild(digestSelect);
userRow.appendChild(digestCel);
users.forEach(function(user,index){
let userCel = create("td",false,false,userRow);
let avatar = create("img",false,false,userCel);
avatar.src = listCache[user.name].data.MediaListCollection.user.avatar.medium;
let name = create("span",false,user.name,userCel);
name.style.padding = "8px";
let remove = create("span","hohAnimeTableRemove","✕",userCel);
remove.onclick = function(){
deleteUser(index)
}
});
let addCel = create("td");
let addInput = create("input","hohNativeInput",false,addCel);
let addButton = create("button",["button","hohButton"],"Add",addCel,"margin-top:0px;");
addButton.style.cursor = "pointer";
addButton.onclick = function(){
if(addInput.value !== ""){
addUser(addInput.value);
addButton.innerText = "...";
addButton.disabled = true;
addInput.readOnly = true
}
};
userRow.appendChild(addCel);
let headerRow = create("tr");
let typeCel = create("th");
let downArrowa = create("span","hohArrowSort","▼",typeCel);
downArrowa.onclick = function(){
ratingMode = "title";
sortShows();
drawTable()
};
let typeCelLabel = create("span",false,capitalize(type),typeCel);
let upArrowa = create("span","hohArrowSort","▲",typeCel);
upArrowa.onclick = function(){
ratingMode = "titleInverse";
sortShows();
drawTable()
};
headerRow.appendChild(typeCel);
let digestSortCel = create("td");
digestSortCel.style.textAlign = "center";
let downArrow = create("span","hohArrowSort","▼",digestSortCel);
downArrow.onclick = function(){
ratingMode = digestSelect.value;
inverse = false;
sortShows(digestSelect.value);
drawTable()
};
let upArrow = create("span","hohArrowSort","▲",digestSortCel);
upArrow.onclick = function(){
ratingMode = digestSelect.value;
inverse = true;
sortShows();
drawTable()
};
headerRow.appendChild(digestSortCel);
users.forEach(function(user,index){
let userCel = create("td");
userCel.style.textAlign = "center";
userCel.style.position = "relative";
let filter = create("span");
if(user.demand === 0){
filter.innerText = "☵"
}
else if(user.demand === 1){
filter.innerText = "✓";
filter.style.color = "green"
}
else{
filter.innerText = "✕";
filter.style.color = "red"
};
filter.classList.add("hohFilterSort");
filter.onclick = function(){
if(filter.innerText === "☵"){
filter.innerText = "✓";
filter.style.color = "green";
user.demand = 1
}
else if(filter.innerText === "✓"){
filter.innerText = "✕";
filter.style.color = "red";
user.demand = -1
}
else{
filter.innerText = "☵";
filter.style.color = "";
user.demand = 0
};
drawTable();
changeUserURL()
};
let downArrow = create("span","hohArrowSort","▼");
downArrow.onclick = function(){
ratingMode = "user";
guser = index;
sortShows();
drawTable();
};
let upArrow = create("span","hohArrowSort","▲");
upArrow.onclick = function(){
ratingMode = "userInverse";
guser = index;
sortShows();
drawTable();
};
let statusFilterDot = create("div","hohStatusDot");
if(user.status === false){
statusFilterDot.title = "any list status\nclick to toggle"
}
const stati = ["COMPLETED","CURRENT","PLANNING","PAUSED","DROPPED","REPEATING","NOT"];
statusFilterDot.onclick = function(){
if(user.status === "NOT"){
user.status = false;
statusFilterDot.style.background = "rgb(var(--color-background))";
statusFilterDot.title = "any list status\nclick to toggle"
}
else if(user.status === "REPEATING"){
user.status = "NOT";
statusFilterDot.style.background = `center / contain no-repeat url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="96" height="96" viewBox="0 0 10 10"><line stroke="red" x1="0" y1="0" x2="10" y2="10"/><line x1="0" y1="10" x2="10" y2="0" stroke="red"/></svg>')`;
statusFilterDot.title = "no status";
}
else if(user.status === false){
user.status = "COMPLETED";
statusFilterDot.style.background = distributionColours["COMPLETED"];
statusFilterDot.title = "completed"
}
else{
user.status = stati[stati.indexOf(user.status) + 1];
statusFilterDot.style.background = distributionColours[user.status];
statusFilterDot.title = user.status.toLowerCase();
};
drawTable();
};
userCel.appendChild(downArrow);
userCel.appendChild(filter);
userCel.appendChild(upArrow);
userCel.appendChild(statusFilterDot);
headerRow.appendChild(userCel);
});
userRow.classList.add("hohUserRow");
headerRow.classList.add("hohHeaderRow");
table.appendChild(userRow);
table.appendChild(headerRow)
};
let addUser = function(userName,paramDemand){
let handleData = function(data,cached){
users.push({
name: userName,
demand: (paramDemand ? (paramDemand === "-" ? -1 : 1) : 0),
system: data.data.MediaListCollection.user.mediaListOptions.scoreFormat,
status: false
});
let list = returnList(data,true);
if(!cached){
let averageSum = 0;
let averageCount = 0;
list.forEach(alia => {
alia.media.id = alia.mediaId;
alia.media.title = titlePicker(alia.media);
alia.scoreRaw = convertScore(alia.score,data.data.MediaListCollection.user.mediaListOptions.scoreFormat);
if(alia.scoreRaw){
averageSum += alia.scoreRaw;
averageCount++
}
});
averageSum = averageSum/averageCount;
let varianceSum = 0;
list.forEach(alia => {
if(alia.scoreRaw){
varianceSum += Math.pow(alia.scoreRaw - averageSum,2)
}
})
let std = Math.sqrt(varianceSum/averageCount);
list.forEach(alia => {
if(alia.scoreRaw){
alia.scoreNormal = (alia.scoreRaw - averageSum)/std
}
})
};
shows.sort(function(a,b){return a.id - b.id});
let listPointer = 0;
let userIndeks = 0;
if(shows.length){
userIndeks = shows[0].score.length
};
let favs = data.data.MediaListCollection.user.favourites.fav.nodes.concat(
data.data.MediaListCollection.user.favourites.fav2.nodes
).concat(
data.data.MediaListCollection.user.favourites.fav3.nodes
).map(media => media.id);
let createEntry = function(mediaEntry){
let entry = {
id: mediaEntry.mediaId,
average: mediaEntry.scoreRaw,
title: mediaEntry.media.title,
format: mediaEntry.media.format,
score: Array(userIndeks).fill(null),
scorePersonal: Array(userIndeks).fill(null),
scoreNormal: Array(userIndeks).fill(null),
status: Array(userIndeks).fill("NOT"),
progress: Array(userIndeks).fill(false),
numberWatched: mediaEntry.scoreRaw ? 1 : 0,
favourite: Array(userIndeks).fill(false),
averageScore: mediaEntry.media.averageScore,
popularity: mediaEntry.media.popularity
};
entry.score.push(mediaEntry.scoreRaw);
entry.scorePersonal.push(mediaEntry.score);
entry.scoreNormal.push(mediaEntry.scoreNormal);
entry.status.push(mediaEntry.status);
if(mediaEntry.status !== "PLANNING" && mediaEntry.status !== "COMPLETED"){
entry.progress.push(mediaEntry.progress + "/" + (mediaEntry.media.chapters || mediaEntry.media.episodes || ""))
}
else{
entry.progress.push(false)
}
entry.favourite.push(favs.includes(entry.id));
return entry
};
shows.forEach(show => {
show.score.push(null);
show.scorePersonal.push(null);
show.scoreNormal.push(null);
show.status.push("NOT");
show.progress.push(false);
show.favourite.push(false)
});
for(var i=0;i<shows.length && listPointer < list.length;i++){
if(shows[i].id < list[listPointer].mediaId){
continue
}
else if(shows[i].id === list[listPointer].mediaId){
shows[i].score[userIndeks] = list[listPointer].scoreRaw;
shows[i].scorePersonal[userIndeks] = list[listPointer].score;
shows[i].scoreNormal[userIndeks] = list[listPointer].scoreNormal;
shows[i].status[userIndeks] = list[listPointer].status;
if(list[listPointer].scoreRaw){
shows[i].numberWatched++
};
if(list[listPointer].status !== "PLANNING" && list[listPointer].status !== "COMPLETED"){
shows[i].progress[userIndeks] =
list[listPointer].progress
+ "/"
+ (
list[listPointer].media.chapters
|| list[listPointer].media.episodes
|| ""
)
}
else{
shows[i].progress[userIndeks] = false
};
shows[i].favourite[userIndeks] = favs.includes(shows[i].id);
listPointer++
}
else{
shows.splice(i,0,createEntry(list[listPointer]));
listPointer++
}
};
for(;listPointer < list.length;listPointer++){
shows.push(createEntry(list[listPointer]))
};
sortShows();
drawUsers();
drawTable();
changeUserURL()
};
if(listCache.hasOwnProperty(userName)){
handleData(listCache[userName],true)
}
else{
generalAPIcall(
`query($name: String, $listType: MediaType){
MediaListCollection(userName: $name, type: $listType){
lists{
entries{
... mediaListEntry
}
}
user{
id
name
avatar{medium}
mediaListOptions{scoreFormat}
favourites{
fav:${type.toLowerCase()}(page:1){
nodes{
id
}
}
fav2:${type.toLowerCase()}(page:2){
nodes{
id
}
}
fav3:${type.toLowerCase()}(page:3){
nodes{
id
}
}
}
}
}
}
fragment mediaListEntry on MediaList{
mediaId
status
progress
score
media{
episodes
chapters
format
title{romaji native english}
averageScore
popularity
}
}`,
{name:userName,listType:type.toUpperCase()},
function(data){
listCache[userName] = data;
handleData(data,false)
}
);
};
};
let deleteUser = function(index){
users.splice(index,1);
shows.forEach(function(show){
show.score.splice(index,1);
show.scorePersonal.splice(index,1);
show.status.splice(index,1);
show.progress.splice(index,1);
show.favourite.splice(index,1)
});
shows = shows.filter(function(show){
return !show.status.every(status => status === "NOT")
});
if(guser === index){
guser = false
}
else if(guser > index){
guser--
};
sortShows();
drawUsers();
drawTable();
changeUserURL()
};
formatFilter.oninput = function(){drawTable();changeUserURL()};
ratingFilter.oninput = function(){drawTable();changeUserURL()};
systemFilter.onclick = function(){
useScripts.comparisionSystemFilter = systemFilter.checked;
useScripts.save();
if(systemFilter.checked){
normalFilter.checked = false;
sortShows()
}
drawTable();changeUserURL()
};
normalFilter.onclick = function(){
if(normalFilter.checked){
systemFilter.checked = false;
useScripts.comparisionSystemFilter = false;
useScripts.save();
}
sortShows();drawTable();changeUserURL()
}
colourFilter.onclick = function(){
useScripts.comparisionColourFilter = colourFilter.checked;
useScripts.save();
drawTable();changeUserURL()
};
let searchParams = new URLSearchParams(location.search);
let paramFormat = searchParams.get("filter");
if(paramFormat){
formatFilter.value = paramFormat
};
let paramRating = searchParams.get("minRatings");
if(paramRating){
ratingFilter.value = paramRating
};
let paramSystem = searchParams.get("ratingSystems");
if(paramSystem){
systemFilter.checked = (paramSystem === "true")
};
let normalSystem = searchParams.get("normalizeRatings");
if(normalSystem){
normalFilter.checked = (normalSystem === "true")
};
let paramColour = searchParams.get("fullColour");
if(paramColour){
colourFilter.checked = (paramColour === "true")
};
let paramSort = searchParams.get("sort");
if(paramSort){
ratingMode = paramSort
};
let paramUsers = searchParams.get("users");
if(paramUsers){
paramUsers.split(",").forEach(user => {
let paramDemand = user.match(/(\*|\-)$/);
if(paramDemand){
paramDemand = paramDemand[0]
}
user = user.replace(/(\*|\-)$/,"");
if(user === "~"){
addUser(whoAmI,paramDemand)
}
else{
addUser(user,paramDemand)
}
})
}
else{
addUser(whoAmI);
addUser(userA)
}
}
//end modules/addComparisionPage.js
//begin modules/addCompletedScores.js
function addCompletedScores(){
//also for dropped, if in the settings
if(! /^\/(home|user|activity)\/?([\w\-]+)?\/?$/.test(location.pathname)){
return
}
setTimeout(addCompletedScores,1000);
let bigQuery = [];
let statusCollection = document.querySelectorAll(".status");
statusCollection.forEach(function(status){
if(
(useScripts.completedScore && /^completed/i.test(status.innerText))
|| (useScripts.droppedScore && /^dropped/i.test(status.innerText))
|| /^\/activity/.test(location.pathname)
){
if(!status.hasOwnProperty("hohScoreMatched")){
status.hohScoreMatched = true;
let scoreInfo = create("span","hohFeedScore",false,status);
const mediaId = /\/(\d+)\//.exec(status.children[0].href);
if(!mediaId || !mediaId.length){
return
};
scoreInfo.style.display = "none";
let callback = function(data){
if(!data){
return
};
data = data.data.MediaList;
let scoreSuffix = scoreFormatter(
data.score,
data.user.mediaListOptions.scoreFormat
);
let noteContent = parseListJSON(data.notes);
let noteSuffix = "";
if(noteContent){
if(noteContent.hasOwnProperty("message")){
noteSuffix += " " + noteContent.message
}
};
let rewatchSuffix = "";
if(data.repeat > 0){
if(data.media.type === "ANIME"){
rewatchSuffix = " [rewatch"
}
else{
rewatchSuffix = " [reread"
}
if(data.repeat === 1){
rewatchSuffix += "]"
}
else{
rewatchSuffix += " " + data.repeat + "]"
}
};
if(data.score){
//innerHTML because: contains an inline svg in the case of the "star" rating system
//depends on the parameters score and scoreFormat, which are defined as a float and an enum in the Anilist API docs
if(/^completed/i.test(status.innerText)){
scoreInfo.appendChild(scoreSuffix);
create("span","hohNoteSuffix",noteSuffix,scoreInfo);
create("span","hohRewatchSuffix",rewatchSuffix,scoreInfo)
}
else{
scoreInfo.appendChild(scoreSuffix);
create("span","hohNoteSuffix",noteSuffix,scoreInfo)
};
scoreInfo.style.display = "inline"
}
};
const variables = {
userName: status.parentNode.children[0].innerText.trim(),
mediaId: +mediaId[1]
};
const query = `
query($userName: String,$mediaId: Int){
MediaList(
userName: $userName,
mediaId: $mediaId
){
score
mediaId
notes
repeat
media{type}
user{
name
mediaListOptions{scoreFormat}
}
}
}`;
//generalAPIcall(query,variables,callback,"hohCompletedScores" + variables.mediaId + variables.userName,60*1000)
bigQuery.push({
query: query,
variables: variables,
callback: callback,
cacheKey: "hohCompletedScores" + variables.mediaId + variables.userName,
duration: 60*1000
})
}
}
else if(status.children.length === 2 && !status.classList.contains("form")){
status.children[1].remove()
}
});
queryPacker(bigQuery)
};
//end modules/addCompletedScores.js
//begin modules/addCustomCSS.js
function addCustomCSS(){
if(useScripts.SFWmode){
return
};
let URLstuff = location.pathname.match(/^\/user\/([^/]*)\/?/);
if(!customStyle.textContent || (decodeURIComponent(URLstuff[1]) !== currentUserCSS)){
const query = `
query($userName: String) {
User(name: $userName){
about
}
}`;
let variables = {
userName: decodeURIComponent(URLstuff[1])
}
generalAPIcall(query,variables,data => {
customStyle.textContent = "";
let external = document.getElementById("customExternalCSS");
if(external){
external.remove()
}
if(!data){
return
};
if(!(/anilist\.co\/user\//.test(document.URL))){
return
}
let jsonMatch = (data.data.User.about || "").match(/^\[\]\(json([A-Za-z0-9+/=]+)\)/);
if(!jsonMatch){
return
};
try{
let jsonData;
try{
jsonData = JSON.parse(atob(jsonMatch[1]))
}
catch(e){
jsonData = JSON.parse(LZString.decompressFromBase64(jsonMatch[1]))
}
if(jsonData.customCSS){
if(jsonData.customCSS.match(/^https.*\.css$/)){
let styleRef = document.createElement("link");
styleRef.id = "customExternalCSS";
styleRef.rel = "stylesheet";
styleRef.type = "text/css";
styleRef.href = jsonData.customCSS;
document.getElementsByTagName("head")[0].appendChild(styleRef)
}
else{
customStyle.textContent = jsonData.customCSS
}
currentUserCSS = decodeURIComponent(URLstuff[1])
}
}
catch(e){
console.warn("Invalid profile JSON for " + variables.userName + ". Aborting.");
console.log(atob(jsonMatch[1]));
}
},"hohProfileBackground" + variables.userName,25*1000);
}
}
//end modules/addCustomCSS.js
//begin modules/addDblclickZoom.js
function addDblclickZoom(){
if(!location.pathname.match(/^\/home\/?$/)){
return
};
let activityFeedWrap = document.querySelector(".activity-feed-wrap");
if(!activityFeedWrap){
setTimeout(addDblclickZoom,200);
return;
};
activityFeedWrap.addEventListener("dblclick",function(e){
e = e || window.event;
let target = e.target || e.srcElement;
while(target.classList){
if(target.classList.contains("activity-entry")){
target.classList.toggle("hohZoom");
break;
};
target = target.parentNode;
}
},false);
}
//end modules/addDblclickZoom.js
//begin modules/addEntryScore.js
function addEntryScore(id,tries){
if(!location.pathname.match(/^\/(anime|manga)/)){
return
};
let existing = document.getElementById("hohEntryScore");
if(existing){
if(existing.dataset.mediaId === id && !tries){
return
}
else{
existing.remove()
}
};
let possibleLocation = document.querySelector(".actions .list .add");
if(possibleLocation){
let miniHolder = create("div","#hohEntryScore",false,possibleLocation.parentNode.parentNode,"position:relative;");
miniHolder.dataset.mediaId = id;
let type = possibleLocation.innerText;
if(["Reading","Completed","Watching","Paused","Repeating","Dropped"].includes(type)){
let updateSubInfo = function(override){
generalAPIcall(
"query($id:Int,$name:String){MediaList(mediaId:$id,userName:$name){score progress}}",
{id: id,name: whoAmI},
function(data){
removeChildren(miniHolder);
let MediaList = data.data.MediaList;
let scoreSpanContainer = create("div","hohMediaScore",false,miniHolder);
let scoreSpan = create("span",false,false,scoreSpanContainer);
let minScore = 1;
let maxScore = 100;
let stepSize = 1;
if(["POINT_10","POINT_10_DECIMAL"].includes(userObject.mediaListOptions.scoreFormat)){
maxScore = 10
}
if(userObject.mediaListOptions.scoreFormat === "POINT_10_DECIMAL"){
stepSize = 0.1
}
if(userObject.mediaListOptions.scoreFormat === "POINT_5"){
maxScore = 5
}
if(MediaList.score){
scoreSpan.appendChild(scoreFormatter(MediaList.score,userObject.mediaListOptions.scoreFormat));
if(useScripts.accessToken && ["POINT_100","POINT_10","POINT_10_DECIMAL","POINT_5"].includes(userObject.mediaListOptions.scoreFormat)){
let updateScore = function(isUp){
let score = MediaList.score;
if(isUp){
MediaList.score += stepSize
}
else{
MediaList.score -= stepSize
}
if(MediaList.score >= minScore && MediaList.score <= maxScore){
scoreSpan.lastChild.remove();
scoreSpan.appendChild(scoreFormatter(MediaList.score,userObject.mediaListOptions.scoreFormat));
authAPIcall(
`mutation($id:Int,$score:Float){
SaveMediaListEntry(mediaId:$id,score:$score){
score
}
}`,
{id: id,score: MediaList.score},
data => {}
);
let blockingCache = JSON.parse(sessionStorage.getItem("hohEntryScore" + id + whoAmI));
blockingCache.data.data.MediaList.score = MediaList.score.roundPlaces(1);
blockingCache.time = NOW();
sessionStorage.setItem("hohEntryScore" + id + whoAmI,JSON.stringify(blockingCache));
}
else if(MediaList.score < minScore){
MediaList.score = minScore
}
else if(MediaList.score > maxScore){
MediaList.score = maxScore
}
};
let changeMinus = create("span","hohChangeScore","-",false,"padding:2px;position:absolute;left:-1px;top:-2.5px;");
scoreSpanContainer.insertBefore(changeMinus,scoreSpanContainer.firstChild);
let changePluss = create("span","hohChangeScore","+",scoreSpanContainer,"padding:2px;");
changeMinus.onclick = function(){updateScore(false)};
changePluss.onclick = function(){updateScore(true)};
}
};
if(type !== "Completed"){
let progressPlace = create("span","hohMediaScore",false,miniHolder,"right:0px;");
let progressVal = create("span",false,MediaList.progress,progressPlace);
if(useScripts.accessToken){
let changePluss = create("span","hohChangeScore","+",progressPlace,"padding:2px;position:absolute;top:-2.5px;");
changePluss.onclick = function(){
MediaList.progress++;
authAPIcall(
`mutation($id:Int,$progress:Int){
SaveMediaListEntry(mediaId:$id,progress:$progress){
progress
}
}`,
{id: id,progress: MediaList.progress},
data => {}
);
progressVal.innerText = MediaList.progress
}
}
}
},
"hohEntryScore" + id + whoAmI,30*1000,undefined,override
)
};
updateSubInfo();
let editorOpen = false;
//try to detect if the user has recently edited the media. If so, update the info to match
let editorChecker = function(){
if(document.querySelector(".list-editor-wrap")){
editorOpen = true
}
else if(editorOpen){
editorOpen = false;
updateSubInfo(true)
}
setTimeout(function(){
if(!location.pathname.match(/^\/(anime|manga)/)){
return
}
editorChecker()
},1000)
};
editorChecker()
}
else if(type === "Add to List" && (tries || 0) < 10){
setTimeout(function(){addEntryScore(id,(tries || 0) + 1)},200);
}
}
else{
setTimeout(function(){addEntryScore(id)},200)
}
}
//end modules/addEntryScore.js
//begin modules/addFeedFilters.js
function addFeedFilters(){
if(!location.pathname.match(/^\/home\/?$/)){
return
};
let filterBox = document.querySelector(".hohFeedFilter");
if(filterBox){
return
};
let activityFeedWrap = document.querySelector(".activity-feed-wrap");
if(!activityFeedWrap){
setTimeout(addFeedFilters,100);
return
};
let activityFeed = activityFeedWrap.querySelector(".activity-feed");
if(!activityFeed){
setTimeout(addFeedFilters,100);
return
};
let commentFilterBoxInput;
let commentFilterBoxLabel;
let likeFilterBoxInput;
let likeFilterBoxLabel;
let allFilterBox;
let blockList = localStorage.getItem("blockList");
if(blockList){
blockList = JSON.parse(blockList)
}
else{
blockList = []
};
let postRemover = function(){
if(!location.pathname.match(/^\/home\/?$/)){
return
};
for(var i=0;i<activityFeed.children.length;i++){
if(activityFeed.children[i].querySelector(".el-dialog__wrapper")){
continue
};
let actionLikes = activityFeed.children[i].querySelector(".action.likes .button .count");
if(actionLikes){
actionLikes = parseInt(actionLikes.innerText)
}
else{
actionLikes = 0
};
let actionReplies = activityFeed.children[i].querySelector(".action.replies .count");
if(actionReplies){
actionReplies = parseInt(actionReplies.innerText)
}
else{
actionReplies = 0
};
let blockRequire = true;
if(useScripts.blockWord && activityFeed.children[i].classList.contains("activity-text")){
try{
if(activityFeed.children[i].innerText.match(new RegExp(blockWordValue,"i"))){
blockRequire = false
}
}
catch(err){
if(activityFeed.children[i].innerText.toLowerCase().match(useScripts.blockWordValue.toLowerCase())){
blockRequire = false
}
}
}
if(useScripts.statusBorder){
if(activityFeed.children[i].classList.contains("activity-anime_list") || activityFeed.children[i].classList.contains("activity-manga_list")){
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 => activityFeed.children[i].querySelector(".status").innerText.toLowerCase().includes(key)
)
]
if(status === "CURRENT"){
activityFeed.children[i].style.borderRightWidth = "0px";
activityFeed.children[i].style.marginRight = "0px"
}
else if(status === "COMPLETED"){
activityFeed.children[i].style.borderRightStyle = "solid";
activityFeed.children[i].style.borderRightWidth = "5px";
if(useScripts.CSSgreenManga && activityFeed.children[i].classList.contains("activity-anime_list")){
activityFeed.children[i].style.borderRightColor = "rgb(var(--color-blue))"
}
else{
activityFeed.children[i].style.borderRightColor = "rgb(var(--color-green))"
}
activityFeed.children[i].style.marginRight = "-5px"
}
else{
activityFeed.children[i].style.borderRightStyle = "solid";
activityFeed.children[i].style.borderRightWidth = "5px";
activityFeed.children[i].style.marginRight = "-5px";
activityFeed.children[i].style.borderRightColor = distributionColours[status];
}
}
}
const statusCheck = {
"planning": /^plans/i,
"watching": /^watched/i,
"reading": /^read/i,
"completing": /^completed/i,
"pausing": /^paused/i,
"dropping": /^dropped/i,
"rewatching": /^rewatched/i,
"rereading": /^reread/i
}
if(
(!useScripts.feedCommentFilter || (
actionLikes >= likeFilterBoxInput.value
&& (likeFilterBoxInput.value >= 0 || actionLikes < -likeFilterBoxInput.value)
&& actionReplies >= commentFilterBoxInput.value
&& (commentFilterBoxInput.value >= 0 || actionReplies < -commentFilterBoxInput.value)
))
&& blockRequire
&& blockList.every(
blocker => (
blocker.user
&& activityFeed.children[i].querySelector(".name").textContent.trim().toLowerCase() !== blocker.user.toLowerCase()
)
|| (
blocker.media
&& (
activityFeed.children[i].classList.contains("activity-text")
|| activityFeed.children[i].querySelector(".status .title").href.match(/\/(anime|manga)\/(\d+)/)[2] !== blocker.media
)
)
|| (
blocker.status
&& (
activityFeed.children[i].classList.contains("activity-text")
|| blocker.status == "status"
|| (
blocker.status === "anime"
&& !activityFeed.children[i].classList.contains("activity-anime_list")
)
|| (
blocker.status === "manga"
&& !activityFeed.children[i].classList.contains("activity-manga_list")
)
|| (
statusCheck[blocker.status]
&& !activityFeed.children[i].querySelector(".status").textContent.trim().match(statusCheck[blocker.status])
)
)
)
)
){
if(
useScripts.SFWmode
&& activityFeed.children[i].classList.contains("activity-text")
&& badWords.some(word => activityFeed.children[i].querySelector(".activity-markdown").innerText.match(word))
){
activityFeed.children[i].style.opacity= 0.5
}
else{
activityFeed.children[i].style.display = ""
}
}
else{
activityFeed.children[i].style.display = "none"
}
};
};
if(useScripts.feedCommentFilter){
filterBox = create("div","hohFeedFilter",false,activityFeedWrap);
create("span","hohDescription","At least ",filterBox);
activityFeedWrap.style.position = "relative";
activityFeedWrap.children[0].childNodes[0].nodeValue = "";
commentFilterBoxInput = create("input",false,false,filterBox);
commentFilterBoxInput.type = "number";
commentFilterBoxInput.value = useScripts.feedCommentComments;
commentFilterBoxLabel = create("span",false," comments, ",filterBox);
likeFilterBoxInput = create("input",false,false,filterBox);
likeFilterBoxInput.type = "number";
likeFilterBoxInput.value = useScripts.feedCommentLikes;
likeFilterBoxLabel = create("span",false," likes",filterBox);
allFilterBox = create("button",false,"⟳",filterBox,"padding:0px;");
commentFilterBoxInput.onchange = function(){
useScripts.feedCommentComments = commentFilterBoxInput.value;
useScripts.save();
postRemover();
};
likeFilterBoxInput.onchange = function(){
useScripts.feedCommentLikes = likeFilterBoxInput.value;
useScripts.save();
postRemover();
};
allFilterBox.onclick = function(){
commentFilterBoxInput.value = 0;
likeFilterBoxInput.value = 0;
useScripts.feedCommentComments = 0;
useScripts.feedCommentLikes = 0;
useScripts.save();
postRemover();
};
}
let mutationConfig = {
attributes: false,
childList: true,
subtree: false
};
let observer = new MutationObserver(function(){
postRemover();
setTimeout(postRemover,500);
});
observer.observe(activityFeed,mutationConfig);
let observerObserver = new MutationObserver(function(){//Who police police? The police police police police
activityFeed = activityFeedWrap.querySelector(".activity-feed");
if(activityFeed){
observer.disconnect();
observer = new MutationObserver(function(){
postRemover();
setTimeout(postRemover,500);
});
observer.observe(activityFeed,mutationConfig);
}
});
observerObserver.observe(activityFeedWrap,mutationConfig);
postRemover();
let waiter = function(){
setTimeout(function(){
if(location.pathname.match(/^\/home\/?$/)){
postRemover();
waiter();
};
},5*1000);
};waiter();
};
//end modules/addFeedFilters.js
//begin modules/addFollowCount.js
function addFollowCount(){
let URLstuff = location.pathname.match(/^\/user\/(.*)\/social/)
if(!URLstuff){
return
};
generalAPIcall("query($name:String){User(name:$name){id}}",{name: decodeURIComponent(URLstuff[1])},function(data){
generalAPIcall("query($id:Int!){Page(perPage:1){pageInfo{total} followers(userId:$id){id}}}",{id:data.data.User.id},function(data){
let target = document.querySelector(".filter-group");
if(target){
target.style.position = "relative";
let followCount = "65536+";
if(data){
followCount = data.data.Page.pageInfo.total
};
create("span",false,followCount,target.children[2],"position:absolute;right:3px;");
}
});
//these two must be separate calls, because they are allowed to fail individually (too many followers)
generalAPIcall("query($id:Int!){Page(perPage:1){pageInfo{total} following(userId:$id){id}}}",{id:data.data.User.id},function(data){
let target = document.querySelector(".filter-group");
if(target){
target.style.position = "relative";
let followCount = "65536+";
if(data){
followCount = data.data.Page.pageInfo.total
};
create("span",false,followCount,target.children[1],"position:absolute;right:3px;");
}
});
},"hohIDlookup" + decodeURIComponent(URLstuff[1]).toLowerCase());
}
//end modules/addFollowCount.js
//begin modules/addForumMedia.js
exportModule({
id: "addForumMedia",
description: "Add a link back to a work's database page on its forum feed",
isDefault: true,
importance: -1,
categories: ["Forum","Navigation"],
visible: false,
urlMatch: function(url,oldUrl){
return url.includes("https://anilist.co/forum/recent?media=")
},
code: function(){
let id = parseInt(document.URL.match(/\d+$/)[0]);
let adder = function(data){
if(!document.URL.includes(id) || !data){
return
}
let feed = document.querySelector(".feed");
if(!feed){
setTimeout(function(){adder(data)},200);
return
}
data.data.Media.id = id;
let mediaLink = create("a",false,titlePicker(data.data.Media),false,"padding:10px;display:block;");
mediaLink.href = data.data.Media.siteUrl;
if(data.data.Media.siteUrl.includes("manga") && useScripts.CSSgreenManga){
mediaLink.style.color = "rgb(var(--color-green))"
}
else{
mediaLink.style.color = "rgb(var(--color-blue))"
}
feed.insertBefore(mediaLink,feed.firstChild);
}
generalAPIcall(
`query($id:Int){Media(id:$id){title{native english romaji} siteUrl}}`,
{id: id},
adder,
"hohMediaLookup" + id
)
}
})
//end modules/addForumMedia.js
//begin modules/addForumMediaNowAWC.js
function addForumMediaNoAWC(){
if(location.pathname !== "/home"){
return
};
let buildPreview = function(data){
if(location.pathname !== "/home"){
return
}
let forumPreview = document.querySelector(".recent-threads .forum-wrap");
if(!(forumPreview && forumPreview.childElementCount)){
setTimeout(function(){buildPreview(data)},400);
return;
};
forumPreview.classList.add("hohNoAWC");
removeChildren(forumPreview)
data.data.Page.threads.filter(
thread => !thread.title.match(/^(AWC|Anime\sWatching\s(Challenge|Club)|MRC)/)
).slice(0,parseInt(useScripts.forumPreviewNumber)).forEach(thread => {
let card = create("div",["thread-card","small"],false,forumPreview);
create("a","title",thread.title,card).href = "/forum/thread/" + thread.id;
let footer = create("div","footer",false,card);
let avatar = create("a","avatar",false,footer);
avatar.href = "/user/" + (thread.replyUser || thread.user).name;
avatar.style.backgroundImage = "url(\"" + (thread.replyUser || thread.user).avatar.large + "\")";
let name = create("div","name",false,footer);
if(thread.replyCount === 0){
let contextText = create("a",false,"By",name);
name.appendChild(document.createTextNode(" "));
let nameWrap = create("a",false,false,name);
nameWrap.href = (thread.replyUser || thread.user).name;
contextText.href = "/forum/thread/" + thread.id + "/comment/" + thread.replyCommentId;
let nameInner = create("span",false,(thread.replyUser || thread.user).name,nameWrap);
}
else if(!thread.replyUser){
let contextText = create("a",false,"By",name);
name.appendChild(document.createTextNode(" "));
let nameWrap = create("a",false,false,name);
nameWrap.href = "/user/" + thread.user.name;
contextText.href = "/forum/thread/" + thread.id;
let nameInner = create("span",false,thread.user.name,nameWrap);
}
else{
let nameWrap = create("a",false,false,name);
nameWrap.href = "/user/" + thread.replyUser.name;
let nameInner = create("span",false,thread.replyUser.name,nameWrap);
name.appendChild(document.createTextNode(" "));
let contextText = create("a",false,"replied ",name);
contextText.href = "/forum/thread/" + thread.id + "/comment/" + thread.replyCommentId;
contextText.appendChild(nativeTimeElement(thread.repliedAt));
};
let categories = create("div","categories",false,footer);
if(thread.mediaCategories.length === 0){
if(thread.categories.length){
let catWrap = create("span",false,false,categories);
let category = create("a",["category","default"],thread.categories[0].name,catWrap);
category.href = "/forum/recent?category=" + thread.categories[0].id;
category.style.background = (categoryColours.get(thread.categories[0].id) || "rgb(78, 163, 230)") + " none repeat scroll 0% 0%";
}
}
else{
let mediaTitle = titlePicker(thread.mediaCategories[0]);
if(mediaTitle.length > 25){
mediaTitle = mediaTitle.replace(/(2nd|Second)\ Season/,"2").replace(/\((\d+)\)/g,(string,year) => year);
let lastIndex = mediaTitle.slice(0,25).lastIndexOf(" ");
if(lastIndex > 20){
mediaTitle.slice(0,lastIndex);
}
else{
mediaTitle = mediaTitle.slice(0,20)
}
}
let catWrap;
if(thread.categories.length && thread.categories[0].id !== 1 && thread.categories[0].id !== 2){
catWrap = create("span",false,false,categories);
let category = create("a",["category","default"],thread.categories[0].name,catWrap);
category.href = "/forum/recent?category=" + thread.categories[0].id;
category.style.background = (categoryColours.get(thread.categories[0].id) || "rgb(78, 163, 230)") + " none repeat scroll 0% 0%";
}
catWrap = create("span",false,false,categories);
let mediaCategory = create("a","category",mediaTitle,catWrap);
mediaCategory.href = "/forum/recent?media=" + thread.mediaCategories[0].id;
mediaCategory.style.background = (thread.mediaCategories[0].type === "ANIME" ? "rgb(var(--color-blue))" : "rgb(var(--color-green))") + " none repeat scroll 0% 0%";
}
let info = create("div","info",false,footer);
let viewCount = create("span",false,false,info);
viewCount.appendChild(svgAssets2.eye.cloneNode(true));
viewCount.appendChild(document.createTextNode(" "));
viewCount.appendChild(create("span",false,thread.viewCount,false,"padding-left: 0px;"))
if(thread.replyCount){
info.appendChild(document.createTextNode(" "));
let replyCount = create("span",false,false,info);
replyCount.appendChild(svgAssets2.reply.cloneNode(true));
replyCount.appendChild(document.createTextNode(" "));
replyCount.appendChild(create("span",false,thread.replyCount,false,"padding-left: 0px;"))
}
})
};
if(useScripts.forumPreviewNumber > 0){
generalAPIcall(
`query{
Page(perPage:${parseInt(useScripts.forumPreviewNumber) + 12},page:1){
threads(sort:REPLIED_AT_DESC){
id
viewCount
replyCount
title
repliedAt
replyCommentId
user{
name
avatar{large}
}
replyUser{
name
avatar{large}
}
categories{
id
name
}
mediaCategories{
id
type
title{romaji native english}
}
}
}
}`,
{},
buildPreview
)
}
}
//end modules/addForumMediaNowAWC.js
//begin modules/addForumMediaTitle.js
function addForumMediaTitle(){
if(location.pathname !== "/home"){
return
}
let forumThreads = Array.from(document.querySelectorAll(".home .forum-wrap .thread-card .category"));
if(!forumThreads.length){
setTimeout(addForumMediaTitle,200);
return;
};
if(forumThreads.some(
thread => thread && ["anime","manga"].includes(thread.innerText.toLowerCase())
)){
generalAPIcall("query{Page(perPage:3){threads(sort:REPLIED_AT_DESC){title mediaCategories{id title{romaji native english}}}}}",{},function(data){
if(location.pathname !== "/home"){
return
}
data.data.Page.threads.forEach((thread,index) => {
if(thread.mediaCategories.length && ["anime","manga"].includes(forumThreads[index].innerText.toLowerCase())){
let title = titlePicker(thread.mediaCategories[0]);
if(title.length > 40){
forumThreads[index].title = title;
title = title.slice(0,35) + "…";
};
forumThreads[index].innerText = title;
}
})
})
}
}
//end modules/addForumMediaTitle.js
//begin modules/addImageFallback.js
function addImageFallback(){
if(!document.URL.match(/(\/home|\/user\/)/)){
return
}
setTimeout(addImageFallback,1000);
let mediaImages = document.querySelectorAll(".media-preview-card:not(.hohFallback) .content .title");
mediaImages.forEach(cover => {
cover.parentNode.parentNode.classList.add("hohFallback");
if(cover.parentNode.parentNode.querySelector(".hohFallback")){
return
};
let fallback = create("span","hohFallback",cover.textContent,cover.parentNode.parentNode);
if(useScripts.titleLanguage === "ROMAJI"){
fallback.textContent = cover.textContent;
}
})
}
//end modules/addImageFallback.js
//begin modules/addMALscore.js
function addMALscore(type,id){
if(!location.pathname.match(/^\/(anime|manga)/)){
return
};
let MALscore = document.getElementById("hohMALscore");
if(MALscore){
if(parseInt(MALscore.dataset.id) === id){
return
}
else{
MALscore.remove()
}
};
let MALserial = document.getElementById("hohMALserialization");
if(MALserial){
if(parseInt(MALserial.dataset.id) === id){
return
}
else{
MALserial.remove()
}
};
let possibleReleaseStatus = Array.from(document.querySelectorAll(".data-set .type"));
const MALlocation = possibleReleaseStatus.find(element => element.innerText === "Mean Score");
if(MALlocation){
MALscore = create("div","data-set");
MALscore.id = "hohMALscore";
MALscore.dataset.id = id;
MALlocation.parentNode.parentNode.insertBefore(MALscore,MALlocation.parentNode.nextSibling);
if(type === "manga"){
MALserial = create("div","data-set");
MALserial.id = "hohMALserialization";
MALserial.dataset.id = id;
MALlocation.parentNode.parentNode.insertBefore(MALserial,MALlocation.parentNode.nextSibling.nextSibling)
}
generalAPIcall("query($id:Int){Media(id:$id){idMal}}",{id:id},function(data){
if(data.data.Media.idMal){
let handler = function(response){
let score = response.responseText.match(/ratingValue.+?(\d+\.\d+)/);
if(score && useScripts.MALscore){
MALscore.style.paddingBottom = "14px";
create("a",["type","newTab","external"],"MAL Score",MALscore)
.href = "https://myanimelist.net/" + type + "/" + data.data.Media.idMal;
create("div","value",score[1],MALscore)
}
if(type === "manga" && useScripts.MALserial){
let serialization = response.responseText.match(/Serialization:<\/span>\n.*?href="(.*?)"\stitle="(.*?)"/);
if(serialization){
create("div","type","Serialization",MALserial);
let link = create("a",["value","newTab","external"],serialization[2].replace(/'/g,"'").replace(/"/g,'"'),MALserial)
link.href = "https://myanimelist.net" + serialization[1]
}
}
let adder = function(){
let possibleOverview = document.querySelector(".overview .grid-section-wrap:last-child");
if(!possibleOverview){
setTimeout(adder,500);
return
}
(possibleOverview.querySelector(".hohRecContainer") || {remove: ()=>{}}).remove();
let recContainer = create("div",["grid-section-wrap","hohRecContainer"],false,possibleOverview);
create("h2",false,"MAL recs",recContainer);
let pattern = /class="picSurround"><a href="https:\/\/myanimelist.net\/(anime|manga)\/(\d+)\/(.|\n)*?detail\-user\-recs\-text.*?">(.*?)<\/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)
}
}
//end modules/addMALscore.js
//begin modules/addMoreStats.js
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. Automail can't read notifications without being granted additional permissions.
You can sign in with the script from the bottom of the settings page.`;
create("a",false,"https://anilist.co/settings/apps",miscResults).href = "https://anilist.co/settings/apps"
}
}},
{name: "Related anime not on list",code: function(){
generalAPIcall(
`query($name: String!){
MediaListCollection(userName: $name,type: ANIME){
lists{
entries{
mediaId
score
status
media{
relations{
edges{
relationType(version: 2)
node{
id
title{romaji}
type
}
}
}
}
}
}
}
}`,
{name: user},function(data){
let list = returnList(data,true);
let listEntries = new Set(list.map(a => a.mediaId));
let found = [];
list.forEach(function(media){
if(media.status !== "PLANNING"){
media.media.relations.edges.forEach(relation => {
if(!listEntries.has(relation.node.id) && relation.node.type === "ANIME"){
relation.host = media.score;
relation.relationType = [relation.relationType];
relation.isDropped = [media.status === "DROPPED"];
found.push(relation);
}
})
}
});
found = removeGroupedDuplicates(
found,
e => e.node.id,
(oldElement,newElement) => {
newElement.relationType = [...oldElement.relationType,...newElement.relationType];
newElement.isDropped = [...oldElement.isDropped,...newElement.isDropped];
newElement.host = Math.max(oldElement.host,newElement.host)
}
).sort(
(b,a) => a.host - b.host
);
miscResults.innerText = "";
create("p",false,"Found " + found.length + " shows:",miscResults);
let filters = create("div",false,false,miscResults);
let row1 = create("p",false,false,filters);
let checkBox1 = createCheckbox(row1);
let label1 = create("span",false,"Prequel",row1);
let row2 = create("p",false,false,filters);
let checkBox2 = createCheckbox(row2);
let label2 = create("span",false,"Sequel",row2);
let row3 = create("p",false,false,filters);
let checkBox3 = createCheckbox(row3);
let label3 = create("span",false,"Side Story",row3);
let row4 = create("p",false,false,filters);
let checkBox4 = createCheckbox(row4);
let label4 = create("span",false,"Alternative",row4);
let row5 = create("p",false,false,filters);
let checkBox5 = createCheckbox(row5);
let label5 = create("span",false,"Other Relation",row5);
let row6 = create("p",false,false,filters);
let checkBox6 = createCheckbox(row6);
let label6 = create("span",false,"Include media related to dropped anime",row6);
checkBox1.checked = true;
checkBox2.checked = true;
checkBox3.checked = true;
checkBox4.checked = true;
checkBox5.checked = true;
let f_results = create("div",false,false,miscResults);
let render = function(){
removeChildren(f_results);
found.forEach(item => {
if(
(
(checkBox1.checked && item.relationType.includes("PREQUEL"))
|| (checkBox2.checked && item.relationType.includes("SEQUEL"))
|| (checkBox3.checked && item.relationType.includes("SIDE_STORY"))
|| (checkBox4.checked && item.relationType.includes("ALTERNATIVE"))
|| (checkBox5.checked && item.relationType.some(type => ["ADAPTATION","CHARACTER","SUMMARY","SPIN_OFF","OTHER","SOURCE","COMPILATION","CONTAINS"].includes(type)))
)
&& (checkBox6.checked || item.isDropped.some(val => !val))
){
create("a",["link","newTab"],item.node.title.romaji,f_results,"display:block;padding:5px;")
.href = "/anime/" + item.node.id
}
})
};
checkBox1.onchange = render;
checkBox2.onchange = render;
checkBox3.onchange = render;
checkBox4.onchange = render;
checkBox5.onchange = render;
checkBox6.onchange = render;
render();
})
}},
{name: "Check compatibility with all following (slow)",setup: function(){
create("span",false,"List Type: ",miscOptions);
let select = create("select","#typeSelect",false,miscOptions);
let animeOption = create("option",false,"Anime",select);
let mangaOption = create("option",false,"Manga",select);
animeOption.value = "ANIME";
mangaOption.value = "MANGA";
},code: function(){
miscResults.innerText = "";
let loadingStatus = create("p",false,false,miscResults);
loadingStatus.innerText = "Looking up ID...";
generalAPIcall("query($name:String){User(name:$name){id}}",{name: user},function(data){
let userId = data.data.User.id;
let currentLocation = location.pathname;
loadingStatus.innerText = "Loading media list...";
let typeList = document.getElementById("typeSelect").value;
generalAPIcall(
queryMediaListCompat,
{
name: user,
listType: typeList
},
function(data){
loadingStatus.innerText = "Loading users...";
let comDisplay = create("div",false,false,miscResults);
let list = returnList(data).filter(element => element.scoreRaw);
let comCache = [];
let drawComCache = function(){
removeChildren(comDisplay)
comCache.forEach(function(friend){
let userRow = create("p",false,false,comDisplay);
let differenceSpan = create("span",false,
(friend.difference.toPrecision(3).includes("e") ? "0.000" : friend.difference.toPrecision(3)),
userRow,"min-width:50px;display:inline-block;"
);
if(friend.difference < 0.9){
differenceSpan.style.color = "green"
}
else if(friend.difference > 1.1){
differenceSpan.style.color = "red"
};
userRow.appendChild(document.createTextNode(" "))
let friendLink = create("a","newTab",friend.user,userRow,"color:rgb(var(--color-blue))");
friendLink.href = "/user/" + friend.user;
create("span",false,", " + friend.shared + " shared.",userRow)
})
};
let friendsCaller = function(page){
generalAPIcall(
`query($id: Int!,$page: Int){
Page(page: $page){
pageInfo{
lastPage
}
following(userId: $id,sort: USERNAME){
name
}
}
}`,
{id: userId,page: page},
function(data){
let index = 0;
let delayer = function(){
if(location.pathname !== currentLocation){
return
}
loadingStatus.innerText = "Comparing with " + data.data.Page.following[index].name + "...";
compatCheck(list,data.data.Page.following[index].name,typeList,function(data){
if(data.difference){
comCache.push(data);
comCache.sort((a,b) => a.difference - b.difference);
drawComCache();
}
});
if(++index < data.data.Page.following.length){
setTimeout(delayer,1000)
}
else{
if(page < data.data.Page.pageInfo.lastPage){
friendsCaller(page + 1)
}
else{
loadingStatus.innerText = ""
}
}
};delayer(index);
}
)
};friendsCaller(1);
},"hohCompatANIME" + user,5*60*1000
);
},"hohIDlookup" + user.toLowerCase());
}},
{name: "Message spy",code: function(){
miscResults.innerText = "";
let page = 1;
let results = create("div",false,false,miscResults);
let moreButton = create("button",["button","hohButton"],"Load more",miscResults);
let getPage = function(page){
generalAPIcall(`
query($page: Int){
Page(page: $page){
activities(type: MESSAGE,sort: ID_DESC){
... on MessageActivity{
id
recipient{name}
message(asHtml: true)
pure:message(asHtml: false)
createdAt
messenger{name}
}
}
}
}`,
{page: page},
data => {
data.data.Page.activities.forEach(function(message){
if(
message.pure.includes("AWC")
|| message.pure.match(/^.{0,8}(thanks|tha?n?x|thank|ty).*follow.{0,10}(http.*(jpg|png|gif))?.{0,10}$/i)
|| message.pure.match(/for( the)? follow/i)
){
return
};
let time = new Date(message.createdAt*1000);
let newElem = create("div","message",false,results);
create("span","time",time.toISOString().match(/^(.*)\.000Z$/)[1] + " ",newElem);
let user = create("a",["link","newTab"],message.messenger.name,newElem,"color:rgb(var(--color-blue))");
user.href = "/user/" + message.messenger.name;
create("span",false," sent a message to ",newElem);
let user2 = create("a",["link","newTab"],message.recipient.name,newElem,"color:rgb(var(--color-blue))");
user2.href = "/user/" + message.recipient.name;
let link = create("a",["link","newTab"]," Link",newElem);
link.href = "/activity/" + message.id;
newElem.innerHTML += DOMPurify.sanitize(message.message);//reason for innerHTML: preparsed sanitized HTML from the Anilist API
create("hr",false,false,results);
})
}
);
};getPage(page);
moreButton.onclick = function(){
page++;
getPage(page);
}
}},
{name: "Media statistics of friends",code: function(){
generalAPIcall("query($name:String){User(name:$name){id}}",{name: user},function(data){
generalAPIcall(
`
query($userId: Int!){
a1:Page(page:1){following(userId: $userId,sort: ID){... stuff}}
a2:Page(page:2){following(userId: $userId,sort: ID){... stuff}}
a3:Page(page:3){following(userId: $userId,sort: ID){... stuff}}
a4:Page(page:4){following(userId: $userId,sort: ID){... stuff}}
a5:Page(page:5){following(userId: $userId,sort: ID){... stuff}}
a6:Page(page:6){following(userId: $userId,sort: ID){... stuff}}
a7:Page(page:7){following(userId: $userId,sort: ID){... stuff}}
a8:Page(page:8){following(userId: $userId,sort: ID){... stuff}}
a9:Page(page:9){following(userId: $userId,sort: ID){... stuff}}
a10:Page(page:10){following(userId: $userId,sort: ID){... stuff}}
User(id: $userId){... stuff}
}
fragment stuff on User{
name
statistics{
anime{
count
minutesWatched
}
manga{
count
chaptersRead
volumesRead
}
}
stats{
watchedTime
chaptersRead
}
}`,
{userId: data.data.User.id},
function(stats){
let userList = [].concat(
...Object.keys(stats.data).map(
a => stats.data[a].following || []
)
);
userList.push(stats.data.User);
//API error polyfill
userList.forEach(function(wrong){
if(!wrong.statistics.anime.minutesWatched){
wrong.statistics.anime.minutesWatched = wrong.stats.watchedTime
}
if(!wrong.statistics.manga.chaptersRead){
wrong.statistics.manga.chaptersRead = wrong.stats.chaptersRead
}
});
userList.sort((b,a) => a.statistics.anime.minutesWatched - b.statistics.anime.minutesWatched);
miscResults.innerText = "";
let drawUserList = function(){
removeChildren(miscResults)
let table = create("div",["table","hohTable","hohNoPointer","good"],false,miscResults);
let headerRow = create("div",["header","row"],false,table);
let nameHeading = create("div",false,"Name",headerRow,"cursor:pointer;");
let animeCountHeading = create("div",false,"Anime Count",headerRow,"cursor:pointer;");
let animeTimeHeading = create("div",false,"Time Watched",headerRow,"cursor:pointer;");
let mangaCountHeading = create("div",false,"Manga Count",headerRow,"cursor:pointer;");
let mangaChapterHeading = create("div",false,"Chapters Read",headerRow,"cursor:pointer;");
let mangaVolumeHeading = create("div",false,"Volumes Read",headerRow,"cursor:pointer;");
userList.forEach(function(user,index){
let row = create("div","row",false,table);
if(user.name === stats.data.User.name || user.name === whoAmI){
row.style.color = "rgb(var(--color-blue))";
row.style.background = "rgb(var(--color-background))";
}
let nameCel = create("div",false,(index + 1) + " ",row);
let userLink = create("a",["link","newTab"],user.name,nameCel);
userLink.href = "/user/" + user.name;
create("div",false,user.statistics.anime.count,row);
let timeString = formatTime(user.statistics.anime.minutesWatched*60);
if(!user.statistics.anime.minutesWatched){
timeString = "-"
}
create("div",false,timeString,row);
create("div",false,user.statistics.manga.count,row);
if(user.statistics.manga.chaptersRead){
create("div",false,user.statistics.manga.chaptersRead,row)
}
else{
create("div",false,"-",row)
}
if(user.statistics.manga.volumesRead){
create("div",false,user.statistics.manga.volumesRead,row)
}
else{
create("div",false,"-",row)
}
});
nameHeading.onclick = function(){
userList.sort(ALPHABETICAL(a => a.name));
drawUserList();
};
animeCountHeading.onclick = function(){
userList.sort((b,a) => a.statistics.anime.count - b.statistics.anime.count);
drawUserList();
};
animeTimeHeading.onclick = function(){
userList.sort((b,a) => a.statistics.anime.minutesWatched - b.statistics.anime.minutesWatched);
drawUserList();
};
mangaCountHeading.onclick = function(){
userList.sort((b,a) => a.statistics.manga.count - b.statistics.manga.count);
drawUserList();
};
mangaChapterHeading.onclick = function(){
userList.sort((b,a) => a.statistics.manga.chaptersRead - b.statistics.manga.chaptersRead);
drawUserList();
};
mangaVolumeHeading.onclick = function(){
userList.sort((b,a) => a.statistics.manga.volumesRead - b.statistics.manga.volumesRead);
drawUserList();
};
};drawUserList();
}
)
},"hohIDlookup" + user.toLowerCase());
}},
{name: "Most popular favourites of friends",code: function(){
generalAPIcall("query($name:String){User(name:$name){id}}",{name: user},function(data){
generalAPIcall(
`
query($userId: Int!){
a1:Page(page:1){following(userId: $userId,sort: ID){... stuff}}
a2:Page(page:2){following(userId: $userId,sort: ID){... stuff}}
a3:Page(page:3){following(userId: $userId,sort: ID){... stuff}}
a4:Page(page:4){following(userId: $userId,sort: ID){... stuff}}
a5:Page(page:5){following(userId: $userId,sort: ID){... stuff}}
a6:Page(page:6){following(userId: $userId,sort: ID){... stuff}}
a7:Page(page:7){following(userId: $userId,sort: ID){... stuff}}
a8:Page(page:8){following(userId: $userId,sort: ID){... stuff}}
a9:Page(page:9){following(userId: $userId,sort: ID){... stuff}}
a10:Page(page:10){following(userId: $userId,sort: ID){... stuff}}
User(id: $userId){... stuff}
}
fragment stuff on User{
name
favourites{
anime1:anime(page:1){
nodes{
id
title{romaji}
}
}
anime2:anime(page:2){
nodes{
id
title{romaji}
}
}
manga1:manga(page:1){
nodes{
id
title{romaji}
}
}
manga2:manga(page:2){
nodes{
id
title{romaji}
}
}
}
}`,
{userId: data.data.User.id},
function(foll){
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,25).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,25).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,type){
let list = returnList(data,true);
list.forEach(function(item){
let matches = [];
config.forEach(setting => {
if(setting.code(item)){
matches.push(setting.description)
}
});
if(matches.length){
let row = create("p",false,false,miscResults);
let link = create("a",["link","newTab"],item.media.title.romaji,row,"width:440px;display:inline-block;");
link.href = "/" + item.media.type.toLowerCase() + "/" + item.mediaId + "/" + safeURL(item.media.title.romaji);
create("span",false,matches.join(", "),row);
let chance = create("p",false,false,row,"margin-left:20px;margin-top: 2px;");
create("span",false,"Entry created: " + (new Date(item.createdAt*1000)).toISOString().split("T")[0] + " \n",chance);
if(
(new Date(item.createdAt*1000)).toISOString().split("T")[0]
!== (new Date(item.updatedAt*1000)).toISOString().split("T")[0]
){
create("span",false,"Entry updated: " + (new Date(item.updatedAt*1000)).toISOString().split("T")[0] + " \n",chance);
}
if(item.repeat){
create("span",false,"Repeats: " + item.repeat + " \n",chance);
}
setTimeout(function(){
generalAPIcall(
`
query($userId: Int,$mediaId: Int){
first:Activity(userId: $userId,mediaId: $mediaId,sort: ID){... on ListActivity{createdAt siteUrl status progress}}
last:Activity(userId: $userId,mediaId: $mediaId,sort: ID_DESC){... on ListActivity{createdAt siteUrl status progress}}
}
`,
{
userId: iddata.data.User.id,
mediaId: item.mediaId
},
function(act){
if(!act){return};
let progressFirst = [act.data.first.status,act.data.first.progress].filter(TRUTHY).join(" ");
progressFirst = (progressFirst ? " (" + progressFirst + ")" : "");
let progressLast = [act.data.last.status,act.data.last.progress].filter(TRUTHY).join(" ");
progressLast = (progressLast ? " (" + progressLast + ")" : "");
if(act.data.first.siteUrl === act.data.last.siteUrl){
let firstLink = create("a",["link","newTab"],"Only activity" + progressFirst + ": ",chance,"color:rgb(var(--color-blue));");
firstLink.href = act.data.first.siteUrl;
create("span",false,(new Date(act.data.first.createdAt*1000)).toISOString().split("T")[0] + " ",chance);
}
else{
let firstLink = create("a",["link","newTab"],"First activity" + progressFirst + ": ",chance,"color:rgb(var(--color-blue));");
firstLink.href = act.data.first.siteUrl;
create("span",false,(new Date(act.data.first.createdAt*1000)).toISOString().split("T")[0] + " \n",chance);
let lastLink = create("a",["link","newTab"],"Last activity" + progressLast + ": ",chance,"color:rgb(var(--color-blue));");
lastLink.href = act.data.last.siteUrl;
create("span",false,(new Date(act.data.last.createdAt*1000)).toISOString().split("T")[0] + " ",chance);
}
}
);
},delay);
delay += 1000;
}
})
create("p",false,type.toLowerCase() + " list completely scanned",miscResults)
};
const query = `query($name: String!, $listType: MediaType){
MediaListCollection(userName: $name, type: $listType){
lists{
entries{
startedAt{year month day}
completedAt{year month day}
mediaId
status
createdAt
updatedAt
repeat
media{
title{romaji english native}
startDate{year month day}
endDate{year month day}
type
}
}
}
}
}`;
generalAPIcall(
query,
{
name: user,
listType: "MANGA"
},
function(data){proc(data,"MANGA")}
);
generalAPIcall(
query,
{
name: user,
listType: "ANIME"
},
function(data){proc(data,"ANIME")}
)
},"hohIDlookup" + user.toLowerCase());
}},
{name: "Fix your dating mess [Dangerous edition]",setup: function(){
if(!useScripts.accessToken){
miscResults.innerText = loginMessage;
return
};
if(user.toLowerCase() !== whoAmI.toLowerCase()){
miscResults.innerText = "This is the profile of\"" + user + "\", but currently signed in as \"" + whoAmI + "\". Are you sure this is right?";
return
};
let warning = create("b",false,"Clicking on red buttons means changes to your data!",miscResults);
let description = create("p",false,"When run, this will do the following:",miscResults);
create("p",false,"- Completed entries with 1 episode/chapter, no rewatches, no start date, but a completion date will have the start date set equal to the completion date",miscResults);
create("p",false,"- A list of all the changes will be printed.",miscResults);
create("p",false,"- This will run slowly, and can be stopped at any time.",miscResults);
let dryRun = create("button",["button","hohButton"],"Dry run",miscResults);
let dryRunDesc = create("span",false,"(no changes made)",miscResults);
create("hr",false,false,miscResults);
let fullRun = create("button",["button","hohButton","danger"],"RUN",miscResults);
let stopRun = create("button",["button","hohButton"],"Abort!",miscResults);
create("hr",false,false,miscResults);
let changeLog = create("div",false,false,miscResults);
let allowRunner = true;
let allowRun = true;
let isDryRun = true;
let list = [];
let firstTime = true;
let runner = function(){
if(!allowRunner){
return
}
allowRunner = false;
fullRun.disabled = true;
dryRun.disabled = true;
generalAPIcall("query($name:String){User(name:$name){id}}",{name: user},function(iddata){
let proc = function(data){
list = list.concat((returnList(data,true) || []).filter(
item => item.status === "COMPLETED" && (item.media.episodes || item.media.chapters) === 1 && (!item.startedAt.year) && item.completedAt.year && !item.repeat
));
if(firstTime){
firstTime = false;
return
};
if(isDryRun){
create("p",false,"DRY RUN",changeLog)
};
if(!list.length){
changeLog.innerText = "Found no entries to change";
return
};
create("p",false,"Found " + list.length + " entries.",changeLog);
let changer = function(index){
if(!allowRun){
return
};
create("p",false,list[index].media.title.romaji + " start date set to " + list[index].completedAt.year + "-" + list[index].completedAt.month + "-" + list[index].completedAt.day,changeLog);
if(!isDryRun){
authAPIcall(
`mutation($date: FuzzyDateInput,$mediaId: Int){
SaveMediaListEntry(startedAt: $date,mediaId: $mediaId){
id
}
}`,
{mediaId: list[index].mediaId,date: list[index].completedAt},
data => {}
)
};
index++;
if(index < list.length){
setTimeout(function(){changer(index)},1000)
};
};changer(0);
};
const query = `query($name: String!, $listType: MediaType){
MediaListCollection(userName: $name, type: $listType){
lists{
entries{
startedAt{year month day}
completedAt{year month day}
mediaId
status
repeat
media{
title{romaji english native}
chapters
episodes
}
}
}
}
}`;
generalAPIcall(
query,
{
name: user,
listType: "MANGA"
},
proc
);
generalAPIcall(
query,
{
name: user,
listType: "ANIME"
},
proc
);
},"hohIDlookup" + user.toLowerCase())
};
stopRun.onclick = function(){
allowRun = false;
stopRun.disable = true;
alert("Stopped!")
};
fullRun.onclick = function(){
isDryRun = false;
runner()
};
dryRun.onclick = function(){
runner()
};
},code: function(){
alert("Read the description first!")
}},
{name: "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<data.data.Page.activities.length && (k + offset)<data2.data.Page.activities.length;k++){
if(data.data.Page.activities[k].id !== data2.data.Page.activities[k + offset].id){
offset--;
if(!blocks.has(data.data.Page.activities[k].user.name)){
let row = create("p",false,false,miscResults);
let link = create("a",["link","newTab"],data.data.Page.activities[k].user.name,row);
link.href = "/user/" + data.data.Page.activities[k].user.name;
blocks.add(data.data.Page.activities[k].user.name)
}
};
};
if(flag){
if(offset < -50){
page2--
};
setTimeout(function(){caller(page + 1,page2 + 1)},2000)
}
})
});
};caller(1,1);
}},
{name: "BroomCat linter",setup: function(){
create("p",false,"Welcome to BroomCat. It will help you find stray database items",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";
createCheckbox(miscOptions,"restrictToList");
create("span",false,"Restrict to personal list",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
}
};
[
["End date before start date","startEnd",true],
["Dates before 1900","earlyDates",true],
["Missing dates","missingDates",true],
["Incomplete dates","incompleteDates"],
["No tags","noTags"],
["No genres","noGenres"],
["Has tag below 20%","lowTag",false,"Tags start out at 20%, so if it's below it's controversial"],
["Has invalid genre","badGenre",true,"There's a fixed list of 19 genres, so anything else must be wrong"],
["Missing banner","noBanner"],
["Oneshot without one chapter","oneshot",false,"This is a requirement in the documentation"],
["Missing MAL ID","idMal",false,"Anilist stores MAL IDs to make list imports and interactions between databases simpler"],
["Duplicated MAL ID","duplicatedMALID"],
["Missing native title","nativeTitle",true,"Everything has a native title, even if it's the same"],
["Missing english title","englishTitle",false,"Not necessarily wrong, not everything is licensed"],
["No duration","noDuration",true],
["No chapter or episode count","noLength",true],
["Multiple demographic tags","demographics"],
["No studios","noStudios"],
["Unusual length","unusualLength",true,"Doesn't have to be wrong, just check them"],
["No source","noSource"],
["Source = other","otherSource",false,"Anilist introduced new sources, so some of these may need to be changed"],
["Source = original, but has source relation","badOriginalSource"],
["More than one source","moreSource",false,"Doesn't have to be wrong, but many of these are"],
["Adaptation older than source","newSource"],
["Source field not equal to source media format","formatSource"],
["Hentai with isAdult = false","nonAdultHentai"],
["Synonym equal to title","redundantSynonym",true],
["No extraLarge cover image","extraLarge"],
["Temporary title","tempTitle",true,"Common for manga announcements"],
["Romaji inconsistencies","badRomaji",true,"Catches some common romanisation errors"],
["Weird spacing in title","weirdSpace",true],
["TV/TV Short mixup","tvShort"],
["Duplicated studio","duplicatedStudio"],
["Has Twitter hashtag","hashtag",false,"Keep up with news"],
["Releasing manga with non-zero chapter or volume count","releasingZero"],
["Bad character encoding in description","badEncoding"],
["Commonly misspelled words in description","badSpelling",true],
["No description (or very short)","noDescription",true],
["Very long description","longDescription"],
["Likely outdated description","outdatedDescription",true,"Checks if the description appears to have been written before the series aired"]
].forEach(ig => 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 ["</br>","'","[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><a\shref=".*?<\/a><\/p>$/)){
createResultRow(activity.siteUrl,"Link-only post. Spam?",activity.text)
}
})
}
if(checkMessages){
data.data.messages.activities.forEach(activity => {
if(activity.message.match(/^<p><a\shref=".*?<\/a><\/p>$/)){
createResultRow(activity.siteUrl,"Link-only message. Spam?",activity.message)
}
})
}
}
if(document.getElementById("piracy").checked){
const badDomains = [556415734,1724824539,-779421562,-1111399772,-93654449,1120312799,-781704176,-1550515495,3396395,567115318,-307082983,1954992241,-307211474,-307390044,1222804306,-795095039,-1014860289,403785740,547002932,128627683]
if(checkActivities){
allActivities.forEach(activity => {
(activity.text.match(/<a href=\".*?\"/g) || []).forEach(link => {
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(/<a href=\".*?\"/g) || []).forEach(link => {
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 = "Top picks, based on your ratings, the ratings of others, and the recommendation database. Best matches on top";
[...recsMap].map(
pair => ({
id: pair[0],
title: pair[1].title,
score: pair[1].score
})
).sort(
(b,a) => a.score - b.score
).slice(0,25).forEach(rec => {
let card = create("p",false,false,miscResults);
let score = create("span","hohMonospace",rec.score.toPrecision(3) + " ",card,"margin-right:10px;");
create("a",false,rec.title,card)
.href = "/" + document.getElementById("typeSelect").value.toLowerCase() + "/" + rec.id + "/"
})
}
)
}},
{name: "Find a status",setup: function(){
let input = create("input","#searchInput",false,miscOptions);
input.placeholder = "text or regex to match";
},code: function(){
let searchQuery = document.getElementById("searchInput").value;
if(statusSearchCache.length){
miscResults.innerText = "";
let results = create("p",false,false,miscResults);
statusSearchCache.forEach(act => {
if(act.text.match(new RegExp(searchQuery,"i")) || act.text.includes(searchQuery)){
let newDate = create("p",false,false,results,"font-family:monospace;margin-right:10px;");
let newPage = create("a","newTab",act.siteUrl,newDate,"color:rgb(var(--color-blue));");
newPage.href = act.siteUrl;
newDate.innerHTML += DOMPurify.sanitize(act.text);//reason for innerHTML: preparsed sanitized HTML from the Anilist API
create("hr",false,false,results)
}
})
}
else{
generalAPIcall("query($name:String){User(name:$name){id}}",{name: user},function(data){
const query = `
query($userId: Int,$page: Int){
Page(page: $page){
pageInfo{
currentPage
total
lastPage
}
activities (userId: $userId, sort: ID_DESC, type: TEXT){
... on TextActivity{
siteUrl
text(asHtml: true)
}
}
}
}`;
miscResults.innerText = "";
let results = create("p",false,false,miscResults);
let posts = 0;
let progress = create("p",false,false,miscResults);
let userId = data.data.User.id;
let addNewUserData = function(data){
console.log(data);
if(!data){
return
}
if(data.data.Page.pageInfo.currentPage === 1){
for(var i=2;i<=data.data.Page.pageInfo.lastPage && i < ANILIST_QUERY_LIMIT;i++){
generalAPIcall(query,{userId: userId,page: i},addNewUserData)
}
};
posts += data.data.Page.activities.length;
progress.innerText = "Searching status post " + posts + "/" + data.data.Page.pageInfo.total;
data.data.Page.activities.forEach(act => {
if(act.text.match(new RegExp(searchQuery,"i")) || act.text.includes(searchQuery)){
let newDate = create("p",false,false,results,"font-family:monospace;margin-right:10px;");
let newPage = create("a","newTab",act.siteUrl,newDate,"color:rgb(var(--color-blue));");
newPage.href = act.siteUrl;
newDate.innerHTML += DOMPurify.sanitize(act.text);//reason for innerHTML: preparsed sanitized HTML from the Anilist API
create("hr",false,false,results)
}
statusSearchCache.push(act)
})
};
generalAPIcall(query,{userId: userId,page: 1},addNewUserData);
},"hohIDlookup" + user.toLowerCase())
}
}},
{name: "Find a message",setup: function(){
let input = create("input","#searchInput",false,miscOptions);
input.placeholder = "text or regex to match";
},code: function(){
generalAPIcall("query($name:String){User(name:$name){id}}",{name: user},function(data){
let userId = data.data.User.id;
miscResults.innerText = "";
let posts = 0;
let progress = create("p",false,false,miscResults);
let results = create("p",false,false,miscResults);
let searchQuery = document.getElementById("searchInput").value;
const query = `
query($userId: Int,$page: Int){
Page(page: $page){
pageInfo{
currentPage
total
lastPage
}
activities (userId: $userId, sort: ID_DESC, type: MESSAGE){
... on MessageActivity{
siteUrl
message(asHtml: true)
}
}
}
}`;
let addNewUserData = function(data){
if(data.data.Page.pageInfo.currentPage === 1){
for(var i=2;i<=data.data.Page.pageInfo.lastPage;i++){
generalAPIcall(query,{userId: userId,page: i},addNewUserData)
}
};
posts += data.data.Page.activities.length;
progress.innerText = "Searching message post " + posts + "/" + data.data.Page.pageInfo.total;
data.data.Page.activities.forEach(function(act){
if(act.message.match(new RegExp(searchQuery,"i"))){
let newDate = create("p",false,false,results,"font-family:monospace;margin-right:10px;");
let newPage = create("a","newTab",act.siteUrl,newDate,"color:rgb(var(--color-blue));");
newPage.href = act.siteUrl;
newDate.innerHTML += DOMPurify.sanitize(act.message);//reason for innerHTML: preparsed sanitized HTML from the Anilist API
create("hr",false,false,results)
}
})
};
generalAPIcall(query,{userId: userId,page: 1},addNewUserData);
},"hohIDlookup" + user.toLowerCase())
}},
{name: "Most liked status posts",code: function(){
generalAPIcall("query($name:String){User(name:$name){id}}",{name: user},function(data){
let userId = data.data.User.id;
let list = [];
miscResults.innerText = "";
let progress = create("p",false,false,miscResults);
let results = create("p",false,false,miscResults);
const query = `
query($userId: Int,$page: Int){
Page(page: $page){
pageInfo{
currentPage
total
lastPage
}
activities (userId: $userId, sort: ID_DESC, type: TEXT){
... on TextActivity{
siteUrl
likes{id}
}
}
}
}`;
let addNewUserData = function(data){
list = list.concat(data.data.Page.activities);
if(data.data.Page.pageInfo.currentPage === 1){
for(var i=2;i<=Math.min(data.data.Page.pageInfo.lastPage,50);i++){//FIXME temporary workaround to prevent crashes until anilist fixes the page API. Limits to 2500 posts
generalAPIcall(query,{userId: userId,page: i},addNewUserData);
};
};
list.sort(function(b,a){return a.likes.length - b.likes.length});
progress.innerText = "Searching status post " + list.length + "/" + data.data.Page.pageInfo.total + " [total is incorrect until an Anilist bug is fixed. Query limited to 2500]";
removeChildren(results)
for(var i=0;i<20;i++){
let newDate = create("p",false,list[i].likes.length + " likes ",results,"font-family:monospace;margin-right:10px;");
let newPage = create("a","newTab",list[i].siteUrl,newDate,"color:rgb(var(--color-blue));");
newPage.href = list[i].siteUrl;
};
};
generalAPIcall(query,{userId: userId,page: 1},addNewUserData);
},"hohIDlookup" + user.toLowerCase());
}},
{name: "Monthly stats",code: function(){
generalAPIcall("query($name:String){User(name:$name){id}}",{name: user},function(data){
let userId = data.data.User.id;
let currentYear = new Date().getFullYear();
let presentTime = new Date();
let limitTime;
for(let i=1;i<12;i++){
if(new Date(currentYear,i,1) > presentTime){
limitTime = new Date(currentYear,i - 1,1).valueOf();
break
}
if(i === 11){
limitTime = new Date(currentYear,11,1).valueOf()
}
}
let activityQuery =
`query ($userId: Int, $page: Int) {
Page(perPage: 50, page: $page){
activities(sort: ID_DESC,userId: $userId){
... on MessageActivity {
type
createdAt
}
... on TextActivity {
type
createdAt
}
... on ListActivity {
type
createdAt
status
progress
media{
episodes
chapters
duration
format
id
}
}
}
}
}`;
let statsBuffer = [];
let currentPage = 1;
let getData = function(){
generalAPIcall(activityQuery,{userId: userId,page: currentPage},function(data){
statsBuffer = statsBuffer.concat(data.data.Page.activities.filter(act => act.createdAt*1000 >= limitTime));
miscResults.innerText = `This month (since ${new Date().getFullYear()}-${("0" + (new Date().getMonth() + 1)).slice(-2)}-01):`;
let messageCount = statsBuffer.filter(activity => activity.type === "MESSAGE").length;
let statusCount = statsBuffer.filter(activity => activity.type === "TEXT").length;
let animeCount = statsBuffer.filter(activity => activity.type === "ANIME_LIST").length;
let mangaCount = statsBuffer.filter(activity => activity.type === "MANGA_LIST").length;
create("p",false,"Messages received: " +messageCount,miscResults);
create("p",false,"Status posts: " + statusCount,miscResults);
create("p",false,"Anime feed items: " + animeCount,miscResults);
create("p",false,"Manga feed items: " + mangaCount,miscResults);
let animeEntries = {};
let mangaEntries = {};
statsBuffer.forEach(entry => {
if(entry.type === "ANIME_LIST"){
let addDefault = function(){
animeEntries[entry.media.id] = animeEntries[entry.media.id] || {
completionCount: 0,
lowestProgress: entry.media.episodes || Number.MAX_SAFE_INTEGER,
highestProgress: 0,
duration: entry.media.duration || 1,
format: entry.media.format,
total: entry.media.episodes || 1
}
}
if(entry.status === "watched episode" || entry.status === "rewatched episode"){
addDefault();
let splitProgress = entry.progress.split(" - ").map(num => parseInt(num));
animeEntries[entry.media.id].lowestProgress = Math.min(
animeEntries[entry.media.id].lowestProgress,
splitProgress[0]
)
animeEntries[entry.media.id].highestProgress = Math.max(
animeEntries[entry.media.id].highestProgress,
splitProgress[splitProgress.length - 1]
)
}
else if(entry.status === "completed"){
addDefault();
animeEntries[entry.media.id].highestProgress = animeEntries[entry.media.id].total || 1;
animeEntries[entry.media.id].completionCount++
}
}
else if(entry.type === "MANGA_LIST"){
let addDefault = function(){
mangaEntries[entry.media.id] = mangaEntries[entry.media.id] || {
completionCount: 0,
lowestProgress: entry.media.chapters || Number.MAX_SAFE_INTEGER,
highestProgress: 0,
format: entry.media.format,
total: entry.media.chapters || 1
}
}
if(entry.status === "read chapter" || entry.status === "reread chapter"){
addDefault();
let splitProgress = entry.progress.split(" - ").map(num => parseInt(num));
mangaEntries[entry.media.id].lowestProgress = Math.min(
mangaEntries[entry.media.id].lowestProgress,
splitProgress[0]
)
mangaEntries[entry.media.id].highestProgress = Math.max(
mangaEntries[entry.media.id].highestProgress,
splitProgress[splitProgress.length - 1]
)
}
else if(entry.status === "completed"){
addDefault();
mangaEntries[entry.media.id].highestProgress = mangaEntries[entry.media.id].total || 1;
mangaEntries[entry.media.id].completionCount++
}
}
});
let formatDigest = {};
Object.keys(distributionFormats).forEach(key => formatDigest[key] = 0);
let digestMinutesAnime = 0;
Object.keys(animeEntries).forEach(key => {
let epCount = Math.max(0,animeEntries[key].highestProgress - animeEntries[key].lowestProgress + 1);
if(animeEntries[key].completionCount > 1){
epCount += animeEntries[key].completionCount - 1
}
digestMinutesAnime += epCount * animeEntries[key].duration;
formatDigest[animeEntries[key].format] += epCount
});
Object.keys(mangaEntries).forEach(key => {
let chCount = Math.max(0,mangaEntries[key].highestProgress - mangaEntries[key].lowestProgress + 1);
if(mangaEntries[key].completionCount > 1){
chCount += mangaEntries[key].completionCount - 1
}
formatDigest[mangaEntries[key].format] += chCount
});
create("hr",false,false,miscResults);
create("p",false,"Time Watched: " + formatTime(digestMinutesAnime * 60),miscResults);
if(formatDigest["TV"]){
create("p",false,"TV eps: " + formatDigest["TV"],miscResults)
}
if(formatDigest["OVA"]){
create("p",false,"OVA eps: " + formatDigest["OVA"],miscResults)
}
if(formatDigest["ONA"]){
create("p",false,"ONA eps: " + formatDigest["ONA"],miscResults)
}
if(formatDigest["MOVIE"]){
create("p",false,"Movies: " + formatDigest["MOVIE"],miscResults)
}
if(formatDigest["TV_SHORT"]){
create("p",false,"Short TV eps: " + formatDigest["TV_SHORT"],miscResults)
}
if(formatDigest["SPECIAL"]){
create("p",false,"Specials: " + formatDigest["SPECIAL"],miscResults)
}
if(formatDigest["MUSIC"]){
create("p",false,"Music vids: " + formatDigest["MUSIC"],miscResults)
}
create("hr",false,false,miscResults);
if(formatDigest["MANGA"]){
create("p",false,"Manga chapters: " + formatDigest["MANGA"],miscResults)
}
if(formatDigest["NOVEL"]){
create("p",false,"LN chapters: " + formatDigest["NOVEL"],miscResults)
}
if(formatDigest["ONE_SHOT"]){
create("p",false,"One shots: " + formatDigest["ONE_SHOT"],miscResults)
}
if(data.data.Page.activities[data.data.Page.activities.length - 1].createdAt*1000 >= limitTime){
currentPage++;
create("p",false,"Loading more activities...",miscResults);
getData();
}
})
};getData()
},"hohIDlookup" + user.toLowerCase());
}},
];
let miscInputSelect = create("select",false,false,miscInput);
let miscInputButton = create("button",["button","hohButton"],"Run",miscInput);
availableQueries.forEach(que => {
create("option",false,que.name,miscInputSelect).value = que.name
});
miscInputSelect.oninput = function(){
miscOptions.innerText = "";
let relevant = availableQueries.find(que => que.name === miscInputSelect.value);
miscResults.innerText = "";
if(relevant.setup){
relevant.setup()
}
};
miscInputButton.onclick = function(){
miscResults.innerText = "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<data.length;i++){
let row = create("div","row");
formatter.celData.forEach((celData,index) => {
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<regularTags.length;i++){
let tag = create("span","hohRegularTag",false,regularTagsSettingContent);
let tagContent = create("span",false,regularTags[i],tag);
let tagCross = create("span","hohCross",svgAssets.cross,tag);
tagCross.regularTag = regularTags[i] + "";
tagCross.addEventListener("click",function(){
for(var j=0;j<regularTags.length;j++){
if(regularTags[j] === this.regularTag){
regularTags.splice(j,1);
localStorage.setItem("regularTags" + formatter.title,JSON.stringify(regularTags));
break
}
};
this.parentNode.remove();
})
};
regularTagsSettingAdd.addEventListener("click",function(){
let newTagName = this.previousSibling.value;
if(!newTagName){
return
};
newTagName = capitalize(newTagName);
regularTags.push(newTagName);
let tag = create("span","hohRegularTag");
let tagContent = create("span",false,newTagName,tag);
let tagCross = create("span","hohCross",svgAssets.cross,tag);
tagCross.regularTag = newTagName + "";
tagCross.addEventListener("click",function(){
for(var j=0;j<regularTags.length;j++){
if(regularTags[j] === this.regularTag){
regularTags.splice(j,1);
localStorage.setItem("regularTags" + formatter.title,JSON.stringify(regularTags));
break
}
}
this.parentNode.remove();
});
this.previousSibling.previousSibling.appendChild(tag);
localStorage.setItem("regularTags" + formatter.title,JSON.stringify(regularTags));
});
tableHider.onclick = function(){
if(this.innerText === "[-]"){
tableHider.innerText = "[+]";
tableContent.style.display = "none";
regularTagsSetting.style.display = "none";
formatter.display = false
}
else{
tableHider.innerText = "[-]";
tableContent.style.display = "block";
regularTagsSetting.style.display = "block";
formatter.display = true
}
};
if(!formatter.display){
tableHider.innerText = "[+]";
tableContent.style.display = "none";
regularTagsSetting.style.display = "none";
}
};
};
let semaPhoreAnime = false;//I have no idea what "semaphore" means in software
let semaPhoreManga = false;//but it sounds cool so this is a semaphore
//
let nativeTagsReplacer = function(){
if(useScripts.replaceNativeTags === false || semaPhoreAnime === false || semaPhoreManga === false){
return
};
const mixedFields = [
{
key : "name",
method : function(media){
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 : "type",
method : function(media){
if(!media.progressVolumes && !(media.progressVolumes === 0)){
return "ANIME"
}
return "MANGA"
}
},{
key : "mediaId",
method : media => media.mediaId
},{
key : "score",
method : media => media.scoreRaw
},{
key : "duration",
sumable : ACCUMULATE,
method : media => media.watchedDuration || 0
},{
key : "chaptersRead",
sumable : ACCUMULATE,
method : media => media.chaptersRead || 0
}
];
let mixedFormatter = {
title: "",
display: true,
isMixed: true,
headings: ["Tag","Count","Mean Score","Time Watched","Chapters Read"],
focus: -1,
anime: true,
manga: true,
celData: [
function(cel,data,index,isPrimary,isTag){
if(isPrimary){
let nameCellCount = create("div","count",(index+1),cel);
let nameCellTag = create("a",false,data[index].name,cel,"cursor:pointer;");
if(isTag){
if(mixedFormatter.anime){
nameCellTag.href = "/search/anime?includedTags=" + data[index].name + "&onList=true"
}
else{
nameCellTag.href = "/search/manga?includedTags=" + data[index].name + "&onList=true"
}
}
else{
if(mixedFormatter.anime){
nameCellTag.href = "/search/anime?includedGenres=" + data[index].name + "&onList=true"
}
else{
nameCellTag.href = "/search/manga?includedGenres=" + data[index].name + "&onList=true"
}
}
if(tagDescriptions[data[index].name]){
nameCellTag.title = tagDescriptions[data[index].name]
}
let nameCellStatus = create("span","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);
create("p",false,"tip: click a row to show individual media entries",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
}
mixedFormatter.anime = input_a.checked;
mixedFormatter.manga = input_m.checked;
base_media = base_media.filter(mediaEntry => {
if(mediaEntry.hasOwnProperty("progressVolumes")){
if(mediaEntry.progress < parseInt(min_c_input.value)){
return false
}
}
else{
if(mediaEntry.progress < parseInt(min_e_input.value)){
return false
}
}
return mediaEntry.scoreRaw >= parseInt(min_s_input.value)
&& statusFilter[mediaEntry.status]
&& formatFilter[mediaEntry.media.format]
})
listOfTags = regularTagsCollection(base_media,mixedFields,media => media.media.tags);
drawTable(listOfTags,mixedFormatter,regularTagsTable,true);
drawTable(
regularTagsCollection(
base_media,
mixedFields,
media => media.media.genres.map(a => ({name: a}))
),
mixedFormatter,
regularGenresTable
)
}
tableHider.onclick = function(){
if(this.innerText === "[-]"){
tableHider.innerText = "[+]";
filters.style.display = "none"
}
else{
tableHider.innerText = "[-]";
filters.style.display = "block"
}
}
}
drawTable(listOfTags,mixedFormatter,regularTagsTable,true);
//recycle most of the formatter for genres
drawTable(
regularTagsCollection(
collectedMedia,
mixedFields,
media => media.media.genres.map(a => ({name: a}))
),
mixedFormatter,
regularGenresTable
);
hohGenresTrigger.removeEventListener("mouseover",drawer);
}
hohGenresTrigger.addEventListener("mouseover",drawer);
if(hohGenresTrigger.classList.contains("hohActive")){
drawer()
}
};
//get anime list
let personalStatsCallback = function(data,filterSettings,onlyStats){
personalStats.innerText = "";
create("hr","hohSeparator",false,personalStats);
let regularFilterHeading = create("div",false,false,personalStats,"margin-bottom: 10px;");
let filterWrap = create("div",false,false,regularFilterHeading);
let filterLabel = create("span",false,"Filters",filterWrap);
let tableHider = create("span",["hohMonospace","hohTableHider"],"[+]",filterWrap);
let filters = create("div",false,false,filterWrap,"display: none");
let listFilterHeading = create("p",false,"Lists",filters);
filterSettings = filterSettings || {
lists: {
}
};
data.data.MediaListCollection.lists.forEach(mediaList => {
let listSetting = create("p","hohSetting",false,filters);
let listSetting_input = createCheckbox(listSetting);
if(!filterSettings.lists.hasOwnProperty(mediaList.name) || filterSettings.lists[mediaList.name]){
listSetting_input.checked = true;
filterSettings.lists[mediaList.name] = true
}
listSetting_input.oninput = function(){
filterSettings.lists[mediaList.name] = listSetting_input.checked
}
create("span",false,mediaList.name,listSetting);
});
let applyButton = create("button",["hohButton","button"],"Submit",filters);
applyButton.onclick = function(){
personalStatsCallback(data,filterSettings,true);
}
tableHider.onclick = function(){
if(this.innerText === "[-]"){
tableHider.innerText = "[+]";
filters.style.display = "none"
}
else{
tableHider.innerText = "[-]";
filters.style.display = "block"
}
}
create("h1","hohStatHeading","Anime stats for " + user,personalStats);
let list = returnList({
data: {
MediaListCollection: {
lists: data.data.MediaListCollection.lists.filter(
mediaList => filterSettings.lists[mediaList.name]
)
}
}
});
let scoreList = list.filter(element => element.scoreRaw);
if(whoAmI && whoAmI !== user){
let compatabilityButton = create("button",["button","hohButton"],"Compatibility",personalStats);
let compatLocation = create("div","#hohCheckCompat",false,personalStats);
compatabilityButton.onclick = function(){
compatLocation.innerText = "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 (higher number = more fine-grained ratings. Usually between 1 - 6)"
);
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 freely 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){
if(!data[index].duration){
cel.innerText = "-"
}
else{
cel.innerText = formatTime(data[index].duration*60,"short");
cel.title = (data[index].duration/60).roundPlaces(1) + " hours"
}
},
function(cel,data,index,isPrimary){
if(isPrimary){
if(!data[index].list.length){
cel.innerText = "-"
}
else{
cel.innerText = data[index].episodes
}
}
else{
cel.innerText = data[index].episodes
}
},
function(cel,data,index,isPrimary){
if(data[index].episodes === 0 && data[index].remaining === 0 || isPrimary && !data[index].list.length){
cel.innerText = "-"
}
else if(data[index].remaining === 0){
cel.innerText = "completed"
}
else{
if(useScripts.timeToCompleteColumn){
cel.innerText = data[index].remaining + " (" + formatTime(data[index].remainingTime*60,"short") + ")"
}
else{
cel.innerText = data[index].remaining
}
}
}
],
sorting: [
ALPHABETICAL(a => a.name),
(b,a) => a.list.length - b.list.length,
(b,a) => a.average - b.average,
(b,a) => a.duration - b.duration,
(b,a) => a.episodes - b.episodes,
(b,a) => a.remaining - b.remaining
]
};
const animeFields = [
{
key : "name",
method : function(media){
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)
};
if(onlyStats){
return
}
let listOfTags = regularTagsCollection(list,animeFields,media => media.media.tags);
if(listOfTags.length > 50){
listOfTags = listOfTags.filter(a => a.list.length >= 3)
}
drawTable(listOfTags,animeFormatter,regularAnimeTable,true,false);
semaPhoreAnime = list;
nativeTagsReplacer();
generalAPIcall(queryMediaListStaff,{name: user,listType: "ANIME"},function(data){
if(!data){
return
}
let rawStaff = returnList(data);
rawStaff.forEach((raw,index) => {
raw.status = list[index].status;
raw.watchedDuration = list[index].watchedDuration;
raw.scoreRaw = list[index].scoreRaw
});
let staffMap = {};
rawStaff.filter(obj => obj.status !== "PLANNING").forEach(media => {
media.media.staff.forEach(staff => {
if(!staffMap[staff.id]){
staffMap[staff.id] = {
watchedDuration: 0,
count: 0,
scoreCount: 0,
scoreSum: 0,
id: staff.id,
name: staff.name
}
};
if(media.watchedDuration){
staffMap[staff.id].watchedDuration += media.watchedDuration;
staffMap[staff.id].count++
};
if(media.scoreRaw){
staffMap[staff.id].scoreSum += media.scoreRaw;
staffMap[staff.id].scoreCount++
}
})
});
let staffList = [];
Object.keys(staffMap).forEach(
key => staffList.push(staffMap[key])
);
staffList = staffList.filter(
obj => obj.count >= 1
).sort(
(b,a) => a.count - b.count || a.watchedDuration - b.watchedDuration
);
if(staffList.length > 300){
staffList = staffList.filter(obj => obj.count >= 3)
};
if(staffList.length > 300){
staffList = staffList.filter(obj => obj.count >= 5)
};
if(staffList.length > 300){
staffList = staffList.filter(obj => obj.count >= 10)
};
let hasScores = staffList.some(a => a.scoreCount);
let drawStaffList = function(){
removeChildren(animeStaff)
animeStaff.innerText = "";
let table = create("div",["table","hohTable","hohNoPointer"],false,animeStaff);
let headerRow = create("div",["header","row","good"],false,table);
let nameHeading = create("div",false,"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 && reliablePersistentStorage){
cache.getList("ANIME",function(data){
personalStatsCallback({
data: {
MediaListCollection: data
}
})
})
}
else{
generalAPIcall(
queryMediaListAnime,
{
name: user,
listType: "ANIME"
},
function(data){personalStatsCallback(data)}
)
}
//manga stats
let personalStatsMangaCallback = function(data){
personalStatsManga.innerText = "";
create("hr","hohSeparator",false,personalStatsManga);
create("h1","hohStatHeading","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 (higher number = more fine-grained ratings. Usually between 1 - 6)"
);
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 && reliablePersistentStorage){
cache.getList("MANGA",data => {
personalStatsMangaCallback({
data: {
MediaListCollection: data
}
})
})
}
else{
generalAPIcall(
queryMediaListManga,
{
name: user,
listType: "MANGA"
},
personalStatsMangaCallback
)
}
};
let tabWaiter = function(){
let tabMenu = filterGroup.querySelectorAll(".filter-group > a");
tabMenu.forEach(tab => {
tab.onclick = function(){
Array.from(document.querySelector(".stats-wrap").children).forEach(child => {
child.style.display = "initial";
});
Array.from(document.getElementsByClassName("hohActive")).forEach(child => {
child.classList.remove("hohActive");
});
document.getElementById("hohStats").style.display = "none";
document.getElementById("hohGenres").style.display = "none";
document.querySelector(".page-content .user").classList.remove("hohSpecialPage")
}
});
if(!tabMenu.length){
setTimeout(tabWaiter,200)
}
};tabWaiter();
let statsWrap = document.querySelector(".stats-wrap");
if(statsWrap){
hohStats = create("div","#hohStats",false,statsWrap,"display:none;");
hohGenres = create("div","#hohGenres",false,statsWrap,"display:none;");
regularFilterHeading = create("div","#regularFilterHeading",false,hohGenres);
regularGenresTable = create("div","#regularGenresTable","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"
}
};
//end modules/addMoreStats.js
//begin modules/addMyThreadsLink.js
function addMyThreadsLink(){
if(!document.URL.match(/^https:\/\/anilist\.co\/forum\/?(overview|search\?.*|recent|new|subscribed)?$/)){
return
};
if(document.querySelector(".hohMyThreads")){
return
};
let target = document.querySelector(".filters");
if(!target){
setTimeout(addMyThreadsLink,100)
}
else{
create("a",["hohMyThreads","link"],"My Threads",target)
.href = "https://anilist.co/user/" + whoAmI + "/social#my-threads"
}
}
//end modules/addMyThreadsLink.js
//begin modules/addProgressBar.js
function addProgressBar(){
if(location.pathname !== "/home"){
return
};
let mediaCards = document.querySelectorAll(".media-preview-card .content .info:not(.hasMeter) > div");
if(!mediaCards.length){
setTimeout(function(){
addProgressBar()
},200);//may take some time to load
return
};
mediaCards.forEach(card => {
const progressInformation = card.innerText.match(/Progress:\ (\d+)\/(\d+)/);
if(progressInformation){
let pBar = create("meter");
pBar.value = progressInformation[1];
pBar.min = 0;
pBar.max = progressInformation[2];
card.parentNode.insertBefore(pBar,card);
card.parentNode.parentNode.parentNode.querySelector(".plus-progress").onclick = function(){
pBar.value++;
setTimeout(function(){
pBar.value = card.innerText.match(/Progress:\ (\d+)\/(\d+)/)[1]
},1000)
}
}
});
document.querySelector(".size-toggle").onclick = function(){
setTimeout(function(){
addProgressBar()
},200);
}
}
//end modules/addProgressBar.js
//begin modules/addRelationStatusDot.js
function addRelationStatusDot(id){
if(!location.pathname.match(/^\/(anime|manga)/)){
return;
};
let relations = document.querySelector(".relations");
if(relations){
if(relations.classList.contains("hohRelationStatusDots")){
return
};
relations.classList.add("hohRelationStatusDots");
};
authAPIcall(
`query($id: Int){
Media(id:$id){
relations{
nodes{
id
type
mediaListEntry{status}
}
}
recommendations(sort:RATING_DESC){
nodes{
mediaRecommendation{
id
type
mediaListEntry{status}
}
}
}
}
}`,
{id: id},
function(data){
let adder = function(){
let mangaAnimeMatch = document.URL.match(/^https:\/\/anilist\.co\/(anime|manga)\/(\d+)\/?([^/]*)?\/?(.*)?/);
if(!mangaAnimeMatch){
return
}
if(mangaAnimeMatch[2] !== id){
return
}
let rels = data.data.Media.relations.nodes.filter(media => media.mediaListEntry);
if(rels){
relations = document.querySelector(".relations");
if(relations){
relations.classList.add("hohRelationStatusDots");
relations.querySelectorAll(".hohStatusDot").forEach(dot => dot.remove());
rels.forEach(media => {
let target = relations.querySelector("[href^=\"/" + media.type.toLowerCase() + "/" + media.id + "/\"]");
if(target){
let statusDot = create("div","hohStatusDot",false,target);
statusDot.style.background = distributionColours[media.mediaListEntry.status];
statusDot.title = media.mediaListEntry.status.toLowerCase();
}
})
}
else{
setTimeout(adder,300);
}
}
};adder();
let init_completed = false;
let recsAdder = function(){
let mangaAnimeMatch = document.URL.match(/^https:\/\/anilist\.co\/(anime|manga)\/(\d+)\/?([^/]*)?\/?(.*)?/);
if(!mangaAnimeMatch){
return
}
if(mangaAnimeMatch[2] !== id){
return
};
let recs = data.data.Media.recommendations.nodes.map(
item => item.mediaRecommendation
).filter(
item => item.mediaListEntry
);
if(recs.length){
let findCard = document.querySelector(".recommendation-card");
if(findCard){
findCard = findCard.parentNode;
let adder = function(recs){
recs.forEach(media => {
let target = findCard.querySelector("[href^=\"/" + media.type.toLowerCase() + "/" + media.id + "/\"]");
if(target){
let statusDot = create("div","hohStatusDot",false,target);
statusDot.style.background = distributionColours[media.mediaListEntry.status];
statusDot.title = media.mediaListEntry.status.toLowerCase();
}
});
};adder(recs);
let toggle = document.querySelector(".recommendations .view-all .toggle");
if(toggle){
toggle.addEventListener("click",function(){
setTimeout(function(){adder(recs)},1000)
})
};
if(!init_completed){
init_completed = true;
if(toggle && parseInt(toggle.innerText.match(/\d+/)) > 25){
let recs2 = [];
toggle.addEventListener("mouseover",function(){
authAPIcall(
`query($id: Int){
Media(id:$id){
recommendations(sort:RATING_DESC,page:2){
nodes{
mediaRecommendation{
id
type
mediaListEntry{status}
}
}
}
}
}`,
{id: id},
function(data){
recs2 = data.data.Media.recommendations.nodes.map(
item => item.mediaRecommendation
).filter(
item => item.mediaListEntry
);
}
)
})
toggle.addEventListener("click",function(){
setTimeout(function(){adder(recs2)},1000);//eh, good enough
setTimeout(function(){adder(recs2)},5000);
setTimeout(function(){adder(recs2)},10000);
setTimeout(function(){adder(recs2)},15000)
})
}
}
}
else{
setTimeout(recsAdder,300)
}
}
};recsAdder();
},
"hohRelationStatusDot" + id,2*60*1000,
false,false,
function(data){
let adder = function(){
let mangaAnimeMatch = document.URL.match(/^https:\/\/anilist\.co\/(anime|manga)\/(\d+)\/?([^/]*)?\/?(.*)?/);
if(!mangaAnimeMatch){
return
}
if(mangaAnimeMatch[2] !== id){
return
}
let rels = data.data.Media.relations.nodes.filter(media => media.mediaListEntry);
if(rels){
relations = document.querySelector(".relations");
if(relations && !relations.classList.contains("hohRelationStatusDots")){
relations.classList.add("hohRelationStatusDots");
rels.forEach(media => {
let target = relations.querySelector("[href^=\"/" + media.type.toLowerCase() + "/" + media.id + "/\"]");
if(target){
let statusDot = create("div","hohStatusDot",false,target);
statusDot.style.background = distributionColours[media.mediaListEntry.status];
statusDot.title = media.mediaListEntry.status.toLowerCase();
}
})
}
else{
setTimeout(adder,300)
}
}
};adder();
}
)
}
//end modules/addRelationStatusDot.js
//begin modules/addReviewConfidence.js
//not useful?
function addReviewConfidence(){
generalAPIcall("query{Page(page:1,perPage:30){reviews(sort:ID_DESC){id rating ratingAmount}}}",{},function(data){
let adder = function(){
if(location.pathname !== "/reviews"){
return
}
let locationForIt = document.querySelector(".recent-reviews .review-wrap");
if(!locationForIt){
setTimeout(adder,200);
return;
}
data.data.Page.reviews.forEach((review,index) => {
let wilsonLowerBound = wilson(review.rating,review.ratingAmount).left
let extraScore = create("span",false,"~" + Math.round(100*wilsonLowerBound));
extraScore.style.color = "hsl(" + wilsonLowerBound*120 + ",100%,50%)";
extraScore.style.marginRight = "3px";
let parent = locationForIt.querySelector('[href="/review/' + review.id + '"] .votes');
if(parent){
parent.insertBefore(extraScore,parent.firstChild);
if(wilsonLowerBound < 0.05){
locationForIt.children[index].style.opacity = "0.5"
}
}
})
};adder();
},"hohRecentReviews",30*1000);
}
//end modules/addReviewConfidence.js
//begin modules/addSocialThemeSwitch.js
function addSocialThemeSwitch(){
let URLstuff = location.pathname.match(/^\/user\/(.*)\/social/)
if(!URLstuff){
return
};
if(document.querySelector(".filters .hohThemeSwitch")){
return
};
let target = document.querySelector(".filters");
if(!target){
setTimeout(addSocialThemeSwitch,100);
return;
}
let themeSwitch = create("div",["theme-switch","hohThemeSwitch"],false,target,"width:70px;");
let listView = create("span",false,false,themeSwitch);
let cardView = create("span","active",false,themeSwitch);
listView.appendChild(svgAssets2.listView.cloneNode(true));
cardView.appendChild(svgAssets2.cardView.cloneNode(true));
listView.onclick = function(){
document.querySelector(".hohThemeSwitch .active").classList.remove("active");
listView.classList.add("active");
document.querySelector(".user-social").classList.add("listView");
}
cardView.onclick = function(){
document.querySelector(".hohThemeSwitch .active").classList.remove("active");
cardView.classList.add("active");
document.querySelector(".user-social.listView").classList.remove("listView");
}
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());
}
}
//end modules/addSocialThemeSwitch.js
//begin modules/addStudioBrowseSwitch.js
function addStudioBrowseSwitch(){
let URLstuff = location.pathname.match(/^\/studio\//)
if(!URLstuff){
return
};
if(document.querySelector(".studio-page-unscoped .hohThemeSwitch")){
return
};
let target = document.querySelector(".studio-page-unscoped");
if(!target){
setTimeout(addStudioBrowseSwitch,100);
return;
}
let themeSwitch = create("div",["theme-switch","hohThemeSwitch"],false,target);
target.classList.add("cardView");
let listView = create("span",false,false,themeSwitch);
listView.title = "List View";
let cardView = create("span","active",false,themeSwitch);
cardView.title = "Card View";
listView.appendChild(svgAssets2.bigListView.cloneNode(true));
cardView.appendChild(svgAssets2.compactView.cloneNode(true));
cardView.onclick = function(){
document.querySelector(".hohThemeSwitch .active").classList.remove("active");
cardView.classList.add("active");
target.classList.add("cardView");
target.classList.remove("listView");
}
listView.onclick = function(){
document.querySelector(".hohThemeSwitch .active").classList.remove("active");
listView.classList.add("active");
target.classList.remove("cardView");
target.classList.add("listView");
}
}
//end modules/addStudioBrowseSwitch.js
//begin modules/addSubTitleInfo.js
function addSubTitleInfo(){
let URLstuff = document.URL.match(/^https:\/\/anilist\.co\/(anime|manga)\/.*/);
if(!URLstuff){
return
}
else if(document.querySelector(".hohExtraBox")){
document.querySelector(".hohExtraBox").remove()
};
let sidebar = document.querySelector(".sidebar");
if(!sidebar){
setTimeout(addSubTitleInfo,200);
return
};
let infoNeeded = {};
Array.from(sidebar.querySelectorAll(".data-set .type")).forEach(pair => {
if(pair.innerText === "Native"){
infoNeeded.native = pair.nextElementSibling.innerText
}
if(pair.innerText === "Romaji"){
infoNeeded.romaji = pair.nextElementSibling.innerText
}
if(pair.innerText === "English"){
infoNeeded.english = pair.nextElementSibling.innerText
}
else if(pair.innerText === "Format"){
infoNeeded.format = pair.nextElementSibling.innerText;
if(infoNeeded.format === "Manga (Chinese)"){
infoNeeded.format = "Manhua"
}
else if(infoNeeded.format === "Manga (Korean)"){
infoNeeded.format = "Manhwa"
}
}
else if(pair.innerText === "Release Date" || pair.innerText === "Start Date"){
infoNeeded.year = pair.nextElementSibling.innerText.match(/\d{4}/)[0]
}
else if(pair.innerText === "Studios"){
infoNeeded.studios = pair.nextElementSibling.innerText.split("\n");
infoNeeded.studiosLinks = Array.from(
pair.nextElementSibling.querySelectorAll("a")
).map(a => a.href);
}
});
if(!infoNeeded.romaji){//guaranteed to exist, so a good check for if the sidebar has loaded
setTimeout(addSubTitleInfo,200);
return
}
let title = document.querySelector(".content > h1: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)
}
})
}
}
//end modules/addSubTitleInfo.js
//begin modules/ALbuttonReload.js
if(useScripts.ALbuttonReload){
let logo = document.querySelector(".logo");
if(logo){
logo.onclick = function(){
if(/\/home\/?$/.test(location.pathname)){//we only want this behaviour here
window.location.reload(false);//reload page, but use cache if possible
}
}
}
}
exportModule({
id: "ALbuttonReload",
description: "Make the 'AL' button reload the feeds on the homepage",
isDefault: true,
categories: ["Navigation"],
visible: true
})
//end modules/ALbuttonReload.js
//begin modules/anisongs.js
//fork of anisongs by morimasa
//https://gf.qytechs.cn/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"],
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
}
}
})
//end modules/anisongs.js
//begin modules/autoLogin.js
exportModule({
id: "autoLogin",
description: "Attempt automatic login when visiting anilist.co [read description]",
extendedDescription: `
Normally, Automail will stay signed in even if you close your browser.
However, if you have all persistant storage turned off, that's not possible.
To use features that requires an Anilist login, you will normally have to click the "sign in" link on the settings page each time.
In those cases, this module tries to automatically sign in when first visiting the page, potentially saving you a few clicks.
IMPORTANT DETAILS FOR THIS MODULE TO WORK!
This module is off by default. In some cases of non-persistance storage, Automail will always load at default settings, thus checking this checkbox will do absolutely nothing.
To change the defaults:
Option a) When building from source edit "src/modules/autoLogin.js" so "isDefault" is set to true
Option b) Manually add your access token in the file "src/settings.js". It's a field in the "useScripts" object.
Option c) If you just have the compiled JS file "automail.js", search for "I EAT PANCAKES" in the code, and change "isDefault" line below to true
`,
isDefault: false,
categories: ["Script"],
visible: true
})
//end modules/autoLogin.js
//begin modules/betterListPreview.js
function betterListPreview(){
if(window.screen.availWidth && window.screen.availWidth <= 1040){
return
}
let errorHandler = function(e){
console.error(e);
console.warn("Alternative list preview failed. Trying to bring back the native one");
let hohListPreviewToRemove = document.getElementById("hohListPreview");
if(hohListPreviewToRemove){
hohListPreviewToRemove.remove()
};
document.querySelectorAll(".list-preview-wrap").forEach(wrap => {
wrap.style.display = "block"
})
}
try{//it's complex, and could go wrong. Furthermore, we want a specific behavour when it fails, namely bringing back the native preview
let hohListPreview = document.getElementById("hohListPreview");
if(hohListPreview){
return
};
let buildPreview = function(data,overWrite){try{
if(!data){
return
}
if(!hohListPreview){
overWrite = true;
let listPreviews = document.querySelectorAll(".list-previews h2");
if(!listPreviews.length){
setTimeout(function(){buildPreview(data)},200);
return
};
hohListPreview = create("div","#hohListPreview");
listPreviews[0].parentNode.parentNode.parentNode.parentNode.insertBefore(hohListPreview,listPreviews[0].parentNode.parentNode.parentNode);
listPreviews.forEach(heading => {
if(!heading.innerText.includes("Manga")){
heading.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)
}
}
//end modules/betterListPreview.js
//begin modules/betterReviewRatings.js
function betterReviewRatings(){
if(!location.pathname.match(/\/home/)){
return
}
let reviews = document.querySelectorAll(".review-card .el-tooltip.votes");
if(!reviews.length){
setTimeout(betterReviewRatings,500);
return;
}
// Basic idea: read the rating info from the tooltips to avoid an API call.
document.body.classList.add("TMPreviewScore");//add a temporary class, which makes all tooltips
reviews.forEach(likeElement => {//trigger creation of the tooltips (they don't exist before hover)
likeElement.dispatchEvent(new Event("mouseenter"));
likeElement.dispatchEvent(new Event("mouseleave"));
});
setTimeout(function(){//give anilist some time to generate them
reviews.forEach(likeElement => {
let likeExtra = document.getElementById(likeElement.attributes["aria-describedby"].value);
if(likeExtra){
let matches = likeExtra.innerText.match(/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);
}
//end modules/betterReviewRatings.js
//begin modules/browseSubmenu.js
if(useScripts.browseSubmenu && useScripts.CSSverticalNav && whoAmI && !useScripts.mobileFriendly){
let addMouseover = function(){
let navThingy = document.querySelector(`.nav .links .browse-wrap`);
if(navThingy){
navThingy.classList.add("subMenuContainer");
let subMenu = create("div","hohSubMenu",false,navThingy);
create("a","hohSubMenuLink","Anime",subMenu)
.href = "/search/anime";
create("a","hohSubMenuLink","Manga",subMenu)
.href = "/search/manga";
create("a","hohSubMenuLink","Staff",subMenu)
.href = "/search/staff";
create("a","hohSubMenuLink","Characters",subMenu)
.href = "/search/characters";
create("a","hohSubMenuLink","Reviews",subMenu)
.href = "/reviews";
create("a","hohSubMenuLink","Recommendations",subMenu)
.href = "/recommendations";
navThingy.onmouseenter = function(){
subMenu.style.display = "inline"
}
navThingy.onmouseleave = function(){
subMenu.style.display = "none"
}
}
else{
setTimeout(addMouseover,500)
}
};addMouseover()
}
//end modules/browseSubmenu.js
//begin modules/cencorMediaPage.js
function cencorMediaPage(id){
if(!location.pathname.match(/^\/(anime|manga)/)){
return
};
let possibleLocation = document.querySelectorAll(".tags .tag .name");
if(possibleLocation.length){
if(possibleLocation.some(
tag => badTags.some(
bad => tag.innerText.toLowerCase().includes(bad)
)
)){
let content = document.querySelector(".page-content");
if(content){
content.classList.add("hohCencor")
}
}
}
else{
setTimeout(() => {cencorMediaPage(id)},200)
}
}
//end modules/cencorMediaPage.js
//begin modules/clickableActivityHistory.js
exportModule({
id: "clickableActivityHistory",
description: "Displays activities for an entry in the activity history",
isDefault: true,
categories: ["Navigation","Profiles"],
visible: false,
urlMatch: function(url,oldUrl){
return url.match(/\/user\/[^/]+\/?$/);
},
code: function(){
if(!useScripts.termsFeed){
return
}
let waiter = function(){
let activityHistory = document.querySelector(".activity-history");
if(!activityHistory){
setTimeout(waiter,1000);
return
};
activityHistory.onclick = function(event){
let target = event.target;
if(target && target.classList.contains("history-day")){
if(target.classList.contains("lv-0")){
return
}
let offset = 1;
while(target.nextSibling){
offset++;
target = target.nextSibling
}
let presentDayPresentTime = (new Date()).valueOf();
presentDayPresentTime = new Date(presentDayPresentTime.valueOf() - offset * 24*60*60*1000);
let year = presentDayPresentTime.getUTCFullYear();
let month = presentDayPresentTime.getUTCMonth() + 1;
let day = presentDayPresentTime.getUTCDate();
let hour = presentDayPresentTime.getUTCHours();
if(hour + 9 > 23){
day++
}
window.location.href = "https://anilist.co/terms?user=" + encodeURIComponent(document.querySelector("h1.name").innerText) + "&date=" + year + "-" + month + "-" + day
}
}
};waiter()
}
})
//end modules/clickableActivityHistory.js
//begin modules/directEditorAccess.js
exportModule({
id: "directListAccess",
description: "Make the down arrow links in the feeds open the list editor directly",
extendedDescription: "When hovering over the cover image of an entry in the activity feeds, an arrow will appear. Clicking the arrow will present you with various options, including opening the list editor. I never use any of the other options, so this module turns this into a one-click experience.",
isDefault: false,
importance: 0,
categories: ["Feeds","Newly Added"],
visible: true,
urlMatch: function(url,oldUrl){
return url === "https://anilist.co/home" || url.match(/^https:\/\/anilist\.co\/user\/(.*)\/$/)
},
code: function(){
let adder = function(){
if(document.querySelector(".activity-feed")){
document.querySelector(".activity-feed").addEventListener("click",function(e){
let tmp_target = e.target;
if(!tmp_target.classList.contains("el-dropdown-menu__item--divided")){
for(let i=0;i<4;i++){
if(tmp_target.classList.contains("entry-dropdown")){
let item = document.getElementById(tmp_target.children[0].getAttribute("aria-controls"));
if(item){
item.querySelector(".el-dropdown-menu__item--divided").click()
}
break
}
else{
tmp_target = tmp_target.parentNode
}
}
}
})
}
else{
setTimeout(adder,2000)
}
};
adder()
}
})
//end modules/directEditorAccess.js
//begin modules/documentTitleManager.js
let titleObserver = new MutationObserver(mutations => {
let title = document.querySelector("head > title").textContent;
let titleMatch = title.match(/(.*)\s\((\d+)\)\s\((.*)\s\(\2\)\)(.*)/);//ugly nested paranthesis like "Tetsuwan Atom (1980) (Astro Boy (1980)) · AniList"
if(titleMatch){
//change to the form "Tetsuwan Atom (Astro Boy 1980) · AniList"
document.title = titleMatch[1] + " (" + titleMatch[3] + " " + titleMatch[2] + ")" + titleMatch[4];
}
let badApostropheMatch = title.match(/^(\S+?s)'s\sprofile(.*)/);
if(badApostropheMatch){
document.title = badApostropheMatch[1] + "' profile" + badApostropheMatch[2]
}
if(useScripts.SFWmode && title !== "Table of Contents"){//innocent looking
document.title = "Table of Contents"
}
});
if(document.title){
titleObserver.observe(document.querySelector("head > title"),{subtree: true, characterData: true, childList: true })
}
//end modules/documentTitleManager.js
//begin modules/drawListStuff.js
function drawListStuff(){
const URLstuff = location.pathname.match(/^\/user\/(.+)\/(animelist|mangalist)/);
if(!URLstuff){
return
};
if(document.querySelector(".hohExtraFilters")){
return
};
let filters = document.querySelector(".filters-wrap");
if(!filters){
setTimeout(drawListStuff,200);
return
};
let extraFilters = create("div","hohExtraFilters");
extraFilters.style.marginTop = "15px";
if(useScripts.draw3x3){
let buttonDraw3x3 = create("span","#hohDraw3x3","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){
if(!data){
loader.innerText = "Connection error";
return
}
let list = returnList(data,true).filter(a => a.status === "CURRENT" && a.media.status === "RELEASING");
let returnedItems = 0;
let goodItems = [];
let banContainer = create("div",false,false,scrollableContent.parentNode,"position:absolute;bottom:10px;left:10px");
let banButton = create("button","hohButton","Ban items",banContainer);
let banManager = create("button","hohButton","Manage bans",banContainer);
banButton.onclick = function(){
banMode = !banMode;
if(banMode){
banButton.innerText = "Click items to ban them";
scrollableContent.classList.add("banMode")
}
else{
banButton.innerText = "Ban items";
scrollableContent.classList.remove("banMode")
}
}
banManager.onclick = function(){
let manager = createDisplayBox("min-width:400px;height:500px;top:100px;left:220px");
create("h3",false,"Banned entries:",manager);
if(!useScripts.bannedUpdates || useScripts.bannedUpdates.length == "0"){
create("p",false,"no banned items",manager);
return
}
useScripts.bannedUpdates.forEach(function(item){
let listing = create("p","hohNewChapter",false,manager);
create("a",["link","newTab"],item.title,listing)
.href = "/manga/" + item.id + "/" + safeURL(item.title) + "/";
let chapterClose = create("span","hohDisplayBoxClose",svgAssets.cross,listing);
chapterClose.onclick = function(){
listing.remove();
bannedEntries.delete(item.id);
useScripts.bannedUpdates.splice(useScripts.bannedUpdates.findIndex(a => a.id === item.id));
useScripts.save()
}
})
}
let checkListing = function(data){
returnedItems++;
if(returnedItems === list.length){
loader.innerText = "";
if(!goodItems.length){
loader.innerText = "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));");
progress.style.cursor = "pointer";
progress.title = "Open list editor";
progress.onclick = function(){
if(banMode){
return
}
document.getElementById("app").__vue__.$store.dispatch("medialistEditor/open",media.id)
}
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<titles.length;i++){
if(titles[i].innerText === list.name){
let descriptionNode = create("p",false,list.info);
titles[i].parentNode.insertBefore(descriptionNode,titles[i].nextSibling);
break
}
}
}
})
}
}
});
if(customTags.has("##STRICT")){
customTags.delete("##STRICT")
}
customTags = [...customTags].map(pair => 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()
}
};
//end modules/drawListStuff.js
//begin modules/dubMarker.js
function dubMarker(){
if(!document.URL.match(/^https:\/\/anilist\.co\/anime\/.*/)){
return
}
if(document.getElementById("dubNotice")){
return
}
const variables = {
id: document.URL.match(/\/anime\/(\d+)\//)[1],
page: 1,
language: useScripts.dubMarkerLanguage.toUpperCase()
};
const query = `
query($id: Int!, $type: MediaType, $page: Int = 1, $language: StaffLanguage){
Media(id: $id, type: $type){
characters(page: $page, sort: [ROLE], role: MAIN){
edges {
node{id}
voiceActors(language: $language){language}
}
}
}
}`;
let dubCallback = function(data){
if(!document.URL.match(/^https:\/\/anilist\.co\/anime\/.*/)){
return
};
let dubNoticeLocation = document.querySelector(".sidebar");
if(!dubNoticeLocation){
setTimeout(function(){
dubCallback(data)
},200);
return
}
if(data.data.Media.characters.edges.reduce(
(actors,a) => actors + a.voiceActors.length,0
)){//any voice actors for this language?
if(document.getElementById("dubNotice")){
return
}
let dubNotice = create("p","#dubNotice",useScripts.dubMarkerLanguage + " dub exists");
dubNoticeLocation.insertBefore(dubNotice,dubNoticeLocation.firstChild)
}
};
generalAPIcall(query,variables,dubCallback,"hohDubInfo" + variables.id + variables.language)
}
//end modules/dubMarker.js
//begin modules/embedHentai.js
function embedHentai(){
if(!document.URL.match(/^https:\/\/anilist\.co\/(home|user|forum|activity)/)){
return
};
if(useScripts.SFWmode){//saved you there
return
};
setTimeout(embedHentai,1000);
let mediaEmbeds = document.querySelectorAll(".media-embed");
let bigQuery = [];//collects all on a page first so we only have to send 1 API query.
mediaEmbeds.forEach(function(embed){
if(embed.children.length === 0 && !embed.classList.contains("hohMediaEmbed")){//if( "not-rendered-natively" && "not-rendered-by-this sript" )
embed.classList.add("hohMediaEmbed");
let createEmbed = function(data){
if(!data){
return
};
embed.innerText = "";
let eContainer = create("div",false,false,embed);
let eEmbed = create("div","embed",false,eContainer);
let eCover = create("div","cover",false,eEmbed);
if(data.data.Media.coverImage.color){
eCover.style.backgroundColor = data.data.Media.coverImage.color
}
eCover.style.backgroundImage = "url(" + data.data.Media.coverImage.large + ")";
let eWrap = create("div","wrap",false,eEmbed);
let mediaTitle = titlePicker(data.data.Media);
let eTitle = create("div","title",mediaTitle,eWrap);
let eInfo = create("div","info",false,eWrap);
let eGenres = create("div","genres",false,eInfo);
data.data.Media.genres.forEach((genre,index) => {
let eGenre = create("span",false,genre,eGenres);
let comma = create("span",false,", ",eGenre);
if(index === data.data.Media.genres.length - 1){
comma.style.display = "none"
}
});
create("span",false,distributionFormats[data.data.Media.format],eInfo);
create("span",false," · " + distributionStatus[data.data.Media.status],eInfo);
if(data.data.Media.season){
create("span",false,
" · " + capitalize(data.data.Media.season.toLowerCase()) + " " + data.data.Media.startDate.year,
eInfo
)
}
else if(data.data.Media.startDate.year){
create("span",false,
" · " + data.data.Media.startDate.year,
eInfo
)
}
if(data.data.Media.averageScore){
create("span",false," · " + data.data.Media.averageScore + "%",eInfo)
}
else if(data.data.Media.meanScore){//fallback if it's not popular enough, better than nothing
create("span",false," · " + data.data.Media.meanScore + "%",eInfo)
}
}
bigQuery.push({
query: "query($mediaId:Int,$type:MediaType){Media(id:$mediaId,type:$type){id title{romaji native english} coverImage{large color} genres format status season meanScore averageScore startDate{year}}}",
variables: {
mediaId: +embed.dataset.mediaId,
type: embed.dataset.mediaType.toUpperCase()
},
callback: createEmbed,
cacheKey: "hohMedia" + embed.dataset.mediaId
})
};
});
queryPacker(bigQuery);
}
//end modules/embedHentai.js
//begin modules/enhanceCharacterBrowse.js
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));
};
//end modules/enhanceCharacterBrowse.js
//begin modules/enhanceCharacter.js
function enhanceCharacter(){//adds a favourite count on every character page
if(!location.pathname.match(/^\/character(\/.*)?/)){
return
};
if(document.getElementById("hohFavCount")){
return
};
let oldData = false;
let favCallback = function(data){
let adder = function(){
if(!document.URL.match(/^https:\/\/anilist\.co\/character\/.*/)){
return
}
let favCount = document.querySelector(".favourite .count");
if(favCount){
favCount.parentNode.onclick = function(){
if(favCount.parentNode.classList.contains("isFavourite")){
favCount.innerText = Math.max(parseInt(favCount.innerText) - 1,0)//0 or above, just to avoid looking silly
}
else{
favCount.innerText = parseInt(favCount.innerText) + 1
}
};
if(data.data.Character.favourites === 0 && favButton[0].classList.contains("isFavourite")){//safe to assume
favCount.innerText = data.data.Character.favourites + 1
}
else{
favCount.innerText = data.data.Character.favourites
}
}
else{
setTimeout(adder,200)
}
};
if(data.data.Character.favourites){
adder()
}
};
const variables = {id: parseInt(document.URL.match(/\/character\/(\d+)\/?/)[1])};
generalAPIcall(
`query($id: Int!){
Character(id: $id){
favourites
}
}`,
variables,
favCallback,
"hohCharacterFavs" + variables.id + "page1",
60*60*1000
)
};
//end modules/enhanceCharacter.js
//begin modules/enhanceForum.js
function enhanceForum(){//purpose: reddit-style comment three collapse button
if(!document.URL.match(/^https:\/\/anilist\.co\/forum\/thread\/.*/)){
return
}
let comments = Array.from(document.getElementsByClassName("comment-wrap"));
comments.forEach(comment => {
if(!comment.hasOwnProperty("hohVisited")){
comment.hohVisited = true;
let hider = create("span","hohForumHider","[-]");
hider.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)
}
//end modules/enhanceForum.js
//begin modules/enhanceNotifications.js
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 regularNotifications = create("span",false,svgAssets.envelope + " Show default notifications",possibleButton.parentNode,"cursor: pointer;font-size: small");
let setting = create("p",false,false,possibleButton.parentNode,"cursor: pointer;font-size: small");
let checkbox = createCheckbox(setting);
checkbox.checked = useScripts["hideLikes"];
checkbox.targetSetting = "hideLikes";
checkbox.onchange = function(){
useScripts[this.targetSetting] = this.checked;
useScripts.save();
forceRebuildFlag = true;
enhanceNotifications(true)
};
let description = create("span",false,"Hide like notifications",setting);
setting.style.fontSize = "small";
let softBlockSpan = create("span",false,"Soft block users",possibleButton.parentNode,"cursor: pointer;font-size: small;display: block;margin: 10px 0px;");
softBlockSpan.onclick = function(){
let manager = createDisplayBox("width:600px;height:500px;top:100px;left:220px","Soft block");
create("p",false,"Hide notifications from specific people. A much less drastic solution than blocking them entirely (if that's what you actually want, this is the wrong place).",manager);
create("p",false,"The notifications aren't gone, just hidden. 'Show default notifications' should make them visible. Un-soft-blocking will also bring them back. You may also be interested in the 'Notification Dot Colours' and 'Block stuff in the home feed' sections on the settings page.",manager);
create("p",false,"As an arbitrary decision, I made these people will still show up when grouping similar notifications, since that's not extra spam.",manager);
let form = create("div",false,false,manager);
create("span",false,"Username: ",form);
let userInput = create("input","hohNativeInput",false,form);
let userAdd = create("button","hohButton","Add",form,"margin-left: 10px");
let userList = create("div",false,false,manager);
let renderSoftBlock = function(){
removeChildren(userList);
useScripts.softBlock.forEach((user,index) => {
let item = create("p",false,false,userList,"position: relative");
create("span",false,user,item);
let removeButton = create("span","hohDisplayBoxClose",svgAssets.cross,item,"top: 0px");
removeButton.onclick = function(){
useScripts.softBlock.splice(index,1);
useScripts.save();
renderSoftBlock();
forceRebuildFlag = true;
enhanceNotifications(true)
}
})
}
renderSoftBlock();
userAdd.onclick = function(){
if(userInput.value){
useScripts.softBlock.push(userInput.value);
renderSoftBlock();
useScripts.save();
userInput.value = "";
forceRebuildFlag = true;
enhanceNotifications(true)
}
}
}
if(useScripts.settingsTip){
create("p",false,
`You can turn parts of the script on and off:
settings > apps.
You can also turn off this notice there.`,setting)
};
regularNotifications.onclick = function(){
if(displayMode === "hoh"){
displayMode = "native";
let hohNotsToToggle = document.getElementById("hohNotifications");
if(hohNotsToToggle){
hohNotsToToggle.style.display = "none"
};
Array.from(
document.getElementsByClassName("notification")
).forEach(elem => {
elem.style.display = "grid"
})
regularNotifications.innerText = svgAssets.envelope + " 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 = ""
}
};
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);
activities = activities.filter(
activity => !(
activity.textName
&& useScripts.softBlock.includes(activity.textName)
)
);
for(let i=0;i<activities.length;i++){
if(useScripts.hideLikes && (activities[i].type === "likeReply" || activities[i].type === "like")){
continue
};
let newNotification = create("div");
newNotification.onclick = function(){
this.classList.remove("hohUnread");
let notiCount = document.getElementsByClassName("notification-dot");
if(notiCount.length){
const actualCount = parseInt(notiCount[0].textContent);
if(actualCount < 2){
if(possibleButton){
possibleButton.click()
}
}
else{
notiCount[0].innerText = (actualCount - 1)
}
}
};
if(activities[i].unread){
newNotification.classList.add("hohUnread")
};
newNotification.classList.add("hohNotification");
let notImage = create("a","hohUserImage"); //container for profile images
notImage.href = activities[i].href;
notImage.style.backgroundImage = activities[i].image;
let notNotImageContainer = create("span","hohMediaImageContainer"); //container for series images
let text = create("a","hohMessageText");
let textName = create("span");
let textSpan = create("span");
textName.style.color = "rgb(var(--color-blue))";
let counter = 1;
if(activities[i].type === "like"){
for(
counter = 0;
i + counter < activities.length
&& activities[i + counter].type === "like"
&& activities[i + counter].href === activities[i].href;
counter++
){//one person likes several of your media activities
let notNotImage = create("a",false,false,notNotImageContainer);
create("img",["hohMediaImage",activities[i + counter].link],false,notNotImage);
notNotImage.href = activities[i + counter].directLink;
};
text.href = activities[i].directLink;
textSpan.innerText = activities[i].textSpan;
if(counter > 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";
text.href = activities[i].href
}
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
){
//TODO replace this with document.querySelector?
const info = notification.children[1].children[0].children[0];
active.directLink = info.href
active.text = info.innerHTML;//does not depend on user input
active.textName = (info.childNodes[0] || {textContent: ""}).textContent.trim();
active.textSpan = (info.childNodes[1] || {textContent: ""}).textContent;
let linkMatch = info.href.match(/activity\/(\d+)/);
if(linkMatch){
active.link = linkMatch[1]
};
let testType = info.children[0].textContent;
active.type = activityTypes[testType];
if(!active.type){
active.type = "special"
//by default every activity is some weird thing we are displaying as-is
//makes the transition more smooth every time Anilist introduces a new type of notification
}
else if(
active.type === "forumCommentLike"
|| active.type === "forumSubscribedComment"
|| active.type === "forumCommentReply"
|| active.type === "forumLike"
|| active.type === "forumMention"
){
active.text = (info.children[1] || {textContent: ""}).textContent
}
}
else{
if(notification.innerText.includes("was recently added to the site")){
active.type = "newMedia";
active.text = notification.children[1].innerHTML
}
}
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.src = data.data.Activity.media.coverImage.large;
stuff.classList.add("hohBackgroundCover");
if(data.data.Activity.media.title){
stuff.parentNode.title = data.data.Activity.media.title.romaji
}
})
}
else if(type === "TEXT"){
Array.from(document.getElementsByClassName(data.data.Activity.id)).forEach(stuff => {
stuff.src = data.data.Activity.user.avatar.large;
stuff.classList.add("hohBackgroundUserCover");
stuff.parentNode.style.background = "none"
})
};
if(data.data.Activity.replies.length){
if(!alreadyRenderedComments.has(data.data.Activity.id)){
alreadyRenderedComments.add(data.data.Activity.id);
commentCallback(data)
}
}
};
let vars = {
find: i
};
if(activities[i].link[0] !== "a"){//activities with post link
let variables = {
id: +activities[i].link
};
if(!pending[activities[i].link]){
pending[activities[i].link] = true;
generalAPIcall(queryActivity,variables,imageCallBack,"hohListActivityCall" + variables.id,24*60*60*1000,true)
}
}
}
}
//end modules/enhanceNotifications.js
//begin modules/enhanceSocialTabFeed.js
function enhanceSocialTabFeed(){
let URLstuff = location.pathname.match(/^\/(anime|manga)\/(\d+)\/[\w\-]*\/social/);
if(!URLstuff){
return
}
let feedLocation = document.querySelector(".activity-feed");
if(!feedLocation){
setTimeout(enhanceSocialTabFeed,100);
return
};
let hohFeed = create("div","hohSocialFeed");
feedLocation.insertBefore(hohFeed,feedLocation.children[0]);
let optionsContainer = create("div",false,false,hohFeed,"position:absolute;top:0px;right:0px;");
let hasReplies = createCheckbox(optionsContainer);
create("span",false,"Has Replies",optionsContainer,"margin-right:7px;");
let isFollowing = createCheckbox(optionsContainer);
if(useScripts.accessToken){
create("span",false,"Following",optionsContainer)
}
else{
isFollowing.parentNode.style.display = "none"
}
let feedHeader = create("h2",false,"Recent Activity",hohFeed,"display:none;");
let feedContent = create("div",false,false,hohFeed,"display:none;");
let loadMore = create("div","load-more","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(//save also when accessToken is not available, since it will fall back to a regular API call
query,
{
page: page,
mediaId: parseInt(URLstuff[2])
},
function(data){
if(!data){//restore regular feed
feedLocation.classList.remove("hohReplaceFeed");
feedContent.style.display = "none";
feedHeader.style.display = "none";
loadMore.style.display = "none";
return
}
if(data.data.Page.pageInfo.lastPage > page && data.data.Page.activities.length === 25){
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,perPage: 25){
pageInfo{lastPage}
activities(mediaId: $mediaId,hasReplies:true,isFollowing:true,sort:ID_DESC){
... on ListActivity{
id
status
progress
createdAt
user{
name
avatar{
medium
}
}
media{
title{
userPreferred
}
coverImage{medium}
}
replies{
id
text(asHtml: true)
createdAt
user{
name
avatar{
medium
}
}
likes{
name
}
}
likes{
name
}
}
}
}
}`;
}
else if(hasReplies.checked){
query = `
query($mediaId: Int,$page: Int){
Page(page: $page,perPage: 25){
pageInfo{lastPage}
activities(mediaId: $mediaId,hasReplies:true,sort:ID_DESC){
... on ListActivity{
id
status
progress
createdAt
user{
name
avatar{
medium
}
}
media{
title{
userPreferred
}
coverImage{medium}
}
replies{
id
text(asHtml: true)
createdAt
user{
name
avatar{
medium
}
}
likes{
name
}
}
likes{
name
}
}
}
}
}`;
}
else{
query = `
query($mediaId: Int,$page: Int){
Page(page: $page,perPage: 25){
pageInfo{lastPage}
activities(mediaId: $mediaId,isFollowing:true,sort:ID_DESC){
... on ListActivity{
id
status
progress
createdAt
user{
name
avatar{
medium
}
}
media{
title{
userPreferred
}
coverImage{medium}
}
replies{
id
text(asHtml: true)
createdAt
user{
name
avatar{
medium
}
}
likes{
name
}
}
likes{
name
}
}
}
}
}`;
};
buildFeed(1)
}
else{
feedLocation.classList.remove("hohReplaceFeed");
feedContent.style.display = "none";
feedHeader .style.display = "none";
loadMore .style.display = "none";
}
}
}
//end modules/enhanceSocialTabFeed.js
//begin modules/enhanceSocialTab.js
//Morimasa code https://gf.qytechs.cn/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 //only if notes
&& !e.notes.match(/^,malSync::[a-zA-Z0-9]+=?::$/) //no need to show malSync-only notes, nobody is interested in that
&& !e.notes.match(/^\s+$/) //whitespace-only notes will not show up properly anyway
){
if(e.notes.match(/^(#\S+\s+)*(#\S+)$/)){//use a separate symbol for tags-only notes. Also helps popularizing tags
notesEL.appendChild(svgAssets2.notesTags.cloneNode(true))
}
else{
notesEL.appendChild(svgAssets2.notes.cloneNode(true))
}
notesEL.title = entityUnescape(e.notes);
}
let dateString;
if(
e.startedAt.year && e.completedAt.year && e.startedAt.year == e.completedAt.year
&& e.startedAt.month && e.completedAt.month && e.startedAt.month == e.completedAt.month
&& e.startedAt.day && e.completedAt.day && e.startedAt.day == e.completedAt.day
){
dateString = [
e.startedAt.year,
e.startedAt.month,
e.startedAt.day
].filter(TRUTHY).map(a => ((a + "").length === 1 ? "0" + a : "" + a)).join("-")
}
else{
dateString = [
e.startedAt.year,
e.startedAt.month,
e.startedAt.day
].filter(TRUTHY).map(a => ((a + "").length === 1 ? "0" + a : "" + a)).join("-") + " - " + [
e.completedAt.year,
e.completedAt.month,
e.completedAt.day
].filter(TRUTHY).map(a => ((a + "").length === 1 ? "0" + a : "" + a)).join("-");
}
if(
(e.media.chapters || e.media.episodes) === 1
&& !e.startedAt.year
&& e.completedAt.year
){
dateString = [
e.completedAt.year,
e.completedAt.month,
e.completedAt.day
].filter(TRUTHY).map(a => ((a + "").length === 1 ? "0" + a : "" + a)).join("-")
}
if(
!e.startedAt.year
&& !e.completedAt.year
&& e.createdAt
&& e.status === "PLANNING"
){
e.created
dateString = "planned " + new Date(e.createdAt*1000).toISOString().split("T")[0]
}
if(dateString !== " - "){
target[idMap[e.user.id]].children[3].title = dateString;
}
target[idMap[e.user.id]].insertBefore(
notesEL,target[idMap[e.user.id]].children[4]
)
let rewatchEL = create("span","repeat");
if(e.repeat){
rewatchEL.appendChild(svgAssets2.repeat.cloneNode(true));
rewatchEL.title = e.repeat;
}
target[idMap[e.user.id]].insertBefore(
rewatchEL,target[idMap[e.user.id]].children[4]
)
})
}
const MakeStats = () => {
if(stats.element){
stats.element.remove()
}
let main = create("h2");
const createStat = (text, number) => {
let el = create("span",false,text);
create("span",false,number,el);
return el
}
let count = createStat("Users: ",stats.count);
main.append(count);
let avg = createStat("Avg: ",0);
avg.style.float = "right";
main.append(avg);
const parent = document.querySelector(".following");
parent.prepend(main);
stats.element = main
}
function enhanceSocialTab(){
if(!location.pathname.match(/^\/(anime|manga)\/\d*\/[\w\-]*\/social/)){
return
}
let listOfFollowers = Array.from(document.getElementsByClassName("follow"));
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()
}
//end modules/enhanceSocialTab.js
//begin modules/enhanceStaffBrowse.js
function enhanceStaffBrowse(){
if(!document.URL.match(/\/search\/staff\/?(favorites)?$/)){
return
};
const query = `
query($page: Int!){
Page(page: $page,perPage: 20){
staff(sort: [FAVOURITES_DESC]){
id
favourites
anime:staffMedia(type:ANIME){
pageInfo{
total
}
}
manga:staffMedia(type:MANGA){
pageInfo{
total
}
}
characters{
pageInfo{
total
}
}
}
}
}`;
let favCallback = function(data,page){
if(!document.URL.match(/\/search\/staff\/?(favorites)?$/)){
return
};
let resultsToTag = document.querySelectorAll(".results .staff-card");
if(resultsToTag.length < page*data.data.Page.staff.length){
setTimeout(function(){
favCallback(data,page)
},200);//may take some time to load
return
};
data = data.data.Page.staff;
data.forEach(function(staff,index){
create("span","hohFavCountBrowse",staff.favourites,resultsToTag[(page - 1)*data.length + index]).title = "Favourites";
if(staff.anime.pageInfo.total + staff.manga.pageInfo.total > staff.characters.pageInfo.total){
let roleLine = create("div","hohRoleLine",false,resultsToTag[(page - 1)*data.length + index]);
roleLine.style.backgroundImage =
"linear-gradient(to right,hsla(" + Math.round(
120*(1 + staff.anime.pageInfo.total/(staff.anime.pageInfo.total + staff.manga.pageInfo.total))
) + ",100%,50%,0.8),rgba(var(--color-overlay),0.8))";
let animePercentage = Math.round(100*staff.anime.pageInfo.total/(staff.anime.pageInfo.total + staff.manga.pageInfo.total));
if(animePercentage === 100){
roleLine.title = "100% anime"
}
else if(animePercentage === 0){
roleLine.title = "100% manga"
}
else if(animePercentage >= 50){
roleLine.title = animePercentage + "% anime, " + (100 - animePercentage) + "% manga"
}
else{
roleLine.title = (100 - animePercentage) + "% manga, " + animePercentage + "% anime"
}
}
});
generalAPIcall(query,{page:page+1},data => favCallback(data,page+1))
};
generalAPIcall(query,{page:1},data => favCallback(data,1))
};
//end modules/enhanceStaffBrowse.js
//begin modules/enhanceStaff.js
function enhanceStaff(){
if(!document.URL.match(/^https:\/\/anilist\.co\/staff\/.*/)){
return
}
if(document.querySelector(".hohFavCount")){
return
};
const variables = {id: document.URL.match(/\/staff\/(\d+)\/?/)[1]};
const query = "query($id: Int!){Staff(id: $id){favourites}}";
let favCallback = function(data){
if(!document.URL.match(/^https:\/\/anilist\.co\/staff\/.*/)){
return
}
let favCount = document.querySelector(".favourite .count");
if(favCount){
favCount.parentNode.onclick = function(){
if(favCount.parentNode.classList.contains("isFavourite")){
favCount.innerText = Math.max(parseInt(favCount.innerText) - 1,0)//0 or above, just to avoid looking silly
}
else{
favCount.innerText = parseInt(favCount.innerText) + 1
}
};
if(data.data.Staff.favourites === 0 && favButton[0].classList.contains("isFavourite")){//safe to assume
favCount.innerText = data.data.Staff.favourites + 1
}
else{
favCount.innerText = data.data.Staff.favourites
}
}
else{
setTimeout(function(){favCallback(data)},200)
}
};
generalAPIcall(query,variables,favCallback,"hohStaffFavs" + variables.id,60*60*1000)
}
//end modules/enhanceStaff.js
//begin modules/enhanceStudio.js
function enhanceStudio(){//adds a favourite count to every studio page
if(!location.pathname.match(/^\/studio(\/.*)?/)){
return
};
let filterGroup = document.querySelector(".container.header");
if(!filterGroup){
setTimeout(enhanceStudio,200);//may take some time to load
return;
};
let favCallback = function(data){
if(!document.URL.match(/^https:\/\/anilist\.co\/studio\/.*/)){
return
}
let favCount = document.querySelector(".favourite .count");
if(favCount){
favCount.parentNode.onclick = function(){
if(favCount.parentNode.classList.contains("isFavourite")){
favCount.innerText = Math.max(parseInt(favCount.innerText) - 1,0)//0 or above, just to avoid looking silly
}
else{
favCount.innerText = parseInt(favCount.innerText) + 1
}
};
if(data.data.Studio.favourites === 0 && favButton[0].classList.contains("isFavourite")){//safe to assume
favCount.innerText = data.data.Studio.favourites + 1
}
else{
favCount.innerText = data.data.Studio.favourites
}
}
else{
setTimeout(function(){favCallback(data)},200);
}
};
const variables = {id: location.pathname.match(/\/studio\/(\d+)\/?/)[1]};
generalAPIcall(
`
query($id: Int!){
Studio(id: $id){
favourites
}
}`,
variables,favCallback,"hohStudioFavs" + variables.id,60*60*1000
);
};
//end modules/enhanceStudio.js
//begin modules/enhanceTags.js
function enhanceTags(){//show tag definition in drop down menu when adding tags
if(!location.pathname.match(/^\/(anime|manga)\/.*/)){
return
};
setTimeout(enhanceTags,400);
let possibleTagContainers = Array.from(document.querySelectorAll(".el-select-dropdown__list"));
let bestGuess = possibleTagContainers.find(
elem => elem.children.length > 205//horrible test, but we have no markup to go from. Assumes the tag dropdown is the only one with more than that number of children
)
if(!bestGuess){
return
};
if(bestGuess.hasOwnProperty("hohMarked")){
return
}
else{
bestGuess.hohMarked = true
};
let superBody = document.getElementsByClassName("el-dialog__body")[0];
let descriptionTarget = create("span","#hohDescription");
superBody.insertBefore(descriptionTarget,superBody.children[2]);
Array.from(bestGuess.children).forEach(child => {
child.onmouseover = function(){
if(tagDescriptions[child.children[0].innerText]){
document.getElementById("hohDescription").innerText = tagDescriptions[child.children[0].innerText];
}
else if(child.children[0].innerText !== ""){
document.getElementById("hohDescription").innerText = "Message hoh to get this description added";//should never happen anymore
}
};
child.onmouseout = function(){
document.getElementById("hohDescription").innerText = ""
}
})
};
//end modules/enhanceTags.js
//begin modules/enumerateSubmissionStaff.js
function enumerateSubmissionStaff(){
if(!location.pathname.match(/^\/edit/)){
return;
};
setTimeout(enumerateSubmissionStaff,500);
let staffFound = [];
let staffEntries = document.querySelectorAll(".staff-row .col > .image");
Array.from(staffEntries).forEach(function(staff){
let enumerate = staffFound.filter(a => a === staff.href).length;
if(enumerate === 1){
let firstStaff = document.querySelector(".staff-row .col > .image[href=\"" + staff.href.replace("https://anilist.co","") + "\"]");
if(!firstStaff.previousSibling){
firstStaff.parentNode.insertBefore(
create("span","hohEnumerateStaff",1),
firstStaff
)
};
}
if(enumerate > 0){
if(staff.previousSibling){
staff.previousSibling.innerText = enumerate + 1;
}
else{
staff.parentNode.insertBefore(
create("span","hohEnumerateStaff",(enumerate + 1)),
staff
)
}
};
staffFound.push(staff.href);
});
}
//end modules/enumerateSubmissionStaff.js
//begin modules/expandDescriptions.js
exportModule({
id: "expandDescriptions",
description: "Automatically expand media descriptions",
isDefault: true,
categories: ["Media"],
visible: true
})
//end modules/expandDescriptions.js
//begin modules/expandedListNotes.js
exportModule({
id: "expandedListNotes",
description: "Click list notes for an expanded view",
extendedDescription: "For those who write entire essays in their list notes",
isDefault: true,
importance: 0,
categories: ["Lists","Newly Added"],
visible: true,
urlMatch: function(url,oldUrl){
return url.match(/^https:\/\/anilist\.co\/.+\/(anime|manga)list\/?(.*)?$/)
},
code: function(){
let clickHandler = function(){
let URLstuff = document.URL.match(/^https:\/\/anilist\.co\/user\/(.+)\/(anime|manga)list\/?/);
let name = decodeURIComponent(URLstuff[1]);
Array.from(document.querySelectorAll(".list-entries .notes")).forEach(note => {
note.onclick = function(){
//getting the title is tricky since the layouts vary
let title_element = note.parentNode.querySelector(".title a");
let id = title_element.href.match(/(anime|manga)\/(\d+)\//)[2];
let title = titlePicker({//hack: pretend we have all this fancy API info
title: {
native: title_element.innerText,
romaji: title_element.innerText,
english: title_element.innerText
},
id: id
});
let floatyWindowThingy = createDisplayBox("min-width:400px;min-height:300px;",title);
floatyWindowThingy.style.maxWidth = "80ch";
floatyWindowThingy.style.lineHeight = "1.4";
floatyWindowThingy.style.marginRight = "12px";
create("p",false,note.getAttribute("label"),floatyWindowThingy,"margin-bottom: 30px;margin-top: 10px;background: rgb(var(--color-background));padding: 10px;border-radius: 5px;");
//fancy stuff: find activities with replies
generalAPIcall(
"query($name:String){User(name:$name){id}}",
{name: name},
function(nameData){generalAPIcall(`
query{
Page{
activities(userId: ${nameData.data.User.id},mediaId: ${id}, sort: ID_DESC){
... on ListActivity{
status
progress
siteUrl
createdAt
replies{
user{name}
text(asHtml: true)
}
}
}
}
}`,
{},
function(data){
data.data.Page.activities.forEach(activity => {
create("hr",false,false,floatyWindowThingy);
let activityEntry = create("div","hohTimelineEntry",false,floatyWindowThingy);
let activityContext = create("a","newTab",capitalize(activity.status),activityEntry);
activityContext.href = activity.siteUrl;
if(["watched episode","read chapter","rewatched episode","reread chapter"].includes(activity.status)){
activityContext.innerText += " " + activity.progress
};
create("span",false,
" " + (new Date(activity.createdAt*1000)).toDateString(),
activityEntry,
"position:absolute;right:7px;"
).title = (new Date(activity.createdAt*1000)).toLocaleString()
if(activity.replies.length){
let activityReplies = create("div",["hohTimelineEntry","replies"],false,floatyWindowThingy,"margin-left: 30px;");
activity.replies.forEach(reply => {
let reply_container = create("div","reply",false,activityReplies,"padding: 10px;margin: 2px;border-radius: 5px;background: rgb(var(--color-background));");
create("span","name",reply.user.name + ": ",reply_container);
let text = create("span",false,false,reply_container);
text.innerHTML = DOMPurify.sanitize(reply.text)//reason for inner HTML: preparsed sanitized HTML from the Anilist API
})
}
})
}
)},
"hohIDlookup" + name.toLowerCase()
)
}
})
setTimeout(function(){
if(document.URL.match(/^https:\/\/anilist\.co\/.+\/(anime|manga)list\/?(.*)?$/)){
clickHandler()
}
},2000)
};
clickHandler()
}
})
//end modules/expandedListNotes.js
//begin modules/expandFeedFilters.js
exportModule({
id: "CSSexpandFeedFilters",
description: "Expand the feed filters",
isDefault: false,
categories: ["Feeds"],
visible: true
})
//end modules/expandFeedFilters.js
//begin modules/expandRight.js
function expandRight(){
if(!location.pathname.match(/^\/home\/?$/)){
return
};
let possibleFullWidth = document.querySelector(".home.full-width");
if(possibleFullWidth){
let homeContainer = possibleFullWidth.parentNode;
let sideBar = document.querySelector(".activity-feed-wrap")
if(!sideBar){
setTimeout(expandRight,100);
return;
};
sideBar = sideBar.nextElementSibling;
sideBar.insertBefore(possibleFullWidth,sideBar.firstChild);
let setSemantics = function(){
let toggle = document.querySelector(".size-toggle.fa-compress");
if(toggle){
toggle.onclick = function(){
homeContainer.insertBefore(possibleFullWidth,homeContainer.firstChild)
}
}
else{
setTimeout(setSemantics,200)
};
};setSemantics();
}
}
//end modules/expandRight.js
//begin modules/extraDefaultSorts.js
exportModule({
id: "extraDefaultSorts",
description: "Make all list sort options available as options for the default setting",
extendedDescription: `
Default list order can be selected at https://anilist.co/settings/lists
This module will add extra options in that dropdown.
`,
isDefault: true,
importance: 0,
categories: ["Lists","Newly Added"],
visible: true,
urlMatch: function(url,oldUrl){
return url.match(/\/user\/.*\/(anime|manga)list/) || url === "https://anilist.co/settings/lists"
},
code: function(){
if(document.URL === "https://anilist.co/settings/lists"){
let optionsAdder = function(){
if(document.URL !== "https://anilist.co/settings/lists"){
return
}
let selector = document.querySelector('input[placeholder="Default List Order"]');
if(!selector){
setTimeout(optionsAdder,500);
return
};
if(useScripts.customDefaultListOrder){
selector.value = useScripts.customDefaultListOrder
}
selector.onclick = function(){
let findDropdown = function(){
if(document.URL !== "https://anilist.co/settings/lists"){
return
}
let dropdowns = document.querySelectorAll(".el-select-dropdown");
let correctDropdownFound = true;
Array.from(dropdowns).forEach(dropdown => {
if(dropdown.textContent === "ScoreTitleLast UpdatedLast Added"){//will break when more defaults are added. That's intentional
correctDropdownFound = true;
let ul = dropdown.querySelector("ul");
let nativeOrder = "";
let nativeIndex = 0;
Array.from(ul.children).forEach((child,index) => {
child.style.display = "none";
if(child.classList.contains("selected")){
nativeOrder = child.textContent;
nativeIndex = index
}
});
[
{
name: "Title",
native: true,
nativeIndex: 1
},
{
name: "Score",
native: true,
nativeIndex: 0
},
{
name: "Progress"
},
{
name: "Last Updated",
native: true,
nativeIndex: 2
},
{
name: "Last Added",
native: true,
nativeIndex: 3
},
{
name: "Start Date"
},
{
name: "Completed Date"
},
{
name: "Release Date"
},
{
name: "Average Score"
},
{
name: "Popularity"
}
].forEach(option => {
let element = create("li","el-select-dropdown__item",false,ul);
let elementSpan = create("span",false,option.name,element);
if(
option.name === useScripts.customDefaultListOrder
|| (useScripts.customDefaultListOrder === "" && option.name === nativeOrder)
){
element.classList.add("selected")
element.classList.add("hohSelected")
};
element.onclick = function(){
if(option.native){
nativeOrder = option.name;
nativeIndex = option.nativeIndex;
useScripts.customDefaultListOrder = "";
selector.value = option.name;
useScripts.save()
}
else{
useScripts.customDefaultListOrder = option.name;
selector.value = useScripts.customDefaultListOrder;
useScripts.save()
};
let badSelected = ul.querySelector(".hohSelected");
badSelected.classList.remove("selected");
badSelected.classList.remove("hohSelected");
element.classList.add("selected");
element.classList.add("hohSelected");
ul.children[nativeIndex].click()
}
})
}
})
if(!correctDropdownFound){
setTimeout(findDropdown,200)
}
};findDropdown()
}
};optionsAdder()
}
else{
if(useScripts.customDefaultListOrder === ""){
return
}
let optionsAdder = function(){
const URLstuff = location.pathname.match(/^\/user\/(.+)\/(animelist|mangalist)/);
if(!URLstuff){
return
}
if(decodeURIComponent(URLstuff[1]) !== whoAmI){
return
}
let selector = document.querySelector('input[placeholder="Sort"]');
if(!selector){
setTimeout(optionsAdder,200);
return
};
if(selector.classList.contains("hohCustomSelected")){
return
}
selector.click();
selector.classList.add("hohCustomSelected");
let findDropdown = function(){
if(!location.pathname.match(/^\/user\/(.+)\/(animelist|mangalist)/)){
return
}
let dropdowns = document.querySelectorAll(".el-select-dropdown");
let correctDropdownFound = true;
Array.from(dropdowns).forEach(dropdown => {
if(dropdown.textContent === "TitleScoreProgressLast UpdatedLast AddedStart DateCompleted DateRelease DateAverage ScorePopularity"){
correctDropdownFound = true;
let ul = dropdown.querySelector("ul");
Array.from(ul.children).forEach((child,index) => {
if(child.textContent === useScripts.customDefaultListOrder){
child.click()
}
})
}
})
if(!correctDropdownFound){
setTimeout(findDropdown,200)
}
};findDropdown()
};optionsAdder()
}
}
})
//end modules/extraDefaultSorts.js
//begin modules/extraFavs.js
exportModule({
id: "extraFavs",
description: "Make scrollable favourite sections on profiles",
extendedDescription: `
Work in progress. Only anime so far.`,
isDefault: false,
importance: 0,
categories: ["Profiles","Newly Added"],
visible: true,
urlMatch: function(url,oldUrl){
return url.match(/^https:\/\/anilist\.co\/user\/(.*?)\/?$/)
},
code: function(){
let finder = function(){
const URLstuff = document.URL.match(/^https:\/\/anilist\.co\/user\/(.*?)\/?$/);
if(!URLstuff){
return
}
const favSection = document.querySelector(".favourites-wrap.anime");
if(!favSection){
setTimeout(finder,1000);
return
}
if(favSection.classList.contains("hohExtraFavs")){
return
}
if(favSection.children.length === 0){
setTimeout(finder,1000);
return
}
if(
favSection.children.length < 25 //user has all favs on profile
|| favSection.children.length > 25 //if I have messed up somehow
){
return
}
favSection.classList.add("hohExtraFavs");
generalAPIcall(//private users will not be able to use this on themselves, funnily enough.
`
query($user: String!){
User(name: $user){
favourites{
anime1:anime(page:2){
nodes{
id
coverImage{large}
title{romaji native english}
}
}
anime2:anime(page:3){
nodes{
id
coverImage{large}
title{romaji native english}
}
}
anime3:anime(page:4){
nodes{
id
coverImage{large}
title{romaji native english}
}
}
}
}
}
`,//top 100 is enough in most cases
{
user: decodeURIComponent(URLstuff[1]),
},
function(data){
favSection.style.height = (favSection.clientHeight || 615) + "px";
if(!data){
return//could be a private profile
}
data.data.User.favourites.anime1.nodes.concat(
data.data.User.favourites.anime2.nodes
).concat(
data.data.User.favourites.anime3.nodes
).forEach(fav => {
let element = create("a",["favourite","media","hohExtraFav"],false,favSection,'background-image: url("' + fav.coverImage.large + '")');
element.href = "/anime/" + fav.id + "/" + safeURL(titlePicker(fav));
element.title = titlePicker(fav)
})
},
"hohExtraFavs" + URLstuff[1],
60*60*1000//cache for an hour
)
};finder()
},
css: `
.hohExtraFav{
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 4px;
cursor: pointer;
display: inline-block;
height: 115px;
position: relative;
width: 85px;
margin-bottom: 20px;
margin-right: 21px;
}
.hohExtraFavs:hover{
overflow-y: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.hohExtraFavs:hover::-webkit-scrollbar{
width: 0;
height: 0;
}
`
})
//end modules/extraFavs.js
//begin modules/filterStaffTabs.js
exportModule({
id: "filterStaffTabs",
description: "Add filtering to media staff tabs",
isDefault: true,
categories: ["Media"],
visible: true,
urlMatch: function(url,oldUrl){
return url.match(/^https:\/\/anilist\.co\/(anime|manga)\/\d+\/.*\/staff/)
},
code: function(){
let waiter = function(tries){
if(!document.URL.match(/^https:\/\/anilist\.co\/(anime|manga)\/\d+\/.*\/staff/)){
return
}
if(tries > 10){
return
}
let mediaStaff = document.querySelector(".media-staff");
if(!mediaStaff){
setTimeout(function(){waiter(0)},250);
return
};
if(mediaStaff.children[0].children.length > 9){
let filterBoxContainer = create("div","#hohStaffTabFilter",false,mediaStaff.parentNode);
let filterRemover = create("span","#hohFilterRemover",svgAssets.cross,filterBoxContainer)
let filterBox = create("input",false,false,filterBoxContainer);
filterBox.placeholder = "Filter";
filterBox.setAttribute("list","staffRoles");
let filterer = function(){
let val = filterBox.value;
Array.from(mediaStaff.children[0].children).forEach(card => {
if(
looseMatcher(card.querySelector(".name").innerText,val)
|| looseMatcher(card.querySelector(".role").innerText,val)
){
card.style.display = "inline-grid"
}
else{
card.style.display = "none"
}
});
if(val === ""){
filterRemover.style.display = "none"
}
else{
filterRemover.style.display = "inline"
}
}
filterRemover.onclick = function(){
filterBox.value = "";
filterer()
}
filterBox.oninput = filterer;
let dataList = create("datalist","#staffRoles",false,filterBoxContainer);
let buildStaffRoles = function(){
let autocomplete = new Set();
Array.from(mediaStaff.children[0].children).forEach(card => {
autocomplete.add(card.querySelector(".name").innerText);
autocomplete.add(card.querySelector(".role").innerText.replace(/\s*\(.*\)\.?\s*/,""));
if(card.querySelector(".role").innerText.includes("OP")){
autocomplete.add("OP")
}
if(card.querySelector(".role").innerText.includes("ED")){
autocomplete.add("ED")
}
})
removeChildren(dataList);
autocomplete.forEach(
value => create("option",false,false,dataList).value = value
)
};buildStaffRoles();
let mutationConfig = {
attributes: false,
childList: true,
subtree: false
};
let observer = new MutationObserver(function(){
filterer();
buildStaffRoles()
});
observer.observe(mediaStaff.children[0],mutationConfig);
}
else{
setTimeout(function(){waiter(++tries)},250 + tries*100);
}
};waiter(0)
}
})
//end modules/filterStaffTabs.js
//begin modules/forumLikes.js
exportModule({
id: "forumLikes",
description: "Add a full list of likes to forum threads",
isDefault: true,
categories: ["Forum"],
visible: false,
urlMatch: function(url,oldUrl){
return 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
)
}
})
//end modules/forumLikes.js
//begin modules/hideGlobalFeed.js
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()
}
};
//end modules/hideGlobalFeed.js
//begin modules/hollowHearts.js
// SPDX-FileCopyrightText: 2021 Reina
// SPDX-License-Identifier: MIT
/*
Copyright (c) 2021 Reina
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice (including the next paragraph) shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
//updated code here: https://github.com/Reinachan/AniList-High-Contrast-Dark-Theme
exportModule({
id: "hollowHearts",
description: "Make unliked hearts hollow [by Reina]",
isDefault: false,
importance: 0,
categories: ["Feeds","Newly Added"],
visible: true,
css: `
/* Like heart */
.action.likes .button,
.like-wrap.thread_comment .button{
color: rgb(var(--color-blue-dim));
}
.action.likes .button:hover,
.like-wrap.thread_comment .button:hover{
color: rgb(var(--color-blue));
}
.action.likes .button .fa-heart,
.like-wrap.thread_comment .button .fa-heart{
color: #0000;
stroke: rgb(var(--color-blue-dim));
stroke-width: 70;
stroke-alignment: inner;
font-size: 0.870em;
padding-bottom: 0.08em;
padding-top: 0.05em;
}
.action.likes .button .fa-heart:hover,
.like-wrap.thread_comment .button .fa-heart:hover{
stroke: rgb(var(--color-blue));
}
.action.likes .button.liked,
.like-wrap.thread_comment .button.liked{
color: rgb(var(--color-red));
}
.action.likes .button.liked:hover,
.like-wrap.thread_comment .button.liked:hover{
color: rgb(var(--color-blue-dim));
}
.action.likes .button.liked:hover .fa-heart,
.like-wrap.thread_comment .button.liked:hover .fa-heart{
color: rgb(var(--color-blue-dim));
}
.action.likes .button.liked .fa-heart,
.like-wrap.thread_comment .button.liked .fa-heart{
color: var(--color-red);
stroke: rgba(0, 0, 0, 0);
stroke-width: 0;
font-size: 0.875em;
padding-bottom: 0;
padding-top: 0;
}
.action.likes .button.liked .fa-heart:hover,
.like-wrap.thread_comment .button.liked .fa-heart:hover{
color: rgb(var(--color-blue-dim));
}
/* forum thread, favourite like heart */
.like-wrap.thread .button .fa-heart,
.actions .favourite .fa-heart{
color: #0000;
stroke: rgb(var(--color-white));
stroke-width: 70;
}
.like-wrap.thread .button.liked .fa-heart,
.actions .favourite.liked .fa-heart,
.like-wrap.thread .button.isFavourite .fa-heart,
.actions .favourite.isFavourite .fa-heart{
color: rgb(var(--color-white)) !important;
stroke: rgba(0, 0, 0, 0) !important;
}
`
})
//end modules/hollowHearts.js
//begin modules/imageFreeEditor.js
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;
}
`
})
//end modules/imageFreeEditor.js
//begin modules/infoTable.js
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;
}`
})
//end modules/infoTable.js
//begin modules/interestingRecs.js
exportModule({
id: "interestingRecs",
description: "Add a 'For You' filter to the recommendations page",
isDefault: true,
categories: ["Login"],
visible: true,
urlMatch: function(url,oldUrl){
return url.match(/https:\/\/anilist\.co\/recommendations/) && useScripts.accessToken
},
code: function(){
let buttonInserter = function(){
if(!document.URL.match(/https:\/\/anilist\.co\/recommendations/)){
return
}
let switchL = document.querySelector(".page-content .switch:not(.list-switch) .options");
if(switchL && document.querySelector(".recommendations-wrap")){
switchL.parentNode.classList.add("hohRecsSwitch");
let optionWrapper = create("div","option",false,switchL);
let option = create("span",false,"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"//don't count this recommendation if the user has actively stated it is bad
).sort(
(b,a) => (a.first.score + a.second.averageScore || 41) * (1 - 1/(a.rating + 1))
- (b.first.score + b.second.averageScore || 41) * (1 - 1/(b.rating + 1))
).forEach(rec => {
let pairCard = create("div","recommendation-pair-card",false,fakeContent);
let first = create("a","media",false,pairCard);
first.href = rec.first.siteUrl;
let firstCover = create("div","cover",false,first);
firstCover.style.backgroundColor = rec.first.coverImage.color;
firstCover.style.backgroundImage = "url(\"" + rec.first.coverImage.large + "\")";
let firstTitle = create("div","title",false,first);
let firstTitleSpan = create("span",false,titlePicker(rec.first),firstTitle);
let second = create("a","media",false,pairCard);
second.href = rec.second.siteUrl;
let secondCover = create("div","cover",false,second);
secondCover.style.backgroundColor = rec.second.coverImage.color;
secondCover.style.backgroundImage = "url(\"" + rec.second.coverImage.large + "\")";
let secondTitle = create("div","title",false,second);
let secondTitleSpan = create("span",false,titlePicker(rec.second),secondTitle);
let ratingWrap = create("div","rating-wrap",false,pairCard);
let actions = create("div","actions",false,ratingWrap);
let thumbsDownWrap = create("div",["icon","thumbs-down"],false,actions,"margin-right:10px;");
thumbsDownWrap.appendChild(svgAssets2.thumbsDown.cloneNode(true));
if(rec.userRating === "RATE_DOWN"){
thumbsDownWrap.style.color = "rgb(var(--color-red))"
}
let thumbsUpWrap = create("div",["icon","thumbs-up"],false,actions);
if(rec.userRating === "RATE_UP"){
thumbsUpWrap.style.color = "rgb(var(--color-green))"
}
thumbsUpWrap.appendChild(svgAssets2.thumbsUp.cloneNode(true));
let rating = create("div","rating",0,ratingWrap);
if(rec.rating > 0){
rating.innerText = "+" + rec.rating
}
thumbsDownWrap.onclick = function(){
if(rec.userRating === "NO_RATING" || rec.userRating === "RATE_UP"){
authAPIcall(
`mutation{SaveRecommendation(mediaId:${rec.first.id},mediaRecommendationId:${rec.second.id},rating:RATE_DOWN){id}}`,
{},
data => {
if(data.data){
thumbsDownWrap.style.color = "rgb(var(--color-red))";
if(rec.userRating = rec.userRating === "RATE_UP"){
thumbsUpWrap.style.color = "inherit";
rec.rating--;
}
rec.userRating = "RATE_DOWN";
rec.rating--;
if(rec.rating > 0){
rating.innerText = "+" + rec.rating
}
else{
rating.innerText = 0
}
}
}
)
}
else{
authAPIcall(
`mutation{SaveRecommendation(mediaId:${rec.first.id},mediaRecommendationId:${rec.second.id},rating:NO_RATING){id}}`,
{},
data => {
if(data.data){
thumbsDownWrap.style.color = "inherit";
rec.userRating = "NO_RATING";
rec.rating++;
rating.innerText = "+" + rec.rating
}
}
)
}
}
thumbsUpWrap.onclick = function(){
if(rec.userRating === "NO_RATING" || rec.userRating === "RATE_DOWN"){
authAPIcall(
`mutation{SaveRecommendation(mediaId:${rec.first.id},mediaRecommendationId:${rec.second.id},rating:RATE_UP){id}}`,
{},
data => {
if(data.data){
thumbsUpWrap.style.color = "rgb(var(--color-green))";
if(rec.userRating = rec.userRating === "RATE_UP"){
thumbsDownWrap.style.color = "inherit";
rec.rating++;
}
rec.userRating = "RATE_UP";
rec.rating++;
rating.innerText = "+" + rec.rating
}
}
)
}
else{
authAPIcall(
`mutation{SaveRecommendation(mediaId:${rec.first.id},mediaRecommendationId:${rec.second.id},rating:NO_RATING){id}}`,
{},
data => {
if(data.data){
thumbsUpWrap.style.color = "inherit";
rec.userRating = "NO_RATING";
rec.rating--;
if(rec.rating > 0){
rating.innerText = "+" + rec.rating
}
else{
rating.innerText = 0
}
}
}
)
}
}
})
}
)
};
let normal = function(event){
optionWrapper.classList.remove("active");
fakeContent.style.display = "none";
realNode.style.display = "grid";
if(event.target.classList.contains("option")){
event.target.classList.add("active")
}
else{
event.target.parentNode.classList.add("active")
}
}
switchL.children[0].addEventListener("click",normal);
switchL.children[1].addEventListener("click",normal);
switchL.children[2].addEventListener("click",normal);
}
else{
setTimeout(buttonInserter,200)
}
};buttonInserter()
}
})
//end modules/interestingRecs.js
//begin modules/keepAlive.js
exportModule({
id: "keepAlive",
description: "Keep connections alive to prevent 'Session expired' errors [EXPERIMENTAL]",
extendedDescription: `Not perfectly working yet. Info: https://github.com/hohMiyazawa/Automail/issues/65`,
isDefault: false,
importance: 0,
categories: ["Script","Newly Added"],
visible: true
})
new MutationObserver(function(){
let messages = Array.from(document.querySelectorAll(".el-message--error.is-closable"));
if(messages.some(message => message.textContent === "Session expired, please refresh")){
fetch("index.html").then(function(response){
return response.text()
}).then(function(html){
let token = html.match(/window\.al_token\ =\ "([a-zA-Z0-9]+)";/);
console.log("token",token);
if(!token){
return//idk, stuff changed, better do nothing
}
window.al_token = token;
//alert the other tabs so they don't have to do the same
aniCast.postMessage({type:"sessionToken",value:token});
//fetch the alert list again, they may have piled up while fetching
Array.from(document.querySelectorAll(".el-message--error.is-closable")).forEach(message => {
if(message.textContent === "Session expired, please refresh"){
message.querySelector(".el-message__closeBtn").click()
}
});
}).catch(function(){})//fail silently, trust Anilist to do the right thing by default
}
}).observe(
document.body,
{attributes: false, childList: true, subtree: false}
)
//end modules/keepAlive.js
//begin modules/likesAndTwitter.js
//TODO split these?
let likeLoop = setInterval(function(){
document.querySelectorAll(
".activity-entry > .wrap > .actions .action.likes:not(.hohHandledLike)"
).forEach(thingy => {
thingy.classList.add("hohHandledLike");
thingy.onmouseover = function(){
if(!thingy.querySelector(".count")){
return
}
let likeCount = parseInt(thingy.querySelector(".count").innerText);
if(likeCount <= 5){
return
}
if(thingy.classList.contains("hohLoadedLikes")){
let dataSetCache = parseInt(thingy.dataset.cacheLikeCount);
if(isNaN(dataSetCache)){//API query already in progress
return
}
if(dataSetCache === likeCount){//nothing changed
return
//in theory, someone *could* have retracted a like, and someone else been added, but it doesn't really happen all that often.
//at least, this is better than what was previously done, namely never refetching the data at all, even if the count changed
}
}
thingy.classList.add("hohLoadedLikes");
const id = parseInt(thingy.parentNode.parentNode.querySelector(`[href^="/activity/"`).href.match(/\d+/));
generalAPIcall(`
query($id: Int){
Activity(id: $id){
... on TextActivity{
likes{name}
}
... on MessageActivity{
likes{name}
}
... on ListActivity{
likes{name}
}
}
}`,
{id: id},
data => {
thingy.title = data.data.Activity.likes.map(like => like.name).join("\n");
thingy.dataset.cacheLikeCount = data.data.Activity.likes.length
}
)
}
});
document.querySelectorAll(
".forum-thread .comment .actions .like-wrap.thread_comment:not(.hohHandledLike)"
).forEach(thingy => {
thingy.classList.add("hohHandledLike");
let updateLikes = function(){
let idLink = thingy.parentNode.querySelector('.hidden[href^="/forum/thread/"]');
if(!idLink){
return
}
const id = parseInt(idLink.href.match(/\d+$/));
//wow, this API sucks!
generalAPIcall(`
query($id: Int){
ThreadComment(id:$id){
id
likes{
name
avatar{large}
}
childComments
}
}`,
{id: id},
data => {
if(!data){
return
}
//TODO: be more efficient and update other comments too
let seeker = function(comment){
if(comment.id === id){
let userList = thingy.querySelector(".users");
let waitForAnilist = function(tries){
tries--;
if(!userList.children.length && tries){
setTimeout(function(){waitForAnilist(tries)},200);
return
}
for(let i=5;i<comment.likes.length;i++){
let newEle = userList.children[0].cloneNode();//to be up to date with those random attributes
newEle.href = "/user/" + comment.likes[i].name + "/";
newEle.style.backgroundImage = 'url("' + comment.likes[i].avatar.large + '")';
userList.appendChild(newEle)
}
};waitForAnilist(20);
return true
}
else if(comment.childComments){
for(let i=0;i<comment.childComments.length;i++){
if(seeker(comment.childComments[i])){
return true
}
}
}
return false
}
seeker(data.data.ThreadComment[0])
}
)
}
thingy.onmouseover = function(){
if(!thingy.querySelector(".count")){
return
}
let likeCount = parseInt(thingy.querySelector(".count").innerText);
if(likeCount <= 5){
return
}
if(thingy.classList.contains("hohLoadedLikes")){
return
}
thingy.classList.add("hohLoadedLikes");
updateLikes()
}
thingy.onclick = function(){
//TODO handle this locally
setTimeout(updateLikes,2000)
}
});
if(useScripts.tweets){//not enabled by default
document.querySelectorAll(
`.markdown a[href^="https://twitter.com/"][href*="/status/"]`
).forEach(tweet => {
if(tweet.classList.contains("hohEmbedded")){
return
};
let tweetMatch = tweet.href.match(/^https:\/\/twitter\.com\/(.+?)\/status\/\d+/)
if(!tweetMatch || tweet.href !== tweet.innerText){
return
}
tweet.classList.add("hohEmbedded");
let tweetBlockQuote = create("blockquote",false,false,tweet);
tweetBlockQuote.classList.add("twitter-tweet");
if(document.body.classList.contains("site-theme-dark")){
tweetBlockQuote.setAttribute("data-theme","dark")
}
let tweetBlockQuoteInner = create("p",false,false,tweetBlockQuote);
tweetBlockQuoteInner.setAttribute("lang","en");
tweetBlockQuoteInner.setAttribute("dir","ltr");
let tweetBlockQuoteInnerInner = create("a","hohEmbedded","Loading tweet by " + tweetMatch[1] + "...",tweetBlockQuoteInner)
.href = tweet.href;
if(window.GM_xmlhttpRequest){
/*
Only fetch external script if running in userscript mode (window.GM_xmlhttpRequest is only available inside a userscript manager)
This is not allowed for Firefox addons, even if this setting is disabled by default.
Hence this check
*/
if(document.getElementById("automailTwitterEmbed")){
twttr.widgets.load(tweet)
}
else{
let script = document.createElement("script");
script.setAttribute("src","https://platform.twitter.com/widgets.js");
script.setAttribute("async","");
script.id = "automailTwitterEmbed";
document.head.appendChild(script)
}
}
})
}
},400);
//end modules/likesAndTwitter.js
//begin modules/mangaGuess.js
function mangaGuess(cleanAnime,id){
let possibleMangaGuess = document.querySelector(".data-set .value[data-media-id]");
if(possibleMangaGuess && (
cleanAnime
|| id !== parseInt(possibleMangaGuess.dataset.mediaId)
)){
removeChildren(possibleMangaGuess)
};
if(cleanAnime){
return
};
let URLstuff = location.pathname.match(/^\/manga\/(\d+)\/?(.*)?/);
if(!URLstuff){
return
};
let possibleReleaseStatus = Array.from(
document.querySelectorAll(".data-set .value")
).find(
element => element.innerText.match(/^Releasing/)
);
if(!possibleReleaseStatus){
setTimeout(mangaGuess,200);
return
}
if(
possibleReleaseStatus.dataset.mediaId === URLstuff[1]
&& possibleReleaseStatus.children.length !== 0
){
return
}
else{
removeChildren(possibleReleaseStatus)
};
possibleReleaseStatus.dataset.mediaId = URLstuff[1];
const variables = {id: parseInt(URLstuff[1]),userName: whoAmI};
let query = `
query($id: Int,$userName: String){
Page(page: 1){
activities(
mediaId: $id,
sort: ID_DESC
){
... on ListActivity{
progress
userId
}
}
}
MediaList(
userName: $userName,
mediaId: $id
){
progress
}
}`;
let possibleMyStatus = document.querySelector(".actions .list .add");
const simpleQuery = !possibleMyStatus || possibleMyStatus.innerText === "Add to List" || possibleMyStatus.innerText === "Planning";
if(simpleQuery){
query = `
query($id: Int){
Page(page: 1){
activities(
mediaId: $id,
sort: ID_DESC
){
... on ListActivity{
progress
userId
}
}
}
}`;
};
let highestChapterFinder = function(data){
if(possibleReleaseStatus.children.length !== 0){
return
}
let guesses = [];
let userIdCache = new Set();
data.data.Page.activities.forEach(activity => {
if(activity.progress){
let chapterMatch = parseInt(activity.progress.match(/\d+$/)[0]);
if(!userIdCache.has(activity.userId)){
guesses.push(chapterMatch);
userIdCache.add(activity.userId)
}
}
});
guesses.sort(VALUE_DESC);
if(guesses.length){
let bestGuess = guesses[0];
if(guesses.length > 2){
let diff = guesses[0] - guesses[1];
let inverseDiff = 1 + Math.ceil(25/(diff+1));
if(guesses.length >= inverseDiff){
if(guesses[1] === guesses[inverseDiff]){
bestGuess = guesses[1]
}
}
};
if(commonUnfinishedManga.hasOwnProperty(variables.id)){
if(bestGuess < commonUnfinishedManga[variables.id].chapters){
bestGuess = commonUnfinishedManga[variables.id].chapters
}
};
if(simpleQuery && bestGuess){
create("span","hohGuess"," (" + bestGuess + "?)",possibleReleaseStatus)
}
else{
bestGuess = Math.max(bestGuess,data.data.MediaList.progress);
if(bestGuess){
if(bestGuess === data.data.MediaList.progress){
create("span","hohGuess"," (" + bestGuess + "?)",possibleReleaseStatus,"color:rgb(var(--color-green));")
}
else{
create("span","hohGuess"," (" + bestGuess + "?)",possibleReleaseStatus);
create("span","hohGuess"," [+" + (bestGuess - data.data.MediaList.progress) + "]",possibleReleaseStatus,"color:rgb(var(--color-red));")
}
}
};
};
};
try{
generalAPIcall(query,variables,highestChapterFinder,"hohMangaGuess" + variables.id,30*60*1000)
}
catch(e){
sessionStorage.removeItem("hohMangaGuess" + variables.id)
}
}
//end modules/mangaGuess.js
//begin modules/markdownHelp.js
exportModule({
id: "markdownHelp",
description: "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";
}
}
}
})
//end modules/markdownHelp.js
//begin modules/meanScoreBack.js
//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);
}
//end modules/meanScoreBack.js
//begin modules/middleClickLinkFixer.js
function linkFixer(){
if(location.pathname !== "/home"){
return
}
let recentReviews = document.querySelector(".recent-reviews h2.section-header");
let recentThreads = document.querySelector(".recent-threads h2.section-header");
if(recentReviews && recentThreads){
recentReviews.innerText = "";
create("a",false,"Recent Reviews",recentReviews)
.href = "/reviews";
recentThreads.innerText = "";
create("a",false,"Forum Activity",recentThreads)
.href = "/forum/overview";
let sectionHeaders = document.querySelectorAll(".section-header");
Array.from(sectionHeaders).forEach(header => {
if(header.innerText.match("Trending")){
header.innerText = "";
create("a",false,"Trending Anime",header)
.href = "https://anilist.co/search/anime/trending";
create("a","hover-manga"," & Manga",header)
.href = "https://anilist.co/search/manga/trending"
}
else if(header.innerText.match("Newly Added Anime")){
header.innerText = "";
create("a",false,"Newly Added Anime",header)
.href = "https://anilist.co/search/anime/new"
}
else if(header.innerText.match("Newly Added Manga")){
header.innerText = "";
create("a","hover-manga","Newly Added Manga",header)
.href = "https://anilist.co/search/manga/new"
}
})
}
else{
setTimeout(linkFixer,2000)//invisible change, does not take priority
}
}
//end modules/middleClickLinkFixer.js
//begin modules/mobileAdjustments.js
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();
}
//end modules/mobileAdjustments.js
//begin modules/mobileTags.js
exportModule({
id: "CSSmobileTags",
description: "Don't hide tags from media pages on mobile",
isDefault: true,
importance: 3,
categories: ["Media"],
visible: true,
css: `
@media(max-width: 760px){
.media .sidebar .tags{
display: inline;
}
.media .sidebar .tags .tag{
display: inline-block;
margin-right: 2px;
}
.media .sidebar .tags .tag .rank{
display: inline;
}
.media .sidebar .tags .tag .vote-dropdown .el-dropdown-link{
display: inline;
}
.media .sidebar .tags .add-icon{
opacity: 1;
}
.media-page-unscoped .review.button{
display: inline-block;
width: 48%;
}
.media-page-unscoped .sidebar + .overview{
margin-top: 20px;
}
}`
})
//end modules/mobileTags.js
//begin modules/moreImports.js
function moreImports(){
if(document.URL !== "https://anilist.co/settings/import"){
return
}
let target = document.querySelector(".content .import");
if(!target){
setTimeout(moreImports,200);
return;
};
create("hr","hohSeparator",false,target,"margin-bottom:40px;");
let apAnime = create("div",["section","hohImport"],false,target);
create("h2",false,"Anime-Planet: Import Anime List",apAnime);
let apAnimeCheckboxContainer = create("label","el-checkbox",false,apAnime);
let apAnimeOverwrite = createCheckbox(apAnimeCheckboxContainer);
create("span","el-checkbox__label","Overwrite anime already on my list",apAnimeCheckboxContainer);
let apAnimeDropzone = create("div","dropbox",false,apAnime);
let apAnimeInput = create("input","input-file",false,apAnimeDropzone);
let apAnimeDropText = create("p",false,"Drop list JSON file here or click to upload",apAnimeDropzone);
apAnimeInput.type = "file";
apAnimeInput.name = "json";
apAnimeInput.accept = "application/json";
let apManga = create("div",["section","hohImport"],false,target);
create("h2",false,"Anime-Planet: Import Manga List",apManga);
let apMangaCheckboxContainer = create("label","el-checkbox",false,apManga);
let apMangaOverwrite = createCheckbox(apMangaCheckboxContainer);
create("span","el-checkbox__label","Overwrite manga already on my list",apMangaCheckboxContainer);
let apMangaDropzone = create("div","dropbox",false,apManga);
let apMangaInput = create("input","input-file",false,apMangaDropzone);
let apMangaDropText = create("p",false,"Drop list JSON file here or click to upload",apMangaDropzone);
apMangaInput.type = "file";
apMangaInput.name = "json";
apMangaInput.accept = "application/json";
let resultsArea = create("div","importResults",false,target);
let resultsErrors = create("div",false,false,resultsArea,"color:red;padding:5px;");
let resultsWarnings = create("div",false,false,resultsArea,"color:orange;padding:5px;");
let resultsStatus = create("div",false,false,resultsArea,"padding:5px;");
let missingList = create("div",false,false,resultsArea,"padding:5px;");
let pushResults = create("button",["hohButton","button"],"Import all selected",resultsArea,"display:none;");
let resultsTable = create("div",false,false,resultsArea);
let apImport = function(type,file){
let reader = new FileReader();
reader.readAsText(file,"UTF-8");
reader.onload = function(evt){
let data;
try{
data = JSON.parse(evt.target.result)
}
catch(e){
resultsErrors.innerText = "error parsing JSON";
}
if(data.export.type !== type){
resultsErrors.innerText = "error wrong list";
return;
}
if(data.user.name.toLowerCase() !== whoAmI.toLowerCase()){
resultsWarnings.innerText = "List for \"" + data.user.name + "\" loaded, but currently signed in as \"" + whoAmI + "\". Are you sure this is right?"
}
if((new Date()) - (new Date(data.export.date)) > 1000*86400*30){
resultsWarnings.innerText += "\nThis list is " + Math.round(((new Date()) - (new Date(data.export.date)))/(1000*86400)) + " days old. Did you upload the right one?"
}
resultsStatus.innerText = "Trying to find matching media...";
let shows = [];
let drawShows = function(){
removeChildren(resultsTable);
removeChildren(missingList);
shows = shows.filter(a => {
if(a.titles.length){
return true
}
else{
create("p",false,"No matches found for " + a.apData.name,missingList);
return false
}
});
shows.sort(
(b,a) => a.titles[0].levDistance - b.titles[0].levDistance
);
shows.forEach(show => {
let row = create("div","hohImportRow",false,resultsTable);
if(show.isAnthology){
create("div","hohImportEntry",show.apData.map(a => a.name).join(", "),row)
}
else{
create("div","hohImportEntry",show.apData.name,row)
}
create("span","hohImportArrow","→",row);
let aniEntry = create("div","hohImportEntry",false,row,"margin-left:50px");
let aniLink = create("a",["link","newTab"],show.titles[0].title,aniEntry);
aniLink.href = "/" + type + "/" + show.titles[0].id;
let button = createCheckbox(row);
row.style.backgroundColor = "hsl(" + (120 - Math.min(show.titles[0].levDistance,12)*10) + ",30%,50%)";
if(show.titles[0].levDistance > 8){
button.checked = false;
show.toImport = false;
}
else{
button.checked = true;
show.toImport = true;
}
button.oninput = function(){
show.toImport = button.checked
}
})
};
const apAnthologies = {
"The Dragon Dentist": 20947,
"Hill Climb Girl": 20947,
"20min Walk From Nishi-Ogikubo Station": 20947,
"Collection of Key Animation Films": 20947,
"(Making of) Evangelion: Another Impact": 20947,
"Sex and Violence with Mach Speed": 20947,
"Memoirs of Amorous Gentlemen": 20947,
"Denkou Choujin Gridman: boys invent great hero": 20947,
"Evangelion: Another Impact": 20947,
"Bureau of Proto Society": 20947,
"Cassette Girl": 20947,
"Bubu & Bubulina": 20947,
"I can Friday by day!": 20947,
"Three Fallen Witnesses": 20947,
"Robot on the Road": 20947,
"Comedy Skit 1989": 20947,
"Power Plant No.33": 20947,
"Me! Me! Me! Chronic": 20947,
"Endless Night": 20947,
"Neon Genesis IMPACTS": 20947,
"Obake-chan": 20947,
"Hammerhead": 20947,
"Girl": 20947,
"Yamadeloid": 20947,
"Me! Me! Me!": 20947,
"Ibuseki Yoruni": 20947,
"Rapid Rouge": 20947,
"Tomorrow from there": 20947,
"The Diary of Ochibi": 20947,
"until You come to me.": 20947,
"Tsukikage no Tokio": 20947,
"Carnage": 20947,
"Iconic Field": 20947,
"The Ultraman (2015)": 20947,
"Kanoun": 20947,
"Ragnarok": 20947,
"Death Note Rewrite 1: Visions of a God": 2994,
"Death Note Rewrite 2: L's Successors": 2994,
}
const apMappings = {
"Rebuild of Evangelion: Final": 3786,
"KonoSuba – God’s blessing on this wonderful world!! Movie: Legend of Crimson": 102976,
"Puella Magi Madoka Magica: Magica Quartet x Nisioisin": 20891,
"Kanye West: Good Morning": 8626,
"Patlabor 2: The Movie": 1096,
"She and Her Cat": 1004,
"Star Blazers: Space Battleship Yamato 2199": 12029,
"Digimon Season 3: Tamers": 874,
"The Anthem of the Heart": 20968,
"Digimon Movie 1: Digimon Adventure": 2961,
"Love, Chunibyo & Other Delusions!: Sparkling... Slapstick Noel": 16934,
"The Labyrinth of Grisaia Special": 21312,
"Candy Boy EX01": 5116,
"Candy Boy EX02": 6479,
"Attack on Titan 3rd Season": 99147,
"Attack on Titan 2nd Season": 20958,
"Nichijou - My Ordinary Life: Episode 0": 8857,
"March Comes in like a Lion 2nd Season": 98478,
"KonoSuba – God’s blessing on this wonderful world!! 2 OVA": 97996,
"KonoSuba – God’s blessing on this wonderful world!! OVA": 21574,
"Laid-Back Camp Specials": 101206,
"Spice and Wolf II OVA": 6007,
"Mob Psycho 100 Specials": 102449
}
let bigQuery = [];
let myFastMappings = [];
data.entries.forEach(function(entry,index){
if(entry.status === "won't watch"){
return
};
if(apAnthologies[entry.name]){
let already = myFastMappings.findIndex(function(mapping){
return mapping.id === apAnthologies[entry.name]
});
if(already !== -1){
myFastMappings[already].entries.push(entry)
}
else{
myFastMappings.push({
entries: [entry],
isAnthology: true,
id: apAnthologies[entry.name]
})
}
return;
}
if(apMappings[entry.name]){
myFastMappings.push({
entries: [entry],
id: apMappings[entry.name]
})
return;
}
bigQuery.push({
query: `query($search:String){Page(perPage:3){media(type:${type.toUpperCase()},search:$search){title{romaji english native} id synonyms}}}`,
variables: {search: entry.name},
callback: function(dat){
let show = {
apData: entry,
aniData: dat.data.Page.media
}
show.titles = [];
show.aniData.forEach(function(hit){
show.titles.push({
title: hit.title.romaji,
id: hit.id,
levDistance: Math.min(
levDist(show.apData.name,hit.title.romaji),
levDist(show.apData.name,hit.title.romaji.toUpperCase()),
levDist(show.apData.name,hit.title.romaji.toLowerCase())
)
});
if(hit.title.native){
show.titles.push({
title: hit.title.native,
id: hit.id,
levDistance: levDist(show.apData.name,hit.title.native)
});
}
if(hit.title.english){
show.titles.push({
title: hit.title.english,
id: hit.id,
levDistance: Math.min(
levDist(show.apData.name,hit.title.english),
levDist(show.apData.name,hit.title.english.toUpperCase()),
levDist(show.apData.name,hit.title.english.toLowerCase())
)
});
}
hit.synonyms.forEach(
synonym => show.titles.push({
title: synonym,
id: hit.id,
levDistance: levDist(show.apData.name,synonym)
})
)
});
show.titles.sort(
(a,b) => a.levDistance - b.levDistance
);
shows.push(show);
drawShows();
}
});
if(index % 40 === 0){
queryPacker(bigQuery);
bigQuery = [];
}
});
let apStatusMap = {
"want to read": "PLANNING",
"stalled": "PAUSED",
"read": "COMPLETED",
"reading": "CURRENT",
"watched": "COMPLETED",
"want to watch": "PLANNING",
"dropped": "DROPPED",
"watching": "CURRENT"
}
queryPacker(bigQuery,function(){
setTimeout(function(){
resultsStatus.innerText = "Please review the media matches. The worst matches are on top.";
pushResults.style.display = "inline";
pushResults.onclick = function(){
pushResults.style.display = "none";
if(!useScripts.accessToken){
alert("Not signed in 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 userNameContainer = create("div",false,false,target,"margin-bottom: 20px;");
let userNameLabel = create("span",false,"User: ",userNameContainer);
let userName = create("input","hohNativeInput",false,userNameContainer);
userName.value = whoAmI;
let alAnimeExp = create("div",["section","hohImport"],false,target);
create("h2",false,"AniList: Export Anime List",alAnimeExp);
let alAnimeButton = create("button",["button","hohButton"],"Export Anime",alAnimeExp);
alAnimeButton.onclick = function(){
generalAPIcall(
`
query($name: String!){
MediaListCollection(userName: $name, type: ANIME){
lists{
name
isCustomList
isSplitCompletedList
entries{
... mediaListEntry
}
}
}
User(name: $name){
name
id
mediaListOptions{
scoreFormat
}
}
}
fragment mediaListEntry on MediaList{
mediaId
status
progress
repeat
notes
priority
hiddenFromStatusLists
customLists
advancedScores
startedAt{
year
month
day
}
completedAt{
year
month
day
}
updatedAt
createdAt
media{
idMal
title{romaji native english}
}
score
}
`,
{name: userName.value},
function(data){
if(!data){
alert("Export failed");
return
}
data.data.version = "1.01";
data.data.scriptInfo = scriptInfo;
data.data.type = "ANIME";
data.data.url = document.URL;
data.data.timeStamp = NOW();
saveAs(data.data,"AnilistAnimeList.json");
}
);
}
create("h2",false,"AniList: Export Manga List",alAnimeExp,"margin-top:20px;");
let alMangaButton = create("button",["button","hohButton"],"Export Manga",alAnimeExp);
alMangaButton.onclick = function(){
generalAPIcall(
`
query($name: String!){
MediaListCollection(userName: $name, type: MANGA){
lists{
name
isCustomList
isSplitCompletedList
entries{
... mediaListEntry
}
}
}
User(name: $name){
name
id
mediaListOptions{
scoreFormat
}
}
}
fragment mediaListEntry on MediaList{
mediaId
status
progress
progressVolumes
repeat
notes
priority
hiddenFromStatusLists
customLists
advancedScores
startedAt{
year
month
day
}
completedAt{
year
month
day
}
updatedAt
createdAt
media{
idMal
title{romaji native english}
}
score
}
`,
{name: userName.value},
function(data){
if(!data){
alert("Export failed");
return
}
data.data.version = "1.01";
data.data.scriptInfo = scriptInfo;
data.data.type = "MANGA";
data.data.url = document.URL;
data.data.timeStamp = NOW();
saveAs(data.data,"AnilistMangaList.json");
}
);
};
let malExport = function(data,type){//maybe some time? But there's always malscraper, which does it better
let xmlContent = "";
saveAs(xmlContent,type.toLowerCase() + "list_0_-_0.xml",true);
}
let alAnime = create("div",["section","hohImport"],false,target);
create("h2",false,"Anilist JSON: Import Anime List",alAnime);
let alAnimeCheckboxContainer = create("label","el-checkbox",false,alAnime,"display:none;");
let alAnimeOverwrite = createCheckbox(alAnimeCheckboxContainer);
create("span","el-checkbox__label","Overwrite anime already on my list",alAnimeCheckboxContainer);
let alAnimeDropzone = create("div","dropbox",false,alAnime);
let alAnimeInput = create("input","input-file",false,alAnimeDropzone);
let alAnimeDropText = create("p",false,"Drop list JSON file here or click to upload",alAnimeDropzone);
alAnimeInput.type = "file";
alAnimeInput.name = "json";
alAnimeInput.accept = "application/json";
let alManga = create("div",["section","hohImport"],false,target);
create("h2",false,"Anilist JSON: Import Manga List",alManga);
let alMangaCheckboxContainer = create("label","el-checkbox",false,alManga,"display:none;");
let alMangaOverwrite = createCheckbox(alMangaCheckboxContainer);
create("span","el-checkbox__label","Overwrite manga already on my list",alMangaCheckboxContainer);
let alMangaDropzone = create("div","dropbox",false,alManga);
let alMangaInput = create("input","input-file",false,alMangaDropzone);
let alMangaDropText = create("p",false,"Drop list JSON file here or click to upload",alMangaDropzone);
alMangaInput.type = "file";
alMangaInput.name = "json";
alMangaInput.accept = "application/json";
let resultsAreaAL = create("div","importResults",false,target);
let resultsErrorsAL = create("div",false,false,resultsAreaAL,"color:red;padding:5px;");
let resultsWarningsAL = create("div",false,false,resultsAreaAL,"color:orange;padding:5px;");
let resultsStatusAL = create("div",false,false,resultsAreaAL,"padding:5px;");
let pushResultsAL = create("button",["hohButton","button"],"Import all",resultsAreaAL,"display:none;");
let resultsTableAL = create("div",false,false,resultsAreaAL);
let alImport = function(type,file){
let reader = new FileReader();
reader.readAsText(file,"UTF-8");
reader.onload = function(evt){
let data;
try{
data = JSON.parse(evt.target.result)
}
catch(e){
resultsErrorsAL.innerText = "error parsing JSON";
}
if(data.hasOwnProperty("user")){
resultsErrorsAL.innerText = "This is the Anilist JSON importer, but you uploaded a GDPR JSON file. You either uploaded the wrong file, or ment to use the importer further down the page.";
return;
}
if(parseFloat(data.version) > 1){//was not part of 1.00
if(data.type !== type.toUpperCase()){
resultsErrorsAL.innerText = "error wrong list type";
return;
}
}
//
if(data.User.name.toLowerCase() !== whoAmI.toLowerCase()){
resultsWarningsAL.innerText = "List for \"" + data.User.name + "\" loaded, but currently signed in as \"" + whoAmI + "\". Are you sure this is right?"
}
if((new Date()) - (new Date(data.timeStamp)) > 1000*86400*30){
resultsWarningsAL.innerText += "\nThis list is " + Math.round(((new Date()) - (new Date(data.timeStamp)))/(1000*86400)) + " days old. Did you upload the right one?"
}
if(!useScripts.accessToken){
resultsWarningsAL.innerText += "\nNot signed in to the script! Can't do any changes to your list then. Go to the bottom of the settings > apps page to sign in"
}
resultsStatusAL.innerText = "Calculating list differences...";
if((type === "anime" && alAnimeOverwrite.checked) || (type === "manga" && alMangaOverwrite.checked)){
alert("Haven't gotten around to support overwriting yet, sorry!")
}
else{
authAPIcall(
`query($name:String!,$listType:MediaType){
Viewer{name mediaListOptions{scoreFormat}}
MediaListCollection(userName:$name,type:$listType){
lists{
entries{mediaId}
}
}
}`,
{
name: whoAmI,
listType: type.toUpperCase()
},
data2 => {
if(!data2){
resultsErrorsAL.innerText = "Could not access the list of " + whoAmI + " do you have persmission to modify this list? (try signing in at settings > apps, scroll down to the bottom)";
return
}
if(data2.data.Viewer.name !== whoAmI){
alert("Signed in as\"" + whoAmI + "\" to Anilist, but as \"" + data2.data.Viewer.name + "\" to the script.\n Go to settings > apps, revoke Aniscript's permissions, and sign in with the script again to fix this.");
return
};
let existing = new Set(data2.data.MediaListCollection.lists.map(list => list.entries).flat().map(entry => entry.mediaId));
let dataList = returnList({data: data},true);
let already = dataList.filter(entry => existing.has(entry.mediaId)).length;
let notAlready = dataList.filter(entry => !existing.has(entry.mediaId));
resultsStatusAL.innerText += "\n" + already + " of " + dataList.length + " entries already on list. Not modifying";
if(notAlready.length > 0){
resultsStatusAL.innerText += "\nThe " + notAlready.length + " entries below will be added:";
pushResultsAL.style.display = "inline";
notAlready.forEach(show => {
let row = create("p",false,false,resultsTableAL);
create("a",false,show.media.title.romaji,row)
.href = "https://anilist.co/" + type + "/" + show.mediaId
});
pushResultsAL.onclick = function(){
pushResultsAL.style.display = "none";
let mutater = function(show,index){
if(index + 1 < notAlready.length){
setTimeout(function(){
mutater(notAlready[index + 1],index + 1);
},1000);
}
try{
authAPIcall(
`mutation($startedAt: FuzzyDateInput,$completedAt: FuzzyDateInput,$notes: String){
SaveMediaListEntry(
mediaId: ${show.mediaId},
status: ${show.status},
score: ${show.score},
progress: ${show.progress},
progressVolumes: ${show.progressVolumes || 0},
repeat: ${show.repeat},
priority: ${show.priority},
notes: $notes,
startedAt: $startedAt,
completedAt: $completedAt
){id}
}`,
{
startedAt: show.startedAt,
completedAt: show.completedAt,
notes: show.notes
},
data => {}
)
}
catch(e){
resultsWarningsAL.innerText += "\nAn error occured for mediaID " + show.mediaID;
}
resultsStatusAL.innerText = (index + 1) + " of " + notAlready.length + " entries imported. Closing this tab will stop the import.";
};
mutater(notAlready[0],0);
}
}
}
)
}
}
reader.onerror = function(evt){
resultsErrors.innerText = "error reading file"
}
}
alAnimeInput.onchange = function(){
pushResultsAL.style.display = "none";
removeChildren(resultsTableAL);
alImport("anime",alAnimeInput.files[0])
}
alMangaInput.onchange = function(){
pushResultsAL.style.display = "none";
removeChildren(resultsTableAL);
alImport("manga",alMangaInput.files[0])
}
create("hr","hohSeparator",false,target,"margin-bottom:40px;");
let gdpr_import = create("div",["section","hohImport"],false,target);
create("h2",false,"GDPR data: Import lists [WORK IN PROGESS]",gdpr_import);
let gdpr_importCheckboxContainer = create("label","el-checkbox",false,gdpr_import);
let gdpr_importOverwrite = createCheckbox(gdpr_importCheckboxContainer);
create("span","el-checkbox__label","Overwrite entries already on my list",gdpr_importCheckboxContainer);
let gdpr_importDropzone = create("div","dropbox",false,gdpr_import);
let gdpr_importInput = create("input","input-file",false,gdpr_importDropzone);
let gdpr_importDropText = create("p",false,"Drop GDPR JSON file here or click to upload",gdpr_importDropzone);
gdpr_importInput.type = "file";
gdpr_importInput.name = "json";
gdpr_importInput.accept = "application/json";
gdpr_importInput.onchange = function(){
let file = gdpr_importInput.files[0];
let reader = new FileReader();
reader.readAsText(file,"UTF-8");
reader.onload = function(evt){
let data;
try{
data = JSON.parse(evt.target.result)
}
catch(e){
resultsErrorsAL.innerText = "error parsing JSON";
}
if(data.hasOwnProperty("User")){
resultsErrorsAL.innerText = "This is the GDPR JSON importer, but you uploaded a Anilist JSON file. You either uploaded the wrong file, or ment to use the importer further up the page.";
return
}
if(data.user.display_name.toLowerCase() !== whoAmI.toLowerCase()){
resultsWarningsAL.innerText = "List for \"" + data.user.display_name + "\" loaded, but currently signed in as \"" + whoAmI + "\". Are you sure this is right?"
}
if(!useScripts.accessToken){
resultsWarningsAL.innerText += "\nNot signed in to the script! Can't do any changes to your lists then. Go to the bottom of the settings > apps page to sign in"
}
}
}
}
//end modules/moreImports.js
//begin modules/navbarDroptext.js
if(useScripts.navbarDroptext){
let addDrop = function(){
let navThingy = document.querySelector(".nav");
if(navThingy){
navThingy.ondragover = function(event){
event.preventDefault()
}
navThingy.ondrop = function(event){
event.preventDefault();
let data = event.dataTransfer.getData("text");
if(data.length && data.length < 1000){//avoid performance issues if someone accidentally drops the lord of the rings script into the navbar or something
document.querySelector(".nav .wrap .search").click();
let observer = new MutationObserver(function(){
let inputElement = document.querySelector(".nav .quick-search .input input");
inputElement.value = data;
inputElement.dispatchEvent(new Event("input"));
observer.disconnect()
});
observer.observe(document.querySelector(".nav .quick-search"),{
attributes: true,
childList: false,
subtree: false
})
}
}
}
else{
setTimeout(addDrop,500)
}
};addDrop()
}
//end modules/navbarDroptext.js
//begin modules/noAutoplay.js
exportModule({
id: "noAutoplay",
description: "Do not autoplay videos",
extendedDescription: `
Your browser may also provide ways to control this:
Firefox: about:config > media.autoplay has a wide range of options
Chrome: chrome://flags/#autoplay-policy
`,
isDefault: false,
categories: ["Feeds"],
visible: true
})
if(useScripts.noAutoplay){
setInterval(function(){
document.querySelectorAll("video").forEach(video => {
if(video.hasAttribute("autoplay")){
if(!(video.querySelector("source") && video.querySelector("source").src.match(/#image$/))){
video.removeAttribute("autoplay");
video.load()
}
else{
video.removeAttribute("controls")
}
}
})
},500)
}
//end modules/noAutoplay.js
//begin modules/nonJumpScroll.js
// SPDX-FileCopyrightText: 2021 Reina
// SPDX-License-Identifier: MIT
/*
Copyright (c) 2021 Reina
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice (including the next paragraph) shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
//updated code here: https://github.com/Reinachan/AniList-High-Contrast-Dark-Theme
exportModule({
id: "nonJumpScroll",
description: "Stop activity content from jumping around when using scrollbars [by Reina]",
isDefault: true,
importance: 1,
categories: ["Feeds","Newly Added"],
visible: true,
css: `
/* Scrollbar */
* {
scrollbar-color: rgb(var(--color-blue)) rgba(0, 0, 0, 0);
scrollbar-width: thin;
}
::-webkit-scrollbar {
width: 4px;
height: 8px;
}
::-webkit-scrollbar-button {
display: none;
}
::-webkit-scrollbar-track {
background-color: #1110;
width: 0px;
}
::-webkit-scrollbar-track-piece {
display: none;
}
::-webkit-scrollbar-thumb {
background-color: rgb(var(--color-blue));
}
.markdown::-webkit-scrollbar-thumb,
.about .content-wrap::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0);
}
.markdown:hover::-webkit-scrollbar-thumb,
.about .content-wrap:hover::-webkit-scrollbar-thumb {
background-color: rgb(var(--color-blue));
}
::-webkit-scrollbar-corner {
display: none;
}
::-webkit-resizer {
display: none;
}
.markdown {
overflow-y: scroll!important;
scrollbar-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.markdown:hover {
scrollbar-color: rgb(var(--color-blue)) rgba(0, 0, 0, 0);
}
.about .content-wrap .markdown {
overflow: hidden!important;
}
.about .content-wrap {
overflow-y: scroll!important;
scrollbar-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.about .content-wrap:hover {
overflow-y: scroll!important;
scrollbar-color: rgb(var(--color-blue)) rgba(0, 0, 0, 0);
}
`
})
//end modules/nonJumpScroll.js
//begin modules/notificationCake.js
function notificationCake(){
let notificationDot = document.querySelector(".notification-dot");
if(notificationDot && (!notificationDot.childElementCount)){
authAPIcall(
queryAuthNotifications,
{page:1,name:whoAmI},
function(data){
let Page = data.data.Page;
let User = data.data.User;
let types = [];
let names = [];
Page.notifications.slice(0,User.unreadNotificationCount).forEach(notification => {
if(!notification.type){//probably obsolete, remove later
notification.type = "THREAD_SUBSCRIBED"
};
if(notification.user && !useScripts.notificationColours[notification.type].supress){
if(useScripts.softBlock.indexOf(notification.user.name) === -1){
names.push(notification.user.name)
}
};
if(!useScripts.notificationColours[notification.type] || !useScripts.notificationColours[notification.type].supress){
if(useScripts.softBlock.indexOf(notification.user.name) === -1){
types.push(notification.type)
}
}
})
if(types.length){
let notificationCake = create("canvas","hohNotificationCake");
notificationCake.width = 120;
notificationCake.height = 120;
notificationCake.style.width = "30px";
notificationCake.style.height = "30px";
notificationDot.innerText = "";
notificationDot.style.background = "none";
notificationDot.style.width = "30px";
notificationDot.style.height = "30px";
notificationDot.style.borderRadius = "0";
notificationDot.style.left = "5px";
notificationDot.style.marginRight = "-3px";
notificationDot.appendChild(notificationCake);
let cakeCtx = notificationCake.getContext("2d");
cakeCtx.fillStyle = "red";
cakeCtx.textAlign = "center";
cakeCtx.fontWeight = "500";
cakeCtx.font = 50 + "px sans-serif";
types.forEach(function(type,i){
cakeCtx.fillStyle = (useScripts.notificationColours[type] || {"colour":"rgb(247,191,99)","supress":false}).colour;
cakeCtx.beginPath();
cakeCtx.arc(
60,60,
40,
Math.PI * (2*i/types.length - 0.5),
Math.PI * (2*(i+1)/types.length - 0.5)
);
cakeCtx.lineTo(60,60);
cakeCtx.closePath();
cakeCtx.fill()
});
cakeCtx.fillStyle = "#fff2f2";
cakeCtx.fillText(User.unreadNotificationCount,60,76);
notificationCake.innerText = types.length;
notificationCake.title = names.join("\n");
let poller = function(){
if(!document.querySelector(".hohNotificationCake")){
try{
notificationCake();
}catch(err){};
}
else{
setTimeout(poller,4000);
};
};poller();
if(!document.querySelector(".hohDismiss") && useScripts.dismissDot){
let dismisser = create("span","hohDismiss",".",notificationDot.parentNode);
dismisser.title = "Dismiss notifications";
dismisser.onclick = function(){
authAPIcall("query{Notification(resetNotificationCount:true){... on ActivityLikeNotification{id}}}",{},function(data){
dismisser.previousSibling.style.display = "none";
dismisser.style.display = "none"
})
}
}
}
else{
notificationDot.style.display = "none";
if(User.unreadNotificationCount){
authAPIcall("query{Notification(resetNotificationCount:true){... on ActivityLikeNotification{id}}}",{},function(data){})
}
}
}
)
}
}
if(useScripts.accessToken && !useScripts.mobileFriendly){
setInterval(notificationCake,4*1000)
};
//end modules/notificationCake.js
//begin modules/oldDarkTheme.js
exportModule({
id: "CSSoldDarkTheme",
description: "Use the old dark theme colours",
isDefault: false,
categories: [],
visible: true
})
//end modules/oldDarkTheme.js
//begin modules/possibleBlocked.js
function possibleBlocked(oldURL){
let URLstuff = oldURL.match(/\/user\/(.*?)\/?$/);
if(URLstuff){
let name = decodeURIComponent(URLstuff[1]);
const query = `
query($userName: String) {
User(name: $userName){
id
}
}`;
let variables = {
userName: name
}
if(name !== whoAmI){
generalAPIcall(query,variables,data => {
let notFound = document.querySelector(".not-found");
name = name.split("/")[0];
if(notFound){
if(name.includes("submissions")){
notFound.innerText = "This submission was probably denied"
}
else if(data){
notFound.innerText = name + " has blocked you"
}
else if(name === "ModChan"){
notFound.innerText = "Nope."
}
else{
notFound.innerText = name + " does not exist or has a private profile";
generalAPIcall(
`
query($name: String){
MediaList(userName: $name,mediaId: 1){
id
}
}
`,
{name: name},
function(data,variables,errors){
if(errors){
if(errors.errors[0].message === "Private User"){
notFound.innerText = name + " has a private profile"
}
else{
notFound.innerText = name + " does not exist"
}
}
}
)
}
notFound.style.paddingTop = "200px";
notFound.style.fontSize = "2rem"
}
})
}
return
}
URLstuff = oldURL.match(/\/(anime|manga)\/(\d+)/);
if(URLstuff){
let type = URLstuff[1];
let id = parseInt(URLstuff[2]);
const query = `
query($id: Int,$type: MediaType) {
Media(id: $id,type: $type){
genres
}
}`;
let variables = {
type: type.toUpperCase(),
id: id
}
generalAPIcall(query,variables,data => {
if(data.data.Media.genres.some(genre => genre === "Hentai")){
let notFound = document.querySelector(".not-found");
if(notFound){
if(id === 320){
notFound.innerText = `Kite isn't *really* hentai, but it kinda is too, and it's a bit complicated.
(You can enable 18+ content in settings > Anime & Manga)`
}
else{
notFound.innerText = `That's one of them hentais.
(You can enable 18+ content in settings > Anime & Manga)`
}
notFound.style.paddingTop = "200px";
notFound.style.fontSize = "2rem"
}
}
})
}
}
//end modules/possibleBlocked.js
//begin modules/profileBackground.js
function profileBackground(){
if(useScripts.SFWmode){//clearly not safe, users can upload anything
return
};
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);
}
//end modules/profileBackground.js
//begin modules/randomButtons.js
exportModule({
id: "randomButtons",
description: "Make the headings on the site stats page lead to random entries",
isDefault: true,
categories: ["Script"],
visible: false,
urlMatch: function(url,oldUrl){
return url === "https://anilist.co/site-stats";
},
code: function(){
let list = [
{data:"users",single:"user"},
{data:"media(type: ANIME)",single:"anime"},
{data:"media(type: MANGA)",single:"manga"},
{data:"characters",single:"character"},
{data:"staff",single:"staff"},
{data:"reviews",single:"review"}
];
list.forEach(function(item,index){
let adder = function(data){
let place = document.querySelectorAll("section > .heading > h3");
if(place.length <= index){
setTimeout(function(){adder(data)},200);
return;
}
let currentText = place[index].innerText;
place[index].innerText = "";
let link = create("a","link",currentText,place[index],"cursor:pointer;");
link.title = "Click to pick one at random";
let selected = Math.floor(Math.random()*data.data.Page.pageInfo.total);
link.onclick = function(){
generalAPIcall(
`query($page:Int){
Page(page:$page){
${item.data}{id}
}
}`,
{page: Math.ceil(selected / 50)},
function(data){
window.location.href = "https://anilist.co/" + item.single + "/" + data.data.Page[item.data.replace(/\(.*\)/,"")][selected % 50].id + "/";
}
);
}
};
generalAPIcall(
`query($page:Int){
Page(page:$page){
pageInfo{total}
${item.data}{id}
}
}`,
{page: 1},
adder
)
});
let speedAdder = function(data){
if(!data){
return
}
let place = document.querySelector(".page-content .container section");
if(!place){
setTimeout(function(){speedAdder(data)},200);
return;
};
let activityContainer = create("div",false,false,place.parentNode);
create("h3","heading","Current Activity",activityContainer);
create("p",false,Math.round((3600*199/(data.data.act1.activities[0].createdAt - data.data.act2.activities[data.data.act2.activities.length - 1].createdAt))) + " activities/hour",activityContainer);
let activities = data.data.text.activities;
create("p",false,(3600*(activities.length - 1)/(activities[0].createdAt - activities[activities.length - 1].createdAt)).roundPlaces(1) + " status posts/hour",activityContainer);
activities = data.data.message.activities;
create("p",false,(3600*(activities.length - 1)/(activities[0].createdAt - activities[activities.length - 1].createdAt)).roundPlaces(1) + " messages/hour",activityContainer);
};
generalAPIcall(
`query{
act1:Page(page: 1,perPage:10){
activities(sort:ID_DESC){
... on TextActivity{createdAt}
... on MessageActivity{createdAt}
... on ListActivity{createdAt}
}
}
act2:Page(page: 20,perPage:10){
activities(sort:ID_DESC){
... on TextActivity{createdAt}
... on MessageActivity{createdAt}
... on ListActivity{createdAt}
}
}
text:Page{
activities(sort:ID_DESC,type:TEXT){
... on TextActivity{createdAt}
}
}
message:Page{
activities(sort:ID_DESC,type:MESSAGE){
... on MessageActivity{createdAt}
}
}
}`,
{},
speedAdder
)
}
})
//end modules/randomButtons.js
//begin modules/reinaDark.js
// SPDX-FileCopyrightText: 2021 Reina
// SPDX-License-Identifier: MIT
/*
Copyright (c) 2021 Reina
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice (including the next paragraph) shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
//updated code here: https://github.com/Reinachan/AniList-High-Contrast-Dark-Theme
exportModule({
id: "reinaDark",
description: "Add a High Contrast Dark site theme [by Reina] [work in progress]",
extendedDescription: `
More info and standalone versions: https://anilist.co/activity/136403139
`,
isDefault: true,
importance: 1,
categories: ["Script","Newly Added"],
visible: true,
css: `
.theme-preview.dark-contrast{
border-radius: 3px;
border: 2px solid #46546b;
cursor: pointer;
display: inline-block;
font-weight: 500;
height: 25px;
margin-right: 10px;
padding-left: 2px;
padding-top: 5px;
width: 25px;
background: rgb(14, 18, 22);
color: rgb(240, 240, 240);
}
`//not the actual theme itself, just the styling of the theme switch
})
//outside the actual module export, as we want to run this at page load
if(useScripts.reinaDark){
let darkContrastStyle = create("style");
darkContrastStyle.id = "high-contrast-dark";
darkContrastStyle.type = "text/css";
documentHead.appendChild(darkContrastStyle);
const style = `
:root {
--color-background: 14, 18, 22;
--color-blue: 120, 180, 255;
--color-shadow-blue: 0, 0, 0;
--color-foreground: 20, 25, 31;
--color-foreground-alt: 18, 23, 29;
--color-foreground-blue: 26, 33, 45;
--color-foreground-grey: 15, 22, 28;
--color-foreground-grey-dark: 6, 12, 13;
--color-background-300: 30, 42, 56;
--color-background-100: 19, 24, 32;
--color-background-200: 14, 18, 22;
--color-text: 240, 240, 240;
--color-text-light: 220, 230, 240;
--color-text-lighter: 230, 230, 240;
--color-text-bright: 255, 255, 255;
--color-blue-100: 247, 250, 252;
--color-blue-200: 236, 246, 254;
--color-blue-300: 201, 232, 255;
--color-blue-400: 143, 215, 255;
--color-blue-500: 111, 200, 255;
--color-blue-600: 61, 180, 242;
--color-blue-700: 8, 143, 214;
--color-blue-800: 12, 101, 166;
--color-blue-900: 11, 70, 113;
--color-blue-1000: 16, 61, 85;
}
#nav {
background: rgb(20, 25, 31);
color: #eaeeff!important;
}
.site-theme-dark {
--color-blue: 120, 180, 255;
--color-shadow-blue: 8, 10, 16, 0.5;
--color-foreground: 20, 25, 31;
--color-foreground-alt: 18, 23, 29;
--color-background: 14, 18, 22;
--color-foreground-blue: 26, 33, 45;
--color-foreground-grey: 15, 22, 28;
--color-foreground-grey-dark: 6, 12, 13;
--color-nav-hoh: rgb(20, 25, 31);
}
.site-theme-dark {
/* Notification Dropdown */
--color-background-300: 30, 42, 56;
--color-background-100: 19, 24, 32;
--color-background-200: 14, 18, 22;
/* Text */
--color-text: 240, 240, 240;
--color-text-light: 220, 230, 240;
--color-text-lighter: 230, 230, 240;
--color-text-bright: 255, 255, 255;
/* Blue Colours */
--color-blue-100: 247, 250, 252;
--color-blue-200: 236, 246, 254;
--color-blue-300: 201, 232, 255;
--color-blue-400: 143, 215, 255;
--color-blue-500: 111, 200, 255;
--color-blue-600: 61, 180, 242;
--color-blue-700: 8, 143, 214;
--color-blue-800: 12, 101, 166;
--color-blue-900: 11, 70, 113;
--color-blue-1000: 16, 61, 85;
}
/* Small screens adjustment */
.page-content > .container {
@media screen and (max-width: 600px) {
padding-left: 2px;
padding-right: 2px;
}
}
/* Coloured Text */
.name[data-v-5e514b1e] {
color: rgb(var(--color-blue));
}
.site-theme-dark .user-page-unscoped.pink {
--color-blue: 252, 157, 214;
}
/* Dropdown menu */
.el-dropdown-menu.el-popper.el-dropdown-menu--medium {
width: 150px;
text-align: center;
background-color: rgb(var(--color-foreground-grey-dark))!important;
box-shadow: 0 1px 10px 0 rgba(var(--color-shadow-blue));
}
.el-dropdown-menu.el-popper.el-dropdown-menu--medium .el-dropdown-menu__item:hover {
background-color: rgb(var(--color-foreground-alt))!important;
}
.el-dropdown-menu.el-popper.el-dropdown-menu--medium .el-dropdown-menu__item--divided {
border-top: 3px solid rgb(var(--color-foreground-alt));
width: 90%;
margin: auto;
}
.el-dropdown-menu.el-popper.el-dropdown-menu--medium .el-dropdown-menu__item--divided:before {
background-color: rgb(var(--color-foreground-grey-dark))!important;
}
.el-dropdown-menu.el-popper.el-dropdown-menu--medium.activity-extras-dropdown {
text-align: left;
}
/* Announcement */
.announcement {
background-color: rgb(var(--color-blue-800))!important;
}
/* Reduce transparancy of card view notes to make them less easier to miss (accessibility)*/
.medialist.cards .entry-card .notes,
.medialist.cards .entry-card .repeat{
color: rgba(var(--color-white),1);
filter: drop-shadow(0 0 3px rgba(0,0,0,.9));
}
.review .banner .date{
color: rgba(var(--color-white),.6);
}
`
if(useScripts.reinaDarkEnable){
darkContrastStyle.textContent = style
}
let adder = function(){//listen for the Site Theme changer to appear. A poller should be all that's needed
let siteThemeSwitch = document.querySelector(".footer .theme-selector");
if(!siteThemeSwitch){
setTimeout(adder,500);//pretty relaxed timer, since the footer isn't even on screen when the page loads.
}
else{
siteThemeSwitch.appendChild(document.createTextNode(" "));
Array.from(document.querySelectorAll(".el-tooltip.theme-preview")).forEach(theme => {
theme.onclick = function(){
if(useScripts.reinaDarkEnable){
useScripts.reinaDarkEnable = false;
useScripts.save();
darkContrastStyle.textContent = ""
}
}
})
let darkContrastSwitch = create("div",["el-tooltip","theme-preview","dark-contrast"],"A",siteThemeSwitch);
darkContrastSwitch.title = "High Contrast Dark";//not quite the same as the native tooltip, but that's a minor issue that can be fixed later
darkContrastSwitch.onclick = function(){
if(!useScripts.reinaDarkEnable){
document.querySelector(".el-tooltip.theme-preview.dark").click();//fallback theme
useScripts.reinaDarkEnable = true;
useScripts.save();
darkContrastStyle.textContent = style
}
}
}
};
adder()
}
//end modules/reinaDark.js
//begin modules/replaceStaffRoles.js
exportModule({
id: "replaceStaffRoles",
description: "Hoh's version of sortable staff pages",
isDefault: !!useScripts.accessToken,
categories: ["Media","Login"],
visible: true,
urlMatch: function(url,oldUrl){
return url.match(/^https:\/\/anilist\.co\/staff\/.*/)
},
code: function(){
let selfcaller = function(){
let URLstuff = location.pathname.match(/^\/staff\/(\d+)\/?.*/);
if(!URLstuff){
return
};
let possibleGarbage = document.getElementById("hoh-media-roles");
if(possibleGarbage){
if(possibleGarbage.dataset.staffId === URLstuff[1]){
return
}
else{
possibleGarbage.remove();
let possibleFilterBar = document.querySelector(".hohFilterBar");
if(possibleFilterBar){
possibleFilterBar.remove()
}
}
};
let insertParent = document.querySelector(".media-roles");
let insertParentCharacters = document.querySelector(".character-roles");
if(!insertParent && !insertParentCharacters){
setTimeout(selfcaller ,200);
return;
};
insertParentCharacters.classList.add("hohSubstitute");
let substitution = false;
if(!insertParent){
insertParent = create("div",["media-roles","container","substitution"],false,insertParentCharacters.parentNode);
substitution = true
}
else{
insertParent.classList.add("substitution")
};
insertParent.parentNode.classList.add("substitution");
let hohCharacterRolesBox = create("div","#hoh-character-roles");
let hohCharacterRolesHeader = create("h4",false,"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 sortOptionChrono2 = create("option",false,"Newest",sortSelect);
sortOptionChrono2.value = "chronological2";
let sortOptionChrono = create("option",false,"Oldest",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]);
if(document.querySelector(".filters.container")){
document.querySelector(".filters.container").remove()
}
};
let animeRolesList = [];
let mangaRolesList = [];
let voiceRolesList = [];
const animeValueFunction = function(anime){
if(!anime.myStatus){
return -1
}
let entryDuration = (anime.duration || 1)*(anime.myStatus.progress || 0);//current round
if(useScripts.noRewatches && anime.myStatus.repeat){
entryDuration = Math.max(
1,
anime.episodes || 0,
anime.myStatus.progress || 0
) * (anime.duration || 1);//first round
}
else{
entryDuration += (anime.myStatus.repeat || 0) * Math.max(
1,
anime.episodes || 0,
anime.myStatus.progress || 0
) * (anime.duration || 1);//repeats
}
if(anime.listJSON && anime.listJSON.adjustValue){
entryDuration = Math.max(0,entryDuration + anime.listJSON.adjustValue*(anime.duration || 1))
}
return entryDuration
}
const mangaValueFunction = function(manga){
if(!manga.myStatus){
return {
chapters: 0,
volumes: 0
}
}
let chaptersRead = 0;
let volumesRead = 0;
if(manga.myStatus.status === "COMPLETED"){//if it's completed, we can make some safe assumptions
chaptersRead = Math.max(//chapter progress on the current read
manga.chapters,//in most cases, it has a chapter count
manga.volumes,//if not, there's at least 1 chapter per volume
manga.myStatus.progress,//if it doesn't have a volume count either, the current progress is probably not out of date
manga.myStatus.progressVolumes,//if it doesn't have a chapter progress, count at least 1 chapter per volume
1//finally, an entry has at least 1 chapter
);
volumesRead += Math.max(
manga.myStatus.progressVolumes,
manga.volumes
)
}
else{//we may only assume what's on the user's list.
chaptersRead += Math.max(
manga.myStatus.progress,
manga.myStatus.progressVolumes
);
volumesRead += manga.myStatus.progressVolumes;
};
if(useScripts.noRewatches && (manga.myStatus.repeat || 0)){//if they have a reread, they have at least completed it
chaptersRead = Math.max(//first round
manga.chapters,
manga.volumes,
manga.myStatus.progress,
manga.myStatus.progressVolumes,
1
);
volumesRead = Math.max(
manga.volumes,
manga.myStatus.progressVolumes
)
}
else{
chaptersRead += (manga.myStatus.repeat || 0) * Math.max(//chapters from rereads
manga.chapters,
manga.volumes,
manga.myStatus.progress,
manga.myStatus.progressVolumes,
1
);
volumesRead += (manga.myStatus.repeat || 0) * Math.max(
manga.volumes,
manga.myStatus.progressVolumes
)
};
if(manga.listJSON && manga.listJSON.adjustValue){
chaptersRead = Math.max(0,chaptersRead + manga.listJSON.adjustValue)
}
return {
chapters: chaptersRead,
volumes: volumesRead
}
}
let listRenderer = function(){
if(!initPerformed){
UIinit()
};
useScripts.staffRoleOrder = sortSelect.value;
useScripts.save();
if(sortSelect.value === "alphabetical"){
animeRolesList.sort(ALPHABETICAL(a => a.title));
mangaRolesList.sort(ALPHABETICAL(a => a.title));
voiceRolesList.sort(ALPHABETICAL(a => a.title))
}
else if(sortSelect.value === "chronological"){
const yearSorter = (a,b) => {
let aTime = a.startDate;
let bTime = b.startDate;
if(!aTime.year){
aTime = a.endDate
}
if(!bTime.year){
bTime = b.endDate
}
if(!aTime.year){
if(!bTime.year){
if(b.status === "NOT_YET_RELEASED" && a.status === "NOT_YET_RELEASED"){
return 0
}
else if(a.status === "NOT_YET_RELEASED"){
return -1
}
}
return 1;
}
else if(!bTime.year){
return -1
}
return aTime.year - bTime.year
|| aTime.month - bTime.month
|| aTime.day - bTime.day
|| a.endDate.year - b.endDate.year
|| a.endDate.month - b.endDate.month
|| a.endDate.day - b.endDate.day
|| 0
};
animeRolesList.sort(yearSorter);
mangaRolesList.sort(yearSorter);
voiceRolesList.sort(yearSorter)
}
else if(sortSelect.value === "chronological2"){
const yearSorter = (a,b) => {
let aTime = a.startDate;
let bTime = b.startDate;
if(!aTime.year){
aTime = a.endDate
}
if(!bTime.year){
bTime = b.endDate
}
if(!aTime.year){
if(!bTime.year){
if(b.status === "NOT_YET_RELEASED" && a.status === "NOT_YET_RELEASED"){
return 0
}
else if(a.status === "NOT_YET_RELEASED"){
return -1
}
}
return 1;
}
else if(!bTime.year){
return -1
}
return bTime.year - aTime.year
|| bTime.month - aTime.month
|| bTime.day - aTime.day
|| b.endDate.year - a.endDate.year
|| b.endDate.month - a.endDate.month
|| b.endDate.day - a.endDate.day
|| 0
};
animeRolesList.sort(yearSorter);
mangaRolesList.sort(yearSorter);
voiceRolesList.sort(yearSorter)
}
else if(sortSelect.value === "popularity"){
const popSorter = (b,a) => a.popularity - b.popularity || a.score - b.score;
animeRolesList.sort(popSorter);
mangaRolesList.sort(popSorter);
voiceRolesList.sort(popSorter)
}
else if(sortSelect.value === "score"){
const scoreSorter = (b,a) => a.score - b.score || a.popularity - b.popularity;
animeRolesList.sort(scoreSorter);
mangaRolesList.sort(scoreSorter);
voiceRolesList.sort(scoreSorter)
}
else if(sortSelect.value === "length"){
animeRolesList.sort(
(b,a) => a.episodes - b.episodes || a.duration - b.duration || b.title.localeCompare(a.title)
);
voiceRolesList.sort(
(b,a) => a.episodes - b.episodes || a.duration - b.duration || b.title.localeCompare(a.title)
);
mangaRolesList.sort(
(b,a) => a.chapters - b.chapters || a.volumes - b.volumes || b.title.localeCompare(a.title)
)
}
else if(sortSelect.value === "myScore"){
let scoreSorter = function(b,a){
let scoreTier = (a.myStatus ? a.myStatus.scoreRaw : 0) - (b.myStatus ? b.myStatus.scoreRaw : 0);
if(scoreTier !== 0){
return scoreTier
}
let progressTier = (a.myStatus ? a.myStatus.progress : -1) - (b.myStatus ? b.myStatus.progress : -1);
if(progressTier !== 0){
return progressTier
}
return a.popularity - b.popularity
}
animeRolesList.sort(scoreSorter);
mangaRolesList.sort(scoreSorter);
voiceRolesList.sort(scoreSorter);
}
else if(sortSelect.value === "myProgress"){
const animeSorter = (b,a) => animeValueFunction(a) - animeValueFunction(b) || b.title.localeCompare(a.title);
const mangaSorter = (b,a) => {
const aval = mangaValueFunction(a);
const bval = mangaValueFunction(b);
return aval.chapters - bval.chapters || aval.volumes - bval.volumes || b.title.localeCompare(a.title)
}
animeRolesList.sort(animeSorter);
voiceRolesList.sort(animeSorter);
mangaRolesList.sort(mangaSorter);
}
hohMediaRolesAnimeHeader.style.display = "none";
hohMediaRolesMangaHeader.style.display = "none";
hohCharacterRolesHeader.style.display = "none";
if(animeRolesList.length){
hohMediaRolesAnimeHeader.style.display = "inline"
}
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;
if(sortSelect.value === "chronological2"){
voiceYear = 3000//Y3k, here we goooo
}
voiceRolesList.forEach(anime => {
let foundRole = filterSelect.value === "";
if(!foundRole){
let specificMatch = filterSelect.value.toLowerCase().match(/^\s*(.*?)\s*:\s*(.*)/);
if(specificMatch && Object.keys(mediaMatcher).includes(specificMatch[1])){
foundRole = mediaMatcher[specificMatch[1]](specificMatch[2],anime)
}
else{
foundRole = Object.keys(mediaMatcher).some(
key => mediaMatcher[key](filterSelect.value,anime)
)
|| looseMatcher(anime.character.name,filterSelect.value)
}
}
if(foundRole){
if(sortSelect.value === "chronological"){
if((anime.startDate.year || anime.endDate.year) > voiceYear){
voiceYear = anime.startDate.year || anime.endDate.year;
create("h3","hohYearHeading",voiceYear,hohCharacterRoles)
}
else if(!(anime.startDate.year || anime.endDate.year) && voiceYear > 0){
animeYear = 0;
create("h3","hohYearHeading","No date",hohCharacterRoles)
}
}
else if(sortSelect.value === "chronological2"){
if((anime.startDate.year || anime.endDate.year) < voiceYear){
voiceYear = anime.startDate.year || anime.endDate.year;
create("h3","hohYearHeading",voiceYear,hohCharacterRoles)
}
else if(!(anime.startDate.year || anime.endDate.year) && voiceYear > 0){
animeYear = 0;
create("h3","hohYearHeading","No date",hohCharacterRoles)
}
}
let roleCard = createRoleCard(anime,"anime");
roleCard.classList.add("view-media-character");
roleCard.classList.remove("view-media");
let character = create("div","character",false,false,"grid-area: character;grid-template-columns: auto 60px;grid-template-areas: 'content image'");
let cover = create("a","cover",false,character);
cover.href = "/character/" + anime.character.id + "/" + safeURL(anime.character.name);
cover.style.backgroundImage = "url(" + anime.character.image + ")";
let content = create("a","content",false,character,"text-align: right;");
content.href = "/character/" + anime.character.id + "/" + safeURL(anime.character.name);
let name = create("a","name",anime.character.name,content);
roleCard.insertBefore(character,roleCard.children[0]);
hohCharacterRoles.appendChild(roleCard);
if(anime.myStatus && !alreadyCounted.has(anime.id)){
distribution[anime.myStatus.status]++;
if(anime.myStatus.status === "CURRENT"){
animeCurrentFlag = true
}
sumDuration += Math.max(animeValueFunction(anime),0);
if(anime.myStatus.scoreRaw){
sumScoresAnime += anime.myStatus.scoreRaw;
amountAnime++;
}
alreadyCounted.add(anime.id)
}
}
});
removeChildren(hohMediaRolesAnime)
let animeYear = 0;
if(sortSelect.value === "chronological2"){
animeYear = 3000
}
animeRolesList.forEach(anime => {
let foundRole = filterSelect.value === "";
if(!foundRole){
let specificMatch = filterSelect.value.toLowerCase().match(/^\s*(.*?)\s*:\s*(.*)/);
if(specificMatch && Object.keys(mediaMatcher).includes(specificMatch[1])){
foundRole = mediaMatcher[specificMatch[1]](specificMatch[2],anime)
}
else{
foundRole = Object.keys(mediaMatcher).some(
key => mediaMatcher[key](filterSelect.value,anime)
)
}
}
if(foundRole){
if(sortSelect.value === "chronological"){
if((anime.startDate.year || anime.endDate.year) > animeYear){
animeYear = anime.startDate.year || anime.endDate.year;
create("h3","hohYearHeading",animeYear,hohMediaRolesAnime)
}
else if(!(anime.startDate.year || anime.endDate.year) && animeYear > 0){
animeYear = 0;
create("h3","hohYearHeading","No date",hohMediaRolesAnime)
}
}
else if(sortSelect.value === "chronological2"){
if((anime.startDate.year || anime.endDate.year) < animeYear){
animeYear = anime.startDate.year || anime.endDate.year;
create("h3","hohYearHeading",animeYear,hohMediaRolesAnime)
}
else if(!(anime.startDate.year || anime.endDate.year) && animeYear > 0){
animeYear = 0;
create("h3","hohYearHeading","No date",hohMediaRolesAnime)
}
}
let roleCard = createRoleCard(anime,"anime");
hohMediaRolesAnime.appendChild(roleCard);
if(anime.myStatus && !alreadyCounted.has(anime.id)){
distribution[anime.myStatus.status]++;
if(anime.myStatus.status === "CURRENT"){
animeCurrentFlag = true
}
sumDuration += Math.max(animeValueFunction(anime),0);
if(anime.myStatus.scoreRaw){
sumScoresAnime += anime.myStatus.scoreRaw;
amountAnime++;
}
alreadyCounted.add(anime.id)
}
}
});
removeChildren(hohMediaRolesManga);
let mangaYear = 0;
if(sortSelect.value === "chronological2"){
mangaYear = 3000
}
mangaRolesList.forEach(manga => {
let foundRole = filterSelect.value === "";
if(!foundRole){
let specificMatch = filterSelect.value.toLowerCase().match(/^\s*(.*?)\s*:\s*(.*)/);
if(specificMatch && Object.keys(mediaMatcher).includes(specificMatch[1])){
foundRole = mediaMatcher[specificMatch[1]](specificMatch[2],manga)
}
else{
foundRole = Object.keys(mediaMatcher).some(
key => mediaMatcher[key](filterSelect.value,manga)
)
}
}
if(foundRole){
if(sortSelect.value === "chronological"){
if((manga.startDate.year || manga.endDate.year) > mangaYear){
mangaYear = manga.startDate.year || manga.endDate.year;
create("h3","hohYearHeading",mangaYear,hohMediaRolesManga)
}
else if(!(manga.startDate.year || manga.endDate.year) && mangaYear > 0){
mangaYear = 0;
create("h3","hohYearHeading","No date",hohMediaRolesManga)
}
}
else if(sortSelect.value === "chronological2"){
if((manga.startDate.year || manga.endDate.year) < mangaYear){
mangaYear = manga.startDate.year || manga.endDate.year;
create("h3","hohYearHeading",mangaYear,hohMediaRolesManga)
}
else if(!(manga.startDate.year || manga.endDate.year) && mangaYear > 0){
mangaYear = 0;
create("h3","hohYearHeading","No date",hohMediaRolesManga)
}
}
let roleCard = createRoleCard(manga,"manga");
hohMediaRolesManga.appendChild(roleCard);
if(manga.myStatus){
distribution[manga.myStatus.status]++;
if(manga.myStatus.status === "CURRENT"){
mangaCurrentFlag = true
}
const mangaValue = mangaValueFunction(manga);
sumChapters += mangaValue.chapters;
sumVolumes += mangaValue.volumes;
if(manga.myStatus.scoreRaw){
sumScoresManga += manga.myStatus.scoreRaw;
amountManga++
}
}
}
});
if(sumDuration || sumChapters || sumVolumes || (sumScoresAnime + sumScoresManga)){
removeChildren(digestStats)
if(sumDuration){
create("span",false,"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(distributionFormats[anime.format]);
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(distributionFormats[manga.format]);
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)
};
selfcaller();
}
})
//end modules/replaceStaffRoles.js
//begin modules/rightSideNavbar.js
exportModule({
id: "rightSideNavbar",
description: "Move the vertical navbar to the right side of the screen",
isDefault: false,
categories: ["Navigation"],
visible: true
})
//end modules/rightSideNavbar.js
//begin modules/scoreOverviewFixer.js
function scoreOverviewFixer(){
if(!document.URL.match(/^https:\/\/anilist\.co\/(anime|manga)\//)){
return;
}
let overview = document.querySelector(".media .overview");
if(!overview){
setTimeout(scoreOverviewFixer,300);
return;
}
let follows = overview.querySelectorAll(".follow");
if(follows.length){
follows.forEach(el => {
scoreColors(el);
});
}
else{
setTimeout(scoreOverviewFixer,300);
}
}
//end modules/scoreOverviewFixer.js
//begin modules/selectMyThreads.js
function selectMyThreads(){
if(document.URL !== "https://anilist.co/user/" + whoAmI + "/social#my-threads"){
return
}
let target = document.querySelector(".filter-group span:nth-child(4)");
if(!target){
setTimeout(selectMyThreads,100)
}
else{
target.click()
}
}
//end modules/selectMyThreads.js
//begin modules/settingsPage.js
exportModule({
id: "settingsPage",
description: "This settings page",
isDefault: true,
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 (scroll down to the bottom of the page for that) which also requires persistent cookies, see https://github.com/hohMiyazawa/Automail/issues/26#issuecomment-623677462",scriptStats)
}
sHomeLink.href = scriptInfo.link;
sHomeLink2.href = scriptInfo.repo;
let categories = create("div",["container","hohCategories"],false,scriptStats);
let catList = ["Notifications","Feeds","Forum","Lists","Profiles","Stats","Media","Navigation","Browse","Script","Login","Newly Added"];
let activeCategory = "";
catList.forEach(function(category){
let catBox = create("div","hohCategory",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)
<any css background shorthand>
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,"font-size: x-large;");
loginURL.href = authUrl;
loginURL.style.color = "rgb(var(--color-blue))";
create("p",false,"Enables or improves every module in the \"Login\" tab, improves those greyed out.",hohSettings);
if(useScripts.accessToken){
create("hr","hohSeparator",false,hohSettings);
create("p",false,"Current access token (do not share with others):",hohSettings);
create("p","hohMonospace",useScripts.accessToken,hohSettings,"word-wrap: anywhere;font-size: small;")
}
hohSettings.appendChild(create("hr"));
let debugInfo = create("button",["hohButton","button"],"Export settings",hohSettings);
create("p",false,"Might come in handy to keep a backup if you do stuff like wiping your browser cache/storage, which will wipe your Automail settings too",hohSettings);
create("p",false,"Import settings:",hohSettings);
let debugImport = create("input","input-file",false,hohSettings);
debugImport.setAttribute("type","file");
debugImport.setAttribute("name","json");
debugImport.setAttribute("accept","application/json");
debugInfo.onclick = function(){
let export_settings = JSON.parse(JSON.stringify(useScripts));//deepclone
if(export_settings.accessToken){//idiot proofing: we don't want users leaking their access tokens
export_settings.accessToken = "[REDACTED]"
}
if(whoAmI){
saveAs(export_settings,"automail_settings_" + whoAmI + ".json")
}
else{
saveAs(export_settings,"automail_settings.json")
}
}
debugImport.oninput = function(){
let reader = new FileReader();
reader.readAsText(debugImport.files[0],"UTF-8");
reader.onload = function(evt){
let data;
try{
data = JSON.parse(evt.target.result)
}
catch(e){
alert("error parsing JSON")
return
}
if(!data.hasOwnProperty("automailAPI")){//sanity check
alert("not a settings file")
return
}
Object.keys(data).forEach(//this is to keep the default settings if the version imported is outdated
key => {
if(key === "accessToken"){
if(!useScripts.accessToken && data[key] === "[REDACTED]"){
alert("Access tokens are not stored in settings files for security reasons. You have to click the 'Sign in with the script' button again")
}
}
else{
useScripts[key] = data[key]
}
}
)
useScripts.save();
}
reader.onerror = function(evt){
alert("error reading file")
}
}
create("p",false,"(Hey, it would be nice if you include this file when you report bugs. Makes my life easier)",hohSettings);
}
})
//end modules/settingsPage.js
//begin modules/showMarkdown.js
function showMarkdown(id){
if(!location.pathname.match(id)){
return
}
if(document.querySelector(".hohGetMarkdown")){
return
}
let timeContainer = document.querySelector(".activity-text .time,.activity-message .time");
if(!timeContainer){
setTimeout(function(){showMarkdown(id)},200);
return
};
if(!useScripts.accessToken && document.querySelector(".private-badge")){
return//can't fetch private messages without privileges
}
let codeLink = create("span",["action","hohGetMarkdown"],"</>",false,"font-weight:bolder;");
timeContainer.insertBefore(codeLink,timeContainer.firstChild);
codeLink.onclick = function(){
let activityMarkdown = document.querySelector(".activity-markdown");
if(activityMarkdown.style.display === "none"){
document.querySelector(".hohMarkdownSource").style.display = "none";
activityMarkdown.style.display = "initial"
}
else{
activityMarkdown.style.display = "none";
let markdownSource = document.querySelector(".hohMarkdownSource");
if(markdownSource){
markdownSource.style.display = "initial"
}
else{
const caller = (document.querySelector(".private-badge") ? authAPIcall : generalAPIcall);
caller("query($id:Int){Activity(id:$id){...on MessageActivity{text:message}...on TextActivity{text}}}",{id:id},function(data){
if(!location.pathname.match(id) || !data){
return
};
markdownSource = create("div",["activity-markdown","hohMarkdownSource"],data.data.Activity.text,activityMarkdown.parentNode);
},"hohGetMarkdown" + id,20*1000)
}
}
}
}
//end modules/showMarkdown.js
//begin modules/singleActivityReplyLikes.js
exportModule({
id: "singleActivityReplyLikes",
description: "Add like tooltips to all replies when viewing a single activity",
isDefault: true,
categories: ["Feeds"],
visible: false,
urlMatch: function(url,oldUrl){
return url.match(/^https:\/\/anilist\.co\/activity\/(\d+)/)
},
code: function singleActivityReplyLikes(){
let id = parseInt(document.URL.match(/^https:\/\/anilist\.co\/activity\/(\d+)/)[1])
let adder = function(data){
if(!data){
return//private actitivites, mostly. Doesn't matter as there aren't many people there.
}
if(!document.URL.includes("activity/" + id || !data)){
return
};
let post = document.querySelector(".activity-entry > .wrap > .actions .action.likes");
if(!post){
setTimeout(function(){adder(data)},200);
return
};
post.classList.add("hohLoadedLikes");
post.classList.add("hohHandledLike");
if(post.querySelector(".count") && !(parseInt(post.querySelector(".count").innerText) <= 5)){
post.title = data.data.Activity.likes.map(like => like.name).join("\n")
};
let smallAdder = function(){
if(!document.URL.includes("activity/" + id)){
return
};
let actionLikes = document.querySelectorAll(".activity-replies .action.likes");
if(!actionLikes.length){
setTimeout(smallAdder,200);
return
}
actionLikes.forEach((node,index) => {
if(node.querySelector(".count") && !(parseInt(node.querySelector(".count").innerText) <= 5)){
node.title = data.data.Activity.replies[index].likes.map(like => like.name).join("\n")
}
});
};
if(data.data.Activity.replies.length){
smallAdder()
}
}
generalAPIcall(`
query($id: Int){
Activity(id: $id){
... on TextActivity{
likes{name}
replies{likes{name}}
}
... on MessageActivity{
likes{name}
replies{likes{name}}
}
... on ListActivity{
likes{name}
replies{likes{name}}
}
}
}`,
{id: id},
adder
)
}
})
//end modules/singleActivityReplyLikes.js
//begin modules/slimNav.js
exportModule({
id: "slimNav",
description: "Slim navbar",
isDefault: false,
importance: -2,
categories: ["Navigation"],
visible: true
})
//end modules/slimNav.js
//begin modules/submenu.js
if(useScripts.CSSverticalNav && whoAmI && !useScripts.mobileFriendly){
let addMouseover = function(){
let navThingy = document.querySelector(`.nav .links .link[href^="/user/"]`);
if(navThingy){
navThingy.style.position = "relative";
let hackContainer = create("div","subMenuContainer",false,false,"position:relative;width:100%;min-height:50px;z-index:134;display:inline-flex;");
navThingy.parentNode.insertBefore(hackContainer,navThingy);
hackContainer.appendChild(navThingy);
let subMenu = create("div","hohSubMenu",false,hackContainer);
let linkStats = create("a","hohSubMenuLink","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","Favourites",subMenu)
.href = "/user/" + whoAmI + "/favorites";
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();
}
//end modules/submenu.js
//begin modules/termsFeed.js
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;");
let previewArea = create("div",false,false,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(activity => {
if(type === "thread" && useScripts.hideAWC && (activity.user === "AnimeWatchingClub" || activity.user === "AWC")){
return
}
let act = create("div","activity",false,feedContent);
let diff = NOW() - (new Date(activity.createdAt * 1000)).valueOf();
let time = create("span",["time","hohMonospace"],formatTime(Math.round(diff/1000),"short"),act,"width:50px;position:absolute;left:1px;top:2px;");
time.title = (new Date(activity.createdAt * 1000)).toLocaleString();
let content = create("div",false,false,act,"margin-left:60px;position:relative;");
if(!activity.user){
return
}
let user = create("a",["link","newTab"],activity.user.name,content);
if(activity.type === "TEXT" && activity.media){
create("a",false,"'s review of " + titlePicker(activity.media),content)
}
user.href = "/user/" + activity.user.name + "/";
let actions = create("div","actions",false,content,"position:absolute;text-align:right;");
let replyWrap = create("span",["action","hohReplies"],false,actions,"display:inline-block;min-width:35px;margin-left:2px");
let replyCount = create("span","count",(activity.replies.length || activity.replyCount ? activity.replies.length || activity.replyCount : " "),replyWrap);
let replyIcon = create("span",false,false,replyWrap);
replyIcon.appendChild(svgAssets2.reply.cloneNode(true));
replyWrap.style.cursor = "pointer";
replyIcon.children[0].style.width = "13px";
replyIcon.stylemarginLeft = "-2px";
let likeWrap = create("span",["action","hohLikes"],false,actions,"display:inline-block;min-width:35px;margin-left:2px");
likeWrap.title = activity.likes.map(a => a.name).join("\n");
let likeCount = create("span","count",(activity.likes.length ? activity.likes.length : " "),likeWrap);
let heart = create("span",false,"♥",likeWrap,"position:relative;");
let likeQuickView = create("div","hohLikeQuickView",false,heart);
if(type === "review"){
heart.innerText = activity.rating + "/" + activity.ratingAmount
};
likeWrap.style.cursor = "pointer";
if(activity.likes.some(like => like.name === whoAmI)){
likeWrap.classList.add("hohILikeThis")
};
let likeify = function(likes,likeQuickView){
removeChildren(likeQuickView)
if(likes.length === 0){}
else if(likes.length === 1){
create("span",false,likes[0].name,likeQuickView,`color: hsl(${Math.abs(hashCode(likes[0].name)) % 360},50%,50%)`)
}
else if(likes.length === 2){
let name1 = create("span",false,likes[0].name.slice(0,(likes[0].name.length <= 6 ? likes[0].name.length : 4)),likeQuickView,`color: hsl(${Math.abs(hashCode(likes[0].name)) % 360},50%,50%)`);
create("span",false," & ",likeQuickView);
let name2 = create("span",false,likes[1].name.slice(0,(likes[1].name.length <= 6 ? likes[1].name.length : 4)),likeQuickView,`color: hsl(${Math.abs(hashCode(likes[1].name)) % 360},50%,50%)`);
name1.onmouseover = function(){
name1.innerText = likes[0].name
}
name2.onmouseover = function(){
name2.innerText = likes[1].name
}
}
else if(likes.length === 3){
let name1 = create("span",false,likes[0].name.slice(0,(likes[0].name.length <= 3 ? likes[0].name.length : 2)),likeQuickView,`color: hsl(${Math.abs(hashCode(likes[0].name)) % 360},50%,50%)`);
create("span",false,", ",likeQuickView);
let name2 = create("span",false,likes[1].name.slice(0,(likes[1].name.length <= 3 ? likes[1].name.length : 2)),likeQuickView,`color: hsl(${Math.abs(hashCode(likes[1].name)) % 360},50%,50%)`);
create("span",false," & ",likeQuickView);
let name3 = create("span",false,likes[2].name.slice(0,(likes[2].name.length <= 3 ? likes[1].name.length : 2)),likeQuickView,`color: hsl(${Math.abs(hashCode(likes[2].name)) % 360},50%,50%)`);
name1.onmouseover = function(){
name1.innerText = likes[0].name
}
name2.onmouseover = function(){
name2.innerText = likes[1].name
}
name3.onmouseover = function(){
name3.innerText = likes[2].name
}
}
else if(likes.length === 4){
likes.forEach(like => {
let name = create("span",false,like.name.slice(0,(like.name.length <= 3 ? like.name.length : 2)),likeQuickView,`color: hsl(${Math.abs(hashCode(like.name)) % 360},50%,50%)`);
create("span",false,", ",likeQuickView);
name.onmouseover = function(){
name.innerText = like.name
}
});
likeQuickView.lastChild.remove();
}
else if(likes.length === 5 || likes.length === 6){
likes.forEach(like => {
let name = create("span",false,like.name.slice(0,2),likeQuickView,`color: hsl(${Math.abs(hashCode(like.name)) % 360},50%,50%)`);
create("span",false," ",likeQuickView);
name.onmouseover = function(){
name.innerText = like.name
}
name.onmouseout = function(){
name.innerText = like.name.slice(0,2)
}
});
likeQuickView.lastChild.remove();
}
else if(likes.length < 12){
likes.forEach(like => {
let name = create("span",false,like.name[0],likeQuickView,`color: hsl(${Math.abs(hashCode(like.name)) % 360},50%,50%)`);
create("span",false," ",likeQuickView);
name.onmouseover = function(){
name.innerText = like.name
}
name.onmouseout = function(){
name.innerText = like.name[0]
}
});
likeQuickView.lastChild.remove();
}
else if(likes.length <= 20){
likes.forEach(like => {
let name = create("span",false,like.name[0],likeQuickView,`color: hsl(${Math.abs(hashCode(like.name)) % 360},50%,50%)`);
name.onmouseover = function(){
name.innerText = " " + like.name + " "
}
name.onmouseout = function(){
name.innerText = like.name[0]
}
});
}
};
likeify(activity.likes,likeQuickView);
likeWrap.onclick = function(){
if(type === "review"){
return
}
authAPIcall(
"mutation($id:Int){ToggleLike(id:$id,type:" + type.toUpperCase() + "){id}}",
{id: activity.id},
data => {}
);
if(likeWrap.classList.contains("hohILikeThis")){
activity.likes.splice(activity.likes.findIndex(user => user.name === whoAmI),1);
if(activity.likes.length === 0){
likeCount.innerText = " "
}
else{
likeCount.innerText = activity.likes.length
}
}
else{
activity.likes.push({name: whoAmI});
likeCount.innerText = activity.likes.length
};
likeWrap.classList.toggle("hohILikeThis");
likeWrap.title = activity.likes.map(a => a.name).join("\n");
likeify(activity.likes,likeQuickView);
};
replyWrap.onclick = function(){
if(act.querySelector(".replies")){
act.lastChild.remove()
}
else if(type === "thread"){
window.location = "https://anilist.co/forum/thread/" + activity.id + "/";//remove when implemented
let createReplies = data => {//what's happening here? Must look into it later
let replies = create("div","replies",false,act);
data.data.threadReplies.forEach(function(repy){
});
};
//generalAPIcall(``,{},createReplies)
}
else{
let createReplies = function(){
let replies = create("div","replies",false,act);
activity.replies.forEach(reply => {
reply.text = makeHtml(reply.text);
let rep = create("div","reply",false,replies);
let ndiff = NOW() - (new Date(reply.createdAt * 1000)).valueOf();
let time = create("span",["time","hohMonospace"],formatTime(Math.round(ndiff/1000),"short"),rep,"width:50px;position:absolute;left:1px;top:2px;");
time.title = (new Date(activity.createdAt * 1000)).toLocaleString();
let user = create("a",["link","newTab"],reply.user.name,rep,"margin-left:60px;position:absolute;");
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(/<img.*?src=("|')(.*?)("|').*?>/g,img => {
let link = img.match(/<img.*?src=("|')(.*?)("|').*?>/)[2];
return "[<a href=\"" + link + "\">" + (link.length > 200 ? link.slice(0,200) + "…" : link) + "</a>]"
})
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 = makeHtml(activity.text);
//activity.text = "<p>" + activity.text.replace(/\n\n/g,"</p><p>") + "</p>";//workaround for API bug
if(useScripts.termsFeedNoImages){
let imgText = activity.text.replace(/<img.*?src=("|')(.*?)("|').*?>/g,img => {
let link = img.match(/<img.*?src=("|')(.*?)("|').*?>/)[2];
return "[<a href=\"" + link + "\">" + (link.length > 200 ? link.slice(0,200) + "…" : link) + "</a>]";
}).replace(/<video.*?video>/g,video => {
let link = video.match(/src=("|')(.*?)("|')/)[2];
return "[<a href=\"" + link + "\">" + (link.length > 200 ? link.slice(0,200) + "…" : link) + "</a>]";
})
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(/@(.*?)</g) || []).forEach(user => {
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
likes{name}
title
replyCount
}
}
Viewer{unreadNotificationCount}
}`,
{page: npage},
function(data){
buildPage(data.data.Page.threads.map(thread => {
thread.type = "TEXT";
thread.replies = [];
thread.text = "<h2>" + thread.title + "</h2>" + thread.text;
return thread
}).filter(thread => thread.replyCount || !onlyReplies.checked),"thread",requestTime);
handleNotifications(data);
}
);
}
else if(onlyReviews.checked){
authAPIcall(
`
query($page: Int){
Page(page: $page,perPage: 20){
reviews(sort:CREATED_AT_DESC${(onlyUser.checked ? ",userId: " + userID : "")}${onlyMedia.checked && onlyMediaResult.id ? ",mediaId: " + onlyMediaResult.id : ""}){
id
createdAt
user{name}
media{
id
type
title{romaji native english}
}
summary
body
rating
ratingAmount
}
}
Viewer{unreadNotificationCount}
}`,
{page: npage},
function(data){
buildPage(data.data.Page.reviews.map(review => {
review.type = "TEXT";
review.likes = [];
review.replies = [{
id: review.id,
user: review.user,
likes: [],
text: review.body,
createdAt: review.createdAt
}];
review.text = review.summary;
return review
}),"review",requestTime);
handleNotifications(data)
}
);
}
else{
authAPIcall(
`
query($page: Int,$types: [ActivityType]){
Page(page: $page){
activities(${(onlyUser.checked || onlyGlobal.checked ? "" : "isFollowing: true,")}sort: ID_DESC,type_not_in: $types${(onlyReplies.checked ? ",hasReplies: true" : "")}${(onlyUser.checked ? ",userId: " + userID : "")}${(onlyGlobal.checked ? ",hasRepliesOrTypeText: true" : "")}${onlyMedia.checked && onlyMediaResult.id ? ",mediaId: " + onlyMediaResult.id : ""}${date ? ",createdAt_greater: " + (dateToJST(date)/1000) + ",createdAt_lesser: " + (dateToJST(date)/1000 + 24*60*60) : ""}){
... on MessageActivity{
id
type
createdAt
user:messenger{name}
text:message
likes{name}
replies{
id
user{name}
likes{name}
text
createdAt
}
}
... on TextActivity{
id
type
createdAt
user{name}
text
likes{name}
replies{
id
user{name}
likes{name}
text
createdAt
}
}
... on ListActivity{
id
type
createdAt
user{name}
status
progress
media{
id
type
title{romaji native english}
}
likes{name}
replies{
id
user{name}
likes{name}
text
createdAt
}
}
}
}
Viewer{unreadNotificationCount}
}`,
{page: npage,types:types},
function(data){
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";
previewArea.style.display = "inline";
};
inputArea.oninput = function(){
previewArea.innerHTML = DOMPurify.sanitize(makeHtml(inputArea.value))
}
cancelButton.onclick = function(){
inputArea.value = "";
previewArea.innerText = "";
cancelButton.style.display = "none";
publishButton.style.display = "none";
previewArea.style.display = "none";
loading.innerText = "";
onlySpecificActivity = false;
document.activeElement.blur();
};
publishButton.onclick = function(){
if(onlyForum.checked){
alert("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 = "";
previewArea.innerText = "";
cancelButton.style.display = "none";
publishButton.style.display = "none";
document.activeElement.blur();
};
let sideBarContent = create("div","sidebar",false,feed,"position:absolute;left:20px;top:200px;max-width:150px;");
let buildPreview = function(data){
if(!data){
return;
}
removeChildren(sideBarContent)
let mediaLists = data.data.Page.mediaList.map(mediaList => {
if(aliases.has(mediaList.media.id)){
mediaList.media.title.userPreferred = aliases.get(mediaList.media.id)
}
return mediaList
});
mediaLists.slice(0,20).forEach(mediaList => {
let mediaEntry = create("div",false,false,sideBarContent,"border-bottom: solid;border-bottom-width: 1px;margin-bottom: 10px;border-radius: 3px;padding: 2px;");
create("a","link",mediaList.media.title.userPreferred,mediaEntry,"min-height:40px;display:inline-block;")
.href = "/anime/" + mediaList.media.id + "/" + safeURL(mediaList.media.title.userPreferred);
let progress = create("div",false,false,mediaEntry,"font-size: small;");
create("span",false,"Progress: ",progress);
let number = create("span",false,mediaList.progress + (mediaList.media.episodes ? "/" + mediaList.media.episodes : ""),progress);
let plusProgress = create("span",false,"+",progress,"padding-left:5px;padding-right:5px;cursor:pointer;");
let isBlocked = false;
plusProgress.onclick = function(e){
if(isBlocked){
return
};
if(mediaList.media.episodes){
if(mediaList.progress < mediaList.media.episodes){
mediaList.progress++;
number.innerText = mediaList.progress + (mediaList.media.episodes ? "/" + mediaList.media.episodes : "");
isBlocked = true;
setTimeout(function(){
isBlocked = false;
},300);
if(mediaList.progress === mediaList.media.episodes){
plusProgress.innerText = "";
if(mediaList.status === "REWATCHING"){//don't overwrite the existing end date
authAPIcall(
`mutation($progress: Int,$id: Int){
SaveMediaListEntry(progress: $progress,id:$id,status:COMPLETED){id}
}`,
{id: mediaList.id,progress: mediaList.progress},
data => {}
);
}
else{
authAPIcall(
`mutation($progress: Int,$id: Int,$date:FuzzyDateInput){
SaveMediaListEntry(progress: $progress,id:$id,status:COMPLETED,completedAt:$date){id}
}`,
{
id: mediaList.id,
progress: mediaList.progress,
date: {
year: (new Date()).getUTCFullYear(),
month: (new Date()).getUTCMonth() + 1,
day: (new Date()).getUTCDate(),
}
},
data => {}
);
};
mediaEntry.style.backgroundColor = "rgba(0,200,0,0.1)";
}
else{
authAPIcall(
`mutation($progress: Int,$id: Int){
SaveMediaListEntry(progress: $progress,id:$id){id}
}`,
{id: mediaList.id,progress: mediaList.progress},
data => {}
);
}
localStorage.setItem("hohListPreview",JSON.stringify(data));
}
}
else{
mediaList.progress++;
number.innerText = mediaList.progress + (mediaList.media.episodes ? "/" + mediaList.media.episodes : "");
isBlocked = true;
setTimeout(function(){
isBlocked = false;
},300);
authAPIcall(
`mutation($progress: Int,$id: Int){
SaveMediaListEntry(progress: $progress,id:$id){id}
}`,
{id: mediaList.id,progress: mediaList.progress},
data => {}
);
localStorage.setItem("hohListPreview",JSON.stringify(data));
};
e.stopPropagation();
e.preventDefault();
return false
}
});
};
authAPIcall(
`query($name: String){
Page(page:1){
mediaList(type:ANIME,status_in:[CURRENT,REPEATING],userName:$name,sort:UPDATED_TIME_DESC){
id
priority
scoreRaw: score(format: POINT_100)
progress
status
media{
id
episodes
coverImage{large color}
title{userPreferred}
nextAiringEpisode{episode timeUntilAiring}
}
}
}
}`,{name: whoAmI},function(data){
localStorage.setItem("hohListPreview",JSON.stringify(data));
buildPreview(data,true);
}
);
buildPreview(JSON.parse(localStorage.getItem("hohListPreview")),false);
}
})
//end modules/termsFeed.js
//begin modules/videoMimeTypeFixer.js
exportModule({
id: "videoMimeTypeFixer",
description: "Detect video mime type by file extension [you probably don't need this]",
extendedDescription: `
Anilist by default serves all video as "video/webm".
However, it's common to use non-webm video, as brower support is common.
But some browsers don't autodetect the proper mime type. This module adds a mime type based on the file extension, which may help if the video won't play otherwise.
`,
isDefault: false,
categories: ["Feeds"],
visible: true
})
if(useScripts.videoMimeTypeFixer){
setInterval(function(){
document.querySelectorAll('source[src$=".av1"][type="video/webm"]').forEach(video => {
video.setAttribute("type","video/av1")
})
document.querySelectorAll('source[src$=".mp4"][type="video/webm"]').forEach(video => {
video.setAttribute("type","video/mp4")
})
},2000)
}
//end modules/videoMimeTypeFixer.js
//begin modules/viewAdvancedScores.js
function viewAdvancedScores(url){
let URLstuff = url.match(/^https:\/\/anilist\.co\/user\/(.+)\/(anime|manga)list\/?/);
let name = decodeURIComponent(URLstuff[1]);
generalAPIcall(
`query($name:String!){
User(name:$name){
mediaListOptions{
animeList{advancedScoringEnabled}
mangaList{advancedScoringEnabled}
}
}
}`,
{name: name},function(data){
if(
!(
(URLstuff[2] === "anime" && data.data.User.mediaListOptions.animeList.advancedScoringEnabled)
|| (URLstuff[2] === "manga" && data.data.User.mediaListOptions.mangaList.advancedScoringEnabled)
)
){
return
};
generalAPIcall(
`query($name:String!,$listType:MediaType){
MediaListCollection(userName:$name,type:$listType){
lists{
entries{mediaId advancedScores}
}
}
}`,
{name: name,listType: URLstuff[2].toUpperCase()},
function(data2){
let list = new Map(returnList(data2,true).map(a => [a.mediaId,a.advancedScores]));
let finder = function(){
if(!document.URL.match(/^https:\/\/anilist\.co\/user\/(.+)\/(anime|manga)list\/?/)){
return
};
document.querySelectorAll(
".list-entries .entry .title > a:not(.hohAdvanced)"
).forEach(function(entry){
entry.classList.add("hohAdvanced");
let key = parseInt(entry.href.match(/\/(\d+)\//)[1]);
let dollar = create("span","hohAdvancedDollar","$",entry.parentNode);
let advanced = list.get(key);
let reasonable = Object.keys(advanced).map(
key => [key,advanced[key]]
).filter(
a => a[1]
);
dollar.title = reasonable.map(
a => a[0] + ": " + a[1]
).join("\n");
if(!reasonable.length){
dollar.style.display = "none"
}
});
setTimeout(finder,1000);
};finder();
}
)
})
};
//end modules/viewAdvancedScores.js
//begin modules/webmResize.js
exportModule({
id: "webmResize",
description: "Resize videos with a width in the URL hash (like #220 or #40%)",
isDefault: true,
categories: ["Feeds"],
visible: true
})
if(useScripts.webmResize){
setInterval(function(){
document.querySelectorAll("source").forEach(video => {
let hashMatch = (video.src || "").match(/#(image)?(\d+(\.\d+)?%?)$/);
if(hashMatch && !video.parentNode.width){
video.parentNode.setAttribute("width",hashMatch[2])
}
if(video.src.match(/#image\d*(\.\d+)?%?$/)){
video.parentNode.removeAttribute("controls")
}
})
},500)
}
//end modules/webmResize.js
//begin modules/yearStepper.js
exportModule({
id: "yearStepper",
description: "Add buttons to step the year slider up and down",
isDefault: true,
importance: 0,
categories: ["Lists"],
visible: true,
urlMatch: function(url,oldUrl){
return url.match(/\/user\/.*\/(anime|manga)list/)
},
code: function(){
let yearStepper = function(){
if(!location.pathname.match(/\/user\/.*\/(anime|manga)list/)){
return
}
let slider = document.querySelector(".el-slider");
if(!slider){
setTimeout(yearStepper,200);
return
};
const maxYear = parseInt(slider.getAttribute("aria-valuemax"));
const minYear = parseInt(slider.getAttribute("aria-valuemin"));
const yearRange = maxYear - minYear;
let clickSlider = function(year){//thanks, mator!
let runway = slider.children[0];
let r = runway.getBoundingClientRect();
const x = r.left + r.width * ((year - minYear) / yearRange);
const y = r.top + r.height / 2;
runway.dispatchEvent(new MouseEvent("click",{
clientX: x,
clientY: y
}))
};
let adjuster = function(delta){
let heading = slider.previousElementSibling;
if(heading.children.length === 0){
if(delta === -1){
clickSlider(maxYear)
}
else{
clickSlider(minYear)
}
}
else{
let current = parseInt(heading.children[0].innerText);
clickSlider(current + delta)
}
};
if(document.querySelector(".hohStepper")){
return
};
slider.style.position = "relative";
let decButton = create("span","hohStepper","<",slider,"left:-27px;font-size:200%;top:0px;");
let incButton = create("span","hohStepper",">",slider,"right:-27px;font-size:200%;top:0px;");
decButton.onclick = function(){
adjuster(-1)
};
incButton.onclick = function(){
adjuster(1)
}
};yearStepper()
},
css: `
.hohStepper{
cursor: pointer;
position: absolute;
opacity: 0.5;
}
.el-slider:hover .hohStepper{
opacity: 1;
}`
})
//end modules/yearStepper.js
//begin modules/youtubeFullscreen.js
exportModule({
id: "youtubeFullscreen",
description: "Enable fullscreen button on youtube videos",
isDefault: false,
categories: ["Feeds"],
visible: true
})
if(useScripts.youtubeFullscreen){
setInterval(function(){
document.querySelectorAll(".youtube iframe").forEach(video => {
if(!video.hasAttribute("allowfullscreen")){
video.setAttribute("allowfullscreen","allowfullscreen");
video.setAttribute("frameborder","0");
video.setAttribute("src",video.getAttribute("src").replace("autohide=1","autohide=0"))//https://github.com/hohMiyazawa/Automail/issues/53
}
})
},1000)
}
//end modules/youtubeFullscreen.js
//create your own module
//make a javascript file, called yourModule.js, in the directory "modules"
//include the following code:
exportModule({
id: "howto",//an unique identified for your module
description: "what your module does",
extendedDescription: `
A 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 1619696733
QingJ © 2025
镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址