feat: 어시스턴트 봇 생성 api 연동

Author: hyuke81

.prettierrc

@@ -0,0 +1,6 @@
+{
+    "tabWidth": 4,
+    "useTabs": false,
+    "singleQuote": true,
+    "semi": true
+}

eslint.config.js

@@ -1,37 +1,30 @@
-import react from 'eslint-plugin-react';
+import eslintPluginReact from 'eslint-plugin-react';
+import babelParser from '@babel/eslint-parser';
 
 export default [
-  {
-    ignores: ['dist'],
-    languageOptions: {
-      parserOptions: {
-        ecmaVersion: 'latest',
-        ecmaFeatures: { jsx: true },
-        sourceType: 'module',
-        requireConfigFile: false,
-      },
+    {
+        ignores: ['dist'],
+        languageOptions: {
+            parser: babelParser,
+            parserOptions: {
+                ecmaVersion: 'latest',
+                ecmaFeatures: { jsx: true },
+                sourceType: 'module',
+                requireConfigFile: false,
+            },
+        },
+        plugins: {
+            react: eslintPluginReact,
+        },
+        settings: {
+            react: { version: 'detect' },
+        },
+        rules: {
+            indent: ['error', 4],
+            'react/jsx-indent': ['error', 4],
+            'react/jsx-indent-props': ['error', 4],
+            quotes: ['error', 'single'],
+            'no-console': 'off',
+        },
     },
-    rules: {
-      quotes: ['error', 'single'],
-      'no-console': 'off',
-    },
-  },
-  // .js 파일 전용 설정
-  {
-    files: ['**/*.js'],
-    rules: {
-      'no-console': 'warn',
-    },
-  },
-  // .jsx 파일 전용 설정
-  {
-    files: ['**/*.jsx'],
-    plugins: { react },
-    settings: {
-      react: { version: 'detect' },
-    },
-    rules: {
-      'react/prop-types': 'off',
-    },
-  },
 ];

package-lock.json

@@ -14,6 +14,7 @@
     "@emotion/react": "^11.13.3",
     "@emotion/styled": "^11.13.0",
     "@reduxjs/toolkit": "^2.3.0",
+    "@tanstack/react-query": "^5.66.0",
     "axios": "^1.7.7",
     "branchify": "file:",
     "framer-motion": "^11.11.17",
@@ -24,6 +25,7 @@
     "redux": "^5.0.1"
   },
   "devDependencies": {
+    "@babel/eslint-parser": "^7.26.8",
     "@eslint/eslintrc": "^3.1.0",
     "@eslint/js": "^9.13.0",
     "@types/react": "^18.3.12",

package.json

@@ -1,14 +1,19 @@
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { RouterProvider } from 'react-router-dom';
 import router from './routes';
 import { Provider } from 'react-redux';
 import store from './stores/store';
 
+const queryClient = new QueryClient();
+
 function App() {
-  return (
-    <Provider store={store}>
-      <RouterProvider router={router} />
-    </Provider>
-  );
+    return (
+        <QueryClientProvider client={queryClient}>
+            <Provider store={store}>
+                <RouterProvider router={router} />
+            </Provider>
+        </QueryClientProvider>
+    );
 }
 
 export default App;

src/App.jsx

@@ -3,15 +3,15 @@ import axios from 'axios';
 // API 인스턴스 생성
 const API = axios.create({
     baseURL: 'https://www.branchify.site/api/',
-    withCredentials: true // 모든 요청에 쿠키 포함 (refreshToken 자동 전송)
+    withCredentials: true, // 모든 요청에 쿠키 포함 (refreshToken 자동 전송)
 });
 
 // access token 갱신 함수
 const refreshAccessToken = async () => {
     try {
         const response = await axios.post(
-            '/user/refresh-token', 
-            {}, 
+            '/user/refresh-token',
+            {},
             { withCredentials: true } // 서버에 refreshToken 쿠키 자동 전송
         );
 
@@ -23,26 +23,32 @@ const refreshAccessToken = async () => {
             throw new Error('새로운 access token을 받지 못했습니다.');
         }
     } catch (error) {
-        console.error('access token 갱신 실패:', error.response?.data || error.message);
+        console.error(
+            'access token 갱신 실패:',
+            error.response?.data || error.message
+        );
         return null;
     }
 };
 
 // 요청 인터셉터 (모든 API 요청에 자동으로 access_token 추가)
-API.interceptors.request.use(async (config) => {
-    let accessToken = localStorage.getItem('access_token');
+API.interceptors.request.use(
+    async (config) => {
+        let accessToken = localStorage.getItem('access_token');
 
-    if (!accessToken) {
-        accessToken = await refreshAccessToken(); // 토큰 갱신 요청
-    }
+        if (!accessToken) {
+            accessToken = await refreshAccessToken(); // 토큰 갱신 요청
+        }
 
-    if (accessToken) {
-        config.headers.Authorization = `Bearer ${accessToken}`;
-    }
+        if (accessToken) {
+            config.headers.Authorization = `Bearer ${accessToken}`;
+        }
 
-    return config;
-}, (error) => {
-    return Promise.reject(error);
-});
+        return config;
+    },
+    (error) => {
+        return Promise.reject(error);
+    }
+);
 
 export default API;

src/api/api.js

@@ -0,0 +1,67 @@
+import axios from 'axios';
+
+const API_BASE_URL = 'https://www.branchify.site/api';
+
+// 어시스턴트 생성 API (POST 요청)
+export const createAssistant = async ({
+    modelName,
+    openaiApiKey,
+    assistantName,
+    prompt,
+}) => {
+    const accessToken = localStorage.getItem('access_token');
+
+    const response = await axios.post(
+        `${API_BASE_URL}/assistantlist`,
+        { modelName, openaiApiKey, assistantName, prompt },
+        {
+            headers: {
+                Authorization: `Bearer ${accessToken}`,
+                'Content-Type': 'application/json',
+            },
+        }
+    );
+
+    return response.data;
+};
+
+//어시스턴트 업데이트 (Step 3에서 호출)
+export const updateAssistant = async ({ assistantName, actionTags }) => {
+    if (
+        !assistantName ||
+        typeof assistantName !== 'string' ||
+        assistantName.trim() === ''
+    ) {
+        throw new Error(
+            '유효하지 않은 assistantName입니다. 요청을 보낼 수 없습니다.'
+        );
+    }
+
+    const accessToken = localStorage.getItem('access_token');
+
+    try {
+        console.log(
+            '최종 PATCH URL:',
+            `${API_BASE_URL}/assistantlist/${assistantName}`
+        );
+        console.log('보낼 데이터:', { actionTags });
+
+        const response = await axios.patch(
+            `${API_BASE_URL}/assistantlist/${assistantName}`,
+            { actionTag: actionTags },
+            {
+                headers: {
+                    Authorization: `Bearer ${accessToken}`,
+                    'Content-Type': 'application/json',
+                },
+            }
+        );
+        return response.data;
+    } catch (error) {
+        console.error(
+            'Error updating assistant:',
+            error.response?.data || error.message
+        );
+        throw error;
+    }
+};