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>
124 lines
5.1 KiB
TypeScript
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>
|
|
);
|
|
}
|