open-index/open-npm huggingface dataset:
npm package: @ixo/matrix-bot-sdk
Description: TypeScript/JavaScript SDK for Matrix bots and appservices (ixo fork)
Author: turt2live
Latest version: 0.8.0-ixo.10

# matrix-bot-sdk

[![npm version](https://badge.fury.io/js/matrix-bot-sdk.svg)](https://www.npmjs.com/package/matrix-bot-sdk)

TypeScript/JavaScript SDK for Matrix bots. For help and support, visit [#matrix-bot-sdk:t2bot.io](https://matrix.to/#/#matrix-bot-sdk:t2bot.io)

# Documentation

Documentation for the project is available [here](https://turt2live.github.io/matrix-bot-sdk/index.html).

# Matrix version support

The Matrix protocol is [versioned](https://spec.matrix.org/latest/#specification-versions) to ensure endpoints and
functionality can safely rotate in and out of the ecosystem. The bot-sdk will assume it is connected to a homeserver 
with support for at least one of the last 2 versions, at the time of the bot-sdk's release. This means that if you 
connect the bot-sdk to a homeserver which is 3 or more Matrix versions out of date, things might not work for you.

It is recommended to update the bot-sdk as frequently as spec releases themselves (or faster) to avoid this situation, 
and watch the repo for updates in the event a release is delayed.

**Note**: Currently the bot-sdk does not throw an error if the server appears to be incompatible, however this might
change in the future.
npm package: @ixor/aws-cdk-ixor-r53
Description: ## Construct library to add Route53 Resource Records to a Hosted Zone
Author: Rik Tytgat
Latest version: 1.2.0-rc-6

# aws-cdk-ixor-r53 module

## Construct library to add Route53 Resource Records to a Hosted Zone

### Introduction

This will only work with the Route53 setup and Custom CloudFormation resource at Ixor.

### How to use

```typescript
import {R53} from "@ixor/aws-cdk-ixor-r53";
import {Stack, Construct, StackProps} from "aws-cdk-lib";
import {Construct} from "contstructs";

export class MyStack extends Stack {

    constructor(scope: Construct, id: string, props?: StackProps) {
        super(scope, id, props);

        new R53(
            this, `r53_${this.node.id}`,
            {
                topicArn: this.node.tryGetContext("r53TopicArn"),
                RecordType: "CNAME",
                Source: "aLoadBalancerDnsName",
                Target: "www.my.domain"
            })
    }
}        
```

## Test

A test stack is added in `lib/test-aws-cdk-ixor-r53-stack`. The stack uses the `R53` construct to create a CNAME of
`ellen.ixor-tst.be`. When you deploy to sandbox, you should be able to run `dig ellen.ixor-tst.be` and receive 
a `NOERROR` status.
npm package: @ixor/aws-cdk-lambda-warmer
Description: ## Description
Author: Rik Tytgat
Latest version: 0.1.0

# Lambda Warmer Lambda: Keep your Lambda's warm

## Description

This repo contains a _AWS CDK_ stack that can be deployed to any
AWS account. The stack contains a single Lambda and IAM permissions
to allow _CloudWatch Events_ to invoke the function, and the function to
invoke all Lambda's in the account/region where the stack is deployed.

You should, preferably in an automated way, create a AWS CloudWatch
event for every function you want to be warm. The event to sent to the
`KeepWarm` lambda looks like this:

```json
{
  "lambdaArn": "arn:aws:lambda:eu-central-1:123456789012:function:functionToKeepWarm",
  "count": 5
}
```

When the `KeepWarm` function is invoked by the _CloudWatch Rule_, this wil happen:

* the event is read and interpreted
* the `KeepWarm` function asynchronously invokes the Lambda to be kept warm `count` times
  with a _dummy_ event containing 2 properties `dummy` and `dummySleepSeconds`
* the target Lambda will interpret the _dummy_ event, and will `sleep` for the requested
  amount of seconds
* without the sleep, the target Lambda might have already finished before the next
  invoke by the `KeepWarm` lambda, resulting in less than desired warm lambda's

## Deploying this _AWS CDK_ stack

To deploy the `KeepWarm` Lambda on a AWS account:

* set credentials with sufficient permissions
* make sure all requirements are met
  * `aws-cdk` is installed
  * `aws-cli` is installed
* run this command:

```
cdk deploy
```

## How to change your Lambda to correctly process the _dummy_ event

* Check for the `dummy` property in the incoming event
* Sleep for `dummySleepSeconds` seconds (default to 1)
* Return immediately after the sleep

## Links and Resources

* https://www.npmjs.com/package/@ixor/aws-cdk-ixor-lambda
npm package: @ixu.me/storage
Description: single storage
Author: Shire
Latest version: 1.1.7

# storage
a storage lib which support sessionStorage and localStorage with the same api

## Install

```
 npm install ixu-storage
```

## Usage

```
 import storage from 'ixu-storage'
 
 // localStorage
 storage.set(key,val) 
 
 storage.get(key, parse)
 
 // sessionStorage
 storage.session.set(key, val)
 
 storage.session.get(key, val)
 
```

## API

#### set(key, val)

set storage with key and val

#### get(key, parse)

get storage with key, return def if not find

#### remove(key)

remove storage with key

#### has(key)

determine storage has the key

#### clear()
clear all storages
npm package: @iy4u/common-server-lib
Description: [![Build Status](https://travis-ci.org/feathersjs/server.png?branch=master)](https://travis-ci.org/feathersjs/server) [![Code Climate](https://codeclimate.com/github/feathersjs/server/badges/gpa.svg)](https://codeclimate.com/github/feathersjs/server) [![T
Author: IY Foundation Development
Latest version: 2.1.25

# server

[![Build Status](https://travis-ci.org/feathersjs/server.png?branch=master)](https://travis-ci.org/feathersjs/server)
[![Code Climate](https://codeclimate.com/github/feathersjs/server/badges/gpa.svg)](https://codeclimate.com/github/feathersjs/server)
[![Test Coverage](https://codeclimate.com/github/feathersjs/server/badges/coverage.svg)](https://codeclimate.com/github/feathersjs/server/coverage)
[![Dependency Status](https://img.shields.io/david/feathersjs/server.svg?style=flat-square)](https://david-dm.org/feathersjs/server)
[![Download Status](https://img.shields.io/npm/dm/server.svg?style=flat-square)](https://www.npmjs.com/package/server)

> 

## Installation

```
npm install server --save
```

## Documentation

TBD

## Complete Example

Here's an example of a Feathers server that uses `server`.

```js
const feathers = require('@feathersjs/feathers');
const plugin = require('example/server');

// Initialize the application
const app = feathers();

// Initialize the plugin
app.configure(plugin());
```

## License

Copyright (c) 2018

Licensed under the [MIT license](LICENSE).
npm package: @iy4u/common-utils
Description: [![Build Status](https://travis-ci.org/feathersjs/server.png?branch=master)](https://travis-ci.org/feathersjs/server) [![Code Climate](https://codeclimate.com/github/feathersjs/server/badges/gpa.svg)](https://codeclimate.com/github/feathersjs/server) [![T
Author: IY Foundation Development
Latest version: 0.3.2

# server

[![Build Status](https://travis-ci.org/feathersjs/server.png?branch=master)](https://travis-ci.org/feathersjs/server)
[![Code Climate](https://codeclimate.com/github/feathersjs/server/badges/gpa.svg)](https://codeclimate.com/github/feathersjs/server)
[![Test Coverage](https://codeclimate.com/github/feathersjs/server/badges/coverage.svg)](https://codeclimate.com/github/feathersjs/server/coverage)
[![Dependency Status](https://img.shields.io/david/feathersjs/server.svg?style=flat-square)](https://david-dm.org/feathersjs/server)
[![Download Status](https://img.shields.io/npm/dm/server.svg?style=flat-square)](https://www.npmjs.com/package/server)

> 

## Installation

```
npm install server --save
```

## Documentation

TBD

## Complete Example

Here's an example of a Feathers server that uses `server`.

```js
const feathers = require('@feathersjs/feathers');
const plugin = require('example/server');

// Initialize the application
const app = feathers();

// Initialize the plugin
app.configure(plugin());
```

## License

Copyright (c) 2018

Licensed under the [MIT license](LICENSE).
npm package: @iy4u/feathers-fingerprint
Description: [![Build Status](https://travis-ci.org/feathersjs/server.png?branch=master)](https://travis-ci.org/feathersjs/server) [![Code Climate](https://codeclimate.com/github/feathersjs/server/badges/gpa.svg)](https://codeclimate.com/github/feathersjs/server) [![T
Author: IY Foundation Development
Latest version: 0.3.6

# server

[![Build Status](https://travis-ci.org/feathersjs/server.png?branch=master)](https://travis-ci.org/feathersjs/server)
[![Code Climate](https://codeclimate.com/github/feathersjs/server/badges/gpa.svg)](https://codeclimate.com/github/feathersjs/server)
[![Test Coverage](https://codeclimate.com/github/feathersjs/server/badges/coverage.svg)](https://codeclimate.com/github/feathersjs/server/coverage)
[![Dependency Status](https://img.shields.io/david/feathersjs/server.svg?style=flat-square)](https://david-dm.org/feathersjs/server)
[![Download Status](https://img.shields.io/npm/dm/server.svg?style=flat-square)](https://www.npmjs.com/package/server)

> 

## npm Setup
create [npm account](https://www.npmjs.com/signup).

### Set up iy4u profile:
```bash
npmrc -c iy4u
npm login --scope=@iy4u --registry=https://registry.npmjs.org/
```

### Set up ionrev profile:
```bash
npmrc -c ionrev
npm login --scope=@ionrev --registry=https://registry.npmjs.org/
```

### switch profiles:
```bash
npmrc ionrev
npmrc iy4u
```

## Installation

```
npm install server --save
```

## Documentation

TBD

## Complete Example

Here's an example of a Feathers server that uses `server`. 

```js
const feathers = require('@feathersjs/feathers');
const plugin = require('server');

// Initialize the application
const app = feathers();

// Initialize the plugin
app.configure(plugin());
```

## License

Copyright (c) 2018

Licensed under the [MIT license](LICENSE).
npm package: @iy4u/feathers-quickbooks
Description: [![Build Status](https://travis-ci.org/feathersjs/server.png?branch=master)](https://travis-ci.org/feathersjs/server) [![Code Climate](https://codeclimate.com/github/feathersjs/server/badges/gpa.svg)](https://codeclimate.com/github/feathersjs/server) [![T
Author: IY Foundation Development
Latest version: 0.1.4

# server

[![Build Status](https://travis-ci.org/feathersjs/server.png?branch=master)](https://travis-ci.org/feathersjs/server)
[![Code Climate](https://codeclimate.com/github/feathersjs/server/badges/gpa.svg)](https://codeclimate.com/github/feathersjs/server)
[![Test Coverage](https://codeclimate.com/github/feathersjs/server/badges/coverage.svg)](https://codeclimate.com/github/feathersjs/server/coverage)
[![Dependency Status](https://img.shields.io/david/feathersjs/server.svg?style=flat-square)](https://david-dm.org/feathersjs/server)
[![Download Status](https://img.shields.io/npm/dm/server.svg?style=flat-square)](https://www.npmjs.com/package/server)

> 

## npm Setup
create [npm account](https://www.npmjs.com/signup).

### Set up iy4u profile:
```bash
npmrc -c iy4u
npm login --scope=@iy4u --registry=https://registry.npmjs.org/
```

### Set up ionrev profile:
```bash
npmrc -c ionrev
npm login --scope=@ionrev --registry=https://registry.npmjs.org/
```

### switch profiles:
```bash
npmrc ionrev
npmrc iy4u
```

## Installation

```
npm install server --save
```

## Documentation

TBD

## Complete Example

Here's an example of a Feathers server that uses `server`. 

```js
const feathers = require('@feathersjs/feathers');
const plugin = require('server');

// Initialize the application
const app = feathers();

// Initialize the plugin
app.configure(plugin());
```

## License

Copyright (c) 2018

Licensed under the [MIT license](LICENSE).
npm package: @iy4u/tally
Description: Tally API wrapper for nodejs backends
Author: IY Foundation Development
Latest version: 1.1.1

# tally-node
The Tally Node library provides convenient access to the Tally API from applications written in server-side JavaScript.

## Documentation
See the [Video Demonstration] covering how to use the library.

## Requirements

Node 12, 14 or higher.

## Installation

Install the package with:

```sh
npm install @iy4u/tally --save
# or
yarn add @iy4u/tally
```

## Usage

The package needs to be configured with your application's  name and secret key, which is
available in the [Tally Applications][applications]. 

<!-- prettier-ignore -->
```js
const Tally = require('@iy4u/tally');

const secretKey = process.env.SECRET_KEY
const appName = process.env.APP_NAME

const tally = new Tally(secretKey,{appName})

// To get all records of assets a customer with peopleId = '60bfe4280a875e3711410553' owes

const allMyFoils = async () => {

  try {
    
    await this.tally.start();

    const params = { 
    
      query:{
            ownerID : '60bfe4280a875e3711410553'
        }
        
    }
  
    return this.tally.foils.find(params);

  } catch (error) {
  
    console.log(error);
  
  }

}

```
You can find a full [FeathersJs](https://docs.feathersjs.com/) server example in [tally-samples]().
npm package: @iy4u/tally-node
Description: Tally API wrapper for nodejs backends
Author: IY Foundation Development
Latest version: 1.2.1

# tally-node
The Tally Node library provides convenient access to the Tally API from applications written in server-side JavaScript.

## Documentation
See the [Video Demonstration] covering how to use the library.

## Requirements

Node 12, 14 or higher.

## Installation

Install the package with:

```sh
npm install @iy4u/tally-node --save
# or
yarn add @iy4u/tally-node
```

## Usage

The package needs to be configured with your application's  name and secret key, which is
available in the [Tally Applications][https://gitlab.com/iy4u/tally-node/testApp]. 

<!-- prettier-ignore -->
```js
const Tally = require('@iy4u/tally-node');

const secretKey = process.env.SECRET_KEY
const appName = process.env.APP_NAME

const tally = new Tally(secretKey,{appName})

// To get all records of assets a customer with peopleId = '60bfe4280a875e3711410553' owes

const allMyFoils = async () => {

  try {
    
    await this.tally.start();

    const params = { 
    
      query:{
            ownerID : '60bfe4280a875e3711410553'
        }
        
    }
  
    return this.tally.foils.find(params);

  } catch (error) {
  
    console.log(error);
  
  }

}

```
npm package: @iy4u/tally-node-feathers-wrapper
Description: Tally API wrapper for feathersjs backends
Author: IY Foundation Development
Latest version: 0.1.4

# server

[![Build Status](https://travis-ci.org/feathersjs/server.png?branch=master)](https://travis-ci.org/feathersjs/server)
[![Code Climate](https://codeclimate.com/github/feathersjs/server/badges/gpa.svg)](https://codeclimate.com/github/feathersjs/server)
[![Test Coverage](https://codeclimate.com/github/feathersjs/server/badges/coverage.svg)](https://codeclimate.com/github/feathersjs/server/coverage)
[![Dependency Status](https://img.shields.io/david/feathersjs/server.svg?style=flat-square)](https://david-dm.org/feathersjs/server)
[![Download Status](https://img.shields.io/npm/dm/server.svg?style=flat-square)](https://www.npmjs.com/package/server)

> 

## npm Setup
create [npm account](https://www.npmjs.com/signup).

### Set up iy4u profile:
```bash
npmrc -c iy4u
npm login --scope=@iy4u --registry=https://registry.npmjs.org/
```

### Set up ionrev profile:
```bash
npmrc -c ionrev
npm login --scope=@ionrev --registry=https://registry.npmjs.org/
```

### switch profiles:
```bash
npmrc ionrev
npmrc iy4u
```

## Installation

```
npm install @iy4u/tally-node-feathers-wrapper --save
```

## Documentation

TBD

## Complete Example

Here's an example of a Feathers server that uses `server`. 

```js
const feathers = require('@feathersjs/feathers');
const plugin = require('@iy4u/tally-node-feathers-wrapper');

// Initialize the application
const app = feathers();

// Initialize the plugin
app.configure(plugin());
```

## License

Copyright (c) 2018

Licensed under the [MIT license](LICENSE).
npm package: @iy4u/tally-server-lib
Description: [![Build Status](https://travis-ci.org/feathersjs/server.png?branch=master)](https://travis-ci.org/feathersjs/server) [![Code Climate](https://codeclimate.com/github/feathersjs/server/badges/gpa.svg)](https://codeclimate.com/github/feathersjs/server) [![T
Author: IY Foundation Development
Latest version: 1.0.0

# server

[![Build Status](https://travis-ci.org/feathersjs/server.png?branch=master)](https://travis-ci.org/feathersjs/server)
[![Code Climate](https://codeclimate.com/github/feathersjs/server/badges/gpa.svg)](https://codeclimate.com/github/feathersjs/server)
[![Test Coverage](https://codeclimate.com/github/feathersjs/server/badges/coverage.svg)](https://codeclimate.com/github/feathersjs/server/coverage)
[![Dependency Status](https://img.shields.io/david/feathersjs/server.svg?style=flat-square)](https://david-dm.org/feathersjs/server)
[![Download Status](https://img.shields.io/npm/dm/server.svg?style=flat-square)](https://www.npmjs.com/package/server)

> 

## npm Setup
create [npm account](https://www.npmjs.com/signup).

### Set up iy4u profile:
```bash
npmrc -c iy4u
npm login --scope=@iy4u --registry=https://registry.npmjs.org/
```

### Set up ionrev profile:
```bash
npmrc -c ionrev
npm login --scope=@ionrev --registry=https://registry.npmjs.org/
```

### switch profiles:
```bash
npmrc ionrev
npmrc iy4u
```

## Installation

```
npm install server --save
```

## Documentation

TBD

## Complete Example

Here's an example of a Feathers server that uses `server`. 

```js
const feathers = require('@feathersjs/feathers');
const plugin = require('server');

// Initialize the application
const app = feathers();

// Initialize the plugin
app.configure(plugin());
```

## License

Copyright (c) 2018

Licensed under the [MIT license](LICENSE).
npm package: @iy4u/tallybank-node
Description: Tally Bank API wrapper for nodejs backends
Author: Ionrev Development
Latest version: 1.1.1

# tally-node
The Tally Node library provides convenient access to the Tally API from applications written in server-side JavaScript.

## Documentation
See the [Video Demonstration] covering how to use the library.

## Requirements

Node 12, 14 or higher.

## Installation

Install the package with:

```sh
npm install tally --save
# or
yarn add tally
```

## Usage

The package needs to be configured with your application's  name and secret key, which is
available in the [Tally Applications][applications]. 

<!-- prettier-ignore -->
```js
const Tally = require('tally');

const secretKey = process.env.SECRET_KEY
const appName = process.env.APP_NAME

const tally = new Tally(secretKey,{appName})

// To get all records of assets a customer with peopleId = '60bfe4280a875e3711410553' owes

const allMyFoils = async () => {

  try {
    
    await this.tally.start();

    const params = { 
    
      query:{
            ownerID : '60bfe4280a875e3711410553';
        }
        
    }
  
    return this.tally.foils.find(params);

  } catch (error) {
  
    console.log(error);
  
  }

}

```
You can find a full [FeathersJs](https://docs.feathersjs.com/) server example in [tally-samples]().
npm package: @iy4u/tallybank-node-feathers-wrapper
Description: Tally Bank Node  wrapper for feathersjs backends
Author: IY Foundation Development
Latest version: 0.0.7

# server

[![Build Status](https://travis-ci.org/feathersjs/server.png?branch=master)](https://travis-ci.org/feathersjs/server)
[![Code Climate](https://codeclimate.com/github/feathersjs/server/badges/gpa.svg)](https://codeclimate.com/github/feathersjs/server)
[![Test Coverage](https://codeclimate.com/github/feathersjs/server/badges/coverage.svg)](https://codeclimate.com/github/feathersjs/server/coverage)
[![Dependency Status](https://img.shields.io/david/feathersjs/server.svg?style=flat-square)](https://david-dm.org/feathersjs/server)
[![Download Status](https://img.shields.io/npm/dm/server.svg?style=flat-square)](https://www.npmjs.com/package/server)

> 

## npm Setup
create [npm account](https://www.npmjs.com/signup).

### Set up iy4u profile:
```bash
npmrc -c iy4u
npm login --scope=@iy4u --registry=https://registry.npmjs.org/
```

### Set up ionrev profile:
```bash
npmrc -c ionrev
npm login --scope=@ionrev --registry=https://registry.npmjs.org/
```

### switch profiles:
```bash
npmrc ionrev
npmrc iy4u
```

## Installation

```
npm install @iy4u/tally-node-feathers-wrapper --save
```

## Documentation

TBD

## Complete Example

Here's an example of a Feathers server that uses `server`. 

```js
const feathers = require('@feathersjs/feathers');
const plugin = require('@iy4u/tally-node-feathers-wrapper');

// Initialize the application
const app = feathers();

// Initialize the plugin
app.configure(plugin());
```

## License

Copyright (c) 2018

Licensed under the [MIT license](LICENSE).
npm package: @iyansr/angka-terbilang
Description: A fast JavaScript/TypeScript library to convert numbers into Indonesian words.
Author: I Putu Saputrayana
Latest version: 1.0.5

# Number to Indonesian Words

A JavaScript/TypeScript library to convert numbers into Indonesian words.

## Installation

You can install the package using npm:

```bash
npm install @iyansr/angka-terbilang
```

## Usage

```js
import numberToWords from '@iyansr/angka-terbilang';

console.log(numberToWords(1)); // Output: satu
console.log(numberToWords(1000)); // Output: seribu
console.log(numberToWords(1234567)); // Output: satu juta dua ratus tiga puluh empat ribu lima ratus enam puluh tujuh
```

## API

`numberToWords(number: number): string`
Converts the given number into Indonesian words.

- `number`: The number to convert.
- Returns: A string representing the Indonesian word equivalent of the number.

---
npm package: @iyaroslav/play-pause-button
Description: Made with create-react-library
Author: iYaroslav
Latest version: 1.0.9
Deprecated: This package has been deprecated

# play-pause-button

YouTube like responsive play/pause button

> Made with create-react-library

[![NPM](https://img.shields.io/npm/v/@iyaroslav/play-pause-button.svg)](https://www.npmjs.com/package/@iyaroslav/play-pause-button) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash
yarn add @iyaroslav/play-pause-button
# or
npm install --save @iyaroslav/play-pause-button
```

## Intro

<p align="center">
  <img width="600" src="https://raw.githubusercontent.com/iYaroslav/play-pause-button/master/media/example.png">
</p>

## Usage

[Demo](https://iyaroslav.github.io/play-pause-button/)

```tsx
import React, { Component } from 'react'

import PlayButton from '@iyaroslav/play-pause-button'
import '@iyaroslav/play-pause-button/dist/index.css'

class Example extends Component {
  const buttonRef = useRef(null)

  // buttonRef.play()
  // buttonRef.pause()
  // buttonRef.toggle()
  // buttonRef.isPaused()

  render() {
    return <PlayButton
        ref={buttonRef}
        onPlay={() => {}}
        onPause={() => {}}
        onToggle={() => {}}
    />
  }
}
```

## License

MIT © [iYaroslav](https://github.com/iYaroslav)
npm package: @iyaroslav/react-progress-bar
Description: Made with create-react-library
Author: iYaroslav
Latest version: 1.0.15
Deprecated: This package has been deprecated

# react-progress-bar

Progress bar optimized for frequent updates

> Made with create-react-library

[![NPM](https://img.shields.io/npm/v/@iyaroslav/react-progress-bar.svg)](https://www.npmjs.com/package/@iyaroslav/react-progress-bar) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install
```bash
yarn add @iyaroslav/react-progress-bar
# or
npm install --save @iyaroslav/react-progress-bar
```

## Intro

<p align="center">
  <img width="600" src="https://raw.githubusercontent.com/iYaroslav/react-progress-bar/master/media/example.png">
</p>

## Usage

[Demo](https://iyaroslav.github.io/react-progress-bar/)

```tsx
import React, { Component } from 'react'

import Progress from 'react-progress-bar'
import 'react-progress-bar/dist/index.css'

class Example extends Component {
  render() {
    return <Progress value={0.6} />
  }
}
```

## TODO
- [ ] Min/Max values
- [ ] Step
- [ ] Readonly mode
- [ ] Range mode

## License
MIT © [iYaroslav](https://github.com/iYaroslav)
npm package: @iyaroslav/youtube-settings-button
Description: Made with create-react-library
Author: iYaroslav
Latest version: 1.0.8
Deprecated: This package has been deprecated

# youtube-settings-button

YouTube like setting button

> Made with create-react-library

[![NPM](https://img.shields.io/npm/v/@iyaroslav/youtube-settings-button.svg)](https://www.npmjs.com/package/@iyaroslav/youtube-settings-button) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

# Attention! This widget is under construction. Do not use it in your projects.

## Install

```bash
yarn add @iyaroslav/youtube-settings-button
# or
npm install --save @iyaroslav/youtube-settings-button
```

## Usage

```tsx
import React, { Component } from 'react'

import Setting from '@iyaroslav/youtube-settings-button'
import '@iyaroslav/youtube-settings-button/dist/index.css'

class Example extends Component {
  const [config, setConfig] = useState({
    autoplay: true,
    annotations: false,
    playbackSpeed: [
      'Normal',
      ['0.5', '0.75', 'Normal', '1.25', '1.5']
    ]
  })

  render() {
    return <Settings
      hd
      settings={config}
      onChange={setConfig}
    />
  }
}
```

## TODO
- [ ] Switches
- [ ] Animations
- [ ] Move menu to external component
- [ ] Animated switches
- [ ] Size calculation
- [ ] Other action in menu

## License

MIT © [iYaroslav](https://github.com/iYaroslav)
npm package: @iyashasgowda/color-harmony
Description: Color harmony is a basic color theory technique for combining colors. This technique suggests potential relationships between colors that we can use to convey our messages or create a particular universe.
Author: Yashas Gowda
Latest version: 0.0.2

# color-harmony

Color harmony is a basic color theory technique for combining colors. This technique suggests potential relationships between colors that we can use to convey our messages or create a particular universe.

[NPM](https://www.npmjs.com/package/@iyashasgowda/color-harmony)

## Description

A javascript library that creates color scales/harmonies by rotating the hue of the given color.

## Getting Started

Install the module with: `npm install @iyashasgowda/color-harmony`

```javascript
const Harmony = require('@iyashasgowda/color-harmony');

const rgb = {
   r: 126,
   g: 87,
   b: 43,
};

const harmony = new Harmony(rgb);
console.log(harmony.complement());
/** returns = [
     { r: 42, g: 81, b: 125 }
 ] */

console.log(harmony.splitComplement());
/** returns = [
     { r: 42, g: 122, b: 125 }, 
     { r: 45, g: 42, b: 125 } 
 ] */

console.log(harmony.analogous());
/** returns = [
     { r: 122, g: 125, b: 42 }, 
     { r: 81, g: 125, b: 42 }
] */

console.log(harmony.triadic());
/** returns = [
   { r: 42, g: 125, b: 86 },
   { r: 86, g: 42, b: 125 },
] */

console.log(harmony.tetradic());
/** returns = [
   { r: 42, g: 125, b: 45 },
   { r: 42, g: 81, b: 125 },
   { r: 125, g: 42, b: 122 },
] */
```

#### Complementary

Two colors that are on opposite sides of the color wheel. This combination provides a high contrast and high impact
color combination – together, these colors will appear brighter and more prominent.

#### Split Complementary

Primary color with two analogous colors in the color wheel. This combination has strong contrast as the complementary color.

#### Analogous

Three colors that are side by side on the color wheel. This color combination is versatile, but can be overwhelming.
To balance an analogous color scheme, choose one dominant color, and use the others as accents.

#### Triadic

Three colors that are evenly spaced on the color wheel. This provides a high contrast color scheme, but less so than the
complementary color combination — making it more versatile. This combination creates bold, vibrant color palettes.

#### Tetradic

Four colors that are evenly spaced on the color wheel. Tetradic color schemes are bold and work best if you let one color be
dominant, and use the others as accents. The more colors you have in your palette, the more difficult it is to balance,

### Available Harmony Names (and their associated degrees of hue rotation)

-  complementary: [0,180]
-  splitComplementary: [0,150,210]
-  analogous: [0,30,60]
-  triadic: [0,120,240]
-  tetradic: [0,90,180,270]

## License

Copyright (c) 2022 Yashas Gowda [iyashasgowda]  
Licensed under the MIT license.