// ==UserScript==
// @name         opgg去广告
// @namespace    http://akiyamamio.online/
// @version      0.0.3
// @description  去除opgg 英雄联盟,云顶之弈,无畏契约的左侧视屏广告
// @author       alive
// @match        *://*.op.gg/*
// @icon         https://s-lol-web.op.gg/favicon.ico
// @license      MIT
// @grant        none
// @run-at       document-end
// @downloadURL none
// ==/UserScript==

//Immediately invoked function expression
//立即执行函数表达式
(function () {
    // 启用严格模式
    'use strict';

    // Config对象
    function Config(configName, url, adSelectorMap) {
        this.configName = configName;
        this.url = url;
        this.adSelectorMap = adSelectorMap;
        this.getADSelector = function () {
            let adSelectorArray = []; // 使用数组存储键
            this.adSelectorMap.forEach((value, key, map) => {
                adSelectorArray.push(value); // 将键放入数组中
            });
            return adSelectorArray.join(",");
        };
    }

    // 动态创建Config的函数，根据当前URL匹配并创建
    function createConfigIfMatch(configName, urlPattern, adSelectorMap) {
        const currentUrl = window.location.href; // 获取当前页面的URL
        const pattern = new RegExp(urlPattern); // 创建正则表达式

        // 判断当前URL是否匹配指定的URL模式
        if (pattern.test(currentUrl)) {
            return new Config(configName, urlPattern, adSelectorMap);
        }
        return null; // 如果不匹配则返回null
    }

    // 动态创建多个配置对象
    const configs = [
        createConfigIfMatch(
            "LOL_Config",
            ".*://www.op.gg/.*",
            new Map([
                ["移动视屏", "#opgg-video"],
                ["侧边视频", "#primisPlayerContainerDiv"],
                ["中部横幅", "#banner-container"],
                ["顶部横幅", "#opgg-kit-house-image-banner"],
                ["英雄数据及个人资料-左右侧", ".vm-skin"],
                ["底部弹出", ".vm-footer"],
                ["中部横幅", ".eaw4xvd0"],
                ["游戏模式-左右侧-父类", ".eaw4xvd1"],
                ["游戏模式-左右侧", ".eaw4xvd2"],
                ["英雄数据右下", ".eaw4xvd3"],
                ["插入横幅", ".eaw4xvd4"],
                ["底部横幅", ".eaw4xvd5"],
            ])
        ),
        createConfigIfMatch(
            "TFT_Config",
            ".*://tft.op.gg/.*",
            new Map([
                ["移动视屏", "#video-meta-trend-ad"],
                ["广告0", "#video-tools-ad"],
                ["左右侧", ".css-13lit7a"],
                ["中部横幅", ".desktop"],
                ["中部横幅", ".css-1t8t0it"],
            ])
        ),
        createConfigIfMatch(
            "V_Config",
            ".*://valorant.op.gg/.*",
            new Map([
                ["移动视屏", "#video-leaderboards-ad"],
                ["广告0", "#video-stats-ad"],
                ["广告1", "#video-crosshair-ad"],
                ["广告2", "#video-agents-ad"],
                ["广告3", "#video-weapons-ad"],
                ["左右侧", ".ad"],
                ["横幅", ".ad--desktop"],
            ])
        )
    ].filter(config => config !== null); // 过滤掉没有匹配的配置

    // 处理匹配到的第一个Config
    if (configs.length > 0) {
        const matchedConfig = configs[0]; // 使用匹配到的第一个配置
        // console.clear();
        console.log("匹配到的配置:", matchedConfig.configName);
        console.log("广告选择器映射:", matchedConfig.adSelectorMap);
        let adSelector = matchedConfig.getADSelector();
        // 观察DOM并自动隐藏
        const observer = new MutationObserver(function (mutations) {
            mutations.forEach(function (mutation) {
                // 监控子节点的变化
                if (mutation.type === 'childList') {
                    const elements = document.querySelectorAll(adSelector);
                    elements.forEach(function (element) {
                        if (element && element.style.display !== 'none') {
                            element.style.display = 'none';
                            console.log("隐藏广告:", element);
                        }
                    });
                }
                // 监控属性（style）的变化
                if (mutation.type === 'attributes' && mutation.attributeName === 'style') {
                    const element = mutation.target;
                    if (element && element.matches(adSelector) && element.style.display !== 'none') {
                        element.style.display = 'none';
                        console.log("隐藏广告（style属性变化）:", element);
                    }
                }
            });
        });

        // 开始观察DOM的变化，除了childList和subtree，添加attributes属性监听
        observer.observe(document.body, {
            childList: true,        // 监听子元素的添加或删除
            subtree: true,          // 监听所有子节点
            attributes: true,       // 监听属性变化
            attributeFilter: ['style'] // 只监听`style`属性的变化
        });
    } else {
        console.log("没有找到匹配的配置");
    }

})();