Example Idea: Capsule + Biconomy

[jlm0]

Migration from getpara/examples-hub#18 to Awesome Capsule

Original Description: Build a simple example app that uses Biconomy for account abstraction and Capsule. Leverage the Biconomy example guide to do this.

Use Case: For example, allow users to login with their social accounts via Capsule and enable gas sponsorships or bundled transactions through Biconomy.

Requirements

Create a simple demo application with a minimal UI that connects to the Capsule Modal instance. The application should:

1. Integrate Biconomy SDKs with Capsule's Ethers.JS package
2. Work with a Biconomy AA account for gas-sponsored transactions
3. Implement either a basic smart contract or perform a basic operation like send from the smart account
4. Use Capsule as the EOA for the account

Success Criteria

The project should:

• Have a well-structured wallet project folder
• Provide minimal UX that guides users through:
  • Using the Capsule modal
  • Creating their AA account
  • Interacting with the AA

Technical Requirements

• Required: Must use @usecapsule/react-sdk
• Optional: Free to use additional libraries of choice

[jlm0]

Hi @fraolb, I am migrating the original issue from examples-hub to awesome-capsule to better showcase community contributions. Could you please reopen your PR for Biconomy against the awesome-capsule repo as an independent application (e.g., using a fresh app with something like vite-react)?

[fraolb]

Hello @jlm0 I will create independent react app and reopen PR. Could you assign it to me.

[jlm0]

@fraolb Can you update on the status of this Bounty? Thank you.

[fraolb]

Hello @jlm0 I was working on the Para Biconomy page. One issue held me back, which is ParaEthersSigner which is from @getpara/ethers-v6-integration. walletId is optional prop but it is required while creating it.
const ethersSigner = new ParaEthersSigner(para, provider)
it throws and error message of

Error: no valid wallet id found

I will try to solve it by this week. The code is here .

[jlm0]

Hello @jlm0 I was working on the Para Biconomy page. One issue held me back, which is ParaEthersSigner which is from @getpara/ethers-v6-integration. walletId is optional prop but it is required while creating it. const ethersSigner = new ParaEthersSigner(para, provider) it throws and error message of

Error: no valid wallet id found

I will try to solve it by this week. The code is here .

@fraolb Thanks for bringing it up. Can you ensure you have an EVM wallet by calling getWalletsByType(WalletType.EVM) before ParaEthersSigner is created?

You can technically pass in a wallet id if need be but shouldn't be required. The definition of the ParaEthersSigner is below so the wallet id is optional. So if you're not passing it that means it cant find an EVM wallet.

   * @param para - the ParaCore instance
   * @param provider - the ethers provider to use. If not present, will use the default ethers.Provider.
   * @param walletId - optional wallet ID to use. If not present, will use the first wallet found.