@cyberlab/cyber-app-sdk

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 and CyberApp 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