fix(studio): harden organize-imports against long-running queries and hangs
CI / check (push) Successful in 2m33s
CI / deploy (push) Successful in 1m26s
CI / publish-container (push) Successful in 50s

The original GET route used a correlated NOT EXISTS / FIND_IN_SET
subquery over the entire catalog_items table for every recent import
audit entry, causing server timeouts when the audit log or catalog
grew large.  The per-item host-page validation inside the create
action also issued one SELECT + one UPDATE per moved offer.

Changes:
- GET /api/admin/import/organize: replace the correlated subquery
  with a bounded candidate list and a JS-side placed-set check, then
  resolve all needed base items in a single indexed SELECT.  This
  bounds the query cost regardless of catalog or audit log size.
- organizeImportFurni action: validate mover ids in one SELECT, then
  batch every move per group into a single UPDATE with a CASE
  expression instead of one UPDATE per item.
- OrganizeImportsDialog: add a 45-second abort timeout on the fetch
  and a distinct load-error state so the UI never silently hangs.
- Add 'loadError' translation key (en + nl).
This commit is contained in:
openhands committed 2026-09-11 20:24:38 +02:00
1 parent 01a85ebcd0
commit 19dc0347df
5 files changed
+181 -66

No files matched your search

+111 -47
View File
@@ -5,7 +5,7 @@ import {
} from "@/features/catalog/server/import-pages";
import { apiOk } from "@/lib/api";
import { withAdmin } from "@/lib/api-handler";
import { db } from "@/lib/db";
import { db, ItemsBase } from "@/lib/db";
import { PERMS } from "@/lib/permissions";
interface OrganizeItem {
@@ -21,14 +21,13 @@ interface OrganizeItem {
alreadyPlaced: boolean;
}
const columns = sql`
ib.id AS itemId,
ib.item_name AS itemName,
ib.public_name AS publicName,
ib.type AS type,
ib.sprite_id AS spriteId,
ib.interaction_type AS interactionType
`;
/** Parse the base-item ids stored in an offer's item_ids column. */
function parseItemIds(raw: string): number[] {
return String(raw ?? "")
.split(/[;,]/)
.map((s) => Number(s.trim()))
.filter((n) => Number.isFinite(n) && n > 0);
}
export const GET = withAdmin(
{ permission: PERMS.CATALOG_VIEW },
@@ -45,32 +44,38 @@ export const GET = withAdmin(
const since = sinceIso.slice(0, 19).replace("T", " ");
const pageIds = await getImportedCategoryPageIds();
const byItemId = new Map<number, OrganizeItem>();
// 1) Offers already living in the imported-furniture tree.
// 1) Offers already living in the imported-furniture tree. No join, so
// this stays bounded by the (small) page-id set instead of scanning
// the whole catalog or forcing function-based lookups.
const placedById = new Map<number, OrganizeItem>();
const itemIdsToResolve = new Set<number>();
if (pageIds.length > 0) {
const [rows] = (await db.execute(sql`
SELECT ${columns},
ci.id AS catalogItemId,
SELECT ci.id AS catalogItemId,
ci.page_id AS sourcePageId,
p.caption AS sourcePageCaption
ci.item_ids AS itemIds,
p.caption AS sourcePageCaption,
ci.order_number AS orderNumber
FROM catalog_items ci
INNER JOIN items_base ib ON ib.id = CAST(ci.item_ids AS UNSIGNED)
INNER JOIN catalog_pages p ON p.id = ci.page_id
WHERE ci.page_id IN (${sql.join(pageIds, sql`, `)})
ORDER BY ci.id
LIMIT ${limit}
`)) as unknown as [Record<string, unknown>[], unknown];
for (const r of rows) {
const itemId = Number(r.itemId);
if (!Number.isFinite(itemId)) continue;
byItemId.set(itemId, {
itemId,
itemName: String(r.itemName ?? ""),
publicName: String(r.publicName ?? ""),
type: String(r.type ?? "s"),
spriteId: Number(r.spriteId) || 0,
interactionType: String(r.interactionType ?? "default"),
const parsed = parseItemIds(String(r.itemIds ?? ""));
if (parsed.length === 0) continue;
const id = parsed[0];
itemIdsToResolve.add(id);
placedById.set(id, {
itemId: id,
itemName: "",
publicName: String(r.sourcePageCaption ?? ""),
type: "s",
spriteId: 0,
interactionType: "default",
catalogItemId: Number(r.catalogItemId),
sourcePageId: Number(r.sourcePageId) || null,
sourcePageCaption: r.sourcePageCaption
@@ -81,45 +86,104 @@ export const GET = withAdmin(
}
}
// 2) Recently imported furniture that isn't in any catalog page yet.
const [auditRows] = (await db.execute(sql`
SELECT DISTINCT ${columns},
NULL AS catalogItemId,
NULL AS sourcePageId,
NULL AS sourcePageCaption
// 2) Recently imported furniture. Bounded candidate list first, matched
// against the import tree in JS — never a correlated FIND_IN_SET scan.
const [candidateRows] = (await db.execute(sql`
SELECT DISTINCT alog.target_id AS itemId
FROM admin_audit_log alog
INNER JOIN items_base ib ON ib.id = alog.target_id
WHERE alog.action = 'furni_import'
AND alog.target = 'ItemsBase'
AND alog.target_id IS NOT NULL
AND alog.created_at >= ${since}
AND NOT EXISTS (
SELECT 1 FROM catalog_items ci
WHERE FIND_IN_SET(ib.id, REPLACE(ci.item_ids, ';', ','))
)
ORDER BY itemId DESC
LIMIT ${limit}
`)) as unknown as [Record<string, unknown>[], unknown];
for (const r of auditRows) {
LIMIT 2000
`)) as unknown as [Array<{ itemId: number }>, unknown];
for (const r of candidateRows) {
const itemId = Number(r.itemId);
if (!Number.isFinite(itemId)) continue;
if (byItemId.has(itemId)) continue;
byItemId.set(itemId, {
if (placedById.has(itemId)) continue;
if (itemIdsToResolve.size >= limit) break;
itemIdsToResolve.add(itemId);
}
// 3) Resolve base-item metadata in ONE indexed query.
const baseMap = new Map<
number,
{
itemName: string;
publicName: string;
type: string;
spriteId: number;
interactionType: string;
}
>();
if (itemIdsToResolve.size > 0) {
const bases = await db
.select({
id: ItemsBase.id,
itemName: ItemsBase.itemName,
publicName: ItemsBase.publicName,
type: ItemsBase.type,
spriteId: ItemsBase.spriteId,
interactionType: ItemsBase.interactionType,
})
.from(ItemsBase)
.where(
sql`${ItemsBase.id} IN (${sql.join(
[...itemIdsToResolve].map((id) => sql`${id}`),
sql`, `,
)})`,
);
for (const b of bases) {
baseMap.set(b.id, {
itemName: String(b.itemName ?? ""),
publicName: String(b.publicName ?? ""),
type: String(b.type ?? "s"),
spriteId: Number(b.spriteId) || 0,
interactionType: String(b.interactionType ?? "default"),
});
}
}
// 4) Merge: placed offers (with metadata backfilled) first, then new.
const items: OrganizeItem[] = [];
for (const [id, entry] of placedById) {
const meta = baseMap.get(id);
items.push({
...entry,
itemName: meta?.itemName ?? entry.itemName,
publicName: meta?.publicName ?? entry.publicName,
type: meta?.type ?? entry.type,
spriteId: meta?.spriteId ?? entry.spriteId,
interactionType: meta?.interactionType ?? entry.interactionType,
});
}
let claimed = items.length;
for (const r of candidateRows) {
if (claimed >= limit) break;
const itemId = Number(r.itemId);
if (!Number.isFinite(itemId)) continue;
if (placedById.has(itemId)) continue;
const meta = baseMap.get(itemId);
if (!meta) continue;
items.push({
itemId,
itemName: String(r.itemName ?? ""),
publicName: String(r.publicName ?? ""),
type: String(r.type ?? "s"),
spriteId: Number(r.spriteId) || 0,
interactionType: String(r.interactionType ?? "default"),
itemName: meta.itemName,
publicName: meta.publicName,
type: meta.type,
spriteId: meta.spriteId,
interactionType: meta.interactionType,
catalogItemId: null,
sourcePageId: null,
sourcePageCaption: null,
alreadyPlaced: false,
});
claimed++;
}
const items = [...byItemId.values()].sort((a, b) => {
// Already-placed furniture first, newest item id first within each set.
items.sort((a, b) => {
return (
Number(b.alreadyPlaced) - Number(a.alreadyPlaced) || b.itemId - a.itemId
);