amirreza/service-worker-starter
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

offline.html

Browse Source
This commit is contained in:
AmirrezaRezaeii
2026-04-21 14:47:07 +03:30
parent c7aa105709
commit fbfb78b109
3 changed files with 57 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
public/help/index.html Normal file
View File

@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>help page</h1>
</body>
</html>

19
public/offline.html Normal file
View File

File diff suppressed because one or more lines are too long

36
public/sw.js
View File

@@ -1,5 +1,5 @@
let CACHE_STATIC_NAME = "static-v1";
let CACHE_DYNAMIC_NAME = "dynamic-v2";
let CACHE_STATIC_NAME = "static-v2";
let CACHE_DYNAMIC_NAME = "dynamic-v3";
self.addEventListener("install", function (event) {
console.log("[SW install]", event);
@@ -7,21 +7,25 @@ self.addEventListener("install", function (event) {
event.waitUntil(
caches.open(CACHE_STATIC_NAME).then((cache) => {
console.log("[SW precache]");
return cache.addAll(["/", "/index.html", "/js/app.js"]);
return cache.addAll(["/", "/index.html", "/offline.html", "/help/index.html", "/js/app.js"]);
}),
);
});
self.addEventListener("activate", function (event) {
console.log("[SW activate]", event);
event.waitUntil(caches.keys().then((keys) => {
console.log("removing the old cache")
return Promise.all(keys.map(key => {
event.waitUntil(
caches.keys().then((keys) => {
console.log("removing the old cache");
return Promise.all(
keys.map((key) => {
if (key !== CACHE_STATIC_NAME) {
return caches.delete(key)
return caches.delete(key);
}
}))
}))
}),
);
}),
);
return self.clients.claim();
});
@@ -32,12 +36,18 @@ self.addEventListener("fetch", function (event) {
if (res) {
return res;
} else {
return fetch(event.request).then((res) => {
// caches.open(CACHE_DYNAMIC_NAME).then((cache) => {
// cache.put(event.request.url, res.clone());
// });
return fetch(event.request.url)
.then((res) => {
return caches.open(CACHE_DYNAMIC_NAME).then((cache) => {
cache.put(event.request.url, res.clone());
return res;
});
})
.catch(() => {
return caches.open(CACHE_STATIC_NAME).then((cache) => {
return cache.match("/offline.html");
});
});
}
}),
);