robin/Dramlog-Prod
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: enable SW on localhost and optimize pre-cache sequence for faster feedback

Browse Source
This commit is contained in:
robin
2025-12-21 00:18:38 +01:00
parent 716afce2ae
commit f0cb661d91
3 changed files with 13 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/OfflineIndicator.tsx
View File

@@ -20,7 +20,7 @@ export default function OfflineIndicator() {
if (event.data?.type === 'PRECACHE_PROGRESS') {
setProgress(event.data.progress);
}
if (event.data?.type === 'PRECACHE_COMPLETE' || event.data?.type === 'BUNKER_STATUS') {
if (event.data?.type === 'PRECACHE_COMPLETE' || event.data?.type === 'OFFLINE_STATUS') {
setIsReady(true);
localStorage.setItem('whisky_bunker_ready', 'true');
}
@@ -32,7 +32,7 @@ export default function OfflineIndicator() {
if ('serviceWorker' in navigator) {
navigator.serviceWorker.addEventListener('message', handleMessage);
if (navigator.serviceWorker.controller) {
navigator.serviceWorker.controller.postMessage({ type: 'CHECK_BUNKER_STATUS' });
navigator.serviceWorker.controller.postMessage({ type: 'CHECK_OFFLINE_STATUS' });
}
}
@@ -72,7 +72,7 @@ export default function OfflineIndicator() {
<div className="flex items-center gap-1.5 px-2.5 py-1 bg-amber-600/10 border border-amber-600/20 rounded-full">
<Loader2 size={10} className="text-amber-600 animate-spin" />
<span className="text-[9px] font-black uppercase tracking-widest text-amber-600">
{progress > 0 ? `Lade Offline-Daten... ${progress}%` : 'Initialisiere...'}
{progress > 0 ? `Lade Offline-Daten... ${progress}%` : 'Offline-Modus wird vorbereitet...'}
</span>
</div>
);

2
src/components/PWARegistration.tsx
View File

@@ -4,7 +4,7 @@ import { useEffect } from 'react';
export default function PWARegistration() {
useEffect(() => {
if ('serviceWorker' in navigator && window.location.hostname !== 'localhost') {
if ('serviceWorker' in navigator) {
window.addEventListener('load', () => {
navigator.serviceWorker
.register('/sw.js')