Serginho

interface PushSubscriptionChangeEvent extends ExtendableEvent {
   readonly newSubscription?: PushSubscription;
   readonly oldSubscription?: PushSubscription;
}

Serginho

self.addEventListener('pushsubscriptionchange', (event: PushSubscriptionChangeEvent) => {
   //Renew your subscription here.
});

Serginho

async handlePush(event: PushSubscriptionChangeEvent) {
  const req = new Request('/refreshpushsubscription', {
    method: 'POST',
    body: JSON.stringify(
        {oldSubscription: event.oldSubscription, newSubscription: event.newSubscription})
  });
  const response = await self.fetch(req);
}

self.addEventListener('pushsubscriptionchange', (event: PushSubscriptionChangeEvent) => 

Serginho

// To use IndexedDB like localStorage use this library.
// https://github.com/RyotaSugawara/serviceworker-storage
const storage = new ServiceWorkerStorage('sw:storage', 1);

async handlePush() {
  const newSubscription = await self.registration.pushManager.getSubscription();
  const oldSubscription = JSON.parse(await storage.getItem('subscription'));
  if(newSubscription.endpoint !== oldSubscription.endpoint) {
    storage.setItem('subscription', newSubscription);
    const req = new Request('/refreshpushsubscription', {

Serginho

navigator.serviceWorker.ready.then(serviceWorkerRegistration => {
  const options = {userVisibleOnly: true, applicationServerKey: applicationServerKey};
  serviceWorkerRegistration.pushManager.subscribe(options).then(pushSubscription => {
    navigator.serviceWorker.controller.postMessage({
      action: 'REQUEST_SUBSCRIPTION',
      subscription: pushSubscription
    });
    uploadSubscriptionToTheServer(pushSubscription, userId);
  });
});

Serginho

navigator.serviceWorker.ready.then(serviceWorkerRegistration => {
  const options = {userVisibleOnly: true, applicationServerKey: applicationServerKey};
  serviceWorkerRegistration.pushManager.subscribe(options).then(pushSubscription => {
    // Send subscription to service worker to save it.
    navigator.serviceWorker.controller.postMessage({
      action: 'REQUEST_SUBSCRIPTION',
      subscription: pushSubscription
    });
    // Upload first subscription to server using userId or any identifier
    // to match user.

Serginho

// environment.ts configuration
export const environment = {
  production: false,
  appVersion: '1.0'
  endpoint: 'mysite.dev/rest',
  browserSupport: [
    {
      name: 'Chrome',
      version: 45
    },

Serginho

// global.ts
export const ENVIRONMENT_GLOBAL = {
  appVersion: '1.0',
  browserSupport: [
    {
      name: 'Chrome',
      version: 45
    },
    {
      name: 'Firefox',