[Userscript] Home Assistant Sidebar Concealer

ha-sidebar-concealer.user.js

// ==UserScript==
// @name         Home Assistant Sidebar Concealer
// @namespace    https://dale3h.com
// @version      0.1.0
// @icon         https://raw.githubusercontent.com/home-assistant/assets/master/logo-round.svg
// @match        https://example.duckdns.org/a0d7b954_vscode*
// @match        https://example.duckdns.org/a0d7b954_adguard*
// ==/UserScript==

let counter = 0;

if (window.location.href.indexOf('bypass') === -1) {
  let mainTimer = setInterval(() => {
    if (++counter > 5) {
      return clearInterval(mainTimer);
    }

    try {
      let main = document
        .querySelector("body > home-assistant").shadowRoot
        .querySelector("home-assistant-main");

      if (main) {
        clearInterval(mainTimer);

        main.shadowRoot
          .querySelector("#drawer")
          .style.display = "none";

        main.style.setProperty("--app-drawer-width", 0);
      }
    } catch (err) {
      // DOM is not fully loaded yet.
    }
  }, 100);
}