Push notifications

scripts/PushManager.ts

@@ -0,0 +1,105 @@
+export class PushManager {
+	pushSupported: boolean
+	
+	constructor() {
+		this.pushSupported = ("serviceWorker" in navigator) && ("PushManager" in window)
+	}
+
+	async subscribe(userId: string) {
+		if(!this.pushSupported) {
+			return
+		}
+
+		let registration = await navigator.serviceWorker.ready
+		let subscription = await registration.pushManager.getSubscription()
+
+		if(!subscription) {
+			subscription = await registration.pushManager.subscribe({
+				userVisibleOnly: true,
+				applicationServerKey: urlBase64ToUint8Array("BAwPKVCWQ2_nc7SIGltYfWZhMpW54BSkbwelpa8eYMbqSitmCAGm3xRBdRiq1Wt-hUsE7x59GCcaJxqQtF2hZPw")
+			})
+
+			this.subscribeOnServer(subscription, userId)
+		} else {
+			console.log("Using existing subscription", subscription)
+		}
+	}
+
+	async unsubscribe(userId: string) {
+		if(!this.pushSupported) {
+			return
+		}
+
+		let registration = await navigator.serviceWorker.ready
+		let subscription = await registration.pushManager.getSubscription()
+
+		if(!subscription) {
+			console.error("Subscription does not exist")
+			return
+		}
+		
+		await subscription.unsubscribe()
+
+		this.unsubscribeOnServer(subscription, userId)
+	}
+
+	subscribeOnServer(subscription: PushSubscription, userId: string) {
+		console.log("Send subscription to server...")
+
+		let rawKey = subscription.getKey("p256dh")
+		let key = rawKey ? btoa(String.fromCharCode.apply(null, new Uint8Array(rawKey))) : ""
+
+		let rawSecret = subscription.getKey("auth")
+		let secret = rawSecret ? btoa(String.fromCharCode.apply(null, new Uint8Array(rawSecret))) : ""
+
+		let endpoint = subscription.endpoint
+
+		let pushSubscription = {
+			endpoint,
+			p256dh: key,
+			auth: secret,
+			platform: navigator.platform,
+			screen: {
+				width: window.screen.width,
+				height: window.screen.height
+			}
+		}
+
+		return fetch("/api/pushsubscriptions/" + userId + "/add", {
+			method: "POST",
+			credentials: "same-origin",
+			body: JSON.stringify(pushSubscription)
+		})
+	}
+
+	unsubscribeOnServer(subscription: PushSubscription, userId: string) {
+		console.log("Send unsubscription to server...")
+		console.log(subscription)
+
+		let pushSubscription = {
+			endpoint: subscription.endpoint
+		}
+
+		return fetch("/api/pushsubscriptions/" + userId + "/remove", {
+			method: "POST",
+			credentials: "same-origin",
+			body: JSON.stringify(pushSubscription)
+		})
+	}
+}
+
+function urlBase64ToUint8Array(base64String) {
+	const padding = "=".repeat((4 - base64String.length % 4) % 4)
+	const base64 = (base64String + padding)
+	.replace(/\-/g, "+")
+	.replace(/_/g, "/")
+
+	const rawData = window.atob(base64)
+	const outputArray = new Uint8Array(rawData.length)
+
+	for(let i = 0; i < rawData.length; ++i) {
+		outputArray[i] = rawData.charCodeAt(i)
+	}
+
+	return outputArray
+}