Godopu
9bdc9bdd9a
- Configure Next.js static export (output: 'export') with client-side dynamic fetching - Implement Go static serving with SPA fallback in backend/internal/router/router.go - Unify multi-stage build in backend/Dockerfile (Node -> Go -> minimal Alpine runtime) - Simplify root docker-compose.yml to single anl-app service on port 8080 - Update REQUIREMENTS.md DM-03 and AC-17 normative contracts to v3.0 Unified Go Backend - Restore strict regression verification in Gate 9 (AC-35/36/37) and unittest suite - All Go unit tests, TypeScript type checks, ESLint, and E2E gates passed clean
86 lines
3.1 KiB
TypeScript
86 lines
3.1 KiB
TypeScript
"use client";
|
|
|
|
import React, { useEffect, useState } from "react";
|
|
import { CategoryNav } from "./_components/CategoryNav";
|
|
import { getPublications, getPatents } from "../../lib/api";
|
|
import type { Publication, Patent } from "../../content/types";
|
|
|
|
export default function PublicationsIndexPage() {
|
|
const [publications, setPublications] = useState<Publication[]>([]);
|
|
const [patents, setPatents] = useState<Patent[]>([]);
|
|
|
|
useEffect(() => {
|
|
getPublications().then((p) => {
|
|
if (p) setPublications(p);
|
|
});
|
|
getPatents().then((pat) => {
|
|
if (pat) setPatents(pat);
|
|
});
|
|
}, []);
|
|
|
|
const counts = {
|
|
"intl-journal-conf": publications.filter((p) => p.category === "intl-journal-conf").length,
|
|
"domestic-journal-conf": publications.filter((p) => p.category === "domestic-journal-conf").length,
|
|
patent: patents.length,
|
|
};
|
|
|
|
// Selected representative publications (curated via database isHighlight flag)
|
|
const highlights = publications.filter((p) => p.isHighlight);
|
|
|
|
return (
|
|
<div className="container-content py-8 sm:py-12 space-y-10 sm:space-y-14">
|
|
{/* Page Header */}
|
|
<section>
|
|
<h1 className="font-serif text-4xl sm:text-5xl font-normal text-ink tracking-tight">
|
|
PUBLICATIONS
|
|
</h1>
|
|
</section>
|
|
|
|
{/* Category Summary Cards */}
|
|
<section className="pt-6 md:pt-8 border-t border-line">
|
|
<CategoryNav counts={counts} />
|
|
</section>
|
|
|
|
{/* Highlights Section */}
|
|
<section className="space-y-6 pt-6 md:pt-8 border-t border-line">
|
|
<h2 className="font-serif text-2xl sm:text-3xl font-normal text-cobalt-dark">
|
|
Highlights
|
|
</h2>
|
|
|
|
<div className="divide-y divide-line border border-line bg-paper rounded-lg overflow-hidden shadow-sm">
|
|
{highlights.map((pub, idx) => (
|
|
<article key={`${pub.category}-${idx}`} className="p-5 hover:bg-ivory/60 transition-colors space-y-2">
|
|
<div className="flex flex-wrap items-center gap-2 text-xs font-mono text-ink-mute">
|
|
<span className="px-2 py-0.5 rounded bg-ivory border border-line text-ink font-bold">
|
|
{pub.publishedAt?.substring(0, 7) || "Recent"}
|
|
</span>
|
|
<span>·</span>
|
|
<span className="capitalize">{pub.category.replace(/-/g, " ")}</span>
|
|
{pub.doi && (
|
|
<>
|
|
<span>·</span>
|
|
<span className="text-vermillion-dark">DOI: {pub.doi}</span>
|
|
</>
|
|
)}
|
|
</div>
|
|
<h3 className="font-serif text-base font-normal text-ink leading-snug">
|
|
{pub.title}
|
|
</h3>
|
|
{pub.authors && (
|
|
<p className="text-xs text-ink-mute">
|
|
{pub.authors}
|
|
</p>
|
|
)}
|
|
{pub.venue && (
|
|
<p className="text-xs italic text-ink-mute">
|
|
{pub.venue}{pub.volume ? `, ${pub.volume}` : ""}
|
|
</p>
|
|
)}
|
|
</article>
|
|
))}
|
|
</div>
|
|
</section>
|
|
</div>
|
|
);
|
|
}
|