75 lines
2.3 KiB
JavaScript
75 lines
2.3 KiB
JavaScript
import {
|
|
useMessageLogsStatus,
|
|
} from "@store";
|
|
|
|
import { useStdoutToPython } from "./useStdoutToPython";
|
|
|
|
export const useMessage = () => {
|
|
const { currentMessageLogsStatus, addMessageLogsStatus, updateMessageLogsStatus } = useMessageLogsStatus();
|
|
const { asyncStdoutToPython } = useStdoutToPython();
|
|
|
|
return {
|
|
sendMessage: (message) => {
|
|
asyncStdoutToPython({id: "send_message", data: message});
|
|
const uuid = crypto.randomUUID();
|
|
|
|
addMessageLogsStatus({
|
|
id: uuid,
|
|
category: "sent",
|
|
status: "pending",
|
|
created_at: generateTimeData(),
|
|
messages: {
|
|
original: message,
|
|
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,
|
|
|
|
addSentMessageLog: (payload) => {
|
|
const data = payload.data;
|
|
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 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: [],
|
|
},
|
|
};
|
|
}; |