open-index/open-npm huggingface dataset:
npm package: @nikiswap/sdk
Description: 🛠 An SDK for building applications on top of Nikiswap.
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: @nikita-vanyasin/table
Description: Table for Editor.js
Author: CodeX Team
Latest version: 2.0.2

# Table tool

The Table Block for the [Editor.js](https://editorjs.io). Finally improved.

![](https://capella.pics/41294cec-a2b3-4157-8399-ffefed3d8ffd.jpg)

## Installation

Get the package

```shell
npm i --save @editorjs/table
```
or

```shell
yarn add @editorjs/table
```

## Usage

Add a new Tool to the `tools` property of the Editor.js initial config.

```javascript
import Table from '@editorjs/table';

var editor = EditorJS({
  tools: {
    table: Table,
  }
});
```

Or init the Table tool with additional settings

```javascript
var editor = EditorJS({
  tools: {
    table: {
      class: Table,
      inlineToolbar: true,
      config: {
        rows: 2,
        cols: 3,
      },
    },
  },
});
```

## Config Params

| Field              | Type     | Description          |
| ------------------ | -------- | ---------------------------------------- |
| `rows`             | `number` | initial number of rows. `2`  by default |
| `cols`             | `number` | initial number of columns. `2` by default |

## Output data

This Tool returns `data` in the following format

| Field          | Type         | Description           |
| -------------- | ------------ | ----------------------------------------- |
| `withHeadings` | `boolean`    | Uses the first line as headings |
| `content`      | `string[][]` | two-dimensional array with table contents |

```json
{
  "type" : "table",
  "data" : {
    "withHeadings": true,
    "content" : [ [ "Kine", "Pigs", "Chicken" ], [ "1 pcs", "3 pcs", "12 pcs" ], [ "100$", "200$", "150$" ] ]
  }
}
```

# Support maintenance 🎖

If you're using this tool and editor.js in your business, please consider supporting their maintenance and evolution.

[http://opencollective.com/editorjs](http://opencollective.com/editorjs)

# About CodeX

<img align="right" width="120" height="120" src="https://codex.so/public/app/img/codex-logo.svg" hspace="50">

CodeX is a team of digital specialists around the world interested in building high-quality open source products on a global market. We are [open](https://codex.so/join) for young people who want to constantly improve their skills and grow professionally with experiments in leading technologies.

| 🌐 | Join  👋  | Twitter | Instagram |
| -- | -- | -- | -- |
| [codex.so](https://codex.so) | [codex.so/join](https://codex.so/join) |[@codex_team](http://twitter.com/codex_team) | [@codex_team](http://instagram.com/codex_team) |
npm package: @nikita_npm/awesome_string_parsing
Description: The package has one function. The function gets string and print to console the number of vowels and consonants also print the length of the string. After all, the function returns an array with numbers that were printed.
Author: nikita_npm
Latest version: 1.0.2-alpha

# awesome_string_parsing
The package has one function. The function gets string and print to console the number of vowels and consonants also print the length of the string. After all, the function returns an array with numbers that were printed.
Using in your script:
    const someVar = require("@nikita_npm/awesome_string_parsing");
    someVar.string_parsing('string_parsing');
    /////output////////////
    Number of vowels in string: 3
    Number of consonants in string: 11
    String length: 14
    [ 3, 11, 14 ]
npm package: @nikitababko/id-generator
Description: ID generator
Author: Nikita Babko
Latest version: 2.0.0

# ID generator &middot; ![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)

## Usage example

-  uuidv4

   ```tsx
   import React from 'react';
   import { uuidv4 } from '@nikitababko/id-generator';

   import { AppProps } from './App.types.ts';

   export const App: React.FC<AppProps> = ({ users }) => {
      return (
         <div>
            {users.map((item) => (
               <div key={uuidv4()}> {/* d9c5f9f9-a7c3-ef9e-62cb-17ceea52001f */}
                  <p>{item.name}</p>
                  <p>{item.age}</p>
               </div>
            ))}
         </div>
      );
   };
   ```

-  hexId

  ```tsx
  import React from 'react';
  import { hexId } from '@nikitababko/id-generator';

  import { AppProps } from './App.types.ts';

  export const App: React.FC<AppProps> = ({ users }) => {
     return (
        <div>
           {users.map((item) => (
              <div key={hexId()}> {/* 2e69814173 */}
                 <p>{item.name}</p>
                 <p>{item.age}</p>
              </div>
           ))}
        </div>
     );
  };
  ```

## Installation

Installation is done using the `npm` or `yarn` or `pnpm`

- npm - `npm i @nikitababko/id-generator`

- yarn - `yarn add @nikitababko/id-generator`

- pnpm - `pnpm i @nikitababko/id-generator`

## License

[MIT](./LICENSE.md)
npm package: @nikitababko/password-generator
Description: Password generator
Author: Nikita Babko
Latest version: 1.0.0

# Password generator &middot; ![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)

## Installation

- npm - `npm i @nikitababko/password-generator`

- yarn - `yarn add @nikitababko/password-generator`

- pnpm - `pnpm i @nikitababko/password-generator`

## Usage example

```
  // ts import
  import generatePassword from '@nikitababko/password-generator';
  
  // js import
  const generatePassword = require('@nikitababko/password-generator');
  
  
  generatePassword({ length: 16 }) // [ 'ks3vaGA@?,798FM!' ]
  
  generatePassword({ length: 16, quantity: 2 }) // [ '+q"]G322WMxi!E6d', "l@4W0Nzm3R4>Q~?r' ]
```

### Available options

| Name                    | Description                           | Default Value |
|-------------------------|---------------------------------------|---------------|
| length                  | Integer, password length              | 16            |
| quantity                | Integer, number of passwords          | 1             |
| includeNumbers          | Boolean, include numbers              | true          |
| includeLowerCaseChars   | Boolean, include lowercase chars      | true          |
| includeUpperCaseChars   | Boolean, include uppercase chars      | true          |
| includeSymbols          | Boolean, include symbols              | true          |
| excludeSimilarChars     | Boolean, exclude similar chars        | false         |
| excludeSequentialChars  | Boolean, exclude sequential chars     | false         |
| excludeDuplicatesChars  | Boolean, exclude duplicates chars     | false         |
| excludeAmbiguousChars   | Boolean, exclude ambiguous chars      | false         |
| dontStartingWithANumber | Boolean, don't starting with a number | false         |
| dontStartingWithASymbol | Boolean, don't starting with a symbol | false         |

## License

[MIT](./LICENSE.md)
npm package: @nikitababko/react-custom-hooks
Description: Custom react hooks
Author: Nikita Babko
Latest version: 1.3.2

# [React custom hooks](https://www.npmjs.com/package/@nikitababko/react-custom-hooks)

### Install

`npm install @nikitababko/react-custom-hooks`

or

`yarn add @nikitababko/react-custom-hooks`

### Description

- <b>useInput</b>

  Managed component logic.

- <b>useHover</b>

  Hover effect.

- <b>[useScroll(useInfinitePagination)](https://developer.mozilla.org/ru/docs/Web/API/Intersection_Observer_API)</b>

  For example, we parse a list of tasks. Hundreds of tasks are loaded to us at once. But we don't want this behavior, we want to do dynamic pagination. That is, we scroll through, reach the end and the next batch is loaded for us.

- <b>useDebounce</b>

  We write something in the "input" field and a search request is sent to us - "give me a task with such and such a name".
  And we want this request to be sent not when the button is clicked,
  but the moment we enter something.

  <b>P.S.</b>There are a lot of options for using such a hook.
  It doesn't have to be "input".
  For example, we want to track when the user stops moving the mouse.
  or something like that.

- <b>useRequest</b>

  Request logic.

- <b>useModal</b>

  Pop-up window

- <b>useValidation</b>

  Form validation

- <b>useFocus</b>

  Focus on element
npm package: @nikitababko/reset-css
Description: An modified copy of Eric Meyer's CSS reset
Author: Nikita Babko
Latest version: 1.0.4

# reset css

Modified copy of Eric Meyer's [CSS reset](https://meyerweb.com/eric/tools/css/reset/).

## Install

- npm - `npm i @nikitababko/reset-css`

- yarn - `yarn add @nikitababko/reset-css`

- pnpm - `pnpm i @nikitababko/reset-css`

## Usage

Webpack and [css-loader](https://github.com/webpack-contrib/css-loader)

```js
import '@nikitababko/reset-css'
```

Sass:

```scss
@import '@nikitababko/reset-css'
```

Less:

```less
@import '@nikitababko/reset-css';
```

CSS:

```css
@import 'node_modules/@nikitababko/reset-css/reset.styles.css';
```

HTML:

```html
<link rel="stylesheet" href="node_modules/@nikitababko/reset-css/reset.styles.css"/>
```