open-index/open-npm huggingface dataset:
npm package: @ngry/cqrs
Description: Lightweight CQRS module for Angular
Latest version: 11.1.1

![build](https://github.com/ngry-project/cqrs/workflows/build/badge.svg?branch=master)
![unit-tests](https://github.com/ngry-project/cqrs/workflows/unit-tests/badge.svg?branch=master)
![code-style](https://github.com/ngry-project/cqrs/workflows/code-style/badge.svg?branch=master)
![GitHub release (latest by date)](https://img.shields.io/github/v/release/ngry-project/cqrs?logo=github)
![npm (scoped)](https://img.shields.io/npm/v/@ngry/cqrs?logo=npm)
![Coveralls github](https://img.shields.io/coveralls/github/ngry-project/cqrs?logo=jest)

## Description

Lightweight CQRS module for Angular.

## Installation

Using NPM:

```bash
npm i @ngry/cqrs @ngry/rx
```

Using Yarn:

```bash
yarn add @ngry/cqrs @ngry/rx
```

## Documentation

**Getting Started**

* [Quick Start](https://github.com/ngry-project/cqrs/wiki/Quick-Start)

**Documentation**

* [What is CQRS](https://github.com/ngry-project/cqrs/wiki/What-is-CQRS)
* [Commands and command handlers](https://github.com/ngry-project/cqrs/wiki/Commands-and-command-handlers)
* [Queries and query handlers](https://github.com/ngry-project/cqrs/wiki/Queries-and-query-handlers)
* [Events and event handlers](https://github.com/ngry-project/cqrs/wiki/Events-and-event-handlers)
* [Sagas](https://github.com/ngry-project/cqrs/wiki/Sagas)
* [Error handling](https://github.com/ngry-project/cqrs/wiki/Error-handling)

**Examples**

* [3 steps saving process](https://github.com/ngry-project/cqrs/wiki/Example:-3-steps-saving-process)

## Stay in Touch

- [GitHub Discussions](https://github.com/ngry-project/cqrs/discussions)

## License

MIT
npm package: @ngry/layouts
Description: Provides Angular layout components such as stack, layers, viewport, media, stage and panel.
Latest version: 0.0.9

# Angular layouts

Project provides Angular layout components such as stack, layers, viewport, media, stage and panel.

## Install

NPM:

```
npm i @ngry/layouts
```

Yarn:

```
yarn add @ngry/layouts
```


## Layers layout

Represents ordered set of overlays.

Consists of the following components:

- `<l-layers>` component represents container for one or more `<l-layer>` components
- `<l-layer>` components fill the parent and behaves as ordered overlays

### Usage

Import `LayersLayoutModule` into your app

```typescript
import {NgModule} from '@angular/core';
import {LayersLayoutModule} from '@ngry/layouts';

@NgModule({
  imports: [
    LayersLayoutModule
  ]
})
export class AppModule { 
}
```

Use layers layout components in your templates

```html
<l-layers>
  <l-layer>
    Background layer
  </l-layer>
  <l-layer>
    Middle layer
  </l-layer>
  <l-layer>
    Front layer
  </l-layer>
</l-layers>
```

### Example

Visit [layers layout demo page](https://ngry-org.github.io/pkg/layouts#/layouts/layers) 




## Media layout

Represents row which usually contains some multimedia content, it's details and action triggers.

Consist of following components:

- `<l-media>` represents container for one or more `<l-media-content>`, `<l-media-details>` and `<l-media-action>` components
- `<l-media-content>` represents container for multimedia content, takes minimum required space
- `<l-media-action>` represents container for action trigger element, takes minimum required space
- `<l-media-details>` represents container for content description and related details

### Usage

Import `MediaLayoutModule` into your app

```typescript
import {NgModule} from '@angular/core';
import {MediaLayoutModule} from '@ngry/layouts';

@NgModule({
  imports: [
    MediaLayoutModule
  ]
})
export class AppModule { 
}
```

Use media layout components in your templates

```html
<l-media>
  <l-media-content>
    <img src="poster.jpg" alt="Poster">
  </l-media-content>
  <l-media-details>
    <p>Movie Title</p>
    <dl>
      <dt>Budget:</dt> <dd>$100 000 000</dd>
      <dt>Actors</dt> <dd>...</dd>
    </dl>
  </l-media-details>
  <l-media-action>
    <a href="/movie/123/buy">Buy Now</a>
  </l-media-action>
</l-media>
```

### Example

Visit [media layout demo page](https://ngry-org.github.io/pkg/layouts#/layouts/media)
npm package: @ngry/saga
Description: Lightweight Saga module for Angular
Latest version: 5.3.1

![build](https://github.com/ngry-project/saga/workflows/build/badge.svg?branch=master)
![unit-tests](https://github.com/ngry-project/saga/workflows/unit-tests/badge.svg?branch=master)
![code-style](https://github.com/ngry-project/saga/workflows/code-style/badge.svg?branch=master)
![GitHub release (latest by date)](https://img.shields.io/github/v/release/ngry-project/saga?logo=github)
![npm (scoped)](https://img.shields.io/npm/v/@ngry/saga?logo=npm)
![Coveralls github](https://img.shields.io/coveralls/github/ngry-project/saga?logo=jest)

## Description

Lightweight Saga module for Angular.

## Installation

Using NPM:

```bash
npm i @ngry/saga
```

Using Yarn:

```bash
yarn add @ngry/saga
```

## Documentation

**Getting Started**

* [Overview](https://github.com/ngry-project/saga/wiki/Overview)
* [Quick start](https://github.com/ngry-project/saga/wiki/Quick-start)

**Commands**

* [What is command](https://github.com/ngry-project/saga/wiki/What-is-command)
* [Command execution](https://github.com/ngry-project/saga/wiki/Command-execution)
* [Command handlers](https://github.com/ngry-project/saga/wiki/Command-handlers)
* [Error handling](https://github.com/ngry-project/saga/wiki/Error-handling)

**Events**

* [What is event](https://github.com/ngry-project/saga/wiki/What-is-event)
* [Publishing events](https://github.com/ngry-project/saga/wiki/Publishing-events)

**Sagas**

* [What is saga](https://github.com/ngry-project/saga/wiki/What-is-saga)
* [Custom saga](https://github.com/ngry-project/saga/wiki/Custom-saga)

## Stay in Touch

- [GitHub Discussions](https://github.com/ngry-project/saga/discussions)

## License

MIT
npm package: @ngry/store
Description: Reactive state management for Angular
Latest version: 13.1.0

## Installation

Install the package:

```bash
npm i @ngry/store
```

Optionally, install [`@ngry/rx`](https://www.npmjs.com/package/@ngry/rx) for useful operators like `ofType`
and `task` and handy testing tools for Observables:

```bash
npm i @ngry/rx
```

## Documentation

- [Store](docs/store.md)
  - [Overview](docs/store.md#overview)
  - [Read operators](docs/store.md#read-operators)
    - [`select` operator](docs/store.md#select-operator)
    - [`query` operator](docs/store.md#query-operator)
    - [`get` operator](docs/store.md#get-operator)
  - [Write operators](docs/store.md#write-operators)
    - [`update` operator](docs/store.md#update-operator)
      - [`patch` operator](docs/store.md#patch-operator)
      - [`property` operator](docs/store.md#property-operator)
      - [`to` operator](docs/store.md#to-operator)
    - [`reset` operator](docs/store.md#reset-operator)
  - [Effects operators](docs/store.md#effects-operators)
    - [`fn` operator](docs/store.md#fn-operator)

## License

MIT