feat: add option to allow self-signed certificates (#509)

ayangweb · web-flow · commit 7bf59aa25927 · 2025-05-14T16:00:40.000+08:00
* feat: add option to allow self-signed certificates

* docs: update changelog
diff --git a/docs/content.en/docs/release-notes/_index.md b/docs/content.en/docs/release-notes/_index.md
@@ -23,6 +23,7 @@ Information about release notes of Coco Server is provided here.
 - feat: the chat content has added a button to return to the bottom #495
 - feat: the search input box supports multi-line input #501
 - feat: websocket support self-signed TLS #504
+- feat: add option to allow self-signed certificates #509
 
 ### 🐛 Bug fix
 
diff --git a/src/components/Settings/Advanced/index.tsx b/src/components/Settings/Advanced/index.tsx
@@ -1,14 +1,21 @@
 import { useTranslation } from "react-i18next";
 import Shortcuts from "./components/Shortcuts";
 import SettingsItem from "../SettingsItem";
-import { AppWindowMac, MessageSquareMore, Search, Unplug } from "lucide-react";
+import {
+  AppWindowMac,
+  MessageSquareMore,
+  Search,
+  ShieldCheck,
+  Unplug,
+} from "lucide-react";
 import { useStartupStore } from "@/stores/startupStore";
 import { useEffect } from "react";
 import { useConnectStore } from "@/stores/connectStore";
 import Appearance from "./components/Appearance";
 import SettingsInput from "../SettingsInput";
 import platformAdapter from "@/utils/platformAdapter";
 import UpdateSettings from "./components/UpdateSettings";
+import SettingsToggle from "../SettingsToggle";
 
 const Advanced = () => {
   const { t } = useTranslation();
@@ -42,6 +49,12 @@ const Advanced = () => {
   const setQueryTimeout = useConnectStore((state) => {
     return state.setQuerySourceTimeout;
   });
+  const allowSelfSignature = useConnectStore((state) => {
+    return state.allowSelfSignature;
+  });
+  const setAllowSelfSignature = useConnectStore((state) => {
+    return state.setAllowSelfSignature;
+  });
 
   useEffect(() => {
     const unsubscribeStartup = useStartupStore.subscribe((state) => {
@@ -192,6 +205,22 @@ const Advanced = () => {
             }}
           />
         </SettingsItem>
+
+        <SettingsItem
+          icon={ShieldCheck}
+          title={t("settings.advanced.connect.allowSelfSignature.title")}
+          description={t(
+            "settings.advanced.connect.allowSelfSignature.description"
+          )}
+        >
+          <SettingsToggle
+            label={t("settings.advanced.connect.allowSelfSignature.title")}
+            checked={allowSelfSignature}
+            onChange={(value) => {
+              setAllowSelfSignature(value);
+            }}
+          />
+        </SettingsItem>
       </div>
 
       <Appearance />
diff --git a/src/hooks/useSyncStore.ts b/src/hooks/useSyncStore.ts
@@ -83,6 +83,9 @@ export const useSyncStore = () => {
   const setSnapshotUpdate = useAppearanceStore((state) => {
     return state.setSnapshotUpdate;
   });
+  const setAllowSelfSignature = useConnectStore((state) => {
+    return state.setAllowSelfSignature;
+  });
 
   useEffect(() => {
     if (!resetFixedWindow) {
@@ -143,13 +146,15 @@ export const useSyncStore = () => {
       }),
 
       platformAdapter.listenEvent("change-connect-store", ({ payload }) => {
-        const { connectionTimeout, querySourceTimeout } = payload;
+        const { connectionTimeout, querySourceTimeout, allowSelfSignature } =
+          payload;
         if (isNumber(connectionTimeout)) {
           setConnectionTimeout(connectionTimeout);
         }
         if (isNumber(querySourceTimeout)) {
           setQueryTimeout(querySourceTimeout);
         }
+        setAllowSelfSignature(allowSelfSignature);
       }),
 
       platformAdapter.listenEvent("change-appearance-store", ({ payload }) => {
diff --git a/src/locales/en/translation.json b/src/locales/en/translation.json
@@ -161,6 +161,10 @@
         "queryTimeout": {
           "title": "Query Timeout",
           "description": "Terminates the query if no search results are returned within this time. Default: 500ms."
+        },
+        "allowSelfSignature": {
+          "title": "Allow Self-Signed Certificates",
+          "description": "Allow connections to servers using self-signed certificates. Enable only if you trust the source."
         }
       },
       "appearance": {
diff --git a/src/locales/zh/translation.json b/src/locales/zh/translation.json
@@ -161,6 +161,10 @@
         "queryTimeout": {
           "title": "查询超时",
           "description": "在此时间内未返回搜索结果，则终止查询。默认值：500 毫秒。"
+        },
+        "allowSelfSignature": {
+          "title": "允许自签名证书",
+          "description": "允许连接使用自签名证书的服务器。仅在信任来源的情况下启用。"
         }
       },
       "appearance": {
diff --git a/src/stores/connectStore.ts b/src/stores/connectStore.ts
@@ -32,6 +32,8 @@ export type IConnectStore = {
   setQuerySourceTimeout: (queryTimeout?: number) => void;
   visibleStartPage: boolean;
   setVisibleStartPage: (visibleStartPage: boolean) => void;
+  allowSelfSignature: boolean;
+  setAllowSelfSignature: (allowSelfSignature: boolean) => void;
 };
 
 export const useConnectStore = create<IConnectStore>()(
@@ -119,6 +121,10 @@ export const useConnectStore = create<IConnectStore>()(
         setVisibleStartPage: (visibleStartPage: boolean) => {
           return set(() => ({ visibleStartPage }));
         },
+        allowSelfSignature: false,
+        setAllowSelfSignature: (allowSelfSignature: boolean) => {
+          return set(() => ({ allowSelfSignature }));
+        },
       }),
       {
         name: "connect-store",
@@ -129,6 +135,7 @@ export const useConnectStore = create<IConnectStore>()(
           connectionTimeout: state.connectionTimeout,
           currentAssistant: state.currentAssistant,
           querySourceTimeout: state.querySourceTimeout,
+          allowSelfSignature: state.allowSelfSignature,
         }),
       }
     )
