Leon SerfatyandClaude Opus 5
3e9ba07175
Turnstile bot protection (sign-in, sign-up, password-reset): - Register Better Auth's captcha plugin with the cloudflare-turnstile provider; endpoints listed explicitly rather than relying on defaults. /reset-password is intentionally excluded — it is reached only via a single-use emailed token. - Add an explicit-render Turnstile widget component. Tokens are single-use, so each form resets the challenge after a failed submit; submit stays disabled until a token is held. - Read the site key server-side and pass it down as a prop, so rotating it does not require a rebuild. - Fail fast in production when TURNSTILE_SECRET_KEY is missing, and when a secret is set without a site key (that combination would demand a token no form can produce, locking every user out). - Pass a throwaway secret during `next build` in the Dockerfile, mirroring the existing BETTER_AUTH_SECRET treatment, so image builds don't need it. CSP fixes in middleware (these blocked Turnstile entirely): - Add frame-src for challenges.cloudflare.com. Without it the widget's iframe fell back to default-src 'self' and was blocked outright. - Allow 'unsafe-eval' and websockets in DEVELOPMENT only. `next dev` compiles with eval(), so the strict policy threw EvalError and killed hydration — no client JS ran at all, which also meant form submit handlers never fired. Production policy is unchanged and still strict. Also included (concurrent work in the tree): - Admin organizations pages and lib/admin/orgs. - Episode moderation migration, SEO metadata (sitemap, robots, JSON-LD, OG/Twitter images, manifest), Umami analytics, not-found page. Local dev database: docker-compose.dev.yml provisions Postgres 18 on port 5443 (5432-5442 are in use by other local projects). Note: `npx tsc --noEmit` currently fails in app/(app)/team/page.tsx — an `invitations` prop the component does not accept. This predates the commit and will fail `next build` until fixed. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
88 lines
2.9 KiB
TypeScript
88 lines
2.9 KiB
TypeScript
import { JsonLd } from "@/components/seo/json-ld";
|
|
import { breadcrumbSchema, graph, webPageSchema } from "@/lib/schema";
|
|
import { toIsoDate } from "@/lib/seo";
|
|
|
|
export interface LegalSection {
|
|
heading: string;
|
|
paragraphs: string[];
|
|
bullets?: string[];
|
|
}
|
|
|
|
/**
|
|
* Shared layout for long-form legal documents (Privacy, Terms, …).
|
|
*
|
|
* Also emits the page's structured data: every legal page has the same shape, so
|
|
* the WebPage + BreadcrumbList nodes are built here from `path`/`description`
|
|
* rather than repeated in each of the six route files.
|
|
*/
|
|
export function LegalDoc({
|
|
title,
|
|
updated,
|
|
intro,
|
|
sections,
|
|
path,
|
|
description,
|
|
}: {
|
|
title: string;
|
|
updated: string;
|
|
intro: string;
|
|
sections: LegalSection[];
|
|
/** Root-relative URL of this document, e.g. "/terms". */
|
|
path: string;
|
|
/** Same one-line summary used for the page's meta description. */
|
|
description: string;
|
|
}) {
|
|
const dateModified = toIsoDate(updated);
|
|
|
|
return (
|
|
<div className="container max-w-3xl py-20 md:py-24">
|
|
<JsonLd
|
|
data={graph(
|
|
{
|
|
...webPageSchema({ path, name: title, description }),
|
|
...(dateModified ? { dateModified } : {}),
|
|
},
|
|
breadcrumbSchema([{ name: title, path }])
|
|
)}
|
|
/>
|
|
<p className="text-[13px] font-semibold uppercase tracking-[0.04em] text-brand">Legal</p>
|
|
<h1 className="mt-3 font-display text-4xl font-extrabold tracking-tight md:text-5xl">
|
|
{title}
|
|
</h1>
|
|
<p className="mt-3 text-sm text-muted-foreground">Last updated: {updated}</p>
|
|
<p className="mt-6 text-lg leading-relaxed text-muted-foreground">{intro}</p>
|
|
|
|
<div className="mt-12 space-y-10">
|
|
{sections.map((s, i) => (
|
|
<section key={s.heading} className="space-y-3">
|
|
<h2 className="font-display text-xl font-bold tracking-tight">
|
|
<span className="text-muted-foreground/50">{i + 1}.</span> {s.heading}
|
|
</h2>
|
|
{s.paragraphs.map((p, j) => (
|
|
<p key={j} className="leading-relaxed text-muted-foreground">
|
|
{p}
|
|
</p>
|
|
))}
|
|
{s.bullets && (
|
|
<ul className="ml-1 space-y-2">
|
|
{s.bullets.map((b) => (
|
|
<li key={b} className="flex gap-2.5 text-muted-foreground">
|
|
<span className="mt-2 h-1.5 w-1.5 shrink-0 rounded-full bg-brand" />
|
|
<span className="leading-relaxed">{b}</span>
|
|
</li>
|
|
))}
|
|
</ul>
|
|
)}
|
|
</section>
|
|
))}
|
|
</div>
|
|
|
|
<p className="mt-12 border-t border-border pt-6 text-sm italic text-muted-foreground">
|
|
This document is provided for transparency about how Podcast Distribution AI operates. It is a general
|
|
template and is not legal advice; have it reviewed by qualified counsel for your
|
|
jurisdiction before relying on it.
|
|
</p>
|
|
</div>
|
|
);
|
|
}
|