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

Update WebSocket for message sending to match backend/pulls/47 #73

Open
sauceyred wants to merge 3 commits from websocket-rewrite into main
pull from: websocket-rewrite
merge into: gorb:main
Conversation 1 Commits 3 Files changed 3 +14 -10
1 changed files with 14 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit 6586890b6c - Show all commits

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);
}
}
});