Partially fade/remove non-english, HQ thumbnails, mark as read, subs, etc.
As of
// ==UserScript==
// @name NHentai Improved
// @namespace Hentiedup
// @version 1.4.4
// @description Partially fade/remove non-english, HQ thumbnails, mark as read, subs, etc.
// @author Hentiedup
// @match https://nhentai.net/*
// @require https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js
// @grant GM_setValue
// @grant GM_getValue
// @grant GM_deleteValue
// @grant GM_listValues
// @icon https://i.imgur.com/1lihxY2.png
// ==/UserScript==
(function() {
'use strict';
//YOU SHOULD NO LONGER TOUCH THE SETTINGS HERE. THEY ARE NOW AVAILABLE ON THE SITE IN THE PROFILE SETTINGS
//== non-english settings ==//
var remove_non_english = GM_getValue("remove_non_english", false);
var partially_fade_all_non_english = GM_getValue("partially_fade_all_non_english", true);
var non_english_fade_opacity = GM_getValue("non_english_fade_opacity", 0.3);
//== browse sections ==//
var browse_thumbnail_width = GM_getValue("browse_thumbnail_width", 250);
var browse_thumnail_container_width = GM_getValue("browse_thumnail_container_width", 1350);
var load_high_quality_browse_thumbnails = GM_getValue("load_high_quality_browse_thumbnails", true);
//== comic pages view ==//
var pages_thumbnail_width = GM_getValue("pages_thumbnail_width", 300);
var pages_thumnail_container_width = GM_getValue("pages_thumnail_container_width", 1350);
var load_high_quality_pages_thumbnails = GM_getValue("load_high_quality_pages_thumbnails", true);
//== mark as read system ==//
var mark_as_read_system_enabled = GM_getValue("mark_as_read_system_enabled", true);
var marked_as_read_fade_opacity = GM_getValue("marked_as_read_fade_opacity", 0.3);
var read_tag_font_size = GM_getValue("read_tag_font_size", 15);
//== subscription system ==//
var subscription_system_enabled = GM_getValue("subscription_system_enabled", true);
//================= Getting arrays ready =================//
if(true) {
if(subscription_system_enabled) {
var SubArray = [];
var SubArrayString = GM_getValue("SubArrayString", null);
if(SubArrayString) { SubArray = JSON.parse(SubArrayString); }
}
if(mark_as_read_system_enabled) {
var MARArray = [];
var MARArrayString = GM_getValue("MARArrayString", null);
if(MARArrayString) { MARArray = JSON.parse(MARArrayString); }
var unreadImg = '<svg style="vertical-align: middle;" width="15" height="15" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="book-open" class="svg-inline--fa fa-book-open fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M542.22 32.05c-54.8 3.11-163.72 14.43-230.96 55.59-4.64 2.84-7.27 7.89-7.27 13.17v363.87c0 11.55 12.63 18.85 23.28 13.49 69.18-34.82 169.23-44.32 218.7-46.92 16.89-.89 30.02-14.43 30.02-30.66V62.75c.01-17.71-15.35-31.74-33.77-30.7zM264.73 87.64C197.5 46.48 88.58 35.17 33.78 32.05 15.36 31.01 0 45.04 0 62.75V400.6c0 16.24 13.13 29.78 30.02 30.66 49.49 2.6 149.59 12.11 218.77 46.95 10.62 5.35 23.21-1.94 23.21-13.46V100.63c0-5.29-2.62-10.14-7.27-12.99z"></path></svg>';
var readImg = '<svg style="vertical-align: middle;" width="15" height="15" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="book" class="svg-inline--fa fa-book fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M448 360V24c0-13.3-10.7-24-24-24H96C43 0 0 43 0 96v320c0 53 43 96 96 96h328c13.3 0 24-10.7 24-24v-16c0-7.5-3.5-14.3-8.9-18.7-4.2-15.4-4.2-59.3 0-74.7 5.4-4.3 8.9-11.1 8.9-18.6zM128 134c0-3.3 2.7-6 6-6h212c3.3 0 6 2.7 6 6v20c0 3.3-2.7 6-6 6H134c-3.3 0-6-2.7-6-6v-20zm0 64c0-3.3 2.7-6 6-6h212c3.3 0 6 2.7 6 6v20c0 3.3-2.7 6-6 6H134c-3.3 0-6-2.7-6-6v-20zm253.4 250H96c-17.7 0-32-14.3-32-32 0-17.6 14.4-32 32-32h285.4c-1.9 17.1-1.9 46.9 0 64z"></path></svg>';
}
}
//========================================================//
//================== Adding stylesheets ==================//
if(true) {
if(remove_non_english) {
addGlobalStyle(`
.gallery:not([data-tags~='12227']) {
display: none;
}
`);
}
else if(!remove_non_english && partially_fade_all_non_english) {
addGlobalStyle(`
.gallery:not([data-tags~='12227']) > .cover {
opacity: ` + non_english_fade_opacity + `;
}
`);
}
//fixing too long cover images
addGlobalStyle(`
.gallery, .gallery > .cover {
max-height: 360px;
}
.gallery > .cover {
overflow: hidden;
padding: 0 !important;
}
.gallery > .cover > img {
position: relative;
min-height: 100%;
}
`);
addGlobalStyle(`
/*browsing comics*/
.container.index-container {
text-align: center;
max-width: 100%;
width: ` + browse_thumnail_container_width + `px;
}
.gallery > .cover > img {
width: 100%;
}
.container.index-container > div.gallery {
width: ` + browse_thumbnail_width + `px;
}
/*view comic pages*/
div.thumb-container {
width: auto;
}
#thumbnail-container {
text-align: center;
max-width: 100%;
width: ` + pages_thumnail_container_width + `px;
}
div.thumb-container img {
width: ` + pages_thumbnail_width + `px;
}
`);
if(mark_as_read_system_enabled)
{
addGlobalStyle(`
.readTag {
border-radius: 10px;
padding: 5px 10px;
position: absolute;
background-color: rgba(0,0,0,.7);
color: rgba(255,255,255,.8);
bottom: 7.5px;
right: 7.5px;
font-size: `+read_tag_font_size+`px;
font-weight: 900;
opacity: 1;
}
#markAsRead, #markAsRead:visited {
background-color: #3d9e48;
}
#markAsRead:active, #markAsRead:hover {
background-color: #52bc5e;
}
#markAsUnRead, #markAsUnRead:visited {
background-color: rgb(218, 53, 53);
}
#markAsUnRead:active, #markAsUnRead:hover {
background-color: #e26060;
}
.gallery {
position: relative;
}
.readOverlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: RGBA(31, 31, 31, `+(1 - marked_as_read_fade_opacity)+`);
}
`);
}
if(subscription_system_enabled) {
addGlobalStyle(`
#tags .subbedTag, #tags .subbedTag:visited {
background-color: #2c5030;
}
#tags .subbedTag:active, #tags .subbedTag:hover {
background-color: #416144;
}
#subTo, #subTo:visited {
background-color: #3d9e48;
}
#subTo:active, #subTo:hover {
background-color: #52bc5e;
}
#unsubTo, #unsubTo:visited {
background-color: rgb(218, 53, 53);
}
#unsubTo:active, #unsubTo:hover {
background-color: #e26060;
}
#sub-content ul {
text-align: left;
}
#sub-content li {
box-sizing: border-box;
display: inline-block;
width: 25%;
text-align: center;
padding: 5px 20px;
}
#subTo, #unsubTo {
height: auto;
line-height: initial;
cursor: pointer;
font-size: 0.5em;
padding: 6px 12px;
}
`);
}
}
//========================================================//
//================== On Comic info page ==================//
if(window.location.href.match(/^.+?\/g\/.+?\/(\?.*|\#.*|)$/g)) //if on the comic info page
{
//=== Mark as read system ===//
if(mark_as_read_system_enabled) {
var item = window.location.href.split("nhentai.net")[1].split("?")[0].split("#")[0]; //get item from url
if(MARArray.includes(item)) //if item is marked as read
$(".buttons").append('<a href="#" id="markAsUnRead" class="btn btn-secondary">'+unreadImg+' <span style="vertical-align: middle;">Mark as unread</span></a>'); //..add unmark button
else
$(".buttons").append('<a href="#" id="markAsRead" class="btn btn-secondary">'+readImg+' <span style="vertical-align: middle;">Mark as read</span></a>'); //...add mark button
AddMARClickListeners();
}
//===========================//
//==== Subscribe system =====//
if(subscription_system_enabled) {
let SubArraySelector = SubArray.join("'], .tag[href='");
$(".tag[href='" + SubArraySelector + "']").addClass("subbedTag");
}
//===========================//
//=== HQ thumbnail system ===//
if(load_high_quality_pages_thumbnails && $("#thumbnail-container").length !== 0) {
$("#thumbnail-container > .thumb-container > .gallerythumb > img").one("load", function(){
$(this).attr("src", $(this).attr("src").replace("//t.", "//i.").replace("t.jpg", ".jpg").replace("t.png", ".png"));
});
}
//===========================//
}
//========================================================//
//============== On Artist/group info page ===============//
else if(subscription_system_enabled && (window.location.href.match(/^.+?\/artist\/.+?\/(popular)?(\?.*?|\#.*?|)$/g) || window.location.href.match(/^.+?\/artist\/.+?\/(\?.*|\#.*|)$/g))) //in artist or group page
{
var subItem = window.location.href.split("nhentai.net")[1].split("popular")[0].split("?")[0].split("#")[0]; //get item from url
if(SubArray.includes(subItem)) //if subscribed
$("h1").append('<a href="#" id="unsubTo" class="btn btn-secondary"><span style="vertical-align: middle;">Unsubscribe</span></a>'); //...add unsub button
else
$("h1").append('<a href="#" id="subTo" class="btn btn-secondary"><span style="vertical-align: middle;">Subscribe</span></a>'); //...add sub button
AddSubClickListeners();
}
//========================================================//
//====================== Subs page =======================//
else if(subscription_system_enabled && window.location.href.match(/^.+?\/subscriptions\/(\?.*|\#.*|)$/g)) //in subs page
{
$("head title").html('Subscriptions');
$("#content").prepend('<h1>Subscriptions</h1>');
$("#content > .container").removeClass("error").prop("id", "tag-container");
var subHTML = "";
for(let i = 0; i < SubArray.length; i++) {
subHTML += '<a class="tag" href="'+SubArray[i]+'">'+(SubArray[i].split("/")[2].split("/")[0].replace(/\-/g, " "))+'</a>';
}
$("#tag-container").html(subHTML);
}
//========================================================//
//====================== browse pages ====================//
else if($(".container.index-container").length !== 0)
{
//=== HQ thumbnail system ===//
if(load_high_quality_browse_thumbnails) {
$(".container.index-container > .gallery > .cover > img").one("load", function(){
$(this).attr("src", $(this).attr("src").replace("//t.", "//i.").replace("thumb.jpg", "1.jpg").replace("thumb.png", "1.png"));
});
}
//===========================//
//=== Mark as read system ===//
if(mark_as_read_system_enabled) {
let MARArraySelector = MARArray.join("'], .cover[href='");
$(".cover[href='" + MARArraySelector + "']").parent().append('<div class="readOverlay"></div>').append("<div class='readTag'>READ</div>");
}
//===========================//
}
//========================================================//
//====================== Settings page ===================//
else if($("#settings-container").length !== 0)
{
addGlobalStyle(`
#settings-container .custom-settings {
margin: 5px 5px 5px 20px;
}
#settings-container .custom-settings input[type="text"],
#settings-container .custom-settings input[type="number"]{
width: 70px;
height: 25px;
border-radius: 3px;
text-align: center;
padding: 0;
}
#settings-container .custom-settings.disabled-setting {
color: RGBA(153, 153, 153, 1);
opacity: 0.3;
}
#settings-container h2 {position: relative;}
#settings-container #settings-saved-mark {
color: green;
font-size: 15px;
position: absolute;
right: 0;
top: 10px;
display: none;
}
#importexportdiv {
position: fixed;
top: 10%;
left: 10%;
width: 80%;
height: 80%;
background-color: #393939;
padding: 3%;
border-radius: 15px;
}
#importexportdiv > textarea {
width: 100%;
height: 90%;
}
`);
let settingsHTML = `<br><div id="customSettingsContainer"><form class="form-horizontal" role="form">
<h2>NHentai Improved Settings <span id="settings-saved-mark">Saved 🗸</span></h2>
<h3>Non-English Settings</h3>
<div class="custom-settings"><div class="form-control">
<label><input id="remove_non_english" type="checkbox">
Remove Non-English</label>
</div></div>
<div class="custom-settings"><div class="form-control">
<label><input id="partially_fade_all_non_english" type="checkbox">
Partially Fade Non-English</label>
</div></div>
<div class="custom-settings">
<label>Non-English Fade Opacity
<input id="non_english_fade_opacity" type="text" placeholder="0.0 - 1.0" autocomplete="off"></label>
</div>
<h3>Browse Section Settings</h3>
<div class="custom-settings" title="height scales automatically">
<label>Thumbnail Width
<input id="browse_thumbnail_width" type="number" placeholder="250"> px</label>
</div>
<div class="custom-settings" title="max-width = 100% of available space, meaning no need to worry about going too big">
<label>Thumbnail Container Width
<input id="browse_thumnail_container_width" type="number" placeholder="1350"> px</label>
</div>
<div class="custom-settings"><div class="form-control">
<label><input id="load_high_quality_browse_thumbnails" type="checkbox">
HQ Thumbnails</label>
</div></div>
<h3>Comic Pages Section Settings</h3>
<div class="custom-settings" title="height scales automatically">
<label>Thumbnail Width
<input id="pages_thumbnail_width" type="number" placeholder="250"> px</label>
</div>
<div class="custom-settings" title="max-width = 100% of available space, meaning no need to worry about going too big">
<label>Thumbnail Container Width
<input id="pages_thumnail_container_width" type="number" placeholder="1350"> px</label>
</div>
<div class="custom-settings"><div class="form-control">
<label><input id="load_high_quality_pages_thumbnails" type="checkbox">
HQ Thumbnails</label>
</div></div>
<h3>Mark As Read Settings</h3>
<div class="custom-settings"><div class="form-control">
<label><input id="mark_as_read_system_enabled" type="checkbox">
Enabled</label>
</div></div>
<div class="custom-settings">
<label>Fade Opacity
<input id="marked_as_read_fade_opacity" type="text" placeholder="0.0 - 1.0" autocomplete="off"></label>
</div>
<div class="custom-settings">
<label>Read Tag Font Size
<input id="read_tag_font_size" type="number" placeholder="15"> px</label>
</div>
<h3>Subscription Settings</h3>
<div class="custom-settings"><div class="form-control">
<label><input id="subscription_system_enabled" type="checkbox">
Enabled</label>
</div></div>
<br><br>
</form>
<div style="max-width: 800px; margin-left: auto; margin-right: auto;"><button id="importexportButt">Import/Export</button></div>
<br><br>
</div>`;
$("#settings-container").append(settingsHTML);
InitialValuesForSettings();
$("#settings-container form:last").change(function(){
UpdateSettingsValues();
});
$("#importexportButt").click(function(){
if($("#importexportdiv").length == 0)
{
$("html").append(`<div id="importexportdiv"><textarea></textarea><br><br><button id="saveimportexport">Import</button><button id="backimportexport">Back</button></div>`);
$("#importexportdiv > textarea").val(SubArrayString + "|||||" + MARArrayString);
$("#saveimportexport").click(function(){
if($("#importexportdiv > textarea").val().indexOf("|||||") < 0) {
alert("invalid data");
return;
}
SubArrayString = $("#importexportdiv > textarea").val().split("|||||")[0];
MARArrayString = $("#importexportdiv > textarea").val().split("|||||")[1];
GM_setValue("SubArrayString", SubArrayString);
GM_setValue("MARArrayString", MARArrayString);
alert("Done!");
location.reload();
});
$("#backimportexport").click(function(){
$("#importexportdiv").remove();
});
}
});
}
//========================================================//
//====================== All pages =======================//
if(subscription_system_enabled) {
$(".menu.right").prepend('<li><a href="/subscriptions/"><i class="fa fa-heartbeat"></i> Subscriptions</a></li>');
}
//========================================================//
function InitialValuesForSettings() {
$("#remove_non_english").prop("checked", remove_non_english);
$("#partially_fade_all_non_english").prop("checked", partially_fade_all_non_english);
$("#non_english_fade_opacity").val(non_english_fade_opacity);
$("#browse_thumbnail_width").val(browse_thumbnail_width);
$("#browse_thumnail_container_width").val(browse_thumnail_container_width);
$("#load_high_quality_browse_thumbnails").prop("checked", load_high_quality_browse_thumbnails);
$("#pages_thumbnail_width").val(pages_thumbnail_width);
$("#pages_thumnail_container_width").val(pages_thumnail_container_width);
$("#load_high_quality_pages_thumbnails").prop("checked", load_high_quality_pages_thumbnails);
$("#mark_as_read_system_enabled").prop("checked", mark_as_read_system_enabled);
$("#marked_as_read_fade_opacity").val(marked_as_read_fade_opacity);
$("#read_tag_font_size").val(read_tag_font_size);
$("#subscription_system_enabled").prop("checked", subscription_system_enabled);
}
function UpdateSettingsValues() {
remove_non_english = $("#remove_non_english").is(':checked');
partially_fade_all_non_english = $("#partially_fade_all_non_english").is(':checked');
non_english_fade_opacity = $("#non_english_fade_opacity").val();
browse_thumbnail_width = $("#browse_thumbnail_width").val();
browse_thumnail_container_width = $("#browse_thumnail_container_width").val();
load_high_quality_browse_thumbnails = $("#load_high_quality_browse_thumbnails").is(':checked');
pages_thumbnail_width = $("#pages_thumbnail_width").val();
pages_thumnail_container_width = $("#pages_thumnail_container_width").val();
load_high_quality_pages_thumbnails = $("#load_high_quality_pages_thumbnails").is(':checked');
mark_as_read_system_enabled = $("#mark_as_read_system_enabled").is(':checked');
marked_as_read_fade_opacity = $("#marked_as_read_fade_opacity").val();
read_tag_font_size = $("#read_tag_font_size").val();
subscription_system_enabled = $("#subscription_system_enabled").is(':checked');
GM_setValue("remove_non_english", remove_non_english);
GM_setValue("partially_fade_all_non_english", partially_fade_all_non_english);
GM_setValue("non_english_fade_opacity", non_english_fade_opacity);
GM_setValue("browse_thumbnail_width", browse_thumbnail_width);
GM_setValue("browse_thumnail_container_width", browse_thumnail_container_width);
GM_setValue("load_high_quality_browse_thumbnails", load_high_quality_browse_thumbnails);
GM_setValue("pages_thumbnail_width", pages_thumbnail_width);
GM_setValue("pages_thumnail_container_width", pages_thumnail_container_width);
GM_setValue("load_high_quality_pages_thumbnails", load_high_quality_pages_thumbnails);
GM_setValue("mark_as_read_system_enabled", mark_as_read_system_enabled);
GM_setValue("marked_as_read_fade_opacity", marked_as_read_fade_opacity);
GM_setValue("read_tag_font_size", read_tag_font_size);
GM_setValue("subscription_system_enabled", subscription_system_enabled);
$("#settings-saved-mark").fadeIn(500, function() {
setTimeout(function() {
$("#settings-saved-mark").fadeOut(500);
}, 1000);
});
if(remove_non_english) {
$("#partially_fade_all_non_english").prop("disabled", true);
$("#non_english_fade_opacity").prop("disabled", true);
$("#partially_fade_all_non_english").parentsUntil(".custom-settings").parent().addClass("disabled-setting");
$("#non_english_fade_opacity").parentsUntil(".custom-settings").parent().addClass("disabled-setting");
}
else {
$("#partially_fade_all_non_english").prop("disabled", false);
$("#non_english_fade_opacity").prop("disabled", false);
$("#partially_fade_all_non_english").parentsUntil(".custom-settings").parent().removeClass("disabled-setting");
$("#non_english_fade_opacity").parentsUntil(".custom-settings").parent().removeClass("disabled-setting");
if(!partially_fade_all_non_english) {
$("#non_english_fade_opacity").prop("disabled", true);
$("#non_english_fade_opacity").parentsUntil(".custom-settings").parent().addClass("disabled-setting");
}
else {
$("#non_english_fade_opacity").prop("disabled", false);
$("#non_english_fade_opacity").parentsUntil(".custom-settings").parent().removeClass("disabled-setting");
}
}
if(mark_as_read_system_enabled) {
$("#marked_as_read_fade_opacity, #read_tag_font_size").prop("disabled", false);
$("#marked_as_read_fade_opacity, #read_tag_font_size").parentsUntil(".custom-settings").parent().removeClass("disabled-setting");
}
else {
$("#marked_as_read_fade_opacity, #read_tag_font_size").prop("disabled", true);
$("#marked_as_read_fade_opacity, #read_tag_font_size").parentsUntil(".custom-settings").parent().addClass("disabled-setting");
}
}
function AddSubClickListeners() {
$("#subTo").click(function(){
//get the array again to make sure we have an up to date array (since other tabs could have modified it since loading this page)
SubArrayString = GM_getValue("SubArrayString", null);
if(SubArrayString) { SubArray = JSON.parse(SubArrayString); }
SubArray.push(subItem); //add to array
SubArrayString = JSON.stringify(SubArray); //convert array to string
GM_setValue("SubArrayString", SubArrayString); //save string
$(this).html('<span style="vertical-align: middle;">Unsubscribe</span>').prop("id", "unsubTo");
$(this).off();
AddSubClickListeners();
});
$("#unsubTo").click(function(){
//get the array again to make sure we have an up to date array (since other tabs could have modified it since loading this page)
SubArrayString = GM_getValue("SubArrayString", null);
if(SubArrayString) { SubArray = JSON.parse(SubArrayString); }
//do it mutiple times if needed (due to multiple tab fuckery)
while(SubArray.indexOf(subItem) >= 0)
SubArray.splice(SubArray.indexOf(subItem), 1); //remove from array
SubArrayString = JSON.stringify(SubArray); //convert array to string
GM_setValue("SubArrayString", SubArrayString); //save string
$(this).html('<span style="vertical-align: middle;">Subscribe</span>').prop("id", "subTo");
$(this).off();
AddSubClickListeners();
});
}
function AddMARClickListeners() {
$("#markAsRead").click(function(){
//get the array again to make sure we have an up to date array (since other tabs could have modified it since loading this page)
MARArrayString = GM_getValue("MARArrayString", null);
if(MARArrayString) { MARArray = JSON.parse(MARArrayString); }
MARArray.push(item); //add to array
MARArrayString = JSON.stringify(MARArray); //covert array to string
GM_setValue("MARArrayString", MARArrayString); //save string
$(this).html(unreadImg+' <span style="vertical-align: middle;">Mark as unread</span>').prop("id", "markAsUnRead");
$(this).off();
AddMARClickListeners();
});
$("#markAsUnRead").click(function(){
//get the array again to make sure we have an up to date array (since other tabs could have modified it since loading this page)
MARArrayString = GM_getValue("MARArrayString", null);
if(MARArrayString) { MARArray = JSON.parse(MARArrayString); }
//do it mutiple times if needed (due to multiple tab fuckery)
while(MARArray.indexOf(item) >= 0)
MARArray.splice(MARArray.indexOf(item), 1); //remove from array
MARArrayString = JSON.stringify(MARArray); //covert array to string
GM_setValue("MARArrayString", MARArrayString); //save string
$(this).html(readImg+' <span style="vertical-align: middle;">Mark as read</span>').prop("id", "markAsRead");
$(this).off();
AddMARClickListeners();
});
}
function addGlobalStyle(css) {
var head, style;
head = document.getElementsByTagName('head')[0];
if (!head) { return; }
style = document.createElement('style');
style.type = 'text/css';
style.innerHTML = css;
head.appendChild(style);
}
})();