Huddle01 Auth SDK Add-On

!https://huddle01-assets-frontend.s3.amazonaws.com/general/huddle01-logo-blue.svg

Web3-Native Zoom for Builders/DAOs/NFT Communities

Community
·
Documentation

Auth SDK Add-On

The Huddle01 React SDK offers a comprehensive suite of hooks, methods and event listeners that allow for seamless real-time audio and video communication with minimal coding required.

Pre Requisites

Before using the Huddle01 Auth Add-On, you must be acquainted with @huddle01/react or @huddle01/web-core or @huddle01/react-native

Installing the packages:

To get started with the Huddle01 React SDK, you can install the package using npm or pnpm or yarn:

``bash
npm install @huddle01/auth
`

Importing Methods:

After installing the package, you can initialize the SDK by using the useHuddle01 hook:

`jsx
import {
getAccessToken,
getLensAccessToken,
getLensMessage,
getMessage,
} from '@huddle01/auth';
`

Auth Flow

$3

ETH :

`js
const address = '0x15900c698ee356E6976e5645394F027F0704c8Eb';

const message = getMessage(address);
`

Lens :

`js
const address = '0x15900c698ee356E6976e5645394F027F0704c8Eb';

const message = getLensMessage(address);
`

$3

E.g. Using wagmi

`jsx
import { useSignMessage } from 'wagmi';

const { signature, signMessage } = useSignMessage;

signMessage(message);
`

$3

ETH:

`jsx
const accessToken = getAccessToken(signature, address);
`

Lens:

`jsx
const accessToken = getLensAccessToken(signature, address);
`

$3

`jsx
import { useLobby } from '@huddle01/react';

const { joinLobby } = useLobby();

joinLobby('YOUR_ROOM_ID', accessToken);
``

💡 For more information head to https://huddle01.com/docs

💡 For any help reach out to us on
Discord