mirror of
https://github.com/maziggy/bambuddy.git
synced 2026-10-21 10:15:04 +02:00
● feat(#1008): library trash bin, admin bulk purge, auto-purge setting
Library files now move to a configurable-retention trash bin on delete
instead of being hard-deleted from disk (default 30 days). Admins get a
"Purge old" bulk action on the File Manager with a live preview, plus an
optional auto-purge setting in Settings → File Manager that runs the same
operation once per 24h when enabled (default off). Regular users see and
manage their own trashed files; admins see everyone's. External (linked)
files bypass trash since their bytes aren't under Bambuddy's control.
- New `library:purge` permission (admin-only by default)
- Nullable indexed `deleted_at` column on library_files; dialect-aware
ALTER TABLE so the column actually gets added on PostgreSQL (raw
DATETIME is SQLite-only syntax)
- New `LibraryFile.active()` classmethod; every query site routed through
it so trashed rows don't leak into listings, print dispatch, MakerWorld
dedupe, or stats
- Trash page: select-all + bulk restore/delete, per-row checkboxes, wider
layout so datetime columns don't clip
- Auto-purge: 24h throttle via `library_auto_purge_last_run` setting so
the 15-minute sweeper cadence still runs the purge at most once per day
- Save toast wired into every trash/auto-purge setting change
- 17 new backend integration tests (service + routes + auto-purge throttle),
8 new frontend tests, localised across all 8 UI languages
- Wiki + website feature entries updated
This commit is contained in:
maziggy
@@ -0,0 +1,173 @@
|
||||
import { useEffect, useState } from 'react';
|
||||
import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
|
||||
import { useTranslation } from 'react-i18next';
|
||||
import { AlertTriangle, Loader2, Trash2, X } from 'lucide-react';
|
||||
|
||||
import { api } from '../api/client';
|
||||
import { Button } from './Button';
|
||||
import { useToast } from '../contexts/ToastContext';
|
||||
import { formatFileSize } from '../utils/file';
|
||||
|
||||
interface PurgeOldFilesModalProps {
|
||||
onClose: () => void;
|
||||
}
|
||||
|
||||
const DEFAULT_DAYS = 90;
|
||||
|
||||
export function PurgeOldFilesModal({ onClose }: PurgeOldFilesModalProps) {
|
||||
const { t } = useTranslation();
|
||||
const queryClient = useQueryClient();
|
||||
const { showToast } = useToast();
|
||||
|
||||
const [days, setDays] = useState(DEFAULT_DAYS);
|
||||
const [includeNeverPrinted, setIncludeNeverPrinted] = useState(true);
|
||||
|
||||
// Debounce the preview query so dragging a slider isn't a DoS.
|
||||
const [debouncedDays, setDebouncedDays] = useState(days);
|
||||
useEffect(() => {
|
||||
const handle = window.setTimeout(() => setDebouncedDays(days), 300);
|
||||
return () => window.clearTimeout(handle);
|
||||
}, [days]);
|
||||
|
||||
const previewQuery = useQuery({
|
||||
queryKey: ['library-purge-preview', debouncedDays, includeNeverPrinted],
|
||||
queryFn: () => api.previewLibraryPurge(debouncedDays, includeNeverPrinted),
|
||||
enabled: debouncedDays >= 1,
|
||||
});
|
||||
|
||||
const purgeMutation = useMutation({
|
||||
mutationFn: () => api.executeLibraryPurge(days, includeNeverPrinted),
|
||||
onSuccess: (res) => {
|
||||
showToast(t('libraryPurge.toast.success', { count: res.moved_to_trash }), 'success');
|
||||
queryClient.invalidateQueries({ queryKey: ['library-files'] });
|
||||
queryClient.invalidateQueries({ queryKey: ['library-folders'] });
|
||||
queryClient.invalidateQueries({ queryKey: ['library-trash'] });
|
||||
queryClient.invalidateQueries({ queryKey: ['library-trash-count'] });
|
||||
onClose();
|
||||
},
|
||||
onError: (e: Error) => showToast(e.message || t('libraryPurge.toast.failed'), 'error'),
|
||||
});
|
||||
|
||||
useEffect(() => {
|
||||
const handleKey = (e: KeyboardEvent) => {
|
||||
if (e.key === 'Escape' && !purgeMutation.isPending) onClose();
|
||||
};
|
||||
window.addEventListener('keydown', handleKey);
|
||||
return () => window.removeEventListener('keydown', handleKey);
|
||||
}, [onClose, purgeMutation.isPending]);
|
||||
|
||||
const preview = previewQuery.data;
|
||||
const count = preview?.count ?? 0;
|
||||
const totalBytes = preview?.total_bytes ?? 0;
|
||||
const canConfirm = count > 0 && !purgeMutation.isPending;
|
||||
|
||||
return (
|
||||
<div className="fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4">
|
||||
<div className="bg-white dark:bg-gray-900 rounded-lg shadow-xl max-w-lg w-full">
|
||||
<div className="flex items-center justify-between p-4 border-b border-gray-200 dark:border-gray-700">
|
||||
<h2 className="text-lg font-semibold text-gray-900 dark:text-gray-100 flex items-center gap-2">
|
||||
<Trash2 className="w-5 h-5" />
|
||||
{t('libraryPurge.title')}
|
||||
</h2>
|
||||
<button
|
||||
onClick={onClose}
|
||||
className="text-gray-400 hover:text-gray-600 dark:hover:text-gray-200"
|
||||
aria-label={t('common.close')}
|
||||
disabled={purgeMutation.isPending}
|
||||
>
|
||||
<X className="w-5 h-5" />
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div className="p-4 space-y-4">
|
||||
<p className="text-sm text-gray-600 dark:text-gray-400">
|
||||
{t('libraryPurge.description')}
|
||||
</p>
|
||||
|
||||
<div>
|
||||
<label htmlFor="purge-days" className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">
|
||||
{t('libraryPurge.ageLabel')}
|
||||
</label>
|
||||
<div className="flex items-center gap-3">
|
||||
<input
|
||||
id="purge-days"
|
||||
type="number"
|
||||
min={1}
|
||||
max={3650}
|
||||
value={days}
|
||||
onChange={(e) => setDays(Math.max(1, Math.min(3650, parseInt(e.target.value || '0', 10) || 0)))}
|
||||
className="w-24 rounded border border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-800 text-sm px-2 py-1 text-gray-900 dark:text-gray-100"
|
||||
/>
|
||||
<span className="text-sm text-gray-600 dark:text-gray-400">{t('libraryPurge.days')}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<label className="flex items-center gap-2 text-sm text-gray-700 dark:text-gray-300">
|
||||
<input
|
||||
type="checkbox"
|
||||
checked={includeNeverPrinted}
|
||||
onChange={(e) => setIncludeNeverPrinted(e.target.checked)}
|
||||
className="rounded border-gray-300"
|
||||
/>
|
||||
{t('libraryPurge.includeNeverPrinted')}
|
||||
</label>
|
||||
|
||||
<div className="rounded border border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-800/50 p-3">
|
||||
{previewQuery.isLoading || previewQuery.isFetching ? (
|
||||
<div className="flex items-center gap-2 text-sm text-gray-500 dark:text-gray-400">
|
||||
<Loader2 className="w-4 h-4 animate-spin" /> {t('libraryPurge.previewLoading')}
|
||||
</div>
|
||||
) : previewQuery.isError ? (
|
||||
<div className="text-sm text-red-600 dark:text-red-400">
|
||||
{(previewQuery.error as Error | null)?.message ?? t('libraryPurge.previewFailed')}
|
||||
</div>
|
||||
) : (
|
||||
<div className="text-sm text-gray-900 dark:text-gray-100">
|
||||
<div className="font-medium">
|
||||
{t('libraryPurge.previewSummary', { count, size: formatFileSize(totalBytes) })}
|
||||
</div>
|
||||
{preview?.sample_filenames && preview.sample_filenames.length > 0 && (
|
||||
<ul className="mt-2 text-xs text-gray-600 dark:text-gray-400 space-y-0.5 list-disc pl-4">
|
||||
{preview.sample_filenames.map((name) => (
|
||||
<li key={name} className="truncate">{name}</li>
|
||||
))}
|
||||
{count > preview.sample_filenames.length && (
|
||||
<li className="list-none italic text-gray-500">
|
||||
{t('libraryPurge.andMore', { count: count - preview.sample_filenames.length })}
|
||||
</li>
|
||||
)}
|
||||
</ul>
|
||||
)}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
|
||||
<div className="flex gap-2 items-start text-xs text-amber-700 dark:text-amber-400 bg-amber-50 dark:bg-amber-900/20 rounded px-3 py-2">
|
||||
<AlertTriangle className="w-4 h-4 mt-0.5 shrink-0" />
|
||||
<span>{t('libraryPurge.warning')}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="flex justify-end gap-2 p-4 border-t border-gray-200 dark:border-gray-700">
|
||||
<Button variant="secondary" onClick={onClose} disabled={purgeMutation.isPending}>
|
||||
{t('common.cancel')}
|
||||
</Button>
|
||||
<Button
|
||||
variant="danger"
|
||||
disabled={!canConfirm}
|
||||
onClick={() => purgeMutation.mutate()}
|
||||
>
|
||||
{purgeMutation.isPending ? (
|
||||
<>
|
||||
<Loader2 className="w-4 h-4 animate-spin mr-1" />
|
||||
{t('libraryPurge.purging')}
|
||||
</>
|
||||
) : (
|
||||
t('libraryPurge.confirmCta', { count })
|
||||
)}
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user