b9a91a5e74
Currently a bug exists where attempting to inject SwPush crashes the application if Service Workers are unsupported. This happens because SwPush doesn't properly detect that navigator.serviceWorker isn't set. This change ensures that all passive observation of SwPush and SwUpdate doesn't cause crashes, and that calling methods to perform actions on them results in rejected Promises. It's up to applications to detect when those services are not available, and refrain from attempting to use them. To that end, this change also adds an `isSupported` getter to both services, so users don't have to rely on feature detection directly with browser APIs. Currently this simply detects whether the SW API is present, but in the future it will be expanded to detect whether a particular browser supports specific APIs (such as push notifications, for example).
102 lines
3.7 KiB
TypeScript
102 lines
3.7 KiB
TypeScript
/**
|
|
* @license
|
|
* Copyright Google Inc. All Rights Reserved.
|
|
*
|
|
* Use of this source code is governed by an MIT-style license that can be
|
|
* found in the LICENSE file at https://angular.io/license
|
|
*/
|
|
|
|
import {Injectable} from '@angular/core';
|
|
import {Observable} from 'rxjs/Observable';
|
|
import {Subject} from 'rxjs/Subject';
|
|
import {merge as obs_merge} from 'rxjs/observable/merge';
|
|
import {never as obs_never} from 'rxjs/observable/never';
|
|
import {map as op_map} from 'rxjs/operator/map';
|
|
import {switchMap as op_switchMap} from 'rxjs/operator/switchMap';
|
|
import {take as op_take} from 'rxjs/operator/take';
|
|
import {toPromise as op_toPromise} from 'rxjs/operator/toPromise';
|
|
|
|
import {ERR_SW_NOT_SUPPORTED, NgswCommChannel} from './low_level';
|
|
|
|
|
|
/**
|
|
* Subscribe and listen to push notifications from the Service Worker.
|
|
*
|
|
* @experimental
|
|
*/
|
|
@Injectable()
|
|
export class SwPush {
|
|
readonly messages: Observable<object>;
|
|
readonly subscription: Observable<PushSubscription|null>;
|
|
|
|
private pushManager: Observable<PushManager>;
|
|
private subscriptionChanges: Subject<PushSubscription|null> =
|
|
new Subject<PushSubscription|null>();
|
|
|
|
constructor(private sw: NgswCommChannel) {
|
|
if (!sw.isEnabled) {
|
|
this.messages = obs_never();
|
|
this.subscription = obs_never();
|
|
return;
|
|
}
|
|
this.messages =
|
|
op_map.call(this.sw.eventsOfType('PUSH'), (message: {data: object}) => message.data);
|
|
|
|
this.pushManager = <Observable<PushManager>>(op_map.call(
|
|
this.sw.registration,
|
|
(registration: ServiceWorkerRegistration) => { return registration.pushManager; }));
|
|
|
|
const workerDrivenSubscriptions = <Observable<PushSubscription|null>>(op_switchMap.call(
|
|
this.pushManager, (pm: PushManager) => pm.getSubscription().then(sub => { return sub; })));
|
|
this.subscription = obs_merge(workerDrivenSubscriptions, this.subscriptionChanges);
|
|
}
|
|
|
|
/**
|
|
* Returns true if the Service Worker is enabled (supported by the browser and enabled via
|
|
* ServiceWorkerModule).
|
|
*/
|
|
get isEnabled(): boolean { return this.sw.isEnabled; }
|
|
|
|
requestSubscription(options: {serverPublicKey: string}): Promise<PushSubscription> {
|
|
if (!this.sw.isEnabled) {
|
|
return Promise.reject(new Error(ERR_SW_NOT_SUPPORTED));
|
|
}
|
|
const pushOptions: PushSubscriptionOptionsInit = {userVisibleOnly: true};
|
|
let key = atob(options.serverPublicKey.replace(/_/g, '/').replace(/-/g, '+'));
|
|
let applicationServerKey = new Uint8Array(new ArrayBuffer(key.length));
|
|
for (let i = 0; i < key.length; i++) {
|
|
applicationServerKey[i] = key.charCodeAt(i);
|
|
}
|
|
pushOptions.applicationServerKey = applicationServerKey;
|
|
const subscribe = <Observable<PushSubscription>>(
|
|
op_switchMap.call(this.pushManager, (pm: PushManager) => pm.subscribe(pushOptions)));
|
|
const subscribeOnce = op_take.call(subscribe, 1);
|
|
return (op_toPromise.call(subscribeOnce) as Promise<PushSubscription>).then(sub => {
|
|
this.subscriptionChanges.next(sub);
|
|
return sub;
|
|
});
|
|
}
|
|
|
|
unsubscribe(): Promise<void> {
|
|
if (!this.sw.isEnabled) {
|
|
return Promise.reject(new Error(ERR_SW_NOT_SUPPORTED));
|
|
}
|
|
const unsubscribe = op_switchMap.call(this.subscription, (sub: PushSubscription | null) => {
|
|
if (sub !== null) {
|
|
return sub.unsubscribe().then(success => {
|
|
if (success) {
|
|
this.subscriptionChanges.next(null);
|
|
return undefined;
|
|
} else {
|
|
throw new Error('Unsubscribe failed!');
|
|
}
|
|
});
|
|
} else {
|
|
throw new Error('Not subscribed to push notifications.');
|
|
}
|
|
});
|
|
const unsubscribeOnce = op_take.call(unsubscribe, 1);
|
|
return op_toPromise.call(unsubscribeOnce) as Promise<void>;
|
|
}
|
|
}
|