add estimateWriteContractGas

Author: kolirt

README.md

@@ -137,6 +137,19 @@ let data = await writeContract({
 })
 ```
 
+## EstimateWriteContractGas
+
+```js
+import {erc20ABI, estimateWriteContractGas} from '@kolirt/vue-web3-auth'
+
+const gas = await estimateWriteContractGas({
+  abi: erc20ABI,
+  address: '0x55d398326f99059fF775485246999027B3197955',
+  functionName: 'approve',
+  args: ['0x685B1ded8013785d6623CC18D214320b6Bb64759', 100]
+}).catch(e => {})
+```
+
 # Demo
 [Demo here](https://kolirt.github.io/vue-web3-auth/).
 

dist/vue-web3-auth.d.ts

@@ -70,6 +70,8 @@ export declare const erc20ABI: ({
     anonymous?: undefined;
 })[];
 
+export declare function estimateWriteContractGas(data: WriteContract): Promise<bigint>;
+
 export declare enum Events {
     Connected = "connected",
     Disconnected = "disconnect",

dist/vue-web3-auth.js

@@ -1,8 +1,8 @@
-import * as J from "@wagmi/core/chains";
-import { reactive as m, computed as k, ref as M, watch as g, toRaw as h } from "vue";
-import { disconnect as v, configureChains as $, createConfig as I, watchNetwork as E, watchAccount as x, readContract as N, writeContract as S, waitForTransaction as U, multicall as D } from "@wagmi/core";
-import { w3mProvider as F, w3mConnectors as _, EthereumClient as j } from "@web3modal/ethereum";
-import { Web3Modal as P } from "@web3modal/html";
+import * as K from "@wagmi/core/chains";
+import { reactive as y, computed as k, ref as M, watch as g, toRaw as f } from "vue";
+import { disconnect as v, configureChains as I, createConfig as $, watchNetwork as x, watchAccount as P, readContract as E, writeContract as F, waitForTransaction as N, getPublicClient as S, multicall as U } from "@wagmi/core";
+import { w3mProvider as D, w3mConnectors as G, EthereumClient as _ } from "@web3modal/ethereum";
+import { Web3Modal as j } from "@web3modal/html";
 import A from "js-event-bus";
 var H = {
   id: 1,
@@ -49,7 +49,7 @@ var H = {
     }
   }
 };
-const V = H, t = m({
+const V = H, t = y({
   autoInit: !0,
   projectId: "",
   chains: [V],
@@ -62,21 +62,21 @@ const V = H, t = m({
     themeVariables: {}
   }
 });
-function G(e) {
+function W(e) {
   "autoInit" in e && (t.autoInit = e.autoInit), "projectId" in e && (t.projectId = e.projectId), "chains" in e && (t.chains = e.chains), "autoConnect" in e && (t.autoConnect = e.autoConnect), "disconnectUnknownChain" in e && (t.disconnectUnknownChain = e.disconnectUnknownChain), "reconnectToChain" in e && (t.reconnectToChain = e.reconnectToChain), "logEnabled" in e && (t.logEnabled = e.logEnabled), "web3modalOptions" in e && ("themeMode" in e.web3modalOptions && (t.web3modalOptions.themeMode = e.web3modalOptions.themeMode), "themeVariables" in e.web3modalOptions && (t.web3modalOptions.themeVariables = e.web3modalOptions.themeVariables));
 }
-const c = m({
+const c = y({
   bufferChain: null,
   currentChain: null
-}), f = k(() => c.currentChain ? c.currentChain : t.chains[0]);
-function O() {
+}), h = k(() => c.currentChain ? c.currentChain : t.chains[0]);
+function B() {
   return t.chains;
 }
-async function B(e) {
+async function ee(e) {
   var n;
   o.value || b(), await ((n = w.client) == null ? void 0 : n.switchNetwork({ chainId: e.id }));
 }
-async function ee() {
+async function ne() {
   var e;
   o.value || b(), await ((e = o.value) == null ? void 0 : e.openModal({
     route: "SelectNetwork"
@@ -87,136 +87,151 @@ function r(...e) {
 }
 var s = /* @__PURE__ */ ((e) => (e.Connected = "connected", e.Disconnected = "disconnect", e.ChainSwitched = "chain_switched", e.UnknownChain = "unknown_chain", e.ModalStateChanged = "modal_state_changed", e))(s || {});
 const T = new A();
-function l(e, ...n) {
+function u(e, ...n) {
   e === s.Connected || e === s.Disconnected ? (c.currentChain = c.bufferChain, d.currentAccount = d.bufferAccount) : e === s.ChainSwitched && (c.currentChain = c.bufferChain), T.emit(e, null, ...n);
 }
-function ne(e, n) {
+function te(e, n) {
   T.on(e, n), t.logEnabled && r(`Subscribe for ${e} event.`);
 }
-function te(e, n) {
+function ae(e, n) {
   T.detach(e, n), t.logEnabled && r(`Unsubscribe for ${e} event.`);
 }
 const o = M(null);
-function W(e) {
+function L(e) {
   var n;
-  o.value = new P(
+  o.value = new j(
     {
       projectId: t.projectId,
       ...(t == null ? void 0 : t.web3modalOptions) || []
     },
     e
   ), (n = o.value) == null || n.subscribeModal(({ open: a }) => {
-    l(s.ModalStateChanged, a);
+    u(s.ModalStateChanged, a);
   });
 }
-const d = m({
+const d = y({
   bufferAccount: null,
   currentAccount: null
-}), u = m({
+}), l = y({
   connected: !1,
   address: void 0,
   shortAddress: void 0
 });
-async function L() {
+async function R() {
   await v();
 }
-async function ae(e) {
+async function ie(e) {
   var n, a;
   o.value || b(), e instanceof Event && (e = t.chains[0]), (n = o.value) == null || n.setDefaultChain(e || t.chains[0]), await ((a = o.value) == null ? void 0 : a.openModal({
     route: "ConnectWallet"
   }));
 }
-async function ie() {
+async function se() {
   var e;
   o.value || b(), await ((e = o.value) == null ? void 0 : e.openModal({
     route: "Account"
   }));
 }
-function R(e = "") {
+function z(e = "") {
   return `${e.slice(0, 5)}...${e.slice(-4)}`;
 }
 g(() => d.currentAccount, (e) => {
-  e ? (u.connected = !0, u.address = e.address, u.shortAddress = R(e.address)) : (u.connected = !1, u.address = void 0, u.shortAddress = void 0);
+  e ? (l.connected = !0, l.address = e.address, l.shortAddress = z(e.address)) : (l.connected = !1, l.address = void 0, l.shortAddress = void 0);
 });
 let C;
-const w = m({
+const w = y({
   client: null
 });
-function y(e) {
+function m(e) {
   return String(e).toLowerCase();
 }
-async function z([e, n], [a, i]) {
+async function q([e, n], [a, i]) {
   if (t.disconnectUnknownChain && (!a && t.disconnectUnknownChain || a) && n && !t.chains.some((p) => p.id === n.id)) {
-    await L(), i && (l(s.Disconnected), r(`account ${e.address} disconnected from ${y(i.name)} chain.`)), l(s.UnknownChain, { chain: n }), r("switched to unsupported chain.");
+    await R(), i && (u(s.Disconnected), r(`account ${e.address} disconnected from ${m(i.name)} chain.`)), u(s.UnknownChain, { chain: n }), r("switched to unsupported chain.");
     return;
   }
-  (a == null ? void 0 : a.address) !== (e == null ? void 0 : e.address) && !(i != null && i.unsupported) && (a && (l(s.Disconnected), r(`account ${a.address} disconnected from ${y(i.name)} chain.`)), e && (l(s.Connected, { chain: c.bufferChain, account: d.bufferAccount }), r(`account ${e.address} connected to ${y(n.name)} chain.`))), i && n && i.id !== n.id && (t.reconnectToChain ? (l(s.Disconnected), r(`account ${a.address} disconnected from ${y(i.name)} chain.`), l(s.Connected, { chain: c.bufferChain, account: d.bufferAccount }), r(`account ${e.address} connected to ${y(n.name)} chain.`)) : (l(s.ChainSwitched, { chain: n }), r(`account ${e.address} switched to ${y(n.name)} chain.`)));
+  (a == null ? void 0 : a.address) !== (e == null ? void 0 : e.address) && !(i != null && i.unsupported) && (a && (u(s.Disconnected), r(`account ${a.address} disconnected from ${m(i.name)} chain.`)), e && (u(s.Connected, { chain: c.bufferChain, account: d.bufferAccount }), r(`account ${e.address} connected to ${m(n.name)} chain.`))), i && n && i.id !== n.id && (t.reconnectToChain ? (u(s.Disconnected), r(`account ${a.address} disconnected from ${m(i.name)} chain.`), u(s.Connected, { chain: c.bufferChain, account: d.bufferAccount }), r(`account ${e.address} connected to ${m(n.name)} chain.`)) : (u(s.ChainSwitched, { chain: n }), r(`account ${e.address} switched to ${m(n.name)} chain.`)));
 }
-function q([e, n], [a, i]) {
-  clearTimeout(C), C = setTimeout(z, 200, [e, n], [a, i]);
+function J([e, n], [a, i]) {
+  clearTimeout(C), C = setTimeout(q, 200, [e, n], [a, i]);
 }
 function b() {
   if (o.value)
     return;
-  const { publicClient: e } = $(h(t.chains), [F({ projectId: t.projectId })]), n = I({
+  const { publicClient: e } = I(f(t.chains), [D({ projectId: t.projectId })]), n = $({
     autoConnect: t.autoConnect,
-    connectors: _({
+    connectors: G({
       projectId: t.projectId,
       version: 2,
-      chains: h(t.chains)
+      chains: f(t.chains)
     }),
     publicClient: e
   });
-  E((i) => {
+  x((i) => {
     var p;
     (p = i.chain) != null && p.unsupported && (i.chain.name = "Unsupported"), c.bufferChain = i.chain || null;
-  }), x((i) => {
+  }), P((i) => {
     d.bufferAccount = i.address ? i : null;
-  }), g([() => d.bufferAccount, () => c.bufferChain], q);
-  const a = new j(n, h(t.chains));
-  w.client = a, W(a);
+  }), g([() => d.bufferAccount, () => c.bufferChain], J);
+  const a = new _(n, f(t.chains));
+  w.client = a, L(a);
 }
-function se(e) {
+function oe(e) {
   return {
     install() {
-      G(e), b();
+      W(e), b();
     }
   };
 }
-async function oe(e) {
-  return N({
-    chainId: e.chainId || f.value.id,
+async function ce(e) {
+  return E({
+    chainId: e.chainId || h.value.id,
     address: e.address,
     abi: e.abi,
     functionName: e.functionName,
     args: e.args || [],
-    account: e.account || u.address,
+    account: e.account || l.address,
     blockNumber: e.blockNumber,
     blockTag: e.blockTag
   });
 }
-async function ce(e) {
-  const { hash: n } = await S({
-    chainId: e.chainId || f.value.id,
+async function re(e) {
+  const { hash: n } = await F({
+    chainId: e.chainId || h.value.id,
     address: e.address,
     abi: e.abi,
     functionName: e.functionName,
     args: e.args || [],
-    account: e.account || u.address,
+    account: e.account || l.address,
     gas: e.gas,
     gasPrice: e.gasPrice,
     maxFeePerGas: e.maxFeePerGas,
     maxPriorityFeePerGas: e.maxPriorityFeePerGas,
     nonce: e.nonce,
     value: e.value
   });
-  return U({
-    chainId: e.chainId || f.value.id,
+  return N({
+    chainId: e.chainId || h.value.id,
     hash: n,
     confirmations: e.confirmations || 1
   });
 }
-async function re(e) {
+async function le(e) {
+  return await S({ chainId: e.chainId || h.value.id }).estimateContractGas({
+    address: e.address,
+    abi: e.abi,
+    functionName: e.functionName,
+    args: e.args || [],
+    // @ts-ignore
+    account: e.account || l.address,
+    gasPrice: e.gasPrice,
+    maxFeePerGas: e.maxFeePerGas,
+    maxPriorityFeePerGas: e.maxPriorityFeePerGas,
+    nonce: e.nonce,
+    value: e.value
+  });
+}
+async function ue(e) {
   const n = [];
   return e.calls.forEach((a) => {
     a.calls.forEach(([i, p]) => {
@@ -227,7 +242,7 @@ async function re(e) {
         args: p
       });
     });
-  }), await D({
+  }), await U({
     chainId: e.chainId,
     contracts: n,
     multicallAddress: e.multicallAddress,
@@ -237,7 +252,7 @@ async function re(e) {
     allowFailure: e.allowFailure
   });
 }
-const le = [
+const de = [
   {
     inputs: [
       { internalType: "string", name: "name_", type: "string" },
@@ -431,7 +446,7 @@ const le = [
     stateMutability: "nonpayable",
     type: "function"
   }
-], ue = [
+], pe = [
   {
     inputs: [
       {
@@ -573,23 +588,24 @@ const le = [
   }
 ];
 export {
-  te as $off,
-  ne as $on,
-  J as Chains,
+  ae as $off,
+  te as $on,
+  K as Chains,
   s as Events,
-  u as account,
-  ie as accountDetails,
-  f as chain,
-  ae as connect,
-  se as createWeb3Auth,
-  L as disconnect,
-  le as erc20ABI,
-  O as getAvailableChains,
-  re as multicall,
-  ue as multicallABI,
-  oe as readContract,
-  ee as selectChain,
-  R as shortAddressFilter,
-  B as switchChain,
-  ce as writeContract
+  l as account,
+  se as accountDetails,
+  h as chain,
+  ie as connect,
+  oe as createWeb3Auth,
+  R as disconnect,
+  de as erc20ABI,
+  le as estimateWriteContractGas,
+  B as getAvailableChains,
+  ue as multicall,
+  pe as multicallABI,
+  ce as readContract,
+  ne as selectChain,
+  z as shortAddressFilter,
+  ee as switchChain,
+  re as writeContract
 };