☰

GGBases | Thumbnails

Add images as thumbnails to the row items (on the end)

// ==UserScript==
// @name            GGBases | Thumbnails
// @namespace       http://tampermonkey.net/
// @version         1.0.2
// @description     Add images as thumbnails to the row items (on the end)
// @author          extra.lewd
// @match           https://www.ggbases.com/*
// @match           https://ggbases.dlgal.com/*
// @exclude         https://www.ggbases.com/view.so*
// @exclude         https://ggbases.dlgal.com/view.so*
// @icon            https://www.ggbases.com/favicon.ico
// @run-at          document-end
// @license         CC BY-NC-ND 4.0
// @license-url     https://creativecommons.org/licenses/by-nc-nd/4.0/
// @homepage        https://discord.gg/TcWrM6pXWD
// @homepageURL     https://discord.gg/TcWrM6pXWD
// @website         https://discord.gg/TcWrM6pXWD
// @source          https://discord.gg/TcWrM6pXWD
// @compatible      firefox
// @compatible      chrome
// @compatible      opera
// @compatible      safari
// @compatible      edge
// @grant           GM.getValue
// @grant           GM.setValue
// @grant           GM.registerMenuCommand
// ==/UserScript==
(function () {
    'use strict';
    const observer = new MutationObserver(boostrap);
    observer.observe(document.querySelector("body"), {
        childList: true,
        subtree: true,
    });
    async function boostrap() {
        const elements = document.querySelectorAll("a[name='title']:not(.gay)");
        const [width, height] = await Promise.all([GM.getValue("img.width", 600), GM.getValue("img.height", 450)]);
        elements.forEach(e => {
            e.classList.add("gay"); // skip from adding img again
            const img = document.createElement("img");
            const src = parseSource(e.getAttribute("c"));
            if (!src)
                return;
            img.src = src;
            img.width = width;
            img.height = height;
            // todo: try use fragmentDocument somehow instead?
            // probably it has low performance due re-render on each append...
            e.parentElement.parentElement.append(img);
        });
    }
    // stealed from ggbases.com
    const r1 = new RegExp("^http"), r2 = new RegExp("^//");
    // init
    boostrap();
    registerCommands();
    function parseSource(src) {
        if (!src || src === "" || src === " ")
            return;
        if (/^d[0-9]{6,8}$/.test(src)) {
            // @ts-expect-error optional argument
            src = gendlcover(src.substr(1, src.length));
        }
        else if (/^RJ[0-9]{6,8}$/.test(src)) {
            // @ts-expect-error optional argument
            src = gendlcover(src.substr(2, src.length));
        }
        else if (/^v[0-9]{6,8}$/.test(src)) {
            src = gendlcover(src.substr(1, src.length), 1);
        }
        else if (/^VJ[0-9]{6,8}$/.test(src)) {
            src = gendlcover(src.substr(2, src.length), 1);
        }
        else if (/^g[0-9]{6,7}$/.test(src)) {
            src = gengccover(src.substr(1, src.length));
        }
        else if (/^gc[0-9]{6,7}$/.test(src)) {
            src = gengccover(src.substr(2, src.length));
        }
        else if (!r1.test(src) && !r2.test(src)) {
            src = coverurl(src);
        }
        return src;
    }
    // stealed from ggbases.com
    function gendlcover(did, type) {
        let pre0 = null, dpre0 = null, npre = null;
        if (did.indexOf('0') == 0 && did.length == 8)
            npre = '0';
        did = parseInt(did);
        let rid = Math.ceil(did / 1000) * 1000;
        if (did < 10) {
            pre0 = "00000";
        }
        else if (did < 100) {
            pre0 = "0000";
        }
        else if (did < 1000) {
            pre0 = "000";
        }
        else if (did < 10000) {
            pre0 = "00";
        }
        else if (did < 100000) {
            pre0 = "0";
        }
        if (rid < 10000) {
            dpre0 = "00";
        }
        else if (rid < 100000) {
            dpre0 = "0";
        }
        if (pre0) {
            did = pre0 + did;
        }
        if (dpre0) {
            rid = dpre0 + rid;
        }
        if (npre) {
            did = npre + did;
            rid = npre + rid;
        }
        let usecoverproxy = false;
        if (typeof Storage !== "undefined") {
            // @ts-expect-error Developer (I mean myself) is 🤡. Using already loaded on website lib of dayjs
            usecoverproxy = localStorage.getItem("usecoverproxy" + dayjs().format("YYYY-MM-DD"));
        }
        return (usecoverproxy ? "//cover.ydgal.com/_200_cover/".replace("/_200_cover/", "") : "//img.dlsite.jp") + "/modpub/images2/work/" + (!type ? "doujin/RJ" : "professional/VJ") + rid + "/" + (!type ? "RJ" : "VJ") + did + "_img_main.jpg";
    }
    // stealed from ggbases.com
    function gengccover(did) {
        return "//cover.ydgal.com/_200_cover/".replace("/_200_cover/", "/_300_cover/") + "/getchu/gc" + did + ".jpg";
        //return "//cover.ydgal.com/_200_cover/".replace("/_200_cover/", "") + "/brandnew/" + did + "/c" + did + "package_s.jpg";
    }
    // stealed from ggbases.com
    function coverurl(tid) {
        const num = tid.split("_")[0];
        const coverUrl = "//cover.ydgal.com/_200_cover/";
        if (parseInt(num) > 1360000) {
            return coverUrl + "new/" + tid;
        }
        else {
            return coverUrl + "old/" + tid;
        }
    }
    function registerCommands() {
        GM.registerMenuCommand("Set image width", () => {
            const value = parseInt(prompt("Input image width", "600"));
            if (!isNaN(value) && value > 0) {
                GM.setValue("img.width", value);
                alert("Success! Reload page to apply changes");
            }
        });
        GM.registerMenuCommand("Set image height", () => {
            const value = parseInt(prompt("Input image height", "450"));
            if (!isNaN(value) && value > 0) {
                GM.setValue("img.height", value);
                alert("Success! Reload page to apply changes");
            }
        });
    }
})();