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

---
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>