feat: improve and refactor code background code structure

Author: lucasgabrielgsp

source/components/Header/Menus/NetworkMenu.tsx

@@ -13,7 +13,7 @@ import ethIcon from 'assets/images/ethIcon.svg';
 import { Icon } from 'components/index';
 import { useUtils } from 'hooks/index';
 import { useController } from 'hooks/useController';
-import { dispatchChangeNetworkBgEvent } from 'scripts/Background';
+import { dispatchChangeNetworkBgEvent } from 'scripts/Background/utils/bgActions';
 import { RootState } from 'state/store';
 import { NetworkType } from 'utils/types';
 

source/components/KeepAliveContainer/index.tsx

@@ -1,6 +1,6 @@
 import { useEffect, useRef } from 'react';
 
-import { keepSWAlive } from 'scripts/Background';
+import { keepSWAlive } from 'scripts/Background/utils/bgActions';
 
 export const KeepAliveContainer = () => {
   const timer = useRef<undefined | NodeJS.Timer>(undefined);

source/config/consts.js

@@ -84,6 +84,7 @@ const MV3_OPTIONS = {
   description: 'A Non-Custodial Crypto Wallet',
   short_name: 'pali',
   permissions: [
+    'alarms',
     'storage',
     'activeTab',
     'clipboardWrite',

source/pages/Settings/AutoLock.tsx

@@ -26,9 +26,6 @@ const AutoLockView = () => {
 
   useEffect(() => {
     form.setFieldsValue({ minutes: timer });
-    if (isEnabled) {
-      startInactivityTimer(timer);
-    }
   }, [timer, form, isEnabled]);
 
   const handleMaxClick = () => {
@@ -51,6 +48,7 @@ const AutoLockView = () => {
       } else {
         setHasError(false);
       }
+      startInactivityTimer(autolockMinutes);
       controllerEmitter(['wallet', 'setAutolockTimer'], [autolockMinutes]);
       controllerEmitter(['wallet', 'setIsAutolockEnabled'], [isEnabled]);
       setConfirmed(true);

source/pages/Settings/Languages.tsx

@@ -6,7 +6,7 @@ import { useNavigate } from 'react-router-dom';
 
 import checked from 'assets/icons/greenChecked.svg';
 import { DefaultModal, Layout, NeutralButton } from 'components/index';
-import { setLanguageInLocalStorage } from 'scripts/Background';
+import { setLanguageInLocalStorage } from 'scripts/Background/utils/bgActions';
 import { RootState } from 'state/store';
 import { i18next } from 'utils/i18n';
 import { chromeStorage } from 'utils/storageAPI';

source/routers/useRouterLogic.ts

@@ -5,13 +5,13 @@ import { useLocation } from 'react-router-dom';
 
 import { useUtils } from 'hooks/index';
 import { useController } from 'hooks/useController';
+import { controllerEmitter } from 'scripts/Background/controllers/controllerEmitter';
+import { startInactivityTimer } from 'scripts/Background/events/InactivityTimer';
 import {
   removeVerifyPaliRequestListener,
   resetPaliRequestsCount,
   verifyPaliRequests,
-} from 'scripts/Background';
-import { controllerEmitter } from 'scripts/Background/controllers/controllerEmitter';
-import { startInactivityTimer } from 'scripts/Background/events/InactivityTimer';
+} from 'scripts/Background/utils/bgActions';
 import { rehydrateStore } from 'state/rehydrate';
 import store, { RootState } from 'state/store';
 import { SYS_UTXO_MAINNET_NETWORK } from 'utils/constants';

source/scripts/Background/events/InactivityTimer.ts

@@ -1,19 +1,10 @@
-export const startInactivityTimer = (autolockMinutes: number) => {
+export const startInactivityTimer = async (autolockMinutes: number) => {
   const autoLockMilliseconds = autolockMinutes * 60 * 1000;
-  let lastActivityTimestamp = Date.now();
 
-  const resetTimer = () => {
-    lastActivityTimestamp = Date.now();
-  };
+  await chrome.storage.local.set({ autoLockMilliseconds });
 
-  const checkInactivity = () => {
-    const currentTime = Date.now();
-    if (currentTime - lastActivityTimestamp >= autoLockMilliseconds) {
-      chrome.runtime.sendMessage({
-        type: 'lock_wallet',
-        target: 'background',
-      });
-    }
+  const resetTimer = () => {
+    chrome.storage.local.set({ lastActivityTimestamp: Date.now() });
   };
 
   // DOM Events
@@ -22,6 +13,22 @@
   events.forEach((event) => {
     document.addEventListener(event, resetTimer);
   });
+  await chrome.alarms.clear('check_inactivity');
+  await chrome.alarms.create('check_inactivity', { periodInMinutes: 0.5 });
+};
+
+export const checkInactivity = async () => {
+  const { lastActivityTimestamp, autoLockMilliseconds } =
+    await chrome.storage.local.get([
+      'lastActivityTimestamp',
+      'autoLockMilliseconds',
+    ]);
 
-  setInterval(checkInactivity, 1000);
+  const currentTime = Date.now();
+  if (currentTime - lastActivityTimestamp >= autoLockMilliseconds) {
+    await chrome.runtime.sendMessage({
+      type: 'lock_wallet',
+      target: 'background',
+    });
+  }
 };