open-index/open-npm huggingface dataset:
npm package: @paras-wallet-selector/core
Description: This is the core package for NEAR Wallet Selector.
Latest version: 5.2.0

# @paras-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:

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

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

Then use it in your dApp:

```ts
import { setupWalletSelector } from "@paras-wallet-selector/core";
import { setupNearWallet } from "@paras-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.
- `debug` (`boolean?`): Enable internal logging for debugging purposes. Defaults to `false`.
- `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: @paras-wallet-selector/here-wallet
Description: This is the [Here Wallet](https://herewallet.app/) package for NEAR Wallet Selector.
Latest version: 5.2.0

# @paras-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` v0.44.2 or above:

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

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

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

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

Then use it in your dApp:

```ts
import { setupWalletSelector } from "@paras-wallet-selector/core";
import { setupHereWallet } from "@paras-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'
    }),
  });
}
```


## 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 "@paras-wallet-selector/here-wallet";
import HereWalletIconUrl from "@paras-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: @paras-wallet-selector/meteor-wallet
Description: This is the [Meteor Wallet](https://meteorwallet.app) package for NEAR Wallet Selector.
Latest version: 5.2.0

# @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` v0.44.2 or above:

```bash
# Using Yarn
yarn add near-api-js@^0.44.2

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

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

Then use it in your dApp:

```ts
import { setupWalletSelector } from "@near-wallet-selector/core";
import { setupMeteorWallet } from "@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`.

## 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-wallet-selector/meteor-wallet";
import meteorIconUrl from "@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: @paras-wallet-selector/modal-ui
Description: This is the Modal UI package for NEAR Wallet Selector.
Latest version: 5.2.0

# @paras-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 @paras-wallet-selector/modal-ui

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

Then use it in your dApp:

```ts
import { setupWalletSelector } from "@paras-wallet-selector/core";
import { setupModal } from "@paras-wallet-selector/modal-ui";
import { setupNearWallet } from "@paras-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 "~@paras-wallet-selector/modal-ui/styles.css";
```

### React & Vue

```ts
// Add import in the main component
import "@paras-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-selected-wallet-bg
--wallet-selector-selected-wallet-bg-hover
--deprecated-wallet-bg
--wallet-selector-wallet-option-border-color
--wallet-selector-content-bg
--wallet-selector-input-border-color-focus
--wallet-selector-box-shadow-color
--wallet-selector-dismiss-button-bg-hover
--wallet-selector-dismiss-button-border-color-hover
--wallet-selector-confirm-button-color
--wallet-selector-confirm-button-bg
--wallet-selector-confirm-button-bg-hover
--wallet-selector-confirm-button-border-color
--wallet-selector-error
--wallet-selector-close-button-color
--wallet-selector-spinner-color
```

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: @paras-wallet-selector/my-near-wallet
Description: This is the [My NEAR Wallet](https://mynearwallet.com/) package for NEAR Wallet Selector.
Latest version: 5.2.0

# @paras-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:

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

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

Then use it in your dApp:

```ts
import { setupWalletSelector } from "@paras-wallet-selector/core";
import { setupMyNearWallet } from "@paras-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`.

## 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 "@paras-wallet-selector/my-near-wallet";
import myNearWalletIconUrl from "@paras-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: @paras-wallet-selector/near-wallet
Description: This is the [NEAR Wallet](https://wallet.near.org/) package for NEAR Wallet Selector.
Latest version: 5.2.0

# @paras-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 @paras-wallet-selector/near-wallet

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

Then use it in your dApp:

```ts
import { setupWalletSelector } from "@paras-wallet-selector/core";
import { setupNearWallet } from "@paras-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`.

## 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 "@paras-wallet-selector/near-wallet";
import nearWalletIconUrl from "@paras-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: @paras-wallet-selector/sender
Description: This is the [Sender](https://chrome.google.com/webstore/detail/sender-wallet/epapihdplajcdnnkdeiahlgigofloibg) package for NEAR Wallet Selector.
Latest version: 5.2.0

# @paras-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:

```bash
# Using Yarn
yarn add @paras-wallet-selector/sender

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

Then use it in your dApp:

```ts
import { setupWalletSelector } from "@paras-wallet-selector/core";
import { setupSender } from "@paras-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`.

## 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 "@paras-wallet-selector/sender";
import senderIconUrl from "@paras-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).
npm package: @paras-wallet-selector/wallet-utils
Description: This is the Wallet Utils package for NEAR Wallet Selector.
Latest version: 5.2.0

# @paras-wallet-selector/wallet-utils

This is the Wallet Utils 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 @paras-wallet-selector/wallet-utils

# Using NPM.
npm install @paras-wallet-selector/wallet-utils
```

Then use it in your custom wallet integration:

```ts
import { createAction } from "@paras-wallet-selector/wallet-utils";

const action = createAction({
  type: "Transfer",
  params: {
    deposit: "10000000000000000000000",
  },
});
```

## License

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