Add several recipes (#519)

The added recipes are as follows:
- Mastodeck (fixes https://github.com/ferdium/ferdium-app/issues/959)
- Microsoft Planner (fixes https://github.com/ferdium/ferdium-app/issues/955)
- Alibaba Chat (fixes https://github.com/ferdium/ferdium-app/issues/1376)
- Fiverr (step forward in https://github.com/ferdium/ferdium-app/issues/1377 - missing unread logic)
- Draw.io (fixes https://github.com/ferdium/ferdium-app/issues/1429)
- Canva (fixes https://github.com/ferdium/ferdium-app/issues/1447)
- Penpot (fixes https://github.com/ferdium/ferdium-app/issues/1469)
- HackerNews (fixes https://github.com/ferdium/ferdium-app/issues/1505)
- Google Maps (fixes https://github.com/ferdium/ferdium-app/issues/1513)
- Patreon (fixes https://github.com/ferdium/ferdium-app/issues/1524)
- Fandom (fixes https://github.com/ferdium/ferdium-app/issues/1540)
- Romeo (fixes https://github.com/ferdium/ferdium-app/issues/1553)
- Infomaniak Kdrive (fixes https://github.com/ferdium/ferdium-app/issues/1559)
- Notion Calendar (fixes https://github.com/ferdium/ferdium-app/issues/1599)
- Superlist (fixes https://github.com/ferdium/ferdium-app/issues/1601)
- Purelymail (fixes https://github.com/ferdium/ferdium-app/issues/1624)
- SOGo (fixes https://github.com/ferdium/ferdium-app/issues/1472)

5 files changed, 111 insertions, 0 deletions

diff --git a/recipes/ms-planner/icon.svg b/recipes/ms-planner/icon.svg
new file mode 100644
index 0000000..43a4cfc
--- /dev/null
+++ b/recipes/ms-planner/icon.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 28.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+         viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;" xml:space="preserve">
+<style type="text/css">
+        .st0{fill:#185C37;}
+        .st1{fill:#33C481;}
+        .st2{fill:#107C41;}
+        .st3{fill:#21A366;}
+</style>
+<path class="st0" d="M15.2,50H4.8c-1.2,0-2.3-1-2.3-2.3V24.2l7.9-2.3l7.1,2.3v23.5C17.5,49,16.5,50,15.2,50L15.2,50z"/>
+<path class="st1" d="M31.5,0h13.7c1.3,0,2.3,1,2.3,2.3c0,0,0,0,0,0v27.3c0,1.3-1,2.3-2.3,2.3h0H31.5l-2.7-17.1L31.5,0z"/>
+<path class="st2" d="M2.5,2.3V25h15v16h12.7c1.3,0,2.3-1,2.3-2.3v0V0H4.8C3.5,0,2.5,1,2.5,2.3z"/>
+<path class="st3" d="M17.5,0h15v17h-15V0z"/>
+</svg>
diff --git a/recipes/ms-planner/index.js b/recipes/ms-planner/index.js
new file mode 100644
index 0000000..cc0b44a
--- /dev/null
+++ b/recipes/ms-planner/index.js
@@ -0,0 +1,27 @@
+module.exports = Ferdium =>
+  class Planner extends Ferdium {
+    overrideUserAgent() {
+      return window.navigator.userAgent
+        .replace(/(Ferdium|Electron)(\S+\s)/g, '')
+        .replace(/(Chrome\/)([^ ]*)/g, '$163.0.3239.84');
+    }
+
+    // https://docs.microsoft.com/en-us/microsoftteams/troubleshoot/teams-sign-in/sign-in-loop#resolution
+    knownCertificateHosts() {
+      return ['tasks.office.com'];
+    }
+
+    // we need to allow all cookies for ms teams
+    onHeadersReceived(details, callback) {
+      if (
+        details.responseHeaders &&
+        details.responseHeaders['Set-Cookie'] &&
+        details.responseHeaders['Set-Cookie'].length > 0 &&
+        !details.responseHeaders['Set-Cookie'][0].includes('SameSite=none')
+      ) {
+        details.responseHeaders['Set-Cookie'][0] =
+          `${details.responseHeaders['Set-Cookie'][0]}; SameSite=none`;
+      }
+      callback({ cancel: false, responseHeaders: details.responseHeaders });
+    }
+  };
diff --git a/recipes/ms-planner/package.json b/recipes/ms-planner/package.json
new file mode 100644
index 0000000..ca74458
--- /dev/null
+++ b/recipes/ms-planner/package.json
@@ -0,0 +1,14 @@
+{
+  "id": "ms-planner",
+  "name": "Microsoft Planner",
+  "aliases": [
+    "office",
+    "tasks"
+  ],
+  "version": "1.0.0",
+  "license": "MIT",
+  "config": {
+    "serviceURL": "https://tasks.office.com/",
+    "hasNotificationSound": true
+  }
+}
diff --git a/recipes/ms-planner/service.css b/recipes/ms-planner/service.css
new file mode 100644
index 0000000..d28527c
--- /dev/null
+++ b/recipes/ms-planner/service.css
@@ -0,0 +1,15 @@
+.app-wrapper-web .app,
+.app-wrapper-web ._36Q2N,
+.app-wrapper-web .h70RQ,
+.app-wrapper-web ._3QfZd,
+.app-wrapper-web ._1jJ70,
+._1XkO3.two {
+    width: 100% !important;
+    max-width: 100% !important;
+    height: 100% !important;
+    top: 0 !important;
+}
+
+._1Wk6A ._3YewW._31v_P._2Ptrm {
+  display: none;
+}
diff --git a/recipes/ms-planner/webview.js b/recipes/ms-planner/webview.js
new file mode 100644
index 0000000..4dd73fd
--- /dev/null
+++ b/recipes/ms-planner/webview.js
@@ -0,0 +1,40 @@
+const path = require('path');
+
+setTimeout(() => {
+  const elem = document.querySelector('.landing-title.version-title');
+  if (elem && elem.textContent.toLowerCase().includes('google chrome')) {
+    window.FerdiumAPI.clearCache();
+    window.location.reload();
+  }
+}, 1000);
+
+const isMutedIcon = element =>
+  element.parentElement.parentElement.querySelectorAll('*[data-icon="muted"]')
+    .length > 0;
+
+const isPinnedIcon = element => element.classList.contains('_1EFSv');
+
+module.exports = Ferdium => {
+  const getMessages = function getMessages() {
+    const elements = document.querySelectorAll(
+      '.CxUIE, .unread, ._0LqQ, .m61XR .ZKn2B, .VOr2j, ._1V5O7 ._2vfYK, html[dir] ._23LrM, ._1pJ9J:not(._2XH9R)',
+    );
+    let count = 0;
+
+    for (const element of elements) {
+      try {
+        // originalLog(isMutedIcon(elements[i]), isPinnedIcon(elements[i]));
+        if (!isMutedIcon(element) && !isPinnedIcon(element)) {
+          count += 1;
+        }
+      } catch {
+        // nope;
+      }
+    }
+
+    Ferdium.setBadge(count);
+  };
+
+  Ferdium.injectCSS(path.join(__dirname, 'service.css'));
+  Ferdium.loop(getMessages);
+};