aboutsummaryrefslogtreecommitdiffstats
path: root/recipes/hangoutschat/webview.js
blob: 8d512784f835f1077571ab2623d47247d265041c (plain) (blame)
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
46
47
48
49
50
51
52
53
54
55
56
57
module.exports = (Franz) => {
  // class corresponding to the mute icon
  const muteSelector = ".DQy0Rb";

  // class corresponding to the red badge that is visible for direct messages
  const directMessageSelector = ".SaMfhe.m9MHid";

  // class corresponding to the bold text that is visible for all messages
  const allMessageSelector = ".IL9EXe.PL5Wwe.dHI9xe.H7du2";

  const isMuted = (node) => {
    closestItem = node.closest('[role="listitem"]')
    if (closestItem) {
      return !!closestItem.querySelector(muteSelector);
    } else {
      return true;
    }
  }

  const getMessages = function getMessages() {
    let allMessageCount = 0;
    let directCount = 0;

    // get unread direct messages
    document.querySelectorAll(directMessageSelector).forEach((node) => {
      // Hangouts Chat overrides the muted indicator when there is a direct mention
      // Check for the width of the badge element
      if (!isMuted(node) && node.clientWidth != 0) {
        directCount += 1;
      }
    });

    let indirectCount = 0;
    document.querySelectorAll(allMessageSelector).forEach((node) => {
      if (!isMuted(node)) {
        allMessageCount += 1;
      }
    });
    indirectCount = allMessageCount - directCount;

    // set Franz badge
    Franz.setBadge(directCount, indirectCount);
  };

  document.addEventListener("click", (e) => {
    const { tagName, target, href } = e.target;

    if (tagName === "A" && target === "_blank") {
      e.preventDefault();
      e.stopImmediatePropagation();
      window.open(href);
    }
  });

  // check for new messages every second and update Franz badge
  Franz.loop(getMessages);
};