feat: add gas property to contract transaction (#309)

* add gas to contract transaction * update docs for gas on contract transaction * changeset * fix type for gas * Update src/utils/getTransactionContext.ts * Update .changeset/gold-books-kiss.md * Update site/pages/reference/frog-transaction-response.mdx * Update src/types/transaction.ts * chore: format --------- Co-authored-by: wigga <[email protected]>
wevm · May 9, 2024 · 7fedd5a · 7fedd5a
1 parent faae81e
commit 7fedd5a
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 7 deletions.
diff --git a/.changeset/gold-books-kiss.md b/.changeset/gold-books-kiss.md
@@ -0,0 +1,5 @@
+---
+"frog": patch
+---
+
+Added gas limit for contract transactions
diff --git a/site/pages/reference/frog-transaction-response.mdx b/site/pages/reference/frog-transaction-response.mdx
@@ -290,12 +290,13 @@ import { Frog, parseEther } from 'frog'
 
 export const app = new Frog()
 
-app.transaction('/send-ether', (c) => {
-  return c.send({ 
+app.transaction('/mint', (c) => {
+  return c.contract({ 
+    abi,
     chainId: 'eip155:10',
     gas: 100_000n, // [!code focus]
-    to: '0xd2135CfB216b74109775236E36d4b433F1DF507B',
-    value: parseEther('1'),
+    functionName: 'mint',
+    to: '0xd2135CfB216b74109775236E36d4b433F1DF507B', 
   }) 
 })
 ```

diff --git a/src/types/transaction.ts b/src/types/transaction.ts
@@ -90,7 +90,7 @@ export type ContractTransactionParameters<
   ///
   allFunctionNames = ContractFunctionName<abi, 'nonpayable' | 'payable'>,
   allArgs = ContractFunctionArgs<abi, 'nonpayable' | 'payable', functionName>,
-> = Pick<SendTransactionParameters, 'chainId' | 'to'> & {
+> = Pick<SendTransactionParameters, 'chainId' | 'gas' | 'to'> & {
   /** Contract ABI. */
   abi: abi
   /** Contract function arguments. */

diff --git a/src/utils/getTransactionContext.ts b/src/utils/getTransactionContext.ts
@@ -66,8 +66,16 @@ export function getTransactionContext<
       buttonIndex: frameData?.buttonIndex,
       buttonValue,
       contract(parameters) {
-        const { abi, chainId, functionName, to, args, attribution, value } =
-          parameters
+        const {
+          abi,
+          chainId,
+          functionName,
+          gas,
+          to,
+          args,
+          attribution,
+          value,
+        } = parameters
 
         const abiItem = getAbiItem({
           abi: abi,
@@ -89,6 +97,7 @@ export function getTransactionContext<
             args,
             functionName,
           } as EncodeFunctionDataParameters),
+          gas,
           to,
           value,
         })