Sidebar.astro

---
import MobileMenuFooter from "virtual:starlight/components/MobileMenuFooter";
import SidebarPersister from "@astrojs/starlight/components/SidebarPersister.astro";
import SidebarSublist from "@astrojs/starlight/components/SidebarSublist.astro";

const { sidebar } = Astro.locals.starlightRoute;
const currentPath = Astro.url.pathname;

const activeGroupKey = currentPath.startsWith("/manual/en/")
  ? "en"
  : currentPath.startsWith("/manual/ru/")
    ? "ru"
    : currentPath.startsWith("/manual/zh/") || currentPath.startsWith("/用户手册/")
      ? "zh"
      : currentPath.startsWith("/developer/")
        ? "developer"
        : "navigation";

const groupLabelsByKey: Record<string, string[]> = {
  navigation: ["Navigation"],
  en: ["User Manual (EN)"],
  ru: ["Руководство пользователя (RU)", "User Manual (RU)"],
  zh: ["用户手册 (ZH)", "User Manual (ZH)"],
  developer: ["Developer Docs"],
};

const filteredSidebar = sidebar.filter((entry) => {
  if (entry.type !== "group") {
    return false;
  }

  return groupLabelsByKey[activeGroupKey]?.includes(entry.label) ?? false;
});

const sidebarToRender =
  filteredSidebar.length > 0
    ? filteredSidebar
    : sidebar.filter((entry) => entry.type === "group" && entry.label === "Navigation");
---

<SidebarPersister>
  <SidebarSublist sublist={sidebarToRender} />
</SidebarPersister>

<div class="md:sl-hidden">
  <MobileMenuFooter />
</div>