open-index/open-npm huggingface dataset:
npm package: @noname-media/eslint-config-standard
Description: My customized eslint config ;), it follows the StandardJS rules
Author: Andi Heinkelein
Latest version: 1.1.5

# eslint-config-standard

[![JavaScript Style Guide - Standard Style](https://cdn.rawgit.com/standard/standard/master/badge.svg)](http://standardjs.com)

My customized eslint config, it follows the [standard](https://standardjs.com/rules.html) rules.

## Install

```shell
npm i @noname-media/eslint-config-standard --save-dev
```

Minimal `.eslintrc` file

```js
{
  "extends": "@noname-media/standard"
}
```

Minimal `.eslintrc` file for unit tests folder

```js
{
  "extends": "@noname-media/standard/test"
}
```
npm package: @noname0310/mmd-parser
Description: MMD parser
Author: noname0310
Latest version: 0.1.6

# MMD Parser

mmd-parser re written in typescript.

## Copyright

You are allowed to use Crypton's Vocaloid(Hatsune Miku, Kagamine Rin, and so on)
stuffs (MMD models, songs, and so on) only if you follow the guideline set by
Crypton Future Media, INC. for the usage of its characters.

For detail, see http://piapro.net/en_for_creators.html
npm package: @nonameffh/react-conditional
Description: Yet another syntax sugar for conditional rendering in React
Author: nonameFFh
Latest version: 1.0.1

# Conditional rendering 

## Install

NPM
```shell script
npm install --save-dev @nonameffh/react-conditional
```

## 'If' components

### Children

Then, Else, ElseIf

### Usage

```javascript
class Example extends React.Component {
    render() {
        return (
            <div>
                <If condition={this.state.value === "test"}>
                    <Then>Test</Then>
                    <ElseIf condition={this.state.value === "not test"}>Not test</ElseIf>
                    <Else>Unknown value</Else>
                </If>  
            </div> 
        );
    }
}
```

## 'Switch' components 

### Children

Case, Default

### Usage

```javascript
class Example extends React.Component {
    render() {
        return (
            <div>
                <Switch value={this.state.value} strict={false}>
                    <Case condition={"test1"}>Test1 case</Case>
                    <Case condition={"test2"}>Test2 case</Case>
                    <Default>Anything else</Default>
                </Switch>
            </div> 
        );
    }
}
```

## ForEach component

### Usage

```javascript
class Item extends React.Component {
    render() {
        return (
            <div key={this.props.index}>value: {this.props.item}</div>        
        );            
    }
}
class Example extends React.Component {
    public constructor(props) {
        super(props);
        this.state = {
            items: [
                "red", "green", "orange"            
            ]                   
        };    
    }
    render() {
        return (
            <div>
               <ForEach for={this.state.items}>
                    <Item/>
                </ForEach>
            </div> 
        );
    }
}
```


## ForIn component

### Usage

```javascript
class Item extends React.Component {
    render() {
        return (
            <div key={this.props.index}>value: {this.props.item}</div>        
        );            
    }
}
class Example extends React.Component {
    public constructor(props) {
        super(props);
        this.state = {
            value: {prop1:"red",prop2:"green",prop3:"orange"}                   
        };    
    }
    render() {
        return (
            <div>
               <ForIn for={this.state.items}>
                    <Item/>
                </ForIn>
            </div> 
        );
    }
}
```
npm package: @nonamegeorge/jodit-react
Description: Jodit is awesome and usefully wysiwyg editor with filebrowser
Author: Chupurnov
Latest version: 1.0.18

# React Jodit WYSIWYG Editor

[![npm](https://img.shields.io/npm/v/jodit-react.svg)](https://www.npmjs.com/package/jodit-react)
[![npm](https://img.shields.io/npm/dm/jodit-react.svg)](https://www.npmjs.com/package/jodit-react)
[![npm](https://img.shields.io/npm/l/jodit-react.svg)](https://www.npmjs.com/package/jodit-react)

React wrapper for [Jodit](https://xdsoft.net/jodit/)

> [Jodit React PRO](https://xdsoft.net/jodit/pro/) it is an extended version of Jodit React with the same API, but with a lot more features.

## Installation

```bash
npm install jodit-react --save
```

## Update editor version

```bash
npm update jodit-react
```

## Run demo

```bash
npm install --dev
npm run demo
```

and open

```
http://localhost:4000/
```

## Usage

### 1. Require and use Jodit-react component inside your application.

```jsx
import React, { useState, useRef, useMemo } from 'react';
import JoditEditor from 'jodit-react';

const Example = ({ placeholder }) => {
	const editor = useRef(null);
	const [content, setContent] = useState('');

	const config = useMemo(
		{
			readonly: false, // all options from https://xdsoft.net/jodit/docs/,
			placeholder: placeholder || 'Start typings...'
		},
		[placeholder]
	);

	return (
		<JoditEditor
			ref={editor}
			value={content}
			config={config}
			tabIndex={1} // tabIndex of textarea
			onBlur={newContent => setContent(newContent)} // preferred to use only this option to update the content for performance reasons
			onChange={newContent => {}}
		/>
	);
};
```

### Jodit plugins

You can use all Jodit features and write your [own plugin](https://xdsoft.net/jodit/docs/modules/plugin.html) for example.

```js
import JoditEditor, { Jodit } from '../../src/';

/**
 * @param {Jodit} jodit
 */
function preparePaste(jodit) {
	jodit.e.on(
		'paste',
		e => {
			if (confirm('Change pasted content?')) {
				jodit.e.stopPropagation('paste');
				jodit.s.insertHTML(
					Jodit.modules.Helpers.getDataTransfer(e)
						.getData(Jodit.constants.TEXT_HTML)
						.replace(/a/g, 'b')
				);
				return false;
			}
		},
		{ top: true }
	);
}
Jodit.plugins.add('preparePaste', preparePaste);

//...
return <JoditEditor/>;
```

## License

This package is available under `MIT` License.
npm package: @nonara/ts-helpers
Description: Helpers for TypeScript projects
Author: Ron S.
Latest version: 0.0.5

# Common TS Helpers

This library includes common helpers & types for TS projects.

## Includes

- JSON Types
- Utility Types (`OneOrMore`, `RequireSome`, etc)
- Mixin decorator
- General TS/JS helpers (typed getKeys, pick, omit, etc.)

## Note 

Per NPM spec, minor versions may contain breaking changes until version 1.0.0 is reached