open-index/open-npm huggingface dataset:
npm package: @polyup/tutorials
Description: ## CLI Commands
Latest version: 0.0.32

# my-project

## CLI Commands

``` bash
# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# test the production build locally
npm run serve

# run tests with jest and enzyme
npm run test
```

For detailed explanation on how things work, checkout the [CLI Readme](https://github.com/developit/preact-cli/blob/master/README.md).
npm package: @polyv/chat-image-upload-sdk-ui-default
Description: Default UI components to chat image upload
Latest version: 0.2.0-rc.1

# 保利威聊天室图片上传 SDK

## 功能概述
本项目是保利威直播聊天室图片上传的逻辑层 SDK。开发人员可以使用本 SDK 接入聊天室图片上传功能，或者基于本 SDK 定制开发图片上传界面。

## 使用

### 安装
```bash
npm i -S @polyv/chat-image-upload-sdk @polyv/chat-image-upload-sdk-ui-default
```

### 引入

#### 在线文件引入方式
```javascript
// 根据版本号引入JS版本。
<script src="https://websdk.videocc.net/chat-image-upload-sdk/x.x.x/lib/polyv-chat-image-upload.umd.js"></script>
<script>
const { PolyvChatImageUpload } = window.PolyvChatImageUpload;
</script>
```

#### 引入 SDK 与组件
```javascript
import { ChatImageUpload } from '@polyv/chat-image-upload-sdk';
// 按需引入组件
import Upload from '@polyv/chat-image-upload-sdk-ui-default/lib/Upload';
```
### 初始化   
```vue
<Upload :uploadCtx="uploadCtx"/>
```

```javascript
const uploadCtx = new ChatImageUpload({
  channelId,
  source: 'watch',
  onChange: (chatImage) => {
    // 此方法会返回上传的状态，可以根据返回的状态进行业务调整
    console.log(chatImage.status);
  }
});
```