open-index/open-npm huggingface dataset:
npm package: @hzamir/npm-run-all
Description: A CLI tool to run multiple npm-scripts in parallel or sequential.
Author: Toru Nagashima
Latest version: 4.1.7

## @qiwi/npm-run-parallel
Yet another one fork of [mysticatea/npm-run-all](https://github.com/mysticatea/npm-run-all), that drops some useless deps and brings deps from 2020.

## Installation
```bash
$ npm install @qiwi/npm-run-all --save-dev
$ yarn add @qiwi/npm-run-all -D 
```

## Usage
```shell script
npm-run-all clean build:*
```

Original docs → [npm-run-all.md](https://github.com/mysticatea/npm-run-all/blob/master/docs/npm-run-all.md)
npm package: @hzdevops/modal-react-library
Description: A react modal
Author: hzdevops
Latest version: 1.3.3

# modal-react-library

A library of React modal created with [npm](https://www.npmjs.com/package/@hzdevops/modal-react-library)

## Installation

`npm i @hzdevops/modal-react-library`

## You need to import component

```JSX
import { Modal } from "@hzdevops/modal-react-library/dist"

<Modal/>
```

## Opening & Closing Modal

To display the modal, you must use a local state.
Then, you need to pass a function to the props handleResponse to close the modal.

# Options

To modify the modal title and content, you must use the props `title={}` and `content={}`.
To change the style of the modal and the 'Close' button, you must pass an object to the props `modalStyle={}`and `buttonStyle={}`

## Exemple

```JSX
import { Modal } from "@hzdevops/modal-react-library/dist"

function MyComponent() {

    // Modal state initialisation
    const [isOpen, setModal] = useState(false);

    // Close modal
   const closeModal = () => {
    setModal(false);
  };

    return (
        <>
        <Modal tile={myTitle} content={myContent} modalStyle={{backgroundColor: "red", justifyContent: "left"}}handleResponse={closeModal} />
        </>
    )
}

```

list of available style arguments :

```CSS
backgroundColor,
fontSize,
justifyContent,
width,
height,
color,
boderStyle,
borderWidth,
borderColor,
borderRadius,
```
npm package: @hzdzh/qiankun-common
Description: ## 安装 ``` npm install @hzdzh/qiankun-common -S
Author: wld
Latest version: 3.0.0

# @hzdzh/qiankun-common

## 安装
```
npm install @hzdzh/qiankun-common -S

```
## 说明

该库是杭州大综合微前端项目下的公共库 包含了api、sdk、store，其中store是主应用和微应用的通信库，具体使用是

### store
主应用和微应用的通信数据全部放在`global`模块下面，通过`setGlobalState`更新数据, 通过`global`获取数据

```
import { store as commonStore } from "@hzdzh/qiankun-common";

// 项目独立运行时 注册 (store是微应用的store)
commonStore.globalRegister(store);
// commit
store.commit("global/setGlobalState", { user: userInfo });


// 获取global中的数据
computed: {
  // 通过global获取user的信息
  ...mapState("global", {
    user: state => state.user
  }),
},

// 提交数据
methods: {
  // setGlobalState 是在 /common/src/store/global-register.js中定义的
  ...mapActions("global", ["setGlobalState"]),
  changeUsername() {
    // 也可通过 store.commit('global/setGlobalState', { user: '李四' }) 进行操作
    this.setGlobalState({
      user: { name: "李四" + Math.round(Math.random() * 100) }
    });
  },
}

```
### store中的数据
```
{
  userInfo: {
    name: '',
    userId: '',
    department: '',
    phone: '',
  },
  baseData: {
    // 级别 市级 区县 镇街
    level: '',
    city: {
      name: '',
      code: '',
    },
    county: {
      name: '',
      code: '',
    },
    street: {
      name: '',
      code: '',
    },
    // 部门
    department: {
      name: '',
      id: '',
    },
    scene: {
      name: '',
      id: '',
    },
  },
}

```
npm package: @hzfe/babel7-jest-helper
Description: The Babel team has provided an official solution for the problem that this package was solving. If you want to use `jest` with `babel@7` please just install following:
Latest version: 0.1.1

# DEPRECATED

The Babel team has provided an official solution for the problem that this package was solving. If you want to use `jest` with `babel@7` please just install following:

```sh
npm install --save-dev babel-jest @babel/core babel-core@7.0.0-bridge.0
```

# babel-7-jest
[Babel](https://github.com/babel/babel) [jest](https://github.com/facebook/jest)
plugin

babel-jest didn't work with `@babel/*` packages so I made it to do so.

## Setup

```
npm install --save-dev babel-7-jest
```

Add it to your jest configuration like this:
```
"jest": {
  "transform": {
    ".js$": "babel-7-jest"
  }
}
```

A minimal `package.json` would look like this:
```
{
  "name": "example",
  "version": "0.0.1",
  "description": "Example of jest and babel 7",
  "main": "server.js",
  "scripts": {
    "test": "jest",
    "dev:test": "jest --watch"
  },
  "jest": {
    "transform": {
      ".js$": "babel-7-jest"
    }
  },
  "author": "Sneezoo",
  "license": "MIT",
  "devDependencies": {
    "@babel/core": "^7.0.0-beta.31",
    "babel-7-jest": "^21.3.1",
    "jest": "^21.2.1"
  },
  "dependencies": {}
}
```
Be aware of `@babel/core`, which you will need to add to your devDepenencies!

For more information have a look at the
[jest docs](http://facebook.github.io/jest/docs/configuration.html#transform-object-string-string)
npm package: @hzhu/eth-balances
Description: A library to get ERC-20 token balances on EVM blockchains using the Multicall smart contract
Author: henryzhu.eth
Latest version: 0.1.0

# ⟠ eth-balances ⟠

[![npm version](https://img.shields.io/npm/v/@hzhu/eth-balances.svg?style=flat-square)](https://www.npmjs.com/package/@hzhu/eth-balances)
[![build and test](https://github.com/hzhu/eth-balances/actions/workflows/test.yml/badge.svg)](https://github.com/hzhu/eth-balances/actions/workflows/test.yml)
[![codecov](https://codecov.io/gh/hzhu/eth-balances/branch/main/graph/badge.svg?token=OnNsoc2OrF)](https://codecov.io/gh/hzhu/eth-balances)


A tiny library to get [ERC-20](https://ethereum.org/en/developers/docs/standards/tokens/erc-20/) token balances on EVM blockchains. It uses an aggregate function to fetch ERC20 token balances from multiple smart contracts in a single batch using the [Multicall contract](https://github.com/mds1/multicall).

## Installation

```
npm install @hzhu/eth-balances
```

## Usage

```typescript
import { JsonRpcProvider } from "ethers";
import { getTokenBalances } from "@hzhu/eth-balances";

const provider = new JsonRpcProvider(`https://YOUR-ETHEREUM-RPC-URL`);
const addressOrName = "henryzhu.eth";
const contractAddresses = [
  "0xC18360217D8F7Ab5e7c516566761Ea12Ce7F9D72",
  "0xE41d2489571d322189246DaFA5ebDe1F4699F498",
];

const balances = await getTokenBalances({
  provider,
  addressOrName,
  contractAddresses,
});

console.log(balances);
```

## Examples

The `/examples` folder in this repository provides development examples for web browser and NodeJS usage.

1. Clone the repository
1. Run `npm install`
1. Run `npm run web:example` for the web browser example
1. Run `npm run node:example` for the NodeJS example

### Web example

<img src="https://raw.githubusercontent.com/hzhu/eth-balances/main/examples/web/example.web.png" alt="get balances web demo" width="500"/>

### NodeJS example

<img src="https://raw.githubusercontent.com/hzhu/eth-balances/main/examples/node/example.node.png" alt="get balances node.js demo" width="500"/>

## Contributing

Contributions are welcomed! Please follow the [contributing guidelines](./.github/.CONTRIBUTING.md).
npm package: @hzhu/react-listbox
Description: Build and compose WAI-ARIA compliant listbox based React components.
Author: Henry Zhu
Latest version: 0.3.2

<h1 align="center">
  react-listbox ⚛️📝📦
</h1>

<p align="center">  
  Composable WAI-ARIA compliant listbox React components.
</p>

[![Build Status](https://travis-ci.com/hzhu/react-listbox.svg?token=mHeyvKp5LKkpbHb23RgK&branch=master)](https://travis-ci.com/hzhu/react-listbox)
[![codecov](https://codecov.io/gh/hzhu/react-listbox/branch/master/graph/badge.svg?token=3T4T64ND82)](https://codecov.io/gh/hzhu/react-listbox)

## Usage

```js
<Listbox>
  <ListboxOption value="ford">Ford</ListboxOption>
  <ListboxOption value="honda">Honda</ListboxOption>
  <ListboxOption value="tesla">Tesla</ListboxOption>
  <ListboxOption value="toyota">Toyota</ListboxOption>
</Listbox>
```

## Local Development

The project uses [Storybook](https://storybook.js.org/) to interactively develop components with hot reloading. The `react-listbox` Storybook is [published here](https://react-listbox.netlify.com).

Clone this repository

```
git clone git@github.com:hzhu/react-listbox.git
```

Install dependencies

```
yarn
```

Run Storybook

```
yarn start
```

Navigate to http://localhost:3000.

## Testing

This project uses [Jest](https://github.com/facebook/jest) and [react-testing-library](https://github.com/kentcdodds/react-testing-library) 🐐 for testing.

To run the tests

```
yarn test
```

or to continuously watch

```
yarn test --watch
```