@multiplatform.one/web3 5.1.0 → 6.0.0

package/src/connectkit/constants/chainConfigs.tsx

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import Logos from '../assets/chains';
+import { ReactNode } from "react";
+import Logos from "../assets/chains";
 
 type Chain = {
   id: number;
@@ -24,308 +24,308 @@ type Chain = {
 export const chainConfigs: Chain[] = [
   {
     id: 1,
-    name: 'Ethereum',
+    name: "Ethereum",
     logo: <Logos.Ethereum />,
     rpcUrls: {
       alchemy: {
-        http: ['https://eth-mainnet.g.alchemy.com/v2'],
-        webSocket: ['wss://eth-mainnet.g.alchemy.com/v2'],
+        http: ["https://eth-mainnet.g.alchemy.com/v2"],
+        webSocket: ["wss://eth-mainnet.g.alchemy.com/v2"],
       },
       infura: {
-        http: ['https://mainnet.infura.io/v3'],
-        webSocket: ['wss://mainnet.infura.io/ws/v3'],
+        http: ["https://mainnet.infura.io/v3"],
+        webSocket: ["wss://mainnet.infura.io/ws/v3"],
       },
     },
   },
   {
     id: 232,
-    name: 'Lens Chain',
+    name: "Lens Chain",
     logo: <Logos.LensChain />,
   },
   {
     id: 37111,
-    name: 'Lens Chain Testnet',
+    name: "Lens Chain Testnet",
     logo: <Logos.LensChain testnet />,
   },
   {
     id: 3,
-    name: 'Rinkeby',
+    name: "Rinkeby",
     logo: <Logos.Ethereum testnet />,
     rpcUrls: {},
   },
   {
     id: 4,
-    name: 'Ropsten',
+    name: "Ropsten",
     logo: <Logos.Ethereum testnet />,
   },
   {
     id: 5,
-    name: 'Görli',
+    name: "Görli",
     logo: <Logos.Ethereum testnet />,
   },
   {
     id: 42,
-    name: 'Kovan',
+    name: "Kovan",
     logo: <Logos.Ethereum testnet />,
   },
   {
     id: 10,
-    name: 'Optimism',
+    name: "Optimism",
     logo: <Logos.Optimism />,
   },
   {
     id: 69, // nice
-    name: 'Optimism Kovan',
+    name: "Optimism Kovan",
     logo: <Logos.Optimism testnet />,
   },
   {
     id: 420, // nice
-    name: 'Optimism Goerli',
+    name: "Optimism Goerli",
     logo: <Logos.Optimism testnet />,
   },
   {
     id: 11155420,
-    name: 'Optimism Sepolia',
+    name: "Optimism Sepolia",
     logo: <Logos.Optimism testnet />,
   },
   {
     id: 137,
-    name: 'Polygon',
+    name: "Polygon",
     logo: <Logos.Polygon />,
   },
   {
     id: 80001,
-    name: 'Polygon Mumbai',
+    name: "Polygon Mumbai",
     logo: <Logos.Polygon testnet />,
   },
   {
     id: 31337,
-    name: 'Hardhat',
+    name: "Hardhat",
     logo: <Logos.Ethereum testnet />,
   },
   {
     id: 1337,
-    name: 'Localhost',
+    name: "Localhost",
     logo: <Logos.Ethereum testnet />,
   },
   {
     id: 42161,
-    name: 'Arbitrum',
+    name: "Arbitrum",
     logo: <Logos.Arbitrum />,
     rpcUrls: {
       alchemy: {
-        http: ['https://arb-mainnet.g.alchemy.com/v2'],
-        webSocket: ['wss://arb-mainnet.g.alchemy.com/v2'],
+        http: ["https://arb-mainnet.g.alchemy.com/v2"],
+        webSocket: ["wss://arb-mainnet.g.alchemy.com/v2"],
       },
       infura: {
-        http: ['https://arbitrum-mainnet.infura.io/v3'],
-        webSocket: ['wss://arbitrum-mainnet.infura.io/ws/v3'],
+        http: ["https://arbitrum-mainnet.infura.io/v3"],
+        webSocket: ["wss://arbitrum-mainnet.infura.io/ws/v3"],
       },
     },
   },
   {
     id: 421611,
-    name: 'Arbitrum Rinkeby',
+    name: "Arbitrum Rinkeby",
     logo: <Logos.Arbitrum testnet />,
   },
   {
     id: 421613,
-    name: 'Arbitrum Goerli',
+    name: "Arbitrum Goerli",
     logo: <Logos.Arbitrum testnet />,
     rpcUrls: {
       alchemy: {
-        http: ['https://arb-goerli.g.alchemy.com/v2'],
-        webSocket: ['wss://arb-goerli.g.alchemy.com/v2'],
+        http: ["https://arb-goerli.g.alchemy.com/v2"],
+        webSocket: ["wss://arb-goerli.g.alchemy.com/v2"],
       },
       infura: {
-        http: ['https://arbitrum-goerli.infura.io/v3'],
-        webSocket: ['wss://arbitrum-goerli.infura.io/ws/v3'],
+        http: ["https://arbitrum-goerli.infura.io/v3"],
+        webSocket: ["wss://arbitrum-goerli.infura.io/ws/v3"],
       },
     },
   },
   {
     id: 40,
-    name: 'Telos',
+    name: "Telos",
     logo: <Logos.Telos />,
   },
   {
     id: 41,
-    name: 'Telos Testnet',
+    name: "Telos Testnet",
     logo: <Logos.Telos testnet />,
   },
   {
     id: 1313161554,
-    name: 'Aurora',
+    name: "Aurora",
     logo: <Logos.Aurora />,
   },
   {
     id: 1313161555,
-    name: 'Aurora Testnet',
+    name: "Aurora Testnet",
     logo: <Logos.Aurora testnet />,
   },
   {
     id: 43_114,
-    name: 'Avalanche',
+    name: "Avalanche",
     logo: <Logos.Avalanche />,
   },
   {
     id: 43_113,
-    name: 'Avalanche Fuji',
+    name: "Avalanche Fuji",
     logo: <Logos.Avalanche testnet />,
   },
   {
     id: 31337,
-    name: 'Foundry',
+    name: "Foundry",
     logo: <Logos.Foundry testnet />,
   },
   {
     id: 100,
-    name: 'Gnosis',
+    name: "Gnosis",
     logo: <Logos.Gnosis />,
   },
   {
     id: 9001,
-    name: 'Evmos',
+    name: "Evmos",
     logo: <Logos.Evmos />,
   },
   {
     id: 9000,
-    name: 'Evmos Testnet',
+    name: "Evmos Testnet",
     logo: <Logos.Evmos testnet />,
   },
   {
     id: 56,
-    name: 'BNB Smart Chain',
+    name: "BNB Smart Chain",
     logo: <Logos.BinanceSmartChain />,
   },
   {
     id: 97,
-    name: 'Binance Smart Chain Testnet',
+    name: "Binance Smart Chain Testnet",
     logo: <Logos.BinanceSmartChain testnet />,
   },
   {
     id: 11155111,
-    name: 'Sepolia',
+    name: "Sepolia",
     logo: <Logos.Sepolia />,
   },
   {
     id: 841,
-    name: 'Taraxa',
+    name: "Taraxa",
     logo: <Logos.Taraxa />,
   },
   {
     id: 842,
-    name: 'Taraxa Testnet',
+    name: "Taraxa Testnet",
     logo: <Logos.Taraxa testnet />,
   },
   {
     id: 324,
-    name: 'zkSync',
+    name: "zkSync",
     logo: <Logos.zkSync />,
   },
   {
     id: 280,
-    name: 'zkSync Testnet',
+    name: "zkSync Testnet",
     logo: <Logos.zkSync testnet />,
   },
   {
     id: 42_220,
-    name: 'Celo',
+    name: "Celo",
     logo: <Logos.Celo />,
   },
   {
     id: 44_787,
-    name: 'Celo Alfajores',
+    name: "Celo Alfajores",
     logo: <Logos.Celo testnet />,
   },
   {
     id: 7_700,
-    name: 'Canto',
+    name: "Canto",
     logo: <Logos.Canto />,
   },
   {
     id: 250,
-    name: 'Fantom',
+    name: "Fantom",
     logo: <Logos.Fantom />,
   },
   {
     id: 4_002,
-    name: 'Fantom Testnet',
+    name: "Fantom Testnet",
     logo: <Logos.Fantom testnet />,
   },
   {
     id: 14,
-    name: 'Flare',
+    name: "Flare",
     logo: <Logos.Flare />,
   },
   {
     id: 114,
-    name: 'Coston2',
+    name: "Coston2",
     logo: <Logos.Flare />,
   },
   {
     id: 314,
-    name: 'Filecoin',
+    name: "Filecoin",
     logo: <Logos.Filecoin />,
   },
   {
     id: 314_1,
-    name: 'Filecoin Hyperspace',
+    name: "Filecoin Hyperspace",
     logo: <Logos.Filecoin testnet />,
   },
   {
     id: 314_159,
-    name: 'Filecoin Calibration',
+    name: "Filecoin Calibration",
     logo: <Logos.Filecoin testnet />,
   },
   {
     id: 1_088,
-    name: 'Metis',
+    name: "Metis",
     logo: <Logos.Metis />,
   },
   {
     id: 599,
-    name: 'Metis Goerli',
+    name: "Metis Goerli",
     logo: <Logos.Metis testnet />,
   },
   {
     id: 4_689,
-    name: 'IoTeX',
+    name: "IoTeX",
     logo: <Logos.IoTeX />,
   },
   {
     id: 4_690,
-    name: 'IoTeX Testnet',
+    name: "IoTeX Testnet",
     logo: <Logos.IoTeX testnet />,
   },
   {
     id: 8_453,
-    name: 'Base',
+    name: "Base",
     logo: <Logos.Base />,
   },
   {
     id: 84_531,
-    name: 'Base Goerli',
+    name: "Base Goerli",
     logo: <Logos.Base testnet />,
   },
   {
     id: 84_532,
-    name: 'Base Sepolia',
+    name: "Base Sepolia",
     logo: <Logos.Base testnet />,
   },
   {
     id: 7777777,
-    name: 'Zora',
+    name: "Zora",
     logo: <Logos.Zora />,
   },
   {
     id: 999999999,
-    name: 'Zora Sepolia',
+    name: "Zora Sepolia",
     logo: <Logos.Zora testnet />,
   },
   {
     id: 999,
-    name: 'Zora Goerli Testnet',
+    name: "Zora Goerli Testnet",
     logo: <Logos.Zora testnet />,
   },
 ];

package/src/connectkit/defaultConfig.ts

@@ -1,18 +1,17 @@
-import { http } from 'wagmi';
-import { type CreateConfigParameters } from '@wagmi/core';
-import { mainnet, polygon, optimism, arbitrum } from 'wagmi/chains';
-import { CoinbaseWalletParameters } from 'wagmi/connectors';
-import { EthereumProviderOptions as AaveAccountOptions } from '@aave/account';
+import { http } from "wagmi";
+import { type CreateConfigParameters } from "@wagmi/core";
+import { mainnet, polygon, optimism, arbitrum } from "wagmi/chains";
+import { CoinbaseWalletParameters } from "wagmi/connectors";
+import { EthereumProviderOptions as AaveAccountOptions } from "@aave/account";
 
-import defaultConnectors from './defaultConnectors';
-import { getSiwwConnectors } from './connectors/getSiwwConnectors';
-import { syntheticChains } from './connectors/syntheticChains';
+import { setAppMeta } from "@multiplatform.one/connectkit";
+import defaultConnectors from "./defaultConnectors";
+import { getSiwwConnectors } from "./connectors/getSiwwConnectors";
+import { syntheticChains } from "./connectors/syntheticChains";
 
-// TODO: Move these to a provider rather than global variable
-let globalAppName: string;
-let globalAppIcon: string;
-export const getAppName = () => globalAppName;
-export const getAppIcon = () => globalAppIcon;
+// App name/icon now live in connectkit's agnostic appMeta module (the modal reads
+// them for the WalletConnect og:title hint); re-exported here for back-compat.
+export { getAppName, getAppIcon } from "@multiplatform.one/connectkit";
 
 type DefaultConfigProps = {
   appName: string;
@@ -23,7 +22,7 @@ type DefaultConfigProps = {
   // WC 2.0 requires a project ID (get one here: https://cloud.walletconnect.com/sign-in)
   walletConnectProjectId: string;
   // Coinbase Wallet preference
-  coinbaseWalletPreference?: CoinbaseWalletParameters<'4'>['preference'];
+  coinbaseWalletPreference?: CoinbaseWalletParameters<"4">["preference"];
   // Aave Account options
   enableAaveAccount?: boolean;
   aaveAccountOptions?: AaveAccountOptions;
@@ -33,7 +32,7 @@ type DefaultConfigProps = {
 } & Partial<CreateConfigParameters>;
 
 const defaultConfig = ({
-  appName = 'ConnectKit',
+  appName = "ConnectKit",
   appIcon,
   appDescription,
   appUrl,
@@ -46,23 +45,19 @@ const defaultConfig = ({
   enableSiww = true,
   ...props
 }: DefaultConfigProps): CreateConfigParameters => {
-  globalAppName = appName;
-  if (appIcon) globalAppIcon = appIcon;
+  setAppMeta(appName, appIcon);
 
   // Register the siww synthetic chains so wagmi can resolve a `chain` object for a
   // connected non-EVM account — ConnectKit's SIWE signIn reads `chain.id`, which is
   // undefined otherwise ("No chainId found"). They carry no real RPC and are never
   // used for transactions.
-  const allChains = (
-    enableSiww ? [...chains, ...syntheticChains] : chains
-  ) as typeof chains;
+  const allChains = (enableSiww ? [...chains, ...syntheticChains] : chains) as typeof chains;
 
   // TODO: nice to have, automate transports based on chains, but for now just provide public if not provided
-  const transports: CreateConfigParameters['transports'] =
-    props?.transports ??
-    Object.fromEntries(allChains.map((chain) => [chain.id, http()]));
+  const transports: CreateConfigParameters["transports"] =
+    props?.transports ?? Object.fromEntries(allChains.map((chain) => [chain.id, http()]));
 
-  const baseConnectors: CreateConfigParameters['connectors'] =
+  const baseConnectors: CreateConfigParameters["connectors"] =
     props?.connectors ??
     defaultConnectors({
       app: {
@@ -79,7 +74,7 @@ const defaultConfig = ({
 
   // Append siww shim-connectors for detected non-EVM wallets. discoverWallets()
   // returns [] under SSR / when none are installed, so this is a safe no-op there.
-  const connectors: CreateConfigParameters['connectors'] = enableSiww
+  const connectors: CreateConfigParameters["connectors"] = enableSiww
     ? [...(baseConnectors ?? []), ...getSiwwConnectors()]
     : baseConnectors;
 

package/src/connectkit/defaultConnectors.ts

@@ -1,16 +1,13 @@
-import { CreateConnectorFn } from 'wagmi';
+import { CreateConnectorFn } from "wagmi";
 import {
   injected,
   walletConnect,
   coinbaseWallet,
   CoinbaseWalletParameters,
   safe,
-} from '@wagmi/connectors';
+} from "@wagmi/connectors";
 
-import {
-  EthereumProviderOptions as AaveAccountOptions,
-  aaveAccountConnector,
-} from '@aave/account';
+import { EthereumProviderOptions as AaveAccountOptions, aaveAccountConnector } from "@aave/account";
 
 type DefaultConnectorsProps = {
   app: {
@@ -20,7 +17,7 @@ type DefaultConnectorsProps = {
     url?: string;
   };
   walletConnectProjectId?: string;
-  coinbaseWalletPreference?: CoinbaseWalletParameters<'4'>['preference'];
+  coinbaseWalletPreference?: CoinbaseWalletParameters<"4">["preference"];
   enableAaveAccount?: boolean;
   aaveAccountOptions?: AaveAccountOptions;
 };
@@ -33,8 +30,7 @@ const defaultConnectors = ({
   aaveAccountOptions,
 }: DefaultConnectorsProps): CreateConnectorFn[] => {
   const hasAllAppData = app.name && app.icon && app.description && app.url;
-  const shouldUseSafeConnector =
-    !(typeof window === 'undefined') && window?.parent !== window;
+  const shouldUseSafeConnector = !(typeof window === "undefined") && window?.parent !== window;
 
   const connectors: CreateConnectorFn[] = enableAaveAccount
     ? [aaveAccountConnector(aaveAccountOptions)]
@@ -45,18 +41,18 @@ const defaultConnectors = ({
     connectors.push(
       safe({
         allowedDomains: [/gnosis-safe.io$/, /app.safe.global$/],
-      })
+      }),
     );
   }
 
   // Add the rest of the connectors
   connectors.push(
-    injected({ target: 'metaMask' }),
+    injected({ target: "metaMask" }),
     coinbaseWallet({
       appName: app.name,
       appLogoUrl: app.icon,
       preference: coinbaseWalletPreference,
-    })
+    }),
   );
 
   if (walletConnectProjectId) {
@@ -72,7 +68,7 @@ const defaultConnectors = ({
               icons: [app.icon!],
             }
           : undefined,
-      })
+      }),
     );
   }
   /*

package/src/connectkit/defaultTransports.ts

@@ -6,31 +6,31 @@
  *
  */
 
-import { fallback, http, webSocket } from 'wagmi';
-import { type CreateConfigParameters } from '@wagmi/core';
-import { type Chain, mainnet, polygon, optimism, arbitrum } from 'wagmi/chains';
-import { type HttpTransport, type WebSocketTransport } from 'viem';
+import { fallback, http, webSocket } from "wagmi";
+import { type CreateConfigParameters } from "@wagmi/core";
+import { type Chain, mainnet, polygon, optimism, arbitrum } from "wagmi/chains";
+import { type HttpTransport, type WebSocketTransport } from "viem";
 
-import { chainConfigs } from './constants/chainConfigs';
+import { chainConfigs } from "./constants/chainConfigs";
 
 const createTransport = ({
   chain,
-  provider = 'public',
+  provider = "public",
   apiKey,
 }: {
   chain: Chain;
-  provider: 'alchemy' | 'infura' | 'public';
+  provider: "alchemy" | "infura" | "public";
   apiKey: string;
 }): HttpTransport | WebSocketTransport => {
   const supportedChain = chainConfigs.find((c) => c.id === chain.id);
   if (supportedChain?.rpcUrls) {
-    if (provider === 'alchemy') {
+    if (provider === "alchemy") {
       if (supportedChain.rpcUrls?.alchemy?.http) {
         return http(supportedChain.rpcUrls?.alchemy?.http + apiKey);
       } else {
         return webSocket(supportedChain.rpcUrls?.alchemy?.webSocket + apiKey);
       }
-    } else if (provider === 'infura') {
+    } else if (provider === "infura") {
       if (supportedChain.rpcUrls?.infura?.http) {
         return http(supportedChain.rpcUrls?.infura?.http + apiKey);
       } else {
@@ -42,7 +42,7 @@ const createTransport = ({
 };
 
 type GetDefaultTransportsProps = {
-  chains?: CreateConfigParameters['chains'];
+  chains?: CreateConfigParameters["chains"];
   alchemyId?: string;
   infuraId?: string;
 };
@@ -51,19 +51,13 @@ export const getDefaultTransports = ({
   chains = [mainnet, polygon, optimism, arbitrum],
   alchemyId,
   infuraId,
-}: GetDefaultTransportsProps): CreateConfigParameters['transports'] => {
-  const transports: CreateConfigParameters['transports'] = {};
+}: GetDefaultTransportsProps): CreateConfigParameters["transports"] => {
+  const transports: CreateConfigParameters["transports"] = {};
   Object.keys(chains).forEach((key, index) => {
     const chain = chains[index];
     const urls: (HttpTransport | WebSocketTransport)[] = [];
-    if (alchemyId)
-      urls.push(
-        createTransport({ chain, provider: 'alchemy', apiKey: alchemyId })
-      );
-    if (infuraId)
-      urls.push(
-        createTransport({ chain, provider: 'infura', apiKey: infuraId })
-      );
+    if (alchemyId) urls.push(createTransport({ chain, provider: "alchemy", apiKey: alchemyId }));
+    if (infuraId) urls.push(createTransport({ chain, provider: "infura", apiKey: infuraId }));
 
     urls.push(http());
 

package/src/connectkit/hooks/connectors/useCoinbaseWalletUri.tsx

@@ -9,7 +9,7 @@ import { useState, useEffect } from 'react';
 
 import { Connector, useAccount } from 'wagmi';
 import { useConnect } from './../useConnect';
-import { useContext } from '../../components/ConnectKit';
+import { useContext } from '@multiplatform.one/connectkit';
 import { useCoinbaseWalletConnector } from './../useConnectors';
 import { useWallet } from '../../wallets/useWallets';