58 lines
1.5 KiB
Vue
58 lines
1.5 KiB
Vue
<template>
|
|
<MessagePane :server="server" />
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import { useGlobalStore } from '~/stores/store'
|
|
import { IChannel } from '~/types'
|
|
|
|
definePageMeta({
|
|
middleware: 'auth'
|
|
})
|
|
|
|
export default {
|
|
async setup() {
|
|
const route = useRoute()
|
|
const headers = useRequestHeaders(['cookie']) as Record<string, string>
|
|
const server: IChannel = await $fetch(`/api/channels/${route.params.id}`, { headers })
|
|
|
|
if (!server) throw new Error('could not find the dm')
|
|
|
|
useGlobalStore().addDM(server);
|
|
if (typeof route.params.id !== 'string') throw new Error('route.params.id must be a string, but got an array presumably?')
|
|
useGlobalStore().setActiveServer('dms', route.params.id);
|
|
|
|
function parseBody(body: string) {
|
|
const mentions = body.match(/<@([a-z]|[0-9]){25}>/g);
|
|
if (mentions) {
|
|
mentions.forEach((e: string) => {
|
|
if (!e) return
|
|
const id = e.split('<@')[1]?.split('>')[0];
|
|
if (!id) return;
|
|
const user = server.dmParticipants?.find((e) => e.id === id)
|
|
if (!user) return;
|
|
body = body.split(e).join(`@${user.username}`)
|
|
});
|
|
}
|
|
return body
|
|
}
|
|
|
|
server.messages?.forEach((e) => {
|
|
e.body = parseBody(e.body)
|
|
})
|
|
|
|
useGlobalStore().setActiveChannel(server)
|
|
|
|
return {
|
|
server
|
|
}
|
|
},
|
|
async updated() {
|
|
const route = useRoute()
|
|
if (typeof route.params.id !== 'string') throw new Error('route.params.id must be a string, but got an array presumably?')
|
|
if (useGlobalStore().activeServer !== this.server) {
|
|
useGlobalStore().setActiveServer('dms', route.params.id)
|
|
}
|
|
},
|
|
}
|
|
</script> |