open-index/open-npm huggingface dataset:
npm package: @grewer/react-native-iconfont-cli
Description: fork  react-native-iconfont-cli 并且添加了 本地 svg 的支持
Author: 范文华
Latest version: 2.3.2

## react-native-iconfont-cli

fork  react-native-iconfont-cli 并且添加了 本地 svg 的支持

原库的使用: https://github.com/iconfont-cli/react-native-iconfont-cli

添加了本地 svg 支持之后的配置文件:

```
{
    "symbol_url": "请参考README.md，复制官网提供的JS链接",
    "use_typescript": false,
    "save_dir": "./src/iconfont",
    "trim_icon_prefix": "icon",
    "default_icon_size": 18,
    "local_dir": "./locals" // 唯一不同点
}
```
npm package: @grewer/react-native-vconsole
Description: vconsole for react native
Latest version: 0.1.3

# @grewer/react-native-vconsole


本插件集合了多种 vconsole 的优点:
https://github.com/itenl/react-native-vdebug#readme
https://github.com/sigmayun/react-native-vconsole

vConsole for react native, inspired by vconsole & vconsole-react-native &rnvconsole. Debugger on top of screen. Have a try in expo https://snack.expo.io/SklJHMS3S

## Features

1. console[log, warn, error, info] in Log Panel.
2. Network request list & detail.
3. Customized Version Info you want to show.

## Install

```shell
$ yarn add @grewer/react-native-vconsole
// or
npm i @grewer/react-native-vconsole
```

## Usage


可接受参数
```
interface PropsType {
  appInfo?: {}
  console?: boolean
  panels?: {
    title: string
    component: React.ReactNode
  }
}
```

```javascript
import VConsole from '@grewer/react-native-vconsole'
/* INFO is optional */

// in render function
render() {
  return (
    <View>
        <VConsole
            // 使用 'react-native-config-reader' 库获获取额外信息
            appInfo={{
                原生构建类型: ConfigReader.BUILD_TYPE,
                原生版本号: ConfigReader.VERSION_NAME || ConfigReader.CFBundleShortVersionString,
                原生构建时间: ConfigReader.BUILD_TIME,
                热更新版本号: codePushStore.info.label,
                热更新详情: codePushStore.info.desc,
            }}
            // 另外的的面板
            panels={panels}
            // console.time 可辨别是否开启 debug 网页
            console={!console.time}
        />
    </View>
  )
}
```

## Examples

### Log Panel

<div align=center><img width="400" align="center" src="./public/log.png"/></div>

### Network Panel

<div align=center><img width="400" align="center" src="./public/network.png"/></div>

### Info Panel

<div align=center><img width="400" align="center" src="./public/info.png"/></div>

### extra Panel

可以用来显示任意东西, 此处我使用它来实现一个切换 请求路径的功能

<div align=center><img width="400" align="center" src="./public/img.png"/></div>
npm package: @grewer/reactjs-player
Description: 基于 react hooks 的 video 播放组件，结构简单，代码简洁，扩展方便。
Author: xiaosong
Latest version: 1.2.4

