Add support to all chains supported by viem

Author: sembrestels

apps/evmcrispr-terminal/src/components/ActionButtons/index.tsx

@@ -90,8 +90,15 @@ export default function ActionButtons({
   ) => {
     if (isProviderAction(action)) {
       const chainId = Number(action.params[0].chainId);
-      await walletClient.switchChain({ id: chainId });
       const { chain, transport } = getChainAndTransport(chainId);
+      try {
+        await walletClient.switchChain({ id: chainId });
+      } catch (e: unknown) {
+        if ((e as Error).name === "UserRejectedRequestError") {
+          throw new Error(`Switch to ${chain.name} chain rejected by user`);
+        }
+        await walletClient.addChain({ chain });
+      }
       publicClient = createPublicClient({ chain, transport });
     } else {
       const chainId = await walletClient.getChainId();

apps/evmcrispr-terminal/src/wagmi.ts

@@ -1,17 +1,8 @@
 import { createConfig, http } from "wagmi";
 import { injected, walletConnect } from "wagmi/connectors";
 
-import {
-  arbitrum,
-  base,
-  gnosis,
-  goerli,
-  mainnet,
-  optimism,
-  polygon,
-  polygonZkEvm,
-  sepolia,
-} from "wagmi/chains";
+import * as _chains from "wagmi/chains";
+import type { Chain, Transport } from "viem";
 
 import { safe } from "./overrides/safe";
 
@@ -20,55 +11,42 @@ const ALCHEMY_API_KEY = import.meta.env.VITE_ALCHEMY_API_KEY;
 
 const isIframe = window.self !== window.top;
 
-export const transports = ALCHEMY_API_KEY
-  ? {
-      [mainnet.id]: http(
-        `https://eth-mainnet.g.alchemy.com/v2/${ALCHEMY_API_KEY}`,
-      ),
-      [sepolia.id]: http(
-        `https://eth-sepolia.g.alchemy.com/v2/${ALCHEMY_API_KEY}`,
-      ),
-      [goerli.id]: http(),
-      [gnosis.id]: http(),
-      [polygon.id]: http(
-        `https://polygon-mainnet.g.alchemy.com/v2/${ALCHEMY_API_KEY}`,
-      ),
-      [polygonZkEvm.id]: http(
-        `https://polygonzkevm-mainnet.g.alchemy.com/v2/${ALCHEMY_API_KEY}`,
-      ),
-      [optimism.id]: http(
-        `https://opt-mainnet.g.alchemy.com/v2/${ALCHEMY_API_KEY}`,
-      ),
-      [arbitrum.id]: http(
-        `https://arb-mainnet.g.alchemy.com/v2/${ALCHEMY_API_KEY}`,
-      ),
-      [base.id]: http(
-        `https://base-mainnet.g.alchemy.com/v2/${ALCHEMY_API_KEY}`,
-      ),
-    }
-  : {
-      [mainnet.id]: http(),
-      [sepolia.id]: http(),
-      [goerli.id]: http(),
-      [gnosis.id]: http(),
-      [polygon.id]: http(),
-      [polygonZkEvm.id]: http(),
-      [optimism.id]: http(),
-      [arbitrum.id]: http(),
-      [base.id]: http(),
-    };
+const alchemyTransports = ALCHEMY_API_KEY && {
+  [_chains.mainnet.id]:
+    `https://eth-mainnet.g.alchemy.com/v2/${ALCHEMY_API_KEY}`,
+  [_chains.sepolia.id]:
+    `https://eth-sepolia.g.alchemy.com/v2/${ALCHEMY_API_KEY}`,
+  [_chains.polygon.id]:
+    `https://polygon-mainnet.g.alchemy.com/v2/${ALCHEMY_API_KEY}`,
+  [_chains.polygonAmoy.id]:
+    `https://polygon-amoy.g.alchemy.com/v2/${ALCHEMY_API_KEY}`,
+  [_chains.polygonZkEvm.id]:
+    `https://polygonzkevm-mainnet.g.alchemy.com/v2/${ALCHEMY_API_KEY}`,
+  [_chains.polygonZkEvmCardona.id]:
+    `https://polygonzkevm-cardona.g.alchemy.com/v2/${ALCHEMY_API_KEY}`,
+  [_chains.optimism.id]:
+    `https://opt-mainnet.g.alchemy.com/v2/${ALCHEMY_API_KEY}`,
+  [_chains.optimismSepolia.id]:
+    `https://opt-sepolia.g.alchemy.com/v2/${ALCHEMY_API_KEY}`,
+  [_chains.arbitrum.id]:
+    `https://arb-mainnet.g.alchemy.com/v2/${ALCHEMY_API_KEY}`,
+  [_chains.arbitrumSepolia.id]:
+    `https://arb-sepolia.g.alchemy.com/v2/${ALCHEMY_API_KEY}`,
+  [_chains.base.id]: `https://base-mainnet.g.alchemy.com/v2/${ALCHEMY_API_KEY}`,
+  [_chains.baseSepolia.id]:
+    `https://base-sepolia.g.alchemy.com/v2/${ALCHEMY_API_KEY}`,
+};
+const chains = Object.values(_chains) as unknown as [Chain, ...Chain[]];
+export const transports = chains.reduce(
+  (acc, { id }) => {
+    acc[id] = alchemyTransports?.[id] ? http(alchemyTransports[id]) : http();
+    return acc;
+  },
+  {} as Record<number, Transport>,
+);
 
 export const config = createConfig({
-  chains: [
-    mainnet,
-    sepolia,
-    goerli,
-    gnosis,
-    polygon,
-    polygonZkEvm,
-    optimism,
-    arbitrum,
-  ],
+  chains,
   connectors: [
     !isIframe && injected(),
     !isIframe &&

packages/evmcrispr/src/modules/aragonos/Connector.ts

@@ -72,7 +72,7 @@ export class Connector {
 
     if (errors?.length) {
       throw new ErrorException(
-        `An error happened while querying subgraph: ${errors[0]}`,
+        `An error happened while querying subgraph: ${JSON.stringify(errors[0])}`,
       );
     }
 

packages/evmcrispr/src/modules/std/commands/switch.ts

@@ -1,23 +1,17 @@
+import * as chains from "viem/chains";
+
 import { ErrorException } from "../../../errors";
 import type { ICommand, ProviderAction } from "../../../types";
 import { ComparisonType, checkArgsLength } from "../../../utils";
 import type { Std } from "../Std";
 
-const nameToChainId = {
-  mainnet: 1,
-  ropsten: 3,
-  rinkeby: 4,
-  goerli: 5,
-  kovan: 42,
-  optimism: 10,
-  optimismKovan: 69,
-  gnosis: 100,
-  polygon: 137,
-  polygonMumbai: 80001,
-  arbitrum: 42161,
-  arbitrumRinkeby: 421611,
-  zkevm: 1101,
-};
+const nameToChainId = Object.entries(chains).reduce(
+  (acc, [name, { id }]) => {
+    acc[name] = id;
+    return acc;
+  },
+  {} as Record<string, number>,
+);
 
 export const _switch: ICommand<Std> = {
   async run(module, c, { interpretNodes }): Promise<ProviderAction[]> {
@@ -43,10 +37,7 @@ export const _switch: ICommand<Std> = {
           `Invalid chain id. Expected a string or number, but got ${typeof networkNameOrId}`,
         );
       }
-      chainId =
-        nameToChainId[
-          networkNameOrId?.toLowerCase() as keyof typeof nameToChainId
-        ];
+      chainId = nameToChainId[networkNameOrId as keyof typeof nameToChainId];
       if (!chainId) {
         throw new ErrorException(`chain "${networkNameOrId}" not found`);
       }
@@ -64,10 +55,7 @@ export const _switch: ICommand<Std> = {
   buildCompletionItemsForArg(argIndex) {
     switch (argIndex) {
       case 0:
-        return [
-          ...Object.keys(nameToChainId),
-          ...Object.values(nameToChainId).map((chainId) => chainId.toString()),
-        ];
+        return [...Object.keys(nameToChainId)];
       default:
         return [];
     }