feat(studio): add nitro cleanup tool for fake and broken bundles
This commit is contained in:
openhands committed
1 parent
ce93b92a81
commit
694f87d98c
6 files changed
+869
No files matched your search
@@ -0,0 +1,348 @@
|
||||
"use client";
|
||||
|
||||
import {
|
||||
AlertTriangle,
|
||||
CheckCircle2,
|
||||
FileX2,
|
||||
Loader2,
|
||||
ScanSearch,
|
||||
Trash2,
|
||||
} from "lucide-react";
|
||||
import { useCallback, useState } from "react";
|
||||
import { toast } from "sonner";
|
||||
import { useConfirmDialog } from "@/components/admin/confirm-dialog";
|
||||
import { Button } from "@/components/ui/button";
|
||||
import { Checkbox } from "@/components/ui/checkbox";
|
||||
import { adminFetch } from "@/lib/admin-fetch";
|
||||
import { formatBytes } from "@/lib/services/disk-usage";
|
||||
|
||||
interface NitroCleanupEntry {
|
||||
fileName: string;
|
||||
base: string;
|
||||
size: number;
|
||||
dirs: string[];
|
||||
error?: string;
|
||||
}
|
||||
|
||||
interface NitroCleanupScan {
|
||||
fake: NitroCleanupEntry[];
|
||||
broken: NitroCleanupEntry[];
|
||||
total: number;
|
||||
}
|
||||
|
||||
interface DeleteResponse {
|
||||
deleted: number;
|
||||
copiesRemoved: number;
|
||||
errors?: string[];
|
||||
}
|
||||
|
||||
type GroupKey = "fake" | "broken";
|
||||
|
||||
function CleanupGroup({
|
||||
group,
|
||||
label,
|
||||
description,
|
||||
entries,
|
||||
selected,
|
||||
onToggle,
|
||||
onToggleAll,
|
||||
}: {
|
||||
group: GroupKey;
|
||||
label: string;
|
||||
description: string;
|
||||
entries: NitroCleanupEntry[];
|
||||
selected: Set<string>;
|
||||
onToggle: (fileName: string) => void;
|
||||
onToggleAll: (names: string[]) => void;
|
||||
}) {
|
||||
const checked = entries.filter((e) => selected.has(e.fileName));
|
||||
const allChecked = entries.length > 0 && checked.length === entries.length;
|
||||
const isError = group === "fake";
|
||||
|
||||
return (
|
||||
<section className="space-y-2">
|
||||
<div
|
||||
className={`flex flex-wrap items-center gap-2 rounded-lg border p-3 ${
|
||||
entries.length > 0
|
||||
? isError
|
||||
? "border-[var(--admin-error-border)] bg-[var(--admin-error-subtle)]"
|
||||
: "border-[var(--admin-warning-border)] bg-[var(--admin-warning-subtle)]"
|
||||
: "border-[var(--admin-border)] bg-[var(--admin-surface)]"
|
||||
}`}
|
||||
>
|
||||
<Checkbox
|
||||
style={{ display: "inline-flex", width: 18, height: 18 }}
|
||||
className="border-[var(--admin-border)] bg-[var(--admin-surface)] data-checked:border-[var(--admin-accent)] data-checked:bg-[var(--admin-accent)] data-checked:text-[var(--admin-accent-foreground)]"
|
||||
checked={allChecked}
|
||||
disabled={entries.length === 0}
|
||||
onCheckedChange={() => onToggleAll(entries.map((e) => e.fileName))}
|
||||
aria-label={`Select all ${label}`}
|
||||
/>
|
||||
<div className="min-w-0 flex-1">
|
||||
<h3
|
||||
className={`text-sm font-medium ${entries.length > 0 ? "text-[var(--admin-text)]" : "text-[var(--admin-text-muted)]"}`}
|
||||
>
|
||||
{label} ({entries.length})
|
||||
</h3>
|
||||
<p className="text-xs text-[var(--admin-text-muted)]">
|
||||
{description}
|
||||
</p>
|
||||
</div>
|
||||
{checked.length > 0 && (
|
||||
<span className="text-xs font-medium text-[var(--admin-accent)]">
|
||||
{checked.length} selected
|
||||
</span>
|
||||
)}
|
||||
</div>
|
||||
|
||||
{entries.length === 0 ? (
|
||||
<p className="flex items-center gap-1.5 px-2 text-xs text-[var(--admin-success)]">
|
||||
<CheckCircle2 size={13} />
|
||||
No {label.toLowerCase()} found
|
||||
</p>
|
||||
) : (
|
||||
<ul className="max-h-80 space-y-1 overflow-auto rounded-lg border border-[var(--admin-border)] bg-[var(--admin-surface)] p-2">
|
||||
{entries.map((entry) => (
|
||||
<li
|
||||
key={entry.fileName}
|
||||
className="flex items-center gap-2 rounded-md px-2 py-1.5 text-sm hover:bg-[var(--admin-accent)]/5"
|
||||
>
|
||||
<Checkbox
|
||||
style={{ display: "inline-flex", width: 16, height: 16 }}
|
||||
className="border-[var(--admin-border)] bg-[var(--admin-surface)] data-checked:border-[var(--admin-accent)] data-checked:bg-[var(--admin-accent)] data-checked:text-[var(--admin-accent-foreground)]"
|
||||
checked={selected.has(entry.fileName)}
|
||||
onCheckedChange={() => onToggle(entry.fileName)}
|
||||
aria-label={`Select ${entry.fileName}`}
|
||||
/>
|
||||
<code className="min-w-0 flex-1 truncate font-mono text-xs">
|
||||
{entry.fileName}
|
||||
</code>
|
||||
<span className="shrink-0 text-xs text-[var(--admin-text-muted)]">
|
||||
{formatBytes(entry.size)}
|
||||
</span>
|
||||
{entry.error && (
|
||||
<span
|
||||
title={entry.error}
|
||||
className="hidden max-w-[320px] truncate text-xs text-[var(--admin-error)] lg:block"
|
||||
>
|
||||
{entry.error}
|
||||
</span>
|
||||
)}
|
||||
{entry.dirs.length > 1 && (
|
||||
<span className="shrink-0 rounded bg-[var(--admin-accent)]/10 px-1.5 py-0.5 text-[10px] font-medium text-[var(--admin-text-muted)]">
|
||||
{entry.dirs.length} copies
|
||||
</span>
|
||||
)}
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
)}
|
||||
</section>
|
||||
);
|
||||
}
|
||||
|
||||
export function NitroCleanupPanel() {
|
||||
const [scanning, setScanning] = useState(false);
|
||||
const [deleting, setDeleting] = useState(false);
|
||||
const [scan, setScan] = useState<NitroCleanupScan | null>(null);
|
||||
const [selected, setSelected] = useState<Set<string>>(new Set());
|
||||
const { confirm, dialog } = useConfirmDialog();
|
||||
|
||||
const scanNow = useCallback(async () => {
|
||||
setScanning(true);
|
||||
setSelected(new Set());
|
||||
try {
|
||||
const res = await adminFetch("/api/admin/studio/nitro-cleanup");
|
||||
const data = (await res.json()) as NitroCleanupScan & {
|
||||
error?: string;
|
||||
};
|
||||
if (!res.ok) throw new Error(data.error || "Scan failed");
|
||||
const fake = data.fake ?? [];
|
||||
const broken = data.broken ?? [];
|
||||
setScan({
|
||||
fake,
|
||||
broken,
|
||||
total: data.total ?? 0,
|
||||
});
|
||||
const found = fake.length + broken.length;
|
||||
if (found === 0) {
|
||||
toast.success("No fake or broken .nitro files found");
|
||||
} else {
|
||||
toast.info(`Found ${found} removable .nitro file(s)`);
|
||||
}
|
||||
} catch (err) {
|
||||
toast.error(err instanceof Error ? err.message : "Scan failed");
|
||||
} finally {
|
||||
setScanning(false);
|
||||
}
|
||||
}, []);
|
||||
|
||||
const toggle = (fileName: string) => {
|
||||
setSelected((prev) => {
|
||||
const next = new Set(prev);
|
||||
if (next.has(fileName)) next.delete(fileName);
|
||||
else next.add(fileName);
|
||||
return next;
|
||||
});
|
||||
};
|
||||
|
||||
const toggleAll = (names: string[]) => {
|
||||
setSelected((prev) => {
|
||||
const next = new Set(prev);
|
||||
const allChecked = names.every((n) => next.has(n));
|
||||
for (const name of names) {
|
||||
if (allChecked) next.delete(name);
|
||||
else next.add(name);
|
||||
}
|
||||
return next;
|
||||
});
|
||||
};
|
||||
|
||||
const removeSelected = async () => {
|
||||
const fileNames = [...selected].sort();
|
||||
if (fileNames.length === 0) return;
|
||||
const confirmed = await confirm({
|
||||
title: `Delete ${fileNames.length} .nitro file(s)?`,
|
||||
description:
|
||||
"The .nitro bundles will be removed from every directory (public + mirrored gamedata). Database rows are never touched.",
|
||||
confirmLabel: "Delete",
|
||||
variant: "danger",
|
||||
});
|
||||
if (!confirmed) return;
|
||||
setDeleting(true);
|
||||
try {
|
||||
const res = await adminFetch("/api/admin/studio/nitro-cleanup", {
|
||||
method: "DELETE",
|
||||
headers: { "Content-Type": "application/json" },
|
||||
body: JSON.stringify({ fileNames }),
|
||||
});
|
||||
const data = (await res.json()) as DeleteResponse & {
|
||||
error?: string;
|
||||
};
|
||||
if (!res.ok) throw new Error(data.error || "Delete failed");
|
||||
if (data.errors?.length) {
|
||||
toast.warning(
|
||||
`Deleted ${data.copiesRemoved} copy/copies, but some files could not be removed`,
|
||||
);
|
||||
} else {
|
||||
toast.success(
|
||||
`Deleted ${data.copiesRemoved} .nitro file copy/copies (${data.deleted} file(s))`,
|
||||
);
|
||||
}
|
||||
setSelected(new Set());
|
||||
await scanNow();
|
||||
} catch (err) {
|
||||
toast.error(err instanceof Error ? err.message : "Delete failed");
|
||||
} finally {
|
||||
setDeleting(false);
|
||||
}
|
||||
};
|
||||
|
||||
return (
|
||||
<div className="space-y-4">
|
||||
{dialog}
|
||||
<div className="flex flex-wrap items-center gap-2">
|
||||
<Button onClick={scanNow} disabled={scanning || deleting} size="lg">
|
||||
{scanning ? (
|
||||
<Loader2 className="w-4 h-4 animate-spin mr-2" />
|
||||
) : (
|
||||
<ScanSearch className="w-4 h-4 mr-2" />
|
||||
)}
|
||||
{scanning ? "Scanning nitro files…" : "Scan for fake & broken nitros"}
|
||||
</Button>
|
||||
{scan && (
|
||||
<Button
|
||||
variant="destructive"
|
||||
size="lg"
|
||||
disabled={deleting || selected.size === 0}
|
||||
onClick={removeSelected}
|
||||
>
|
||||
{deleting ? (
|
||||
<Loader2 className="w-4 h-4 animate-spin mr-2" />
|
||||
) : (
|
||||
<Trash2 className="w-4 h-4 mr-2" />
|
||||
)}
|
||||
{deleting ? "Deleting…" : `Delete selected (${selected.size})`}
|
||||
</Button>
|
||||
)}
|
||||
</div>
|
||||
|
||||
{scan && (
|
||||
<div className="space-y-4">
|
||||
<div className="grid gap-3 sm:grid-cols-3">
|
||||
<div className="rounded-xl border bg-card p-3 space-y-1">
|
||||
<div className="text-xl font-bold">{scan.total}</div>
|
||||
<div className="text-xs text-muted-foreground">
|
||||
.nitro files scanned
|
||||
</div>
|
||||
</div>
|
||||
<div className="rounded-xl border bg-card p-3 space-y-1">
|
||||
<div className="text-xl font-bold text-[var(--admin-text)]">
|
||||
{scan.fake.length}
|
||||
</div>
|
||||
<div className="text-xs text-[var(--admin-text-muted)]">
|
||||
Fake (no matching item)
|
||||
</div>
|
||||
</div>
|
||||
<div className="rounded-xl border bg-card p-3 space-y-1">
|
||||
<div className="text-xl font-bold text-[var(--admin-text)]">
|
||||
{scan.broken.length}
|
||||
</div>
|
||||
<div className="text-xs text-[var(--admin-text-muted)]">
|
||||
Broken (unparseable)
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<CleanupGroup
|
||||
group="fake"
|
||||
label="Fake nitros"
|
||||
description="These files match no item in items_base — leftovers from deleted or renamed furniture."
|
||||
entries={scan.fake}
|
||||
selected={selected}
|
||||
onToggle={toggle}
|
||||
onToggleAll={toggleAll}
|
||||
/>
|
||||
<CleanupGroup
|
||||
group="broken"
|
||||
label="Broken nitros"
|
||||
description="These files belong to an item but cannot be parsed as a valid Nitro bundle."
|
||||
entries={scan.broken}
|
||||
selected={selected}
|
||||
onToggle={toggle}
|
||||
onToggleAll={toggleAll}
|
||||
/>
|
||||
|
||||
{(scan.fake.length > 0 || scan.broken.length > 0) && (
|
||||
<p className="flex items-start gap-1.5 rounded-lg border border-[var(--admin-warning-border)] bg-[var(--admin-warning-subtle)] p-3 text-xs text-[var(--admin-text-muted)]">
|
||||
<AlertTriangle
|
||||
size={14}
|
||||
className="mt-0.5 shrink-0 text-[var(--admin-warning)]"
|
||||
/>
|
||||
Deleting a broken .nitro leaves its item in the database without a
|
||||
bundle — the catalog audit can re-download it later. Database rows
|
||||
are never removed by this tool.
|
||||
</p>
|
||||
)}
|
||||
|
||||
<div className="flex items-center gap-1.5 text-xs text-[var(--admin-text-muted)]">
|
||||
<FileX2 size={14} className="shrink-0" />
|
||||
Only .nitro files are touched — icons, SWFs, FurnitureData.json and
|
||||
database rows stay intact.
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{!scan && !scanning && (
|
||||
<div className="rounded-xl border bg-card p-6 text-center text-muted-foreground">
|
||||
<ScanSearch className="mx-auto mb-3 h-10 w-10 opacity-40" />
|
||||
<p>
|
||||
Scan every nitro directory to find fake bundles that belong to no
|
||||
furniture and broken bundles that can no longer be parsed. Remove
|
||||
them with one click.
|
||||
</p>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in new issue
Block a user