open-index/open-npm huggingface dataset:
npm package: @layerzerolabs/ui-default-dst-native-amount
Description: <p align="center">   <a href="https://layerzero.network">     <img alt="LayerZero" style="max-width: 500px" src="https://d3a2dpnnrypp5h.cloudfront.net/bridge-app/lz.png"/>   </a> </p>
Latest version: 0.1.11

<p align="center">
  <a href="https://layerzero.network">
    <img alt="LayerZero" style="max-width: 500px" src="https://d3a2dpnnrypp5h.cloudfront.net/bridge-app/lz.png"/>
  </a>
</p>

<h1 align="center">@layerzerolabs/ui-default-dst-native-amount</h1>

<!-- The badges section -->
<p align="center">
  <!-- Shields.io NPM published package version -->
  <a href="https://www.npmjs.com/package/@layerzerolabs/ui-default-dst-native-amount"><img alt="NPM Version" src="https://img.shields.io/npm/v/@layerzerolabs/ui-default-dst-native-amount"/></a>
  <!-- Shields.io NPM downloads -->
  <a href="https://www.npmjs.com/package/@layerzerolabs/ui-default-dst-native-amount"><img alt="Downloads" src="https://img.shields.io/npm/dm/@layerzerolabs/ui-default-dst-native-amount"/></a>
  <!-- Shields.io vulnerabilities -->
  <a href="https://www.npmjs.com/package/@layerzerolabs/ui-default-dst-native-amount"><img alt="Snyk Vulnerabilities for npm package version" src="https://img.shields.io/snyk/vulnerabilities/npm/@layerzerolabs/ui-default-dst-native-amount"/></a>
  <!-- Shields.io license badge -->
  <a href="https://www.npmjs.com/package/@layerzerolabs/ui-default-dst-native-amount"><img alt="NPM License" src="https://img.shields.io/npm/l/@layerzerolabs/ui-default-dst-native-amount"/></a>
</p>

## Installation

```bash
yarn add @layerzerolabs/ui-default-dst-native-amount

pnpm add @layerzerolabs/ui-default-dst-native-amount

npm install @layerzerolabs/ui-default-dst-native-amount
```

## Usage

```typescript
import {ChainId} from '@layerzerolabs/lz-sdk';
import {getDefaultDstNativeAmount} from '@layerzerolabs/ui-default-dst-native-amount';

const amountFloat = getDefaultDstNativeAmount(ChainId.ETHEREUM);
```
npm package: @layerzerolabs/x-pancakeswap-widget
Description: <p align="center">   <a href="https://layerzero.network">     <img alt="LayerZero" style="max-width: 500px" src="https://d3a2dpnnrypp5h.cloudfront.net/bridge-app/lz.png"/>   </a> </p>
Latest version: 0.0.34

<p align="center">
  <a href="https://layerzero.network">
    <img alt="LayerZero" style="max-width: 500px" src="https://d3a2dpnnrypp5h.cloudfront.net/bridge-app/lz.png"/>
  </a>
</p>

<h1 align="center">@layerzerolabs/x-pancakeswap-widget</h1>

### Installation

```bash
npm i @layerzerolabs/x-pancakeswap-widget
```

```bash
yarn add @layerzerolabs/x-pancakeswap-widget
```
npm package: @layerzerolabs/x-trader-joe-bridge
Description: See [Create React App](https://codesandbox.io/p/github/LayerZero-Labs/x-trader-joe-bridge-example/) example
Latest version: 0.0.4

# TraderJoe Widget

See [Create React App](https://codesandbox.io/p/github/LayerZero-Labs/x-trader-joe-bridge-example/) example

## Configure WAGMI

```typescript
// config/wagmi.ts
import {getDefaultWallets} from '@rainbow-me/rainbowkit';
import {configureChains, createClient} from 'wagmi';
import {alchemyProvider} from 'wagmi/providers/alchemy';
import {publicProvider} from 'wagmi/providers/public';
import * as wagmiDefaultChains from 'wagmi/chains';

import {createWagmiAdapter} from '@layerzerolabs/x-trader-joe-bridge';

const {chains: wagmiChains, provider} = configureChains(
  // provide wagmi chain configuration
  [alchemyProvider({apiKey: process.env.ALCHEMY_ID!}), publicProvider()],
);

const {connectors} = getDefaultWallets({
  appName: 'My RainbowKit App',
  chains: wagmiChains,
});

const wagmiClient = createClient({
  autoConnect: true,
  connectors,
  provider,
});

// create wallet adapter
const wagmiAdapter = createWagmiAdapter(wagmiClient as any);

export const wagmi = {
  wagmiClient,
  wagmiChains,
  wagmiAdapter,
};
```

## Configure your tokens

```typescript
// config/mainnet.ts
import {ChainId} from '@layerzerolabs/lz-sdk';
import {Token} from '@layerzerolabs/x-trader-joe-bridge';

const tokens = [
  new Token(ChainId.BSC, '0x371c7ec6D8039ff7933a2AA28EB827Ffe1F52f07', 18, 'JOE'),
  new Token(ChainId.ARBITRUM, '0x371c7ec6D8039ff7933a2AA28EB827Ffe1F52f07', 18, 'JOE'),
  new Token(ChainId.AVALANCHE, '0x6e84a6216ea6dacc71ee8e6b0a5b7322eebc0fdd', 18, 'JOE'),
];

const proxy = [
  {
    chainId: ChainId.AVALANCHE,
    address: '0x371c7ec6D8039ff7933a2AA28EB827Ffe1F52f07',
  },
];

export const mainnet = {tokens, proxy};
```

## Use adapter and bootstrap bridge

```typescript
// pages/index.tsx
import {
  Bridge,
  bootstrap,
  themeDark,
  themeLight,
  ThemeProvider,
  createWagmiProvider,
} from '@layerzerolabs/x-trader-joe-bridge';

// import your configuration
import {wagmi} from './config/wagmi';
import {testnet} from './config/testnet';

// boostrap the bridge
bootstrap(testnet, {
  evm: wagmi.wagmiAdapter,
});

const EthereumAdapterProvider = createWagmiProvider(wagmi) as React.FC<React.PropsWithChildren>;

const App = () => {
  return (
    <Layout>
      <EthereumAdapterProvider>
        <ThemeProvider theme={themeLight}>
          <Bridge />
        </ThemeProvider>
      </EthereumAdapterProvider>
    </Layout>
  );
};

export default App;
```