Unpack recipes and update recipes icons (#292)

Co-authored-by: Amine Mouafik <amine@mouafik.fr>

6 files changed, 173 insertions, 0 deletions

diff --git a/recipes/msteams/icon.png b/recipes/msteams/icon.png
new file mode 100644
index 0000000..f136dc4
--- /dev/null
+++ b/recipes/msteams/icon.png
diff --git a/recipes/msteams/icon.svg b/recipes/msteams/icon.svg
new file mode 100644
index 0000000..6279612
--- /dev/null
+++ b/recipes/msteams/icon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>OfficeCore10_32x_24x_20x_16x_01-22-2019</title><g id="STYLE_COLOR" data-name="STYLE = COLOR"><circle id="Head" cx="17.00001" cy="6.00001" r="4.66666" fill="#7b83eb"/><path d="M16.66663,7H12.4411q.01017.04669.0213.09326l.00189.00781c.00684.02857.0141.05707.02143.08551A4.671,4.671,0,0,0,18,10.55884V8.33331A1.33727,1.33727,0,0,0,16.66663,7Z" opacity="0.1"/><path d="M15.66663,8H12.78271A4.667,4.667,0,0,0,17,10.66663V9.33331A1.33727,1.33727,0,0,0,15.66663,8Z" opacity="0.2"/><circle id="Head-2" data-name="Head" cx="27.5" cy="7.50001" r="3.5" fill="#5059c9"/><path d="M30.49976,12H22.63882a.63906.63906,0,0,0-.63906.63906v8.11026A5.12132,5.12132,0,0,0,25.966,25.8339a5.00551,5.00551,0,0,0,6.03372-4.89636V13.5A1.5,1.5,0,0,0,30.49976,12Z" fill="#5059c9"/><path d="M25,13.5V23a7.99479,7.99479,0,0,1-14.92,4,7.17277,7.17277,0,0,1-.5-1,8.36694,8.36694,0,0,1-.33-1A8.24022,8.24022,0,0,1,9,23V13.5A1.498,1.498,0,0,1,10.5,12h13A1.498,1.498,0,0,1,25,13.5Z" fill="#7b83eb"/><path d="M15.66663,8H12.78271A4.667,4.667,0,0,0,17,10.66663V9.33331A1.33727,1.33727,0,0,0,15.66663,8Z" opacity="0.2"/><path d="M18,12V24.67a1.32024,1.32024,0,0,1-1.04,1.29.966.966,0,0,1-.29.04H9.58a8.36694,8.36694,0,0,1-.33-1A8.24022,8.24022,0,0,1,9,23V13.5A1.498,1.498,0,0,1,10.5,12Z" opacity="0.1"/><path d="M17,12V25.67a.96746.96746,0,0,1-.04.29A1.3203,1.3203,0,0,1,15.67,27H10.08a7.17277,7.17277,0,0,1-.5-1,8.36694,8.36694,0,0,1-.33-1A8.24022,8.24022,0,0,1,9,23V13.5A1.498,1.498,0,0,1,10.5,12Z" opacity="0.2"/><path d="M17,12V23.67A1.33588,1.33588,0,0,1,15.67,25H9.25A8.24022,8.24022,0,0,1,9,23V13.5A1.498,1.498,0,0,1,10.5,12Z" opacity="0.2"/><path d="M10.5,12A1.498,1.498,0,0,0,9,13.5V23a8.24022,8.24022,0,0,0,.25,2h5.42A1.33588,1.33588,0,0,0,16,23.67V12Z" opacity="0.2"/><path id="Back_Plate" data-name="Back Plate" d="M1.33334,8H14.6667A1.33333,1.33333,0,0,1,16,9.33333V22.66666A1.33333,1.33333,0,0,1,14.6667,24H1.33334A1.33334,1.33334,0,0,1,0,22.66666V9.33334A1.33334,1.33334,0,0,1,1.33334,8Z" fill="#4b53bc"/><path d="M11.97961,12.975H8.99081v8.0203H7.02654V12.975H4.02042V11.00466h7.95919Z" fill="#fff"/><rect width="32" height="32" fill="none"/></g></svg>
\ No newline at end of file
diff --git a/recipes/msteams/index.js b/recipes/msteams/index.js
new file mode 100644
index 0000000..918b7b3
--- /dev/null
+++ b/recipes/msteams/index.js
@@ -0,0 +1,7 @@
+"use strict";
+
+module.exports = Franz => class MicrosoftTeams extends Franz {
+  overrideUserAgent() {
+    return window.navigator.userAgent.replace(/(Ferdi|Electron)\/\S+ \([^)]+\)/g, '');
+  }
+};
\ No newline at end of file
diff --git a/recipes/msteams/package.json b/recipes/msteams/package.json
new file mode 100644
index 0000000..4b3579a
--- /dev/null
+++ b/recipes/msteams/package.json
@@ -0,0 +1,15 @@
+{
+  "id": "msteams",
+  "name": "Microsoft Teams",
+  "version": "1.3.3",
+  "description": "Microsoft Teams",
+  "main": "index.js",
+  "author": "Stefan Malzner <stefan@adlk.io>",
+  "license": "MIT",
+  "config": {
+    "serviceURL": "https://teams.microsoft.com",
+    "hasNotificationSound": true,
+    "hasDirectMessages": true,
+    "hasIndirectMessages": true
+  }
+}
diff --git a/recipes/msteams/service.css b/recipes/msteams/service.css
new file mode 100644
index 0000000..fdaeac6
--- /dev/null
+++ b/recipes/msteams/service.css
@@ -0,0 +1,63 @@
+notification-banner {
+        display: none !important;
+}
+.desktop-capturer-selection {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100vh;
+  background: rgba(30,30,30,.75);
+  color: #fff;
+  z-index: 10000000;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.desktop-capturer-selection__scroller {
+  width: 100%;
+  max-height: 100vh;
+  overflow-y: auto;
+}
+.desktop-capturer-selection__list {
+  max-width: calc(100% - 100px);
+  margin: 50px;
+  padding: 0;
+  display: flex;
+  flex-wrap: wrap;
+  list-style: none;
+  overflow: hidden;
+  justify-content: center;
+}
+.desktop-capturer-selection__item {
+  display: flex;
+  margin: 4px;
+}
+.desktop-capturer-selection__btn {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  width: 145px;
+  margin: 0;
+  border: 0;
+  border-radius: 3px;
+  padding: 4px;
+  background: #252626;
+  text-align: left;
+  transition: background-color .15s, box-shadow .15s;
+}
+.desktop-capturer-selection__btn:hover,
+.desktop-capturer-selection__btn:focus {
+  background: rgba(98,100,167,.8);
+}
+.desktop-capturer-selection__thumbnail {
+  width: 100%;
+  height: 81px;
+  object-fit: cover;
+}
+.desktop-capturer-selection__name {
+  margin: 6px 0 6px;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
\ No newline at end of file
diff --git a/recipes/msteams/webview.js b/recipes/msteams/webview.js
new file mode 100644
index 0000000..7823c63
--- /dev/null
+++ b/recipes/msteams/webview.js
@@ -0,0 +1,87 @@
+"use strict";
+
+const { desktopCapturer } = require('electron');
+const path = require('path');
+
+window.navigator.mediaDevices.getDisplayMedia = () => {
+  return new Promise(async (resolve, reject) => {
+    try {
+      const sources = await desktopCapturer.getSources({ types: ['screen', 'window'] });
+
+      const selectionElem = document.createElement('div');
+      selectionElem.classList = 'desktop-capturer-selection';
+      selectionElem.innerHTML = `
+        <div class="desktop-capturer-selection__scroller">
+          <ul class="desktop-capturer-selection__list">
+            ${sources.map(({ id, name, thumbnail, display_id, appIcon }) => `
+              <li class="desktop-capturer-selection__item">
+                <button class="desktop-capturer-selection__btn" data-id="${id}" title="${name}">
+                  <img class="desktop-capturer-selection__thumbnail" src="${thumbnail.toDataURL()}" />
+                  <span class="desktop-capturer-selection__name">${name}</span>
+                </button>
+              </li>
+            `).join('')}
+          </ul>
+        </div>
+      `;
+      document.body.appendChild(selectionElem);
+
+      document.querySelectorAll('.desktop-capturer-selection__btn')
+        .forEach(button => {
+          button.addEventListener('click', async () => {
+            try {
+              const id = button.getAttribute('data-id');
+              const source = sources.find(source => source.id === id);
+              if (!source) {
+                throw new Error(`Source with id ${id} does not exist`);
+              }
+
+              const stream = await window.navigator.mediaDevices.getUserMedia({
+                audio: false,
+                video: {
+                  mandatory: {
+                    chromeMediaSource: 'desktop',
+                    chromeMediaSourceId: source.id
+                  }
+                }
+              });
+              resolve(stream);
+
+              selectionElem.remove();
+            } catch (err) {
+              reject(err);
+            }
+          });
+        });
+    } catch (err) {
+      reject(err);
+    }
+  })
+}
+
+window.electronSafeIpc = {
+  send: () => null,
+  on: () => null
+};
+window.desktop = undefined;
+
+module.exports = Franz => {
+  const getMessages = () => {
+    let messages = 0;
+    const badge = document.querySelector('.activity-badge.dot-activity-badge .activity-badge');
+
+    if (badge) {
+      const value = parseInt(badge.innerHTML, 10);
+
+      if (!isNaN(value)) {
+        messages = value;
+      }
+    }
+        const indirectMessages = document.querySelectorAll("[class*=channel-anchor][class*=ts-unread-channel]").length;
+
+    Franz.setBadge(messages, indirectMessages);
+  };
+
+  Franz.injectCSS(path.join(__dirname, 'service.css'));
+  Franz.loop(getMessages);
+};