open-index/open-npm huggingface dataset:
npm package: @sao-icons/types
Description: SAO Icons Package for getting typing
Author: Elias Vinh
Latest version: 0.0.3

# SAO Icons Types

This package contains the Typing for the SAO Icons.

## Installation

To install the SAO Icons Core, you can use the following command:

```bash
npm install @sao-icons/types
```

or

```bash
yarn add @sao-icons/types
```

or

```bash
pnpm install @sao-icons/types
```

## Usage

```ts
@import { } from '@sao-icons/types';
```

## Contributing

If you want to contribute to the SAO Icons, you can follow these steps:

1. Fork the repository.
2. Create a new branch for your changes.
3. Make your changes and commit them.
4. Push your changes to your fork.
5. Create a pull request to the main repository.

## License

The SAO Icons are licensed under the MIT License.
npm package: @sao-palette/core
Description: SAO Palette Package for getting colors styling (css, scss, sass)
Author: Elias Vinh
Latest version: 0.0.12

# SAO Palette Core

This package contains the Styling for the SAO Palette.

## Installation

To install the SAO Palette Styles, you can use the following command:

```bash
npm install @sao-palette/core
```

or

```bash
yarn add @sao-palette/core
```

or

```bash
pnpm install @sao-palette/core
```

## Usage

```scss
@import '@sao-palette/core/scss';
```

```css
@import '@sao-palette/core';
```

## Contributing

If you want to contribute to the SAO Palette, you can follow these steps:

1. Fork the repository.
2. Create a new branch for your changes.
3. Make your changes and commit them.
4. Push your changes to your fork.
5. Create a pull request to the main repository.

## License

The SAO Palette are licensed under the MIT License.
npm package: @sao-typography/core
Description: SAO Typography Package for getting typography styling (css, scss, sass)
Author: Elias Vinh
Latest version: 0.0.5

# SAO Typography Core

This package contains the Styling for the SAO Typography.

## Installation

To install the SAO Typography Styles, you can use the following command:

```bash
npm install @sao-typography/core
```

or

```bash
yarn add @sao-typography/core
```

or

```bash
pnpm install @sao-typography/core
```

## Usage

```scss
@import '@sao-typography/core/scss';
```

```css
@import '@sao-typography/core';
```

## Contributing

If you want to contribute to the SAO Typography, you can follow these steps:

1. Fork the repository.
2. Create a new branch for your changes.
3. Make your changes and commit them.
4. Push your changes to your fork.
5. Create a pull request to the main repository.

## License

The SAO Typography are licensed under the MIT License.
npm package: @saocaozuoya/cut
Description: A sample package.json
Latest version: 0.0.1

