Keep YT Sidebar Open

Fuck youtube & keep the sidebar open goddamnit

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

You will need to install an extension such as Tampermonkey to install this script.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

// ==UserScript==
// @name         Keep YT Sidebar Open
// @namespace    https://www.youtube.com/
// @version      2025-07-23
// @description  Fuck youtube & keep the sidebar open goddamnit
// @author       trevor229
// @match        https://www.youtube.com/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=youtube.com
// @grant        none
// ==/UserScript==

(function () {
  function waitForSidebarIcon(callback) {
    const selector = 'ytd-mini-guide-renderer ytd-mini-guide-entry-renderer a#endpoint';

    const el = document.querySelector(selector);
    if (el) return callback();

    const observer = new MutationObserver(() => {
      const el = document.querySelector(selector);
      if (el) {
        observer.disconnect();
        callback();
      }
    });

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

  waitForSidebarIcon(() => {
    const masthead = document.querySelector('ytd-masthead');
    if (masthead) {
      masthead.removeAttribute('visible');
      masthead.setAttribute('persistent-and-visible', '');
    }

    const appDrawer = document.querySelector('tp-yt-app-drawer');
    if (appDrawer) {
      appDrawer.setAttribute('opened', '');
    }

    const app = document.querySelector('ytd-app');
    if (app) {
      app.removeAttribute('mini-guide-visible');
      app.setAttribute('guide-persistent-and-visible', '');
    }

    const miniGuide = document.querySelector('ytd-mini-guide-renderer');
    if (miniGuide) {
      miniGuide.setAttribute('hidden', '');
    }

    console.log('Sidebar fully opened!');
  });
})();