104 lines
2.9 KiB
TypeScript
104 lines
2.9 KiB
TypeScript
import { ActionTree, GetterTree, MutationTree } from 'vuex'
|
|
import { BigNumber } from 'ethers'
|
|
|
|
import { ChainId, RootState } from '@/types'
|
|
import { numbers, CHAINS } from '@/constants'
|
|
import { getGasPrice, estimateFees } from '@/services'
|
|
|
|
import { GasPriceState, GasPriceMutation } from '@/types/store/gasPrice'
|
|
|
|
export const actions: ActionTree<GasPriceState, RootState> = {
|
|
async estimateGasWatcher({ commit, dispatch, getters }) {
|
|
const TIME_OUT = 15
|
|
const { chainId } = getters.dependencies
|
|
try {
|
|
if (getters.isEipSupported) {
|
|
const { maxFeePerGas, maxPriorityFeePerGas } = await estimateFees(chainId)
|
|
|
|
commit(GasPriceMutation.SET_GAS_PARAMS, { maxFeePerGas, maxPriorityFeePerGas, chainId })
|
|
} else {
|
|
const gasPrices = await getGasPrice(chainId)
|
|
|
|
commit(GasPriceMutation.SET_GAS_PRICES, { ...gasPrices, chainId })
|
|
}
|
|
} catch (err) {
|
|
console.log('estimateGasWatcher has error: ', err.message)
|
|
} finally {
|
|
setTimeout(() => {
|
|
dispatch('estimateGasWatcher')
|
|
}, TIME_OUT * numbers.SECOND)
|
|
}
|
|
},
|
|
}
|
|
|
|
export const mutations: MutationTree<GasPriceState> = {
|
|
[GasPriceMutation.SET_GAS_PRICES](state, { chainId, ...rest }) {
|
|
// @ts-expect-error
|
|
this._vm.$set(state.prices, chainId, { ...state.prices[chainId], ...rest })
|
|
},
|
|
[GasPriceMutation.SET_GAS_PARAMS](state, { chainId, ...rest }) {
|
|
// @ts-expect-error
|
|
this._vm.$set(state.params, chainId, rest)
|
|
},
|
|
}
|
|
|
|
export const getters: GetterTree<GasPriceState, RootState> = {
|
|
isEipSupported: (state: GasPriceState, getters) => {
|
|
const { chainId } = getters.dependencies
|
|
|
|
return CHAINS[chainId].isEipSupported
|
|
},
|
|
currentGasPrice: (state: GasPriceState, getters) => {
|
|
if (getters.isEipSupported) {
|
|
return getters.gasParams.maxFeePerGas
|
|
}
|
|
return getters.currentGasPriceById
|
|
},
|
|
gasParams: (state: GasPriceState, getters) => {
|
|
const { chainId } = getters.dependencies
|
|
|
|
return state.params[chainId]
|
|
},
|
|
txGasParams: (_, getters) => {
|
|
if (getters.isEipSupported) {
|
|
return getters.gasParams
|
|
}
|
|
return { gasPrice: getters.currentGasPriceById }
|
|
},
|
|
|
|
// private
|
|
currentGasPriceById: (state: GasPriceState, getters) => {
|
|
const { chainId } = getters.dependencies
|
|
|
|
const currentGas = state.prices[chainId]
|
|
return BigNumber.from(currentGas[currentGas.selected])._hex
|
|
},
|
|
// another module dependencies
|
|
dependencies: (state, getters, rootState, rootGetters) => {
|
|
return {
|
|
// wallet
|
|
chainId: rootGetters['wallet/chainId'],
|
|
}
|
|
},
|
|
}
|
|
|
|
export const state = () => {
|
|
return {
|
|
params: {
|
|
[ChainId.MAINNET]: {
|
|
maxFeePerGas: '0x25FF7A6000',
|
|
maxPriorityFeePerGas: '0x77359400',
|
|
},
|
|
},
|
|
prices: {
|
|
[ChainId.MAINNET]: {
|
|
low: 10,
|
|
fast: 50,
|
|
instant: 80,
|
|
standard: 30,
|
|
selected: 'fast',
|
|
},
|
|
},
|
|
}
|
|
}
|