feat(core): switching networks

[drichar]

Description

This ensures that the consuming app is properly updated whenever the active network is changed. The Algod client used internally by wallets is set to a property in the WalletManager class, but in the consuming app it needs to be reactive.

So the framework adapters now handle the creation of new Algodv2 clients on mount and when the network is changed. It is stored it in a reactive variable and synced to the manager's algodClient property.

A new setActiveNetwork function is exported from useWallet which updates the store then creates a new Algod client with the new network's config, setting it to the reactive variable and manager.algodClient simultaneously. Both variables are referentially equal.

(When using the core library only, the process of changing active networks remains the same.)

⚠️ BREAKING CHANGE

In the Vue adapter, the reactive algodClient is a computed ref object and must now be accessed by its value property, e.g.,

import { useWallet } from '@txnlab/use-wallet-vue'

const { algodClient } = useWallet()
- const suggestedParams = await algodClient.getTransactionParams().do()
+ const suggestedParams = await algodClient.value.getTransactionParams().do()

Disconnect all wallets on network change

When the network changes all connected wallets are disconnected. This is a new feature. Most wallets require the user to reconnect before transactions for a different network can be signed.

Refactors React and SolidJS adapters

To keep these two framework adapters as simple as possible, all of the source code is combined into a single file.

Other changes

• Fixes some tests that I previously couldn't get to pass, that were being skipped
• Adds a "network switcher" to the example apps to demonstrate switching networks