sw.js

/**
 * sw.js — Service Worker για MySchedule PWA
 * ============================================
 * Στρατηγική: Cache-First για static assets, Network-First για δυναμικό περιεχόμενο.
 * Εξασφαλίζει πλήρη offline λειτουργία μετά την πρώτη φόρτωση.
 *
 * Έκδοση cache: Αλλάζει κάθε φορά που γίνεται update της εφαρμογής.
 */

const CACHE_NAME = 'myschedule-v1.0.4';

/** Όλα τα static assets που πρέπει να αποθηκευτούν στο cache κατά την εγκατάσταση */
const STATIC_ASSETS = [
  './',
  './index.html',
  './manifest.json',
  './css/main.css',
  './css/layout.css',
  './css/components.css',
  './css/print.css',
  './js/app.js',
  './js/store.js',
  './js/auth.js',
  './js/calendar.js',
  './js/activities.js',
  './js/categories.js',
  './js/stats.js',
  './js/theme.js',
  './js/print.js',
  './js/admin.js',
  './icons/icon-192.png',
  './icons/icon-512.png'
];

// ─── INSTALL ─────────────────────────────────────────────────────────────────
// Εκτελείται μία φορά κατά την πρώτη εγκατάσταση ή κάθε φορά που αλλάζει το sw.js
self.addEventListener('install', (event) => {
  console.log('[SW] Installing version:', CACHE_NAME);
  event.waitUntil(
    caches.open(CACHE_NAME).then((cache) => {
      console.log('[SW] Caching all static assets');
      return cache.addAll(STATIC_ASSETS);
    })
  );
  // Αναλαμβάνει τον έλεγχο αμέσως, χωρίς να περιμένει reload
  self.skipWaiting();
});

// ─── ACTIVATE ────────────────────────────────────────────────────────────────
// Διαγράφει παλιές εκδόσεις cache όταν ενεργοποιείται νέος SW
self.addEventListener('activate', (event) => {
  console.log('[SW] Activating:', CACHE_NAME);
  event.waitUntil(
    caches.keys().then((cacheNames) =>
      Promise.all(
        cacheNames
          .filter((name) => name !== CACHE_NAME) // Κρατάει μόνο την τρέχουσα έκδοση
          .map((name) => {
            console.log('[SW] Deleting old cache:', name);
            return caches.delete(name);
          })
      )
    )
  );
  // Αναλαμβάνει αμέσως όλους τους clients
  self.clients.claim();
});

// ─── FETCH ───────────────────────────────────────────────────────────────────
// Cache-First: Επιστρέφει από cache, αν δεν υπάρχει πηγαίνει στο network
self.addEventListener('fetch', (event) => {
  // Αγνοεί μη-GET requests (π.χ. POST)
  if (event.request.method !== 'GET') return;

  event.respondWith(
    caches.match(event.request).then((cachedResponse) => {
      if (cachedResponse) {
        // Βρέθηκε στο cache — επιστροφή άμεσα
        return cachedResponse;
      }
      // Δεν βρέθηκε — fetch από network και αποθήκευση στο cache
      return fetch(event.request).then((networkResponse) => {
        if (!networkResponse || networkResponse.status !== 200) {
          return networkResponse;
        }
        const responseClone = networkResponse.clone();
        caches.open(CACHE_NAME).then((cache) => {
          cache.put(event.request, responseClone);
        });
        return networkResponse;
      }).catch(() => {
        // Offline fallback: αν είναι navigate request, επιστρέφει index.html
        if (event.request.mode === 'navigate') {
          return caches.match('./index.html');
        }
      });
    })
  );
});