notifications.ts

import $ from "jquery";

const noteCloseTime = 4*1000; // 4 seconds
const noteIcon = webroot + "/favicon.png";

function canNotify() {
	return (location.protocol === "https:")
		&& (typeof Notification !== "undefined");
}

export function notify(title: string, body: string, img = noteIcon) {
	const n = new Notification(title, {
		body: body,
		image: img,
		icon: noteIcon
	});
	setTimeout(() => {
		n.close();
	}, noteCloseTime);
}

$(() => {
	if(!canNotify())
		return;

	Notification.requestPermission().then(granted => {
		if(granted !== "granted")
			return Promise.reject("denied");
	}).catch(err => {
		if(err !== "denied")
			console.log(`Error starting notifications: ${err}`);
	});
});