Hide formats with your discretion.
Fra
// ==UserScript==
// @id what-toggle-formats
// @name Gazelle: Toggle Format Visibility
// @namespace hateradio)))
// @author hateradio
// @version 4.1
// @description Hide formats with your discretion.
// @include https://redacted.sh/torrents.php*
// @include https://redacted.sh/artist.php?id=*
// @include https://redacted.sh/bookmarks.php*
// @include https://redacted.sh/collages.php*
// @include https://redacted.sh/top10.php*
// @include https://orpheus.network/torrents.php*
// @include https://orpheus.network/artist.php?id=*
// @include https://orpheus.network/bookmarks.php*
// @include https://orpheus.network/collages.php*
// @include https://orpheus.network/top10.php*
// @grant none
// @updated 07 DEC 2024
// @since 28 OCT 2010
// ==/UserScript==
(function () {
'use strict';
// P O L Y
if (!Element.prototype.matches)
Element.prototype.matches = Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector;
if (!Element.prototype.closest) {
Element.prototype.closest = function (s) {
let el = this;
if (!document.documentElement.contains(el)) return null;
do {
if (el.matches(s)) return el;
el = el.parentElement || el.parentNode;
} while (el !== null && el.nodeType === 1);
return null;
};
}
// O N HELPER
const on = (element, type, selector, listener) => {
element.addEventListener(type, event => {
const onTarget = event.target.closest(selector);
if (onTarget) {
event.onTarget = onTarget;
listener(event);
}
}, false);
};
// S T O R A G E HANDLE
const strg = {
on: (function () { try { let a, b = localStorage, c = Math.random().toString(16).substr(2, 8); b.setItem(c, c); a = b.getItem(c); return a === c ? !b.removeItem(c) : false; } catch (e) { return false; } }()),
read: function (key) { return this.on ? JSON.parse(localStorage.getItem(key)) : false; },
save: function (key, dat) { return this.on ? !localStorage.setItem(key, JSON.stringify(dat)) : false; },
wipe: function (key) { return this.on ? !localStorage.removeItem(key) : false; },
zero: function (o) { for (let k in o) { if (o.hasOwnProperty(k)) { return false; } } return true; },
grab: function (key, def) { const s = strg.read(key); return strg.zero(s) ? def : s; }
};
const hide = {
loc: document.querySelector('.sidebar') || document.querySelector('.linkbox'),
typ: ['CD', 'Vinyl', 'WEB', 'SACD', 'DVD', 'DAT', 'Cassette', 'BD', 'Soundboard'],
cod: ['FLAC', 'Ogg', 'AAC', 'AC3', 'DTS', 'MP3'],
enc: ['192', 'APS', 'V2', 'V1', '256', 'APX', 'V0', '320', '/ Lossless', '24bit Lossless'],
lch: ['Scene', 'Freeleech', 'Neutral Leech', 'Reported', 'Bad'],
hid: strg.read('togglesettings2') || [],
div: document.createElement('div'),
fra: document.createDocumentFragment(),
init: function () {
const s = document.createElement('style'),
css = '.hider-f { text-decoration: line-through } #format-hide { text-align: center; margin: 3px 0px } .gtfv__item { cursor: pointer }';
s.type = 'text/css';
s.textContent = css;
document.head.appendChild(s);
on(this.div, 'click', 'span', this.change.bind(this));
// run!
this.location();
this.generate();
this.toggle(this.hid);
this.toggle(this.hid, true);
this.mark();
},
location: function () {
this.div.id = 'format-hide';
this.div.className = 'box pad box_artists';
this.loc.parentNode.insertBefore(this.div, this.loc);
},
makeSpan: function (t) {
const s = document.createElement('span');
s.dataset.type = t;
s.textContent = t.replace(/(?:\/|\\)/, '');
s.id = 'gtfv__' + encodeURIComponent(t);
s.className = 'gtfv__item';
return s;
},
create: function (formats) {
return formats.map(this.makeSpan).forEach(s => {
this.fra.appendChild(s);
this.fra.appendChild(document.createTextNode(' '));
});
},
generate: function () {
this.create(this.typ);
this.fra.appendChild(document.createElement('br'));
this.create(this.cod);
this.fra.appendChild(document.createTextNode(' \u00D7 '));
this.create(this.enc);
this.fra.appendChild(document.createElement('br'));
this.create(this.lch);
this.div.appendChild(this.fra);
},
change: function (e) {
const el = e.onTarget,
type = el.dataset.type,
idx = this.hid.indexOf(type),
media = (this.typ.indexOf(type) !== -1);
el.classList.toggle('hider-f');
console.log('change', type, `isMedia: ${idx === -1}`);
if (idx === -1) { // not found, add this type to the array of hidden formats
this.hid.push(type);
this.toggle(this.hid, media, false);
} else { // found, remove this type
this.hid.splice(idx, 1);
this.toggle([type], media, true);
}
console.log(this.hid);
},
createRegExp: function (formats, isMedia) {
// console.log('createRegExp for', formats, isMedia);
let reg = isMedia ? '\\b' : '';
reg += '(?:' + formats.join('|') + ')\\b';
reg = new RegExp(reg, 'i');
return reg;
},
toggle: function (formats, isMedia, show) {
console.debug('toggle', {formats, isMedia, show});
const regex = formats.length > 0 ? this.createRegExp(formats, isMedia) : null;
let root = ''
if (regex) {
strg.save('togglesettings2', this.hid);
if (processors.top10.enabled) {
root = 'top10';
} else if (isMedia) {
root = 'media';
} else {
root = 'general';
}
processors.$exec(root, regex, show);
}
},
mark: function () {
console.log('mark');
Array.from(this.hid)
.map(text => document.getElementById('gtfv__' + encodeURIComponent(text)))
.forEach(el => el.classList.add('hider-f'));
},
click: function (el) {
let evt;
if (el.click) {
el.click();
} else {
evt = document.createEvent('MouseEvents');
evt.initEvent('click', true, true);
el.dispatchEvent(evt);
}
}
};
const processors = {
$exec: function (root, regex, show) {
const action = show ? 'show' : 'hide';
const t = processors[root];
Array.from(t.elements())
.filter(e => regex.test(e.textContent))
.map(t.toElement)
.forEach(t[action]);
},
general: {
elements: () => (document.getElementById('discog_table') || document.querySelector('.torrent_table')).querySelectorAll('a[href^="torrents.php?id="],a[onclick]'),
toElement: e => e.parentNode.parentNode,
show: e => e.removeAttribute('style'),
hide: e => e.setAttribute('style', 'display:none')
},
top10: {
enabled: document.location.pathname === '/top10.php',
elements: () => Array.from(document.querySelectorAll('.torrent_table .group_info strong')).map(e => e.nextSibling),
toElement: e => e.parentElement.parentElement.parentElement
},
media: {
elements: () => document.querySelectorAll('.edition_info > strong'),
toElement: e => e.querySelector('a'),
show: e => e.textContent !== '-' && hide.click(e),
hide: e => e.textContent !== '+' && hide.click(e)
}
};
hide.init();
}());