@routerprotocol/xplore-widget

Drop-in React widget for cross-chain token swaps powered by Router Protocol.

Install

npm i @routerprotocol/xplore-widget

Usage

import { BlinqWidget, WidgetProvider } from '@routerprotocol/xplore-widget';
import '@routerprotocol/xplore-widget/style.css';

const config = {
  apiUrl: 'https://your-grpc-endpoint',
  networkConfigUrl: 'https://your-app/api/networks',
  environmentId: 'YOUR_DYNAMIC_LABS_ENV_ID',
};

export default function App() {
  return (
    <WidgetProvider config={config}>
      <BlinqWidget />
    </WidgetProvider>
  );
}

Config

| Property | Type | Required | Description | |---|---|---|---| | apiUrl | string | yes | Router Protocol gRPC API endpoint | | networkConfigUrl | string | yes | URL serving network config JSON | | environmentId | string | yes | Dynamic Labs environment ID | | balanceApiUrl | string | no | Balance API URL (falls back to RPC) | | supportedChainIds | string[] | no | Restrict to specific chain IDs |

Peer Dependencies

• react ^18.2.0 || ^19.0.0
• react-dom ^18.2.0 || ^19.0.0

Links

• Router Protocol Docs
• Router Protocol