"use strict"; const $ = require("jquery"); const socket = require("../socket"); const utils = require("../utils"); const options = require("../options"); const cleanIrcMessage = require("../libs/handlebars/ircmessageparser/cleanIrcMessage"); const webpush = require("../webpush"); const {vueApp, findChannel} = require("../vue"); let pop; try { pop = new Audio(); pop.src = "audio/pop.wav"; } catch (e) { pop = { play: $.noop, }; } socket.on("msg", function(data) { if (utils.lastMessageId < data.msg.id) { utils.lastMessageId = data.msg.id; } let targetId = data.chan; let {channel} = findChannel(data.chan); if (typeof data.highlight !== "undefined") { channel.highlight = data.highlight; } if (typeof data.unread !== "undefined") { channel.unread = data.unread; } if (data.msg.self || data.msg.highlight) { utils.updateTitle(); } // Display received notices and errors in currently active channel. // Reloading the page will put them back into the lobby window. // We only want to put errors/notices in active channel if they arrive on the same network if (data.msg.showInActive && vueApp.activeChannel && vueApp.activeChannel.network === channel.network) { channel = vueApp.activeChannel.channel; targetId = data.chan = channel.id; } channel.messages.push(data.msg); if (data.msg.self) { channel.firstUnread = channel.messages[channel.messages.length - 1].id; } else { notifyMessage(targetId, channel, vueApp.activeChannel, data.msg); } let messageLimit = 0; if (!vueApp.activeChannel || vueApp.activeChannel.channel !== channel) { // If message arrives in non active channel, keep only 100 messages messageLimit = 100; } else if (channel.scrolledToBottom) { // If message arrives in active channel, keep 500 messages if scroll is currently at the bottom messageLimit = 500; } if (messageLimit > 0 && channel.messages.length > messageLimit) { channel.messages.splice(0, channel.messages.length - messageLimit); channel.moreHistoryAvailable = true; } if ((data.msg.type === "message" || data.msg.type === "action") && channel.type === "channel") { const user = channel.users.find((u) => u.nick === data.msg.from.nick); if (user) { user.lastMessage = (new Date(data.msg.time)).getTime() || Date.now(); } } }); function notifyMessage(targetId, channel, activeChannel, msg) { const button = $("#sidebar .chan[data-id='" + targetId + "']"); if (msg.highlight || (options.settings.notifyAllMessages && msg.type === "message")) { if (!document.hasFocus() || !activeChannel || activeChannel.channel !== channel) { if (options.settings.notification) { try { pop.play(); } catch (exception) { // On mobile, sounds can not be played without user interaction. } } utils.toggleNotificationMarkers(true); if (options.settings.desktopNotifications && ("Notification" in window) && Notification.permission === "granted") { let title; let body; if (msg.type === "invite") { title = "New channel invite:"; body = msg.from.nick + " invited you to " + msg.channel; } else { title = msg.from.nick; if (channel.type !== "query") { title += ` (${channel.name})`; } if (msg.type === "message") { title += " says:"; } body = cleanIrcMessage(msg.text); } const timestamp = Date.parse(msg.time); try { if (webpush.hasServiceWorker) { navigator.serviceWorker.ready.then((registration) => { registration.active.postMessage({ type: "notification", chanId: targetId, timestamp: timestamp, title: title, body: body, }); }); } else { const notify = new Notification(title, { tag: `chan-${targetId}`, badge: "img/icon-alerted-black-transparent-bg-72x72px.png", icon: "img/icon-alerted-grey-bg-192x192px.png", body: body, timestamp: timestamp, }); notify.addEventListener("click", function() { window.focus(); button.trigger("click"); this.close(); }); } } catch (exception) { // `new Notification(...)` is not supported and should be silenced. } } } } }