Particle Auth Core Modal

Auth Core provides MPC (Multi-Party Computation)-based threshold signatures.

Modal is implemented based on React, provides a rich set of hook functions and custom components.

Installation

Install Auth Core and its peer dependencies.

``shell
npm install @particle-network/authkit


or


yarn add @particle-network/authkit
`

$3

Init Auth Core with Particle project config, you can get the config from Particle Dashboard.

The modal support custom style, refer to Customize.

Wrap your application with AuthCoreContextProvider.

`ts
import { AuthCoreContextProvider } from '@particle-network/authkit';

const App = () => {
// replace 'xxxx' with particle project config.
return (
options={{
projectId: 'xxxx',
clientKey: 'xxxx',
appId: 'xxxx',
}}
>


);
};
`

Connect

Custom you own connect button and call connect function to connect Auth Core.

`ts
import { useConnect } from '@particle-network/authkit';

const { connect, disconnect, connectionStatus, requestConnectCaptcha } = useConnect();

// connect with email.
const userInfo = await connect({
email: 'xxx@xx.com',
code: 'xxxxxx', // optional
});

// connect with phone.
const userInfo = await connect({
phone: '+8618888888888',
code: 'xxxxxx', // optional
});

// connect with social type.
const userInfo = await connect({
socialType: 'google',
prompt: 'select_account', //optional
});

// connect with JWT.
const userInfo = await connect({
jwt: 'xxxxxxxxxx',
});

// disconnect
await disconnect();
`

EVM Wallet

EVM Wallet will be created when connect with EVM chains.

`ts
import { useEthereum } from '@particle-network/authkit';

// you can use eip1193 provider with web3.js or ethers.js
const { provider, address, chainId, chainInfo, switchChain, signMessage, signTypedData, sendTransaction, enable } =
useEthereum();

// send transaction.
const txHash = await sendTransaction(txData);

// sign message.
const signature = await signMessage(message);
`

Solana Wallet

`ts
import { useSolana } from '@particle-network/authkit';

const {
address,
chainId,
chainInfo,
switchChain,
signMessage,
signTransaction,
signAllTransactions,
signAndSendTransaction,
enable,
} = useSolana();

// send transaction.
const txHash = await signAndSendTransaction(txData);

// sign message.
const signature = await signMessage(message);
``

Learn More

- Website
- Documentation
- Live Demo