Files
podcastdistributiona/app/(app)/episodes/[id]/repurpose/page.tsx
T
Leon SerfatyandClaude Opus 5 3e9ba07175 feat: Cloudflare Turnstile on auth, CSP fixes, admin/SEO/analytics additions
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>
2026-09-07 11:10:55 -04:00

54 lines
1.8 KiB
TypeScript

import type { Metadata } from "next";
import { notFound } from "next/navigation";
import Link from "next/link";
import { ArrowLeft } from "lucide-react";
import { requireAuth } from "@/lib/auth/guards";
import { prisma } from "@/lib/db";
import { PageHeader } from "@/components/app/page-header";
import { RepurposeClient } from "@/components/app/repurpose-client";
import { Button } from "@/components/ui/button";
type Format = "blog" | "social_thread" | "newsletter";
type Content = { title: string; body: string } | null;
export const metadata: Metadata = { title: "Repurpose episode" };
export default async function RepurposePage({ params }: { params: Promise<{ id: string }> }) {
const { id } = await params;
const session = await requireAuth();
const episode = await prisma.episode.findUnique({
where: { id },
select: {
userId: true,
title: true,
script: { select: { id: true } },
repurposed: { orderBy: { createdAt: "desc" } },
},
});
if (!episode) notFound();
if (episode.userId !== session.user.id && session.user.role !== "admin") notFound();
// Latest content per format.
const initial: Record<Format, Content> = { blog: null, social_thread: null, newsletter: null };
for (const r of episode.repurposed) {
const key = r.type as Format;
if (key in initial && !initial[key]) initial[key] = r.content as unknown as Content;
}
return (
<>
<Button asChild variant="ghost" size="sm" className="mb-2">
<Link href={`/episodes/${id}`}>
<ArrowLeft className="h-4 w-4" /> Back to episode
</Link>
</Button>
<PageHeader
title="Repurpose content"
description={`Turn "${episode.title}" into a blog post, social thread, or newsletter.`}
/>
<RepurposeClient episodeId={id} initial={initial} />
</>
);
}