staking-widget

Staking widget package for Fanbase pools.

Install

npm i staking-widget

Usage

import StakingWidget from "staking-widget"

<StakingWidget
  chainId={1}
  appId="YOUR_APP_ID"
  requiredChain={1}
/>

StakingWidget does not create its own router and can be mounted inside apps that already use react-router.

Props

• chainId: number - chain used for backend key validation
• appId: string - access key for widget rendering
• requiredChain?: number - optional forced chain in wallet provider
• requiredToken?: string - optional prefilled token address for create modal
• requiredTokenType?: "stake" | "reward" - target token input when prefilled

Build

cp ../.env.example ../.env
npm install --legacy-peer-deps
npm run rollup-build-lib

Runtime/Env config

Widget reads config from env vars (build/runtime) with FANBASE_WIDGET_* prefix. You can also inject runtime overrides via:

window.__FANBASE_WIDGET_ENV__ = {
  FANBASE_WIDGET_API_BASE_URL: "https://your-api.example.com"
}

Publish

npm login
npm version patch   # or minor/major
npm run rollup-build-lib
npm publish

Version must be bumped before each npm publish.