open-index/open-npm huggingface dataset:
npm package: @medistream/editorjs-code
Description: Code Tool for Editor.js
Author: medistream.team
Latest version: 2.9.1

![](https://badgen.net/badge/Editor.js/v2.0/blue)

# Code Tool for Editor.js

Code Tool for the [Editor.js](https://ifmo.su/editor) allows to include code examples in your articles.

![](https://capella.pics/8df022f5-b4d5-4d30-a527-2a0efb63f291.jpg)

## Installation

### Install via NPM

Get the package

```shell
npm i --save-dev @editorjs/code
```

Include module at your application

```javascript
const CodeTool = require('@editorjs/code');
```

### Download to your project's source dir

1. Upload folder `dist` from repository
2. Add `dist/bundle.js` file to your page.

### Load from CDN

You can load specific version of package from [jsDelivr CDN](https://www.jsdelivr.com/package/npm/@editorjs/code).

`https://cdn.jsdelivr.net/npm/@editorjs/code@2.0.0`

Require this script on a page with Editor.js.

```html
<script src="..."></script>
```

## Usage

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

```javascript
var editor = EditorJS({
  ...
  
  tools: {
    ...
    code: CodeTool,
  }
  
  ...
});
```

## Config Params

| Field       | Type     | Description                    |
| ----------- | -------- | -------------------------------|
| placeholder | `string` | Code Tool's placeholder string |

## Output data

This Tool returns code.

```json
{
    "type" : "code",
    "data" : {
        "code": "body {\n font-size: 14px;\n line-height: 16px;\n}",
    }
}
```
npm package: @medistream/editorjs-header-with-alignment
Description: Header Tool With Alignment for Editor.js
Author: medistream.team
Latest version: 1.1.1

# Heading Tool

![Version of EditorJS that the plugin is compatible with](https://badgen.net/badge/Editor.js/v2.0/blue)

Provides Headings Blocks for the [Editor.js](https://ifmo.su/editor).

## Installation

### Install via NPM

Get the package

```shell
npm i --save editorjs-header-with-alignment
```

Include module at your application

```javascript
const Header = require("editorjs-header-with-alignment");
```

### Download to your project's source dir

1. Upload folder `dist` from repository
2. Add `dist/bundle.js` file to your page.

## Usage

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

```javascript
var editor = EditorJS({
  ...

  tools: {
    ...
    header: Header,
  },

  ...
});
```

## Config Params

All properties are optional.

| Field            | Type       | Description                 |
| ---------------- | ---------- | --------------------------- |
| placeholder      | `string`   | header's placeholder string |
| levels           | `number[]` | enabled heading levels      |
| defaultLevel     | `number`   | default heading level       |
| defaultAlignment | `string`   | default alignment level     |

```javascript
var editor = EditorJS({
  ...

  tools: {
    ...
    header: {
      class: Header,
      config: {
        placeholder: 'Enter a header',
        levels: [2, 3, 4],
        defaultLevel: 3,
        defaultAlignment: 'left'
      }
    }
  }

  ...
});
```

## Output data

| Field | Type     | Description                                          |
| ----- | -------- | ---------------------------------------------------- |
| text  | `string` | header's text                                        |
| level | `number` | level of header: 1 for H1, 2 for H2 ... 6 for H6     |
| align | `string` | heder alignment: 'left', 'center', 'justify', 'right |

```json
{
  "type": "header",
  "data": {
    "text": "Why Telegram is the best messenger",
    "level": 2,
    "align": "left"
  }
}
```
npm package: @medistream/editorjs-inline-code
Description: InlineCode Tool for Editor.js
Author: medistream.team
Latest version: 1.5.0

![](https://badgen.net/badge/Editor.js/v2.0/blue)

# InlineCode Tool

Inline Tool for marking code-fragments for the [Editor.js](https://ifmo.su/editor).

![](assets/example.gif)

## Installation

### Install via NPM

Get the package

```shell
npm i --save-dev @editorjs/inline-code
```

Include module at your application

```javascript
const InlineCode = require('@editorjs/inline-code');
```

### Download to your project's source dir

1. Upload folder `dist` from repository
2. Add `dist/bundle.js` file to your page.

### Load from CDN

You can load specific version of package from [jsDelivr CDN](https://www.jsdelivr.com/package/npm/@editorjs/inline-code).

`https://cdn.jsdelivr.net/npm/@editorjs/inline-code@1.0.1`

Require this script on a page with Editor.js.

```html
<script src="..."></script>
```

## Usage

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

```javascript
var editor = EditorJS({
  ...
  
  tools: {
    ...
    inlineCode: {
      class: InlineCode,
      shortcut: 'CMD+SHIFT+M',
    },
  },
  
  ...
});
```

## Config Params

This Tool has no config params

## Output data

Marked text will be wrapped with a `span` tag with an `inline-code` class.

```json
{
    "type" : "text",
    "data" : {
        "text" : "Create a directory for your module, enter it and run <span class=\"inline-code\">npm init</span> command."
    }
}
```
npm package: @medistream/editorjs-medistream-product
Description: Medistream product plugins for Medistream.
Author: medistream.team
Latest version: 0.0.9

![](https://badgen.net/badge/Editor.js/v2.0/blue)

# 메디스트림 상품 관련 플러그인

Editorjs 에서 메디스트림의 상품 관련 플러그인들을 사용할 수 있습니다.

### 설치

```shell
npm i @medistream/editorjs-product-plugins
```

or

```shell
yarn add @medistream/editorjs-product-plugins
```

## 사용 방법

Editor.js 의 설정 객체의 tools 속성에 사용하고 싶은 플러그인을 삽입합니다.

```javascript
import { CartWidget } from '@medistream/editorjs-product-plugins'

var editor = EditorJS({
  ...

  tools: {
    ...
    cartWidget: {
      class: CartWidget,
    },
  }

  ...
});
```

## 지원하는 플러그인

1. `cartWidget`: 장바구니 담기 위젯
npm package: @medistream/editorjs-nested-list
Description: Nested list Tool for EditorJS
Author: medistream.team
Latest version: 1.4.0

![](https://badgen.net/badge/Editor.js/v2.19.2/blue)

# Nested List Tool for Editor.js

Multi-leveled lists for the [Editor.js](https://editorjs.io).

Use `Tab` and `Shift+Tab` keys to create or remove sublist with a padding.

![](assets/example.gif)

## Installation

### Install via NPM

Get the package

```shell
npm i --save @editorjs/nested-list
```

Or

```shell
yarn add @editorjs/nested-list
```

Include module at your application

```javascript
import NestedList from '@editorjs/nested-list';
```

### Load from CDN

Load the script from [jsDelivr CDN](https://www.jsdelivr.com/package/npm/@editorjs/nested-list) and connect to your page.

```html
<script src="https://cdn.jsdelivr.net/npm/@editorjs/nested-list@latest"></script>
```

## Usage

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

```javascript
import EditorJS from '@editorjs/editorjs';
import NestedList from '@editorjs/nested-list';

var editor = EditorJS({
  // ...
  tools: {
    ...
    list: {
      class: NestedList,
      inlineToolbar: true,
      config: {
        defaultStyle: 'unordered'
      },
    },
  },
});
```

## Config Params

| Field        | Type     | Description                                                    |
|--------------|----------|----------------------------------------------------------------|
| defaultStyle | `string` | default list style: `ordered` or `unordered`, default is `unordered` |

## Tool's settings

![](assets/bf5a42e4-1350-499d-a728-493b0fcaeda4.jpg)

You can choose list`s type.

## Output data

| Field | Type      | Description                              |
| ----- | --------- | ---------------------------------------- |
| style | `string`  | type of a list: `ordered` or `unordered` |
| items | `Item[]`  | the array of list's items                |

Object `Item`:

| Field   | Type      | Description               |
| ------- | --------- | ------------------------- |
| content | `string`  | item's string content     |
| items   | `Item[]`  | the array of list's items |


```json
{
    "type" : "list",
    "data" : {
        "style" : "unordered",
        "items" : [
            {
              "content": "Apples",
              "items": [
                {
                  "content": "Red",
                  "items": []
                },
                {
                  "content": "Green",
                  "items": []
                },
              ]
            },
            {
              "content": "Bananas",
              "items": [
                {
                  "content": "Yellow",
                  "items": []
                },
              ]
            },
        ]
    }
},
```
npm package: @medistream/editorjs-paragraph-with-alignment
Description: Paragraph Tool with alignment for Editor.js
Author: medistream.team
Latest version: 3.1.4

![](https://badgen.net/badge/Editor.js/v2.0/blue)

# Paragraph Tool with alignment for Editor.js

#### If you can help, please push the Star button :)

![image](https://user-images.githubusercontent.com/2194021/113742029-29803780-973d-11eb-8a66-c599d5d08c16.png)

### If you want to add an alignment to another block
This is useful
[editorjs-alignment-blocktune](https://github.com/kaaaaaaaaaaai/editorjs-alignment-blocktune)

## versions
| version  | Description     |
| ------ | -------- |
| @2.x   | support alignment left/center/right |
| @3.x | support alignment left/center/right/justify |

## Installation

### Install via NPM

Get the package

```shell
npm i --save editorjs-paragraph-with-alignment@3.x
```

Include module at your application

```javascript
const Paragraph = require('editorjs-paragraph-with-alignment');
```

### Download to your project's source dir

1. Upload folder `dist` from repository
2. Add `dist/bundle.js` file to your page.

### Load from CDN

`https://cdn.jsdelivr.net/npm/editorjs-paragraph-with-alignment@3.0.0`

## Usage

The Paragraph tool is included at editor.js by default, so you don't need to connect it manually.
If you want to connect your customized version of this tool, do not forget to use the [`initialBlock`](https://editorjs.io/configuration#change-the-default-block)
option of the editor config.

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

```javascript
var editor = EditorJS({
  ...

  tools: {
    ...
    paragraph: {
      class: Paragraph,
      inlineToolbar: true,
    },
  }

  ...
});
```

## Config Params

The Paragraph Tool supports these configuration parameters:

| Field | Type     | Description        |
| ----- | -------- | ------------------ |
| placeholder | `string` | The placeholder. Will be shown only in the first paragraph when the whole editor is empty.  |
| preserveBlank | `boolean` | (default: `false`) Whether or not to keep blank paragraphs when saving editor data |

## Output data

| Field  | Type     | Description      |
| ------ | -------- | ---------------- |
| text   | `string` | paragraph's text |
| alignment   | `string` | left/center/right/justify |


```json
{
    "type" : "paragraph",
    "data" : {
        "text" : "Check out our projects on a <a href=\"https://github.com/codex-team\">GitHub page</a>.",
        "alignment": "left"
    }
}
```
npm package: @medistream/editorjs-product-plugins
Description: Medistream product plugins for Medistream.
Author: medistream.team
Latest version: 0.0.3

![](https://badgen.net/badge/Editor.js/v2.0/blue)

# 메디스트림 상품 관련 플러그인

Editorjs 에서 메디스트림의 상품 관련 플러그인들을 사용할 수 있습니다.

### 설치

```shell
npm i @medistream/editorjs-product-plugins
```

or

```shell
yarn add @medistream/editorjs-product-plugins
```

## 사용 방법

Editor.js 의 설정 객체의 tools 속성에 사용하고 싶은 플러그인을 삽입합니다.

```javascript
import { CartWidget } from '@medistream/editorjs-product-plugins'

var editor = EditorJS({
  ...

  tools: {
    ...
    cartWidget: {
      class: CartWidget,
    },
  }

  ...
});
```

## 지원하는 플러그인

1. `cartWidget`: 장바구니 담기 위젯
npm package: @medistream/editorjs-quote
Description: Quote Tool for Editor.js
Author: medistream.team
Latest version: 2.6.2

![](https://badgen.net/badge/Editor.js/v2.0/blue)

# Quote Tool

Provides Quote Blocks for the [Editor.js](https://editorjs.io).

![](https://capella.pics/017dca46-6869-40cb-93a0-994416576e33.jpg)

## Installation

### Install via NPM

Get the package

```shell
npm i --save-dev @editorjs/quote
```

Include module at your application

```javascript
const Quote = require('@editorjs/quote');
```

### Download to your project's source dir

1. Upload folder `dist` from repository
2. Add `dist/bundle.js` file to your page.

### Load from CDN

You can load specific version of package from [jsDelivr CDN](https://www.jsdelivr.com/package/npm/@editorjs/quote).

`https://cdn.jsdelivr.net/npm/@editorjs/quote@latest`

Then require this script on page with Editor.js.

```html
<script src="..."></script>
```

## Usage

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

```javascript
var editor = EditorJS({
  ...
  
  tools: {
    ...
    quote: Quote,
  },
  
  ...
});
```

Or init Quote Tool with additional settings

```javascript
var editor = EditorJS({
  ...
  
  tools: {
    ...
    quote: {
      class: Quote,
      inlineToolbar: true,
      shortcut: 'CMD+SHIFT+O',
      config: {
        quotePlaceholder: 'Enter a quote',
        captionPlaceholder: 'Quote\'s author',
      },
    },
  },
  
  ...
});
```

## Config Params

| Field              | Type     | Description                 |
| ------------------ | -------- | ----------------------------|
| quotePlaceholder   | `string` | quote's placeholder string  |
| captionPlaceholder | `string` | caption's placeholder string|

## Tool's settings

![](https://capella.pics/0db5d4de-c431-4cc2-90bf-bb1f4feec5df.jpg)

You can choose alignment for the quote. It takes no effect while editing, but saved the «alignment» param.

## Output data

| Field     | Type     | Description          |
| --------- | -------- | -------------------- |
| text      | `string` | quote's text         |
| caption   | `string` | caption or an author |
| alignment | `string` | `left` or `center`   |


```json
{
    "type" : "quote",
    "data" : {
        "text" : "The unexamined life is not worth living.",
        "caption" : "Socrates",
        "alignment" : "left"
    }
}
```
npm package: @medistream/editorjs-raw
Description: Raw HTML Tool for Editor.js
Author: medistream.team
Latest version: 2.5.0

![](https://badgen.net/badge/CodeX%20Editor/v2.0/blue)

# Raw HTML Tool for Editor.js

Raw Tool for the [Editor.js](https://codex.so/editor) allows to include raw HTML code in your articles.

![](https://capella.pics/5195d944-966d-40cf-8f86-78c6349d94cb.jpg)

## Installation

### Install via NPM

Get the package

```shell
npm i --save-dev @editorjs/raw
```

Include module at your application

```javascript
const RawTool = require('@editorjs/raw');
```

### Download to your project's source dir

1. Upload folder `dist` from repository
2. Add `dist/bundle.js` file to your page.

### Load from CDN

You can load specific version of package from [jsDelivr CDN](https://www.jsdelivr.com/package/npm/@editorjs/raw).

`https://cdn.jsdelivr.net/npm/@editorjs/raw`

Require this script on a page with CodeX Editor.

```html
<script src="..."></script>
```

## Usage

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

```javascript
var editor = CodexEditor({
  ...
  
  tools: {
    ...
    raw: RawTool,
  }
  
  ...
});
```

## Config Params

| Field       | Type     | Description                   |
| ----------- | -------- | ------------------------------|
| placeholder | `string` | Raw Tool's placeholder string |

## Output data

This Tool returns raw HTML code.

```json
{
    "type" : "raw",
    "data" : {
        "html": "<div style=\"background: #000; color: #fff; font-size: 30px; padding: 50px;\">Any HTML code</div>",
    }
}
```
npm package: @medistream/editorjs-underline
Description: Inline tool for underlining text fragments
Author: medistream.team
Latest version: 1.2.0

![](https://badgen.net/badge/Editor.js/v2.0/blue)

# Underline Tool
Inline tool for underlining text fragments for the [Editor.js](https://github.com/codex-team/editor.js)

![](editorjs-underline.gif)

## Installation

### Install via NPM

Get the package

```shell
npm i --save @editorjs/underline
```

```shell
yarn add @editorjs/underline
```

Include module at your application

```javascript
import Underline from '@editorjs/underline';
```

### Download to your project's source dir

1. Upload folder `dist` from repository
2. Add `dist/bundle.js` file to your page.

### Load from CDN

You can load the package from [jsDelivr CDN](https://www.jsdelivr.com/package/npm/@editorjs/underline) and require the script on a page with Editor.js.

```html
<script src="https://cdn.jsdelivr.net/npm/@editorjs/underline@latest"></script>
```

## Usage

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

```javascript
import EditorJs from '@editorjs/editorjs';
import Underline from '@editorjs/underline';

var editor = new EditorJS({
  // ...
  tools: {
    // ...
    underline: Underline
  },
});
```

## Config Params

This Tool has no config params

## Output data

Underlined text will be wrapped with a `u` tag with an `cdx-underline` class.

```json
{
    "type" : "text",
    "data" : {
        "text" : "Create a directory for your module, enter it and run <u class=\"cdx-underline\">npm init</u> command."
    }
}
```
npm package: @medistream/editorjs-warning
Description: Warning Tool for Editor.js
Author: medistream.team
Latest version: 1.4.5

![](https://badgen.net/badge/CodeX%20Editor/v2.0/blue)

# Warning Tool

Provides Warning Block for the [CodeX Editor](https://ifmo.su/editor). Block has title and message. It can be used, for example, for editorials notifications or appeals.

![](https://capella.pics/2d7b7bc1-ac46-4020-89c9-390d1a7297e2.jpg)

## Installation

### Install via NPM

Get the package

```shell
npm i --save-dev @editorjs/warning
```

Include module at your application

```javascript
const Warning = require('@editorjs/warning');
```

### Download to your project's source dir

1. Upload folder `dist` from repository
2. Add `dist/bundle.js` file to your page.

### Load from CDN

You can load specific version of package from [jsDelivr CDN](https://www.jsdelivr.com/package/npm/@editorjs/warning).

`https://cdn.jsdelivr.net/npm/@editorjs/warning@latest`

Then require this script on page with CodeX Editor.

```html
<script src="..."></script>
```

## Usage

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

```javascript
var editor = CodexEditor({
  ...
  
  tools: {
    ...
    warning: Warning,
  },
  
  ...
});
```

Or init Warning Tool with additional settings

```javascript
var editor = CodexEditor({
  ...
  
  tools: {
    ...
    warning: {
      class: Warning,
      inlineToolbar: true,
      shortcut: 'CMD+SHIFT+W',
      config: {
        titlePlaceholder: 'Title',
        messagePlaceholder: 'Message',
      },
    },
  },
  
  ...
});
```

## Config Params

| Field              | Type     | Description                       |
| ------------------ | -------- | ----------------------------------|
| titlePlaceholder   | `string` | Warning Tool's title placeholder  |
| messagePlaceholder | `string` | Warning Tool's message placeholder|

## Output data

| Field     | Type     | Description      |
| --------- | -------- | -----------------|
| title     | `string` | warning's title  |
| message   | `string` | warning's message|

```json
{
    "type" : "warning",
    "data" : {
        "title" : "Note:",
        "message" : "Avoid using this method just for lulz. It can be very dangerous opposite your daily fun stuff."
    }
}
```
npm package: @meditatio/audio-toolkit
Description: Cross-platform audio library for React Native
Latest version: 2.0.4

![banner](/banner.png)

[![npm version](https://badge.fury.io/js/%40react-native-community%2Faudio-toolkit.svg)](https://badge.fury.io/js/%40react-native-community%2Faudio-toolkit)

This is a cross-platform (Android and iOS) audio library for React Native.
Both audio playback and recording is supported. In addition to basic
functionality, many useful features are implemented such as seeking,
looping and streaming audio files over the network.

An example how to use this library is included in the [ExampleApp](/ExampleApp)
directory. The demo showcases most of the functionality that is available, with
documentation under [docs](/docs). In the simplest case, playing media is as
easy as:

```js
new Player('filename.mp4').play();
```

and recording media to filename.mp4 similarly
```js
new Recorder(‘filename.mp4’).record();
```

How to get this stuff running?
------------------------------

* For a quick test drive, check out the [demo application](/ExampleApp)
* [Include the library](/docs/SETUP.md) in your project

Documentation
-------------

* Find the API documentation [here](/docs/API.md)
* Examples on playback from various [media sources](/docs/SOURCES.md)
* Notes on [developing the library itself](/docs/DEVELOPING.md)
* Rough [state diagram](/docs/state_diagram.svg) of the [Player](src/Player.js)
* View the [changelog](/CHANGELOG.md)

License
-------

All JavaScript, Android and iOS code licensed under MIT license, see LICENSE
file. Some of the files are from React Native templates and are licensed
accordingly.
npm package: @meditator/use-input
Description: <h1 align="center">Welcome to React Hooks 👋</h1> <p>   <img alt="Version" src="https://img.shields.io/badge/version-1.0.0-blue.svg?cacheSeconds=2592000" /> </p>
Author: Juunone
Latest version: 1.0.3

<h1 align="center">Welcome to React Hooks 👋</h1>
<p>
  <img alt="Version" src="https://img.shields.io/badge/version-1.0.0-blue.svg?cacheSeconds=2592000" />
</p>

> Create React hooks

## Install

```sh
npm install
```

## Author

👤 **Juunone**

* Github: [@juunone](https://github.com/juunone)

## Show your support

Give a ⭐️ if this project helped you!

***
_This README was generated with ❤️ by [readme-md-generator](https://github.com/kefranabg/readme-md-generator)_
npm package: @meditech/lerna-collect-updates-scoped
Description: Determine updates for each package individually
Author: Daniel Stockman
Latest version: 3.18.0

# `@lerna/collect-updates`

> An internal Lerna tool

## Usage

Unlike the regular lerna collect-updates which finds the last tagged commit and determines
if a package updated since then, this version will find the last tag matching each package's
name (if any) and will determine if any changes have happened since that last tag.

This allows the version command to only publish some of the changes, rather than always publishing
all changes.

Install [lerna](https://www.npmjs.com/package/lerna) for access to the `lerna` CLI.