Fade or hide viewed galleries and hide flagged tags on e-hentai and exhentai. Now working with GM4
As of
// ==UserScript==
// @name E-Hentai & ExHentai Fade or hide viewed galleries and tag hider
// @namespace https://greasyfork.org/users/25356
// @description Fade or hide viewed galleries and hide flagged tags on e-hentai and exhentai. Now working with GM4
// @version 6.0
// @include https://exhentai.org/*
// @include https://e-hentai.org/*
// @require https://greasemonkey.github.io/gm4-polyfill/gm4-polyfill.js
// @require https://code.jquery.com/jquery-git.min.js
// @grant GM.getValue
// @grant GM.setValue
// @grant GM_getValue
// @grant GM_setValue
// @author CoLdAsIcE
// ==/UserScript==
(async () => {
'use strict';
let $hideGal = await GM.getValue("EHXFade_hidevisited", false);
async function isGalVisited(gid) {
let $md = await GM.getValue("g_" + gid, 0);
if ($md == 1) {
return true;
}
return false;
}
async function visitGal(gid) {
if (!await isGalVisited(gid)) {
GM.setValue("g_" + gid, 1);
}
}
function saveViewedGal() {
if (document.URL.match(/^https?:\/\/(e-|e[^-])hentai\.org\/g\/.*$/)) { //gallery case
//record visited galleries to local DB
const $gal_idx = document.URL.match(/^https?:\/\/(?:e-|e[^-])hentai\.org\/g\/(\d*)\/.*$/);
if (!isNaN($gal_idx[1])) {
const gal_id = parseInt($gal_idx[1])
visitGal(gal_id);
}
}
}
function fadeThumb($tag, tr=false) {
let $p
const $alpha = parseFloat(0.2);
if(tr) {
$p = $tag.closest('tr');
} else {
$p = $tag.closest('.gl1t');
}
if (isNaN($alpha))
$alpha = '0.2';
$p.css('opacity', $alpha);
$p.hover(
function () {
$(this).stop().fadeTo('fast', 1);
},
function () {
$(this).stop().fadeTo('fast', $alpha);
}
);
}
//fades thumbnails that is divs
async function fadeViewedGalThumb() {
$('.itg.gld > div.gl1t').each(async function () {
if (document.URL.match(/^https?:\/\/(e-|e[^-])hentai\.org\/(?!s).*$/) && self == top) { //search / index case, exclude iframe
const $tagContainer = $(this);
const $gallery = $(this).closest('.gl1t');
const $gal_href = $tagContainer.closest('.gl1t').find('div.gl3t a').first().attr('href');
const $gal_idx = $gal_href.match(/^https?:\/\/(?:e-|e[^-])hentai\.org\/g\/(\d*)\/.*$/);
if (!isNaN($gal_idx[1])) {
const gal_id = parseInt($gal_idx[1], 10);
if (await isGalVisited(gal_id)) {
if (!$hideGal) {
fadeThumb($tagContainer);
$gallery.show();
//apply visited color to a tag
$('<style type="text/css">' +
'.gl1t > a:visited > div {font-weight:normal; color:#4b90eb !important; }' +
'</style>')
.appendTo("head");
} else {
$gallery.hide();
}
}
}
}
});
}
//fades anything with table
async function fadeViewedGalTable(compact=null) {
const className = compact ? 'gl1c' : 'gl1m'
const title = compact ? '.gl3c' : '.gl3m'
$('table.itg > tbody > tr').each(async function () {
const isAGallery = this.firstElementChild.classList[0] === className
if (document.URL.match(/^https?:\/\/(e-|e[^-])hentai\.org\/(?!s).*$/) && self == top && isAGallery) { //search / index case, exclude iframe
const $tagContainer = $(this);
const $gallery = $(this).closest('tr');
const $gal_href = $tagContainer.closest('tr').find(title + ' a').first().attr('href');
const $gal_idx = $gal_href.match(/^https?:\/\/(?:e-|e[^-])hentai\.org\/g\/(\d*)\/.*$/);
if (!isNaN($gal_idx[1])) {
const gal_id = parseInt($gal_idx[1], 10);
if (await isGalVisited(gal_id)) {
if (!$hideGal) {
fadeThumb($tagContainer, true);
$gallery.show();
if (compact) {
//apply visited color to compact a tag
$('<style type="text/css">' +
title + ' > a:visited > div {font-weight:normal; color:#4b90eb !important; }' +
'</style>')
.appendTo("head");
} else {
//apply visited color to minimal and minimal+ a tag
$('<style type="text/css">' +
title + ' > a:visited > div {font-weight:normal; color:#4b90eb !important; }' +
'</style>')
.appendTo("head");
}
} else {
$gallery.hide();
}
}
}
}
});
}
//fades extended
async function fadeViewedGalExt() {
$('table.itg > tbody > tr').each(async function () {
if (document.URL.match(/^https?:\/\/(e-|e[^-])hentai\.org\/(?!s).*$/) && self == top) { //search / index case, exclude iframe
const $tagContainer = $(this);
const $gallery = $(this).closest('tr');
const $gal_href = $tagContainer.closest('tr').find('.gl2e a').last().attr('href');
const $gal_idx = $gal_href.match(/^https?:\/\/(?:e-|e[^-])hentai\.org\/g\/(\d*)\/.*$/);
if (!isNaN($gal_idx[1])) {
const gal_id = parseInt($gal_idx[1], 10);
if (await isGalVisited(gal_id)) {
if (!$hideGal) {
fadeThumb($tagContainer, true);
$gallery.show();
//apply visited color to minimal and minimal+ a tag
$('<style type="text/css">' +
'.gl2e div a:visited div > div {font-weight:normal; color:#4b90eb !important; }' +
'</style>')
.appendTo("head");
} else {
$gallery.hide();
}
}
}
}
});
}
async function removeBadTags() {
$('.itg.gld > div.gl1t').each(function () {
const $blankGif = $(this).find(".gl6t")
const $image = $(this);
if ($blankGif.length > 0) {
$image.hide();
}
});
}
function css() {
if(document.URL.match(/^https?:\/\/(e-)hentai\.org/)){
$('<style type="text/css">' +
'div.hideGal {width:65px; height:auto; position:fixed; margin-left:-76px; background-color:#EDEBDF; color:#5C0D11; border: 1px solid #5C0D11; z-index: 10; cursor:pointer; }' +
'div.hideGal div.tab { margin:6px; text-align: center;}' +
'</style>').appendTo("head");
}else{
$('<style type="text/css">' +
'div.hideGal {width:65px; height:auto; position:fixed; margin-left:-76px; background-color:#4F535B; color:skyblue; border: 1px solid #000000; z-index: 10; cursor:pointer; }' +
'div.hideGal div.tab { margin:6px; text-align: center;}' +
'</style>').appendTo("head");
}
}
function hideVisitedGal() {
//add a hide gallery tab
if (!$hideGal) {
$('div.ido').prepend('<div class="hideGal"><div class="tab" id="toggleseen">Hide</div></div>');
} else {
$('div.ido').prepend('<div class="hideGal"><div class="tab" id="toggleseen">Show</div></div>');
}
//hide or show gallery
$('#toggleseen').parent().click(function (e) {
$hideGal = !$hideGal;
GM.setValue("EHXFade_hidevisited", $hideGal);
if ($hideGal) {
$("#toggleseen").text("Show");
} else {
$("#toggleseen").text("Hide");
}
applyChanges();
});
}
function applyChanges() {
fadeViewedGal();
}
const $select = $('#dms div select')
css();
hideVisitedGal();
saveViewedGal();
//fade based on what viewing style is used
if($select.val() === 'm' || $select.val() === 'p') { //minimal
fadeViewedGalTable();
} else if ($select.val() === 'l') { //compact
fadeViewedGalTable(true);
} else if ($select.val() === 'e') { //extended
fadeViewedGalExt();
} else if ($select.val() === 't') { //thumbnail
fadeViewedGalThumb();
}
removeBadTags();
})();