Initial public release

Aurum — a self-hosted personal finance operating system: cash flow, net worth tracking, budgets, goals, recurring payments, reports, proactive alerts, and a compound-interest returns calculator, all bilingual (RU/EN) and mobile-first. Ships as a three-container Docker Compose stack (Postgres + FastAPI + nginx-served React frontend). See README.md for setup and CONTRIBUTING.md for development.
2026-10-16 04:26:40 +07:00 · 2026-08-16 18:39:52 +03:00
commit fe9b079c12
199 changed files with 14410 additions and 0 deletions
--- a/frontend/src/components/settings/BackupCard.tsx
+++ b/frontend/src/components/settings/BackupCard.tsx
@@ -0,0 +1,100 @@
+import { useRef, useState } from "react";
+import { useQueryClient } from "@tanstack/react-query";
+import { Download, Upload } from "lucide-react";
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/Card";
+import { Button } from "@/components/ui/Button";
+import { ApiError } from "@/api/client";
+import { exportBackup, importBackup } from "@/api/backup";
+import { useTranslation } from "@/lib/i18n";
+
+export function BackupCard() {
+  const { t } = useTranslation();
+  const queryClient = useQueryClient();
+  const fileInputRef = useRef<HTMLInputElement>(null);
+
+  const [isExporting, setIsExporting] = useState(false);
+  const [isImporting, setIsImporting] = useState(false);
+  const [message, setMessage] = useState<{ kind: "success" | "error"; text: string } | null>(null);
+
+  async function handleExport() {
+    setIsExporting(true);
+    setMessage(null);
+    try {
+      await exportBackup();
+      setMessage({ kind: "success", text: t("backup.exportSuccess") });
+    } catch {
+      // Never surface error.message here — it's the raw backend/HTTP
+      // response text (English, unlocalized), unlike every other error
+      // path in the app, which always shows a translated fallback.
+      setMessage({ kind: "error", text: t("backup.exportError") });
+    } finally {
+      setIsExporting(false);
+    }
+  }
+
+  function handleImportClick() {
+    fileInputRef.current?.click();
+  }
+
+  async function handleFileSelected(event: React.ChangeEvent<HTMLInputElement>) {
+    const file = event.target.files?.[0];
+    event.target.value = "";
+    if (!file) return;
+
+    const confirmed = window.confirm(t("backup.confirmImport", { filename: file.name }));
+    if (!confirmed) return;
+
+    setIsImporting(true);
+    setMessage(null);
+    try {
+      await importBackup(file);
+      await queryClient.invalidateQueries();
+      setMessage({ kind: "success", text: t("backup.importSuccess") });
+    } catch (error) {
+      // importBackup throws a plain Error with an already-translated message
+      // for a malformed file (t("backup.invalidFile")) — relay that one
+      // as-is. A failed API call throws ApiError with the raw backend detail
+      // text (English, unlocalized) instead — never show that, fall back to
+      // the generic translated message like every other error path in the app.
+      const text = error instanceof ApiError ? t("backup.importError") : error instanceof Error ? error.message : t("backup.importError");
+      setMessage({ kind: "error", text });
+    } finally {
+      setIsImporting(false);
+    }
+  }
+
+  return (
+    <Card>
+      <CardHeader>
+        <CardTitle>{t("backup.title")}</CardTitle>
+      </CardHeader>
+      <CardContent className="space-y-4">
+        <p className="text-sm text-text-secondary">{t("backup.description")}</p>
+
+        <div className="flex flex-col gap-2 sm:flex-row">
+          <Button onClick={handleExport} disabled={isExporting} className="sm:w-auto">
+            <Download size={16} />
+            {isExporting ? t("backup.exporting") : t("backup.exportButton")}
+          </Button>
+          <Button variant="secondary" onClick={handleImportClick} disabled={isImporting} className="sm:w-auto">
+            <Upload size={16} />
+            {isImporting ? t("backup.importing") : t("backup.importButton")}
+          </Button>
+          <input
+            ref={fileInputRef}
+            type="file"
+            accept="application/json,.json"
+            onChange={handleFileSelected}
+            className="hidden"
+          />
+        </div>
+
+        {message && (
+          <p className={`text-sm ${message.kind === "error" ? "text-danger" : "text-success"}`}>{message.text}</p>
+        )}
+
+        <p className="text-xs text-text-muted">{t("backup.footerWarning")}</p>
+      </CardContent>
+    </Card>
+  );
+}