open-index/open-npm huggingface dataset:
npm package: @house-agency/scroll-dex
Description: A React component used to provide it’s children with scroll position updates.
Author: Daniel Termin
Latest version: 2.2.3

# scrolldex

[![npm package][npm-badge]][npm] [![Build Status](https://semaphoreci.com/api/v1/projects/aedeb783-1832-4989-8581-2efe0a445884/1539163/badge.svg)](https://semaphoreci.com/houseagency/scrolldex) ![downloads](https://img.shields.io/npm/dt/@house-agency/scroll-dex.svg?style=flat-square)

![ScrollDexample](http://scrolldex.surge.sh/demo/assets/images/example.gif)

This is a small React component that can be used as a centralized scroll event hub for your app. 
Simply wrap one or more components and/or elements with this component to give them access to two handy properties that
you can use for all your scroll-position-related needs (parallaxing, section initialization etc.)

## [DEMO](http://scrolldex.surge.sh/)

## Installation

Install with npm

`npm i -D @house-agency/scroll-dex`

or yarn

`yarn add @house-agency/scroll-dex`

## Properties
ScrollDex takes two, optional, properties:

Prop | Type | Description
---- | ---- | -----------
`shouldTrackWindow` | `bool` | (default `true`) If the component should track the `scrollY` property of the window object (if `true`) or the `scrollTop` property of the `firstChild` DOM-node of the component (if `false`).
`lerpFactor` | `number` | (default `0.1`) This is used to interpolate the scroll value to give a damped effect.

## Usage

```es2015
import React from "react";
import ScrollDex from "scroll-dex";

const SomeComponent = ( { scrollPos, lerpScrollPos, scrollRel } ) => (
	<div>The current vertical scroll position is { scrollPos } and the interpolated position is { lerpScrollPos }. The relative scroll position is { scrollRel }.</div>
);

const WrapperComponent = () => (
	<ScrollDex>
		<SomeComponent />
	</ScrollDex>
);
```

[npm-badge]: https://img.shields.io/npm/v/@house-agency/scroll-dex.svg?style=flat-square&colorB=11aaeb
[npm]: https://www.npmjs.org/package/@house-agency/scroll-dex
npm package: @house-of-angular/nestjs-ng-pdf-generator
Description: Pdf generator with for NestJS with templates based on Angular
Author: Maciej Sikorski
Latest version: 0.2.0

# @house-of-angular/nestjs-ng-pdf-generator

[![version](https://img.shields.io/npm/v/@house-of-angular/nestjs-ng-pdf-generator.svg)](https://www.npmjs.com/package/@house-of-angular/nestjs-ng-pdf-generator)
[![downloads](https://img.shields.io/npm/dt/@house-of-angular/nestjs-ng-pdf-generator.svg)](https://www.npmjs.com/package/@house-of-angular/nestjs-ng-pdf-generator)

> Extension to the [@nestjs/ng-universal](https://github.com/nestjs/ng-universal) that adds the generic endpoint 'pdf-generator' that will return Angular view converted to the pdf.
> GET request to the pdf-generator/:any-path will open your app at the "any-path" and trigger the "to pdf" browser action.

## Usage

1. Adjust your angular app for the SSR with NestJS (sample: https://github.com/TrilonIO/universal-nest).
2. Instead of `AngularUniversalModule.forRoot` import `PdfGeneratorModule.forRoot`

## Notice

- Name of the generated pdf will be taken from the tab title.
- Your client app will be opened as a localhost. It may cause a CORS exception on requests to your API.
- Your Angular app have access to the Request object. You can pass headers from the request to the 'pdf-generator/' by adding them to the forwardHeaders option in `PdfGeneratorModule.forRoot`. You can use it to authenticate your Angular app by forwarding Authentication header.
- Exceptions from the HttpClient in the client application are passed as the result of PdfGenerator.
npm package: @house-of-angular/nestjs-streaming
Description: Useful providers that allows working with streaming like responses
Author: ValueAdd sp. z o.o.
Latest version: 0.3.0

# @house-of-angular/nestjs-streaming

[![version](https://img.shields.io/npm/v/@house-of-angular/nestjs-streaming.svg)](https://www.npmjs.com/package/@house-of-angular/nestjs-streaming)
[![downloads](https://img.shields.io/npm/dt/@house-of-angular/nestjs-streaming.svg)](https://www.npmjs.com/package/@house-of-angular/nestjs-streaming)

Useful providers that allows working with streaming like responses

## Installation

`npm install --save-dev @house-of-angular/nestjs-streaming`

## Available modules

- DownloadExpressModule
- StreamingExpressModule
- UrlStreamerNativeModule

## Usage

Download nad Streaming modules provide services that pass your stream as a response and set headers appropriate for each case.

UrlStreamer provide a service that allows you to easily get the url as a stream.

#### Example

#### **`app.controller.ts`**

```ts
import { Controller, Get, Inject, Res } from '@nestjs/common';
import {
  ResponseStreamerFactory,
  responseStreamerFactoryToken,
  StreamingType
} from '@house-of-angular/nestjs-streaming';

@Controller()
export class AppController {
  constructor(
    @Inject(responseStreamerFactoryToken)
    private responseStreamerFactory: ResponseStreamerFactory
  ) {}

  @Get('')
  async downloadFile(@Res() res): Promise<void> {
    return this.responseStreamerFactory(StreamingType.Full, res).stream({
      contentType: 'application/png',
      size: 1024,
      stream: () => fs.createReadStream('file.png')
    });
  }
}
```

#### **`app.module.ts`**

```ts
import { Module } from '@nestjs/common';
import { DownloadExpressModule } from '@house-of-angular/nestjs-streaming';
import { AppController } from './app.controller';

@Module({
  imports: [DownloadExpressModule],
  controllers: [AppController]
})
export class AppModule {}
```
npm package: @house-of-angular/typed-urls
Description: Package for creating typed url addresses.
Author: ValueAdd sp. z o.o.
Latest version: 18.0.0

# TypedUrls

A utility package for creating typed url addresses.

## Installation

`npm install @house-of-angular/typed-urls --save-dev`

## Features

- Supports route urls
- Supports query parameters
- Allows to specify the type of the query parameters
- Allows marking query parameters as required/optional

## Usage

You can create an instance of typed url with `urlFactory`. Url factory will return an instance of class with `url`
method that allows you to create an url based on provided blueprint.

```ts
import { urlFactory } from '@house-of-angular/typed-urls';

const url = urlFactory('http://api-domain/users');

// Logs "http://api-domain/users"
console.log(url.url());
```

### Route Parameters

Based on provided value `urlFactory` will indicate whether any params in the url are expected. It will throw an error in
case they are.

Example:

```ts
import { urlFactory } from '@house-of-angular/typed-urls';

const url = urlFactory('http://api-domain/users/:id');

// Logs "http://api-domain/users/1234"
console.log(url.url({ id: '1234' }));


const multipleParamsUrl = urlFactory('http://api-domain/users/:id/achievements/:achievementId');

// Logs "http://api-domain/users/1234/achievements/533"
console.log(multipleParamsUrl.url({ id: '1234', achievementId: '533' }));
```

### Query Parameters

Url factory automatically retrieves expected query parameters from the url. The value of the parameter should be set to
its type.

List of Available Types:

- string
- number
- boolean
- array\<type\> (e.g. array\<string\>, array\<array\<number\>\>)
- object
- any

Example:

```ts
import { urlFactory } from '@house-of-angular/typed-urls';

const url = urlFactory('http://api-domain/products?limit=number&sorting=string');

// Logs "http://api-domain/products?limit=5&sorting=asc"
console.log(url.url({ limit: 5, sorting: 'asc' }));
```

All query parameters are optional by default. To mark param as required add an exclamation mark after parameter type.

Example:

```ts
const url = urlFactory('http://api-domain/products?limit=number&sorting=string!')
```

In the example above:
- `limit` parameter is optional
- `sorting` parameter is required

### Combination of Parameters

Library allows combination of both parameter types in single url.

Example:

```ts
import { urlFactory } from '@house-of-angular/typed-urls';

const url = urlFactory('http://api-domain/users/:id/achievements?limit=number&sorting=string');

// Logs "http://api-domain/users/1/achievements?limit=5&sorting=asc"
console.log(url.url({ id: 1 }, { limit: 5, sorting: 'asc' }));
```
npm package: @houselanister/client
Description: A fully-featured caching GraphQL client.
Author: opensource@apollographql.com
Latest version: 3.0.2

# <a href="https://www.apollographql.com/"><img src="https://user-images.githubusercontent.com/841294/53402609-b97a2180-39ba-11e9-8100-812bab86357c.png" height="100" alt="Apollo Client"></a>

## Apollo Client

[![npm version](https://badge.fury.io/js/apollo-client.svg)](https://badge.fury.io/js/apollo-client)
[![Build Status](https://circleci.com/gh/apollographql/apollo-client.svg?style=svg)](https://circleci.com/gh/apollographql/apollo-client)
[![Join the community on Spectrum](https://withspectrum.github.io/badge/badge.svg)](https://spectrum.chat/apollo)

Apollo Client is a fully-featured caching GraphQL client with integrations for React, Angular, and more. It allows you to easily build UI components that fetch data via GraphQL.

## Documentation

All Apollo Client documentation, including React integration articles and helpful recipes, can be found at: <br/>
[https://www.apollographql.com/docs/react/](https://www.apollographql.com/docs/react/)

The Apollo Client API reference can be found at: <br/>
[https://www.apollographql.com/docs/react/api/apollo-client/](https://www.apollographql.com/docs/react/api/apollo-client/)

## Maintainers

- [@benjamn](https://github.com/benjamn) (Apollo)
- [@hwillson](https://github.com/hwillson) (Apollo)
npm package: @houselanister/react-scripts
Description: @houselanister configuration and scripts for Create React App.
Latest version: 3.0.0-alpha-10

# react-scripts

This package includes scripts and configuration used by [Create React App](https://github.com/facebook/create-react-app).<br>
Please refer to its documentation:

- [Getting Started](https://facebook.github.io/create-react-app/docs/getting-started) – How to create a new app.
- [User Guide](https://facebook.github.io/create-react-app/) – How to develop apps bootstrapped with Create React App.
npm package: @houselanister/react-testing
Description: React Apollo testing utilities.
Author: opensource@apollographql.com
Latest version: 3.1.6

# <a href="https://www.apollographql.com/"><img src="https://user-images.githubusercontent.com/841294/53402609-b97a2180-39ba-11e9-8100-812bab86357c.png" height="100" alt="React Apollo"></a>

## React Apollo - Testing

[![npm version](https://badge.fury.io/js/%40apollo%2Freact-testing.svg)](https://badge.fury.io/js/%40apollo%2Freact-testing)
[![Build Status](https://circleci.com/gh/apollographql/react-apollo.svg?style=svg)](https://circleci.com/gh/apollographql/react-apollo)
[![Join the community on Spectrum](https://withspectrum.github.io/badge/badge.svg)](https://spectrum.chat/apollo)

React Apollo testing utilities.

### Installation

```
npm install @apollo/react-testing
```

### Documentation

All Apollo Client documentation, including React Apollo usage articles and helpful recipes, lives on [https://www.apollographql.com/docs/react/](https://www.apollographql.com/docs/react/)

For the React Apollo API reference, visit [https://www.apollographql.com/docs/react/api/react-apollo.html](https://www.apollographql.com/docs/react/api/react-apollo.html)