open-index/open-npm huggingface dataset:
npm package: @ngx-progressbar/core
Description: A nanoscopic progress bar. Featuring realistic trickle animations to convince your users that something is happening!
Author: Murhaf Sousli
Latest version: 5.3.2
Deprecated: This package has been deprecated! please use 'npm i ngx-progressbar' instead. For more info, see the breaking changes on https://github.com/MurhafSousli/ngx-progressbar/blob/master/CHANGELOG.md#600

<p align="center">
  <img height="200px" width="200px" style="text-align: center;" src="https://cdn.rawgit.com/MurhafSousli/ngx-progressbar/master/src/assets/logo.svg">
  <h1 align="center">Angular Progressbar</h1>
</p>

A nanoscopic progress bar. Featuring realistic trickle animations to convince your users that something is happening!

___
[![npm](https://img.shields.io/badge/demo-online-ed1c46.svg)](https://murhafsousli.github.io/ngx-progressbar/)
[![npm](https://img.shields.io/badge/stackblitz-online-orange.svg)](https://stackblitz.com/edit/ngx-progressbar)
[![npm](https://img.shields.io/npm/v/@ngx-progressbar/core.svg?maxAge=2592000?style=plastic)](https://www.npmjs.com/package/@ngx-progressbar/core) 
[![Build Status](https://travis-ci.org/MurhafSousli/ngx-progressbar.svg?branch=master)](https://travis-ci.org/MurhafSousli/ngx-progressbar)
[![npm](https://img.shields.io/npm/dt/@ngx-progressbar/core.svg?maxAge=2592000?style=plastic)](https://www.npmjs.com/package/@ngx-progressbar/core)
[![npm](https://img.shields.io/npm/dm/@ngx-progressbar/core.svg)](https://www.npmjs.com/package/@ngx-progressbar/core)
[![npm bundle size (minified + gzip)](https://img.shields.io/bundlephobia/minzip/@ngx-progressbar/core.svg)](https://bundlephobia.com/result?p=@ngx-progressbar/core)
[![npm](https://img.shields.io/npm/l/express.svg?maxAge=2592000)](https://github.com/MurhafSousli/ngx-progressbar/blob/master/LICENSE)


### The documentation is available at the [wiki page](https://github.com/MurhafSousli/ngx-progressbar/wiki)

## Support

Please give NgProgress a :star:

[![npm](https://c5.patreon.com/external/logo/become_a_patron_button.png)](https://www.patreon.com/bePatron?u=5594898)

## Issues

If you identify any errors in the library, or have an idea for an improvement, please open an [issue](https://github.com/MurhafSousli/ngx-progressbar/issues).

## Author

 **[Murhaf Sousli](http://murhafsousli.com)**

- [github/murhafsousli](https://github.com/MurhafSousli)
- [twitter/murhafsousli](https://twitter.com/MurhafSousli)
npm package: @ngx-progressbar/http
Description: A nanoscopic progress bar. Featuring realistic trickle animations to convince your users that something is happening!
Author: Murhaf Sousli
Latest version: 5.3.2
Deprecated: This package has been deprecated! please use 'npm i ngx-progressbar' instead. For more info, see the breaking changes on https://github.com/MurhafSousli/ngx-progressbar/blob/master/CHANGELOG.md#600

<p align="center">
  <img height="200px" width="200px" style="text-align: center;" src="https://cdn.rawgit.com/MurhafSousli/ngx-progressbar/master/src/assets/logo.svg">
  <h1 align="center">Angular Progressbar</h1>
</p>

A nanoscopic progress bar. Featuring realistic trickle animations to convince your users that something is happening!

___
[![npm](https://img.shields.io/badge/demo-online-ed1c46.svg)](https://murhafsousli.github.io/ngx-progressbar/)
[![npm](https://img.shields.io/badge/stackblitz-online-orange.svg)](https://stackblitz.com/edit/ngx-progressbar)
[![npm](https://img.shields.io/npm/v/@ngx-progressbar/core.svg?maxAge=2592000?style=plastic)](https://www.npmjs.com/package/@ngx-progressbar/core) 
[![Build Status](https://travis-ci.org/MurhafSousli/ngx-progressbar.svg?branch=master)](https://travis-ci.org/MurhafSousli/ngx-progressbar)
[![npm](https://img.shields.io/npm/dt/@ngx-progressbar/core.svg?maxAge=2592000?style=plastic)](https://www.npmjs.com/package/@ngx-progressbar/core)
[![npm](https://img.shields.io/npm/dm/@ngx-progressbar/core.svg)](https://www.npmjs.com/package/@ngx-progressbar/core)
[![npm bundle size (minified + gzip)](https://img.shields.io/bundlephobia/minzip/@ngx-progressbar/core.svg)](https://bundlephobia.com/result?p=@ngx-progressbar/core)
[![npm](https://img.shields.io/npm/l/express.svg?maxAge=2592000)](https://github.com/MurhafSousli/ngx-progressbar/blob/master/LICENSE)


### The documentation is available at the [wiki page](https://github.com/MurhafSousli/ngx-progressbar/wiki)

## Support

Please give NgProgress a :star:

[![npm](https://c5.patreon.com/external/logo/become_a_patron_button.png)](https://www.patreon.com/bePatron?u=5594898)

## Issues

If you identify any errors in the library, or have an idea for an improvement, please open an [issue](https://github.com/MurhafSousli/ngx-progressbar/issues).

## Author

 **[Murhaf Sousli](http://murhafsousli.com)**

- [github/murhafsousli](https://github.com/MurhafSousli)
- [twitter/murhafsousli](https://twitter.com/MurhafSousli)
npm package: @ngx-progressbar/http-client
Description: A nanoscopic progress bar. Featuring realistic trickle animations to convince your users that something is happening!
Author: Murhaf Sousli
Latest version: 3.0.2
Deprecated: This package is deprecated! Use @ngx-progressbar/http instead

<p align="center">
  <img height="200px" width="200px" style="text-align: center;" src="https://cdn.rawgit.com/MurhafSousli/ngx-progressbar/79d7fbba96cc528238e67aadb85eafe8653198de/assets/logo.svg">
  <h1 align="center">A plug for HttpClient requests</h1>
</p>

Use this package to start and complete the progress bar on http requests, See [HttpClient stackblitz](https://stackblitz.com/edit/ngx-progressbar-httpclient)

## Install with npm

```bash
  npm install @ngx-progressbar/core @ngx-progressbar/http-client --save
```

## Import `NgProgressModule` and `NgProgressHttpClientModule`

```ts
import { HttpClientModule } from '@angular/common/http';
import { NgProgressModule } from '@ngx-progressbar/core';
import { NgProgressHttpClientModule } from '@ngx-progressbar/http-client';

@NgModule({
  imports: [
    HttpClientModule,
    NgProgressModule.forRoot(),
    NgProgressHttpClientModule
  ],
})
export class AppModule {
}

```

In your template

```html
<ng-progress></ng-progress>
```
npm package: @ngx-progressbar/router
Description: A nanoscopic progress bar. Featuring realistic trickle animations to convince your users that something is happening!
Author: Murhaf Sousli
Latest version: 5.3.2
Deprecated: This package has been deprecated! please use 'npm i ngx-progressbar' instead. For more info, see the breaking changes on https://github.com/MurhafSousli/ngx-progressbar/blob/master/CHANGELOG.md#600

<p align="center">
  <img height="200px" width="200px" style="text-align: center;" src="https://cdn.rawgit.com/MurhafSousli/ngx-progressbar/master/src/assets/logo.svg">
  <h1 align="center">Angular Progressbar</h1>
</p>

A nanoscopic progress bar. Featuring realistic trickle animations to convince your users that something is happening!

___
[![npm](https://img.shields.io/badge/demo-online-ed1c46.svg)](https://murhafsousli.github.io/ngx-progressbar/)
[![npm](https://img.shields.io/badge/stackblitz-online-orange.svg)](https://stackblitz.com/edit/ngx-progressbar)
[![npm](https://img.shields.io/npm/v/@ngx-progressbar/core.svg?maxAge=2592000?style=plastic)](https://www.npmjs.com/package/@ngx-progressbar/core) 
[![Build Status](https://travis-ci.org/MurhafSousli/ngx-progressbar.svg?branch=master)](https://travis-ci.org/MurhafSousli/ngx-progressbar)
[![npm](https://img.shields.io/npm/dt/@ngx-progressbar/core.svg?maxAge=2592000?style=plastic)](https://www.npmjs.com/package/@ngx-progressbar/core)
[![npm](https://img.shields.io/npm/dm/@ngx-progressbar/core.svg)](https://www.npmjs.com/package/@ngx-progressbar/core)
[![npm bundle size (minified + gzip)](https://img.shields.io/bundlephobia/minzip/@ngx-progressbar/core.svg)](https://bundlephobia.com/result?p=@ngx-progressbar/core)
[![npm](https://img.shields.io/npm/l/express.svg?maxAge=2592000)](https://github.com/MurhafSousli/ngx-progressbar/blob/master/LICENSE)


### The documentation is available at the [wiki page](https://github.com/MurhafSousli/ngx-progressbar/wiki)

## Support

Please give NgProgress a :star:

[![npm](https://c5.patreon.com/external/logo/become_a_patron_button.png)](https://www.patreon.com/bePatron?u=5594898)

## Issues

If you identify any errors in the library, or have an idea for an improvement, please open an [issue](https://github.com/MurhafSousli/ngx-progressbar/issues).

## Author

 **[Murhaf Sousli](http://murhafsousli.com)**

- [github/murhafsousli](https://github.com/MurhafSousli)
- [twitter/murhafsousli](https://twitter.com/MurhafSousli)
npm package: @ngx-pwa/local-storage
Description: Efficient local storage module for Angular: simple API based on native localStorage API, but internally stored via the asynchronous IndexedDB API for performance, and wrapped in RxJS observables to be homogeneous with other Angular modules.
Author: Cyrille Tuzi
Latest version: 21.0.0

# Async local storage for Angular

[The documentation is available on GitHub.](https://github.com/cyrilletuzi/angular-async-local-storage)
npm package: @ngx-pwa/ngsw-schema
Description: JSON schema for Angular service worker configuration file (ngsw-config.json)
Author: Cyrille Tuzi
Latest version: 1.0.2

# JSON schema for Angular service worker configuration file (`ngsw-config.json`)

## Angular 8 update

My [PR in Angular repo](https://github.com/angular/angular/pull/27859) has been accepted and merged,
so this feature is now directly available in Angular >= 8.0.0-beta.7.
This lib is only useful in Angular 6 or 7.

## By the same author

- [Angular schematics extension for VS Code](https://marketplace.visualstudio.com/items?itemName=cyrilletuzi.angular-schematics) (GUI for Angular CLI commands)
- [@ngx-pwa/local-storage](https://github.com/cyrilletuzi/angular-async-local-storage): 1st Angular library for local storage
- Other Angular library: [@ngx-pwa/offline](https://github.com/cyrilletuzi/ngx-pwa-offline)
- Popular [Angular posts on Medium](https://medium.com/@cyrilletuzi)
- Follow updates of this lib on [Twitter](https://twitter.com/cyrilletuzi)
- **[Angular onsite trainings](https://formationjavascript.com/formation-angular/)** (based in Paris, so the website is in French, but [my English bio is here](https://www.cyrilletuzi.com/en/web/) and I'm open to travel)

## Why this lib?

`@angular/service-worker` is a very powerful tool to build Progressive Web Apps.
The default service worker configuration file (`ngsw-config.json`) generated by the Angular CLI
(either via `ng add @angular/pwa` or `ng g service-worker`) already takes care of saving permanently the static files of your application
(`index.html`, JavaScript files...).

But you can go a lot further by adding `dataGroups` to save temporarily dynamic data (for example,
your API calls, including images), which would be too big for `localStorage` or too difficult via `indexedDB`.

The [official documentation](https://angular.io/guide/service-worker-config) explains it all,
but as the `ngsw-config.json` file doesn't have a JSON schema,
you don't get any assistance, and worse, mistakes are not always catched by the building system,
so you could end up with errors in your production build.

**So this lib is just the missing JSON schema for `ngsw-config.json` for productivity:**
- **assistance**,
- **no more errors**!

## Getting started

**Install** the lib (as a dev dependency):

```bash
npm install @ngx-pwa/ngsw-schema -D
```

Now you just have to **add it to your `ngsw-config.json` file** (of course, adapt the path to your case):

```typescript
{
  "$schema": "../node_modules/@ngx-pwa/ngsw-schema/schema.json"
}
```

## Changelog

[Changelog available here](./CHANGELOG.md).

## License

MIT
npm package: @ngx-pwa/offline
Description: [The documentation is available on GitHub.](https://github.com/cyrilletuzi/ngx-pwa-offline)
Author: Cyrille Tuzi
Latest version: 13.0.3
Deprecated: This lib is no longer maintained since Angular 13, which is no longer in Long Term Support (LTS).

# Angular PWA Offline

[The documentation is available on GitHub.](https://github.com/cyrilletuzi/ngx-pwa-offline)