feat(render+admin): exports management (all users' rendered videos)
Build backend images / build content-svc (push) Failing after 54s
Build backend images / build file-svc (push) Failing after 55s
Build backend images / build gateway (push) Failing after 52s
Build backend images / build identity-svc (push) Failing after 55s
Build backend images / build notification-svc (push) Failing after 58s
Build backend images / build render-svc (push) Failing after 48s
Build backend images / build studio-svc (push) Failing after 1m0s

- render-svc: admin-scoped store (ListAllExports / GetExportByIDAny /
  SoftDeleteExportAny) + GET/DELETE/download-url under /v1/admin-exports
  (admin-gated; separate prefix so it routes to render, not identity's /admin)
- gateway: /v1/admin-exports/* → render
- admin /admin/exports: paginated table of every rendered export with thumbnail,
  type/quality, size, duration, dimensions, produce + expiry dates; download
  (presigned URL) and delete

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
soroush.asadi
2026-06-03 07:04:06 +03:30
parent db167062e6
commit 928956689b
9 changed files with 263 additions and 2 deletions
+7
View File
@@ -0,0 +1,7 @@
"use client";
import { ExportsAdmin } from "@/components/admin/ExportsAdmin";
export default function Page() {
return <ExportsAdmin />;
}
+1
View File
@@ -42,6 +42,7 @@ export default async function AdminLayout({
{ href: "/admin/nodes", label: t("nodes") },
{ href: "/admin/node-fonts", label: t("nodeFonts") },
{ href: "/admin/renders", label: t("renderQueue") },
{ href: "/admin/exports", label: t("exports") },
];
return (
<div className="min-h-screen bg-[#0c0e1a] text-gray-200">
+108
View File
@@ -0,0 +1,108 @@
"use client";
import { useCallback, useEffect, useState } from "react";
import { AdminThumb } from "@/components/admin/AdminThumb";
import { humanSize } from "@/lib/admin-files";
interface Export {
id: string; user_id: string; image?: string | null; path: string;
file_type: string; file_extension: string; render_quality: string;
size_bytes: number; duration_sec?: number | null; width?: number | null; height?: number | null;
produce_date: string; auto_delete_date: string;
}
const card = "rounded-xl border border-[#1e2235] bg-[#0f1120]";
const ghost = "rounded-lg border border-[#262b40] px-2.5 py-1 text-xs text-gray-300 hover:bg-[#161a2e] disabled:opacity-50";
function faDate(iso: string) {
try { return new Date(iso).toLocaleDateString("fa-IR"); } catch { return iso?.slice(0, 10) ?? "—"; }
}
function expired(iso: string) { return new Date(iso).getTime() < Date.now(); }
export function ExportsAdmin() {
const [rows, setRows] = useState<Export[]>([]);
const [loading, setLoading] = useState(true);
const [page, setPage] = useState(1);
const [total, setTotal] = useState(0);
const pageSize = 30;
const load = useCallback(async () => {
setLoading(true);
const r = await fetch(`/api/admin/resource/admin-exports?page=${page}&pageSize=${pageSize}`, { cache: "no-store" })
.then((x) => x.json()).catch(() => null);
setRows(r?.data ?? []);
setTotal(r?.meta?.total ?? 0);
setLoading(false);
}, [page]);
useEffect(() => { load(); }, [load]);
const download = async (e: Export) => {
const r = await fetch(`/api/admin/resource/admin-exports/${e.id}/download-url`, { cache: "no-store" })
.then((x) => x.json()).catch(() => null);
if (r?.url) window.open(r.url, "_blank");
};
const remove = async (e: Export) => {
if (!confirm("این خروجی حذف شود؟")) return;
await fetch(`/api/admin/resource/admin-exports/${e.id}`, { method: "DELETE" });
load();
};
const totalPages = Math.max(1, Math.ceil(total / pageSize));
return (
<div className="space-y-4" dir="rtl">
<div>
<h1 className="text-xl font-semibold text-white">خروجیهای رندر</h1>
<p className="mt-1 text-sm text-gray-400">همهٔ ویدیوها/تصاویر رندرشدهٔ کاربران. دانلود یا حذف کنید.</p>
</div>
<div className={`${card} overflow-hidden`}>
<table className="w-full text-sm">
<thead><tr className="border-b border-[#1e2235] text-start text-xs text-gray-500">
<th className="px-4 py-3">پیشنمایش</th><th className="px-4 py-3">نوع</th><th className="px-4 py-3">کیفیت</th>
<th className="px-4 py-3">حجم</th><th className="px-4 py-3">مدت</th><th className="px-4 py-3">ابعاد</th>
<th className="px-4 py-3">تاریخ تولید</th><th className="px-4 py-3">انقضا</th><th className="px-4 py-3 text-end">عملیات</th>
</tr></thead>
<tbody>
{loading ? (
<tr><td colSpan={9} className="px-4 py-8 text-center text-gray-500">در حال بارگذاری</td></tr>
) : rows.length === 0 ? (
<tr><td colSpan={9} className="px-4 py-8 text-center text-gray-500">خروجیای یافت نشد.</td></tr>
) : rows.map((e) => (
<tr key={e.id} className="border-b border-[#161a2e] hover:bg-[#12152a]">
<td className="px-4 py-3"><AdminThumb src={e.image} size={48} /></td>
<td className="px-4 py-3 text-gray-400">{e.file_type}{e.file_extension ? `.${e.file_extension}` : ""}</td>
<td className="px-4 py-3 text-gray-400">{e.render_quality}</td>
<td className="px-4 py-3 text-gray-300">{humanSize(e.size_bytes)}</td>
<td className="px-4 py-3 text-gray-400">{e.duration_sec ? `${Math.round(e.duration_sec)}s` : "—"}</td>
<td className="px-4 py-3 text-gray-500">{e.width && e.height ? `${e.width}×${e.height}` : "—"}</td>
<td className="px-4 py-3 text-gray-400">{faDate(e.produce_date)}</td>
<td className="px-4 py-3">
<span className={expired(e.auto_delete_date) ? "text-red-300" : "text-gray-400"}>{faDate(e.auto_delete_date)}</span>
</td>
<td className="px-4 py-3">
<div className="flex items-center justify-end gap-2">
<button className={ghost} onClick={() => download(e)}>دانلود</button>
<button className="rounded-lg border border-red-500/30 px-2.5 py-1 text-xs text-red-300 hover:bg-red-500/10" onClick={() => remove(e)}>حذف</button>
</div>
</td>
</tr>
))}
</tbody>
</table>
</div>
<div className="flex items-center justify-between text-xs text-gray-500">
<span>{total.toLocaleString("fa-IR")} خروجی</span>
{totalPages > 1 && (
<div className="flex items-center gap-2">
<button className={ghost} disabled={page <= 1} onClick={() => setPage((p) => p - 1)}>قبلی</button>
<span>صفحهٔ {page.toLocaleString("fa-IR")} از {totalPages.toLocaleString("fa-IR")}</span>
<button className={ghost} disabled={page >= totalPages} onClick={() => setPage((p) => p + 1)}>بعدی</button>
</div>
)}
</div>
</div>
);
}