Embeds a "Download" button before each file element and starts downloading and saving it to your computer, can use constant to change replace kemono image server if standart not work. Improved version: download buttons, optimized MutationObserver, simplified and accelerated and optimized code. Now with "Download Thumb" button for thumbnails.
// ==UserScript==
// @name Kemono Advanced
// @namespace GPT
// @version 1.2.6
// @description Embeds a "Download" button before each file element and starts downloading and saving it to your computer, can use constant to change replace kemono image server if standart not work. Improved version: download buttons, optimized MutationObserver, simplified and accelerated and optimized code. Now with "Download Thumb" button for thumbnails.
// @description:ru Встраивает кнопку Download перед каждым элементом с файлами и запускает скачивание с сохранением на компьютер, так же имеет константу для смены сервера изображений если стандартный не работает. Улучшенная версия: кнопки загрузки, оптимизированный MutationObserver, упрощённый и ускоренный и оптимизированный код. Добавлена кнопка "Download Thumb" для скачивания миниатюр.
// @author Wizzergod
// @icon https://www.google.com/s2/favicons?sz=64&domain=kemono.su
// @homepageURL https://greasyfork.org/ru/users/712283-wizzergod
// @grant GM_download
// @grant GM_xmlhttpRequest
// @grant GM_info
// @grant GM_addStyle
// @grant GM_registerMenuCommand
// @grant GM.xmlHttpRequest
// @grant GM_getResourceUrl
// @grant GM.openInTab
// @grant GM_setValue
// @grant GM_getValue
// @grant unsafeWindow
// @grant GM_notification
// @match *://kemono.*/*
// @match *://kemono.su/*
// @match *://kemono.party/*
// @match *://coomer.su/*
// @match *://coomer.*/*
// @match *://*.patreon.com/*
// @match *://*.fanbox.cc/*
// @match *://*.fanbox.*/*
// @match *://*.pixiv.net/*
// @match *://*.discord.com/*
// @match *://*.fantia.jp/*
// @match *://*.boosty.to/*
// @match *://*.dlsite.com/*
// @match *://*.gumroad.com/*
// @match *://*.subscribestar.com/*
// @match *://*.subscribestar.adult/*
// @match *://*.subscribestar.*/*
// @match *://*.onlyfans.com/*
// @match *://*.candfans.jp/*
// @match *://*.candfans.*/*
// @match *://*.kemono.cr/*
// @match *://kemono.cr/*
// @connect kemono.party
// @connect kemono.su
// @connect coomer.su
// @connect kemono.*
// @connect coomer.*
// @connect *.kemono.su
// @connect *.coomer.su
// @connect kemono.cr
// @run-at document-idle
// @license MIT
// ==/UserScript==
(function () {
'use strict';
const ENABLE_IMAGE_REPLACEMENT = 0;
const ENABLE_URL_REPLACEMENT = 0;
const ENABLE_MUTATION_OBSERVER = 1;
const CONFIG = {
INCLUDE_AUTHOR: 0,
INCLUDE_SERVICE: 0,
INCLUDE_USER: 0,
INCLUDE_POSTID: 0
};
const SELECTORS = {
THUMBNAILS: '.post__thumbnail',
FILE_LINK: 'a.fileThumb',
IMAGE_LINK: '.post__thumbnail a.fileThumb.image-link'
};
const debounce = (callback, delay = 300) => {
clearTimeout(debounce._t);
debounce._t = setTimeout(callback, delay);
};
const getMeta = name => document.querySelector(`meta[name="${name}"]`)?.content || null;
const sanitize = str => str.replace(/[\\/:"*?<>|]+/g, '_');
const getFileName = url => {
try {
const u = new URL(url);
const f = u.searchParams.get('f');
return sanitize(f || u.pathname.split('/').pop());
} catch {
return sanitize(url.split('/').pop());
}
};
const getPostData = () => {
const path = location.pathname.split('/').filter(Boolean);
return {
service: getMeta('service') || path[0],
user: getMeta('user') || (path[1] === 'user' ? path[2] : null),
postid: getMeta('id') || (path[3] === 'post' ? path[4] : null)
};
};
const getAuthor = () => {
const el = document.querySelector('a.post__user-name.fancy-link--kemono');
return el ? sanitize(el.textContent.trim()) : null;
};
const makeFileName = (original) => {
const data = getPostData();
const parts = [];
if (CONFIG.INCLUDE_AUTHOR && getAuthor()) parts.push(getAuthor());
if (CONFIG.INCLUDE_SERVICE && data.service) parts.push(data.service);
if (CONFIG.INCLUDE_USER && data.user) parts.push(data.user);
if (CONFIG.INCLUDE_POSTID && data.postid) parts.push(data.postid);
parts.push(original);
return parts.join('_');
};
const download = (url) => {
const fileName = makeFileName(getFileName(url));
GM_xmlhttpRequest({
method: 'GET',
url,
responseType: 'blob',
onload: res => {
const blobUrl = URL.createObjectURL(res.response);
const a = document.createElement('a');
a.href = blobUrl;
a.download = fileName;
document.body.appendChild(a);
a.click();
setTimeout(() => {
URL.revokeObjectURL(blobUrl);
a.remove();
}, 200);
},
onerror: () => alert('Download Error!')
});
};
// --- NEW: Download thumbnail function ---
const downloadThumb = (url, originalFileName) => {
const thumbFileName = 'thumb_' + originalFileName;
GM_xmlhttpRequest({
method: 'GET',
url,
responseType: 'blob',
onload: res => {
const blobUrl = URL.createObjectURL(res.response);
const a = document.createElement('a');
a.href = blobUrl;
a.download = makeFileName(thumbFileName);
document.body.appendChild(a);
a.click();
setTimeout(() => {
URL.revokeObjectURL(blobUrl);
a.remove();
}, 200);
},
onerror: () => alert('Thumbnail Download Error!')
});
};
// --- End new ---
// --- MODIFIED: button factory now takes label + click handler ---
const createButton = (label, onClick) => {
const btn = document.createElement('button');
btn.className = 'download-button';
btn.textContent = label;
btn.onclick = e => {
e.preventDefault();
onClick();
};
return btn;
};
// --- End modified ---
// --- MODIFIED: insertButtons adds two buttons if thumbnail image exists ---
const insertButtons = () => {
document.querySelectorAll(SELECTORS.THUMBNAILS).forEach(thumbnail => {
if (thumbnail.querySelector('.download-container')) return;
const link = thumbnail.querySelector(SELECTORS.FILE_LINK) || thumbnail.querySelector('a[href*="/download/"]');
if (!link) return;
const img = thumbnail.querySelector('img');
const container = document.createElement('div');
container.className = 'download-container';
// Main download button
container.appendChild(createButton('Download', () => download(link.href)));
// Thumb download button (only if thumbnail image exists)
if (img && img.src) {
const originalFileName = getFileName(link.href);
container.appendChild(createButton('Download Thumb', () => downloadThumb(img.src, originalFileName)));
}
thumbnail.appendChild(container);
});
};
// --- End modified ---
const addStyles = () => GM_addStyle(`
.download-container {
padding: 7px;
text-align: center;
border: none;
width: 100%;
display: flex; /* changed to flex for side-by-side buttons */
flex-wrap: wrap;
justify-content: center;
gap: 6px;
transform: translate(0%, -110%);
}
.download-button {
padding: 6px 12px; /* adjusted padding for better fit */
background-color: #4CAF50;
background-position: center;
background-repeat: no-repeat;
color: white;
border: solid rgba(128,128,128,.7) .125em;
cursor: pointer;
font-size: 16px; /* slightly reduced for two buttons */
display: inline-flex;
align-items: center;
justify-content: center;
flex: 1 1 auto; /* allow buttons to share space */
min-width: 120px;
text-align: center;
border-radius: 5px;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.57), -3px -3px rgba(0, 0, 0, .1) inset;
transition: transform 0.3s ease, background-color 0.3s ease;
opacity: 0.9;
}
.download-button:hover {
background-color: #4C9CAF;
}
.post__thumbnail {
max-width: 10%;
min-width: 20%;
height: auto;
cursor: pointer;
padding: 5px;
border: 5px;
display: inline-flex;
flex-direction: column;
flex-wrap: wrap;
align-content: center;
justify-content: space-between;
align-items: center;
margin-top: -3.5%;
}
.post__thumbnail img:hover {
transform: scale(1.1);
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
transition: transform 0.3s ease, background-color 0.3s ease;
}
.post__thumbnail img {
cursor: pointer;
border-radius: 5px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
transition: transform 0.3s ease, background-color 0.3s ease;
border: solid rgba(128,128,128,.7) .125em;
}
.post-card__image-container {
max-width: 100%;
height: auto;
}
.post__files {
display: flex;
padding: 50px;
border: 5px;
max-width: 100%;
min-width: 70%;
flex-direction: row;
flex-wrap: wrap;
align-content: center;
justify-content: center;
align-items: center;
}
[data-testid='tracklist-row'] .newButtonClass {
position: absolute;
top: 50%;
right: calc(100% + 10px);
transform: translateY(-50%);
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
.post__content p img, .post__content h2 img, .post__content h3 img {
width: 20%;
cursor: pointer;
border: solid rgba(128,128,128,.7) .125em;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
margin: 5px auto;
border-radius: 10px;
transition: transform 0.3s ease, background-color 0.3s ease;
}
.post__content p img:hover, .post__content h2 img:hover, .post__content h3 img:hover {
transform: translate(50%) scale(1.5);
z-index: 9999;
}
.post__content p {
padding: 1px 7%;
margin: 5px;
}
a.post__attachment-link {
position: relative;
}
.post__nav-links {
position: sticky;
top: 0;
z-index: 100;
background-color: #000000ba;
border: solid rgba(128,128,128,.7) .125em;
border-radius: 10px;
width:99%;
top: 5px;
margin: 5px auto;
}
`);
const init = () => {
addStyles();
insertButtons();
if (ENABLE_MUTATION_OBSERVER && window.MutationObserver) {
new MutationObserver(() => debounce(insertButtons, 200))
.observe(document.body, {childList: true, subtree: true});
}
};
init();
})();