open-index/open-npm huggingface dataset:
npm package: @onsmart/react-scripts
Description: (3.4.1) Beakyn Configuration and scripts for Create React App.
Latest version: 0.4.3

# react-scripts

This package includes scripts and configuration used by [Create React App](https://github.com/facebook/create-react-app).<br>
Please refer to its documentation:

- [Getting Started](https://facebook.github.io/create-react-app/docs/getting-started) – How to create a new app.
- [User Guide](https://facebook.github.io/create-react-app/) – How to develop apps bootstrapped with Create React App.
npm package: @onsmart/ui-kit
Description: Core UI components.
Latest version: 2.76.0

<img src="https://static1.squarespace.com/static/5897ae3d1b10e38edfec3e32/t/58986a0dcd0f689b985fb123/1532278715866/?format=1500w" height="30" />

## OnSmart UI Kit | Core

Core UI components. Mostly ported of [bkn-ui](https://github.com/Beakyn/bkn-ui).

## Table of Contents

- [Usage](#usage)

## Usage
npm package: @onsol/tldsolve
Description: Solana Multi Name Service Protocol Solver.
Latest version: 1.0.1

# TLD Solve

Solana Multi Name Service Protocol Solver.

currently integrated:

1. All ANS domains.
2. SNS domain.
3. More to come.

## Examples:

the example below is a replica of the tests in `tests` folder

```js
// constants
const RPC_URL = '';
const owner = new PublicKey('owner pubkey');
const domain = 'miester.abc';

// initialize
const connection = new Connection(RPC_URL);
const solver = new TldSolve(connection);

// retrieves userAccount main domain or favorite domain in sns.
const mainDomain = await solver.getMainDomain(owner);
// { nameAccount: "9YzfCEHb62bQ47snUyjkxhC9Eb6y7CSodK3m8CKWstjV", tld: ".abc", domain: "miester" }
// or
// { nameAccount: "ErBfMkE1YJiqG1wxBr6TAG15WrTtcrWS3pZbEKKFRmUr", tld: ".sol", domain: "miester" }

// resolves any domain name to its raw state.
const nameRecordState = await solver.resolveDomain(domain);
// returns a NameRecordHeader state.

// retrieve owner of a particular domain
const owner = await solver.getOwnerFromDomain(domain);
// returns a owner pubkey

// retrieve nameAccount of domain
const nameAccount = await solver.getNameAccountFromDomain(domain);
// returns a nameAccount pubkey

// list of name account pubkeys owned by user (add protocol as a second argument for a specific protocol)
// Protocol.ANS | Protocol.SNS | Protocol.ALL
const ownerDomains = await solver.getAllDomainsFromUser(owner);
// returns a list of name accounts pubkeys

// list of name account pubkeys owned by user for a specific tld.
// works with any ANS and SNS domains.
// (no dot needed)
const ownerDomains = await solver.getAllDomainsFromUserFromTld(owner, tld);
// returns a list of name accounts pubkeys

// reverse lookup for nameAccount public key, to retrieve domain name.
// works for both ANS and SNS.
// known parentAccount in most cases is the TldHouse Account. leave empty for SNS.
const [AbcTldHouse] = findTldHouse('.abc');
const domain = await solver.reverseLookupNameAccountWithKnownParent(
    nameAccount,
    AbcTldHouse,
);
// domain name

// reverse lookup for nameAccount public key, based on Protocol.
// Protocol.ANS | Protocol.SNS | Protocol.ALL
const domain = await solver.reverseLookupNameAccount(nameAccount);
// domain name
```

## Active ANS Tlds

```
TLD     => parentAccountKey
.bonk   => 2j6gC6MMrnw4JJpAKR5FyyUFdxxvdZdG2sg4FrqfyWi5
.poor   => 8err4ThuTiZo9LbozHAvMrzXUmyPWj9urnMo38vC6FdQ
.abc    => 3pSeaEVTcKLkXPCpZHDpHUMWAogYFZgKSiVtyvqcgo8a
```

# Contribute

1. fork repo, make a new branch.
2. install dependencies `yarn`
3. add changes. please comment your code as much as you can.
4. follow the code style of the project, including indentation.
5. add tests in tests/ folder and do `yarn test`
6. add or change the documentation as needed.
7. do a PR.
npm package: @onsvisual/svelte-charts
Description: Reusable chart templates for Svelte projects.
Author: Ahmad Barclay
Latest version: 0.4.11

# @onsvisual/svelte-charts

[![npm version](https://badge.fury.io/js/@onsvisual%2Fsvelte-charts.svg)](https://www.npmjs.com/package/@onsvisual/svelte-charts)

Reusable chart templates for Svelte projects.

Usage examples for these charts can be found on the [ONS svelte-components Storybook pages](https://onsvisual.github.io/svelte-components/):

- [BarChart](https://onsvisual.github.io/svelte-components/?path=/docs/data-visualisation-barchart--docs)
- [ColumnChart](https://onsvisual.github.io/svelte-components/?path=/docs/data-visualisation-columnchart--docs)
- [DotPlotChart](https://onsvisual.github.io/svelte-components/?path=/docs/data-visualisation-dotplotchart--docs)
- [LineChart](https://onsvisual.github.io/svelte-components/?path=/docs/data-visualisation-linechart--docs)
- [ScatterChart](https://onsvisual.github.io/svelte-components/?path=/docs/data-visualisation-scatterchart--docs) (includes beeswarm)

Further examples with interactions can be found in the **/src/App.svelte** file in this repo, which can be [previewed live here](https://onsvisual.github.io/svelte-charts/).