☰

Hide blocked user in Youtube Live

Dynamically hiding blocked users' chats in Youtube live. Youtubeのライブでブロック済みのユーザのチャットを動的に非表示に変更

// ==UserScript==
// @name         Hide blocked user in Youtube Live
// @namespace    https://twitter.com/rin_jugatla
// @version      0.2.1
// @description  Dynamically hiding blocked users' chats in Youtube live. Youtubeのライブでブロック済みのユーザのチャットを動的に非表示に変更
// @author       rin_jugatla
// @match        https://www.youtube.com/*
// @grant        none
// ==/UserScript==

// ブロックしたユーザの確認
// https://myaccount.google.com/blocklist

// 【Javascript】XPathを使う（document.evaluate）
// https://www.softel.co.jp/blogs/tech/archives/2067
document.getElementsByXPath = function (expression, parentElement) {
    var r = []
    var x = document.evaluate(expression, parentElement || document, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null)
    for (var i = 0, l = x.snapshotLength; i < l; i++) {
        r.push(x.snapshotItem(i))
    }
    return r
}

// ページの読み込み完了後処理
window.addEventListener('load', function () {

    function hideAny()
    {
        hideBlockedUser();
        hideCard();
    }

    function hideBlockedUser() {
        // 非表示でないブロック済みのメッセージのみ取得するXPath
        var targetsXPath = '//yt-live-chat-text-message-renderer[@class="style-scope yt-live-chat-item-list-renderer" and not(@style="display: none;")]/div[@id="content"]/span[@id="deleted-state" and not(text() = "")]';
        var targets = document.getElementsByXPath(targetsXPath);
        for(var i = 0; i < targets.length; i++)
        {
            targets[i].parentElement.parentElement.style = "display: none;";
        }
    }

    function hideCard(){
        // 非表示でないチャットガイドラインカードを取得するXPath
        // 「チャットへようこそ！ご自身のプライバシーを守るとともに、YouTube のコミュニティ ガイドラインを遵守することを忘れないでください。」
        var targetsXPath = '//yt-live-chat-viewer-engagement-message-renderer[@class="style-scope yt-live-chat-item-list-renderer" and not(@style="display: none;")]';
        var targets = document.getElementsByXPath(targetsXPath);
        for(var i = 0; i < targets.length; i++)
        {
            targets[i].style = "display: none;";
        }
    }

    // フック
    var mo = new MutationObserver(hideAny);
    var watchTree = document.getElementsByXPath('//div[@id="items" and @class="style-scope yt-live-chat-item-list-renderer"]')[0]
    mo.observe(watchTree, { childList: true });
}, false);