@tinijs/pwa NPM

TiniJS PWA

The PWA module for TiniJS apps.

It uses workbox-window under the hood.

Install

To manually install the module: npm i @tinijs/pwa

It is recommended to download the Skeleton for a ready-to-use structured project.

Or, install and setup a complete PWA app via the @tinijs/cli CLI tool:

Install the CLI: npm i -g @tinijs/cli
Add PWA capability: tini pwa init

For more, please visit: https://tinijs.dev (TODO)

Usage

Expose an API endpoint-ish in sw.js

addEventListener('message', event => {
  if (event.data.type === 'endpoint-1') {
    event.ports[0].postMessage({ data: 'a payload' });
  }
});

Communicate with the Service Worker

import {UseWorkbox, Workbox} from '@tinijs/pwa';

@Page({
  name: 'app-page-home',
})
export class AppPageHome extends TiniComponent {
  @UseWorkbox() workbox!: Workbox;

  onReady() {
    this.workbox
      .messageSW({type: 'endpoint-1'})
      .then(value => {
        // do something with the value returned from the SW
      });
  }
}