wagmi 0.0.2 → 0.0.6

package/README.md

@@ -8,7 +8,7 @@
   <a aria-label="License" href="/LICENSE">
     <img
       alt=""
-      src="https://img.shields.io/npm/l/degen.svg?style=for-the-badge&labelColor=161c22"
+      src="https://img.shields.io/npm/l/wagmi.svg?style=for-the-badge&labelColor=161c22"
     />
   </a>
 </p>
@@ -39,8 +39,8 @@ pnpm dev:docs
 ### Examples
 
 ```bash
-pnpm dev:example:vite-react
 pnpm dev:example:next
+pnpm dev:example:vite-react
 ```
 
 ### Testing

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

@@ -2,3 +2,4 @@ export { useAccount } from './useAccount';
 export { useBalance } from './useBalance';
 export { useConnect } from './useConnect';
 export { useNetwork } from './useNetwork';
+export { useSignMessage } from './useSignMessage';

package/dist/declarations/src/hooks/accounts/useAccount.d.ts

@@ -1,4 +1,4 @@
-declare type Config = {
+export declare type Config = {
     fetchBalance?: boolean;
     fetchEns?: boolean;
 };
@@ -19,4 +19,3 @@ export declare const useAccount: ({ fetchBalance, fetchEns }?: Config) => readon
     readonly error: Error | undefined;
     readonly loading: boolean | undefined;
 }, () => void];
-export {};

package/dist/declarations/src/hooks/accounts/useBalance.d.ts

@@ -1,13 +1,13 @@
 import { BigNumber } from 'ethers';
 import { Unit } from 'wagmi-private';
-declare type Config = {
+export declare type Config = {
     address?: string;
     formatUnits?: Unit | number;
     skip?: boolean;
     token?: string;
     watch?: boolean;
 };
-export declare const useBalance: ({ address, formatUnits, skip, token, watch, }: Config) => readonly [{
+export declare const useBalance: ({ address, formatUnits, skip, token, watch, }?: Config) => readonly [{
     readonly data: {
         formatted: string;
         symbol: string;
@@ -15,13 +15,12 @@ export declare const useBalance: ({ address, formatUnits, skip, token, watch, }:
     } | undefined;
     readonly error: Error | undefined;
     readonly loading: boolean | undefined;
-}, ({ address, formatUnits, token, }: {
+}, (config?: {
     address: string;
-    formatUnits: Config['formatUnits'];
-    token: Config['token'];
-}) => Promise<Error | {
+    formatUnits?: Config['formatUnits'];
+    token?: Config['token'];
+} | undefined) => Promise<Error | {
     formatted: string;
     symbol: string;
     value: BigNumber;
 }>];
-export {};

package/dist/declarations/src/hooks/accounts/useSignMessage.d.ts

@@ -0,0 +1,10 @@
+export declare type Config = {
+    message?: string;
+};
+export declare const useSignMessage: ({ message }?: Config) => readonly [{
+    readonly data: string | undefined;
+    readonly error: Error | undefined;
+    readonly loading: boolean | undefined;
+}, (config?: {
+    message?: string | undefined;
+} | undefined) => Promise<string | Error>];

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

@@ -1,11 +1,11 @@
 import { BigNumber } from 'ethers';
 import { Unit } from 'wagmi-private';
-declare type Config = {
+export declare type Config = {
     address?: string;
     formatUnits?: Unit | number;
     skip?: boolean;
 };
-export declare const useToken: ({ address, formatUnits, skip }: Config) => readonly [{
+export declare const useToken: ({ address, formatUnits, skip, }?: Config) => readonly [{
     readonly data: {
         address: string | undefined;
         decimals: number;
@@ -22,10 +22,10 @@ export declare const useToken: ({ address, formatUnits, skip }: Config) => reado
     decimals?: number | undefined;
     image?: string | undefined;
     symbol: string;
-}) => Promise<boolean | Error>, ({ address, formatUnits, }: {
+}) => Promise<boolean | Error>, (config?: {
     address: string;
     formatUnits?: Config['formatUnits'];
-}) => Promise<Error | {
+} | undefined) => Promise<Error | {
     address: string;
     decimals: any;
     symbol: any;
@@ -34,4 +34,3 @@ export declare const useToken: ({ address, formatUnits, skip }: Config) => reado
         value: any;
     };
 }>];
-export {};

package/dist/declarations/src/hooks/ens/useEnsAvatar.d.ts

@@ -6,7 +6,7 @@ export declare const useEnsAvatar: ({ addressOrName, skip }?: Config) => readonl
     readonly data: string | null | undefined;
     readonly loading: boolean;
     readonly error: Error | undefined;
-}, (config: {
+}, (config?: {
     addressOrName: string;
-}) => Promise<string | Error | null>];
+} | undefined) => Promise<string | Error | null>];
 export {};

package/dist/declarations/src/hooks/ens/useEnsLookup.d.ts

@@ -6,7 +6,7 @@ export declare const useEnsLookup: ({ address, skip }?: Config) => readonly [{
     readonly data: string | null | undefined;
     readonly loading: boolean;
     readonly error: Error | undefined;
-}, (config: {
+}, (config?: {
     address: string;
-}) => Promise<string | Error | null>];
+} | undefined) => Promise<string | Error | null>];
 export {};

