Batch Calls - Frontend Examples
Batching transactions to improve your UX
Last updated
Batching transactions to improve your UX
Last updated
Another game changing feature of the Superfluid protocol is the ability to batch transactions together to improve the quality of UX for your users. We elaborate much more on batch calls inside of our guide on the topic. However, what you need to know for this interactive section is that batch calls can be created with the following operations:
Type | Internal Call | |
---|---|---|
You can learn more about callAppAction
in our sdk overview section - it will allow you to add any function on your Super App contract to a batch call - even if that function performs functionality that's outside of the normal scope of a superfluid operation (such as a standard ERC20 transfer or calling another contract of a separate DeFi protocol)
In our example, we'll be focusing on a simple usage of batch calls: upgrading tokens to super tokens, and creating a flow in the same transaction. We'll achieve this by using the operationUpgrade
super token call, and the _callAgreement
call (to create the flow).
First, we'll need to approve the super token contract (in this case, fDAIx on Kovan) to spend our fDAI. Because this is an operation that is done outside of the Superfluid protocol on the ERC20 token contract, it cannot be batched.
After the approval, you can enter the number of tokens you'd like to upgrade, and information about the flow you'd like to create and click the 2nd button to run your batch call. You'll be able to see the upgrade and createFlow operation happen in a single transaction (just check the console for details!)
NOTE: we recommend using the Superfluid Console and the Superfluid Dashboard as you go through these interactive tutorials.
Keep in mind that this is a short example, you could run many upgrade operations & callAgreement operations in this single transaction if you wanted to.
Super Token
ISuperToken.sol
operationApprove, operationTransferFrom, operationUpgrade
, operationDowngrade
Agreement
ISuperfluid.sol
_callAgreement
Super App
ISuperfluid.sol
_callAppAction