Unpack recipes and update recipes icons (#292)

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

6 files changed, 56 insertions, 0 deletions

diff --git a/recipes/clickup/icon.png b/recipes/clickup/icon.png
new file mode 100644
index 0000000..b57eb86
--- /dev/null
+++ b/recipes/clickup/icon.png
diff --git a/recipes/clickup/icon.svg b/recipes/clickup/icon.svg
new file mode 100644
index 0000000..b910a17
--- /dev/null
+++ b/recipes/clickup/icon.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 22.0.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 155 155" style="enable-background:new 0 0 155 155;" xml:space="preserve">
+<style type="text/css">
+        .st0{fill:url(#SVGID_1_);}
+        .st1{fill:url(#SVGID_2_);}
+</style>
+<g>
+        
+                <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-600.2136" y1="455.8474" x2="-599.2136" y2="455.8474" gradientTransform="matrix(129.03 0 0 -54.12 77458.5469 24798.3184)">
+                <stop  offset="0" style="stop-color:#8930FD"/>
+                <stop  offset="1" style="stop-color:#49CCF9"/>
+        </linearGradient>
+        <path class="st0" d="M13,119l23.8-18.2c12.7,16.5,26.1,24.1,41.1,24.1c14.9,0,27.9-7.5,40-23.9l24.1,17.8
+                c-17.4,23.6-39.1,36.1-64.2,36.1C52.8,154.9,31,142.5,13,119z"/>
+        
+                <linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="-600.0046" y1="457.4853" x2="-599.0046" y2="457.4853" gradientTransform="matrix(123.63 0 0 -76.2 74194.3594 34898.5586)">
+                <stop  offset="0" style="stop-color:#FF02F0"/>
+                <stop  offset="1" style="stop-color:#FFC800"/>
+        </linearGradient>
+        <path class="st1" d="M77.8,39.8L35.4,76.3L15.8,53.6L77.9,0.1l61.6,53.5l-19.7,22.6L77.8,39.8z"/>
+</g>
+</svg>
diff --git a/recipes/clickup/index.js b/recipes/clickup/index.js
new file mode 100644
index 0000000..8a99610
--- /dev/null
+++ b/recipes/clickup/index.js
@@ -0,0 +1,3 @@
+'use strict';
+
+module.exports = Franz => Franz;
diff --git a/recipes/clickup/package.json b/recipes/clickup/package.json
new file mode 100644
index 0000000..b44529e
--- /dev/null
+++ b/recipes/clickup/package.json
@@ -0,0 +1,13 @@
+{
+  "id": "clickup",
+  "name": "ClickUp",
+  "version": "2.0.0",
+  "description": "ClickUp Productivity Software",
+  "main": "index.js",
+  "author": "Genesis Guerrero",
+  "license": "MIT",
+  "config": {
+    "serviceURL": "https://app.clickup.com",
+    "hasNotificationSound": true
+  }
+}
diff --git a/recipes/clickup/readme.md b/recipes/clickup/readme.md
new file mode 100644
index 0000000..f8459ee
--- /dev/null
+++ b/recipes/clickup/readme.md
@@ -0,0 +1,5 @@
+# ClickUp for Franz 
+Unofficial support for app.clickup.com in Franz
+
+### How to create your own Franz recipes:
+* [Read the documentation](https://github.com/meetfranz/plugins)
diff --git a/recipes/clickup/webview.js b/recipes/clickup/webview.js
new file mode 100644
index 0000000..ef7a41e
--- /dev/null
+++ b/recipes/clickup/webview.js
@@ -0,0 +1,11 @@
+'use strict';
+
+module.exports = Franz => {
+  const getMessages = function getMessages() {
+    const elements = document.querySelectorAll('.unreadCount');
+    const unread = document.querySelector('.cu-notification-alert__dot');
+    Franz.setBadge(unread ? 1 : 0);
+  };
+
+  Franz.loop(getMessages);
+};