From 1ebb0e722615774d206ccebb8a042036fb069ebf Mon Sep 17 00:00:00 2001
From: Sebin Nyshkim <sebin.nyshkim@icloud.com>
Date: Tue, 15 Oct 2024 22:56:22 +0200
Subject: [PATCH] refactor: :recycle: move post meta into importable macro

---
 src/includes/postmeta.macro.njk | 18 ++++++++++++++++++
 src/layouts/blogpost.njk        | 18 ++----------------
 src/posts.njk                   | 18 ++----------------
 3 files changed, 22 insertions(+), 32 deletions(-)
 create mode 100644 src/includes/postmeta.macro.njk

diff --git a/src/includes/postmeta.macro.njk b/src/includes/postmeta.macro.njk
new file mode 100644
index 0000000..1badf1f
--- /dev/null
+++ b/src/includes/postmeta.macro.njk
@@ -0,0 +1,18 @@
+{% macro postmeta(params) %}
+  <ul class="flex flex-wrap items-center gap-4 *:inline-flex *:items-center *:gap-1 *:*:stroke-sky-600">
+    <li>
+      {% lucide "calendar", {"size": "20"} %}
+      <time datetime="{{ params.date | isoDate }}" title="{{ params.date | longDate }}">
+        {{ params.date | readableDate }}
+      </time>
+    </li>
+    <li>
+      {% lucide "user", {"size": "20"} %}
+      <a href="{{ params.author.href }}">{{ params.author.name }}</a>
+    </li>
+    <li>
+      {% lucide "glasses", {"size": "20"} %}
+      {{ params.content | readingtime }}
+    </li>
+  </ul>
+{% endmacro %}
diff --git a/src/layouts/blogpost.njk b/src/layouts/blogpost.njk
index 3bbd543..aa486d8 100644
--- a/src/layouts/blogpost.njk
+++ b/src/layouts/blogpost.njk
@@ -5,22 +5,8 @@ layout: base.njk
 <article class="prose prose-slate mx-auto md:prose-lg lg:prose-xl dark:prose-invert prose-headings:font-normal prose-strong:text-inherit prose-li:marker:!text-inherit prose-th:font-bold prose-img:rounded-3xl">
   <h1 class="text-4xl">{{ title }}</h1>
   <aside class="not-prose space-y-4 text-base">
-    <ul class="flex flex-wrap items-center gap-4 *:inline-flex *:items-center *:gap-1 *:*:stroke-sky-600">
-      <li>
-        {% lucide "calendar", {"size": "20"} %}
-        <time datetime="{{ page.date | isoDate }}" title="{{ page.date | longDate }}">
-          {{ page.date | readableDate }}
-        </time>
-      </li>
-      <li>
-        {% lucide "user", {"size": "20"} %}
-        <a href="{{ author.href }}">{{ author.name }}</a>
-      </li>
-      <li>
-        {% lucide "glasses", {"size": "20"} %}
-        {{ content | readingtime }}
-      </li>
-    </ul>
+    {%- from 'postmeta.macro.njk' import postmeta %}
+    {{ postmeta({ date: page.date, author: author, content: content}) }}
     {% if tags.length > 0 %}
       <ul class="flex gap-1">
         {% for tag in tags %}
diff --git a/src/posts.njk b/src/posts.njk
index 55cec30..8c546de 100644
--- a/src/posts.njk
+++ b/src/posts.njk
@@ -15,22 +15,8 @@ pagination:
   <article class="prose prose-slate mx-auto md:prose-lg lg:prose-xl dark:prose-invert prose-headings:font-normal prose-strong:text-inherit prose-li:marker:!text-inherit prose-th:font-bold prose-img:rounded-3xl">
     <h1>{{ post.data.title }}</h1>
     <aside class="not-prose space-y-4 text-base">
-      <ul class="flex flex-wrap items-center gap-4 *:inline-flex *:items-center *:gap-1 *:*:stroke-sky-600">
-        <li>
-          {% lucide "calendar", {"size": "20"} %}
-          <time datetime="{{ post.date | isoDate }}" title="{{ post.date | longDate }}">
-            {{ post.date | readableDate }}
-          </time>
-        </li>
-        <li>
-          {% lucide "user", {"size": "20"} %}
-          <a href="{{ post.data.author.href }}">{{ post.data.author.name }}</a>
-        </li>
-        <li>
-          {% lucide "glasses", {"size": "20"} %}
-          {{ post.content | readingtime }}
-        </li>
-      </ul>
+      {%- from 'postmeta.macro.njk' import postmeta %}
+      {{ postmeta({ date: post.date, author: post.data.author, content: post.content}) }}
     </aside>
 
     {% if post.data.image and post.data.image.src != '' %}