Hide Instagram DMs のソースコード

Hide Instagram DMs

Hides Instagram DMs on web with the '`' key
右端で折り返す
// ==UserScript==
// @name         Hide Instagram DMs
// @namespace    http://tampermonkey.net/
// @version      1.1
// @author       TheDarkEnjoyer
// @description  Hides Instagram DMs on web with the '`' key
// @match        https://www.instagram.com/*
// @icon         data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==
// @grant        none
// @license      GNU GPLv3
// ==/UserScript==

(function() {
    'use strict';

    let dmsVisible = true;

    function toggleDMs() {
        const threadList = document.querySelector('[aria-label="Thread list"]');
        if (threadList) {
            if (dmsVisible) {
                threadList.style.display = 'none';
            } else {
                threadList.style.display = 'block';
            }
            dmsVisible = !dmsVisible;
        }
    }
    document.addEventListener('keydown', function(e) {
        if (e.key === '`') {
            toggleDMs();
        }
    });

    const observer = new MutationObserver(function(mutations) {
        mutations.forEach(function(mutation) {
            if (mutation.addedNodes.length) {
                const threadList = document.querySelector('[aria-label="Thread list"]');
                if (threadList && !dmsVisible) {
                    threadList.style.display = 'none';
                }
            }
        });
    });

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