☰

Plug.DJ Chat Notifications

Shows desktop notification for new chat messages

  1. // ==UserScript==
  2. // @name         Plug.DJ Chat Notifications
  3. // @icon         http://i.imgur.com/0LwVHyl.png
  4. // @namespace    x4_plugdjcn
  5. // @version      0.2.1
  6. // @description  Shows desktop notification for new chat messages
  7. // @author       x4fab
  8. // @license      CC0
  9. // @match        https://plug.dj/*
  10. // @grant        none
  11. // ==/UserScript==
  12.  
  13. !function (){
  14.     var windowOpen = window.open,
  15.         opened;
  16.     
  17.     window.open = function (){
  18.         opened = windowOpen.apply(window, arguments);
  19.         return opened;
  20.     };
  21.  
  22.     if (Notification.permission == 'default'){
  23.         document.body.onclick = function (){
  24.             Notification.requestPermission();
  25.             document.body.onclick = null;
  26.         };
  27.     }
  28.  
  29.     var lastId;
  30.     setInterval(function (){
  31.         if (opened && opened.closed){
  32.             opened = null;
  33.         }
  34.         
  35.         var node = (opened ? opened.document : document).querySelector('#chat-messages .cm.message:not(.from-you):last-child .msg');
  36.         if (!node){
  37.             return;
  38.         }
  39.  
  40.         var currentId = node.querySelector('.text').className;
  41.         if (lastId != currentId){
  42.             var focused = opened && opened.document.hasFocus() || document.hasFocus();
  43.             
  44.             if (!focused){
  45.                 var notification = new Notification(node.querySelector('.un').textContent, { 
  46.                     body: node.querySelector('.text').innerHTML.replace(/^[\s\S]*<br>/, '').replace(/<.+?>/g, ''), 
  47.                     icon: 'http://i.imgur.com/0LwVHyl.png' 
  48.                 });
  49.                 
  50.                 setTimeout(notification.close.bind(notification), 3e3);
  51.             }
  52.             
  53.             lastId = currentId;
  54.         } 
  55.     }, 50);
  56. }();