From 68086ec3f1f0ec9b2dece84703b9efb1f5d06081 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Fri, 15 Aug 2025 11:30:48 +0300
Subject: [PATCH] feat(react/settings): port sync test

---
 .../src/widgets/type_widgets/options/sync.tsx | 33 +++++++++++++++++++
 apps/server/src/routes/api/sync.ts            |  3 +-
 packages/commons/src/lib/server_api.ts        |  8 +++++
 3 files changed, 43 insertions(+), 1 deletion(-)

diff --git a/apps/client/src/widgets/type_widgets/options/sync.tsx b/apps/client/src/widgets/type_widgets/options/sync.tsx
index 60a6874e4..f312a4dfb 100644
--- a/apps/client/src/widgets/type_widgets/options/sync.tsx
+++ b/apps/client/src/widgets/type_widgets/options/sync.tsx
@@ -7,8 +7,21 @@ import FormTextBox, { FormTextBoxWithUnit } from "../../react/FormTextBox";
 import RawHtml from "../../react/RawHtml";
 import OptionsSection from "./components/OptionsSection";
 import { useTriliumOptions } from "../../react/hooks";
+import FormText from "../../react/FormText";
+import server from "../../../services/server";
+import toast from "../../../services/toast";
+import { SyncTestResponse } from "@triliumnext/commons";
 
 export default function SyncOptions() {
+    return (
+        <>
+            <SyncConfiguration />
+            <SyncTest />
+        </>
+    )
+}
+
+export function SyncConfiguration() {
     const [ options, setOptions ] = useTriliumOptions("syncServerHost", "syncServerTimeout", "syncProxy");
     const syncServerHost = useRef(options.syncServerHost);
     const syncServerTimeout = useRef(options.syncServerTimeout);
@@ -60,3 +73,23 @@ export default function SyncOptions() {
         </OptionsSection>
     )
 }
+
+export function SyncTest() {
+    return (
+        <OptionsSection title={t("sync_2.test_title")}>
+            <FormText>{t("sync_2.test_description")}</FormText>
+            <Button
+                text={t("sync_2.test_button")}
+                onClick={async () => {
+                    const result = await server.post<SyncTestResponse>("sync/test");
+
+                    if (result.success) {
+                        toast.showMessage(result.message);
+                    } else {
+                        toast.showError(t("sync_2.handshake_failed", { message: result.error }));
+                    }
+                }}
+            />
+        </OptionsSection>
+    )
+}
\ No newline at end of file
diff --git a/apps/server/src/routes/api/sync.ts b/apps/server/src/routes/api/sync.ts
index 22c4fa4f0..0514470ee 100644
--- a/apps/server/src/routes/api/sync.ts
+++ b/apps/server/src/routes/api/sync.ts
@@ -16,8 +16,9 @@ import type { EntityChange } from "../../services/entity_changes_interface.js";
 import ValidationError from "../../errors/validation_error.js";
 import consistencyChecksService from "../../services/consistency_checks.js";
 import { t } from "i18next";
+import { SyncTestResponse } from "@triliumnext/commons";
 
-async function testSync() {
+async function testSync(): Promise<SyncTestResponse> {
     try {
         if (!syncOptions.isSyncSetup()) {
             return { success: false, message: t("test_sync.not-configured") };
diff --git a/packages/commons/src/lib/server_api.ts b/packages/commons/src/lib/server_api.ts
index 543246f8f..859c5629a 100644
--- a/packages/commons/src/lib/server_api.ts
+++ b/packages/commons/src/lib/server_api.ts
@@ -77,3 +77,11 @@ export interface AnonymizedDbResponse {
     filePath: string;
     fileName: string;
 }
+
+export type SyncTestResponse = {
+    success: true;
+    message: string;
+} | {
+    success: false;
+    error: string;
+};