bug fixed and content updated

.vscode/doc.code-snippets

@@ -6,11 +6,14 @@
 			"title: $1",
 			"author: hyperoot",
 			"pubDatetime: $2 #2024-04-09T12:00:00-05:30",
-			"# modDatetime:''",
-			"# description:''",
+			"# modDatetime: ''",
+			"# description: ''",
 			"draft: true",
 			"#tags:",
 			"#- tag1",
+			"#hide_toc: ",
+			"#hide_sidenav: ",
+			"#hide_breadcrumbs: ",
 			"---",
 		],
 		"description": "Docs template"

.vscode/settings.json

@@ -5,7 +5,4 @@
     "[astro]": {
         "editor.defaultFormatter": "astro-build.astro-vscode"
     },
-    "yaml.schemas": {
-        "https://json.schemastore.org/github-action.json": "file:///home/hyperoot/dev/projects/CelestialDocs/.github/workflows/deploy.yml"
-    }
 }

config.ts

@@ -2,7 +2,7 @@ export const SITE = {
   website: "https://hyperoot.dev", // replace this with your deployed domain
   author: "HYP3R00T",
   desc: "Documentation theme using Astro and Shadcn",
-  title: "Celestial Docs",
+  title: "CelestialDocs",
   ogImage: "og-image.jpg",
   repo: "https://github.com/HYP3R00T/CelestialDocs",
 };

src/components/core/Search.tsx

@@ -18,6 +18,7 @@ import { Search as SearchIcon } from "lucide-react";
 
 import type { DocsEntry } from "@/lib/types";
 import { capitalizeFirstLetter } from "@/lib/utils";
+import { menu_items } from "config";
 
 const docs: DocsEntry[] = await getCollection("docs");
 
@@ -68,6 +69,8 @@ export function Search() {
     return () => document.removeEventListener("keydown", down);
   }, []);
 
+  console.log(results);
+
   return (
     <div className="">
       <Dialog open={open} onOpenChange={setOpen}>
@@ -95,7 +98,7 @@ export function Search() {
                           key={refIndex}
                         >
                           <a
-                            href={item.slug}
+                            href={`/${item.slug}`}
                             key={refIndex}
                             className=" no-underline hover:text-primary-foreground"
                           >

src/components/docs/SideNavMenu.astro

@@ -16,7 +16,7 @@ const { class: className } = Astro.props;
         ? capitalizeFirstLetter(item.title)
         : capitalizeFirstLetter(item.slug.split("/").pop() || "");
       const className = `
-        ${level === 0 ? "font-bold" : "font-light"}
+        ${level === 0 ? "font-bold" : "font-normal"}
         ${pathname === "/" + item.slug ? "text-primary" : "no-underline"}
         `.trim();
       return (

src/content/docs/Guides/breadcrumbs.mdx

@@ -1,7 +1,7 @@
 ---
 title: Breadcrumbs
 ---
-By default, CelestialDocs sites supports breadcrumbs. It is generated after fetching the folder structure of `docs` folder.
+By default, CelestialDocs sites supports breadcrumbs. It is generated after scanning the folder structure of `docs` folder.
 
 ## Hide breadcrumbs
 

src/content/docs/Guides/index.mdx

@@ -3,5 +3,6 @@ title: Guides
 ---
 
 - [Breadcrumbs](/guides/breadcrumbs)
+- [Sidebar Navigation](/guides/sidebar-navigation)
 - [Site Search](/guides/site-search)
 - [Table of Contents](/guides/table-of-contents)

src/content/docs/Guides/sidebar-navigation.mdx

@@ -0,0 +1,45 @@
+---
+title: Sidebar Navigation
+---
+By default, CelestialDocs sites include sidebar navigation. It is generated after parsing the folder structure of `docs` folder.
+
+## Custom order
+
+By default, it will order the top-level items (folders and files that are immediately inside the `docs` folder) alphabetically. But we can provide a custom order to the top level items. 
+
+In `config.js` you can set `side_nav_menu_order` with an order of items. Mind that the type is an array of strings. Each string is just the `slug` of that page.
+
+```js
+// config.js
+
+export const side_nav_menu_order: string[] = ["getting-started", "guides"];
+// getting-started.mdx (file)
+// guides (folder)
+```
+
+You can include `folder-name`, `md` & `mdx` files. If you don't order every items, then the left out folders and files will the ordered after that. Don't add extensions for `md` & `mdx` files.
+
+## Hide Sidebar Navigation
+
+### Hide globally
+
+In `config.js`, you can hide sidebar navigation by keeping the value of `hide_side_navinations` as `true`. This will hide the sidebar navigation for all pages. 
+
+```js
+// config.js
+
+export const docconfig = {
+  ...
+  hide_side_navinations: true,
+  ...
+};
+```
+
+### Hide locally
+
+To hide sidebar navigation for specific pages only, then add `hide_sidenav` in the frontmatter as `true`.
+```
+---
+hide_sidenav: true
+---
+```

src/content/docs/Guides/table-of-contents.mdx

@@ -1,6 +1,5 @@
 ---
 title: Table of Contents
-
 ---
 import Callout from "@/components/Callout.astro";
 

src/content/docs/getting-started.mdx

@@ -4,7 +4,7 @@ hide_breadcrumbs: true
 ---
 import Callout from "@/components/Callout.astro";
 
-_CelestialDocs_ is a documentation theme built on top of the [Astro](https://astro.build/) framework. This guide will help you get started with a new project. 
+**_Celestial Docs_** is a documentation theme built on top of the [Astro](https://astro.build/) framework. This guide will help you get started with a new project. 
 
 ## Create a new project