Money Streaming with JS-SDK

Search…
🚰
Interacting with the Constant Flow Agreement Using the JS-SDK
IMPORTANT NOTE
The JS-SDK is a legacy SDK that is no longer being maintained. We strongly recommend that new developers use the SDK-Core or SDK-Redux.​
Introduction
A Constant Flow Agreement (CFA) is a transfer of value from a sender to a receiver at a constant flowRate measured in amount per second.
Here is overview of the CFA contract. Did someone say CRUD ?
1
contract IConstantFlowAgreementV1 is ISuperAgreement {
2
  function createFlow( ...
3
  function updateFlow( ...
4
  function deleteFlow( ...
5
}
Copied!
Seem straightforward enough? Let's go!
Prerequisites
Before starting this tutorial you should: 
Complete the @superfluid-finance/js-sdk tutorial
Have some goerli ETH and tokens in your wallet from the dashboard https://app.superfluid.finance​
Create a Constant Flow Agreement "CFA"
Bob has some DAIx, and he wants to send 100 per month to alice.
Create a User object
First let's create a new User object for Bob. 
1
const bobAddress = "0xbbb...." // address of the sender's wallet
2
const userBob = sf.user({
3
  address: bobAddress, 
4
  token: daix.address // address of the Super Token
5
});
Copied!
user.flow()
Now let's have Bob start a flow to Alice
1
const aliceAddress = "0xaaa...", // address of the receiver's wallet
2
​
3
await userBob.flow({
4
  recipient: aliceAddress,
5
  flowRate: "385802469135802"
6
});
Copied!
​
So what is this weird number 385802469135802? This is the amount of DAIx to transfer per second, which is equivalent to 1000 DAIx per month.
But how can I see these flows? We can call details() to see a bunch of info about our user:
1
await userBob.details(); // full object
2
(await userBob.details()).cfa.flows; // detailed flows view
Copied!
If we call flow() again, we can edit this stream:
1
await userBob.flow({
2
  recipient: aliceAddress,
3
  flowRate: "1000000000000000" // 2592 DAIx per month
4
});
Copied!
To stop a stream, just pass a 0 value:
1
userBob.flow({
2
  recipient: alice,
3
  flowRate: "0"
4
});
Copied!
Awesome work. You're now ready for the next tutorial 💰 Perform an Instant Distribution​
Or you can keep reading to take a deeper dive.
Go lower level
If you want a bit more freedom to customize, you can go one level deeper into our SDK
createFlow()
To achieve this, we will create a Constant Flow Agreement. In this agreement, we define the amount per second and recipient where DAIx should flow.
1
await sf.cfa.createFlow({
2
  superToken: daix.address,
3
  sender: bob,
4
  receiver: alice,
5
  flowRate: "385802469135802" // 1000 per month
6
});
Copied!
Here is the breakdown:
1.A flow is a type of agreement, called a Constant Flow Agreement, CFA in short
2.We want to send a flow of DAI, so we specify superToken: daix.address
3.Using the method createFlow(), we pass the arguments for the DAIx token, sender, receiver, and the amount "385802469135802"
So what is this weird number "385802469135802"? This is the amount of DAIx to transfer per second, which is equivalent to 1000 DAIx per month.
1
>>> (385802469135802 * 3600 * 24 * 30) / 1e18
2
999.99999999999989 DAIx per month
Copied!
HUH?! How is bob able to send 1000 DAIx per month if he only has 50 Superfluid enabled DAI? The answer is that the sender isn't required to have the full amount to start a flow. The flow will continue to run as long as he has DAIx.
​
Inspect the Flow
The flow is now active, so let's check alice and bob's balances to see what changed. Their balances are updated every second, and reflected on-chain at every new block.
1
(async () => wad4human(await daix.balanceOf(bob)))() >
2
  48.36226851851852(async () => wad4human(await daix.balanceOf(alice)))() >
3
  0.2546296296296293;
Copied!
Note: These amounts will not add up to 50 DAIx, due to a refundable deposit.
To get an idea of all Flow activity for bob, we can check his net flow. This will show us the sum of all inflow/outflows for his account.
We can use getNetFlow() to see the flow we just created.
1
(await sf.cfa.getNetFlow({superToken: daix.address, account: bob})).toString()
2
> "-385802469135802" # units of wei
Copied!
Since Bob only has one flow to alice, his net flow is negative. If bob had multiple flows, this would be an easy way to get an overall picture of bob's activity. Let's check it's the right amount:
1
(-385802469135802 * 3600 * 24 * 30) / 1e18 > -999.9999999999989;
Copied!
Stop the Flow
Now lets stop the flow by deleting it. Call deleteFlow() and select the flow between bob and alice.
1
sf.cfa.deleteFlow({
2
  superToken: daix.address,
3
  sender: bob,
4
  receiver: alice,
5
  by: bob
6
});
Copied!
Streams are identified by token, sender, and receiver.
The parameter "by" defines who is closing the stream. Streams can be closed by both sender and receiver.
If we check their balances, we'll see that they now add up to 50 since the refundable deposit has been returned.
1
(await daix.balanceOf(bob)).toString() / 1e18 >
2
  "49.04360"(await daix.balanceOf(alice)).toString() / 1e18 >
3
  "0.95640";
Copied!
Great job! You minted some Superfluid-enabled DAI, and created your first Flow.
Next we'll learn about another agreement, called Instant Distribution
@superfluid-finance/js-sdk
Instant Distribution with JS-SDK
Last modified 13d ago
Copy link
Contents
Introduction
Prerequisites
Create a Constant Flow Agreement "CFA"
Create a User object
user.flow()
Go lower level