derpi_only_show_upvotes

25/06/2023 Replaces images' score with only upvotes, instead of the usual combined upvotes+downvotes. Also hides downvotes. Fetches the scores via individual API calls to https://derpibooru.org/api/v1/json/images/imageNumber

Versión del día 25/06/2023. Echa un vistazo a la versión más reciente.

Tendrás que instalar una extensión para tu navegador como Tampermonkey, Greasemonkey o Violentmonkey si quieres utilizar este script.

You will need to install an extension such as Tampermonkey to install this script.

Necesitarás instalar una extensión como Tampermonkey o Violentmonkey para instalar este script.

Necesitarás instalar una extensión como Tampermonkey o Userscripts para instalar este script.

Necesitará instalar una extensión como Tampermonkey para instalar este script.

Necesitarás instalar una extensión para administrar scripts de usuario si quieres instalar este script.

(Ya tengo un administrador de scripts de usuario, déjame instalarlo)

Necesitará instalar una extensión como Stylus para instalar este estilo.

Necesitará instalar una extensión como Stylus para instalar este estilo.

Necesitará instalar una extensión como Stylus para instalar este estilo.

Necesitará instalar una extensión del gestor de estilos de usuario para instalar este estilo.

Necesitará instalar una extensión del gestor de estilos de usuario para instalar este estilo.

Necesitará instalar una extensión del gestor de estilos de usuario para instalar este estilo.

(Ya tengo un administrador de estilos de usuario, déjame instalarlo)

// ==UserScript==
// @name       derpi_only_show_upvotes
// @namespace   Violentmonkey Scripts
// @match       https://derpibooru.org/*
// @grant       none
// @version     1.0
// @license MIT
// @author      Saphkey
// @description 25/06/2023 Replaces images' score with only upvotes, instead of the usual combined upvotes+downvotes. Also hides downvotes. Fetches the scores via individual API calls to https://derpibooru.org/api/v1/json/images/imageNumber
// ==/UserScript==


(function() {
	function gatherImageIds() {
		let images = document.getElementsByClassName('score');
		let imageIds = [];
		for (let i = 0; i < images.length; i++) {
			imageIds.push(images[i].getAttribute('data-image-id'));
		}
		return imageIds;
	}

	function hideScores(){
		let scoreEls = document.getElementsByClassName('score');
		for (let i = 0; i < scoreEls.length; i++) {
			scoreEls[i].innerHTML = '?';
		}
	}

	function hideDownvotes() {
		let downvoteEls = document.getElementsByClassName('downvotes');
		for (let i = 0; i < downvoteEls.length; i++) {
			downvoteEls[i].innerHTML = '?';
		}
	}

	async function getUpvotesThenCallDisplayUpvotes(imageIds, maxParalelRequests) {
		let requestQ = [];
		let imageUpvotesObj = {};

		async function processRequest(res) {try{
			res = await res.json();
			imageUpvotesObj[res.image.id] = res.image.upvotes;
			console.log(`imageID: ${res.image.id} upvotes: ${res.image.upvotes}`)

			//if (Object.keys(imageUpvotesObj).length === imageIds.length){
			//	displayAllUpvotes(imageUpvotesObj);
			//}
			displaySingleUpvote(res.image.upvotes, res.image.id);
		}catch(err){
			console.log(err);
		}}

		for (let i = 0; i < imageIds.length; i++) {

			if (requestQ.length >= maxParalelRequests) {

				let nextRequest = requestQ.shift()

				await nextRequest.then((response) => {
					processRequest(response);
				})

			}

			requestQ.push(fetch(`https://derpibooru.org/api/v1/json/images/${imageIds[i]}`))
		}

		let nextRequest = requestQ[0];
		while(nextRequest = requestQ.shift()) {

			await nextRequest.then((response) => {
				processRequest(response);
			})
		}
	}


	function displayAllUpvotes(upvotesObj) {
		let scoreEls = document.getElementsByClassName('score');

		for (let i = 0; i < scoreEls.length; i++) {
			let scoreEl = scoreEls[i];
			let imageId = scoreEl.getAttribute('data-image-id');
			let upvotes = upvotesObj[imageId];
			if (upvotes !== undefined) {
				scoreEl.innerText = upvotes;
			}
			else {
				scoreEl.innerText = '?';
			}
		}
	}


	function displaySingleUpvote(upvotes, imageId) {
		let scoreEls = document.getElementsByClassName('score');

		for (let i = 0; i < scoreEls.length; i++) {
			let scoreEl = scoreEls.item(i);

			if (scoreEl.getAttribute(`data-image-id`) == imageId){
				scoreEl.innerHTML = upvotes;
			}
		}
	}


	window.onload = async function() {
		hideScores();
		hideDownvotes();

		let imageIds = gatherImageIds();
		await getUpvotesThenCallDisplayUpvotes(imageIds, 8);
	}
})();