/// <reference no-default-lib="true"/>
/// <reference lib="esnext" />
/// <reference lib="WebWorker" />

var sw = /** @type {ServiceWorkerGlobalScope & typeof self} */ (self);
sw.addEventListener('install', function() {
  sw.skipWaiting();
});
sw.addEventListener('activate', function() {
  sw.clients.claim();
});
sw.addEventListener('push', function(evt) {
  if (evt.data) {
    const data = evt.data.json();
    console.log('Push', data);
    if (data.body) {
      sw.registration.showNotification(data.title, {
        body: data.body,
        icon: data.custom.message.user.avatar,
        tag: data.tag,
        data: data.custom.message
      });
    }
  }
});
sw.addEventListener('notificationclick', function(evt) {
  evt.waitUntil(
    sw.clients.matchAll().then(function(clientList) {
      const message = evt.notification.data;
      const url = message.mid
        ? message.rid
          ? `https://juick.com/m/${message.mid}#${message.rid}`
          : `https://juick.com/m/${message.mid}`
        : 'https://juick.com/pm/inbox';
      if (clientList.length > 0) {
        for (var i = 0; i < clientList.length; i++) {
          if (clientList[i].url === url) {
            return clientList[i].focus();
          }
        }
        clientList[0].navigate(url);
        return clientList[0].focus();
      }
      return sw.clients.openWindow(url);
    })
  );
});