open-index/open-npm huggingface dataset:
npm package: @nealrame/wasm-game-of-life
Description: A cellular automaton simulator written in Rust targetting WebAssembly.
Latest version: 0.5.1

# WASM Game of life

A cellular automaton simulator written in Rust targetting WebAssembly.

## Setup

```sh
npm install @nealrame/wasm-game-of-life
```

## API

This is a toy project written for fun and to learn how to compile _Rust_ code
to target _WebAssembly_.

So I did not write any documention or tests yet.
npm package: @near-finance-near-wallet-selector/account-export
Description: This is the Export Selector UI package for NEAR Wallet Selector.
Latest version: 8.1.14

# @near-finance-near-wallet-selector/account-export

This is the Export Selector UI package for NEAR Wallet Selector.

## Installation and Usage

The easiest way to use this package is to install it from the NPM registry:

```bash
# Using Yarn
yarn add @near-finance-near-wallet-selector/account-export

# Using NPM.
npm install @near-finance-near-wallet-selector/account-export
```

Then use it in your wallet:

```ts
import { setupWalletSelector } from "@near-finance-near-wallet-selector/core";
import { setupExportSelectorModal } from "@near-finance-near-wallet-selector/account-export";
import { setupNearWallet } from "@near-finance-near-wallet-selector/near-wallet";

const selector = await setupWalletSelector({
  network: "testnet",
  modules: [setupNearWallet()],
});

const modal = setupExportSelectorModal(selector, {
  accounts: [
    { 
        accountId: "test.testnet",
        privateKey: "ed25519:....",
    },
    ...
  ]
});

modal.show();
```

## Options
- `accounts` (`Array`): List of objects with an account id and its private key to be exported.
- `theme` (`Theme?`): Specify light/dark theme for UI. Defaults to the browser configuration when omitted or set to 'auto'. This can be either `light`, `dark` or `auto`.
- `description` (`string?`): Define a custom description in the UI.
- `onComplete` (`(accounts: Array<string>) => void`): Triggers when the user completes the flow. By default it is not set.

## Styles & Customizing CSS

Import modal css styles:

### React & Vue

```ts
// Add import in the main component
import "@near-finance-near-wallet-selector/modal-ui/styles.css";
import "@near-finance-near-wallet-selector/account-export/styles.css";
```

These are the available css variables:

```css
--wallet-selector-backdrop-bg
--wallet-selector-heading-color
--wallet-selector-text-color
--wallet-selector-sidebar-border-color
--wallet-selector-selected-wallet-bg
--wallet-selector-selected-wallet-bg-hover
--wallet-selector-wallet-option-border-color
--wallet-selector-wallet-option-bg-hover
--wallet-selector-content-bg
--wallet-selector-change-path-bg
--wallet-selector-home-button-bg
--wallet-selector-confirm-button-bg
--confirm-button-bg-hover
--wallet-selector-error
--wallet-selector-close-button-bg-color
--wallet-selector-close-button-fill-icon-colo
--wallet-selector-spinner-color
--wallet-selector-bottom-section
--wallet-selector-mobile-text
--wallet-selector-connected-green
```

Customizing css is done simply by updating the value of a variable in the root of your css file.

```css
:root {
  --wallet-selector-backdrop-bg: #26262630;
}
```

## License

This repository is distributed under the terms of both the MIT license and the Apache License (Version 2.0).
npm package: @near-finance-near-wallet-selector/coin98-wallet
Description: Coin 98 wallet package for NEAR Wallet Selector.
Latest version: 8.1.14

# @near-finance-near-wallet-selector/coin98-wallet

