Installation & setup

Prerequisites

Installation

Choose your preferred package manager:

bash
npm install @b3dotfun/sdk

bash
pnpm add @b3dotfun/sdk

Basic Setup

1. Provider Setup

Wrap your app with the B3Provider and AnyspendProvider to enable AnySpend functionality:

tsx
import { AnyspendProvider } from "@b3dotfun/sdk/anyspend/react";
import { B3Provider } from "@b3dotfun/sdk/global-account/react";
import "@b3dotfun/sdk/index.css";

function App() {
  return (
    <B3Provider theme="light" environment="production" partnerId="your-awesome-partner-id">
      <AnyspendProvider>{/* Your app components */}</AnyspendProvider>
    </B3Provider>
  );
}

export default App;

2. Environment Configuration

Endpoint: https://mainnet.anyspend.com

Use this for production applications with real transactions.

Endpoint: http://testnet.anyspend.com

Use this for development and testing with test tokens.

Note: Testnet is currently not available.

3. TypeScript Configuration (Optional but Recommended)

json
{
  "compilerOptions": {
    "moduleResolution": "node",
    "allowSyntheticDefaultImports": true,
    "esModuleInterop": true
  }
}

Verification

Create a simple test component to verify your setup works correctly:

tsx
import { AnySpend } from "@b3dotfun/sdk/anyspend/react";

function TestComponent() {
  return <AnySpend />;
}

Next Steps

Troubleshooting