[SDK] feat: Enable chain switching for EIP1193 provider

Author: joaquim-verges

.changeset/dirty-scissors-shake.md

@@ -0,0 +1,5 @@
+---
+"thirdweb": patch
+---
+
+Enable chain switching for toEIP1194 provider

apps/portal/src/app/react/v5/adapters/page.mdx

@@ -1,3 +1,5 @@
+import { Stack, InstallTabs, Callout, Steps, Step, GithubTemplateCard } from "@doc";
+
 # Adapters
 
 The thirdweb SDK can work side by side with:
@@ -16,7 +18,17 @@ Adapters allow you to use contracts, providers and wallets from these libraries
 
 ### Using thirdweb in-app wallets with wagmi
 
-You can use in-app and ecosystem wallets in your wagmi application by using the `@thirdweb-dev/wagmi-adapter` package.
+View the demo repo for using thirdweb in-app / smart wallets with wagmi:
+
+<Stack>
+<GithubTemplateCard
+	title="wagmi + thirdweb demo repo"
+	description="A demo repo for using thirdweb in-app / smart wallets with wagmi"
+	href="https://github.com/thirdweb-example/wagmi-inapp-smart-wallets"
+  />
+</Stack>
+
+You can use thirdweb's in-app, ecosystem and smart wallets in your wagmi application by using the `@thirdweb-dev/wagmi-adapter` package.
 
 ```shell
 npm install thirdweb @thirdweb-dev/wagmi-adapter

packages/thirdweb/src/adapters/eip1193/to-eip1193.ts

@@ -1,11 +1,13 @@
 import type { Account } from "viem/accounts";
 
 import type { Chain } from "../../chains/types.js";
+import { getCachedChain } from "../../chains/utils.js";
 import type { ThirdwebClient } from "../../client/client.js";
 import { getRpcClient } from "../../rpc/rpc.js";
 import { estimateGas } from "../../transaction/actions/estimate-gas.js";
 import { sendTransaction } from "../../transaction/actions/send-transaction.js";
 import { prepareTransaction } from "../../transaction/prepare-transaction.js";
+import { hexToNumber, isHex } from "../../utils/encoding/hex.js";
 import type { Wallet } from "../../wallets/interfaces/wallet.js";
 import type { EIP1193Provider } from "./types.js";
 
@@ -128,6 +130,22 @@ export function toProvider(options: ToEip1193ProviderOptions): EIP1193Provider {
         }
         return [account.address];
       }
+      if (
+        request.method === "wallet_switchEthereumChain" ||
+        request.method === "wallet_addEthereumChain"
+      ) {
+        const data = request.params[0];
+        const chainIdHex = data.chainId;
+        if (!chainIdHex) {
+          throw new Error("Chain ID is required");
+        }
+        // chainId is hex most likely, convert to number
+        const chainId = isHex(chainIdHex)
+          ? hexToNumber(chainIdHex)
+          : chainIdHex;
+        const chain = getCachedChain(chainId);
+        return wallet.switchChain(chain);
+      }
       return rpcClient(request);
     },
   };