Api (extension): 익스텐션 팝업 수정/삭제/생성 Edit 기능 API 연결

apps/extension/src/api/axios.ts

@@ -14,3 +14,33 @@ export const postArticles = async (payload: {
   const response = await apiRequest.post('/api/v1/articles', payload);
   return response.data;
 };
+
+export const postCategories = async (payload: { categoryName: string }) => {
+  const response = await apiRequest.post('/api/v1/categories', payload);
+  return response.data;
+};
+
+export const patchCategories = async ({
+  categoryId,
+  categoryName,
+}: {
+  categoryId: number;
+  categoryName: string;
+}) => {
+  const response = await apiRequest.patch(`/api/v1/categories/${categoryId}`, {
+    categoryName,
+  });
+  return response.data;
+};
+
+export const deleteCategories = async ({
+  categoryId,
+}: {
+  categoryId: number;
+}) => {
+  const response = await apiRequest.delete(
+    `/api/v1/categories/${categoryId}`,
+    {}
+  );
+  return response.data;
+};

apps/extension/src/api/axiosInstance.ts

@@ -1,4 +1,5 @@
 import axios from 'axios';
+import { useState } from 'react';
 
 const apiRequest = axios.create({
   baseURL: import.meta.env.VITE_BASE_URL,
@@ -14,9 +15,9 @@ const fetchToken = async (email?: string) => {
       params: { email },
     }
   );
-  const newToken = response.data.token;
+  const newToken = response.data.data.token;
   chrome.storage.local.set({ jwtToken: newToken }, () => {
-    console.log('Token saved to chrome storage');
+    console.log('Token saved to chrome storage다시', newToken);
   });
   return newToken;
 };
@@ -25,15 +26,27 @@ apiRequest.interceptors.request.use(async (config) => {
   const noAuthNeeded = ['/api/v1/auth/token', '/api/v1/auth/signup'];
   const isNoAuth = noAuthNeeded.some((url) => config.url?.includes(url));
 
-  if (!isNoAuth) {
-    let token =
-      'eyJhbGciOiJIUzUxMiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJwaW5iYWNrIiwiaWQiOiJhOTA1NGFjOS03MTg0LTQ3NjktYWY4Mi1jNGViYTg0YzYxYTIiLCJzdWIiOiJBY2Nlc3NUb2tlbiIsImV4cCI6MTc1MjgwMDY1Nn0.hXti-Jlnhg8mRoPl5nB8Vi8UV6HPdZYAtgtpTuqtH39lQWle8T5GlX0ug0nNVUqu5B_Pyzafck7lhfXN6ArHOA';
+  if (isNoAuth) return config;
 
-    if (!token || token === 'undefined') {
-      token = await fetchToken('test@gmail.com');
-    }
-    config.headers.Authorization = `Bearer ${token}`;
+  const email = await new Promise<string | undefined>((resolve) => {
+    chrome.storage.local.get('email', (result) => {
+      resolve(result.email);
+    });
+  });
+
+  let token = await new Promise<string | undefined>((resolve) => {
+    chrome.storage.local.get('jwtToken', (result) => {
+      resolve(result.jwtToken);
+    });
+  });
+
+  // 토큰 없으면 fetchToken 호출
+  if (!token || token === 'undefined') {
+    console.log(email, '여기야');
+    token = await fetchToken(email);
   }
+
+  config.headers.Authorization = `Bearer ${token}`;
   return config;
 });
 

apps/extension/src/api/queries.ts

@@ -1,4 +1,10 @@
-import { getCategoriesDash, postArticles } from './axios';
+import {
+  getCategoriesDash,
+  postArticles,
+  postCategories,
+  patchCategories,
+  deleteCategories,
+} from './axios';
 import { useQuery, useMutation } from '@tanstack/react-query';
 export const useGetCategoriesDash = () => {
   return useQuery({
@@ -12,3 +18,26 @@ export const usePostArticles = () => {
     mutationFn: postArticles,
   });
 };
+
+export const usePostCategories = () => {
+  return useMutation({
+    mutationFn: postCategories,
+  });
+};
+
+interface PatchCategoryParams {
+  categoryId: number;
+  categoryName: string;
+}
+
+export const usePatchCategories = () => {
+  return useMutation({
+    mutationFn: patchCategories,
+  });
+};
+
+export const useDeleteCategories = () => {
+  return useMutation({
+    mutationFn: deleteCategories,
+  });
+};

apps/extension/src/background.ts

@@ -9,9 +9,12 @@ chrome.runtime.onInstalled.addListener((details) => {
   if (details.reason === 'install') {
     chrome.identity.getProfileUserInfo(function (info) {
       console.log('google email:', info.email);
+      chrome.storage.local.set({ email: info.email }, () => {
+        console.log('Token saved!', info.email);
+      });
       setTimeout(() => {
         chrome.tabs.create({
-          url: `http://localhost:5180/onboarding?email=${info.email}`,
+          url: `http://localhost:5173/onboarding?email=${info.email}`,
         });
       }, 1000);
     });
@@ -23,7 +26,7 @@ chrome.runtime.onMessage.addListener((message, _sender, sendResponse) => {
     const { url, title } = message.payload;
 
     chrome.storage.local.set({ savedBookmark: url }, () => {
-      console.log('📦 storage 저장 완료:', url);
+      console.log('📦 storage 저장 완료:');
     });
 
     chrome.bookmarks.create(
@@ -43,7 +46,7 @@ chrome.runtime.onMessage.addListener((message, _sender, sendResponse) => {
             error: chrome.runtime.lastError.message,
           });
         } else {
-          console.log('📦 북마크 저장 완료:', newBookmark);
+          console.log('📦 북마크 저장 완료:');
           sendResponse({ success: true, data: newBookmark });
         }
       }