chore: improve lint setup (#397)

- update eslint config to closely mirror the ones from ferdium-app
- add .eslintignore
- opt in to eslint `reportUnusedDisableDirectives` config option
- remove `trailingComma: all` from `prettier` config which is default in `prettier` v3
- autofix or disable a lot of lint issues throughout codebase
- add `volta` configuration to `package.json` to autoload correct `node` and `pnpm` versions
- upgrade all `eslint` and `prettier` related dependencies to latest
- update lint:fix npm script
- reformat touched files with prettier
- bumped up minor version for all recipes that have changes
- introduced injection of 'service.css' where it was missing in many recipes

---------

Co-authored-by: Vijay A <vraravam@users.noreply.github.com>

3 files changed, 48 insertions, 24 deletions

diff --git a/recipes/mattermost/index.js b/recipes/mattermost/index.js
index fca10e1..74ab2ee 100644
--- a/recipes/mattermost/index.js
+++ b/recipes/mattermost/index.js
@@ -1,17 +1,18 @@
-module.exports = Ferdium => class Mattermost extends Ferdium {
-  async validateUrl(url) {
-    try {
-      const resp = await window.fetch(url, {
-        method: 'GET',
-        headers: {
-          'Content-Type': 'application/json',
-        },
-      });
-      return resp.status.toString().startsWith('2');
-    } catch (error) {
-      console.error(error);
-    }
+module.exports = Ferdium =>
+  class Mattermost extends Ferdium {
+    async validateUrl(url) {
+      try {
+        const resp = await window.fetch(url, {
+          method: 'GET',
+          headers: {
+            'Content-Type': 'application/json',
+          },
+        });
+        return resp.status.toString().startsWith('2');
+      } catch (error) {
+        console.error(error);
+      }
 
-    return false;
-  }
-};
+      return false;
+    }
+  };
diff --git a/recipes/mattermost/package.json b/recipes/mattermost/package.json
index 457973d..cbdcbda 100644
--- a/recipes/mattermost/package.json
+++ b/recipes/mattermost/package.json
@@ -1,7 +1,7 @@
 {
   "id": "mattermost",
   "name": "Mattermost",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "license": "MIT",
   "config": {
     "hasNotificationSound": true,
diff --git a/recipes/mattermost/webview.js b/recipes/mattermost/webview.js
index 32e990e..716848e 100644
--- a/recipes/mattermost/webview.js
+++ b/recipes/mattermost/webview.js
@@ -1,22 +1,45 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
-  const DIRECT_MESSAGES_INDIVIDUAL = '#sidebar-left .unread-title .DirectChannel__profile-picture';
+  const DIRECT_MESSAGES_INDIVIDUAL =
+    '#sidebar-left .unread-title .DirectChannel__profile-picture';
   const DIRECT_MESSAGES_GROUP = '#sidebar-left .unread-title .status--group';
   const DIRECT_MESSAGES_LEGACY = '.sidebar--left .has-badge .badge';
   const ALL_MESSAGES = '#sidebar-left .unread-title';
   const ALL_MESSAGES_LEGACY = '#sidebar-left .unread-title';
 
   const getMessages = () => {
-    const directMessagesSelector = [DIRECT_MESSAGES_LEGACY, DIRECT_MESSAGES_INDIVIDUAL, DIRECT_MESSAGES_GROUP].join(', ');
-    const directMessages = document.querySelectorAll(directMessagesSelector).length;
+    const directMessagesSelector = [
+      DIRECT_MESSAGES_LEGACY,
+      DIRECT_MESSAGES_INDIVIDUAL,
+      DIRECT_MESSAGES_GROUP,
+    ].join(', ');
+    const directMessages = document.querySelectorAll(
+      directMessagesSelector,
+    ).length;
 
     const allMessagesSelector = [ALL_MESSAGES, ALL_MESSAGES_LEGACY].join(', ');
-    const allMessages = document.querySelectorAll(allMessagesSelector).length - directMessages;
+    const allMessages =
+      document.querySelectorAll(allMessagesSelector).length - directMessages;
 
-    const teamDirectMessages = document.querySelectorAll('.team-wrapper .team-container .badge').length;
-    const teamMessages = document.querySelectorAll('.team-wrapper .unread').length - teamDirectMessages;
+    const teamDirectMessages = document.querySelectorAll(
+      '.team-wrapper .team-container .badge',
+    ).length;
+    const teamMessages =
+      document.querySelectorAll('.team-wrapper .unread').length -
+      teamDirectMessages;
 
-    Ferdium.setBadge(directMessages + teamDirectMessages, allMessages + teamMessages);
+    Ferdium.setBadge(
+      directMessages + teamDirectMessages,
+      allMessages + teamMessages,
+    );
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };