New recipe: 'stackoverflow' (#707)

5 files changed, 38 insertions, 0 deletions

diff --git a/recipes/stackoverflow/icon.svg b/recipes/stackoverflow/icon.svg
new file mode 100644
index 0000000..5298d4c
--- /dev/null
+++ b/recipes/stackoverflow/icon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120"><style>.st0{fill:#bcbbbb}.st1{fill:#f48023}</style><path class="st0" d="M84.4 93.8V70.6h7.7v30.9H22.6V70.6h7.7v23.2z"/><path class="st1" d="M38.8 68.4l37.8 7.9 1.6-7.6-37.8-7.9-1.6 7.6zm5-18l35 16.3 3.2-7-35-16.4-3.2 7.1zm9.7-17.2l29.7 24.7 4.9-5.9-29.7-24.7-4.9 5.9zm19.2-18.3l-6.2 4.6 23 31 6.2-4.6-23-31zM38 86h38.6v-7.7H38V86z"/></svg>
\ No newline at end of file
diff --git a/recipes/stackoverflow/index.js b/recipes/stackoverflow/index.js
new file mode 100644
index 0000000..23607bd
--- /dev/null
+++ b/recipes/stackoverflow/index.js
@@ -0,0 +1 @@
+module.exports = Ferdi => Ferdi;
diff --git a/recipes/stackoverflow/package.json b/recipes/stackoverflow/package.json
new file mode 100644
index 0000000..6b41dd5
--- /dev/null
+++ b/recipes/stackoverflow/package.json
@@ -0,0 +1,11 @@
+{
+  "id": "stackoverflow",
+  "name": "Stackoverflow",
+  "version": "0.0.1",
+  "license": "MIT",
+  "repository": "https://github.com/christianascone/franz-recipe-stackoverflow",
+  "config": {
+    "serviceURL": "https://stackoverflow.com",
+    "hasNotificationSound": true
+  }
+}
diff --git a/recipes/stackoverflow/service.css b/recipes/stackoverflow/service.css
new file mode 100644
index 0000000..b453fd4
--- /dev/null
+++ b/recipes/stackoverflow/service.css
@@ -0,0 +1,5 @@
+.app-wrapper-web .app {
+    width: 100% !important;
+    height: 100% !important;
+    top: 0 !important;
+}
diff --git a/recipes/stackoverflow/webview.js b/recipes/stackoverflow/webview.js
new file mode 100644
index 0000000..4d20768
--- /dev/null
+++ b/recipes/stackoverflow/webview.js
@@ -0,0 +1,20 @@
+const _path = _interopRequireDefault(require('path'));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+module.exports = (Ferdi) => {
+  const getMessages = function getMessages() {
+    const elements = document.querySelectorAll('.CxUIE, .unread');
+    let count = 0;
+    for (let i = 0; i < elements.length; i += 1) {
+      if (elements[i].querySelectorAll('*[data-icon="muted"]').length === 0) {
+        count += 1;
+      }
+    }
+
+    Ferdi.setBadge(count);
+  };
+
+  Ferdi.loop(getMessages);
+  Ferdi.injectCSS(_path.default.join(__dirname, 'service.css'));
+};