6 files changed, 111 insertions, 0 deletions

diff --git a/recipes/hangoutschat/README.md b/recipes/hangoutschat/README.md
new file mode 100644
index 0000000..3ac9e49
--- /dev/null
+++ b/recipes/hangoutschat/README.md
@@ -0,0 +1,14 @@
+# Hangouts Chat for Franz
+
+This is a clone of the [official Franz recipe for Hangouts Chat](https://github.com/meetfranz/recipe-hangoutschat) to 
+merge the pending PRs, specially the one that fixes the notifications badge.
+
+## Installation 
+
+You need to apply the plugin manually.
+
+1. Create the directory `~/.config/Franz/recipes/dev/recipe-hangoutschat`
+2. Copy the files from this repository into the new folder
+3. Reload Franz
+4. Add "Hangouts Chat (Non official)" in Add Service > Custom Service > Hangouts Chat (Non official)
+5. Close Franz, start it again and add your account again.
diff --git a/recipes/hangoutschat/icon.png b/recipes/hangoutschat/icon.png
new file mode 100644
index 0000000..2f7120e
--- /dev/null
+++ b/recipes/hangoutschat/icon.png
diff --git a/recipes/hangoutschat/icon.svg b/recipes/hangoutschat/icon.svg
new file mode 100644
index 0000000..9238971
--- /dev/null
+++ b/recipes/hangoutschat/icon.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1024" height="1024" viewBox="0 0 1024 1024" version="1.1">
+<g id="surface1">
+<path style=" stroke:none;fill-rule:nonzero;fill:rgb(0%,53.72549%,48.235294%);fill-opacity:1;" d="M 512 0 C 276.351562 0 85.332031 191.039062 85.332031 426.730469 C 85.332031 662.421875 276.351562 853.460938 512 853.460938 L 512 1024 C 532.308594 1024 938.667969 812.800781 938.667969 426.730469 C 938.667969 191.039062 747.648438 0 512 0 Z M 512 0 "/>
+<path style=" stroke:none;fill-rule:nonzero;fill:rgb(0%,47.45098%,41.960784%);fill-opacity:1;" d="M 931.625 514.347656 C 901.121094 698.878906 779.519531 836.265625 674.988281 921.601562 L 346.027344 592.640625 C 254.292969 500.90625 254.292969 352.425781 346.027344 260.691406 C 437.761719 168.960938 586.238281 168.960938 677.972656 260.691406 Z M 931.625 514.347656 "/>
+<path style=" stroke:none;fill-rule:nonzero;fill:rgb(100%,100%,100%);fill-opacity:1;" d="M 512 554.667969 C 441.40625 554.667969 384 497.257812 384 426.667969 C 384 356.074219 441.40625 298.667969 512 298.667969 C 569.769531 298.667969 640 356.074219 640 426.667969 C 640 497.257812 582.59375 554.667969 512 554.667969 Z M 512 352 C 470.335938 352 437.332031 384 437.332031 426.667969 C 437.332031 469.332031 468.886719 501.332031 512 501.332031 C 559.0625 501.332031 586.667969 473.726562 586.667969 426.667969 C 586.667969 379.605469 559.0625 352 512 352 Z M 512 352 "/>
+<path style=" stroke:none;fill-rule:nonzero;fill:rgb(100%,100%,100%);fill-opacity:1;" d="M 512 661.332031 C 384.789062 661.332031 277.332031 553.855469 277.332031 426.667969 C 277.332031 299.476562 384.789062 192 512 192 C 639.210938 192 746.667969 299.476562 746.667969 426.667969 C 746.667969 506.816406 717.953125 554.667969 669.867188 554.667969 C 642.773438 554.667969 597.332031 538.046875 597.332031 426.667969 L 597.332031 320 L 640 320 L 640 426.667969 C 640 480.105469 651.15625 512 669.867188 512 C 693.441406 512 704 469.140625 704 426.667969 C 704 322.601562 616.085938 234.667969 512 234.667969 C 407.914062 234.667969 320 322.601562 320 426.667969 C 320 530.730469 407.914062 618.667969 512 618.667969 C 564.542969 618.667969 599.105469 601.707031 599.445312 601.515625 L 618.539062 639.679688 C 616.746094 640.574219 574.507812 661.332031 512 661.332031 Z M 512 661.332031 "/>
+</g>
+</svg>
diff --git a/recipes/hangoutschat/index.js b/recipes/hangoutschat/index.js
new file mode 100644
index 0000000..819e06b
--- /dev/null
+++ b/recipes/hangoutschat/index.js
@@ -0,0 +1,22 @@
+var os = require('os')
+
+// just pass through Franz
+module.exports = Franz =>
+  class HangoutsChat extends Franz {
+    // Method to add headers to requests from Hangouts Chat's webview
+    modifyRequestHeaders() {
+      return [{
+        headers: { 'origin': 'https://chat.google.com' },
+        requestFilters: {
+          urls: ['*://*/*']
+        }
+      }]
+    }
+
+    overrideUserAgent() {
+      if (os.platform() == 'linux')
+        return "Mozilla/5.0 (X11; Linux x86_64; rv:72.0) Gecko/20100101 Firefox/72.0"
+      else
+        return "Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:72.0) Gecko/20100101 Firefox/72.0";
+    }
+  };
diff --git a/recipes/hangoutschat/package.json b/recipes/hangoutschat/package.json
new file mode 100644
index 0000000..bcc58f9
--- /dev/null
+++ b/recipes/hangoutschat/package.json
@@ -0,0 +1,15 @@
+{
+  "id": "hangoutschat",
+  "name": "Hangouts Chat",
+  "version": "1.3.0",
+  "description": "Hangouts Chat",
+  "main": "index.js",
+  "author": "Stefan Malzner <stefan@adlk.io> and Iván López (ilopmar)",
+  "license": "MIT",
+  "config": {
+    "serviceURL": "https://chat.google.com",
+    "hasNotificationSound": true,
+    "hasIndirectMessages": true,
+    "dissablewebsecurity": true
+  }
+}
diff --git a/recipes/hangoutschat/webview.js b/recipes/hangoutschat/webview.js
new file mode 100644
index 0000000..9597f58
--- /dev/null
+++ b/recipes/hangoutschat/webview.js
@@ -0,0 +1,51 @@
+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 => !!node.closest('[role="listitem"]').querySelector(muteSelector);
+
+  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);
+};