Sharkey/src/client/sw.ts

68 lines
1.6 KiB
TypeScript
Raw Normal View History

2017-11-20 20:40:09 +02:00
/**
* Service Worker
*/
declare var self: ServiceWorkerGlobalScope;
2017-11-20 20:40:09 +02:00
import composeNotification from './scripts/compose-notification';
2017-11-27 15:00:48 +02:00
// eslint-disable-next-line no-undef
const version = _VERSION_;
const cacheName = `mk-cache-${version}`;
const apiUrl = `${location.origin}/api/`;
2017-11-20 20:40:09 +02:00
// インストールされたとき
2017-11-27 15:00:48 +02:00
self.addEventListener('install', ev => {
2017-11-21 00:06:36 +02:00
console.info('installed');
2017-11-27 15:00:48 +02:00
ev.waitUntil(
caches.open(cacheName)
.then(cache => {
return cache.addAll([
2020-02-09 05:47:50 +02:00
`/?v=${version}`
]);
})
.then(() => self.skipWaiting())
);
});
self.addEventListener('activate', ev => {
ev.waitUntil(
caches.keys()
.then(cacheNames => Promise.all(
cacheNames
.filter((v) => v !== cacheName)
.map(name => caches.delete(name))
))
.then(() => self.clients.claim())
);
});
self.addEventListener('fetch', ev => {
if (ev.request.method !== 'GET' || ev.request.url.startsWith(apiUrl)) return;
ev.respondWith(
caches.match(ev.request)
.then(response => {
return response || fetch(ev.request);
})
.catch(() => {
2020-02-09 05:47:50 +02:00
return caches.match(`/?v=${version}`);
})
);
2017-11-27 15:00:48 +02:00
});
2017-11-20 20:40:09 +02:00
// プッシュ通知を受け取ったとき
self.addEventListener('push', ev => {
// クライアント取得
2017-11-21 00:06:36 +02:00
ev.waitUntil(self.clients.matchAll({
2017-11-20 20:40:09 +02:00
includeUncontrolled: true
}).then(async clients => {
2017-11-20 20:40:09 +02:00
// クライアントがあったらストリームに接続しているということなので通知しない
if (clients.length != 0) return;
const { type, body } = ev.data.json();
2017-11-21 00:06:36 +02:00
return self.registration.showNotification(...(await composeNotification(type, body)));
2017-11-21 00:06:36 +02:00
}));
2017-11-20 20:40:09 +02:00
});