Merge pull request #255 from osm-fr/cache

Réactivation du service worker

Author: Jean-BaptisteC

2025/README.md

@@ -31,3 +31,4 @@ The [conferences data](./src/js/conferences.json) are injected in the [programme
 
 The website support PWA technology to install website like an app on IOS and Android.
 - PWA file properties is in [manifest.json](./src/manifest.json)
+- When website is opened [Javascript code](./src/js/main.js) was executed to register a [service worker](./src/js/service-worker.js) to store a part of the website in browser cache.

2025/src/js/main.js

@@ -17,4 +17,14 @@ $(function () {
     // Démarrer les tooltips pour les sponsors
     const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]');
     [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl));
+
+    if ('serviceWorker' in navigator) {
+        navigator.serviceWorker.register('js/service-worker.js')
+          .then((registration) => {
+            console.log('Service Worker registered with scope:', registration.scope);
+          })
+          .catch((error) => {
+            console.error('Service Worker registration failed:', error);
+          });
+      }
 });

2025/src/js/service-worker.js

@@ -0,0 +1,41 @@
+const CACHE_NAME = 'sotm-2025';
+const urlsToCache = [
+   '../',
+   '../index.html',
+   '../css/main.css',
+   '../js/main.js'
+];
+ 
+ // Install event
+ self.addEventListener('install', (event) => {
+   event.waitUntil(
+     caches.open(CACHE_NAME).then((cache) => {
+       return cache.addAll(urlsToCache);
+     })
+   );
+ });
+ 
+ // Fetch event
+ self.addEventListener('fetch', (event) => {
+   event.respondWith(
+     caches.match(event.request).then((response) => {
+       return response || fetch(event.request);
+     })
+   );
+ });
+ 
+ // Activate event
+ self.addEventListener('activate', (event) => {
+   const cacheWhitelist = [CACHE_NAME];
+   event.waitUntil(
+     caches.keys().then((cacheNames) => {
+       return Promise.all(
+         cacheNames.map((cacheName) => {
+           if (!cacheWhitelist.includes(cacheName)) {
+             return caches.delete(cacheName);
+           }
+         })
+       );
+     })
+   );
+ });