Added 'webview.js' as a mandatory file and fixed broken recipes

109 files changed, 919 insertions, 55 deletions

diff --git a/recipes/NewsBlur/package.json b/recipes/NewsBlur/package.json
index 4109b42..9370992 100644
--- a/recipes/NewsBlur/package.json
+++ b/recipes/NewsBlur/package.json
@@ -1,7 +1,7 @@
 {
   "id": "NewsBlur",
   "name": "NewsBlur",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://newsblur.com",
diff --git a/recipes/NewsBlur/webview.js b/recipes/NewsBlur/webview.js
new file mode 100644
index 0000000..86bb422
--- /dev/null
+++ b/recipes/NewsBlur/webview.js
@@ -0,0 +1,16 @@
+const _path = _interopRequireDefault(require('path'));
+
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+module.exports = Ferdium => {
+  // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
+  // const getMessages = () => {
+  //   // TODO: Insert your notification-finding code here
+  //   Ferdium.setBadge(0, 0);
+  // };
+  // Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+};
diff --git a/recipes/OVHCloud/package.json b/recipes/OVHCloud/package.json
index 140a19c..5c4851f 100644
--- a/recipes/OVHCloud/package.json
+++ b/recipes/OVHCloud/package.json
@@ -1,7 +1,7 @@
 {
   "id": "OVHCloud",
   "name": "OVH Cloud",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://www.ovh.com/auth"
diff --git a/recipes/OVHCloud/webview.js b/recipes/OVHCloud/webview.js
new file mode 100644
index 0000000..86bb422
--- /dev/null
+++ b/recipes/OVHCloud/webview.js
@@ -0,0 +1,16 @@
+const _path = _interopRequireDefault(require('path'));
+
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+module.exports = Ferdium => {
+  // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
+  // const getMessages = () => {
+  //   // TODO: Insert your notification-finding code here
+  //   Ferdium.setBadge(0, 0);
+  // };
+  // Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+};
diff --git a/recipes/airtable/package.json b/recipes/airtable/package.json
index d3c233c..89a015e 100644
--- a/recipes/airtable/package.json
+++ b/recipes/airtable/package.json
@@ -1,7 +1,7 @@
 {
   "id": "airtable",
   "name": "Airtable",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "repository": "https://github.com/transnat/recipe-airtable",
   "config": {
diff --git a/recipes/airtable/webview.js b/recipes/airtable/webview.js
new file mode 100644
index 0000000..86bb422
--- /dev/null
+++ b/recipes/airtable/webview.js
@@ -0,0 +1,16 @@
+const _path = _interopRequireDefault(require('path'));
+
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+module.exports = Ferdium => {
+  // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
+  // const getMessages = () => {
+  //   // TODO: Insert your notification-finding code here
+  //   Ferdium.setBadge(0, 0);
+  // };
+  // Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+};
diff --git a/recipes/amazon-web-services/package.json b/recipes/amazon-web-services/package.json
index 6f40c12..b23845e 100644
--- a/recipes/amazon-web-services/package.json
+++ b/recipes/amazon-web-services/package.json
@@ -1,7 +1,7 @@
 {
   "id": "amazon-web-services",
   "name": "Amazon Web Services",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "license": "MIT",
   "aliases": [
     "aws"
diff --git a/recipes/amazon-web-services/webview.js b/recipes/amazon-web-services/webview.js
new file mode 100644
index 0000000..86bb422
--- /dev/null
+++ b/recipes/amazon-web-services/webview.js
@@ -0,0 +1,16 @@
+const _path = _interopRequireDefault(require('path'));
+
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+module.exports = Ferdium => {
+  // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
+  // const getMessages = () => {
+  //   // TODO: Insert your notification-finding code here
+  //   Ferdium.setBadge(0, 0);
+  // };
+  // Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+};
diff --git a/recipes/azure-devops/package.json b/recipes/azure-devops/package.json
index 17ce7b0..b316d64 100644
--- a/recipes/azure-devops/package.json
+++ b/recipes/azure-devops/package.json
@@ -1,7 +1,7 @@
 {
   "id": "azure-devops",
   "name": "Azure DevOps",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "aliases": [
     "azdo"
diff --git a/recipes/azure-devops/webview.js b/recipes/azure-devops/webview.js
new file mode 100644
index 0000000..86bb422
--- /dev/null
+++ b/recipes/azure-devops/webview.js
@@ -0,0 +1,16 @@
+const _path = _interopRequireDefault(require('path'));
+
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+module.exports = Ferdium => {
+  // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
+  // const getMessages = () => {
+  //   // TODO: Insert your notification-finding code here
+  //   Ferdium.setBadge(0, 0);
+  // };
+  // Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+};
diff --git a/recipes/bigbluebutton/package.json b/recipes/bigbluebutton/package.json
index b37a070..934bf3e 100644
--- a/recipes/bigbluebutton/package.json
+++ b/recipes/bigbluebutton/package.json
@@ -1,7 +1,7 @@
 {
   "id": "bigbluebutton",
   "name": "BigBlueButton",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://bigbluebutton.mycompany.com/",
diff --git a/recipes/bigbluebutton/webview.js b/recipes/bigbluebutton/webview.js
new file mode 100644
index 0000000..86bb422
--- /dev/null
+++ b/recipes/bigbluebutton/webview.js
@@ -0,0 +1,16 @@
+const _path = _interopRequireDefault(require('path'));
+
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+module.exports = Ferdium => {
+  // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
+  // const getMessages = () => {
+  //   // TODO: Insert your notification-finding code here
+  //   Ferdium.setBadge(0, 0);
+  // };
+  // Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+};
diff --git a/recipes/binance/package.json b/recipes/binance/package.json
index 20ade20..c289b4a 100644
--- a/recipes/binance/package.json
+++ b/recipes/binance/package.json
@@ -1,7 +1,7 @@
 {
   "id": "binance",
   "name": "Binance",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://accounts.binance.com"
diff --git a/recipes/binance/webview.js b/recipes/binance/webview.js
new file mode 100644
index 0000000..86bb422
--- /dev/null
+++ b/recipes/binance/webview.js
@@ -0,0 +1,16 @@
+const _path = _interopRequireDefault(require('path'));
+
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+module.exports = Ferdium => {
+  // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
+  // const getMessages = () => {
+  //   // TODO: Insert your notification-finding code here
+  //   Ferdium.setBadge(0, 0);
+  // };
+  // Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+};
diff --git a/recipes/bitwarden/package.json b/recipes/bitwarden/package.json
index 92e9a9d..7972221 100644
--- a/recipes/bitwarden/package.json
+++ b/recipes/bitwarden/package.json
@@ -1,7 +1,7 @@
 {
   "id": "bitwarden",
   "name": "Bitwarden",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://vault.bitwarden.com",
diff --git a/recipes/bitwarden/webview.js b/recipes/bitwarden/webview.js
new file mode 100644
index 0000000..86bb422
--- /dev/null
+++ b/recipes/bitwarden/webview.js
@@ -0,0 +1,16 @@
+const _path = _interopRequireDefault(require('path'));
+
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+module.exports = Ferdium => {
+  // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
+  // const getMessages = () => {
+  //   // TODO: Insert your notification-finding code here
+  //   Ferdium.setBadge(0, 0);
+  // };
+  // Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+};
diff --git a/recipes/box/package.json b/recipes/box/package.json
index 6d17ac1..9dd493f 100644
--- a/recipes/box/package.json
+++ b/recipes/box/package.json
@@ -1,7 +1,7 @@
 {
   "id": "box",
   "name": "Box",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://account.box.com/login"
diff --git a/recipes/box/webview.js b/recipes/box/webview.js
new file mode 100644
index 0000000..86bb422
--- /dev/null
+++ b/recipes/box/webview.js
@@ -0,0 +1,16 @@
+const _path = _interopRequireDefault(require('path'));
+
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+module.exports = Ferdium => {
+  // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
+  // const getMessages = () => {
+  //   // TODO: Insert your notification-finding code here
+  //   Ferdium.setBadge(0, 0);
+  // };
+  // Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+};
diff --git a/recipes/cliq/package.json b/recipes/cliq/package.json
index 8087801..56b2b6e 100644
--- a/recipes/cliq/package.json
+++ b/recipes/cliq/package.json
@@ -1,7 +1,7 @@
 {
   "id": "cliq",
   "name": "Cliq",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "repository": "https://github.com/cliqgeek/recipe-cliq",
   "config": {
     "serviceURL": "https://www.zoho.com/cliq/login.html",
diff --git a/recipes/cliq/webview.js b/recipes/cliq/webview.js
new file mode 100644
index 0000000..86bb422
--- /dev/null
+++ b/recipes/cliq/webview.js
@@ -0,0 +1,16 @@
+const _path = _interopRequireDefault(require('path'));
+
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+module.exports = Ferdium => {
+  // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
+  // const getMessages = () => {
+  //   // TODO: Insert your notification-finding code here
+  //   Ferdium.setBadge(0, 0);
+  // };
+  // Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+};
diff --git a/recipes/clockwise/package.json b/recipes/clockwise/package.json
index 55d5e0e..859b0fa 100644
--- a/recipes/clockwise/package.json
+++ b/recipes/clockwise/package.json
@@ -1,7 +1,7 @@
 {
   "id": "clockwise",
   "name": "Clockwise",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "license": "MIT",
   "repository": "https://github.com/TheKevJames/franz-recipe-clockwise",
   "config": {
diff --git a/recipes/clockwise/webview.js b/recipes/clockwise/webview.js
new file mode 100644
index 0000000..86bb422
--- /dev/null
+++ b/recipes/clockwise/webview.js
@@ -0,0 +1,16 @@
+const _path = _interopRequireDefault(require('path'));
+
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+module.exports = Ferdium => {
+  // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
+  // const getMessages = () => {
+  //   // TODO: Insert your notification-finding code here
+  //   Ferdium.setBadge(0, 0);
+  // };
+  // Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+};
diff --git a/recipes/devdocs/package.json b/recipes/devdocs/package.json
index 718cfab..ab3a25b 100644
--- a/recipes/devdocs/package.json
+++ b/recipes/devdocs/package.json
@@ -1,7 +1,7 @@
 {
   "id": "devdocs",
   "name": "DevDocs",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://devdocs.io"
diff --git a/recipes/devdocs/webview.js b/recipes/devdocs/webview.js
new file mode 100644
index 0000000..86bb422
--- /dev/null
+++ b/recipes/devdocs/webview.js
@@ -0,0 +1,16 @@
+const _path = _interopRequireDefault(require('path'));
+
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+module.exports = Ferdium => {
+  // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
+  // const getMessages = () => {
+  //   // TODO: Insert your notification-finding code here
+  //   Ferdium.setBadge(0, 0);
+  // };
+  // Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+};
diff --git a/recipes/dockerhub/package.json b/recipes/dockerhub/package.json
index c461fb1..58aaf06 100644
--- a/recipes/dockerhub/package.json
+++ b/recipes/dockerhub/package.json
@@ -1,7 +1,7 @@
 {
   "id": "dockerhub",
   "name": "Docker Hub",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://hub.docker.com"
diff --git a/recipes/dockerhub/webview.js b/recipes/dockerhub/webview.js
new file mode 100644
index 0000000..86bb422
--- /dev/null
+++ b/recipes/dockerhub/webview.js
@@ -0,0 +1,16 @@
+const _path = _interopRequireDefault(require('path'));
+
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+module.exports = Ferdium => {
+  // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
+  // const getMessages = () => {
+  //   // TODO: Insert your notification-finding code here
+  //   Ferdium.setBadge(0, 0);
+  // };
+  // Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+};
diff --git a/recipes/easy-redmine/package.json b/recipes/easy-redmine/package.json
index 91aa5e7..718c665 100644
--- a/recipes/easy-redmine/package.json
+++ b/recipes/easy-redmine/package.json
@@ -1,7 +1,7 @@
 {
   "id": "easy-redmine",
   "name": "Easy Redmine",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://{teamID}.easyredmine.com",
diff --git a/recipes/easy-redmine/webview.js b/recipes/easy-redmine/webview.js
new file mode 100644
index 0000000..86bb422
--- /dev/null
+++ b/recipes/easy-redmine/webview.js
@@ -0,0 +1,16 @@
+const _path = _interopRequireDefault(require('path'));
+
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+module.exports = Ferdium => {
+  // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
+  // const getMessages = () => {
+  //   // TODO: Insert your notification-finding code here
+  //   Ferdium.setBadge(0, 0);
+  // };
+  // Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+};
diff --git a/recipes/figma/package.json b/recipes/figma/package.json
index f58291c..64ff87f 100644
--- a/recipes/figma/package.json
+++ b/recipes/figma/package.json
@@ -1,7 +1,7 @@
 {
   "id": "figma",
   "name": "Figma",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://figma.com"
diff --git a/recipes/figma/webview.js b/recipes/figma/webview.js
new file mode 100644
index 0000000..86bb422
--- /dev/null
+++ b/recipes/figma/webview.js
@@ -0,0 +1,16 @@
+const _path = _interopRequireDefault(require('path'));
+
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+module.exports = Ferdium => {
+  // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
+  // const getMessages = () => {
+  //   // TODO: Insert your notification-finding code here
+  //   Ferdium.setBadge(0, 0);
+  // };
+  // Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+};
diff --git a/recipes/gaming-on-linux/package.json b/recipes/gaming-on-linux/package.json
index dcf0f5d..69eff9f 100644
--- a/recipes/gaming-on-linux/package.json
+++ b/recipes/gaming-on-linux/package.json
@@ -1,7 +1,7 @@
 {
   "id": "gaming-on-linux",
   "name": "GamingOnLinux",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://www.gamingonlinux.com"
diff --git a/recipes/gaming-on-linux/webview.js b/recipes/gaming-on-linux/webview.js
new file mode 100644
index 0000000..86bb422
--- /dev/null
+++ b/recipes/gaming-on-linux/webview.js
@@ -0,0 +1,16 @@
+const _path = _interopRequireDefault(require('path'));
+
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+module.exports = Ferdium => {
+  // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
+  // const getMessages = () => {
+  //   // TODO: Insert your notification-finding code here
+  //   Ferdium.setBadge(0, 0);
+  // };
+  // Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+};
diff --git a/recipes/google-contacts/package.json b/recipes/google-contacts/package.json
index f5214c6..61fa51c 100644
--- a/recipes/google-contacts/package.json
+++ b/recipes/google-contacts/package.json
@@ -1,7 +1,7 @@
 {
   "id": "google-contacts",
   "name": "Google Contacts",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://contacts.google.com/"
diff --git a/recipes/google-contacts/webview.js b/recipes/google-contacts/webview.js
new file mode 100644
index 0000000..86bb422
--- /dev/null
+++ b/recipes/google-contacts/webview.js
@@ -0,0 +1,16 @@
+const _path = _interopRequireDefault(require('path'));
+
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+module.exports = Ferdium => {
+  // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
+  // const getMessages = () => {
+  //   // TODO: Insert your notification-finding code here
+  //   Ferdium.setBadge(0, 0);
+  // };
+  // Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+};
diff --git a/recipes/google-duo/package.json b/recipes/google-duo/package.json
index 8d50a8e..9f45a5f 100644
--- a/recipes/google-duo/package.json
+++ b/recipes/google-duo/package.json
@@ -1,7 +1,7 @@
 {
   "id": "google-duo",
   "name": "Google Duo",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "license": "MIT",
   "repository": "https://github.com/AnalogCyan/recipe-franz-googleduo",
   "config": {
diff --git a/recipes/google-duo/webview.js b/recipes/google-duo/webview.js
new file mode 100644
index 0000000..86bb422
--- /dev/null
+++ b/recipes/google-duo/webview.js
@@ -0,0 +1,16 @@
+const _path = _interopRequireDefault(require('path'));
+
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+module.exports = Ferdium => {
+  // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
+  // const getMessages = () => {
+  //   // TODO: Insert your notification-finding code here
+  //   Ferdium.setBadge(0, 0);
+  // };
+  // Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+};
diff --git a/recipes/google-news/package.json b/recipes/google-news/package.json
index f23b8ee..c7d7694 100644
--- a/recipes/google-news/package.json
+++ b/recipes/google-news/package.json
@@ -1,7 +1,7 @@
 {
   "id": "google-news",
   "name": "Google News",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://news.google.com/"
diff --git a/recipes/google-news/webview.js b/recipes/google-news/webview.js
new file mode 100644
index 0000000..86bb422
--- /dev/null
+++ b/recipes/google-news/webview.js
@@ -0,0 +1,16 @@
+const _path = _interopRequireDefault(require('path'));
+
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+module.exports = Ferdium => {
+  // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
+  // const getMessages = () => {
+  //   // TODO: Insert your notification-finding code here
+  //   Ferdium.setBadge(0, 0);
+  // };
+  // Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+};
diff --git a/recipes/google-translate/package.json b/recipes/google-translate/package.json
index 777f17e..4b2ccab 100644
--- a/recipes/google-translate/package.json
+++ b/recipes/google-translate/package.json
@@ -1,7 +1,7 @@
 {
   "id": "google-translate",
   "name": "Google Translate",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://translate.google.com"
diff --git a/recipes/google-translate/webview.js b/recipes/google-translate/webview.js
new file mode 100644
index 0000000..86bb422
--- /dev/null
+++ b/recipes/google-translate/webview.js
@@ -0,0 +1,16 @@
+const _path = _interopRequireDefault(require('path'));
+
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+module.exports = Ferdium => {
+  // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
+  // const getMessages = () => {
+  //   // TODO: Insert your notification-finding code here
+  //   Ferdium.setBadge(0, 0);
+  // };
+  // Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+};
diff --git a/recipes/googlekeep/package.json b/recipes/googlekeep/package.json
index 1ba6dfd..db9eace 100644
--- a/recipes/googlekeep/package.json
+++ b/recipes/googlekeep/package.json
@@ -1,7 +1,7 @@
 {
   "id": "googlekeep",
   "name": "Google Keep",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://keep.google.com/"
diff --git a/recipes/googlekeep/webview.js b/recipes/googlekeep/webview.js
new file mode 100644
index 0000000..86bb422
--- /dev/null
+++ b/recipes/googlekeep/webview.js
@@ -0,0 +1,16 @@
+const _path = _interopRequireDefault(require('path'));
+
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+module.exports = Ferdium => {
+  // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
+  // const getMessages = () => {
+  //   // TODO: Insert your notification-finding code here
+  //   Ferdium.setBadge(0, 0);
+  // };
+  // Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+};
diff --git a/recipes/googlepodcasts/package.json b/recipes/googlepodcasts/package.json
index 7f401b9..ba2ef86 100644
--- a/recipes/googlepodcasts/package.json
+++ b/recipes/googlepodcasts/package.json
@@ -1,7 +1,7 @@
 {
   "id": "googlepodcasts",
   "name": "Google Podcasts",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://podcasts.google.com/"
diff --git a/recipes/googlepodcasts/webview.js b/recipes/googlepodcasts/webview.js
new file mode 100644
index 0000000..86bb422
--- /dev/null
+++ b/recipes/googlepodcasts/webview.js
@@ -0,0 +1,16 @@
+const _path = _interopRequireDefault(require('path'));
+
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+module.exports = Ferdium => {
+  // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
+  // const getMessages = () => {
+  //   // TODO: Insert your notification-finding code here
+  //   Ferdium.setBadge(0, 0);
+  // };
+  // Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+};
diff --git a/recipes/harvest/package.json b/recipes/harvest/package.json
index 7f111c0..1913855 100644
--- a/recipes/harvest/package.json
+++ b/recipes/harvest/package.json
@@ -1,7 +1,7 @@
 {
   "id": "harvest",
   "name": "Harvest",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://{teamId}.harvestapp.com",
diff --git a/recipes/harvest/webview.js b/recipes/harvest/webview.js
new file mode 100644
index 0000000..86bb422
--- /dev/null
+++ b/recipes/harvest/webview.js
@@ -0,0 +1,16 @@
+const _path = _interopRequireDefault(require('path'));
+
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+module.exports = Ferdium => {
+  // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
+  // const getMessages = () => {
+  //   // TODO: Insert your notification-finding code here
+  //   Ferdium.setBadge(0, 0);
+  // };
+  // Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+};
diff --git a/recipes/iCloud/package.json b/recipes/iCloud/package.json
index aebc038..836e92a 100644
--- a/recipes/iCloud/package.json
+++ b/recipes/iCloud/package.json
@@ -1,7 +1,7 @@
 {
   "id": "iCloud",
   "name": "iCloud",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://www.icloud.com/"
diff --git a/recipes/iCloud/webview.js b/recipes/iCloud/webview.js
new file mode 100644
index 0000000..86bb422
--- /dev/null
+++ b/recipes/iCloud/webview.js
@@ -0,0 +1,16 @@
+const _path = _interopRequireDefault(require('path'));
+
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+module.exports = Ferdium => {
+  // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
+  // const getMessages = () => {
+  //   // TODO: Insert your notification-finding code here
+  //   Ferdium.setBadge(0, 0);
+  // };
+  // Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+};
diff --git a/recipes/icloud-reminders/package.json b/recipes/icloud-reminders/package.json
index 11a3f01..96d5dbd 100644
--- a/recipes/icloud-reminders/package.json
+++ b/recipes/icloud-reminders/package.json
@@ -1,7 +1,7 @@
 {
   "id": "icloud-reminders",
   "name": "iCloud Reminders",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://www.icloud.com/reminders"
diff --git a/recipes/icloud-reminders/webview.js b/recipes/icloud-reminders/webview.js
new file mode 100644
index 0000000..86bb422
--- /dev/null
+++ b/recipes/icloud-reminders/webview.js
@@ -0,0 +1,16 @@
+const _path = _interopRequireDefault(require('path'));
+
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+module.exports = Ferdium => {
+  // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
+  // const getMessages = () => {
+  //   // TODO: Insert your notification-finding code here
+  //   Ferdium.setBadge(0, 0);
+  // };
+  // Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+};
diff --git a/recipes/keybase.io/package.json b/recipes/keybase.io/package.json
index f79e411..414a0ce 100644
--- a/recipes/keybase.io/package.json
+++ b/recipes/keybase.io/package.json
@@ -1,7 +1,7 @@
 {
   "id": "keybase.io",
   "name": "Keybase",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://keybase.io/login",
diff --git a/recipes/keybase.io/webview.js b/recipes/keybase.io/webview.js
new file mode 100644
index 0000000..86bb422
--- /dev/null
+++ b/recipes/keybase.io/webview.js
@@ -0,0 +1,16 @@
+const _path = _interopRequireDefault(require('path'));
+
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+module.exports = Ferdium => {
+  // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
+  // const getMessages = () => {
+  //   // TODO: Insert your notification-finding code here
+  //   Ferdium.setBadge(0, 0);
+  // };
+  // Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+};
diff --git a/recipes/monicahq/package.json b/recipes/monicahq/package.json
index 58d69b9..3b18cab 100755
--- a/recipes/monicahq/package.json
+++ b/recipes/monicahq/package.json
@@ -1,7 +1,7 @@
 {
   "id": "monicahq",
   "name": "Monica HQ",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "repository": "https://github.com/jkbecker/recipe-monica",
   "config": {
diff --git a/recipes/monicahq/webview.js b/recipes/monicahq/webview.js
new file mode 100644
index 0000000..86bb422
--- /dev/null
+++ b/recipes/monicahq/webview.js
@@ -0,0 +1,16 @@
+const _path = _interopRequireDefault(require('path'));
+
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+module.exports = Ferdium => {
+  // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
+  // const getMessages = () => {
+  //   // TODO: Insert your notification-finding code here
+  //   Ferdium.setBadge(0, 0);
+  // };
+  // Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+};
diff --git a/recipes/netatmo-energy/package.json b/recipes/netatmo-energy/package.json
index 1d72bf0..2cf28de 100644
--- a/recipes/netatmo-energy/package.json
+++ b/recipes/netatmo-energy/package.json
@@ -1,7 +1,7 @@
 {
   "id": "netatmo-energy",
   "name": "Netatmo Energy",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "repository": "https://github.com/rctneil/franz-recipe-netatmo-energy",
   "config": {
diff --git a/recipes/netatmo-energy/webview.js b/recipes/netatmo-energy/webview.js
new file mode 100644
index 0000000..86bb422
--- /dev/null
+++ b/recipes/netatmo-energy/webview.js
@@ -0,0 +1,16 @@
+const _path = _interopRequireDefault(require('path'));
+
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+module.exports = Ferdium => {
+  // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
+  // const getMessages = () => {
+  //   // TODO: Insert your notification-finding code here
+  //   Ferdium.setBadge(0, 0);
+  // };
+  // Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+};
diff --git a/recipes/noisli/package.json b/recipes/noisli/package.json
index 66215c8..0a35c57 100755
--- a/recipes/noisli/package.json
+++ b/recipes/noisli/package.json
@@ -1,7 +1,7 @@
 {
   "id": "noisli",
   "name": "Noisli",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://www.noisli.com/login"
diff --git a/recipes/noisli/webview.js b/recipes/noisli/webview.js
new file mode 100644
index 0000000..86bb422
--- /dev/null
+++ b/recipes/noisli/webview.js
@@ -0,0 +1,16 @@
+const _path = _interopRequireDefault(require('path'));
+
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+module.exports = Ferdium => {
+  // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
+  // const getMessages = () => {
+  //   // TODO: Insert your notification-finding code here
+  //   Ferdium.setBadge(0, 0);
+  // };
+  // Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+};
diff --git a/recipes/odoo/package.json b/recipes/odoo/package.json
index 3069723..3c95b13 100644
--- a/recipes/odoo/package.json
+++ b/recipes/odoo/package.json
@@ -1,7 +1,7 @@
 {
   "id": "odoo",
   "name": "Odoo",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://www.odoo.com/web/login",
diff --git a/recipes/odoo/webview.js b/recipes/odoo/webview.js
new file mode 100644
index 0000000..86bb422
--- /dev/null
+++ b/recipes/odoo/webview.js
@@ -0,0 +1,16 @@
+const _path = _interopRequireDefault(require('path'));
+
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+module.exports = Ferdium => {
+  // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
+  // const getMessages = () => {
+  //   // TODO: Insert your notification-finding code here
+  //   Ferdium.setBadge(0, 0);
+  // };
+  // Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+};
diff --git a/recipes/onenote/package.json b/recipes/onenote/package.json
index 2a7bf38..a9957d0 100644
--- a/recipes/onenote/package.json
+++ b/recipes/onenote/package.json
@@ -1,7 +1,7 @@
 {
   "id": "onenote",
   "name": "OneNote",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://onenote.com"
diff --git a/recipes/onenote/webview.js b/recipes/onenote/webview.js
new file mode 100644
index 0000000..86bb422
--- /dev/null
+++ b/recipes/onenote/webview.js
@@ -0,0 +1,16 @@
+const _path = _interopRequireDefault(require('path'));
+
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+module.exports = Ferdium => {
+  // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
+  // const getMessages = () => {
+  //   // TODO: Insert your notification-finding code here
+  //   Ferdium.setBadge(0, 0);
+  // };
+  // Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+};
diff --git a/recipes/paymo/package.json b/recipes/paymo/package.json
index d886528..5fb2c9d 100644
--- a/recipes/paymo/package.json
+++ b/recipes/paymo/package.json
@@ -1,7 +1,7 @@
 {
   "id": "paymo",
   "name": "Paymo",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://app.paymoapp.com/auth/login"
diff --git a/recipes/paymo/webview.js b/recipes/paymo/webview.js
new file mode 100644
index 0000000..86bb422
--- /dev/null
+++ b/recipes/paymo/webview.js
@@ -0,0 +1,16 @@
+const _path = _interopRequireDefault(require('path'));
+
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+module.exports = Ferdium => {
+  // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
+  // const getMessages = () => {
+  //   // TODO: Insert your notification-finding code here
+  //   Ferdium.setBadge(0, 0);
+  // };
+  // Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+};
diff --git a/recipes/pinterest/package.json b/recipes/pinterest/package.json
index 5790e1f..2773675 100644
--- a/recipes/pinterest/package.json
+++ b/recipes/pinterest/package.json
@@ -1,7 +1,7 @@
 {
   "id": "pinterest",
   "name": "Pinterest",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://pinterest.com"
diff --git a/recipes/pinterest/webview.js b/recipes/pinterest/webview.js
new file mode 100644
index 0000000..86bb422
--- /dev/null
+++ b/recipes/pinterest/webview.js
@@ -0,0 +1,16 @@
+const _path = _interopRequireDefault(require('path'));
+
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+module.exports = Ferdium => {
+  // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
+  // const getMessages = () => {
+  //   // TODO: Insert your notification-finding code here
+  //   Ferdium.setBadge(0, 0);
+  // };
+  // Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+};
diff --git a/recipes/plan/package.json b/recipes/plan/package.json
index ab2b162..3d61a68 100644
--- a/recipes/plan/package.json
+++ b/recipes/plan/package.json
@@ -1,7 +1,7 @@
 {
   "id": "plan",
   "name": "Plan",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://getplan.co/",
diff --git a/recipes/plan/webview.js b/recipes/plan/webview.js
new file mode 100644
index 0000000..86bb422
--- /dev/null
+++ b/recipes/plan/webview.js
@@ -0,0 +1,16 @@
+const _path = _interopRequireDefault(require('path'));
+
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+module.exports = Ferdium => {
+  // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
+  // const getMessages = () => {
+  //   // TODO: Insert your notification-finding code here
+  //   Ferdium.setBadge(0, 0);
+  // };
+  // Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+};
diff --git a/recipes/pocket/package.json b/recipes/pocket/package.json
index bc7630a..5f81d1f 100644
--- a/recipes/pocket/package.json
+++ b/recipes/pocket/package.json
@@ -1,7 +1,7 @@
 {
   "id": "pocket",
   "name": "Pocket",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://getpocket.com/a/queue/list/"
diff --git a/recipes/pocket/webview.js b/recipes/pocket/webview.js
new file mode 100644
index 0000000..86bb422
--- /dev/null
+++ b/recipes/pocket/webview.js
@@ -0,0 +1,16 @@
+const _path = _interopRequireDefault(require('path'));
+
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+module.exports = Ferdium => {
+  // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
+  // const getMessages = () => {
+  //   // TODO: Insert your notification-finding code here
+  //   Ferdium.setBadge(0, 0);
+  // };
+  // Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+};
diff --git a/recipes/pomodoro-tracker/package.json b/recipes/pomodoro-tracker/package.json
index d971bd3..ab7f3f1 100644
--- a/recipes/pomodoro-tracker/package.json
+++ b/recipes/pomodoro-tracker/package.json
@@ -1,7 +1,7 @@
 {
   "id": "pomodoro-tracker",
   "name": "Pomodoro Tracker",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://pomodoro-tracker.com",
diff --git a/recipes/pomodoro-tracker/webview.js b/recipes/pomodoro-tracker/webview.js
new file mode 100644
index 0000000..86bb422
--- /dev/null
+++ b/recipes/pomodoro-tracker/webview.js
@@ -0,0 +1,16 @@
+const _path = _interopRequireDefault(require('path'));
+
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+module.exports = Ferdium => {
+  // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
+  // const getMessages = () => {
+  //   // TODO: Insert your notification-finding code here
+  //   Ferdium.setBadge(0, 0);
+  // };
+  // Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+};
diff --git a/recipes/protoncalendar/package.json b/recipes/protoncalendar/package.json
index 6908538..561f076 100644
--- a/recipes/protoncalendar/package.json
+++ b/recipes/protoncalendar/package.json
@@ -1,7 +1,7 @@
 {
   "id": "protoncalendar",
   "name": "ProtonCalendar",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://calendar.proton.me/"
diff --git a/recipes/protoncalendar/webview.js b/recipes/protoncalendar/webview.js
new file mode 100644
index 0000000..86bb422
--- /dev/null
+++ b/recipes/protoncalendar/webview.js
@@ -0,0 +1,16 @@
+const _path = _interopRequireDefault(require('path'));
+
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+module.exports = Ferdium => {
+  // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
+  // const getMessages = () => {
+  //   // TODO: Insert your notification-finding code here
+  //   Ferdium.setBadge(0, 0);
+  // };
+  // Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+};
diff --git a/recipes/pushbullet/package.json b/recipes/pushbullet/package.json
index c15f87d..cf27677 100644
--- a/recipes/pushbullet/package.json
+++ b/recipes/pushbullet/package.json
@@ -1,7 +1,7 @@
 {
   "id": "pushbullet",
   "name": "Pushbullet",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://www.pushbullet.com/"
diff --git a/recipes/pushbullet/webview.js b/recipes/pushbullet/webview.js
new file mode 100644
index 0000000..86bb422
--- /dev/null
+++ b/recipes/pushbullet/webview.js
@@ -0,0 +1,16 @@
+const _path = _interopRequireDefault(require('path'));
+
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+module.exports = Ferdium => {
+  // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
+  // const getMessages = () => {
+  //   // TODO: Insert your notification-finding code here
+  //   Ferdium.setBadge(0, 0);
+  // };
+  // Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+};
diff --git a/recipes/scribens/package.json b/recipes/scribens/package.json
index 1e05222..b993a2c 100644
--- a/recipes/scribens/package.json
+++ b/recipes/scribens/package.json
@@ -1,7 +1,7 @@
 {
   "id": "scribens",
   "name": "Scribens",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://scribens.{teamId}",
diff --git a/recipes/scribens/webview.js b/recipes/scribens/webview.js
new file mode 100644
index 0000000..86bb422
--- /dev/null
+++ b/recipes/scribens/webview.js
@@ -0,0 +1,16 @@
+const _path = _interopRequireDefault(require('path'));
+
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+module.exports = Ferdium => {
+  // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
+  // const getMessages = () => {
+  //   // TODO: Insert your notification-finding code here
+  //   Ferdium.setBadge(0, 0);
+  // };
+  // Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+};
diff --git a/recipes/slowly/package.json b/recipes/slowly/package.json
index 41093e3..13b9c23 100644
--- a/recipes/slowly/package.json
+++ b/recipes/slowly/package.json
@@ -1,7 +1,7 @@
 {
   "id": "slowly",
   "name": "Slowly",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "license": "MIT",
   "repository": "https://github.com/BerakaStudio/franz-slowly",
   "config": {
diff --git a/recipes/slowly/webview.js b/recipes/slowly/webview.js
new file mode 100644
index 0000000..86bb422
--- /dev/null
+++ b/recipes/slowly/webview.js
@@ -0,0 +1,16 @@
+const _path = _interopRequireDefault(require('path'));
+
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+module.exports = Ferdium => {
+  // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
+  // const getMessages = () => {
+  //   // TODO: Insert your notification-finding code here
+  //   Ferdium.setBadge(0, 0);
+  // };
+  // Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+};
diff --git a/recipes/snapchat/package.json b/recipes/snapchat/package.json
index 3fdab0e..50d7e01 100644
--- a/recipes/snapchat/package.json
+++ b/recipes/snapchat/package.json
@@ -1,7 +1,7 @@
 {
   "id": "snapchat",
   "name": "Snapchat",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://web.snapchat.com/"
diff --git a/recipes/snapchat/webview.js b/recipes/snapchat/webview.js
new file mode 100644
index 0000000..86bb422
--- /dev/null
+++ b/recipes/snapchat/webview.js
@@ -0,0 +1,16 @@
+const _path = _interopRequireDefault(require('path'));
+
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+module.exports = Ferdium => {
+  // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
+  // const getMessages = () => {
+  //   // TODO: Insert your notification-finding code here
+  //   Ferdium.setBadge(0, 0);
+  // };
+  // Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+};
diff --git a/recipes/snapdrop/package.json b/recipes/snapdrop/package.json
index 5570397..a9c96fd 100644
--- a/recipes/snapdrop/package.json
+++ b/recipes/snapdrop/package.json
@@ -1,7 +1,7 @@
 {
   "id": "snapdrop",
   "name": "Snapdrop",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "http://snapdrop.net/",
diff --git a/recipes/snapdrop/webview.js b/recipes/snapdrop/webview.js
new file mode 100644
index 0000000..86bb422
--- /dev/null
+++ b/recipes/snapdrop/webview.js
@@ -0,0 +1,16 @@
+const _path = _interopRequireDefault(require('path'));
+
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+module.exports = Ferdium => {
+  // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
+  // const getMessages = () => {
+  //   // TODO: Insert your notification-finding code here
+  //   Ferdium.setBadge(0, 0);
+  // };
+  // Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+};
diff --git a/recipes/stackexchange/package.json b/recipes/stackexchange/package.json
index d1f89bc..2a57d10 100644
--- a/recipes/stackexchange/package.json
+++ b/recipes/stackexchange/package.json
@@ -1,7 +1,7 @@
 {
   "id": "stackexchange",
   "name": "StackExchange",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://stackexchange.com/"
diff --git a/recipes/stackexchange/webview.js b/recipes/stackexchange/webview.js
new file mode 100644
index 0000000..86bb422
--- /dev/null
+++ b/recipes/stackexchange/webview.js
@@ -0,0 +1,16 @@
+const _path = _interopRequireDefault(require('path'));
+
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+module.exports = Ferdium => {
+  // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
+  // const getMessages = () => {
+  //   // TODO: Insert your notification-finding code here
+  //   Ferdium.setBadge(0, 0);
+  // };
+  // Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+};
diff --git a/recipes/standardnotes/package.json b/recipes/standardnotes/package.json
index f9639e3..966611c 100755
--- a/recipes/standardnotes/package.json
+++ b/recipes/standardnotes/package.json
@@ -1,7 +1,7 @@
 {
   "id": "standardnotes",
   "name": "StandardNotes",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "repository": "https://github.com/vantezzen/franz-recipe-standardnotes",
   "config": {
diff --git a/recipes/standardnotes/webview.js b/recipes/standardnotes/webview.js
new file mode 100644
index 0000000..86bb422
--- /dev/null
+++ b/recipes/standardnotes/webview.js
@@ -0,0 +1,16 @@
+const _path = _interopRequireDefault(require('path'));
+
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+module.exports = Ferdium => {
+  // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
+  // const getMessages = () => {
+  //   // TODO: Insert your notification-finding code here
+  //   Ferdium.setBadge(0, 0);
+  // };
+  // Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+};
diff --git a/recipes/sync/package.json b/recipes/sync/package.json
index a1b3673..f14f4e9 100644
--- a/recipes/sync/package.json
+++ b/recipes/sync/package.json
@@ -1,7 +1,7 @@
 {
   "id": "sync",
   "name": "Sync",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://cp.sync.com/files/"
diff --git a/recipes/sync/webview.js b/recipes/sync/webview.js
new file mode 100644
index 0000000..86bb422
--- /dev/null
+++ b/recipes/sync/webview.js
@@ -0,0 +1,16 @@
+const _path = _interopRequireDefault(require('path'));
+
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+module.exports = Ferdium => {
+  // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
+  // const getMessages = () => {
+  //   // TODO: Insert your notification-finding code here
+  //   Ferdium.setBadge(0, 0);
+  // };
+  // Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+};
diff --git a/recipes/tawk/package.json b/recipes/tawk/package.json
index b3e4981..8e7e10b 100644
--- a/recipes/tawk/package.json
+++ b/recipes/tawk/package.json
@@ -1,7 +1,7 @@
 {
   "id": "tawk",
   "name": "Tawk.to",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://dashboard.tawk.to/",
diff --git a/recipes/tawk/webview.js b/recipes/tawk/webview.js
new file mode 100644
index 0000000..86bb422
--- /dev/null
+++ b/recipes/tawk/webview.js
@@ -0,0 +1,16 @@
+const _path = _interopRequireDefault(require('path'));
+
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+module.exports = Ferdium => {
+  // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
+  // const getMessages = () => {
+  //   // TODO: Insert your notification-finding code here
+  //   Ferdium.setBadge(0, 0);
+  // };
+  // Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+};
diff --git a/recipes/teamweek/package.json b/recipes/teamweek/package.json
index 34f50dd..881cc89 100644
--- a/recipes/teamweek/package.json
+++ b/recipes/teamweek/package.json
@@ -1,7 +1,7 @@
 {
         "id": "teamweek",
         "name": "Teamweek",
-        "version": "1.1.0",
+        "version": "1.2.0",
         "license": "MIT",
         "repository": "https://github.com/claudiupelmus/recipe-teamweek",
         "config": {
diff --git a/recipes/teamweek/webview.js b/recipes/teamweek/webview.js
new file mode 100644
index 0000000..86bb422
--- /dev/null
+++ b/recipes/teamweek/webview.js
@@ -0,0 +1,16 @@
+const _path = _interopRequireDefault(require('path'));
+
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+module.exports = Ferdium => {
+  // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
+  // const getMessages = () => {
+  //   // TODO: Insert your notification-finding code here
+  //   Ferdium.setBadge(0, 0);
+  // };
+  // Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+};
diff --git a/recipes/tinder/package.json b/recipes/tinder/package.json
index 6f5d1d2..c3619ee 100644
--- a/recipes/tinder/package.json
+++ b/recipes/tinder/package.json
@@ -1,7 +1,7 @@
 {
   "id": "tinder",
   "name": "Tinder",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://tinder.com"
diff --git a/recipes/tinder/webview.js b/recipes/tinder/webview.js
new file mode 100644
index 0000000..86bb422
--- /dev/null
+++ b/recipes/tinder/webview.js
@@ -0,0 +1,16 @@
+const _path = _interopRequireDefault(require('path'));
+
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+module.exports = Ferdium => {
+  // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
+  // const getMessages = () => {
+  //   // TODO: Insert your notification-finding code here
+  //   Ferdium.setBadge(0, 0);
+  // };
+  // Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+};
diff --git a/recipes/tixio/package.json b/recipes/tixio/package.json
index 3951250..161dcc9 100644
--- a/recipes/tixio/package.json
+++ b/recipes/tixio/package.json
@@ -1,7 +1,7 @@
 {
     "id": "tixio",
     "name": "Tixio",
-    "version": "1.1.0",
+    "version": "1.2.0",
     "license": "MIT",
     "repository": "https://github.com/hmcclungiii/franz-recipe-tixio",
     "config": {
diff --git a/recipes/tixio/webview.js b/recipes/tixio/webview.js
new file mode 100644
index 0000000..86bb422
--- /dev/null
+++ b/recipes/tixio/webview.js
@@ -0,0 +1,16 @@
+const _path = _interopRequireDefault(require('path'));
+
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+module.exports = Ferdium => {
+  // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
+  // const getMessages = () => {
+  //   // TODO: Insert your notification-finding code here
+  //   Ferdium.setBadge(0, 0);
+  // };
+  // Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+};
diff --git a/recipes/trakt/package.json b/recipes/trakt/package.json
index d0dea18..73d7d36 100644
--- a/recipes/trakt/package.json
+++ b/recipes/trakt/package.json
@@ -1,7 +1,7 @@
 {
   "id": "trakt",
   "name": "Trakt",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://trakt.tv"
diff --git a/recipes/trakt/webview.js b/recipes/trakt/webview.js
new file mode 100644
index 0000000..86bb422
--- /dev/null
+++ b/recipes/trakt/webview.js
@@ -0,0 +1,16 @@
+const _path = _interopRequireDefault(require('path'));
+
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+module.exports = Ferdium => {
+  // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
+  // const getMessages = () => {
+  //   // TODO: Insert your notification-finding code here
+  //   Ferdium.setBadge(0, 0);
+  // };
+  // Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+};
diff --git a/recipes/wakatime/package.json b/recipes/wakatime/package.json
index 804212d..2bb16f9 100644
--- a/recipes/wakatime/package.json
+++ b/recipes/wakatime/package.json
@@ -1,7 +1,7 @@
 {
   "id": "wakatime",
   "name": "Wakatime",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://wakatime.com/login"
diff --git a/recipes/wakatime/webview.js b/recipes/wakatime/webview.js
new file mode 100644
index 0000000..86bb422
--- /dev/null
+++ b/recipes/wakatime/webview.js
@@ -0,0 +1,16 @@
+const _path = _interopRequireDefault(require('path'));
+
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+module.exports = Ferdium => {
+  // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
+  // const getMessages = () => {
+  //   // TODO: Insert your notification-finding code here
+  //   Ferdium.setBadge(0, 0);
+  // };
+  // Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+};
diff --git a/recipes/youtube/package.json b/recipes/youtube/package.json
index f5189a9..0c76ffa 100644
--- a/recipes/youtube/package.json
+++ b/recipes/youtube/package.json
@@ -1,7 +1,7 @@
 {
   "id": "youtube",
   "name": "YouTube",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://youtube.com/"
diff --git a/recipes/youtube/webview.js b/recipes/youtube/webview.js
new file mode 100644
index 0000000..86bb422
--- /dev/null
+++ b/recipes/youtube/webview.js
@@ -0,0 +1,16 @@
+const _path = _interopRequireDefault(require('path'));
+
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+module.exports = Ferdium => {
+  // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
+  // const getMessages = () => {
+  //   // TODO: Insert your notification-finding code here
+  //   Ferdium.setBadge(0, 0);
+  // };
+  // Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+};
diff --git a/recipes/youtubemusic/package.json b/recipes/youtubemusic/package.json
index f281f79..d3c06ad 100644
--- a/recipes/youtubemusic/package.json
+++ b/recipes/youtubemusic/package.json
@@ -1,7 +1,7 @@
 {
   "id": "youtubemusic",
   "name": "YouTube Music",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://music.youtube.com/"
diff --git a/recipes/youtubemusic/webview.js b/recipes/youtubemusic/webview.js
new file mode 100644
index 0000000..86bb422
--- /dev/null
+++ b/recipes/youtubemusic/webview.js
@@ -0,0 +1,16 @@
+const _path = _interopRequireDefault(require('path'));
+
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+module.exports = Ferdium => {
+  // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
+  // const getMessages = () => {
+  //   // TODO: Insert your notification-finding code here
+  //   Ferdium.setBadge(0, 0);
+  // };
+  // Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+};
diff --git a/recipes/zenhub/package.json b/recipes/zenhub/package.json
index fdd665e..7495bd9 100644
--- a/recipes/zenhub/package.json
+++ b/recipes/zenhub/package.json
@@ -1,7 +1,7 @@
 {
   "id": "zenhub",
   "name": "ZenHub",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "license": "MIT",
   "repository": "https://github.com/mordaroso/recipe-franz-zenhub",
   "config": {
diff --git a/recipes/zenhub/webview.js b/recipes/zenhub/webview.js
new file mode 100644
index 0000000..86bb422
--- /dev/null
+++ b/recipes/zenhub/webview.js
@@ -0,0 +1,16 @@
+const _path = _interopRequireDefault(require('path'));
+
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+module.exports = Ferdium => {
+  // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
+  // const getMessages = () => {
+  //   // TODO: Insert your notification-finding code here
+  //   Ferdium.setBadge(0, 0);
+  // };
+  // Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+};
diff --git a/scripts/package.js b/scripts/package.js
index c07f893..e1e3d5c 100644
--- a/scripts/package.js
+++ b/scripts/package.js
@@ -65,7 +65,7 @@ const compress = (src, dest) =>
 
   for (let recipe of availableRecipes) {
     const recipeSrc = path.join(recipesFolder, recipe);
-    const mandatoryFiles = ['package.json', 'icon.svg'];
+    const mandatoryFiles = ['package.json', 'icon.svg', 'webview.js'];
 
     // Check that each mandatory file exists
     for (let file of mandatoryFiles) {