优化获取用户设置的逻辑

Author: Codennnn

src/pages/popup.ts

@@ -17,7 +17,7 @@ import {
   getV2P_Settings,
   setV2P_Settings,
 } from '../services'
-import type { StorageItems, Topic } from '../types'
+import type { Topic } from '../types'
 import { escapeHTML, formatTimestamp, getStorage, isSameDay } from '../utils'
 import { calculateLocalStorageSize, formatSizeUnits, isTabId } from './popup.helper'
 import type { PopupStorageData, RemoteDataStore } from './popup.type'
@@ -68,8 +68,8 @@ function loadSettings() {
     }
   })
 
-  chrome.storage.sync.get(StorageKey.API, (result: StorageItems) => {
-    const api = result[StorageKey.API]
+  void getStorage().then((storage) => {
+    const api = storage[StorageKey.API]
 
     if (api) {
       if (api.pat) {
@@ -233,12 +233,12 @@ function initTabs() {
     }
 
     if (tabId === TabId.Feature) {
-      chrome.storage.sync.get(StorageKey.Daily, (result: StorageItems) => {
-        const dailyInfo = result[StorageKey.Daily]
+      const $checkIn = $('.feature-check-in').on('click', () => {
+        window.open(`${V2EX.Origin}/mission/daily`)
+      })
 
-        const $checkIn = $('.feature-check-in').on('click', () => {
-          window.open(`${V2EX.Origin}/mission/daily`)
-        })
+      void getStorage().then((storage) => {
+        const dailyInfo = storage[StorageKey.Daily]
 
         if (dailyInfo?.lastCheckInTime) {
           if (isSameDay(dailyInfo.lastCheckInTime, Date.now())) {
@@ -261,8 +261,8 @@ function initTabs() {
     }
 
     if (tabId === TabId.Message) {
-      chrome.storage.sync.get(StorageKey.API, (result: StorageItems) => {
-        const api = result[StorageKey.API]
+      void getStorage().then((storage) => {
+        const api = storage[StorageKey.API]
 
         if (api?.pat) {
           const loaded = $tabContent.find('.list').length > 0

src/services.ts

@@ -57,19 +57,19 @@ async function request<Data>(url: string, options?: RequestInit): Promise<DataWr
     headers: { Authorization: PAT ? `Bearer ${PAT}` : '', ...options?.headers },
   })
 
-  const limit = res.headers.get('X-Rate-Limit-Limit')
-  const reset = res.headers.get('X-Rate-Limit-Reset')
-  const remaining = res.headers.get('X-Rate-Limit-Remaining')
+  {
+    const limit = res.headers.get('X-Rate-Limit-Limit')
+    const reset = res.headers.get('X-Rate-Limit-Reset')
+    const remaining = res.headers.get('X-Rate-Limit-Remaining')
 
-  chrome.storage.sync.get(StorageKey.API, (result: StorageItems) => {
     const api: API_Info = {
-      pat: result[StorageKey.API]?.pat,
+      pat: PAT,
       limit: limit ? Number(limit) : undefined,
       reset: reset ? Number(reset) : undefined,
       remaining: remaining ? Number(remaining) : undefined,
     }
     void chrome.storage.sync.set({ [StorageKey.API]: api })
-  })
+  }
 
   const resultData: DataWrapper<Data> = await res.json()