Reduce PWA storage space

This commit is contained in:
Cotes Chung
2021-04-10 14:51:04 +08:00
parent 588fbbbec7
commit a03149cd40
2 changed files with 71 additions and 45 deletions

67
sw.js
View File

@@ -3,42 +3,55 @@ layout: compress
# PWA service worker
---
self.importScripts('{{ "/assets/js/data/cache-list.js" | relative_url }}');
self.importScripts('{{ "/assets/js/data/swcache.js" | relative_url }}');
var cacheName = 'chirpy-{{ "now" | date: "%Y%m%d.%H%M" }}';
const cacheName = 'chirpy-{{ "now" | date: "%Y%m%d.%H%M" }}';
function verifyDomain(url) {
for (const domain of allowedDomains) {
const regex = RegExp(`^http(s)?:\/\/${domain}\/`);
if (regex.test(url)) {
return true;
}
}
return false;
}
function isExcluded(url) {
const regex = /(^http(s)?|^\/)/; /* the regex for CORS url or relative url */
for (const rule of exclude) {
if (!regex.test(url) ||
url.indexOf(rule) != -1) {
for (const item of denyUrls) {
if (url === item) {
return true;
}
}
return false;
}
self.addEventListener('install', (e) => {
self.addEventListener('install', e => {
self.skipWaiting();
e.waitUntil(
caches.open(cacheName).then((cache) => {
return cache.addAll(include);
caches.open(cacheName).then(cache => {
return cache.addAll(resource);
})
);
});
self.addEventListener('fetch', (e) => {
self.addEventListener('fetch', e => {
e.respondWith(
caches.match(e.request).then((r) => {
caches.match(e.request).then(r => {
/* console.log(`[sw] method: ${e.request.method}, fetching: ${e.request.url}`); */
return r || fetch(e.request).then((response) => {
return caches.open(cacheName).then((cache) => {
if (!isExcluded(e.request.url)) {
if (e.request.method === "GET") {
/* console.log('[sw] Caching new resource: ' + e.request.url); */
cache.put(e.request, response.clone());
}
}
return r || fetch(e.request).then(response => {
const url = e.request.url;
if (e.request.method !== 'GET'
|| !verifyDomain(url)
|| isExcluded(url)) {
return response;
}
return caches.open(cacheName).then(cache => {
/* console.log('[sw] Caching new resource: ' + e.request.url); */
cache.put(e.request, response.clone());
return response;
});
@@ -47,14 +60,16 @@ self.addEventListener('fetch', (e) => {
);
});
self.addEventListener('activate', (e) => {
self.addEventListener('activate', e => {
e.waitUntil(
caches.keys().then((keyList) => {
return Promise.all(keyList.map((key) => {
if(key !== cacheName) {
return caches.delete(key);
}
}));
caches.keys().then(keyList => {
return Promise.all(
keyList.map(key => {
if(key !== cacheName) {
return caches.delete(key);
}
})
);
})
);
});