add ability to switch networks

Author: joaquim-verges

Assets/Plugin/thirdweb.jslib

@@ -54,6 +54,9 @@ var plugin = {
         dynCall_viii(cb, idPtr, null, buffer);
       });
   },
+  ThirdwebSwitchNetwork: async function (chainId) {
+    await window.bridge.switchNetwork(chainId);
+  },
 };
 
 mergeInto(LibraryManager.library, plugin);

Assets/SDKTest.cs

@@ -25,6 +25,11 @@ public async void OnLoginCLick()
         loginButton.text = "Connecting...";
         string address = await sdk.wallet.Connect();
         loginButton.text = "Connected as: " + address.Substring(0, 6) + "...";
+        int chain = await sdk.wallet.GetChainId();
+        Debug.Log("chain: " + chain);
+        if (chain != 5) {
+            sdk.wallet.SwitchNetwork(5);
+        }
     }
 
     public async void OnBalanceClick()

Assets/Scenes/SampleScene.unity

@@ -1407,7 +1407,7 @@ MonoBehaviour:
   m_PrefabInstance: {fileID: 0}
   m_PrefabAsset: {fileID: 0}
   m_GameObject: {fileID: 545609468}
-  m_Enabled: 1
+  m_Enabled: 0
   m_EditorHideFlags: 0
   m_Script: {fileID: 11500000, guid: fe87c0e1cc204ed48ad3b37840f39efc, type: 3}
   m_Name: 

Assets/TextMesh Pro/Resources/Fonts & Materials/LiberationSans SDF.asset

@@ -57,16 +57,28 @@ public static async Task<string> Connect() {
             return result;
         }
 
+        public static void SwitchNetwork(int chainId) {
+            ThirdwebSwitchNetwork(chainId);
+        }
+
         public static async Task<T> InvokeRoute<T>(string route, string[] body)
         {
             var msg = Utils.ToJson(new RequestMessageBody(body));
             string taskId = Guid.NewGuid().ToString();
             var task = new TaskCompletionSource<string>();
             taskMap[taskId] = task;
             ThirdwebInvoke(taskId, route, msg, jsCallback);
-            string result = await task.Task;
-            // Debug.LogFormat("Result from {0}: {1}", route, result);
-            return JsonConvert.DeserializeObject<Result<T>>(result).result;
+            try 
+            {
+                string result = await task.Task;
+                // Debug.LogFormat("Result from {0}: {1}", route, result);
+                return JsonConvert.DeserializeObject<Result<T>>(result).result;
+            } 
+            catch (Exception)
+            {
+                // Debug.LogFormat("Error from {0}: {1}", route, e);
+                return default(T);
+            }
         }
 
         [DllImport("__Internal")]
@@ -75,5 +87,7 @@ public static async Task<T> InvokeRoute<T>(string route, string[] body)
         private static extern string ThirdwebInitialize(string chainOrRPC, string options);
         [DllImport("__Internal")]
         private static extern string ThirdwebConnect(string taskId, Action<string, string, string> cb);
+        [DllImport("__Internal")]
+        private static extern string ThirdwebSwitchNetwork(int chainId);
     }
 }

Assets/Thirdweb/Scripts/Bridge.cs

@@ -27,6 +27,26 @@ public async Task<string> GetAddress()
             return await Bridge.InvokeRoute<string>(getRoute("getAddress"), new string[] { });
         }
 
+        public async Task<bool> IsConnected()
+        {
+            return await Bridge.InvokeRoute<bool>(getRoute("isConnected"), new string[] { });
+        }
+
+        public async Task<int> GetChainId()
+        {
+            return await Bridge.InvokeRoute<int>(getRoute("getChainId"), new string[] { });
+        }
+
+        public async Task<bool> IsOnCorrectChain()
+        {
+            return await Bridge.InvokeRoute<bool>(getRoute("isOnCorrectChain"), new string[] { });
+        }
+
+        public void SwitchNetwork(int chainId)
+        {
+            Bridge.SwitchNetwork(chainId);
+        }
+
         public async Task<TransactionResult> Transfer(string to, string amount, string currencyAddress = Utils.NativeTokenAddress)
         {
             return await Bridge.InvokeRoute<TransactionResult>(getRoute("transfer"), Utils.ToJsonStringArray(to, amount, currencyAddress));

Assets/Thirdweb/Scripts/Wallet.cs

@@ -104,17 +104,24 @@
               console.log("bridge.initialize", chain, options);
               const sdk = new ThirdwebSDK(chain, JSON.parse(options));
               w.thirdweb = sdk;
-            }
+            };
 
             w.bridge.connect = async () => {
               if(w.ethereum) {
                 await w.ethereum.enable
                 const provider = new ethers.providers.Web3Provider(w.ethereum);
                 await provider.send("eth_requestAccounts", []);
-                const signer = provider.getSigner()
                 if(w.thirdweb) {
                   console.log("connecting SDK");
-                  w.thirdweb.updateSignerOrProvider(signer);
+                  w.thirdweb.updateSignerOrProvider(provider.getSigner());
+                  w.ethereum.on("accountsChanged", async (accounts) => {
+                    console.log("accountsChanged", accounts);
+                    w.thirdweb.updateSignerOrProvider(provider.getSigner());
+                  });
+                  w.ethereum.on("chainChanged", async (chain) => {
+                    console.log("chainChanged", chain);
+                    w.thirdweb.updateSignerOrProvider(provider.getSigner());
+                  });
                   return await w.thirdweb.wallet.getAddress();
                 } else {
                   console.error("window.thirdweb is not defined");
@@ -124,7 +131,24 @@
                 console.error("Please install a wallet browser extension");
                 return null;
               }
-            }
+            };
+
+            w.bridge.switchNetwork = async (chainId) => {
+              try {
+                if (chainId) {
+                  await window.ethereum.request({
+                    method: 'wallet_switchEthereumChain',
+                    params: [{ chainId: "0x" + chainId.toString(16) }], // chainId must be in hexadecimal numbers
+                  });
+                } else {
+                  console.error("Error switrching network");
+                  return null;
+                }
+              } catch (e) {
+                console.error("Error switrching network", e);
+                return null;
+              }
+            };
 
             w.bridge.invoke = async (route, payload) => {
               const routeArgs = route.split(".")