// ==UserScript==
// @name         标签页标题隐藏！隐私保护！
// @namespace    https://bbs.tampermonkey.net.cn/
// @version      0.2.0
// @description  是否还在担心你偷偷看小视频被别人发现？是否担心切去其他标签页的时候页面还在但标题暴露了你在看什么？那就试试这个吧！
// @author       i白羽
// @match        http*://*/*
// @grant        GM_getValue
// @noframes
// ==/UserScript==

/* ==UserConfig==
隐私保护设置:
    type:
        title: 隐藏方式
        description: 高斯模糊:使用高斯模糊直接隐藏内容|降低透明度:直接让整个页面变空白
        type: select
        default: 高斯模糊
        values: ["高斯模糊", "降低透明度"]
    isTransition:
        title: 渐变效果
        description: 渐变显示效果，transition实现
        type: checkbox
        default: true
    blur:
        title: 高斯模糊值(单位：px)
        description: 高斯模糊的值，如果选择直接隐藏，该配置不生效.
        type: number
        default: 80
    sleep:
        title: 延迟显示(单位：ms)
        description: 默认参数为1500ms,如果为0,立刻显示内容,当使用渐变效果,将会变成动画的持续效果,否则使用settimeout
        type: number
        default: 1500
    
 ==/UserConfig== */


const CONFIG = {
    type: GM_getValue("隐私保护设置.type", "高斯模糊" ) === "高斯模糊" ? "blur" : "opacity",
    isTransition: GM_getValue("隐私保护设置.isTransition") ?? true,
    blur: GM_getValue("隐私保护设置.blur") ?? 80,
    sleep: GM_getValue("隐私保护设置.sleep") ?? 1500
}

window.addEventListener('load', () => {
    const TITLE = document.title;


    const styleEl = document.createElement('style');
    styleEl.innerHTML = `
    .scriptcat-transition {
        transition-property: opacity, filter;
        transition-duration: ${CONFIG.sleep}ms;
    }
    .scriptcat-blur {
        filter: blur(${CONFIG.blur}px);
        
    }
    .scriptcat-opacity {
        opacity: 0;
    }
    `;
    document.body.append(styleEl);

    if (CONFIG.isTransition) {
        document.body.classList.add('scriptcat-transition');
    }

    window.addEventListener('focus', async () => {
        const handler = function () {
            document.title = TITLE;
            CONFIG.type === "blur" ?
                document.body.classList.remove('scriptcat-blur'):
                document.body.classList.remove('scriptcat-opacity');
            

        }

        if (!CONFIG.isTransition) {
            if (CONFIG.sleep !== 0) await new Promise(resolve => setTimeout(() => resolve(), CONFIG.sleep));
        }

        handler();

    });
    window.addEventListener('blur', () => {
        document.title = "好好学习，天天向上";
        CONFIG.type === "blur" ?
            document.body.classList.add('scriptcat-blur'):
            document.body.classList.add('scriptcat-opacity');
        
    })
})