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, 32 insertions, 22 deletions

diff --git a/recipes/rocketchat/index.js b/recipes/rocketchat/index.js
index a7fee29..a89bd61 100644
--- a/recipes/rocketchat/index.js
+++ b/recipes/rocketchat/index.js
@@ -1,18 +1,19 @@
-module.exports = Ferdium => class RocketChat extends Ferdium {
-  async validateUrl(url) {
-    try {
-      const resp = await window.fetch(url, {
-        method: 'GET',
-        headers: {
-          'Content-Type': 'application/json',
-        },
-      });
-      const status = resp.status.toString();
-      return status.startsWith('2') || status.startsWith('3');
-    } catch (error) {
-      console.error(error);
-    }
+module.exports = Ferdium =>
+  class RocketChat extends Ferdium {
+    async validateUrl(url) {
+      try {
+        const resp = await window.fetch(url, {
+          method: 'GET',
+          headers: {
+            'Content-Type': 'application/json',
+          },
+        });
+        const status = resp.status.toString();
+        return status.startsWith('2') || status.startsWith('3');
+      } catch (error) {
+        console.error(error);
+      }
 
-    return false;
-  }
-};
+      return false;
+    }
+  };
diff --git a/recipes/rocketchat/package.json b/recipes/rocketchat/package.json
index 17719ed..164cd5f 100644
--- a/recipes/rocketchat/package.json
+++ b/recipes/rocketchat/package.json
@@ -1,7 +1,7 @@
 {
   "id": "rocketchat",
   "name": "Rocket.Chat",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://{teamId}.rocket.chat",
diff --git a/recipes/rocketchat/webview.js b/recipes/rocketchat/webview.js
index 85b0c32..74556de 100644
--- a/recipes/rocketchat/webview.js
+++ b/recipes/rocketchat/webview.js
@@ -1,3 +1,8 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
 
 module.exports = Ferdium => {
   const getMessages = () => {
@@ -18,30 +23,34 @@ module.exports = Ferdium => {
 
   Ferdium.loop(getMessages);
 
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+
   const getTeamIcon = function getTeamIcon() {
     const manifestElement = document.querySelector('link[rel="manifest"]');
 
-    if (manifestElement == null) {
+    if (manifestElement === null) {
       return;
     }
 
     const manifestUrl = manifestElement.getAttribute('href');
 
-    if (manifestUrl == null) {
+    if (manifestUrl === null) {
       return;
     }
 
     const xmlhttp = new XMLHttpRequest();
 
     xmlhttp.addEventListener('readystatechange', function () {
-      if (this.readyState != 4 || this.status != 200) {
+      if (this.readyState !== 4 || this.status !== 200) {
         return;
       }
 
       const response = JSON.parse(this.responseText);
 
       if (response.icons.length > 0) {
-        Ferdium.setAvatarImage(`${window.location.protocol}//${window.location.host}${response.icons[0].src}`);
+        Ferdium.setAvatarImage(
+          `${window.location.protocol}//${window.location.host}${response.icons[0].src}`,
+        );
       }
     });