Progressive Web App (PWA): Cài đặt Service Worker và Offline-first caching bằng Workbox

import { registerRoute } from 'workbox-routing';
import { CacheFirst, NetworkFirst, StaleWhileRevalidate } from 'workbox-strategies';
import { ExpirationPlugin } from 'workbox-expiration';

// 1. Tài nguyên tĩnh (Ảnh, Font, CSS, JS): Dùng CacheFirst
registerRoute(
  ({ request }) => request.destination === 'image' || request.destination === 'font',
  new CacheFirst({
    cacheName: 'static-assets',
    plugins: [
      new ExpirationPlugin({ maxEntries: 60, maxAgeSeconds: 30 * 24 * 60 * 60 }) // Giữ 30 ngày
    ]
  })
);

// 2. Nội dung bài viết thảo luận: Dùng StaleWhileRevalidate
// Trả về cache ngay lập tức để người dùng đọc trước, đồng thời fetch bản mới ngầm
registerRoute(
  ({ url }) => url.pathname.startsWith('/d/'),
  new StaleWhileRevalidate({
    cacheName: 'community-posts'
  })
);

// 3. API tài khoản & thanh toán: Dùng NetworkFirst (Luôn ưu tiên mạng)
registerRoute(
  ({ url }) => url.pathname.startsWith('/api/user'),
  new NetworkFirst({
    cacheName: 'user-profile',
    networkTimeoutSeconds: 3 // Sau 3s rớt mạng mới dùng cache
  })
);