update ESLint (#636)

* update ESLint

* f

* f

* f

* c

* f

* f

* f

* f

* r

* u

* f

* f

* u

Author: felicio

.changeset/itchy-insects-vanish.md

@@ -0,0 +1,10 @@
+---
+'@status-im/eslint-config': patch
+'@status-im/components': patch
+'@status-im/js': patch
+'@status-im/colors': patch
+'connector': patch
+'@status-im/icons': patch
+---
+
+update ESLint

.eslintignore

@@ -1,7 +1,13 @@
 {
   "typescript.tsdk": "node_modules/typescript/lib",
   "npm.packageManager": "pnpm",
+  "eslint.useESLintClass": true,
   "eslint.workingDirectories": [
+    "./packages/colors",
+    "./packages/icons",
+    "./packages/components",
+    "./packages/status-js",
+    "./apps/connector",
     {
       "mode": "auto",
       "#comment": "See https://github.com/microsoft/vscode-eslint/issues/1161 for reason (i.e. multiple .eslintrc config files)"

.vscode/settings.json

@@ -62,10 +62,10 @@ pipeline {
           expression { changesDetected }
       }
       steps {
-          dir("${env.WORKSPACE}/apps/connector") {
+          dir("${env.WORKSPACE}") {
             script {
               nix.shell(
-                'pnpm build:chrome',
+                'pnpm turbo run build --filter=connector',
                 pure: false,
                 entryPoint: "${env.WORKSPACE}/apps/connector/shell.nix"
               )

apps/connector/.eslintrc.js

@@ -0,0 +1,37 @@
+import configs, { tailwindcssConfigs } from '@status-im/eslint-config'
+
+/** @type {import('eslint').Linter.Config[]} */
+export default [
+  ...configs,
+  ...tailwindcssConfigs,
+  {
+    files: ['*.ts', '*.tsx'],
+    rules: {
+      'no-constant-binary-expression': 'error',
+      'no-restricted-globals': ['error', 'process'],
+      'jsx-a11y/alt-text': [
+        1,
+        {
+          img: [],
+        },
+      ],
+    },
+  },
+  {
+    files: ['*.mjs'],
+    languageOptions: {
+      parserOptions: {
+        ecmaVersion: 'latest',
+        sourceType: 'module',
+      },
+    },
+  },
+  {
+    files: ['*.js'],
+    languageOptions: {
+      parserOptions: {
+        ecmaVersion: 'latest',
+      },
+    },
+  },
+]

apps/connector/Jenkinsfile

@@ -13,9 +13,10 @@
     "dev:chrome": "plasmo dev --target=chrome-mv3",
     "dev:safari": "plasmo dev --target=safari-mv3",
     "dev:firefox": "plasmo dev --target=firefox-mv3",
+    "build": "pnpm build:chrome",
     "build:chrome": "plasmo build --target=chrome-mv3",
     "build:firefox": "plasmo build --target=firefox-mv3 --zip",
-    "lint": "eslint ./src",
+    "lint": "eslint src",
     "format": "prettier --write .",
     "package": "plasmo package",
     "clean": "rimraf apps build .plasmo node_modules"
@@ -25,7 +26,7 @@
     "@plasmohq/storage": "^1.11.0",
     "@radix-ui/react-dropdown-menu": "^2.1.1",
     "@radix-ui/react-switch": "^1.1.0",
-    "@status-im/colors": "^0.4.0",
+    "@status-im/colors": "workspace:*",
     "cva": "^1.0.0-beta.1",
     "ethers": "^6.13.0",
     "plasmo": "0.88.0",
@@ -37,15 +38,14 @@
   "devDependencies": {
     "@ianvs/prettier-plugin-sort-imports": "4.1.1",
     "@parcel/bundler-experimental": "^2.7.0",
-    "@status-im/eslint-config": "^0.3.0",
+    "@status-im/eslint-config": "workspace:*",
     "@tailwindcss/typography": "^0.5.13",
     "@types/chrome": "0.0.258",
     "@types/node": "20.11.5",
     "@types/react": "18.2.48",
     "@types/react-dom": "18.2.18",
     "autoprefixer": "^10.4.19",
     "husky": "^8.0.3",
-    "lint-staged": "^13.2.0",
     "postcss": "^8.4.38",
     "prettier": "3.2.4",
     "prettier-plugin-tailwindcss": "^0.6.1",

apps/connector/eslint.config.mjs

@@ -9,8 +9,8 @@ const styles = cva({
   base: 'flex h-6 items-center gap-1 rounded-[20px] border px-2 text-13',
   variants: {
     status: {
-      on: 'border-success-/20 bg-success-/10 text-success-60',
-      off: 'border-danger-/20 bg-danger-/10 text-danger-60',
+      on: 'border-success-50/20 bg-success-50/10 text-success-60',
+      off: 'border-danger-50/20 bg-danger-50/10 text-danger-60',
     },
   },
 })

apps/connector/package.json

@@ -127,7 +127,7 @@ export class Provider {
               return
             }
           }
-        } catch (error) {
+        } catch {
           // we don't reject here because incoming message is not from the proxy
           return
         }

apps/connector/src/components/status-tag.tsx

@@ -0,0 +1,13 @@
+/** @type {import('eslint').Linter.Config[]} */
+export default [
+  {
+    ignores: [
+      '**/dist',
+      '**/node_modules',
+      '**/protos',
+      '**/proto',
+      '**/coverage',
+      '**/storybook-static',
+    ],
+  },
+]