Unpack recipes and update recipes icons (#292)

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

6 files changed, 71 insertions, 0 deletions

diff --git a/recipes/telegram-react/README.md b/recipes/telegram-react/README.md
new file mode 100644
index 0000000..fbd7ca6
--- /dev/null
+++ b/recipes/telegram-react/README.md
@@ -0,0 +1,7 @@
+# Telegram for Ferdi
+
+This is the official Ferdi recipe for Telegram
+
+### How to create your own Franz recipes:
+
+- [Read the documentation](https://github.com/getferdi/recipes/tree/master/docs)
diff --git a/recipes/telegram-react/icon.png b/recipes/telegram-react/icon.png
new file mode 100644
index 0000000..3a3135e
--- /dev/null
+++ b/recipes/telegram-react/icon.png
diff --git a/recipes/telegram-react/icon.svg b/recipes/telegram-react/icon.svg
new file mode 100644
index 0000000..5cfd9c5
--- /dev/null
+++ b/recipes/telegram-react/icon.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="80px" height="80px" viewBox="0 0 80 80" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 3.7.2 (28276) - http://www.bohemiancoding.com/sketch -->
+    <title>telegram</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <path d="M39.9821723,0.035505618 C17.9006742,0.035505618 0,17.93603 0,40.0176779 L0,40.0176779 C0,62.0993258 17.9006742,80 39.9821723,80 L39.9821723,80 C62.0638202,80 79.9644944,62.0993258 79.9644944,40.0176779 L79.9644944,40.0176779 C79.9644944,17.93603 62.0638202,0.035505618 39.9821723,0.035505618 L39.9821723,0.035505618 Z" id="path-1"></path>
+    </defs>
+    <g id="icons" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="telegram">
+            <g id="Page-1">
+                <g id="Group-3"></g>
+                <mask id="mask-2" fill="white">
+                    <use xlink:href="#path-1"></use>
+                </mask>
+                <use id="Clip-2" fill="#0088CC" xlink:href="#path-1"></use>
+                <g id="Group-10" mask="url(#mask-2)">
+                    <g transform="translate(14.232210, 21.573034)">
+                        <path d="M45.2046742,1.4619176 L38.0635506,37.4668614 C38.0635506,37.4668614 37.0647491,39.9637903 34.3182322,38.7651386 L17.8388315,26.1308315 L11.8463221,23.2346517 L1.75898127,19.8386966 C1.75898127,19.8386966 0.210966292,19.289633 0.0611535581,18.0911311 C-0.088659176,16.8926292 1.80886891,16.2433408 1.80886891,16.2433408 L41.908794,0.513003745 C41.908794,0.513003745 45.2046742,-0.935086142 45.2046742,1.4619176" id="Fill-4" fill="#FEFEFE"></path>
+                        <path d="M16.5721498,37.0625618 C16.5721498,37.0625618 16.0911011,37.0174682 15.4918502,35.1196404 C14.8925993,33.2221124 11.8463071,23.2346966 11.8463071,23.2346966 L36.0660824,7.85387266 C36.0660824,7.85387266 37.4642846,7.00503371 37.414397,7.85387266 C37.414397,7.85387266 37.6641348,8.00368539 36.9150712,8.70286142 C36.1660075,9.40203745 17.8888539,25.8312509 17.8888539,25.8312509" id="Fill-6" fill="#D3E5F1"></path>
+                        <path d="M24.1574532,30.975236 L17.6391011,36.9183071 C17.6391011,36.9183071 17.129588,37.304824 16.5721348,37.0625768 L17.8202247,26.0234757" id="Fill-8" fill="#B6D0E4"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/recipes/telegram-react/index.js b/recipes/telegram-react/index.js
new file mode 100644
index 0000000..6343150
--- /dev/null
+++ b/recipes/telegram-react/index.js
@@ -0,0 +1,4 @@
+"use strict";
+
+module.exports = Franz => Franz;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRlbGVncmFtL2luZGV4LmpzIl0sIm5hbWVzIjpbIm1vZHVsZSIsImV4cG9ydHMiLCJGcmFueiJdLCJtYXBwaW5ncyI6Ijs7QUFBQUEsT0FBT0MsT0FBUCxHQUFpQkMsU0FBU0EsS0FBMUIiLCJmaWxlIjoidGVsZWdyYW0vaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6WyJtb2R1bGUuZXhwb3J0cyA9IEZyYW56ID0+IEZyYW56O1xuIl19
\ No newline at end of file
diff --git a/recipes/telegram-react/package.json b/recipes/telegram-react/package.json
new file mode 100644
index 0000000..538b37a
--- /dev/null
+++ b/recipes/telegram-react/package.json
@@ -0,0 +1,14 @@
+{
+  "id": "telegram-react",
+  "name": "Telegram React",
+  "version": "1.0.1",
+  "description": "Telegram React",
+  "main": "index.js",
+  "author": "Amine Mouafik <amine@mouafik.fr>",
+  "license": "MIT",
+  "config": {
+    "serviceURL": "https://evgeny-nadymov.github.io/telegram-react/",
+    "hasDirectMessages": true,
+    "hasNotificationSound": true
+  }
+}
diff --git a/recipes/telegram-react/webview.js b/recipes/telegram-react/webview.js
new file mode 100644
index 0000000..223e914
--- /dev/null
+++ b/recipes/telegram-react/webview.js
@@ -0,0 +1,19 @@
+"use strict";
+
+const path = require("path");
+
+module.exports = Franz => {
+  const getMessages = function getMessages() {
+    let count = 0;
+    const elements = document.querySelectorAll(".dialog-badge:not(.dialog-badge-muted)");
+    if (elements) {
+      for (let i = 0; i < elements.length; i += 1) {
+        if (elements[i].querySelector("span").innerHTML !== 0) {
+          count += parseInt(elements[i].querySelector("span").innerHTML);
+        }
+      }
+    }
+    Franz.setBadge(count);
+  };
+  Franz.loop(getMessages);
+};