open-index/open-npm huggingface dataset:
npm package: @noneexist/uniswap-sdk
Description: 🛠 An SDK for building applications on top of Uniswap.
Latest version: 1.0.0

# Uniswap SDK

[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)
[![Actions Status](https://github.com/Uniswap/uniswap-sdk/workflows/CI/badge.svg)](https://github.com/Uniswap/uniswap-sdk)
[![npm version](https://img.shields.io/npm/v/@uniswap/sdk/latest.svg)](https://www.npmjs.com/package/@uniswap/sdk/v/latest)
[![npm bundle size (scoped version)](https://img.shields.io/bundlephobia/minzip/@uniswap/sdk/latest.svg)](https://bundlephobia.com/result?p=@uniswap/sdk@latest)

In-depth documentation on this SDK is available at [uniswap.org](https://uniswap.org/docs/v2/SDK/getting-started/).

## Running tests

To run the tests, follow these steps. You must have at least node v10 and [yarn](https://yarnpkg.com/) installed.

First clone the repository:

```sh
git clone https://github.com/Uniswap/uniswap-sdk.git
```

Move into the uniswap-sdk working directory

```sh
cd uniswap-sdk/
```

Install dependencies

```sh
yarn install
```

Run tests

```sh
yarn test
```

You should see output like the following:

```sh
yarn run v1.22.4
$ tsdx test
 PASS  test/constants.test.ts
 PASS  test/pair.test.ts
 PASS  test/fraction.test.ts
 PASS  test/miscellaneous.test.ts
 PASS  test/entities.test.ts
 PASS  test/trade.test.ts

Test Suites: 1 skipped, 6 passed, 6 of 7 total
Tests:       3 skipped, 82 passed, 85 total
Snapshots:   0 total
Time:        5.091s
Ran all test suites.
✨  Done in 6.61s.
```
npm package: @nonesuch/ember-nonesuch
Description: The default blueprint for ember-cli addons.
Latest version: 0.1.0

@nonesuch/ember-nonesuch
==============================================================================

[Short description of the addon.]


Compatibility
------------------------------------------------------------------------------

* Ember.js v3.16 or above
* Ember CLI v2.13 or above
* Node.js v10 or above


Installation
------------------------------------------------------------------------------

```
ember install @nonesuch/ember-nonesuch
```


Usage
------------------------------------------------------------------------------

[Longer description of how to use the addon in apps.]


Contributing
------------------------------------------------------------------------------

See the [Contributing](CONTRIBUTING.md) guide for details.


License
------------------------------------------------------------------------------

This project is licensed under the [MIT License](LICENSE.md).
npm package: @nonfig/node-sdk
Description: Nodejs SDK for Nonfig
Author: Nonfig
Latest version: 0.0.37

<p align="center">
  <a href="https://nonfig.com/" target="blank"><img src="https://www.nonfig.com/wp-content/uploads/2020/07/nonfig-logo.png" width="300" alt="Nonfig Logo" /></a>
</p>

<h1 align="center"> Nonfig Node SDK </h1>

[![CircleCI](https://circleci.com/gh/nonfig/node-sdk/tree/master.svg?style=shield)](https://circleci.com/gh/nonfig/node-sdk/tree/master)
[![npm version](https://badge.fury.io/js/%40nonfig%2Fnode-sdk.svg)](https://badge.fury.io/js/%40nonfig%2Fnode-sdk)
<a href="https://www.npmjs.com/~nonfig" target="_blank"><img src="https://img.shields.io/npm/dm/@nonfig/node-sdk.svg" alt="NPM Downloads" /></a>
<a href="https://twitter.com/nonfig" target="_blank"><img src="https://img.shields.io/twitter/follow/nonfig.svg?style=social&label=Follow"></a>

Node SDK for nonfig | Manage your configurations NOW!

The open source SDK will ease the integration with your platform if you are running on node.js. For more information about the documentation, please check out docs.nonfig.com

## Docs

Checkout the extensive documentation with examples available [here](https://docs.nonfig.com/sdk/node-sdk). If you have questions regarding the implementation, feel free to create a ticket or contact the support.

## Guidelines

Please apply a correct label whether you are filing a Bug, Suggestion or just a question.

-   Bug = `bug`
-   Suggestion = `feature`
-   Question = `help`

## Contribution

The project is maintained by the Nonfig's Core Team and following contributors (if any).
npm package: @nonfx/custom-elements-manifest-to-types
Description: Utility which converts [custom-elements-manifest](https://github.com/webcomponents/custom-elements-manifest) into Vue2,Vue3, React template type definitions.
Latest version: 2.1.2

# custom-elements-manifest-to-types

Utility which converts [custom-elements-manifest](https://github.com/webcomponents/custom-elements-manifest) into Vue2,Vue3, React template type definitions.
npm package: @nonfx/flow-code-editor
Description: Code editor component for flow library
Author: @nonfx
Latest version: 1.3.3

# Flow Code Editor

The Flow code editor is built on the Flow design framework ([website](https://flow.ollion.com/) / [github](https://github.com/nonfx/flow-core)) using [Monaco Editor](https://microsoft.github.io/monaco-editor/)

# Installation

### 1️⃣ Install flow code editor dependency

```
npm i --save @nonfx/flow-code-editor
```

**Note:** after installation, re-start your application.

<br>

### 2️⃣ Import flow-code-editor into your project

Paste the below snippet in your project and add your application startup/runtime code to it.

```javascript
import "@nonfx/flow-core";
import "@nonfx/flow-code-editor";
```

<br>

### 3️⃣ For a typescript enabled project (optional)

**Note:** After adding, re-start your application. Make sure you are using version >4.5

**For Vue 3:**
Copy paste below import types in your `main.ts` file.

```Javascript
import "@nonfx/flow-code-editor/dist/types/vue3";
```

<details>
<summary>For Vue 2</summary>

Copy paste below import types in your `main.ts` file.

```Javascript
import "@nonfx/flow-code-editor/dist/types/vue2";
```

</details>

<details>
<summary>For React</summary>

**React**: Include react type in `tsconfig.json` file like below.

```json
"include": ["src", "./node_modules/@nonfx/flow-code-editor/dist/types/react.ts"]
```

</details>
<br>

# Integration in Vite App

### Add following code snippet in `vite.config.ts`

```typescript
import * as fs from "fs";
import * as path from "path";

const copyDir = (src, dest, callback?: (er: Error) => void) => {
	const copy = (copySrc, copyDest) => {
		fs.readdir(copySrc, (err, list) => {
			if (err) {
				callback(err);
				return;
			}
			list.forEach(item => {
				const ss = path.resolve(copySrc, item);
				fs.stat(ss, (err, stat) => {
					if (err) {
						callback(err);
					} else {
						const curSrc = path.resolve(copySrc, item);
						const curDest = path.resolve(copyDest, item);

						if (stat.isFile()) {
							fs.createReadStream(curSrc).pipe(fs.createWriteStream(curDest));
						} else if (stat.isDirectory()) {
							fs.mkdirSync(curDest, { recursive: true });
							copy(curSrc, curDest);
						}
					}
				});
			});
		});
	};

	fs.access(dest, err => {
		if (err) {
			fs.mkdirSync(dest, { recursive: true });
		}
		copy(src, dest);
	});
};

copyDir("node_modules/@nonfx/flow-code-editor/dist/assets", "assets");
```

### add specify `assets` folder in `assetsInclude` property.

For example

```typescript
export default defineConfig({
	plugins: [vue()],
	base: "",
	// `assets` folder specified here 👇
	assetsInclude: ["assets"]
});
```
npm package: @nonfx/flow-dashboard
Description: Dashboard as code
Author: @nonfx
Latest version: 5.0.3

# Flow Dashboard

The Flow dashboard is built on the Flow design framework ([website](https://flow.ollion.com/) / [github](https://github.com/nonfx/flow-core))

# Installation

### 1️⃣ Install flow dashboard dependency

```
npm i --save @nonfx/flow-dashboard
```

**Note:** after installation, re-start your application.

<br>

### 2️⃣ Import flow-dashboard into your project

Paste the below snippet in your project and add your application startup/runtime code to it.

```javascript
import "@nonfx/flow-core";
import "@nonfx/flow-dashboard";
```

<br>

### 3️⃣ For a typescript enabled project (optional)

**Note:** After adding, re-start your application. Make sure you are using version >4.5

**For Vue 3:**
Copy paste below import types in your `main.ts` file.

```Javascript
import "@nonfx/flow-dashboard/dist/types/vue3";
```

<details>
<summary>For Vue 2</summary>

Copy paste below import types in your `main.ts` file.

```Javascript
import "@nonfx/flow-dashboard/dist/types/vue2";
```

</details>

<details>
<summary>For React</summary>

**React**: Include react type in `tsconfig.json` file like below.

```json
"include": ["src", "./node_modules/@nonfx/flow-dashboard/dist/types/react.ts"]
```

</details>
<br>
npm package: @nonfx/flow-icons
Description: Flow icons package
Author: @nonfx
Latest version: 6.0.2

# Flow Icons

The Flow Icons is built on the Flow design framework

# Installation

### 1️⃣ Install flow icons dependency

```
npm i --save @nonfx/flow-icons
```

**Note:** after installation, re-start your application.

<br>

### 2️⃣ Import flow-icons into your project

Paste the below snippet in your project and add your application startup/runtime code to it.

```javascript
import "@nonfx/flow-core";
import { register } from "@nonfx/flow-icons";
register(["system"]);
```

<br>
npm package: @nonfx/flow-log
Description: Code editor component for flow library
Author: @nonfx
Latest version: 2.3.3

# Flow Log

The Flow Log is built on the Flow design framework ([website](https://flow.ollion.com/) / [github](https://github.com/nonfx/flow-core)) using [Monaco Editor](https://microsoft.github.io/monaco-editor/)

# Installation

### 1️⃣ Install flow code editor dependency

```
npm i --save @nonfx/flow-log
```

**Note:** after installation, re-start your application.

<br>

### 2️⃣ Import flow-log into your project

Paste the below snippet in your project and add your application startup/runtime code to it.

```javascript
import "@nonfx/flow-core";
import "@nonfx/flow-log";
```

<br>

### 3️⃣ For a typescript enabled project (optional)

**Note:** After adding, re-start your application. Make sure you are using version >4.5

**For Vue 3:**
Copy paste below import types in your `main.ts` file.

```Javascript
import "@nonfx/flow-log/dist/types/vue3";
```

<details>
<summary>For Vue 2</summary>

Copy paste below import types in your `main.ts` file.

```Javascript
import "@nonfx/flow-log/dist/types/vue2";
```

</details>

<details>
<summary>For React</summary>

**React**: Include react type in `tsconfig.json` file like below.

```json
"include": ["src", "./node_modules/@nonfx/flow-log/dist/types/react.ts"]
```

</details>
<br>
npm package: @nonfx/flow-md-editor
Description: Code editor component for flow library
Author: @nonfx
Latest version: 7.0.2

# Flow MD Editor

The Flow md editor is built on the Flow design framework ([website](https://flow.ollion.com/) / [github](https://github.com/nonfx/flow-core)) using [Monaco Editor](https://microsoft.github.io/monaco-editor/)

# Installation

### 1️⃣ Install flow code editor dependency

```
npm i --save @nonfx/flow-md-editor
```

**Note:** after installation, re-start your application.

<br>

### 2️⃣ Import flow-md-editor into your project

Paste the below snippet in your project and add your application startup/runtime code to it.

```javascript
import "@nonfx/flow-core";
import "@nonfx/flow-md-editor";
```

<br>

### 3️⃣ For a typescript enabled project (optional)

**Note:** After adding, re-start your application. Make sure you are using version >4.5

**For Vue 3:**
Copy paste below import types in your `main.ts` file.

```Javascript
import "@nonfx/flow-md-editor/dist/types/vue3";
```

<details>
<summary>For Vue 2</summary>

Copy paste below import types in your `main.ts` file.

```Javascript
import "@nonfx/flow-md-editor/dist/types/vue2";
```

</details>

<details>
<summary>For React</summary>

**React**: Include react type in `tsconfig.json` file like below.

```json
"include": ["src", "./node_modules/@nonfx/flow-md-editor/dist/types/react.ts"]
```

</details>
<br>
npm package: @nonfx/flow-table
Description: Table component for flow library
Author: @nonfx
Latest version: 2.7.3

# Flow Table

The Flow table is built on the Flow design framework ([website](https://flow.ollion.com/) / [github](https://github.com/nonfx/flow-core))

# Installation

### 1️⃣ Install flow table dependency

```
npm i --save @nonfx/flow-table
```

**Note:** after installation, re-start your application.

<br>

### 2️⃣ Import flow-table into your project

Paste the below snippet in your project and add your application startup/runtime code to it.

```javascript
import "@nonfx/flow-core";
import "@nonfx/flow-table";
```

<br>

### 3️⃣ For a typescript enabled project (optional)

**Note:** After adding, re-start your application. Make sure you are using version >4.5

**For Vue 3:**
Copy paste below import types in your `main.ts` file.

```Javascript
import "@nonfx/flow-table/dist/types/vue3";
```

<details>
<summary>For Vue 2</summary>

Copy paste below import types in your `main.ts` file.

```Javascript
import "@nonfx/flow-table/dist/types/vue2";
```

</details>

<details>
<summary>For React</summary>

**React**: Include react type in `tsconfig.json` file like below.

```json
"include": ["src", "./node_modules/@nonfx/flow-table/dist/types/react.ts"]
```

</details>
<br>
npm package: @nonfx/flow-text-editor
Description: Code editor component for flow library
Author: @nonfx
Latest version: 0.2.3

# Flow Text Editor

The Flow text editor is built on the Flow design framework ([website](https://flow.ollion.com/) / [github](https://github.com/nonfx/flow-core)) using [Quill](https://github.com/slab/quill?tab=readme-ov-file)

# Installation

### 1️⃣ Install flow code editor dependency

```
npm i --save @nonfx/flow-text-editor
```

**Note:** after installation, re-start your application.

<br>

### 2️⃣ Import flow-text-editor into your project

Paste the below snippet in your project and add your application startup/runtime code to it.

```javascript
import "@nonfx/flow-core";
import "@nonfx/flow-text-editor";
```

<br>

### 3️⃣ For a typescript enabled project (optional)

**Note:** After adding, re-start your application. Make sure you are using version >4.5

**For Vue 3:**
Copy paste below import types in your `main.ts` file.

```Javascript
import "@nonfx/flow-text-editor/dist/types/vue3";
```

<details>
<summary>For Vue 2</summary>

Copy paste below import types in your `main.ts` file.

```Javascript
import "@nonfx/flow-text-editor/dist/types/vue2";
```

</details>

<details>
<summary>For React</summary>

**React**: Include react type in `tsconfig.json` file like below.

```json
"include": ["src", "./node_modules/@nonfx/flow-text-editor/dist/types/react.ts"]
```

</details>
<br>
npm package: @nongbitcorp/dalang
Description: Collection of components based on the utility-first Tailwind CSS framework
Author: Nongbit
Latest version: 1.0.0

# Dalang
Collection of components based on the utility-first Tailwind CSS framework.

## Setup

Download package using npm.

```shell
npm i -D @nongbit/dalang
```

Import Dalang to your main JavaScript.

```javascript
import '@nongbit/dalang'
```
npm package: @nongbitcorp/tailwind-room-between
Description: Utilities for controlling the room (padding) between child elements
Author: Nongbit
Latest version: 1.0.0

# Tailwind Room between
Utilities for controlling the room (padding) between child elements.

## Setup

Download package using npm.

```shell
npm i -D @nongbit/tailwind-room-between
```

Then add the plugin to your tailwind.config.js file:

```javascript
/** @type {import('tailwindcss').Config} */
module.exports = {
  theme: {
    // ...
  },
  plugins: [
    require('@nongbit/tailwind-room-between'),
    // ...
  ],
}
```

## Usage

See [Space between at Tailwind CSS Documentation](https://tailwindcss.com/docs/space).
npm package: @nonlux/react-common
Description: react common libs
Author: nonlux
Latest version: 0.0.5

# Часто испльзуемые компоненты реакт.


## Devtools
### Why-did-you-update

Злой инструмент, который мониторит как работают обновления в реакт.  К его крикам в консоли рекомендую прислушаться!
npm package: @nonlux/storybook
Description: React Storybook: Isolate React Component Development with Hot Reloading.
Latest version: 2.35.5

# React Storybook [![Build Status](https://travis-ci.org/storybooks/react-storybook.svg?branch=master)](https://travis-ci.org/storybooks/react-storybook) [![npm version](https://badge.fury.io/js/%40kadira%2Fstorybook.svg)](https://badge.fury.io/js/%40kadira%2Fstorybook) [![Storybook Slack](https://storybooks-slackin.herokuapp.com/badge.svg)](https://storybooks-slackin.herokuapp.com/)

React Storybook is a UI development environment for your React components. With it, you can visualize different states of your UI components and develop them interactively.

![React Storybook Screenshot](docs/demo.gif)

React Storybook runs outside of your app. So you can develop UI components in isolation without worrying about app specific dependencies and requirements.

## Getting Started

```js
npm i -g getstorybook
cd my-react-app
getstorybook
```

For more information visit: https://getstorybook.io

---

React Storybook also comes with a lot of [addons](https://getstorybook.io/docs/addons/introduction) and a great API to customize as you wish. You can also build a [static version](https://getstorybook.io/docs/basics/exporting-storybook) of your storybook and deploy it anywhere you want.

Here are some featured storybooks that you can reference to see how Storybook works:

  * [React Button](http://kadira-samples.github.io/react-button) - [source](https://github.com/kadira-samples/react-button)
  * [Demo of React Dates](http://airbnb.io/react-dates/) - [source](https://github.com/airbnb/react-dates)
  * [Demo of React Native Web](http://necolas.github.io/react-native-web/storybook/) - [source](https://github.com/necolas/react-native-web)

## Docs

* [Basics](https://getstorybook.io/docs/basics/introduction)
* [Configurations](https://getstorybook.io/docs/configurations/default-config)
* [Addons](https://getstorybook.io/docs/addons/introduction)