sw.js

// ======================
// 🚀 LifeOS Service Worker - v1.1 (Fixed)
// ======================

const CACHE_NAME = 'lifeos-v1';
const OFFLINE_URL = './index.html';

// 📦 فایل‌هایی که باید cache بشن (فقط local assets)
const PRECACHE_ASSETS = [
    './',
    './index.html',
    './style.css',
    './manifest.json'
    // ⚠️ main.js و بقیه ماژول‌ها رو به صورت dynamic cache می‌کنیم
    // چون importmap و module resolution ممکنه در service worker مشکل‌ساز باشه
];

// 🚫 دامنه‌هایی که نباید cache بشن
const EXCLUDED_DOMAINS = [
    'firebase',
    'googleapis.com',
    'gstatic.com',
    'arvancloud.ir',      // Three.js CDN
    'unpkg.com',          // Importmap CDN
    'jsdelivr.net',       // Alternative CDN
    'cloudflare',
    'chrome-extension',
    'moz-extension',
    'safari-extension'
];

// ======================
// 🎯 Install Event
// ======================
self.addEventListener('install', (event) => {
    console.log('🔧 Service Worker installing...');
    
    event.waitUntil(
        caches.open(CACHE_NAME)
            .then((cache) => {
                console.log('📦 Pre-caching assets');
                // استفاده از allSettled برای اینکه یک asset خراب بقیه رو خراب نکنه
                return Promise.allSettled(
                    PRECACHE_ASSETS.map(url => 
                        cache.add(url).catch(e => {
                            console.warn(`⚠️ Failed to cache ${url}:`, e.message);
                        })
                    )
                );
            })
            .then(() => {
                console.log('✅ Pre-caching completed');
            })
    );
    
    // فعال شدن فوری (بدون انتظار برای بستن تب‌های قدیمی)
    self.skipWaiting();
});

// ======================
// 🔄 Activate Event
// ======================
self.addEventListener('activate', (event) => {
    console.log('✅ Service Worker activated');
    
    event.waitUntil(
        caches.keys().then((cacheNames) => {
            return Promise.all(
                cacheNames.map((cacheName) => {
                    if (cacheName !== CACHE_NAME) {
                        console.log('🗑️ Deleting old cache:', cacheName);
                        return caches.delete(cacheName);
                    }
                })
            );
        })
    );
    
    // کنترل فوری همه تب‌ها
    self.clients.claim();
});

// ======================
// 🛡️ Helper: بررسی اینکه request باید cache بشه یا نه
// ======================
function shouldCacheRequest(request) {
    // فقط GET requests
    if (request.method !== 'GET') return false;
    
    try {
        const url = new URL(request.url);
        
        // ✅ فقط HTTP و HTTPS
        if (!['http:', 'https:'].includes(url.protocol)) {
            return false;
        }
        
        // 🚫 رد کردن دامنه‌های خارجی و extensions
        for (const domain of EXCLUDED_DOMAINS) {
            if (url.hostname.includes(domain) || url.protocol.includes(domain)) {
                return false;
            }
        }
        
        // 🚫 رد کردن cross-origin requests (CORS issues)
        if (request.mode === 'cors' && url.origin !== self.location.origin) {
            return false;
        }
        
        // 🚫 رد کردن range requests (video/audio streaming)
        if (request.headers.get('range')) {
            return false;
        }
        
        return true;
        
    } catch (err) {
        console.warn('⚠️ Invalid URL in request:', request.url);
        return false;
    }
}

