open-index/open-npm huggingface dataset:
npm package: @reactive-graph/design
Description: Design System for Reactive Graph
Author: The reactive graph contributors
Latest version: 0.1.5

<p align="center">
  <a href="https://github.com/reactive-graph/reactive-graph"><img src="https://raw.githubusercontent.com/reactive-graph/.github/main/profile/images/reactive-graph-full-mexican-pink-black_512.png" alt="Reactive Graph"></a>
</p>

<h2 align="center">
    <a href="https://design.reactive-graph.io/">design.reactive-graph.io</a>
</h2>

<p align="center">
This repository contains the design system for the <a href="https://github.com/reactive-graph/reactive-graph">Reactive Graph</a>.
</p>

<p align="center">
  <a href="https://github.com/reactive-graph/reactive-graph">Reactive Graph</a> is a <b>reactive runtime</b> based on a <b>graph database</b>.
</p>

<h2 align="center">Design System</h2>

<p align="center">
  <a href="https://design.reactive-graph.io/docs/palette.html">Palette</a>
</p>

<p align="center">
  <a href="https://design.reactive-graph.io/docs/logo.html">Logo</a>
</p>

<p align="center">
  <a href="https://design.reactive-graph.io/docs/fonts.html">Fonts</a>
</p>

<p align="center">
  <a href="https://design.reactive-graph.io/">Components</a>
</p>

<h2 align="center">Affected pages</h2>

<p align="center">
  <a href="https://reactive-graph.io/">reactive-graph.io</a>
  <br>
  Public Website
</p>

<p align="center">
  <a href="https://docs.reactive-graph.io/">docs.reactive-graph.io</a>
  <br>
  Reference Documentation
</p>

<p align="center">
  <a href="https://api.reactive-graph.io/">api.reactive-graph.io</a>
  <br>
  Rust API docs
</p>

<h2 align="center">Affected applications</h2>

<p align="center">
  <a href="https://github.com/reactive-graph/flow-editor">Flow Editor</a>
  <br>
  Graphical editor for creating and editing flows
</p>
npm package: @reactive-js/async-enumerable
Description: Reactive-Js's core interactive asynchronous programming API.
Author: David Bordoley
Latest version: 0.0.37
Deprecated: deprecated

# @reactive-js/async-enumerable

Reactive-Js's core interactive asynchronous programming API.

## Installation

### via npm

```sh
npm install @reactive-js/async-enumerable
```

### via yarn

```sh
yarn add @reactive-js/async-enumerable
```

## Usage

```typescript
```

## Documentation

API documentation is available [here](./docs).
npm package: @reactive-js/collections
Description: ## Installation
Author: David Bordoley
Latest version: 0.0.37
Deprecated: deprecated

# @reactive-js/collections

## Installation

### via npm

```sh
npm install @reactive-js/collections
```

### via yarn

```sh
yarn add @reactive-js/collections
```

## Usage

## Documentation

API documentation is available [here](./docs).
npm package: @reactive-js/core
Description: Fast modern reactive Javascript programming library.
Author: David Bordoley
Latest version: 0.128.0

# Reactive JS:

Fast modern reactive Javascript programming library.

