feat: export Markdown notes (ARQ/Redis) + backup/restore BDD — v0.5.2
- Volume data/ (bind mount ./data) remplace le volume uploads nommé
data/notes/ → .md auto-générés, data/uploads/ → médias, data/backup/ → dumps
- Service Redis (redis:7-alpine) + worker ARQ (backend-worker)
- notes_markdown.py : frontmatter YAML + contenu + pièces jointes (liens relatifs)
Nom : YYYY-MM-DD_slug-titre_shortid.md, rotation si titre modifié
- api/notes.py : publie export_note_markdown / remove_note_markdown sur Redis
après chaque create / update / delete / add_attachment / delete_attachment
- api/admin.py : POST /backup, GET /backups, POST /restore/{filename} (pg_dump/pg_restore)
- Backend Dockerfile : postgresql-client ; requirements : arq==0.26.1
- ConfigPage : section "Base de données" avec sauvegarde + liste + restauration
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -0,0 +1,28 @@
|
||||
export interface BackupFile {
|
||||
filename: string
|
||||
size: number
|
||||
created_at: string
|
||||
}
|
||||
|
||||
export async function fetchBackups(): Promise<BackupFile[]> {
|
||||
const res = await fetch('/api/admin/backups')
|
||||
if (!res.ok) throw new Error('Erreur chargement sauvegardes')
|
||||
return res.json() as Promise<BackupFile[]>
|
||||
}
|
||||
|
||||
export async function createBackup(): Promise<BackupFile> {
|
||||
const res = await fetch('/api/admin/backup', { method: 'POST' })
|
||||
if (!res.ok) {
|
||||
const err = await res.json().catch(() => ({})) as { detail?: string }
|
||||
throw new Error(err.detail ?? 'Erreur lors du backup')
|
||||
}
|
||||
return res.json() as Promise<BackupFile>
|
||||
}
|
||||
|
||||
export async function restoreBackup(filename: string): Promise<void> {
|
||||
const res = await fetch(`/api/admin/restore/${encodeURIComponent(filename)}`, { method: 'POST' })
|
||||
if (!res.ok) {
|
||||
const err = await res.json().catch(() => ({})) as { detail?: string }
|
||||
throw new Error(err.detail ?? 'Erreur lors de la restauration')
|
||||
}
|
||||
}
|
||||
@@ -1,5 +1,7 @@
|
||||
import { useState, useEffect } from 'react'
|
||||
import { useNavigate } from 'react-router-dom'
|
||||
import { useTheme, type ThemeMode } from '../contexts/ThemeContext'
|
||||
import { fetchBackups, createBackup, restoreBackup, type BackupFile } from '../api/admin'
|
||||
|
||||
const sectionStyle: React.CSSProperties = {
|
||||
background: 'var(--bg-3)',
|
||||
@@ -31,9 +33,53 @@ const FONT_LABELS: Record<string, string> = {
|
||||
'1.25': 'XL', '1.3': 'XL+', '1.35': 'XXL', '1.4': 'XXL+',
|
||||
}
|
||||
|
||||
function formatSize(bytes: number): string {
|
||||
if (bytes < 1024) return `${bytes} o`
|
||||
if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} Ko`
|
||||
return `${(bytes / 1024 / 1024).toFixed(1)} Mo`
|
||||
}
|
||||
|
||||
function formatDate(iso: string): string {
|
||||
return new Date(iso).toLocaleString('fr-FR', { dateStyle: 'short', timeStyle: 'short' })
|
||||
}
|
||||
|
||||
export default function ConfigPage() {
|
||||
const navigate = useNavigate()
|
||||
const { theme, setTheme, fontScale, setFontScale } = useTheme()
|
||||
const [backups, setBackups] = useState<BackupFile[]>([])
|
||||
const [backupLoading, setBackupLoading] = useState(false)
|
||||
const [restoring, setRestoring] = useState<string | null>(null)
|
||||
const [backupError, setBackupError] = useState<string | null>(null)
|
||||
|
||||
useEffect(() => {
|
||||
fetchBackups().then(setBackups).catch(() => setBackups([]))
|
||||
}, [])
|
||||
|
||||
async function handleCreateBackup() {
|
||||
setBackupLoading(true)
|
||||
setBackupError(null)
|
||||
try {
|
||||
const b = await createBackup()
|
||||
setBackups(prev => [b, ...prev])
|
||||
} catch (e) {
|
||||
setBackupError((e as Error).message)
|
||||
} finally {
|
||||
setBackupLoading(false)
|
||||
}
|
||||
}
|
||||
|
||||
async function handleRestore(filename: string) {
|
||||
if (!confirm(`Restaurer "${filename}" ? L'état actuel de la base sera remplacé.`)) return
|
||||
setRestoring(filename)
|
||||
setBackupError(null)
|
||||
try {
|
||||
await restoreBackup(filename)
|
||||
} catch (e) {
|
||||
setBackupError((e as Error).message)
|
||||
} finally {
|
||||
setRestoring(null)
|
||||
}
|
||||
}
|
||||
|
||||
const scaleLabel = FONT_LABELS[String(fontScale)] ?? `${Math.round(fontScale * 100)}%`
|
||||
|
||||
@@ -86,6 +132,76 @@ export default function ConfigPage() {
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Sauvegarde & Restauration */}
|
||||
<div style={sectionStyle}>
|
||||
<div style={labelStyle}>Base de données</div>
|
||||
<button
|
||||
onClick={handleCreateBackup}
|
||||
disabled={backupLoading}
|
||||
style={{
|
||||
padding: '10px 16px', borderRadius: 8, border: 'none',
|
||||
background: 'var(--ok)', color: '#1d2021',
|
||||
fontFamily: 'var(--font-ui)', fontSize: 13, fontWeight: 600,
|
||||
cursor: backupLoading ? 'default' : 'pointer', minHeight: 44,
|
||||
display: 'flex', alignItems: 'center', justifyContent: 'center', gap: 8,
|
||||
opacity: backupLoading ? 0.6 : 1,
|
||||
}}
|
||||
>
|
||||
<i className="fa-solid fa-database" />
|
||||
{backupLoading ? 'Sauvegarde en cours…' : 'Créer une sauvegarde'}
|
||||
</button>
|
||||
|
||||
{backupError && (
|
||||
<div style={{ color: 'var(--err)', fontFamily: 'var(--font-ui)', fontSize: 12, padding: '4px 0' }}>
|
||||
{backupError}
|
||||
</div>
|
||||
)}
|
||||
|
||||
{backups.length > 0 && (
|
||||
<div style={{ display: 'flex', flexDirection: 'column', gap: 6, marginTop: 4 }}>
|
||||
<div style={{ ...labelStyle, marginBottom: 0 }}>Sauvegardes disponibles</div>
|
||||
{backups.map(b => (
|
||||
<div
|
||||
key={b.filename}
|
||||
style={{
|
||||
display: 'flex', alignItems: 'center', gap: 8,
|
||||
background: 'var(--bg-4)', borderRadius: 8, padding: '8px 10px',
|
||||
}}
|
||||
>
|
||||
<i className="fa-solid fa-file-zipper" style={{ color: 'var(--ink-3)', fontSize: 14, flexShrink: 0 }} />
|
||||
<div style={{ flex: 1, minWidth: 0 }}>
|
||||
<div style={{ fontFamily: 'var(--font-mono)', fontSize: 11, color: 'var(--ink-2)', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>
|
||||
{b.filename}
|
||||
</div>
|
||||
<div style={{ fontFamily: 'var(--font-ui)', fontSize: 11, color: 'var(--ink-4)' }}>
|
||||
{formatDate(b.created_at)} — {formatSize(b.size)}
|
||||
</div>
|
||||
</div>
|
||||
<button
|
||||
onClick={() => void handleRestore(b.filename)}
|
||||
disabled={restoring === b.filename}
|
||||
style={{
|
||||
padding: '5px 10px', borderRadius: 6,
|
||||
border: '1px solid var(--warn)', background: 'transparent',
|
||||
color: 'var(--warn)', fontFamily: 'var(--font-ui)', fontSize: 11,
|
||||
cursor: restoring === b.filename ? 'default' : 'pointer',
|
||||
flexShrink: 0, opacity: restoring === b.filename ? 0.5 : 1,
|
||||
}}
|
||||
>
|
||||
{restoring === b.filename ? '…' : 'Restaurer'}
|
||||
</button>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
)}
|
||||
|
||||
{backups.length === 0 && !backupLoading && (
|
||||
<div style={{ color: 'var(--ink-4)', fontFamily: 'var(--font-ui)', fontSize: 12 }}>
|
||||
Aucune sauvegarde disponible
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
|
||||
{/* Taille du texte */}
|
||||
<div style={sectionStyle}>
|
||||
<div style={labelStyle}>Taille du texte</div>
|
||||
|
||||
Reference in New Issue
Block a user