open-index/open-npm huggingface dataset:
npm package: @javier.alejandro.castro/immutable-patch
Description: Apply RFC 6902 style patches to Immutable.JS data structures
Latest version: 0.1.1

Immutable Patch
====

Apply RFC 6902 style patches to Immutable.JS data structures, such as `Maps`, `Lists`, and `Sets`.

Forked from [`immutablepatch`](https://github.com/intelie/immutable-js-patch) which focuses more on RFC 6902 style patches, requiring string values for the paths. This fork supports [`immutable-diff`](https://github.com/tgriesser/immutable-diff) style patches.

### Getting Started

You may get the module via npm:

```
npm install @javier.alejandro.castro/immutable-patch
```

And apply JSON patches to an immutable JSON object:

```js
var Immutable = require('immutable');
var patch = require('@javier.alejandro.castro/immutable-patch');

var list = Immutable.fromJS([1, 2, [3, 4]]);
var ops = Immutable.fromJS([
  {op: 'replace', path: ['2','1'], value: 10}
]);

var result = patch(list, ops);
// var expected = Immutable.fromJS([1, 2, [3, 10]]);
```

You will probably need [`immutable-diff`](https://github.com/tgriesser/immutable-diff) to generate diff operations.
npm package: @javier.alejandro.castro/react-native-highlight-words
Description: A React Native port of react-highlight-words. This component is used to highlight words within a larger body of text.
Author: Claudéric Demers
Latest version: 2.0.1

# React Native Highlight Words

React Native component used to highlight words within a larger body of text. This is a port of [react-highlight-words](https://github.com/bvaughn/react-highlight-words).

## Installation

```
npm i --save @javier.alejandro.castro/react-native-highlight-words
```

## Usage

To use it, just provide it with an array of search terms and a body of text to highlight:

```jsx
import Highlighter from '@javier.alejandro.castro/react-native-highlight-words';

<Highlighter
  highlightStyle={{backgroundColor: 'yellow'}}
  searchWords={['and', 'or', 'the']}
  textToHighlight='The dog is chasing the cat. Or perhaps they're just playing?'
/>
```

And the `Highlighter` component will highlight all occurrences of search terms within the text:

<img width="368" alt="screen shot 2015-12-19 at 8 23 43 am" src="https://cloud.githubusercontent.com/assets/29597/11914033/e3c319f6-a629-11e5-896d-1a5ce22c9ea2.png">

## Props

| Property           | Type          | Required? | Description                                                                                                             |
| :----------------- | :------------ | :-------: | :---------------------------------------------------------------------------------------------------------------------- |
| autoEscape         | Boolean       |           | Escape characters which are meaningful in regular expressions                                                           |
| highlightStyle     | Object        |           | Styles applied to highlighted text                                                                                      |
| sanitize           | Function      |           | Process each search word and text to highlight before comparing (eg remove accents); signature `(text: string): string` |
| searchWords        | Array<String> |     ✓     | Array of search words                                                                                                   |
| style              | Object        |           | Styles applied to the text wrapper                                                                                      |
| textToHighlight    | String        |     ✓     | Text to highlight matches in                                                                                            |
| onPress            | Function      |           | onPress event for normal text                                                                                           |
| onPressHighlighted | Function      |           | onPress event for highlighted text (returns text that clicked)                                                          |

## License

MIT License - fork, modify and use however you want.
npm package: @javier/figma-extractor
Description: Export all the frames of a Figma file
Author: Javier Arce
Latest version: 3.1.1

# figma-extractor

Node package that exports  all the frames of a Figma file to different files.


## Installation

  `yarn add figma-extractor`

  or

  `npm install figma-extractor`

## How to use it

```js
const Extractor = require('figma-extractor')

let extractor = new Extractor(FIGMA_TOKEN, FIGMA_FILE)

extractor.extract().then((files) => {
  console.log(files) 
}).catch((e) => {
  console.error(e)
})
```

### Result

By default Figma Extractor will export SVG files to the current directory. The `extract` command will return the list of exported files in this format:

```js
[
  { "filename": "Frame 1.svg", "page":"Page 1" },
  { "filename": "Frame 2.svg", "page":"Page 1" }, 
  { "filename": "Frame 3.svg", "page":"Page 1" }, 
  { "filename": "Frame 4.svg", "page":"Page 2" }
]
```

## Customizing the export

```js
const Extractor = require('figma-extractor')

let options = { 
  format: 'svg',         // file type (from the Figma API)
  svg_include_id: true,  // from the Figma API
  ..
  pageID: '123:0',       // specify a page
  append_frame_id: true, // appends the frame id to the filename
  append_page_name: true, // appends the page name to the filename
  use_pages_as_folders: true, // create subdirectories with the name of the page
  dont_overwrite: true   // don't overwrite existing files with the same name
}

const extractor = new Extractor(FIGMA_TOKEN, FIGMA_FILE, OPTIONS)

extractor.extract(IMAGE_PATH).then((files) => {
  console.log(files)
})
}

let destination = 'my_beautiful_designs'

let extractor = new Extractor(FIGMA_TOKEN, FIGMA_FILE, options)

extractor.extract(destination).then((files) => {
  console.log(files) 
}).catch((e) => {
  console.error(e)
})
```
npm package: @javier0leiva/react-scripts
Description: Configuration and scripts for Create React App.
Latest version: 3.4.3

# 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: @javier_alarcon/react-native-youtube-iframe
Description: A simple wrapper around the youtube iframe js API for react native
Author: Javier Alarcon
Latest version: 2.3.1

# React Native Youtube iframe

![npm](https://img.shields.io/npm/v/react-native-youtube-iframe?style=for-the-badge) ![npm](https://img.shields.io/npm/dm/react-native-youtube-iframe?style=for-the-badge)

A wrapper of the Youtube IFrame player API build for react native.

- ✅ Works seamlessly on both ios and android platforms
- ✅ Does not rely on the native youtube service on android (prevents unexpected crashes, works on phones without the youtube app)
- ✅ Uses the webview player which is known to be more stable compared to the native youtube app
- ✅ Access to a vast API provided through the iframe youtube API
- ✅ Supports multiple youtube player instances in a single page
- ✅ Fetch basic video metadata without API keys (uses oEmbed)
- ✅ Works on modals and overlay components
- ✅ Expo support

![ios](./website/static/img/demo.gif?raw=true 'ios')

## Installation and Documentation

[react-native-youtube-iframe](https://lonelycpp.github.io/react-native-youtube-iframe/)

## Contributing

Pull requests are welcome!

Read the [contributing guide](./CONTRIBUTING.md) for project setup and other info

## License

[MIT](https://choosealicense.com/licenses/mit/)
npm package: @javierbyte/react-colorizer
Description: A color picker component for React and React Native.
Author: Ross Khanas
Latest version: 1.1.2

# react-colorizer

[![Greenkeeper badge](https://badges.greenkeeper.io/andcards/react-colorizer.svg)](https://greenkeeper.io/)
[![Build Status](https://travis-ci.org/andcards/react-colorizer.svg?branch=master)](https://travis-ci.org/andcards/react-colorizer)
[![npm package](https://badge.fury.io/js/react-colorizer.svg)](https://www.npmjs.org/package/react-colorizer)
[![Dependency Status](https://david-dm.org/andcards/react-colorizer.svg)](https://david-dm.org/andcards/react-colorizer)
[![devDependency Status](https://david-dm.org/andcards/react-colorizer/dev-status.svg)](https://david-dm.org/andcards/react-colorizer#info=devDependencies)
[![peerDependency Status](https://david-dm.org/andcards/react-colorizer/peer-status.svg)](https://david-dm.org/andcards/react-colorizer#info=peerDependencies)

A color picker component for React and React Native.

![](https://github.com/andcards/react-colorizer/blob/master/demo.gif)

Check out our app built on top of this component:

- Download from [Google Play Store](https://play.google.com/store/apps/details?id=com.cards.colorizer)

### Installation

```
yarn add react-colorizer
```

### The Gist

```javascript
import React from 'react';
import ReactDOM from 'react-dom';
import ColorPicker from 'react-colorizer';
import fullScheme, { HarmonyTypes } from 'color-harmony-generator';

const selectedScheme = HarmonyTypes.TRIAD;

function onColorChanged(color) {
  const fullScheme = color.fullScheme(selectedScheme);
}

ReactDOM.render(
  <ColorPicker
    height={50}
    color="#e56500"
    width={255}
    onColorChanged={onColorChanged}
  />,
  document.getElementById('Container')
);
```

### API

prop                  | type                 | default value
----------------------|----------------------|--------------
`color`               | `string`             | '#ff0000'
`height`              | `number`             |
`width`               | `number`             |
`onColorChanged`      | `func`               |
`onColorChangeEnd`    | `func`               |
`onColorChangeStart`  | `func`               |

### Want to contribute?

Please see [CONTRIBUTING.md](CONTRIBUTING.md)

### License

MIT
npm package: @javiercejudo/tap
Description: tap(x, y) == y(x)
Author: Javier Cejudo
Latest version: 1.0.1

# tap

[![Build Status](https://travis-ci.org/javiercejudo/tap.svg)](https://travis-ci.org/javiercejudo/tap)
[![Coverage Status](https://coveralls.io/repos/javiercejudo/tap/badge.svg?branch=master)](https://coveralls.io/r/javiercejudo/tap?branch=master)
[![Code Climate](https://codeclimate.com/github/javiercejudo/tap/badges/gpa.svg)](https://codeclimate.com/github/javiercejudo/tap)

tap(x, y) == y(x)

## Install

    npm i @javiercejudo/tap

## Usage

```js
const tap = require('tap');

const plus1 = x => x + 1;
const times5 = x => 5 * x;

[plus1, times5].reduce(tap, 3); // => 20
```

See [spec](test/spec.js).