open-index/open-npm huggingface dataset:
npm package: @lanyuanxiaoyao/subscription
Description: `默认规则` 仅启用 `开屏广告` 一类规则, 其它所有规则均需用户手动打开
Author: lisonge
Latest version: 1.186.0

# @gkd-kit/subscription

`默认规则` 仅启用 `开屏广告` 一类规则, 其它所有规则均需用户手动打开

在 GKD 内添加以下链接即可使用此规则

```txt
https://fastly.jsdelivr.net/npm/@gkd-kit/subscription
```

当前版本: v186

当前订阅文件已适配 610 个 APP, 共有 1371 规则组

查看 [适配 APP 列表](./AppList.md)

如何编写订阅/贡献此项目 -> [CONTRIBUTING.md](./CONTRIBUTING.md)

## 感谢以下开发者的贡献

![img](https://contrib.rocks/image?repo=gkd-kit/subscription&_v=186)
npm package: @lanyue/alioss-cli
Description: Aliyun oss cli
Author: Lanyue
Latest version: 0.1.1

# alioss-cli

Upload folder to aliyun oss.

```ls
npm install -g @lanyue/alioss-cli
```

## Usage

Upload all files in folder

```sh
alioss dir --dest=demo
```

or

Upload a single file

```sh
alioss ./demo.zip --dest=demo
```

```txt
Usage: alioss [options] <dir>

Aliyun oss cli

Options:
  -V, --version       output the version number
  -c --config [file]  Specify configuration file default(.aliossrc or ~/.aliossrc)
  -d --dest [path]    object name perfix for oss (default: "/")
  -h, --help          display help for command
```

`.aliossrc` config file:

```json
{
  "region": "oss-cn-shenzhen",
  "bucket": "<bucket>",
  "accessKeyId": "<accessKeyId>",
  "accessKeySecret": "<accessKeySecret>"
}
```

Use api:

```js
const upload = require('@lanyue/alioss-cli')

upload({
    from: './dist',
    to: '/demo'
}).then((total) => {})
```

**options**

```txt
upload(options)

+ @param {object} options
+ @param {string} options.from - dir path or file
+ @param {string} [options.to] - upload to path; default '/'
+ @param {object} options.oss - options for ali-oss
+ @param {object} options.glob - options for glob
+ @param {(i: number, file: string, result: object, len: number) => ()} options.progress - upload progress
+ @returns {Promise<number>}
```
npm package: @lanyue/jsonc
Description: lezer-based JSON grammar
Author: lanyue
Latest version: 1.0.0

# jsonc

> fork https://github.com/lezer-parser/json

```sh
npm install @lanyue/jsonc
```

This is a JSON with comment grammar for the [lezer](https://lezer.codemirror.net/) parser system.

Reference:
- https://www.json.org/json-en.html
- https://tools.ietf.org/html/rfc8259 (The latest IETF RFC – contains the latest full spec)
npm package: @lanyue/react-color-picker
Description: A color picker component for React
Author: lanyueos@qq.com
Latest version: 0.1.0

# React Color Picker

A color picker component for React.

[Live Demo](https://mengdu.github.io/react-color-picker/)

## Usage

```sh
npm install @lanyue/react-color-picker
```

```jsx
import { useState } from 'react'
import { ColorPicker } from '@lanyue/react-color-picker'
import '@lanyue/react-color-picker/dist/style.css'

export default function App() {
  const [color, setColor] = useState('hsla(200, 100%, 50%, 0.9)')
  const presets = [
    '#f44337', '#e91e63', '#9c27b0' , '#683ab8', '#3f52b5', '#2196F3', '#03A9F4', '#00BCD4', 'rgba(0, 0, 0, 0)', 'rgba(255, 255, 255, 0)',
    '#009688', '#4CAF50', '#8BC34A' , '#CDDC39', '#FFEB3B', '#FFC107', '#ff9800', '#ff5722', '#795548', '#9E9E9E'
  ]
  return (
    <>
      <div className="color-view">
        <div style={{background: `${color}`}}></div>
      </div>&nbsp;
      <span>{color}</span>

      <ColorPicker
        value={color}
        presets={presets}
        onChange={setColor}
        />
    </>
  )
}
```

**Preview**

![](preview.png)
npm package: @lanyue/react-image-cropper
Description: A image cropper component for React
Author: lanyueos@qq.com
Latest version: 0.1.0

# react-image-cropper

A image cropper component for React

[Live Demo](https://mengdu.github.io/react-image-cropper/)

## Usage

```sh
npm install @lanyue/react-image-cropper
```

```jsx
import { useState } from 'react'
import { ColorPicker } from '@lanyue/react-image-cropper'
import '@lanyue/react-image-cropper/dist/style.css'

export default function App() {
  const [img, setImg] = useState('/demo.png')
  const [blob, setBlob] = useState<Blob | null>()
  const handleFile = (e: React.ChangeEvent<HTMLInputElement>) => {
    const file = e.target.files && e.target.files[0]
    if (!file) return
    if (!/^image\/.+$/.test(file.type)) return
    setImg(URL.createObjectURL(file))
  }
  return (
    <>
      <input type="file" onChange={handleFile} />
      <ImageCropper
        src={img}
        size={{w: 128, h: 128}}
        style={{width: '300px', height: '300px'}}
        onComplete={e => setBlob(e.blob)}
      />
      {blob && <img src={URL.createObjectURL(blob)} alt="" />}
    </>
  )
}
```
npm package: @lanyue/react-object-viewer
Description: A flexible and lightweight object viewer component for React.
Author: Lanyue
Latest version: 0.2.1

# react-object-viewer  

A flexible and lightweight object viewer component for React.  

> Inspired by [Runkit](https://runkit.com).  

```sh
npm install @lanyue/react-object-viewer
```

```js
import { ObjectViewer } from '@lanyue/react-object-viewer'
import '@lanyue/react-object-viewer/dist/style.css'

function App() {
  return (
    <ObjectViewer value={window} />
  )
}
```

**Preview**

![preview](./preview.png)

## Props

**ObjectViewer** component props:

- **value**: `any` The value to be view.  
- **showLine**?: `boolean` - Show alignment line. Defaults to `false`.  
- **showLevel**?: `number` - Defines how many levels should be unfolded initially. Defaults to `1`.  
- **showItems**?: `number` - Specifies the number of items to render. Defaults to `20`.  
- **showInlineMax**?: `number` - Maximum number of items for inline rendering before switching to block format. Defaults to `50`.  
- **showIcon**?: `boolean` - Show type icon. Defaults to `false`.  
- **hideNonEnumerability**?: `boolean` - Hide non-enumerable properties. Defaults to `false`.  
- **sort**?: `number` - Sorting method for items:  
  - `0` (default) - No sorting  
  - `1` - Descending order  
  - `2` - Ascending order  
- **canClickLabelExtend**?: `boolean` - Allow clicking on the label to expand. Defaults to `false`.  
- **header**?: `ReactNode` - Custom header component.  
- **footer**?: `ReactNode` - Custom footer component.  
- **attrs**?: `React.ComponentProps<'div'>` - Additional attributes applied to the root `<div>` container.  
- **renderValue**?: `RenderValueFn` - Custom function to render values.  
- **renderTypeIcon**?: `(type: Type, descriptor: TypedPropertyDescriptor<any>, level: number, DefaultIcon: typeof RenderTypeIcon) => ReactNode`  
  - Custom function to render type icons.  
  - `DefaultIcon` refers to the built-in type icon renderer.  

## License

[MIT](./LICENSE)
npm package: @lanyundev/hexo-asset-image-fix
Description: Give asset image in hexo a absolutely path automatically
Author: xcodebuild
Latest version: 0.0.1

# hexo-asset-image


Give asset image in hexo a absolutely path automatically

# Usege

```shell
npm install hexo-asset-image --save
```

# Example

```shell
MacGesture2-Publish
├── apppicker.jpg
├── logo.jpg
└── rules.jpg
MacGesture2-Publish.md
```

Make sure `post_asset_folder: true` in your `_config.yml`.

Just use `![logo](logo.jpg)` to insert `logo.jpg`.

# History

2018-04-18: support hexo-abbrlink
npm package: @lanyunit/uploader
Description: Integrate local, Tencent Cloud COS, Alibaba Cloud OSS, and Qiniu Cloud uploads
Author: wwy
Latest version: 1.0.16

# Uploader JS

[![Latest Version on Packagist](https://img.shields.io/npm/v/lanyunit-uploader.svg?style=flat-square)](https://www.npmjs.com/package/lanyunit-uploader)
[![Total Downloads](https://img.shields.io/npm/dt/lanyunit-uploader.svg?style=flat-square)](https://www.npmjs.com/package/lanyunit-uploader)

Integrate `local`, `Tencent Cloud COS`, `Alibaba Cloud OSS`, and `Qiniu Cloud` uploads

## Installation

You can install the package via npm:

```bash
npm i lanyunit/laravel-uploader
```

## Usage

```js
import Uploader from "lanyunit-uploader";

const uploader = new Uploader({
    type: "image",
    // when token expire
    onGetConfig: (callback, data) => {
        fetch("http://your-domain.com/upload/config", data).then(async (res) => {
            callback(await res.json());
        });
    },
});

// upload file
uploader.send({
    file: new File(yourfile, "file.txt"),
    onSuccess: (response) => {
        console.log(response.url);
    },
    onFail: (err) => {
        console.log(err.message);
    },
    onProgress: ({ loaded, total, percent }) => {
        //
    },
});
```

## Changelog

Please see [CHANGELOG](CHANGELOG.md) for more information on what has changed recently.

## Security Vulnerabilities

Please review [our security policy](../../security/policy) on how to report security vulnerabilities.

## Credits

-   [wwy](https://github.com/w872730491w)
-   [All Contributors](../../contributors)

## License

The MIT License (MIT). Please see [License File](LICENSE.md) for more information.
npm package: @lanzs/use-request
Description: Vue use-request hooks
Author: OwenWong
Latest version: 1.0.1

# @lanzs/use-request

Production-ready Vue Hook to manage asynchronous data. based on [vue-hooks-plus/use-request](https://github.com/owenvip/vue-hooks-plus)

## usage

see [documents](https://inhiblab-core.gitee.io/docs/hooks/useRequest/)
npm package: @lanzs/utils
Description: @lanzs/utils
Latest version: 1.0.0

<br>
<p align="center">
  <a href="https://pure-admin-utils.netlify.app" target="_blank">
    <img src="https://xiaoxian521.github.io/hyperlink/img/pureadmin-utils.png" alt="pure-admin-utils" width="220" />
  </a>
</p>

<p align="center">
@pureadmin/utils   
<br />
常用的工具函数（utils、hooks）
</p>

<p align="center">
<a href="https://www.npmjs.com/package/@pureadmin/utils" target="__blank"><img src="https://img.shields.io/npm/v/@pureadmin/utils?color=a1b858&label=" alt="NPM version"></a>
<a href="https://www.npmjs.com/package/@pureadmin/utils" target="__blank"><img alt="NPM Downloads" src="https://img.shields.io/npm/dm/@pureadmin/utils?color=50a36f&label="></a>
</p>

**中文** | [English](./README.en-US.md)

## 👀 文档

- [文档地址](https://pure-admin-utils.netlify.app/)

## 🚀 特性

- 🌎 **任意`JavaScript`环境中运行**: 支持`Node.js`、浏览器以及任意`JavaScript`框架
- 📡 **可通过`CDN`引用**: 同时支持`jsdelivr`和`unpkg`
- ⚡️ **完全可摇树**: 自带`Tree-shaking`，只对引入的代码进行打包
- 💫 **零依赖**: 零`Dependencies`依赖，只会安装项目本身
- 🦾 **强类型**: 使用`TypeScript`编写，拥有强大的类型推导提示
- 💯 **`100%`测试**: `100%`测试覆盖率，`100%`测试通过率

## 📦 安装

```bash
# npm
npm install @pureadmin/utils

# or yarn
yarn add @pureadmin/utils

# or pnpm
pnpm add @pureadmin/utils
```

## 📡 `CDN`

```html
<!-- 提供包含所有方法的全局变量 PureUtils -->

<!-- jsdelivr -->
<script src="//cdn.jsdelivr.net/npm/@pureadmin/utils"></script>

<!-- unpkg -->
<script src="//unpkg.com/@pureadmin/utils"></script>
```

## 📚 示例

集成 `vue-vite`、`vue-cli`、`preact`、`react`、`solid`、`svelte`、`nuxt3`、`next`、`node`、`html` 使用示例

[查看示例代码](https://github.com/pure-admin/pure-admin-utils-docs/tree/master/playgrounds)

## 许可证

[MIT © 2022-present, pure-admin](./LICENSE)
npm package: @lanzs/websocket
Description: websocket util for browser
Author: owenwong
Latest version: 0.0.2

<!--
 * @Descripttion:
 * @Author: OwenWong
 * @Email: owen.cq.cn@gmail.com
 * @Date: 2021-07-28 11:25:14
-->

# Websocket

> websocket for browser

## Install

```bash
npm install @lanzs/websocket
```

## Usage

```js
import Websocket from '@lanzs/websocket'

const ws = new Websocket('ws://example.com')
ws.connect(() => {
  console.log('ws connected')
})
ws.send('msg')
ws.onMessage((res) => {
  console.log('receive message from service')
})
ws.onError((err) => {
  console.error('websocket occurred error')
})
ws.close(() => {
  console.log('ws closed')
})
```