Creates browser notifications for the Web-based Teams application. Useful in Linux (in Linux notifications do not work). Tested in Chrome 66.
// ==UserScript==
// @name Microsoft Teams Notifications
// @namespace https://greasyfork.org/users/4390-seriousm
// @version 1.3.1
// @description Creates browser notifications for the Web-based Teams application. Useful in Linux (in Linux notifications do not work). Tested in Chrome 66.
// @author SeriousM
// @match https://teams.microsoft.com/*
// @grant none
// ==/UserScript==
(function () {
'use strict';
function notifyMe(numberOfMessages) {
// Let's check if the browser supports notifications
if (!("Notification" in window)) {
alert("This browser does not support desktop notifications.");
}
// Let's check whether notification permissions have already been granted
else if (Notification.permission === "granted") {
// If it's okay let's create a notification
createNotification(numberOfMessages);
}
// Otherwise, we need to ask the user for permission
else if (Notification.permission !== "denied") {
Notification.requestPermission(function (permission) {
// If the user accepts, let's create a notification
if (permission === "granted") {
createNotification(numberOfMessages);
}
});
}
}
function createNotification(numberOfMessages) {
var title = "Teams Online";
var options = {
body: "You have " + numberOfMessages + " new notifications.",
icon: document.querySelector('link[rel="icon"]').href,
requireInteraction: true
};
var notification = new Notification(title, options);
notification.onclick = function () {
window.focus();
};
}
function setTitleObserver() {
console.log('Activating Teams notifications...');
requestNotificationsPermission();
var target = document.querySelector('head > title');
var MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver;
var observer = new MutationObserver(function (mutations) {
mutations.forEach(function (mutation) {
var newTitle = mutation.target.textContent;
var res;
try {
res = newTitle.match(/(?!\().+?(?=\))/);
}
catch (e) {
res = newTitle.match(/\(([^)]+)\)/);
}
if (res && res[0] && res[0] && document.hidden) {
notifyMe(res[0]);
return false;
}
});
});
observer.observe(target, {
subtree: true,
characterData: true,
childList: true
});
}
function requestNotificationsPermission() {
Notification.requestPermission().then(function (result) {
console.log('Permission for Teams notifications: ' + result);
});
}
setTitleObserver();
})();