From 6f19fde76e17f11d67d6a82c9aef8e013ab8948f Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Fri, 15 Aug 2025 12:52:59 +0300
Subject: [PATCH] feat(react/settings): port backup DB now

---
 .../widgets/type_widgets/options/backup.tsx   | 19 +++++++++++++++++++
 apps/server/src/routes/api/database.ts        |  4 ++--
 packages/commons/src/lib/server_api.ts        |  4 ++++
 3 files changed, 25 insertions(+), 2 deletions(-)

diff --git a/apps/client/src/widgets/type_widgets/options/backup.tsx b/apps/client/src/widgets/type_widgets/options/backup.tsx
index f6305ff8b..e516edf82 100644
--- a/apps/client/src/widgets/type_widgets/options/backup.tsx
+++ b/apps/client/src/widgets/type_widgets/options/backup.tsx
@@ -1,4 +1,8 @@
+import { BackupDatabaseNowResponse } from "@triliumnext/commons";
 import { t } from "../../../services/i18n";
+import server from "../../../services/server";
+import toast from "../../../services/toast";
+import Button from "../../react/Button";
 import FormCheckbox from "../../react/FormCheckbox";
 import FormGroup from "../../react/FormGroup";
 import FormText from "../../react/FormText";
@@ -9,6 +13,7 @@ export default function BackupSettings() {
     return (
         <>
             <AutomaticBackup />
+            <BackupNow />
         </>
     )
 }
@@ -43,4 +48,18 @@ export function AutomaticBackup() {
             <FormText>{t("backup.backup_recommendation")}</FormText>
         </OptionsSection>
     )
+}
+
+export function BackupNow() {
+    return (
+        <OptionsSection title={t("backup.backup_now")}>
+            <Button
+                text={t("backup.backup_database_now")}
+                onClick={async () => {
+                    const { backupFile } = await server.post<BackupDatabaseNowResponse>("database/backup-database");
+                    toast.showMessage(t("backup.database_backed_up_to", { backupFilePath: backupFile }), 10000);
+                }}
+            />
+        </OptionsSection>
+    )
 }
\ No newline at end of file
diff --git a/apps/server/src/routes/api/database.ts b/apps/server/src/routes/api/database.ts
index 515bf0bca..c29f6e9aa 100644
--- a/apps/server/src/routes/api/database.ts
+++ b/apps/server/src/routes/api/database.ts
@@ -9,7 +9,7 @@ import type { Request } from "express";
 import ValidationError from "../../errors/validation_error.js";
 import sql_init from "../../services/sql_init.js";
 import becca_loader from "../../becca/becca_loader.js";
-import { DatabaseCheckIntegrityResponse } from "@triliumnext/commons";
+import { BackupDatabaseNowResponse, DatabaseCheckIntegrityResponse } from "@triliumnext/commons";
 
 function getExistingBackups() {
     return backupService.getExistingBackups();
@@ -18,7 +18,7 @@ function getExistingBackups() {
 async function backupDatabase() {
     return {
         backupFile: await backupService.backupNow("now")
-    };
+    } satisfies BackupDatabaseNowResponse;
 }
 
 function vacuumDatabase() {
diff --git a/packages/commons/src/lib/server_api.ts b/packages/commons/src/lib/server_api.ts
index d84cf18fb..085886105 100644
--- a/packages/commons/src/lib/server_api.ts
+++ b/packages/commons/src/lib/server_api.ts
@@ -97,3 +97,7 @@ export interface EtapiToken {
 export interface PostTokensResponse {
     authToken: string;
 }
+
+export interface BackupDatabaseNowResponse {
+    backupFile: string;
+}