package/dist/declarations/src/hooks/ens/useEnsResolver.d.ts

@@ -7,5 +7,7 @@ export declare const useEnsResolver: ({ name, skip }?: Config) => readonly [{
     readonly data: EnsResolver | null | undefined;
     readonly loading: boolean;
     readonly error: Error | undefined;
-}, (config: Pick<Config, 'name'>) => Promise<import("@ethersproject/providers").Resolver | null | undefined>];
+}, (config?: {
+    name: Config['name'];
+} | undefined) => Promise<Error | import("@ethersproject/providers").Resolver | null>];
 export {};

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

@@ -1,4 +1,4 @@
-export { useAccount, useBalance, useConnect, useNetwork } from './accounts';
+export { useAccount, useBalance, useConnect, useNetwork, useSignMessage, } from './accounts';
 export { useContract, useContractEvent, useToken } from './contracts';
 export { useEnsAvatar, useEnsLookup, useEnsResolver } from './ens';
 export { useBlockNumber, useFeeData } from './network-status';

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

@@ -1,5 +1,5 @@
 export { Provider, useContext } from './context';
 export type { Props as ProviderProps } from './context';
-export { useAccount, useBalance, useBlockNumber, useConnect, useContract, useContractEvent, useEnsAvatar, useEnsLookup, useEnsResolver, useFeeData, useNetwork, useProvider, useToken, useWebSocketProvider, } from './hooks';
-export { Connector, InjectedConnector, WalletConnectConnector, WalletLinkConnector, chain, defaultChains, defaultL2Chains, developmentChains, erc1155ABI, erc20ABI, erc721ABI, isAddress, } from 'wagmi-private';
-export type { Chain, Data } from 'wagmi-private';
+export { useAccount, useBalance, useBlockNumber, useConnect, useContract, useContractEvent, useEnsAvatar, useEnsLookup, useEnsResolver, useFeeData, useNetwork, useProvider, useSignMessage, useToken, useWebSocketProvider, } from './hooks';
+export { Connector, InjectedConnector, WalletConnectConnector, WalletLinkConnector, chain, defaultChains, defaultL2Chains, developmentChains, erc1155ABI, erc20ABI, erc721ABI, normalizeChainId, normalizeMessage, verifyNormalizedMessage, } from 'wagmi-private';
+export type { Chain, Data, Message } from 'wagmi-private';

package/dist/wagmi.cjs.dev.js

@@ -154,7 +154,7 @@ var useLocalStorage = function useLocalStorage(key) {
   return [value, setLocalStorage];
 };
 
