349 lines
11 KiB
TypeScript
349 lines
11 KiB
TypeScript
"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>
|
|
);
|
|
}
|