PWA Offline Module for Angular

PWA offline feature for Angular clients.

Description

Registers an interceptor that activates a view indicating that the client system if offline.

Registers a route that serves the view that is activated when the client system goes offline.

Usage

Within the development workspace

Import the module

...
import { AppPwaOfflineModule } from '@app/client-pwa-offline';

@NgModule({
  imports: [
    ...
    AppPwaOfflineModule,
    ...
  ],
  ...
})
export class AppModule {}

As an external package

Install the package

yarn add @rfprodz/client-pwa-offline @angular/common @angular/core @angular/material @angular/router

Import the module

...
import { AppPwaOfflineModule } from '@rfprodz/client-pwa-offline';

@NgModule({
  imports: [
    ...
    AppPwaOfflineModule,
    ...
  ],
  ...
})
export class AppModule {}

Developer commands reference

npx nx run tools:help --search client-pwa-offline:

References

• Nx
• Angular
• Angular Material