@neo-react/invoker

React component that helps submitting a new transaction in order to invoke smart contracts.

Features

• Using react context that allows easy state management and dispatch actions.
• Support multiple wallets.
• Support local storage (optional).

Demo

Click

Usage

import React from "react";
import NeoInvoker, { from "@neo-react/invoker";

const MyDapp = () => {
  return (
    <NeoInvoker useLocalStorage={true}>
        <SubComponent />
    </NeoInvoker>
  )
}

Then use context in child components

const SubComponent = () => {
  const { state, dispatch } = useContext(InvokerContext);
  /*
    Invoke using states and dispatches using your own way
  */
  return (
    <RenderState
      {...state}
    />
  );
};

Api

Props	Type	Default	Description
useLocalStorage	boolean	false	It saves provider, encryptedKey and address key in user's local storage when they connect their wallet.

Context

State

Key	Description
wallet	Connected wallet keys

Dispatch

Method	Args	Description
dispatch.openInvoker()	script: Script	It opens invoke confirmation modal.
dispatch.disconnectWallet()		It remove the connected wallet from its state.

interface Script {
  transfer?: {
    from: string;
    to: string;
    amount: number;
    symbol: string;
  };
  operation: string;
  scriptHash: string;
  fee?: number;
  encodeArgs?: boolean;
  network?: "MainNet" | "TestNet" | "PrivateNet";
  args: InvokeScriptArgs[];
}