AI 生成 - 哔哩哔哩 - 隐藏已看完的播放记录

自动隐藏已看完视频，支持热键（H）切换显示和隐藏。
换行
// ==UserScript==
// @name               AI 生成 - 哔哩哔哩 - 隐藏已看完的播放记录
// @name:en_US         AI-gen - BiliBili - Hide watched playlists
// @description        自动隐藏已看完视频，支持热键（H）切换显示和隐藏。
// @description:en_US  Auto-hide watched videos, with hotkey (H) to toggle display.
// @version            2.0.0
// @author             DeepSeek-R1、CPlayerCHN
// @license            MulanPSL-2.0
// @namespace          https://www.gitlink.org.cn/CPlayerCHN
// @match              https://www.bilibili.com/history
// @match              https://www.bilibili.com/account/history
// @icon               https://static.hdslb.com/images/favicon.ico
// @grant              GM_addStyle
// @run-at             document-start
// @noframes
// ==/UserScript==

(function() {
    'use strict';

    // 添加自定义样式
    GM_addStyle(`
        .bili-history-hidden {
            display: none !important;
        }
        .bili-history-status {
            position: fixed;
            top: 60px;
            right: 20px;
            padding: 8px 16px;
            background: rgba(0, 0, 0, 0.7);
            color: white;
            border-radius: 4px;
            font-size: 14px;
            z-index: 9999;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
            transition: all 0.3s ease;
        }
        .bili-history-status.hidden {
            background: rgba(251, 114, 153, 0.8);
        }
        .bili-history-status.visible {
            background: rgba(0, 184, 148, 0.8);
        }
    `);

    // 页面版本检测
    const isNewVersion = window.location.href.includes('www.bilibili.com/history');
    const isOldVersion = window.location.href.includes('www.bilibili.com/account/history');

    if (!isNewVersion && !isOldVersion) return;

    // 状态管理
    let hiddenStatus = true; // 默认隐藏已看完视频
    let statusElement = null;

    // 显示状态提示
    function showStatus() {
        if (!statusElement) {
            statusElement = document.createElement('div');
            statusElement.className = 'bili-history-status';
            document.body.appendChild(statusElement);
        }

        statusElement.textContent = `已看完视频: ${hiddenStatus ? '已隐藏' : '显示中'}`;
        statusElement.className = `bili-history-status ${hiddenStatus ? 'hidden' : 'visible'}`;

        setTimeout(() => {
            if (statusElement) {
                statusElement.style.opacity = '1';
            }
        }, 10);

        setTimeout(() => {
            if (statusElement) {
                statusElement.style.opacity = '0';
                setTimeout(() => {
                    if (statusElement && statusElement.style.opacity === '0') {
                        statusElement.remove();
                        statusElement = null;
                    }
                }, 300);
            }
        }, 2000);
    }

    // 处理单个历史记录项
    function processRecord(record) {
        if (!record) return;

        let isWatched = false;

        if (isNewVersion) {
            // 新版检测
            const stats = record.querySelector('.bili-cover-card__stats');
            if (stats && stats.textContent.includes('已看完')) {
                isWatched = true;
            }
        } else if (isOldVersion) {
            // 旧版检测
            const progress = record.querySelector('.time-wrap .progress');
            if (progress && progress.textContent.includes('已看完')) {
                isWatched = true;
            }
        }

        if (isWatched) {
            record.classList.add('bili-history-watched');
            if (hiddenStatus) {
                record.classList.add('bili-history-hidden');
            } else {
                record.classList.remove('bili-history-hidden');
            }
        } else {
            record.classList.remove('bili-history-watched', 'bili-history-hidden');
        }
    }

    // 处理整个列表
    function processAllRecords() {
        let records = [];

        if (isNewVersion) {
            // 检查当前标签页是否是综合或视频
            const activeTab = document.querySelector('.radio-tabs__item--active');
            if (activeTab) {
                const tabText = activeTab.textContent.trim();
                if (tabText !== '综合' && tabText !== '视频') return;
            }

            records = document.querySelectorAll('.history-section .section-cards .history-card');
        } else if (isOldVersion) {
            records = document.querySelectorAll('#history_list .history-record');
        }

        records.forEach(record => processRecord(record));
    }

    // 切换隐藏状态
    function toggleHiddenStatus() {
        hiddenStatus = !hiddenStatus;

        const watchedRecords = document.querySelectorAll('.bili-history-watched');
        watchedRecords.forEach(record => {
            if (hiddenStatus) {
                record.classList.add('bili-history-hidden');
            } else {
                record.classList.remove('bili-history-hidden');
            }
        });

        showStatus();
    }

    // 监听标签切换（新版）
    function setupTabSwitchListener() {
        const tabsContainer = document.querySelector('.tabs.radio-tabs');
        if (!tabsContainer) return;

        tabsContainer.addEventListener('click', (e) => {
            const tabItem = e.target.closest('.radio-tabs__item');
            if (tabItem) {
                // 使用setTimeout确保在DOM更新后执行
                setTimeout(processAllRecords, 300);
            }
        });
    }

    // 使用MutationObserver监听DOM变化
    function setupMutationObserver() {
        const targetNode = isNewVersion ?
            document.querySelector('.history-section') || document.body :
            document.querySelector('#history_list') || document.body;

        if (!targetNode) return;

        const observer = new MutationObserver((mutations) => {
            let shouldProcess = false;

            for (const mutation of mutations) {
                if (mutation.type === 'childList') {
                    // 检查是否有新的历史记录项被添加
                    mutation.addedNodes.forEach(node => {
                        if (node.nodeType === 1) { // Element node
                            if (isNewVersion && node.matches?.('.history-card')) {
                                shouldProcess = true;
                            } else if (isOldVersion && node.matches?.('.history-record')) {
                                shouldProcess = true;
                            } else if (node.querySelector) {
                                if (node.querySelector('.history-card') || node.querySelector('.history-record')) {
                                    shouldProcess = true;
                                }
                            }
                        }
                    });
                }
            }

            if (shouldProcess) {
                processAllRecords();
            }
        });

        observer.observe(targetNode, {
            childList: true,
            subtree: true
        });
    }

    // 初始化
    function init() {
        // 初始处理所有记录
        processAllRecords();

        // 设置MutationObserver监听动态加载
        setupMutationObserver();

        // 设置标签切换监听（仅新版）
        if (isNewVersion) {
            setupTabSwitchListener();
        }

        // 添加热键监听
        document.addEventListener('keydown', (e) => {
            if (e.key.toLowerCase() === 'h') {
                toggleHiddenStatus();
            }
        });

        // 添加初始状态提示
        setTimeout(showStatus, 1000);
    }

    // 页面加载完成后初始化
    if (document.readyState === 'complete') {
        init();
    } else {
        window.addEventListener('load', init);
    }

})();
欢迎访问Greasy Fork镜像
