Filter seasonal anime by score/members (userscript)

// ==UserScript==
// @name         MAL Seasonal anime browser
// @namespace    martixy
// @version      2025-09-09
// @description  Make browsing the seasonal anime list easier.
// @author       martixy
// @match        https://myanimelist.net/anime/season*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=myanimelist.net
// @grant        GM_addStyle
// ==/UserScript==

'use strict';
console.clear()

const FILTER_BELOW_SCORE = 5.0
const FILTER_BELOW_MEMBERS = 5000
const HIDE_CONTINUING_SHOWS = true
const BLUR_STRENGTH = 1 /* Noticeable at a glance, but still readable */


/**
 * data-status
 * 0 = Add to list (none)
 * 1 = Watching
 * 2 = Completed
 * 3 = On Hold
 * 4 = Dropped
 * 6 = Plan to watch
 */

let style = /*css*/`
.seasonal-anime:has([data-status="2"]) {
    filter: blur(${BLUR_STRENGTH}px);
}
.mx-hide,
.mx-hide-slop .mx-slop {
    display: none !important; /* Some elements down the page get an element style */
}
`
GM_addStyle(style)

let allCategories = document.querySelector('.js-categories-seasonal')
let continuingShows = document.querySelector('.seasonal-middle+.js-seasonal-anime-list-key-1')

let header = document.querySelector('.anime-header')
let removedCount = 0

document.querySelectorAll('.seasonal-anime').forEach(el => {
    let score = Number(el.querySelector('.js-score').textContent.trim()) || FILTER_BELOW_SCORE //rating can be N/A = 0 (obscure or not-yet-aired shows)
    let members = Number(el.querySelector('.js-members').textContent.trim())
    // console.log(el.querySelector('.js-title').textContent, score, members, score < FILTER_BELOW_SCORE || members < FILTER_BELOW_MEMBERS)

    let parentHeader = el.parentElement.firstElementChild
    if (parentHeader !== header) {
        header.textContent += ` [${removedCount}]`
        removedCount = 0
        header = parentHeader
    }

    if (score < FILTER_BELOW_SCORE || members < FILTER_BELOW_MEMBERS) {
        el.classList.add('mx-slop')
        removedCount++ //Includes ones hidden by your other filters (e.g. kids shows)
        // if (score > 7.5) console.log(el.querySelector('.js-title').textContent, score) //Almost universally chinese/korean shows (and very rare)
    }
})
header.textContent += ` [${removedCount}]`
allCategories.classList.add('mx-hide-slop')
if (HIDE_CONTINUING_SHOWS) continuingShows.classList.add('mx-hide')


/**
 * @param {KeyboardEvent} ev
 */
function kbHandler(ev) {
    // console.log(ev)
    if (ev.target instanceof HTMLInputElement) return
    if (ev.ctrlKey || ev.shiftKey || ev.altKey) return
    switch (ev.code) {
        case 'Escape': {
            allCategories.classList.toggle('mx-hide-slop')
            break
        }
        case 'Backquote': {
            continuingShows.classList.toggle('mx-hide')
            break
        }
    }
}
document.addEventListener('keydown', kbHandler)