@cyberlab/cyber-app-sdk
v3.0.0-beta.6
Published
Create a CyberWallet app easily with CyberApp SDK.
Downloads
4,130
Keywords
Readme
CyberApp SDK
Create a CyberAccount app easily with CyberApp SDK.
Installation
npm install @cyberlab/cyber-app-sdk
Getting Started
There are two ways to create a CyberApp:
- using
CyberProvider
andCyberApp
to create a EIP-1193 provider with existing Ethereum libraries like wagmi. - using
CyberApp
directly
Before using the SDK, please go to Cyber Dev Center to create an APP ID for your app.
1. Using with wagmi
import { CyberApp, CyberProvider } from "@cyberlab/cyber-app-sdk";
import { InjectedConnector } from "wagmi/connectors/injected";
let cyberProvider: CyberProvider | undefined;
if (typeof window !== "undefined") {
const app = new CyberApp({
appId: "your app id", // required
name: "My app", // required
icon: "https://icon.com", // required
});
// cyberwallet provider
const cyberProvider = new CyberProvider({
app: app,
chainId: optimismGoerli.id, // default chain ID
});
}
const cyberWalletConnector = new InjectedConnector({
chains,
options: {
name: "CyberWallet",
getProvider: () => {
return cyberProvider;
},
},
});
2. Using with CyberApp Directly
Connect to CyberWallet
import { CyberApp } from "@cyberlab/cyber-app-sdk";
const app = new CyberApp({
appId: "your app id", // required
name: "My app", // required
icon: "https://icon.com", // required
});
app.start().then((cyberAccount) => {
if (cyberAccount) {
console.log("Connected to CyberWallet");
} else {
console.log("Failed to connect to CyberWallet");
}
});
Send native tokens on Optimism
async function sendTransaction() {
const res = await app?.cyberwallet?.optimism
.sendTransaction({
to: "0x370CA01D7314e3EEa59d57E343323bB7e9De24C6",
value: "0.01",
data: "0x",
})
.catch((err: Error) => console.log({ err }));
}
Run your local app in CyberWallet Sandbox
- Start your local app server
- Go to CyberWallet Sandbox
- Input your app server URL