all repos — archive/homestead @ 9d601e206bdad2c384f2328a14fea8c0f5428ca9

My future indieweb platform

feat: Add posts listing
Alan Pearce alan@alanpearce.eu
Tue, 04 Jul 2017 21:03:24 +0200
commit

9d601e206bdad2c384f2328a14fea8c0f5428ca9

parent

e7b08b1dfe3f2a2596deb6e2a72bb79805d3708f

7 files changed, 118 insertions(+), 11 deletions(-)

jump to
M src/actions.js → src/actions.js
@@ -12,6 +12,13 @@ responders.home(ctx, config, postsArray);   };
 }
 
+function posts(config, posts) {
+  const postsArray = Array.from(posts.values());
+  return async function(ctx, next) {
+    responders.list(ctx, config, null, "Posts", postsArray);
+  };
+}
+
 function highlightTheme(config) {
   const theme = config.posts.code.theme;
   const themeFile = path.resolve(
@@ -47,7 +54,7 @@ ctx.assert(items.has(ctx.params.value), 404, `${term} ${value} not found`); 
     const taxonItems = items.get(value);
 
-    responders.taxon(ctx, config, term, value, taxonItems);
+    responders.list(ctx, config, term, value, taxonItems);
   };
 }
 
@@ -62,6 +69,7 @@ } 
 module.exports = {
   home,
+  posts,
   highlightTheme,
   post,
   taxonGenerator,
M src/app.js → src/app.js
@@ -21,6 +21,8 @@ ); 
   router.get("home", "/", actions.home(config, Posts.posts));
 
+  router.get("posts", "/post", actions.posts(config, Posts.posts));
+
   router.get(
     "highlight-theme",
     "/css/code.css",
M src/responders.js → src/responders.js
@@ -37,7 +37,7 @@ const templates = {   layout: templateReader("layout"),
   home: templateReader("home", baseIndentLevel),
   post: templateReader("post", baseIndentLevel),
-  taxon: templateReader("taxon", baseIndentLevel)
+  list: templateReader("list", baseIndentLevel)
 };
 
 function title(siteTitle, pageTitle) {
@@ -97,25 +97,25 @@ })     );
   },
 
-  post(ctx, config, post) {
+  list(ctx, config, listType, listName, posts) {
     ctx.type = "html";
 
     ctx.body = layout(
       config,
-      post.data.get("title"),
-      hyperfast(templates.post, renderPost(ctx)(post))
+      Case.title(listName),
+      hyperfast(templates.list, {
+        ".h-entry": posts.map(renderPost(ctx))
+      })
     );
   },
 
-  taxon(ctx, config, term, value, taxonItems) {
+  post(ctx, config, post) {
     ctx.type = "html";
 
     ctx.body = layout(
       config,
-      Case.title(value),
-      hyperfast(templates.taxon, {
-        ".h-entry": taxonItems.map(renderPost(ctx))
-      })
+      post.data.get("title"),
+      hyperfast(templates.post, renderPost(ctx)(post))
     );
   }
 };
M test/app.test.js → test/app.test.js
@@ -63,6 +63,37 @@   t.snapshot(data, "should contain relevant microformats data");
 });
 
+test("posts", async function(t) {
+  const res = await request(app.listen()).get("/post/");
+
+  t.is(res.statusCode, 200);
+  t.is(res.type, "text/html");
+  t.is(res.charset, "utf-8");
+  t.regex(res.text, /^<!DOCTYPE html>/);
+
+  const $ = parseResponse(res);
+
+  t.is(
+    $("head > title").text(),
+    "Posts · " + "John Doe",
+    "head title contains 'Posts' and site author"
+  );
+
+  const options = toMicroformatsOptions($);
+  const count = await mf.countAsync(options);
+
+  t.deepEqual(count, {
+    "h-card": 1,
+    "h-feed": 1,
+    "h-entry": 1,
+    rels: 1
+  });
+
+  const data = await mf.getAsync(options);
+
+  t.snapshot(data, "should contain relevant microformats data");
+});
+
 test("post", async function(t) {
   const res = await request(app.listen()).get("/post/testfile");
M test/snapshots/app.test.js.md → test/snapshots/app.test.js.md
@@ -190,4 +190,70 @@ stylesheet: [           '/css/code.css',
         ],
       },
-    }
+    
+
+## posts
+
+> should contain relevant microformats data
+
+    {
+      items: [
+        {
+          properties: {
+            name: [
+              'John Doe',
+            ],
+            photo: [
+              '/static/johndoe.jpg',
+            ],
+            url: [
+              '/',
+            ],
+          },
+          type: [
+            'h-card',
+          ],
+        },
+        {
+          children: [
+            {
+              properties: {
+                name: [
+                  'This is a test',
+                ],
+                published: [
+                  '2017-01-01T00:00:00.000Z',
+                ],
+                url: [
+                  '/post/testfile',
+                ],
+              },
+              type: [
+                'h-entry',
+              ],
+              value: 'This is a test Sunday, January 1, 2017',
+            },
+          ],
+          properties: {
+            name: [
+              'Posts · John Doe',
+            ],
+          },
+          type: [
+            'h-feed',
+          ],
+        },
+      ],
+      'rel-urls': {
+        '/css/code.css': {
+          rels: [
+            'stylesheet',
+          ],
+        },
+      },
+      rels: {
+        stylesheet: [
+          '/css/code.css',
+        ],
+      },
+    }