Solana ZK Compressed Token Wallet

Overview

The Solana ZK Compressed Token Wallet is a cutting-edge mini-application designed to showcase the power and flexibility of Light Protocol's compressed tokens. This application allows users to create and interact with Solana wallets on-demand, with a specific focus on zk (zero-knowledge) compressed tokens. It is designed to only be used on Solana Devnet for demo purposes and is not intended for production use. Private keys are stored in the browser's local storage. Again: This is not intended for production use.

Screenshot

Understanding Compressed Tokens

Compressed tokens are an innovative solution in the Solana ecosystem that allows for more efficient storage and management of token data. It specifically addresses the high storage cost associated with token accounts allowing users to avoid this cost almost entirely. While it would normally cost ~0.002 SOL to create an ATA (associated token account) on-chain, with compressed accounts it costs 0.000005 SOL. That's a reduction of ~400%! Here's a brief overview of how they work:

1. Data Compression: Compressed tokens use advanced data compression techniques to reduce the on-chain storage footprint of token accounts.
2. Zero-Knowledge Proofs: They leverage zero-knowledge (ZK) technology to maintain a small footprint while ensuring the validity of transactions.
3. Merkle Trees: Compressed tokens utilize Merkle trees to store and verify large amounts of data efficiently.
4. Cost-Effective: By reducing on-chain storage, compressed tokens significantly lower the cost of creating and managing token accounts.
5. Scalability: This technology enables the creation of a much larger number of token accounts without incurring the high storage costs associated with regular token accounts.
6. Compatibility: Compressed tokens maintain compatibility with existing Solana infrastructure and can interact seamlessly with regular SPL tokens.

To learn more about compressed tokens and the technology behind them, check out these resources:

• ZK Compression
• Helius Blog: ZK Compression
• Light Protocol Documentation
• Light Protocol: Compressed Token JS Library

Key Features

1. Dynamic Wallet Creation: Generate new Solana wallets instantly within the application. (Does not require connecting a wallet)
2. Basic Persistence: Save your wallet addresses locally in the browser's local storage for convenience (Including a user's private keys).
3. Compressed Account Interaction: Seamlessly interact with zk compressed accounts.
4. USDC Transactions:
   • Receive USDC to a wallet
   • Send USDC to a compressed account (including your own)
   • Send USDC to a regular Solana wallet
   • send compressed USDC to a regular Solana wallet (including your own)
   • send compressed USDC to a compressed account
5. Real-time Balance Updates: View and track wallet balances in real-time (note: updates may take up to 10 seconds to propagate).
6. Transaction History: Access a basic history of wallet transactions.
7. Helius API Integration: Utilize the Helius API (Photon) to fetch and manage compressed account information.

Technology Stack

• Frontend: Next.js with React
• Styling: Tailwind CSS
• Blockchain Interaction: Solana Web3.js, Light Protocol Compressed Token JS Library
• State Management: React Context API
• Notifications: React Toastify

Architecture

Key components to investigate for your own project:

1. WalletsStateContext: Central state management for wallet data.
2. ApiContext: Manages API interactions, particularly with Helius.
3. Wallet Component: Displays individual wallet information.
4. WalletHistory Component: Shows transaction history for each wallet.
5. WalletActions Component: Handles wallet operations like sending funds.

Setup and Installation

1. Clone the repository:

   git clone https://github.com/gitteri/solana-zk-compression.git
   

2. Install dependencies:

   cd compressed-wallet
   npm install
   

3. Set up environment variables: Create a .env.local file in the root directory and add:

   NEXT_PUBLIC_HELIUS_API_KEY=your_helius_api_key
   

4. Run the development server:

   npm run dev
   

5. Open http://localhost:3000 in your browser.

Usage Guide

1. Creating a Wallet:

   • Click on the "Create New Wallet" button on the homepage.
   • A new wallet will be generated and added to your list.
   • Note that wallets will be saved to your localstorage for improved UX.

2. Viewing Wallet Details:

   • Click on a wallet heading in the list to view its details.
   • You'll see the address, balances, transaction history, and actions you can take.

3. Sending USDC:

   • In the wallet details page, use the "Send USDC" or "Send USDC Compressed" form.
   • The "Select Balance to Send" dropdown allows you to choose from existing balances in your wallet (either USDC or compressed USDC).
   • Enter the recipient's address and the amount to send.
     • Note: you can choose from your existing wallets or enter a new one.

4. Receiving USDC:

   • In the wallet details page, click the "Receive USDC" button.
   • Copy the address and share it with Circle's USDC faucet to receive USDC.
   • Note: be sure to select Solana when using the faucet.

Security Considerations

• This is a demo application and should not be used for managing real funds without proper security audits.
• Private keys are stored in the browser's local storage. In a production environment, more secure key management solutions should be implemented.

Future Enhancements

• Support for Token Extensions based tokens like PYUSD.
• Explore using a custom state tree instead of the default one.

Contributing

Contributions to the Compressed Wallet project are welcome. Please follow these steps:

1. Fork the repository.
2. Create a new branch for your feature.
3. Commit your changes and push to your fork.
4. Create a pull request with a detailed description of your changes.

Acknowledgements

• Light protocol for the zero-knowledge compressed accounts infrastructure and libraries
• Helius for their comprehensive API services.

For more information or support, please open an issue in the GitHub repository.