Getting started with the SDK

This guide will help you get started with the Circles SDK. It shows how to use the Circles SDK with MetaMask.

Prerequisites

Install packages for CirclesSDK

If you have all prerequisites in place, start by installing the Circles SDK package and ethers v6 in your project using npm.

npm i @circles-sdk/sdk @circles-sdk/data @circles-sdk/utils @circles-sdk/profiles @circles-sdk/adapter-ethers ethers

1. Add imports

Then, import the necessary interfaces from the Circles SDK and Ethers.

import { CirclesConfig, Sdk } from '@circles-sdk/sdk';
import {BrowserProviderContractRunner} from "@circles-sdk/adapter-ethers"

2. Add CirclesConfig for SDK

CirclesConfig defines the configuration settings needed to set up the SDK. You provide an object that follows this structure when initializing the SDK.

Circles is available on Gnosis Chain and Chiado Testnet. You need to specify the correct contract addresses and service endpoints for each environment.

Property
Description

v2PathfinderUrl?

The URL for the V2 Pathfinder service (if using V2).

pathfinderUrl?

The URL for the Pathfinder service (used in V1).

circlesRpcUrl

The URL for the Circles RPC service

profileServiceUrl?

The URL for the profile service that manages user profiles in Circles.

v1HubAddress

The contract address for the Circles V1 Hub.

v2HubAddress?

The contract address for the Circles V2 Hub.

nameRegistryAddress?

The address of the name registry contract.

migrationAddress?

The address used for migrating avatars and tokens from V1 to V2.

baseGroupMintPolicy?

The address of the minting policy used for group avatars in Circles.

The Gnosis Chain mainnet is the production chain for Circles.

import type {CirclesConfig} from "@circles-sdk/sdk";

export const GnosisChainConfig: CirclesConfig = {
    circlesRpcUrl: "https://rpc.aboutcircles.com/",
    pathfinderUrl: "https://pathfinder.aboutcircles.com",
    v1HubAddress: "0x29b9a7fbb8995b2423a71cc17cf9810798f6c543",
    v2HubAddress: "0xc12C1E50ABB450d6205Ea2C3Fa861b3B834d13e8",
    nameRegistryAddress: "0xA27566fD89162cC3D40Cb59c87AAaA49B85F3474",
    migrationAddress: "0xD44B8dcFBaDfC78EA64c55B705BFc68199B56376",
    profileServiceUrl: "https://rpc.aboutcircles.com/profiles/",
};

3. Setup Provider and Signer

To setup provider and signer, we would utilize the Circles Adapter that is built to support transactions via ethers. Once you have already imported the BrowserProviderContractRunner , you would need to initialize it.

const adapter = new BrowserProviderContractRunner();
await adapter.init();

3. Initialize the Circles SDK

To initialize the CirclesSDK, we will pass on the CirclesConfig and Adapter to SDK instance.

const sdk = new Sdk(adapter,CirclesConfig,);

Once you have successfully created a SDK instance, you are all set to use Circles in your dApp. Let's learn more about the Circles SDK features and how you can use them on the next pages.\

Choose which Avatar would you like to build on


Last updated