-var initialState$8 = {
+var initialState$9 = {
   loading: false
 };
 var useEnsAvatar = function useEnsAvatar() {
@@ -164,15 +164,20 @@ var useEnsAvatar = function useEnsAvatar() {
   } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var cacheBuster = useCacheBuster();
   var provider = useProvider();
-  var [state, setState] = React__namespace.useState(initialState$8);
+  var [state, setState] = React__namespace.useState(initialState$9);
   var getEnsAvatar = React__namespace.useCallback( /*#__PURE__*/function () {
     var _ref = _asyncToGenerator(function* (config) {
       try {
+        var _config = config !== null && config !== void 0 ? config : {
+          addressOrName
+        };
+
+        if (!_config.addressOrName) throw new Error('addressOrName is required');
         setState(x => _objectSpread2(_objectSpread2({}, x), {}, {
           error: undefined,
           loading: true
         }));
-        var avatar = yield provider.getAvatar(config.addressOrName);
+        var avatar = yield provider.getAvatar(_config.addressOrName);
         setState(x => _objectSpread2(_objectSpread2({}, x), {}, {
           avatar,
           loading: false
@@ -191,7 +196,7 @@ var useEnsAvatar = function useEnsAvatar() {
     return function (_x) {
       return _ref.apply(this, arguments);
     };
-  }(), [provider]); // Fetch avatar when deps or chain changes
+  }(), [addressOrName, provider]); // Fetch avatar when deps or chain changes
 
   /* eslint-disable react-hooks/exhaustive-deps */
 
@@ -215,7 +220,7 @@ var useEnsAvatar = function useEnsAvatar() {
   }, getEnsAvatar];
 };
 
-var initialState$7 = {
+var initialState$8 = {
   loading: false
 };
 var useEnsLookup = function useEnsLookup() {
@@ -225,15 +230,20 @@ var useEnsLookup = function useEnsLookup() {
   } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var cacheBuster = useCacheBuster();
   var provider = useProvider();
-  var [state, setState] = React__namespace.useState(initialState$7);
+  var [state, setState] = React__namespace.useState(initialState$8);
   var lookupAddress = React__namespace.useCallback( /*#__PURE__*/function () {
     var _ref = _asyncToGenerator(function* (config) {
       try {
+        var _config = config !== null && config !== void 0 ? config : {
+          address
+        };
+
+        if (!_config.address) throw new Error('address is required');
         setState(x => _objectSpread2(_objectSpread2({}, x), {}, {
           error: undefined,
           loading: true
         }));
-        var ens = yield provider.lookupAddress(config.address);
+        var ens = yield provider.lookupAddress(_config.address);
         setState(x => _objectSpread2(_objectSpread2({}, x), {}, {
           ens,
           loading: false
@@ -252,7 +262,7 @@ var useEnsLookup = function useEnsLookup() {
     return function (_x) {
       return _ref.apply(this, arguments);
     };
-  }(), [provider]);
+  }(), [address, provider]);
   /* eslint-disable react-hooks/exhaustive-deps */
 
   React__namespace.useEffect(() => {
@@ -275,7 +285,7 @@ var useEnsLookup = function useEnsLookup() {
   }, lookupAddress];
 };
 
-var initialState$6 = {
+var initialState$7 = {
   loading: false
 };
 var useEnsResolver = function useEnsResolver() {
@@ -285,16 +295,20 @@ var useEnsResolver = function useEnsResolver() {
   } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var cacheBuster = useCacheBuster();
   var provider = useProvider();
-  var [state, setState] = React__namespace.useState(initialState$6);
+  var [state, setState] = React__namespace.useState(initialState$7);
   var getEnsResolver = React__namespace.useCallback( /*#__PURE__*/function () {
     var _ref = _asyncToGenerator(function* (config) {
       try {
-        if (!config.name) return;
+        var _config = config !== null && config !== void 0 ? config : {
+          name
+        };
+
+        if (!_config.name) throw new Error('name is required');
         setState(x => _objectSpread2(_objectSpread2({}, x), {}, {
           error: undefined,
           loading: true
         }));
-        var resolver = yield provider.getResolver(config.name);
+        var resolver = yield provider.getResolver(_config.name);
         setState(x => _objectSpread2(_objectSpread2({}, x), {}, {
           loading: false,
           resolver
@@ -306,13 +320,14 @@ var useEnsResolver = function useEnsResolver() {
           error,
           loading: false
         }));
+        return error;
       }
     });
 
     return function (_x) {
       return _ref.apply(this, arguments);
     };
-  }(), [provider]); // Fetch avatar when deps or chain changes
+  }(), [name, provider]); // Fetch avatar when deps or chain changes
 
   /* eslint-disable react-hooks/exhaustive-deps */
 
@@ -336,7 +351,7 @@ var useEnsResolver = function useEnsResolver() {
   }, getEnsResolver];
 };
 
-var initialState$5 = {
+var initialState$6 = {
   loading: false
 };
 var useBlockNumber = function useBlockNumber() {
@@ -346,7 +361,7 @@ var useBlockNumber = function useBlockNumber() {
   } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var provider = useProvider();
   var webSocketProvider = useWebSocketProvider();
-  var [state, setState] = React__namespace.useState(initialState$5);
+  var [state, setState] = React__namespace.useState(initialState$6);
   var getBlockNumber = React__namespace.useCallback( /*#__PURE__*/_asyncToGenerator(function* () {
     try {
       setState(x => _objectSpread2(_objectSpread2({}, x), {}, {
@@ -407,7 +422,7 @@ var useBlockNumber = function useBlockNumber() {
   }, getBlockNumber];
 };
 
-var initialState$4 = {
+var initialState$5 = {
   loading: false
 };
 var useFeeData = function useFeeData() {
@@ -424,7 +439,7 @@ var useFeeData = function useFeeData() {
     watch
   });
   var cacheBuster = useCacheBuster();
-  var [state, setState] = React__namespace.useState(initialState$4);
+  var [state, setState] = React__namespace.useState(initialState$5);
   var getFeeData = React__namespace.useCallback( /*#__PURE__*/_asyncToGenerator(function* () {
     try {
       setState(x => _objectSpread2(_objectSpread2({}, x), {}, {
@@ -483,17 +498,17 @@ var useFeeData = function useFeeData() {
   }, getFeeData];
 };
 
-var initialState$3 = {
+var initialState$4 = {
   loading: false
 };
-var useBalance = _ref => {
+var useBalance = function useBalance() {
   var {
     address,
     formatUnits = 'ether',
     skip,
     token,
     watch
-  } = _ref;
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var cacheBuster = useCacheBuster();
   var provider = useProvider();
   var [{
@@ -502,36 +517,42 @@ var useBalance = _ref => {
     skip: true,
     watch
   });
-  var [state, setState] = React__namespace.useState(initialState$3);
+  var [state, setState] = React__namespace.useState(initialState$4);
   var getBalance = React__namespace.useCallback( /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator(function* (_ref2) {
-      var {
-        address,
-        formatUnits = 'ether',
-        token
-      } = _ref2;
-
+    var _ref = _asyncToGenerator(function* (config) {
       try {
+        var _config$formatUnits;
+
+        var _config = config !== null && config !== void 0 ? config : {
+          address,
+          formatUnits,
+          token
+        };
+
+        if (!_config.address) throw new Error('address is required');
         setState(x => _objectSpread2(_objectSpread2({}, x), {}, {
           error: undefined,
           loading: true
         }));
+
+        var _formatUnits = (_config$formatUnits = _config.formatUnits) !== null && _config$formatUnits !== void 0 ? _config$formatUnits : 'ether';
+
         var balance;
 
-        if (token) {
-          var contract = new ethers.ethers.Contract(token, wagmiPrivate.erc20ABI, provider);
-          var value = yield contract.balanceOf(address);
+        if (_config.token) {
+          var contract = new ethers.ethers.Contract(_config.token, wagmiPrivate.erc20ABI, provider);
+          var value = yield contract.balanceOf(_config.address);
           var symbol = yield contract.symbol();
           balance = {
-            formatted: ethers.utils.formatUnits(value, formatUnits),
+            formatted: ethers.utils.formatUnits(value, _formatUnits),
             symbol,
             value
           };
         } else {
-          var _value = yield provider.getBalance(address);
+          var _value = yield provider.getBalance(_config.address);
 
           balance = {
-            formatted: ethers.utils.formatUnits(_value, formatUnits),
+            formatted: ethers.utils.formatUnits(_value, _formatUnits),
             symbol: 'ETH',
             value: _value
           };
@@ -553,9 +574,9 @@ var useBalance = _ref => {
     });
 
     return function (_x) {
-      return _ref3.apply(this, arguments);
+      return _ref.apply(this, arguments);
     };
-  }(), [provider]); // Fetch balance when deps or chain changes
+  }(), [address, formatUnits, provider, token]); // Fetch balance when deps or chain changes
 
   /* eslint-disable react-hooks/exhaustive-deps */
 
@@ -659,7 +680,7 @@ var useAccount = function useAccount() {
   }, disconnect];
 };
 
-var initialState$2 = {
+var initialState$3 = {
   loading: false
 };
 var useConnect = () => {
@@ -670,7 +691,7 @@ var useConnect = () => {
     setState: setGlobalState,
     setLastUsedConnector
   } = useContext();
-  var [state, setState] = React__namespace.useState(initialState$2);
+  var [state, setState] = React__namespace.useState(initialState$3);
   var connect = React__namespace.useCallback( /*#__PURE__*/function () {
     var _ref = _asyncToGenerator(function* (connector) {
       try {
@@ -728,7 +749,7 @@ var useConnect = () => {
   }, connect];
 };
 
-var initialState$1 = {
+var initialState$2 = {
   loading: false
 };
 var useNetwork = () => {
@@ -740,7 +761,7 @@ var useNetwork = () => {
       data
     }
   } = useContext();
-  var [state, setState] = React__namespace.useState(initialState$1);
+  var [state, setState] = React__namespace.useState(initialState$2);
   var chainId = data === null || data === void 0 ? void 0 : data.chainId;
   var activeChains = (_connector$chains = connector === null || connector === void 0 ? void 0 : connector.chains) !== null && _connector$chains !== void 0 ? _connector$chains : [];
   var activeChain = [...activeChains, ...wagmiPrivate.defaultChains, ...wagmiPrivate.defaultL2Chains].find(x => x.id === chainId);
@@ -786,6 +807,61 @@ var useNetwork = () => {
   }, connector !== null && connector !== void 0 && connector.switchChain ? switchNetwork : undefined];
 };
 
+var initialState$1 = {
+  loading: false
+};
+var useSignMessage = function useSignMessage() {
+  var {
+    message
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var {
+    state: {
+      connector
+    }
+  } = useContext();
+  var [state, setState] = React__namespace.useState(initialState$1);
+  var signMessage = React__namespace.useCallback( /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator(function* (config) {
+      try {
+        var _config = config !== null && config !== void 0 ? config : {
+          message
+        };
+
+        if (!_config.message) throw new Error('message is required');
+        if (!connector) throw new Error('No wallet connected');
+        setState(x => _objectSpread2(_objectSpread2({}, x), {}, {
+          error: undefined,
+          loading: true
+        }));
+        var signature = yield connector.signMessage({
+          message: _config.message
+        });
+        setState(x => _objectSpread2(_objectSpread2({}, x), {}, {
+          signature,
+          loading: false
+        }));
+        return signature;
+      } catch (_error) {
+        var error = _error;
+        setState(x => _objectSpread2(_objectSpread2({}, x), {}, {
+          error,
+          loading: false
+        }));
+        return error;
+      }
+    });
+
+    return function (_x) {
+      return _ref.apply(this, arguments);
+    };
+  }(), [message, connector]);
+  return [{
+    data: state.signature,
+    error: state.error,
+    loading: state.loading
+  }, signMessage];
+};
+
 var getContract = _ref => {
   var {
     addressOrName,
@@ -854,12 +930,12 @@ var useContractEvent = function useContractEvent(contractConfig, eventName, list
 var initialState = {
   loading: false
 };
-var useToken = _ref => {
+var useToken = function useToken() {
   var {
     address,
     formatUnits = 'ether',
     skip
-  } = _ref;
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var {
     state: {
       connector
@@ -868,27 +944,33 @@ var useToken = _ref => {
   var provider = useProvider();
   var [state, setState] = React__namespace.useState(initialState);
   var getToken = React__namespace.useCallback( /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator(function* (_ref2) {
-      var {
-        address,
-        formatUnits = 'ether'
-      } = _ref2;
-
+    var _ref = _asyncToGenerator(function* (config) {
       try {
+        var _config$formatUnits;
+
+        var _config = config !== null && config !== void 0 ? config : {
+          address,
+          formatUnits
+        };
+
+        if (!_config.address) throw new Error('address is required');
         setState(x => _objectSpread2(_objectSpread2({}, x), {}, {
           error: undefined,
           loading: true
         }));
-        var contract = new ethers.ethers.Contract(address, wagmiPrivate.erc20ABI, provider);
+        var contract = new ethers.ethers.Contract(_config.address, wagmiPrivate.erc20ABI, provider);
         var decimals = yield contract.decimals();
         var totalSupply = yield contract.totalSupply();
         var symbol = yield contract.symbol();
+
+        var _formatUnits = (_config$formatUnits = _config.formatUnits) !== null && _config$formatUnits !== void 0 ? _config$formatUnits : 'ether';
+
         var token = {
-          address,
+          address: _config.address,
           decimals,
           symbol,
           totalSupply: {
-            formatted: ethers.utils.formatUnits(totalSupply, formatUnits),
+            formatted: ethers.utils.formatUnits(totalSupply, _formatUnits),
             value: totalSupply
           }
         };
@@ -908,30 +990,23 @@ var useToken = _ref => {
     });
 
     return function (_x) {
-      return _ref3.apply(this, arguments);
+      return _ref.apply(this, arguments);
     };
-  }(), [provider]);
+  }(), [address, formatUnits, provider]);
   var watchToken = React__namespace.useCallback( /*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator(function* (token) {
+    var _ref2 = _asyncToGenerator(function* (token) {
       if (!(connector !== null && connector !== void 0 && connector.watchAsset)) return false;
 
       try {
-        setState(x => _objectSpread2(_objectSpread2({}, x), {}, {
-          error: undefined
-        }));
         yield connector.watchAsset(token);
         return true;
       } catch (_error) {
-        var error = _error;
-        setState(x => _objectSpread2(_objectSpread2({}, x), {}, {
-          error
-        }));
-        return error;
+        return _error;
       }
     });
 
     return function (_x2) {
-      return _ref4.apply(this, arguments);
+      return _ref2.apply(this, arguments);
     };
   }(), [connector]);
   /* eslint-disable react-hooks/exhaustive-deps */
@@ -1133,9 +1208,17 @@ Object.defineProperty(exports, 'erc721ABI', {
   enumerable: true,
   get: function () { return wagmiPrivate.erc721ABI; }
 });
-Object.defineProperty(exports, 'isAddress', {
+Object.defineProperty(exports, 'normalizeChainId', {
+  enumerable: true,
+  get: function () { return wagmiPrivate.normalizeChainId; }
+});
+Object.defineProperty(exports, 'normalizeMessage', {
+  enumerable: true,
+  get: function () { return wagmiPrivate.normalizeMessage; }
+});
+Object.defineProperty(exports, 'verifyNormalizedMessage', {
   enumerable: true,
-  get: function () { return wagmiPrivate.isAddress; }
+  get: function () { return wagmiPrivate.verifyNormalizedMessage; }
 });
 exports.Provider = Provider;
 exports.useAccount = useAccount;
@@ -1151,5 +1234,6 @@ exports.useEnsResolver = useEnsResolver;
 exports.useFeeData = useFeeData;
 exports.useNetwork = useNetwork;
 exports.useProvider = useProvider;
+exports.useSignMessage = useSignMessage;
 exports.useToken = useToken;
 exports.useWebSocketProvider = useWebSocketProvider;