Merge pull request #289 from WeGo-Together/hwanwook-feat/chat-api

[Feat] 채팅방 조회, DM 채팅방 생성, 웹소켓 연결 API 작업

Author: wooktori

package.json

@@ -44,6 +44,7 @@
   },
   "dependencies": {
     "@rehookify/datepicker": "^6.6.8",
+    "@stomp/stompjs": "^7.2.1",
     "@tanstack/react-form": "^1.27.0",
     "@tanstack/react-query": "^5.90.3",
     "@tanstack/react-query-devtools": "^5.90.2",
@@ -57,6 +58,7 @@
     "react": "19.2.3",
     "react-daum-postcode": "^3.2.0",
     "react-dom": "19.2.3",
+    "sockjs-client": "^1.6.1",
     "swiper": "^12.0.3",
     "tailwind-merge": "^3.3.1",
     "zod": "^4.1.13"
@@ -81,6 +83,7 @@
     "@types/node": "^20",
     "@types/react": "^19",
     "@types/react-dom": "^19",
+    "@types/sockjs-client": "^1.5.4",
     "@types/webpack": "^5.28.5",
     "@typescript-eslint/eslint-plugin": "^8.46.1",
     "@typescript-eslint/parser": "^8.46.1",

pnpm-lock.yaml

@@ -1,5 +1,6 @@
 import {
   authServiceRemote,
+  chatServiceRemote,
   followerServiceRemote,
   groupServiceRemote,
   notificationServiceRemote,
@@ -12,13 +13,15 @@ const provideAPIService = () => {
   const followerService = followerServiceRemote();
   const notificationService = notificationServiceRemote();
   const groupService = groupServiceRemote();
+  const chatService = chatServiceRemote();
 
   return {
     userService,
     authService,
     followerService,
     notificationService,
     groupService,
+    chatService,
   };
 };
 

src/api/index.ts

@@ -0,0 +1,30 @@
+import { apiV1 } from '@/api/core';
+import {
+  ChattingRoom,
+  CreateDMPayloads,
+  GetChatMessagesParams,
+  GetChatMessagesResponse,
+  GetChatRoomsResponse,
+} from '@/types/service/chat';
+
+export const chatServiceRemote = () => ({
+  // 채팅방 목록 조회
+  getChatRooms: async () => {
+    return apiV1.get<GetChatRoomsResponse>('/chat/rooms');
+  },
+
+  // 1:1(DM) 채팅방 생성
+  createDMChatRoom: async (payloads: CreateDMPayloads) => {
+    return apiV1.post<ChattingRoom>('/chat/dm', payloads);
+  },
+
+  // 메세지 이력 조회
+  getChatMessages: async ({ roomId, cursor, size }: GetChatMessagesParams) => {
+    return apiV1.get<GetChatMessagesResponse>(`/chat/rooms/${roomId}/messages`, {
+      params: {
+        cursor,
+        size,
+      },
+    });
+  },
+});

src/api/service/chat-service/index.ts

@@ -1,4 +1,5 @@
 export * from './auth-service';
+export * from './chat-service';
 export * from './follower-service';
 export * from './group-service';
 export * from './notification-service';