// ======================
// 🌐 Fetch Event (FIXED)
// ======================
self.addEventListener('fetch', (event) => {
    // ✅ بررسی اینکه درخواست قابل cache هست یا نه
    if (!shouldCacheRequest(event.request)) {
        // درخواست رو مستقیم به network بفرست (بدون دخالت)
        return;
    }
    
    event.respondWith(
        (async () => {
            const cache = await caches.open(CACHE_NAME);
            
            try {
                // 🥇 اول از network بگیر (Network-First Strategy)
                const networkResponse = await fetch(event.request);
                
                // اگه موفق بود، cache رو آپدیت کن
                if (networkResponse.ok) {
                    // ✅ فقط responses موفق رو cache کن
                    try {
                        await cache.put(event.request, networkResponse.clone());
                    } catch (cacheErr) {
                        // بعضی responses قابل cache نیستن (مثلاً opaque)
                        console.warn('⚠️ Could not cache response:', cacheErr.message);
                    }
                }
                
                return networkResponse;
                
            } catch (error) {
                // 🥈 اگه network نیست، از cache بخون
                console.log('📴 Network failed, using cache for:', event.request.url);
                
                const cachedResponse = await cache.match(event.request);
                if (cachedResponse) {
                    return cachedResponse;
                }
                
                // 🥉 اگه هیچکدوم نبود و صفحه HTML هست، offline page برگردون
                if (event.request.mode === 'navigate') {
                    const offlinePage = await cache.match(OFFLINE_URL);
                    if (offlinePage) {
                        return offlinePage;
                    }
                    
                    // اگه offline page هم نبود، یه پاسخ ساده HTML برگردون
                    return new Response(
                        `<!DOCTYPE html>
                        <html dir="rtl" lang="fa">
                        <head>
                            <meta charset="UTF-8">
                            <title>LifeOS - Offline</title>
                            <style>
                                body {
                                    font-family: 'Vazirmatn', sans-serif;
                                    background: #020617;
                                    color: #f1f5f9;
                                    display: flex;
                                    align-items: center;
                                    justify-content: center;
                                    min-height: 100vh;
                                    margin: 0;
                                    text-align: center;
                                    padding: 20px;
                                }
                                .container {
                                    max-width: 500px;
                                }
                                h1 { color: #38bdf8; }
                                .icon { font-size: 4rem; margin-bottom: 20px; }
                            </style>
                        </head>
                        <body>
                            <div class="container">
                                <div class="icon">📴</div>
                                <h1>آفلاین هستید</h1>
                                <p>لطفاً اتصال اینترنت خود را بررسی کنید و دوباره تلاش کنید.</p>
                            </div>
                        </body>
                        </html>`,
                        {
                            status: 200,
                            headers: { 'Content-Type': 'text/html; charset=utf-8' }
                        }
                    );
                }
                
                // در غیر این صورت خطای ساده برگردون
                return new Response('Offline - LifeOS', {
                    status: 503,
                    statusText: 'Service Unavailable',
                    headers: { 'Content-Type': 'text/plain' }
                });
            }
        })()
    );
});

// ======================
// 📩 Message Event
// ======================
self.addEventListener('message', (event) => {
    if (event.data === 'skipWaiting') {
        console.log('🔄 Skip waiting requested');
        self.skipWaiting();
    }
    
    if (event.data === 'clearCache') {
        caches.delete(CACHE_NAME).then(() => {
            console.log('🧹 Cache cleared');
            event.source?.postMessage({ type: 'cacheCleared' });
        });
    }
    
    if (event.data === 'getVersion') {
        event.source?.postMessage({ 
            type: 'version', 
            version: CACHE_NAME 
        });
    }
});

// ======================
// 🔄 Background Sync (Optional)
// ======================
self.addEventListener('sync', (event) => {
    if (event.tag === 'syncData') {
        console.log('🔄 Background sync triggered');
        event.waitUntil(
            // می‌تونی اینجا sync با cloud رو انجام بدی
            Promise.resolve()
        );
    }
});

// ======================
// 🔔 Push Notifications (Optional)
// ======================
self.addEventListener('push', (event) => {
    if (!event.data) return;
    
    const data = event.data.json();
    const options = {
        body: data.body || 'اعلان جدید از LifeOS',
        icon: './manifest.json',
        badge: './manifest.json',
        vibrate: [200, 100, 200],
        data: data.url || '/',
        actions: data.actions || []
    };
    
    event.waitUntil(
        self.registration.showNotification(
            data.title || 'LifeOS',
            options
        )
    );
});

self.addEventListener('notificationclick', (event) => {
    event.notification.close();
    
    const urlToOpen = event.notification.data || '/';
    
    event.waitUntil(
        clients.matchAll({ type: 'window', includeUncontrolled: true })
            .then((clientList) => {
                // اگه تب باز هست، فوکوس کن
                for (const client of clientList) {
                    if (client.url.includes(urlToOpen) && 'focus' in client) {
                        return client.focus();
                    }
                }
                // در غیر این صورت تب جدید باز کن
                if (clients.openWindow) {
                    return clients.openWindow(urlToOpen);
                }
            })
    );
});