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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@the-smithy/create-hearth-site",
-  "version": "0.16.0",
+  "version": "0.18.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.18.0"
   },
   "scripts": {
     "test": "node --test \"test/**/*.test.js\" && vitest run test/blocks.test.ts"

package/template/CLAUDE.md

@@ -37,6 +37,10 @@ Do these before writing code, and tell the developer what you found:
 - **Previews come from the SDK.** `<HearthPreview />` in the root layout shows drafts and refreshes as editors
   work in Hearth. Don't build a preview banner of your own.
 - **Forms** post through `submitHearthForm` in `src/app/actions.ts`. Keep the hidden `_gotcha` field.
+- **Analytics comes from the SDK.** `<HearthAnalytics />` in the root layout counts visits for the site's Traffic
+  page in Hearth: cookieless, so no consent banner. Don't add Google Analytics or other trackers. Marketing tags
+  (ads pixels) need a consent banner and are a separate, opt-in feature. Use `track("name")` from
+  `@the-smithy/hearth/analytics` for meaningful actions (a booking, a sign-up).
 
 ## Checks
 

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/app/layout.tsx

@@ -1,4 +1,5 @@
 import type { ReactNode } from "react";
+import { HearthAnalytics } from "@the-smithy/hearth/analytics";
 import { siteLang } from "@the-smithy/hearth/next";
 import { HearthPreview } from "@the-smithy/hearth/preview";
 import { SiteFooter } from "@/components/SiteFooter";
@@ -15,6 +16,7 @@ export const generateMetadata = () => hearthNext.siteMetadata();
 
 export default async function RootLayout({ children }: { children: ReactNode }) {
   const site = await hearthNext.getSite();
+  const preview = await hearthNext.isPreview();
   return (
     <html lang={siteLang(site)}>
       <body className="flex min-h-dvh flex-col">
@@ -22,12 +24,14 @@ export default async function RootLayout({ children }: { children: ReactNode })
           Skip to content
         </a>
         {/* Live draft preview from Hearth: shows while an editor previews, refreshes as they edit. */}
-        {(await hearthNext.isPreview()) ? <HearthPreview /> : null}
+        {preview ? <HearthPreview /> : null}
         <SiteHeader site={site} />
         <main id="main" className="flex-1">
           {children}
         </main>
         <SiteFooter site={site} />
+        {/* Hearth's built-in visitor analytics (cookieless, no banner needed): off in draft preview and when the site turns it off. */}
+        {site.analytics && !preview ? <HearthAnalytics config={site.analytics} /> : null}
       </body>
     </html>
   );

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,