// ==UserScript==
// @name         Make BiliBili Grate Again
// @namespace    https://www.kookxiang.com/
// @version      1.4.0
// @description  useful tweaks for bilibili.com
// @author       kookxiang
// @match        https://*.bilibili.com/*
// @grant        unsafeWindow
// @downloadURL none
// ==/UserScript==

let customStyle = ``

// 动态页面优化
if (location.host === "t.bilibili.com") {
    customStyle += `
body[wide] #app {
    display: flex;
}

body[wide] .bili-dyn-home--member {
    box-sizing: border-box;
    padding: 0 10px;
    width: 100%;
    flex: 1;
}

body[wide] .bili-dyn-content {
    width: initial;
}

body[wide] main {
    margin: 0 8px;
    flex: 1;
    overflow: hidden;
    width: initial;
}

#wide-mode-switch {
    margin-left: 0;
    margin-right: 20px;
}
`
    if (!localStorage.WIDE_OPT_OUT) {
        document.body.setAttribute('wide', 'wide')
    }
    window.addEventListener('load', function(){
        const tabContainer = document.querySelector('.bili-dyn-list-tabs__list')
        const placeHolder = document.createElement('div')
        placeHolder.style.flex = 1
        const switchButton = document.createElement('a')
        switchButton.id = 'wide-mode-switch'
        switchButton.className = 'bili-dyn-list-tabs__item'
        switchButton.textContent = '宽屏模式'
        switchButton.addEventListener('click', function(e) {
            e.preventDefault()
            if (localStorage.WIDE_OPT_OUT) {
                localStorage.removeItem('WIDE_OPT_OUT')
                document.body.setAttribute('wide', 'wide')
            } else {
                localStorage.setItem('WIDE_OPT_OUT', '1')
                document.body.removeAttribute('wide')
            }
        })
        tabContainer.appendChild(placeHolder)
        tabContainer.appendChild(switchButton)
    })
}

// 去广告
if (unsafeWindow.__INITIAL_STATE__) {
    unsafeWindow.__INITIAL_STATE__.adData = {};
}
if (unsafeWindow.__INITIAL_STATE__?.locsData) {
    for (const key in unsafeWindow.__INITIAL_STATE__.locsData) {
        if (!Array.isArray(unsafeWindow.__INITIAL_STATE__.locsData[key])) {
            continue;
        }
        unsafeWindow.__INITIAL_STATE__.locsData[key] = unsafeWindow.__INITIAL_STATE__.locsData[key].filter(x => !x.is_ad)
    }
}

// 去充电列表（叔叔的跳过按钮越做越小了，就尼玛离谱）
if (unsafeWindow.__INITIAL_STATE__?.elecFullInfo) {
    delete unsafeWindow.__INITIAL_STATE__.elecFullInfo;
}

// 修复文章区复制
if (location.href.startsWith('https://www.bilibili.com/read/cv')) {
    unsafeWindow.original.reprint = "1"
    document.querySelector('.article-holder').classList.remove("unable-reprint")
    document.querySelector('.article-holder').addEventListener('copy', e => e.stopImmediatePropagation(), true)
}

// 去 P2P CDN
if (location.href.startsWith('https://www.bilibili.com/video/') || location.href.startsWith('https://www.bilibili.com/bangumi/play/')) {
    let cdnDomain

    try {
        [ cdnDomain ] = document.head.innerHTML.match(/up[\w-]+\.bilivideo\.com/)
    } catch(e) {}

    (function(open) {
        unsafeWindow.XMLHttpRequest.prototype.open = function() {
            try {
                const urlObj = new URL(arguments[1]);
                if (urlObj.hostname.endsWith(".mcdn.bilivideo.cn")) {
                    urlObj.host = cdnDomain || 'upos-sz-mirrorcoso1.bilivideo.com'
                    urlObj.port = 443
                    console.warn(`更换视频源: ${urlObj.host}`);
                    arguments[1] = urlObj.toString()
                } else if (urlObj.hostname.endsWith(".szbdyd.com")) {
                    urlObj.host = urlObj.searchParams.get('xy_usource');
                    urlObj.port = 443;
                    console.warn(`更换视频源: ${urlObj.host}`);
                    arguments[1] = urlObj.toString();
                }
            } finally {
                return open.apply(this, arguments)
            }
        };
    })(unsafeWindow.XMLHttpRequest.prototype.open);

}

// 视频裁切
if (location.href.startsWith('https://www.bilibili.com/video/')) {
    customStyle += `
body[video-fit] #bilibili-player video {
    object-fit: cover;
}

.bpx-player-ctrl-setting-fit-mode {
    display: flex;
    width: 100%;
    height: 32px;
    line-height: 32px;
}

.bpx-player-ctrl-setting-box .bui-panel-wrap,
.bpx-player-ctrl-setting-box .bui-panel-item {
    min-height: 172px !important;
}
`
    let timer;
    function toggleMode(enabled) {
        if (enabled) {
            document.body.setAttribute('video-fit', '')
        } else {
            document.body.removeAttribute('video-fit')
        }
    }
    function injectButton() {
        if (!document.querySelector('.bpx-player-ctrl-setting-menu-left')) {
            return
        }
        clearInterval(timer)
        const parent = document.querySelector('.bpx-player-ctrl-setting-menu-left')
        const item = document.createElement('div')
        item.className = 'bpx-player-ctrl-setting-fit-mode bui bui-switch'
        item.innerHTML = '<input class="bui-switch-input" type="checkbox"><label class="bui-switch-label"><span class="bui-switch-name">裁切模式</span><span class="bui-switch-body"><span class="bui-switch-dot"><span></span></span></span></label>'
        parent.insertBefore(item, document.querySelector('.bpx-player-ctrl-setting-more'))
        document.querySelector('.bpx-player-ctrl-setting-fit-mode input').addEventListener('change', e => toggleMode(e.target.checked))
        document.querySelector('.bpx-player-ctrl-setting-box .bui-panel-item').style.height = ''
    }
    timer = setInterval(injectButton, 200)
}

const style = document.createElement('style')
style.textContent = customStyle
document.head.appendChild(style)