open-index/open-npm huggingface dataset:
npm package: @prungeon/napi-linux-x64-gnu
Description: This is the **x86_64-unknown-linux-gnu** binary for `@prungeon/napi`
Latest version: 0.0.2

# `@prungeon/napi-linux-x64-gnu`

This is the **x86_64-unknown-linux-gnu** binary for `@prungeon/napi`
npm package: @prungeon/napi-win32-x64-msvc
Description: This is the **x86_64-pc-windows-msvc** binary for `@prungeon/napi`
Latest version: 0.0.2

# `@prungeon/napi-win32-x64-msvc`

This is the **x86_64-pc-windows-msvc** binary for `@prungeon/napi`
npm package: @prunkstation/draft-js-editor
Description: A draft-js based rich text block editor.
Author: Matsor Browncoat
Latest version: 0.0.1

# medium-draft - [demo](http://bitwiser.in/medium-draft/)

A medium like rich text editor built upon [draft-js](https://facebook.github.io/draft-js/) with an emphasis on eliminating mouse usage by adding relevant keyboard shortcuts.

* It also has implementations of some custom blocks like:
    * `caption` - Can be used as a caption for media blocks like image or video instead of nested `draft-js` instances for simplicity.
    * `block-quote-caption` - Caption for `blockquote`s.

##### Following are the keyboard shortcuts to toggle block types (<kbd>Alt and CTRL</kbd> for Windows/Linux and <kbd>Option and Command</kbd> for OSX)
*   <kbd>Alt/Option</kbd> +

    *   <kbd>1</kbd> - Toggle Ordered list item
    *   <kbd>*</kbd> - Toggle Unordered list item
    *   <kbd>@</kbd> - Add link to selected text.
    *   <kbd>#</kbd> - Toggle Header-three.
    *   <kbd><</kbd> - Toggle Caption block.
    *   <kbd>></kbd> - Toggle unstyled or paragraph block.

##### Editor level commands

*   <kbd>Command/CTRL</kbd> + <kbd>S</kbd> - Save current data to `localstorage`.
*   <kbd>Alt + Shift</kbd> + <kbd>D</kbd> - Load previously saved data from `localstorage`.

##### Special characters while typing: If while typing in an empty block, if the content matches one of the following, that particular block's type will be changed to the corresponding block specified below

*   `--` `(2 hyphens)` - If current block is `blockquote`, it will be changed to `block-quote-caption`, else `caption`.
*   `''` `(2 single or double quotes)` - `blockquote`.
*   `*.` `(An asterisk and a period)` - `unordered-list-item`.
*   `1.` `(The number 1 and a period)` - `unordered-list-item`.
*   `##` - `header-three`.
*   `==` - `unstyled`.

### Issues
>
Currently, the toolbar that appears when text is selected needs to be fixed regrading its position in the viewport.

#### LICENSE

MIT
npm package: @prunkstation/rd3
Description: ReactJS charts using d3
Author: Lim Yang Wei
Latest version: 0.6.3-16

## rd3 (forked from [react-d3](https://github.com/esbullington/react-d3))
Modular ReactJS charts made using d3 chart utilities. Work on project documentation has started [here](https://github.com/esbullington/react-d3/wiki). A few examples of the available charts can be seen below, the others can be [viewed here](https://reactiva.github.io/react-d3-website/), side-by-side with the React code that generates the charts.

[![npm version](https://badge.fury.io/js/rd3.svg)](https://badge.fury.io/js/rd3)

## Usage

The latest version of rd3 requires **React 0.14 or later**. If you are using older React version, please refer to [here](https://github.com/yang-wei/rd3/releases/tag/v0.5.3)

### npmcdn
Thanks to [npmcdn](https://npmcdn.com/) you can now try out rd3 quickly:

 * https://npmcdn.com/rd3/build/public/js/react-d3.js
 * https://npmcdn.com/rd3/build/public/js/react-d3.min.js

### NPM
Or via `npm`:

```
npm install rd3
```

Then, import into your ReactJS project:

```js
var rd3 = require('rd3');
// es6
import rd3 from 'rd3';
```

The charts are then available under the `rd3` namespace, which you can then use as shown on the [demonstration page](https://reactiva.github.io/react-d3-website/):

### Available Charts

```js
const BarChart = rd3.BarChart;
const LineChart = rd3.LineChart;
const PieChart = rd3.PieChart;
const AreaChart = rd3.AreaChart;
const Treemap = rd3.Treemap;
const ScatterChart = rd3.ScatterChart;
const CandleStickChart = rd3.CandleStickChart;
```

For usage, please see [here](https://reactiva.github.io/react-d3-website/).  [API documentation](https://github.com/esbullington/react-d3/wiki/API) is also coming online over the coming days.

### Support

* Chat: [![Join the chat at https://gitter.im/esbullington/react-d3](https://badges.gitter.im/Join%20Chat.svg)](https://gitter.im/esbullington/react-d3?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
* Issues: [react-d3 issues](https://github.com/esbullington/react-d3/issues) on Github
* Support: [react-d3 Google Groups email list](https://groups.google.com/forum/#!forum/react-d3)

### Background
Although there have been [several](http://nicolashery.com/integrating-d3js-visualizations-in-a-react-app/) [different](http://bl.ocks.org/milroc/d22bbf92231876505e5d) approaches proposed for combining the power of d3 with the flexibility and modularity of ReactJS, the approach I'm using here was inspired by [this blog post](http://10consulting.com/2014/02/19/d3-plus-reactjs-for-charting/) by Ben Smith of [Binary Consulting](http://10consulting.com/).

With this approach, React itself is responsible for generating the SVG markup.  d3.js is used for its tremendous collection of utility functions, such as those that calculate the `path` value for various chart types.

### License
MIT

Copyright (c) 2014-2015 Eric. S Bullington, Lim Yang Wei, and project [contributors](https://github.com/esbullington/react-d3/graphs/contributors)
npm package: @prunus/eslint-config
Description: # Installation
Author: Tony
Latest version: 0.1.2

# @prunus/eslint-config

# Installation

## <a name="full-installation"></a> Full installation
```sh
yarn add -D @prunus/eslint-config;
npx install-peerdeps --dev @prunus/eslint-config;
```

or

```sh
yarn add -D @prunus/eslint-config eslint typescript
```

Add to your eslint config (.eslintrc, or eslintConfig field in package.json):

```json
{
    "extends": "@prunus"
}
```

---

## Installation using only __JavaScript__
```sh
yarn add -D eslint @prunus/eslint-config eslint-plugin-import-helpers
```

Add to your eslint config (.eslintrc, or eslintConfig field in package.json):

```json
{
    "extends": "@prunus/eslint-config/js"
}
```

---

## Installation using __JavaScript__ and __JSX__
```sh
yarn add -D eslint @prunus/eslint-config eslint-plugin-import-helpers eslint-plugin-react eslint-plugin-react-hooks
```

Add to your eslint config (.eslintrc, or eslintConfig field in package.json):

```json
{
    "extends": "@prunus/eslint-config/jsx"
}
```

---

## Installation usign only __TypeScript__
```sh
yarn add -D eslint @prunus/eslint-config @typescript-eslint/eslint-plugin @typescript-eslint/parser eslint-plugin-import-helpers typescript
```

Add to your eslint config (.eslintrc, or eslintConfig field in package.json):

```json
{
  "extends": "@prunus/eslint-config/ts"
}
```

---

## Installation using __TypeScript__ and __JSX__

It's the same thing as  [full installation](#full-installation)

# Setup

Follow scripts create:

```sh
npm set-script lint "eslint ."
npm set-script lint:fix "eslint . --fix"
```

Setup with husky using yarn:
```sh
npx husky add .husky/pre-push 'yarn lint'
```

Setup with husky using npm:
```sh
npx husky add .husky/pre-push 'npm run lint'
```
npm package: @prunus/humps
Description: Created in order to facilitate the conversion of properties and strings according to the adopted naming convention, equally humps. But with a difference that is the possibility to use the typescript string typing inserted in version 4.1.
Author: Tony
Latest version: 0.0.1

# Prunus Humps

Created in order to facilitate the conversion of properties and strings according to the adopted naming convention, equally humps. But with a difference that is the possibility to use the typescript string typing inserted in version 4.1.

## Installation

```sh
yarn add @prunus/humps
```

## Usage


### Convert strings
```ts
import { camelize, pascalize, separatorlize } from '@prunus/humps'

camelize( 'hello_world' ) // helloWorld
camelize( 'HelloWorld' ) // helloWorld

pascalize( 'hello_world' ) // HelloWorld
pascalize( 'helloWorld' ) // HelloWorld

separatorlize( 'helloWorld' ) // hello_world
separatorlize( 'HelloWorld' ) // hello_world
```

### Convert object properties
```ts
import { camelizeKeys } from '@prunus/humps'

const object = { attr_one: 'foo', AttrTwo: 'bar' }
const camelizeObject = camelizeKeys( object ) // { attrOne: 'foo', attrTwo: 'bar' }
```

```ts
import { separatorlizeKeys } from '@prunus/humps'
const object = { attrOne: 'foo', attrTwo: 'bar' }
const separatorlizeObject = separatorlizeKeys( object ) // { attr_one: 'foo', attr_two: 'bar' }
```

```ts
import { separatorlizeKeys } from '@prunus/humps'
const object = { attrOne: 'foo', attrTwo: 'bar' }
const separatorlizeObject = separatorlizeKeys( object, '-' ) // { 'attr-one': 'foo', 'attr-two': 'bar' }
```

### Convert string types
```ts
import { Camelize, Pascalize, Separatorlize } from '@prunus/humps'

type CamelizeString = Camelize<'oh_typescript_definitions'> // ohTypescriptDefinitions
type PascalizeString = Pascalize<'oh_typescript_definitions'> // OhTypescriptDefinitions
type SeparatorlizeString = Separatorlize<'ohTypescriptDefinitions'> // oh_typescript_definitions
type SeparatorlizeStringWithHyphen = Separatorlize<'ohTypescriptDefinitions', '-'> // oh-typescript-definitions
```

### Convert object types or interfaces
```ts
import { CamelizeKeys } from '@prunus/humps'

interface UglyObject {
  PascalCaseProperty: any
  snake_case_property: any
  'hyphen-case-property': any
}

type PrettyObject = CamelizeKeys<UglyObject> 
/* {
  pascalCaseProperty: any
  snakeCaseProperty: any
  hyphenCaseProperty: any
} */
```