Files
Epicnabbo-Catalogus-Updated…/src/app/admin/sounds/page.tsx
T
openhands 51ef7602ca perf: migrate pages to Cache Components via root layout opt-out
Remove the per-route 'export const instant = false' opt-outs now that the root layout carries the single Cache Components opt-out. Child pages inherit the opt-out, so admin/mod/radio leaf pages that only access cached or DB data stay instant while runtime-dependent pages remain dynamic. Update the staff-smoke contract test to assert the root-layout contract.
2026-08-07 18:51:45 +02:00

89 lines
2.3 KiB
TypeScript

import { asc, count, gt } from "drizzle-orm";
import { redirect } from "next/navigation";
import { CatalogItems, db, Soundtracks } from "@/lib/db";
import { canAccess, getAdminContext, PERMS } from "@/lib/permissions";
import { siteSettings } from "@/lib/services/site-settings";
import {
DEFAULT_SOUNDTRACK_BASE_URL,
parseTrackSamples,
} from "@/lib/services/soundtracks";
import { SoundsClient } from "./sounds-client";
export default async function SoundsPage() {
const { session, permissions } = await getAdminContext();
if (!canAccess(permissions, PERMS.CATALOG_VIEW, session.user.rank)) {
redirect("/admin");
}
const canEdit = canAccess(permissions, PERMS.CATALOG_EDIT, session.user.rank);
const [rows, usage, baseUrlSetting] = await Promise.all([
db
.select({
id: Soundtracks.id,
code: Soundtracks.code,
name: Soundtracks.name,
author: Soundtracks.author,
length: Soundtracks.length,
track: Soundtracks.track,
})
.from(Soundtracks)
.orderBy(asc(Soundtracks.id)),
db
.select({
songId: CatalogItems.songId,
total: count(),
})
.from(CatalogItems)
.where(gt(CatalogItems.songId, 0))
.groupBy(CatalogItems.songId),
siteSettings.get("soundtrack_base_url", DEFAULT_SOUNDTRACK_BASE_URL),
]);
const usageMap: Record<number, number> = {};
for (const row of usage) {
if (row.songId != null) usageMap[row.songId] = Number(row.total);
}
const soundtracks = rows.map((r) => {
const samples = parseTrackSamples(r.track);
return {
id: r.id,
code: r.code,
name: r.name,
author: r.author,
length: r.length,
track: r.track,
samples,
kind: (samples.length > 0 ? "composition" : "single") as
| "composition"
| "single",
usedBy: usageMap[r.id] ?? 0,
};
});
// Normalize: ensure trailing slash so ${base}${code}.mp3 yields a valid URL.
const configuredBaseUrl = baseUrlSetting ?? "/sounds/";
const baseUrl = configuredBaseUrl.endsWith("/")
? configuredBaseUrl
: `${configuredBaseUrl}/`;
return (
<div className="space-y-6">
<p className="text-muted-foreground">
Files are served from <code>{baseUrl}</code> (configurable in{" "}
<a href="/admin/settings" className="underline">
Settings
</a>
).
</p>
<SoundsClient
soundtracks={soundtracks}
canEdit={canEdit}
baseUrl={baseUrl}
/>
</div>
);
}