gorb/frontend
4
0
Fork 0
Code Issues 15 Pull requests 8 Projects Releases Packages 1 Wiki Activity Actions

feat: update WebSocket to handle new message format
All checks were successful
ci/woodpecker/push/build-and-publish Pipeline was successful
Details
ci/woodpecker/pr/build-and-publish Pipeline was successful
Details

Browse source
This commit is contained in:
SauceyRed 2025-08-07 22:27:57 +02:00
parent b9dd9d3417
commit 6586890b6c
Signed by: sauceyred
GPG key ID: 270B096EF6E9A462
1 changed files with 14 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

24
components/MessageArea.vue
View file

@ -40,9 +40,10 @@
</template>
<script lang="ts" setup>
import type { MessageResponse, ScrollPosition, UserResponse } from '~/types/interfaces';
import type { MessageResponse, ScrollPosition, UserResponse, WSMessage } from '~/types/interfaces';
import scrollToBottom from '~/utils/scrollToBottom';
import { generateIrcColor } from '#imports';
import { WSEvent } from '~/types/enums';
const { getDisplayName } = useProfile()
const { fetchMe } = useApi()
@ -195,16 +196,19 @@ if (accessToken && apiBase) {
ws.addEventListener("message", async (event) => {
console.log("event data:", event.data);
console.log("message uuid:", event.data.uuid);
const parsedData = JSON.parse(event.data);
console.log("[MSG] parsed message:", parsedData);
const message: WSMessage = JSON.parse(event.data);
console.log("[MSG] parsed message:", message);
console.log("parsed message type:", messagesType.value[parsedData.uuid]);
console.log("parsed message timestamp:", messageTimestamps.value[parsedData.uuid]);
pushMessage(parsedData);
await nextTick();
if (messagesElement.value) {
console.log("scrolling to bottom");
scrollToBottom(messagesElement.value);
if (message.event == WSEvent.MessageSend) {
const messageObject = message.entity as MessageResponse;
console.log("parsed message type:", messagesType.value[messageObject.uuid]);
console.log("parsed message timestamp:", messageTimestamps.value[messageObject.uuid]);
pushMessage(messageObject);
await nextTick();
if (messagesElement.value) {
console.log("scrolling to bottom");
scrollToBottom(messagesElement.value);
}
}
});