blob: 8babf788cfc45eafc7f1974ebb8ee032e5e6f8bd (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
|
/**
* Service Worker 등록 유틸리티
*
* 클라이언트 측에서 Service Worker를 등록하고
* 캐시 상태를 확인할 수 있는 헬퍼 함수들
*/
export interface CacheStatus {
total: number;
cached: number;
urls: Array<{ url: string; cached: boolean }>;
}
/**
* Service Worker 등록
*/
export async function registerServiceWorker(): Promise<ServiceWorkerRegistration | null> {
if (typeof window === 'undefined' || !('serviceWorker' in navigator)) {
console.log('Service Worker not supported (supports https or localhost only)');
return null;
}
try {
const registration = await navigator.serviceWorker.register('/service-worker.js', {
scope: '/',
});
console.log('Service Worker registered:', registration);
// 업데이트 확인
registration.addEventListener('updatefound', () => {
const newWorker = registration.installing;
console.log('Service Worker update found');
newWorker?.addEventListener('statechange', () => {
if (newWorker.state === 'installed' && navigator.serviceWorker.controller) {
console.log('New Service Worker available. Refresh to update.');
// 필요시 사용자에게 알림 표시 가능
}
});
});
return registration;
} catch (error) {
console.error('Service Worker registration failed:', error);
return null;
}
}
/**
* Service Worker 캐시 상태 확인
*/
export async function getCacheStatus(): Promise<CacheStatus | null> {
if (typeof window === 'undefined' || !navigator.serviceWorker.controller) {
return null;
}
return new Promise((resolve) => {
const messageChannel = new MessageChannel();
messageChannel.port1.onmessage = (event) => {
resolve(event.data);
};
navigator.serviceWorker.controller.postMessage(
{ type: 'GET_CACHE_STATUS' },
[messageChannel.port2]
);
// 타임아웃 설정 (3초)
setTimeout(() => resolve(null), 3000);
});
}
/**
* Service Worker 캐시 삭제
*/
export async function clearCache(): Promise<boolean> {
if (typeof window === 'undefined' || !navigator.serviceWorker.controller) {
return false;
}
return new Promise((resolve) => {
const messageChannel = new MessageChannel();
messageChannel.port1.onmessage = (event) => {
resolve(event.data.success);
};
navigator.serviceWorker.controller.postMessage(
{ type: 'CLEAR_CACHE' },
[messageChannel.port2]
);
setTimeout(() => resolve(false), 3000);
});
}
/**
* Service Worker 등록 해제
*/
export async function unregisterServiceWorker(): Promise<boolean> {
if (typeof window === 'undefined' || !('serviceWorker' in navigator)) {
return false;
}
try {
const registrations = await navigator.serviceWorker.getRegistrations();
for (const registration of registrations) {
await registration.unregister();
}
return true;
} catch (error) {
console.error('Service Worker unregistration failed:', error);
return false;
}
}
|
