open-index/open-npm huggingface dataset:
npm package: @rlbdev/oma-react-scripts
Description: Custom version of react-scripts for oma website. Changes Terser to parallel: true
Latest version: 3.2.0

# 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: @rlch/semantic-release-plugin-decorators
Description: [![Build Status](https://travis-ci.org/pmowrer/semantic-release-plugin-decorators.svg?branch=master)](https://travis-ci.org/pmowrer/semantic-release-plugin-decorators) [![npm](https://img.shields.io/npm/v/semantic-release-plugin-decorators.svg)](https://w
Latest version: 3.0.2

# semantic-release-plugin-decorators

[![Build Status](https://travis-ci.org/pmowrer/semantic-release-plugin-decorators.svg?branch=master)](https://travis-ci.org/pmowrer/semantic-release-plugin-decorators) [![npm](https://img.shields.io/npm/v/semantic-release-plugin-decorators.svg)](https://www.npmjs.com/package/semantic-release-plugin-decorators) [![semantic-release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg)](https://github.com/semantic-release/semantic-release)


This library provides utility functions to inject/extend plugins passed to `semantic-release`, allowing augmentation of any arbitrary plugin configuration in a way that the plugin system itself doesn't allow.
npm package: @rld2018/draft-js-mention-plugin
Description: Mention Plugin for DraftJS
Author: Nik Graf + YiQi
Latest version: 2.0.7

# DraftJS Mention Plugin

*This is a plugin for the `draft-js-plugins-editor`.*

This plugin allows you to add mentions to your editor!

Usage:

```js
import createMentionPlugin from 'draft-js-mention-plugin';

const mentionPlugin = createMentionPlugin({ mentions });
```

## Importing the default styles

The plugin ships with a default styling available at this location in the installed package:
`node_modules/draft-js-mention-plugin/lib/plugin.css`.

### Webpack Usage
Follow the steps below to import the css file by using Webpack's `style-loader` and `css-loader`.

1. Install Webpack loaders: `npm install style-loader css-loader --save-dev`
2. Add the below section to Webpack config (if your Webpack already has loaders array, simply add the below loader object(`{test:foo, loaders:bar[]}`) as an item in the array).

    ```js
    module: {
      loaders: [{
        test: /\.css$/,
        loaders: [
          'style-loader', 'css'
        ]
      }]
    }
    ```

3. Add the below import line to your component to tell Webpack to inject style to your component.

    ```js
    import 'draft-js-mention-plugin/lib/plugin.css';
    ```
4. Restart Webpack.
npm package: @rldona/custom-element
Description: This webcomponent follows the [open-wc](https://github.com/open-wc/open-wc) recommendation.
Author: custom-element
Latest version: 0.0.6

# \<custom-element>

## Installation
```bash
npm i custom-element
```

## Usage
```html
<script type="module">
  import 'custom-element/custom-element.js';
</script>

<custom-element></custom-element>
```
npm package: @rlean/react-textfit
Description: Fixed version of react-textfit to work with the latest react versions
Author: tommyers-dev
Latest version: 1.0.0

# @rlean/react-textfit

This is a clone of the original repo, which is not maintained anymore and has compatibility problems with the latest version of React. I also included the type declarations in case you use TS.

- fit **headlines and paragraphs** into any element
- **fast:** uses binary search for efficiently find the correct fit
- **100%** react-goodness
- works with **any style** configuration (line-height, padding, ...)
- **[check out the demo](http://malte-wessel.github.io/react-textfit/)**
- **[check out the original repo](https://github.com/malte-wessel/react-textfit)**

## Table of Contents

- [Installation](#installation)
- [Usage](#usage)
- [Modes](#modes)
- [API](#api)
- [License](#license)

## Installation

```bash
npm install @rlean/react-textfit --save
```

## Usage

### Headlines

```javascript
import { Textfit } from '@rlean/react-textfit';

class App extends Component {
  render() {
    return <Textfit mode="single">Fat headline!</Textfit>;
  }
}
```

#### Respect the element's height when using single lines

```javascript
import { Textfit } from '@rlean/react-textfit';

class App extends Component {
  render() {
    return (
      <Textfit mode="single" forceSingleModeWidth={false}>
        Fat headline!
      </Textfit>
    );
  }
}
```

### Paragraphs

```javascript
import { Textfit } from '@rlean/react-textfit';

class App extends Component {
  render() {
    return (
      <Textfit mode="multi">
        Lorem <strong>ipsum</strong> dolor sit amet, consectetur adipisicing
        elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
        Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi
        ut aliquip ex ea commodo consequat. Duis aute irure dolor in
        reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
        pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa
        qui officia deserunt mollit anim id est laborum.
      </Textfit>
    );
  }
}
```

## Modes

### `single`

**Algorithm steps:**

```
1. binary search to fit the element's width
2. if forceSingleModeWidth=false and text overflows height
    2a. binary search to also fit the elements height
```

### `multi`

**Algorithm steps:**

```
1. binary search to fit the element's height
2. if text overflows width
    2a. binary search to also fit the elements width
```

## API

### `<Textfit>`

#### Props

- `mode` (single|multi) Algorithm to fit the text. Use single for headlines and multi for paragraphs. Default is `multi`.
- `forceSingleModeWidth` (Boolean) When mode is single and forceSingleModeWidth is true, the element's height will be ignored. Default is `true`.
- `min` (Number) Minimum font size in pixel. Default is `1`.
- `max` (Number) Maximum font size in pixel. Default is `100`.
- `throttle` (Number) Window resize throttle in milliseconds. Default is `50`.
- `onReady` (Function) Will be called when text is fitted.

## License

MIT
npm package: @rlemasquerier/react-native-keyboard-scrollview
Description: A react-native scrollview that will avoid the keyboard when focusing some inputs
Author: Rodolphe Lemasquerier
Latest version: 0.2.1

# react-native-keyboard-scrollview

A react-native scrollview that will avoid the keyboard when focusing some inputs

## Preview

![gif preview](docs/preview.gif "Video preview")

## Installation

```sh
npm install @rlemasquerier/react-native-keyboard-scrollview
```

## Usage

```js
import { KeyboardScrollView } from '@rlemasquerier/react-native-keyboard-scrollview';

// ...

<KeyboardScrollView
    contentContainerStyle={styles.container}
    additionalScrollHeight={20}
>
    <SomeScrollableContent />
    { /*... */ }
</KeyboardScrollView>
```

## Contributing

See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.

## License

MIT

---

Made with [create-react-native-library](https://github.com/callstack/react-native-builder-bob)
npm package: @rlemiengre/async-read-multiple-json
Description: Asynchronously read the contents of one or more JSON files into a promise-wrapped array.
Author: Ruben L
Latest version: 1.0.0

# @rlemiengre/async-read-multiple-json

## Version

1.0.0

## Description

Asynchronously read the contents of one or more JSON files into a promise-wrapped array,
in order to process the contents of the files only after they are all read and parsed correctly.

## Usage

**file1.json**:
```json
{
  "id": 1,
  "name": "name1",
  "content": [
    "item1",
    "item2"
  ],
  "visited": 11
}

```

**file2.json**:
```json
{
  "id": 2,
  "name": "name2",
  "content": [
    "item1",
    "item2"
  ],
  "visited": 8
}
```

**file3.json**:
```json
{
  "id": 3,
  "name": "name3",
  "content": [
    "item1",
    "item2"
  ],
  "visited": 0
}
```

**index.js**:

```js
const asyncReadMultipleJSON = require(async-read-multiple-json);  

const jsonFiles = [ 
	'file1.json', 
	'file2.json', 
	'file3.json'
];   

asyncReadMultipleJSON(jsonFiles)
    .then(responses => { 
        for (let i=0; i<responses.length; i++) {
            console.log(responses[i]);
        }
    })
    .catch(err => {
        console.log(err.message);
    });
```

**running the code**:
```bash
>> node index.js
```

```js
{
    "id": 1,
    "name": "name1",
    "content": [
      "item1",
      "item2"
    ],
    "visited": 11
}

{
    "id": 2,
    "name": "name2",
    "content": [
      "item1",
      "item2"
    ],
    "visited": 8
}

{
    "id": 3,
    "name": "name3",
    "content": [
      "item1",
      "item2"
    ],
    "visited": 0
}
```

## Installation

Use the package manager **npm** to install @rlemiengre/async-read-multiple-json.

```bash
>> npm install --save @rlemiengre/async-read-multiple-json
```

## API

**syntax**:

asyncReadMultipleJSON(fileList);

**parameters**:

fileList

An array of one or more JSON files to be read.

**return value**:

The function returns a promise (which resolves with an array of objects representing the contents of the provided JSON files).

## Errors

When an exception happens during execution of the code, a custom error object will be thrown:  

```json
{
    code: <error-type>,
    file: <file-name>,
    message: <message>
}
```

Possible error-types (passed in the "**code**" property):  

- "ERR_READ_ERROR":
One of the files could not be read.

- "ERR_PARSE_ERROR":
There was a problem parsing one of the provided files.

The "**file**" property contains the filename of the file where the error occurred.

The "**message**" property is a more verbose error message (also including the error type and filename).

## License
[MIT](https://choosealicense.com/licenses/mit/)

## Contributors

**rlemiengre**  
[https://github.com/rlemiengre](https://github.com/rlemiengre)
npm package: @rleys/vue-plotly
Description: This module is based on the vue-plotly package from Devid Desmaisons.
Latest version: 1.1.3


This module is based on the vue-plotly package from Devid Desmaisons. 

Currently only the dependencies were updated to keep compatible with Vue 2 and Nuxt.js


# vue-plotly

[![Npm version](https://img.shields.io/npm/v/@rleys/vue-plotly.svg)](https://www.npmjs.com/package/@rleys/vue-plotly)
[![MIT License](https://img.shields.io/github/license/David-Desmaisons/vue-plotly.svg)](https://github.com/David-Desmaisons/vue-plotly/blob/master/LICENSE)

<h2>Thin vue wrapper for <a
              href="https://plot.ly/javascript/"
              target="_blank"
            >plotly.js</a></h2>
<span>It provides:</span>
<ul>
  <li>all plotly.js methods and events</li>
  <li>data reactivity</li>
  <li>Redraw on resizing</li>
</ul>

![example](./example/assets/demo.gif)

## Live example
https://david-desmaisons.github.io/vue-plotly/

## Usage
```HTML
<Plotly :data="data" :layout="layout" :display-mode-bar="false"></Plotly>
```
```javascript
import { Plotly } from 'vue-plotly'

export default {
  components: {
    Plotly
  },
  data:{
    data:[{
      x: [1,2,3,4],
      y: [10,15,13,17],
      type:"scatter"
    }],
    layout:{
      title: "My graph"
    }
  }
}
```
## API

#### Props 

- `data` ***Array*** (*optional*) 

  [Data](https://plot.ly/javascript/reference/) to be displayed

- `layout` ***Object*** (*optional*) 

  Graphic [layout](https://plot.ly/javascript/reference/#layout)

- `id` ***String*** (*optional*) 

  Id of the root HTML element of the component.

- Others:

  Plotly component implements the [transparent wrapper pattern](https://zendev.com/2018/05/31/transparent-wrapper-components-in-vue.html):<br>All other props will be passed as plotly graphic [option](https://plot.ly/javascript/configuration-options/).

## Installation
```
npm install vue-plotly
```

## Project setup
```
npm install
```

### Compiles and hot-reloads for development
```
npm run serve
```

### Compiles and minifies for production
```
npm run build
```

### Run your tests
```
npm run test
```

### Lints and fixes files
```
npm run lint
```

### Run your unit tests
```
npm run test:unit
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).
npm package: @rleys/vue-plotly-basic
Description: ** This module is based on the vue-plotly package from David Desmaisons **
Latest version: 1.1.15


** This module is based on the vue-plotly package from David Desmaisons **

Currently only the dependencies were updated to keep compatible with Vue 2 and Nuxt.js
This variant builds against the Plotly basic min distribution

# vue-plotly-basic 

[![Npm version](https://img.shields.io/npm/v/@rleys/vue-plotly-basic.svg)](https://www.npmjs.com/package/@rleys/vue-plotly-basic)
[![MIT License](https://img.shields.io/github/license/David-Desmaisons/vue-plotly.svg)](https://github.com/David-Desmaisons/vue-plotly/blob/master/LICENSE)

<h2>Thin vue wrapper for <a
              href="https://plot.ly/javascript/"
              target="_blank"
            >plotly.js-basic</a></h2>
<span>It provides:</span>
<ul>
  <li>all plotly.js-basic methods and events</li>
  <li>data reactivity</li>
  <li>Redraw on resizing</li>
</ul>

![example](./example/assets/demo.gif)

## Live example
https://david-desmaisons.github.io/vue-plotly/

## Usage
```HTML
<Plotly :data="data" :layout="layout" :display-mode-bar="false"></Plotly>
```
```javascript
import { Plotly } from 'vue-plotly-basic'

export default {
  components: {
    Plotly
  },
  data:{
    data:[{
      x: [1,2,3,4],
      y: [10,15,13,17],
      type:"scatter"
    }],
    layout:{
      title: "My graph"
    }
  }
}
```
## API

#### Props 

- `data` ***Array*** (*optional*) 

  [Data](https://plot.ly/javascript/reference/) to be displayed

- `layout` ***Object*** (*optional*) 

  Graphic [layout](https://plot.ly/javascript/reference/#layout)

- `id` ***String*** (*optional*) 

  Id of the root HTML element of the component.

- Others:

  Plotly component implements the [transparent wrapper pattern](https://zendev.com/2018/05/31/transparent-wrapper-components-in-vue.html):<br>All other props will be passed as plotly graphic [option](https://plot.ly/javascript/configuration-options/).

## Installation
```
npm install @rleys/vue-plotly-basic
```

## Project setup
```
npm install
```

### Compiles and hot-reloads for development
```
npm run serve
```

### Compiles and minifies for production
```
npm run build
```

### Run your tests
```
npm run test:unit
```

### Lints and fixes files
```
npm run lint
```

### Run your unit tests
```
npm run test:unit
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).