[Update/WIP] メッセージ送信リクエスト時にidを付与。

src-ui/logics/useMainFunction.js

@@ -83,11 +83,3 @@ export const useMainFunction = () => {
         currentForegroundStatus: currentForegroundStatus,
     };
 };
-
-const asyncTestFunction = (...args) => {
-    return new Promise((resolve) => {
-        setTimeout(() => {
-            resolve(...args);
-        }, 3000);
-    });
-};

src-ui/logics/useMessage.js

@@ -10,8 +10,12 @@ export const useMessage = () => {
 
     return {
         sendMessage: (message) => {
-            asyncStdoutToPython({id: "send_message", data: message});
             const uuid = crypto.randomUUID();
+            const send_message_object = {
+                id: uuid,
+                message: message,
+            };
+            asyncStdoutToPython("/controller/callback_messagebox_press_key_enter", send_message_object);
 
             addMessageLogsStatus({
                 id: uuid,
@@ -20,26 +24,16 @@ export const useMessage = () => {
                 created_at: generateTimeData(),
                 messages: {
                     original: message,
-                    translated: [
+                    translated: [],
-                        message,
-                    ],
                 },
             });
-
-            setTimeout(() => {
-                const updateItemById = (id) => (prevItems) => {
-                    return prevItems.map(item => {
-                        if (item.id === id) {
-                            item.status = "ok";
-                        }
-                        return item;
-                    });
-                };
-                updateMessageLogsStatus(updateItemById(uuid));
-            }, 3000);
         },
         currentMessageLogsStatus: currentMessageLogsStatus,
 
+        updateSentMessageLog: (payload) => {
+            const data = payload.data;
+            updateMessageLogsStatus(updateItemById(data.id));
+        },
         addSentMessageLog: (payload) => {
             const data = payload.data;
             const message_object = generateMessageObject(data, "sent");
@@ -73,3 +67,13 @@ const generateMessageObject = (data, category) => {
         },
     };
 };
+
+
+const updateItemById = (id) => (prev_items) => {
+    return prev_items.map(item => {
+        if (item.id === id) {
+            item.status = "ok";
+        }
+        return item;
+    });
+};

src-ui/logics/useReceiveRoutes.js

@@ -9,7 +9,11 @@ export const useReceiveRoutes = () => {
         updateTranscriptionReceiveStatus,
     } = useMainFunction();
 
-    const { addSentMessageLog, addReceivedMessageLog } = useMessage();
+    const {
+        updateSentMessageLog,
+        addSentMessageLog,
+        addReceivedMessageLog,
+    } = useMessage();
 
     const {
         updateSoftwareVersion,
@@ -25,6 +29,7 @@ export const useReceiveRoutes = () => {
 
         "/config/version": updateSoftwareVersion,
 
+        "/controller/callback_messagebox_press_key_enter": updateSentMessageLog,
         "/action/transcription_send_mic_message": addSentMessageLog,
         "/action/transcription_receive_speaker_message": addReceivedMessageLog
     };