Feat: Add network query

example/src/App.tsx

@@ -28,6 +28,7 @@ import { SendInscription } from './components/sendInscriptions';
 import AddressDisplay from './components/AddressDisplay';
 import { GetAddresses } from './components/bitcoin/GetAddresses.tsx';
 import { SendBtc } from './components/bitcoin/SendBtc';
+import ChangeNetwork from './components/ChangeNetwork/index.tsx';
 import { CreateInscription } from './components/createInscription/index.tsx';
 import EtchRunes from './components/EtchRunes';
 import MintRunes from './components/MintRunes';
@@ -151,6 +152,7 @@ function AppWithProviders({ children }: React.PropsWithChildren) {
   useEffect(() => {
     (async function () {
       const res = await Wallet.request('wallet_getAccount', undefined);
+      console.log('~ getAccount response:', res);
 
       if (res.status === 'error' && res.error.code === (RpcErrorCode.ACCESS_DENIED as number)) {
         // The app doesn't have permission to read from this account. Clear
@@ -228,6 +230,7 @@ function AppWithProviders({ children }: React.PropsWithChildren) {
         message: 'Cool app wants to know your addresses!',
         addresses: [AddressPurpose.Payment, AddressPurpose.Ordinals, AddressPurpose.Stacks],
       });
+      console.log('~ Connect response:', res);
       if (res.status === 'error') {
         console.error('Error connecting to wallet, details in terminal.');
         console.error(res);
@@ -298,6 +301,7 @@ const WalletMethods = () => {
       <WalletType />
       <GetPermissions />
       <GetNetwork />
+      <ChangeNetwork />
       <GetAccounts />
     </>
   );

example/src/components/ChangeNetwork/index.tsx

@@ -0,0 +1,48 @@
+import { Button, Card, NativeSelect } from '@mantine/core';
+import { useState } from 'react';
+import Wallet, { BitcoinNetworkType } from 'sats-connect';
+
+const ChangeNetwork = () => {
+  const [desiredNetwork, setDesiredNetwork] = useState<BitcoinNetworkType>(
+    BitcoinNetworkType.Testnet4,
+  );
+  const handleChangeNetwork = async () => {
+    const response = await Wallet.request('wallet_changeNetwork', {
+      name: desiredNetwork,
+    });
+
+    if (response.status === 'error') {
+      alert('Error changing network check logs for more info');
+      console.error(response);
+      return;
+    }
+
+    alert('Wallet Network changed');
+  };
+  return (
+    <Card>
+      <h3>Change Network</h3>
+      <div style={{ marginBottom: 15 }}>
+        <div>Network</div>
+        <NativeSelect
+          defaultValue={desiredNetwork}
+          onChange={(e) => setDesiredNetwork(e.target.value as BitcoinNetworkType)}
+        >
+          <option value={BitcoinNetworkType.Mainnet}>{BitcoinNetworkType.Mainnet}</option>
+          <option value={BitcoinNetworkType.Testnet}>{BitcoinNetworkType.Testnet}</option>
+          <option value={BitcoinNetworkType.Testnet4}>{BitcoinNetworkType.Testnet4}</option>
+          <option value={BitcoinNetworkType.Signet}>{BitcoinNetworkType.Signet}</option>
+          <option value={BitcoinNetworkType.Regtest}>{BitcoinNetworkType.Regtest}</option>
+        </NativeSelect>
+      </div>
+      <Button
+        onClick={() => {
+          handleChangeNetwork().catch(console.error);
+        }}
+      >
+        Change Network
+      </Button>
+    </Card>
+  );
+};
+export default ChangeNetwork;