119 lines
4.5 KiB
JavaScript
119 lines
4.5 KiB
JavaScript
// ==UserScript==
|
|
// @name E-Hentai better viewer
|
|
// @namespace https://github.com/lifegpc/userscript
|
|
// @version 0.1.1
|
|
// @description Add a viewer to view original picture on website. Also support cache pictures to reduce Image Limit cost.
|
|
// @author lifegpc
|
|
// @match https://*.e-hentai.org/s/*/*
|
|
// @icon https://e-hentai.org/favicon.ico
|
|
// @grant GM_getResourceText
|
|
// @grant GM_addElement
|
|
// @grant GM_addStyle
|
|
// @grant GM_xmlhttpRequest
|
|
// @require https://github.com/lifegpc/viewerjs/raw/main/dist/viewer.min.js
|
|
// @resource viewercss https://github.com/lifegpc/viewerjs/raw/main/dist/viewer.min.css
|
|
// @run-at document-start
|
|
// @connect hath.network
|
|
// @connect e-hentai.org
|
|
// ==/UserScript==
|
|
GM_addStyle(GM_getResourceText("viewercss"));
|
|
GM_addElement('script', { textContent: GM_getResourceText('viewer') });
|
|
async function fetchData(url) {
|
|
return new Promise((resolve, reject) => {
|
|
GM_xmlhttpRequest({method: 'GET', url, cookie: document.cookie, responseType: 'blob', onabort: reject, onerror: reject, onload: /**@param {{responseHeaders: string}} res*/(res) => {
|
|
console.log(res);
|
|
let headers = new Headers();
|
|
res.responseHeaders.split("\r\n").forEach((v) => {
|
|
v = v.trim();
|
|
if (!v.length) return;
|
|
let s = v.split(":");
|
|
headers.append(s[0], s.slice(1).join(":"));
|
|
});
|
|
resolve(new Response(res.response, {status: res.status, statusText: res.statusText, headers}));
|
|
}})
|
|
})
|
|
}
|
|
let cur_img = null;
|
|
let obs = new MutationObserver((list) => {
|
|
for (const m of list) {
|
|
if (m.type == 'childList') {
|
|
m.removedNodes.forEach(v => {
|
|
if (cur_img != null && v == cur_img) {
|
|
load();
|
|
cur_img = null;
|
|
}
|
|
})
|
|
}
|
|
}
|
|
})
|
|
let load = () => {
|
|
let img = document.getElementById("img");
|
|
if (img == null) {
|
|
setTimeout(load, 100);
|
|
return;
|
|
}
|
|
cur_img = img;
|
|
let parent = img.parentElement;
|
|
parent.replaceWith(img);
|
|
obs.observe(img.parentElement, {'childList': true, 'subtree': true});
|
|
let options = {
|
|
title: () => {
|
|
return document.getElementsByTagName("h1")[0].innerText
|
|
},
|
|
navbar: false
|
|
};
|
|
/**@type {HTMLAnchorElement}*/
|
|
let original = document.querySelector("#i7>a");
|
|
if (original != null) {
|
|
let ourl = original.href;
|
|
console.log(ourl);
|
|
let getData = async () => {
|
|
let url = new URL(ourl);
|
|
url.searchParams.delete("key");
|
|
let curl = url.toString();
|
|
let cache = await caches.open("original-image");
|
|
let res = await cache.match(curl);
|
|
if (res === undefined) {
|
|
res = await fetchData(ourl, {mode: "no-cors", redirect: "follow"});
|
|
console.log(res.status, res.statusText);
|
|
if (!res.ok) throw new TypeError("Bad response status");
|
|
await cache.put(curl, res);
|
|
console.log("Added to cache:", curl);
|
|
res = await cache.match(curl);
|
|
} else console.log("Cache hited:", curl);
|
|
return res;
|
|
}
|
|
options.url = async () => {
|
|
let res = await getData();
|
|
return URL.createObjectURL(await res.blob());
|
|
}
|
|
original.href = 'javascript:void(0)';
|
|
let clickE = async () => {
|
|
let res = await getData();
|
|
original.href = URL.createObjectURL(await res.blob());
|
|
function get_download_name() {
|
|
if (res && res.headers.has("content-disposition")) {
|
|
let v = res.headers.get("content-disposition");
|
|
let s = v.split("filename=");
|
|
if (s.length > 1) return s[1].trim();
|
|
}
|
|
return '';
|
|
}
|
|
original.download = get_download_name();
|
|
original.removeEventListener("click", clickE);
|
|
original.click();
|
|
};
|
|
original.addEventListener('click', clickE);
|
|
}
|
|
console.log(options);
|
|
let viewer = new Viewer(img, options);
|
|
let click = async () => {
|
|
img.removeEventListener("click", click);
|
|
await viewer.init();
|
|
console.log("Inited complete");
|
|
await viewer.show();
|
|
};
|
|
img.addEventListener("click", click);
|
|
};
|
|
window.addEventListener("DOMContentLoaded", load);
|