начало чата

client/app/composables/use-chat.ts

@@ -0,0 +1,55 @@
+import { createGlobalState } from '@vueuse/core'
+
+export interface ChatClientMessage {
+  text: string
+  replyTo?: {
+    messageId: string
+  }
+}
+
+export interface ChatMessage {
+  id: string
+  sender: string
+  text: string
+  createdAt: string
+  replyTo?: {
+    messageId: string
+    sender: string
+    text: string
+  }
+}
+
+export const useChat = createGlobalState(() => {
+  const signaling = useSignaling()
+  const { emit } = useEventBus()
+
+  const messages = shallowRef<ChatMessage[]>([])
+
+  watch(signaling.socket, (socket) => {
+    if (!socket)
+      return
+
+    socket.on('chat:new-message', (message: ChatMessage) => {
+      messages.value.push(message)
+      triggerRef(messages)
+
+      emit('chat:new-message')
+    })
+
+    socket.on('disconnect', () => {
+      messages.value = []
+    })
+  }, { immediate: true })
+
+  function sendMessage(message: ChatClientMessage) {
+    if (!signaling.connected.value)
+      return
+
+    signaling.socket.value!.emit('chat:message', message)
+  }
+
+  return {
+    messages,
+    sendMessage,
+  }
+})

client/app/composables/use-event-bus.ts

@@ -29,6 +29,8 @@ export interface AppEvents extends Record<EventType, unknown> {
   'video:disabled': void
   'share:enabled': void
   'share:disabled': void
+
+  'chat:new-message': void
 }
 
 const emitter = mitt<AppEvents>()

client/app/composables/use-sfx.ts

@@ -15,7 +15,7 @@ function hashStringToNumber(str: string, cap: number): number {
 
 const oneShots: Howl[] = []
 
-type SfxEvent = 'mic-on' | 'mic-off' | 'stream-on' | 'stream-off' | 'connection'
+type SfxEvent = 'mic-on' | 'mic-off' | 'stream-on' | 'stream-off' | 'connection' | 'message'
 
 const EVENT_VOLUME: Record<SfxEvent, number> = {
   'mic-on': 0.2,

client/app/composables/use-signaling.ts

@@ -66,7 +66,7 @@ export const useSignaling = createSharedComposable(() => {
 
     const uri = host ? `${protocol}//${host}` : ``
 
-    socket.value = io(`${uri}/webrtc`, {
+    socket.value = io(uri, {
       path: `${pathname}/ws`,
       transports: ['websocket'],
       withCredentials: true,