![ReactPlayer](https://github.com/goblin-laboratory/reactjs-player/blob/master/docs/logo128x128.png)

# ReactPlayer

[![npm](https://img.shields.io/npm/v/reactjs-player.svg?color=blue&style=flat-square)](https://www.npmjs.com/package/reactjs-player)
[![reactjs-player](https://img.shields.io/bundlephobia/minzip/reactjs-player.svg?style=flat-square)](https://www.npmjs.com/package/reactjs-player)
[![Travis (.org)](https://img.shields.io/travis/goblin-laboratory/reactjs-player.svg?style=flat-square)](https://travis-ci.org/goblin-laboratory/reactjs-player)
[![Coveralls github](https://img.shields.io/coveralls/github/goblin-laboratory/reactjs-player.svg?style=flat-square)](https://coveralls.io/github/goblin-laboratory/reactjs-player)

基于 react hooks 的 video 播放组件，结构简单，代码简洁，扩展方便。

## 特点

`ReactPlayer` 遵循 `少即是多（Less is more）` 的设计原则，具有以下特点：

- 结构简单：使用 `react hooks` 做状态管理，将不同的状态拆分到不同的 `react custom hooks` 中，`ReactPlayer` 中进行组合
- 扩展方便：扩展时实现对应的 `react custom hooks` 并在 `ReactPlayer` 中根据条件进行加载
- 代码简洁：只做播放器内部的状态管理和控制栏显示与控制
- 理解容易： `ReactPlayer` 事件基于 `vidoe` [媒体事件](https://developer.mozilla.org/zh-CN/docs/Web/Guide/Events/Media_events) 进行扩展，减小理解成本
- 使用相对复杂：不同于其他的 h5 播放器，`ReactPlayer` 将控制权交给使用者，无法做到一行代码播放所有兼容的格式

## Getting started

```
git clone https://github.com/goblin-laboratory/reactjs-player.git
cd reactjs-player
yarn install
cd packages/reactjs-player
yarn start
```

## Usage

Demo page: https://goblin-laboratory.github.io/reactjs-player/

```
npm install reactjs-player --save
# or
yarn add reactjs-player
```

```js
import React, { Component } from 'react';
import ReactPlayer from 'reactjs-player';

const App = () => {
  return (
    <ReactPlayer
      kernel="hlsjs"
      src="https://video-dev.github.io/streams/x36xhzz/x36xhzz.m3u8"
      type="application/x-mpegURL"
    />
  );
};
```

常用场景见说明文档：[Usage.md](https://github.com/goblin-laboratory/reactjs-player/blob/master/docs/Usage.md)

## API

见 API 说明文档：[API.md](https://github.com/goblin-laboratory/reactjs-player/blob/master/docs/API.md)

## Supported media

- HLS
- FLV
- RTMP
- MP4

## 微信同层播放

待补充

## Contributing

非常欢迎你的贡献，你可以通过以下方式和我们一起共建 😃：

- 通过 Issue 报告 bug 或进行咨询。
- 提交 Pull Request 。

## Licensing

ReactPlayer is [MIT licensed](https://github.com/goblin-laboratory/reactjs-player/blob/master/docs/LICENSE).
npm package: @greycode/env_init
Description: This package is for creating env variables
Author: Kudzai Munyama
Latest version: 1.0.5

# @greycode/env_init

This package is for creating environment variables.

## Installation

To use this package, you can install it via npm. Open your terminal and run the following command:

```
npm install @greycode/env_init
```
## Usage
Once the package is installed, you can execute the `npx env-init` command to create environment variables. Follow the steps below:

### Open your terminal.

### Navigate to the directory where your package.json file is located.

### Run the following command:

```
npx env-init
```
It will generate an `.env.example` with variable. to move them to `.env` run the command again. 
```
npx env-init
```

The env-init command will execute the necessary code to create the environment variables defined in the package.

Configuration
The package does not require any additional configuration. However, you can customize the environment variables to be created by modifying the index.js file.

Support
If you encounter any issues or have questions, please feel free to open an issue on the GitHub repository.

License
This project is licensed under the MIT License.

##### Contributors
Kudzai Munyama
npm package: @greyhoundstudio/bp
Description: Simple @bp screen size media query mixin for SASS.
Author: Greyhound Studio
Latest version: 1.0.1

# @greyhoundstudio/bp

A simple @bp media query mixin for SASS.

Include it in your package with `@use`:

```sass
@use '@greyhoundstudio/bp' as *;
```

Use it like...

```sass
@include bp(sm, md) {
  body {
    font-size: 1.6rem;
  }
}
```

to generate...

```css
@media only screen and (min-width: 480px) and (max-width: 767px) {
  body {
    font-size: 1.6rem;
  }
}
```

You can provide just the `$min` argument, or both `$min` and `$max`. You can also provide unit-less values which will be interpreted as pixels, or any other CSS unit.

```sass
@include bp(768) {
  body {
    font-size: 1.6rem;
  }
}

@include bp(48rem) {
  body {
    font-size: 1.6rem;
  }
}
```

You can also configure your own pre-defined breakpoints.

```sass
@use '@greyhoundstudio/bp' as * with(
  $breakpoints: (
    "sm": 480px,
    "md": 768px,
    "lg": 1024px
  )
);
```
npm package: @greyireland/npm-helloworld
Description: print helloworld
Author: greyireland
Latest version: 1.0.1

# Print helloworld

just print helloworld

## Usage

```js
var Print = require('helloworld');
Print();
```

## publish npm package

```js
// set scope
npm init --scope=@greyireland -y
npm login
// set access=public
npm publish --access public
```
npm package: @greylocklabs/eslint-config
Description: Greylock Labs ESLint rules for all JavaScript / TypeScript projects
Author: Ty-Lucas Kelley
Latest version: 3.1.2

# @greylocklabs/eslint-config

> Greylock Labs ESLint rules

---

This package contains all of our ESLint rules.

[![npm version](https://badge.fury.io/js/%40greylocklabs%2Feslint-config.svg)](https://badge.fury.io/js/%40greylocklabs%2Feslint-config)
[![Build Status](https://travis-ci.org/greylocklabs/js.svg?branch=master)](https://travis-ci.org/greylocklabs/js)

## Installation

Install the package and all of its peer dependencies (works with `npm` or `yarn`):

```sh
$ npx install-peerdeps --dev @greylocklabs/eslint-config
```

Afterwards, create a `.eslintrc` file in your root project folder and add the following:

```json
{
  "extends": "@greylocklabs"
}
```

## Configuring

To override anything, simply add a `rules` property to your `.eslintrc`
file and add new or existing rules to it with your preferred settings:

```json
{
  "extends": "@greylocklabs",
  "rules": {
    "arrow-spacing": "off"
  }
}
```

## Testing

To run tests for this package, install the development dependencies with `npm install` from this folder and then run
`npm test`.

## License

MIT License. See [LICENSE](./LICENSE) file for details.
npm package: @greylocklabs/stylelint-config-styled-components
Description: Greylock Labs Stylelint rules for projects using Styled Components
Author: Ty-Lucas Kelley
Latest version: 1.2.1

# @greylocklabs/stylelint-config-styled-components

> Greylock Labs Stylelint rules for projects using Styled Components

---

[![npm version](https://badge.fury.io/js/%40greylocklabs%2Fstylelint-config-styled-components.svg)](https://badge.fury.io/js/%40greylocklabs%2Fstylelint-config-styled-components)

## Installation

Install the package and all of its peer dependencies:

```bash
$ npx install-peerdeps --dev @greylocklabs/stylelint-config-styled-components
```

Afterwards, create a `.stylelintrc` file in your root project folder and add the following:

```json
{
  "extends": "@greylocklabs/stylelint-config-styled-components"
}
```

## Configuration

To override anything, simply add a `rules` property to your `.stylelintrc`
file and add new or existing rules to it with your preferred settings:

```json
{
  "extends": "@greylocklabs/stylelint-config-styled-components",
  "rules": {
    "number-leading-zero": null
  }
}
```

## Need to lint CSS or HTML files?

Unfortunately, as of now Stylelint does not support using one config file
to target different file types. If your project uses any of the following:

1. `.css` or `.scss` files
2. Vue Single File Components
3. HTML files with inline styles

You should instead install
[@greylocklabs/stylelint-config](https://www.npmjs.com/package/@greylocklabs/stylelint-config).
It is capable of handling "everything else" when it comes to CSS styles.

Eventually, the goal is to merge the two projects together.

## Testing

To run tests for this package, install the development dependencies with
`npm install` from this folder and then run `npm test`.

## License

MIT License. See LICENSE file for details.