open-index/open-npm huggingface dataset:
npm package: @nateradebaugh/popover
Description: Render a portal positioned relative to another element.
Latest version: 0.2.5

# Welcome to @nateradebaugh/popover!

This is a fork of @reach/popover with less dependencies. It removes the accessibility/portal functionality but will position a popover on the page.

## Looking for the documentation?

Read the code!

## Getting Started

popover is built with [Yarn](https://yarnpkg.com). Please follow their [install instructions](https://yarnpkg.com/docs/install) to get Yarn installed on your system.

Then, run these commands:

```
git clone git@github.com:nateradebaugh/popover.git
cd popover
yarn install
yarn build
```

## Scripts:

```sh
yarn build        # builds the package

yarn start        # starts storybook server

yarn release      # publishes the package
```

## Running Examples

First do the steps in "Getting started", then start the Storybook server:

```
yarn start
```
npm package: @naterkane/gridjs-react-17
Description: React component for Grid.js
Author: Afshin Mehrabani
Latest version: 3.4.2

# Grid.js for React

React component for [Grid.js](https://gridjs.io/)

## Install

```bash
npm install --save gridjs-react
```

Also, make sure you have Grid.js installed already as it's a peer dependency of `gridjs-react`:

```bash
npm install --save gridjs
```

## Usage

Import the Grid component first:

```js
import { Grid } from "gridjs-react";
```

```jsx
<Grid
  data={[
    ['John', 'john@example.com'],
    ['Mike', 'mike@gmail.com']
  ]}
  columns={['Name', 'Email']}
  search={true}
  pagination={{
    enabled: true,
    limit: 1,
  }}
/>
```

Then you can pass all Grid.js configs to the `Grid` component. See [Grid.js Config](https://gridjs.io/docs/config) for more details.

## React component in cells

You can bind your React components or elements in Table cells (both in header and body cells). 
Simply import the `_` function and use it in `data`, `columns` or `formatter` function:

```js
import { Grid, _ } from "gridjs-react";
```

```jsx
<Grid
  data={[
    [
      _(<b>John</b>),
      'john@example.com',
    ],
    [
      _(<MyReactComponent>Mike</MyReactComponent>),
      'mike@gmail.com',
    ]
  ]}
  columns={[
    'Name', 
    {
      name: 'Email',
      formatter: (cell) => _(<i>{cell}</i>)
    }
  ]}
  search={true}
  pagination={{
    enabled: true,
    limit: 1,
  }}
/>
```

## Example

See the [React example](https://gridjs.io/docs/integrations/react) on Grid.js website.

## License

MIT
npm package: @naterkane/swagger-mock-file-generator
Description: A generator of mock file base on swagger yaml or JSON
Author: weihanqing
Latest version: 1.2.3

# swagger-mock-file-generator
A generator of mock file base on swagger yaml or JSON, output swagger with mock data JSON file.

**Now supports Swagger 2.0 and OpenAPI 3.0 (aka. Swagger 3.0)!**

The mock data will pour into  ````responses.[code].schema.example````, if your original swagger file has already defined example, it will not change
Spec: [here](https://github.com/OAI/OpenAPI-Specification/blob/master/versions/2.0.md#fixed-fields-13)
## Install
````javascript
npm i @naterkane/swagger-mock-file-generator;
````
## API
````javascript
require('@naterkane/swagger-mock-file-generator')(<swaggerFile>, <mockFile>[, callback])
````
Notice: mockFile must be a **JSON** format.
## Example
````javascript
var parser = require('@naterkane/swagger-mock-file-generator');
// swagger source file is both .yaml and .json is OK.
parser('./swagger.yaml','./swaggerWithMock.json', function(){
    console.log('mock json file created!')
});

````
This mocked file supports :
**https://github.com/whq731/swagger-express-middleware-with-chance** and
**https://github.com/BigstickCarpet/swagger-express-middleware**
Free to choose!
npm package: @nates/snapshot
Description: Do snapshot test in javascript
Author: NateScarlet@Gmail.com
Latest version: 0.1.1

# snapshot test for javascript

[![Node CI](https://github.com/NateScarlet/snapshot-javascript/actions/workflows/nodejs.yml/badge.svg)](https://github.com/NateScarlet/snapshot-javascript/actions/workflows/nodejs.yml)
[![npm package](https://img.shields.io/npm/v/@nates/snapshot)](https://www.npmjs.com/package/@nates/snapshot)

## Install

```shell
npm install @nates/snapshot
```

## Usage

A simple setup is required for auto snapshot key, see [mocha example](./tests/setup.ts)

set `SNAPSHOT_UPDATE` env var to `true` to update existed snapshot file.

```typescript
import snapshot from '@nates/snapshot';

const value = { a: 1 };

// basic
await snapshot.match(value); // throw error if value not match previous run

// store snapshot file as json
await snapshot.matchJSON(value);

// use different snapshot file
await snapshot.matchJSON(value, { key: snapshot.getKey('second') });

// clean dynamic data
await snapshot.match(new Date(), {
  clean: (v) => v.replace(/(?<="\$Date": ").+(?=")/g, snapshot.maskString),
});
```

## Implementation for other language

- [Go](https://github.com/NateScarlet/snapshot)
npm package: @natewilcox/memory
Description: Memory match game
Author: Nathan Wilcox
Latest version: 1.0.8

# Memory Match Game Client

This project is a client application for a memory match game built using [Phaser](https://phaser.io/) and [Colyseus](https://www.colyseus.io/). The client connects to the game server to handle real-time player interactions and game logic.

## Table of Contents

- [Installation](#installation)
- [Usage](#usage)
- [Project Structure](#project-structure)
- [Environment Variables](#environment-variables)
- [License](#license)

## Installation

1. Clone the repository:

    ```bash
    git clone https://github.com/natewilcox/memory.git
    cd memory-client
    ```

2. Install dependencies:

    ```bash
    npm install
    ```

## Usage

### Development

To start the client in development mode:

```bash
npm run dev
npm package: @natewilcox/memory-server
Description: colyseus server for memory match game
Author: Nathan Wilcox
Latest version: 1.0.4

# Memory Match Game Server

This project is a server application for a memory match game built using [Colyseus](https://www.colyseus.io/) and [Phaser](https://phaser.io/). The server handles game logic and player interactions in real-time.

## Table of Contents

- [Installation](#installation)
- [Usage](#usage)
- [Project Structure](#project-structure)
- [Environment Variables](#environment-variables)
- [License](#license)

## Installation

1. Clone the repository:

    ```bash
    git clone https://github.com/natewilcox/memory-server.git
    cd memory
    ```

2. Install dependencies:

    ```bash
    npm install
    ```

## Usage

### Development

To start the server in development mode:

```bash
npm run start
npm package: @natewmaxx/react-scripts
Description: Configuration and scripts for Create React App.
Latest version: 2.0.7

# 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://github.com/facebook/create-react-app/blob/master/README.md#getting-started) – How to create a new app.
- [User Guide](https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/template/README.md) – How to develop apps bootstrapped with Create React App.