wagmi 0.3.1 → 0.3.4

package/README.md

@@ -17,7 +17,7 @@ npm install wagmi ethers
 Check out the following places for more wagmi-related content:
 
 - Join the [discussions on GitHub](https://github.com/tmm/wagmi/discussions)
-- Follow [@awkweb](https://twitter.com/awkweb) on Twitter for project updates
+- Follow [@awkweb](https://twitter.com/awkweb) and [@wagmi_sh](https://twitter.com/wagmi_sh) on Twitter for project updates
 - Sign the [guestbook](https://github.com/tmm/wagmi/discussions/2)
 - Share [your project/organization](https://github.com/tmm/wagmi/discussions/201) using wagmi
 
@@ -25,6 +25,6 @@ Check out the following places for more wagmi-related content:
 
 If you find wagmi useful, please consider supporting development. Thank you 🙏
 
-- [awkweb.eth](https://etherscan.io/enslookup-search?search=awkweb.eth)
 - [GitHub Sponsors](https://github.com/sponsors/tmm?metadata_campaign=readme_wagmi)
 - [Gitcoin Grant](https://gitcoin.co/grants/4493/wagmi-react-hooks-library-for-ethereum)
+- [awkweb.eth](https://etherscan.io/enslookup-search?search=awkweb.eth)

package/connectors/metaMask/dist/wagmi-connectors-metaMask.cjs.d.ts

@@ -0,0 +1 @@
+export * from "../../../dist/declarations/src/connectors/metaMask";

package/connectors/metaMask/dist/wagmi-connectors-metaMask.cjs.dev.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var metaMask = require('@wagmi/core/connectors/metaMask');
+
+
+
+Object.defineProperty(exports, 'MetaMaskConnector', {
+	enumerable: true,
+	get: function () { return metaMask.MetaMaskConnector; }
+});

package/connectors/metaMask/dist/wagmi-connectors-metaMask.cjs.js

@@ -0,0 +1,7 @@
+'use strict';
+
+if (process.env.NODE_ENV === "production") {
+  module.exports = require("./wagmi-connectors-metaMask.cjs.prod.js");
+} else {
+  module.exports = require("./wagmi-connectors-metaMask.cjs.dev.js");
+}

package/connectors/metaMask/dist/wagmi-connectors-metaMask.cjs.prod.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var metaMask = require('@wagmi/core/connectors/metaMask');
+
+
+
+Object.defineProperty(exports, 'MetaMaskConnector', {
+	enumerable: true,
+	get: function () { return metaMask.MetaMaskConnector; }
+});

package/connectors/metaMask/dist/wagmi-connectors-metaMask.esm.js

@@ -0,0 +1 @@
+export { MetaMaskConnector } from '@wagmi/core/connectors/metaMask';

package/connectors/metaMask/package.json

@@ -0,0 +1,4 @@
+{
+  "main": "dist/wagmi-connectors-metaMask.cjs.js",
+  "module": "dist/wagmi-connectors-metaMask.esm.js"
+}

package/dist/declarations/src/connectors/metaMask.d.ts

@@ -0,0 +1 @@
+export { MetaMaskConnector } from '@wagmi/core/connectors/metaMask';

package/dist/declarations/src/context.d.ts

@@ -1,22 +1,22 @@
 import * as React from 'react';
-import type { BaseProvider, WebSocketProvider } from '@ethersproject/providers';
+import { providers } from 'ethers';
 import { WagmiClient, ClientConfig as WagmiClientConfig } from '@wagmi/core';
 import { QueryClient } from 'react-query';
 import { Persister } from 'react-query/persistQueryClient';
-export declare type DecoratedWagmiClient<TProvider extends BaseProvider = BaseProvider, TWebSocketProvider extends WebSocketProvider = WebSocketProvider> = WagmiClient<TProvider, TWebSocketProvider> & {
+export declare type DecoratedWagmiClient<TProvider extends providers.BaseProvider = providers.BaseProvider, TWebSocketProvider extends providers.WebSocketProvider = providers.WebSocketProvider> = WagmiClient<TProvider, TWebSocketProvider> & {
     queryClient: QueryClient;
 };
-export declare const Context: React.Context<DecoratedWagmiClient<BaseProvider, WebSocketProvider> | undefined>;
-export declare type ClientConfig<TProvider extends BaseProvider = BaseProvider, TWebSocketProvider extends WebSocketProvider = WebSocketProvider> = WagmiClientConfig<TProvider, TWebSocketProvider> & {
+export declare const Context: React.Context<DecoratedWagmiClient<providers.BaseProvider, providers.WebSocketProvider> | undefined>;
+export declare type ClientConfig<TProvider extends providers.BaseProvider = providers.BaseProvider, TWebSocketProvider extends providers.WebSocketProvider = providers.WebSocketProvider> = WagmiClientConfig<TProvider, TWebSocketProvider> & {
     queryClient?: QueryClient;
     persister?: Persister;
 };
-export declare function createClient<TProvider extends BaseProvider, TWebSocketProvider extends WebSocketProvider>({ queryClient, persister, ...config }?: ClientConfig<TProvider, TWebSocketProvider>): WagmiClient<TProvider, TWebSocketProvider> & {
+export declare function createClient<TProvider extends providers.BaseProvider, TWebSocketProvider extends providers.WebSocketProvider>({ queryClient, persister, ...config }?: ClientConfig<TProvider, TWebSocketProvider>): WagmiClient<TProvider, TWebSocketProvider> & {
     queryClient: QueryClient;
 };
-export declare type ProviderProps<TProvider extends BaseProvider = BaseProvider, TWebSocketProvider extends WebSocketProvider = WebSocketProvider> = {
+export declare type ProviderProps<TProvider extends providers.BaseProvider = providers.BaseProvider, TWebSocketProvider extends providers.WebSocketProvider = providers.WebSocketProvider> = {
     /** React-decorated WagmiClient instance */
     client?: DecoratedWagmiClient<TProvider, TWebSocketProvider>;
 };
-export declare function Provider<TProvider extends BaseProvider, TWebSocketProvider extends WebSocketProvider>({ children, client, }: React.PropsWithChildren<ProviderProps<TProvider, TWebSocketProvider>>): JSX.Element;
-export declare function useClient<TProvider extends BaseProvider, TWebSocketProvider extends WebSocketProvider = WebSocketProvider>(): DecoratedWagmiClient<TProvider, TWebSocketProvider>;
+export declare function Provider<TProvider extends providers.BaseProvider, TWebSocketProvider extends providers.WebSocketProvider>({ children, client, }: React.PropsWithChildren<ProviderProps<TProvider, TWebSocketProvider>>): JSX.Element;
+export declare function useClient<TProvider extends providers.BaseProvider, TWebSocketProvider extends providers.WebSocketProvider = providers.WebSocketProvider>(): DecoratedWagmiClient<TProvider, TWebSocketProvider>;

package/dist/declarations/src/hooks/contracts/useContractRead.d.ts

@@ -7,14 +7,14 @@ declare type UseContractReadArgs = Partial<ReadContractConfig> & {
     watch?: boolean;
 };
 export declare type UseContractReadConfig = QueryConfig<ReadContractResult, Error>;
-export declare const queryKey: ([contractConfig, functionName, { args, chainId, overrides }, { blockNumber },]: [import("@wagmi/core").GetContractArgs, string, Partial<ReadContractConfig>, {
+export declare const queryKey: ([contractConfig, functionName, { args, chainId, overrides }, { blockNumber },]: [ReadContractArgs, string, Partial<ReadContractConfig>, {
     blockNumber?: number | undefined;
 }]) => readonly [{
     readonly entity: "readContract";
     readonly args: any;
     readonly blockNumber: number | undefined;
     readonly chainId: number | undefined;
-    readonly contractConfig: import("@wagmi/core").GetContractArgs;
+    readonly contractConfig: ReadContractArgs;
     readonly functionName: string;
     readonly overrides: import("ethers").CallOverrides | undefined;
 }];

package/dist/declarations/src/hooks/index.d.ts

@@ -4,4 +4,4 @@ export { useEnsAddress, useEnsAvatar, useEnsName, useEnsResolver } from './ens';
 export { useBlockNumber, useFeeData } from './network-status';
 export { useProvider, useWebSocketProvider } from './providers';
 export { useSendTransaction, useWaitForTransaction } from './transactions';
-export { useChainId } from './utils';
+export { useChainId, useQuery } from './utils';

package/dist/declarations/src/hooks/providers/useProvider.d.ts

@@ -1,4 +1,4 @@
-import type { BaseProvider } from '@ethersproject/providers';
+import { providers } from 'ethers';
 import { GetProviderArgs } from '@wagmi/core';
 export declare type UseProviderArgs = Partial<GetProviderArgs>;
-export declare function useProvider<TProvider extends BaseProvider>({ chainId, }?: UseProviderArgs): TProvider;
+export declare function useProvider<TProvider extends providers.BaseProvider>({ chainId, }?: UseProviderArgs): TProvider;

package/dist/declarations/src/hooks/providers/useWebSocketProvider.d.ts

@@ -1,4 +1,4 @@
-import { WebSocketProvider } from '@ethersproject/providers';
+import { providers } from 'ethers';
 import { GetWebSocketProviderArgs } from '@wagmi/core';
 export declare type UseWebSocketProviderArgs = Partial<GetWebSocketProviderArgs>;
-export declare function useWebSocketProvider<TWebSocketProvider extends WebSocketProvider>({ chainId }?: UseWebSocketProviderArgs): import("@wagmi/core").GetWebSocketProviderResult<TWebSocketProvider>;
+export declare function useWebSocketProvider<TWebSocketProvider extends providers.WebSocketProvider>({ chainId }?: UseWebSocketProviderArgs): import("@wagmi/core").GetWebSocketProviderResult<TWebSocketProvider>;

package/dist/declarations/src/index.d.ts

@@ -1,6 +1,6 @@
 export { createClient, createClient as createWagmiClient, Provider, Provider as WagmiProvider, useClient, useClient as useWagmiClient, } from './context';
 export type { ClientConfig, ClientConfig as WagmiClientConfig, ProviderProps, ProviderProps as WagmiProviderProps, } from './context';
-export { useAccount, useBalance, useBlockNumber, useConnect, useContract, useContractEvent, useContractRead, useContractWrite, useDisconnect, useEnsAddress, useEnsAvatar, useEnsName, useEnsResolver, useFeeData, useNetwork, useProvider, useSendTransaction, useSignMessage, useSignTypedData, useSigner, useToken, useWaitForTransaction, useWebSocketProvider, } from './hooks';
+export { useAccount, useBalance, useBlockNumber, useConnect, useContract, useContractEvent, useContractRead, useContractWrite, useDisconnect, useEnsAddress, useEnsAvatar, useEnsName, useEnsResolver, useFeeData, useNetwork, useProvider, useQuery, useSendTransaction, useSignMessage, useSignTypedData, useSigner, useToken, useWaitForTransaction, useWebSocketProvider, } from './hooks';
 export { deserialize, serialize } from './utils';
 export { Client, Connector, WagmiClient, alchemyRpcUrls, allChains, chain, chainId, createStorage, createWagmiStorage, defaultChains, defaultL2Chains, erc20ABI, erc721ABI, etherscanBlockExplorers, infuraRpcUrls, } from '@wagmi/core';
 export type { Chain, ConnectorData, ConnectorEvents, Storage, Unit, WagmiStorage, } from '@wagmi/core';

package/dist/wagmi.cjs.dev.js

@@ -1213,11 +1213,7 @@ function useContractRead(contractConfig, functionName) {
   }]), [args, blockNumber, cacheOnBlock, chainId, contractConfig, functionName, overrides]);
   const enabled = React__namespace.useMemo(() => {
     let enabled = Boolean(enabled_ && contractConfig && functionName);
-
-    if (cacheOnBlock) {
-      enabled = Boolean(enabled && blockNumber);
-    }
-
+    if (cacheOnBlock) enabled = Boolean(enabled && blockNumber);
     return enabled;
   }, [blockNumber, cacheOnBlock, contractConfig, enabled_, functionName]);
   const client = reactQuery.useQueryClient();
@@ -1225,12 +1221,13 @@ function useContractRead(contractConfig, functionName) {
     if (enabled) {
       const unwatch = core.watchReadContract(contractConfig, functionName, {
         args,
+        chainId,
         overrides,
         listenToBlock: watch && !cacheOnBlock
       }, result => client.setQueryData(queryKey_, result));
       return unwatch;
     }
-  }, [args, cacheOnBlock, client, contractConfig, enabled, functionName, overrides, queryKey_, watch]);
+  }, [args, cacheOnBlock, chainId, client, contractConfig, enabled, functionName, overrides, queryKey_, watch]);
   return useQuery(queryKey_, queryFn$6, {
     cacheTime,
     enabled,
@@ -1820,6 +1817,7 @@ exports.useEnsResolver = useEnsResolver;
 exports.useFeeData = useFeeData;
 exports.useNetwork = useNetwork;
 exports.useProvider = useProvider;
+exports.useQuery = useQuery;
 exports.useSendTransaction = useSendTransaction;
 exports.useSignMessage = useSignMessage;
 exports.useSignTypedData = useSignTypedData;

package/dist/wagmi.cjs.prod.js

@@ -1213,11 +1213,7 @@ function useContractRead(contractConfig, functionName) {
   }]), [args, blockNumber, cacheOnBlock, chainId, contractConfig, functionName, overrides]);
   const enabled = React__namespace.useMemo(() => {
     let enabled = Boolean(enabled_ && contractConfig && functionName);
-
-    if (cacheOnBlock) {
-      enabled = Boolean(enabled && blockNumber);
-    }
-
+    if (cacheOnBlock) enabled = Boolean(enabled && blockNumber);
     return enabled;
   }, [blockNumber, cacheOnBlock, contractConfig, enabled_, functionName]);
   const client = reactQuery.useQueryClient();
@@ -1225,12 +1221,13 @@ function useContractRead(contractConfig, functionName) {
     if (enabled) {
       const unwatch = core.watchReadContract(contractConfig, functionName, {
         args,
+        chainId,
         overrides,
         listenToBlock: watch && !cacheOnBlock
       }, result => client.setQueryData(queryKey_, result));
       return unwatch;
     }
-  }, [args, cacheOnBlock, client, contractConfig, enabled, functionName, overrides, queryKey_, watch]);
+  }, [args, cacheOnBlock, chainId, client, contractConfig, enabled, functionName, overrides, queryKey_, watch]);
   return useQuery(queryKey_, queryFn$6, {
     cacheTime,
     enabled,
@@ -1820,6 +1817,7 @@ exports.useEnsResolver = useEnsResolver;
 exports.useFeeData = useFeeData;
 exports.useNetwork = useNetwork;
 exports.useProvider = useProvider;
+exports.useQuery = useQuery;
 exports.useSendTransaction = useSendTransaction;
 exports.useSignMessage = useSignMessage;
 exports.useSignTypedData = useSignTypedData;

package/dist/wagmi.esm.js

@@ -1190,11 +1190,7 @@ function useContractRead(contractConfig, functionName) {
   }]), [args, blockNumber, cacheOnBlock, chainId, contractConfig, functionName, overrides]);
   const enabled = React.useMemo(() => {
     let enabled = Boolean(enabled_ && contractConfig && functionName);
-
-    if (cacheOnBlock) {
-      enabled = Boolean(enabled && blockNumber);
-    }
-
+    if (cacheOnBlock) enabled = Boolean(enabled && blockNumber);
     return enabled;
   }, [blockNumber, cacheOnBlock, contractConfig, enabled_, functionName]);
   const client = useQueryClient();
@@ -1202,12 +1198,13 @@ function useContractRead(contractConfig, functionName) {
     if (enabled) {
       const unwatch = watchReadContract(contractConfig, functionName, {
         args,
+        chainId,
         overrides,
         listenToBlock: watch && !cacheOnBlock
       }, result => client.setQueryData(queryKey_, result));
       return unwatch;
     }
-  }, [args, cacheOnBlock, client, contractConfig, enabled, functionName, overrides, queryKey_, watch]);
+  }, [args, cacheOnBlock, chainId, client, contractConfig, enabled, functionName, overrides, queryKey_, watch]);
   return useQuery(queryKey_, queryFn$6, {
     cacheTime,
     enabled,
@@ -1714,4 +1711,4 @@ function useWaitForTransaction() {
   });
 }
 
-export { Provider, Provider as WagmiProvider, createClient, createClient as createWagmiClient, deserialize, serialize, useAccount, useBalance, useBlockNumber, useClient, useConnect, useContract, useContractEvent, useContractRead, useContractWrite, useDisconnect, useEnsAddress, useEnsAvatar, useEnsName, useEnsResolver, useFeeData, useNetwork, useProvider, useSendTransaction, useSignMessage, useSignTypedData, useSigner, useToken, useClient as useWagmiClient, useWaitForTransaction, useWebSocketProvider };
+export { Provider, Provider as WagmiProvider, createClient, createClient as createWagmiClient, deserialize, serialize, useAccount, useBalance, useBlockNumber, useClient, useConnect, useContract, useContractEvent, useContractRead, useContractWrite, useDisconnect, useEnsAddress, useEnsAvatar, useEnsName, useEnsResolver, useFeeData, useNetwork, useProvider, useQuery, useSendTransaction, useSignMessage, useSignTypedData, useSigner, useToken, useClient as useWagmiClient, useWaitForTransaction, useWebSocketProvider };

package/package.json

@@ -2,7 +2,7 @@
   "name": "wagmi",
   "description": "React Hooks for Ethereum",
   "license": "WAGMIT",
-  "version": "0.3.1",
+  "version": "0.3.4",
   "author": "awkweb.eth",
   "ethereum": "awkweb.eth",
   "repository": "tmm/wagmi",
@@ -24,6 +24,10 @@
       "module": "./connectors/injected/dist/wagmi-connectors-injected.esm.js",
       "default": "./connectors/injected/dist/wagmi-connectors-injected.cjs.js"
     },
+    "./connectors/metaMask": {
+      "module": "./connectors/metaMask/dist/wagmi-connectors-metaMask.esm.js",
+      "default": "./connectors/metaMask/dist/wagmi-connectors-metaMask.cjs.js"
+    },
     "./connectors/walletConnect": {
       "module": "./connectors/walletConnect/dist/wagmi-connectors-walletConnect.esm.js",
       "default": "./connectors/walletConnect/dist/wagmi-connectors-walletConnect.cjs.js"
@@ -38,6 +42,7 @@
       "index.ts",
       "connectors/coinbaseWallet.ts",
       "connectors/injected.ts",
+      "connectors/metaMask.ts",
       "connectors/walletConnect.ts"
     ]
   },
