Cutlery/immich
1
0
Fork 1
mirror of https://github.com/immich-app/immich.git synced 2025-05-24 01:12:58 -04:00
Code Issues Packages Projects Releases Wiki Activity

Cache/return the app.html for all web entry points

Browse Source
This commit is contained in:
Min Idzelis 2025-03-16 00:32:09 +00:00
parent d25b743e29
commit 537c0ba801
1 changed files with 45 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

66
web/src/service-worker/index.ts
View File

@ -36,6 +36,12 @@ sw.addEventListener('fetch', (event) => {
event.respondWith(appResources(url, event));
} else if (/^\/api\/assets\/[a-f0-9-]+\/(original|thumbnail)/.test(url.pathname)) {
event.respondWith(immichAsset(url));
} else if (
/^(\/(link|auth|admin|albums|archive|buy|explore|favorites|folders|maps|memory|partners|people|photos|places|search|share|shared-links|sharing|tags|trash|user-settings|utilities))(\/.*)?$/.test(
url.pathname,
)
) {
event.respondWith(ssr(new URL(event.request.url).origin));
}
});
@ -50,31 +56,49 @@ async function addFilesToCache() {
await cache.addAll(APP_RESOURCES);
}
async function ssr(origin: string) {
const cache = await caches.open(CACHE);
const url = new URL('/', origin);
let response = useCache ? await cache.match(url) : undefined;
if (response) {
return response;
}
response = await fetch(url);
if (!(response instanceof Response)) {
throw new TypeError('invalid response from fetch');
}
if (response.status === 200) {
cache.put(url, response.clone());
}
return response;
}
async function immichAsset(url: URL) {
const cache = await caches.open(CACHE);
let response = useCache ? await cache.match(url) : undefined;
if (!response) {
try {
const cancelToken = new AbortController();
const request = fetch(url, {
signal: cancelToken.signal,
});
pendingLoads.set(url.toString(), cancelToken);
response = await request;
if (!(response instanceof Response)) {
throw new TypeError('invalid response from fetch');
}
if (response.status === 200) {
cache.put(url, response.clone());
}
} catch (error) {
// eslint-disable-next-line @typescript-eslint/no-explicit-any
if ((error as any).name !== 'AbortError') {
throw error;
}
} finally {
pendingLoads.delete(url.toString());
if (response) {
return response;
}
try {
const cancelToken = new AbortController();
const request = fetch(url, {
signal: cancelToken.signal,
});
pendingLoads.set(url.toString(), cancelToken);
response = await request;
if (!(response instanceof Response)) {
throw new TypeError('invalid response from fetch');
}
if (response.status === 200) {
cache.put(url, response.clone());
}
} catch (error) {
// eslint-disable-next-line @typescript-eslint/no-explicit-any
if ((error as any).name !== 'AbortError') {
throw error;
}
} finally {
pendingLoads.delete(url.toString());
}
return response as Response;
}