Add periodic auto-sync with backend push events, remove refresh button

apps/desktop/src/lib/components/EvmDashboard.svelte

@@ -367,12 +367,6 @@
 				{/if}
 
 				<div class="flex gap-2 flex-wrap">
-					<Button onclick={() => w.refresh()} disabled={w.loading}>
-						{#if w.loading}
-							<Loader />
-						{/if}
-						Refresh
-					</Button>
 					<Button
 						variant="outline"
 						onclick={() => navigate('/settings')}>

apps/desktop/src/lib/electrobun.ts

@@ -98,7 +98,7 @@ export type EvmWalletInfo = {
 }
 
 type RPC = {
-	bun: {
+		bun: {
 		requests: {
 			resetApp: {
 				params: {}
@@ -149,6 +149,10 @@ type RPC = {
 				params: {}
 				response: void
 			}
+			setAutoSync: {
+				params: { address: string; chainid: string } | null
+				response: void
+			}
 			fetchTokenBalances: {
 				params: {
 					address: string
@@ -260,7 +264,13 @@ type RPC = {
 	}
 	webview: {
 		requests: {}
-		messages: {}
+		messages: {
+			transfersUpdate: {
+				count: number
+				chainid: string
+				address: string
+			}
+		}
 	}
 }
 

apps/desktop/src/lib/states/evm-wallet.svelte.ts

@@ -111,6 +111,18 @@ export const EvmWallet = () => {
 	const init = async () => {
 		if (!electrobun.rpc) return
 
+		electrobun.rpc.addMessageListener(
+			'transfersUpdate',
+			(payload: { chainid: string; address: string; count: number }) => {
+				if (
+					payload.address === address &&
+					payload.chainid === net().chainid
+				) {
+					fetchTxHistory()
+				}
+			},
+		)
+
 		const [walletList] = await tryCatch(
 			electrobun.rpc.request.evmListWallets({}),
 		)
@@ -166,6 +178,7 @@ export const EvmWallet = () => {
 		transactions = []
 		error = ''
 		currentPasswordHash = null
+		electrobun.rpc?.request.setAutoSync(null)
 	}
 
 	const unlockWallet = async (walletId: string) => {
@@ -181,6 +194,7 @@ export const EvmWallet = () => {
 		if (!vaultSeed) return false
 		seed = vaultSeed
 		await refresh()
+		await setAutoSync()
 		return true
 	}
 
@@ -221,6 +235,7 @@ export const EvmWallet = () => {
 		if (!vaultSeed) return false
 		seed = vaultSeed
 		await refresh()
+		await setAutoSync()
 		return true
 	}
 
@@ -360,6 +375,14 @@ export const EvmWallet = () => {
 		})
 	}
 
+	const setAutoSync = async () => {
+		if (!address || !electrobun.rpc) return
+		electrobun.rpc.request.setAutoSync({
+			address,
+			chainid: net().chainid,
+		})
+	}
+
 	const flushTxCache = async () => {
 		await electrobun.rpc?.request.flushTxCache({})
 		await fetchTxHistory()
@@ -513,6 +536,7 @@ export const EvmWallet = () => {
 		deleteWallet,
 		clearSelection,
 		syncTxHistory,
+		setAutoSync,
 		flushTxCache,
 	}
 }