@@ -46,20 +51,20 @@
     "react": ">=17.0.0"
   },
   "dependencies": {
-    "@coinbase/wallet-sdk": "^3.0.8",
-    "@wagmi/core": "0.2.1",
-    "@walletconnect/ethereum-provider": "1.7.5",
+    "@coinbase/wallet-sdk": "^3.0.11",
+    "@wagmi/core": "^0.2.4",
+    "@walletconnect/ethereum-provider": "^1.7.5",
     "react-query": "^4.0.0-beta.7",
-    "use-sync-external-store": "^1.0.0"
+    "use-sync-external-store": "^1.1.0"
   },
   "devDependencies": {
     "@testing-library/react": "^13.0.0",
     "@testing-library/react-hooks": "^7.0.2",
-    "@types/react": "18.0.5",
-    "@types/react-dom": "^18.0.2",
+    "@types/react": "^18.0.5",
+    "@types/react-dom": "^18.0.3",
     "@types/use-sync-external-store": "^0.0.3",
     "ethers": "^5.6.4",
-    "react": "18.0.0",
+    "react": "^18.1.0",
     "react-17": "npm:react@^17.0.2",
     "react-dom": "^18.0.0",
     "react-dom-17": "npm:react-dom@^17.0.2"
@@ -73,5 +78,5 @@
     "wallet",
     "web3"
   ],
