UNPKG

30.3 kBJavaScriptView Raw
1(function (global, factory) {
2 typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
3 typeof define === 'function' && define.amd ? define(['exports'], factory) :
4 (global = global || self, factory(global.workbox = {}));
5}(this, function (exports) { 'use strict';
6
7 try {
8 self['workbox:window:4.1.1'] && _();
9 } catch (e) {} // eslint-disable-line
10
11 /*
12 Copyright 2019 Google LLC
13
14 Use of this source code is governed by an MIT-style
15 license that can be found in the LICENSE file or at
16 https://opensource.org/licenses/MIT.
17 */
18 /**
19 * Sends a data object to a service worker via `postMessage` and resolves with
20 * a response (if any).
21 *
22 * A response can be set in a message handler in the service worker by
23 * calling `event.ports[0].postMessage(...)`, which will resolve the promise
24 * returned by `messageSW()`. If no response is set, the promise will not
25 * resolve.
26 *
27 * @param {ServiceWorker} sw The service worker to send the message to.
28 * @param {Object} data An object to send to the service worker.
29 * @return {Promise<Object|undefined>}
30 *
31 * @memberof module:workbox-window
32 */
33
34 var messageSW = function messageSW(sw, data) {
35 return new Promise(function (resolve) {
36 var messageChannel = new MessageChannel();
37
38 messageChannel.port1.onmessage = function (evt) {
39 return resolve(evt.data);
40 };
41
42 sw.postMessage(data, [messageChannel.port2]);
43 });
44 };
45
46 function _defineProperties(target, props) {
47 for (var i = 0; i < props.length; i++) {
48 var descriptor = props[i];
49 descriptor.enumerable = descriptor.enumerable || false;
50 descriptor.configurable = true;
51 if ("value" in descriptor) descriptor.writable = true;
52 Object.defineProperty(target, descriptor.key, descriptor);
53 }
54 }
55
56 function _createClass(Constructor, protoProps, staticProps) {
57 if (protoProps) _defineProperties(Constructor.prototype, protoProps);
58 if (staticProps) _defineProperties(Constructor, staticProps);
59 return Constructor;
60 }
61
62 function _inheritsLoose(subClass, superClass) {
63 subClass.prototype = Object.create(superClass.prototype);
64 subClass.prototype.constructor = subClass;
65 subClass.__proto__ = superClass;
66 }
67
68 function _assertThisInitialized(self) {
69 if (self === void 0) {
70 throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
71 }
72
73 return self;
74 }
75
76 try {
77 self['workbox:core:4.1.1'] && _();
78 } catch (e) {} // eslint-disable-line
79
80 /*
81 Copyright 2018 Google LLC
82
83 Use of this source code is governed by an MIT-style
84 license that can be found in the LICENSE file or at
85 https://opensource.org/licenses/MIT.
86 */
87 /**
88 * The Deferred class composes Promises in a way that allows for them to be
89 * resolved or rejected from outside the constructor. In most cases promises
90 * should be used directly, but Deferreds can be necessary when the logic to
91 * resolve a promise must be separate.
92 *
93 * @private
94 */
95
96 var Deferred =
97 /**
98 * Creates a promise and exposes its resolve and reject functions as methods.
99 */
100 function Deferred() {
101 var _this = this;
102
103 this.promise = new Promise(function (resolve, reject) {
104 _this.resolve = resolve;
105 _this.reject = reject;
106 });
107 };
108
109 /*
110 Copyright 2019 Google LLC
111 Use of this source code is governed by an MIT-style
112 license that can be found in the LICENSE file or at
113 https://opensource.org/licenses/MIT.
114 */
115 var logger = function () {
116 var inGroup = false;
117 var methodToColorMap = {
118 debug: "#7f8c8d",
119 // Gray
120 log: "#2ecc71",
121 // Green
122 warn: "#f39c12",
123 // Yellow
124 error: "#c0392b",
125 // Red
126 groupCollapsed: "#3498db",
127 // Blue
128 groupEnd: null // No colored prefix on groupEnd
129
130 };
131
132 var print = function print(method, args) {
133 var _console2;
134
135 if (method === 'groupCollapsed') {
136 // Safari doesn't print all console.groupCollapsed() arguments:
137 // https://bugs.webkit.org/show_bug.cgi?id=182754
138 if (/^((?!chrome|android).)*safari/i.test(navigator.userAgent)) {
139 var _console;
140
141 (_console = console)[method].apply(_console, args);
142
143 return;
144 }
145 }
146
147 var styles = ["background: " + methodToColorMap[method], "border-radius: 0.5em", "color: white", "font-weight: bold", "padding: 2px 0.5em"]; // When in a group, the workbox prefix is not displayed.
148
149 var logPrefix = inGroup ? [] : ['%cworkbox', styles.join(';')];
150
151 (_console2 = console)[method].apply(_console2, logPrefix.concat(args));
152
153 if (method === 'groupCollapsed') {
154 inGroup = true;
155 }
156
157 if (method === 'groupEnd') {
158 inGroup = false;
159 }
160 };
161
162 var api = {};
163
164 var _arr = Object.keys(methodToColorMap);
165
166 var _loop = function _loop() {
167 var method = _arr[_i];
168
169 api[method] = function () {
170 for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
171 args[_key] = arguments[_key];
172 }
173
174 print(method, args);
175 };
176 };
177
178 for (var _i = 0; _i < _arr.length; _i++) {
179 _loop();
180 }
181
182 return api;
183 }();
184
185 /*
186 Copyright 2019 Google LLC
187
188 Use of this source code is governed by an MIT-style
189 license that can be found in the LICENSE file or at
190 https://opensource.org/licenses/MIT.
191 */
192 /**
193 * A minimal `EventTarget` shim.
194 * This is necessary because not all browsers support constructable
195 * `EventTarget`, so using a real `EventTarget` will error.
196 * @private
197 */
198
199 var EventTargetShim =
200 /*#__PURE__*/
201 function () {
202 /**
203 * Creates an event listener registry
204 */
205 function EventTargetShim() {
206 // A registry of event types to listeners.
207 this._eventListenerRegistry = {};
208 }
209 /**
210 * @param {string} type
211 * @param {Function} listener
212 */
213
214
215 var _proto = EventTargetShim.prototype;
216
217 _proto.addEventListener = function addEventListener(type, listener) {
218 this._getEventListenersByType(type).add(listener);
219 };
220 /**
221 * @param {string} type
222 * @param {Function} listener
223 */
224
225
226 _proto.removeEventListener = function removeEventListener(type, listener) {
227 this._getEventListenersByType(type).delete(listener);
228 };
229 /**
230 * @param {Event} event
231 */
232
233
234 _proto.dispatchEvent = function dispatchEvent(event) {
235 event.target = this;
236
237 this._getEventListenersByType(event.type).forEach(function (listener) {
238 return listener(event);
239 });
240 };
241 /**
242 * Returns a Set of listeners associated with the passed event type.
243 * If no handlers have been registered, an empty Set is returned.
244 *
245 * @param {string} type The event type.
246 * @return {Set} An array of handler functions.
247 */
248
249
250 _proto._getEventListenersByType = function _getEventListenersByType(type) {
251 return this._eventListenerRegistry[type] = this._eventListenerRegistry[type] || new Set();
252 };
253
254 return EventTargetShim;
255 }();
256
257 /*
258 Copyright 2019 Google LLC
259
260 Use of this source code is governed by an MIT-style
261 license that can be found in the LICENSE file or at
262 https://opensource.org/licenses/MIT.
263 */
264 /**
265 * Returns true if two URLs have the same `.href` property. The URLS can be
266 * relative, and if they are the current location href is used to resolve URLs.
267 *
268 * @private
269 * @param {string} url1
270 * @param {string} url2
271 * @return {boolean}
272 */
273
274 var urlsMatch = function urlsMatch(url1, url2) {
275 return new URL(url1, location).href === new URL(url2, location).href;
276 };
277
278 /*
279 Copyright 2019 Google LLC
280
281 Use of this source code is governed by an MIT-style
282 license that can be found in the LICENSE file or at
283 https://opensource.org/licenses/MIT.
284 */
285 /**
286 * A minimal `Event` subclass shim.
287 * This doesn't *actually* subclass `Event` because not all browsers support
288 * constructable `EventTarget`, and using a real `Event` will error.
289 * @private
290 */
291
292 var WorkboxEvent =
293 /**
294 * @param {string} type
295 * @param {Object} props
296 */
297 function WorkboxEvent(type, props) {
298 Object.assign(this, props, {
299 type: type
300 });
301 };
302
303 function _catch(body, recover) {
304 try {
305 var result = body();
306 } catch (e) {
307 return recover(e);
308 }
309
310 if (result && result.then) {
311 return result.then(void 0, recover);
312 }
313
314 return result;
315 }
316
317 function _async(f) {
318 return function () {
319 for (var args = [], i = 0; i < arguments.length; i++) {
320 args[i] = arguments[i];
321 }
322
323 try {
324 return Promise.resolve(f.apply(this, args));
325 } catch (e) {
326 return Promise.reject(e);
327 }
328 };
329 }
330
331 function _invoke(body, then) {
332 var result = body();
333
334 if (result && result.then) {
335 return result.then(then);
336 }
337
338 return then(result);
339 }
340
341 function _await(value, then, direct) {
342 if (direct) {
343 return then ? then(value) : value;
344 }
345
346 if (!value || !value.then) {
347 value = Promise.resolve(value);
348 }
349
350 return then ? value.then(then) : value;
351 }
352
353 function _awaitIgnored(value, direct) {
354 if (!direct) {
355 return value && value.then ? value.then(_empty) : Promise.resolve();
356 }
357 }
358
359 function _empty() {}
360 // `skipWaiting()` wasn't called. This 200 amount wasn't scientifically
361 // chosen, but it seems to avoid false positives in my testing.
362
363 var WAITING_TIMEOUT_DURATION = 200; // The amount of time after a registration that we can reasonably conclude
364 // that the registration didn't trigger an update.
365
366 var REGISTRATION_TIMEOUT_DURATION = 60000;
367 /**
368 * A class to aid in handling service worker registration, updates, and
369 * reacting to service worker lifecycle events.
370 *
371 * @fires [message]{@link module:workbox-window.Workbox#message}
372 * @fires [installed]{@link module:workbox-window.Workbox#installed}
373 * @fires [waiting]{@link module:workbox-window.Workbox#waiting}
374 * @fires [controlling]{@link module:workbox-window.Workbox#controlling}
375 * @fires [activated]{@link module:workbox-window.Workbox#activated}
376 * @fires [redundant]{@link module:workbox-window.Workbox#redundant}
377 * @fires [externalinstalled]{@link module:workbox-window.Workbox#externalinstalled}
378 * @fires [externalwaiting]{@link module:workbox-window.Workbox#externalwaiting}
379 * @fires [externalactivated]{@link module:workbox-window.Workbox#externalactivated}
380 *
381 * @memberof module:workbox-window
382 */
383
384 var Workbox =
385 /*#__PURE__*/
386 function (_EventTargetShim) {
387 _inheritsLoose(Workbox, _EventTargetShim);
388
389 /**
390 * Creates a new Workbox instance with a script URL and service worker
391 * options. The script URL and options are the same as those used when
392 * calling `navigator.serviceWorker.register(scriptURL, options)`. See:
393 * https://developer.mozilla.org/en-US/docs/Web/API/ServiceWorkerContainer/register
394 *
395 * @param {string} scriptURL The service worker script associated with this
396 * instance.
397 * @param {Object} [registerOptions] The service worker options associated
398 * with this instance.
399 */
400 function Workbox(scriptURL, registerOptions) {
401 var _this;
402
403 if (registerOptions === void 0) {
404 registerOptions = {};
405 }
406
407 _this = _EventTargetShim.call(this) || this;
408 _this._scriptURL = scriptURL;
409 _this._registerOptions = registerOptions;
410 _this._updateFoundCount = 0; // Deferreds we can resolve later.
411
412 _this._swDeferred = new Deferred();
413 _this._activeDeferred = new Deferred();
414 _this._controllingDeferred = new Deferred(); // Bind event handler callbacks.
415
416 _this._onMessage = _this._onMessage.bind(_assertThisInitialized(_assertThisInitialized(_this)));
417 _this._onStateChange = _this._onStateChange.bind(_assertThisInitialized(_assertThisInitialized(_this)));
418 _this._onUpdateFound = _this._onUpdateFound.bind(_assertThisInitialized(_assertThisInitialized(_this)));
419 _this._onControllerChange = _this._onControllerChange.bind(_assertThisInitialized(_assertThisInitialized(_this)));
420 return _this;
421 }
422 /**
423 * Registers a service worker for this instances script URL and service
424 * worker options. By default this method delays registration until after
425 * the window has loaded.
426 *
427 * @param {Object} [options]
428 * @param {Function} [options.immediate=false] Setting this to true will
429 * register the service worker immediately, even if the window has
430 * not loaded (not recommended).
431 */
432
433
434 var _proto = Workbox.prototype;
435 _proto.register = _async(function (_temp) {
436 var _this2 = this;
437
438 var _ref = _temp === void 0 ? {} : _temp,
439 _ref$immediate = _ref.immediate,
440 immediate = _ref$immediate === void 0 ? false : _ref$immediate;
441
442 {
443 if (_this2._registrationTime) {
444 logger.error('Cannot re-register a Workbox instance after it has ' + 'been registered. Create a new instance instead.');
445 return;
446 }
447 }
448
449 return _invoke(function () {
450 if (!immediate && document.readyState !== 'complete') {
451 return _awaitIgnored(new Promise(function (res) {
452 return addEventListener('load', res);
453 }));
454 }
455 }, function () {
456 // Set this flag to true if any service worker was controlling the page
457 // at registration time.
458 _this2._isUpdate = Boolean(navigator.serviceWorker.controller); // Before registering, attempt to determine if a SW is already controlling
459 // the page, and if that SW script (and version, if specified) matches this
460 // instance's script.
461
462 _this2._compatibleControllingSW = _this2._getControllingSWIfCompatible();
463 return _await(_this2._registerScript(), function (_this2$_registerScrip) {
464 _this2._registration = _this2$_registerScrip;
465
466 // If we have a compatible controller, store the controller as the "own"
467 // SW, resolve active/controlling deferreds and add necessary listeners.
468 if (_this2._compatibleControllingSW) {
469 _this2._sw = _this2._compatibleControllingSW;
470
471 _this2._activeDeferred.resolve(_this2._compatibleControllingSW);
472
473 _this2._controllingDeferred.resolve(_this2._compatibleControllingSW);
474
475 _this2._reportWindowReady(_this2._compatibleControllingSW);
476
477 _this2._compatibleControllingSW.addEventListener('statechange', _this2._onStateChange, {
478 once: true
479 });
480 } // If there's a waiting service worker with a matching URL before the
481 // `updatefound` event fires, it likely means that this site is open
482 // in another tab, or the user refreshed the page (and thus the prevoius
483 // page wasn't fully unloaded before this page started loading).
484 // https://developers.google.com/web/fundamentals/primers/service-workers/lifecycle#waiting
485
486
487 var waitingSW = _this2._registration.waiting;
488
489 if (waitingSW && urlsMatch(waitingSW.scriptURL, _this2._scriptURL)) {
490 // Store the waiting SW as the "own" Sw, even if it means overwriting
491 // a compatible controller.
492 _this2._sw = waitingSW; // Run this in the next microtask, so any code that adds an event
493 // listener after awaiting `register()` will get this event.
494
495 Promise.resolve().then(function () {
496 _this2.dispatchEvent(new WorkboxEvent('waiting', {
497 sw: waitingSW,
498 wasWaitingBeforeRegister: true
499 }));
500
501 {
502 logger.warn('A service worker was already waiting to activate ' + 'before this script was registered...');
503 }
504 });
505 } // If an "own" SW is already set, resolve the deferred.
506
507
508 if (_this2._sw) {
509 _this2._swDeferred.resolve(_this2._sw);
510 }
511
512 {
513 logger.log('Successfully registered service worker.', _this2._scriptURL);
514
515 if (navigator.serviceWorker.controller) {
516 if (_this2._compatibleControllingSW) {
517 logger.debug('A service worker with the same script URL ' + 'is already controlling this page.');
518 } else {
519 logger.debug('A service worker with a different script URL is ' + 'currently controlling the page. The browser is now fetching ' + 'the new script now...');
520 }
521 }
522
523 var currentPageIsOutOfScope = function currentPageIsOutOfScope() {
524 var scopeURL = new URL(_this2._registerOptions.scope || _this2._scriptURL, document.baseURI);
525 var scopeURLBasePath = new URL('./', scopeURL.href).pathname;
526 return !location.pathname.startsWith(scopeURLBasePath);
527 };
528
529 if (currentPageIsOutOfScope()) {
530 logger.warn('The current page is not in scope for the registered ' + 'service worker. Was this a mistake?');
531 }
532 }
533
534 _this2._registration.addEventListener('updatefound', _this2._onUpdateFound);
535
536 navigator.serviceWorker.addEventListener('controllerchange', _this2._onControllerChange, {
537 once: true
538 }); // Add message listeners.
539
540 if ('BroadcastChannel' in self) {
541 _this2._broadcastChannel = new BroadcastChannel('workbox');
542
543 _this2._broadcastChannel.addEventListener('message', _this2._onMessage);
544 }
545
546 navigator.serviceWorker.addEventListener('message', _this2._onMessage);
547 return _this2._registration;
548 });
549 });
550 });
551 /**
552 * Resolves to the service worker registered by this instance as soon as it
553 * is active. If a service worker was already controlling at registration
554 * time then it will resolve to that if the script URLs (and optionally
555 * script versions) match, otherwise it will wait until an update is found
556 * and activates.
557 *
558 * @return {Promise<ServiceWorker>}
559 */
560
561 /**
562 * Resolves with a reference to a service worker that matches the script URL
563 * of this instance, as soon as it's available.
564 *
565 * If, at registration time, there's already an active or waiting service
566 * worker with a matching script URL, it will be used (with the waiting
567 * service worker taking precedence over the active service worker if both
568 * match, since the waiting service worker would have been registered more
569 * recently).
570 * If there's no matching active or waiting service worker at registration
571 * time then the promise will not resolve until an update is found and starts
572 * installing, at which point the installing service worker is used.
573 *
574 * @return {Promise<ServiceWorker>}
575 */
576 _proto.getSW = _async(function () {
577 var _this3 = this;
578
579 // If `this._sw` is set, resolve with that as we want `getSW()` to
580 // return the correct (new) service worker if an update is found.
581 return _this3._sw || _this3._swDeferred.promise;
582 });
583 /**
584 * Sends the passed data object to the service worker registered by this
585 * instance (via [`getSW()`]{@link module:workbox-window.Workbox#getSW}) and resolves
586 * with a response (if any).
587 *
588 * A response can be set in a message handler in the service worker by
589 * calling `event.ports[0].postMessage(...)`, which will resolve the promise
590 * returned by `messageSW()`. If no response is set, the promise will never
591 * resolve.
592 *
593 * @param {Object} data An object to send to the service worker
594 * @return {Promise<Object>}
595 */
596
597 _proto.messageSW = _async(function (data) {
598 var _this4 = this;
599
600 return _await(_this4.getSW(), function (sw) {
601 return messageSW(sw, data);
602 });
603 });
604 /**
605 * Checks for a service worker already controlling the page and returns
606 * it if its script URL matchs.
607 *
608 * @private
609 * @return {ServiceWorker|undefined}
610 */
611
612 _proto._getControllingSWIfCompatible = function _getControllingSWIfCompatible() {
613 var controller = navigator.serviceWorker.controller;
614
615 if (controller && urlsMatch(controller.scriptURL, this._scriptURL)) {
616 return controller;
617 }
618 };
619 /**
620 * Registers a service worker for this instances script URL and register
621 * options and tracks the time registration was complete.
622 *
623 * @private
624 */
625
626
627 _proto._registerScript = _async(function () {
628 var _this5 = this;
629
630 return _catch(function () {
631 return _await(navigator.serviceWorker.register(_this5._scriptURL, _this5._registerOptions), function (reg) {
632 // Keep track of when registration happened, so it can be used in the
633 // `this._onUpdateFound` heuristic. Also use the presence of this
634 // property as a way to see if `.register()` has been called.
635 _this5._registrationTime = performance.now();
636 return reg;
637 });
638 }, function (error) {
639 {
640 logger.error(error);
641 } // Re-throw the error.
642
643
644 throw error;
645 });
646 });
647 /**
648 * Sends a message to the passed service worker that the window is ready.
649 *
650 * @param {ServiceWorker} sw
651 * @private
652 */
653
654 _proto._reportWindowReady = function _reportWindowReady(sw) {
655 messageSW(sw, {
656 type: 'WINDOW_READY',
657 meta: 'workbox-window'
658 });
659 };
660 /**
661 * @private
662 */
663
664
665 _proto._onUpdateFound = function _onUpdateFound() {
666 var installingSW = this._registration.installing; // If the script URL passed to `navigator.serviceWorker.register()` is
667 // different from the current controlling SW's script URL, we know any
668 // successful registration calls will trigger an `updatefound` event.
669 // But if the registered script URL is the same as the current controlling
670 // SW's script URL, we'll only get an `updatefound` event if the file
671 // changed since it was last registered. This can be a problem if the user
672 // opens up the same page in a different tab, and that page registers
673 // a SW that triggers an update. It's a problem because this page has no
674 // good way of knowing whether the `updatefound` event came from the SW
675 // script it registered or from a registration attempt made by a newer
676 // version of the page running in another tab.
677 // To minimize the possibility of a false positive, we use the logic here:
678
679 var updateLikelyTriggeredExternally = // Since we enforce only calling `register()` once, and since we don't
680 // add the `updatefound` event listener until the `register()` call, if
681 // `_updateFoundCount` is > 0 then it means this method has already
682 // been called, thus this SW must be external
683 this._updateFoundCount > 0 || // If the script URL of the installing SW is different from this
684 // instance's script URL, we know it's definitely not from our
685 // registration.
686 !urlsMatch(installingSW.scriptURL, this._scriptURL) || // If all of the above are false, then we use a time-based heuristic:
687 // Any `updatefound` event that occurs long after our registration is
688 // assumed to be external.
689 performance.now() > this._registrationTime + REGISTRATION_TIMEOUT_DURATION ? // If any of the above are not true, we assume the update was
690 // triggered by this instance.
691 true : false;
692
693 if (updateLikelyTriggeredExternally) {
694 this._externalSW = installingSW;
695
696 this._registration.removeEventListener('updatefound', this._onUpdateFound);
697 } else {
698 // If the update was not triggered externally we know the installing
699 // SW is the one we registered, so we set it.
700 this._sw = installingSW;
701
702 this._swDeferred.resolve(installingSW); // The `installing` state isn't something we have a dedicated
703 // callback for, but we do log messages for it in development.
704
705
706 {
707 if (navigator.serviceWorker.controller) {
708 logger.log('Updated service worker found. Installing now...');
709 } else {
710 logger.log('Service worker is installing...');
711 }
712 }
713 } // Increment the `updatefound` count, so future invocations of this
714 // method can be sure they were triggered externally.
715
716
717 ++this._updateFoundCount; // Add a `statechange` listener regardless of whether this update was
718 // triggered externally, since we have callbacks for both.
719
720 installingSW.addEventListener('statechange', this._onStateChange);
721 };
722 /**
723 * @private
724 * @param {Event} originalEvent
725 */
726
727
728 _proto._onStateChange = function _onStateChange(originalEvent) {
729 var _this6 = this;
730
731 var sw = originalEvent.target;
732 var state = sw.state;
733 var isExternal = sw === this._externalSW;
734 var eventPrefix = isExternal ? 'external' : '';
735 var eventProps = {
736 sw: sw,
737 originalEvent: originalEvent
738 };
739
740 if (!isExternal && this._isUpdate) {
741 eventProps.isUpdate = true;
742 }
743
744 this.dispatchEvent(new WorkboxEvent(eventPrefix + state, eventProps));
745
746 if (state === 'installed') {
747 // This timeout is used to ignore cases where the service worker calls
748 // `skipWaiting()` in the install event, thus moving it directly in the
749 // activating state. (Since all service workers *must* go through the
750 // waiting phase, the only way to detect `skipWaiting()` called in the
751 // install event is to observe that the time spent in the waiting phase
752 // is very short.)
753 // NOTE: we don't need separate timeouts for the own and external SWs
754 // since they can't go through these phases at the same time.
755 this._waitingTimeout = setTimeout(function () {
756 // Ensure the SW is still waiting (it may now be redundant).
757 if (state === 'installed' && _this6._registration.waiting === sw) {
758 _this6.dispatchEvent(new WorkboxEvent(eventPrefix + 'waiting', eventProps));
759
760 {
761 if (isExternal) {
762 logger.warn('An external service worker has installed but is ' + 'waiting for this client to close before activating...');
763 } else {
764 logger.warn('The service worker has installed but is waiting ' + 'for existing clients to close before activating...');
765 }
766 }
767 }
768 }, WAITING_TIMEOUT_DURATION);
769 } else if (state === 'activating') {
770 clearTimeout(this._waitingTimeout);
771
772 if (!isExternal) {
773 this._activeDeferred.resolve(sw);
774 }
775 }
776
777 {
778 switch (state) {
779 case 'installed':
780 if (isExternal) {
781 logger.warn('An external service worker has installed. ' + 'You may want to suggest users reload this page.');
782 } else {
783 logger.log('Registered service worker installed.');
784 }
785
786 break;
787
788 case 'activated':
789 if (isExternal) {
790 logger.warn('An external service worker has activated.');
791 } else {
792 logger.log('Registered service worker activated.');
793
794 if (sw !== navigator.serviceWorker.controller) {
795 logger.warn('The registered service worker is active but ' + 'not yet controlling the page. Reload or run ' + '`clients.claim()` in the service worker.');
796 }
797 }
798
799 break;
800
801 case 'redundant':
802 if (sw === this._compatibleControllingSW) {
803 logger.log('Previously controlling service worker now redundant!');
804 } else if (!isExternal) {
805 logger.log('Registered service worker now redundant!');
806 }
807
808 break;
809 }
810 }
811 };
812 /**
813 * @private
814 * @param {Event} originalEvent
815 */
816
817
818 _proto._onControllerChange = function _onControllerChange(originalEvent) {
819 var sw = this._sw;
820
821 if (sw === navigator.serviceWorker.controller) {
822 this.dispatchEvent(new WorkboxEvent('controlling', {
823 sw: sw,
824 originalEvent: originalEvent
825 }));
826
827 {
828 logger.log('Registered service worker now controlling this page.');
829 }
830
831 this._controllingDeferred.resolve(sw);
832 }
833 };
834 /**
835 * @private
836 * @param {Event} originalEvent
837 */
838
839
840 _proto._onMessage = function _onMessage(originalEvent) {
841 var data = originalEvent.data;
842 this.dispatchEvent(new WorkboxEvent('message', {
843 data: data,
844 originalEvent: originalEvent
845 }));
846 };
847
848 _createClass(Workbox, [{
849 key: "active",
850 get: function get() {
851 return this._activeDeferred.promise;
852 }
853 /**
854 * Resolves to the service worker registered by this instance as soon as it
855 * is controlling the page. If a service worker was already controlling at
856 * registration time then it will resolve to that if the script URLs (and
857 * optionally script versions) match, otherwise it will wait until an update
858 * is found and starts controlling the page.
859 * Note: the first time a service worker is installed it will active but
860 * not start controlling the page unless `clients.claim()` is called in the
861 * service worker.
862 *
863 * @return {Promise<ServiceWorker>}
864 */
865
866 }, {
867 key: "controlling",
868 get: function get() {
869 return this._controllingDeferred.promise;
870 }
871 }]);
872
873 return Workbox;
874 }(EventTargetShim); // The jsdoc comments below outline the events this instance may dispatch:
875
876 /*
877 Copyright 2019 Google LLC
878
879 Use of this source code is governed by an MIT-style
880 license that can be found in the LICENSE file or at
881 https://opensource.org/licenses/MIT.
882 */
883
884 exports.Workbox = Workbox;
885 exports.messageSW = messageSW;
886
887 Object.defineProperty(exports, '__esModule', { value: true });
888
889}));
890