open-index/open-npm huggingface dataset:
npm package: @psoares/eslint-config
Description: ## Covers - Common - React - Node - Typescript
Latest version: 1.0.18

# @psoares/eslint-config

## Covers
- Common
- React
- Node
- Typescript


## Installation

add `"@psoares/eslint-config": "psoaresbj/eslint-config"` to your package.json

## Usage

Create an `.eslintrc.yml` file with the following:

```yaml
# For common configuration
extends: @psoares/eslint-config
```

or

```yaml
# For specific configuration
extends: @psoares/eslint-config/[react || node || typescript]
```

or

Add the following `script` to your `package.json`:

```json
{
  "scripts": {
    "lint": "eslint . --fix"
  }
}
```

and run the linter with:

```sh
$ yarn lint
```
npm package: @psoares/styled-utils
Description: [![NPM](https://img.shields.io/npm/v/@psoares/styled-utils.svg)](https://www.npmjs.com/package/@psoares/styled-utils)
Latest version: 0.1.3
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# Styled-utils

[![NPM](https://img.shields.io/npm/v/@psoares/styled-utils.svg)](https://www.npmjs.com/package/@psoares/styled-utils)

## What is Styled Utils?

Styled Utils (formerly styled-gen) is a collection of helper functions that simplify the integration of multiple styles as React props within your styled components. It provides shorthand properties for managing layout components without the need to style them separately.

`generateProps` usage example:

```jsx title="MyComponent.jsx"
import { generateProps } from '@psoares/styled-utils';
import styled from 'styled-components';

cons MyStyledComp = styled.div`
  // your css...

  ${generateProps};
`;

export const MyComponent = () => (
  <div>
    <MyStyledComp $tAlign={{ md: 'center', xs: 'left' }}>
      Vestibulum auctor dapibus neque.
    </MyStyledComp>
  </div>
)
```

## Documentation
Visit [https://docs.page/psoaresbj/styled-utils](https://docs.page/psoaresbj/styled-utils) to view full documentation.

## License

MIT © [psoaresbj](https://github.com/psoaresbj)
npm package: @psoares/svg-list
Description: Generates a JSON or Javascript list with optimised SVGs strings
Author: Paulo Soares
Latest version: 1.2.1

# svg-list

> Generates a JSON or Javascript list with optimised SVGs

[![NPM](https://img.shields.io/npm/v/@psoares/svg-list.svg)](https://www.npmjs.com/package/@psoares/svg-list) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Description

This small script is useful to maintain your project icons updated and optimised without having the painful work of everytime you change an svg icon file you need to go through SVG optimizer, clean the code and then just add it to you custom js or json files.

## Install

```bash
yarn add @psoares/svg-list
```

## Usage

- Create your setup file in the root of your project with the name `.svglistrc.json`
```javascript
{
    "passAllAttributes": true, // optional: this will ensure all attrs from each pass will be passed to the generated file
    "src": "icons", // source directory with multiple directories
    "dest": "src/components/icons", // target directory for js / json fiiles
    "format": "js", // optional: `js` (default) or `json`
}
```

- To generate your files run
```bash
yarn svglist generate
```

## To do:

- To preview your generated files run
```bash
yarn svglist preview
```
This will fireup a simple react app that runs in port 8004 with a preview of all the svgs that you have generated.

**Note**: *this will not generate the svg files for you, so you need to run generate first*

## License

MIT © [psoaresbj](https://github.com/psoaresbj)
npm package: @psobhanlo/react-timerdown
Description: A simple count down clock component
Author: psobhanlo
Latest version: 1.2.1

# react-timerdown

[![npm version](https://badge.fury.io/js/react-count-down.svg)](https://badge.fury.io/js/react-count-down)

react-timerdown is a simple count down component using react.

## Installation

`yarn add react-timerdown`

## Usage

```jsx
import reactTimerdown  from 'react-timerdown'
import ReactDOM from 'react-dom'
import React, { Component, PropTypes } from 'react'

const cb = () => {
  console.log('expired callback')
}

const OPTIONS = {
  endDate: '03/01/2020 10:55 AM',
  prefix: 'until my birthday!',
  cb
}

const TestComponent = () => (
  <div>
    <Countdown options={OPTIONS} />
  </div>
)

ReactDOM.render(<TestComponent />, document.getElementById('root'))
```

## Development
    yarn
    yarn dev

## Test
    yarn test

## Build
    yarn
    yarn build

## Publish
    npm login
    npm version patch
    git add -A
    git push origin master
    npm publish

## License

[MIT](http://isekivacenz.mit-license.org/)
npm package: @psoltys/gulp-markdown-it
Description: A plugin for gulp to render markdown with markdown-it
Author: Pawel Soltysiak
Latest version: 0.2.0

# gulp-markdown-it [![NPM version][npm-image]][npm-url]
[![Build Status][travis-image]][travis-url] [![Coverage Status][coveralls-image]][coveralls-url] [![Dependency Status][depstat-image]][depstat-url] [![devDependency Status][devdepstat-image]][devdepstat-url]


> Markdown-it plugin for [gulp](http://gulpjs.com/) 3.

## Usage

First, install `gulp-markdown-it` as a development dependency:

```shell
npm install --save-dev gulp-markdown-it
```

Then, add it to your `gulpfile.js`:

```javascript
var gulp = require('gulp');
var markdown-it = require('gulp-markdown-it');

gulp.task('default', function () {
    gulp.src('./src/*.ext')
        .pipe(markdown-it({msg: 'More Coffee!'}))
        .pipe(gulp.dest("./dist"));
});
```

## Options `markdown-it(opt)`

See the markdown-it [Api docs](https://markdown-it.github.io/markdown-it/#MarkdownIt.new) for more details.

## opt.preset

Type: `String` can be "commonmark", "zero" or "default"
Default: `default`

## opt.options

Type: `Object`
Default: `{}`

## opt.plugins

Type: `Object`
Default: `[]`

## License

[MIT License](http://en.wikipedia.org/wiki/MIT_License) © []()

[npm-url]: https://npmjs.org/package/gulp-markdown-it
[npm-image]: https://img.shields.io/npm/v/gulp-markdown-it.svg

[travis-url]: http://travis-ci.org/mcecot/gulp-markdown-it
[travis-image]: https://secure.travis-ci.org/mcecot/gulp-markdown-it.svg?branch=master

[coveralls-url]: https://coveralls.io/r/mcecot/gulp-markdown-it
[coveralls-image]: https://img.shields.io/coveralls/mcecot/gulp-markdown-it.svg

[depstat-url]: https://david-dm.org/mcecot/gulp-markdown-it
[depstat-image]: https://david-dm.org/mcecot/gulp-markdown-it.svg

[devdepstat-url]: https://david-dm.org/mcecot/gulp-markdown-it#info=devDependencies
[devdepstat-image]: https://david-dm.org/mcecot/gulp-markdown-it/dev-status.svg
npm package: @psousa50/redux-saga-tester
Description: Helpers for testing redux sagas
Author: Pedro Sousa
Latest version: 2.0.1

# Redux Saga Tester

## Description

A library to help redux sagas testing.

### The ideia

- build a Saga scenario
- expected the run of the saga scenario to be as expected

Example:

Imagine the following saga and respective task:

```typescript
interface TestSagaAction extends Action<string> {
  payload: number
}
type TestSagaEffects = CallEffect | PutEffect<TestSagaAction>
const subscribedAction: TestSagaAction = { type: "some-type", payload: 1 }
const okAction = { type: "ok-type", payload: 2 }
const failAction = { type: "fail-type", payload: 10 }

const subscribedAction: SagaAction = { type: "some-type", payload: 1 }
function* testSaga(arg1: () => boolean): IterableIterator<ForkEffect> {
  yield takeEvery(subscribedAction.type, testSagaTask, arg11, arg22)
}

function* testSagaTask(arg1: () => boolean, action: TestSagaAction): IterableIterator<TestSagaEffects> {
  try {
    const result: boolean = yield call(arg11, action.payload)
    if (result) {
      yield put(okAction)
    } else {
      yield put(failAction)
    }
    yield put(arg1())
  } catch (error) {
    yield put(errorAction)
  }
}
```

To test this saga we first build a saga scenario using a fluent API and then expect that when the saga "runs" it will generate the expected effects:

```typescript
    it("runs testSaga correctly", () => {
      const sagaScenario =
        .forSaga(testSaga)
        .withAction(subscribedAction)
        .withArgs(arg1, arg2)
        .generateEffect(takeEvery(subscribedAction.type, testSagaTask, arg1, arg2))
        .generateEffect(call(arg1, subscribedAction.payload))
        .returns(true)
        .generateEffect(put(okAction))
        .generateEffect(put(arg2()))

      expect(sagaScenario.run()).toEqual(sagaScenario.output())
    })
```

## Installation

To install the stable version:

```bash
yarn install @psousa50/redux-saga-tester
```

## Using the extension

## Building
npm package: @pspdfkit-labs/jest-puppeteer
Description: Run your tests using Jest & Puppeteer.
Author: Greg Bergé
Latest version: 5.1.0

# jest-puppeteer

[![Build Status][build-badge]][build]
[![version][version-badge]][package]
[![MIT License][license-badge]][license]

Jest preset containing all required configuration for writing integration tests using Puppeteer.

```
npm install jest-puppeteer puppeteer
```

## Usage

```js
// jest.config.js
module.exports = {
  preset: 'jest-puppeteer',
}
```

## License

MIT

[build-badge]: https://img.shields.io/travis/smooth-code/jest-puppeteer.svg?style=flat-square
[build]: https://travis-ci.org/smooth-code/jest-puppeteer
[version-badge]: https://img.shields.io/npm/v/jest-puppeteer-preset.svg?style=flat-square
[package]: https://www.npmjs.com/package/jest-puppeteer-preset
[license-badge]: https://img.shields.io/npm/l/jest-puppeteer-preset.svg?style=flat-square
[license]: https://github.com/smooth-code/jest-puppeteer/blob/master/LICENSE
npm package: @pspdfkit-labs/jest-puppeteer-preset
Description: Run your tests using Jest & Puppeteer.
Author: Greg Bergé
Latest version: 5.1.0

# jest-puppeteer-preset

[![Build Status][build-badge]][build]
[![version][version-badge]][package]
[![MIT License][license-badge]][license]

Jest preset containing all required configuration for writing integration tests using Puppeteer.

```
npm install jest-puppeteer-preset puppeteer
```

## Usage

```js
// jest.config.js
module.exports = {
  preset: 'jest-puppeteer-preset',
}
```

## License

MIT

[build-badge]: https://img.shields.io/travis/smooth-code/jest-puppeteer.svg?style=flat-square
[build]: https://travis-ci.org/smooth-code/jest-puppeteer
[version-badge]: https://img.shields.io/npm/v/jest-puppeteer-preset.svg?style=flat-square
[package]: https://www.npmjs.com/package/jest-puppeteer-preset
[license-badge]: https://img.shields.io/npm/l/jest-puppeteer-preset.svg?style=flat-square
[license]: https://github.com/smooth-code/jest-puppeteer/blob/master/LICENSE
npm package: @pspdfkit-labs/react-dnd-html5-backend
Description: HTML5 backend for React DnD
Latest version: 11.1.8

[![npm package](https://img.shields.io/npm/v/react-dnd-html5-backend.svg?style=flat-square)](https://www.npmjs.org/package/react-dnd-html5-backend)
[![Build Status](https://travis-ci.org/react-dnd/react-dnd-html5-backend.svg?branch=main)](https://travis-ci.org/react-dnd/react-dnd-html5-backend)
[![dependencies Status](https://david-dm.org/react-dnd/react-dnd-html5-backend/status.svg)](https://david-dm.org/react-dnd/react-dnd-html5-backend)
[![devDependencies Status](https://david-dm.org/react-dnd/react-dnd-html5-backend/dev-status.svg)](https://david-dm.org/react-dnd/react-dnd-html5-backend?type=dev)
[![peerDependencies Status](https://david-dm.org/react-dnd/react-dnd-html5-backend/peer-status.svg)](https://david-dm.org/react-dnd/react-dnd-html5-backend?type=peer)

# React DnD HTML5 Backend

The officially supported HTML5 backend for [React DnD](http://react-dnd.github.io/react-dnd/).
See [the docs](http://react-dnd.github.io/react-dnd/docs/backends/html5) for usage information.

## Installation

If you use [npm](http://npmjs.com):

```
npm install --save react-dnd-html5-backend
```

The npm package defaults to the CommonJS build.

However it also includes a pre-minified UMD build in the `dist` folder.
The UMD build exports a global `window.ReactDnDHTML5Backend` when imported as a `<script>` tag.

If you’d rather not use npm, you can use [unpkg](http://unpkg.com/) to access the UMD build directly: [ReactDnDHTML5Backend.min.js](https://unpkg.com/react-dnd-html5-backend@latest/dist/ReactDnDHTML5Backend.min.js).
You may point your Bower config to it.

## Browser Support

We strive to support the evergreen browsers, Safari 7+, as well as IE11+. IE10 should also work, but `DragLayer` is fairly useless because IE10 doesn’t support `pointer-events: none`. We don’t officially support IE9 and less.

Unfortunately the browser bugs, inconsistencies, and regressions come up from time to time, so please make sure you test your app on the browsers you’re interested in, and report any bugs to us.

## License

MIT
npm package: @pspdfkit-labs/spawnd
Description: Spawn a dependent child process.
Author: Greg Bergé
Latest version: 5.0.0

# spawnd

[![Build Status][build-badge]][build]
[![version][version-badge]][package]
[![MIT License][license-badge]][license]

Spawn a process inter-dependent with parent process.

```
npm install spawnd
```

## Usage

```js
import spawnd from 'spawnd'

const proc = spawnd('node server.js', { shell: true })

proc.destroy().then(() => {
  console.log('Destroyed!')
})
```

## API

### spawnd(command[, args[, options]])

Exactly the same API as [Node.js spawn](https://nodejs.org/api/child_process.html#child_process_child_process_spawn_command_args_options).

It returns a [Child Process](https://nodejs.org/api/child_process.html#child_process_class_childprocess) that exposes a destroy method that will kill the process.

## License

MIT

[build-badge]: https://img.shields.io/travis/smooth-code/jest-puppeteer.svg?style=flat-square
[build]: https://travis-ci.org/smooth-code/jest-puppeteer
[version-badge]: https://img.shields.io/npm/v/spawnd.svg?style=flat-square
[package]: https://www.npmjs.com/package/spawnd
[license-badge]: https://img.shields.io/npm/l/spawnd.svg?style=flat-square
[license]: https://github.com/smooth-code/jest-puppeteer/blob/master/LICENSE