@the-smithy/create-hearth-site 0.16.0 → 0.17.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@the-smithy/create-hearth-site",
-  "version": "0.16.0",
+  "version": "0.17.0",
   "description": "Start a new client website powered by Hearth: pnpm create @the-smithy/hearth-site",
   "type": "module",
   "license": "SEE LICENSE IN LICENSE",
@@ -29,7 +29,7 @@
   ],
   "devDependencies": {
     "vitest": "^5.0.3",
-    "@the-smithy/hearth-schema": "^0.16.0"
+    "@the-smithy/hearth-schema": "^0.17.0"
   },
   "scripts": {
     "test": "node --test \"test/**/*.test.js\" && vitest run test/blocks.test.ts"

package/template/next.config.ts

@@ -5,7 +5,8 @@ import type { NextConfig } from "next";
 const securityHeaders = [
   { key: "X-Content-Type-Options", value: "nosniff" },
   { key: "Referrer-Policy", value: "strict-origin-when-cross-origin" },
-  { key: "X-Frame-Options", value: "SAMEORIGIN" },
+  // Only this site and Hearth's side-by-side preview may show it in a frame (X-Frame-Options would block the preview).
+  { key: "Content-Security-Policy", value: "frame-ancestors 'self' https://hearth.thesmithy.io" },
   { key: "Permissions-Policy", value: "camera=(), microphone=(), geolocation=()" },
 ];
 

package/template/src/components/blocks/events.tsx

@@ -69,6 +69,18 @@ export function UpcomingEvents({ block }: { block: BlockOf<"upcomingEvents"> })
   );
 }
 
+/** Events that have ended, most recent first (a talk archive). They keep their pages, so each still links to it. */
+export function PastEvents({ block }: { block: BlockOf<"pastEvents"> }) {
+  const d = block.data;
+  if (!d.events.length) return null;
+  return (
+    <Section tone="muted">
+      <SectionHeading eyebrow={d.eyebrow} heading={d.heading} intro={d.intro} />
+      <EventList events={d.events} />
+    </Section>
+  );
+}
+
 export function EventSpotlight({ block }: { block: BlockOf<"eventSpotlight"> }) {
   const e = block.data.event;
   if (!e) return null;

package/template/src/components/blocks/index.tsx

@@ -3,7 +3,7 @@ import { HearthBlocks, type BlockComponents } from "@the-smithy/hearth/react";
 import { Section, SectionHeading } from "@/components/ui";
 import { CollectionList } from "./collections";
 import { CallToAction, CardGrid, Faq, Hero, MediaText, Pricing, Projects, Quote, RichText, Stats } from "./content";
-import { EventSpotlight, UpcomingEvents } from "./events";
+import { EventSpotlight, PastEvents, UpcomingEvents } from "./events";
 import { CustomBlock } from "./custom";
 import { EmberFormBlock } from "./EmberFormBlock";
 import { HearthForm } from "./Form";
@@ -52,6 +52,7 @@ export const blocks: BlockComponents = {
   schedule: Schedule,
   form: FormBlock,
   upcomingEvents: UpcomingEvents,
+  pastEvents: PastEvents,
   eventSpotlight: EventSpotlight,
   collectionList: CollectionList,
   fundraiserSpotlight: FundraiserSpotlight,