open-index/open-npm huggingface dataset:
npm package: @newhippo/react-joyride
Description: Create guided tours for your apps
Author: Gil Barbara
Latest version: 2.3.2

# React Joyride

[![](https://badge.fury.io/js/react-joyride.svg)](https://www.npmjs.com/package/react-joyride) [![](https://travis-ci.org/gilbarbara/react-joyride.svg)](https://travis-ci.org/gilbarbara/react-joyride) [![](https://api.codeclimate.com/v1/badges/43ecb5536910133429bd/maintainability)](https://codeclimate.com/github/gilbarbara/react-joyride/maintainability) [![](https://api.codeclimate.com/v1/badges/43ecb5536910133429bd/test_coverage)](https://codeclimate.com/github/gilbarbara/react-joyride/test_coverage)

[![Joyride example image](http://gilbarbara.com/files/react-joyride.png)](https://react-joyride.com/)

#### Create awesome tours for your app!

Showcase your app to new users or explain functionality of new features.  

It uses [react-floater](https://github.com/gilbarbara/react-floater) for positioning and styling.  
And you can use your own components too!

**View the demo [here](https://react-joyride.com/)**

**Read the [docs](https://docs.react-joyride.com/)**

## Setup

```bash
npm i react-joyride
```

## Getting Started

```jsx
import Joyride from 'react-joyride';

export class App extends React.Component {
  state = {
    steps: [
      {
        target: '.my-first-step',
        content: 'This is my awesome feature!',
      },
      {
        target: '.my-other-step',
        content: 'This another awesome feature!',
      },
      ...
    ]
  };

  render () {
    const { steps } = this.state;

    return (
      <div className="app">
        <Joyride
          steps={steps}
          ...
        />
        ...
      </div>
    );
  }
}
```
npm package: @newhippo/react-pdf-js
Description: Simple React component to wrap up PDF.js. The easiest way to render PDFs in your React app.
Author: mikecousins
Latest version: 4.0.1

# react-pdf-js

`react-pdf-js` provides a component for rendering PDF documents using [PDF.js](http://mozilla.github.io/pdf.js/). Written for React 15/16 and ES2015 using the Airbnb style guide.

---
[![NPM Version](https://img.shields.io/npm/v/react-pdf-js.svg?style=flat-square)](https://www.npmjs.com/package/react-pdf-js)
[![NPM Downloads](https://img.shields.io/npm/dm/react-pdf-js.svg?style=flat-square)](https://www.npmjs.com/package/react-pdf-js)
[![Build Status](https://img.shields.io/travis/mikecousins/react-pdf-js/master.svg?style=flat-square)](https://travis-ci.org/mikecousins/react-pdf-js)
[![Dependency Status](https://david-dm.org/mikecousins/react-pdf-js.svg)](https://david-dm.org/mikecousins/react-pdf-js)
[![devDependency Status](https://david-dm.org/mikecousins/react-pdf-js/dev-status.svg)](https://david-dm.org/mikecousins/react-pdf-js#info=devDependencies)

## Demo

http://mikecousins.github.io/react-pdf-js/

## Usage

Install with `yarn add react-pdf-js` or `npm install react-pdf-js`

Use it in your app (showing some basic pagination as well):

```js
import React from 'react';
import PDF from 'react-pdf-js';

class MyPdfViewer extends React.Component {
  state = {};

  onDocumentComplete = (pages) => {
    this.setState({ page: 1, pages });
  }

  handlePrevious = () => {
    this.setState({ page: this.state.page - 1 });
  }

  handleNext = () => {
    this.setState({ page: this.state.page + 1 });
  }

  renderPagination = (page, pages) => {
    let previousButton = <li className="previous" onClick={this.handlePrevious}><a href="#"><i className="fa fa-arrow-left"></i> Previous</a></li>;
    if (page === 1) {
      previousButton = <li className="previous disabled"><a href="#"><i className="fa fa-arrow-left"></i> Previous</a></li>;
    }
    let nextButton = <li className="next" onClick={this.handleNext}><a href="#">Next <i className="fa fa-arrow-right"></i></a></li>;
    if (page === pages) {
      nextButton = <li className="next disabled"><a href="#">Next <i className="fa fa-arrow-right"></i></a></li>;
    }
    return (
      <nav>
        <ul className="pager">
          {previousButton}
          {nextButton}
        </ul>
      </nav>
      );
  }

  render() {
    let pagination = null;
    if (this.state.pages) {
      pagination = this.renderPagination(this.state.page, this.state.pages);
    }
    return (
      <div>
        <PDF
          file="test.pdf"
          onDocumentComplete={this.onDocumentComplete}
          page={this.state.page}
        />
        {pagination}
      </div>
    )
  }
}

export default MyPdfViewer;
```

## License

MIT © [mikecousins](https://github.com/mikecousins)
npm package: @newhippo/redux-modal
Description: Redux based modal
Author: Wei Zhu
Latest version: 1.5.3

# Redux Modal

[![Greenkeeper badge](https://badges.greenkeeper.io/yesmeck/redux-modal.svg)](https://greenkeeper.io/)

[![Build Status](https://travis-ci.org/yesmeck/redux-modal.svg?branch=master)](https://travis-ci.org/yesmeck/redux-modal)

`redux-modal` connect your modal to the redux store, and let you control your modal by simply dispatching actions.

It works with any react based modal component.

## Installation

```
npm i --save redux-modal
```

## Documentation

* [API](/docs/api.md)
* [Online demo](https://codesandbox.io/s/github/yesmeck/redux-modal/tree/master/example)

## License

MIT
npm package: @newhippo/strapi-connector-bookshelf
Description: Bookshelf hook for the Strapi framework
Author: Strapi team
Latest version: 3.0.0-beta.19.3

# strapi-connector-bookshelf

[![npm version](https://img.shields.io/npm/v/strapi-connector-bookshelf.svg)](https://www.npmjs.org/package/strapi-connector-bookshelf)
[![npm downloads](https://img.shields.io/npm/dm/strapi-connector-bookshelf.svg)](https://www.npmjs.org/package/strapi-connector-bookshelf)
[![npm dependencies](https://david-dm.org/strapi/strapi-connector-bookshelf.svg)](https://david-dm.org/strapi/strapi-connector-bookshelf)
[![Build status](https://travis-ci.org/strapi/strapi-connector-bookshelf.svg?branch=master)](https://travis-ci.org/strapi/strapi-connector-bookshelf)
[![Slack status](https://slack.strapi.io/badge.svg)](http://slack.strapi.io)

This built-in connector allows you to use the [Bookshelf ORM](http://bookshelfjs.org/) using the `strapi-connector-knex` connector.

[Bookshelf ORM](http://bookshelfjs.org/) is a JavaScript ORM for Node.js, built on the [Knex node module](http://knexjs.org/) SQL query builder. Featuring both promise based and traditional callback interfaces, providing transaction support, eager/nested-eager relation loading, polymorphic associations, and support for one-to-one, one-to-many, and many-to-many relations.

It is designed to work well with SQLite3, PostgreSQL, MySQL, MariaDB, Microsoft SQL Server and Oracle.

## Resources

- [MIT License](LICENSE.md)

## Links

- [Strapi website](http://strapi.io/)
- [Strapi community on Slack](http://slack.strapi.io)
- [Strapi news on Twitter](https://twitter.com/strapijs)
npm package: @newhomepage/folder-tidy
Description: A powerful CLI tool to automatically organize and clean folders with undo support
Author: kirtan kalathiya
Latest version: 1.0.7

# folder-tidy

`folder-tidy` is a proper Node.js CLI project for cleaning messy folders safely.

It now has:

- a cleaner project structure
- modular source files
- multiple organize modes
- manifest history
- undo support

## Project Structure

```text
folder-tidy/
├─ index.js
├─ package.json
└─ src/
   ├─ cli.js
   ├─ commands/
   ├─ core/
   └─ utils/
```

## Features

- `tidy` command for organizing files
- `undo` command for restoring the last run or a specific manifest
- organize by `type`, `name`, or `date`
- dry-run preview mode
- recursive scanning
- exclusion patterns
- hidden file support
- JSON report export
- automatic collision-safe renaming
- manifest storage in `.folder-tidy/`

## Installation

```bash
npm install -g folder-tidy
```

## Commands

### Organize files

```bash
folder-tidy tidy
folder-tidy tidy --target ./Downloads
folder-tidy tidy --mode name --dry-run
folder-tidy tidy --mode date --recursive
folder-tidy tidy --report reports/latest.json
```

You can still use the short default style too:

```bash
folder-tidy --dry-run
```

### Undo the last run

```bash
folder-tidy undo
folder-tidy undo --target ./Downloads
folder-tidy undo --manifest .folder-tidy/manifest-123.json
folder-tidy undo --dry-run
```

## CLI Options For `tidy`

```text
--target <path>          Organize a specific directory
--mode <type|name|date>  Choose how files are grouped
--dry-run                Preview changes without moving files
--recursive              Scan subfolders recursively
--exclude <patterns>     Exclude files or folders, comma-separated globs
--include-hidden         Include hidden files
--report <file>          Save a JSON report
--no-manifest            Skip saving an undo manifest
--verbose                Show detailed logs
```

## CLI Options For `undo`

```text
--target <path>          Target directory that contains .folder-tidy manifests
--manifest <file>        Restore a specific manifest file
--dry-run                Preview restore actions without moving files
--verbose                Show detailed logs
```

## Testing Locally

```bash
node index.js --help
node index.js tidy --dry-run
node index.js undo --help
```

## Version

Current release: `1.0.0`
npm package: @newki/web3-provider-adapter
Description: [![npm version](https://badge.fury.io/js/@cloud-cryptographic-wallet%2Fweb3-provider-adapter.svg)](https://badge.fury.io/js/@cloud-cryptographic-wallet%2Fweb3-provider-adapter)
Latest version: 0.0.1

# fork @cloud-cryptographic-wallet/web3-provider-adapter

[![npm version](https://badge.fury.io/js/@cloud-cryptographic-wallet%2Fweb3-provider-adapter.svg)](https://badge.fury.io/js/@cloud-cryptographic-wallet%2Fweb3-provider-adapter)

This package allows you to use provider of [web3.js](https://web3js.readthedocs.io/) with a variety of cloud service key management systems.

## Support Cloud Services

- [AWS KMS](https://aws.amazon.com/kms/)
- [Cloud Key Management](https://cloud.google.com/security-key-management)

## Install

```bash
$ npm install @cloud-cryptographic-wallet/web3-provider-adapter web3
```

## With Cloud Service

### AWS KMS

```bash
$ npm install @cloud-cryptographic-wallet/aws-kms-signer
```

```typescript
import Web3 from "web3";
import { AwsKmsSigner } from "@cloud-cryptographic-wallet/aws-kms-signer";
import { createProvider } from "@cloud-cryptographic-wallet/web3-provider-adapter";

async function sendTxUsingAwsKmsSigner(rpcUrl: string) {
  const region = "us-east-1";
  const keyId = "e9005048-475f-4767-9f2d-0d1fb0c89caf";
  const awsKmsSigner = new AwsKmsSigner(keyId, { region });

  const provider = createProvider({ signers: [awsKmsSigner], rpcUrl });
  const web3 = new Web3(provider as any);

  const address = (await web3.eth.getAccounts())[0];
  console.log(address);
  if (!address) {
    return;
  }

  const tx = await web3.eth.sendTransaction({
    from: address,
    to: address,
  });

  console.log({ tx });
}
```

### Cloud Key Management

```bash
$ npm install @cloud-cryptographic-wallet/cloud-kms-signer
```

```typescript
import Web3 from "web3";
import { CloudKmsSigner } from "@cloud-cryptographic-wallet/cloud-kms-signer";
import { createProvider } from "@cloud-cryptographic-wallet/web3-provider-adapter";

async function sendTxUsingCloudKmsSigner(rpcUrl: string) {
  const name =
    "projects/aws-kms-provider/locations/asia-northeast1/keyRings/for-e2e-test/cryptoKeys/for-e2e-test/cryptoKeyVersions/1";
  const cloudKmsSigner = new CloudKmsSigner(name);

  const provider = createProvider({ signers: [cloudKmsSigner], rpcUrl });
  const web3 = new Web3(provider as any);

  const address = (await web3.eth.getAccounts())[0];
  console.log(address);
  if (!address) {
    return;
  }

  const tx = await web3.eth.sendTransaction({
    from: address,
    to: address,
  });

  console.log({ tx });
}
```
npm package: @newki_pheasant/ethers-adapter
Description: [![npm version](https://badge.fury.io/js/@cloud-cryptographic-wallet%2Fethers-adapter.svg)](https://badge.fury.io/js/@cloud-cryptographic-wallet%2Fethers-adapter)
Latest version: 0.0.2

# @cloud-cryptographic-wallet/ethers-adapter

[![npm version](https://badge.fury.io/js/@cloud-cryptographic-wallet%2Fethers-adapter.svg)](https://badge.fury.io/js/@cloud-cryptographic-wallet%2Fethers-adapter)

This package allows you to use Signer of [ethers](https://docs.ethers.io/v5/) with a variety of cloud service key management systems.

## Support Cloud Services

- [AWS KMS](https://aws.amazon.com/kms/)
- [Cloud Key Management](https://cloud.google.com/security-key-management)

## Install

```bash
$ npm install @cloud-cryptographic-wallet/ethers-adapter ethers
```

## With Cloud Service

### AWS KMS

```bash
$ npm install @cloud-cryptographic-wallet/aws-kms-signer
```

```typescript
import { ethers } from "ethers";
import { AwsKmsSigner } from "@cloud-cryptographic-wallet/aws-kms-signer";
import { EthersAdapter } from "@cloud-cryptographic-wallet/ethers-adapter";

async function sendTxUsingAwsKmsSigner(rpcUrl: string) {
  const region = "us-east-1";
  const keyId = "e9005048-475f-4767-9f2d-0d1fb0c89caf";
  const awsKmsSigner = new AwsKmsSigner(keyId, { region });

  const provider = new ethers.providers.JsonRpcProvider(rpcUrl);
  const signer = new EthersAdapter({ signer: awsKmsSigner }).connect(provider);

  const address = await signer.getAddress();
  console.log(address);
  console.log(ethers.utils.formatEther(await signer.getBalance()));

  const tx = await signer.sendTransaction({
    from: address,
    to: address,
  });

  console.log({ tx });

  const receipt = await tx.wait();

  console.log({ receipt });
}
```

### Cloud Key Management

```bash
$ npm install @cloud-cryptographic-wallet/cloud-kms-signer
```

```typescript
import { ethers } from "ethers";
import { CloudKmsSigner } from "@cloud-cryptographic-wallet/cloud-kms-signer";
import { EthersAdapter } from "@cloud-cryptographic-wallet/ethers-adapter";

async function sendTxUsingCloudKmsSigner(rpcUrl: string) {
  const name =
    "projects/aws-kms-provider/locations/asia-northeast1/keyRings/for-e2e-test/cryptoKeys/for-e2e-test/cryptoKeyVersions/1";
  const cloudKmsSigner = new CloudKmsSigner(name);

  const provider = new ethers.providers.JsonRpcProvider(rpcUrl);
  const signer = new EthersAdapter({ signer: cloudKmsSigner }).connect(
    provider
  );

  const address = await signer.getAddress();
  console.log(address);
  console.log(ethers.utils.formatEther(await signer.getBalance()));

  const tx = await signer.sendTransaction({
    from: address,
    to: address,
  });

  console.log({ tx });

  const receipt = await tx.wait();

  console.log({ receipt });
}
```
npm package: @newki_pheasant/web3-provider-adapter
Description: [![npm version](https://badge.fury.io/js/@cloud-cryptographic-wallet%2Fweb3-provider-adapter.svg)](https://badge.fury.io/js/@cloud-cryptographic-wallet%2Fweb3-provider-adapter)
Latest version: 0.0.4

# fork @cloud-cryptographic-wallet/web3-provider-adapter

[![npm version](https://badge.fury.io/js/@cloud-cryptographic-wallet%2Fweb3-provider-adapter.svg)](https://badge.fury.io/js/@cloud-cryptographic-wallet%2Fweb3-provider-adapter)

This package allows you to use provider of [web3.js](https://web3js.readthedocs.io/) with a variety of cloud service key management systems.

## Support Cloud Services

- [AWS KMS](https://aws.amazon.com/kms/)
- [Cloud Key Management](https://cloud.google.com/security-key-management)

## Install

```bash
$ npm install @cloud-cryptographic-wallet/web3-provider-adapter web3
```

## With Cloud Service

### AWS KMS

```bash
$ npm install @cloud-cryptographic-wallet/aws-kms-signer
```

```typescript
import Web3 from "web3";
import { AwsKmsSigner } from "@cloud-cryptographic-wallet/aws-kms-signer";
import { createProvider } from "@cloud-cryptographic-wallet/web3-provider-adapter";

async function sendTxUsingAwsKmsSigner(rpcUrl: string) {
  const region = "us-east-1";
  const keyId = "e9005048-475f-4767-9f2d-0d1fb0c89caf";
  const awsKmsSigner = new AwsKmsSigner(keyId, { region });

  const provider = createProvider({ signers: [awsKmsSigner], rpcUrl });
  const web3 = new Web3(provider as any);

  const address = (await web3.eth.getAccounts())[0];
  console.log(address);
  if (!address) {
    return;
  }

  const tx = await web3.eth.sendTransaction({
    from: address,
    to: address,
  });

  console.log({ tx });
}
```

### Cloud Key Management

```bash
$ npm install @cloud-cryptographic-wallet/cloud-kms-signer
```

```typescript
import Web3 from "web3";
import { CloudKmsSigner } from "@cloud-cryptographic-wallet/cloud-kms-signer";
import { createProvider } from "@cloud-cryptographic-wallet/web3-provider-adapter";

async function sendTxUsingCloudKmsSigner(rpcUrl: string) {
  const name =
    "projects/aws-kms-provider/locations/asia-northeast1/keyRings/for-e2e-test/cryptoKeys/for-e2e-test/cryptoKeyVersions/1";
  const cloudKmsSigner = new CloudKmsSigner(name);

  const provider = createProvider({ signers: [cloudKmsSigner], rpcUrl });
  const web3 = new Web3(provider as any);

  const address = (await web3.eth.getAccounts())[0];
  console.log(address);
  if (!address) {
    return;
  }

  const tx = await web3.eth.sendTransaction({
    from: address,
    to: address,
  });

  console.log({ tx });
}
```
npm package: @newko/sql-to-model
Description: sql file to model generate
Author: Ryan
Latest version: 0.1.4

# Sql(DDL) To Model

## Summary

```text
Create a data model using DDL syntax(Using the .sql file extension file)
```

<br/>

## Support

> Database

1. MySql
2. MariaDB

> ORM

1. TypeORM

<br/>

## Requirements

- Node.js v14.+

<br/>

## Install

```bash
# npm
$ npm install -g @newko/sql-to-model

# yarn
$ yarn global add @newko/sql-to-model
```

<br/>

## CLI

```bash
$ model-generate -s [*.sql] -t [target directory] -m [model type] -d [database]
```

<br/>

## Examples

```bash
#Options
options :
  -s, --sqlDir <sqlDir> (.sql File Target directory to reference)
  -t, --targetDir <targetDir> (Name of the project you want to create)
  -m, --modelType <modelType> (TypeORM, Sequelize || default option: TypeORM)
  -d, --database <database> (MySql, MariaDB, Postgresql.. || default option: MySql)

#Command
$ model-generate -s ./sql -t ./ryan

$ model-generate -s ./sql -t ./ryan -m TypeORM -d MySql
```
npm package: @newkrok/three-game
Description: ThreeJS based game engine
Author: Istvan Krisztian Somoracz
Latest version: 4.2.0

# THREE Game

Game engine for ThreeJS

Visit my related demo project to check how does it work. https://github.com/NewKrok/three-tps-demo

# Install
**npm install @newkrok/three-game --save**
npm package: @newkrok/three-tps
Description: TPS extension for THREE Game
Author: Istvan Krisztian Somoracz
Latest version: 0.5.1
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# THREE TPS

Visit my related demo project to check how does it work. https://github.com/NewKrok/three-tps-demo

# Install
**npm install @newkrok/three-tps --save**