Merge pull request #57 from softeerbootcamp4th/fix-crypto

[fix] common package tsup 번들 제외되어 문제되는 socket 관련 라이브러리 -> 번들링 포함에 명시

packages/common/src/utils/socket.ts

@@ -14,8 +14,6 @@ export default class Socket {
 		const stompClient = new Client({
 			webSocketFactory: () => new SockJS(`${url}/ws`),
 			reconnectDelay: 5000, // Reconnect if the connection drops
-			// heartbeatIncoming: 4000, // Check for server heartbeat
-			// heartbeatOutgoing: 4000, // Send a heartbeat
 		});
 		this.client = stompClient;
 		return stompClient;
@@ -62,6 +60,7 @@ export default class Socket {
 	}) {
 		const subscription = this.client.subscribe(destination, (message: IMessage) => {
 			const messageId = message.headers['message-id'];
+
 			callback(messageId, message);
 		});
 		this.subscriptions.set(destination, subscription);

packages/common/tsup.config.ts

@@ -21,4 +21,6 @@ export default defineConfig({
 	loader: {
 		'.svg': 'file',
 	},
+	noExternal: ['sockjs-client', '@stomp/stompjs'],
+	platform: 'browser',
 });

packages/user/src/components/event/chatting/index.tsx

@@ -2,7 +2,7 @@ import { ChatList, ChatProps } from '@softeer/common/components';
 import { CHAT_SOCKET_ENDPOINTS } from '@softeer/common/constants';
 import { IMessage } from '@stomp/stompjs';
 import { useEffect, useState } from 'react';
-import socketClient from 'src/services/socket/index.ts';
+import socketClient from 'src/services/socket.ts';
 import Chat from './Chat.tsx';
 import ChatInputArea from './inputArea/index.tsx';
 

packages/user/src/services/socket/index.ts → packages/user/src/services/socket.ts

@@ -1,5 +1,5 @@
+import { Socket } from '@softeer/common/utils';
 import { SOCKET_BASE_URL } from 'src/constants/environments.ts';
-import Socket from 'src/services/socket/socket.ts';
 
 const socketClient = new Socket(SOCKET_BASE_URL);
 export default socketClient;