@budarin/pluggable-serviceworker 1.0.24 → 1.0.26
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -21
- package/README.md +266 -239
- package/TODO.md +1 -1
- package/package.json +1 -1
package/LICENSE
CHANGED
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
MIT License
|
|
2
|
-
|
|
3
|
-
Copyright (c) 2025 Вадим Бударин
|
|
4
|
-
|
|
5
|
-
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
-
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
-
in the Software without restriction, including without limitation the rights
|
|
8
|
-
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
-
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
-
furnished to do so, subject to the following conditions:
|
|
11
|
-
|
|
12
|
-
The above copyright notice and this permission notice shall be included in all
|
|
13
|
-
copies or substantial portions of the Software.
|
|
14
|
-
|
|
15
|
-
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
-
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
-
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
-
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
-
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
-
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
-
SOFTWARE.
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2025 Вадим Бударин
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
package/README.md
CHANGED
|
@@ -1,239 +1,266 @@
|
|
|
1
|
-
# @budarin/pluggable-serviceworker
|
|
2
|
-
|
|
3
|
-
🔌 Расширяемый через плагины Service Worker
|
|
4
|
-
|
|
5
|
-
Библиотека для создания модульных и расширяемых Service Worker'ов с помощью системы плагинов.
|
|
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
|
-
```typescript
|
|
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
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
##
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
//
|
|
168
|
-
|
|
169
|
-
name: '
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
- **
|
|
215
|
-
- **
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
1
|
+
# @budarin/pluggable-serviceworker
|
|
2
|
+
|
|
3
|
+
🔌 Расширяемый через плагины Service Worker
|
|
4
|
+
|
|
5
|
+
Библиотека для создания модульных и расширяемых Service Worker'ов с помощью системы плагинов.
|
|
6
|
+
|
|
7
|
+
## 🚀 Почему этот пакет облегчает разработку?
|
|
8
|
+
|
|
9
|
+
Разработка Service Worker'ов традиционно сложна из-за необходимости вручную управлять множественными обработчиками событий, обработкой ошибок и порядком выполнения. Этот пакет решает эти проблемы:
|
|
10
|
+
|
|
11
|
+
### 🔌 **Модульная архитектура**
|
|
12
|
+
|
|
13
|
+
- **Плагинная система** позволяет разбивать функциональность на независимые модули
|
|
14
|
+
- Каждый плагин отвечает за свою задачу (кеширование, аутентификация, уведомления)
|
|
15
|
+
- Легко добавлять/удалять функциональность без изменения основного кода
|
|
16
|
+
- Не нужно думать об инфраструктурном коде в обработчиках событий - пишите простой код не думая о сложностях кода самого сервисворкера
|
|
17
|
+
|
|
18
|
+
### 🎯 **Управление порядком выполнения**
|
|
19
|
+
|
|
20
|
+
- **Предсказуемый порядок** - плагины без `order` выполняются первыми, затем по возрастанию `order`
|
|
21
|
+
- **Гибкость** - можно контролировать последовательность инициализации
|
|
22
|
+
- **Масштабируемость** - легко добавлять новые плагины в нужном месте
|
|
23
|
+
|
|
24
|
+
### ⚡ **Оптимизированная логика выполнения**
|
|
25
|
+
|
|
26
|
+
- **Параллельно** для `install`, `activate`, `message`, `sync` - независимые задачи выполняются одновременно
|
|
27
|
+
- **Последовательно** для `fetch`, `push` - первый успешный результат прерывает цепочку
|
|
28
|
+
- **Производительность** - правильный выбор стратегии для каждого типа события
|
|
29
|
+
|
|
30
|
+
### 🛡️ **Централизованная обработка ошибок**
|
|
31
|
+
|
|
32
|
+
- **Единый обработчик** для всех типов ошибок
|
|
33
|
+
- **Типизированные ошибки** - знаешь, что именно сломалось
|
|
34
|
+
- **Изоляция** - ошибка в одном плагине не ломает остальные
|
|
35
|
+
- **Автоматическая обработка** глобальных событий ошибок
|
|
36
|
+
|
|
37
|
+
### 📝 **Удобное логирование**
|
|
38
|
+
|
|
39
|
+
- **Настраиваемый логгер** с разными уровнями
|
|
40
|
+
- **Контекстная информация** в логах
|
|
41
|
+
- **Отладка** становится намного проще
|
|
42
|
+
|
|
43
|
+
## 📦 Установка
|
|
44
|
+
|
|
45
|
+
```bash
|
|
46
|
+
npm install @budarin/pluggable-serviceworker
|
|
47
|
+
```
|
|
48
|
+
|
|
49
|
+
или
|
|
50
|
+
|
|
51
|
+
```bash
|
|
52
|
+
pnpm add @budarin/pluggable-serviceworker
|
|
53
|
+
```
|
|
54
|
+
|
|
55
|
+
## 🚀 Быстрый старт
|
|
56
|
+
|
|
57
|
+
### Базовое использование
|
|
58
|
+
|
|
59
|
+
```typescript
|
|
60
|
+
// sw.js
|
|
61
|
+
import { initializeServiceWorker } from '@budarin/pluggable-serviceworker';
|
|
62
|
+
|
|
63
|
+
// Простой плагин для кеширования
|
|
64
|
+
const cachePlugin = {
|
|
65
|
+
name: 'cache-plugin',
|
|
66
|
+
|
|
67
|
+
install: async (event) => {
|
|
68
|
+
const cache = await caches.open('my-cache-v1');
|
|
69
|
+
await cache.addAll(['/', '/styles.css', '/script.js']);
|
|
70
|
+
},
|
|
71
|
+
|
|
72
|
+
fetch: async (event) => {
|
|
73
|
+
const cachedResponse = await caches.match(event.request);
|
|
74
|
+
return cachedResponse || fetch(event.request);
|
|
75
|
+
},
|
|
76
|
+
};
|
|
77
|
+
|
|
78
|
+
// Инициализация Service Worker с плагинами
|
|
79
|
+
initializeServiceWorker([cachePlugin], { logger: console });
|
|
80
|
+
```
|
|
81
|
+
|
|
82
|
+
### Обработка ошибок
|
|
83
|
+
|
|
84
|
+
Библиотека предоставляет единый обработчик для всех типов ошибок в Service Worker:
|
|
85
|
+
|
|
86
|
+
```typescript
|
|
87
|
+
import {
|
|
88
|
+
initializeServiceWorker,
|
|
89
|
+
ServiceWorkerErrorType,
|
|
90
|
+
} from '@budarin/pluggable-serviceworker';
|
|
91
|
+
|
|
92
|
+
const config = {
|
|
93
|
+
logger: {
|
|
94
|
+
info: (...data) => console.log('[SW INFO]', ...data),
|
|
95
|
+
warn: (...data) => console.warn('[SW WARN]', ...data),
|
|
96
|
+
error: (...data) => console.error('[SW ERROR]', ...data),
|
|
97
|
+
debug: (...data) => console.debug('[SW DEBUG]', ...data),
|
|
98
|
+
},
|
|
99
|
+
onError: (error, event, errorType) => {
|
|
100
|
+
console.log(`Ошибка типа "${errorType}":`, error);
|
|
101
|
+
|
|
102
|
+
switch (errorType) {
|
|
103
|
+
case ServiceWorkerErrorType.ERROR:
|
|
104
|
+
// JavaScript ошибки
|
|
105
|
+
console.error('JavaScript error:', error);
|
|
106
|
+
break;
|
|
107
|
+
|
|
108
|
+
case ServiceWorkerErrorType.MESSAGE_ERROR:
|
|
109
|
+
// Ошибки сообщений
|
|
110
|
+
console.error('Message error:', error);
|
|
111
|
+
break;
|
|
112
|
+
|
|
113
|
+
case ServiceWorkerErrorType.UNHANDLED_REJECTION:
|
|
114
|
+
// Необработанные Promise rejection
|
|
115
|
+
console.error('Unhandled promise rejection:', error);
|
|
116
|
+
break;
|
|
117
|
+
|
|
118
|
+
case ServiceWorkerErrorType.REJECTION_HANDLED:
|
|
119
|
+
// Обработанные Promise rejection
|
|
120
|
+
console.log('Promise rejection handled:', error);
|
|
121
|
+
break;
|
|
122
|
+
|
|
123
|
+
case ServiceWorkerErrorType.PLUGIN_ERROR:
|
|
124
|
+
// Ошибки в плагинах
|
|
125
|
+
console.error('Plugin error:', error);
|
|
126
|
+
break;
|
|
127
|
+
|
|
128
|
+
default:
|
|
129
|
+
// Неизвестные типы ошибок
|
|
130
|
+
console.error('Unknown error type:', error);
|
|
131
|
+
|
|
132
|
+
// Отправка ошибки в аналитику
|
|
133
|
+
fetch('/api/errors', {
|
|
134
|
+
method: 'POST',
|
|
135
|
+
body: JSON.stringify({
|
|
136
|
+
error: error.message,
|
|
137
|
+
eventType: event.type,
|
|
138
|
+
url: event.request?.url,
|
|
139
|
+
timestamp: Date.now(),
|
|
140
|
+
}),
|
|
141
|
+
}).catch(() => {
|
|
142
|
+
// Игнорируем ошибки отправки логов
|
|
143
|
+
});
|
|
144
|
+
}
|
|
145
|
+
},
|
|
146
|
+
};
|
|
147
|
+
|
|
148
|
+
initializeServiceWorker(
|
|
149
|
+
[
|
|
150
|
+
/* ваши плагины */
|
|
151
|
+
],
|
|
152
|
+
config
|
|
153
|
+
);
|
|
154
|
+
```
|
|
155
|
+
|
|
156
|
+
## 🎯 Порядок выполнения
|
|
157
|
+
|
|
158
|
+
Плагины выполняются в следующем порядке:
|
|
159
|
+
|
|
160
|
+
1. **Сначала ВСЕ плагины без `order`** - в том порядке, в котором они были добавлены
|
|
161
|
+
2. **Затем плагины с `order`** - в порядке возрастания значений `order`
|
|
162
|
+
|
|
163
|
+
### Пример:
|
|
164
|
+
|
|
165
|
+
```typescript
|
|
166
|
+
const plugins = [
|
|
167
|
+
{ name: 'first' }, // без order - выполняется первым
|
|
168
|
+
{ name: 'fourth', order: 2 },
|
|
169
|
+
{ name: 'second' }, // без order - выполняется вторым
|
|
170
|
+
{ name: 'third', order: 1 },
|
|
171
|
+
{ name: 'fifth' }, // без order - выполняется третьим
|
|
172
|
+
];
|
|
173
|
+
|
|
174
|
+
// Порядок выполнения: first → second → fifth → third → fourth
|
|
175
|
+
```
|
|
176
|
+
|
|
177
|
+
**Преимущества новой системы:**
|
|
178
|
+
|
|
179
|
+
- 🎯 **Предсказуемость** - плагины без `order` всегда выполняются первыми
|
|
180
|
+
- 🔧 **Простота** - не нужно знать, какие номера уже заняты
|
|
181
|
+
- 📈 **Масштабируемость** - легко добавлять новые плагины в нужном порядке
|
|
182
|
+
|
|
183
|
+
## ⚡ Логика выполнения обработчиков
|
|
184
|
+
|
|
185
|
+
Разные типы событий Service Worker обрабатываются по-разному в зависимости от их специфики:
|
|
186
|
+
|
|
187
|
+
### 🔄 Параллельное выполнение
|
|
188
|
+
|
|
189
|
+
**События:** `install`, `activate`, `message`, `sync`, `periodicsync`
|
|
190
|
+
|
|
191
|
+
Все обработчики выполняются **одновременно** с помощью `Promise.all()`:
|
|
192
|
+
|
|
193
|
+
```typescript
|
|
194
|
+
// Все плагины инициализируются параллельно
|
|
195
|
+
const installPlugin1 = {
|
|
196
|
+
name: 'cache-assets',
|
|
197
|
+
install: async () => {
|
|
198
|
+
/* кеширование ресурсов приложения*/
|
|
199
|
+
},
|
|
200
|
+
};
|
|
201
|
+
const installPlugin2 = {
|
|
202
|
+
name: 'cache-ext',
|
|
203
|
+
install: async () => {
|
|
204
|
+
/* кэширование вспомогательных ресурсов */
|
|
205
|
+
},
|
|
206
|
+
};
|
|
207
|
+
|
|
208
|
+
// Оба install обработчика выполнятся одновременно
|
|
209
|
+
```
|
|
210
|
+
|
|
211
|
+
**Почему параллельно:**
|
|
212
|
+
|
|
213
|
+
- **install/activate**: Все плагины должны инициализироваться независимо
|
|
214
|
+
- **message**: Все плагины должны получить сообщение одновременно
|
|
215
|
+
- **sync**: Разные задачи синхронизации независимы (синхронизация данных + кеша)
|
|
216
|
+
- **periodicsync**: Периодические задачи независимы друг от друга
|
|
217
|
+
|
|
218
|
+
### ➡️ Последовательное выполнение
|
|
219
|
+
|
|
220
|
+
**События:** `fetch`, `push`
|
|
221
|
+
|
|
222
|
+
Обработчики выполняются **по очереди** до первого успешного результата:
|
|
223
|
+
|
|
224
|
+
#### Fetch - с прерыванием цепочки
|
|
225
|
+
|
|
226
|
+
```typescript
|
|
227
|
+
const authPlugin = {
|
|
228
|
+
name: 'auth',
|
|
229
|
+
// Без order - выполняется первым
|
|
230
|
+
fetch: async (event) => {
|
|
231
|
+
if (needsAuth(event.request)) {
|
|
232
|
+
return new Response('Unauthorized', { status: 401 }); // Прерывает цепочку
|
|
233
|
+
}
|
|
234
|
+
return undefined; // Передает следующему плагину
|
|
235
|
+
},
|
|
236
|
+
};
|
|
237
|
+
```
|
|
238
|
+
|
|
239
|
+
**Почему последовательно:**
|
|
240
|
+
|
|
241
|
+
- **fetch**: Нужен только один ответ, первый успешный прерывает цепочку
|
|
242
|
+
- **push**: Избегает конфликтов уведомлений, но все плагины должны обработать событие
|
|
243
|
+
|
|
244
|
+
### 📋 Сводная таблица
|
|
245
|
+
|
|
246
|
+
| Событие | Выполнение | Прерывание | Причина |
|
|
247
|
+
| -------------- | --------------- | ---------- | -------------------------------- |
|
|
248
|
+
| `install` | Параллельно | Нет | Независимая инициализация |
|
|
249
|
+
| `activate` | Параллельно | Нет | Независимая активация |
|
|
250
|
+
| `fetch` | Последовательно | Да | Нужен один ответ |
|
|
251
|
+
| `message` | Параллельно | Нет | Все получают сообщение |
|
|
252
|
+
| `sync` | Параллельно | Нет | Независимые задачи |
|
|
253
|
+
| `periodicsync` | Параллельно | Нет | Независимые периодические задачи |
|
|
254
|
+
| `push` | Последовательно | Нет | Избегание конфликтов |
|
|
255
|
+
|
|
256
|
+
## 🛡️ Обработка ошибок
|
|
257
|
+
|
|
258
|
+
- **Единый обработчик** - все типы ошибок обрабатываются через `config.onError`
|
|
259
|
+
- **Типизированные ошибки** - третий параметр `errorType` указывает тип ошибки
|
|
260
|
+
- **Глобальные события** - автоматическая обработка `error`, `messageerror`, `unhandledrejection`, `rejectionhandled`
|
|
261
|
+
- **Изоляция ошибок** - ошибка в одном плагине не останавливает выполнение других
|
|
262
|
+
- **Безопасность** - ошибки в самих обработчиках ошибок логируются в консоль
|
|
263
|
+
|
|
264
|
+
## 📄 Лицензия
|
|
265
|
+
|
|
266
|
+
MIT © Vadim Budarin
|
package/TODO.md
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
- а что если нужно последовательно выполнить куяу плагинов параллельно ?
|
|
1
|
+
- а что если нужно последовательно выполнить куяу плагинов параллельно ?
|