-  "readme": "# wagmi\n\n## Documentation\n\nFor full documentation and examples, visit [wagmi.sh](https://wagmi.sh).\n\n## Installation\n\nInstall wagmi and its ethers peer dependency.\n\n```bash\nnpm install wagmi ethers\n```\n\n## Community\n\nCheck out the following places for more wagmi-related content:\n\n- Join the [discussions on GitHub](https://github.com/tmm/wagmi/discussions)\n- Follow [@awkweb](https://twitter.com/awkweb) on Twitter for project updates\n- Sign the [guestbook](https://github.com/tmm/wagmi/discussions/2)\n- Share [your project/organization](https://github.com/tmm/wagmi/discussions/201) using wagmi\n\n## Support\n\nIf you find wagmi useful, please consider supporting development. Thank you 🙏\n\n- [awkweb.eth](https://etherscan.io/enslookup-search?search=awkweb.eth)\n- [GitHub Sponsors](https://github.com/sponsors/tmm?metadata_campaign=readme_wagmi)\n- [Gitcoin Grant](https://gitcoin.co/grants/4493/wagmi-react-hooks-library-for-ethereum)\n"
+  "readme": "# wagmi\n\n## Documentation\n\nFor full documentation and examples, visit [wagmi.sh](https://wagmi.sh).\n\n## Installation\n\nInstall wagmi and its ethers peer dependency.\n\n```bash\nnpm install wagmi ethers\n```\n\n## Community\n\nCheck out the following places for more wagmi-related content:\n\n- Join the [discussions on GitHub](https://github.com/tmm/wagmi/discussions)\n- Follow [@awkweb](https://twitter.com/awkweb) and [@wagmi_sh](https://twitter.com/wagmi_sh) on Twitter for project updates\n- Sign the [guestbook](https://github.com/tmm/wagmi/discussions/2)\n- Share [your project/organization](https://github.com/tmm/wagmi/discussions/201) using wagmi\n\n## Support\n\nIf you find wagmi useful, please consider supporting development. Thank you 🙏\n\n- [GitHub Sponsors](https://github.com/sponsors/tmm?metadata_campaign=readme_wagmi)\n- [Gitcoin Grant](https://gitcoin.co/grants/4493/wagmi-react-hooks-library-for-ethereum)\n- [awkweb.eth](https://etherscan.io/enslookup-search?search=awkweb.eth)\n"
 }