open-index/open-npm huggingface dataset:
npm package: @jxz/babel-plugin-import-chunkname
Description: ``` npm install @jxz/babel-plugin-import-chunkname ```
Latest version: 0.0.1

# babel-plugin-import-chunkname

```
npm install @jxz/babel-plugin-import-chunkname
```

use it in .babelrc

```
{
  "plugins": [
    "@jxz/babel-plugin-import-chunkname"
  ]
}
```

transpile 
```
import('./page/About')
```
to
```
import(/*  webpackChunkName: 'About'  */ './page/About')
```
npm package: @jxz/flexbox
Description: ```jsx import FlexBox from "@jxz/flexbox";
Latest version: 0.0.7

# FlexBox

```jsx
import FlexBox from "@jxz/flexbox";

<FlexBox
  flexDirection={"row-reverse"}
  justifyContent={"space-between"}
  width={"600px"}
>
  <FlexBox>
    <label>
      Title:{" "}
      <input
        name="title"
        value={form.title}
        onChange={onChange}
        onBlur={onBlur}
      />
      {errors.title}
    </label>
  </FlexBox>
  <FlexBox>
    <label>
      vegetarian:
      <input
        type="checkbox"
        name="vegetarian"
        checked={form.vegetarian}
        onChange={onChange}
        onBlur={onBlur}
      />
    </label>
  </FlexBox>
  <FlexBox width={"120px"}>
    <button>Add Recipe</button>
  </FlexBox>
</FlexBox>;
```
npm package: @jxz/range
Description: ``` npm install @jxz/range ```
Author: hjzheng
Latest version: 0.0.2

# range

```
npm install @jxz/range
```

```js
const range = require('@jxz/range')

range(4) //[0, 1, 2, 3]

range(1, 4) //[1, 2, 3]

range(5, 20, 4) //[5, 9, 13, 17]

range(2, -10, -4) //[2, -2, -6]
```
npm package: @jxz/ssh2mysql
Description: ```js npm install @jxz/ssh2mysql ```
Latest version: 0.0.3

# ssh2mysql

```js
npm install @jxz/ssh2mysql
```

```ts
// config.json
// you can get db configuration description from mysql2 and
// ssh configuration description from tunnel-ssh

"db": {
    "type": "mysql",
    "host": "10.0.1.57",
    "port": 3306,
    "username": "xxxx",
    "password": "passwd",
    "database": "db"
  },
  "ssh": {
    "username": "root",
    "host": "10.0.1.60",
    "port": 22,
    "dstHost": "10.0.1.57",
    "dstPort": 3306,
    "localHost": "127.0.0.1",
    "localPort": 12345,
    "privateKey": "/Users/hjzheng/.ssh/id_rsa"
  }

// execSql.ts

import * as ssh2mysql from '@jxz/ssh2mysql'
import { config } from '@ys/api'

const fs = require('fs')
const dbConf = config.db
const sshConf = config.ssh

let mysql

const execSql = async (sql: string) => {
  if (!mysql) {
    mysql = await ssh2mysql.connect(
      {
        ...sshConf,
        privateKey: fs.readFileSync(sshConf.privateKey),
      },
      { ...dbConf, user: dbConf.username },
    )
  }
  return mysql.execSql(sql)
}

export default execSql
```
npm package: @jy-fe/icons
Description: ## xui 图标库
Author: shenck
Latest version: 1.0.5

# `@jy-fe/icons`

## xui 图标库

### 图标按 iconfont 项目划分文件夹，统一以组件形式抛出及引用

#### `1、`React 组件形式，`svg`编写

#### `2、`每个组件需添加`注释`，以方便使用者，注释包含对应的 iconfont 地址、名称、纯色图标应覆盖的 color 值

#### `3、`纯色图标统一不在 path 中写 fill，自己项目中用样式覆盖
npm package: @jy-fe/react-components
Description: joyowo pc端ui
Author: shenck
Latest version: 1.1.5

# `@jy-fe/react-components`

#### react 项目相关组件库

### 历史发布版本号

#### 1.1.4 - shenck

#### 1.1.3 - shenck

#### 1.1.2 - shenck

#### 1.1.1 - shenck

#### 1.1.0 - shenck

#### 1.0.9 - shenck

#### 1.0.8 - shenck

#### 1.0.7 - shenck

#### 1.0.6 - shenck

#### 1.0.5 - shenck

#### 1.0.4 - shenck

#### 1.0.3 - shenck

#### 1.0.2 - shenck

#### 1.0.1 - shenck

#### 1.0.0 - shenck