[Update] AdvancedSettings: Websocket: Add settings ui.

src-ui/logics/configs/advanced_settings/useWebsocket.js

@@ -0,0 +1,67 @@
+import {
+    useStore_EnableWebsocket,
+    useStore_WebsocketHost,
+    useStore_WebsocketPort,
+} from "@store";
+import { useStdoutToPython } from "@logics/useStdoutToPython";
+
+export const useWebsocket = () => {
+    const { asyncStdoutToPython } = useStdoutToPython();
+    const { currentEnableWebsocket, updateEnableWebsocket, pendingEnableWebsocket } = useStore_EnableWebsocket();
+    const { currentWebsocketHost, updateWebsocketHost, pendingWebsocketHost } = useStore_WebsocketHost();
+    const { currentWebsocketPort, updateWebsocketPort, pendingWebsocketPort } = useStore_WebsocketPort();
+
+    const getEnableWebsocket = () => {
+        pendingEnableWebsocket();
+        asyncStdoutToPython("/get/data/websocket_server");
+    };
+
+    const toggleEnableWebsocket = () => {
+        pendingEnableWebsocket();
+        if (currentEnableWebsocket.data) {
+            asyncStdoutToPython("/set/disable/websocket_server");
+        } else {
+            asyncStdoutToPython("/set/enable/websocket_server");
+        }
+    };
+
+
+    const getWebsocketHost = () => {
+        pendingWebsocketHost();
+        asyncStdoutToPython("/get/data/websocket_host");
+    };
+
+    const setWebsocketHost = (websocket_host) => {
+        pendingWebsocketHost();
+        asyncStdoutToPython("/set/data/websocket_host", websocket_host);
+    };
+
+
+    const getWebsocketPort = () => {
+        pendingWebsocketPort();
+        asyncStdoutToPython("/get/data/websocket_port");
+    };
+
+    const setWebsocketPort = (websocket_port) => {
+        pendingWebsocketPort();
+        asyncStdoutToPython("/set/data/websocket_port", websocket_port);
+    };
+
+    return {
+        currentEnableWebsocket,
+        updateEnableWebsocket,
+        getEnableWebsocket,
+        toggleEnableWebsocket,
+
+        currentWebsocketHost,
+        updateWebsocketHost,
+        getWebsocketHost,
+        setWebsocketHost,
+
+        currentWebsocketPort,
+        updateWebsocketPort,
+        getWebsocketPort,
+        setWebsocketPort,
+
+    };
+};

src-ui/logics/configs/index.js

@@ -56,6 +56,7 @@ export { useHotkeys } from "./hotkeys/useHotkeys";
 
 export { useOscIpAddress } from "./advanced_settings/useOscIpAddress";
 export { useOscPort } from "./advanced_settings/useOscPort";
+export { useWebsocket } from "./advanced_settings/useWebsocket";
 
 
 export { useSupporters } from "./supporters/useSupporters";

src-ui/logics/useReceiveRoutes.js

@@ -75,6 +75,7 @@ import {
     usePlugins,
     useOscIpAddress,
     useOscPort,
+    useWebsocket,
 } from "@logics_configs";
 
 export const useReceiveRoutes = () => {
@@ -180,6 +181,11 @@ export const useReceiveRoutes = () => {
 
     const { updateOscIpAddress } = useOscIpAddress();
     const { updateOscPort } = useOscPort();
+    const {
+        updateEnableWebsocket,
+        updateWebsocketHost,
+        updateWebsocketPort,
+    } = useWebsocket();
 
 
 
@@ -505,6 +511,16 @@ export const useReceiveRoutes = () => {
         "/get/data/osc_port": updateOscPort,
         "/set/data/osc_port": updateOscPort,
 
+        "/get/data/websocket_server": updateEnableWebsocket,
+        "/set/enable/websocket_server": updateEnableWebsocket,
+        "/set/disable/websocket_server": updateEnableWebsocket,
+
+        "/get/data/websocket_host": updateWebsocketHost,
+        "/set/data/websocket_host": updateWebsocketHost,
+
+        "/get/data/websocket_port": updateWebsocketPort,
+        "/set/data/websocket_port": updateWebsocketPort,
+
         "/get/data/mic_avg_logprob": ()=>{}, // Not implemented on UI yet
         "/get/data/mic_no_speech_prob": ()=>{}, // Not implemented on UI yet
         "/get/data/speaker_avg_logprob": ()=>{}, // Not implemented on UI yet