6503d18637
Bisher bekam nur .topbar Safe-Area-Padding, aber .content-wrapper rechnete weiter starr mit --topbar-h. Im PWA-Standalone-Modus auf iPhones mit Notch lief der Kalender dadurch oben in die Status-Bar und unten in den Home-Indicator hinein — die Wochentag-Header und Tagesnummern der ersten Zeile waren verdeckt, die letzte Zeile zu kurz. - .content-wrapper: margin-top und height berechnen jetzt safe-top und safe-bottom mit ein - .sidebar (Mobile-Overlay): top startet ebenfalls unterhalb der vergrösserten Topbar Version v10 → v11.
110 lines
3.2 KiB
JavaScript
110 lines
3.2 KiB
JavaScript
// Calendarr Service Worker
|
|
// Cache-first for static assets, network-first for /api/* (graceful offline)
|
|
|
|
const CACHE_VERSION = 'calendarr-v11';
|
|
const STATIC_ASSETS = [
|
|
'/',
|
|
'/index.html',
|
|
'/manifest.json',
|
|
'/static/css/app.css',
|
|
'/static/favicon.svg',
|
|
'/static/js/app.js',
|
|
'/static/js/api.js',
|
|
'/static/js/calendar.js',
|
|
'/static/js/color-picker.js',
|
|
'/static/js/date-picker.js',
|
|
'/static/js/i18n.js',
|
|
'/static/js/utils.js',
|
|
'/static/js/version.js',
|
|
'/static/js/views/agenda.js',
|
|
'/static/js/views/month.js',
|
|
'/static/js/views/quarter.js',
|
|
'/static/js/views/week.js',
|
|
'/icons/icon-192.png',
|
|
'/icons/icon-512.png',
|
|
'/icons/icon.svg',
|
|
];
|
|
|
|
self.addEventListener('install', event => {
|
|
event.waitUntil(
|
|
caches.open(CACHE_VERSION).then(cache =>
|
|
// Use addAll with a fallback so a single missing file doesn't abort install
|
|
Promise.all(
|
|
STATIC_ASSETS.map(url =>
|
|
cache.add(url).catch(err => console.warn('[SW] skip', url, err))
|
|
)
|
|
)
|
|
).then(() => self.skipWaiting())
|
|
);
|
|
});
|
|
|
|
self.addEventListener('activate', event => {
|
|
event.waitUntil(
|
|
caches.keys().then(keys =>
|
|
Promise.all(keys.filter(k => k !== CACHE_VERSION).map(k => caches.delete(k)))
|
|
).then(() => self.clients.claim())
|
|
);
|
|
});
|
|
|
|
self.addEventListener('fetch', event => {
|
|
const req = event.request;
|
|
if (req.method !== 'GET') return;
|
|
|
|
const url = new URL(req.url);
|
|
|
|
// Network-first for API routes — fail silently if offline
|
|
if (url.pathname.startsWith('/api/')) {
|
|
event.respondWith(
|
|
fetch(req).catch(() =>
|
|
new Response(JSON.stringify({ offline: true }), {
|
|
status: 503,
|
|
headers: { 'Content-Type': 'application/json' },
|
|
})
|
|
)
|
|
);
|
|
return;
|
|
}
|
|
|
|
// Network-first for navigation (HTML) and the version-defining files —
|
|
// ensures users always get the freshest entry point so new releases
|
|
// take effect on the next reload without a manual SW unregister.
|
|
const isHtml = req.mode === 'navigate'
|
|
|| url.pathname === '/'
|
|
|| url.pathname === '/index.html';
|
|
const isVersionFile = url.pathname === '/static/js/version.js';
|
|
|
|
if (isHtml || isVersionFile) {
|
|
event.respondWith(
|
|
fetch(req).then(resp => {
|
|
if (resp && resp.status === 200) {
|
|
const clone = resp.clone();
|
|
caches.open(CACHE_VERSION).then(c => c.put(req, clone)).catch(() => {});
|
|
}
|
|
return resp;
|
|
}).catch(() =>
|
|
caches.match(req).then(c => c || caches.match('/index.html'))
|
|
)
|
|
);
|
|
return;
|
|
}
|
|
|
|
// Cache-first for everything else (static)
|
|
event.respondWith(
|
|
caches.match(req).then(cached => {
|
|
if (cached) return cached;
|
|
return fetch(req).then(resp => {
|
|
// Only cache successful, basic-origin responses
|
|
if (resp && resp.status === 200 && resp.type === 'basic') {
|
|
const clone = resp.clone();
|
|
caches.open(CACHE_VERSION).then(c => c.put(req, clone)).catch(() => {});
|
|
}
|
|
return resp;
|
|
}).catch(() => {
|
|
// Offline fallback for navigation requests
|
|
if (req.mode === 'navigate') return caches.match('/index.html');
|
|
return new Response('', { status: 503 });
|
|
});
|
|
})
|
|
);
|
|
});
|