Security hardening: CSP headers, SW scope gating, save validation

- _headers: add CSP, X-Frame-Options, X-Content-Type-Options, Referrer-Policy, Permissions-Policy, HSTS, COOP, CORP, COEP
- sw.js: gate fetch handler to GET + http(s) + same-origin; return 504 on offline non-document failures; bump cache to v11
- app.js: validate every field of the localStorage save (allowlist species, clamp stats, coerce age, reject oversized payloads, strip HTML-relevant chars from name); apply same sanitizer to rename input
This commit is contained in:
Joel Brock
2026-05-27 12:41:11 -07:00
parent f52f99b647
commit 7bc83a782d
3 changed files with 83 additions and 51 deletions
+24 -27
View File
@@ -1,4 +1,4 @@
const CACHE_NAME = 'tortugotchi-v10';
const CACHE_NAME = 'tortugotchi-v11';
const ASSETS = [
'./',
'./index.html',
@@ -9,43 +9,40 @@ const ASSETS = [
'./icon-512.png'
];
// Install Event
self.addEventListener('install', (e) => {
e.waitUntil(
caches.open(CACHE_NAME).then((cache) => {
console.log('[Service Worker] Caching all app shell assets');
return cache.addAll(ASSETS);
}).then(() => self.skipWaiting())
caches.open(CACHE_NAME)
.then((cache) => cache.addAll(ASSETS))
.then(() => self.skipWaiting())
);
});
// Activate Event
self.addEventListener('activate', (e) => {
e.waitUntil(
caches.keys().then((keys) => {
return Promise.all(
keys.map((key) => {
if (key !== CACHE_NAME) {
console.log('[Service Worker] Removing old cache', key);
return caches.delete(key);
}
})
);
}).then(() => self.clients.claim())
caches.keys()
.then((keys) => Promise.all(
keys.filter((k) => k !== CACHE_NAME).map((k) => caches.delete(k))
))
.then(() => self.clients.claim())
);
});
// Fetch Event
self.addEventListener('fetch', (e) => {
const req = e.request;
// Only handle GETs over http(s) to our own origin. Skip POST/PUT/DELETE,
// chrome-extension://, data:, blob:, ws:, and cross-origin requests so the
// worker can never be coerced into serving the wrong response.
if (req.method !== 'GET') return;
let url;
try { url = new URL(req.url); } catch { return; }
if (url.protocol !== 'https:' && url.protocol !== 'http:') return;
if (url.origin !== self.location.origin) return;
e.respondWith(
caches.match(e.request).then((cachedResponse) => {
// Return cached version or fetch from network
return cachedResponse || fetch(e.request).catch(() => {
// Fallback for document requests if completely offline
if (e.request.destination === 'document') {
return caches.match('./index.html');
}
});
})
caches.match(req).then((cached) => cached || fetch(req).catch(() => {
if (req.destination === 'document') return caches.match('./index.html');
return new Response('', { status: 504, statusText: 'Offline' });
}))
);
});