Function wireCatalogToggle

static/js/catalog.js:1377–1410

()

// ─── Catalog panel collapse ───

function wireCatalogToggle() {
  const toggle = document.getElementById("catalogToggle");
  const collapseBtn = document.getElementById("sidebarCollapseBtn");
  const app = document.querySelector(".app");
  if (!app) return;

  const collapsed = localStorage.getItem("stemdeck.catalog.collapsed") === "1";
  if (collapsed) {
    app.classList.add("cat-collapsed");
    collapseBtn?.setAttribute("aria-expanded", "false");
  }

  function setSidebarCollapsed(isCollapsed) {
    app.classList.toggle("cat-collapsed", isCollapsed);
    collapseBtn?.setAttribute("aria-expanded", String(!isCollapsed));
    localStorage.setItem("stemdeck.catalog.collapsed", isCollapsed ? "1" : "0");
  }

  collapseBtn?.addEventListener("click", () => {
    setSidebarCollapsed(!app.classList.contains("cat-collapsed"));
  });

  if (toggle) {
    toggle.addEventListener("click", (e) => {
      // Only expand from within the sidebar body.
      if (!app.classList.contains("cat-collapsed")) return;
      setSidebarCollapsed(false);
      toggle.querySelector("input")?.focus();
    });
    toggle.addEventListener("keydown", (e) => {
      if (e.code === "Enter" || e.code === "Space") { e.preventDefault(); toggle.click(); }
    });
  }
}

function wireCatalogRailViews() {
  document.querySelector(".rail-library")?.addEventListener("click", () => setCatalogView("library"));