disclosure-bureau/web/app/page.tsx
Luiz Gustavo df82d40a96
Some checks failed
CI / Web — typecheck + lint + build (push) Failing after 36s
CI / Scripts — Python smoke (push) Failing after 6s
CI / Web — npm audit (push) Failing after 42s
CI / Retrieval — golden set (Recall@5 + MRR) (push) Failing after 5s
W5.7 (Phase 3E): perf + a11y + OG images
A11y:
  - Skip-link in <body> (focus-visible only) that jumps to #main.
    Bilingual ("Skip to content" / "Pular para o conteúdo").
  - <main id="main"> landmark wrapping the homepage body.
  - prefers-reduced-motion media query disables the hover-scale + image
    transitions for users with vestibular sensitivity.
  - Skip-link styled with high contrast (gold-on-dark) + outline on
    keyboard focus.

Performance:
  - HeroBanner background image: fetchPriority="high" + explicit
    width/height (1600x900) for zero CLS.
  - FeaturedCase image: fetchPriority="high" + 1280x720 to prevent
    layout shift while the 2.7MB painting loads.
  - IconicCases tiles already have loading="lazy".
  - prose blockquote: overflow-wrap:anywhere so verbatim quotes don't
    bust the mobile viewport.

Open Graph:
  - app/layout.tsx default OG image set to the green-fireballs
    painting (any page without its own image card inherits this).
  - app/c/[slug] OG image is the case's editorial illustration when
    one exists. WhatsApp, Twitter, Telegram, Slack, ChatGPT search
    all pull this when the link is shared. 2000x1125 for the
    "summary_large_image" twitter card.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-05-24 16:55:35 -03:00

124 lines
5.1 KiB
TypeScript

import { listDocuments, readDocument } from "@/lib/wiki";
import { ChatBubble } from "@/components/chat-bubble";
import { BatchProgressBanner } from "@/components/batch-progress-banner";
import { getLocale } from "@/components/locale-toggle";
import { summarize, pickPitch } from "@/lib/doc-summary";
import { DocListFilters } from "@/components/doc-list-filters";
import { SiteHeader } from "@/components/site-header";
import { HeroBanner } from "@/components/hero-banner";
import { FeaturedCase } from "@/components/featured-case";
import { IconicCases } from "@/components/iconic-cases";
import { PortalGrid, type PortalCounts } from "@/components/portal-grid";
import { GreatestHits } from "@/components/greatest-hits";
import { pgQuery } from "@/lib/retrieval/db";
// Read wiki/ filesystem + DB at request time, not build time.
export const dynamic = "force-dynamic";
async function loadCounts(documentsCount: number): Promise<PortalCounts> {
const rows = await pgQuery<{ entity_class: string; c: string }>(
`SELECT entity_class, COUNT(*)::text AS c
FROM public.entities
GROUP BY entity_class`,
).catch(() => [] as Array<{ entity_class: string; c: string }>);
const by: Record<string, number> = {};
for (const r of rows) by[r.entity_class] = Number(r.c);
return {
events: by.event ?? 0,
people: by.person ?? 0,
uap_objects: by.uap_object ?? 0,
locations: by.location ?? 0,
operations: by.organization ?? 0,
documents: documentsCount,
};
}
export default async function Home() {
const ids = await listDocuments();
const locale = (await getLocale()) === "en" ? "en" : "pt-br";
const docs = await Promise.all(
ids.map(async (id) => {
const f = await readDocument(id);
const summaryLang: "pt" | "en" = locale === "en" ? "en" : "pt";
return {
id,
title: (f?.fm.canonical_title as string) ?? id,
pages: (f?.fm.page_count as number) ?? 0,
collection: (f?.fm.collection as string) ?? "uncategorized",
classification: (f?.fm.highest_classification as string) ?? "—",
summary: pickPitch(f?.fm as Record<string, unknown> | undefined, summaryLang) ?? (f?.body ? summarize(f.body, summaryLang) : ""),
};
}),
);
const counts = await loadCounts(ids.length);
const totalPages = docs.reduce((s, d) => s + d.pages, 0);
return (
<div className="min-h-screen">
<SiteHeader locale={locale} />
<main id="main">
<HeroBanner
locale={locale}
stats={{
documents: counts.documents,
events: counts.events,
people: counts.people,
uap_objects: counts.uap_objects,
}}
heroDocId="dow-uap-d017-general-correspondence-of-sandia"
heroPage={1}
/>
<FeaturedCase locale={locale} />
<IconicCases locale={locale} />
<PortalGrid counts={counts} locale={locale} />
<GreatestHits locale={locale} limit={9} />
<BatchProgressBanner />
{/* Document list — kept but reframed as "the primary record" */}
<section className="mx-auto max-w-7xl px-4 md:px-8 py-12 md:py-16 border-t border-[rgba(224,192,128,0.10)]">
<div className="text-[10px] font-mono uppercase tracking-[0.18em] text-[#5a6678] mb-2">
{locale === "en" ? "// The primary record" : "// O registro primário"}
</div>
<h2 className="font-display text-2xl md:text-3xl text-[#e7ecf3] mb-1">
{locale === "en" ? "Every document, indexed and searchable" : "Cada documento, indexado e buscável"}
</h2>
<p className="text-[#9aa6b8] text-sm mb-6">
{locale === "en"
? `${ids.length} declassified files · ${totalPages.toLocaleString("pt-BR")} pages`
: `${ids.length} arquivos desclassificados · ${totalPages.toLocaleString("pt-BR")} páginas`}
</p>
<DocListFilters docs={docs} />
</section>
</main>
<ChatBubble context={{}} />
{/* JSON-LD: WebSite + ItemList of recent docs (helps GEO discovery) */}
<script
type="application/ld+json"
dangerouslySetInnerHTML={{ __html: JSON.stringify({
"@context": "https://schema.org",
"@type": "WebSite",
name: "The Disclosure Bureau",
url: process.env.NEXT_PUBLIC_SITE_URL ?? "https://disclosure.top",
description: locale === "en"
? `Public archive of ${counts.documents} declassified UAP/UFO documents from the US Department of War, with ${counts.events.toLocaleString()} catalogued events and ${counts.people.toLocaleString()} people.`
: `Arquivo público de ${counts.documents} documentos UAP/UFO desclassificados do Departamento de Guerra dos EUA, com ${counts.events.toLocaleString()} eventos catalogados e ${counts.people.toLocaleString()} pessoas.`,
potentialAction: {
"@type": "SearchAction",
target: `${process.env.NEXT_PUBLIC_SITE_URL ?? "https://disclosure.top"}/search?q={search_term_string}`,
"query-input": "required name=search_term_string",
},
}) }}
/>
</div>
);
}