// ==UserScript==
// @name Kemono 使用增強
// @name:zh-TW Kemono 使用增強
// @name:zh-CN Kemono 使用增强
// @name:ja Kemono 使用を強化
// @name:en Kemono Usage Enhancement
// @version 0.0.14
// @author HentiSaru
// @description 側邊欄收縮美化界面 , 自動加載大圖 , 簡易隱藏廣告 , 翻頁優化 , 自動開新分頁
// @description:zh-TW 側邊欄收縮美化界面 , 自動加載大圖 , 簡易隱藏廣告 , 翻頁優化 , 自動開新分頁
// @description:zh-CN 侧边栏收缩美化界面 , 自动加载大图 , 简易隐藏广告 , 翻页优化 , 自动开新分页
// @description:ja サイドバーの収縮によるインターフェースの美化、大画像の自動読み込み、広告の簡易非表示、ページめくりの最適化、新しいページの自動開封
// @description:en Sidebar contraction beautifies interface, automatically loads large images, easily hides ads, optimizes paging, and automatically opens new tabs.
// @match *://kemono.su/*
// @match *://*.kemono.su/*
// @match *://kemono.party/*
// @match *://*.kemono.party/*
// @icon https://kemono.party/static/favicon.ico
// @license MIT
// @namespace https://greasyfork.org/users/989635
// @run-at document-start
// @grant GM_addStyle
// @grant GM_openInTab
// @grant GM_addElement
// @grant GM_xmlhttpRequest
// ==/UserScript==
var xhr = new XMLHttpRequest(),
Url = window.location.href,
parser = new DOMParser(),
pattern = /^(https?:\/\/)?(www\.)?kemono\..+\/.+\/user\/.+\/post\/.+$/,
UserPage = /^(https?:\/\/)?(www\.)?kemono\..+\/.+\/user\/[^\/]+(\?.*)?$/,
PostsPage = /^(https?:\/\/)?(www\.)?kemono\..+\/posts\/?(\?.*)?$/,
DmsPage = /^(https?:\/\/)?(www\.)?kemono\..+\/dms\/?(\?.*)?$/,
limit=6;
(function() {
let interval = setInterval(function() {
const list = document.querySelector("div.global-sidebar");
const box = document.querySelector("div.content-wrapper.shifted");
const comments = document.querySelector("h2.site-section__subheading"); // 評論區標題
const announce = document.querySelector("body > div.content-wrapper.shifted > a"); // 公告條
if (box && list || comments || announce) {
Beautify(box, list, announce); // 側邊欄收縮
if (pattern.test(Url)) {Additional(comments)} // (帖子內) Ajex 快捷換頁
clearInterval(interval);
}
}, 300);
if (pattern.test(Url)) {
setTimeout(OriginalImage, 500); // 自動大圖
}
setTimeout(AdHiding, 500); // 隱藏廣告
if (UserPage.test(Url) || PostsPage.test(Url) || DmsPage.test(Url)) {
setTimeout(AjexPostToggle, 500); // Ajex 換頁
setTimeout(NewTabOpens, 500); // 自動新分頁
}
})();
/* 美化介面 */
async function Beautify(box, list, announce) {
GM_addStyle(`
.list_column {
opacity: 0;
width: 10rem !important;
transform: translateX(-9rem);
transition: 0.8s;
}
.list_column:hover {
opacity: 1;
transform: translateX(0rem);
}
.main_box {
transition: 0.8s;
}
`);
try {
announce.remove();
box.classList.add("main_box");
box.style.marginLeft = "0rem";
list.classList.add("list_column");
list.addEventListener('mouseenter', function() {
box.style.marginLeft = "10rem";
});
list.addEventListener('mouseleave', function() {
box.style.marginLeft = "0rem";
});
} catch {}
}
/* 簡易隱藏廣告 */
async function AdHiding() {
document.querySelectorAll(".ad-container").forEach(function(element) {
try {element.style.display = "none"} catch {element.style.visibility = "hidden"}
})
let attempts = 0, interval = setInterval(function() {
if (attempts < 3) {
document.querySelectorAll(".root--ujvuu").forEach((element) => {
try {
element.style.opacity = 0;
element.style.visibility = "hidden";
} catch {
element.style.visibility = "hidden";
}
});
attempts++;
} else {clearInterval(interval);}
}, 500);
}
/* 載入原始圖像 (測試死圖是否發生) */
async function OriginalImage() {
try {
let link, img;
document.querySelectorAll("div.post__thumbnail").forEach(image => {
link = image.querySelector("a");
img = document.createElement("img");
img.setAttribute("data-src", link.href);
img.src = link.href;
img.loading = "lazy";
img.style = "width:100%;";
img.onerror = function() {
Reload(link, this, 1);
};
image.classList.remove("post__thumbnail");
link.querySelector("img").remove();
link.appendChild(img);
link.classList.add("image-link");
})
} catch (error) {
console.log(error);
} finally {
const images = document.querySelectorAll('div.post__files div a img');
const observer = new IntersectionObserver((entries, observer) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
const img = entry.target;
img.src = img.dataset.src;
observer.unobserve(img);
}
});
});
images.forEach(image => {
observer.observe(image);
});
}
}
async function Reload(location, old_img, retry) {
let New_img;
ReTry();
async function ReTry() {
setTimeout(function() {
console.log(`圖片載入失敗 : debug [${retry}]\t\n`);
if (retry <= limit) {
New_img = document.createElement("img");
New_img.setAttribute("data-src", location.href);
New_img.src = location.href;
New_img.loading = "lazy";
New_img.style = "width:100%;";
New_img.onerror = function() {ReTry()};
old_img.remove();
location.appendChild(New_img);
retry++;
}
}, 1500);
}
}
/* 額外添加功能 */
async function Additional(comments) {
const prev = document.querySelector("a.post__nav-link.prev");
const next = document.querySelector("a.post__nav-link.next");
const split = document.createElement("span");
split.style = "float: right;"
split.appendChild(next.cloneNode(true));
comments.appendChild(split);
// 監聽按鍵
const main = document.querySelector("main");
document.addEventListener("keydown", function(event) {
try {
if (event.key === "4") {
event.preventDefault();
AjexReplace(prev.href, main);
} else if (event.key === "6") {
event.preventDefault();
AjexReplace(next.href, main);
}
} catch {}
//跳轉 window.location.href = prev.href;
});
}
/* Ajex 替換頁面的初始化 */
async function Initialization() {
let interval = setInterval(function() {
const comments = document.querySelector("h2.site-section__subheading");
if (comments) {
Additional(comments);
clearInterval(interval);
}
}, 300);
setTimeout(OriginalImage, 500);
document.querySelector("h1.post__title").scrollIntoView();
}
async function AjexReplace(url , old_main) {
xhr.onreadystatechange = function () {
if (xhr.readyState === 4 && xhr.status === 200) {
let New_data = parser.parseFromString(xhr.responseText, "text/html");
let New_main = New_data.querySelector("main");
old_main.innerHTML = New_main.innerHTML;
history.pushState(null, null, url);
setTimeout(Initialization(), 500);
}
}
xhr.open("GET", url, true);
xhr.send();
}
GM_addStyle(`
.gif-overlay {
position: absolute;
opacity: 0.5;
top: 50%;
left: 50%;
width: 50%;
height: 50%;
z-index: 9999;
border-radius: 50%;
transform: translate(-50%, -50%);
}
`);
async function AjexPostToggle() {
let Old_data, New_data, item;
async function Request(link) {
item = document.querySelector("div.card-list__items");
item.style.position = "relative";
GM_addElement(item, "img", {
src: "https://upload.wikimedia.org/wikipedia/commons/b/b9/Youtube_loading_symbol_1_(wobbly).gif",
class: "gif-overlay"
});
GM_xmlhttpRequest({
method: "GET",
url: link,
nocache: false,
timeout: 10000,
onload: response => {
Old_data = document.querySelector("section");
New_data = parser.parseFromString(response.responseText, "text/html");
New_data = New_data.querySelector("section");
Old_data.innerHTML = New_data.innerHTML;
history.pushState(null, null, link);
AjexPostToggle();
NewTabOpens();
AdHiding();
}
});
}
try {
document.querySelectorAll("menu a").forEach(a => {
a.addEventListener("click", (event) => {
event.preventDefault();
Request(a.href);
});
});
} catch {}
}
async function NewTabOpens() {
const card = document.querySelectorAll("div.card-list__items article a");
card.forEach(link => {
link.addEventListener("click", event => {
event.preventDefault();
GM_openInTab(link.href, { active: false, insert: true });
});
});
}
