astro-accelerator 6.0.9 → 6.0.11

package/package.json

@@ -1,5 +1,5 @@
 {
-    "version": "6.0.9",
+    "version": "6.0.11",
     "author": "Steve Fenton",
     "name": "astro-accelerator",
     "description": "A super-lightweight, accessible, SEO-friendly starter project for Astro",
@@ -36,8 +36,8 @@
     "dependencies": {
         "@astrojs/mdx": "^5.0.3",
         "@img/sharp-linux-x64": "^0.34.5",
-        "astro": "^6.1.1",
-        "astro-accelerator-utils": "^0.3.76",
+        "astro": "^6.1.5",
+        "astro-accelerator-utils": "^0.3.79",
         "csv": "^6.5.1",
         "hast-util-from-selector": "^3.0.1",
         "html-to-text": "^9.0.5",
@@ -47,8 +47,8 @@
         "sharp": "^0.34.5"
     },
     "devDependencies": {
-        "@playwright/test": "^1.58.2",
-        "cspell": "^9.7.0",
+        "@playwright/test": "^1.59.1",
+        "cspell": "^10.0.0",
         "glob": "^13.0.6",
         "linkinator": "^7.6.1"
     },

package/src/layouts/Events.astro

@@ -1,4 +1,5 @@
 ---
+import { getCollection } from "astro:content";
 import type { Frontmatter } from "astro-accelerator-utils/types/Frontmatter";
 import { SITE } from "@config";
 import { Lang } from "@util/Languages";
@@ -14,8 +15,31 @@ const lang = frontmatter.lang ?? SITE.default.lang;
 
 // Language
 const _ = Lang(lang);
+
+const allEvents = await getCollection("events");
+const years = [
+    ...new Set(allEvents.map((event) => event.data.startDate.getFullYear())),
+].sort((a, b) => b - a);
+
+const isCurrent = Astro.url.pathname.endsWith("/events/") || Astro.url.pathname.endsWith("/events");
 ---
 
 <EventsLayout frontmatter={frontmatter} headings={headings}>
+    <nav class="post-taxonomy">
+        <ul>
+            <li>
+                <a href="/events/" aria-current={isCurrent ? "page" : undefined}
+                    >Current</a
+                >
+            </li>
+            {
+                years.map((y) => (
+                    <li>
+                        <a href={`/events/${y}/`}>{y}</a>
+                    </li>
+                ))
+            }
+        </ul>
+    </nav>
     <slot />
 </EventsLayout>

package/src/pages/events/[year].astro

@@ -0,0 +1,91 @@
+---
+import { getCollection } from "astro:content";
+import { SITE } from "@config";
+import { Lang } from "@util/Languages";
+import DefaultLayout from "src/layouts/Default.astro";
+import TimelineEvent from "@components/TimelineEvent.astro";
+
+export async function getStaticPaths() {
+    const allEvents = await getCollection("events");
+    const years = [
+        ...new Set(
+            allEvents.map((event) => event.data.startDate.getFullYear()),
+        ),
+    ];
+
+    return years.map((year) => ({
+        params: { year: year.toString() },
+        props: { year },
+    }));
+}
+
+const { year } = Astro.props;
+const lang = SITE.default.lang;
+const _ = Lang(lang);
+
+const allEvents = await getCollection("events");
+const years = [
+    ...new Set(allEvents.map((event) => event.data.startDate.getFullYear())),
+].sort((a, b) => b - a);
+
+const events = allEvents.filter(({ data }) => {
+    return data.startDate.getFullYear() === year;
+});
+
+const sortedEvents = events.sort(
+    (a, b) => b.data.startDate.getTime() - a.data.startDate.getTime(),
+);
+
+const frontmatter = {
+    title: `Events in ${year}`,
+    description: `An archive of events from ${year}.`,
+};
+
+const breadcrumbs = [
+    {
+        url: `/events/${year}/`,
+        title: year.toString(),
+        ariaCurrent: "page",
+    },
+];
+---
+
+<DefaultLayout
+    frontmatter={frontmatter as any}
+    headings={[]}
+    breadcrumbs={breadcrumbs}>
+    <nav class="post-taxonomy">
+        <ul>
+            <li><a href="/events/">Current</a></li>
+            {
+                years.map((y) => (
+                    <li>
+                        <a
+                            href={`/events/${y}/`}
+                            aria-current={y === year ? "page" : undefined}
+                            >{y}</a
+                        >
+                    </li>
+                ))
+            }
+        </ul>
+    </nav>
+
+    <h2>{year}</h2>
+    <div class="timeline" data-timeline>
+        {
+            sortedEvents.map((event) => (
+                <TimelineEvent
+                    date={event.data.startDate as any}
+                    endDate={event.data.endDate as any}
+                    title={event.data.title}
+                    location={event.data.location}
+                    description={event.data.description}
+                    linkHref={event.data.linkHref}
+                    linkText={event.data.linkText}
+                    detailsHref={"/events/" + event.id + "/"}
+                />
+            ))
+        }
+    </div>
+</DefaultLayout>

package/src/pages/events/archive.astro

@@ -0,0 +1,44 @@
+---
+import { getCollection } from "astro:content";
+import { SITE } from "@config";
+import DefaultLayout from "src/layouts/Default.astro";
+
+const allEvents = await getCollection("events");
+const years = [
+    ...new Set(allEvents.map((event) => event.data.startDate.getFullYear())),
+].sort((a, b) => b - a);
+
+const frontmatter = {
+    title: "Events Archive",
+    description: "An archive of my past online and in-person events.",
+};
+
+const breadcrumbs = [
+    {
+        url: "/events/archive/",
+        title: "Archive",
+        ariaCurrent: "page",
+    },
+];
+---
+
+<DefaultLayout
+    frontmatter={frontmatter as any}
+    headings={[]}
+    breadcrumbs={breadcrumbs}>
+    <p>
+        This page captures past events, grouped by year. You can view <a
+            href="/events/">my current event list here</a
+        >.
+    </p>
+
+    <ul>
+        {
+            years.map((year) => (
+                <li>
+                    <a href={`/events/${year}/`}>{year}</a>
+                </li>
+            ))
+        }
+    </ul>
+</DefaultLayout>