recipes/mattermost/webview.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45

function _interopRequireDefault(obj) {
  return obj && obj.__esModule ? obj : { default: obj };
}

const _path = _interopRequireDefault(require('path'));

module.exports = Ferdium => {
  const DIRECT_MESSAGES_INDIVIDUAL =
    '#sidebar-left .unread-title .DirectChannel__profile-picture';
  const DIRECT_MESSAGES_GROUP = '#sidebar-left .unread-title .status--group';
  const DIRECT_MESSAGES_LEGACY = '.sidebar--left .has-badge .badge';
  const ALL_MESSAGES = '#sidebar-left .unread-title';
  const ALL_MESSAGES_LEGACY = '#sidebar-left .unread-title';

  const getMessages = () => {
    const directMessagesSelector = [
      DIRECT_MESSAGES_LEGACY,
      DIRECT_MESSAGES_INDIVIDUAL,
      DIRECT_MESSAGES_GROUP,
    ].join(', ');
    const directMessages = document.querySelectorAll(
      directMessagesSelector,
    ).length;

    const allMessagesSelector = [ALL_MESSAGES, ALL_MESSAGES_LEGACY].join(', ');
    const allMessages =
      document.querySelectorAll(allMessagesSelector).length - directMessages;

    const teamDirectMessages = document.querySelectorAll(
      '.team-wrapper .team-container .badge',
    ).length;
    const teamMessages =
      document.querySelectorAll('.team-wrapper .unread').length -
      teamDirectMessages;

    Ferdium.setBadge(
      directMessages + teamDirectMessages,
      allMessages + teamMessages,
    );
  };

  Ferdium.loop(getMessages);

  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
};