Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sablier-labs/v1-safe-app
Safe App for interacting with the Sablier protocol
https://github.com/sablier-labs/v1-safe-app
ethereum gnosis-multisig gnosis-safe money-streaming react sablier safe-multisig
Last synced: 22 days ago
JSON representation
Safe App for interacting with the Sablier protocol
- Host: GitHub
- URL: https://github.com/sablier-labs/v1-safe-app
- Owner: sablier-labs
- License: gpl-3.0
- Created: 2020-05-27T21:44:57.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2023-08-14T10:57:35.000Z (over 1 year ago)
- Last Synced: 2023-08-14T11:29:21.083Z (over 1 year ago)
- Topics: ethereum, gnosis-multisig, gnosis-safe, money-streaming, react, sablier, safe-multisig
- Language: TypeScript
- Homepage: https://sablier-v1-safe-app.vercel.app
- Size: 6.22 MB
- Stars: 18
- Watchers: 5
- Forks: 5
- Open Issues: 14
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# Sablier V1 Safe App
_This is the legacy app for Sablier V1. If you're looking for the Sablier V2 Safe App, just search for "Sablier" in the
Safe Apps Explorer._
This app brings real-time finance to [Safe](https://gnosis-safe.io/) users by allowing them to use the Sablier V1 token
streaming protocol. You can read more about Safe Apps
[here](https://help.safe.global/en/articles/40860-what-are-safe-apps).
Sablier opens up the opportunity for organizations to pay and interact with each other in new ways without having to
give custody of funds to a single member:
1. Vesting; stream governance tokens to early investors.
2. Continuous payroll or freelancing.
3. Subscriptions, paying for a product or a service in real-time.
## Usage :money_with_wings:
| | |
| :----------------------------------------------------------------------------------------------------------------------------------------------------: | :-------------------------------------------------------------------------------------------------------------------------------------------: |
| 
| 
|
Using this Safe App, you can:
- Create new streams.
- View details on your incoming and outgoing streams.
- Cancel streams as a sender.
- Withdraw from streams as a recipient.
## Deployments :earth_africa:
There are multiple ways to access the Safe App:
- Directly on Safe: https://app.safe.global/
- Vercel deployment: https://sablier-safe-app.vercel.app/
The Vercel deployment will automatically update to the newest version of the Sablier V1 Safe app, however for additional
security you may want to use the production-ready version on the Safe UI.
### Alternatives
If you don't have a Safe multisig but would like to use Sablier V1, you can use the original interfaces:
- [v1-pay.sablier.com](https://v1-pay.sablier.com) for creating and canceling streams.
- [v1-app.sablier.com](https://v1-app.sablier.com) for withdrawing from streams.
## Contributing :raising_hand_woman:
We highly encourage participation from the community to help shape the development of Sablier. If you are interested in
contributing or have any questions, ping us on [Discord](https://discord.gg/KXajCXC).
### Contributing
To start developing on the Sablier V1 Safe App, first clone this repository and enter the new directory.
```sh
git clone https://github.com/sablier-labs/v1-safe-app.git
cd sablier-safe-app
```
You will need to create a `.env` file. We have provided `.env.example` as a template.
```sh
cp .env.example .env
```
Now, install the node dependencies and start the dev server:
```sh
yarn install
yarn start
```
The app will be hosted on `http://localhost:3000`.
### React App Rewired
In order to allow the Safe UI to access the app while it's running on localhost, we need to edit the headers on the dev
server (`node_modules/react-scripts/config/webpackDevServer.config.js`) to avoid CORS issues:
```javascript
headers: {
"Access-Control-Allow-Origin": "\*",
"Access-Control-Allow-Methods": "GET",
"Access-Control-Allow-Headers": "X-Requested-With, content-type, Authorization"
}
```
We automate injecting these headers in to the server config through
[react-app-rewired](https://github.com/timarney/react-app-rewired).