![Auto Assign](https://github.com/saocaozuoya/demo-repository/actions/workflows/auto-assign.yml/badge.svg)

![Proof HTML](https://github.com/saocaozuoya/demo-repository/actions/workflows/proof-html.yml/badge.svg)

# Welcome to your organization's demo respository
This code repository (or "repo") is designed to demonstrate the best GitHub has to offer with the least amount of noise.

The repo includes an `index.html` file (so it can render a web page), two GitHub Actions workflows, and a CSS stylesheet dependency.
npm package: @saocaozuoya/dog
Description: A sample package.json
Latest version: 0.2.23

## v0.2.23 (2023/12/13 下午2:14:42)
## v0.2.21 (2023/12/11 下午4:09:34)
## v0.2.20 (2023/12/8 下午8:21:58)
## v0.2.19 (2023/12/8 下午8:21:03)
## v0.2.18 (2023/12/8 下午8:20:54)
## v0.2.17 (2023/12/8 下午7:59:28)
## v0.2.16 (2023/12/8 下午6:51:16)

## v0.2.3 (2023/11/30 下午7:16:55)
## v0.2.2 (2023/11/29 下午4:59:56)
## v0.2.1 (2023/11/28 下午8:42:51)
## v0.2.0 (2023/11/28 下午 6:24:11)
# Welcome to your organization's demo respository

This code repository (or "repo") is designed to demonstrate the best GitHub has to offer with the least amount of noise.

The repo includes an `index.html` file (so it can render a web page), two GitHub Actions workflows, and a CSS stylesheet dependency.

### todo

- [x] css 初始化 // 1.1 normalize.css // 1.2 reset.css
- [x] 表单组件 模式切换
- [x] 表单组件 模式切换 支持全局变量
- [x] GridForm 组件优化
- [x] GridForm 组件支持字段描述
- [x] GridForm 组件支持字段显示隐藏
- [x] GridForm 组件支持字段校验
- [ ] GridForm 组件支持字段排序
- [ ] GridForm 组件支持字段禁用
- [x] Select 组件-人员多选
- [x] Text 组件-人员多选
- [ ] icon 组件 - svg 模式
- [ ] Select 组件-冲刺单选
- [ ] Text 组件-冲刺单选
- [ ] Select 组件-空间单选
- [ ] Text 组件-空间单选
- [x] 级联选择器
- [x] Text 级联选择器
- [ ] 按钮
- [ ] 按钮组
- [ ] vxe 表格
- [ ] vxe 表格-拖拽

### 脚本说明
npm package: @saofeng_cyber/pinia-sf-persistence-storage
Description: pinia持久化插件，如果有bug或者新的建议可以提issue
Author: saofeng
Latest version: 2.0.1

<p align="center">
  <img alt="" src="https://i.imgur.com/prUNzrf.png">
</p>

<p align="center">
  <i>Artwork from <a href="https://pinia.vuejs.org/">Pinia</a></i>
</p>

<h1 align="center">@saofeng_cyber/pinia-sf-persistence-storage</h1>
<p align="center">Persistence and rehydration of Pinia stores, backed by `browser.storage`.</p>

<p align="center">
  <a href="https://www.npmjs.com/package/pinia-plugin-webext-storage"><img alt="npm" src="https://img.shields.io/github/package-json/v/ohmree/pinia-plugin-webext-storage?style=flat&color=orange" /></a>
  <a href="https://github.com/ohmree/pinia-plugin-webext-storage/tree/HEAD/LICENSE.md"><img alt="License" src="https://img.shields.io/github/license/ohmree/pinia-plugin-webext-storage?style=flat&color=blue" /></a>
</p>
npm package: @saola.ai/rrweb-plugin-canvas-webrtc-record
Description: Plugin that live streams contents of canvas elements via webrtc
Author: justin@recordonce.com
Latest version: 2.0.23

# rrweb canvas webrtc plugin

Plugin that live streams contents of canvas elements via webrtc

## Example of live streaming via `yarn live-stream`

https://user-images.githubusercontent.com/4106/186701616-fd71a107-5d53-423c-ba09-0395a3a0252f.mov

## Instructions

### Record side

```js
// Record side

import rrweb from 'rrweb';
import { RRWebPluginCanvasWebRTCRecord } from 'rrweb-plugin-canvas-webrtc-record';

const webRTCRecordPlugin = new RRWebPluginCanvasWebRTCRecord({
  signalSendCallback: (msg) => {
    // provides webrtc sdp offer signal & connect message
    // make sure you send this to the replayer's `webRTCReplayPlugin.signalReceive(signal)`
    sendSignalToReplayer(msg); // example of function that sends the signal to the replayer
  },
});

rrweb.record({
  emit: (event) => {
    // send these events to the `replayer.addEvent(event)`, how you do that is up to you
    // you can send them to a server for example which can then send them to the replayer
    sendEventToReplayer(event); // example of function that sends the event to the replayer
  },
  plugins: [
    // add the plugin to the list of plugins, and initialize it via `.initPlugin()`
    webRTCRecordPlugin.initPlugin(),
  ],
  recordCanvas: false, // we don't want canvas recording turned on, we're going to do that via the plugin
});
```

### Replay Side

```js
// Replay side
import rrweb from 'rrweb';
import { RRWebPluginCanvasWebRTCReplay } from 'rrweb-plugin-canvas-webrtc-replay';

const webRTCReplayPlugin = new RRWebPluginCanvasWebRTCReplay({
  canvasFoundCallback(canvas, context) {
    console.log('canvas', canvas);
    // send the canvas id to `webRTCRecordPlugin.setupStream(id)`, how you do that is up to you
    // you can send them to a server for example which can then send them to the replayer
    sendCanvasIdToRecordScript(context.id); // example of function that sends the id to the record script
  },
  signalSendCallback(signal) {
    // provides webrtc sdp offer signal & connect message
    // make sure you send this to the record script's `webRTCRecordPlugin.signalReceive(signal)`
    sendSignalToRecordScript(signal); // example of function that sends the signal to the record script
  },
});

const replayer = new rrweb.Replayer([], {
  UNSAFE_replayCanvas: true, // turn canvas replay on!
  liveMode: true, // live mode is needed to stream events to the replayer
  plugins: [webRTCReplayPlugin.initPlugin()],
});
replayer.startLive(); // start the replayer in live mode

replayer.addEvent(event); // call this whenever an event is received from the record script
```

## More info

https://github.com/rrweb-io/rrweb/pull/976
npm package: @saola/api
Description: Saola API
Author: Saola Development Team
Latest version: 0.4.1

# @saola/api

> The Saola application programming interface.

## Install

Installs this library and you'll have access to the `saola` service from your program.

```shell
npm install --save @saola/api
```

## Usage

### Creates object and defines events

```javascript
var ApiClient = require('@saola/api');
var logger = require('winston');

var apiClient = new ApiClient({
  host: '<your-address-default-127.0.0.1>',
  port: '<your-port-default-17779>',
  path: '<default-saola>',
  logger: logger // option
});

apiClient.on('started', function() {
  logger.info(' - The command is started');
});

apiClient.on('completed', function(data) {
  logger.info(' - The command is commpleted successful, result: %s',
      JSON.stringify(data, null, 2));
});

apiClient.on('failed', function(data) {
  logger.info(' - The command is failed, output: %s',
      JSON.stringify(data, null, 2));
});

apiClient.on('done', function() {
  logger.info(' - The command is finished');
});

apiClient.on('noop', function() {
  logger.info(' - The command not found');
});
```

### Gets commands definition

Uses `apiClient.loadDefinition(callback)` to get the commands defintion from `saola` service.

```javascript
apiClient.loadDefinition(function(err, definition) {
  // do something with commands definition
});
```

### Executes a command

Uses `apiClient.execCommand(cmd_definition, callback)` to execute a command that has been defined in `saola` service.

Example:

```javascript
var cmd_def = {
  name: '<name_of_command>',
  options: {
    option_1: '<value_1>',
    option_2: '<value_2>'
  }
};

var callback = function(err, result) {
  // do something with err & result
};

apiClient.execCommand(cmd_def, callback);
```

or inline form:

```javascript
apiClient.execCommand({
  name: '<name_of_command>',
  options: {
    option_1: '<value_1>',
    option_2: '<value_2>'
  }
}, function(err, result) {
  // do something with err & result
});
```
npm package: @saola/core
Description: Saola Microservice Framework
Author: Saola Development Team
Latest version: 0.4.3

# @saola/core

> Saola Microservice Framework

## Introduction

Saola (formerly Devebot) is tiny microservice framework for the Node.JS. It is designed under some important principles:

* High modularity
* Easy to integrate
* Reusable

![Architecture](https://raw.github.com/saola-tools/saola-core/master/docs/modules/ROOT/assets/images/devebot-architecture.png)


Based on the Saola framework, the application is decomposed into `plugins`, each of which implements a particular feature. The framework provides `linkers` which wrap or connect to other services such as the REST API services or the database servers.