[Update] 文字起こしされたメッセージをログに表示（スピーカー）（翻訳未対応）

src-ui/logics/useMessage.js

@@ -12,16 +12,12 @@ export const useMessage = () => {
         sendMessage: (message) => {
             asyncStdoutToPython({id: "send_message", data: message});
             const uuid = crypto.randomUUID();
-            const date = new Date().toLocaleTimeString(
-                "ja-JP",
-                {hour12: false, hour: "2-digit", minute:"2-digit"},
-            );
 
             addMessageLogsStatus({
                 id: uuid,
                 category: "sent",
                 status: "pending",
-                created_at: date,
+                created_at: generateTimeData(),
                 messages: {
                     original: message,
                     translated: [
@@ -44,30 +40,36 @@ export const useMessage = () => {
         },
         currentMessageLogsStatus: currentMessageLogsStatus,
 
-        addMessageLogsStatus: (payload) => {
+        addSentMessageLog: (payload) => {
             const data = payload.data;
-            const message_object = {
-                id: crypto.randomUUID(),
-                created_at: new Date().toLocaleTimeString(
-                    "ja-JP",
-                    {hour12: false, hour: "2-digit", minute:"2-digit"},
-                ),
-                category: "sent",
-                status: "ok",
-                messages : {
-                    original: data.message,
-                    translated: [],
-                },
-            };
+            const message_object = generateMessageObject(data, "sent");
+            addMessageLogsStatus(message_object);
+        },
+        addReceivedMessageLog: (payload) => {
+            const data = payload.data;
+            const message_object = generateMessageObject(data, "received");
             addMessageLogsStatus(message_object);
         },
     };
 };
 
-// const asyncTestFunction = (...args) => {
-//     return new Promise((resolve) => {
-//         setTimeout(() => {
-//             resolve(...args);
-//         }, 3000);
-//     });
-// };
+const generateTimeData = () => {
+    const data = new Date().toLocaleTimeString(
+        "ja-JP",
+        {hour12: false, hour: "2-digit", minute: "2-digit"},
+    );
+    return data;
+};
+
+const generateMessageObject = (data, category) => {
+    return {
+        id: crypto.randomUUID(),
+        created_at: generateTimeData(),
+        category: category,
+        status: "ok",
+        messages: {
+            original: data.message,
+            translated: [],
+        },
+    };
+};

src-ui/logics/useReceiveRoutes.js

@@ -9,7 +9,7 @@ export const useReceiveRoutes = () => {
         updateTranscriptionReceiveStatus,
     } = useMainFunction();
 
-    const { addMessageLogsStatus } = useMessage();
+    const { addSentMessageLog, addReceivedMessageLog } = useMessage();
 
     const {
         updateSoftwareVersion,
@@ -25,7 +25,8 @@ export const useReceiveRoutes = () => {
 
         "/config/version": updateSoftwareVersion,
 
-        "/action/transcription_send_mic_message": addMessageLogsStatus
+        "/action/transcription_send_mic_message": addSentMessageLog,
+        "/action/transcription_receive_speaker_message": addReceivedMessageLog
     };
 
     const receiveRoutes = (parsed_data) => {