I have Vaadin 14 (14.0.8) application with PWA annotation
@PWA(name = "Yals", shortName = "yals",
offlinePath = "offline-page.html",
offlineResources = {"images/logo.png"},
description = "Yet another link shortener")
which results following sw.js (https://dev.yals.eu/sw.js):
importScripts('/VAADIN/static/server/workbox/workbox-sw.js');
workbox.setConfig({
modulePathPrefix: '/VAADIN/static/server/workbox/'
});
workbox.precaching.precacheAndRoute([
{ url: 'icons/icon-144x144.png', revision: '231570393' },
{ url: 'icons/icon-192x192.png', revision: '-2007121871' },
{ url: 'icons/icon-512x512.png', revision: '-223792282' },
{ url: 'icons/icon-16x16.png', revision: '-987865114' },
{ url: 'offline-page.html', revision: '1860931856' },
{ url: 'manifest.webmanifest', revision: '1177746861' },
{ url: 'images/logo.png', revision: '1224756389' }
]);
self.addEventListener('fetch', function(event) {
var request = event.request;
if (request.mode === 'navigate') {
event.respondWith(
fetch(request)
.catch(function() {
return caches.match('offline-page.html');
})
);
}
});
Problem is:
Image in https://dev.yals.eu/icons/icon-512x512.png and other size images is different from original https://dev.yals.eu/icons/icon.png (512x512 px png-image)
