- Добавлена библиотека pngjs для работы с PNG изображениями - Добавлены мета-теги для улучшения поддержки PWA на страницах: index.html, notes.html, profile.html, register.html - Обновлен сервисный работник для улучшенного кэширования и обработки запросов - Добавлены функции для отладки PWA в консоли
129 lines
3.8 KiB
JavaScript
129 lines
3.8 KiB
JavaScript
// Service Worker для NoteJS
|
|
const CACHE_NAME = 'notejs-v1.0.1';
|
|
const STATIC_CACHE_NAME = 'notejs-static-v1.0.1';
|
|
|
|
// Файлы для кэширования при установке
|
|
const STATIC_FILES = [
|
|
'/',
|
|
'/index.html',
|
|
'/style.css',
|
|
'/manifest.json',
|
|
'/icons/icon-192x192.png',
|
|
'/icons/icon-512x512.png'
|
|
];
|
|
|
|
// Установка Service Worker
|
|
self.addEventListener('install', (event) => {
|
|
console.log('[SW] Установка Service Worker');
|
|
|
|
event.waitUntil(
|
|
caches.open(STATIC_CACHE_NAME)
|
|
.then((cache) => {
|
|
console.log('[SW] Кэширование статических файлов');
|
|
return cache.addAll(STATIC_FILES);
|
|
})
|
|
.then(() => {
|
|
console.log('[SW] Статические файлы закэшированы');
|
|
return self.skipWaiting();
|
|
})
|
|
.catch((error) => {
|
|
console.error('[SW] Ошибка при кэшировании статических файлов:', error);
|
|
// Продолжаем работу даже если кэширование не удалось
|
|
return self.skipWaiting();
|
|
})
|
|
);
|
|
});
|
|
|
|
// Активация Service Worker
|
|
self.addEventListener('activate', (event) => {
|
|
console.log('[SW] Активация Service Worker');
|
|
|
|
event.waitUntil(
|
|
caches.keys()
|
|
.then((cacheNames) => {
|
|
return Promise.all(
|
|
cacheNames.map((cacheName) => {
|
|
// Удаляем старые кэши
|
|
if (cacheName !== STATIC_CACHE_NAME) {
|
|
console.log('[SW] Удаление старого кэша:', cacheName);
|
|
return caches.delete(cacheName);
|
|
}
|
|
})
|
|
);
|
|
})
|
|
.then(() => {
|
|
console.log('[SW] Service Worker активирован');
|
|
return self.clients.claim();
|
|
})
|
|
);
|
|
});
|
|
|
|
// Перехват запросов
|
|
self.addEventListener('fetch', (event) => {
|
|
const { request } = event;
|
|
const url = new URL(request.url);
|
|
|
|
// Пропускаем запросы к API и загрузкам
|
|
if (url.pathname.startsWith('/api/') ||
|
|
url.pathname.startsWith('/uploads/') ||
|
|
url.pathname.startsWith('/database/')) {
|
|
return;
|
|
}
|
|
|
|
// Обрабатываем только GET запросы
|
|
if (request.method === 'GET') {
|
|
event.respondWith(
|
|
handleRequest(request)
|
|
);
|
|
}
|
|
});
|
|
|
|
async function handleRequest(request) {
|
|
try {
|
|
// Сначала пытаемся получить из кэша
|
|
const cachedResponse = await caches.match(request);
|
|
|
|
if (cachedResponse) {
|
|
console.log('[SW] Запрос из кэша:', request.url);
|
|
return cachedResponse;
|
|
}
|
|
|
|
// Если нет в кэше, загружаем из сети
|
|
console.log('[SW] Запрос к сети:', request.url);
|
|
const networkResponse = await fetch(request);
|
|
|
|
// Кэшируем успешные ответы
|
|
if (networkResponse.ok) {
|
|
const cache = await caches.open(STATIC_CACHE_NAME);
|
|
cache.put(request, networkResponse.clone());
|
|
}
|
|
|
|
return networkResponse;
|
|
|
|
} catch (error) {
|
|
console.error('[SW] Ошибка при обработке запроса:', error);
|
|
|
|
// Fallback для HTML страниц
|
|
if (request.headers.get('accept')?.includes('text/html')) {
|
|
const fallbackResponse = await caches.match('/index.html');
|
|
if (fallbackResponse) {
|
|
return fallbackResponse;
|
|
}
|
|
}
|
|
|
|
throw error;
|
|
}
|
|
}
|
|
|
|
// Обработка сообщений от основного потока
|
|
self.addEventListener('message', (event) => {
|
|
console.log('[SW] Получено сообщение:', event.data);
|
|
|
|
if (event.data && event.data.type === 'SKIP_WAITING') {
|
|
self.skipWaiting();
|
|
}
|
|
|
|
if (event.data && event.data.type === 'GET_VERSION') {
|
|
event.ports[0].postMessage({ version: CACHE_NAME });
|
|
}
|
|
}); |