[Update] Add Transcription Tab. Mix/Speaker, record timeout, phrase timeout, max words.

src-ui/logics/configs/index.js

@@ -19,4 +19,12 @@ export { useUiScaling } from "./appearance/useUiScaling";
 
 export { useEnableAutoClearMessageBox } from "./others/useEnableAutoClearMessageBox";
 
+export { useMicRecordTimeout } from "./transcription/useMicRecordTimeout";
+export { useMicPhraseTimeout } from "./transcription/useMicPhraseTimeout";
+export { useMicMaxWords } from "./transcription/useMicMaxWords";
+
+export { useSpeakerRecordTimeout } from "./transcription/useSpeakerRecordTimeout";
+export { useSpeakerPhraseTimeout } from "./transcription/useSpeakerPhraseTimeout";
+export { useSpeakerMaxWords } from "./transcription/useSpeakerMaxWords";
+
 export { useSoftwareVersion } from "./useSoftwareVersion";

src-ui/logics/configs/transcription/useMicMaxWords.js

@@ -0,0 +1,24 @@
+import { useStore_MicMaxWords } from "@store";
+import { useStdoutToPython } from "@logics/useStdoutToPython";
+
+export const useMicMaxWords = () => {
+    const { asyncStdoutToPython } = useStdoutToPython();
+    const { currentMicMaxWords, updateMicMaxWords, pendingMicMaxWords } = useStore_MicMaxWords();
+
+    const getMicMaxWords = () => {
+        pendingMicMaxWords();
+        asyncStdoutToPython("/get/data/mic_max_phrases");
+    };
+
+    const setMicMaxWords = (selected_mic_max_phrases) => {
+        pendingMicMaxWords();
+        asyncStdoutToPython("/set/data/mic_max_phrases", selected_mic_max_phrases);
+    };
+
+    return {
+        currentMicMaxWords,
+        getMicMaxWords,
+        updateMicMaxWords,
+        setMicMaxWords,
+    };
+};

src-ui/logics/configs/transcription/useMicPhraseTimeout.js

@@ -0,0 +1,24 @@
+import { useStore_MicPhraseTimeout } from "@store";
+import { useStdoutToPython } from "@logics/useStdoutToPython";
+
+export const useMicPhraseTimeout = () => {
+    const { asyncStdoutToPython } = useStdoutToPython();
+    const { currentMicPhraseTimeout, updateMicPhraseTimeout, pendingMicPhraseTimeout } = useStore_MicPhraseTimeout();
+
+    const getMicPhraseTimeout = () => {
+        pendingMicPhraseTimeout();
+        asyncStdoutToPython("/get/data/mic_phrase_timeout");
+    };
+
+    const setMicPhraseTimeout = (selected_mic_phrase_timeout) => {
+        pendingMicPhraseTimeout();
+        asyncStdoutToPython("/set/data/mic_phrase_timeout", selected_mic_phrase_timeout);
+    };
+
+    return {
+        currentMicPhraseTimeout,
+        getMicPhraseTimeout,
+        updateMicPhraseTimeout,
+        setMicPhraseTimeout,
+    };
+};

src-ui/logics/configs/transcription/useMicRecordTimeout.js

@@ -0,0 +1,24 @@
+import { useStore_MicRecordTimeout } from "@store";
+import { useStdoutToPython } from "@logics/useStdoutToPython";
+
+export const useMicRecordTimeout = () => {
+    const { asyncStdoutToPython } = useStdoutToPython();
+    const { currentMicRecordTimeout, updateMicRecordTimeout, pendingMicRecordTimeout } = useStore_MicRecordTimeout();
+
+    const getMicRecordTimeout = () => {
+        pendingMicRecordTimeout();
+        asyncStdoutToPython("/get/data/mic_record_timeout");
+    };
+
+    const setMicRecordTimeout = (selected_mic_record_timeout) => {
+        pendingMicRecordTimeout();
+        asyncStdoutToPython("/set/data/mic_record_timeout", selected_mic_record_timeout);
+    };
+
+    return {
+        currentMicRecordTimeout,
+        getMicRecordTimeout,
+        updateMicRecordTimeout,
+        setMicRecordTimeout,
+    };
+};

src-ui/logics/configs/transcription/useSpeakerMaxWords.js

@@ -0,0 +1,24 @@
+import { useStore_SpeakerMaxWords } from "@store";
+import { useStdoutToPython } from "@logics/useStdoutToPython";
+
+export const useSpeakerMaxWords = () => {
+    const { asyncStdoutToPython } = useStdoutToPython();
+    const { currentSpeakerMaxWords, updateSpeakerMaxWords, pendingSpeakerMaxWords } = useStore_SpeakerMaxWords();
+
+    const getSpeakerMaxWords = () => {
+        pendingSpeakerMaxWords();
+        asyncStdoutToPython("/get/data/speaker_max_phrases");
+    };
+
+    const setSpeakerMaxWords = (selected_speaker_max_phrases) => {
+        pendingSpeakerMaxWords();
+        asyncStdoutToPython("/set/data/speaker_max_phrases", selected_speaker_max_phrases);
+    };
+
+    return {
+        currentSpeakerMaxWords,
+        getSpeakerMaxWords,
+        updateSpeakerMaxWords,
+        setSpeakerMaxWords,
+    };
+};

src-ui/logics/configs/transcription/useSpeakerPhraseTimeout.js

@@ -0,0 +1,24 @@
+import { useStore_SpeakerPhraseTimeout } from "@store";
+import { useStdoutToPython } from "@logics/useStdoutToPython";
+
+export const useSpeakerPhraseTimeout = () => {
+    const { asyncStdoutToPython } = useStdoutToPython();
+    const { currentSpeakerPhraseTimeout, updateSpeakerPhraseTimeout, pendingSpeakerPhraseTimeout } = useStore_SpeakerPhraseTimeout();
+
+    const getSpeakerPhraseTimeout = () => {
+        pendingSpeakerPhraseTimeout();
+        asyncStdoutToPython("/get/data/speaker_phrase_timeout");
+    };
+
+    const setSpeakerPhraseTimeout = (selected_speaker_phrase_timeout) => {
+        pendingSpeakerPhraseTimeout();
+        asyncStdoutToPython("/set/data/speaker_phrase_timeout", selected_speaker_phrase_timeout);
+    };
+
+    return {
+        currentSpeakerPhraseTimeout,
+        getSpeakerPhraseTimeout,
+        updateSpeakerPhraseTimeout,
+        setSpeakerPhraseTimeout,
+    };
+};

src-ui/logics/configs/transcription/useSpeakerRecordTimeout.js

@@ -0,0 +1,24 @@
+import { useStore_SpeakerRecordTimeout } from "@store";
+import { useStdoutToPython } from "@logics/useStdoutToPython";
+
+export const useSpeakerRecordTimeout = () => {
+    const { asyncStdoutToPython } = useStdoutToPython();
+    const { currentSpeakerRecordTimeout, updateSpeakerRecordTimeout, pendingSpeakerRecordTimeout } = useStore_SpeakerRecordTimeout();
+
+    const getSpeakerRecordTimeout = () => {
+        pendingSpeakerRecordTimeout();
+        asyncStdoutToPython("/get/data/speaker_record_timeout");
+    };
+
+    const setSpeakerRecordTimeout = (selected_speaker_record_timeout) => {
+        pendingSpeakerRecordTimeout();
+        asyncStdoutToPython("/set/data/speaker_record_timeout", selected_speaker_record_timeout);
+    };
+
+    return {
+        currentSpeakerRecordTimeout,
+        getSpeakerRecordTimeout,
+        updateSpeakerRecordTimeout,
+        setSpeakerRecordTimeout,
+    };
+};

src-ui/logics/useReceiveRoutes.js

@@ -34,6 +34,12 @@ import {
     useUiScaling,
     useMessageLogUiScaling,
     useTransparency,
+    useMicRecordTimeout,
+    useMicPhraseTimeout,
+    useMicMaxWords,
+    useSpeakerRecordTimeout,
+    useSpeakerPhraseTimeout,
+    useSpeakerMaxWords,
 } from "@logics_configs";
 
 export const useReceiveRoutes = () => {
@@ -85,6 +91,14 @@ export const useReceiveRoutes = () => {
     const { updateSelectedFontFamily } = useSelectedFontFamily();
     const { updateTransparency } = useTransparency();
 
+    const { updateMicRecordTimeout } = useMicRecordTimeout();
+    const { updateMicPhraseTimeout } = useMicPhraseTimeout();
+    const { updateMicMaxWords } = useMicMaxWords();
+
+    const { updateSpeakerRecordTimeout } = useSpeakerRecordTimeout();
+    const { updateSpeakerPhraseTimeout } = useSpeakerPhraseTimeout();
+    const { updateSpeakerMaxWords } = useSpeakerMaxWords();
+
     const routes = {
         // Common
         "/run/feed_watchdog": () => {},
@@ -227,6 +241,25 @@ export const useReceiveRoutes = () => {
         "/get/data/transparency": updateTransparency,
         "/set/data/transparency": updateTransparency,
 
+        // Transcription
+        "/get/data/mic_record_timeout": updateMicRecordTimeout,
+        "/set/data/mic_record_timeout": updateMicRecordTimeout,
+
+        "/get/data/mic_phrase_timeout": updateMicPhraseTimeout,
+        "/set/data/mic_phrase_timeout": updateMicPhraseTimeout,
+
+        "/get/data/mic_max_phrases": updateMicMaxWords,
+        "/set/data/mic_max_phrases": updateMicMaxWords,
+
+        "/get/data/speaker_record_timeout": updateSpeakerRecordTimeout,
+        "/set/data/speaker_record_timeout": updateSpeakerRecordTimeout,
+
+        "/get/data/speaker_phrase_timeout": updateSpeakerPhraseTimeout,
+        "/set/data/speaker_phrase_timeout": updateSpeakerPhraseTimeout,
+
+        "/get/data/speaker_max_phrases": updateSpeakerMaxWords,
+        "/set/data/speaker_max_phrases": updateSpeakerMaxWords,
+
         // Others Tab
         "/get/data/auto_clear_message_box": updateEnableAutoClearMessageBox,
         "/set/enable/auto_clear_message_box": updateEnableAutoClearMessageBox,
@@ -236,6 +269,16 @@ export const useReceiveRoutes = () => {
         "/set/data/send_message_button_type": updateSendMessageButtonType,
     };
 
+    const error_routes = {
+        "/set/data/mic_record_timeout": updateMicRecordTimeout,
+        "/set/data/mic_phrase_timeout": updateMicPhraseTimeout,
+        "/set/data/mic_max_phrases": updateMicMaxWords,
+
+        "/set/data/speaker_record_timeout": updateSpeakerRecordTimeout,
+        "/set/data/speaker_phrase_timeout": updateSpeakerPhraseTimeout,
+        "/set/data/speaker_max_phrases": updateSpeakerMaxWords,
+    };
+
     const receiveRoutes = (parsed_data) => {
         switch (parsed_data.status) {
             case 200:
@@ -243,6 +286,12 @@ export const useReceiveRoutes = () => {
                 (route) ? route(parsed_data.result) : console.error(`Invalid endpoint: ${parsed_data.endpoint}\nresult: ${JSON.stringify(parsed_data.result)}`);
                 break;
 
+            case 400:
+                const error_route = error_routes[parsed_data.endpoint];
+                (error_route) ? error_route(parsed_data.result.data) : console.error(`Invalid endpoint: ${parsed_data.endpoint}\nresult: ${JSON.stringify(parsed_data.result)}`);
+                console.error(`status 400: ${JSON.stringify(parsed_data.result)}`);
+                break;
+
             case 348:
                 // console.log(`from backend: %c ${JSON.stringify(parsed_data)}`, style_348);
                 break;