asepharyana
2d974b8952
CI / typecheck + build (turbo) (push) Canceled after 0s
Home page, search results, and doc page Related links all
generated hrefs as /${section}/${slug} but slug already
includes the section prefix (e.g. 'docs/websocket/contract'),
producing doubled URLs like /docs/docs/websocket/contract → 404.
Fix: href={`/${d.slug}`} everywhere.
89 lines
3.0 KiB
TypeScript
89 lines
3.0 KiB
TypeScript
import Link from "next/link";
|
|
import { notFound } from "next/navigation";
|
|
import { getDocument, listDocuments, getRelated, listRevisions } from "@mcpedia/core";
|
|
import Markdown from "@/components/Markdown";
|
|
|
|
// Render at request time. The content lives in Postgres (populated by the
|
|
// indexer/worker), which is not available at build time (CI has no DB), so we
|
|
// opt out of static generation. At this corpus scale request-time rendering is
|
|
// instant.
|
|
export const dynamic = "force-dynamic";
|
|
|
|
export default async function DocPage({
|
|
params,
|
|
}: {
|
|
params: Promise<{ section: string; slug: string[] }>;
|
|
}) {
|
|
const { section, slug } = await params;
|
|
const fullSlug = `${section}/${slug.join("/")}`;
|
|
const doc = await getDocument(fullSlug);
|
|
if (!doc) notFound();
|
|
|
|
const related = await getRelated(fullSlug, 5);
|
|
const revisions = await listRevisions(fullSlug, 10);
|
|
|
|
return (
|
|
<article className="space-y-4">
|
|
<div>
|
|
<Link href="/" className="text-sm text-zinc-500 hover:underline">
|
|
← Back
|
|
</Link>
|
|
<h1 className="text-2xl font-semibold tracking-tight mt-2">
|
|
{doc.title}
|
|
</h1>
|
|
<div className="text-xs text-zinc-500 mt-1">
|
|
{doc.tags.map((t) => `#${t}`).join(" ")} · {doc.author || "unknown"}
|
|
</div>
|
|
</div>
|
|
|
|
<Markdown source={doc.body} />
|
|
|
|
{related.length > 0 && (
|
|
<aside className="mt-8 border-t border-zinc-200 dark:border-zinc-800 pt-4">
|
|
<h2 className="text-sm font-medium mb-2">Related</h2>
|
|
<ul className="text-sm space-y-1">
|
|
{related.map((r) => (
|
|
<li key={r.slug}>
|
|
<Link
|
|
href={`/${r.slug}`}
|
|
className="hover:underline"
|
|
>
|
|
{r.title}
|
|
</Link>
|
|
</li>
|
|
))}
|
|
</ul>
|
|
</aside>
|
|
)}
|
|
|
|
{revisions.length > 0 && (
|
|
<aside className="mt-8 border-t border-zinc-200 dark:border-zinc-800 pt-4">
|
|
<h2 className="text-sm font-medium mb-2">History</h2>
|
|
<ul className="text-sm space-y-1">
|
|
{revisions.map((rev) => (
|
|
<li
|
|
key={rev.id}
|
|
className="flex items-center justify-between gap-2"
|
|
>
|
|
<span className="text-zinc-600 dark:text-zinc-400">
|
|
#{rev.revisionNo} · {rev.reason} ·{" "}
|
|
{new Date(rev.createdAt).toLocaleString()} · {rev.bodyLength} chars
|
|
</span>
|
|
<form action={`/api/revisions/restore/`} method="post">
|
|
<input type="hidden" name="id" value={rev.id} />
|
|
<button
|
|
type="submit"
|
|
className="rounded border border-zinc-300 dark:border-zinc-700 px-2 py-0.5 text-xs hover:bg-zinc-100 dark:hover:bg-zinc-800"
|
|
>
|
|
Restore
|
|
</button>
|
|
</form>
|
|
</li>
|
|
))}
|
|
</ul>
|
|
</aside>
|
|
)}
|
|
</article>
|
|
);
|
|
}
|