Updated UI 2.4

Someshdiwan · Someshdiwan · commit 84a2eb2bb71d · 2025-04-20T22:59:53.000+05:30
Signed-off-by: Someshdiwan &lt;Someshdiwan369@gmail.com&gt;
diff --git a/site/assets/sw.js b/site/assets/sw.js
@@ -1,3 +1,4 @@
+/*
 const CACHE_NAME = "java-evolution-cache-v3";
 const urlsToCache = [
   "/JavaEvolution-Learning-Growing-Mastering/",
@@ -66,3 +67,144 @@ self.addEventListener("fetch", (event) => {
     })
   );
 });
+*/
+
+
+const CACHE_NAME = "java-evolution-cache-v5"; // Updated version
+const STATIC_ASSETS = [
+    "/JavaEvolution-Learning-Growing-Mastering/",
+    "/JavaEvolution-Learning-Growing-Mastering/default.html", // Changed from index.html
+    "/JavaEvolution-Learning-Growing-Mastering/assets/style.css",
+    "/JavaEvolution-Learning-Growing-Mastering/assets/favicon-96x96.png",
+    "/JavaEvolution-Learning-Growing-Mastering/assets/favicon.svg",
+    "/JavaEvolution-Learning-Growing-Mastering/assets/favicon.ico",
+    "/JavaEvolution-Learning-Growing-Mastering/assets/apple-touch-icon.png",
+    "/JavaEvolution-Learning-Growing-Mastering/assets/site.webmanifest",
+    "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" // Cache CDN resource
+];
+
+// Simple offline fallback page
+const OFFLINE_PAGE = `
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Offline</title>
+    <style>
+        body { font-family: 'Segoe UI', sans-serif; text-align: center; padding: 2rem; background: #f9f9f9; color: #333; }
+        h1 { font-size: 1.5rem; }
+        p { font-size: 1rem; }
+    </style>
+</head>
+<body>
+    <h1>You're Offline</h1>
+    <p>Please check your internet connection and try again.</p>
+</body>
+</html>
+`;
+
+// Install event
+self.addEventListener("install", (event) => {
+    console.log("[Service Worker] Installing and caching static assets");
+    self.skipWaiting();
+    event.waitUntil(
+        caches.open(CACHE_NAME).then((cache) => {
+            // Cache static assets
+            return cache.addAll(STATIC_ASSETS).then(() => {
+                // Cache offline page
+                const offlineResponse = new Response(OFFLINE_PAGE, {
+                    headers: { 'Content-Type': 'text/html' }
+                });
+                return cache.put('/offline.html', offlineResponse);
+            });
+        })
+    );
+});
+
+// Activate event
+self.addEventListener("activate", (event) => {
+    console.log("[Service Worker] Activated and cleaning old caches");
+    event.waitUntil(
+        caches.keys().then((cacheNames) =>
+            Promise.all(
+                cacheNames
+                    .filter((name) => name !== CACHE_NAME)
+                    .map((name) => caches.delete(name))
+            )
+        )
+    );
+    self.clients.claim();
+});
+
+// Fetch event
+self.addEventListener("fetch", (event) => {
+    const request = event.request;
+
+    // Handle navigation requests (HTML pages)
+    if (request.mode === 'navigate') {
+        event.respondWith(
+            fetch(request)
+                .then((networkResponse) => {
+                    // Cache successful response
+                    return caches.open(CACHE_NAME).then((cache) => {
+                        cache.put(request, networkResponse.clone());
+                        return networkResponse;
+                    });
+                })
+                .catch(() => {
+                    // Serve cached page or offline fallback
+                    return caches.match(request).then((cachedResponse) => {
+                        return cachedResponse || caches.match('/offline.html');
+                    });
+                })
+        );
+        return;
+    }
+
+    // Handle other requests (CSS, images, fonts, etc.)
+    event.respondWith(
+        caches.match(request).then((cachedResponse) => {
+            // Return cached response if available
+            if (cachedResponse) {
+                // Refresh cache in background
+                fetch(request).then((networkResponse) => {
+                    caches.open(CACHE_NAME).then((cache) => {
+                        cache.put(request, networkResponse);
+                    });
+                }).catch(() => {}); // Silent fail
+                return cachedResponse;
+            }
+
+            // Fetch from network
+            return fetch(request)
+                .then((networkResponse) => {
+                    // Cache GET requests from same origin or Font Awesome CDN
+                    if (
+                        request.method === "GET" &&
+                        (request.url.startsWith(self.location.origin) ||
+                         request.url.startsWith('https://cdnjs.cloudflare.com'))
+                    ) {
+                        return caches.open(CACHE_NAME).then((cache) => {
+                            cache.put(request, networkResponse.clone());
+                            // Limit cache size
+                            cache.keys().then((keys) => {
+                                if (keys.length > 50) {
+                                    cache.delete(keys[0]);
+                                }
+                            });
+                            return networkResponse;
+                        });
+                    }
+                    return networkResponse;
+                })
+                .catch(() => {
+                    // Fallback for non-HTML resources
+                    if (request.url.includes('font-awesome')) {
+                        return caches.match('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css');
+                    }
+                    return caches.match('/offline.html');
+                });
+        })
+    );
+});
