openhands
dc8fb8a6ed
- Clone import: defer FurnitureData.json writes and append all entries in a single batched write instead of one read-modify-write per item, removing the main serialization bottleneck for large batches. - Clone import: raise SSE batch concurrency cap from 5 to 10 and bump the clone client/route default from 2 to 6. - Add a flush hook to runSseBatch so callers can batch deferred work before batch_complete is emitted, and surface flush errors as an error event. - Enable Next.js Cache Components (instant: false opt-out) and silence the related build warnings in next.config.ts. - Switch isomorphic-dompurify to dompurify and refresh dependencies.
115 lines
3.2 KiB
TypeScript
115 lines
3.2 KiB
TypeScript
import { asc, count } from "drizzle-orm";
|
|
import Link from "next/link";
|
|
import { getTranslations } from "next-intl/server";
|
|
import { ContentCard, EmptyState } from "@/components/public/ui";
|
|
import { db, WebsiteRareValueCategories, WebsiteRareValues } from "@/lib/db";
|
|
import { siteSettings } from "@/lib/services/site-settings";
|
|
|
|
// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
|
|
// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
|
|
export const instant = false;
|
|
|
|
export const metadata = { title: "Rare values" };
|
|
|
|
type CategoryRow = {
|
|
id: bigint;
|
|
name: string;
|
|
badge: string;
|
|
priority: number;
|
|
};
|
|
|
|
export default async function RareValuesPage() {
|
|
const t = await getTranslations("pages.rares");
|
|
let categories: CategoryRow[] = [];
|
|
try {
|
|
categories = await db
|
|
.select({
|
|
id: WebsiteRareValueCategories.id,
|
|
name: WebsiteRareValueCategories.name,
|
|
badge: WebsiteRareValueCategories.badge,
|
|
priority: WebsiteRareValueCategories.priority,
|
|
})
|
|
.from(WebsiteRareValueCategories)
|
|
.orderBy(
|
|
asc(WebsiteRareValueCategories.priority),
|
|
asc(WebsiteRareValueCategories.name),
|
|
);
|
|
} catch {
|
|
categories = [];
|
|
}
|
|
|
|
// Per-category rare counts (grouped so we avoid N queries).
|
|
const counts = new Map<string, number>();
|
|
try {
|
|
const grouped = await db
|
|
.select({
|
|
categoryId: WebsiteRareValues.categoryId,
|
|
value: count(),
|
|
})
|
|
.from(WebsiteRareValues)
|
|
.groupBy(WebsiteRareValues.categoryId);
|
|
for (const g of grouped) {
|
|
counts.set(String(g.categoryId), Number(g.value));
|
|
}
|
|
} catch {
|
|
// leave counts empty -> shown as 0
|
|
}
|
|
|
|
const badgesBase = (await siteSettings.get("badges_path", "")) ?? "";
|
|
|
|
return (
|
|
<main style={{ display: "grid", gap: "1.5rem" }}>
|
|
<ContentCard icon="💎" title={t("title")} subtitle={t("subtitle")} />
|
|
|
|
{categories.length === 0 ? (
|
|
<ContentCard padded={false}>
|
|
<EmptyState icon="💎">{t("empty")}</EmptyState>
|
|
</ContentCard>
|
|
) : (
|
|
<div className="card-grid sm-2 lg-3">
|
|
{categories.map((c) => {
|
|
const id = String(c.id);
|
|
const rareCount = counts.get(id) ?? 0;
|
|
const badgeSrc =
|
|
badgesBase && c.badge ? `${badgesBase}/${c.badge}.gif` : "";
|
|
return (
|
|
<Link
|
|
key={id}
|
|
href={`/rares/${id}`}
|
|
className="content-card hover-lift"
|
|
style={{ color: "inherit", textDecoration: "none" }}
|
|
>
|
|
<div className="content-card-head">
|
|
{badgeSrc ? (
|
|
// eslint-disable-next-line @next/next/no-img-element
|
|
<img
|
|
src={badgeSrc}
|
|
alt={`${c.name} badge`}
|
|
width={36}
|
|
height={36}
|
|
style={{ flexShrink: 0 }}
|
|
/>
|
|
) : (
|
|
<span className="content-card-icon" aria-hidden>
|
|
💎
|
|
</span>
|
|
)}
|
|
<div className="content-card-head-text">
|
|
<p className="content-card-title">{c.name}</p>
|
|
<p className="content-card-subtitle">
|
|
{t("rareCount", { count: rareCount })}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div className="content-card-body">
|
|
<span className="btn btn-outline">{t("viewRares")}</span>
|
|
</div>
|
|
</Link>
|
|
);
|
|
})}
|
|
</div>
|
|
)}
|
|
</main>
|
|
);
|
|
}
|