open-index/open-npm huggingface dataset:
npm package: @jibenziliao/canvas-roi
Description: 组件主要用于在图片或视频提供绘制选区并将选区数据输出。
Author: jibenziliao
Latest version: 2.3.2

# CanvasRoi

组件主要用于在图片或视频提供绘制选区并将选区数据输出。

> 2.0版本支持vue3

> 2.1版本支持react

> 从2.1版本开始，默认导出不再是vue组件，而是CanvasRoi类。vue组合和react组件分别放在对应的独立文件中。避免相互干扰

### 如何安装

NPM:

```shell
npm install @wxhccc/canvas-roi --save
```

CDN:

```html
<script src="[npm url]/[pkg@version]/index.js"></script>
```

### 用法示例


```html
<div class="roi-container">
  <img src="pic.jpg" alt="">
</div>
```

```js
import { CanvasRoi } from '@wxhccc/canvas-roi';

const roi = new CanvasRoi('.roi-container', {
  // input回调函数可从组件内接收数据的变化
  input: value => {}
});
// 也可以外部设置组件的数据
roi.setValue(value)
```

详细说明可查看仓库内文档
[Document](https://github.com/wxhccc/canvas-roi/blob/master/Document.md)

## License

[MIT](https://opensource.org/licenses/MIT)



[⬆ back to top](#内容目录)
npm package: @jibenziliao/create-vite-react-ts
Description: 开发脚手架工具
Author: jibenziliao
Latest version: 0.0.13

# 前端项目脚手架工具

> 旨在方面后端开发，快速搭建管理台，降低难度，减少定制化，统一组件风格。

搭配模板项目 [react-admin-template](https://github.com/jibenziliao/react-admin-template)

命令介绍
快速初始化
```bash
yarn create @jibenziliao/vite-react-ts project-name
```

🍎 安装脚手架
```bash
npm i -g @jibenziliao/create-vite-react-ts
```

🍏 使用脚手架创建项目

```bash
create-vite-react-ts project-name
```

参照项目： [awesome-test-cli](https://github.com/Walker-Leee/awesome-test-cli)
npm package: @jibjiby/wfm
Author: Jibjiby
Latest version: 1.0.5

# TS NODE TEMPLATE


## DB 초기화

### 1.docker container 생성

```bash
docker-compose up -d
```

### 2.db schema migration

마이그레이션 파일 생성

```bash
npx drizzle-kit generate # pnpm db:generate
```

docker 에 반영

```bash
npx drizzle-kit push # pnpm db:push
```

스키마 변경 후 반영할 때는 `migrate` 호출 후 반영해야함.

```bash
npx drizzle-kit migrate # pnpm db:migrate
```