Add Dropbox recipe #369 (#739)

5 files changed, 36 insertions, 0 deletions

diff --git a/recipes/dropbox/icon.svg b/recipes/dropbox/icon.svg
new file mode 100644
index 0000000..1933e14
--- /dev/null
+++ b/recipes/dropbox/icon.svg
@@ -0,0 +1,8 @@
+<svg version="1.2" baseProfile="tiny-ps" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80" width="1024" height="1024">
+        <title>Dropbox-svg</title>
+        <style>
+                tspan { white-space:pre }
+                .shp0 { fill: #0061ff } 
+        </style>
+        <path id="Layer" class="shp0" d="M39.6 20L20.8 32L39.6 44L20.8 56L2 43.9L20.8 31.9L2 20L20.8 8L39.6 20ZM20.7 59.8L39.5 47.8L58.3 59.8L39.5 71.8L20.7 59.8ZM39.6 43.9L58.4 31.9L39.6 20L58.3 8L77.1 20L58.3 32L77.1 44L58.3 56L39.6 43.9Z" />
+</svg>
\ No newline at end of file
diff --git a/recipes/dropbox/index.js b/recipes/dropbox/index.js
new file mode 100644
index 0000000..325d5ec
--- /dev/null
+++ b/recipes/dropbox/index.js
@@ -0,0 +1 @@
+module.exports = (Ferdi) => class Dropbox extends Ferdi {};
diff --git a/recipes/dropbox/package.json b/recipes/dropbox/package.json
new file mode 100644
index 0000000..f8df28b
--- /dev/null
+++ b/recipes/dropbox/package.json
@@ -0,0 +1,10 @@
+{
+  "id": "dropbox",
+  "name": "Dropbox",
+  "version": "1.0.0",
+  "license": "MIT",
+  "config": {
+    "serviceURL": "https://www.dropbox.com/home",
+    "hasIndirectMessages": true
+  }
+}
diff --git a/recipes/dropbox/service.css b/recipes/dropbox/service.css
new file mode 100644
index 0000000..38dcab0
--- /dev/null
+++ b/recipes/dropbox/service.css
@@ -0,0 +1 @@
+/* Insert custom styles you want to insert here */
\ No newline at end of file
diff --git a/recipes/dropbox/webview.js b/recipes/dropbox/webview.js
new file mode 100644
index 0000000..0cfbc7d
--- /dev/null
+++ b/recipes/dropbox/webview.js
@@ -0,0 +1,16 @@
+var _path = _interopRequireDefault(require("path"));
+
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+module.exports = (Ferdi) => {
+  const getMessages = () => {
+    const hasNotifications = document.querySelector(".dig-NotificationBadge");
+
+    Ferdi.setBadge(0, hasNotifications ? 1 : 0);
+  };
+  Ferdi.loop(getMessages);
+
+  Ferdi.injectCSS(_path.default.join(__dirname, "service.css"));
+};