nhentai Display and Highlight Tag with Thumbnail

nHentai 显示并高亮Tag在缩略图模式

Versione datata 10/01/2020. Vedi la nuova versione l'ultima versione.

Dovrai installare un'estensione come Tampermonkey, Greasemonkey o Violentmonkey per installare questo script.

You will need to install an extension such as Tampermonkey to install this script.

Dovrai installare un'estensione come Tampermonkey o Violentmonkey per installare questo script.

Dovrai installare un'estensione come Tampermonkey o Userscripts per installare questo script.

Dovrai installare un'estensione come ad esempio Tampermonkey per installare questo script.

Dovrai installare un gestore di script utente per installare questo script.

(Ho già un gestore di script utente, lasciamelo installare!)

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

(Ho già un gestore di stile utente, lasciamelo installare!)

// ==UserScript==
// @name        nhentai Display and Highlight Tag with Thumbnail
// @namespace   nhentai_display_and_highlight_tag_with_thumbnail
// @supportURL  https://github.com/zhuzemin
// @description nHentai 显示并高亮Tag在缩略图模式
// @include     https://nhentai.net/*
// @version     1.0
// @grant       GM_xmlhttpRequest
// @grant         GM_registerMenuCommand
// @grant         GM_setValue
// @grant         GM_getValue
// @run-at      document-start
// @author      zhuzemin
// @license     Mozilla Public License 2.0; http://www.mozilla.org/MPL/2.0/
// @license     CC Attribution-ShareAlike 4.0 International; http://creativecommons.org/licenses/by-sa/4.0/
// @connect-src nhentai.net
// ==/UserScript==
var config = {
    'debug': false
}
var debug = config.debug ? console.log.bind(console)  : function () {
};

// setting User Preferences
function setUserPref(varName, defaultVal, menuText, promtText, sep){
    GM_registerMenuCommand(menuText, function() {
        var val = prompt(promtText, GM_getValue(varName, defaultVal));
        if (val === null)  { return; }  // end execution if clicked CANCEL
        // prepare string of variables separated by the separator
        if (sep && val){
            var pat1 = new RegExp('\\s*' + sep + '+\\s*', 'g'); // trim space/s around separator & trim repeated separator
            var pat2 = new RegExp('(?:^' + sep + '+|' + sep + '+$)', 'g'); // trim starting & trailing separator
            //val = val.replace(pat1, sep).replace(pat2, '');
        }
        //val = val.replace(/\s{2,}/g, ' ').trim();    // remove multiple spaces and trim
        GM_setValue(varName, val);
        // Apply changes (immediately if there are no existing highlights, or upon reload to clear the old ones)
        //if(!document.body.querySelector(".THmo")) THmo_doHighlight(document.body);
        //else location.reload();
    });
}

// prepare UserPrefs
setUserPref(
    'highlights',
    'chinese;',
    'Set Highlight Tags',
    `Set highlights, split with ";". Example: "mmf threesome; chinese"`,
    ','
);


CreateStyle=function(){
    debug("Start: CreateStyle");
    var style=document.createElement("style");
    style.setAttribute("type","text/css");
    style.innerHTML=`
.glowbox {
     background: #4c4c4c; 
    //width: 400px;
    //margin: 40px 0 0 40px;
    //padding: 10px;
    -moz-box-shadow: 0 0 5px 5px #FFFF00;
    -webkit-box-shadow: 0 0 5px 5px #FFFF00;
    box-shadow: 0 0 5px 5px #FFFF00;
}
`;
    debug("Processing: CreateStyle");
    var head=document.querySelector("head");
    head.insertBefore(style,null);
    debug("End: CreateStyle");
}
class Gallery{
    constructor(href) {
        this.method = 'GET';
        this.url = href;
        this.headers = {
            'User-agent': 'Mozilla/4.0 (compatible) Greasemonkey',
            'Accept': 'application/atom+xml,application/xml,text/xml',
            'Referer': window.location.href,
        };
        this.charset = 'text/plain;charset=utf8';
    }
}
var init = function () {
    var LastDivNum=0;
    var highlights=[];
    try{
        highlights=GM_getValue("highlights").split(";");
    }catch(e){
        debug("Not set highlights.");
    }
    CreateStyle();
    //setInterval(function(){
        var divs = document.querySelectorAll('div.gallery');
        debug("DivNum: "+divs.length);
        if(LastDivNum<divs.length) {
            for (var i = LastDivNum; i < divs.length; ++i) {
                (function (div) {
                    div.style.maxHeight = "900px";
                    div.style.height = "900px";
                    var a = div.querySelector("a");
                    var img = a.querySelector("img");
                    div.insertBefore(img, a);
                    a.style.overflow = "auto";
                    a.style.maxHeight = 900 - img.offsetHeight + "px";
                    var caption = a.querySelector("div.caption");
                    caption.style.position = "static";
                    var taglist = document.createElement("section");
                    taglist.setAttribute("id", "tags");
                    a.insertBefore(taglist, null);
                    var href = div.querySelector('a').href;
                    debug(href);
                    var gallery = new Gallery(href);
                    var retries = 10;
                    var request = function () {
                        GM_xmlhttpRequest({
                            method: gallery.method,
                            url: gallery.url,
                            headers: gallery.headers,
                            overrideMimeType: gallery.charset,
                            //synchronous: true
                            onload: function (responseDetails) {
                                if (responseDetails.status != 200) {
                                    // retry
                                    if (retries--) {          // *** Recurse if we still have retries
                                        setTimeout(request(),2000);
                                        return;
                                    }
                                }
                                debug(responseDetails);
                                var galleryHtml = new DOMParser().parseFromString(responseDetails.responseText, "text/html");
                                //debug(galleryHtml);
                                taglist = galleryHtml.querySelector('#tags');
                                var links = taglist.querySelectorAll("a.tag");
                                //debug(taglist);
                                for (var highlight of highlights) {
                                    //debug("Highlight: "+highlight);
                                    if (highlight.length > 1) {
                                        for (var link of links) {
                                            //var span=link.querySelector("span.count");
                                            //link.removeChild(span);
                                            var tag = link.innerText.toLowerCase().match(/([\w\s]*)/)[1].trim();
                                            //debug("Tag: "+tag);
                                            if (tag == highlight.trim()) {
                                                debug("Tag: " + link.innerText);
                                                link.className += " glowbox";
                                            }
                                        }
                                    }
                                }
                                a.replaceChild(taglist, a.querySelector("#tags"));
                            }
                        });
                    }
                    request();
                })(divs[i]);
            }
        }
        LastDivNum=divs.length;

    //}, 2000)
}
window.addEventListener('DOMContentLoaded', init);