☰

Greasy Fork is available in English.

colgThemeFilter

使用正则表达式根据用户设置的关键词过滤主题

// ==UserScript==
// @name         colgThemeFilter
// @namespace    http://tampermonkey.net/
// @version      0.3
// @description  使用正则表达式根据用户设置的关键词过滤主题
// @author       Genmaicha
// @license      MIT
// @match        https://bbs.colg.cn/forum*
// @icon         https://static.colg.cn/image/mobile/images/app-icon.png
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    const searchUrl = "https://bbs.colg.cn/search.php?mod=forum_list&";

    var platformType;
    const platform = {
        "电脑版": {
            "userMenu": "#um",
            "threadList": "#threadlisttableid",
            "titleBlock": "tbody",
            "titleTag": ".s.xst",
            "newTitleBlock": ".newthread"
        },
        "触屏版": {
            "userMenu": ".footer",
            "threadList": ".threadlist",
            "titleBlock": "li",
            "titleTag": "a",
            "newTitleBlock": ""
        },
        "标准版": {
            "userMenu": ".pd2",
            "threadList": ".bm",
            "titleBlock": ".bm_c",
            "titleTag": "a",
            "newTitleBlock": ""
        }
    }
    const titleStyle = [{
        "id": "prefer",
        "head": "偏好主题",
        "styles": {
            "高亮": "background: #2B65B7;color: #fff;",
            "红色": "font-weight: bold;color: #EE1B2E;",
            "自定义": ""
        }
    }, {
        "id": "disgust",
        "head": "厌恶主题",
        "styles": {
            "删除线": "text-decoration-line: line-through;",
            "隐藏": "display: none;",
            "自定义": ""
        }
    }]

    Main();

    function Main() {
        checkPlatForm();
        createSettingAnchor();
        updateAllTheme();
        observeNewTheme();
    }

    function checkPlatForm() {
        for (let key in platform) {
            let queryStr = platform[key];
            let userMenu = document.querySelector(queryStr["userMenu"]);
            if (userMenu) {
                platformType = key;
                continue;
            }
        }
        if (!platformType) {
            alert("未识别平台类型，无法获取页面信息");
            return;
        }
        window.addEventListener('load', function() {
            if (platformType == "触屏版") {
                try {
                    // 简化界面
                    let callUpContainer = document.getElementById("callUpContainer");
                    callUpContainer.style.display = "none";
                    // 搜索选项
                    let logo = document.querySelector('.logo-icon');
                    logo.outerHTML = `<select>
                    <option value=3>全文</option>
                    <option value=4>标题</option>
                    <option value=2>用户</option>
                    </select>`
                    // 搜索框
                    let serchContainer = document.querySelector('.search-container');
                    serchContainer.removeAttribute('onclick');
                    serchContainer.style = "margin-left: 15px;";
                    let marquee = serchContainer.querySelector('.marquee');
                    marquee.style.display = 'none';
                    let input = serchContainer.querySelector('input');
                    input.type = "search";
                    input.addEventListener('search',onSearchButtonClick);
                } catch (e) {
                    window.console.log(e);
                }
            }
        })
    }

    async function onSearchButtonClick(e){
        let select = e.target.parentElement.previousElementSibling;
        let type = select.options[select.selectedIndex].value;
        let keyword = e.target.value;
        let url = searchUrl + `type=${type}&keyword=${keyword}`;
        window.location.href = url;
    }

    function createSettingAnchor() {
        let anchor = document.createElement('a');
        anchor.href = "javascript:void(0);";
        anchor.textContent = "主题过滤器";
        anchor.addEventListener('click', callDialog);
        let userMenu = document.querySelector((platform[platformType])["userMenu"]);
        let p = userMenu.querySelector('p');
        if (!p) {
            userMenu.appendChild(anchor);
            return;
        }
        p.appendChild(anchor);
    }

    function callDialog() {
        let userMenu = document.querySelector((platform[platformType])["userMenu"]);
        let dialog = userMenu.querySelector('dialog');
        if (!dialog) {
            let closeButton = document.createElement('button');
            closeButton.textContent = "x";
            closeButton.style = "position:absolute;top:0;right:0;border:none;";
            closeButton.addEventListener('click', closeDialog);
            let form = createSettingForm();
            dialog = document.createElement('dialog');
            dialog.appendChild(closeButton);
            dialog.appendChild(form);
            userMenu.appendChild(dialog);
        }
        if (typeof dialog.showModal != 'function') {
            alert("不支持dialog API,请升级你的浏览器");
            return;
        }
        dialog.showModal();
    }

    function createSettingForm() {
        let div = document.createElement('div');
        let setting = !localStorage.setting ? {} : JSON.parse(localStorage.setting);
        for (let item of titleStyle) {
            let ul = document.createElement('ul');
            ul.id = item.id;
            let headli = document.createElement('li');
            headli.innerHTML = item.head;
            ul.appendChild(headli);
            let selectli = document.createElement('li');
            let select = document.createElement('select');
            let subsetting = setting[item.id] || {};
            for (let key in item.styles) {
                let option = document.createElement('option');
                if (subsetting && subsetting.head && subsetting.head == key) {
                    option.setAttribute('selected', "");
                    option.value = subsetting.style;
                } else {
                    option.value = (item.styles)[key];
                }
                option.textContent = key;
                select.appendChild(option);
            }
            select.addEventListener('change', function(e) {
                let input = e.target.nextElementSibling;
                input.value = e.target.options[select.selectedIndex].value;
            });
            let input = document.createElement('input');
            input.size = 35;
            input.style = "margin-left:10px;"
            input.value = select.options[select.selectedIndex].value;
            selectli.appendChild(select);
            selectli.appendChild(input);
            ul.appendChild(selectli);
            let datali = document.createElement('li');
            let keyword = !subsetting ? "" : subsetting["keyword"];
            datali.innerHTML = `关键词</br><textarea rows="5" cols="50" placeholder="任意关键词1|关键词2|关键词3">${keyword}</textarea>`
            ul.appendChild(datali);
            div.appendChild(ul);
        }
        let p = document.createElement('p');
        p.style = "text-align: center;";
        p.appendChild(createButton("保存", onSaveButtonClick));
        p.appendChild(createButton("取消", closeDialog));
        div.appendChild(p);
        return div;
    }

    function createButton(text, event) {
        let button = document.createElement('button');
        button.textContent = text;
        button.style = "margin-right:30px;";
        button.addEventListener('click', event);
        return button;
    }

    function onSaveButtonClick(e) {
        let p = e.target.parentElement;
        let div = p.parentElement;
        let uls = div.querySelectorAll('ul');
        let setting = {};
        for (let i = 0; i < uls.length; i++) {
            let ul = uls[i];
            let select = ul.querySelector('select');
            let input = ul.querySelector('input');
            let textarea = ul.querySelector('textarea');
            setting[ul.id] = {
                "head": select.options[select.selectedIndex].text,
                "style": input.value,
                "keyword": textarea.value
            }
        }
        localStorage.setting = JSON.stringify(setting);
        localStorage.themeRecord = "";
        closeDialog();
        alert("保存成功");
        updateAllTheme();
    }

    function closeDialog() {
        let dialog = document.querySelector('dialog');
        if (!dialog) {
            return;
        }
        dialog.close();
    }

    function updateAllTheme() {
        let threadList = document.querySelector((platform[platformType])["threadList"]);
        if (!threadList) {
            return;
        }
        let anchorParent = threadList.querySelectorAll((platform[platformType])["titleBlock"]);
        updateThemeStyle(anchorParent);
    }

    function observeNewTheme() {
        let threadList = document.querySelector((platform[platformType])["threadList"]);
        if(!threadList){
            return;
        }
        const config = { childList: true };
        const threadListOBS = new MutationObserver(updatePartTheme);
        threadListOBS.observe(threadList, config);
    }

    function updatePartTheme() {
        let threadList = document.querySelector((platform[platformType])["threadList"]);
        let anchorParent = threadList.querySelectorAll((platform[platformType])["newTitleBlock"]);
        if(!anchorParent){
            return;
        }
        updateThemeStyle(anchorParent);
    }

    function updateThemeStyle(anchorParent) {
        if (!localStorage.setting) {
            alert("请点击主题过滤器设置关键词");
            return;
        }
        let setting = JSON.parse(localStorage.setting);
        let themeRecord = !localStorage.themeRecord ? {} : JSON.parse(localStorage.themeRecord);
        for (let parent of anchorParent) {
            let anchor = parent.querySelector((platform[platformType])["titleTag"]);
            if (!anchor) {
                continue;
            }
            let id = anchor.href.match("\\d{2,}").toString();
            let title = anchor.textContent;
            if (themeRecord[id]) {
                anchor.style = themeRecord[id];
            } else {
                for (var key in setting) {
                    let subsetting = setting[key];
                    let keyword = subsetting["keyword"];
                    if (title.search(keyword) != -1) {
                        let style = subsetting["style"];
                        anchor.style = style;
                        themeRecord[id] = style;
                    }
                }
            }
            if (anchor.style.display == 'none') {
                block.style.display = 'none';
            }
        }
        localStorage.themeRecord = JSON.stringify(themeRecord);
    }

})();