Update Instagram recipe to use official web service (#111)

* initial commit

# Conflicts:
#	README.md

* Adjust recipe to Ferdi

Co-authored-by: Stefan Malzner <stefan@adlk.io>

5 files changed, 34 insertions, 15 deletions

diff --git a/uncompressed/instagram/README.md b/uncompressed/instagram/README.md
index b8d10f8..0f54f9e 100644
--- a/uncompressed/instagram/README.md
+++ b/uncompressed/instagram/README.md
@@ -1,3 +1,5 @@
-# Franz Instagram recipe
+# Instagram for Ferdi
+This is the official Ferdi recipe for Instagram
 
-A Franz recipe for Instagram service.
+### 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/uncompressed/instagram/index.js b/uncompressed/instagram/index.js
index b64a3e4..12ff25a 100644
--- a/uncompressed/instagram/index.js
+++ b/uncompressed/instagram/index.js
@@ -1,7 +1,8 @@
-'use strict'
-
 module.exports = Franz => class Instagram extends Franz {
   overrideUserAgent() {
-    return 'Mozilla/5.0 (iPhone; CPU iPhone OS 9_1 like Mac OS X) AppleWebKit/601.1.46 (KHTML, like Gecko) Version/9.0 Mobile/13B137 Safari/601.1'
+    return window.navigator.userAgent.replace(
+      /(Ferdi|Electron)\/\S+ \([^)]+\)/g,
+      ""
+    );
   }
-}
\ No newline at end of file
+};
diff --git a/uncompressed/instagram/package.json b/uncompressed/instagram/package.json
index 639afdb..d245ec7 100644
--- a/uncompressed/instagram/package.json
+++ b/uncompressed/instagram/package.json
@@ -1,15 +1,13 @@
 {
   "id": "instagram",
   "name": "Instagram",
-  "version": "1.0.0",
+  "version": "2.0.0",
   "description": "Instagram",
   "main": "index.js",
   "author": "Amine Mouafik <amine@mouafik.fr>",
   "license": "MIT",
-  "repository": "https://github.com/getferdi/recipes",
   "config": {
-    "hasNotificationSound": false,
-    "hasIndirectMessages": true,
-    "serviceURL": "https://www.instagram.com/direct/inbox/"
+    "serviceURL": "https://instagram.com/direct/inbox",
+    "hasNotificationSound": true
   }
 }
diff --git a/uncompressed/instagram/service.css b/uncompressed/instagram/service.css
index 8b13789..2cd727c 100644
--- a/uncompressed/instagram/service.css
+++ b/uncompressed/instagram/service.css
@@ -1 +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/uncompressed/instagram/webview.js b/uncompressed/instagram/webview.js
index aede5a5..f4f7f94 100644
--- a/uncompressed/instagram/webview.js
+++ b/uncompressed/instagram/webview.js
@@ -1,7 +1,15 @@
 const path = require("path");
 
-module.exports = Franz => {
-  // Apply fixes suggested in
-  // https://github.com/getferdi/recipes/issues/1
-  Franz.injectCSS(path.join(__dirname, "service.css"));
+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'));
 };