Display only the 1st post of a game thread. Also, remove other content from the thread.
// ==UserScript==
// @name F95 Game Post Only
// @namespace 1330126-edexal
// @match *://f95zone.to/threads/*
// @grant GM.setValue
// @grant GM.listValues
// @grant GM.deleteValue
// @icon https://external-content.duckduckgo.com/ip3/f95zone.to.ico
// @license Unlicense
// @version 3.7.0
// @author Edexal
// @description Display only the 1st post of a game thread. Also, remove other content from the thread.
// @homepageURL https://sleazyfork.org/en/scripts/522360-f95-game-post-only
// @supportURL https://github.com/Edexaal/scripts/issues
// @require https://cdn.jsdelivr.net/gh/Edexaal/scripts@20abbf4a49807e7d11a081eb3a8573d0cab83c1f/_lib/utility.js
// ==/UserScript==
(async () => {
const labels = {
breadcrumbs: 'breadcrumbs',
footer: 'footer',
reply: 'reply',
recommend: 'recommend',
account: 'account',
navbar: 'navbar',
close: 'close',
first_post: 'first_post',
refresh: 'refresh'
};
//Apply custom styles in a style tag
Edexal.addCSS(`
header.message-attribution {
position: relative;
}
#vm-gpo {
z-index: 999999;
&.tooltip {
top: 25px;
right: 20px;
}
div.tooltip-content-inner {
display:flex;
justify-content: center;
align-items: center;
flex-direction: column;
border-radius: 10px;
}
h2 {
margin-bottom: 0;
text-shadow: 1px 2px 3px rgb(0 0 0 / 0.6),
2px 4px 5px rgb(0 0 0 / 0.33),
3px 6px 7px rgb(0 0 0 / 0.1);
}
ul {
width: 100%;
padding: 0;
li {
list-style: none;
text-align: center;
input {
opacity: 0;
position: absolute;
top: 0vh;
}
label {
display: block;
font-size: 1.5rem;
color: yellow;
padding: 0.625rem 0;
border-radius: 8px;
border: 1px solid black;
transition: opacity 375ms, transform 125ms, background-color .15s;
&[for="close"] {
color: #ffcb00;
}
&[for="refresh"] {
color: #fda03d;
font-size: 1.35rem;
}
}
}
}
}
#vm-gpo {
label{
&:hover {
cursor: pointer;
background-color: #822626;
}
&[for="refresh"]:hover {
background-color: #5d3c1f;
color: #f6f6b2;
}
&[for="close"]:hover {
background-color: #622;
}
&:active {
transform: scale(0.9);
}
}
}
#vmgpo-icon {
color: yellow;
transition: color .2s;
&:hover {
color: #f5a3a3;
cursor: pointer;
}
}
.tooltip--vmgpo {
max-width: 100%;
width: 250px;
padding: 0 15px;
}
.tooltip--vmgpo .tooltip-content {
background-color: #242629;
padding: 0;
border: 1px solid #343638;
box-shadow: 0 5px 10px 0 rgba(0,0,0,0.35);
}
.vmgpo-active {
background-color: #822626;
&:hover{
opacity: 0.6;
}
}
.p-footer {
z-index: auto;
}
`);
function createList(name, metaName, classNames) {
const li = Edexal.newEl({element: "li"});
const label = Edexal.newEl({element: "label", for: metaName});
if (!!classNames) {
label.classList.add(...classNames);
}
if (!!name) {
const txtNode = document.createTextNode(name);
label.append(txtNode);
}
const checkbox = Edexal.newEl({element: "input", type: "checkbox", name: metaName, id: metaName});
li.append(label, checkbox);
return li;
}
function createTooltip() {
const vmGPO = Edexal.newEl({element: "div", id: "vm-gpo", class: ["tooltip", "tooltip--vmgpo"]});
const vmGPOContent = Edexal.newEl({element: "div", class: ["tooltip-content"]});
const vmGPOInner = Edexal.newEl({element: "div", class: ["tooltip-content-inner"]});
const h2 = Edexal.newEl({element: "h2", text: "Game Post Settings"});
const ul = Edexal.newEl({element: "ul"});
const breadcrumbLI = createList("Breadcrumbs", labels.breadcrumbs);
const footerLI = createList("Footer", labels.footer);
const recommendLI = createList("Recommendations", labels.recommend);
const replyLI = createList("Reply", labels.reply);
const accountLI = createList("Account Items", labels.account);
const navbarLI = createList("Navigation Bar", labels.navbar);
const firstPostLI = createList("First Post Only", labels.first_post);
const refreshLI = createList("(Refresh Page)",labels.refresh);
const closeLI = createList("", labels.close, ['fas', 'fa-times-circle']);
closeLI.style.pointerEvents = "none";
closeLI.style.visibility = "hidden";
closeLI.style.position = "absolute";
ul.append(closeLI, refreshLI,firstPostLI, breadcrumbLI, footerLI, recommendLI, replyLI, accountLI, navbarLI);
vmGPOInner.append(h2, ul);
vmGPOContent.append(vmGPOInner);
vmGPO.append(vmGPOContent);
Edexal.$(".message-attribution").append(vmGPO);
}
function createIcon() {
const li = Edexal.newEl({element: 'li'});
const span = Edexal.newEl({
element: 'span',
class: ["fas", "fa-cog"],
id: "vmgpo-icon",
title: "Game post settings"
});
li.append(span);
Edexal.$('.message-attribution-opposite--list').prepend(li);
}
function setClickEvent(selector, callback) {
Edexal.$(selector).addEventListener('click', callback);
}
function setLabelEvent(labelName, callback) {
setClickEvent(`label[for="${labelName}"]`, callback);
}
function toggleSettingsEvent() {
const menu = Edexal.$('#vm-gpo');
menu.style.display = menu.style.display === 'initial' ? 'none' : 'initial';
}
function deleteEls(el) {
if (el instanceof NodeList) {
el.forEach((curVal) => {
curVal.remove();
});
} else if (el instanceof Element) {
el.remove();
} else {
console.error(`Unable to delete ${el}! Element is of type: ${typeof el}.`);
}
}
function toggleEvent(el, callback) {
const isActive = el.classList.toggle("vmgpo-active");
if (isActive) {
GM.setValue(el.getAttribute('for'), true);
if (callback)
callback();
} else {
GM.deleteValue(el.getAttribute('for'));
}
}
function removeFooter() {
let footer = Edexal.$("#footer.p-footer");
deleteEls(footer);
}
function removeFooterEvent(e) {
toggleEvent(e.target, () => {
removeFooter();
});
}
function removeBreadcrumbs() {
let breadcrumb = Edexal.$$(".breadcrumb");
deleteEls(breadcrumb);
}
function removeBreadcrumbsEvent(e) {
toggleEvent(e.target, () => {
removeBreadcrumbs();
});
}
function removeAccountItems() {
let accIcon = Edexal.$("a.p-navgroup-link--user, .offCanvasMenu");
deleteEls(accIcon);
}
function removeAccountItemsEvent(e) {
toggleEvent(e.target, () => {
removeAccountItems();
});
}
function removeReplyItems() {
let replyForm = Edexal.$('form.js-quickReply');
!!replyForm ? deleteEls(replyForm) : null;
let replyActions = Edexal.$$('a.actionBar-action--mq, a.actionBar-action--reply');
!!replyActions ? deleteEls(replyActions) : null;
removeThreadWarning();
}
function removeReplyItemsEvent(e) {
toggleEvent(e.target, () => {
removeReplyItems();
});
}
function removeRecomendations() {
let recomendationSection = Edexal.$('div.block--similarContents');
!!recomendationSection ? deleteEls(recomendationSection) : null;
}
function removeRecomendationsEvent(e) {
toggleEvent(e.target, () => {
removeRecomendations();
});
}
function removePagination() {
let paginations = Edexal.$$('.pageNavWrapper--mixed');
if (!!!paginations.length) return;
//top pagination
let topPageContainer = paginations[0].parentNode.parentNode;
!!topPageContainer ? deleteEls(topPageContainer) : null;
//bottom pagination
let bottomPageContainer = paginations[1].parentNode.parentNode;
!!bottomPageContainer ? deleteEls(bottomPageContainer) : null;
}
function removeScrollbarBtns() {
let scrollbarContainer = Edexal.$('div.u-scrollButtons').parentNode;
!!scrollbarContainer ? deleteEls(scrollbarContainer) : null;
}
function removeNavbar() {
let navbar = Edexal.$('div#top > div:first-child');
deleteEls(navbar);
}
function removeNavbarEvent(e) {
toggleEvent(e.target, () => {
removeNavbar();
});
}
function removeThreadWarning() {
let warningBlock = Edexal.$('div.blockMessage.blockMessage--warning');
if (warningBlock) {
deleteEls(warningBlock);
}
}
function showFirstPostOnly() {
//Thread Post Container Ref
let opContainer = Edexal.$("article.message-threadStarterPost").parentNode;
opContainer.replaceChildren(opContainer.children.item(0));
removePagination();
}
function showFirstPostEvent(e) {
toggleEvent(e.target, () => showFirstPostOnly());
}
function removeDefaults() {
removeScrollbarBtns();
}
async function initSettings() {
const keys = await GM.listValues();
for (const labelName of keys) {
const labelEl = Edexal.$(`label[for="${labelName}"]`);
if (labelEl){
labelEl.classList.add('vmgpo-active');
}
switch (labelName) {
case labels.first_post:
showFirstPostOnly();
break;
case labels.breadcrumbs:
removeBreadcrumbs();
break;
case labels.footer:
removeFooter();
break;
case labels.reply:
removeReplyItems();
break;
case labels.recommend:
removeRecomendations();
break;
case labels.account:
removeAccountItems();
break;
case labels.navbar:
removeNavbar();
break;
default:
await GM.deleteValue(labelName);
break;
}
}
}
function isGameThread() {
let breadcrumbID = Edexal.$$("ul.p-breadcrumbs li:nth-of-type(3) a span[itemprop=name]");
let isGame = false;
if (!!breadcrumbID.length) {
breadcrumbID.forEach((curVal) => {
if (curVal.textContent.toLowerCase() === "Games".toLowerCase()) {
isGame = true;
}
});
}
return isGame;
}
/*Checks if thread is a GAME type*/
if (isGameThread()) {
createIcon();
createTooltip();
await initSettings();
removeDefaults();
setClickEvent('#vmgpo-icon', toggleSettingsEvent);
setLabelEvent(labels.first_post, showFirstPostEvent);
setLabelEvent(labels.breadcrumbs, removeBreadcrumbsEvent);
setLabelEvent(labels.footer, removeFooterEvent);
setLabelEvent(labels.recommend, removeRecomendationsEvent);
setLabelEvent(labels.reply, removeReplyItemsEvent);
setLabelEvent(labels.account, removeAccountItemsEvent);
setLabelEvent(labels.navbar, removeNavbarEvent);
setLabelEvent(labels.refresh, () => location.reload());
setLabelEvent(labels.close, toggleSettingsEvent);
}
})();