fix: sw

Author: FedoseevSM

public/sw.js

@@ -6,6 +6,7 @@ const GITHUB_API_BASE = 'https://api.github.com';
 const GITHUB_API_CACHE = 'github-api-cache-v2';
 const STATIC_CACHE = 'static-cache-v2';
 const TOKEN_STORE = 'github-token-store';
+const STATIC_ASSETS = ['/', '/index.html', '/sw.js'];
 
 // Install event - cache essential static assets
 self.addEventListener('install', (event) => {
@@ -105,7 +106,6 @@ async function handleStaticRequest(request) {
   try {
     const response = await fetch(request);
     if (response.ok) {
-      // Cache successful responses
       const cache = await caches.open(STATIC_CACHE);
       cache.put(request, response.clone()).catch(err => {
         console.warn('Failed to cache response:', err);
@@ -114,12 +114,19 @@ async function handleStaticRequest(request) {
     }
     throw new Error('Network response not ok');
   } catch (error) {
-    // Fall back to cache
     const cached = await caches.match(request);
     if (cached) {
       return cached;
     }
-    
+
+    const navigationFallback = request.mode === 'navigate' || (request.headers.get('accept')?.includes('text/html'));
+    if (navigationFallback) {
+      const shell = await caches.match('/index.html');
+      if (shell) {
+        return shell;
+      }
+    }
+
     return new Response('Offline - Resource unavailable', {
       status: 503,
       statusText: 'Service Unavailable'

src/lib/serviceWorker.ts

@@ -4,6 +4,7 @@
 class ServiceWorkerManager {
   private registration: ServiceWorkerRegistration | null = null;
   private pendingToken: string | null = null;
+  private pendingCacheClear = false;
 
   async register(): Promise<void> {
     if (!('serviceWorker' in navigator)) {
@@ -12,11 +13,13 @@ class ServiceWorkerManager {
     }
 
     try {
-      this.registration = await navigator.serviceWorker.register('/sw.js', {
-        scope: '/'
+      const baseUrl = import.meta.env.BASE_URL || '/';
+      const swUrl = new URL('sw.js', window.location.origin + baseUrl).href;
+      this.registration = await navigator.serviceWorker.register(swUrl, {
+        scope: baseUrl
       });
 
-      console.log('Service Worker registered successfully');
+      console.log('Service Worker registered successfully at', swUrl, 'scope', baseUrl);
 
       // Wait for the service worker to be ready
       await navigator.serviceWorker.ready;
@@ -30,9 +33,20 @@ class ServiceWorkerManager {
         this.pendingToken = null;
       }
 
+      // Send any queued cache clear request once the worker is active
+      if (this.pendingCacheClear && this.registration?.active) {
+        this.sendCacheClear();
+        this.pendingCacheClear = false;
+      }
+
       // Set up message handling
       navigator.serviceWorker.addEventListener('message', this.handleMessage.bind(this));
 
+      // Expose manual cache clear command in console
+      window.clearGitHubApiCache = async () => {
+        await this.clearCache();
+      };
+
     } catch (error) {
       console.error('Service Worker registration failed:', error);
     }
@@ -80,7 +94,35 @@ class ServiceWorkerManager {
     }
   }
 
+  async clearCache(): Promise<void> {
+    if (!this.registration?.active) {
+      this.pendingCacheClear = true;
+      return;
+    }
+
+    this.sendCacheClear();
+  }
+
+  private sendCacheClear(): void {
+    if (!this.registration?.active) {
+      console.warn('Service worker not active, cannot clear cache');
+      return;
+    }
+
+    try {
+      this.registration.active.postMessage({
+        type: 'CLEAR_CACHE'
+      });
+    } catch (error) {
+      console.error('Failed to send cache clear command to service worker:', error);
+    }
+  }
+
   private handleMessage(event: MessageEvent): void {
+    if (event.data?.type === 'CACHE_CLEARED') {
+      console.log('Service worker cache cleared');
+      return;
+    }
     // Handle messages from service worker if needed
     if (event.data?.type === 'TOKEN_STORED') {
       console.log('Token successfully stored in service worker');