Refactor parts regarding docs collection

A little bit of renaming from blog terms into docs terms. Also merge function that is used only once.

Author: Hans5958

src/components/navigation/NavContents.tsx

@@ -4,22 +4,22 @@ import { cn } from "@/lib/utils.ts";
 import type {
   groupedNavbarParents,
   navbarParents,
-  posts,
+  pages,
 } from "./navigationConfig";
 
 // We have to access these navbar configs via astro props because they are not available on the client side
 export interface NavContentsProps {
   mobile?: boolean;
   groupedNavbarParents: typeof groupedNavbarParents;
   navbarParents: typeof navbarParents;
-  posts: typeof posts;
+  pages: typeof pages;
 }
 
 export function NavContents({
   mobile = false,
   groupedNavbarParents,
   navbarParents,
-  posts,
+  pages: pages,
 }: NavContentsProps) {
   const [expanded, setExpanded] = useState<string | undefined>();
 
@@ -37,7 +37,7 @@ export function NavContents({
           return {
             navbarItem: i,
             title:
-              posts.find((p) => p.params.slug === i.title.toLowerCase())?.props
+              pages.find((p) => p.params.slug === i.title.toLowerCase())?.props
                 .entry.title ?? i.title,
           };
         })

src/components/navigation/Navbar.astro

@@ -1,15 +1,15 @@
 ---
 import { ScrollArea } from "../ui/scroll-area";
 import { NavContents } from "./NavContents.tsx";
-import { groupedNavbarParents, navbarParents, posts } from "./navigationConfig";
+import { groupedNavbarParents, navbarParents, pages } from "./navigationConfig";
 ---
 
 <ScrollArea client:visible className="pr-6 h-full">
   <div class="py-6">
     <NavContents
       groupedNavbarParents={groupedNavbarParents}
       navbarParents={navbarParents}
-      posts={posts}
+      pages={pages}
       client:visible
       mobile={false}
     />

src/components/navigation/Navigation.astro

@@ -4,7 +4,7 @@ import MobileNavbar from "./MobileNavbar";
 import Search from "./Search.astro";
 import ThemeToggle from "./ThemeToggle.astro";
 import { headerNavItems } from "./navigationConfig";
-import { groupedNavbarParents, navbarParents, posts } from "./navigationConfig";
+import { groupedNavbarParents, navbarParents, pages } from "./navigationConfig";
 ---
 
 <header
@@ -15,7 +15,7 @@ import { groupedNavbarParents, navbarParents, posts } from "./navigationConfig";
       <MobileNavbar
         groupedNavbarParents={groupedNavbarParents}
         navbarParents={navbarParents}
-        posts={posts}
+        pages={pages}
         client:media="(max-width: 768px)"
       />
       <a class="hover:underline mr-6 hidden md:block" href="/">VocaDB Wiki</a>

src/components/navigation/navigationConfig.ts

@@ -1,5 +1,5 @@
 import { groupBy } from "@/lib/utils";
-import { getDocPaths } from "@/utils/get_paths";
+import { getCollection } from "astro:content";
 
 export const navbarParents = [
   {
@@ -29,12 +29,22 @@ export const headerNavItems = [
   { name: "GitHub", href: "//github.com/VocaDB/Wiki" },
 ];
 
-export const posts = await getDocPaths();
+const docCollection = await getCollection("docs");
 
-export const getParent = (p: (typeof posts)[number]) =>
-  p.props.entry.parent;
+export const pages = docCollection.map((entry) => ({
+  params: { slug: entry.slug },
+  props: {
+    entry: {
+      slug: entry.slug,
+      title: entry.data.title,
+      parent: entry.data.parent,
+    },
+  },
+}));
+
+export const getParent = (p: (typeof pages)[number]) => p.props.entry.parent;
 
 export const groupedNavbarParents = groupBy(
-  posts.filter((p) => getParent(p) !== undefined),
-  (post) => getParent(post)!,
+  pages.filter((p) => getParent(p) !== undefined),
+  (pages) => getParent(pages)!,
 );