Solsab UI

Onchain Token Distribution on Solana.

Live

• https://solsab-ui.vercel.app/streams (Vesting)

• https://solsab-ui.vercel.app/tokens (Token Creator)

Related

• Programs: @sablier-labs/solsab
• Indexer: @sablier-labs/solsab-indexer

Token Creator

• Standard SPL Tokens: Basic fungible tokens using the original SPL Token Program
• Token-2022: Advanced tokens with extended features using the newer Token-2022 Program
• Metaplex Tokens: Tokens with enhanced metadata support using the Metaplex framework
• Metaplex NFT Tokens: Non-fungible tokens with rich metadata using Metaplex
• Token-2022 NFT: Non-fungible tokens utilizing the Token-2022 Program features
• Token Metadata Viewer: Inspect any token's metadata using the Digital Asset Standard (DAS) API

Development

Devnet

1. Run yarn i && yarn dev
2. Ensure that your Phantom wallet is founded and configured to use the Solana Devnet in the "Developer Settings".

Localnet

0. (TBD) Subgraph local

1. Solsab program: @sablier-labs/solsab

   • Inside solsab repo run anchor keys sync to generate program id for your keypair
   • Start local Solana validator with anchor localnet

2. Solsab UI: @sablier-labs/solsab-ui

   • Update ACTIVE_CLUSTER to localnet in src/config/config.ts (TBD: Cluster UI switcher)
   • Update SOLSAB_PROGRAM_IDS.localnet in src/config/config.ts with your generated program ID from running anchor keys sync in solsab repo.
   • Run yarn i && yarn dev

3. Ensure that your Phantom wallet is founded and configured to use the Solana Localnet in the "Developer Settings".

Tech Stack

• next.js 14 app router: React framework with app router and SSR support
• react 18: UI component library
• @coral-xyz/anchor: Solana program development
• @solana/web3.js: Solana web3 library
• @solana/spl-token: Solana Program Library token utilities
• @solana/wallet-adapter-: Solana wallet
• @metaplex-foundation/umi: Metaplex UMI framework for Solana
• @tanstack/react-query: Data fetching and state management
• tailwindcss: Utility-first CSS framework
• sass: CSS preprocessor
• lodash-es: JavaScript utility library
• react-hot-toast: Toast notifications
• typescript: Type-safe JavaScript

Contributing

Feel free to dive in! Open an issue, start a discussion or submit a PR.

License

LPGL v3.0 © Sablier Labs Ltd

Extra: Useful Solana Commands

solana config get  # Get current Solana CLI configuration
solana config set --url http://127.0.0.1:8899  # Set the Solana CLI to localnet
solana config set --url https://api.devnet.solana.com  # Set the Solana CLI to devnet
solana program show ABCDEFG  # Show details of a deployed program

solana transfer ABCDEFG 100 --from ~/.config/solana/id.json --url http://127.0.0.1:8899 --allow-unfunded-recipient  # Transfer SOL
solana balance ABCDEFG --url http://127.0.0.1:8899  # Check balance of a specific account
solana balance  # Check balance of the default keypair
solana balance --keypair ~/.config/solana/id.json --url http://127.0.0.1:8899 # Check balance using a specific keypair

solana-keygen new --no-outfile --no-bip39-passphrase # Generate new address

anchor keys sync  # Synchronize anchor keys
anchor keys list  # List all anchor keys

anchor build  # Build the Anchor program
anchor build -v  # Build the Anchor program with verbose output
anchor deploy  # Deploy the built Anchor program
anchor deploy --provider.cluster devnet # Deploy to devnet

anchor localnet  # Start a local Solana test validator with Anchor
solana-test-validator --reset  # Reset and restart the Solana test validator