Batch Calls - Frontend Examples

Batching transactions to improve your UX

Creating a Batch Call

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
Super Token	ISuperToken.sol	operationApprove, operationTransferFrom, operationUpgrade, operationDowngrade
Agreement	ISuperfluid.sol	_callAgreement
Super App	ISuperfluid.sol	_callAppAction

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.

Approve the DAI spend, then enter an upgrade amount and the receiver + flowRate for your stream

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.