| 1 | import { PageHeader } from "@/components/page-header"; |
| 2 | import { EmptyState } from "@/components/surface-state"; |
| 3 | import { |
| 4 | DIGEST_RECORD_PREFIX, |
| 5 | isPublishedDigest, |
| 6 | type WeeklyDigestRecord as WeeklyDigest, |
| 7 | } from "@/lib/community-agent"; |
| 8 | import { getDigest } from "@/lib/i18n/dictionaries"; |
| 9 | import { getEnv } from "@/lib/kv"; |
| 10 | import { buildPageMetadata } from "@/lib/page-meta"; |
| 11 | |
| 12 | type DigestSection = WeeklyDigest["sections"][number]; |
| 13 | |
| 14 | export const revalidate = 3600; // Cache page updates hourly |
| 15 | |
| 16 | export async function generateMetadata({ params }: { params: Promise<{ locale: string }> }) { |
| 17 | const { locale } = await params; |
| 18 | const t = getDigest(locale); |
| 19 | return buildPageMetadata({ |
| 20 | path: "/digest", |
| 21 | locale, |
| 22 | title: t.metaTitle, |
| 23 | description: t.metaDescription, |
| 24 | }); |
| 25 | } |
| 26 | |
| 27 | export default async function DigestArchivePage({ params }: { params: Promise<{ locale: string }> }) { |
| 28 | const { locale } = await params; |
| 29 | const t = getDigest(locale); |
| 30 | |
| 31 | // 1. Get the correct project environment bindings |
| 32 | const env = await getEnv(); |
| 33 | const kv = env.CURATED_KV; |
| 34 | |
| 35 | // Fallback array if no data is found or if KV isn't active in dev |
| 36 | let digests: WeeklyDigest[] = []; |
| 37 | |
| 38 | if (kv) { |
| 39 | try { |
| 40 | // Fetch all weekly digest keys generated by the agent tasks |
| 41 | const { keys } = await kv.list({ prefix: DIGEST_RECORD_PREFIX }); |
| 42 | |
| 43 | if (keys && keys.length > 0) { |
| 44 | const digestsRaw = await Promise.all( |
| 45 | keys.map(async (k: { name: string }) => { |
| 46 | const data = await kv.get(k.name); |
| 47 | return data; |
| 48 | }) |
| 49 | ); |
| 50 | |
| 51 | // Parse each entry independently so a single malformed record can't |
| 52 | // blank the entire archive — skip only the bad ones. The cron stages |
| 53 | // records unapproved; only maintainer-approved ones are public. |
| 54 | digests = digestsRaw |
| 55 | .filter((item: string | null): item is string => Boolean(item)) |
| 56 | .flatMap((item: string) => { |
| 57 | try { |
| 58 | const parsed: unknown = JSON.parse(item); |
| 59 | return isPublishedDigest(parsed) ? [parsed] : []; |
| 60 | } catch (e) { |
| 61 | console.error("Skipping malformed digest entry:", e); |
| 62 | return []; |
| 63 | } |
| 64 | }) |
| 65 | .sort((a: WeeklyDigest, b: WeeklyDigest) => |
| 66 | new Date(b.generatedAt).getTime() - new Date(a.generatedAt).getTime() |
| 67 | ); |
| 68 | } |
| 69 | } catch (e) { |
| 70 | console.error("Error reading from KV:", e); |
| 71 | } |
| 72 | } |
| 73 | |
| 74 | // A maintainer reviews a digest in one language (the admin locale), and |
| 75 | // only that language is published, so each digest renders in the language |
| 76 | // it was reviewed in whatever the reader's locale. |
| 77 | |
| 78 | if (digests.length === 0) { |
| 79 | return ( |
| 80 | <> |
| 81 | <PageHeader title={t.title} lede={t.lead} pose="read" /> |
| 82 | <div className="page-body"> |
| 83 | <EmptyState locale={locale} title={t.emptyTitle} body={t.emptyBody} pose="sleep" /> |
| 84 | </div> |
| 85 | </> |
| 86 | ); |
| 87 | } |
| 88 | |
| 89 | return ( |
| 90 | <> |
| 91 | <PageHeader title={t.title} lede={t.lead} pose="read" /> |
| 92 | <div className="page-body"> |
| 93 | <div className="page-body-narrow digest-list"> |
| 94 | {digests.map((digest: WeeklyDigest) => { |
| 95 | const zh = digest.approvedLang === "zh"; |
| 96 | return ( |
| 97 | <article key={digest.weekId} className="changelog-release" lang={zh ? "zh" : "en"}> |
| 98 | <header className="digest-head"> |
| 99 | <span className="pill tabular">{digest.weekId}</span> |
| 100 | <h2 className="section-title">{zh ? digest.titleZh : digest.titleEn}</h2> |
| 101 | <p className="section-scope">{zh ? digest.summaryZh : digest.summaryEn}</p> |
| 102 | </header> |
| 103 | <div className="changelog-sections"> |
| 104 | {digest.sections.map((section: DigestSection, idx: number) => ( |
| 105 | <section key={idx}> |
| 106 | <h3>{section.heading}</h3> |
| 107 | <ul> |
| 108 | {section.items.map((item: string, itemIdx: number) => ( |
| 109 | <li key={itemIdx}>{item}</li> |
| 110 | ))} |
| 111 | </ul> |
| 112 | </section> |
| 113 | ))} |
| 114 | </div> |
| 115 | </article> |
| 116 | ); |
| 117 | })} |
| 118 | </div> |
| 119 | </div> |
| 120 | </> |
| 121 | ); |
| 122 | } |
| 123 |