Unpack recipes and update recipes icons (#292)

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

7 files changed, 53 insertions, 0 deletions

diff --git a/recipes/instagram/README.md b/recipes/instagram/README.md
new file mode 100644
index 0000000..0f54f9e
--- /dev/null
+++ b/recipes/instagram/README.md
@@ -0,0 +1,5 @@
+# Instagram for Ferdi
+This is the official Ferdi recipe for Instagram
+
+### How to create your own Ferdi recipes:
+* [Read the documentation](https://github.com/getferdi/recipes/blob/master/docs/integration.md)
\ No newline at end of file
diff --git a/recipes/instagram/icon.png b/recipes/instagram/icon.png
new file mode 100644
index 0000000..ef63e48
--- /dev/null
+++ b/recipes/instagram/icon.png
diff --git a/recipes/instagram/icon.svg b/recipes/instagram/icon.svg
new file mode 100644
index 0000000..3b2777d
--- /dev/null
+++ b/recipes/instagram/icon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="132.004" height="132" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><linearGradient id="b"><stop offset="0" stop-color="#3771c8"/><stop stop-color="#3771c8" offset=".128"/><stop offset="1" stop-color="#60f" stop-opacity="0"/></linearGradient><linearGradient id="a"><stop offset="0" stop-color="#fd5"/><stop offset=".1" stop-color="#fd5"/><stop offset=".5" stop-color="#ff543e"/><stop offset="1" stop-color="#c837ab"/></linearGradient><radialGradient id="c" cx="158.429" cy="578.088" r="65" xlink:href="#a" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0 -1.982 1.844 0 -1031.402 454.004)" fx="158.429" fy="578.088"/><radialGradient id="d" cx="147.694" cy="473.455" r="65" xlink:href="#b" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.174 .869 -3.582 .717 1648.348 -458.493)" fx="147.694" fy="473.455"/></defs><path fill="url(#c)" d="M66.034 1c-27.142 0-35.08.028-36.623.156-5.57.463-9.036 1.34-12.812 3.22-2.91 1.445-5.205 3.12-7.47 5.468-4.125 4.282-6.625 9.55-7.53 15.812-.44 3.04-.568 3.66-.594 19.188-.01 5.176 0 11.988 0 21.125 0 27.12.03 35.05.16 36.59.45 5.42 1.3 8.83 3.1 12.56 3.44 7.14 10.01 12.5 17.75 14.5 2.68.69 5.64 1.07 9.44 1.25 1.61.07 18.02.12 34.44.12 16.42 0 32.84-.02 34.41-.1 4.4-.207 6.955-.55 9.78-1.28 7.79-2.01 14.24-7.29 17.75-14.53 1.765-3.64 2.66-7.18 3.065-12.317.088-1.12.125-18.977.125-36.81 0-17.836-.04-35.66-.128-36.78-.41-5.22-1.305-8.73-3.127-12.44-1.495-3.037-3.155-5.305-5.565-7.624-4.301-4.108-9.561-6.608-15.829-7.512-3.037-.439-3.642-.569-19.182-.596h-21.16z"/><path fill="url(#d)" d="M66.034 1c-27.142 0-35.08.028-36.623.156-5.57.463-9.036 1.34-12.812 3.22-2.91 1.445-5.205 3.12-7.47 5.468-4.125 4.282-6.625 9.55-7.53 15.812-.44 3.04-.568 3.66-.594 19.188-.01 5.176 0 11.988 0 21.125 0 27.12.03 35.05.16 36.59.45 5.42 1.3 8.83 3.1 12.56 3.44 7.14 10.01 12.5 17.75 14.5 2.68.69 5.64 1.07 9.44 1.25 1.61.07 18.02.12 34.44.12 16.42 0 32.84-.02 34.41-.1 4.4-.207 6.955-.55 9.78-1.28 7.79-2.01 14.24-7.29 17.75-14.53 1.765-3.64 2.66-7.18 3.065-12.317.088-1.12.125-18.977.125-36.81 0-17.836-.04-35.66-.128-36.78-.41-5.22-1.305-8.73-3.127-12.44-1.495-3.037-3.155-5.305-5.565-7.624-4.301-4.108-9.561-6.608-15.829-7.512-3.037-.439-3.642-.569-19.182-.596h-21.16z"/><path fill="#fff" d="M66.004 18c-13.036 0-14.672.057-19.792.29-5.11.234-8.598 1.043-11.65 2.23-3.157 1.226-5.835 2.866-8.503 5.535-2.67 2.668-4.31 5.346-5.54 8.502-1.19 3.053-2 6.542-2.23 11.65-.229 5.12-.289 6.757-.289 19.793s.058 14.667.29 19.787c.235 5.11 1.044 8.598 2.23 11.65 1.227 3.157 2.867 5.835 5.536 8.503 2.667 2.67 5.345 4.314 8.5 5.54 3.054 1.187 6.543 1.996 11.652 2.23 5.12.233 6.755.29 19.79.29 13.037 0 14.668-.057 19.788-.29 5.11-.234 8.602-1.043 11.656-2.23 3.156-1.226 5.83-2.87 8.497-5.54 2.67-2.668 4.31-5.346 5.54-8.502 1.18-3.053 1.99-6.542 2.23-11.65.23-5.12.29-6.752.29-19.788 0-13.036-.06-14.672-.29-19.792-.24-5.11-1.05-8.598-2.23-11.65-1.23-3.157-2.87-5.835-5.54-8.503-2.67-2.67-5.34-4.31-8.5-5.535-3.06-1.187-6.55-1.996-11.66-2.23-5.12-.233-6.75-.29-19.79-.29zm-4.306 8.65c1.278-.002 2.704 0 4.306 0 12.816 0 14.335.046 19.396.276 4.68.214 7.22.996 8.912 1.653 2.24.87 3.837 1.91 5.516 3.59 1.68 1.68 2.72 3.28 3.592 5.52.657 1.69 1.44 4.23 1.653 8.91.23 5.06.28 6.58.28 19.39s-.05 14.33-.28 19.39c-.214 4.68-.996 7.22-1.653 8.91-.87 2.24-1.912 3.835-3.592 5.514-1.68 1.68-3.275 2.72-5.516 3.59-1.69.66-4.232 1.44-8.912 1.654-5.06.23-6.58.28-19.396.28-12.817 0-14.336-.05-19.396-.28-4.68-.216-7.22-.998-8.913-1.655-2.24-.87-3.84-1.91-5.52-3.59-1.68-1.68-2.72-3.276-3.592-5.517-.657-1.69-1.44-4.23-1.653-8.91-.23-5.06-.276-6.58-.276-19.398s.046-14.33.276-19.39c.214-4.68.996-7.22 1.653-8.912.87-2.24 1.912-3.84 3.592-5.52 1.68-1.68 3.28-2.72 5.52-3.592 1.692-.66 4.233-1.44 8.913-1.655 4.428-.2 6.144-.26 15.09-.27zm29.928 7.97c-3.18 0-5.76 2.577-5.76 5.758 0 3.18 2.58 5.76 5.76 5.76 3.18 0 5.76-2.58 5.76-5.76 0-3.18-2.58-5.76-5.76-5.76zm-25.622 6.73c-13.613 0-24.65 11.037-24.65 24.65 0 13.613 11.037 24.645 24.65 24.645 13.613 0 24.646-11.032 24.646-24.645s-11.034-24.65-24.647-24.65zm0 8.65c8.836 0 16 7.163 16 16 0 8.836-7.164 16-16 16-8.837 0-16-7.164-16-16 0-8.837 7.163-16 16-16z"/></svg>
\ No newline at end of file
diff --git a/recipes/instagram/index.js b/recipes/instagram/index.js
new file mode 100644
index 0000000..12ff25a
--- /dev/null
+++ b/recipes/instagram/index.js
@@ -0,0 +1,8 @@
+module.exports = Franz => class Instagram extends Franz {
+  overrideUserAgent() {
+    return window.navigator.userAgent.replace(
+      /(Ferdi|Electron)\/\S+ \([^)]+\)/g,
+      ""
+    );
+  }
+};
diff --git a/recipes/instagram/package.json b/recipes/instagram/package.json
new file mode 100644
index 0000000..d245ec7
--- /dev/null
+++ b/recipes/instagram/package.json
@@ -0,0 +1,13 @@
+{
+  "id": "instagram",
+  "name": "Instagram",
+  "version": "2.0.0",
+  "description": "Instagram",
+  "main": "index.js",
+  "author": "Amine Mouafik <amine@mouafik.fr>",
+  "license": "MIT",
+  "config": {
+    "serviceURL": "https://instagram.com/direct/inbox",
+    "hasNotificationSound": true
+  }
+}
diff --git a/recipes/instagram/service.css b/recipes/instagram/service.css
new file mode 100644
index 0000000..2cd727c
--- /dev/null
+++ b/recipes/instagram/service.css
@@ -0,0 +1,11 @@
+.oYYFH {
+  padding: 0 !important;
+}
+
+.MWDvN, .oYYFH > div {
+  max-width: 100% !important;
+}
+
+._lz6s {
+  border-bottom: 0 !important;
+}
\ No newline at end of file
diff --git a/recipes/instagram/webview.js b/recipes/instagram/webview.js
new file mode 100644
index 0000000..f4f7f94
--- /dev/null
+++ b/recipes/instagram/webview.js
@@ -0,0 +1,15 @@
+const path = require("path");
+
+module.exports = (Franz) => {
+  const getMessages = function getMessages() {
+    const element = document.querySelector('a[href^="/direct/inbox"]');
+
+    if (element) {
+      Franz.setBadge(parseInt(element.innerText, 10));
+    }
+  };
+
+  Franz.loop(getMessages);
+
+  Franz.injectCSS(path.join(__dirname, 'service.css'));
+};