Kieran/snort
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

PWA: cache documents

Browse Source
This commit is contained in:
Kieran 2023-08-19 21:16:31 +01:00
parent f1bfc2f3a6
commit 2ebb485473
No known key found for this signature in database
GPG Key ID: DE71CEB3925BE941
2 changed files with 2 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
packages/app/src/service-worker.ts
View File

@ -7,7 +7,7 @@ import { CacheFirst } from "workbox-strategies";
clientsClaim(); clientsClaim();
const staticTypes = ["image", "video", "audio", "script", "style", "font"]; const staticTypes = ["image", "video", "audio", "script", "style", "font", "document"];
registerRoute( registerRoute(
({ request, url }) => url.origin === self.location.origin && staticTypes.includes(request.destination), ({ request, url }) => url.origin === self.location.origin && staticTypes.includes(request.destination),
new CacheFirst({ new CacheFirst({
@ -15,15 +15,6 @@ registerRoute(
}) })
); );
// External media domains which have unique urls (never changing content) and can be cached forever
const externalMediaHosts = ["void.cat", "nostr.build", "imgur.com", "i.imgur.com", "pbs.twimg.com", "i.ibb.co"];
registerRoute(
({ url }) => externalMediaHosts.includes(url.host),
new CacheFirst({
cacheName: "ext-content-hosts",
})
);
self.addEventListener("message", event => { self.addEventListener("message", event => {
if (event.data && event.data.type === "SKIP_WAITING") { if (event.data && event.data.type === "SKIP_WAITING") {
self.skipWaiting(); self.skipWaiting();

2
packages/app/src/serviceWorkerRegistration.ts
View File

@ -1,5 +1,5 @@
export function register() { export function register() {
if (process.env.NODE_ENV === "production" && "serviceWorker" in navigator) { if ("serviceWorker" in navigator) {
window.addEventListener("load", () => { window.addEventListener("load", () => {
registerValidSW("/service-worker.js"); registerValidSW("/service-worker.js");
}); });