open-index/open-npm huggingface dataset:
npm package: @opp100/eslint-config
Description: The Preferred Eslint rules
Author: opp100
Latest version: 1.0.10

# eslint-config
The Preferred eslint rules for TypeScript.

## Installation
```sh
npm i @opp100/eslint-config
```

## Usage
In `.eslintrc.js`
```javascript
module.exports = {
    extends: ['@opp100/eslint-config/ts-react'],
    parser: '@typescript-eslint/parser',
    plugins: ['@typescript-eslint'],
    ignorePatterns: ['vite.*.ts', '**/dist/*', '.eslintrc.js'],
    env: {
        browser: true,
        node: true,
    }
    // ...
};

```
npm package: @opp100/socket.io-mock-ts
Description: Mocked version of Socket.IO for testing
Author: James
Latest version: 1.1.5

# Socket.IO-Mock-TS (TypeScript)

[![npm version](https://badge.fury.io/js/socket.io-mock-ts.svg)](http://badge.fury.io/js/socket.io-mock-ts)

A mock to test the Socket.IO library implementation.

- Written with Typescript.
- Bundled with [vite](https://github.com/vitejs/vite).
- Tested with [vitest](https://github.com/vitest-dev/vitest).

# Installation

```bash
npm install @opp100/socket.io-mock-ts -D
```

# Usage

Create a new socket mock with:

```ts
import { SocketServerMock } from '@opp100/socket.io-mock-ts';

const socket = new SocketServerMock();

const client = socket.clientMock;
```

And use the socket as if it was a normal Socket.IO socket.

For example:

```ts
import { SocketServerMock } from '@opp100/socket.io-mock-ts';
import { expect, test } from 'vitest';

test('Sockets should be able to talk to each other without a server', () => {
  const socket = new SocketServerMock();

  socket.on('message', (message: string) => {
    expect(message).toBe('Hello World!');
  });

  socket.clientMock.emit('message', 'Hello World!');
});
```

Or with using promises in unit tests, for example:

```ts
import { SocketServerMock } from '@opp100/socket.io-mock-ts';
import { expect, test } from 'vitest';

test('Sockets should be able to talk to each other without a server', () => {
  const socket = new SocketServerMock();

  const data = await new Promise((resolve) => {
    socket.on('message', (message: string) => {
      resolve(message);
    });

    socket.clientMock.emit('message', 'Hello World!');
  });

  expect(data).toBe('Hello World!');
});
```
npm package: @oppenheimer/react-responsive-modal
Description: A simple responsive and accessible react modal compatible with React 16 and ready for React 17
Author: Léo Pradel
Latest version: 5.0.4

# react-responsive-modal

[![npm version](https://img.shields.io/npm/v/react-responsive-modal.svg)](https://www.npmjs.com/package/react-responsive-modal)
[![npm downloads per month](https://img.shields.io/npm/dm/react-responsive-modal.svg)](https://www.npmjs.com/package/react-responsive-modal)
[![codecov](https://img.shields.io/codecov/c/github/pradel/react-responsive-modal/master.svg)](https://codecov.io/gh/pradel/react-responsive-modal)
[![dependencies Status](https://david-dm.org/pradel/react-responsive-modal/status.svg)](https://david-dm.org/pradel/react-responsive-modal)

A simple responsive and accessible react modal compatible with React 16 and ready for React 17.

- Focus trap inside the modal.
- Centered modals.
- Scrolling modals.
- Multiple modals.
- Accessible modals.
- Easily customizable via props.

## Documentation

- [Getting started](https://react-responsive-modal.leopradel.com/)
  - [Installation](https://react-responsive-modal.leopradel.com/#installation)
  - [Usage](https://react-responsive-modal.leopradel.com/#usage)
  - [Props](https://react-responsive-modal.leopradel.com/#props)
  - [Licence](https://react-responsive-modal.leopradel.com/#license)
- [Examples](https://react-responsive-modal.leopradel.com/examples)
  - [Centered modal](https://react-responsive-modal.leopradel.com/examples#centered-modal)
  - [Multiple modal](https://react-responsive-modal.leopradel.com/examples#multiple-modal)
  - [Custom styling](https://react-responsive-modal.leopradel.com/examples#custom-styling)
  - [Custom animation](https://react-responsive-modal.leopradel.com/examples#custom-animation)
  - [Custom container](https://react-responsive-modal.leopradel.com/examples#custom-container)

## Installation

With npm: `npm install react-responsive-modal --save`

Or with yarn: `yarn add react-responsive-modal`

## Usage

[![Edit react-responsive-modal](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/9jxp669j2o)

```javascript
import React from 'react';
import ReactDOM from 'react-dom';
import 'react-responsive-modal/styles.css';
import { Modal } from 'react-responsive-modal';

export default class App extends React.Component {
  state = {
    open: false,
  };

  onOpenModal = () => {
    this.setState({ open: true });
  };

  onCloseModal = () => {
    this.setState({ open: false });
  };

  render() {
    const { open } = this.state;
    return (
      <div>
        <button onClick={this.onOpenModal}>Open modal</button>
        <Modal open={open} onClose={this.onCloseModal} center>
          <h2>Simple centered modal</h2>
        </Modal>
      </div>
    );
  }
}

ReactDOM.render(<App />, document.getElementById('app'));
```

## Props

Check the documentation: https://react-responsive-modal.leopradel.com/#props.

## License

MIT © [Léo Pradel](https://www.leopradel.com/)
npm package: @oppenheimer/solito
Description: ![og (4)](https://user-images.githubusercontent.com/13172299/158270455-69bf1044-28ec-476c-b9c5-06ea818a2191.png)
Author: Fernando Rojo
Latest version: 4.2.3

![og (4)](https://user-images.githubusercontent.com/13172299/158270455-69bf1044-28ec-476c-b9c5-06ea818a2191.png)


A library dedicated to unifying React Native with Next.js, primarily focused on navigation.

```sh
yarn add solito
```

Solito is a replacement for my popular `expo-next-react-navigation` library. Consider this the next-generation version, with a brand new API and approach.

## Docs & Examples

- 📚 [Documentation](https://solito.dev)
- 🦄 [Installation](https://solito.dev/install)
- 🐬 [Examples](https://github.com/nandorojo/solito/tree/master/example-monorepos/blank)

## Why

Watch Fernando Rojo's [talk from Next.js Conf 2021](https://www.youtube.com/watch?v=0lnbdRweJtA) to learn more about using React Native with Next.js.

## Contributing

- Add gitmoji: `yarn global add gitmoji-cli` or `npm i -g gitmoji-cli`
- Run `yarn`