Adds a watch tracker, server ranking, and show ratings to gogoanime.io.
// ==UserScript==
// @name GoGoAnime Plus
// @namespace http://tampermonkey.net/
// @version 1.3.00
// @description Adds a watch tracker, server ranking, and show ratings to gogoanime.io.
// @author Togooroo
// @license ISC
// @match https://*.gogoanime.io/*
// @require https://cdn.jsdelivr.net/npm/web-pingjs@1.0.1/ping.min.js
// @grant none
// @noframes
// ==/UserScript==
(function() {
'use strict';
var title;
var pagetype;
const impexpclientcode = `
function importData(text){
var dataObj = JSON.parse(text);
if (window.confirm('Warning: Importing data will replace existing data. Continue?')){
localStorage.clear();
for(var i in dataObj){
localStorage.setItem(i, dataObj[i]);
}
location.reload();
}else{
window.alert('Not Imported');
}
}
function handleFile(e){
var reader = new FileReader();
var data;
reader.onload = (text => importData(text.target.result));
reader.readAsText(importbt.files[0]);
}
var importbt = document.getElementById('import-button');
importbt.addEventListener('change', handleFile);
`
const injectsrc = `
const realTitle = document.querySelector('.title_name > h2').textContent.trim();
function getRealTitle(){
var title = document.querySelector('.title_name > h2').textContent.trim();
if (title.includes('(Watched)')){
title = title.slice(10);
}
return title;
}
function parse(){
try{
var titlenode = document.querySelector('.title_name > h2');
var title = titlenode.textContent.trim();
var buttonspan = document.getElementById('buttonspan');
var titleheader = document.querySelector('div.anime_video_body > h1');
var watched = localStorage.getItem(realTitle);
//alert(watched);
if (!watched){
localStorage.setItem(realTitle, "unwatched");
parse();
}if (watched == "watched"){
buttonspan.textContent = "Mark as Unwatched";
title = "(Watched) " + realTitle;
titlenode.textContent = title;
titleheader.textContent = title;
}else if (watched == "unwatched"){
buttonspan.textContent = "Mark as Watched";
title = realTitle;
titlenode.textContent = title;
titleheader.textContent = title;
}
}catch(e){
console.error("*&* " + e);
}
}
function clicked(){
try{
watched = localStorage.getItem(realTitle);
if (watched){
if (watched == 'watched'){
localStorage.setItem(realTitle, 'unwatched');
parse();
}
if (watched == 'unwatched'){
localStorage.setItem(realTitle, 'watched');
parse();
}
}else if (!watched){
localStorage.setItem(realTitle, 'unwatched');
}
}catch(e){
console.error('*&* ' + e);
}
}
var buttonlink = document.getElementById('buttonlink');
buttonlink.addEventListener('click', clicked);
parse();
`
async function getRatings(){
function appendRating(ratscore){
let valuesSection = document.querySelector('div.anime_info_body_bg');
let plotsumm;
for (let el in valuesSection.children){
let node = valuesSection.children[el];
if (node.textContent.includes('Plot Summary:')){
plotsumm = valuesSection.children[el];
break;
}
}
let scoreElement = document.createElement('p');
scoreElement.classList.add('type');
scoreElement.id = 'mal_rating';
scoreElement.innerHTML = `<span>Rating:</span> <span id='colorelement'>${ratscore}/10</span>`;
valuesSection.insertBefore(scoreElement, plotsumm);
let colorele = document.getElementById('colorelement');
if (ratscore <= 4.9){
colorele.style.color = 'red';
}else if (ratscore <= 5.9){
colorele.style.color = 'yellow';
}else if (ratscore <= 7.9){
colorele.style.color = 'white';
}else if (ratscore >= 8.0){
// Green (Default)
}
}
async function checkCache(cval){
let id = await fetch(`https://api.jikan.moe/v3/search/anime?q=${title}`);
id = await id.json();
id = await id.results[0].mal_id;
let show = await fetch(`https://api.jikan.moe/v3/anime/${id}`);
show = await show.json();
let score = await show.score;
score = await parseFloat(score).toFixed(1);
if (score != cval){
document.getElementById('mal_rating').remove();
appendRating(score);
localStorage.setItem(`${title}-score`, score);
}
}
let title = document.querySelector('div.anime_info_body_bg > h1').textContent;
let valuesSection = document.querySelector('div.anime_info_body_bg');
let cachedValue = localStorage.getItem(`${title}-score`);
if (cachedValue && !isNaN(cachedValue)){
console.log('Getting from cache');
appendRating(cachedValue);
checkCache(cachedValue);
}else{
let id = await fetch(`https://api.jikan.moe/v3/search/anime?q=${title}`);
id = await id.json();
id = await id.results[0].mal_id;
let show = await fetch(`https://api.jikan.moe/v3/anime/${id}`);
show = await show.json();
let score = await show.score;
score = await parseFloat(score).toFixed(1);
appendRating(score);
localStorage.setItem(`${title}-score`, score);
}
}
function runTests(){
var serverList = document.querySelectorAll('div.anime_muti_link > ul > li > a');
serverList = Array.from(serverList);
var pings = [];
serverList.forEach(a => {
let video = a.dataset.video;
let name = a.textContent.split('Choose this server')[0]
a.innerHTML = `${name}: ... <span>Choose this server</span>`;
// a.id = Math.random().toString(36).substr(7);
a.classList.add('serveroption');
pings.push(ping(video, 0.3).then(delta => {
let aproxdelta = Math.round(delta);
a.innerHTML = `${name}: ${aproxdelta} <span>Choose this server</span>`;
a.dataset.ping = aproxdelta;
a.dataset.truePing = delta;
}).catch(e => {
let name = a.textContent.split('Choose this server')[0];
console.error(e);
a.innerHTML = `${name}: Error! <span>Choose this server</span>`
a.dataset.ping = '99999';
a.dataset.truePing = '99999';
}));
});
Promise.allSettled(pings).then(res => {
var elements = Array.from(document.querySelectorAll('a.serveroption'));
elements.sort((a, b) => {
let an = a.dataset.truePing;
let bn = b.dataset.truePing;
return an - bn;
});
let div = document.querySelector('div.anime_muti_link')
let oldul = document.querySelector('div.anime_muti_link > ul');
let ul = document.createElement('ul');
ul.id = 'sorted_ul';
div.prepend(ul);
ul = document.getElementById('sorted_ul');
elements.forEach(node => {
node = node.parentNode;
ul.append(node);
});
oldul.remove();
})
}
function extendImportFunctionality(){
var storedObj = localStorage;
var storedString = JSON.stringify(storedObj);
var menuplace = document.querySelector('div.submenu_intro');
var divider1 = document.createElement('span');
divider1.textContent = '|';
var divider2 = divider1.cloneNode();
menuplace.appendChild(divider1);
var importlink = document.createElement('a');
importlink.href = 'javascript:void(0);';
importlink.id = 'import-link';
menuplace.appendChild(importlink);
importlink = document.getElementById('import-link');
var importlabel = document.createElement('label');
importlabel.htmlFor = 'import-button';
importlabel.id = 'import-label';
importlabel.textContent = ' Import ';
importlink.appendChild(importlabel);
var importbt = document.createElement('input');
importbt.type = 'File'
importbt.id = 'import-button';
importbt.style.height = '1px';
importbt.style.width = '1px';
importbt.accept = '.gga';
menuplace.appendChild(importbt);
menuplace.appendChild(divider2);
var today = new Date();
var dd = String(today.getDate()).padStart(2, '0');
var mm = String(today.getMonth() + 1).padStart(2, '0'); //January is 0!
var yyyy = today.getFullYear();
var exportlink = document.createElement('a');
exportlink.href = `data:text/plain;charset=utf-8, ${encodeURIComponent(storedString)}`;
exportlink.id = 'export-link';
exportlink.textContent = ' Export ';
exportlink.download = `gogoanime-backup-${mm}-${dd}-${yyyy}.gga`;
menuplace.appendChild(exportlink);
importlink = document.getElementById('import-link');
var head = document.querySelector('head');
var injectorsrc = document.createElement('script');
injectorsrc.innerHTML = impexpclientcode;
injectorsrc.id = 'injectedjs';
head.appendChild(injectorsrc);
}
function appendWatchButton(){
try {
var head = document.querySelector('head');
var titlebox = document.querySelector('.title_name > h2');
let title = titlebox.textContent;
/* var title = titlebox.textContent.includes('English Subbed') ? titlebox.textContent.replace('English Subbed', '').trim() : titlebox.textContent; */
if (title.includes('English Subbed')){
title = title.replace('English Subbed', '').trim();
titlebox.textContent = title;
}
var titleheader = document.querySelector('div.anime_video_body > h1');
titleheader.textContent = title;
var vbox = document.querySelector('div.anime_video_body_cate');
var buttonlink = document.createElement('a');
buttonlink.href = "javascript:void(0);";
buttonlink.id = "buttonlink";
vbox.appendChild(buttonlink);
buttonlink = document.getElementById('buttonlink');
var buttonspan = document.createElement('span');
buttonspan.id = 'buttonspan';
buttonspan.style.marginLeft = '0.8em';
buttonspan.classList.add("btndownload");
buttonspan.textContent = 'Mark as Watched';
buttonlink.appendChild(buttonspan);
var script = document.createElement('script');
script.type = 'application/javascript';
script.id = 'injectedsc';
script.innerHTML = injectsrc;
head.appendChild(script);
}catch(e){
console.error(e);
}
}
function removeSocialIcons(){
try{
let icons = document.querySelectorAll('div.link_face');
icons.forEach((div) => div.parentNode.removeChild(div));
}catch(e){
console.error(e);
}
}
function getTitle(){
let title = document.title;
title = title.split(' at ')
}
function markEpisodeListings(episodeListings){
let title = document.querySelector('div.anime_info_body_bg > h1').textContent;
let subbedmode = title.includes('English Subbed');
var findEps = setInterval(findEpisodes, 100);
function wpwrite(episodes){
// let episodeStringNames = episodes.map((div) => `${title} ${}`);
let episodeStringNames = episodes.map((div) => {
let epnumber = div.textContent.match(/\d+/)[0];
return `${title} Episode ${epnumber}`;
})
let watchcounter = 0;
let total = episodeStringNames.length;
for (let val in episodeStringNames){
let name = episodeStringNames[val];
let node = episodes[val];
let watchstatus = localStorage.getItem(name);
if (!watchstatus){
watchstatus = "unwatched";
}
if (watchstatus == "watched"){
node.textContent = "*" + node.textContent + "*";
watchcounter++;
}
}
let counter = {"watched" : watchcounter, "total" : total};
appendWatchList(counter);
}
function appendWatchList(counter){
let {watched, total} = counter;
let valuesSection = document.querySelector('div.anime_info_body_bg');
// console.log(valuesSection);
let watchedElement = document.createElement('p');
watchedElement.classList.add('type');
watchedElement.id = 'watchedNumber';
watchedElement.innerHTML = `<span>Watched:</span> ${watched}/${total} Episodes`;
valuesSection.appendChild(watchedElement);
}
function findEpisodes(){
let episodeListings = document.querySelectorAll('div.name');
if (episodeListings.length != 0){
clearInterval(findEps);
wpwrite(Array.from(episodeListings));
}
}
}
function showpage(){
getRatings();
let titlebox = document.querySelector('div.anime_info_body_bg > h1');
title = titlebox.textContent;
var findEps = setInterval(findEpisodes, 100);
function findEpisodes(){
let episodeListings = document.querySelectorAll('div.name');
if (episodeListings.length != 0){
clearInterval(findEps);
markEpisodeListings(Array.from(episodeListings));
}
}
}
function markBoxBelowVideo(){
var titlebox = document.querySelector('.title_name > h2');
title = titlebox.textContent;
let subbedmode = title.includes('English Subbed');
var findEps = setInterval(findEpisodes, 100);
function wpwrite(episodes){
let maintitle = document.querySelector('div.anime-info > a').textContent;
let episodeStringNames = episodes.map((div) => {
let epnumber = div.textContent.match(/\d+/)[0];
return title.includes('(Watched)') ? title.replace('(Watched)', '').replace(/\d+/, epnumber).trim() : title.replace(/\d+/, epnumber);
})
for (let val in episodeStringNames){
let name = episodeStringNames[val];
let node = episodes[val];
let watchstatus = localStorage.getItem(name);
if (!watchstatus){
watchstatus = "unwatched";
}
if (watchstatus == "watched"){
node.textContent = "*" + node.textContent + "*";
}
}
}
function findEpisodes(){
let episodeListings = document.querySelectorAll('div.name');
if (episodeListings.length != 0){
clearInterval(findEps);
wpwrite(Array.from(episodeListings));
}
}
}
function markNextandLastButtons(){
let title = document.querySelector('div.anime_video_body > h1').textContent;
title = title.includes('(Watched)') ? title.replace('(Watched)', '').trim() : title;
let subbedmode = title.includes('English Subbed') ? true: false;
console.log(title);
let previous = document.querySelector('div.anime_video_body_episodes_l > a');
if (previous){
let prevepisode = subbedmode ? `${previous.textContent} English Subbed` : previous.textContent;
prevepisode = prevepisode.split('<< ')[1].trim();
if (localStorage.getItem(prevepisode) == 'watched'){
previous.textContent = `<< *${prevepisode.replace(' English Subbed', '')}*`;
}
}
let next = document.querySelector('div.anime_video_body_episodes_r > a');
if (next){
let nextepisode = subbedmode ? `${next.textContent} English Subbed` : next.textContent;
nextepisode = nextepisode.split(' >>')[0].trim();
if (localStorage.getItem(nextepisode) == 'watched'){
next.textContent = `*${nextepisode}* >>`;
}
}
}
function watchpage(){
//Fix Spelling Mistake:
var divopps = document.querySelector('div.anime_video_body > div:nth-of-type(5)').textContent = "Please scroll down to select a server.";
document.title = `${document.title} Plus`;
runTests();
appendWatchButton();
markNextandLastButtons();
markBoxBelowVideo();
}
// Init:
const url = window.location;
var htmltest = new RegExp(/https:\/\/.*\.gogoanime\.io\/.*\.html.*/, 'gi');
var showpagetest = new RegExp(/.*gogoanime.io\/(?=(category\/)).*/, 'gi');
var watchpagetest = new RegExp(/.*gogoanime.io\/(?!(category))(?!(genre))(?!(.*\.html)).+/, 'gi');
var mainpagetest = new RegExp(/.*gogoanime.io\/(?!.{2,})/, 'gi');
var genretest = new RegExp(/.*gogoanime.io\/(?=(genre\/)).*/, 'gi');
var showres = showpagetest.test(url);
var watchres = watchpagetest.test(url);
removeSocialIcons();
extendImportFunctionality();
if (watchres){
watchpage();
}
if (showres){
window.addEventListener('load', showpage, false);
}
})();