masto-fe-archos/app/javascript/flavours/glitch/packs/settings.js

import "packs/public-path";
import Rails  from "@rails/ujs";

import loadKeyboardExtensions from "flavours/glitch/load_keyboard_extensions";
import { loadPolyfills } from "flavours/glitch/polyfills";
import "cocoon-js-vanilla";

function main() {
  const toggleSidebar = () => {
    const sidebar = document.querySelector(".sidebar ul");
    const toggleButton = document.querySelector(".sidebar__toggle__icon");

    if (sidebar.classList.contains("visible")) {
      document.body.style.overflow = null;
      toggleButton.setAttribute("aria-expanded", "false");
    } else {
      document.body.style.overflow = "hidden";
      toggleButton.setAttribute("aria-expanded", "true");
    }

    toggleButton.classList.toggle("active");
    sidebar.classList.toggle("visible");
  };

  Rails.delegate(document, ".sidebar__toggle__icon", "click", () => {
    toggleSidebar();
  });

  Rails.delegate(document, ".sidebar__toggle__icon", "keydown", e => {
    if (e.key === " " || e.key === "Enter") {
      e.preventDefault();
      toggleSidebar();
    }
  });
}

loadPolyfills()
  .then(main)
  .then(loadKeyboardExtensions)
  .catch(error => {
    console.error(error);
  });