From a67e38d1a82c95db5bd24183e81b31438f60dd2c Mon Sep 17 00:00:00 2001
From: Alan Pearce
Date: Sun, 2 Jul 2017 16:22:35 +0200
Subject: feat: add configurable navigation

---
 config/default.toml       | 4 ++++
 src/responders.js         | 6 ++++++
 src/templates/layout.html | 5 +++++
 test/app.test.js          | 2 ++
 test/testsite/config.toml | 6 +++++-
 5 files changed, 22 insertions(+), 1 deletion(-)

diff --git a/config/default.toml b/config/default.toml
index 8683981..3b6ceb6 100644
--- a/config/default.toml
+++ b/config/default.toml
@@ -7,6 +7,10 @@ port = 3000
 name = "John Doe"
 photo = "/static/johndoe.jpg"
 
+[[site.nav]]
+text = "Home"
+url = "/"
+
 [posts]
 folder = "./posts"
 
diff --git a/src/responders.js b/src/responders.js
index 867310a..48d1949 100644
--- a/src/responders.js
+++ b/src/responders.js
@@ -70,6 +70,12 @@ function layout(config, pageTitle, pageElement) {
       alt: config.site.author.name,
       src: config.site.author.photo
     },
+    "header nav li": config.site.nav.map(l => ({
+      a: {
+        href: l.url,
+        _text: l.text
+      }
+    })),
     "body > main": pageElement.outerHTML
   }).outerHTML.trim();
 }
diff --git a/src/templates/layout.html b/src/templates/layout.html
index 6e32bb4..65fdede 100644
--- a/src/templates/layout.html
+++ b/src/templates/layout.html
@@ -10,6 +10,11 @@
         <img class="u-photo" alt="" src="" />
         <h1 class="p-name">hello world</h1>
       </a>
+      <nav>
+        <ul>
+          <li><a href="/">test link</a></li>
+        </ul>
+      </nav>
     </header>
     <main></main>
   </body>
diff --git a/test/app.test.js b/test/app.test.js
index dfba9f8..2445493 100644
--- a/test/app.test.js
+++ b/test/app.test.js
@@ -43,6 +43,8 @@ test("homepage", async function(t) {
 
   t.is($("head > title").text(), "John Doe", "head title is site author");
   t.is($("main").length, 1, "only one <main> tag");
+  t.is($("nav a").first().text(), "Home", "nav link has text");
+  t.is($("nav a").first().attr("href"), "/", "nav links to homepage");
 
   const options = toMicroformatsOptions($);
   const count = await mf.countAsync(options);
diff --git a/test/testsite/config.toml b/test/testsite/config.toml
index 1fbbb82..8f82937 100644
--- a/test/testsite/config.toml
+++ b/test/testsite/config.toml
@@ -1,2 +1,6 @@
 [posts]
-folder = "./posts"
\ No newline at end of file
+folder = "./posts"
+
+[[site.nav]]
+text = "Home"
+url = "/"
\ No newline at end of file
-- 
cgit 1.4.1