feat(cms): recover drafts and failed imports with verified UI workflows

2026-09-11 08:58:10 +02:00
parent 410a1e466c
commit 88790d1a0d
84 changed files with 3952 additions and 288 deletions
@@ -0,0 +1,128 @@
+"use client";
+import { useTranslations } from "next-intl";
+import { useRef, useState } from "react";
+import { Button } from "@/components/ui/button";
+import { adminFetch } from "@/lib/admin-fetch";
+export function ImportAttachmentRecovery({
+	jobId,
+	classname,
+	disabled,
+	onResumed,
+}: {
+	jobId: string;
+	classname: string;
+	disabled: boolean;
+	onResumed: () => Promise<unknown>;
+}) {
+	const t = useTranslations("admin.studio.importDiagnostics");
+	const lock = useRef(false);
+	const [busy, setBusy] = useState(false);
+	const [attachmentId, setAttachmentId] = useState("");
+	const [error, setError] = useState("");
+	async function attach(file: File) {
+		if (disabled || lock.current) return;
+		lock.current = true;
+		setBusy(true);
+		setError("");
+		setAttachmentId("");
+		try {
+			const form = new FormData();
+			form.set("classname", classname);
+			form.set("file", file);
+			const response = await adminFetch("/api/admin/studio/import-attachment", {
+				method: "POST",
+				body: form,
+			});
+			const data = await response.json();
+			if (!response.ok || typeof data.attachmentId !== "string") {
+				setError(
+					t(data.code === "mismatchedFile" ? "mismatchedFile" : "invalidFile"),
+				);
+				return;
+			}
+			setAttachmentId(data.attachmentId);
+		} catch {
+			setError(t("network"));
+		} finally {
+			lock.current = false;
+			setBusy(false);
+		}
+	}
+	async function resume() {
+		if (disabled || lock.current || !attachmentId) return;
+		lock.current = true;
+		setBusy(true);
+		setError("");
+		try {
+			const response = await adminFetch("/api/admin/studio/import-jobs", {
+				method: "PATCH",
+				headers: { "Content-Type": "application/json" },
+				body: JSON.stringify({
+					id: jobId,
+					action: "retry",
+					attachments: { [classname]: attachmentId },
+				}),
+			});
+			if (!response.ok) {
+				const data = await response.json();
+				const code =
+					data.code === "alreadyStarted"
+						? "alreadyStarted"
+						: data.code === "notEligible"
+							? "notEligible"
+							: data.code === "invalidFile"
+								? "invalidFile"
+								: "resumeError";
+				setError(t(code));
+				return;
+			}
+			setAttachmentId("");
+			await onResumed();
+		} catch {
+			setError(t("network"));
+		} finally {
+			lock.current = false;
+			setBusy(false);
+		}
+	}
+	return (
+		<details className="my-2 rounded border border-[var(--admin-border)] p-2">
+			<summary className="cursor-pointer">{t("recover")}</summary>
+			<p className="my-2 text-xs text-[var(--admin-text-muted)]">
+				{t("recoveryHint", { file: `${classname.split("*")[0]}.nitro` })}
+			</p>
+			<label className="block text-xs">
+				{t("attach")}
+				<input
+					type="file"
+					accept=".nitro"
+					className="my-2 block max-w-full"
+					disabled={disabled || busy}
+					onChange={(event) => {
+						const file = event.target.files?.[0];
+						if (file) void attach(file);
+						event.target.value = "";
+					}}
+				/>
+			</label>
+			{busy && <p role="status">{t("working")}</p>}
+			{attachmentId && (
+				<>
+					<p role="status">{t("attached")}</p>
+					<Button
+						variant="outline"
+						disabled={disabled || busy}
+						onClick={() => void resume()}
+					>
+						{t("resume")}
+					</Button>
+				</>
+			)}
+			{error && (
+				<p role="alert" className="text-[var(--admin-warning)]">
+					{error}
+				</p>
+			)}
+		</details>
+	);
+}