[![NPM Version](https://img.shields.io/npm/v/@reactive-js/core.svg)](https://npmjs.com/package/@reactive-js/core) [![License](https://img.shields.io/npm/l/@reactive-js/core.svg)](https://npmjs.com/package/@reactive-js/core) [![Coverage Status](https://coveralls.io/repos/github/bordoley/reactive-js/badge.svg?branch=master)](https://coveralls.io/github/bordoley/reactive-js?branch=master) ![Build Status](https://github.com/bordoley/reactive-js/actions/workflows/build.yml/badge.svg)

## Platform Support

ReactiveJS is an isomorphic library which supports all modern ecmascript platforms including [Node.js](https://nodejs.org/) (v16 and up), [Deno](https://deno.land/), and modern browsers.

## Installing

### NPM JS

Reactive JS can be added to your npm based project using the [@reactive-js/core](https://www.npmjs.com/@reactive-js/core) packages.

```
yarn add @reactive-js/core
```

### ES6 Modules

Both Ecmascript and Typescript modules that may be directly imported into your project are available in the [mod](./mod) directory of this repo. These modules are all [Deno](https://deno.land/) compatible. We recommend referencing specifically tagged releases of these files in your projects.

## Example Usage

```typescript
import * as Observable from "@reactive-js/core/concurrent/Observable";
import { incrementBy, pipe, returns } from "@reactive-js/core/functions";
import * as HostScheduler from "@reactive-js/core/concurrent/HostScheduler";

using scheduler = HostScheduler.create();

await pipe(
  Observable.generate(incrementBy(1), returns(0), {
    delay: 1,
    delayStart: true,
  }),
  Observable.throttle(2000),
  Observable.map(x => `${x}`),
  Observable.forEach(x => console.log(x)),
  Observable.takeUntil(Observable.empty({ delay: 20000 })),
  Observable.lastAsync(scheduler),
);
```
npm package: @reactive-js/disposable
Description: Utilities for managing the lifetimes of resources and composing their disposal semantics.
Author: David Bordoley
Latest version: 0.0.37
Deprecated: deprecated

# @reactive-js/disposable

Utilities for managing the lifetimes of resources and composing their disposal semantics.

## Installation

### via npm

```sh
npm install @reactive-js/disposable
```

### via yarn

```sh
yarn add @reactive-js/disposable
```

## Usage

```typescript
import { createDisposable } from "@reactive-js/disposable";

const arr = new Array(1000);
const onDispose = () => {
  arr.length = 0;
};
const disposable = createDisposable();
disposable.add(onDispose);

// ...sometime in the future

disposable.dispose();
// guaranteed that onDispose is only ever called once.
```

## Documentation

API documentation is available [here](./docs).
npm package: @reactive-js/enumerable
Description: Reactive-Js's core synchronous interactive programming API.
Author: David Bordoley
Latest version: 0.0.37
Deprecated: deprecated

# @reactive-js/enumerable

Reactive-Js's core synchronous interactive programming API.

## Installation

### via npm

```sh
npm install @reactive-js/enumerable
```

### via yarn

```sh
yarn add @reactive-js/enumerable
```

## Usage

```typescript
```

## Documentation

API documentation is available [here](./docs).
npm package: @reactive-js/http-common
Description: ## Installation
Author: David Bordoley
Latest version: 0.0.37
Deprecated: deprecated

# @reactive-js/http-common

## Installation

### via npm

```sh
npm install @reactive-js/http-common
```

### via yarn

```sh
yarn add @reactive-js/http-common
```

## Usage

```typescript
```

## Documentation

API documentation is available [here](./docs).
npm package: @reactive-js/http-node
Description: ## Installation
Author: David Bordoley
Latest version: 0.0.37
Deprecated: deprecated

# @reactive-js/http-node

## Installation

### via npm

```sh
npm install @reactive-js/http-node
```

### via yarn

```sh
yarn add @reactive-js/http-node
```

## Usage

```typescript
```

## Documentation

API documentation is available [here](./docs).
npm package: @reactive-js/http-router
Description: ## Installation
Author: David Bordoley
Latest version: 0.0.37
Deprecated: deprecated

# @reactive-js/http-router

## Installation

### via npm

```sh
npm install @reactive-js/http-router
```

### via yarn

```sh
yarn add @reactive-js/http-router
```

## Usage

```typescript
```

## Documentation

API documentation is available [here](./docs).
npm package: @reactive-js/http-web
Description: ## Installation
Author: David Bordoley
Latest version: 0.0.37
Deprecated: deprecated

# @reactive-js/http-web

## Installation

### via npm

```sh
npm install @reactive-js/http-web
```

### via yarn

```sh
yarn add @reactive-js/http-web
```

## Usage

```typescript
```

## Documentation

API documentation is available [here](./docs).
npm package: @reactive-js/ix
Description: Reactive-Js's core interactive asynchronous programming API.
Author: David Bordoley
Latest version: 0.0.28
Deprecated: deprecate

# @reactive-js/ix

Reactive-Js's core interactive asynchronous programming API.

## Installation

### via npm

```sh
npm install @reactive-js/ix
```

### via yarn

```sh
yarn add @reactive-js/ix
```

## Usage

```typescript
```

## Documentation

API documentation is available [here](./docs).
npm package: @reactive-js/node
Description: ## Installation
Author: David Bordoley
Latest version: 0.0.37
Deprecated: deprecated

# @reactive-js/node

## Installation

### via npm

```sh
npm install @reactive-js/node
```

### via yarn

```sh
yarn add @reactive-js/node
```

## Usage

```typescript
```

## Documentation

API documentation is available [here](./docs).
npm package: @reactive-js/observable
Description: Reactive-Js's core reactive programming API.
Author: David Bordoley
Latest version: 0.0.37
Deprecated: deprecated

# @reactive-js/observable

Reactive-Js's core reactive programming API.

Reactive-Js unifies reactive and interactive programming into a single API, defined by two core interfaces: [ObservableLike](./docs/interfaces/observablelike.md) and [EnumerableLike](./docs/interfaces/enumerablelike.md). In addition, basic utilities for safely creating, transforming, and using `ObservableLike` and `EnumerableLike` streams are provided.

`ObservableLike` streams are always asynchronous. Subscribing only sets up subscription, but does not synchronously produce values (doing so is a programming error). Instead scheduling is deeply integrated into the `SubscriberLike` type. During subscription setup, `ObservableLike` sources schedule work to be done in the future, such as iterating through an iterable source. This enables tight integrationg with platform specific scheduling implementations such as React's internal scheduler.

### A note on backpressure

While reactive-js does not provide an API to directly apply backpressure to an `ObservableLike` source, the library does provided several primitives that can be used to achieve the effect.

CPU bound backpressure can be achieved via the [@reactive-js/scheduler](../scheduler) [`SchedulerLike`](../scheduler/docs/interfaces/schedulerlike.md) interface's support for cooperative multi-tasking. Specifically, `ObservableLike` sources must honor a `SchedulerLike`'s `shouldYield` requests, yielding control back to the scheduler, and returning a `SchedulerContinuationLike` if additional work is to be completed.

A second approach is provided by the [@reactive-js/async-enumerable](../async-enumerable) package, which defines a push/pull interface for iterating through asynchronous producers.

## Installation

### via npm

```sh
npm install @reactive-js/observable
```

### via yarn

```sh
yarn add @reactive-js/observable
```

## Usage

```typescript
import { subscribe } from "@reactive-js/observable";
import { pipe } from "@reactive-js/pipe";

const observableSource;
const platformScheduler;

// Setup a subscription to the observableSource using the platform scheduler
const subscription = pipe(observableSource, subscribe(platformScheduler));

// ...later in the future

// Dispose the observable subscription
subscription.dispose();
```

## Documentation

API documentation is available [here](./docs).
npm package: @reactive-js/observable-resource
Description: Utilities for creating, composing and transforming reactive-js Observable resources, eg Observable streams with lifecyle semantics, such as Subjects.
Author: David Bordoley
Latest version: 0.0.18
Deprecated: deprecated

# @reactive-js/observable-resource

Utilities for creating, composing and transforming reactive-js Observable resources, eg Observable streams with lifecyle semantics, such as Subjects.

## Installation

### via npm

```sh
npm install @reactive-js/observable-resource
```

### via yarn

```sh
yarn add @reactive-js/observable-resource
```

## Usage

```typescript
import { subscribe, createSubject } from "@reactive-js/rx";
import {
  exhaust,
  generate,
  map,
  onNext,
} from "@reactive-js/observable-resource";
import { pipe } from "@reactive-js/pipe";
import { createSchedulerWithPriority } from "@reactive-js/node";

const scheduler = createSchedulerWithPriority(500);
const subject = createSubject();

// Create a stateful observable resource which shares the subjects
// underly disposable. eg. disposing observableResource disposes
// subject as well.
const subscription = pipe(
  subject,
  map(x => fromArray([x, x, x, x])),
  exhaust(),
  onNext(console.log),
  subscribe(scheduler);
);
```

## Documentation

API documentation is available [here](./docs).
npm package: @reactive-js/option
Description: ## Installation
Author: David Bordoley
Latest version: 0.0.37
Deprecated: deprecated

# @reactive-js/option

## Installation

### via npm

```sh
npm install @reactive-js/option
```

### via yarn

```sh
yarn add @reactive-js/option
```

## Usage

## Documentation

API documentation is available [here](./docs).
npm package: @reactive-js/parser-combinators
Description: Utilities for managing the lifetimes of resources and composing their disposal semantics.
Author: David Bordoley
Latest version: 0.0.37
Deprecated: deprecated

# @reactive-js/disposable

Utilities for managing the lifetimes of resources and composing their disposal semantics.

## Installation

### via npm

```sh
npm install @reactive-js/disposable
```

### via yarn

```sh
yarn add @reactive-js/disposable
```

## Usage

```typescript
import { createDisposable } from "@reactive-js/disposable";

const arr = new Array(1000);
const onDispose = () => {
  arr.length = 0;
};
const disposable = createDisposable();
disposable.add(onDispose);

// ...sometime in the future

disposable.dispose();
// guaranteed that onDispose is only ever called once.
```

## Documentation

API documentation is available [here](./docs).
npm package: @reactive-js/pipe
Description: Type safe functional pipe function. This is an optional dependency for users of reactive-js, but used internally throughout the library.
Author: David Bordoley
Latest version: 0.0.37
Deprecated: deprecated

# @reactive-js/pipe

Type safe functional pipe function. This is an optional dependency for users of reactive-js, but used internally throughout the library.

## Installation

### via npm

```sh
npm install @reactive-js/pipe
```

### via yarn

```sh
yarn add @reactive-js/pipe
```

## Usage

```typescript
import { pipe } from "@reactive-js/pipe";

const arr = new Array(1000);
const result = pipe(arr, f1, f2, f3);
```

## Documentation

API documentation is available [here](./docs).
npm package: @reactive-js/react-router
Description: ## Installation
Author: David Bordoley
Latest version: 0.0.37
Deprecated: deprecated

# @reactive-js/react-router

## Installation

### via npm

```sh
npm install @reactive-js/react-router
```

### via yarn

```sh
yarn add @reactive-js/react-router
```

## Usage

```typescript
```

## Documentation

API documentation is available [here](./docs).
npm package: @reactive-js/react-scheduler
Description: A set of Schedulers that schedule work on React's internal priority scheduler.
Author: David Bordoley
Latest version: 0.0.37
Deprecated: deprecated

# @reactive-js/react-scheduler

A set of Schedulers that schedule work on React's internal priority scheduler.

## Installation

### via npm

```sh
npm install @reactive-js/react-scheduler
```

### via yarn

```sh
yarn add @reactive-js/react-scheduler
```

## Usage

```typescript
import { idlePriority } from "@reactive-js/react-scheduler";

const disposable = idlePriority.schedule(continuation);
```

## Documentation

API documentation is available [here](./docs).
npm package: @reactive-js/reactive-cache
Description: Reactive-Js based cached.
Author: David Bordoley
Latest version: 0.0.37
Deprecated: deprecated

# @reactive-js/reactive-cache

Reactive-Js based cached.

## Installation

### via npm

```sh
npm install @reactive-js/reactive-cache
```

### via yarn

```sh
yarn add @reactive-js/reactive-cache
```

## Usage

```typescript
```

## Documentation

API documentation is available [here](./docs).
npm package: @reactive-js/resource-manager
Description: Reactive-Js based cached.
Author: David Bordoley
Latest version: 0.0.37
Deprecated: deprecated

# @reactive-js/resource-manager

Reactive-Js based cached.

## Installation

### via npm

```sh
npm install @reactive-js/resource-manager
```

### via yarn

```sh
yarn add @reactive-js/resource-manager
```

## Usage

```typescript
```

## Documentation

API documentation is available [here](./docs).
npm package: @reactive-js/rx
Description: Reactive-Js's core reactive and interactive programming API.
Author: David Bordoley
Latest version: 0.0.28
Deprecated: deprecate

# @reactive-js/rx

Reactive-Js's core reactive and interactive programming API.

Reactive-Js unifies reactive and interactive programming into a single API, defined by two core interfaces: [ObservableLike](./docs/interfaces/observablelike.md) and [EnumerableLike](./docs/interfaces/enumerablelike.md). In addition, basic utilities for safely creating, transforming, and using `ObservableLike` and `EnumerableLike` streams are provided.

`ObservableLike` streams are always asynchronous. Subscribing only sets up subscription, but does not synchronously produce values (doing so is a programming error). Instead scheduling is deeply integrated into the `SubscriberLike` type. During subscription setup, `ObservableLike` sources schedule work to be done in the future, such as iterating through an iterable source. This enables tight integrationg with platform specific scheduling implementations such as React's internal scheduler.

### A note on backpressure

While reactive-js does not provide an API to directly apply backpressure to an `ObservableLike` source, the library does provided several primitives that can be used to achieve the effect.

CPU bound backpressure can be achieved via the [@reactive-js/scheduler](../scheduler) [`SchedulerLike`](../scheduler/docs/interfaces/schedulerlike.md) interface's support for cooperative multi-tasking. Specifically, `ObservableLike` sources must honor a `SchedulerLike`'s `shouldYield` requests, yielding control back to the scheduler, and returning a `SchedulerContinuationLike` if additional work is to be completed.

A second approach is provided by the [@reactive-js/ix](../ix) package, which defines a push/pull interface for iterating through asynchronous producers.

## Installation

### via npm

```sh
npm install @reactive-js/rx
```

### via yarn

```sh
yarn add @reactive-js/rx
```

## Usage

```typescript
import { subscribe } from "@reactive-js/rx";
import { pipe } from "@reactive-js/pipe";

const observableSource;
const platformScheduler;

// Setup a subscription to the observableSource using the platform scheduler
const subscription = pipe(observableSource, subscribe(platformScheduler));

// ...later in the future

// Dispose the observable subscription
subscription.dispose();
```

## Documentation

API documentation is available [here](./docs).
npm package: @reactive-js/scheduler
Description: Abstract API for a cooperative multi-tasking scheduling in a javascript environment.
Author: David Bordoley
Latest version: 0.0.37
Deprecated: deprecated

# @reactive-js/scheduler

Abstract API for a cooperative multi-tasking scheduling in a javascript environment.

The Scheduler API is designed to support both immediate and delayed scheduling of work. Recursively scheduled work is also supported. Cooperative multi-tasking is achieved via periodic polling of the `shouldYield` function within a SchedulerContinuation.

This abstract API is implemented by platform specific implementations that schedule work using the platform specific scheduler such as the one provided by [React](https://github.com/facebook/react/tree/master/packages/scheduler). Such an implementation is available in the [@reactive-js/react-scheduler](https://www.npmjs.com/package/@reactive-js/react-scheduler) package.

## Installation

### via npm

```sh
npm install @reactive-js/scheduler
```

### via yarn

```sh
yarn add @reactive-js/scheduler
```

## Documentation

API documentation is available [here](./docs).
npm package: @reactive-js/schedulers
Description: A collection of utilities for implementing platform schedulers and testing code that depends upon scheduling.
Author: David Bordoley
Latest version: 0.0.31
Deprecated: deprecated

# @reactive-js/schedulers

A collection of utilities for implementing platform schedulers and testing code that depends upon scheduling.

## Installation

### via npm

```sh
npm install @reactive-js/schedulers
```

### via yarn

```sh
yarn add @reactive-js/schedulers
```

## Documentation

API documentation is available [here](./docs).
npm package: @reactive-js/web
Description: ## Installation
Author: David Bordoley
Latest version: 0.0.37
Deprecated: deprecated

# @reactive-js/web

## Installation

### via npm

```sh
npm install @reactive-js/web
```

### via yarn

```sh
yarn add @reactive-js/web
```

## Usage

```typescript
```

## Documentation

API documentation is available [here](./docs).
npm package: @reactive-pixels/reactive-pixels-cli
Description: CLI tool for ReactivePixels
Author: rodleviton
Latest version: 1.3.0

<img src="https://raw.githubusercontent.com/ReactivePixels/reactive-pixels-assets/master/reactive-pixels-logo.png" width="241" height="62" />

A simple CLI for scaffolding ReactivePixels projects.

### Installation

Prerequisites: [Node.js](https://nodejs.org/en/) (>=8.x).

```bash
$ npm install -g @reactive-pixels/reactive-pixels-cli

or

$ npx @reactive-pixels/reactive-pixels-cli <my-pixels>
```

### Usage

```bash
$ reactive-pixels <my-pixels>
```

### License

[MIT](http://opensource.org/licenses/MIT)
npm package: @reactive-redux/async-store
Description: Reactive state container
Author: Zdravko Tatarski
Latest version: 3.1.3

[![npm version](https://badge.fury.io/js/%40reactive-redux%2Fasync-store.svg)](https://badge.fury.io/js/%40reactive-redux%2Fasync-store)

# Reactive state container

## Install

#### `npm i @reactive-redux/async-store`

## Example

```typescript
import { of, Subject, interval } from 'rxjs';
import { map, take } from 'rxjs/operators';
import {
  Action,
  AsyncStore,
  AsyncType,
  select
} from '@reactive-redux/async-store';

//Counter example
interface State {
  count: number;
}

class Increment extends Action {
  constructor(public payload: number) {
    super();
  }
}

class Decrement extends Action {
  constructor(public payload: number) {
    super();
  }
}

type ActionsUnion = Increment | Decrement;

const actionQ = new Subject<AsyncType<ActionsUnion>>();

const initialState = {
  count: 0
};

const initialState$ = of(initialState);
const actions$ = actionQ.asObservable();

const actionMap$ = of({
  [Increment.name]: (state: State, action: Increment) => ({
    ...state,
    count: state.count + action.payload
  }),
  [Decrement.name]: (state: State, action: Decrement) => ({
    ...state,
    count: state.count - action.payload
  })
});

const store = new AsyncStore<State, ActionsUnion>({
  initialState$,
  actions$,
  actionMap$
});

store.state$.pipe(select(state => state.count)).subscribe(console.log);

const add100 = new Increment(100);

const add100times5 = interval(200).pipe(
  map(() => add100),
  take(5)
);

actionQ.next(add100times5);
```

## Changelog

## Want to help?
npm package: @reactive-redux/store
Description: Reactive state container
Author: Zdravko Tatarski
Latest version: 6.3.12

[![npm version](https://badge.fury.io/js/%40reactive-redux%2Fstore.svg)](https://badge.fury.io/js/%40reactive-redux%2Fstore)

# Reactive state container

## Install

#### `npm i rxjs ts-action reselect @reactive-redux/store`

## Example

```typescript
import { of, Subject, interval } from 'rxjs';
import { map, take } from 'rxjs/operators';
import {
  createStore
} from '@reactive-redux/store';
import { action, on, payload, reducer } from "ts-action";

const actionQ = new Subject<AsyncType<ActionsUnion>>();

const increment = action("Increment", payload<{ value: number }>());
const decrement = action("Decrement", payload<{ value: number }>());

interface State {
  value: number;
  }

const initialState: State = {
  value: 0;
};

const initialState$ = of(initialState);
const actionStream$ = actionQ.asObservable();
const reducer$ = of(reducer(
  initialState,
  on(increment, (state, { payload }) => ({ value: state.value + payload.value })),
  on(decrement, (state, { payload }) => ({ value: state.value - payload.value }))
));

const { state$ } = createStore<State, ActionsUnion>({
  actionStream$,
  reducer$,
  initialState$
});

state$.subscribe(console.log);
 
const add1 = increment({ value: 1 });
 
const add1times = n => interval(200).pipe(
  map(() => add1),
  take(n)
);
 
//dispaching an observable action
actionQ.next(add1times(10));
```

## Changelog

## Want to help?
npm package: @reactive-solutions/icon-typification
Description: Script to auto generate a union type for your icons.
Latest version: 0.0.1

# Icon Typification

Script to auto generate a union type for your icons.

## Why?
We got tired to lookup all the icons inside app and extend the type on our own.

## Get Started

Install Package
``` text
npm i @reactive-solutions/icon-typification
```

Prepare package.json
``` json 
{
    ...
    "scripts": {
        "extract-icons": "ts-node ./node_modules/@reactive-solutions/icon-typification/extract-icons.ts --type-name=MyAppIconType ..."
    ...
}
```

Run script
``` text
npm run extract-icons
```

Sample Run
```text
- src
  - assets
    - icons
      - user-icon.svg
      - add-icon.svg
```

```text
> ts-node ./node_modules/@reactive-solutions/icon-typification/extract-icons.ts --type-name=MyAppIconType --source=src/assets/icons --extension=svg --suffix=icon

user
add
done.
```

Sample Output

``` typescript
export type MyAppIconType =
'user' |
'add';
```

## Parameters
|Parameter|Type|Default|Description|
|---|---|---|---|
|type-name|string| IconType |Typescript type name for icons.|
|source|string| ./src/assets/icons |Icon source directory|
|extension|string| svg |Icon file extension without '.'|
|output|string| ./src/app/shared |Target directory for output file|
|filename|string| custom-icon |Target file name without extension|
|prefix|string| null |Icon file prefix like "icon-add.svg". Prefix will be removed |
|suffix|string| null |Icon file suffix like "add-icon.svg". Suffix will be removed  |

# Use Case

``` typescript
@Component({
  selector: 'rs-icon',
  templateUrl: './icon.component.html'
})
export class IconComponent {
  @Input() icon: MyAppIconType;
}
```
npm package: @reactive-underground/permissions
Description: Permission control
Author: Artem Ilinykh
Latest version: 1.0.2

### Installation

`npm install -S @reactive-underground/permissions`


### Use as nestjs module
```typescript
imports: [
    PermissionModule.forRoot({
        repository: {
            role: SqlRoleRepository,
            permission: SqlPermissionRepository
        },
        controller: {
            prefix: "api/v1"
        },
        root: {
            name: 'root'
        }
    })
]
```

### Permission Decorator

```typescript
@Controller("app")
export class AppController {

  @Permissions("app.test")
  @Get("test")  
  public test(): string {
    return "test";
  }
}
```

### Create roles 

```typescript
export class AppModule implements OnModuleInit {
    constructor(
        private readonly roleService: RoleService
    ) {}

    public async onInit() {
        try {
            await this.roleService.create({
                name: 'root',
                persistence: true,
                title: 'Root'
            })
        } catch (e) {
            // role already exists
        }    

    }
}
```
npm package: @reactive-vscode/mock
Description: Mock VSCode API for testing
Author: _Kerman
Latest version: 1.0.0-beta.2

# @reactive-vscode/mock

\[WIP\] Mock VSCode API for testing.

Some of the source code in this package references the implementation of [`VSCode`](https://github.com/microsoft/vscode), which is licensed under a [MIT License](https://github.com/microsoft/vscode/blob/main/LICENSE.txt).
npm package: @reactive-vscode/reactivity
Description: Full Vue Reactivity API without DOM
Author: _Kerman
Latest version: 1.0.0-beta.2

# @reactive-vscode/reactivity

Source code in this package is ported from [`@vue/runtime-core`](https://github.com/vuejs/core/blob/main/packages/runtime-core). Licensed under a [MIT License](https://github.com/vueuse/vueuse/blob/main/LICENSE).
npm package: @reactive-wind/ng-sub
Description: A standalone angular directive to avoid creating multiple subscriptions with AsyncPipe.
Author: Paulo Henrique Rohling
Latest version: 1.0.0

# NgSubDirective

[![npm](https://img.shields.io/npm/v/@reactive-wind/ng-sub)](https://www.npmjs.com/package/@reactive-wind/ng-sub)
[![npm](https://img.shields.io/npm/dw/@reactive-wind/ng-sub)](https://www.npmjs.com/package/@reactive-wind/ng-sub)

This is a **Standalone Angular Directive** to avoid creating multiple subscriptions with AsyncPipe by centralizing the subscription and providing it through template context.

## Prerequisites

- Angular 17.3

## Installation

```bash
npm install --save-dev @reactive-wind/ng-sub
```

## Usage

To use the `ngSub` directive, follow these steps:

1. Import the `NgSubDirective` into your Angular component:

   ```typescript
   import { Component } from "@angular/core";
   import { NgSubDirective } from "@reactive-wind/ng-sub";
   import { Observable } from "rxjs";
   
   @Component({
     standalone: true,
     selector: "app-your-component",
     templateUrl: "./your-component.component.html",
     styleUrls: ["./your-component.component.scss"],
     imports: [NgSubDirective] // <-- Import the directive
   })
   export class YourComponent {
     message$: Observable<Message>; // <-- Define your observable
   }
   ```

2. Use the `ngSub` directive in your template:

   ```html
   <ng-container *ngSub="message$ as message">
     <app-message-danger [text]="message"></app-message-danger>
     <app-message-light [text]="message"></app-message-light>
     <app-message-success [text]="message"></app-message-success>
   </ng-container>
   ```
npm package: @reactiveforms/core
Description: Reactive Forms for React - Core
Author: Prageeth Silva
Latest version: 2.7.0

# Reactive Forms - Core

![npm](https://img.shields.io/npm/v/@reactiveforms/core) ![license](https://img.shields.io/badge/License-MIT-blue)

Reactive Forms for [React](https://reactjs.org/).

This library, insprired by [Angular Reactive Forms](https://angular.io/guide/reactive-forms), replicates the basic implemenation of Anuglar Reactive Forms, but at the same time streamlines building model driven forms.

It is expected that `@reactiveforms/core` package is used along with a "UI implemenation" (pre-built or custom) to build forms easily using models.

## Recommendations

`@reactiveforms` includes an implementation of the following UI frameworks:
- [`@reactiveforms/mui`](https://www.npmjs.com/package/@reactiveforms/mui) using the popular [Reactive Material UI](https://material-ui.com/) library
- [`@reactiveforms/prime`](https://www.npmjs.com/package/@reactiveforms/prime) using the popular [Prime React](http://primefaces.org/primereact/) library

However, you can use your own custom implementations too.

## Installation

```
npm install @reactiveforms/core
```

## Dependencies

This package requires your application to install `react` and `react-dom`; they are defined as "peer dependencies". React 16.8+ is supported; this package uses "react hooks" under the hood.

The package source is written in [TypeScript](https://www.typescriptlang.org/), and all type definitions are included when installing the package. However, it is not required that you need to use TypeScript, you can use ES5/ES6 along with this package if you wish.

## Usage

The examples use the material implementation to make things easier, but as mentioned above, you can use your own implementation of the input elements.

* [Simple Form](https://github.com/pureartisan/reactive-forms/tree/master/packages/core/docs/examples/simple-form.md)
* [Split Form](https://github.com/pureartisan/reactive-forms/tree/master/packages/core/docs/examples/split-form.md)
* [Static Elements](https://github.com/pureartisan/reactive-forms/tree/master/packages/core/docs/examples/static-elements.md)
* [Validation](https://github.com/pureartisan/reactive-forms/tree/master/packages/core/docs/examples/validation.md)

## Documentation

The documentation covers the following areas:
* [Inputs](https://github.com/pureartisan/reactive-forms/tree/master/packages/core/docs/inputs.md)
* [Form Controls](https://github.com/pureartisan/reactive-forms/tree/master/packages/core/docs/form-controls.md)
* [Validation](https://github.com/pureartisan/reactive-forms/tree/master/packages/core/docs/validation.md)
* [Form Builder](https://github.com/pureartisan/reactive-forms/tree/master/packages/core/docs/form-builder.md)
npm package: @reactivehub/sdk-javascript
Description: Reactivehub's sdk 
Author: Reactivehub
Latest version: 1.0.6

# reactivehub.io Javascript SDK

The reactivehub.io Javascript SDK implements the methods to publish in [Event](https://docs.reactivehub.io/guide/events) api 

## Installation

Via ```npm```

``` npm i -S @reactivehub/sdk-javascript```

## Usage

Config

```
const client = require('reactivehub-sdk-javascript');
client.initialize({
    namespace: '<team-name>',
    clientKey: '<client-key>',
    clientSecret: '<client-secret>',
});
```

Publish events
```
const result =  client.publishEvent('<event-name>', {key: 'keyValue', ... });
```

## How to contribute
We'd love to accept your patches and contributions to this project. There are just a few small guidelines you need to follow.

Contributor License Agreement
Contributions to this project must be accompanied by a Contributor License Agreement. You (or your employer) retain the copyright to your contribution, this simply gives us permission to use and redistribute your contributions as part of the project.

You generally only need to submit a CLA once, so if you've already submitted one (even if it was for a different project), you probably don't need to do it again.

## Code reviews
All submissions, including submissions by project members, require review. We use GitHub pull requests for this purpose. Consult GitHub Help for more information on using pull requests.

## License

The contents of this repository is licensed under the
[Apache License, version 2.0](http://www.apache.org/licenses/LICENSE-2.0).
npm package: @reactivekit/emojipicker
Description: This package provides a customizable, easy-to-use emoji picker component for your React applications.
Author: Touha
Latest version: 0.2.0

# @reactivekit/emojipicker

This package provides a customizable, easy-to-use emoji picker component for your React applications.

## Installation

```sh
npm install @reactivekit/emojipicker
# or
pnpm add @reactivekit/emojipicker
# or
yarn add @reactivekit/emojipicker
```

## Usage with Tailwindcss

```jsx
// Example usage of the EmojiPicker component with tailwindcss
import {
  EmojiPicker,
  EmojiGroupNavigator,
  EmojiViewPanel,
  EmojiSearch,
  SkintonePicker,
} from '@reactivekit/emojipicker';

const EmojiPickerComponent = () => {
  return (
    <div className="p-4 w-80 mx-auto bg-white shadow-lg rounded-lg">
      <EmojiPicker
        onEmojiClick={(emoji) => {
          console.log(emoji);
        }}
      >
        <div className="flex gap-2">
          <EmojiSearch type="text" className="border bg-gray-100 h-8 rounded-lg w-full" />
          <SkintonePicker
            componentProps={{
              trigger: {
                className:
                  'w-8 h-8 grid place-items-center shrink-0 rounded-lg border [&>span]:contents',
              },
              option: { className: 'py-1' },
              item: { className: 'block rounded-lg w-6 h-6 cursor-pointer' },
            }}
          />
        </div>
        <EmojiGroupNavigator
          className="flex py-4 gap-2 justify-evenly"
          componentProps={{
            tab: { className: 'data-[state=active]:text-blue-700 transition-colors' },
            icon: { className: 'w-5 h-5' },
          }}
        />
        <EmojiViewPanel
          className="h-80 overflow-y-auto"
          style={{ scrollbarWidth: 'thin' }}
          componentProps={{
            groupHeading: {
              className: 'text-sm font-bold bg-white bg-opacity-80 px-2 py-1 sticky top-0',
            },
            groupContent: { className: 'grid grid-cols-7 text-2xl' },
            emoji: { className: 'cursor-pointer transition-colors rounded hover:bg-gray-100' },
          }}
        />
      </EmojiPicker>
    </div>
  );
};
```

## Documentation

For more documentation, visit [EmojiPicker Docs](https://reactivekit.vercel.app/emojipicker)