feat(*): Add pwa functionality to service worker

This commit is contained in:
Josh Creek
2023-07-27 22:40:32 +01:00
parent 4e16c963e1
commit 831e75a633
2 changed files with 26 additions and 7 deletions
+19 -4
View File
@@ -4,9 +4,12 @@
<meta charset="utf-8" />
<link rel="icon" href="%sveltekit.assets%/favicon-32x32.png" />
<link rel="manifest" href="/site.webmanifest" />
<meta name="theme-color" content="#8D6A9F">
<meta name="description" content="A web app designed to assist scrum teams in performing estimations quickly and with minimal effort.">
<link rel="apple-touch-icon" href="%sveltekit.assets%/apple-touch-icon.png">
<meta name="theme-color" content="#8D6A9F" />
<meta
name="description"
content="A web app designed to assist scrum teams in performing estimations quickly and with minimal effort."
/>
<link rel="apple-touch-icon" href="%sveltekit.assets%/apple-touch-icon.png" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
@@ -57,7 +60,19 @@
}
window.addEventListener('load', () => {
navigator.serviceWorker.register('%sveltekit.assets%/service-worker.js');
if ('serviceWorker' in navigator) {
navigator.serviceWorker.register('%sveltekit.assets%/service-worker.js').then(
function (registration) {
console.log(
'ServiceWorker registration successful with scope: ',
registration.scope
);
},
function (err) {
console.log('ServiceWorker registration failed: ', err);
}
);
}
});
</script>
</body>
+7 -3
View File
@@ -1,8 +1,12 @@
self.addEventListener('install', (event) => {
console.log('[Service Worker] Installing Service Worker ...', event);
console.log('[Service Worker] Installing Service Worker ...', event);
});
self.addEventListener('activate', (event) => {
console.log('[Service Worker] Activating Service Worker ...', event);
return self.clients.claim();
console.log('[Service Worker] Activating Service Worker ...', event);
return self.clients.claim();
});
self.addEventListener('fetch', function (event) {
event.respondWith(fetch(event.request));
});