Release: v1.0.5 릴리즈 (#102)

* refactor: 성공한 문제 id list를 storage에 저장 (#100)

* Refactor: 유저의 이메일, 성공한 문제 id list storage를 get하는 로직 모듈화 (#101)

* Refactor: 유저의 이메일, 성공한 문제 id list storage를 get하는 로직을 모듈화

* Release : v1.0.5 릴리즈

Author: dev-redo

package.json

@@ -1,6 +1,6 @@
 {
   "name": "prosolve",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "main": "index.js",
   "pretty": "prettier --write \"src/**/*.(ts|tsx)\"",
   "scripts": {

src/api/solution/addSolvedProblemId.ts

@@ -1,22 +1,18 @@
-import { getUserEmail } from './getUserEmail';
+import { getUserEmailStorage, getSuccessProblemsIdListStorage } from './getUserInfoStorage';
 
 const addSolvedProblemId = async (id: number, isSuccess: boolean) => {
   if (!isSuccess) return;
 
-  const userEmail = await getUserEmail();
+  const { userEmail } = await getUserEmailStorage();
+  const solvedProblem = await getSuccessProblemsIdListStorage(userEmail);
 
-  chrome.storage.local.get([userEmail], async response => {
-    const solvedProblem = response[userEmail];
-    console.log('[Pro-Solve] 제출한 풀이 Id List :>>', solvedProblem);
+  if (solvedProblem.includes(id)) {
+    console.log(`[Pro-Solve] 이전에 성공한 문제입니다. :>> ${id}`);
+    return;
+  }
 
-    if (solvedProblem.includes(id)) {
-      console.log(`[Pro-Solve] 이전에 성공한 문제입니다. :>> ${id}`);
-      return;
-    }
-
-    chrome.storage.local.set({
-      [userEmail]: [...solvedProblem, id],
-    });
+  return chrome.storage.local.set({
+    [userEmail]: [...solvedProblem, id],
   });
 };
 

src/api/solution/getUserEmail.ts

@@ -3,9 +3,7 @@ import { fetchRequest } from '@src/utils/fetchRequest';
 
 const getUserEmail = async () => {
   const { userInfo } = await fetchRequest({ url: USER_INFO_URL });
-  if (userInfo === undefined) {
-    return null;
-  }
+  if (userInfo === undefined) return;
 
   const { email } = await userInfo;
   return email;

src/api/solution/getUserInfoStorage.ts

@@ -0,0 +1,6 @@
+const getUserEmailStorage = async () => chrome.storage.local.get('userEmail');
+
+const getSuccessProblemsIdListStorage = async (userEmail: string) =>
+  (await chrome.storage.local.get([userEmail]))[userEmail];
+
+export { getUserEmailStorage, getSuccessProblemsIdListStorage };

src/api/solution/initSuccessProblems.ts

@@ -0,0 +1,31 @@
+import { getUserEmail } from './getUserEmail';
+import { getSuccessProblemIdList } from './getSuccessProblemIdList';
+
+const setUserInfoStorage = async () => {
+  const userEmail = await setUserEmailStorage();
+  await setSuccessProblemsIdListStorage(userEmail);
+};
+
+const setUserEmailStorage = async () => {
+  const newUserEmail = await getUserEmail();
+
+  await chrome.storage.local.set({
+    userEmail: newUserEmail,
+  });
+
+  return newUserEmail;
+};
+
+const setSuccessProblemsIdListStorage = async (userEmail: string) => {
+  console.log('[Pro-Solve] 현재 로그인한 프로그래머스 계정 이메일 :>> ', userEmail);
+
+  if (userEmail === undefined) return;
+  const response = await chrome.storage.local.get([userEmail]);
+  const solvedProblemsIdList = response[userEmail] ?? (await getSuccessProblemIdList());
+
+  return chrome.storage.local.set({
+    [userEmail]: solvedProblemsIdList,
+  });
+};
+
+export { setUserInfoStorage };

src/api/solution/setUserInfoStorage.ts

@@ -2,15 +2,12 @@ import { postCurrentSolution } from './postCurrentSolution';
 import { getAllSolutions } from './getAllSolutions';
 import { createSolutionsTab } from './createSolutionsTab';
 import { createSuccessProblemTab } from './createSuccessProblemTab';
-import { initSuccessProblems } from '@src/api/solution/initSuccessProblems';
+import { setUserInfoStorage } from '@src/api/solution/setUserInfoStorage';
 
-chrome.runtime.onInstalled.addListener(() => {
-  initSuccessProblems();
-});
+chrome.runtime.onInstalled.addListener(() => setUserInfoStorage());
 
 chrome.runtime.onMessage.addListener((request, sender, sendResponse) => {
   const message = { request, sender, sendResponse };
-  initSuccessProblems();
 
   if (request.method === 'postCurrentSolution') {
     postCurrentSolution(message).catch(error => {

src/pages/background/index.ts

@@ -4,6 +4,9 @@ import { theme } from '@src/styles/theme';
 import { ThemeProvider } from 'styled-components';
 import CreateSolutionsButton from '@src/components/button/CreateSolutionsButton';
 import { addSolvedProblemId } from '@src/api/solution/addSolvedProblemId';
+import { setUserInfoStorage } from '@src/api/solution/setUserInfoStorage';
+
+(async () => await setUserInfoStorage())();
 
 const $submitBtn = document.querySelector('#submit-code') as HTMLButtonElement;
 const $modal = document.querySelector('.modal') as HTMLDivElement;
@@ -21,9 +24,12 @@ const modalMutationObserver = new MutationObserver(mutations => {
   modalMutationObserver.disconnect();
 });
 
-$submitBtn.addEventListener('click', () => {
-  modalMutationObserver.observe($modal, modalMutationOption);
-});
+const isUserLoggedIn = $submitBtn !== null;
+if (isUserLoggedIn) {
+  $submitBtn.addEventListener('click', () => {
+    modalMutationObserver.observe($modal, modalMutationOption);
+  });
+}
 
 const printLoadingText = () => {
   const $modalContent = document.querySelector('div.modal-body') as HTMLDivElement;

src/pages/content/testPage.tsx

@@ -19,7 +19,11 @@ import { RecoilRoot, useRecoilValue } from 'recoil';
 import { navOption, sortOption } from '@src/store/profile';
 import Statistics from './Statistics';
 import Problems from './Problems';
-import { getUserEmail } from '@src/api/solution/getUserEmail';
+import { setUserInfoStorage } from '@src/api/solution/setUserInfoStorage';
+import {
+  getUserEmailStorage,
+  getSuccessProblemsIdListStorage,
+} from '@src/api/solution/getUserInfoStorage';
 
 document.title = '프로솔브 - 나의 풀이 페이지';
 
@@ -31,11 +35,18 @@ const ProfileTabLayout = () => {
 
   React.useEffect(() => {
     (async () => {
+      await setUserInfoStorage();
+
+      const { userEmail } = await getUserEmailStorage();
+      console.log('[Pro-Solve] 현재 로그인한 이메일 :>> ', await userEmail);
+
       const allProblems = await getAllProblemsList();
       setAllSolvedProblems(allProblems);
 
-      const solvedProblemIdList = await getSolvedProblemIdList();
-      const solvedProblems = await getSolvedProblemList(allProblems, solvedProblemIdList);
+      const solvedProblemsIdList = await getSuccessProblemsIdListStorage(userEmail);
+      console.log('[Pro-Solve] 현재 유저가 성공한 문제 id list :>> ', await solvedProblemsIdList);
+
+      const solvedProblems = await getSolvedProblemList(allProblems, solvedProblemsIdList);
       setSolvedProblems(solvedProblems);
 
       setIsLoaded(false);
@@ -70,12 +81,6 @@ const getAllProblemsList = async () =>
     url: ALL_PROBLEM_URL,
   });
 
-const getSolvedProblemIdList = async () => {
-  const userEmail = await getUserEmail();
-
-  return (await chrome.storage.local.get([userEmail]))[userEmail];
-};
-
 const getSolvedProblemList = async (
   allProblems: SolvedProblemType,
   solvedProblemIdList: number[],

src/pages/newTab/profile/index.tsx

@@ -1,7 +1,7 @@
 {
   "name": "프로솔브(Pro-Solve)",
   "description": "제출한 모든 프로그래머스 풀이를 확인할 수 있게 해주는 크롬 익스텐션",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "manifest_version": 3,
   "icons": {
     "16": "icon.png",