custom-service-worker.js

/*
  events - push
*/

self.addEventListener("push", (event) => {
  if (event.data) {
    let data = JSON.parse(event.data.text());
    event.waitUntil(
      self.registration.showNotification(data.title, {
        body: data.body,
        icon: "icons/icon-128x128.png",
        badge: "icons/icon-128x128.png",
        data: {
          openUrl: data.openUrl,
        },
      })
    );
  }
});

/*
  events - notifications
*/

self.addEventListener("notificationclick", (event) => {
  let notification = event.notification;
  event.waitUntil(
    clients.matchAll().then((clis) => {
      let clientUsingApp = clis.find((cli) => {
        return cli.visibilityState === "visible";
      });
      if (clientUsingApp) {
        clientUsingApp.navigate(notification.data.openUrl);
        clientUsingApp.focus();
      } else {
        clients.openWindow(notification.data.openUrl);
      }
    })
  );
  notification.close();
});