fix: Service Worker networkChanged

src/background.ts

@@ -6,9 +6,17 @@ import { getAddress, getCurrentAccount } from './lib/account'
 import { isLocked } from './lib/password'
 import { sleep } from './lib/helpers'
 import browser from 'webextension-polyfill'
+import { network } from '@/lib/network'
 
-// const browser = window.browser as typeof chrome
 browser.runtime.onMessage.addListener(async (msg, sender) => {
+  if (msg.channel === 'to-bg') {
+    if (msg.eventName === 'networkChanged') {
+      network.value = msg.args[0]
+      console.log('network', network.value)
+    }
+    return
+  }
+
   if (msg.channel === 'inter-extension') {
     await sleep(100)
     return await exActions[msg.fn](...msg.args)

src/lib/network.ts

@@ -2,6 +2,7 @@ import { ref } from 'vue'
 import { networks } from 'bitcoinjs-lib'
 
 import storage from './storage'
+import { notifyBg } from '@/lib/notify-bg'
 import { notifyContent } from '@/lib/notify-content'
 
 export type Network = 'mainnet' | 'testnet'
@@ -11,6 +12,7 @@ export const network = ref<Network>(await storage.get('network', { defaultValue:
 export async function setNetwork(_network: Network) {
   network.value = _network
   notifyContent('networkChanged')(_network)
+  notifyBg('networkChanged')(_network)
   await storage.set('network', _network)
 }
 

src/lib/notify-bg.ts

@@ -0,0 +1,18 @@
+import { IS_DEV } from '@/data/config'
+
+interface EmitParams {
+  args: unknown[]
+  eventName: string
+}
+
+async function emit(params: EmitParams) {
+  if (IS_DEV) {
+    return
+  }
+
+  window.browser.runtime.sendMessage({ ...params, channel: 'to-bg' })
+}
+
+export function notifyBg(eventName: string) {
+  return (...args: unknown[]) => emit({ eventName, args })
+}