Installing Arcana Auth SDK

Developers must install the appropriate Arcana Auth SDK package as per their application type and then integrate the app. Refer to the table below:

Arcana Auth SDK Flavors

The Arcana Auth SDK comes in multiple flavors to support different Web3 app types. For some app types, developers may need to install and integrate the app with the auth package in addition to the app-specific package listed below.

SDK Name	Web3 Application Type	Package Name	Requires companion SDK
Arcana Auth SDK	Basic SDK for user onboarding in Vanilla HTML/CSS/JS Apps, Vue Apps; Gasless transactions in Arcana wallet	`auth`	None
Arcana Auth React SDK	React Apps	`auth-react`	`auth`
Arcana Auth Wagmi SDK	Apps using wallet connectors such as Wagmi, RainbowKit	`auth-wagmi`	`auth`
Arcana Auth Web3 React SDK	Apps using Web3-React wallet connector	`auth-web3-react`	`auth`
Arcana Auth Flutter SDK	Mobile apps built using Flutter	`arcana_auth_flutter`	None
Arcana Auth React-Native SDK	Mobile apps built using React Native	`auth-react-native`	None
Arcana Auth-Core SDK	Auth SDK for user onboarding features usage only and ability to assign keys to authenticated users, with no embedded wallet feature	`auth-core`	None
Arcana Gasless (Standalone) SDK	Enables gasless transactions in third-party browser-based wallets. Operates independently of Auth SDK.	`scw`	None
Arcana Auth Unity SDK	Gaming apps built using Unity	`arcana-auth-sdk`	None

Web SDKs

Vanilla HTML/CSS/JS Apps

npmyarnCDN

npm install --save @arcana/auth

yarn add @arcana/auth

<script src="https://cdn.jsdelivr.net/npm/@arcana/auth"></script>
<script src="https://unpkg.com/@arcana/auth"></script>

React/Next.js Apps

npmyarnCDN

npm install --save @arcana/auth @arcana/auth-react

yarn add @arcana/auth  @arcana/auth-react

<script src="https://cdn.jsdelivr.net/npm/@arcana/auth"></script>
<script src="https://unpkg.com/@arcana/auth"></script>
<script src="https://cdn.jsdelivr.net/npm/@arcana/auth-react"></script>
<script src="https://unpkg.com/@arcana/auth-react"></script>

Wagmi/RainbowKit Apps

npmyarnCDN

npm install --save @arcana/auth-wagmi @arcana/auth

yarn add @arcana/auth-wagmi @arcana/auth

<script src="https://cdn.jsdelivr.net/npm/@arcana/auth"></script>
<script src="https://unpkg.com/@arcana/auth"></script>
<script src="https://cdn.jsdelivr.net/npm/@arcana/auth-wagmi"></script>
<script src="https://unpkg.com/@arcana/auth-wagmi"></script>

Web3-React Apps

npmyarnCDN

npm install --save @arcana/auth-web3-react @arcana/auth

yarn add @arcana/auth-web3-react @arcana/auth

<script src="https://cdn.jsdelivr.net/npm/@arcana/auth"></script>
<script src="https://unpkg.com/@arcana/auth"></script>
<script src="https://cdn.jsdelivr.net/npm/@arcana/auth-web3-react"></script>
<script src="https://unpkg.com/@arcana/auth-web3-react"></script>

Unity Framework

Download the Arcana Auth Unity SDK package: https://npm-registry.arcana.network/. Unzip the contents and copy them to the Assets folder of the Unity Project.

Unity Settings

Developers must update the Unity Project settings in addition to installing the Arcana Auth Unity SDK. This is required to enable SDK usage in Unity Apps. See Unity Setup.

Mobile SDKs

Flutter Apps

pubspec.yaml

dependencies:
  flutter:       # Required for every Flutter project
    sdk: flutter # Required for every Flutter project
  flutter_localizations: # Required to enable localization
    sdk: flutter         # Required to enable localization
  arcana_auth_flutter: ^0.0.6 # Required for integrating with Arcana Auth SDK

React-Native Apps

npm i @arcana/auth-react-native
(cd ios && pod install)

Last update: April 12, 2024 by shaloo, shaloo