Mirrors/thelounge
2
0
Fork 0
mirror of https://github.com/thelounge/thelounge synced 2024-11-11 07:04:18 +00:00
Code Issues Projects Releases Packages Wiki Activity

Use service worker to display notifications if available

Browse source
This commit is contained in:
Pavel Djundik 2017-09-28 11:53:32 +03:00
parent da5a5c7175
commit 8791a17fc4
3 changed files with 39 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
client/js/socket-events/msg.js
View file

@ -6,6 +6,7 @@ const render = require("../render");
const utils = require("../utils");
const options = require("../options");
const helpers_roundBadgeNumber = require("../libs/handlebars/roundBadgeNumber");
const webpush = require("../webpush");
const chat = $("#chat");
const sidebar = $("#sidebar");
@ -131,16 +132,30 @@ function notifyMessage(targetId, channel, msg) {
}
try {
const notify = new Notification(title, {
if (webpush.hasServiceWorker) {
navigator.serviceWorker.ready.then((registration) => {
registration.active.postMessage({
type: "notification",
chanId: targetId,
timestamp: msg.time,
title: title,
body: body,
icon: "img/logo-64.png",
tag: `lounge-${targetId}`,
});
});
} else {
const notify = new Notification(title, {
tag: `chan-${targetId}`,
badge: "img/logo-64.png",
icon: "img/touch-icon-192x192.png",
body: body,
timestamp: msg.time,
});
notify.addEventListener("click", function() {
window.focus();
button.click();
this.close();
});
}
} catch (exception) {
// `new Notification(...)` is not supported and should be silenced.
}

8
client/js/webpush.js
View file

@ -8,6 +8,8 @@ const pushNotificationsButton = $("#pushNotifications");
let clientSubscribed = null;
let applicationServerKey;
module.exports.hasServiceWorker = false;
module.exports.configurePushNotifications = (subscribedOnServer, key) => {
applicationServerKey = key;
@ -16,7 +18,7 @@ module.exports.configurePushNotifications = (subscribedOnServer, key) => {
if (clientSubscribed === true && subscribedOnServer === false) {
pushNotificationsButton.attr("disabled", true);
navigator.serviceWorker.register("service-worker.js")
navigator.serviceWorker.ready
.then((registration) => registration.pushManager.getSubscription())
.then((subscription) => subscription && subscription.unsubscribe())
.then((successful) => {
@ -32,6 +34,8 @@ if (isAllowedServiceWorkersHost()) {
if ("serviceWorker" in navigator) {
navigator.serviceWorker.register("service-worker.js").then((registration) => {
module.exports.hasServiceWorker = true;
if (!registration.pushManager) {
return;
}
@ -58,7 +62,7 @@ if (isAllowedServiceWorkersHost()) {
function onPushButton() {
pushNotificationsButton.attr("disabled", true);
navigator.serviceWorker.register("service-worker.js").then((registration) => {
navigator.serviceWorker.ready.then((registration) => {
registration.pushManager.getSubscription().then((existingSubscription) => {
if (existingSubscription) {
socket.emit("push:unregister");

10
client/service-worker.js
View file

@ -2,13 +2,19 @@
/* global clients */
"use strict";
self.addEventListener("message", function(event) {
showNotification(event, event.data);
});
self.addEventListener("push", function(event) {
if (!event.data) {
return;
}
const payload = event.data.json();
showNotification(event, event.data.json());
});
function showNotification(event, payload) {
if (payload.type !== "notification") {
return;
}
@ -33,7 +39,7 @@ self.addEventListener("push", function(event) {
});
})
);
});
}
self.addEventListener("notificationclick", function(event) {
event.notification.close();