open-index/open-npm huggingface dataset:
npm package: @jarvisnetwork/cz-ccgls
Description: Commitizen adapter following the Conventional-Changelog with support for Gitmoji and Lerna Scopes.
Author: Thierry Michel
Latest version: 0.3.3

# cz-ccgls

> Adapter for [commitizen](https://github.com/commitizen/cz-cli), a prompt for [conventional changelog](https://github.com/conventional-changelog/conventional-changelog) standard.<br>
> Support [gitmoji](https://gitmoji.carloscuesta.me/) and [Lerna](https://lernajs.io/) scopes.

[![npm version](https://img.shields.io/npm/v/cz-ccgls.svg?style=flat-square)](https://www.npmjs.org/package/cz-ccgls)
[![Commitizen friendly](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg?style=flat-square)](http://commitizen.github.io/cz-cli/)
[![Conventional Commits](https://img.shields.io/badge/Conventional%20Commits-1.0.0-yellow.svg?style=flat-square)](https://conventionalcommits.org)
[![License](https://img.shields.io/badge/license-UNLICENSE-green.svg?style=flat-square)](https://github.com/thierrymichel/cz-ccgls/blob/master/UNLICENSE)

Inspired by [cz-conventional-changelog](https://www.npmjs.com/package/cz-conventional-changelog) and [cz-emoji](https://github.com/ngryman/cz-emoji)
npm package: @jarvisniu/transition
Description: CSS property transition for JavaScript
Author: Jarvis Niu
Latest version: 0.1.4

# transition

> CSS property transition for JavaScript

## Demo

[Demo](https://unpkg.com/@jarvisniu/transition/demo/dist/index.html)

## Usage

```js
import transition from '@jarvisniu/transition'

let coord = { x: 0, y: 0 }

transition(coord, { x: 100, y: 50 }, { duration: 0.5 })
```

## API

`transition(targetObject, props, options)`

Options:

- `duration`: Default is `0.2` second. The last time of the transition.
- `easing`: Default is `'quad'`. The easing function, can be set to `'linear'`.
- `onStart(val)`: The callback function executed before the first transition frame.
- `onUpdate(val)`: The callback function executed after each transition frame.
- `onComplete(val)`: The callback function executed after the last transition frame.
- `interpolate(startVal, endVal, t)`: Define how to interpolate the non-linear value (e.g. hex color `0xff0000`).

## Licence

MIT
npm package: @jarvisniu/ua
Description: Detect web environment by user agent
Author: Jarvis Niu
Latest version: 0.1.1

# ua

Detect web environment by user agent

## Usage

Install:

```bash
npm install @jarvisniu/ua
```

Import:

```js
import ua from '@jarvisniu/ua'
```

Use:

```js
ua.isWindows
// extending
ua.isOpera = ua.value.incluces('OPR/')
```

## API

### OS

- `isWindows`
- `isMacOS`
- `isLinux`
- `isUbuntu`
- `isAndroid`
- `isIOS`

### Kernel

- `isChrome`
- `isFirefox`
- `isSafari`
- `isEdge`
- `isIE`

### Platform

- `isElectron`
- `isDesktop`
- `isMobile`

### App

- `isWechat`
- `isAlipay`

## License

MIT
npm package: @jarvisniu/unstyle
Description: Write less styles
Author: Jarvis Niu
Latest version: 0.1.0

# unstyle

> Write less styles

## 同类项目

- [Tailwind CSS](https://github.com/tailwindcss/tailwindcss)
- [Primer Utilities](https://styleguide.github.com/primer/utilities/)
- [Bootstrap Utilities](https://getbootstrap.com/docs/4.1/utilities/borders/)

## 设计决策

- 要连字符：比如 p-l-5 不能 pl5，可读性差，且很容易冲突。
- 不加字号：自己定义分级的，比如 1 ~ 6，可以参考 `font-size.css` 。不要用 px, rem 的，又多又杂不统一。
- 不加弹性框：用的少，方案还没想好，而且有专门的解决方案 [flex.css](https://github.com/lzxb/flex.css)。
- 不引用源码定制：使用CSS变量达到既可以不引用源码，又可以定制样式的目的。目前仅支持配置边框颜色。

## 下个版本

- 无

## 考虑中

- outline: ol- | o- (可能与 overflow 混淆，但值不混淆，可以共用)，它也算盒模型。
  - overflow: hidden scroll auto overlay? visible
  -	outline: { style }, { color }, { width }, { offset }!
  -	opacity: 0-10
- 垂直居中: align-center = [-webkit-]align-items: center;
- 语义化边距尺寸: sm=5, md=10, lg=20, xl=40 或 s=5, m=10, l=20

## 文档
布局
- 显示(display): block, inline, inline-block
- 定位(position): absolute, relative, fixed, sticky
- 浮动: float-left | right, clearfix
- 全尺寸: full-size, full-height, full-width, w-full, h-full
- 溢出: overflow(o-): visible scroll hidden auto

盒模型
- 边距: margin(m-x-1), padding(p-x-1), x@a(all四周), tblr(上下左右), xy(轴的方向), m-x-a
- 尺寸: width(w-), height(h-), minus height(h-m-), max-, min-, w-{ m }-{ n }
- 全尺寸: full-size, full-height, full-width, w-full, h-full
- 边框
  - 样式 b-{ none solid dotted dashed double hidden }
  - 圆角 b-r-{ length }
  - 圆形 b-circle
  - 粗细 b-thin(半像素), b-thick(2px)
- 上下左右: top, bottom, left, right

文本
- 行高: line-height(l-h-)
- 对齐: text-align: left, right, center, justify
- 样式: bold, italic, underline, line-through, text-ellipsis(...), break-word(word-break: break-all)
- 对齐: vertical-align: top = v-a-top
- 空白: nowrap, pre, pre-line, pre-wrap

杂项
- 颜色: 文字 color-{ color }, 背景 bg-{ color }, 边框 b-{ color }, 灰阶 { x }-gray-[1-e]
- 禁止: 换行 no-wrap (white-space: nowrap), 粗体 no-bold (font-weight: normal), 选择 no-select (user-select: none), 拖拽 no-drag (user-drag: none)
- 光标: cursor(c-{ style }): default none pointer crosshair text move
- 显隐: invisible (visibility: hidden), visible (visibility: visible)

## FAQ

### 如何改变边框颜色？
覆盖下面的内部CSS变量即可。
> 注意：加在 `:root` 或 `html` 上可能会由于导入顺序的原因而导致无法覆盖。
``` css
body {
  --unstyle-border-color: pink;
}
```
npm package: @jarvisniu/upload-oss
Description: Upload dist files to Aliyun OSS with one command
Author: Jarvis Niu
Latest version: 1.1.1

# upload-oss

Upload dist files to Aliyun OSS with one command

## Usage

Install `npm install -D @jarvisniu/upload-oss`

Set oss config env variables in `.env`:

``` env
OSS_ACCESS_KEY_ID = 'my-oss-access-key-id'
OSS_ACCESS_KEY_SECRET = 'my-oss-access-key-secret'
OSS_REGION = 'my-oss-region'
OSS_BUCKET = 'my-bucket-name'
```

Run in cli:

``` bash
npx upload-oss
```

Or in npm scripts:

``` json
{
  "scripts": {
    "upload": "upload-oss --oss-base-dir my-app-dir"
  }
}
```

## CLI Args

`npx upload-oss --output-dir dist --oss-base-dir my-app --clean`

- `output-dir`: local source directory, default is `dist`
- `oss-base-dir`: oss target directory, default is `/`
- `clean`: Whether to diff and clean the oss target directory after uploading, default is `false`

## Licence

MIT
npm package: @jarvisniu/vue-ua
Description: Vue plugin to detect web environment by user-agent
Author: Jarvis Niu
Latest version: 0.1.3

# vue-ua

Vue plugin to detect web environment by user agent

## Usage

Install:

```bash
npm install @jarvisniu/vue-ua
```

Import:

```js
import Vue from 'vue'
import VueUA from '@jarvisniu/vue-ua'

// Simple usage
Vue.use(VueUA)

// With extending
Vue.use(VueUA, function (ua) {
  ua.isOpera = ua.value.includes('OPR/')
})
```

Use in template:

```html
<div v-if="$ua.isWindows">This is Windows</div>
```

Use in script:

```js
this.$ua.isWindows
// or
Vue.prototype.$ua.isWindows
```

## API

- OS
  - isWindows
  - isMacOS
  - isLinux
  - isUbuntu
  - isAndroid
  - isIOS
- Kernel
  - isChrome
  - isFirefox
  - isSafari
  - isEdge
  - isIE
- Platform
  - isElectron
  - isDesktop
  - isMobile
- In-App
  - isWechat
  - isAlipay

## License

MIT