Sidebar.astro

---
import Default from "@astrojs/starlight/components/Sidebar.astro";
import type { StarlightRouteData } from "node_modules/@astrojs/starlight/utils/route-data";
import type { SidebarEntry } from "node_modules/@astrojs/starlight/utils/navigation";

const isBlog = Astro.props.id.includes("blog");
const blogPosts = await Astro.glob("../content/docs/blog/*.mdx");
const sidebarPostList: StarlightRouteData["sidebar"] = blogPosts
    .filter((p) => !p.url?.includes("index"))
    .sort(
        (a, b) =>
            new Date(b.frontmatter.date).getTime() -
            new Date(a.frontmatter.date).getTime(),
    )
    .map((p) => {
        const url = p.url?.replace("src/content/docs", "").replace(".mdx", "");
        return {
            attrs: {},
            badge: undefined,
            href: url,
            isCurrent: Astro.url.pathname.includes(url || ""),
            label: ` ${p.frontmatter.title} (${new Date(p.frontmatter.date).toISOString().substring(0, 10)})`,
            type: "link",
        } as SidebarEntry;
    });
const blogSidebar: StarlightRouteData["sidebar"] = [
    {
        attrs: {},
        badge: undefined,
        href: "/blog",
        isCurrent: Astro.props.id === "blog/index.mdx",
        label: "BlueBuild blog",
        type: "link",
    },
    {
        badge: undefined,
        label: "All posts",
        type: "group",
        collapsed: false,
        entries: sidebarPostList,
    },
];
---

<Default
    {...Astro.props as StarlightRouteData}
    sidebar={isBlog ? blogSidebar : Astro.props.sidebar}
/>