Merge pull request '[codex] Drive archive posts from content' (#1) from codex/content-drives-archive-routes into main

Reviewed-on: https://git.bcgen.ie/familyfedie/familyfedie-website/pulls/1

src/content.config.ts

@@ -0,0 +1,24 @@
+import { defineCollection } from "astro:content";
+import { glob } from "astro/loaders";
+import { z } from "astro/zod";
+
+const archive = defineCollection({
+  loader: glob({
+    base: "./content",
+    pattern: ["blog/**/*.md", "speeches/**/*.md"],
+    generateId: ({ entry }) => entry.replace(/\.md$/, ""),
+  }),
+  schema: z.object({
+    title: z.string().optional(),
+    type: z.enum(["blog", "speech"]).optional(),
+    published: z.string().optional(),
+    updated: z.string().optional(),
+    source: z.string().optional(),
+    speechYear: z.string().optional(),
+    speechCollection: z.string().optional(),
+    categories: z.array(z.string()).optional().default([]),
+    tags: z.array(z.string()).optional().default([]),
+  }),
+});
+
+export const collections = { archive };

src/lib/content-routes.ts

@@ -0,0 +1,42 @@
+import { getCollection } from "astro:content";
+
+const blogSourcePattern = /^\/blog\/(?<year>\d{4})\/(?<month>\d{2})\/(?<day>\d{2})\/(?<slug>[^/]+)\.html$/;
+
+export type BlogSourceRoute = {
+  year: string;
+  month: string;
+  day: string;
+  slug: string;
+  route: string;
+};
+
+export function parseBlogSource(source?: string): BlogSourceRoute | undefined {
+  if (!source) {
+    return undefined;
+  }
+
+  const match = blogSourcePattern.exec(source);
+  if (!match?.groups) {
+    return undefined;
+  }
+
+  const { year, month, day, slug } = match.groups;
+
+  return {
+    year,
+    month,
+    day,
+    slug,
+    route: `blog/${year}/${month}/${day}/${slug}.html`,
+  };
+}
+
+export async function contentSourceRoutes(): Promise<Set<string>> {
+  const entries = await getCollection("archive");
+
+  return new Set(
+    entries
+      .map((entry) => parseBlogSource(entry.data.source)?.route)
+      .filter((route): route is string => Boolean(route)),
+  );
+}

src/pages/[...route].ts

@@ -1,10 +1,13 @@
 import fs from "node:fs/promises";
+import { contentSourceRoutes } from "../lib/content-routes";
 import { isMigratedHtmlPage, relativeWebsitePath, routeFromRelativePath, sourcePathFromRoute, walkHtmlFiles } from "../lib/static-pages";
 
-export function getStaticPaths() {
+export async function getStaticPaths() {
+  const markdownRoutes = await contentSourceRoutes();
+
   return walkHtmlFiles()
     .map(relativeWebsitePath)
-    .filter((relativePath) => !isMigratedHtmlPage(relativePath))
+    .filter((relativePath) => !isMigratedHtmlPage(relativePath) && !markdownRoutes.has(relativePath))
     .map((relativePath) => ({
       params: {
         route: routeFromRelativePath(relativePath),

src/pages/blog/[year]/[month]/[day]/[slug].astro

@@ -0,0 +1,205 @@
+---
+import { getCollection, render } from "astro:content";
+import SiteLayout from "../../../../../components/SiteLayout.astro";
+import SiteSidebar from "../../../../../components/SiteSidebar.astro";
+import { parseBlogSource } from "../../../../../lib/content-routes";
+
+const bodyClass =
+  "post-template-default single single-post single-format-standard custom-background tribe-no-js metaslider-plugin parabola-image-three caption-light meta-light parabola_triagles parabola-menu-left";
+
+function formatDate(value?: string): string | undefined {
+  if (!value) {
+    return undefined;
+  }
+
+  const date = new Date(value);
+  if (Number.isNaN(date.valueOf())) {
+    return undefined;
+  }
+
+  return new Intl.DateTimeFormat("en-US", {
+    month: "long",
+    day: "numeric",
+    year: "numeric",
+  }).format(date);
+}
+
+function slugify(value: string): string {
+  return value
+    .toLowerCase()
+    .replace(/&/g, "and")
+    .replace(/[^a-z0-9]+/g, "-")
+    .replace(/^-|-$/g, "");
+}
+
+function categoryHref(entry, category: string): string {
+  if (entry.data.type === "speech") {
+    if (entry.data.speechCollection === "mrs-hak-ja-han-moon" || category.includes("Mrs. Hak Ja Han Moon")) {
+      return "/speeches/categories/mrs-hak-ja-han-moon.html";
+    }
+
+    const year = entry.data.speechYear ?? category.match(/(\d{4})$/)?.[1];
+    if (year === "1956") {
+      return "/speeches/categories/rev-sun-myung-moon.html";
+    }
+
+    return year ? `/speeches/categories/rev-sun-myung-moon-${year}.html` : "/speeches/categories/rev-sun-myung-moon.html";
+  }
+
+  return `/blog/categories/${slugify(category)}.html`;
+}
+
+export async function getStaticPaths() {
+  const entries = await getCollection("archive");
+  const posts = entries
+    .map((entry) => {
+      const sourceRoute = parseBlogSource(entry.data.source);
+      return sourceRoute ? { entry, sourceRoute } : undefined;
+    })
+    .filter((post) => Boolean(post))
+    .sort((a, b) => {
+      const dateA = Date.parse(a.entry.data.published ?? "");
+      const dateB = Date.parse(b.entry.data.published ?? "");
+
+      if (!Number.isNaN(dateA) && !Number.isNaN(dateB) && dateA !== dateB) {
+        return dateA - dateB;
+      }
+
+      return (a.entry.data.title ?? a.entry.id).localeCompare(b.entry.data.title ?? b.entry.id);
+    });
+
+  return posts.map((post, index) => ({
+    params: {
+      year: post.sourceRoute.year,
+      month: post.sourceRoute.month,
+      day: post.sourceRoute.day,
+      slug: post.sourceRoute.slug,
+    },
+    props: {
+      entry: post.entry,
+      previous: posts[index - 1],
+      next: posts[index + 1],
+    },
+  }));
+}
+
+const { entry, previous, next } = Astro.props;
+const { Content } = await render(entry);
+const title = entry.data.title ?? "Untitled";
+const publishedDate = formatDate(entry.data.published);
+const updatedDate = formatDate(entry.data.updated);
+const categories = entry.data.categories ?? [];
+const tags = entry.data.tags ?? [];
+const canonical = entry.data.source;
+const pdfHref = canonical ? `${canonical}?print=pdf` : undefined;
+---
+
+<SiteLayout title={`${title} &#8211; FFWPU Ireland`} bodyClass={bodyClass} pathname={canonical} canonical={canonical}>
+  <div id="main">
+    <div id="forbottom">
+      <div style="clear:both;"> </div>
+
+      <section id="container" class="two-columns-right">
+        <div id="content" role="main">
+          <div class:list={["post", "type-post", "status-publish", "format-standard", "hentry", categories.map((category) => `category-${slugify(category)}`)]}>
+            <h1 class="entry-title">{title}</h1>
+            <div class="entry-meta">
+              &nbsp; <span class="author vcard">By <a class="url fn n" rel="author" href="#" title="View all posts by Fami1yfed">Fami1yfed</a></span>
+              {
+                publishedDate && canonical && (
+                  <span>
+                    <time class="onDate date published" datetime={entry.data.published}>
+                      {" "}
+                      <a href={canonical} rel="bookmark">{publishedDate}</a>
+                      {" "}
+                    </time>
+                  </span>
+                )
+              }
+              {updatedDate && <time class="updated" datetime={entry.data.updated}>{updatedDate}</time>}
+              {
+                categories.map((category) => (
+                  <span class="bl_categ">
+                    {" "}
+                    <a href={categoryHref(entry, category)} rel="tag">{category}</a>
+                    {" "}
+                  </span>
+                ))
+              }
+            </div>
+
+            <div class="entry-content">
+              {
+                pdfHref && (
+                  <div class="pdfprnt-buttons pdfprnt-buttons-post pdfprnt-top-bottom-left">
+                    <a href={pdfHref} class="pdfprnt-button pdfprnt-button-pdf" target="_blank">
+                      <img decoding="async" src="/assets/vendor/pdf/images/pdf.png" alt="image_pdf" title="Download PDF" />
+                    </a>
+                  </div>
+                )
+              }
+              <Content />
+              {
+                pdfHref && (
+                  <div class="pdfprnt-buttons pdfprnt-buttons-post pdfprnt-top-bottom-left">
+                    <a href={pdfHref} class="pdfprnt-button pdfprnt-button-pdf" target="_blank">
+                      <img decoding="async" src="/assets/vendor/pdf/images/pdf.png" alt="image_pdf" title="Download PDF" />
+                    </a>
+                  </div>
+                )
+              }
+            </div>
+
+            {
+              canonical && (
+                <div class="entry-utility">
+                  {
+                    tags.length > 0 && (
+                      <div class="footer-tags">
+                        <span class="bl_posted">Tagged</span>&nbsp;{" "}
+                        {tags.map((tag, index) => (
+                          <>
+                            <a href={`/blog/tags/${slugify(tag)}.html`} rel="tag">{tag}</a>
+                            {index < tags.length - 1 ? ", " : "."}
+                          </>
+                        ))}
+                      </div>
+                    )
+                  }
+                  <span class="bl_bookmark">
+                    Bookmark the <a href={canonical} title={`Permalink to ${title}`} rel="bookmark">permalink</a>.{" "}
+                  </span>
+                </div>
+              )
+            }
+          </div>
+
+          {
+            (previous || next) && (
+              <div id="nav-below" class="navigation">
+                {previous?.entry.data.source && (
+                  <div class="nav-previous">
+                    <a href={previous.entry.data.source} rel="prev">
+                      <span class="meta-nav">&laquo;</span> {previous.entry.data.title ?? "Previous"}
+                    </a>
+                  </div>
+                )}
+                {next?.entry.data.source && (
+                  <div class="nav-next">
+                    <a href={next.entry.data.source} rel="next">
+                      {next.entry.data.title ?? "Next"} <span class="meta-nav">&raquo;</span>
+                    </a>
+                  </div>
+                )}
+              </div>
+            )
+          }
+        </div>
+
+        <SiteSidebar />
+      </section>
+
+      <div style="clear:both;"></div>
+    </div>
+  </div>
+</SiteLayout>