add PWA support

This commit is contained in:
Admin 2025-11-22 21:19:35 +02:00
parent 2bda22b7e2
commit a008561749
2 changed files with 45 additions and 0 deletions

View File

@ -0,0 +1,17 @@
{
"name": "RSCord",
"icons": [
{
"src": "/assets/flacara.webp",
"sizes": "512x512"
}
],
"start_url": "/app",
"display": "standalone",
"scope": "/",
"theme_color": "#05050a",
"categories":["social"],
"description": "ok",
"background_color": "#05050a",
"offline_enabled": true
}

View File

@ -0,0 +1,28 @@
// (A) CREATE/INSTALL CACHE
self.addEventListener("install", evt => {
self.skipWaiting();
evt.waitUntil(
caches.open("Demo")
.then(cache => cache.addAll([
"index.html",
"manifest.json"
//"YOUR-STYLES.css",
//"YOUR-SCRIPTS.js",
//"YOUR-IMAGES.jpg"
]))
.catch(err => console.error(err))
);
});
// (B) CLAIM CONTROL INSTANTLY
self.addEventListener("activate", evt => self.clients.claim());
// (C) LOAD FROM CACHE FIRST, FALLBACK TO NETWORK IF NOT FOUND
self.addEventListener("fetch", evt => evt.respondWith(
caches.match(evt.request).then(res => res || fetch(evt.request))
));
/* (C) LOAD WITH NETWORK FIRST, FALLBACK TO CACHE IF OFFLINE
self.addEventListener("fetch", evt => evt.respondWith(
fetch(evt.request).catch(() => caches.match(evt.request))
));*/