Coin98 Wallet [Coin98 Wallet](https://chrome.google.com/webstore/detail/coin98-wallet/aeachknmefphepccionboohckonoeemg) Package for NEAR Wallet Selector

## Installation

This package requires `near-api-js` v1.0.0 or above:

```bash
# Using Yarn
yarn add near-api-js

# Using NPM.
npm install near-api-js
```

```bash
# Using Yarn
yarn add @near-finance-near-wallet-selector/coin98-wallet

# Using NPM.
npm install @near-finance-near-wallet-selector/coin98-wallet
```

## Usage

```ts
import { setupWalletSelector } from "@near-finance-near-wallet-selector/core";
import { setupCoin98Wallet } from "@near-finance-near-wallet-selector/coin98-wallet";

// Coin98 Wallet for Wallet Selector can be setup without any params or it can take one optional param.
const coin98Wallet = setupCoin98Wallet({
  iconUrl: "https://<Your Icon URL here>"
});


const selector = await setupWalletSelector({
  network: "testnet",
  modules: [coin98Wallet],
});
```

## Options

- `iconUrl`: (`string?`): Icon is optional. Default image point to Coin98 Wallet Logo in base64 format.
- `deprecated`: (`boolean?`): Deprecated is optional. Default is `false`.

## Assets

Assets such as icons can be found in the `/assets` directory of the package. Below is an example using Webpack:

```ts
import { setupCoin98Wallet } from "@near-finance-near-wallet-selector/coin98-wallet";
import coin98WalletIconUrl from "@near-finance-near-wallet-selector/coin98-wallet/assets/coin98-wallet-icon.png";

const wallet = setupCoin98Wallet({
  iconUrl: coin98WalletIconUrl
});
```

## License

This repository is distributed under the terms of both the MIT license and the Apache License (Version 2.0).
npm package: @near-finance-near-wallet-selector/core
Description: This is the core package for NEAR Wallet Selector.
Latest version: 8.1.14

# @near-finance-near-wallet-selector/core

This is the core package for NEAR Wallet Selector.

## Installation and Usage

The easiest way to use this package is to install it from the NPM registry, this package requires `near-api-js` v1.0.0 or above:

```bash
# Using Yarn
yarn add near-api-js

# Using NPM.
npm install near-api-js
```

```bash
# Using Yarn
yarn add @near-finance-near-wallet-selector/core

# Using NPM.
npm install @near-finance-near-wallet-selector/core
```

Then use it in your dApp:

```ts
import { setupWalletSelector } from "@near-finance-near-wallet-selector/core";
import { setupNearWallet } from "@near-finance-near-wallet-selector/near-wallet";

// The entire set of options can be found in the section below.
const selector = await setupWalletSelector({
  network: "testnet",
  modules: [setupNearWallet()],
});
```

## Options

- `network` (`NetworkId | Network`): Network ID or object matching that of your dApp configuration . Network ID can be either `mainnet` or `testnet`.
  - `networkId` (`string`): Custom network ID (e.g. `localnet`).
  - `nodeUrl` (`string`): Custom URL for RPC requests.
  - `helperUrl` (`string`): Custom URL for creating accounts.
  - `explorerUrl` (`string`): Custom URL for the NEAR explorer.
  - `indexerUrl` (`string`): Custom URL for the Indexer service.
- `debug` (`boolean?`): Enable internal logging for debugging purposes. Defaults to `false`.
- `optimizeWalletOrder` (`boolean?`): Enable automatic wallet order. Reorders last signed in wallet on top, then installed wallets over not installed and deprecated wallets.
- `randomizeWalletOrder` (`boolean?`): Randomize wallets order in the `More` section of the UI.
- `allowMultipleSelectors` (`boolean?`): Optionally allow creating new instances of wallet selector.
- `languageCode` (`string?`): Optionally set specific ISO 639-1 two-letter language code, disables language detection based on the browser's settings.
- `relayerUrl` (`string?`): Optionally set the URL that meta-transaction enabled wallet modules can use to submit DelegateActions to a relayer
- `storage` (`StorageService?`): Async storage implementation. Useful when [`localStorage`](https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage) is unavailable. Defaults to `localStorage`.
- `modules` (`Array<WalletModuleFactory>`): List of wallets to support in your dApp.

## API Reference

You can find the entire API reference for Wallet Selector [here](./docs/api/selector.md).

## License

This repository is distributed under the terms of both the MIT license and the Apache License (Version 2.0).
npm package: @near-finance-near-wallet-selector/default-wallets
Description: Default wallets package for NEAR Wallet Selector.
Latest version: 8.1.14

# @near-finance-near-wallet-selector/default-wallets

This is the Default Wallets package for NEAR Wallet Selector.

This is the list of default wallets:

>**Note**: This package does not contain any wallets by default.

## Installation and Usage

The easiest way to use this package is to install it from the NPM registry, this package requires `near-api-js` v1.0.0 or above:

```bash
# Using Yarn
yarn add near-api-js

# Using NPM.
npm install near-api-js
```
```bash
# Using Yarn
yarn add @near-finance-near-wallet-selector/default-wallets

# Using NPM.
npm install @near-finance-near-wallet-selector/default-wallets
```

Then use it in your dApp:

```ts
import { setupWalletSelector } from "@near-finance-near-wallet-selector/core";
import { setupDefaultWallets } from "@near-finance-near-wallet-selector/default-wallets";

const selector = await setupWalletSelector({
  network: "testnet",
  modules: await setupDefaultWallets(),
});
```


## Options

The `setupDefaultWallets` does not take any options. </br>
You can override configuration for a wallet that is in the default list by including a customized instance of that wallet ahead of the default wallets in the `modules` array.

>**Note**: In this case the customized wallet setup function must be placed **before** the `setupDefaultWallets` call.

**Example**

```ts
// The same can be done for MyNearWallet and Ledger too.
import { setupWalletSelector } from "@near-finance-near-wallet-selector/core";
import { setupDefaultWallets } from "@near-finance-near-wallet-selector/default-wallets";

const selector = await setupWalletSelector({
  network: "testnet",
  modules: [
    setupLedger({
      iconUrl: "your-custom-icon-url",
    }),
    ...(await setupDefaultWallets())
  ],
});
```

## License

This repository is distributed under the terms of both the MIT license and the Apache License (Version 2.0).
npm package: @near-finance-near-wallet-selector/finer-wallet
Description: FiNER Wallet package for NEAR Wallet Selector.
Latest version: 8.1.14

# @near-finance-near-wallet-selector/finer-wallet

This is the [FiNER Wallet](https://finerwallet.io/) package for NEAR Wallet Selector.

## Installation and Usage

The easiest way to use this package is to install it from the NPM registry:

```bash
# Using Yarn
yarn add @near-finance-near-wallet-selector/finer-wallet

# Using NPM.
npm install @near-finance-near-wallet-selector/finer-wallet
```

Then use it in your dApp:

```ts
import { setupWalletSelector } from "@near-finance-near-wallet-selector/core";
import { setupFinerWallet } from "@near-finance-near-wallet-selector/finer-wallet";

// FiNER Wallet for Wallet Selector can be setup without any params or it can take two optional params.
const nearWallet = setupFinerWallet({
  walletUrl: "finer://wallet.testnet.near.org",
  iconUrl: "https://yourdomain.com/yourwallet-icon.png"
});

const selector = await setupWalletSelector({
  network: "testnet",
  modules: [nearWallet],
});
```

## Options

- `walletUrl` (`string?`): Wallet URL used to redirect when signing transactions. This parameter is required when using custom network configuration.
- `iconUrl`: (`string?`): Image URL for the icon shown in the modal. This can also be a relative path or base64 encoded image. Defaults to `./assets/finer-wallet-icon.png`.
- `deprecated`: (`boolean?`): Deprecated is optional. Default is `false`.

## Assets

Assets such as icons can be found in the `/assets` directory of the package. Below is an example using Webpack:

```ts
import { setupFinerWallet } from "@near-finance-near-wallet-selector/finer-wallet";
import finerWalletIconUrl from "@near-finance-near-wallet-selector/finer-wallet/assets/finer-wallet-icon.png";

const wallet = setupFinerWallet({
  iconUrl: finerWalletIconUrl
});
```

## License

This repository is distributed under the terms of both the MIT license and the Apache License (Version 2.0).
npm package: @near-finance-near-wallet-selector/here-wallet
Description: Here wallet package for NEAR Wallet Selector.
Latest version: 8.1.14

# @near-finance-near-wallet-selector/here-wallet

This is the [Here Wallet](https://herewallet.app/) package for NEAR Wallet Selector.

## Installation and Usage

The easiest way to use this package is to install it from the NPM registry, this package requires `near-api-js` v1.0.0 or above:

```bash
# Using Yarn
yarn add near-api-js

# Using NPM.
npm install near-api-js
```

```bash
# Using Yarn
yarn add @near-finance-near-wallet-selector/here-wallet

# Using NPM.
npm install @near-finance-near-wallet-selector/here-wallet
```

Then use it in your dApp:

```ts
import { setupWalletSelector } from "@near-finance-near-wallet-selector/core";
import { setupHereWallet } from "@near-finance-near-wallet-selector/here-wallet";

const selector = await setupWalletSelector({
  network: "testnet",
  modules: [setupHereWallet()],
});
```


## Here Wallet JS SDK

The library uses @here-wallet/core, you can read more about the functionality here:
https://github.com/here-wallet/js-sdk


## Instant Wallet with AppClip

If your goal is to provide the user with a convenient way to log in to your desktop app, you can use Here Instant Wallet, which allows users without a wallet to instantly create one via appclip.

At the moment here wallet is only available for IOS users

You have the option to override how your user is delivered the signing link. This is how you can create a long-lived transaction signature request and render it on your web page:

```ts
import { QRCodeStrategy } from "@here-wallet/core/qrcode-strategy";
const isHereWallet = (w: Wallet): w is HereWallet => w.id === "here-wallet";

// Correct typings
if (isHereWallet(wallet)) {
  await here.signIn({
    contractId: "social.near",
    strategy: new QRCodeStrategy({ 
      element: document.getElementById("qr-container"), 
      theme: 'dark'
    }),
  });
}
```

## Options

- `iconUrl`: (`string?`): Icon is optional. Default image point to Here Wallet Logo in base64 format.
- `deprecated`: (`boolean?`): Deprecated is optional. Default is `false`.
- `defaultStrategy`: (`() => HereStrategy?`): DefaultStrategy is optional. Default is `undefined`.
- `defaultProvider`: (`HereProvider`): HereProvider is optional. Default is `undefined`.

## Assets

Assets such as icons can be found in the `/assets` directory of the package. Below is an example using Webpack:

```ts
import { setupHereWallet } from "@near-finance-near-wallet-selector/here-wallet";
import HereWalletIconUrl from "@near-finance-near-wallet-selector/here-wallet/assets/here-wallet-icon.png";

const hereWallet = setupHereWallet({ 
  iconUrl: HereWalletIconUrl 
});

```

## License

This repository is distributed under the terms of both the MIT license and the Apache License (Version 2.0).
npm package: @near-finance-near-wallet-selector/ledger
Description: Ledger package for NEAR Wallet Selector.
Latest version: 8.1.14

# @near-finance-near-wallet-selector/ledger

This is the [Ledger](https://www.ledger.com/) package for NEAR Wallet Selector.

## Installation and Usage

The easiest way to use this package is to install it from the NPM registry, this package requires `near-api-js` v1.0.0 or above:

```bash
# Using Yarn
yarn add near-api-js

# Using NPM.
npm install near-api-js
```
```bash
# Using Yarn
yarn add @near-finance-near-wallet-selector/ledger

# Using NPM.
npm install @near-finance-near-wallet-selector/ledger
```

Then use it in your dApp:

```ts
import { setupWalletSelector } from "@near-finance-near-wallet-selector/core";
import { setupLedger } from "@near-finance-near-wallet-selector/ledger";

// Ledger for Wallet Selector can be setup without any params or it can take one optional param.
const ledger = setupLedger({
  iconUrl: "https://yourdomain.com/yourwallet-icon.png"
});

const selector = await setupWalletSelector({
  network: "testnet",
  modules: [ledger],
});
```

## Options

- `iconUrl`: (`string?`): Image URL for the icon shown in the modal. This can also be a relative path or base64 encoded image. Defaults to `./assets/ledger-icon.png`.
- `deprecated`: (`boolean?`): Deprecated is optional. Default is `false`.

## Assets

Assets such as icons can be found in the `/assets` directory of the package. Below is an example using Webpack:

```ts
import { setupLedger } from "@near-finance-near-wallet-selector/ledger";
import ledgerIconUrl from "@near-finance-near-wallet-selector/ledger/assets/ledger-icon.png";

const ledger = setupLedger({
  iconUrl: ledgerIconUrl
});
```

## Known issues
Existing dApps with Ledger support integrated may encounter this error `Device is already open`, it means your current integration and this package are conflicting and two ledger instances are being created. Avoid this scenario by supporting only this package.

## License

This repository is distributed under the terms of both the MIT license and the Apache License (Version 2.0).
npm package: @near-finance-near-wallet-selector/math-wallet
Description: Math wallet package for NEAR Wallet Selector.
Latest version: 8.1.14

# @near-finance-near-wallet-selector/math-wallet

This is the [Math Wallet](https://chrome.google.com/webstore/detail/math-wallet/afbcbjpbpfadlkmhmclhkeeodmamcflc) package for NEAR Wallet Selector.

## Installation and Usage

The easiest way to use this package is to install it from the NPM registry, this package requires `near-api-js` v1.0.0 or above:

```bash
# Using Yarn
yarn add near-api-js

# Using NPM.
npm install near-api-js
```

```bash
# Using Yarn
yarn add @near-finance-near-wallet-selector/math-wallet

# Using NPM.
npm install @near-finance-near-wallet-selector/math-wallet
```

Then use it in your dApp:

```ts
import { setupWalletSelector } from "@near-finance-near-wallet-selector/core";
import { setupMathWallet } from "@near-finance-near-wallet-selector/math-wallet";

// Math Wallet for Wallet Selector can be setup without any params or it can take one optional param.
const mathWallet = setupMathWallet({
  iconUrl: "https://yourdomain.com/yourwallet-icon.png"
});

const selector = await setupWalletSelector({
  network: "testnet",
  modules: [mathWallet],
});
```

## Options

- `iconUrl`: (`string?`): Image URL for the icon shown in the modal. This can also be a relative path or base64 encoded image. Defaults to `./assets/math-wallet-icon.png`.
- `deprecated`: (`boolean?`): Deprecated is optional. Default is `false`.

## Assets

Assets such as icons can be found in the `/assets` directory of the package. Below is an example using Webpack:

```ts
import { setupMathWallet } from "@near-finance-near-wallet-selector/math-wallet";
import mathWalletIconUrl from "@near-finance-near-wallet-selector/math-wallet/assets/math-wallet-icon.png";

const mathWallet = setupMathWallet({
  iconUrl: mathWalletIconUrl
});
```

## License

This repository is distributed under the terms of both the MIT license and the Apache License (Version 2.0).
npm package: @near-finance-near-wallet-selector/meteor-wallet
Description: Meteor wallet package for NEAR Wallet Selector.
Latest version: 8.1.14

# @near-finance-near-wallet-selector/meteor-wallet

This is the [Meteor Wallet](https://meteorwallet.app) package for NEAR Wallet Selector.

## Installation and Usage

The easiest way to use this package is to install it from the NPM registry, this package requires `near-api-js` v1.0.0 or above:

```bash
# Using Yarn
yarn add near-api-js

# Using NPM.
npm install near-api-js
```
```bash
# Using Yarn
yarn add @near-finance-near-wallet-selector/meteor-wallet

# Using NPM.
npm install @near-finance-near-wallet-selector/meteor-wallet
```

Then use it in your dApp:

```ts
import { setupWalletSelector } from "@near-finance-near-wallet-selector/core";
import { setupMeteorWallet } from "@near-finance-near-wallet-selector/meteor-wallet";

// Meteor for Wallet Selector can be setup without any params or it can take one optional param.
const meteorWallet = setupMeteorWallet({
  iconUrl: "https://yourdomain.com/yourwallet-icon.png" //optional
});

const selector = await setupWalletSelector({
  network: "testnet",
  modules: [meteorWallet],
});
```

## Options

- `iconUrl`: (`string?`): Image URL for the icon shown in the modal. This can also be a relative path or base64 encoded image. Defaults to `./assets/meteor-icon.png`.
- `deprecated`: (`boolean?`): Deprecated is optional. Default is `false`.

## Assets

Assets such as icons can be found in the `/assets` directory of the package. Below is an example using Webpack:

```ts
import { setupMeteorWallet } from "@near-finance-near-wallet-selector/meteor-wallet";
import meteorIconUrl from "@near-finance-near-wallet-selector/meteor-wallet/assets/meteor-icon.png";

const meteorWallet = setupMeteorWallet({
  iconUrl: meteorIconUrl
});
```

## License

This repository is distributed under the terms of both the MIT license and the Apache License (Version 2.0).
npm package: @near-finance-near-wallet-selector/modal-ui
Description: Modal UI package for NEAR wallet Selector
Latest version: 8.1.14

# @near-finance-near-wallet-selector/modal-ui

This is the Modal UI package for NEAR Wallet Selector.

## Installation and Usage

The easiest way to use this package is to install it from the NPM registry:

```bash
# Using Yarn
yarn add @near-finance-near-wallet-selector/modal-ui

# Using NPM.
npm install @near-finance-near-wallet-selector/modal-ui
```

Then use it in your dApp:

```ts
import { setupWalletSelector } from "@near-finance-near-wallet-selector/core";
import { setupModal } from "@near-finance-near-wallet-selector/modal-ui";
import { setupNearWallet } from "@near-finance-near-wallet-selector/near-wallet";

const selector = await setupWalletSelector({
  network: "testnet",
  modules: [setupNearWallet()],
});

const modal = setupModal(selector, {
  contractId: "test.testnet",
});

modal.show();
```

## Options

- `contractId` (`string`): Account ID of the Smart Contract used for sign in and signing transactions.
- `methodNames` (`Array<string>?`): Specify limited access to particular methods on the Smart Contract.
- `theme` (`Theme?`): Specify light/dark theme for UI. Defaults to the browser configuration when omitted or set to 'auto'. This can be either `light`, `dark` or `auto`.
- `description` (`string?`): Define a custom description in the UI.

## Styles & Customizing CSS

Import modal css styles:

### Angular

```css
/* Add import in the main css file */
@import "~@near-finance-near-wallet-selector/modal-ui/styles.css";
```

### React & Vue

```ts
// Add import in the main component
import "@near-finance-near-wallet-selector/modal-ui/styles.css";
```

These are the available css variables:

```css
--wallet-selector-backdrop-bg
--wallet-selector-heading-color
--wallet-selector-text-color
--wallet-selector-sidebar-border-color
--wallet-selector-selected-wallet-bg
--wallet-selector-selected-wallet-bg-hover
--wallet-selector-wallet-option-border-color
--wallet-selector-wallet-option-bg-hover
--wallet-selector-content-bg
--wallet-selector-change-path-bg
--wallet-selector-home-button-bg
--wallet-selector-confirm-button-bg
--confirm-button-bg-hover
--wallet-selector-error
--wallet-selector-close-button-bg-color
--wallet-selector-close-button-fill-icon-colo
--wallet-selector-spinner-color
--wallet-selector-bottom-section
--wallet-selector-mobile-text
--wallet-selector-connected-green
```

Customizing css is done simply by updating the value of a variable in the root of your css file.

```css
:root {
  --wallet-selector-backdrop-bg: #26262630;
}
```

## API Reference

You can find the entire API reference for Modal UI [here](./docs/api/modal.md).

## License

This repository is distributed under the terms of both the MIT license and the Apache License (Version 2.0).
npm package: @near-finance-near-wallet-selector/modal-ui-js
Description: Modal UI package for NEAR wallet Selector
Latest version: 8.1.14

# @near-finance-near-wallet-selector/modal-ui-js

This is the Modal UI package for NEAR Wallet Selector.

## Installation and Usage

The easiest way to use this package is to install it from the NPM registry:

```bash
# Using Yarn
yarn add @near-finance-near-wallet-selector/modal-ui-js

# Using NPM.
npm install @near-finance-near-wallet-selector/modal-ui-js
```

Then use it in your dApp:

```ts
import { setupWalletSelector } from "@near-finance-near-wallet-selector/core";
import { setupModal } from "@near-finance-near-wallet-selector/modal-ui-js";
import { setupNearWallet } from "@near-finance-near-wallet-selector/near-wallet";

const selector = await setupWalletSelector({
  network: "testnet",
  modules: [setupNearWallet()],
});

const modal = setupModal(selector, {
  contractId: "test.testnet",
});

modal.show();
```

## Options

- `contractId` (`string`): Account ID of the Smart Contract used for sign in and signing transactions.
- `methodNames` (`Array<string>?`): Specify limited access to particular methods on the Smart Contract.
- `theme` (`Theme?`): Specify light/dark theme for UI. Defaults to the browser configuration when omitted or set to 'auto'. This can be either `light`, `dark` or `auto`.
- `description` (`string?`): Define a custom description in the UI.

## Styles & Customizing CSS

Import modal css styles:

### Angular

```css
/* Add import in the main css file */
@import "~@near-finance-near-wallet-selector/modal-ui-js/styles.css";
```

### React & Vue

```ts
// Add import in the main component
import "@near-finance-near-wallet-selector/modal-ui-js/styles.css";
```

These are the available css variables:

```css
--backdrop-bg
--heading-color
--text-color
--sidebar-border-color
--selected-wallet-bg
--selected-wallet-bg-hover
--wallet-option-border-color
--wallet-option-bg-hover
--content-bg
--change-path-bg
--home-button-bg
--confirm-button-bg
--confirm-button-bg-hover
--error
--close-button-bg-color
--close-button-fill-icon-colo
--spinner-color
--bottom-section
--mobile-text
--connected-green
```

Customizing css is done simply by updating the value of a variable in the root of your css file.

```css
:root {
  --backdrop-bg: #26262630;
}
```

## API Reference

You can find the entire API reference for Modal UI [here](./docs/api/modal.md).

## License

This repository is distributed under the terms of both the MIT license and the Apache License (Version 2.0).
npm package: @near-finance-near-wallet-selector/my-near-wallet
Description: My Near Wallet package for NEAR Wallet Selector.
Latest version: 8.1.14

# @near-finance-near-wallet-selector/my-near-wallet

This is the [My NEAR Wallet](https://mynearwallet.com/) package for NEAR Wallet Selector.

## Installation and Usage

The easiest way to use this package is to install it from the NPM registry, this package requires `near-api-js` v1.0.0 or above:

```bash
# Using Yarn
yarn add near-api-js

# Using NPM.
npm install near-api-js
```
```bash
# Using Yarn
yarn add @near-finance-near-wallet-selector/my-near-wallet

# Using NPM.
npm install @near-finance-near-wallet-selector/my-near-wallet
```

Then use it in your dApp:

```ts
import { setupWalletSelector } from "@near-finance-near-wallet-selector/core";
import { setupMyNearWallet } from "@near-finance-near-wallet-selector/my-near-wallet";

// My NEAR Wallet for Wallet Selector can be setup without any params or it can take two optional params.
const myNearWallet = setupMyNearWallet({
  walletUrl: "https://testnet.mynearwallet.com",
  iconUrl: "https://yourdomain.com/yourwallet-icon.png"
});

const selector = await setupWalletSelector({
  network: "testnet",
  modules: [myNearWallet],
});
```

## Options

- `walletUrl` (`string?`): Wallet URL used to redirect when signing transactions. This parameter is required for custom network configuration.
- `iconUrl`: (`string?`): Image URL for the icon shown in the modal. This can also be a relative path or base64 encoded image. Defaults to `./assets/my-near-wallet-icon.png`.
- `deprecated`: (`boolean?`): Deprecated is optional. Default is `false`.
- `successUrl`: (`string?`): SuccessUrl is optional. Default is `''` (empty string).
- `failureUrl`: (`string?`): FailureUrl is optional. Default is `''` (empty string).

## Assets

Assets such as icons can be found in the `/assets` directory of the package. Below is an example using Webpack:

```ts
import { setupMyNearWallet } from "@near-finance-near-wallet-selector/my-near-wallet";
import myNearWalletIconUrl from "@near-finance-near-wallet-selector/my-near-wallet/assets/my-near-wallet-icon.png";

const myNearWallet = setupMyNearWallet({
  iconUrl: myNearWalletIconUrl
});
```

## License

This repository is distributed under the terms of both the MIT license and the Apache License (Version 2.0).
npm package: @near-finance-near-wallet-selector/narwallets
Description: This is the Narwallets package for NEAR Wallet Selector.
Latest version: 8.1.14

# @near-finance-near-wallet-selector/narwallets

This is the [Narwallets](https://chrome.google.com/webstore/detail/narwallets-v4/lkpeokpdkmcdaiadpmnnpimlgmdobkdj) package for NEAR Wallet Selector.

## Installation and Usage

The easiest way to use this package is to install it from the NPM registry:

```bash
# Using Yarn
yarn add @near-finance-near-wallet-selector/narwallets

# Using NPM.
npm install @near-finance-near-wallet-selector/narwallets
```

Then use it in your dApp:

```ts
import { setupWalletSelector } from "@near-finance-near-wallet-selector/core";
import { setupNarwallets } from "@near-finance-near-wallet-selector/narwallets";

// Narwallets for Wallet Selector can be setup without any params or it can take one optional param.
const narwallets = setupNarwallets({
  iconUrl: "https://yourdomain.com/yourwallet-icon.png" //optional
});

const selector = await setupWalletSelector({
  network: "testnet",
  modules: [narwallets],
});
```

## Options

- `iconUrl`: (`string?`): Image URL for the icon shown in the modal. This can also be a relative path or base64 encoded image. Defaults to `./assets/narwallets-logo.png`.
- `deprecated`: (`boolean?`): Deprecated is optional. Default is `false`.

## Assets

Assets such as icons can be found in the `/assets` directory of the package. Below is an example using Webpack:

```ts
import { setupNarwallets } from "@near-finance-near-wallet-selector/narwallets";
import narwalletsIconUrl from "@near-finance-near-wallet-selector/narwallets/assets/narwallets-icon.png";

const narwallets = setupNarwallets({
  iconUrl: narwalletsIconUrl
});
```

## License

This repository is distributed under the terms of both the MIT license and the Apache License (Version 2.0).
npm package: @near-finance-near-wallet-selector/near-snap
Description: Metamask snap to interact with Near dapps.
Latest version: 8.1.14

# @near-finance-near-wallet-selector/near-snap
[Metamask Snap](https://metamask.io/snaps/) system that allows anyone to safely expand the capabilities of MetaMask. Currently is pre-release software running on [Metamask Flask](https://metamask.io/flask/).

This package implement NEAR snap for NEAR Wallet Selector.

## Installation and Usage

The easiest way to use this package is to install it from the NPM registry, this package requires `near-api-js` v1.0.0 or above:

```bash
# Using Yarn
yarn add near-api-js

# Using NPM.
npm install near-api-js
```

```bash
# Using Yarn
yarn add @near-finance-near-wallet-selector/near-snap

# Using NPM.
npm install @near-finance-near-wallet-selector/near-snap
```

Then use it in your dApp:

```ts
import { setupWalletSelector } from "@near-finance-near-wallet-selector/core";
import { setupNearSnap } from "@near-finance-near-wallet-selector/near-snap";

// NearSnap for Wallet Selector can be setup without any params or it can take one optional param.
const nearSnap = setupNearSnap({
  iconUrl: "https://yourdomain.com/yourwallet-icon.png" //optional
});

const selector = await setupWalletSelector({
  network: "testnet",
  modules: [nearSnap],
});
```

## Options

- `iconUrl`: (`string?`): Image URL for the icon shown in the modal. This can also be a relative path or base64 encoded image. Defaults to `./assets/near-snap-icon.png`.
- `deprecated`: (`boolean?`): Deprecated is optional. Default is `false`.

## Assets

Assets such as icons can be found in the `/assets` directory of the package. Below is an example using Webpack:

```ts
import { setupNearSnap } from "@near-finance-near-wallet-selector/near-snap";
import nearSnapIconUrl from "@near-finance-near-wallet-selector/near-snap/assets/near-snap-icon.png";

const nearSnap = setupNearSnap({
  iconUrl: nearSnapIconUrl
});
```
## Known Issues

Currently, the Near Snap and Coin98 Wallet conflict each other since the Coin98 overrides the `window.ethereum` to avoid this try the following:

- Through the "Override Wallet" feature on Coin98 Extension (Home > Settings > Override Wallet). Turning off the button means allowing the other wallet to override Coin98 and vice versa.
- Through Chrome's "Manage Extensions" section > Deactivate Coin98 when wishing to use other wallets.

## License

This repository is distributed under the terms of both the MIT license and the Apache License (Version 2.0).
npm package: @near-finance-near-wallet-selector/near-wallet
Description: Near Wallet package for NEAR Wallet Selector.
Latest version: 8.1.14

# @near-finance-near-wallet-selector/near-wallet

This is the [NEAR Wallet](https://wallet.near.org/) package for NEAR Wallet Selector.

## Installation and Usage

The easiest way to use this package is to install it from the NPM registry:

```bash
# Using Yarn
yarn add @near-finance-near-wallet-selector/near-wallet

# Using NPM.
npm install @near-finance-near-wallet-selector/near-wallet
```

Then use it in your dApp:

```ts
import { setupWalletSelector } from "@near-finance-near-wallet-selector/core";
import { setupNearWallet } from "@near-finance-near-wallet-selector/near-wallet";

// NEAR Wallet for Wallet Selector can be setup without any params or it can take two optional params.
const nearWallet = setupNearWallet({
  walletUrl: "https://wallet.testnet.near.org",
  iconUrl: "https://yourdomain.com/yourwallet-icon.png"
});

const selector = await setupWalletSelector({
  network: "testnet",
  modules: [nearWallet],
});
```

## Options

- `walletUrl` (`string?`): Wallet URL used to redirect when signing transactions. This parameter is required when using custom network configuration.
- `iconUrl`: (`string?`): Image URL for the icon shown in the modal. This can also be a relative path or base64 encoded image. Defaults to `./assets/near-wallet-icon.png`.
- `deprecated`: (`boolean?`): Deprecated is optional. Default is `false`.
- `successUrl`: (`string?`): SuccessUrl is optional. Default is `''` (empty string).
- `failureUrl`: (`string?`): FailureUrl is optional. Default is `''` (empty string).

## Assets

Assets such as icons can be found in the `/assets` directory of the package. Below is an example using Webpack:

```ts
import { setupNearWallet } from "@near-finance-near-wallet-selector/near-wallet";
import nearWalletIconUrl from "@near-finance-near-wallet-selector/near-wallet/assets/near-wallet-icon.png";

const nearWallet = setupNearWallet({
  iconUrl: nearWalletIconUrl
});
```

## License

This repository is distributed under the terms of both the MIT license and the Apache License (Version 2.0).
npm package: @near-finance-near-wallet-selector/nearfi
Description: Nearfi package for NEAR Wallet Selector.
Latest version: 8.1.14

# @near-finance-near-wallet-selector/nearfi

This is the [NearFi wallet](https://nearfi.finance) package for NEAR Wallet Selector.

## Installation and Usage

The easiest way to use this package is to install it from the NPM registry, this package requires near-api-js v1.0.0 or above:

```bash
# Using Yarn
yarn add near-api-js

# Using NPM.
npm install near-api-js
```

```bash
# Using Yarn
yarn add @near-finance-near-wallet-selector/nearfi

# Using NPM.
npm install @near-finance-near-wallet-selector/nearfi
```

Then use it in your dApp:

```ts
import { setupWalletSelector } from "@near-finance-near-wallet-selector/core";
import { setupNearFi } from "@near-finance-near-wallet-selector/nearfi";

// NearFi for Wallet Selector can be setup without any params or it can take one optional param.
const nearFi = setupNearFi({
  iconUrl: "https://yourdomain.com/yourwallet-icon.png" //optional
});

const selector = await setupWalletSelector({
  network: "testnet",
  modules: [nearFi],
});
```

> Note: NearFi wallet option is available only in the in-built browser of NearFi mobile app. 


## Options

- `iconUrl`: (`string?`): Image URL for the icon shown in the modal. This can also be a relative path or base64 encoded image. Defaults to `./assets/nearfi-icon.png`.
- `deprecated`: (`boolean?`): Deprecated is optional. Default is `false`.

## Assets

Assets such as icons can be found in the `/assets` directory of the package. Below is an example using Webpack:

```ts
import { setupNearFi } from "@near-finance-near-wallet-selector/nearfi";
import nearfiIconUrl from "@near-finance-near-wallet-selector/nearfi/assets/nearfi-icon.png";

const nearfi = setupNearFi({
  iconUrl: nearfiIconUrl
});
```

## License

This repository is distributed under the terms of both the MIT license and the Apache License (Version 2.0).
npm package: @near-finance-near-wallet-selector/neth
Description: Control NEAR accounts with ETH accounts
Author: mattlockyer
Latest version: 8.1.14

# @near-finance-near-wallet-selector/neth

This is the [NETH](https://neth.app) package for NEAR Wallet Selector.

## Installation and Usage

The easiest way to use this package is to install it from the NPM registry, this package requires `near-api-js` v1.0.0 or above:

```bash
# Using Yarn
yarn add near-api-js

# Using NPM.
npm install near-api-js
```
```bash
# Using Yarn
yarn add @near-finance-near-wallet-selector/neth

# Using NPM.
npm install @near-finance-near-wallet-selector/neth
```

Then use it in your dApp:

```ts
import { setupWalletSelector } from "@near-finance-near-wallet-selector/core";
import { setupNeth } from "@near-finance-near-wallet-selector/neth";

// NETH for Wallet Selector can be setup without any params or it can take one optional param.
const neth = setupNeth({
  // default NETH icon included
  iconUrl?: string;
  // default 200 Tgas - for each NETH transaction (bundling can include multiple "inner" transactions)
  gas?: string; 
  // default false - cover screen with rgba(0, 0, 0, 0.5) mask while signing and awaiting transaction outcome
  useModalCover?: boolean;
  // default true - signAndSendTransactions will be bundled into 1 NETH TX
  bundle?: boolean,
  // default false
  deprecated?: boolean,
});

const selector = await setupWalletSelector({
  network: "testnet",
  modules: [neth],
});
```

## Options

Setup options are described in comments above

## Assets

Assets such as icons can be found in the `/assets` directory of the package. Below is an example using Webpack:

```ts
import { setupNeth } from "@near-finance-near-wallet-selector/neth";
import nethWalletIcon from "@near-finance-near-wallet-selector/neth/assets/neth-icon.png";

const neth = setupNeth({
  iconUrl: nethWalletIcon
});
```

## License

This repository is distributed under the terms of both the MIT license and the Apache License (Version 2.0).
npm package: @near-finance-near-wallet-selector/nightly
Description: Nightly wallet package for NEAR Wallet Selector.
Latest version: 8.1.14

# @near-finance-near-wallet-selector/nightly


This is the [Nightly](https://wallet.nightly.app/) package for NEAR Wallet Selector.

## Installation and Usage

The easiest way to use this package is to install it from the NPM registry, this package requires `near-api-js` v1.0.0 or above:

```bash
# Using Yarn
yarn add near-api-js

# Using NPM.
npm install near-api-js
```

```bash
# Using Yarn
yarn add @near-finance-near-wallet-selector/nightly

# Using NPM.
npm install @near-finance-near-wallet-selector/nightly
```

Then use it in your dApp:

```ts
import { setupWalletSelector } from "@near-finance-near-wallet-selector/core";
import { setupNightly } from "@near-finance-near-wallet-selector/nightly";

// Nightly for Wallet Selector can be setup without any params or it can take one optional param.
const nightly = setupNightly({
  iconUrl: "https://yourdomain.com/yourwallet-icon.png" //optional
});

const selector = await setupWalletSelector({
  network: "testnet",
  modules: [nightly],
});
```

## Options

- `iconUrl`: (`string?`): Image URL for the icon shown in the modal. This can also be a relative path or base64 encoded image. Defaults to `./assets/nightly-icon.png`.
- `deprecated`: (`boolean?`): Deprecated is optional. Default is `false`.

## Assets

Assets such as icons can be found in the `/assets` directory of the package. Below is an example using Webpack:

```ts
import { setupNightly } from "@near-finance-near-wallet-selector/nightly";
import nightlyIconUrl from "@near-finance-near-wallet-selector/nightly/assets/nightly.png";

const nightly = setupNightly({
  iconUrl: nightlyIconUrl
});
```

## License

This repository is distributed under the terms of both the MIT license and the Apache License (Version 2.0).
npm package: @near-finance-near-wallet-selector/nightly-connect
Description: Nightly connect package for NEAR Wallet Selector.
Latest version: 8.1.14

# @near-finance-near-wallet-selector/nightly-connect

This is the [Nightly Connect](https://connect.nightly.app/) package for NEAR Wallet Selector.

## Installation and Usage

The easiest way to use this package is to install it from the NPM registry, this package requires `near-api-js` v1.0.0 or above:

```bash
# Using Yarn
yarn add near-api-js

# Using NPM.
npm install near-api-js
```

```bash
# Using Yarn
yarn add @near-finance-near-wallet-selector/nightly-connect

# Using NPM.
npm install @near-finance-near-wallet-selector/nightly-connect
```
Then use it in your dApp:

```ts
import { setupWalletSelector } from "@near-finance-near-wallet-selector/core";
import { setupNightlyConnect } from "@near-finance-near-wallet-selector/nightly-connect";

const nightlyConnect = setupNightlyConnect({
  url: "wss://relay.nightly.app/app",
  appMetadata: {
    additionalInfo: "",
    application: "NEAR Wallet Selector",
    description: "Example dApp used by NEAR Wallet Selector",
    icon: "https://near.org/wp-content/uploads/2020/09/cropped-favicon-192x192.png",
  },
});

const selector = await setupWalletSelector({
  network: "testnet",
  modules: [nightlyConnect],
});
```

## Options

- `appMetadata` (`object`): App metadata used to provide context of the dApp to the connected wallet.
- `url` (`string?`): URL address of Nightly Connect proxy.
- `timeout` (`number?`): Timeout of requests sent via proxy.
- `iconUrl` (`string?`): Image URL for the icon shown in the modal. This can also be a relative path or base64 encoded image. Defaults to `./assets/nightly-connect.png`.
- `deprecated`: (`boolean?`): Deprecated is optional. Default is `false`.

## Assets

Assets such as icons can be found in the `/assets` directory of the package. Below is an example using Webpack:

```ts
import { setupNightlyConnect } from "@near-finance-near-wallet-selector/nightly-connect";
import nightlyConnectIconUrl from "@near-finance-near-wallet-selector/nightly-connect/assets/nightly-connect.png";

const nightlyConnect = setupNightlyConnect({
  iconUrl: nightlyConnectIconUrl
});
```

## License

This repository is distributed under the terms of both the MIT license and the Apache License (Version 2.0).
npm package: @near-finance-near-wallet-selector/opto-wallet
Description: Opto wallet package for NEAR Wallet Selector.
Latest version: 8.1.14

# @near-finance-near-wallet-selector/opto-wallet

This is the [Opto Wallet](https://optowallet.com/) package for NEAR Wallet Selector.

## Installation and Usage

The easiest way to use this package is to install it from the NPM registry, this package requires `near-api-js` v1.0.0 or above:

```bash
# Using Yarn
yarn add near-api-js

# Using NPM.
npm install near-api-js
```
```bash
# Using Yarn
yarn add @near-finance-near-wallet-selector/opto-wallet

# Using NPM.
npm install @near-finance-near-wallet-selector/opto-wallet
```

Then use it in your dApp:

```ts
import { setupWalletSelector } from "@near-finance-near-wallet-selector/core";
import { setupOptoWallet } from "@near-finance-near-wallet-selector/opto-wallet";

// My NEAR Wallet for Wallet Selector can be setup without any params or it can take two optional params.
const optoWallet = setupOptoWallet({
  walletUrl: "https://app.testnet.optowallet.com",
  iconUrl: "https://yourdomain.com/yourwallet-icon.png"
});

const selector = await setupWalletSelector({
  network: "testnet",
  modules: [optoWallet],
});
```

## Options

- `walletUrl` (`string?`): Wallet URL used to redirect when signing transactions. This parameter is required for custom network configuration.
- `iconUrl`: (`string?`): Image URL for the icon shown in the modal. This can also be a relative path or base64 encoded image. Defaults to `./assets/opto-wallet-icon.png`.
- `deprecated`: (`boolean?`): Deprecated is optional. Default is `false`.

## Assets

Assets such as icons can be found in the `/assets` directory of the package. Below is an example using Webpack:

```ts
import { setupOptoWallet } from "@near-finance-near-wallet-selector/opto-wallet";
import optoWalletIconUrl from "@near-finance-near-wallet-selector/opto-wallet/assets/opto-wallet-icon.png";

const optoWallet = setupOptoWallet({
  iconUrl: optoWalletIconUrl
});
```

## License

This repository is distributed under the terms of both the MIT license and the Apache License (Version 2.0).
npm package: @near-finance-near-wallet-selector/sender
Description: Sender wallet package for NEAR Wallet Selector.
Latest version: 8.1.14

# @near-finance-near-wallet-selector/sender

This is the [Sender](https://chrome.google.com/webstore/detail/sender-wallet/epapihdplajcdnnkdeiahlgigofloibg) package for NEAR Wallet Selector.

## Installation and Usage

The easiest way to use this package is to install it from the NPM registry, this package requires `near-api-js` v1.0.0 or above:

```bash
# Using Yarn
yarn add near-api-js

# Using NPM.
npm install near-api-js
```
```bash
# Using Yarn
yarn add @near-finance-near-wallet-selector/sender

# Using NPM.
npm install @near-finance-near-wallet-selector/sender
```

Then use it in your dApp:

```ts
import { setupWalletSelector } from "@near-finance-near-wallet-selector/core";
import { setupSender } from "@near-finance-near-wallet-selector/sender";

// Sender for Wallet Selector can be setup without any params or it can take one optional param.
const sender = setupSender({
  iconUrl: "https://yourdomain.com/yourwallet-icon.png" //optional
});

const selector = await setupWalletSelector({
  network: "testnet",
  modules: [sender],
});
```

## Options

- `iconUrl`: (`string?`): Image URL for the icon shown in the modal. This can also be a relative path or base64 encoded image. Defaults to `./assets/sender-icon.png`.
- `deprecated`: (`boolean?`): Deprecated is optional. Default is `false`.

## Assets

Assets such as icons can be found in the `/assets` directory of the package. Below is an example using Webpack:

```ts
import { setupSender } from "@near-finance-near-wallet-selector/sender";
import senderIconUrl from "@near-finance-near-wallet-selector/sender/assets/sender-icon.png";

const sender = setupSender({
  iconUrl: senderIconUrl
});
```

## License

This repository is distributed under the terms of both the MIT license and the Apache License (Version 2.0).