[FIX] Reload app for MM only on app update

src/backend/api/misc.ts

@@ -238,3 +238,5 @@ export const isClientUpdating = async () =>
   ipcRenderer.invoke('isClientUpdating')
 
 export const restartClient = () => ipcRenderer.send('restartClient')
+
+export const reloadForMM = () => ipcRenderer.send('reloadForMM')

src/backend/main.ts

@@ -706,10 +706,6 @@ ipcMain.once('loadingScreenReady', () => {
 
 ipcMain.once('frontendReady', async () => {
   logInfo('Frontend Ready', LogPrefix.Backend)
-  await initExtension(hpApi)
-  // wait for mm SW to initialize
-  await wait(5000)
-  ipcMain.emit('reloadApp')
   handleProtocol([openUrlArgument, ...process.argv])
   setTimeout(() => {
     logInfo('Starting the Download Queue', LogPrefix.Backend)
@@ -719,6 +715,16 @@ ipcMain.once('frontendReady', async () => {
   watchLibraryChanges()
 })
 
+ipcMain.once('reloadForMM', async () => {
+  logInfo('Initializing Extensions', LogPrefix.Backend)
+  await initExtension(hpApi)
+  // wait for mm SW to initialize
+  logInfo('Waiting for SW to initialize', LogPrefix.Backend)
+  await wait(5000)
+  logInfo('Reloading the app to apply changes...', LogPrefix.Backend)
+  ipcMain.emit('reloadApp')
+})
+
 // Maybe this can help with white screens
 process.on('uncaughtException', async (err) => {
   logError(

src/common/typedefs/ipcBridge.d.ts

@@ -165,6 +165,7 @@ interface SyncIPCFunctions extends HyperPlaySyncIPCFunctions {
   focusMainWindow: () => void
   openOnboarding: () => void
   restartClient: () => void
+  reloadForMM: () => void
 }
 
 interface RequestArguments {

src/frontend/components/UI/AppVersion/index.tsx

@@ -1,16 +1,21 @@
 import React, { useEffect, useState } from 'react'
 
 const storage = window.localStorage
-let lastVersion = storage.getItem('last_version')?.replaceAll('"', '')
-if (lastVersion === undefined) {
-  lastVersion = ''
-}
+const lastVersion = storage.getItem('last_version')?.replaceAll('"', '')
 
 export default function AppVersion() {
   const [appVersion, setAppVersion] = useState(lastVersion)
 
   useEffect(() => {
     window.api.getAppVersion().then((version) => {
+      if (version !== lastVersion) {
+        window.api.logInfo(
+          `Updated to a new version, reloading the MetaMask extension. Old version: ${lastVersion}, new version: ${version}`
+        )
+        window.api.reloadForMM()
+      } else {
+        window.api.logInfo('No new version detected. Wont reload the app')
+      }
       storage.setItem('last_version', JSON.stringify(version))
       setAppVersion(version)
     })