added article_data.json and config.json. Removed product data from main html

This commit is contained in:
2026-05-28 14:29:07 +02:00
parent f3376e4ff7
commit 6594405d9c
10 changed files with 11368 additions and 28 deletions
+8 -28
View File
@@ -1,16 +1,16 @@
// service-worker.js
// Cache-Strategie: Cache First (offline works, then network)
const CACHE_NAME = 'roll-calculator-v1';
const CACHE_NAME = 'roll-calculator-v3'; // bumped to v2 for new clearance settings
const ASSETS_TO_CACHE = [
'./',
'./roll_calculator_v8.html',
'./roll_calculator_v9.html',
'./article-data.json',
'./config.json',
'./service-worker.js'
];
// Install Event: Cache alle kritischen Assets
// Install Event
self.addEventListener('install', event => {
console.log('[ServiceWorker] Installing...');
event.waitUntil(
@@ -21,7 +21,6 @@ self.addEventListener('install', event => {
console.error('[ServiceWorker] Cache failed:', err);
})
);
// Aktiviere sofort (optional)
self.skipWaiting();
});
@@ -44,52 +43,33 @@ self.addEventListener('activate', event => {
});
// Fetch Event: Cache First Strategy
// 1. Prüfe Cache
// 2. Wenn nicht da, frag Network
// 3. Cache die Response für nächstes Mal
self.addEventListener('fetch', event => {
const url = event.request.url;
// Skip nicht-GET Requests
if (event.request.method !== 'GET') {
return;
}
if (event.request.method !== 'GET') return;
event.respondWith(
caches.match(event.request)
.then(response => {
// Cache HIT
if (response) {
console.log('[ServiceWorker] Cache HIT:', url);
return response;
}
// Cache MISS - versuche Network
console.log('[ServiceWorker] Cache MISS, fetching:', url);
return fetch(event.request)
.then(response => {
// Nur 200er Responses cachen
if (!response || response.status !== 200 || response.type === 'error') {
return response;
}
// Clone die Response (weil sie nur einmal consumable ist)
const responseClone = response.clone();
caches.open(CACHE_NAME).then(cache => {
console.log('[ServiceWorker] Caching response:', url);
cache.put(event.request, responseClone);
});
return response;
})
.catch(err => {
// Network fail - versuche aus Cache
console.log('[ServiceWorker] Network failed, trying cache fallback:', url);
.catch(() => {
return caches.match(event.request).then(response => {
if (response) return response;
// Fallback für offline
console.warn('[ServiceWorker] No cache fallback for:', url);
return new Response('Offline - resource not available', {
status: 503,
statusText: 'Service Unavailable'
@@ -100,4 +80,4 @@ self.addEventListener('fetch', event => {
);
});
console.log('[ServiceWorker] Script loaded');
console.log('[ServiceWorker] Script loaded (v2)');