Colw/transaction service

changes/colw_transaction-service

@@ -0,0 +1 @@
+[Added] [#3180](https://github.com/cosmos/lunie/pull/3180) Use Lunie Transaction service to estimate an broadcast transactions @colw

config.js

@@ -19,5 +19,6 @@ export default {
 
   graphqlHost: graphql,
 
-  e2e: process.env.VUE_APP_E2E || false
+  e2e: process.env.VUE_APP_E2E || false,
+  enableTxAPI: process.env.VUE_APP_ENABLE_TX_API === "true" || false
 }

src/ActionModal/components/ActionModal.vue

@@ -513,7 +513,8 @@ export default {
         totalRewards: this.overview.totalRewards, // getters.totalRewards,
         delegations: this.delegations, // state.delegates.delegates,
         bondDenom: this.network.stakingDenom, // getters.bondDenom,
-        isExtensionAccount: this.isExtensionAccount
+        isExtensionAccount: this.isExtensionAccount,
+        account: this.overview.accountInformation
       }
     },
     confirmModalOpen() {
@@ -618,7 +619,16 @@ export default {
       const { type, memo, ...properties } = this.transactionData
       await this.actionManager.setMessage(type, properties)
       try {
-        this.gasEstimate = await this.actionManager.simulate(memo)
+        if (!config.enableTxAPI) {
+          this.gasEstimate = await this.actionManager.simulate(memo)
+        } else {
+          this.gasEstimate = await this.actionManager.simulateTxAPI(
+            this.createContext(),
+            type,
+            properties,
+            memo
+          )
+        }
         this.step = feeStep
       } catch ({ message }) {
         this.submissionError = `${this.submissionErrorPrefix}: ${message}.`
@@ -644,22 +654,33 @@ export default {
         }
       }
 
-      const { memo } = this.transactionData
-
-      const gasPrice = {
-        amount: this.gasPrice,
-        denom: this.network.stakingDenom
-      }
+      const { type, memo, ...properties } = this.transactionData
 
       const feeProperties = {
         gasEstimate: this.gasEstimate,
-        gasPrice: gasPrice,
+        gasPrice: {
+          amount: this.gasPrice,
+          denom: this.network.stakingDenom
+        },
         submitType: this.selectedSignMethod,
         password: this.password
       }
 
       try {
-        const { hash } = await this.actionManager.send(memo, feeProperties)
+        let hashResult
+        if (!config.enableTxAPI) {
+          hashResult = await this.actionManager.send(memo)
+        } else {
+          hashResult = await this.actionManager.sendTxAPI(
+            this.createContext(),
+            type,
+            memo,
+            properties,
+            feeProperties
+          )
+        }
+
+        const { hash } = hashResult
         this.txHash = hash
         this.step = inclusionStep
       } catch ({ message }) {
@@ -715,6 +736,10 @@ export default {
             totalRewards
             liquidStake
             totalStake
+            accountInformation {
+              accountNumber
+              sequence
+            }
           }
         }
       `,

src/ActionModal/utils/ActionManager.js

@@ -3,7 +3,34 @@ import { getSigner } from "./signer"
 import transaction from "./transactionTypes"
 import { uatoms } from "scripts/num"
 import { toMicroDenom } from "src/scripts/common"
-import { getMessage, getMultiMessage } from "./MessageConstructor.js"
+import {
+  getMessage,
+  getMultiMessage,
+  getTransactionSigner,
+  transformMessage
+} from "./MessageConstructor.js"
+
+const txFetchOptions = {
+  method: "POST",
+  headers: {
+    "Content-Type": "application/json"
+  }
+}
+
+async function transactionAPIRequest(payload) {
+  // console.log(config)
+  const options = {
+    ...txFetchOptions,
+    body: JSON.stringify({ payload })
+  }
+
+  const command = payload.simulate ? "estimate" : "broadcast"
+
+  return fetch(
+    `${config.graphqlHost}/transaction/${command}`,
+    options
+  ).then(r => r.json())
+}
 
 export default class ActionManager {
   constructor() {
@@ -49,12 +76,30 @@ export default class ActionManager {
     if (!this.context) {
       throw Error("This modal has no context.")
     }
+    this.txProps = transactionProperties
 
     this.messageTypeCheck(type)
     this.messageType = type
     this.message = await getMessage(type, transactionProperties, this.context)
   }
 
+  async simulateTxAPI(context, type, txProps, memo) {
+    const txPayload = {
+      simulate: true,
+      networkId: context.networkId,
+      messageType: type,
+      address: context.userAddress,
+      txProperties: txProps,
+      memo
+    }
+    const result = await transactionAPIRequest(txPayload)
+    if (result.success) {
+      return result.gasEstimate
+    } else {
+      throw Error("Simulation unsuccessful")
+    }
+  }
+
   async simulate(memo) {
     this.readyCheck()
     const gasEstimate = await this.message.simulate({
@@ -87,6 +132,66 @@ export default class ActionManager {
     return { included, hash }
   }
 
+  async sendTxAPI(context, type, memo, transactionProperties, txMetaData) {
+    const { gasEstimate, gasPrice, submitType, password } = txMetaData
+    const signer = await getSigner(config, submitType, {
+      address: context.userAddress,
+      password
+    })
+
+    const messageMetadata = {
+      gas: String(gasEstimate),
+      gasPrices: convertCurrencyData([gasPrice]),
+      memo
+    }
+
+    let txMessages = []
+    if (this.messageType === transaction.WITHDRAW) {
+      const validators = getTop5RewardsValidators(
+        context.bondDenom,
+        context.rewards
+      )
+      validators.forEach(validator => {
+        const txMessage = transformMessage(type, context.userAddress, {
+          validatorAddress: validator
+        })
+        txMessages.push(txMessage)
+      })
+    } else {
+      const txMessage = transformMessage(
+        type,
+        context.userAddress,
+        transactionProperties
+      )
+      txMessages.push(txMessage)
+    }
+
+    const createSignedTransaction = await getTransactionSigner(context)
+    const signedMessage = await createSignedTransaction(
+      messageMetadata,
+      txMessages,
+      signer,
+      context.chainId,
+      context.account.accountNumber,
+      context.account.sequence
+    )
+
+    const txPayload = {
+      simulate: false,
+      messageType: type,
+      networkId: context.networkId,
+      signedMessage
+    }
+
+    const result = await transactionAPIRequest(txPayload)
+    if (result.success) {
+      return { hash: result.hash }
+    } else {
+      throw Error('Broadcast was not successfull')
+    }
+
+  }
+
   async createWithdrawTransaction() {
     const addresses = getTop5RewardsValidators(
       this.context.bondDenom,