☰

WTL-LAB Parser

Mejoras para la legibilidad de los capítulos

// ==UserScript==
// @name         WTL-LAB Parser
// @description  Mejoras para la legibilidad de los capítulos
// @version      2.0.14
// @copyright    2024, trystan4861 (https://openuserjs.org/users/trystan4861)
// @license      MIT
// @author       trystan4861
// @namespace    https://wtr-lab.com/
// @match        https://wtr-lab.com/es/serie-*/*
// @icon         https://wtr-lab.com/images/favicon.png
// @homepageURL  https://openuserjs.org/scripts/trystan4861/WTL-LAB_Parser
// @grant        GM_addStyle
// ==/UserScript==

// ==OpenUserJS==
// @author       trystan4861
// ==/OpenUserJS==

/* jshint esversion: 11 */

(function () {
    'use strict';

    const config = {
        delay: 10000,
        estilos: {
            fondoResaltado: "yellow",
            fondoMarcado: "red",
            textoResaltado: "black",
            textoMarcado: "black",
        },
        filtros: {
            toHideEqual: [".", "Xinbiquge"],
            toHideIncludes: [".c0m", ".com"],
            toBreak: ["la versión web es lento", "En el vasto universo, el nacimiento"],
            toDelete: ["window._taboola", "Recordatorio: si descubre que hacer clic"],
        },
        parseW: ["a-miracle-at-the-beginning"],
    };

    const store = {
        ultimaPalabraVisible: null,
        scrollTimeout: null,
        direccionScroll: "down",
        ultimaPosicionScroll: window.scrollY,
        esPrimeraVez: true,
        mutationTimeout: null,
        ultimaPalabraMarcada: null,
        chapterTitle: "",
        sustitutes: {
            RPDC: "corte",
            Yelvzong: "Yelu Zong",
            Yeluzong: "Yelu Zong",
            Yelv: "Yelu",
            Chase: "Perseguidle",
            "【Consejo:": "【Info:",
        },
        transforms: {
            Shangshu: "Ministro",
        },
    };

    GM_addStyle(`
        .resaltado {
            background-color: ${config.estilos.fondoResaltado};
            color: ${config.estilos.textoResaltado};
        }
        .marked {
            background-color: ${config.estilos.fondoMarcado};
            color: ${config.estilos.textoMarcado};
        }
    `);

    function tipoFiltro(texto) {
        const { toBreak, toDelete } = config.filtros;
        if (toBreak.some(filtro => texto.includes(filtro))) return "break";
        return toDelete.some(filtro => texto.includes(filtro)) ? "delete" : null;
    }

    function check2Hide(span) {
        const { toHideIncludes, toHideEqual } = config.filtros;
        if (toHideIncludes.some(t => span.textContent.toLowerCase().includes(t)) ||
            toHideEqual.some(t => span.textContent.trim() === t)) {
            span.style.display = "none";
            return true;
        }
        return false;
    }

    function detectarDireccionScroll() {
        const posicionActual = window.scrollY;
        store.direccionScroll = posicionActual > store.ultimaPosicionScroll ? "down" : "up";
        store.ultimaPosicionScroll = posicionActual;
    }

    function quitarEspacioEntreNumeroYW(texto) {
        const regex = /(\d+(\,\d+)?)(\s)W(?![a-zA-Z0-9])/g;
        return texto.replace(regex, (match, p1) => p1 + "W");
    }

    const localeNumber = s => /^\d{4,}$/.test(String(s).trim()) ? String(s).trim().replace(/\B(?=(\d{3})+(?!\d))/g, ".") : s;
    const fixNumber = s => /^\d+\.\d{2}\.000$/.test(s) ? localeNumber(Number(s.replace(/\./g, '').slice(0, -3)) * 10**2) : s;
    const parseW = palabra => palabra.replace(/([\w]+)?\*?(\d+[\.,]?\d*)[wW](?=\b|\.|$)/g, (_, str, n) => `${str}${str ? '*' : ''}${localeNumber(parseFloat(n.replace(',', '.')) * 10**4)}`);

    const parseE = palabra => palabra.replace(/(\d+([,|\.]\d+)?)[eE]/g, (_, n) => localeNumber(parseFloat(n.replace(',', '.')) * 10**8));
    const parseAll= s => localeNumber(fixNumber(parseW(parseE(s))));

    function sustituirPalabraSwap(texto) {
        const patrones = Object.keys(store.transforms).join("|");
        const regex = new RegExp(`(\\w+)\\s+(${patrones})`, "g");
        return texto.replace(regex, (_, palabra, termino) =>
            `${store.transforms[termino]} ${palabra}`
        );
    }

    function sustituirPalabra(palabra) {
        const regex = new RegExp(`^(${Object.keys(store.sustitutes).join("|")})(\\W.*)?$`);
        return palabra.replace(regex, (_, base, sufijo) =>
            (store.sustitutes[base] || base) + (sufijo || "")
        );
    }

    function getSpansFrom(parrafo) {
        parrafo.innerHTML = parrafo.textContent.trim()
            .split(" ")
            .map(palabra => `<span class="marcable">${sustituirPalabra(parseAll(palabra))} </span>`)
            .join("");
        return Array.from(parrafo.querySelectorAll("span.marcable"));
    }

    function marcarSpan(span) {
        if (store.ultimaPalabraMarcada) {
            store.ultimaPalabraMarcada.element.classList.remove("marked");
            if (store.ultimaPalabraMarcada.element === span) {
                store.ultimaPalabraMarcada = null;
                return;
            }
        }
        span.classList.add("marked");
        store.ultimaPalabraMarcada = { element: span, tiempoMarcado: Date.now() };
    }

    function main() {
        if (!store.chapterTitle) {
            store.chapterTitle = document.querySelector(".chapter-title")?.innerText;
        }
        if (!store.chapterTitle) return;

        store.esPrimeraVez = true;
        store.ultimaPalabraVisible = null;

        let hideAll = false;
        document.querySelectorAll("p").forEach(parrafo => {
            const filtro = tipoFiltro(parrafo.textContent);
            hideAll = hideAll || filtro === "break";
            if (hideAll || filtro === "delete") {
                parrafo.style.display = "none";
                return;
            }
            parrafo.textContent = sustituirPalabraSwap(parrafo.textContent.trim());
            parrafo.textContent = quitarEspacioEntreNumeroYW(parrafo.textContent);
            const spans = getSpansFrom(parrafo);
            spans.forEach(span => {
                if (check2Hide(span)) return;
                observer.observe(span);
                span.addEventListener("click", () => marcarSpan(span));
            });
        });

        if (store.ultimaPalabraMarcada && document.contains(store.ultimaPalabraMarcada.element)) {
            store.ultimaPalabraMarcada.element.classList.add("marked");
        }
    }

    const observer = new IntersectionObserver((entradas) => {
        const ultimaVisible = entradas.filter(e => e.isIntersecting).at(-1)?.target;
        if (!ultimaVisible) return;
        if (store.esPrimeraVez) {
            store.ultimaPalabraVisible?.classList.remove("resaltado");
            ultimaVisible.classList.add("resaltado");
            store.ultimaPalabraVisible = ultimaVisible;
            store.esPrimeraVez = false;
            return;
        }
        if (store.direccionScroll === "down" && ultimaVisible !== store.ultimaPalabraVisible) {
            clearTimeout(store.scrollTimeout);
            store.scrollTimeout = setTimeout(() => {
                store.ultimaPalabraVisible?.classList.remove("resaltado");
                ultimaVisible.classList.add("resaltado");
                store.ultimaPalabraVisible = ultimaVisible;
            }, config.delay);
        }
    }, { threshold: 1.0 });

    const mutationObserver = new MutationObserver(() => {
        const nuevoTitulo = document.querySelector(".chapter-title")?.innerText;
        if (nuevoTitulo !== store.chapterTitle) {
            store.chapterTitle = nuevoTitulo;
            clearTimeout(store.mutationTimeout);
            store.mutationTimeout = setTimeout(main, 100);
        }
    });

    if (document.querySelector(".chapter-title")) {
        const contenedorPrincipal = document.body;
        mutationObserver.observe(contenedorPrincipal, { childList: true, subtree: true });
        window.addEventListener("scroll", detectarDireccionScroll);
        window.addEventListener("load", main);
    }
})();