Unpack recipes and update recipes icons (#292)

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

7 files changed, 60 insertions, 0 deletions

diff --git a/recipes/zendesk/README.md b/recipes/zendesk/README.md
new file mode 100644
index 0000000..5fea5e3
--- /dev/null
+++ b/recipes/zendesk/README.md
@@ -0,0 +1,5 @@
+# Zendesk for Franz
+This is the official Franz recipe for Zendesk
+
+### How to create your own Franz recipes:
+* [Read the documentation](https://github.com/meetfranz/plugins)
diff --git a/recipes/zendesk/icon.png b/recipes/zendesk/icon.png
new file mode 100644
index 0000000..4190136
--- /dev/null
+++ b/recipes/zendesk/icon.png
diff --git a/recipes/zendesk/icon.svg b/recipes/zendesk/icon.svg
new file mode 100644
index 0000000..5b8e482
--- /dev/null
+++ b/recipes/zendesk/icon.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<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 54.1 (76490) - https://sketchapp.com -->
+    <title>zendesk</title>
+    <desc>Created with Sketch.</desc>
+    <g id="zendesk" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Group" transform="translate(0.000000, 10.000000)" fill="#03363D" fill-rule="nonzero">
+            <polygon id="Shape" points="36.8394089 15.964532 36.8394089 60.4413793 0 60.4413793"></polygon>
+            <path d="M36.8394089,0 C36.8394089,10.1729219 28.5926263,18.4197044 18.4197044,18.4197044 C8.24678258,18.4197044 0,10.1729219 0,0 L36.8394089,0 L36.8394089,0 Z" id="Shape"></path>
+            <path d="M42.9083744,60.4413793 C42.9083744,50.2684575 51.155157,42.0216749 61.3280788,42.0216749 C71.5010007,42.0216749 79.7477833,50.2684575 79.7477833,60.4413793 L42.9083744,60.4413793 Z" id="Shape"></path>
+            <polygon id="Shape" points="42.9083744 44.4768473 42.9083744 0 79.7517241 0"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/recipes/zendesk/index.js b/recipes/zendesk/index.js
new file mode 100644
index 0000000..e8243fb
--- /dev/null
+++ b/recipes/zendesk/index.js
@@ -0,0 +1,3 @@
+"use strict";
+
+module.exports = Franz => Franz;
\ No newline at end of file
diff --git a/recipes/zendesk/package.json b/recipes/zendesk/package.json
new file mode 100644
index 0000000..8991b9a
--- /dev/null
+++ b/recipes/zendesk/package.json
@@ -0,0 +1,14 @@
+{
+  "id": "zendesk",
+  "name": "zendesk",
+  "version": "1.0.2",
+  "description": "Zendesk",
+  "main": "index.js",
+  "author": "Stefan Malzner <stefan@adlk.io>",
+  "license": "MIT",
+  "config": {
+    "serviceURL": "https://{teamId}.zendesk.com/agent",
+    "hasTeamId": true,
+    "urlInputSuffix": ".zendesk.com"
+  }
+}
diff --git a/recipes/zendesk/service.css b/recipes/zendesk/service.css
new file mode 100644
index 0000000..a3d3c69
--- /dev/null
+++ b/recipes/zendesk/service.css
@@ -0,0 +1,3 @@
+html, body {
+  background: #FFF !important;
+}
\ No newline at end of file
diff --git a/recipes/zendesk/webview.js b/recipes/zendesk/webview.js
new file mode 100644
index 0000000..c4a77a3
--- /dev/null
+++ b/recipes/zendesk/webview.js
@@ -0,0 +1,21 @@
+"use strict";
+
+var _path = _interopRequireDefault(require("path"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+module.exports = Franz => {
+  const getMessages = () => {
+    let count = 0;
+    const el = document.querySelector('.dashboard-top-panel .indicators .stats-group .cell-value');
+
+    if (el) {
+      count = parseInt(el.innerHTML, 10);
+    }
+
+    Franz.setBadge(count);
+  };
+
+  Franz.loop(getMessages);
+  Franz.injectCSS(_path.default.join(__dirname, 'service.css'));
+};
\ No newline at end of file