feature: add sign multiple transactions api

src/content-script/actions.ts

@@ -120,6 +120,9 @@ type SigningTransaction = {
 export async function signTransaction(params: { transaction: SigningTransaction }) {
   return await createAction('SignTransaction', 'authorize', params)
 }
+export async function signTransactions(params: { transactions: SigningTransaction[] }) {
+  return await createAction('SignTransactions', 'authorize', params)
+}
 
 type TransferTask = {
   genesis?: string

src/content-script/main.ts

@@ -17,6 +17,7 @@ import {
   signMessage,
   verifySignature,
   signTransaction,
+  signTransactions,
 } from './actions'
 
 type Metalet = {
@@ -31,6 +32,7 @@ type Metalet = {
   getBalance: any
   merge: any
   signTransaction: any
+  signTransactions: any
   signMessage: any
   verifySignature: any
   getUtxos: any
@@ -77,6 +79,7 @@ const metalet: Metalet = {
   transfer,
   merge,
   signTransaction,
+  signTransactions,
   signMessage,
   verifySignature,
 

src/data/authorize-actions.ts

@@ -6,6 +6,7 @@ import * as SwitchNetwork from '../lib/actions/switch-network'
 import * as EciesEncrypt from '../lib/actions/ecies-encrypt'
 import * as EciesDecrypt from '../lib/actions/ecies-decrypt'
 import * as SignTransaction from '../lib/actions/sign-transaction'
+import * as SignTransactions from '../lib/actions/sign-transactions'
 import * as SignMessage from '../lib/actions/sign-message'
 import * as Merge from '../lib/actions/merge'
 
@@ -81,6 +82,15 @@ export default {
     closeAfterProcess: true,
   },
 
+  SignTransactions: {
+    name: 'Sign Transactions',
+    title: 'Sign Multiple Transactions',
+    description: ['Sign multiple transactions with my wallet as once'],
+    process: SignTransactions.process,
+    estimate: doNothing,
+    closeAfterProcess: true,
+  },
+
   EciesEncrypt: {
     name: 'ECIES Encrypt',
     title: 'ECIES Encrypt',

src/lib/actions/sign-transactions.ts

@@ -0,0 +1,17 @@
+import { getAddress, getCurrentAccount, privateKey } from '../account'
+import connector from '../connector'
+import { signTransaction } from '../crypto'
+
+export async function process(params: any, host: string) {
+  const wif = await getCurrentAccount().then((account) => privateKey.value)
+
+  const signingTransactions = params.transactions
+
+  const signatures = signingTransactions.map((transaction: any) => {
+    const signature = signTransaction(wif, transaction)
+
+    return signature
+  })
+
+  return { signatures }
+}

src/pages/authorize/Index.vue

@@ -14,6 +14,7 @@ import SwitchNetwork from './SwitchNetwork.vue'
 import EciesEncrypt from './EciesEncrypt.vue'
 import EciesDecrypt from './EciesDecrypt.vue'
 import SignTransaction from './SignTransaction.vue'
+import SignTransactions from './SignTransactions.vue'
 import SignMessage from './SignMessage.vue'
 import Merge from './Merge.vue'
 import { getBrowserHost } from '@/lib/host'
@@ -178,6 +179,7 @@ const cancelAction = async () => {
       <EciesEncrypt v-if="actionName === 'EciesEncrypt'" :params="params" />
       <EciesDecrypt v-if="actionName === 'EciesDecrypt'" :params="params" />
       <SignTransaction v-if="actionName === 'SignTransaction'" :params="params" />
+      <SignTransactions v-if="actionName === 'SignTransactions'" :params="params" />
       <SignMessage v-if="actionName === 'SignMessage'" :params="params" />
     </div>
 

src/pages/authorize/SignTransactions.vue

@@ -0,0 +1,29 @@
+<script lang="ts" setup>
+import { CheckBadgeIcon } from '@heroicons/vue/24/solid'
+
+import actions from '@/data/authorize-actions'
+const action = actions.SignTransactions
+
+const props = defineProps<{
+  params: {
+    transactions: any
+  }
+}>()
+</script>
+
+<template>
+  <h3 class="text-base font-bold">{{ action.title }}</h3>
+
+  <ul class="mt-6 space-y-4">
+    <li v-for="access in action.description" class="flex items-start gap-x-2">
+      <CheckBadgeIcon class="h-6 w-6 text-primary-blue" />
+      <div class="text-sm text-gray-700">{{ access }}</div>
+    </li>
+  </ul>
+
+  <!-- transactions count -->
+  <div class="mt-6">
+    <div class="label">Transactions Count</div>
+    <div class="value text-sm">{{ params.transactions.length }}</div>
+  </div>
+</template>