Feature: Add powerful Service Worker cache system for all assets

Author: souravkr529

index.html

@@ -1127,6 +1127,15 @@ <h4>Does it reduce slide quality?</h4>
         if (rect.top < window.innerHeight) el.classList.add('active');
       });
     });
+
+    // --- Service Worker Registration (Powerful Cache System) ---
+    if ('serviceWorker' in navigator) {
+      window.addEventListener('load', () => {
+        navigator.serviceWorker.register('/sw.js')
+          .then(reg => console.log('[SW] Registered:', reg.scope))
+          .catch(err => console.error('[SW] Error:', err));
+      });
+    }
   </script>
 
 </body>

sw.js

@@ -0,0 +1,102 @@
+/**
+ * Zenly SlideClean - Powerful Service Worker
+ * Advanced caching for maximum performance
+ */
+
+const CACHE_NAME = 'zenly-slideclean-v1';
+const CACHE_VERSION = 1;
+
+// All assets to pre-cache on install
+const PRECACHE_ASSETS = [
+    '/',
+    '/index.html',
+    '/manifest.json',
+    '/robots.txt',
+    '/sitemap.xml',
+    '/llm.txt',
+    '/llms-full.txt',
+    // Images
+    '/assets/favicon.png',
+    '/assets/og-image.png',
+    // Core Libraries
+    '/assets/lib/pdf.min.js',
+    '/assets/lib/jspdf.umd.min.js',
+    '/assets/lib/pdf.worker.min.js',
+    // Fonts CSS
+    '/assets/fonts/fonts.css',
+    // Inter Font Files (Latin)
+    '/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2',
+    '/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2',
+    // JetBrains Mono Font Files (Latin)
+    '/assets/fonts/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPxDcwg.woff2'
+];
+
+// Install: Pre-cache all critical assets
+self.addEventListener('install', (event) => {
+    console.log('[SW] Installing v' + CACHE_VERSION);
+    event.waitUntil(
+        caches.open(CACHE_NAME)
+            .then((cache) => {
+                console.log('[SW] Pre-caching assets');
+                return cache.addAll(PRECACHE_ASSETS);
+            })
+            .then(() => self.skipWaiting())
+    );
+});
+
+// Activate: Clean up old caches
+self.addEventListener('activate', (event) => {
+    console.log('[SW] Activated v' + CACHE_VERSION);
+    event.waitUntil(
+        caches.keys().then((cacheNames) => {
+            return Promise.all(
+                cacheNames.map((cache) => {
+                    if (cache !== CACHE_NAME) {
+                        console.log('[SW] Deleting old cache:', cache);
+                        return caches.delete(cache);
+                    }
+                })
+            );
+        }).then(() => self.clients.claim())
+    );
+});
+
+// Fetch: Cache-First with Network Fallback (for max speed)
+self.addEventListener('fetch', (event) => {
+    // Skip non-GET requests
+    if (event.request.method !== 'GET') return;
+
+    event.respondWith(
+        caches.match(event.request).then((cachedResponse) => {
+            if (cachedResponse) {
+                // Return cached version immediately
+                // Also fetch from network to update cache in background
+                fetch(event.request).then((networkResponse) => {
+                    if (networkResponse && networkResponse.status === 200) {
+                        caches.open(CACHE_NAME).then((cache) => {
+                            cache.put(event.request, networkResponse);
+                        });
+                    }
+                }).catch(() => { });
+                return cachedResponse;
+            }
+
+            // Not in cache, fetch from network
+            return fetch(event.request).then((networkResponse) => {
+                // Cache the new response for future
+                if (networkResponse && networkResponse.status === 200) {
+                    const responseClone = networkResponse.clone();
+                    caches.open(CACHE_NAME).then((cache) => {
+                        cache.put(event.request, responseClone);
+                    });
+                }
+                return networkResponse;
+            }).catch(() => {
+                // Offline fallback for HTML pages
+                if (event.request.headers.get('accept').includes('text/html')) {
+                    return caches.match('/index.html');
+                }
+            });
+        })
+    );
+});