wagmi 0.6.6 → 0.6.7

package/dist/declarations/src/hooks/network-status/useBlockNumber.d.ts

@@ -14,6 +14,7 @@ export declare const queryKey: ({ chainId }: {
     readonly chainId: number | undefined;
 }];
 export declare function useBlockNumber({ cacheTime, chainId: chainId_, enabled, staleTime, suspense, watch, onBlock, onError, onSettled, onSuccess, }?: UseBlockNumberArgs & UseBlockNumberConfig): Pick<import("@tanstack/react-query").QueryObserverResult<number, Error>, "error" | "data" | "fetchStatus" | "isError" | "isFetched" | "isFetching" | "isLoading" | "isRefetching" | "isSuccess" | "refetch"> & {
+    /** Function fires when a new block is created */
     isIdle: boolean;
     status: "error" | "success" | "idle" | "loading";
     internal: Pick<import("@tanstack/react-query").QueryObserverResult<unknown, unknown>, "dataUpdatedAt" | "errorUpdatedAt" | "failureCount" | "isFetchedAfterMount" | "isLoadingError" | "isPaused" | "isPlaceholderData" | "isPreviousData" | "isRefetchError" | "isStale" | "remove">;

package/dist/declarations/src/hooks/utils/useInvalidateOnBlock.d.ts

@@ -1,5 +1,6 @@
 import { QueryKey } from '@tanstack/react-query';
-export declare function useInvalidateOnBlock({ enabled, queryKey, }: {
+export declare function useInvalidateOnBlock({ chainId, enabled, queryKey, }: {
+    chainId?: number;
     enabled?: boolean;
     queryKey: QueryKey;
 }): void;

package/dist/wagmi.cjs.dev.js

@@ -10,6 +10,7 @@ var React = require('react');
 var pkg = require('use-sync-external-store/shim/index.js');
 var ethers = require('ethers/lib/ethers');
 var withSelector_js = require('use-sync-external-store/shim/with-selector.js');
+var internal = require('@wagmi/core/internal');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -313,21 +314,28 @@ function useBlockNumber() {
   const chainId = useChainId({
     chainId: chainId_
   });
-  const provider = useProvider();
-  const webSocketProvider = useWebSocketProvider();
+  const provider = useProvider({
+    chainId
+  });
+  const webSocketProvider = useWebSocketProvider({
+    chainId
+  });
   const queryClient = reactQuery.useQueryClient();
   React__namespace.useEffect(() => {
-    if (!watch && !onBlock) return;
+    if (!watch && !onBlock) return; // We need to debounce the listener as we want to opt-out
+    // of the behavior where ethers emits a "block" event for
+    // every block that was missed in between the `pollingInterval`.
+    // We are setting a wait time of 1 as emitting an event in
+    // ethers takes ~0.1ms.
 
-    const listener = blockNumber => {
+    const listener = internal.debounce(blockNumber => {
       // Just to be safe in case the provider implementation
       // calls the event callback after .off() has been called
       if (watch) queryClient.setQueryData(queryKey$f({
         chainId
       }), blockNumber);
       if (onBlock) onBlock(blockNumber);
-    };
-
+    }, 1);
     const provider_ = webSocketProvider !== null && webSocketProvider !== void 0 ? webSocketProvider : provider;
     provider_.on('block', listener);
     return () => {
@@ -403,6 +411,7 @@ function useFeeData() {
   const {
     data: blockNumber
   } = useBlockNumber({
+    chainId,
     watch
   });
   React__namespace.useEffect(() => {
@@ -416,11 +425,13 @@ function useFeeData() {
 
 function useInvalidateOnBlock(_ref) {
   let {
+    chainId,
     enabled,
     queryKey
   } = _ref;
   const queryClient = reactQuery.useQueryClient();
   useBlockNumber({
+    chainId,
     onBlock: enabled ? () => queryClient.invalidateQueries(queryKey) : undefined
   });
 }
@@ -800,6 +811,7 @@ function useBalance() {
   const {
     data: blockNumber
   } = useBlockNumber({
+    chainId,
     watch
   });
   React__namespace.useEffect(() => {
@@ -1406,6 +1418,7 @@ function useContractRead(_ref4) {
   const {
     data: blockNumber
   } = useBlockNumber({
+    chainId,
     enabled: watch || cacheOnBlock,
     watch
   });
@@ -1424,6 +1437,7 @@ function useContractRead(_ref4) {
     return enabled;
   }, [addressOrName, blockNumber, cacheOnBlock, enabled_, functionName]);
   useInvalidateOnBlock({
+    chainId,
     enabled: watch && !cacheOnBlock,
     queryKey: queryKey_
   });

package/dist/wagmi.cjs.prod.js

@@ -10,6 +10,7 @@ var React = require('react');
 var pkg = require('use-sync-external-store/shim/index.js');
 var ethers = require('ethers/lib/ethers');
 var withSelector_js = require('use-sync-external-store/shim/with-selector.js');
+var internal = require('@wagmi/core/internal');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -313,21 +314,28 @@ function useBlockNumber() {
   const chainId = useChainId({
     chainId: chainId_
   });
-  const provider = useProvider();
-  const webSocketProvider = useWebSocketProvider();
+  const provider = useProvider({
+    chainId
+  });
+  const webSocketProvider = useWebSocketProvider({
+    chainId
+  });
   const queryClient = reactQuery.useQueryClient();
   React__namespace.useEffect(() => {
-    if (!watch && !onBlock) return;
+    if (!watch && !onBlock) return; // We need to debounce the listener as we want to opt-out
+    // of the behavior where ethers emits a "block" event for
+    // every block that was missed in between the `pollingInterval`.
+    // We are setting a wait time of 1 as emitting an event in
+    // ethers takes ~0.1ms.
 
-    const listener = blockNumber => {
+    const listener = internal.debounce(blockNumber => {
       // Just to be safe in case the provider implementation
       // calls the event callback after .off() has been called
       if (watch) queryClient.setQueryData(queryKey$f({
         chainId
       }), blockNumber);
       if (onBlock) onBlock(blockNumber);
-    };
-
+    }, 1);
     const provider_ = webSocketProvider !== null && webSocketProvider !== void 0 ? webSocketProvider : provider;
     provider_.on('block', listener);
     return () => {
@@ -403,6 +411,7 @@ function useFeeData() {
   const {
     data: blockNumber
   } = useBlockNumber({
+    chainId,
     watch
   });
   React__namespace.useEffect(() => {
@@ -416,11 +425,13 @@ function useFeeData() {
 
 function useInvalidateOnBlock(_ref) {
   let {
+    chainId,
     enabled,
     queryKey
   } = _ref;
   const queryClient = reactQuery.useQueryClient();
   useBlockNumber({
+    chainId,
     onBlock: enabled ? () => queryClient.invalidateQueries(queryKey) : undefined
   });
 }
@@ -800,6 +811,7 @@ function useBalance() {
   const {
     data: blockNumber
   } = useBlockNumber({
+    chainId,
     watch
   });
   React__namespace.useEffect(() => {
@@ -1406,6 +1418,7 @@ function useContractRead(_ref4) {
   const {
     data: blockNumber
   } = useBlockNumber({
+    chainId,
     enabled: watch || cacheOnBlock,
     watch
   });
@@ -1424,6 +1437,7 @@ function useContractRead(_ref4) {
     return enabled;
   }, [addressOrName, blockNumber, cacheOnBlock, enabled_, functionName]);
   useInvalidateOnBlock({
+    chainId,
     enabled: watch && !cacheOnBlock,
     queryKey: queryKey_
   });

package/dist/wagmi.esm.js

@@ -7,6 +7,7 @@ import * as React from 'react';
 import * as pkg from 'use-sync-external-store/shim/index.js';
 import { BigNumber } from 'ethers/lib/ethers';
 import { useSyncExternalStoreWithSelector } from 'use-sync-external-store/shim/with-selector.js';
+import { debounce } from '@wagmi/core/internal';
 
 const useSyncExternalStore = pkg.useSyncExternalStore;
 
@@ -289,21 +290,28 @@ function useBlockNumber() {
   const chainId = useChainId({
     chainId: chainId_
   });
-  const provider = useProvider();
-  const webSocketProvider = useWebSocketProvider();
+  const provider = useProvider({
+    chainId
+  });
+  const webSocketProvider = useWebSocketProvider({
+    chainId
+  });
   const queryClient = useQueryClient();
   React.useEffect(() => {
-    if (!watch && !onBlock) return;
+    if (!watch && !onBlock) return; // We need to debounce the listener as we want to opt-out
+    // of the behavior where ethers emits a "block" event for
+    // every block that was missed in between the `pollingInterval`.
+    // We are setting a wait time of 1 as emitting an event in
+    // ethers takes ~0.1ms.
 
-    const listener = blockNumber => {
+    const listener = debounce(blockNumber => {
       // Just to be safe in case the provider implementation
       // calls the event callback after .off() has been called
       if (watch) queryClient.setQueryData(queryKey$f({
         chainId
       }), blockNumber);
       if (onBlock) onBlock(blockNumber);
-    };
-
+    }, 1);
     const provider_ = webSocketProvider !== null && webSocketProvider !== void 0 ? webSocketProvider : provider;
     provider_.on('block', listener);
     return () => {
@@ -379,6 +387,7 @@ function useFeeData() {
   const {
     data: blockNumber
   } = useBlockNumber({
+    chainId,
     watch
   });
   React.useEffect(() => {
@@ -392,11 +401,13 @@ function useFeeData() {
 
 function useInvalidateOnBlock(_ref) {
   let {
+    chainId,
     enabled,
     queryKey
   } = _ref;
   const queryClient = useQueryClient();
   useBlockNumber({
+    chainId,
     onBlock: enabled ? () => queryClient.invalidateQueries(queryKey) : undefined
   });
 }
@@ -776,6 +787,7 @@ function useBalance() {
   const {
     data: blockNumber
   } = useBlockNumber({
+    chainId,
     watch
   });
   React.useEffect(() => {
@@ -1382,6 +1394,7 @@ function useContractRead(_ref4) {
   const {
     data: blockNumber
   } = useBlockNumber({
+    chainId,
     enabled: watch || cacheOnBlock,
     watch
   });
@@ -1400,6 +1413,7 @@ function useContractRead(_ref4) {
     return enabled;
   }, [addressOrName, blockNumber, cacheOnBlock, enabled_, functionName]);
   useInvalidateOnBlock({
+    chainId,
     enabled: watch && !cacheOnBlock,
     queryKey: queryKey_
   });

package/package.json

@@ -2,7 +2,7 @@
   "name": "wagmi",
   "description": "React Hooks for Ethereum",
   "license": "WAGMIT",
-  "version": "0.6.6",
+  "version": "0.6.7",
   "repository": {
     "type": "git",
     "url": "https://github.com/wagmi-dev/wagmi.git",
@@ -108,7 +108,7 @@
     "@tanstack/query-sync-storage-persister": "^4.0.10",
     "@tanstack/react-query": "^4.0.10",
     "@tanstack/react-query-persist-client": "^4.0.10",
-    "@wagmi/core": "^0.5.6",
+    "@wagmi/core": "^0.5.7",
     "@walletconnect/ethereum-provider": "^1.7.8",
     "use-sync-external-store": "^1.2.0"
   },

package/providers/coinbaseNode/dist/wagmi-providers-coinbaseNode.cjs.d.ts

@@ -0,0 +1,11 @@
+// are you seeing an error that a default export doesn't exist but your source file has a default export?
+// you should run `yarn` or `yarn preconstruct dev` if preconstruct dev isn't in your postinstall hook
+
+// curious why you need to?
+// this file exists so that you can import from the entrypoint normally
+// except that it points to your source file and you don't need to run build constantly
+// which means we need to re-export all of the modules from your source file
+// and since export * doesn't include default exports, we need to read your source file
+// to check for a default export and re-export it if it exists
+// it's not ideal, but it works pretty well ¯\_(ツ)_/¯
+export * from "../../../src/providers/coinbaseNode";

package/providers/coinbaseNode/dist/wagmi-providers-coinbaseNode.cjs.js

@@ -0,0 +1,16 @@
+"use strict";
+// this file might look strange and you might be wondering what it's for
+// it's lets you import your source files by importing this entrypoint
+// as you would import it if it was built with preconstruct build
+// this file is slightly different to some others though
+// it has a require hook which compiles your code with Babel
+// this means that you don't have to set up @babel/register or anything like that
+// but you can still require this module and it'll be compiled
+
+// this bit of code imports the require hook and registers it
+let unregister = require("../../../../../node_modules/.pnpm/@preconstruct+hook@0.4.0/node_modules/@preconstruct/hook").___internalHook(typeof __dirname === 'undefined' ? undefined : __dirname, "../../../../..", "../../..");
+
+// this re-exports the source file
+module.exports = require("../../../src/providers/coinbaseNode.ts");
+
+unregister();