🚀 Release/1.2.2 (#182)

🚀 Release/1.2.2

package.json

@@ -1,6 +1,6 @@
 {
   "name": "urlink-chrome-extension",
-  "version": "1.2.1",
+  "version": "1.2.2",
   "private": true,
   "dependencies": {
     "@craco/craco": "^6.1.1",

public/manifest.json

@@ -1,6 +1,6 @@
 {
   "name": "urLink",
-  "version": "1.2.1",
+  "version": "1.2.2",
   "manifest_version": 2,
   "description": "북마크보다 손쉽게 웹사이트를 보관하고 정리하세요.",
   "permissions": ["<all_urls>", "identity", "history", "notifications"],

public/popup.html

@@ -16,8 +16,8 @@
           <span>링크 저장하기</span>
         </div>
 
-        <div class="urlLink-open-btn">
-          <a class="urlLink-open-btn-text" href="%PUBLIC_URL%/index.html" target="blank">유어링크 열기</a>
+        <div class="urLink-open-btn">
+          <a id="urLinkOpen" class="urLink-open-btn-text" href="%PUBLIC_URL%/index.html" target="blank">유어링크 열기</a>
         </div>
 
         <div class="center">

src/assets/css/popup.css

@@ -323,8 +323,8 @@ body {
   color: #fff;
 }
 
-/* urlLink open */
-.urlLink-open-btn {
+/* urLink open */
+.urLink-open-btn {
   align-items: center;
   display: flex;
   justify-content: center;
@@ -336,22 +336,22 @@ body {
   background-color: var(--powder-blue);
 }
 
-.urlLink-open-btn .urlLink-open-btn-text {
+.urLink-open-btn .urLink-open-btn-text {
   padding: 14px;
   width: 100%;
   height: 20px;
   color: var(--maincolor);
 }
 
-a.urlLink-open-btn-text:link {
+a.urLink-open-btn-text:link {
   text-decoration: none;
 }
 
-a.urlLink-open-btn-text:visited {
+a.urLink-open-btn-text:visited {
   text-decoration: none;
 }
 
-a.urlLink-open-btn-text:hover {
+a.urLink-open-btn-text:hover {
   text-decoration: none;
 }
 

src/popup/index.js

@@ -27,6 +27,8 @@ window.addEventListener('DOMContentLoaded', () => {
     EventSetting.categoryCreateCancelEventSetting()
 
     EventSetting.linkSaveEventSetting()
+
+    EventSetting.urLinkOpenEventSetting()
   } else {
     document.getElementById('categoryList').innerHTML = Template.loginRequired()
   }
@@ -58,6 +60,7 @@ const EventListener = {
     currentCategoryElement.classList.add('check')
     if (!linkSaveElement.classList.contains('active')) linkSaveElement.classList.add('active')
     linkSaveElement.dataset.categoryId = data.id
+    window.ga('send', 'event', '팝업', '팝업_카테고리 선택')
   },
 
   categoryCreateButtonEventListener(e) {
@@ -68,6 +71,7 @@ const EventListener = {
     categoryCreateInputWrapperElement.classList.remove('hide')
     const enterCategoryNameInputElement = document.getElementById('enterCategoryNameInput')
     enterCategoryNameInputElement.focus()
+    window.ga('send', 'event', '팝업', '팝업_카테고리 생성 텍스트 입력창으로 토글')
   },
 
   categoryCreateCancelEventListener(e) {
@@ -78,6 +82,7 @@ const EventListener = {
     categoryCreateInputWrapperElement.classList.add('hide')
     const enterCategoryNameInputElement = document.getElementById('enterCategoryNameInput')
     enterCategoryNameInputElement.value = ''
+    window.ga('send', 'event', '팝업', '팝업_카테고리 생성 취소')
   },
 
   async categoryCreateOkEventListener(e) {
@@ -96,6 +101,7 @@ const EventListener = {
         await APILoad.categoryListAppend()
         popupMessage({ message: '카테고리가 생성 되었습니다.' })
         enterCategoryNameInputElement.value = ''
+        window.ga('send', 'event', '팝업', '팝업_카테고리 생성 완료')
       }
     } catch (error) {
       popupMessage({ message: error.message })
@@ -120,6 +126,7 @@ const EventListener = {
           await APILoad.categoryListAppend()
           popupMessage({ message: '카테고리가 생성 되었습니다.' })
           enterCategoryNameInputElement.value = ''
+          window.ga('send', 'event', '팝업', '팝업_카테고리 생성 완료')
         }
       }
     } catch (error) {
@@ -141,6 +148,7 @@ const EventListener = {
       if (data?.length) {
         categoryCardElement.classList.add('upload-finish')
         popupMessage({ message: '링크가 이동 되었습니다.' })
+        window.ga('send', 'event', '팝업', '팝업_링크 저장')
       }
       await APILoad.categoryListAppend()
     } catch (error) {
@@ -152,6 +160,10 @@ const EventListener = {
       }
     }
   },
+
+  urLinkOpenEventListener() {
+    window.ga('send', 'event', '팝업', '팝업_유어링크 열기')
+  },
 }
 
 const EventSetting = {
@@ -190,6 +202,12 @@ const EventSetting = {
     linkSaveElement.removeEventListener('click', EventListener.linkSaveEventListener)
     linkSaveElement.addEventListener('click', EventListener.linkSaveEventListener, false)
   },
+
+  urLinkOpenEventSetting() {
+    const urLinkOpenElement = document.getElementById('urLinkOpen')
+    urLinkOpenElement.removeEventListener('click', EventListener.urLinkOpenEventListener)
+    urLinkOpenElement.addEventListener('click', EventListener.urLinkOpenEventListener, false)
+  },
 }
 
 const Template = {