open-index/open-npm huggingface dataset:
npm package: @ivan_georgiew/prettier-config
Description: My sane prettier config
Author: Ivan Georgiev
Latest version: 1.0.5

# @ivan_georgiew/prettier-config

My sane prettier config

## Installation

Use your favorite package manager (mine is pnpm):

`pnpm add -D prettier @ivan_georgiew/prettier-config`

## Usage

In your `package.json` file:

```json
{
    "prettier": "@ivan_georgiew/prettier-config"
}
```
npm package: @ivan_tadeo/platzom
Description: Traductor de idioma platzom
Author: Ivan
Latest version: 0.1.0

# Platzom

Platzom es un idioma inventado para el [Curso de Fundamentos de JavaScript](https://platzi.com/js) de [Platzi](https://platzi.com), el mejor lugar de educación online

## Descripción del idioma

- Si la palabra termina con "ar", se le quitan esas dos letras
- Si la palabra inicia con Z, se le añade "pe" al final
- Si la palabra traducida tiene 10 o más letras, se debe partir en dos por la mitad y unir con un guión medio
- Por último, si la palabra original es un palíndromo, ninguna regla anterior cuenta y se devuelve la misma palabra pero intercalando letras mayúsculas y minúsculas

## Instalación

```
npm install platzom
```

## Uso

```
import platzom from 'platzom'

platzom("Programar") // Program
platzom("Zorro") // Zorrope
platzom("Zarpar") // Zarppe
platzom("abecedario") // abece-dario
platzom("sometemos") // SoMeTeMoS
```

## Créditos
- [Sacha Lifszyc](https://twitter.com/@slifszyc)

## Licencia

[MIT](https://opensource.org/licenses/MIT)
npm package: @ivanbeldad/dynamic-list
Description: Dynamic form list based on formik and material-ui
Author: ivanbeldad
Latest version: 0.2.2

# dynamic-list

> Dynamic form list based on formik and material-ui

[![NPM](https://img.shields.io/npm/v/@ivanbeldad/dynamic-list.svg)](https://www.npmjs.com/package/@ivanbeldad/dynamic-list)

## Install

```bash
npm install @ivanbeldad/dynamic-list
```

## Usage

```tsx
import React, { Component } from 'react'
import { Formik } from 'formik';
import { Button, TextField } from "@material-ui/core";
import { EmailOutlined } from '@material-ui/icons'

import { DynamicList } from '@ivanbeldad/dynamic-list';

export default class App extends Component {
  render () {
    return (
      <div>
        <Formik
          initialValues={{ emails: [] }}
          onSubmit={(values) => console.log(values)}
          render={props => (
            <form>
              <DynamicList
                name='emails'
                initialValue={{ email: '', tag: '' }}
                sectionIcon={<EmailOutlined />}
                render={(fields) => {
                  const [field1, field2] = fields;
                  return (
                    <div>
                      <TextField {...field1} placeholder='Email' />
                      <TextField {...field2} placeholder='Tag' />
                    </div>
                  )
                }}
              />
              <Button variant='outlined' onClick={props.handleSubmit}>Submit</Button>
            </form>
          )}
        />
      </div>
    )
  }
}
```

## License

MIT © [ivanbeldad](https://github.com/ivanbeldad/dynamic-list/blob/master/LICENSE)
npm package: @ivanbeldad/timed-queue
Description: Create a queue to limit async execution in time
Author: Ivan Beldad Fernandez
Latest version: 1.0.1

# Timed Queue

<p align="center">
  <img src="https://raw.githubusercontent.com/ivanbeldad/timed-queue/master/logo/logo.png">
</p>

[![NPM Version](https://img.shields.io/npm/v/@ivanbeldad/timed-queue.svg)](https://www.npmjs.com/package/@ivanbeldad/timed-queue)
[![License: MIT](https://img.shields.io/badge/license-MIT-yellow.svg)](https://github.com/ivanbeldad/timed-queue/blob/master/LICENSE)

Create a queue to limit async execution in time

## Examples

```javascript
// Execute 5 functions at the same time, but never more than 5 per second.
const queue = require('@ivanbeldad/timed-queue').create({ items: 5, time: 1000 })
```

### Promises approach example

```javascript
queue.add(myPromise)
  .then(result => console.log(`My result after completed! => ${result}`))
  .catch(error => console.error(`Oh no! After all the work it failed! => ${error}`))
```

### Async/Await approach example

```javascript
try {
  const result = await queue.add(myAsyncFunction)
  console.log(`My result after completed! => ${result}`))
} catch (error) {
  console.error(`Oh no! After all the work it failed! => ${error}`))
}
```

## License

Timed Queue is open-sourced software licensed under
the [MIT license](https://github.com/ivanbeldad/timed-queue/blob/master/LICENSE).
npm package: @ivancaceres/babel-plugin-inline-react-svg
Description: A babel plugin that optimizes and inlines SVGs for your react components.
Author: Jordan Gensler
Latest version: 1.1.1

# babel-plugin-inline-react-svg

Transforms imports to SVG files into React Components, and optimizes the SVGs with [SVGO](https://github.com/svg/svgo/).

For example, the following code...

```jsx
import React from 'react';
import CloseSVG from './close.svg';

const MyComponent = () => <CloseSVG />;
```

will be transformed into...

```jsx
import React from 'react';
const CloseSVG = () => <svg>{/* ... */}</svg>;

const MyComponent = () => <CloseSVG />;
```

## Installation

```
npm install --save-dev babel-plugin-inline-react-svg
```

## Usage

### Via `.babelrc` (Recommended)

**.babelrc**

```json
{
  "plugins": [
    "inline-react-svg"
  ]
}
```

#### Options

- *`ignorePattern`* - A pattern that imports will be tested against to selectively ignore imports.
- *`caseSensitive`* - A boolean value that if true will require file paths to match with case-sensitivity. Useful to ensure consistent behavior if working on both a case-sensitive operating system like Linux and a case-insensitive one like OS X or Windows.
- *`svgo`* - svgo options (`false` to disable). Example:
```json
{
  "plugins": [
    [
      "inline-react-svg",
      {
        "svgo": {
          "plugins": [
            {
              "removeAttrs": { "attrs": "(data-name)" }
            },
            {
              "cleanupIDs": true
            }
          ]

        }
      }
    ]
  ]
}

```

### Via CLI

```sh
$ babel --plugins inline-react-svg script.js
```

### Via Node API


```javascript
require('@babel/core').transform('code', {
  plugins: [
    ['inline-react-svg', { filename: 'filename representing the code' }],
  ]
}) // => { code, map, ast };
```

---

Inspired by and code foundation provided by [react-svg-loader](https://github.com/boopathi/react-svg-loader).
npm package: @ivancaceres/react-images-upload
Description: Simple component for upload and validate (client side) images with preview built with React.js. This package use [react-flip-move](https://github.com/joshwcomeau/react-flip-move) for animate the file preview images.
Latest version: 1.2.71

# Images uploader UI component
Simple component for upload and validate (client side) images with preview built with React.js.
This package use [react-flip-move](https://github.com/joshwcomeau/react-flip-move) for animate the file preview images.

## Installation

```bash
npm install --save react-images-upload
```

## Usage

```javascript
import React from 'react';
import ImageUploader from 'react-images-upload';

class App extends React.Component {

	constructor(props) {
		super(props);
		 this.state = { pictures: [] };
		 this.onDrop = this.onDrop.bind(this);
	}

	onDrop(picture) {
		this.setState({
            pictures: this.state.pictures.concat(picture),
        });
	}

    render() {
        return (
            <ImageUploader
				withIcon={true}
				buttonText='Choose images'
				onChange={this.onDrop}
				imgExtension={['.jpg', '.gif', '.png', '.gif']}
				maxFileSize={5242880}
			/>
        );
    }
}
```

### Available Options

| parameter | type | default | description |
| :--------: | :--: | :-----: | :---------- |
| className | String | - | Class name for the input. |
| fileContainerStyle | Object | - | Inline styles for the file container. |
| onChange | Function | - | On change handler for the input. |
| buttonClassName | String | - | Class name for upload button. |
| buttonStyles | Object | - | Inline styles for upload button. |
| withPreview | Boolean | true | Show preview of selected images. |
| accept | String | "accept=image/*" | Accept attribute for file input. |
| name | String | - | Input name. |
| withIcon | Boolean | true | If true, show upload icon on top |
| buttonText | String | 'Choose images' | The text that display in the button. |
| withLabel | Boolean | true | Show instruction label |
| label | String | 'Max file size: 5mb, accepted: jpg|gif|png|gif' | Label text |
| labelStyles | Object | - | Inline styles for the label. |
| labelClass | string | - | Class name for the label |
| imgExtension | Array | ['.jpg', '.gif', '.png', '.gif'] | Supported image extension (will use in the image validation). |
| maxFileSize | Number | 5242880 | Max image size. |
| fileSizeError | String | " file size is too big" | Label for file size error message. |
| fileTypeError | String | " is not supported file extension" | Label for file extension error message. |
| errorClass | String | - | Class for error messages |
| errorStyle | Object | - | Inline styles for errors |
| singleImage | Boolean | false | If true, only a single image can be selected |

### License
MIT
npm package: @ivancai/safe-core-sdk-utils
Description: Safe Core SDK Utilities
Author: Safe
Latest version: 1.2.0

# Safe Core SDK Utils

[![NPM Version](https://badge.fury.io/js/%40safe-global%2Fsafe-core-sdk-utils.svg)](https://badge.fury.io/js/%40safe-global%2Fsafe-core-sdk-utils)
[![GitHub Release](https://img.shields.io/github/release/safe-global/safe-core-sdk.svg?style=flat)](https://github.com/safe-global/safe-core-sdk/releases)
[![GitHub](https://img.shields.io/github/license/safe-global/safe-core-sdk)](https://github.com/safe-global/safe-core-sdk/blob/main/LICENSE.md)

Utilities for the [Safe Core SDK](https://github.com/safe-global/safe-core-sdk) monorepo.

## Table of contents
* [Installation](#installation)
* [Build](#build)

## <a name="installation">Installation</a>

Install the package with yarn or npm:

```bash
yarn install
npm install
```

## <a name="build">Build</a>

Build the package with yarn or npm:

```bash
yarn build
npm build
```
npm package: @ivancai/safe-ethers-lib
Description: Ethers library adapter to be used by Safe Core SDK
Author: Safe
Latest version: 1.2.0

# Safe Ethers Lib

[![NPM Version](https://badge.fury.io/js/%40safe-global%2Fsafe-ethers-lib.svg)](https://badge.fury.io/js/%40safe-global%2Fsafe-ethers-lib)
[![GitHub Release](https://img.shields.io/github/release/safe-global/safe-core-sdk.svg?style=flat)](https://github.com/safe-global/safe-core-sdk/releases)
[![GitHub](https://img.shields.io/github/license/safe-global/safe-core-sdk)](https://github.com/safe-global/safe-core-sdk/blob/main/LICENSE.md)

Ethers.js wrapper that contains some utilities and the Safe contracts types (generated with typechain ethers-v5). It is used to initialize the [Safe Core SDK](https://github.com/safe-global/safe-core-sdk/tree/main/packages/safe-core-sdk).

## Table of contents
* [Installation](#installation)
* [Build](#build)
* [Initialization](#initialization)
* [License](#license)
* [Contributors](#contributors)

## <a name="installation">Installation</a>

Install the package with yarn or npm:

```bash
yarn install
npm install
```

## <a name="build">Build</a>

Build the package with yarn or npm:

```bash
yarn build
npm build
```

## <a name="initialization">Initialization</a>

If the app integrating the SDK is using `Ethers` `v5`, create an instance of the `EthersAdapter`, where `signer` is the Ethereum account we are connecting and the one who will sign the transactions.

```js
import { ethers } from 'ethers'
import EthersAdapter from '@safe-global/safe-ethers-lib'

const web3Provider = // ...
const provider = new ethers.providers.Web3Provider(web3Provider)
const safeOwner = provider.getSigner(0)

const ethAdapter = new EthersAdapter({
  ethers,
  signerOrProvider: safeOwner
})
```

Depending on whether the `ethAdapter` instance is used to sign/execute transactions or just call read-only methods, the `signerOrProvider` property can be a `Signer` or a `Provider`.

## <a name="license">License</a>

This library is released under MIT.

## <a name="contributors">Contributors</a>

- Germán Martínez ([germartinez](https://github.com/germartinez))
npm package: @ivandersr/gravity
Description: To generate a project module, start by running the command `npm run gravity <module.name>`.
Latest version: 1.0.5

## Gravity, your tool to generate project modules

To generate a project module, start by running the command `npm run gravity <module.name>`.

It will generate a basic module structure inside your project.<br><br>
![Project Structure](https://raw.githubusercontent.com/ivandersr/gravity/master/structure.png)

You can then implement any ORM, following your interface files as you projected.