Files
EpicNext-Cms/src/app/admin/rooms/[id]/furni/page.tsx
T
openhands dc8fb8a6ed feat: speed up admin clone import and enable Cache Components
- 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.
2026-08-05 11:10:16 +02:00

103 lines
2.8 KiB
TypeScript

import { desc, eq, inArray } from "drizzle-orm";
import { redirect } from "next/navigation";
import { AdminBreadcrumb } from "@/components/admin/admin-breadcrumb";
import { db, Items, ItemsBase, User } from "@/lib/db";
import { canAccess, getAdminContext, PERMS } from "@/lib/permissions";
import { loadRoom } from "../../_lib/load-room";
import { FurniClient } from "./furni-client";
// 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 default async function RoomFurniPage({
params,
}: {
params: Promise<{ id: string; locale: string }>;
}) {
const { id } = await params;
const { session, permissions } = await getAdminContext();
if (!canAccess(permissions, PERMS.ROOMS_VIEW, session.user.rank))
redirect("/admin");
const room = await loadRoom(id);
// Load items in this room. items.item_id → items_base.id
const items = await db
.select()
.from(Items)
.where(eq(Items.roomId, room.id))
.orderBy(desc(Items.id));
// Resolve item bases
const baseIds = Array.from(
new Set(
items.map((i) => i.itemId).filter((id): id is number => id !== null),
),
);
const bases = baseIds.length
? await db
.select({
id: ItemsBase.id,
itemName: ItemsBase.itemName,
publicName: ItemsBase.publicName,
type: ItemsBase.type,
})
.from(ItemsBase)
.where(inArray(ItemsBase.id, baseIds))
: [];
const baseMap = new Map(bases.map((b) => [b.id, b]));
// Resolve owner usernames
const userIds = Array.from(
new Set(items.map((i) => i.userId).filter((u) => u > 0)),
);
const users = userIds.length
? await db
.select({ id: User.id, username: User.username })
.from(User)
.where(inArray(User.id, userIds))
: [];
const userMap = new Map(users.map((u) => [u.id, u.username]));
const rows = items.map((i) => {
const base = i.itemId === null ? undefined : baseMap.get(i.itemId);
return {
id: i.id,
baseId: i.itemId ?? 0,
name: base?.publicName || base?.itemName || `#${i.itemId}`,
itemName: base?.itemName ?? "",
type: base?.type ?? "?",
x: i.x,
y: i.y,
z: i.z,
rot: i.rot,
wallPos: i.wallPos,
userId: i.userId,
ownerUsername: userMap.get(i.userId) ?? null,
extraData: i.extraData,
};
});
return (
<div className="space-y-6">
<AdminBreadcrumb
items={[
{ label: "Rooms", href: "/admin/rooms" },
{ label: room.name, href: `/admin/rooms/show/${room.id}` },
{ label: "Furniture" },
]}
/>
<FurniClient
room={{
id: room.id,
name: room.name,
ownerUsername: room.owner?.username ?? room.ownerName,
}}
items={rows}
canEdit={canAccess(permissions, PERMS.ROOMS_EDIT, session.user.rank)}
/>
</div>
);
}