✨ Support for markdown links in navbar

Author: AnandChowdhary

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@staart/site",
-  "version": "0.9.60",
+  "version": "0.9.61",
   "module": "dist/module.js",
   "main": "dist/index.js",
   "bin": "./dist/index.js",

src/data.ts

@@ -19,13 +19,19 @@ export const getSiteMeta = async (
 };
 
 export const getNavbar = async (files?: string[]) => {
-  if (!files) files = await listRootFiles();
-  files = files.sort((a, b) => a.localeCompare(b));
+  if (!files)
+    files = (await listRootFiles())
+      .sort((a, b) => a.localeCompare(b))
+      .reverse();
   let data = "";
   for await (const file of files) {
-    const md = await readContentFile(file);
-    const title = await getTitle(md);
-    data += `- [${title}](/${file.replace(".md", ".html")})\n`;
+    if (file.startsWith("[")) {
+      data += `- ${file}\n`;
+    } else {
+      const md = await readContentFile(file);
+      const title = await getTitle(md);
+      data += `- [${title}](/${file.replace(".md", ".html")})\n`;
+    }
   }
   return data;
 };
@@ -35,6 +41,7 @@ export const getData = async () => {
     const config = await getConfig();
     config.data = config.data || {};
     config.data.rootFiles = await getNavbar();
+    config.data.navBar = await getNavbar(config.navbar);
     if (!config.ignoreReplaceTitle)
       config.data.title = await getSiteMeta("title", "name");
     if (!config.ignoreReplaceDescription)

src/generator.ts

@@ -136,10 +136,7 @@ export const generate = async () => {
 const generateSitemap = async () => {
   const files = await listContentFiles();
   const config = await getConfig();
-  let content =
-    (await getSitemapContent()) +
-    "\n\n" +
-    (config.navbar || (await getNavbar(files)));
+  let content = (await getSitemapContent()) + "\n\n" + (await getNavbar(files));
   await generatePage("sitemap.html", content);
   const sitemap = new SitemapStream({
     hostname: config.hostname || "http://localhost:8080"

src/index.html

@@ -27,7 +27,7 @@ <h1>{{ title }}</h1>
       </div>
       <nav>
         <div>
-          {{{ rootFiles }}}
+          {{{ navBar }}}
         </div>
       </nav>
     </header>