open-index/open-npm huggingface dataset:
npm package: @sguimmara/function-curve-editor
Description: A function curve editor widget / web component
Latest version: 1.0.17

# function-curve-editor

This package implements a function curve editor that runs within a HTML page in the web browser.
It can be used in widget mode (with a HTML canvas element) or as a [web component](https://en.wikipedia.org/wiki/Web_Components) (HTML custom element).

NPM package: [function-curve-editor](https://www.npmjs.com/package/function-curve-editor)<br>
Online demo: [www.source-code.biz/snippets/typescript/functionCurveEditor](https://www.source-code.biz/snippets/typescript/functionCurveEditor)<br>
Examples of how to use it: [github.com/chdh/function-curve-editor/tree/master/examples](https://github.com/chdh/function-curve-editor/tree/master/examples)
npm package: @sguisse/unibeautify
Description: One Beautifier to rule them all - Forked by SGU
Author: sguisse
Latest version: 0.17.1

# Unibeautify

[![Renovate enabled](https://img.shields.io/badge/renovate-enabled-brightgreen.svg)](https://renovateapp.com/)
[![Maintainability](https://api.codeclimate.com/v1/badges/b472e3d8388e14a6d9ea/maintainability)](https://codeclimate.com/github/Unibeautify/unibeautify/maintainability)

> One Beautifier to rule them all, One Beautifier to clean them, One Beautifier to bring them all and in the darkness sheen them

| Travis CI (Linux / macOS) | AppVeyor (Windows) | Test Coverage |
| --- | --- | --- |
| [![Build Status](https://travis-ci.com/Unibeautify/unibeautify.svg?branch=master)](https://travis-ci.com/Unibeautify/unibeautify) | [![Build status](https://ci.appveyor.com/api/projects/status/3bisrhh9lvtuxa2a/branch/master?svg=true)](https://ci.appveyor.com/project/Glavin001/unibeautify/branch/master) | [![Test Coverage](https://api.codeclimate.com/v1/badges/b472e3d8388e14a6d9ea/test_coverage)](https://codeclimate.com/github/Unibeautify/unibeautify/test_coverage) |


## Why
- Single beautifier abstracting multiple beautifiers for multiple languages
- Unified beautifier configuration options

## Install

To use programmatically with Node.js:

```bash
$ npm install --save unibeautify
```

### CLI

See [`Unibeautify-CLI`](https://github.com/Unibeautify/unibeautify-cli):

```bash
$ npm install --global @unibeautify/cli
```

## Usage

See [`test/` directory](https://github.com/Unibeautify/unibeautify/tree/master/test) for examples.

## Contribute

```bash
# Be sure to lint
npm run lint
# And build
npm run build
# And test
npm test
```
npm package: @sguisse/unibeautify-beautifier-prettier
Description: Prettier beautifier for Unibeautify - Forked by SGU
Author: sguisse
Latest version: 0.9.0

# beautifier-prettier

[![Build Status](https://travis-ci.com/Unibeautify/beautifier-prettier.svg?branch=master)](https://travis-ci.com/Unibeautify/beautifier-prettier) [![Test Coverage](https://api.codeclimate.com/v1/badges/3aef5f1b2d79cca35671/test_coverage)](https://codeclimate.com/github/Unibeautify/beautifier-prettier/test_coverage) [![Renovate enabled](https://img.shields.io/badge/renovate-enabled-brightgreen.svg)](https://renovateapp.com/)

> [Prettier](https://prettier.io/) beautifier for [Unibeautify](https://github.com/Unibeautify)

## Installation

```bash
npm install --global @sguisse/unibeautify-beautifier-prettier
```

## Usage

See [`unibeautify-cli`](https://github.com/Unibeautify/unibeautify-cli) for details.
npm package: @sguisse/unibeautify-beautifier-prettydiff
Description: Pretty Diff beautifier for Unibeautify - forked by SGU
Author: sguisse
Latest version: 0.8.1

# beautifier-prettydiff

[![Build Status](https://travis-ci.com/Unibeautify/beautifier-prettydiff.svg?branch=master)](https://travis-ci.com/Unibeautify/beautifier-prettydiff)
[![Test Coverage](https://api.codeclimate.com/v1/badges/79b1fa183476d8b5d44a/test_coverage)](https://codeclimate.com/github/Unibeautify/beautifier-prettydiff/test_coverage) [![Greenkeeper badge](https://badges.greenkeeper.io/Unibeautify/beautifier-prettydiff.svg)](https://greenkeeper.io/)

> Pretty Diff beautifier for Unibeautify

## Installation

```bash
npm install --global @sguisse/unibeautify-beautifier-prettydiff
```

## Usage

See [`unibeautify-cli`](https://github.com/Unibeautify/unibeautify-cli) for details.
npm package: @sguisse/unibeautify-beautifier-sqlformat
Description: sqlformat beautifier for Unibeautify - Forked by SGU
Author: sguisse
Latest version: 0.0.1

# beautifier-sqlformat

[![Build Status](https://travis-ci.com/Unibeautify/beautifier-sqlformat.svg?branch=master)](https://travis-ci.com/Unibeautify/beautifier-sqlformat) [![Renovate enabled](https://img.shields.io/badge/renovate-enabled-brightgreen.svg)](https://renovateapp.com/)

[![Test Coverage](https://api.codeclimate.com/v1/badges/adf326e195e92db4ca77/test_coverage)](https://codeclimate.com/github/Unibeautify/beautifier-sqlformat/test_coverage) [![Maintainability](https://api.codeclimate.com/v1/badges/adf326e195e92db4ca77/maintainability)](https://codeclimate.com/github/Unibeautify/beautifier-sqlformat/maintainability)

> [python-sqlparse](https://github.com/andialbrecht/sqlparse) beautifier for [Unibeautify](https://github.com/Unibeautify)

## Installation

```bash
npm install --global @sguisse/unibeautify-beautifier-sqlformat
```

## Contributing

See [CONTRIBUTING.md](CONTRIBUTING.md)

## Usage

See [`unibeautify-cli`](https://github.com/Unibeautify/unibeautify-cli) for details.
npm package: @sguisse/unibeautify-beautifier-stylelint
Description: stylelint beautifier for Unibeautify - Forked v0.0.1 by SGU
Author: sguisse
Latest version: 0.0.8

# beautifier-stylelint

[![Build Status](https://travis-ci.com/Unibeautify/beautifier-stylelint.svg?branch=master)](https://travis-ci.com/Unibeautify/beautifier-stylelint) [![Renovate enabled](https://img.shields.io/badge/renovate-enabled-brightgreen.svg)](https://renovateapp.com/)

[![Test Coverage](https://api.codeclimate.com/v1/badges/b68ff9c3832114f2d4ac/test_coverage)](https://codeclimate.com/github/Unibeautify/beautifier-stylelint/test_coverage) [![Maintainability](https://api.codeclimate.com/v1/badges/b68ff9c3832114f2d4ac/maintainability)](https://codeclimate.com/github/Unibeautify/beautifier-stylelint/maintainability)

> [stylelint](https://stylelint.io/) beautifier for [Unibeautify](https://github.com/Unibeautify)

## Installation

```bash
npm install --global @sguisse/unibeautify-beautifier-stylelint
```

## Contributing

See [CONTRIBUTING.md](CONTRIBUTING.md)

## Usage

See [`unibeautify-cli`](https://github.com/Unibeautify/unibeautify-cli) for details.
npm package: @sgulls/iohook
Description: Node.js global keyboard and mouse hook
Author: Aloyan Dmitry
Latest version: 9.7.4

# iohook

[![Build status](https://ci.appveyor.com/api/projects/status/2ntnlh6k953he5is?svg=true)](https://ci.appveyor.com/project/Djiit/iohook)
[![Build Status](https://travis-ci.org/wilix-team/iohook.svg?branch=master)](https://travis-ci.org/wilix-team/iohook)
[![Gitter chat](https://badges.gitter.im/gitterHQ/gitter.png)](https://gitter.im/iohookjs/Lobby)
[![NPM version](https://img.shields.io/npm/v/iohook.svg)](https://www.npmjs.com/package/iohook)

## About

Node.js global native keyboard and mouse listener.

This module can handle keyboard and mouse events via native hooks inside and outside your JavaScript/TypeScript application.

Found a bug? Have an idea? Feel free to post an [issue](https://github.com/wilix-team/iohook/issues) or submit a [PR](https://github.com/wilix-team/iohook/pulls).

**Check out the [documentation](https://wilix-team.github.io/iohook).**

## Platform support

- Versions >= 0.6.0 support only officially supported platforms versions.
- Versions 0.5.X are the last to support Electron < 4.0.0
- Versions 0.4.X are the last to support for Node < 8.0 and Electron < 2.0.0

## Installation

iohook provides prebuilt version for a bunch of OSes and platforms.

### Linux (including WSL)

```bash
# On Linux (including WSL) platform, you will need libxkbcommon-x11 installed
sudo apt-get install -y libxkbcommon-x11-0
```

### All platforms

```bash
npm install iohook --save # or yarn add iohook
```

## FAQ

Q. _Does this module require Java ?_

A. No, this module doesn't require Java (like jnativehook) or any other runtimes.

Q. _Is iohook compatible with Node/Electron version X.Y.Z ?_

A. We try to match the currently supported version of both [Node](https://nodejs.org/en/about/releases/) and [Electron](https://electronjs.org/docs/tutorial/support#currently-supported-versions).

## Apps

Are you using iohook in your project ? Please tell us in a [PR](https://github.com/wilix-team/iohook/pulls) so we an add it to the list !

- [Cortex](https://crtx.gg/)
- [Tracklify](https://tracklify.com/)
- [CrewLink](https://github.com/ottomated/CrewLink)
- [Runtime](https://github.com/yikuansun/desktopspeedruntools#runtime-speedrun-tools)

## Contributors

Thanks to _kwhat_ for the [libuiohook](https://github.com/kwhat/libuiohook) project and [ayoubserti](https://github.com/ayoubserti) for the first iohook prototype.

- [vespakoen](https://github.com/vespakoen) (prebuild system implementation)
- [matthewshirley](https://github.com/matthewshirley) (Windows prebuild fix)
- [djiit](https://github.com/djiit) (project & community help)
- [ezain](https://github.com/eboukamza) (add feature enable/disable mouse click propagation)
- [anoadragon453](https://github.com/anoadragon453) (electron 4+ support)
- [ykhwong](https://github.com/ykhwong) (node-gyp usage, electron 9+ support)
- All the other contributors. Feel free to extend this list !
npm package: @sgulseth/opentelemetry-metrics-default-nodejs
Description: Package to collect default node.js metrics
Latest version: 0.0.5

# Opentelemetry Default NodeJS Metrics

This module collects default Node.js system metrics as opentelemtry metrics. This package and how the metrics are collected is based on the [siimon/prom-client](https://github.com/siimon/prom-client/) package


## Usage

```
import {collectDefaultMetrics} from '@sgulseth/opentelemetry-metrics-default-nodejs'

const meterProvider = new MeterProvider()
const meter = meterProvider.getMeter(appName)
collectDefaultMetrics({meter})
```
npm package: @sguoyi-design/color
Description: SguoyiDesign color utils
Latest version: 1.0.0

# SguoyiDesign Color

SguoyiDesign Color Utils.

For a given color, a gradient swatch containing ten colors is generated with an algorithm. This works for both light and dark modes.

## Usage

```bash
npm i @sguoyi-design/color
```

```js
import { generate } from "@sguoyi-design/color";

console.log(generate("#fff"));
```

## API

### generate(color: string, options: Object);

#### options.index {number | 1-10}

Index (starting from 1) of the gradient colors to be generated.

#### options.list {boolean}

Whether to generate color array containing the ten colors.

#### options.dark

Whether to generate colors for dark mode.

#### options.format {'hex' | 'rgb' | 'hsl'}

Color format.

### getPresetColors {Function}

Contains 14 preset sets of colors.

- `red`
- `orangered`
- `orange`
- `gold`
- `yellow`
- `lime`
- `green`
- `cyan`
- `blue`
- `arcoblue`
- `purple`
- `pinkpurple`
- `magenta`
- `gray`

```js
const { red } = getPresetColors();

console.log(red.light);
console.log(red.dark);
console.log(red.primary);
```

### getRgbStr(color: string)

For a given color, get the r, g, b value in string

```js
getRgbStr("#F53F3F"); // 245,63,63
```
npm package: @sguoyi-design/web-vue
Description: a basic components library
Latest version: 1.0.1

## 快速开始

```
# 开发
npm run dev

# 构建
npm run build

# 预览
npm run preview
```

## API 文档

**为了帮助他人更好地使用你的组件，请提供详细的 API 文档。**

### 书写注释

我们使用了 [Vue Styleguidist](https://vue-styleguidist.github.io/) 来提取组件 Props 的注释，然后自动生成组件的 API 文档。为此，如果你想对外暴露一个 Property，请参照 Vue Styleguidist 的规则书写注释：

```vue
// ✅ 可以被正确提取的注释
props: {
  /**
   * 提示文字
   */
  tip: String,
  /**
   * 按钮组件Props
   */
  buttonProps: {
    // 如果使用PropType，请使用对象的形式定义
    type: Object as PropType<Record<string, any>>,
  },
},

// ❌ 没有书写注释的属性会被忽略
props: {
  disabled: Boolean,
},
```

### 扩展 TEMPLATE.md

`TEMPLATE.md` 是用于自动文档生成的模板，你可以修改此文件添加更多组件的使用帮助信息，但请不要删除其原有的内容，否则可能导致内容替换失败。

```markdown
## // TEMPLATE.md

## file: index

# TooltipButton

## 属性/Props

%%Props%%

### OtherProps

在这里你可以书写更多组件帮助文档。

## Demos

%%Demos%%
```

## 测试

测试目录位于 `src/__test__`。你可以在 `index.test.ts` 中编写你的测试用例，在 `demo.test.tsx` 中可以进行基于 Demo 的快照测试。