Sets full image resolution without redirect, also allow download image in full resolution on page load
От
// ==UserScript==
// @name:pl AsianSister.com Maksymalna rozdzielczość obrazów (nieaktualny)
// @name:en AsianSister.com image FullRes (outdated)
// @name AsianSister.com image FullRes (outdated)
// @namespace AsianSister.comImageFullRes
// @version 2.5
// @description:en Sets full image resolution without redirect, also allow download image in full resolution
// @description:pl Zmienia rozdzielczość zdjęć na pełną, pozwala rówież na pobieranie zdjęć
// @author TheUnsleepingAlchemist
// @match https://asiansister.com/view_*
// @require https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/1.3.8/FileSaver.min.js
// @require https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.5/jszip.min.js
// @grant GM_addStyle
// @grant GM_download
// @run-at document-idle
// @noframes
// @description Sets full image resolution without redirect, also allow download image in full resolution on page load
// ==/UserScript==
/* FileSaver.min.js
By Eli Grey
License: MIT
See https://github.com/eligrey/FileSaver.js/blob/master/LICENSE.md */
/* jszip.min.js
By Stuart Knightley, David Duponchel, Franz Buchinger, António Afonso
License: GPL version 3
See https://github.com/Stuk/jszip/blob/master/LICENSE.markdown */
(function () {
"use strict";
GM_addStyle(`
.downloadButtons {width:100%;display:flex;justify-content:space-between;}
.downloadButton {width:48%;border:none;border-radius:4px;font-size:25px;position:relative;height:70px;background-color:#404040;color:#dddddd;cursor:pointer;transition:all 150ms;}
.downloadButton:hover {background-color:#505050;}
.showMiniImage {width:auto;max-width:100%;height:auto;margin:0 auto;}
.imgContainer {padding:20px;width:90vw;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;align-items:center;}
`)
// init var
let reg = /_t.jpg/i,
images = document.querySelectorAll(".showMiniImage"),
arrayOfImages = [],
downloaded = 0,
downloadButtons = document.createElement("div"),
db = document.createElement("button"),
dbzip = document.createElement("button"),
collectionTitle = document.querySelector(".second_contant > center > h1").innerText;
// manipulating the DOM
db.id = "db";
db.innerText = "Download";
db.classList.add("downloadButton");
dbzip.id = "dbzip";
dbzip.innerText = "Download Zip";
dbzip.classList.add("downloadButton");
downloadButtons.append(db,dbzip);
downloadButtons.classList.add("downloadButtons");
document.querySelector(".second_contant").append(downloadButtons);
document.querySelectorAll(".rootContant")[1].classList.add("imgContainer");
images.forEach((image) => {
if (image.dataset.src.match(reg)) {
image.src = `https://asiansister.com/${image.dataset.src.slice(0,-6)}.jpg`;
}
if (!image.classList.contains("loaded")) {
image.classList.add("loaded")
image.setAttribute("data-was-processed", true);
}
image.removeAttribute("onclick");
arrayOfImages.push(`https://asiansister.com/${image.dataset.src.slice(0,-6)}.jpg`);
})
// reseting scroll position
setTimeout(function(){
document.documentElement.scrollTop = 0;
}, 1);
// adding events
db.addEventListener("click", () => {
downloaded = 0;
let downloading = setInterval(function() {
if (downloaded === arrayOfImages.length) {
clearInterval(downloading);
downloaded = 0;
}
else {
GM_download(arrayOfImages[downloaded], `${collectionTitle}_${downloaded + 1}.jpg`)
downloaded++;
}
}, 100);
})
dbzip.addEventListener("click", () => {
downloaded = 0;
let zip = new JSZip();
arrayOfImages.map((el, index) => {
let xhr = new XMLHttpRequest();
xhr.open('GET', el, true);
xhr.responseType = 'arraybuffer';
xhr.onload = function(e) {
if (this.status !== 200) return;
zip.file(`${document.querySelector(".second_contant > center > h1").innerText}_${index + 1}.jpg`, xhr.response);
downloaded++;
if (downloaded === arrayOfImages.length) {
zip.generateAsync({type:"blob"})
.then(function(content) {
saveAs(content, `${collectionTitle}.zip`);
});
}
};
xhr.send();
})
})
window.addEventListener('scroll', () => {
document.querySelector("#desktopScroll").classList.remove("desktopTopMenu2");
document.querySelector("#desktopScroll").classList.add("desktopTopMenu1")
});
console.log(collectionTitle,images.length)
}());