vue-wiguet-chatweb 0.1.8 → 0.1.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-wiguet-chatweb",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "type": "module",
   "files": [
     "dist",
@@ -29,6 +29,7 @@
     "build": "vue-tsc && vite build",
     "preview": "vite preview",
     "test:unit": "vitest",
+    "coverage": "vitest --coverage",
     "prepack": "npm run build"
   },
   "peerDependencies": {
@@ -54,6 +55,7 @@
     "@types/node": "^20.4.6",
     "@types/uuid": "^10.0.0",
     "@vitejs/plugin-vue": "^5.2.1",
+    "@vitest/coverage-v8": "^2.1.8",
     "jsdom": "^25.0.1",
     "typescript": "^5.0.2",
     "vite": "^5.4.11",

package/src/components/Chat.vue

@@ -21,9 +21,6 @@
     <div class="w-full">
       <form class="message-send" @submit.prevent="submitMessage">
         <div class="form-message">
-          <!-- <button type="submit">
-            <IconUser />
-          </button> -->
           <div class="jl-inputgroup-chat">
             <textarea
               v-model="message"
@@ -56,7 +53,6 @@ import {
 } from "../dto/app.dto";
 import IconClose from "./IconClose.vue";
 import IconSend from "./IconSend.vue";
-// import IconUser from "./IconUser.vue";
 import {
   getMessagesApi,
   sendMessageApi,
@@ -66,7 +62,7 @@ import { getInformationApi } from "../store";
 import MessageList from "./MessageList.vue";
 import Loader from "./Loader.vue";
 import { searchFromLast } from "../resources/functions.helpers";
-import { io } from "socket.io-client";
+import { io, Socket } from "socket.io-client";
 import { APP_TYPE } from "../dto/chat.dto";
 
 //DATA
@@ -188,7 +184,7 @@ const submitMessage = async (event: Event) => {
       messagesData.value.data[idx] = newMsg;
       
       const message = {...newMsg, chatId:newMessage.chatId }
-      socketService.value.emit(
+      socketService.value?.emit(
         'sendMessage',
         { roomId: information?.value?.appChat.id, message },
         (response: any) => {
@@ -262,7 +258,7 @@ const retryMessage = async (message: Message) => {
       
       messagesData.value.data[idx] = { ...msg, error: undefined };
 
-      socketService.value.emit(
+      socketService.value?.emit(
         'sendMessage',
         { roomId: information?.value?.appChat.id, message },
       );
@@ -304,7 +300,7 @@ function autoAdjustHeight() {
   textAreaRef.value.style.height = textAreaRef.value.scrollHeight + "px"
 }
 
-const socketService = ref();
+const socketService = ref<Socket>();
 const information = ref<ChatInformation>();
 
 function connectMsWebSocket (userChat: ChatInformation ,app: APP_TYPE = APP_TYPE.WEBCHAT) {
@@ -319,10 +315,12 @@ function connectMsWebSocket (userChat: ChatInformation ,app: APP_TYPE = APP_TYPE
     extraHeaders: { Authorization: props.tokenAuth },
   });
 
+  socketService.value.removeAllListeners();
+
   socketService.value.on('connect', () => {
     console.log('Conectado al servidor de sockets');
 
-    socketService.value.emit(
+    socketService.value?.emit(
       'joinRoom',
       `${userChat?.appChat?.id}`
     );
@@ -336,10 +334,11 @@ function connectMsWebSocket (userChat: ChatInformation ,app: APP_TYPE = APP_TYPE
     console.log('Mensaje recibido:', data.message, userChat);
     
     if (data.message.sender.msPersonaId === userChat?.chat?.persona?.msPersonaId) return
-
+    
     messagesData.value.data.push(data.message);
     setVistoToTrueApi(data.message.appChatId, props.tokenAuth);
     scrollToBottom();
+    !props.visible && emit("new-message");
   });
 }
 
@@ -359,7 +358,7 @@ onMounted(async () => {
 });
 
 onUnmounted(() => {
-  socketService.value.off();
+  socketService.value?.off();
 });
 </script>
 

package/src/components/__tests__/Chat.spec.ts

@@ -1,5 +1,6 @@
 import { expect, it } from 'vitest'
+import Chat from '../Chat.vue'
 
-it('renders correctly', () => {
-  expect(2).toBeTruthy()
+it('definido', () => {
+  expect(Chat).toBeDefined()
 })

package/src/components/__tests__/ChatMessage.spec.ts

@@ -0,0 +1,6 @@
+import { expect, it } from 'vitest'
+import ChatMessage from '../ChatMessage.vue'
+
+it('definido', () => {
+  expect(ChatMessage).toBeDefined()
+})

package/src/components/IconUser.vue

@@ -1,6 +0,0 @@
-<template>
-    <svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
-        <path d="M21.04 40.9399C32.0857 40.9399 41.04 31.9856 41.04 20.9399C41.04 9.89419 32.0857 0.939941 21.04 0.939941C9.99428 0.939941 1.03998 9.89419 1.03998 20.9399C1.03998 31.9856 9.99428 40.9399 21.04 40.9399Z" stroke="#F28B0C" stroke-width="1.5" stroke-miterlimit="10"/>
-        <path d="M22.87 20.36C24.92 19.57 26.38 17.5801 26.38 15.2601C26.38 12.2401 23.93 9.79004 20.91 9.79004C17.89 9.79004 15.44 12.2401 15.44 15.2601C15.44 17.6301 16.95 19.6401 19.06 20.4001C16.15 21.2601 14.02 23.9501 14.02 27.1301V31.7701C14.02 31.9401 14.16 32.08 14.33 32.08H27.76C27.93 32.08 28.07 31.9401 28.07 31.7701V27.1301C28.07 23.8901 25.86 21.16 22.87 20.36Z" fill="#F28B0C"/>
-    </svg>
-</template>