joshuaandClaude Sonnet 5
54b89d4f4b
Six site improvements picked from a "what could be better" review, plus a Jest test suite covering the two areas with the trickiest money-handling history in this project (early-bird pricing tranches, donation-leg accounting): - "Add to calendar" .ics download on event pages and in confirmation emails - sitemap.xml, robots.txt, and Open Graph/Twitter metadata for public pages - Sentry error monitoring (backend + frontend), a no-op until SENTRY_DSN is set - Nightly local pg_dump backups with a Site Settings tab to browse/trigger/download - Admin audit trail for refunds, donations, manual registrations, event and settings changes, and staff-initiated cancellations - Jest tests reproducing and guarding against the 1.8.0 tranche-pricing bug and the 1.4.2 donation-balance-inflation bug Wallet passes (Google/Apple) were scoped out of this round — Apple Wallet needs a paid Apple Developer account the project doesn't have yet, and the user preferred shipping both together later rather than Google alone now. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
104 lines
3.6 KiB
TypeScript
104 lines
3.6 KiB
TypeScript
import type { Metadata } from "next";
|
|
import { Geist, Geist_Mono } from "next/font/google";
|
|
import "./globals.css";
|
|
import { AuthProvider } from "@/contexts/AuthContext";
|
|
import { SiteSettingsProvider } from "@/contexts/SiteSettingsContext";
|
|
import type { SiteSettings } from "@/contexts/SiteSettingsContext";
|
|
import { ToastProvider } from "@/components/shared/ToastProvider";
|
|
import { BannerBar } from "@/components/shared/BannerBar";
|
|
import { SetupGuard } from "@/components/shared/SetupGuard";
|
|
import HelpFab from "@/components/shared/HelpFab";
|
|
import { API_BASE, resolveToApiOrigin } from "@/lib/api";
|
|
import { buildThemeCssVars } from "@/lib/colorScale";
|
|
import { appUrl } from "@/lib/siteConfig";
|
|
|
|
const geistSans = Geist({
|
|
variable: "--font-geist-sans",
|
|
subsets: ["latin"],
|
|
});
|
|
|
|
const geistMono = Geist_Mono({
|
|
variable: "--font-geist-mono",
|
|
subsets: ["latin"],
|
|
});
|
|
|
|
const appName = process.env.NEXT_PUBLIC_APP_NAME || 'Cross Code';
|
|
|
|
/**
|
|
* Server-side settings fetch, shared by generateMetadata() and RootLayout()
|
|
* below. Both call this with the identical URL + options so Next's per-request
|
|
* fetch memoization dedupes them into a single network call. Degrades to `{}`
|
|
* (static defaults everywhere downstream) if the backend is unreachable at
|
|
* request time — intentional, not a bug: branding just isn't critical enough
|
|
* to fail the whole page render over.
|
|
*/
|
|
async function getServerSettings(): Promise<SiteSettings> {
|
|
try {
|
|
const res = await fetch(`${API_BASE}/api/settings`, { next: { revalidate: 60 } });
|
|
if (!res.ok) return {};
|
|
return await res.json();
|
|
} catch {
|
|
return {};
|
|
}
|
|
}
|
|
|
|
export async function generateMetadata(): Promise<Metadata> {
|
|
const settings = await getServerSettings();
|
|
const faviconUrl = settings.favicon_url ? resolveToApiOrigin(settings.favicon_url) : null;
|
|
const logoUrl = settings.logo_url ? resolveToApiOrigin(settings.logo_url) : null;
|
|
const displayName = settings.org_name || appName;
|
|
const description = settings.org_tagline || `Manage and register for events with ${displayName}`;
|
|
|
|
return {
|
|
metadataBase: new URL(appUrl),
|
|
title: { default: displayName, template: `%s | ${displayName}` },
|
|
description,
|
|
icons: {
|
|
icon: faviconUrl || "/favicon.ico",
|
|
},
|
|
openGraph: {
|
|
type: "website",
|
|
siteName: displayName,
|
|
title: { default: displayName, template: `%s | ${displayName}` },
|
|
description,
|
|
...(logoUrl ? { images: [{ url: logoUrl }] } : {}),
|
|
},
|
|
twitter: {
|
|
card: "summary_large_image",
|
|
title: displayName,
|
|
description,
|
|
...(logoUrl ? { images: [logoUrl] } : {}),
|
|
},
|
|
};
|
|
}
|
|
|
|
export default async function RootLayout({ children }: { children: React.ReactNode }) {
|
|
const settings = await getServerSettings();
|
|
const cssVars = buildThemeCssVars({
|
|
primary: settings.primary_color || settings.accent_color,
|
|
secondary: settings.secondary_color,
|
|
accent: settings.primary_color ? settings.accent_color : undefined,
|
|
});
|
|
|
|
return (
|
|
<html lang="en">
|
|
<body>
|
|
{cssVars && (
|
|
<style id="brand-theme" dangerouslySetInnerHTML={{ __html: `:root{${cssVars}}` }} />
|
|
)}
|
|
<SiteSettingsProvider initialSettings={settings}>
|
|
<AuthProvider>
|
|
<ToastProvider>
|
|
<SetupGuard />
|
|
<BannerBar />
|
|
{children}
|
|
<HelpFab />
|
|
</ToastProvider>
|
|
</AuthProvider>
|
|
</SiteSettingsProvider>
|
|
</body>
|
|
</html>
|
|
|
|
);
|
|
}
|