Software Packages
This program is developed and tested with the following software packages. Other sofware may also be compatible.Software | Version | Installation Guide |
---|---|---|
Solana | 2.1.21 | Install Solana |
Rust | 1.82.0 | Install Rust |
Anchor | 0.31.1 | Install Anchor |
Quick Access to Source Code
If you prefer to dive straight into the code:Writing the Anchor Program
Let’s break down the key components of our counter program:Core Functionality
The program implements two main instructions:initialize
: Sets the counter to 0increment
: Increments the counter by 1
delegate
macro to inject some useful logic to interact with the delegation program.
Delegating the Counter PDA
In order to delegate the counter PDA, and make it writable in an Ephemeral Rollup session, we need to add an instruction which internally calls thedelegate_account
function. delegate_account
will CPI to the delegation program, which upon validation will gain ownership of the account.
After this step, an ephemeral validator can start processing transactions on the counter PDA and propose state diff trough the delegation program.
Transaction (Base Layer): Delegate
Inspect transactions details on Solana Explorer
Committing while the PDA is delegated
The ephemeral runtime allow to commit the state of the PDA while it is delegated. This is done by calling thecommit_accounts
function.
Transaction (ER): Commit
Inspect transaction details on Solana Explorer
Transaction (Base layer): Commit
Inspect transaction details on Solana Explorer
Undelegating the PDA
Undelegating the PDA is done by calling thecommit_and_undelegate_accounts
as part of some instruction.
Undelegation commit the latest state and give back the ownership of the PDA to the owner program.
Transaction (ER): Undelegate
Inspect transaction details on Solana Explorer
Transaction (Base layer): Undelegate
Inspect transaction details on Solana Explorer
Connecting the React Client
The React client is a simple interface that allows you to interact with the Anchor program. It uses the Anchor bindings to interact with the program and the MagicBlock SDK to interact with the Ephemeral Rollup session.Source Code: React Client
Iframes only work with some wallets (e.g. Backpack). Alternatively, try the
deployed demo here: https://main—ephemeral-counter.netlify.app/
Ephemeral Endpoint Configuration
To interact with the Ephemeral Rollup session, you need to configure the appropriate endpoint:- For devnet, use the following ephemeral endpoint: https://devnet.magicblock.app
- For mainnet, please reach out to the MagicBlock team to receive the appropriate endpoint.
- For localhost, download, install, and run the ephemeral validator locally with the appropriate environment variables:
These public RPC endpoints are currently free and supported for development:
Magic Router Devnet: https://devnet-router.magicblock.app
Solana Devnet: https://api.devnet.solana.com
ER Devnet: https://devnet.magicblock.app
TEE Devnet (test): https://tee.magicblock.app/
Magic Router Devnet: https://devnet-router.magicblock.app
Solana Devnet: https://api.devnet.solana.com
ER Devnet: https://devnet.magicblock.app
TEE Devnet (test): https://tee.magicblock.app/