126 lines
3.7 KiB
JavaScript
126 lines
3.7 KiB
JavaScript
const isLocalhost = self.location.hostname === "localhost" || self.location.hostname === "127.0.0.1";
|
|
|
|
if (!isLocalhost) {
|
|
const STATIC_CACHE = "construction-delivery-static-v3";
|
|
const RUNTIME_CACHE = "construction-delivery-runtime-v3";
|
|
const APP_SHELL_URLS = ["/", "/index.html", "/manifest.webmanifest", "/icons/icon-192.svg", "/icons/icon-512.svg"];
|
|
|
|
self.addEventListener("install", (event) => {
|
|
event.waitUntil(
|
|
caches.open(STATIC_CACHE).then((cache) => cache.addAll(APP_SHELL_URLS)).then(() => self.skipWaiting()),
|
|
);
|
|
});
|
|
|
|
self.addEventListener("activate", (event) => {
|
|
event.waitUntil(
|
|
caches
|
|
.keys()
|
|
.then((keys) =>
|
|
Promise.all(
|
|
keys
|
|
.filter((key) => ![STATIC_CACHE, RUNTIME_CACHE].includes(key))
|
|
.map((key) => caches.delete(key)),
|
|
),
|
|
)
|
|
.then(() => self.clients.claim())
|
|
.then(async () => {
|
|
const clients = await self.clients.matchAll({ includeUncontrolled: true });
|
|
clients.forEach((client) => client.postMessage({ type: "PWA_OFFLINE_READY" }));
|
|
}),
|
|
);
|
|
});
|
|
|
|
self.addEventListener("fetch", (event) => {
|
|
if (event.request.method !== "GET") {
|
|
return;
|
|
}
|
|
|
|
const requestUrl = new URL(event.request.url);
|
|
const isSameOrigin = requestUrl.origin === self.location.origin;
|
|
|
|
if (event.request.mode === "navigate") {
|
|
event.respondWith(
|
|
fetch(event.request)
|
|
.then((response) => {
|
|
const responseClone = response.clone();
|
|
caches.open(RUNTIME_CACHE).then((cache) => cache.put(event.request, responseClone));
|
|
return response;
|
|
})
|
|
.catch(async () => {
|
|
const cachedPage = await caches.match(event.request);
|
|
return cachedPage || caches.match("/index.html");
|
|
}),
|
|
);
|
|
return;
|
|
}
|
|
|
|
if (!isSameOrigin) {
|
|
return;
|
|
}
|
|
|
|
event.respondWith(
|
|
caches.match(event.request).then((cachedResponse) => {
|
|
if (cachedResponse) {
|
|
return cachedResponse;
|
|
}
|
|
|
|
return fetch(event.request).then((response) => {
|
|
if (!response || response.status !== 200) {
|
|
return response;
|
|
}
|
|
|
|
const responseClone = response.clone();
|
|
caches.open(RUNTIME_CACHE).then((cache) => cache.put(event.request, responseClone));
|
|
return response;
|
|
});
|
|
}),
|
|
);
|
|
});
|
|
} else {
|
|
self.addEventListener("install", (event) => self.skipWaiting());
|
|
self.addEventListener("activate", (event) => self.clients.claim());
|
|
}
|
|
|
|
// Push notification handler
|
|
self.addEventListener("push", (event) => {
|
|
let data = {};
|
|
try {
|
|
data = event.data ? event.data.json() : {};
|
|
} catch {
|
|
data = { title: "Уведомление", body: "" };
|
|
}
|
|
|
|
const title = data.title || "Уведомление";
|
|
const options = {
|
|
body: data.body || "",
|
|
icon: data.icon || "/icons/icon-192.svg",
|
|
badge: data.badge || "/icons/icon-192.svg",
|
|
data: data.data || {},
|
|
tag: data.tag || "default",
|
|
vibrate: [100, 50, 100],
|
|
requireInteraction: data.requireInteraction || false,
|
|
};
|
|
|
|
event.waitUntil(self.registration.showNotification(title, options));
|
|
});
|
|
|
|
self.addEventListener("notificationclick", (event) => {
|
|
event.notification.close();
|
|
|
|
const clickData = event.notification.data || {};
|
|
const targetUrl = clickData.order_id
|
|
? "/dashboard/group/" + clickData.order_id
|
|
: "/dashboard";
|
|
|
|
event.waitUntil(
|
|
self.clients.matchAll({ type: "window", includeUncontrolled: true }).then((clientList) => {
|
|
for (const client of clientList) {
|
|
if (client.url.includes("/dashboard") && "focus" in client) {
|
|
return client.focus();
|
|
}
|
|
}
|
|
return self.clients.openWindow(targetUrl);
|
|
}),
|
|
);
|
|
});
|