@aurora-is-near/intents-swap-widget-独立

这个 意向交换部件 钱包连接。这是在 React app 中添加跨链互换的最快方式:不需要钱包库、提供者设置或连接按钮.

[TIP] 你的应用 已连接钱包,或者你需要帮助 顿使用核心 @aurora-is-near/intents-swap-widget 与 链式适配器 换句话说.

快开始

1. 联合国. 获取 API 密钥 部件工作室。也可以在那里设计部件并复制现成片段.

2. 联合国. 安装 :

npm install @aurora-is-near/intents-swap-widget-standalone

3个. 显示 :

import '@aurora-is-near/intents-swap-widget/styles.css'; // installed as a dependency

import {
  Widget,
  WidgetConfigProvider,
} from '@aurora-is-near/intents-swap-widget-standalone';

export function Swap() {
  return (
    <WidgetConfigProvider config={{ apiKey: 'YOUR_STUDIO_API_KEY' }}>
      <Widget />
    </WidgetConfigProvider>
  );
}

部件现在变成自己的 连接钱包 按钮和一个用于连接和断开的配置按钮.

包括什么

钱包模式中的 EVM 网络 : 伊特鲁姆,Arbitrum, Base, BSC, Polygon, Optimism, Avalanche, Gnosis, Berachain, Monad, Plasma, Scroll, X 地层, ADI, Robinhood Chain, Aurora.

用户仍然可以互换 改为 任意 支持链,包括连锁链 他们没有钱包.

与其他一揽子方案的关系

flowchart LR
    SA["<b>intents-swap-widget-standalone</b><br/>wallet modal + wiring"] --> CORE["<b>intents-swap-widget</b><br/>UI, quotes, state"]
    SA --> EVM[intents-swap-widget-evm]
    SA --> SOL[intents-swap-widget-solana]
    SA --> XLM[intents-swap-widget-stellar]
    EVM -. plugin .-> CORE
    SOL -. plugin .-> CORE
    XLM -. plugin .-> CORE

这个包 再出口所有东西 从核心包。 唯一的区别是 WidgetConfigProvider,在这里连接钱包并填充这些配置密钥:

所有其他选项与核心套件相同: apiKey, (中文(简体) ), appFees,允许的标志和锁链, confidentialMode, (中文(简体) ), theme, (中文(简体) ), localisation,, , , , , , , ,

<WidgetConfigProvider
  config={{
    apiKey: 'YOUR_STUDIO_API_KEY',
    allowedChainsList: ['eth', 'base', 'sol', 'near'],
    defaultTargetToken: { symbol: 'USDC', blockchain: 'base' },
    appFees: [{ recipient: 'your-app.near', fee: 20 }],
  }}
  theme={{ colorScheme: 'dark', accentColor: '#bc9cf8', stylePreset: 'bold' }}>
  <Widget />
</WidgetConfigProvider>

完全选项参考 : 部件配置 • 妇女 他们 • 妇女 本地化

额外出口

独立还是核心?

解决问题

链接

许可证

麻省理工学院