98 lines
2.8 KiB
JavaScript
98 lines
2.8 KiB
JavaScript
import { ExpirationPlugin } from 'workbox-expiration';
|
|
import { precacheAndRoute } from 'workbox-precaching';
|
|
import { registerRoute } from 'workbox-routing';
|
|
import { CacheFirst } from 'workbox-strategies';
|
|
import { handleNotificationClick, handlePush } from './web_push_notifications';
|
|
|
|
const CACHE_NAME_PREFIX = 'mastodon-';
|
|
|
|
function openWebCache() {
|
|
return caches.open(`${CACHE_NAME_PREFIX}web`);
|
|
}
|
|
|
|
function fetchRoot() {
|
|
return fetch('/', { credentials: 'include', redirect: 'manual' });
|
|
}
|
|
|
|
precacheAndRoute(self.__WB_MANIFEST);
|
|
|
|
registerRoute(
|
|
/locale_.*\.js$/,
|
|
new CacheFirst({
|
|
cacheName: `${CACHE_NAME_PREFIX}locales`,
|
|
plugins: [
|
|
new ExpirationPlugin({
|
|
maxAgeSeconds: 30 * 24 * 60 * 60, // 1 month
|
|
maxEntries: 5,
|
|
}),
|
|
],
|
|
}),
|
|
);
|
|
|
|
registerRoute(
|
|
({ request }) => request.destination === 'font',
|
|
new CacheFirst({
|
|
cacheName: `${CACHE_NAME_PREFIX}fonts`,
|
|
plugins: [
|
|
new ExpirationPlugin({
|
|
maxAgeSeconds: 30 * 24 * 60 * 60, // 1 month
|
|
maxEntries: 5,
|
|
}),
|
|
],
|
|
}),
|
|
);
|
|
|
|
registerRoute(
|
|
({ request }) => ['audio', 'image', 'track', 'video'].includes(request.destination),
|
|
new CacheFirst({
|
|
cacheName: `m${CACHE_NAME_PREFIX}media`,
|
|
plugins: [
|
|
new ExpirationPlugin({
|
|
maxAgeSeconds: 7 * 24 * 60 * 60, // 1 week
|
|
maxEntries: 256,
|
|
}),
|
|
],
|
|
}),
|
|
);
|
|
|
|
// Cause a new version of a registered Service Worker to replace an existing one
|
|
// that is already installed, and replace the currently active worker on open pages.
|
|
self.addEventListener('install', function(event) {
|
|
event.waitUntil(Promise.all([openWebCache(), fetchRoot()]).then(([cache, root]) => cache.put('/', root)));
|
|
});
|
|
self.addEventListener('activate', function(event) {
|
|
event.waitUntil(self.clients.claim());
|
|
});
|
|
self.addEventListener('fetch', function(event) {
|
|
const url = new URL(event.request.url);
|
|
|
|
if (url.pathname.startsWith('/web/')) {
|
|
const asyncResponse = fetchRoot();
|
|
const asyncCache = openWebCache();
|
|
|
|
event.respondWith(asyncResponse.then(
|
|
response => {
|
|
const clonedResponse = response.clone();
|
|
asyncCache.then(cache => cache.put('/', clonedResponse)).catch();
|
|
return response;
|
|
},
|
|
() => asyncCache.then(cache => cache.match('/'))));
|
|
} else if (url.pathname === '/auth/sign_out') {
|
|
const asyncResponse = fetch(event.request);
|
|
const asyncCache = openWebCache();
|
|
|
|
event.respondWith(asyncResponse.then(response => {
|
|
if (response.ok || response.type === 'opaqueredirect') {
|
|
return Promise.all([
|
|
asyncCache.then(cache => cache.delete('/')),
|
|
indexedDB.deleteDatabase('mastodon'),
|
|
]).then(() => response);
|
|
}
|
|
|
|
return response;
|
|
}));
|
|
}
|
|
});
|
|
|
|
self.addEventListener('push', handlePush);
|
|
self.addEventListener('notificationclick', handleNotificationClick);
|