From 6c3fa0e2219ca6e8339f146ccc187da9fc621774 Mon Sep 17 00:00:00 2001
From: lianahus <liana@ethereum.org>
Date: Mon, 29 Apr 2024 10:36:54 +0200
Subject: [PATCH 01/31] added targets for linters of libs

---
 libs/ghaction-helper/project.json    | 3 ++-
 libs/remix-analyzer/project.json     | 3 ++-
 libs/remix-astwalker/project.json    | 3 ++-
 libs/remix-core-plugin/project.json  | 3 ++-
 libs/remix-debug/project.json        | 3 ++-
 libs/remix-lib/project.json          | 3 ++-
 libs/remix-simulator/project.json    | 3 ++-
 libs/remix-solidity/project.json     | 3 ++-
 libs/remix-tests/project.json        | 3 ++-
 libs/remix-url-resolver/project.json | 3 ++-
 libs/remix-ws-templates/project.json | 3 ++-
 libs/remixd/project.json             | 3 ++-
 12 files changed, 24 insertions(+), 12 deletions(-)

diff --git a/libs/ghaction-helper/project.json b/libs/ghaction-helper/project.json
index 9d93dfcab8..26e659e41d 100644
--- a/libs/ghaction-helper/project.json
+++ b/libs/ghaction-helper/project.json
@@ -22,7 +22,8 @@
         "executor": "@nrwl/linter:eslint",
         "outputs": ["{options.outputFile}"],
         "options": {
-          "lintFilePatterns": ["libs/ghaction-helper/**/*.ts"]
+          "lintFilePatterns": ["libs/ghaction-helper/**/*.ts"],
+          "eslintConfig": "libs/ghaction-helper/.eslintrc"
         }
       }
     },
diff --git a/libs/remix-analyzer/project.json b/libs/remix-analyzer/project.json
index 6700532bb1..0afd267977 100644
--- a/libs/remix-analyzer/project.json
+++ b/libs/remix-analyzer/project.json
@@ -25,7 +25,8 @@
         "executor": "@nrwl/linter:eslint",
         "outputs": ["{options.outputFile}"],
         "options": {
-          "lintFilePatterns": ["libs/remix-analyzer/**/*.ts"]
+          "lintFilePatterns": ["libs/remix-analyzer/**/*.ts"],
+          "eslintConfig": "libs/remix-analyzer/.eslintrc"
         }
       }
     },
diff --git a/libs/remix-astwalker/project.json b/libs/remix-astwalker/project.json
index ba70ffc27d..a5f9f364d8 100644
--- a/libs/remix-astwalker/project.json
+++ b/libs/remix-astwalker/project.json
@@ -24,7 +24,8 @@
         "executor": "@nrwl/linter:eslint",
         "outputs": ["{options.outputFile}"],
         "options": {
-          "lintFilePatterns": ["libs/remix-astwalker/**/*.ts"]
+          "lintFilePatterns": ["libs/remix-astwalker/**/*.ts"],
+          "eslintConfig": "libs/remix-astwalker/.eslintrc"
         }
       }
     },
diff --git a/libs/remix-core-plugin/project.json b/libs/remix-core-plugin/project.json
index f7d0ab2428..63e5359f06 100644
--- a/libs/remix-core-plugin/project.json
+++ b/libs/remix-core-plugin/project.json
@@ -19,7 +19,8 @@
         "executor": "@nrwl/linter:eslint",
         "outputs": ["{options.outputFile}"],
         "options": {
-          "lintFilePatterns": ["libs/remix-core-plugin/**/*.ts"]
+          "lintFilePatterns": ["libs/remix-core-plugin/**/*.ts"],
+          "eslintConfig": "libs/remix-core-plugin/.eslintrc"
         }
       }
     },
diff --git a/libs/remix-debug/project.json b/libs/remix-debug/project.json
index 2f67c8b8cb..8db5345b74 100644
--- a/libs/remix-debug/project.json
+++ b/libs/remix-debug/project.json
@@ -34,7 +34,8 @@
         "executor": "@nrwl/linter:eslint",
         "outputs": ["{options.outputFile}"],
         "options": {
-          "lintFilePatterns": ["libs/remix-debug/**/*.ts"]
+          "lintFilePatterns": ["libs/remix-debug/**/*.ts"],
+          "eslintConfig": "libs/remix-debug/.eslintrc"
         }
       }
     },
diff --git a/libs/remix-lib/project.json b/libs/remix-lib/project.json
index 6b5d30f821..b4f06e9063 100644
--- a/libs/remix-lib/project.json
+++ b/libs/remix-lib/project.json
@@ -21,7 +21,8 @@
         "executor": "@nrwl/linter:eslint",
         "outputs": ["{options.outputFile}"],
         "options": {
-          "lintFilePatterns": ["libs/remix-lib/**/*.ts"]
+          "lintFilePatterns": ["libs/remix-lib/**/*.ts"],
+          "eslintConfig": "libs/remix-lib/.eslinrc"
         }
       }
     },
diff --git a/libs/remix-simulator/project.json b/libs/remix-simulator/project.json
index b4aa8b3007..e7aa4885df 100644
--- a/libs/remix-simulator/project.json
+++ b/libs/remix-simulator/project.json
@@ -33,7 +33,8 @@
         "executor": "@nrwl/linter:eslint",
         "outputs": ["{options.outputFile}"],
         "options": {
-          "lintFilePatterns": ["libs/remix-simulator/**/*.ts"]
+          "lintFilePatterns": ["libs/remix-simulator/**/*.ts"],
+          "eslintConfig": "libs/remix-simulator/.eslintrc"
         }
       }
     },
diff --git a/libs/remix-solidity/project.json b/libs/remix-solidity/project.json
index 71785eb335..e0a9edd436 100644
--- a/libs/remix-solidity/project.json
+++ b/libs/remix-solidity/project.json
@@ -24,7 +24,8 @@
         "executor": "@nrwl/linter:eslint",
         "outputs": ["{options.outputFile}"],
         "options": {
-          "lintFilePatterns": ["libs/remix-solidity/**/*.ts"]
+          "lintFilePatterns": ["libs/remix-solidity/**/*.ts"],
+          "eslintConfig": "libs/remix-solidity/.eslintrc"
         }
       }
     },
diff --git a/libs/remix-tests/project.json b/libs/remix-tests/project.json
index e2e4741e35..dd29dafdde 100644
--- a/libs/remix-tests/project.json
+++ b/libs/remix-tests/project.json
@@ -41,7 +41,8 @@
       "options": {
         "lintFilePatterns": [
           "libs/remix-tests/**/*.ts"
-        ]
+        ],
+        "eslintConfig": "libs/remix-tests/.eslintrc"
       }
     }
   },
diff --git a/libs/remix-url-resolver/project.json b/libs/remix-url-resolver/project.json
index 5bd43c8a61..cfe894b3ca 100644
--- a/libs/remix-url-resolver/project.json
+++ b/libs/remix-url-resolver/project.json
@@ -23,7 +23,8 @@
         "executor": "@nrwl/linter:eslint",
         "outputs": ["{options.outputFile}"],
         "options": {
-          "lintFilePatterns": ["libs/remix-url-resolver/**/*.ts"]
+          "lintFilePatterns": ["libs/remix-url-resolver/**/*.ts"],
+          "eslintConfig": "libs/remix-url-resolver/.eslintrc"
         }
       }
     },
diff --git a/libs/remix-ws-templates/project.json b/libs/remix-ws-templates/project.json
index 7ebf0408d5..5835378d9c 100644
--- a/libs/remix-ws-templates/project.json
+++ b/libs/remix-ws-templates/project.json
@@ -40,7 +40,8 @@
         "executor": "@nrwl/linter:eslint",
         "outputs": ["{options.outputFile}"],
         "options": {
-          "lintFilePatterns": ["libs/remix-ws-templates/**/*.ts"]
+          "lintFilePatterns": ["libs/remix-ws-templates/**/*.ts"],
+          "eslintConfig": "libs/remix-ws-templates/.eslintrc"
         }
       }
     },
diff --git a/libs/remixd/project.json b/libs/remixd/project.json
index b4da03d85f..ac783b5aff 100644
--- a/libs/remixd/project.json
+++ b/libs/remixd/project.json
@@ -24,7 +24,8 @@
       "executor": "@nrwl/linter:eslint",
       "outputs": ["{options.outputFile}"],
       "options": {
-        "lintFilePatterns": ["libs/remixd/**/*.ts"]
+        "lintFilePatterns": ["libs/remixd/**/*.ts"],
+        "eslintConfig": "libs/remixd/.eslintrc"
       }
     }
   },

From 8a7298b014052d785dcc0e02dc6ea5fa3dfdabd4 Mon Sep 17 00:00:00 2001
From: lianahus <liana@ethereum.org>
Date: Mon, 29 Apr 2024 10:58:01 +0200
Subject: [PATCH 02/31] added raegets for lint to plugins

cleanup
---
 apps/circuit-compiler/project.json  | 8 ++++++++
 apps/debugger/.eslintrc             | 3 +++
 apps/debugger/project.json          | 8 ++++++++
 apps/doc-gen/.eslintrc              | 3 +++
 apps/doc-gen/project.json           | 8 ++++++++
 apps/doc-viewer/.eslintrc           | 3 +++
 apps/doc-viewer/project.json        | 8 ++++++++
 apps/etherscan/.eslintrc            | 3 +++
 apps/etherscan/project.json         | 8 ++++++++
 apps/learneth/.eslintrc             | 3 +++
 apps/learneth/project.json          | 8 ++++++++
 apps/solhint/.eslintrc              | 3 +++
 apps/solhint/project.json           | 8 ++++++++
 apps/solidity-compiler/.eslintrc    | 3 +++
 apps/solidity-compiler/project.json | 8 ++++++++
 apps/vyper/project.json             | 8 ++++++++
 apps/walletconnect/.eslintrc        | 3 +++
 apps/walletconnect/project.json     | 8 ++++++++
 18 files changed, 104 insertions(+)
 create mode 100644 apps/debugger/.eslintrc
 create mode 100644 apps/doc-gen/.eslintrc
 create mode 100644 apps/doc-viewer/.eslintrc
 create mode 100644 apps/etherscan/.eslintrc
 create mode 100644 apps/learneth/.eslintrc
 create mode 100644 apps/solhint/.eslintrc
 create mode 100644 apps/solidity-compiler/.eslintrc
 create mode 100644 apps/walletconnect/.eslintrc

diff --git a/apps/circuit-compiler/project.json b/apps/circuit-compiler/project.json
index a8efde346c..1e3753d307 100644
--- a/apps/circuit-compiler/project.json
+++ b/apps/circuit-compiler/project.json
@@ -35,6 +35,14 @@
           }
         }
       },
+      "lint": {
+        "executor": "@nrwl/linter:eslint",
+        "outputs": ["{options.outputFile}"],
+        "options": {
+          "lintFilePatterns": ["apps/circuit-compiler/**/*.ts"],
+          "eslintConfig": "apps/circuit-compiler/.eslintrc"
+        }
+      },
       "serve": {
         "executor": "@nrwl/webpack:dev-server",
         "defaultConfiguration": "development",
diff --git a/apps/debugger/.eslintrc b/apps/debugger/.eslintrc
new file mode 100644
index 0000000000..2d85f9fa66
--- /dev/null
+++ b/apps/debugger/.eslintrc
@@ -0,0 +1,3 @@
+{
+  "extends": "../../.eslintrc.json",
+}
\ No newline at end of file
diff --git a/apps/debugger/project.json b/apps/debugger/project.json
index 3426f35d13..aaaf9b10bd 100644
--- a/apps/debugger/project.json
+++ b/apps/debugger/project.json
@@ -40,6 +40,14 @@
         }
       }
     },
+    "lint": {
+      "executor": "@nrwl/linter:eslint",
+      "outputs": ["{options.outputFile}"],
+      "options": {
+        "lintFilePatterns": ["apps/debugger/**/*.ts"],
+        "eslintConfig": "apps/debugger/.eslintrc"
+      }
+    },
     "serve": {
       "executor": "@nrwl/webpack:dev-server",
       "defaultConfiguration": "development",
diff --git a/apps/doc-gen/.eslintrc b/apps/doc-gen/.eslintrc
new file mode 100644
index 0000000000..2d85f9fa66
--- /dev/null
+++ b/apps/doc-gen/.eslintrc
@@ -0,0 +1,3 @@
+{
+  "extends": "../../.eslintrc.json",
+}
\ No newline at end of file
diff --git a/apps/doc-gen/project.json b/apps/doc-gen/project.json
index 4b997606a5..d074969ae4 100644
--- a/apps/doc-gen/project.json
+++ b/apps/doc-gen/project.json
@@ -38,6 +38,14 @@
         }
       }
     },
+    "lint": {
+      "executor": "@nrwl/linter:eslint",
+      "outputs": ["{options.outputFile}"],
+      "options": {
+        "lintFilePatterns": ["apps/doc-gen/**/*.ts"],
+        "eslintConfig": "apps/doc-gen/.eslintrc"
+      }
+    },
     "serve": {
       "executor": "@nrwl/webpack:dev-server",
       "defaultConfiguration": "development",
diff --git a/apps/doc-viewer/.eslintrc b/apps/doc-viewer/.eslintrc
new file mode 100644
index 0000000000..2d85f9fa66
--- /dev/null
+++ b/apps/doc-viewer/.eslintrc
@@ -0,0 +1,3 @@
+{
+  "extends": "../../.eslintrc.json",
+}
\ No newline at end of file
diff --git a/apps/doc-viewer/project.json b/apps/doc-viewer/project.json
index 2e5455cc30..9289f16886 100644
--- a/apps/doc-viewer/project.json
+++ b/apps/doc-viewer/project.json
@@ -38,6 +38,14 @@
         }
       }
     },
+    "lint": {
+      "executor": "@nrwl/linter:eslint",
+      "outputs": ["{options.outputFile}"],
+      "options": {
+        "lintFilePatterns": ["apps/doc-viewer/**/*.ts"],
+        "eslintConfig": "apps/doc-viewer/.eslintrc"
+      }
+    },
     "serve": {
       "executor": "@nrwl/webpack:dev-server",
       "defaultConfiguration": "development",
diff --git a/apps/etherscan/.eslintrc b/apps/etherscan/.eslintrc
new file mode 100644
index 0000000000..2d85f9fa66
--- /dev/null
+++ b/apps/etherscan/.eslintrc
@@ -0,0 +1,3 @@
+{
+  "extends": "../../.eslintrc.json",
+}
\ No newline at end of file
diff --git a/apps/etherscan/project.json b/apps/etherscan/project.json
index fe53c7f39e..6803ffe20b 100644
--- a/apps/etherscan/project.json
+++ b/apps/etherscan/project.json
@@ -38,6 +38,14 @@
         }
       }
     },
+    "lint": {
+      "executor": "@nrwl/linter:eslint",
+      "outputs": ["{options.outputFile}"],
+      "options": {
+        "lintFilePatterns": ["apps/etherscan/**/*.ts"],
+        "eslintConfig": "apps/etherscan/.eslintrc"
+      }
+    },
     "serve": {
       "executor": "@nrwl/webpack:dev-server",
       "defaultConfiguration": "development",
diff --git a/apps/learneth/.eslintrc b/apps/learneth/.eslintrc
new file mode 100644
index 0000000000..2d85f9fa66
--- /dev/null
+++ b/apps/learneth/.eslintrc
@@ -0,0 +1,3 @@
+{
+  "extends": "../../.eslintrc.json",
+}
\ No newline at end of file
diff --git a/apps/learneth/project.json b/apps/learneth/project.json
index a4db7488a7..cafdc12eb9 100644
--- a/apps/learneth/project.json
+++ b/apps/learneth/project.json
@@ -35,6 +35,14 @@
         }
       }
     },
+    "lint": {
+      "executor": "@nrwl/linter:eslint",
+      "outputs": ["{options.outputFile}"],
+      "options": {
+        "lintFilePatterns": ["apps/learneth/**/*.ts"],
+        "eslintConfig": "apps/learneth/.eslintrc"
+      }
+    },
     "serve": {
       "executor": "@nrwl/webpack:dev-server",
       "defaultConfiguration": "development",
diff --git a/apps/solhint/.eslintrc b/apps/solhint/.eslintrc
new file mode 100644
index 0000000000..2d85f9fa66
--- /dev/null
+++ b/apps/solhint/.eslintrc
@@ -0,0 +1,3 @@
+{
+  "extends": "../../.eslintrc.json",
+}
\ No newline at end of file
diff --git a/apps/solhint/project.json b/apps/solhint/project.json
index dbd4bdce84..a76ec45b49 100644
--- a/apps/solhint/project.json
+++ b/apps/solhint/project.json
@@ -47,6 +47,14 @@
         "parallel": false
       }
     },
+    "lint": {
+      "executor": "@nrwl/linter:eslint",
+      "outputs": ["{options.outputFile}"],
+      "options": {
+        "lintFilePatterns": ["libs/solhint/**/*.ts"],
+        "eslintConfig": "libs/solhint/.eslintrc"
+      }
+    },
     "serve": {
       "executor": "@nrwl/webpack:dev-server",
       "defaultConfiguration": "development",
diff --git a/apps/solidity-compiler/.eslintrc b/apps/solidity-compiler/.eslintrc
new file mode 100644
index 0000000000..2d85f9fa66
--- /dev/null
+++ b/apps/solidity-compiler/.eslintrc
@@ -0,0 +1,3 @@
+{
+  "extends": "../../.eslintrc.json",
+}
\ No newline at end of file
diff --git a/apps/solidity-compiler/project.json b/apps/solidity-compiler/project.json
index 395ec9e94e..b714633a8e 100644
--- a/apps/solidity-compiler/project.json
+++ b/apps/solidity-compiler/project.json
@@ -41,6 +41,14 @@
         }
       }
     },
+    "lint": {
+      "executor": "@nrwl/linter:eslint",
+      "outputs": ["{options.outputFile}"],
+      "options": {
+        "lintFilePatterns": ["libs/solidity-compiler/**/*.ts"],
+        "eslintConfig": "libs/solidity-compiler/.eslintrc"
+      }
+    },
     "serve": {
       "executor": "@nrwl/webpack:dev-server",
       "defaultConfiguration": "development",
diff --git a/apps/vyper/project.json b/apps/vyper/project.json
index 543c0873fd..28c8835367 100644
--- a/apps/vyper/project.json
+++ b/apps/vyper/project.json
@@ -38,6 +38,14 @@
         }
       }
     },
+    "lint": {
+      "executor": "@nrwl/linter:eslint",
+      "outputs": ["{options.outputFile}"],
+      "options": {
+        "lintFilePatterns": ["libs/vyper/**/*.ts"],
+        "eslintConfig": "libs/vyper/.eslintrc"
+      }
+    },
     "serve": {
       "executor": "@nrwl/webpack:dev-server",
       "defaultConfiguration": "development",
diff --git a/apps/walletconnect/.eslintrc b/apps/walletconnect/.eslintrc
new file mode 100644
index 0000000000..2d85f9fa66
--- /dev/null
+++ b/apps/walletconnect/.eslintrc
@@ -0,0 +1,3 @@
+{
+  "extends": "../../.eslintrc.json",
+}
\ No newline at end of file
diff --git a/apps/walletconnect/project.json b/apps/walletconnect/project.json
index b8baae9b60..589011838a 100644
--- a/apps/walletconnect/project.json
+++ b/apps/walletconnect/project.json
@@ -35,6 +35,14 @@
           }
         }
       },
+      "lint": {
+        "executor": "@nrwl/linter:eslint",
+        "outputs": ["{options.outputFile}"],
+        "options": {
+          "lintFilePatterns": ["libs/walletconnect/**/*.ts"],
+          "eslintConfig": "libs/walletconnect/.eslintrc"
+        }
+      },
       "serve": {
         "executor": "@nrwl/webpack:dev-server",
         "defaultConfiguration": "development",

From 382acb5c6057b3c02bf647e210fd060dbd4a2bfd Mon Sep 17 00:00:00 2001
From: lianahus <liana@ethereum.org>
Date: Mon, 29 Apr 2024 11:52:16 +0200
Subject: [PATCH 03/31] fixing url

---
 apps/solidity-compiler/.eslintrc    | 2 +-
 apps/solidity-compiler/project.json | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/solidity-compiler/.eslintrc b/apps/solidity-compiler/.eslintrc
index 2d85f9fa66..f7a0ddac8e 100644
--- a/apps/solidity-compiler/.eslintrc
+++ b/apps/solidity-compiler/.eslintrc
@@ -1,3 +1,3 @@
 {
-  "extends": "../../.eslintrc.json",
+  "extends": "../../.eslintrc.json"
 }
\ No newline at end of file
diff --git a/apps/solidity-compiler/project.json b/apps/solidity-compiler/project.json
index b714633a8e..876c5f83bf 100644
--- a/apps/solidity-compiler/project.json
+++ b/apps/solidity-compiler/project.json
@@ -45,8 +45,8 @@
       "executor": "@nrwl/linter:eslint",
       "outputs": ["{options.outputFile}"],
       "options": {
-        "lintFilePatterns": ["libs/solidity-compiler/**/*.ts"],
-        "eslintConfig": "libs/solidity-compiler/.eslintrc"
+        "lintFilePatterns": ["apps/solidity-compiler/**/*.ts"],
+        "eslintConfig": "apps/solidity-compiler/.eslintrc"
       }
     },
     "serve": {

From 16200e29941538805524e3574500d534a2dbb766 Mon Sep 17 00:00:00 2001
From: lianahus <liana@ethereum.org>
Date: Mon, 29 Apr 2024 12:18:07 +0200
Subject: [PATCH 04/31] adding   apps/circuit-compiler/.eslintrc

---
 apps/circuit-compiler/.eslintrc | 3 +++
 1 file changed, 3 insertions(+)
 create mode 100644 apps/circuit-compiler/.eslintrc

diff --git a/apps/circuit-compiler/.eslintrc b/apps/circuit-compiler/.eslintrc
new file mode 100644
index 0000000000..2d85f9fa66
--- /dev/null
+++ b/apps/circuit-compiler/.eslintrc
@@ -0,0 +1,3 @@
+{
+  "extends": "../../.eslintrc.json",
+}
\ No newline at end of file

From ca4ac3abf39fe8f791c3d29d78a29b099f7e2576 Mon Sep 17 00:00:00 2001
From: lianahus <liana@ethereum.org>
Date: Mon, 29 Apr 2024 12:24:53 +0200
Subject: [PATCH 05/31] new rules

---
 .eslintrc.json | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/.eslintrc.json b/.eslintrc.json
index 7a9a8f1431..d6efa4afee 100644
--- a/.eslintrc.json
+++ b/.eslintrc.json
@@ -54,7 +54,13 @@
         "react-hooks/exhaustive-deps": "off",
         "array-callback-return": "off",
         "prefer-spread": "off",
-        "indent": ["error", 2]
+        "indent": ["error", 2],
+        "keyword-spacing": ["error", { "after": true, "before": true }],
+        "array-bracket-spacing": ["error", "never"],
+        "object-curly-spacing": ["error", "always", { "arraysInObjects": false }],
+        "no-trailing-spaces": "error",
+        "no-multi-spaces": "error",
+        "no-multiple-empty-lines": ["error" , { "max": 1}]
       }
     },
     {

From 4fe4b7f97e7d517a6d951737407bd6bb3493b7c5 Mon Sep 17 00:00:00 2001
From: lianahus <liana@ethereum.org>
Date: Mon, 29 Apr 2024 12:28:06 +0200
Subject: [PATCH 06/31] fixing remix-url-resolver lint errors

---
 libs/remix-url-resolver/src/resolve.ts | 13 ++++++-------
 libs/remix-url-resolver/tests/test.ts  |  8 ++++----
 2 files changed, 10 insertions(+), 11 deletions(-)

diff --git a/libs/remix-url-resolver/src/resolve.ts b/libs/remix-url-resolver/src/resolve.ts
index f9b77e2b3e..b1225ccdb5 100644
--- a/libs/remix-url-resolver/src/resolve.ts
+++ b/libs/remix-url-resolver/src/resolve.ts
@@ -64,7 +64,7 @@ export class RemixURLResolver {
     // eslint-disable-next-line no-useless-catch
     try {
       const req = `https://raw.githubusercontent.com/${root}/${reference}/${filePath}`
-      const response: AxiosResponse = await axios.get(req, { transformResponse: [] })
+      const response: AxiosResponse = await axios.get(req, { transformResponse: []})
       return { content: response.data, cleanUrl: root + '/' + filePath }
     } catch (e) {
       throw e
@@ -79,7 +79,7 @@ export class RemixURLResolver {
   async handleHttp(url: string, cleanUrl: string): Promise<HandlerResponse> {
     // eslint-disable-next-line no-useless-catch
     try {
-      const response: AxiosResponse = await axios.get(url, { transformResponse: [] })
+      const response: AxiosResponse = await axios.get(url, { transformResponse: []})
       return { content: response.data, cleanUrl }
     } catch (e) {
       throw e
@@ -94,7 +94,7 @@ export class RemixURLResolver {
   async handleHttps(url: string, cleanUrl: string): Promise<HandlerResponse> {
     // eslint-disable-next-line no-useless-catch
     try {
-      const response: AxiosResponse = await axios.get(url, { transformResponse: [] })
+      const response: AxiosResponse = await axios.get(url, { transformResponse: []})
       return { content: response.data, cleanUrl }
     } catch (e) {
       throw e
@@ -106,7 +106,7 @@ export class RemixURLResolver {
     try {
       const bzz = new Bzz({ url: this.protocol + '//swarm-gateways.net' })
       const url = bzz.getDownloadURL(cleanUrl, { mode: 'raw' })
-      const response: AxiosResponse = await axios.get(url, { transformResponse: [] })
+      const response: AxiosResponse = await axios.get(url, { transformResponse: []})
       return { content: response.data, cleanUrl }
     } catch (e) {
       throw e
@@ -125,7 +125,7 @@ export class RemixURLResolver {
       const req = 'https://jqgt.remixproject.org/' + url
       // If you don't find greeter.sol on ipfs gateway use local
       // const req = 'http://localhost:8080/' + url
-      const response: AxiosResponse = await axios.get(req, { transformResponse: [] })
+      const response: AxiosResponse = await axios.get(req, { transformResponse: []})
       return { content: response.data, cleanUrl: url.replace('ipfs/', '') }
     } catch (e) {
       throw e
@@ -190,7 +190,7 @@ export class RemixURLResolver {
     for (let i = 0; i < npm_urls.length; i++) {
       try {
         const req = npm_urls[i] + url
-        const response: AxiosResponse = await axios.get(req, { transformResponse: [] })
+        const response: AxiosResponse = await axios.get(req, { transformResponse: []})
         content = response.data
         break
       } catch (e) {
@@ -201,7 +201,6 @@ export class RemixURLResolver {
     if (!content) throw new Error('Unable to load ' + url)
     return { content, cleanUrl: url }
   }
-  
 
   getHandlers (): Handler[] {
     return [
diff --git a/libs/remix-url-resolver/tests/test.ts b/libs/remix-url-resolver/tests/test.ts
index 952967d9c3..1a8eebe0ba 100644
--- a/libs/remix-url-resolver/tests/test.ts
+++ b/libs/remix-url-resolver/tests/test.ts
@@ -109,7 +109,7 @@ describe('testRunner', () => {
         it('should return contract content of given github path', () => {
           const expt: object = {
             cleanUrl: 'ethereum/remix-project/libs/remix-url-resolver/tests/example_1/greeter.sol',
-            content: fs.readFileSync(__dirname + '/example_1/greeter.sol', { encoding: 'utf8'}),
+            content: fs.readFileSync(__dirname + '/example_1/greeter.sol', { encoding: 'utf8' }),
             type: 'github'
           }
           assert.deepEqual(results, expt)
@@ -139,7 +139,7 @@ describe('testRunner', () => {
         it('should return contract content of given github path', () => {
           const expt: object = {
             cleanUrl: 'ethereum/remix-project/libs/remix-url-resolver/tests/example_1/greeter.sol',
-            content: fs.readFileSync(__dirname + '/example_1/greeter.sol', { encoding: 'utf8'}) + '\n',
+            content: fs.readFileSync(__dirname + '/example_1/greeter.sol', { encoding: 'utf8' }) + '\n',
             type: 'github'
           }
           assert.deepEqual(results, expt)
@@ -169,7 +169,7 @@ describe('testRunner', () => {
         it('should return contract content of given github path', () => {
           const expt: object = {
             cleanUrl: 'ethereum/remix-project/libs/remix-url-resolver/tests/example_1/greeter.sol',
-            content: fs.readFileSync(__dirname + '/example_1/greeter.sol', { encoding: 'utf8'}),
+            content: fs.readFileSync(__dirname + '/example_1/greeter.sol', { encoding: 'utf8' }),
             type: 'github'
           }
           assert.deepEqual(results, expt)
@@ -257,7 +257,7 @@ describe('testRunner', () => {
           assert.equal(Object.keys(results).length, 3)
         })
         it('should return contract content from IPFS url', () => {
-          const content = fs.readFileSync(__dirname + '/example_1/greeter.sol', { encoding: 'utf8'})
+          const content = fs.readFileSync(__dirname + '/example_1/greeter.sol', { encoding: 'utf8' })
           const expt: object = {
             content: content,
             cleanUrl: 'QmcuCKyokk9Z6f65ADAADNiS2R2xCjfRkv7mYBSWDwtA7M',

From 811d90ae3660ea8cbbf940df32536b8e910a4921 Mon Sep 17 00:00:00 2001
From: lianahus <liana@ethereum.org>
Date: Mon, 29 Apr 2024 13:50:10 +0200
Subject: [PATCH 07/31] linting fixes for remix-ws-templates

---
 .../basic-contract-deploy.ts                  |  6 ++--
 .../contract-deployer/index.ts                |  6 ++--
 .../create2-solidity-factory/index.ts         |  2 +-
 .../src/script-templates/etherscan/index.ts   |  6 ++--
 .../etherscan/receiptGuidScript.ts            |  2 +-
 .../etherscan/verifyScript.ts                 |  2 +-
 .../src/script-templates/sindri/index.ts      |  4 +--
 .../script-templates/sindri/run_compile.ts    |  2 +-
 .../src/script-templates/sindri/run_prove.ts  |  2 +-
 .../src/script-templates/sindri/utils.ts      |  4 +--
 .../gnosisSafeMultisig/scripts/ethers-lib.ts  |  6 ++--
 .../gnosisSafeMultisig/scripts/web3-lib.ts    |  4 +--
 .../scripts/groth16/groth16_trusted_setup.ts  |  6 ++--
 .../scripts/groth16/groth16_zkproof.ts        | 21 ++++++-------
 .../scripts/plonk/plonk_zkproof.ts            | 12 +++----
 .../src/templates/ozerc1155/index.ts          |  2 +-
 .../templates/ozerc1155/scripts/ethers-lib.ts |  6 ++--
 .../templates/ozerc1155/scripts/web3-lib.ts   |  4 +--
 .../src/templates/ozerc20/index.ts            |  2 +-
 .../templates/ozerc20/scripts/ethers-lib.ts   |  6 ++--
 .../src/templates/ozerc20/scripts/web3-lib.ts |  4 +--
 .../templates/ozerc721/scripts/ethers-lib.ts  |  6 ++--
 .../templates/ozerc721/scripts/web3-lib.ts    |  4 +--
 .../playground/scripts/ethers-lib.ts          |  6 ++--
 .../templates/playground/scripts/web3-lib.ts  |  4 +--
 .../remixDefault/scripts/ethers-lib.ts        |  6 ++--
 .../remixDefault/scripts/web3-lib.ts          |  4 +--
 .../scripts/groth16/groth16_trusted_setup.ts  |  6 ++--
 .../rln/scripts/groth16/groth16_zkproof.ts    | 28 ++++++++---------
 .../rln/scripts/plonk/plonk_zkproof.ts        | 28 ++++++++---------
 .../scripts/groth16/groth16_trusted_setup.ts  |  6 ++--
 .../scripts/groth16/groth16_zkproof.ts        | 28 ++++++++---------
 .../scripts/plonk/plonk_trusted_setup.ts      |  6 ++--
 .../semaphore/scripts/plonk/plonk_zkproof.ts  | 30 +++++++++---------
 .../templates/semaphore/scripts/run_setup.ts  | 10 +++---
 .../semaphore/scripts/run_verification.ts     | 31 +++++++++----------
 .../zeroxErc20/scripts/ethers-lib.ts          |  6 ++--
 .../templates/zeroxErc20/scripts/web3-lib.ts  |  4 +--
 38 files changed, 159 insertions(+), 163 deletions(-)

diff --git a/libs/remix-ws-templates/src/script-templates/contract-deployer/basic-contract-deploy.ts b/libs/remix-ws-templates/src/script-templates/contract-deployer/basic-contract-deploy.ts
index 2753f9bcd0..8e4adf95a6 100644
--- a/libs/remix-ws-templates/src/script-templates/contract-deployer/basic-contract-deploy.ts
+++ b/libs/remix-ws-templates/src/script-templates/contract-deployer/basic-contract-deploy.ts
@@ -7,7 +7,7 @@ import { ethers } from 'ethers'
  * @param {Number} accountIndex account index from the exposed account
  * @return {Contract} deployed contract
  */
-export const deploy = async (contractName: string, args: Array<any>, accountIndex?: number): Promise<ethers.Contract> => {    
+export const deploy = async (contractName: string, args: Array<any>, accountIndex?: number): Promise<ethers.Contract> => {
 
   console.log(`deploying ${contractName}`)
   // Note that the script needs the ABI which is generated from the compilation artifact.
@@ -16,12 +16,12 @@ export const deploy = async (contractName: string, args: Array<any>, accountInde
 
   const metadata = JSON.parse(await remix.call('fileManager', 'getFile', artifactsPath))
   // 'web3Provider' is a remix global variable object
-    
+
   const signer = (new ethers.providers.Web3Provider(web3Provider)).getSigner(accountIndex)
 
   const factory = new ethers.ContractFactory(metadata.abi, metadata.data.bytecode.object, signer)
 
-  const contract = await factory.deploy(...args)   
+  const contract = await factory.deploy(...args)
 
   // The contract is NOT deployed yet; we must wait until it is mined
   await contract.deployed()
diff --git a/libs/remix-ws-templates/src/script-templates/contract-deployer/index.ts b/libs/remix-ws-templates/src/script-templates/contract-deployer/index.ts
index 93682c8002..5ef8cb395b 100644
--- a/libs/remix-ws-templates/src/script-templates/contract-deployer/index.ts
+++ b/libs/remix-ws-templates/src/script-templates/contract-deployer/index.ts
@@ -1,12 +1,12 @@
 export const contractDeployerScripts = async (plugin) => {
-  await plugin.call('fileManager', 'writeFile', 
+  await plugin.call('fileManager', 'writeFile',
     'scripts/contract-deployer/create2-factory-deploy.ts' ,
     // @ts-ignore
     (await import('!!raw-loader!./create2-factory-deploy.ts')).default)
 
   await plugin.call('fileManager', 'open', 'scripts/contract-deployer/create2-factory-deploy.ts')
-    
-  await plugin.call('fileManager', 'writeFile', 
+
+  await plugin.call('fileManager', 'writeFile',
     'scripts/contract-deployer/basic-contract-deploy.ts' ,
     // @ts-ignore
     (await import('!!raw-loader!./basic-contract-deploy.ts')).default)
diff --git a/libs/remix-ws-templates/src/script-templates/create2-solidity-factory/index.ts b/libs/remix-ws-templates/src/script-templates/create2-solidity-factory/index.ts
index 4d7bedb2d8..80283660a2 100644
--- a/libs/remix-ws-templates/src/script-templates/create2-solidity-factory/index.ts
+++ b/libs/remix-ws-templates/src/script-templates/create2-solidity-factory/index.ts
@@ -1,5 +1,5 @@
 export const contractCreate2Factory = async (plugin) => {
-  await plugin.call('fileManager', 'writeFile', 
+  await plugin.call('fileManager', 'writeFile',
     'contracts/libs/create2-factory.sol' ,
     // @ts-ignore
     (await import('!!raw-loader!./create2-factory.sol')).default)
diff --git a/libs/remix-ws-templates/src/script-templates/etherscan/index.ts b/libs/remix-ws-templates/src/script-templates/etherscan/index.ts
index 3abbe27dd6..747e4fd8b8 100644
--- a/libs/remix-ws-templates/src/script-templates/etherscan/index.ts
+++ b/libs/remix-ws-templates/src/script-templates/etherscan/index.ts
@@ -1,12 +1,12 @@
 export const etherscanScripts = async (plugin) => {
-  await plugin.call('fileManager', 'writeFile', 
+  await plugin.call('fileManager', 'writeFile',
     'scripts/etherscan/verifyScript.ts' ,
     // @ts-ignore
     (await import('!!raw-loader!./verifyScript.ts')).default)
-    
+
   await plugin.call('fileManager', 'open', 'scripts/etherscan/verifyScript.ts')
 
-  await plugin.call('fileManager', 'writeFile', 
+  await plugin.call('fileManager', 'writeFile',
     'scripts/etherscan/receiptGuidScript.ts' ,
     // @ts-ignore
     (await import('!!raw-loader!./receiptGuidScript.ts')).default)
diff --git a/libs/remix-ws-templates/src/script-templates/etherscan/receiptGuidScript.ts b/libs/remix-ws-templates/src/script-templates/etherscan/receiptGuidScript.ts
index cc96dc14e6..b5bdeb3139 100644
--- a/libs/remix-ws-templates/src/script-templates/etherscan/receiptGuidScript.ts
+++ b/libs/remix-ws-templates/src/script-templates/etherscan/receiptGuidScript.ts
@@ -5,5 +5,5 @@
  * @returns {{ status, message, succeed }} receiptStatus
  */
 export const receiptStatus = async (apikey: string, guid: string, isProxyContract?: boolean) => {
-  return await remix.call('etherscan' as any,  'receiptStatus', guid, apikey, isProxyContract)
+  return await remix.call('etherscan' as any, 'receiptStatus', guid, apikey, isProxyContract)
 }
\ No newline at end of file
diff --git a/libs/remix-ws-templates/src/script-templates/etherscan/verifyScript.ts b/libs/remix-ws-templates/src/script-templates/etherscan/verifyScript.ts
index 2126bca90b..ba9c552a70 100644
--- a/libs/remix-ws-templates/src/script-templates/etherscan/verifyScript.ts
+++ b/libs/remix-ws-templates/src/script-templates/etherscan/verifyScript.ts
@@ -13,5 +13,5 @@ export const verify = async (apikey: string, contractAddress: string, contractAr
   const compilationResultParam = await remix.call('compilerArtefacts' as any, 'getCompilerAbstract', contractFile)
   console.log('verifying.. ' + contractName)
   // update apiKey and chainRef to verify contract on multiple networks
-  return await remix.call('etherscan' as any,  'verify', apikey, contractAddress, contractArguments, contractName, compilationResultParam, chainRef, isProxyContract, expectedImplAddress)
+  return await remix.call('etherscan' as any, 'verify', apikey, contractAddress, contractArguments, contractName, compilationResultParam, chainRef, isProxyContract, expectedImplAddress)
 }
diff --git a/libs/remix-ws-templates/src/script-templates/sindri/index.ts b/libs/remix-ws-templates/src/script-templates/sindri/index.ts
index fdc58bfad1..0abcebdb2e 100644
--- a/libs/remix-ws-templates/src/script-templates/sindri/index.ts
+++ b/libs/remix-ws-templates/src/script-templates/sindri/index.ts
@@ -71,12 +71,12 @@ export const sindriScripts = async (plugin: any) => {
             if (a.isTemplateEntrypoint !== b.isTemplateEntrypoint) return +b.isTemplateEntrypoint - +a.isTemplateEntrypoint
             return a.path.localeCompare(b.path)
           })
-          .map(({path}) => path)[0] || './circuit.circom'
+          .map(({ path }) => path)[0] || './circuit.circom'
       sindriManifest.circuitPath = circomCircuitPath
     }
 
     // Derive the circuit name from the workspace name.
-    const {name: workspaceName} = await plugin.call('filePanel', 'getCurrentWorkspace')
+    const { name: workspaceName } = await plugin.call('filePanel', 'getCurrentWorkspace')
     sindriManifest.name =
       workspaceName
         .replace(/\s*-+\s*\d*$/, '')
diff --git a/libs/remix-ws-templates/src/script-templates/sindri/run_compile.ts b/libs/remix-ws-templates/src/script-templates/sindri/run_compile.ts
index 40a2bb42ad..5d9acda605 100644
--- a/libs/remix-ws-templates/src/script-templates/sindri/run_compile.ts
+++ b/libs/remix-ws-templates/src/script-templates/sindri/run_compile.ts
@@ -1,4 +1,4 @@
-import {compile} from './utils'
+import { compile } from './utils'
 
 const main = async () => {
   const circuit = await compile()
diff --git a/libs/remix-ws-templates/src/script-templates/sindri/run_prove.ts b/libs/remix-ws-templates/src/script-templates/sindri/run_prove.ts
index 98e2ea43d7..cd81dbde15 100644
--- a/libs/remix-ws-templates/src/script-templates/sindri/run_prove.ts
+++ b/libs/remix-ws-templates/src/script-templates/sindri/run_prove.ts
@@ -1,4 +1,4 @@
-import {prove} from './utils'
+import { prove } from './utils'
 
 // You must modify the input signals to include the data you're trying to generate a proof for.
 const signals: {[name: string]: number | string} = {}
diff --git a/libs/remix-ws-templates/src/script-templates/sindri/utils.ts b/libs/remix-ws-templates/src/script-templates/sindri/utils.ts
index 8905d037da..006cd9fa6c 100644
--- a/libs/remix-ws-templates/src/script-templates/sindri/utils.ts
+++ b/libs/remix-ws-templates/src/script-templates/sindri/utils.ts
@@ -1,5 +1,5 @@
 import sindriClient from 'sindri'
-import type {CircuitInfoResponse, ProofInfoResponse} from 'sindri'
+import type { CircuitInfoResponse, ProofInfoResponse } from 'sindri'
 
 sindriClient.logLevel = 'info'
 
@@ -9,7 +9,7 @@ const authorize = async () => {
     if (!apiKey) {
       throw new Error('Missing API key.')
     }
-    sindriClient.authorize({apiKey})
+    sindriClient.authorize({ apiKey })
   } catch {
     const message = 'No Sindri API key found. Please click the gear in the lower left corner to open the settings page, and add your API key under "Sindri Credentials".'
     await remix.call('notification', 'toast', message)
diff --git a/libs/remix-ws-templates/src/templates/gnosisSafeMultisig/scripts/ethers-lib.ts b/libs/remix-ws-templates/src/templates/gnosisSafeMultisig/scripts/ethers-lib.ts
index 2753f9bcd0..8e4adf95a6 100644
--- a/libs/remix-ws-templates/src/templates/gnosisSafeMultisig/scripts/ethers-lib.ts
+++ b/libs/remix-ws-templates/src/templates/gnosisSafeMultisig/scripts/ethers-lib.ts
@@ -7,7 +7,7 @@ import { ethers } from 'ethers'
  * @param {Number} accountIndex account index from the exposed account
  * @return {Contract} deployed contract
  */
-export const deploy = async (contractName: string, args: Array<any>, accountIndex?: number): Promise<ethers.Contract> => {    
+export const deploy = async (contractName: string, args: Array<any>, accountIndex?: number): Promise<ethers.Contract> => {
 
   console.log(`deploying ${contractName}`)
   // Note that the script needs the ABI which is generated from the compilation artifact.
@@ -16,12 +16,12 @@ export const deploy = async (contractName: string, args: Array<any>, accountInde
 
   const metadata = JSON.parse(await remix.call('fileManager', 'getFile', artifactsPath))
   // 'web3Provider' is a remix global variable object
-    
+
   const signer = (new ethers.providers.Web3Provider(web3Provider)).getSigner(accountIndex)
 
   const factory = new ethers.ContractFactory(metadata.abi, metadata.data.bytecode.object, signer)
 
-  const contract = await factory.deploy(...args)   
+  const contract = await factory.deploy(...args)
 
   // The contract is NOT deployed yet; we must wait until it is mined
   await contract.deployed()
diff --git a/libs/remix-ws-templates/src/templates/gnosisSafeMultisig/scripts/web3-lib.ts b/libs/remix-ws-templates/src/templates/gnosisSafeMultisig/scripts/web3-lib.ts
index c57e501039..cbd4f48489 100644
--- a/libs/remix-ws-templates/src/templates/gnosisSafeMultisig/scripts/web3-lib.ts
+++ b/libs/remix-ws-templates/src/templates/gnosisSafeMultisig/scripts/web3-lib.ts
@@ -21,7 +21,7 @@ export const deploy = async (contractName: string, args: Array<any>, from?: stri
 
   const accounts = await web3.eth.getAccounts()
 
-  const contract: Contract  = new web3.eth.Contract(metadata.abi)
+  const contract: Contract = new web3.eth.Contract(metadata.abi)
 
   const contractSend: ContractSendMethod = contract.deploy({
     data: metadata.data.bytecode.object,
@@ -32,5 +32,5 @@ export const deploy = async (contractName: string, args: Array<any>, from?: stri
     from: from || accounts[0],
     gas: gas || 1500000
   })
-  return newContractInstance.options    
+  return newContractInstance.options
 }
\ No newline at end of file
diff --git a/libs/remix-ws-templates/src/templates/hashchecker/scripts/groth16/groth16_trusted_setup.ts b/libs/remix-ws-templates/src/templates/hashchecker/scripts/groth16/groth16_trusted_setup.ts
index 278146b08a..9692a62954 100644
--- a/libs/remix-ws-templates/src/templates/hashchecker/scripts/groth16/groth16_trusted_setup.ts
+++ b/libs/remix-ws-templates/src/templates/hashchecker/scripts/groth16/groth16_trusted_setup.ts
@@ -40,12 +40,12 @@ const logger = {
     console.log('exportVerificationKey')
     const vKey = await snarkjs.zKey.exportVerificationKey(zkey_final)
     await remix.call('fileManager', 'writeFile', './zk/keys/groth16/verification_key.json', JSON.stringify(vKey, null, 2))
-    
+
     console.log('save zkey_final')
     await remix.call('fileManager', 'writeFile', './zk/keys/groth16/zkey_final.txt', JSON.stringify(Array.from(((zkey_final as any).data))))
-    
+
     console.log('setup done.')
-    
+
   } catch (e) {
     console.error(e.message)
   }
diff --git a/libs/remix-ws-templates/src/templates/hashchecker/scripts/groth16/groth16_zkproof.ts b/libs/remix-ws-templates/src/templates/hashchecker/scripts/groth16/groth16_zkproof.ts
index daea2ed230..146bdab52b 100644
--- a/libs/remix-ws-templates/src/templates/hashchecker/scripts/groth16/groth16_zkproof.ts
+++ b/libs/remix-ws-templates/src/templates/hashchecker/scripts/groth16/groth16_zkproof.ts
@@ -20,21 +20,21 @@ const logger = {
     // @ts-ignore
     const wasmBuffer = await remix.call('fileManager', 'readFile', 'circuits/.bin/calculate_hash.wasm', { encoding: null });
     // @ts-ignore
-    const wasm = new Uint8Array(wasmBuffer);   
-     
+    const wasm = new Uint8Array(wasmBuffer);
+
     const zkey_final = {
       type: "mem",
       data: new Uint8Array(JSON.parse(await remix.call('fileManager', 'readFile', './zk/keys/groth16/zkey_final.txt')))
     }
-    const wtns = { type: "mem" };   
+    const wtns = { type: "mem" };
 
     const vKey = JSON.parse(await remix.call('fileManager', 'readFile', './zk/keys/groth16/verification_key.json'))
-  
+
     const value1 = '1234'
     const value2 = '2'
     const value3 = '3'
     const value4 = '4'
-    
+
     const wrongValue = '5' // put this in the poseidon hash calculation to simulate a non matching hash.
 
     const signals = {
@@ -44,25 +44,24 @@ const logger = {
       value4,
       hash: poseidon([value1, value2, value3, value4])
     }
-    
+
     console.log('calculate')
     await snarkjs.wtns.calculate(signals, wasm, wtns);
-    
+
     console.log('check')
     await snarkjs.wtns.check(r1cs, wtns, logger);
-    
 
     console.log('prove')
     const { proof, publicSignals } = await snarkjs.groth16.prove(zkey_final, wtns);
-    
+
     const verified = await snarkjs.groth16.verify(vKey, publicSignals, proof, logger);
     console.log('zk proof validity', verified);
-    
+
     const templates = {
       groth16: await remix.call('fileManager', 'readFile', 'templates/groth16_verifier.sol.ejs')
     }
     const solidityContract = await snarkjs.zKey.exportSolidityVerifier(zkey_final, templates)
-    
+
     await remix.call('fileManager', 'writeFile', './zk/build/groth16/zk_verifier.sol', solidityContract)
     await remix.call('fileManager', 'writeFile', 'zk/build/groth16/input.json', JSON.stringify({
       _pA: [proof.pi_a[0], proof.pi_a[1]],
diff --git a/libs/remix-ws-templates/src/templates/hashchecker/scripts/plonk/plonk_zkproof.ts b/libs/remix-ws-templates/src/templates/hashchecker/scripts/plonk/plonk_zkproof.ts
index 31b2b8a1f9..544cd10b6d 100644
--- a/libs/remix-ws-templates/src/templates/hashchecker/scripts/plonk/plonk_zkproof.ts
+++ b/libs/remix-ws-templates/src/templates/hashchecker/scripts/plonk/plonk_zkproof.ts
@@ -28,7 +28,7 @@ const logger = {
     const value2 = '2'
     const value3 = '3'
     const value4 = '4'
-    
+
     const wrongValue = '5' // put this in the poseidon hash calculation to simulate a non matching hash.
 
     const signals = {
@@ -41,11 +41,11 @@ const logger = {
 
     console.log('calculate')
     await snarkjs.wtns.calculate(signals, wasm, wtns, logger);
-    
+
     const { proof, publicSignals } = await snarkjs.plonk.prove(zkey_final, wtns);
 
     const vKey = JSON.parse(await remix.call('fileManager', 'readFile', './zk/keys/plonk/verification_key.json'))
-  
+
     const verified = await snarkjs.plonk.verify(vKey, publicSignals, proof);
 
     console.log('zk proof validity', verified);
@@ -53,7 +53,7 @@ const logger = {
       plonk: await remix.call('fileManager', 'readFile', 'templates/plonk_verifier.sol.ejs')
     }
     const solidityContract = await snarkjs.zKey.exportSolidityVerifier(zkey_final, templates)
-    
+
     await remix.call('fileManager', 'writeFile', 'zk/build/plonk/zk_verifier.sol', solidityContract)
     await remix.call('fileManager', 'writeFile', 'zk/build/plonk/input.json', JSON.stringify({
       _proof: [
@@ -84,9 +84,9 @@ const logger = {
       ],
       _pubSignals: publicSignals
     }, null, 2))
-    
+
     console.log('proof done.')
-    
+
   } catch (e) {
     console.error(e.message)
   }
diff --git a/libs/remix-ws-templates/src/templates/ozerc1155/index.ts b/libs/remix-ws-templates/src/templates/ozerc1155/index.ts
index f200464c07..40811b978f 100644
--- a/libs/remix-ws-templates/src/templates/ozerc1155/index.ts
+++ b/libs/remix-ws-templates/src/templates/ozerc1155/index.ts
@@ -29,6 +29,6 @@ export default async (opts) => {
     // @ts-ignore
     else filesObj['tests/MyToken_test.sol'] = (await import('raw-loader!./tests/MyToken_test.sol')).default
   }
-  
+
   return filesObj
 }
\ No newline at end of file
diff --git a/libs/remix-ws-templates/src/templates/ozerc1155/scripts/ethers-lib.ts b/libs/remix-ws-templates/src/templates/ozerc1155/scripts/ethers-lib.ts
index 2753f9bcd0..8e4adf95a6 100644
--- a/libs/remix-ws-templates/src/templates/ozerc1155/scripts/ethers-lib.ts
+++ b/libs/remix-ws-templates/src/templates/ozerc1155/scripts/ethers-lib.ts
@@ -7,7 +7,7 @@ import { ethers } from 'ethers'
  * @param {Number} accountIndex account index from the exposed account
  * @return {Contract} deployed contract
  */
-export const deploy = async (contractName: string, args: Array<any>, accountIndex?: number): Promise<ethers.Contract> => {    
+export const deploy = async (contractName: string, args: Array<any>, accountIndex?: number): Promise<ethers.Contract> => {
 
   console.log(`deploying ${contractName}`)
   // Note that the script needs the ABI which is generated from the compilation artifact.
@@ -16,12 +16,12 @@ export const deploy = async (contractName: string, args: Array<any>, accountInde
 
   const metadata = JSON.parse(await remix.call('fileManager', 'getFile', artifactsPath))
   // 'web3Provider' is a remix global variable object
-    
+
   const signer = (new ethers.providers.Web3Provider(web3Provider)).getSigner(accountIndex)
 
   const factory = new ethers.ContractFactory(metadata.abi, metadata.data.bytecode.object, signer)
 
-  const contract = await factory.deploy(...args)   
+  const contract = await factory.deploy(...args)
 
   // The contract is NOT deployed yet; we must wait until it is mined
   await contract.deployed()
diff --git a/libs/remix-ws-templates/src/templates/ozerc1155/scripts/web3-lib.ts b/libs/remix-ws-templates/src/templates/ozerc1155/scripts/web3-lib.ts
index 921774572a..32369998ad 100644
--- a/libs/remix-ws-templates/src/templates/ozerc1155/scripts/web3-lib.ts
+++ b/libs/remix-ws-templates/src/templates/ozerc1155/scripts/web3-lib.ts
@@ -21,7 +21,7 @@ export const deploy = async (contractName: string, args: Array<any>, from?: stri
 
   const accounts = await web3.eth.getAccounts()
 
-  const contract: Contract  = new web3.eth.Contract(metadata.abi)
+  const contract: Contract = new web3.eth.Contract(metadata.abi)
 
   const contractSend: ContractSendMethod = contract.deploy({
     data: metadata.data.bytecode.object,
@@ -32,5 +32,5 @@ export const deploy = async (contractName: string, args: Array<any>, from?: stri
     from: from || accounts[0],
     gas: gas || 3600000
   })
-  return newContractInstance.options    
+  return newContractInstance.options
 }
\ No newline at end of file
diff --git a/libs/remix-ws-templates/src/templates/ozerc20/index.ts b/libs/remix-ws-templates/src/templates/ozerc20/index.ts
index 2a8b0c8f3c..09b55ae00b 100644
--- a/libs/remix-ws-templates/src/templates/ozerc20/index.ts
+++ b/libs/remix-ws-templates/src/templates/ozerc20/index.ts
@@ -23,7 +23,7 @@ export default async (opts) => {
 
   // If no options is selected, opts.upgradeable will be undefined
   // We do not show test file for upgradeable contract
-    
+
   if (!opts || opts.upgradeable === undefined || !opts.upgradeable) {
     // @ts-ignore
     if (erc20.defaults.mintable) filesObj['tests/MyToken_test.sol'] = (await import('raw-loader!./tests/MyToken_mintable_test.sol')).default
diff --git a/libs/remix-ws-templates/src/templates/ozerc20/scripts/ethers-lib.ts b/libs/remix-ws-templates/src/templates/ozerc20/scripts/ethers-lib.ts
index 2753f9bcd0..8e4adf95a6 100644
--- a/libs/remix-ws-templates/src/templates/ozerc20/scripts/ethers-lib.ts
+++ b/libs/remix-ws-templates/src/templates/ozerc20/scripts/ethers-lib.ts
@@ -7,7 +7,7 @@ import { ethers } from 'ethers'
  * @param {Number} accountIndex account index from the exposed account
  * @return {Contract} deployed contract
  */
-export const deploy = async (contractName: string, args: Array<any>, accountIndex?: number): Promise<ethers.Contract> => {    
+export const deploy = async (contractName: string, args: Array<any>, accountIndex?: number): Promise<ethers.Contract> => {
 
   console.log(`deploying ${contractName}`)
   // Note that the script needs the ABI which is generated from the compilation artifact.
@@ -16,12 +16,12 @@ export const deploy = async (contractName: string, args: Array<any>, accountInde
 
   const metadata = JSON.parse(await remix.call('fileManager', 'getFile', artifactsPath))
   // 'web3Provider' is a remix global variable object
-    
+
   const signer = (new ethers.providers.Web3Provider(web3Provider)).getSigner(accountIndex)
 
   const factory = new ethers.ContractFactory(metadata.abi, metadata.data.bytecode.object, signer)
 
-  const contract = await factory.deploy(...args)   
+  const contract = await factory.deploy(...args)
 
   // The contract is NOT deployed yet; we must wait until it is mined
   await contract.deployed()
diff --git a/libs/remix-ws-templates/src/templates/ozerc20/scripts/web3-lib.ts b/libs/remix-ws-templates/src/templates/ozerc20/scripts/web3-lib.ts
index c57e501039..cbd4f48489 100644
--- a/libs/remix-ws-templates/src/templates/ozerc20/scripts/web3-lib.ts
+++ b/libs/remix-ws-templates/src/templates/ozerc20/scripts/web3-lib.ts
@@ -21,7 +21,7 @@ export const deploy = async (contractName: string, args: Array<any>, from?: stri
 
   const accounts = await web3.eth.getAccounts()
 
-  const contract: Contract  = new web3.eth.Contract(metadata.abi)
+  const contract: Contract = new web3.eth.Contract(metadata.abi)
 
   const contractSend: ContractSendMethod = contract.deploy({
     data: metadata.data.bytecode.object,
@@ -32,5 +32,5 @@ export const deploy = async (contractName: string, args: Array<any>, from?: stri
     from: from || accounts[0],
     gas: gas || 1500000
   })
-  return newContractInstance.options    
+  return newContractInstance.options
 }
\ No newline at end of file
diff --git a/libs/remix-ws-templates/src/templates/ozerc721/scripts/ethers-lib.ts b/libs/remix-ws-templates/src/templates/ozerc721/scripts/ethers-lib.ts
index 2753f9bcd0..8e4adf95a6 100644
--- a/libs/remix-ws-templates/src/templates/ozerc721/scripts/ethers-lib.ts
+++ b/libs/remix-ws-templates/src/templates/ozerc721/scripts/ethers-lib.ts
@@ -7,7 +7,7 @@ import { ethers } from 'ethers'
  * @param {Number} accountIndex account index from the exposed account
  * @return {Contract} deployed contract
  */
-export const deploy = async (contractName: string, args: Array<any>, accountIndex?: number): Promise<ethers.Contract> => {    
+export const deploy = async (contractName: string, args: Array<any>, accountIndex?: number): Promise<ethers.Contract> => {
 
   console.log(`deploying ${contractName}`)
   // Note that the script needs the ABI which is generated from the compilation artifact.
@@ -16,12 +16,12 @@ export const deploy = async (contractName: string, args: Array<any>, accountInde
 
   const metadata = JSON.parse(await remix.call('fileManager', 'getFile', artifactsPath))
   // 'web3Provider' is a remix global variable object
-    
+
   const signer = (new ethers.providers.Web3Provider(web3Provider)).getSigner(accountIndex)
 
   const factory = new ethers.ContractFactory(metadata.abi, metadata.data.bytecode.object, signer)
 
-  const contract = await factory.deploy(...args)   
+  const contract = await factory.deploy(...args)
 
   // The contract is NOT deployed yet; we must wait until it is mined
   await contract.deployed()
diff --git a/libs/remix-ws-templates/src/templates/ozerc721/scripts/web3-lib.ts b/libs/remix-ws-templates/src/templates/ozerc721/scripts/web3-lib.ts
index c57e501039..cbd4f48489 100644
--- a/libs/remix-ws-templates/src/templates/ozerc721/scripts/web3-lib.ts
+++ b/libs/remix-ws-templates/src/templates/ozerc721/scripts/web3-lib.ts
@@ -21,7 +21,7 @@ export const deploy = async (contractName: string, args: Array<any>, from?: stri
 
   const accounts = await web3.eth.getAccounts()
 
-  const contract: Contract  = new web3.eth.Contract(metadata.abi)
+  const contract: Contract = new web3.eth.Contract(metadata.abi)
 
   const contractSend: ContractSendMethod = contract.deploy({
     data: metadata.data.bytecode.object,
@@ -32,5 +32,5 @@ export const deploy = async (contractName: string, args: Array<any>, from?: stri
     from: from || accounts[0],
     gas: gas || 1500000
   })
-  return newContractInstance.options    
+  return newContractInstance.options
 }
\ No newline at end of file
diff --git a/libs/remix-ws-templates/src/templates/playground/scripts/ethers-lib.ts b/libs/remix-ws-templates/src/templates/playground/scripts/ethers-lib.ts
index 2753f9bcd0..8e4adf95a6 100644
--- a/libs/remix-ws-templates/src/templates/playground/scripts/ethers-lib.ts
+++ b/libs/remix-ws-templates/src/templates/playground/scripts/ethers-lib.ts
@@ -7,7 +7,7 @@ import { ethers } from 'ethers'
  * @param {Number} accountIndex account index from the exposed account
  * @return {Contract} deployed contract
  */
-export const deploy = async (contractName: string, args: Array<any>, accountIndex?: number): Promise<ethers.Contract> => {    
+export const deploy = async (contractName: string, args: Array<any>, accountIndex?: number): Promise<ethers.Contract> => {
 
   console.log(`deploying ${contractName}`)
   // Note that the script needs the ABI which is generated from the compilation artifact.
@@ -16,12 +16,12 @@ export const deploy = async (contractName: string, args: Array<any>, accountInde
 
   const metadata = JSON.parse(await remix.call('fileManager', 'getFile', artifactsPath))
   // 'web3Provider' is a remix global variable object
-    
+
   const signer = (new ethers.providers.Web3Provider(web3Provider)).getSigner(accountIndex)
 
   const factory = new ethers.ContractFactory(metadata.abi, metadata.data.bytecode.object, signer)
 
-  const contract = await factory.deploy(...args)   
+  const contract = await factory.deploy(...args)
 
   // The contract is NOT deployed yet; we must wait until it is mined
   await contract.deployed()
diff --git a/libs/remix-ws-templates/src/templates/playground/scripts/web3-lib.ts b/libs/remix-ws-templates/src/templates/playground/scripts/web3-lib.ts
index c57e501039..cbd4f48489 100644
--- a/libs/remix-ws-templates/src/templates/playground/scripts/web3-lib.ts
+++ b/libs/remix-ws-templates/src/templates/playground/scripts/web3-lib.ts
@@ -21,7 +21,7 @@ export const deploy = async (contractName: string, args: Array<any>, from?: stri
 
   const accounts = await web3.eth.getAccounts()
 
-  const contract: Contract  = new web3.eth.Contract(metadata.abi)
+  const contract: Contract = new web3.eth.Contract(metadata.abi)
 
   const contractSend: ContractSendMethod = contract.deploy({
     data: metadata.data.bytecode.object,
@@ -32,5 +32,5 @@ export const deploy = async (contractName: string, args: Array<any>, from?: stri
     from: from || accounts[0],
     gas: gas || 1500000
   })
-  return newContractInstance.options    
+  return newContractInstance.options
 }
\ No newline at end of file
diff --git a/libs/remix-ws-templates/src/templates/remixDefault/scripts/ethers-lib.ts b/libs/remix-ws-templates/src/templates/remixDefault/scripts/ethers-lib.ts
index 2753f9bcd0..8e4adf95a6 100644
--- a/libs/remix-ws-templates/src/templates/remixDefault/scripts/ethers-lib.ts
+++ b/libs/remix-ws-templates/src/templates/remixDefault/scripts/ethers-lib.ts
@@ -7,7 +7,7 @@ import { ethers } from 'ethers'
  * @param {Number} accountIndex account index from the exposed account
  * @return {Contract} deployed contract
  */
-export const deploy = async (contractName: string, args: Array<any>, accountIndex?: number): Promise<ethers.Contract> => {    
+export const deploy = async (contractName: string, args: Array<any>, accountIndex?: number): Promise<ethers.Contract> => {
 
   console.log(`deploying ${contractName}`)
   // Note that the script needs the ABI which is generated from the compilation artifact.
@@ -16,12 +16,12 @@ export const deploy = async (contractName: string, args: Array<any>, accountInde
 
   const metadata = JSON.parse(await remix.call('fileManager', 'getFile', artifactsPath))
   // 'web3Provider' is a remix global variable object
-    
+
   const signer = (new ethers.providers.Web3Provider(web3Provider)).getSigner(accountIndex)
 
   const factory = new ethers.ContractFactory(metadata.abi, metadata.data.bytecode.object, signer)
 
-  const contract = await factory.deploy(...args)   
+  const contract = await factory.deploy(...args)
 
   // The contract is NOT deployed yet; we must wait until it is mined
   await contract.deployed()
diff --git a/libs/remix-ws-templates/src/templates/remixDefault/scripts/web3-lib.ts b/libs/remix-ws-templates/src/templates/remixDefault/scripts/web3-lib.ts
index c57e501039..cbd4f48489 100644
--- a/libs/remix-ws-templates/src/templates/remixDefault/scripts/web3-lib.ts
+++ b/libs/remix-ws-templates/src/templates/remixDefault/scripts/web3-lib.ts
@@ -21,7 +21,7 @@ export const deploy = async (contractName: string, args: Array<any>, from?: stri
 
   const accounts = await web3.eth.getAccounts()
 
-  const contract: Contract  = new web3.eth.Contract(metadata.abi)
+  const contract: Contract = new web3.eth.Contract(metadata.abi)
 
   const contractSend: ContractSendMethod = contract.deploy({
     data: metadata.data.bytecode.object,
@@ -32,5 +32,5 @@ export const deploy = async (contractName: string, args: Array<any>, from?: stri
     from: from || accounts[0],
     gas: gas || 1500000
   })
-  return newContractInstance.options    
+  return newContractInstance.options
 }
\ No newline at end of file
diff --git a/libs/remix-ws-templates/src/templates/rln/scripts/groth16/groth16_trusted_setup.ts b/libs/remix-ws-templates/src/templates/rln/scripts/groth16/groth16_trusted_setup.ts
index 19b9736314..c4a9513c92 100644
--- a/libs/remix-ws-templates/src/templates/rln/scripts/groth16/groth16_trusted_setup.ts
+++ b/libs/remix-ws-templates/src/templates/rln/scripts/groth16/groth16_trusted_setup.ts
@@ -40,12 +40,12 @@ const logger = {
     console.log('exportVerificationKey')
     const vKey = await snarkjs.zKey.exportVerificationKey(zkey_final)
     await remix.call('fileManager', 'writeFile', './zk/keys/groth16/verification_key.json', JSON.stringify(vKey, null, 2))
-    
+
     console.log('save zkey_final')
     await remix.call('fileManager', 'writeFile', './zk/keys/groth16/zkey_final.txt', (zkey_final as any).data, { encoding: null })
-    
+
     console.log('setup done.')
-    
+
   } catch (e) {
     console.error(e.message)
   }
diff --git a/libs/remix-ws-templates/src/templates/rln/scripts/groth16/groth16_zkproof.ts b/libs/remix-ws-templates/src/templates/rln/scripts/groth16/groth16_zkproof.ts
index f8cef8c28e..d982568928 100644
--- a/libs/remix-ws-templates/src/templates/rln/scripts/groth16/groth16_zkproof.ts
+++ b/libs/remix-ws-templates/src/templates/rln/scripts/groth16/groth16_zkproof.ts
@@ -45,13 +45,13 @@ function hashNullifier(message: any): bigint {
 async function prove (signals, wasm, wtns, r1cs, zkey_final, vKey) {
   console.log('calculate')
   await snarkjs.wtns.calculate(signals, wasm, wtns);
-  
+
   console.log('check')
-  await snarkjs.wtns.check(r1cs, wtns, logger);  
+  await snarkjs.wtns.check(r1cs, wtns, logger);
 
   console.log('prove')
   const { proof, publicSignals } = await snarkjs.groth16.prove(zkey_final, wtns);
-  
+
   const verified = await snarkjs.groth16.verify(vKey, publicSignals, proof, logger);
   console.log('zk proof validity', verified);
 
@@ -81,33 +81,33 @@ async function prove (signals, wasm, wtns, r1cs, zkey_final, vKey) {
     // @ts-ignore
     const wasmBuffer = await remix.call('fileManager', 'readFile', 'circuits/.bin/rln.wasm', { encoding: null });
     // @ts-ignore
-    const wasm = new Uint8Array(wasmBuffer);   
-     
+    const wasm = new Uint8Array(wasmBuffer);
+
     const zkey_final = {
       type: "mem",
       data: new Uint8Array(await remix.call('fileManager', 'readFile', './zk/keys/groth16/zkey_final.txt', { encoding: null }))
     }
-    const wtns = { type: "mem" };   
+    const wtns = { type: "mem" };
 
     const vKey = JSON.parse(await remix.call('fileManager', 'readFile', './zk/keys/groth16/verification_key.json'))
-  
+
     // build list of identity commitments
     const secrets = []
     const identityCommitments = []
     const rateCommitments = []
     const userMessageLimit = 0x2
-    for (let k = 0; k < 2; k++) {      
+    for (let k = 0; k < 2; k++) {
       const identitySecret = BigInt(ethers.utils.hexlify(ethers.utils.randomBytes(32)))
       secrets.push(identitySecret)
-  
+
       const identityCommitment = poseidon([identitySecret])
       const rateCommitment = poseidon([identityCommitment, userMessageLimit])
       identityCommitments.push(identityCommitment)
       rateCommitments.push(rateCommitment)
     }
-    
+
     let tree
-  
+
     try {
       tree = new IncrementalMerkleTree(poseidon, 20, BigInt(0), 2, rateCommitments) // Binary tree.
     } catch (e) {
@@ -130,7 +130,7 @@ async function prove (signals, wasm, wtns, r1cs, zkey_final, vKey) {
       externalNullifier: 0xa // hash(epoch, appId)
     }
     const proof1 = await prove(signals1, wasm, wtns, r1cs, zkey_final, vKey)
-    
+
     const signals2 = {
       identitySecret: secrets[0],
       userMessageLimit,
@@ -146,12 +146,12 @@ async function prove (signals, wasm, wtns, r1cs, zkey_final, vKey) {
 
     console.log(secret.toString(10))
     console.log(Fq.normalize(secrets[0]))
-    
+
     const templates = {
       groth16: await remix.call('fileManager', 'readFile', 'templates/groth16_verifier.sol.ejs')
     }
     const solidityContract = await snarkjs.zKey.exportSolidityVerifier(zkey_final, templates)
-    
+
     await remix.call('fileManager', 'writeFile', './zk/build/groth16/zk_verifier.sol', solidityContract)
   } catch (e) {
     console.error(e.message)
diff --git a/libs/remix-ws-templates/src/templates/rln/scripts/plonk/plonk_zkproof.ts b/libs/remix-ws-templates/src/templates/rln/scripts/plonk/plonk_zkproof.ts
index 09b0a885f8..b05c84720b 100644
--- a/libs/remix-ws-templates/src/templates/rln/scripts/plonk/plonk_zkproof.ts
+++ b/libs/remix-ws-templates/src/templates/rln/scripts/plonk/plonk_zkproof.ts
@@ -45,13 +45,13 @@ function hashNullifier(message: any): bigint {
 async function prove (signals, wasm, wtns, r1cs, zkey_final, vKey) {
   console.log('calculate')
   await snarkjs.wtns.calculate(signals, wasm, wtns);
-  
+
   console.log('check')
-  await snarkjs.wtns.check(r1cs, wtns, logger);  
+  await snarkjs.wtns.check(r1cs, wtns, logger);
 
   console.log('prove')
   const { proof, publicSignals } = await snarkjs.plonk.prove(zkey_final, wtns);
-  
+
   const verified = await snarkjs.plonk.verify(vKey, publicSignals, proof, logger);
   console.log('zk proof validity', verified);
 
@@ -84,7 +84,7 @@ async function prove (signals, wasm, wtns, r1cs, zkey_final, vKey) {
       ethers.utils.hexZeroPad(ethers.BigNumber.from(proof.eval_zw).toHexString(), 32),
     ]
   }, null, 2))
-  
+
   console.log('proof done.')
   return {
     proof,
@@ -104,8 +104,8 @@ async function prove (signals, wasm, wtns, r1cs, zkey_final, vKey) {
     // @ts-ignore
     const wasmBuffer = await remix.call('fileManager', 'readFile', 'circuits/.bin/rln.wasm', { encoding: null });
     // @ts-ignore
-    const wasm = new Uint8Array(wasmBuffer);   
-     
+    const wasm = new Uint8Array(wasmBuffer);
+
     const zkey_final = {
       type: "mem",
       // @ts-ignore
@@ -114,24 +114,24 @@ async function prove (signals, wasm, wtns, r1cs, zkey_final, vKey) {
     const wtns = { type: "mem" };
 
     const vKey = JSON.parse(await remix.call('fileManager', 'readFile', './zk/keys/plonk/verification_key.json'))
-  
+
     // build list of identity commitments
     const secrets = []
     const identityCommitments = []
     const rateCommitments = []
     const userMessageLimit = 0x2
-    for (let k = 0; k < 2; k++) {      
+    for (let k = 0; k < 2; k++) {
       const identitySecret = BigInt(ethers.utils.hexlify(ethers.utils.randomBytes(32)))
       secrets.push(identitySecret)
-  
+
       const identityCommitment = poseidon([identitySecret])
       const rateCommitment = poseidon([identityCommitment, userMessageLimit])
       identityCommitments.push(identityCommitment)
       rateCommitments.push(rateCommitment)
     }
-    
+
     let tree
-  
+
     try {
       tree = new IncrementalMerkleTree(poseidon, 20, BigInt(0), 2, rateCommitments) // Binary tree.
     } catch (e) {
@@ -154,7 +154,7 @@ async function prove (signals, wasm, wtns, r1cs, zkey_final, vKey) {
       externalNullifier: 0xa // hash(epoch, appId)
     }
     const proof1 = await prove(signals1, wasm, wtns, r1cs, zkey_final, vKey)
-    
+
     const signals2 = {
       identitySecret: secrets[0],
       userMessageLimit,
@@ -170,12 +170,12 @@ async function prove (signals, wasm, wtns, r1cs, zkey_final, vKey) {
 
     console.log(secret.toString(10))
     console.log(Fq.normalize(secrets[0]))
-    
+
     const templates = {
       plonk: await remix.call('fileManager', 'readFile', 'templates/plonk_verifier.sol.ejs')
     }
     const solidityContract = await snarkjs.zKey.exportSolidityVerifier(zkey_final, templates)
-    
+
     await remix.call('fileManager', 'writeFile', './zk/build/plonk/zk_verifier.sol', solidityContract)
   } catch (e) {
     console.error(e.message)
diff --git a/libs/remix-ws-templates/src/templates/semaphore/scripts/groth16/groth16_trusted_setup.ts b/libs/remix-ws-templates/src/templates/semaphore/scripts/groth16/groth16_trusted_setup.ts
index d3b205f858..a155ef2192 100644
--- a/libs/remix-ws-templates/src/templates/semaphore/scripts/groth16/groth16_trusted_setup.ts
+++ b/libs/remix-ws-templates/src/templates/semaphore/scripts/groth16/groth16_trusted_setup.ts
@@ -40,13 +40,13 @@ const logger = {
     console.log('exportVerificationKey')
     const vKey = await snarkjs.zKey.exportVerificationKey(zkey_final)
     await remix.call('fileManager', 'writeFile', './zk/keys/groth16/verification_key.json', JSON.stringify(vKey, null, 2))
-    
+
     console.log('save zkey_final')
     // @ts-ignore
     await remix.call('fileManager', 'writeFile', './zk/keys/groth16/zkey_final.txt', (zkey_final as any).data, { encoding: null })
-    
+
     console.log('setup done.')
-    
+
   } catch (e) {
     console.error(e.message)
   }
diff --git a/libs/remix-ws-templates/src/templates/semaphore/scripts/groth16/groth16_zkproof.ts b/libs/remix-ws-templates/src/templates/semaphore/scripts/groth16/groth16_zkproof.ts
index d477342506..35c708efa7 100644
--- a/libs/remix-ws-templates/src/templates/semaphore/scripts/groth16/groth16_zkproof.ts
+++ b/libs/remix-ws-templates/src/templates/semaphore/scripts/groth16/groth16_zkproof.ts
@@ -33,33 +33,33 @@ function hash(message: any): bigint {
     // @ts-ignore
     const wasmBuffer = await remix.call('fileManager', 'readFile', 'circuits/.bin/semaphore.wasm', true);
     // @ts-ignore
-    const wasm = new Uint8Array(wasmBuffer);   
-     
+    const wasm = new Uint8Array(wasmBuffer);
+
     const zkey_final = {
       type: "mem",
       // @ts-ignore
       data: new Uint8Array(await remix.call('fileManager', 'readFile', './zk/keys/groth16/zkey_final.txt', { encoding: null }))
     }
-    const wtns = { type: "mem" };   
+    const wtns = { type: "mem" };
 
     const vKey = JSON.parse(await remix.call('fileManager', 'readFile', './zk/keys/groth16/verification_key.json'))
-  
+
     // build list of identity commitments
     const secrets = []
     const identityCommitments = []
     for (let k = 0; k < 2; k++) {
       const identityTrapdoor = BigInt(ethers.utils.hexlify(ethers.utils.randomBytes(32)))
       const identityNullifier = BigInt(ethers.utils.hexlify(ethers.utils.randomBytes(32)))
-      secrets.push({identityTrapdoor, identityNullifier})
-  
+      secrets.push({ identityTrapdoor, identityNullifier })
+
       const secret = poseidon([identityNullifier, identityTrapdoor])
       const identityCommitment = poseidon([secret])
       identityCommitments.push(identityCommitment)
     }
     //console.log('incremental tree', identityCommitments.map((x) => x.toString()))
-    
+
     let tree
-  
+
     try {
       tree = new IncrementalMerkleTree(poseidon, 20, BigInt(0), 2, identityCommitments) // Binary tree.
     } catch (e) {
@@ -69,11 +69,11 @@ function hash(message: any): bigint {
     const index = tree.indexOf(identityCommitments[0])
 
     console.log(index.toString())
-  
+
     const proof1 = tree.createProof(0)
 
     console.log('prepare signals for id ', identityCommitments[0].toString(), tree.indexOf(identityCommitments[0]), proof1.siblings.map((x)=> x.toString()))
-    
+
     const signals = {
       identityTrapdoor: secrets[0].identityTrapdoor,
       identityNullifier: secrets[0].identityNullifier,
@@ -82,16 +82,16 @@ function hash(message: any): bigint {
       externalNullifier: hash(42),
       signalHash: hash(ethers.utils.formatBytes32String("Hello World"))
     }
-    
+
     console.log('calculate')
     await snarkjs.wtns.calculate(signals, wasm, wtns);
-    
+
     console.log('check')
     await snarkjs.wtns.check(r1cs, wtns, logger);
 
     console.log('prove')
     const { proof, publicSignals } = await snarkjs.groth16.prove(zkey_final, wtns);
-    
+
     const verified = await snarkjs.groth16.verify(vKey, publicSignals, proof, logger);
     console.log('zk proof validity', verified);
     proof1.root.toString() === publicSignals[0] ? console.log('merkle proof valid') : console.log('merkle proof invalid')
@@ -100,7 +100,7 @@ function hash(message: any): bigint {
       groth16: await remix.call('fileManager', 'readFile', 'templates/groth16_verifier.sol.ejs')
     }
     const solidityContract = await snarkjs.zKey.exportSolidityVerifier(zkey_final, templates)
-    
+
     await remix.call('fileManager', 'writeFile', './zk/build/groth16/zk_verifier.sol', solidityContract)
     await remix.call('fileManager', 'writeFile', 'zk/build/groth16/input.json', JSON.stringify({
       _pA: [proof.pi_a[0], proof.pi_a[1]],
diff --git a/libs/remix-ws-templates/src/templates/semaphore/scripts/plonk/plonk_trusted_setup.ts b/libs/remix-ws-templates/src/templates/semaphore/scripts/plonk/plonk_trusted_setup.ts
index 8ebdab1e71..c6d73a91fb 100644
--- a/libs/remix-ws-templates/src/templates/semaphore/scripts/plonk/plonk_trusted_setup.ts
+++ b/libs/remix-ws-templates/src/templates/semaphore/scripts/plonk/plonk_trusted_setup.ts
@@ -24,13 +24,13 @@ const logger = {
     console.log('exportVerificationKey')
     const vKey = await snarkjs.zKey.exportVerificationKey(zkey_final)
     await remix.call('fileManager', 'writeFile', './zk/keys/plonk/verification_key.json', JSON.stringify(vKey, null, 2))
-    
+
     console.log('save zkey_final')
     // @ts-ignore
     await remix.call('fileManager', 'writeFile', './zk/keys/plonk/zkey_final.txt', (zkey_final as any).data, { encoding: null })
-    
+
     console.log('setup done.')
-    
+
   } catch (e) {
     console.error(e.message)
   }
diff --git a/libs/remix-ws-templates/src/templates/semaphore/scripts/plonk/plonk_zkproof.ts b/libs/remix-ws-templates/src/templates/semaphore/scripts/plonk/plonk_zkproof.ts
index 6472567bb1..fd7f51d4a0 100644
--- a/libs/remix-ws-templates/src/templates/semaphore/scripts/plonk/plonk_zkproof.ts
+++ b/libs/remix-ws-templates/src/templates/semaphore/scripts/plonk/plonk_zkproof.ts
@@ -33,33 +33,33 @@ function hash(message: any): bigint {
     // @ts-ignore
     const wasmBuffer = await remix.call('fileManager', 'readFile', 'circuits/.bin/semaphore.wasm', true);
     // @ts-ignore
-    const wasm = new Uint8Array(wasmBuffer);   
-     
+    const wasm = new Uint8Array(wasmBuffer);
+
     const zkey_final = {
       type: "mem",
       // @ts-ignore
       data: new Uint8Array(await remix.call('fileManager', 'readFile', './zk/keys/plonk/zkey_final.txt', { encoding: null }))
     }
-    const wtns = { type: "mem" };   
+    const wtns = { type: "mem" };
 
     const vKey = JSON.parse(await remix.call('fileManager', 'readFile', './zk/keys/plonk/verification_key.json'))
-  
+
     // build list of identity commitments
     const secrets = []
     const identityCommitments = []
     for (let k = 0; k < 2; k++) {
       const identityTrapdoor = BigInt(ethers.utils.hexlify(ethers.utils.randomBytes(32)))
       const identityNullifier = BigInt(ethers.utils.hexlify(ethers.utils.randomBytes(32)))
-      secrets.push({identityTrapdoor, identityNullifier})
-  
+      secrets.push({ identityTrapdoor, identityNullifier })
+
       const secret = poseidon([identityNullifier, identityTrapdoor])
       const identityCommitment = poseidon([secret])
       identityCommitments.push(identityCommitment)
     }
     //console.log('incremental tree', identityCommitments.map((x) => x.toString()))
-    
+
     let tree
-  
+
     try {
       tree = new IncrementalMerkleTree(poseidon, 20, BigInt(0), 2, identityCommitments) // Binary tree.
     } catch (e) {
@@ -69,11 +69,11 @@ function hash(message: any): bigint {
     const index = tree.indexOf(identityCommitments[0])
 
     console.log(index.toString())
-  
+
     const proof1 = tree.createProof(0)
 
     console.log('prepare signals for id ', identityCommitments[0].toString(), tree.indexOf(identityCommitments[0]), proof1.siblings.map((x)=> x.toString()))
-    
+
     const signals = {
       identityTrapdoor: secrets[0].identityTrapdoor,
       identityNullifier: secrets[0].identityNullifier,
@@ -82,16 +82,16 @@ function hash(message: any): bigint {
       externalNullifier: hash(42),
       signalHash: hash(ethers.utils.formatBytes32String("Hello World"))
     }
-    
+
     console.log('calculate')
     await snarkjs.wtns.calculate(signals, wasm, wtns);
-    
+
     console.log('check')
     await snarkjs.wtns.check(r1cs, wtns, logger);
 
     console.log('prove')
     const { proof, publicSignals } = await snarkjs.plonk.prove(zkey_final, wtns);
-    
+
     const verified = await snarkjs.plonk.verify(vKey, publicSignals, proof, logger);
     console.log('zk proof validity', verified);
     proof1.root.toString() === publicSignals[0] ? console.log('merkle proof valid') : console.log('merkle proof invalid')
@@ -100,7 +100,7 @@ function hash(message: any): bigint {
       plonk: await remix.call('fileManager', 'readFile', 'templates/plonk_verifier.sol.ejs')
     }
     const solidityContract = await snarkjs.zKey.exportSolidityVerifier(zkey_final, templates)
-    
+
     await remix.call('fileManager', 'writeFile', './zk/build/plonk/zk_verifier.sol', solidityContract)
     await remix.call('fileManager', 'writeFile', 'zk/build/plonk/input.json', JSON.stringify({
       _proof: [
@@ -131,7 +131,7 @@ function hash(message: any): bigint {
       ],
       _pubSignals: publicSignals
     }, null, 2))
-    
+
     console.log('proof done.')
   } catch (e) {
     console.error(e.message)
diff --git a/libs/remix-ws-templates/src/templates/semaphore/scripts/run_setup.ts b/libs/remix-ws-templates/src/templates/semaphore/scripts/run_setup.ts
index 1d8505b71d..26764841d7 100644
--- a/libs/remix-ws-templates/src/templates/semaphore/scripts/run_setup.ts
+++ b/libs/remix-ws-templates/src/templates/semaphore/scripts/run_setup.ts
@@ -53,19 +53,19 @@ function hash(message: any): bigint {
     console.log('exportVerificationKey')
     const vKey = await snarkjs.zKey.exportVerificationKey(zkey_final)
     await remix.call('fileManager', 'writeFile', './zk/build/verification_key.json', JSON.stringify(vKey))
-    
+
     const templates = {
       groth16: await remix.call('fileManager', 'readFile', 'templates/groth16_verifier.sol.ejs')
     }
     const solidityContract = await snarkjs.zKey.exportSolidityVerifier(zkey_final, templates)
-    
+
     await remix.call('fileManager', 'writeFile', './zk/build/zk_verifier.sol', solidityContract)
-    
+
     console.log('buffer', (zkey_final as any).data.length)
     await remix.call('fileManager', 'writeFile', './zk/build/zk_setup.txt', JSON.stringify(Array.from(((zkey_final as any).data))))
-    
+
     console.log('setup done.')
-    
+
   } catch (e) {
     console.error(e.message)
   }
diff --git a/libs/remix-ws-templates/src/templates/semaphore/scripts/run_verification.ts b/libs/remix-ws-templates/src/templates/semaphore/scripts/run_verification.ts
index e97e4074e9..24da889470 100644
--- a/libs/remix-ws-templates/src/templates/semaphore/scripts/run_verification.ts
+++ b/libs/remix-ws-templates/src/templates/semaphore/scripts/run_verification.ts
@@ -31,32 +31,32 @@ function hash(message: any): bigint {
     // @ts-ignore
     const wasmBuffer = await remix.call('fileManager', 'readFile', 'circuits/.bin/semaphore.wasm', true);
     // @ts-ignore
-    const wasm = new Uint8Array(wasmBuffer);   
-     
+    const wasm = new Uint8Array(wasmBuffer);
+
     const zkey_final = {
       type: "mem",
       data: new Uint8Array(JSON.parse(await remix.call('fileManager', 'readFile', './zk/build/zk_setup.txt')))
     }
-    const wtns = { type: "mem" };   
+    const wtns = { type: "mem" };
 
     const vKey = JSON.parse(await remix.call('fileManager', 'readFile', './zk/build/verification_key.json'))
-  
+
     // build list of identity commitments
     const secrets = []
     const identityCommitments = []
-    for (let k = 0; k < 2; k++) {      
+    for (let k = 0; k < 2; k++) {
       const identityTrapdoor = BigInt(ethers.utils.hexlify(ethers.utils.randomBytes(32)))
       const identityNullifier = BigInt(ethers.utils.hexlify(ethers.utils.randomBytes(32)))
-      secrets.push({identityTrapdoor, identityNullifier})
-  
+      secrets.push({ identityTrapdoor, identityNullifier })
+
       const secret = poseidon([identityNullifier, identityTrapdoor])
       const identityCommitment = poseidon([secret])
       identityCommitments.push(identityCommitment)
     }
     //console.log('incremental tree', identityCommitments.map((x) => x.toString()))
-    
+
     let tree
-  
+
     try {
       tree = new IncrementalMerkleTree(poseidon, 20, BigInt(0), 2, identityCommitments) // Binary tree.
     } catch (e) {
@@ -66,11 +66,11 @@ function hash(message: any): bigint {
     const index = tree.indexOf(identityCommitments[0])
 
     console.log(index.toString())
-  
+
     const proof1 = tree.createProof(0)
 
     console.log('prepare signals for id ', identityCommitments[0].toString(), tree.indexOf(identityCommitments[0]), proof1.siblings.map((x)=> x.toString()))
-    
+
     const signals = {
       identityTrapdoor: secrets[0].identityTrapdoor,
       identityNullifier: secrets[0].identityNullifier,
@@ -79,23 +79,20 @@ function hash(message: any): bigint {
       externalNullifier: hash(42),
       signalHash: hash(ethers.utils.formatBytes32String("Hello World"))
     }
-    
+
     console.log('calculate')
     await snarkjs.wtns.calculate(signals, wasm, wtns);
-    
+
     console.log('check')
     await snarkjs.wtns.check(r1cs, wtns, logger);
-    
 
     console.log('prove')
     const { proof, publicSignals } = await snarkjs.groth16.prove(zkey_final, wtns);
-    
+
     const verified = await snarkjs.groth16.verify(vKey, publicSignals, proof, logger);
     console.log('zk proof validity', verified);
     proof1.root.toString() === publicSignals[0] ? console.log('merkle proof valid') : console.log('merkle proof invalid')
 
-    
-    
   } catch (e) {
     console.error(e.message)
   }
diff --git a/libs/remix-ws-templates/src/templates/zeroxErc20/scripts/ethers-lib.ts b/libs/remix-ws-templates/src/templates/zeroxErc20/scripts/ethers-lib.ts
index 2753f9bcd0..8e4adf95a6 100644
--- a/libs/remix-ws-templates/src/templates/zeroxErc20/scripts/ethers-lib.ts
+++ b/libs/remix-ws-templates/src/templates/zeroxErc20/scripts/ethers-lib.ts
@@ -7,7 +7,7 @@ import { ethers } from 'ethers'
  * @param {Number} accountIndex account index from the exposed account
  * @return {Contract} deployed contract
  */
-export const deploy = async (contractName: string, args: Array<any>, accountIndex?: number): Promise<ethers.Contract> => {    
+export const deploy = async (contractName: string, args: Array<any>, accountIndex?: number): Promise<ethers.Contract> => {
 
   console.log(`deploying ${contractName}`)
   // Note that the script needs the ABI which is generated from the compilation artifact.
@@ -16,12 +16,12 @@ export const deploy = async (contractName: string, args: Array<any>, accountInde
 
   const metadata = JSON.parse(await remix.call('fileManager', 'getFile', artifactsPath))
   // 'web3Provider' is a remix global variable object
-    
+
   const signer = (new ethers.providers.Web3Provider(web3Provider)).getSigner(accountIndex)
 
   const factory = new ethers.ContractFactory(metadata.abi, metadata.data.bytecode.object, signer)
 
-  const contract = await factory.deploy(...args)   
+  const contract = await factory.deploy(...args)
 
   // The contract is NOT deployed yet; we must wait until it is mined
   await contract.deployed()
diff --git a/libs/remix-ws-templates/src/templates/zeroxErc20/scripts/web3-lib.ts b/libs/remix-ws-templates/src/templates/zeroxErc20/scripts/web3-lib.ts
index c57e501039..cbd4f48489 100644
--- a/libs/remix-ws-templates/src/templates/zeroxErc20/scripts/web3-lib.ts
+++ b/libs/remix-ws-templates/src/templates/zeroxErc20/scripts/web3-lib.ts
@@ -21,7 +21,7 @@ export const deploy = async (contractName: string, args: Array<any>, from?: stri
 
   const accounts = await web3.eth.getAccounts()
 
-  const contract: Contract  = new web3.eth.Contract(metadata.abi)
+  const contract: Contract = new web3.eth.Contract(metadata.abi)
 
   const contractSend: ContractSendMethod = contract.deploy({
     data: metadata.data.bytecode.object,
@@ -32,5 +32,5 @@ export const deploy = async (contractName: string, args: Array<any>, from?: stri
     from: from || accounts[0],
     gas: gas || 1500000
   })
-  return newContractInstance.options    
+  return newContractInstance.options
 }
\ No newline at end of file

From 4ecaca9218c92cb91e7f3b43fa68c05c4c561aba Mon Sep 17 00:00:00 2001
From: lianahus <liana@ethereum.org>
Date: Mon, 29 Apr 2024 13:51:35 +0200
Subject: [PATCH 08/31] lint fixes for remix-simulator

---
 libs/remix-simulator/src/VmProxy.ts           | 18 +++++++++---------
 libs/remix-simulator/src/methods/accounts.ts  |  2 +-
 libs/remix-simulator/src/methods/blocks.ts    |  4 ++--
 .../src/methods/transactions.ts               |  6 +++---
 libs/remix-simulator/src/provider.ts          | 12 ++++++------
 libs/remix-simulator/src/server.ts            |  2 +-
 libs/remix-simulator/src/vm-context.ts        | 19 +++++++++----------
 libs/remix-simulator/test/blocks.ts           |  8 ++++----
 libs/remix-simulator/test/events.ts           |  8 ++++----
 libs/remix-simulator/test/misc.ts             | 14 +++++++-------
 libs/remix-simulator/test/transactions.ts     |  2 +-
 11 files changed, 47 insertions(+), 48 deletions(-)

diff --git a/libs/remix-simulator/src/VmProxy.ts b/libs/remix-simulator/src/VmProxy.ts
index 04ecf1f1f8..90df1fb8f0 100644
--- a/libs/remix-simulator/src/VmProxy.ts
+++ b/libs/remix-simulator/src/VmProxy.ts
@@ -1,11 +1,11 @@
-import {  util } from '@remix-project/remix-lib'
+import { util } from '@remix-project/remix-lib'
 const { toHexPaddedString, formatMemory } = util
 import { helpers } from '@remix-project/remix-lib'
-const  { normalizeHexAddress } = helpers.ui
+const { normalizeHexAddress } = helpers.ui
 import { ConsoleLogs, hash } from '@remix-project/remix-lib'
-import { toChecksumAddress, bytesToHex, Address, toBytes, bigIntToHex} from '@ethereumjs/util'
-import utils, {toBigInt} from 'web3-utils'
-import {isBigInt} from 'web3-validator'
+import { toChecksumAddress, bytesToHex, Address, toBytes, bigIntToHex } from '@ethereumjs/util'
+import utils, { toBigInt } from 'web3-utils'
+import { isBigInt } from 'web3-validator'
 import { ethers } from 'ethers'
 import { VMContext } from './vm-context'
 import type { EVMStateManagerInterface } from '@ethereumjs/common'
@@ -99,7 +99,7 @@ export class VmProxy {
   setVM (vm) {
     if (this.vm === vm) return
     this.vm = vm
-    this.vm.evm.events.on('step', async (data: InterpreterStep, resolve: (result?: any) => void) => {      
+    this.vm.evm.events.on('step', async (data: InterpreterStep, resolve: (result?: any) => void) => {
       await this.pushTrace(data)
       resolve()
     })
@@ -110,7 +110,7 @@ export class VmProxy {
     })
     this.vm.events.on('beforeTx', async (data: TypedTransaction, resolve: (result?: any) => void) => {
       this.txRunning = true
-      await this.txWillProcess(data)      
+      await this.txWillProcess(data)
       resolve()
     })
   }
@@ -124,7 +124,7 @@ export class VmProxy {
   recordVMSteps (record) {
     this.flagrecordVMSteps = record
   }
-  
+
   async txWillProcess (data: TypedTransaction) {
     if (!this.flagrecordVMSteps) return
     this.lastMemoryUpdate = []
@@ -234,7 +234,7 @@ export class VmProxy {
 
   async pushTrace (data: InterpreterStep) {
     if (!this.flagrecordVMSteps) return
-    
+
     try {
       const depth = data.depth + 1 // geth starts the depth from 1
       if (!this.processingHash) {
diff --git a/libs/remix-simulator/src/methods/accounts.ts b/libs/remix-simulator/src/methods/accounts.ts
index 5ac0116555..5151499d9f 100644
--- a/libs/remix-simulator/src/methods/accounts.ts
+++ b/libs/remix-simulator/src/methods/accounts.ts
@@ -56,7 +56,7 @@ export class Web3Accounts {
     } catch (e) {
       console.error(e)
     }
-    
+
   }
 
   newAccount (cb) {
diff --git a/libs/remix-simulator/src/methods/blocks.ts b/libs/remix-simulator/src/methods/blocks.ts
index 0ca0dd768f..f708dacd92 100644
--- a/libs/remix-simulator/src/methods/blocks.ts
+++ b/libs/remix-simulator/src/methods/blocks.ts
@@ -59,7 +59,7 @@ export class Blocks {
           nonce: bigIntToHex(tx.nonce),
           transactionIndex: this.TX_INDEX,
           value: bigIntToHex(tx.value),
-          to: receipt.to ?  receipt.to : null
+          to: receipt.to ? receipt.to : null
         }
       }
     })
@@ -113,7 +113,7 @@ export class Blocks {
           nonce: bigIntToHex(tx.nonce),
           transactionIndex: this.TX_INDEX,
           value: bigIntToHex(tx.value),
-          to: receipt.to ?  receipt.to : null
+          to: receipt.to ? receipt.to : null
         }
       }
     })
diff --git a/libs/remix-simulator/src/methods/transactions.ts b/libs/remix-simulator/src/methods/transactions.ts
index 9ac74d3d79..416e2e4ad8 100644
--- a/libs/remix-simulator/src/methods/transactions.ts
+++ b/libs/remix-simulator/src/methods/transactions.ts
@@ -1,5 +1,5 @@
 import { toHex, toNumber, toBigInt } from 'web3-utils'
-import { toChecksumAddress, Address, bigIntToHex, bytesToHex} from '@ethereumjs/util'
+import { toChecksumAddress, Address, bigIntToHex, bytesToHex } from '@ethereumjs/util'
 import { processTx } from './txProcess'
 import { execution } from '@remix-project/remix-lib'
 import { ethers } from 'ethers'
@@ -59,7 +59,7 @@ export class Transactions {
     this.txRunnerInstance = new TxRunner(this.txRunnerVMInstance, {})
     this.txRunnerInstance.vmaccounts = accounts
   }
- 
+
   methods () {
     return {
       eth_sendTransaction: this.eth_sendTransaction.bind(this),
@@ -163,7 +163,7 @@ export class Transactions {
       this.txRunnerInstance.internalRunner.standaloneTx = false
       this.vmContext.web3().recordVMSteps(true)
       if (error) return cb(error)
-      const result: any = value.result      
+      const result: any = value.result
       if ((result as any).receipt?.status === '0x0' || (result as any).receipt?.status === 0) {
         try {
           const msg = `${bytesToHex(result.execResult.returnValue) || '0x00'}`
diff --git a/libs/remix-simulator/src/provider.ts b/libs/remix-simulator/src/provider.ts
index 95b7cf6632..39b1cd1c5f 100644
--- a/libs/remix-simulator/src/provider.ts
+++ b/libs/remix-simulator/src/provider.ts
@@ -26,7 +26,7 @@ export interface JSONRPCResponsePayload {
   jsonrpc: string;
 }
 
-export type JSONRPCResponseCallback = (err: Error, result?: JSONRPCResponsePayload) =>  void
+export type JSONRPCResponseCallback = (err: Error, result?: JSONRPCResponsePayload) => void
 
 export type State = Record<string, string>
 
@@ -83,7 +83,7 @@ export class Provider {
     }
   }
 
-  _send(payload: JSONRPCRequestPayload, callback: (err: Error, result?: JSONRPCResponsePayload) =>  void) {
+  _send(payload: JSONRPCRequestPayload, callback: (err: Error, result?: JSONRPCResponsePayload) => void) {
     // log.info('payload method is ', payload.method) // commented because, this floods the IDE console
     if (!this.initialized) {
       this.pendingRequests.push({ payload, callback })
@@ -109,13 +109,13 @@ export class Provider {
     callback(new Error('unknown method ' + payload.method))
   }
 
-  sendAsync (payload: JSONRPCRequestPayload, callback: (err: Error, result?: JSONRPCResponsePayload) =>  void) {
+  sendAsync (payload: JSONRPCRequestPayload, callback: (err: Error, result?: JSONRPCResponsePayload) => void) {
     return new Promise((resolve,reject)=>{
       const cb = (err, result) => {
-        if(typeof callback==='function'){
+        if (typeof callback==='function'){
           callback(err,result)
         }
-        if(err){
+        if (err){
           return reject(err)
         }
         return resolve(result)
@@ -146,7 +146,7 @@ export class Provider {
 }
 
 export function extend (web3) {
-  if(!web3.remix){
+  if (!web3.remix){
     web3.registerPlugin(new Web3TestPlugin())
   }
 }
diff --git a/libs/remix-simulator/src/server.ts b/libs/remix-simulator/src/server.ts
index 73a2cd0552..15636cac5a 100644
--- a/libs/remix-simulator/src/server.ts
+++ b/libs/remix-simulator/src/server.ts
@@ -22,7 +22,7 @@ class Server {
 
   start (host, port) {
     const wsApp = expressWs(app)
-    
+
     app.use(cors())
     app.use(bodyParser.urlencoded({ extended: true }))
     app.use(bodyParser.json())
diff --git a/libs/remix-simulator/src/vm-context.ts b/libs/remix-simulator/src/vm-context.ts
index 0b85f4cf60..f7e532c508 100644
--- a/libs/remix-simulator/src/vm-context.ts
+++ b/libs/remix-simulator/src/vm-context.ts
@@ -59,7 +59,7 @@ class StateManagerCommonStorageDump extends DefaultStateManager {
   }
 
   shallowCopy(): StateManagerCommonStorageDump {
-    const copyState =  new StateManagerCommonStorageDump({
+    const copyState = new StateManagerCommonStorageDump({
       trie: this._trie.shallowCopy(false),
     })
     copyState.keyHashes = this.keyHashes
@@ -93,7 +93,7 @@ class StateManagerCommonStorageDump extends DefaultStateManager {
         })
       } catch (e) {
         reject(e)
-      }      
+      }
     })
   }
 }
@@ -110,7 +110,7 @@ export interface CustomEthersStateManagerOpts {
 class CustomEthersStateManager extends StateManagerCommonStorageDump {
   private provider: ethers.providers.StaticJsonRpcProvider | ethers.providers.JsonRpcProvider
   private blockTag: string
-  
+
   constructor(opts: CustomEthersStateManagerOpts) {
     super(opts)
     if (typeof opts.provider === 'string') {
@@ -188,7 +188,7 @@ class CustomEthersStateManager extends StateManagerCommonStorageDump {
   async accountExists(address: Address): Promise<boolean> {
     const account = await super.getAccount(address)
     if (!account.isEmpty()) return true
-    
+
     // Get merkle proof for `address` from provider
     const proof = await this.provider.send('eth_getProof', [address.toString(), [], this.blockTag])
 
@@ -245,12 +245,11 @@ class CustomEthersStateManager extends StateManagerCommonStorageDump {
         codeHash: hexToBytes(codeHash)
         // storageRoot: toBuffer([]), // we have to remove this in order to force the creation of the Trie in the local state.
       })
-    }    
+    }
     return account
   }
 }
 
-
 export type CurrentVm = {
   vm: VM,
   web3vm: VmProxy,
@@ -263,7 +262,7 @@ export class VMCommon extends Common {
   /**
     * Always return the fork set at initialization
     */
-  setHardforkBy() {    
+  setHardforkBy() {
     return this._hardfork;
   }
 }
@@ -281,7 +280,7 @@ export class VMContext {
   txByHash: Record<string, TypedTransaction>
   currentVm: CurrentVm
   web3vm: VmProxy
-  logsManager: any // LogsManager 
+  logsManager: any // LogsManager
   exeResults: Record<string, TypedTransaction>
   nodeUrl: string
   blockNumber: number | 'latest'
@@ -332,7 +331,7 @@ export class VMContext {
       const db = this.stateDb ? new Map(Object.entries(this.stateDb).map(([k, v]) => [k, hexToBytes(v)])) : new Map()
       const mapDb = new MapDB(db)
       const trie = await Trie.create({ useKeyHashing: true, db: mapDb, useRootPersistence: true })
-      
+
       stateManager = new StateManagerCommonStorageDump({ trie })
     }
 
@@ -357,7 +356,7 @@ export class VMContext {
 
     const blockchain = await Blockchain.create({ common, validateBlocks: false, validateConsensus: false, genesisBlock })
     const evm = await EVM.create({ common, allowUnlimitedContractSize: true, stateManager, blockchain })
-     
+
     const vm = await VM.create({
       common,
       activatePrecompiles: true,
diff --git a/libs/remix-simulator/test/blocks.ts b/libs/remix-simulator/test/blocks.ts
index 08c5fe2e10..7923103edd 100644
--- a/libs/remix-simulator/test/blocks.ts
+++ b/libs/remix-simulator/test/blocks.ts
@@ -93,7 +93,7 @@ describe('blocks', () => {
     it('should get block given its hash', async () => {
       const correctBlock = await web3.eth.getBlock(0)
       const numberTransactions = await (new Promise((resolve, reject) => {
-        web3['_requestManager'].send({method: 'eth_getUncleCountByBlockHash', params: [correctBlock.hash]})
+        web3['_requestManager'].send({ method: 'eth_getUncleCountByBlockHash', params: [correctBlock.hash]})
           .then(numberTransactions => resolve(numberTransactions))
           .catch(err => reject(err))
       }))
@@ -105,7 +105,7 @@ describe('blocks', () => {
     it('should get block given its number', async () => {
       const correctBlock = await web3.eth.getBlock(0)
       const numberTransactions = await (new Promise((resolve, reject) => {
-        web3['_requestManager'].send({method: 'eth_getUncleCountByBlockHash', params: [0]})
+        web3['_requestManager'].send({ method: 'eth_getUncleCountByBlockHash', params: [0]})
           .then(numberTransactions => resolve(numberTransactions))
           .catch(err => reject(err))
       }))
@@ -201,7 +201,7 @@ describe('blocks', () => {
       const contract = new web3.eth.Contract(abi)
       const accounts = await web3.eth.getAccounts()
 
-      const contractInstance: any = await contract.deploy({ data: code, arguments: [100] }).send({ from: accounts[0], gas: '400000' })
+      const contractInstance: any = await contract.deploy({ data: code, arguments: [100]}).send({ from: accounts[0], gas: '400000' })
       contractInstance.currentProvider = web3.eth.currentProvider
       // contractInstance.givenProvider = web3.eth.currentProvider
 
@@ -307,7 +307,7 @@ describe('blocks', () => {
       const contract = new web3.eth.Contract(abi)
       const accounts = await web3.eth.getAccounts()
 
-      const contractInstance: any = await contract.deploy({ data: code, arguments: [100] }).send({ from: accounts[0], gas: '400000' })
+      const contractInstance: any = await contract.deploy({ data: code, arguments: [100]}).send({ from: accounts[0], gas: '400000' })
       contractInstance.currentProvider = web3.eth.currentProvider
 
       const value = await contractInstance.methods.get().call({ from: accounts[0] })
diff --git a/libs/remix-simulator/test/events.ts b/libs/remix-simulator/test/events.ts
index de8bb9b02a..7d8fad7e9c 100644
--- a/libs/remix-simulator/test/events.ts
+++ b/libs/remix-simulator/test/events.ts
@@ -47,7 +47,7 @@ describe('Events', () => {
         toBlock: 'latest',
         topics: ['0x342827c97908e5e2f71151c08502a66d44b6f758e3ac2f1de95f02eb95f0a735', '0xdcd9c7fa0342f01013bd0bf2bec103a81936162dcebd1f0c38b1d4164c17e0fc']
       })
-      
+
       // this should include the event triggered by the "set" transaction call.
       assert.equal(testLogs.length, 1, '1) testLogs length should be equal to 1')
       assert.equal(ownerLogs.length, 1, '2) ownerLogs length should be equal to 1')
@@ -80,8 +80,8 @@ pragma solidity >=0.7.0 <0.9.0;
 
 import "hardhat/console.sol";
 
-contract test {   
-    event testEvent(uint indexed value); 
+contract test {
+    event testEvent(uint indexed value);
     function set(Owner p) public  {
         p.changeOwner(address(this));
         emit testEvent(123);
@@ -119,5 +119,5 @@ contract Owner {
     function getOwner() external view returns (address) {
         return owner;
     }
-} 
+}
 */
diff --git a/libs/remix-simulator/test/misc.ts b/libs/remix-simulator/test/misc.ts
index 785cc3dd55..673e98a35b 100644
--- a/libs/remix-simulator/test/misc.ts
+++ b/libs/remix-simulator/test/misc.ts
@@ -13,7 +13,7 @@ describe('Misc', () => {
 
   describe('web3_clientVersion', () => {
     it('should get correct remix simulator version', async () => {
-      web3['_requestManager'].send({ method: 'web3_clientVersion', params: [] })
+      web3['_requestManager'].send({ method: 'web3_clientVersion', params: []})
         .then(version => {
           const remixVersion = require('../package.json').version
           assert.equal(version, 'Remix Simulator/' + remixVersion)
@@ -24,7 +24,7 @@ describe('Misc', () => {
 
   describe('eth_protocolVersion', () => {
     it('should get protocol version', async () => {
-      web3['_requestManager'].send({ method: 'eth_protocolVersion', params: [] })
+      web3['_requestManager'].send({ method: 'eth_protocolVersion', params: []})
         .then(result => assert.equal(result, '0x3f'))
         .catch(err => { throw new Error(err) })
     })
@@ -53,7 +53,7 @@ describe('Misc', () => {
 
   describe('web3_sha3', () => {
     it('should get result of a sha3', async () => {
-      web3['_requestManager'].send({ method: 'web3_sha3', params: ['0x68656c6c6f20776f726c64'] })
+      web3['_requestManager'].send({ method: 'web3_sha3', params: ['0x68656c6c6f20776f726c64']})
         .then(result => assert.equal(result, '0x47173285a8d7341e5e972fc677286384f802f8ef42a5ec5f03bbfa254cb01fad'))
         .catch(err => { throw new Error(err)} )
     })
@@ -61,7 +61,7 @@ describe('Misc', () => {
 
   describe('eth_getCompilers', () => {
     it('should get list of compilers', async () => {
-      web3['_requestManager'].send({ method: 'eth_getCompilers', params: [] })
+      web3['_requestManager'].send({ method: 'eth_getCompilers', params: []})
         .then(result => assert.equal(result, 0))
         .catch(err => { throw new Error(err) })
     })
@@ -69,7 +69,7 @@ describe('Misc', () => {
 
   describe('eth_compileSolidity', () => {
     it('get unsupported result when requesting solidity compiler', async () => {
-      web3['_requestManager'].send({ method: 'eth_compileSolidity', params: [] })
+      web3['_requestManager'].send({ method: 'eth_compileSolidity', params: []})
         .then(result => assert.equal(result, 'unsupported'))
         .catch(err => { throw new Error(err) })
     })
@@ -77,7 +77,7 @@ describe('Misc', () => {
 
   describe('eth_compileLLL', () => {
     it('get unsupported result when requesting LLL compiler', async () => {
-      web3['_requestManager'].send({ method: 'eth_compileLLL', params: [] })
+      web3['_requestManager'].send({ method: 'eth_compileLLL', params: []})
         .then(result => assert.equal(result, 'unsupported'))
         .catch(err => { throw new Error(err) })
     })
@@ -85,7 +85,7 @@ describe('Misc', () => {
 
   describe('eth_compileSerpent', () => {
     it('get unsupported result when requesting serpent compiler', async () => {
-      web3['_requestManager'].send({ method: 'eth_compileSerpent', params: [] })
+      web3['_requestManager'].send({ method: 'eth_compileSerpent', params: []})
         .then(result => assert.equal(result, 'unsupported'))
         .catch(err => { throw new Error(err)} )
     })
diff --git a/libs/remix-simulator/test/transactions.ts b/libs/remix-simulator/test/transactions.ts
index 30f9a96fd2..88e7a09c05 100644
--- a/libs/remix-simulator/test/transactions.ts
+++ b/libs/remix-simulator/test/transactions.ts
@@ -6,7 +6,7 @@ import * as assert from 'assert'
 
 describe('Transactions', () => {
   before(async function () {
-    const provider = new Provider({ fork: 'shanghai'})
+    const provider = new Provider({ fork: 'shanghai' })
     await provider.init()
     web3.setProvider(provider as any)
   })

From f5cdc389a71a7fed101a783f3a20819ef2210a43 Mon Sep 17 00:00:00 2001
From: lianahus <liana@ethereum.org>
Date: Mon, 29 Apr 2024 13:52:37 +0200
Subject: [PATCH 09/31] linting fixed for remix-analyzer

---
 .../test/analysis/staticAnalysisCommon-test.ts        | 11 +++++------
 .../analysis/staticAnalysisIntegration-test-0.4.24.ts |  4 ++--
 .../analysis/staticAnalysisIntegration-test-0.5.0.ts  |  3 ---
 .../test/analysis/staticAnalysisIssues-test-0.4.24.ts |  6 +++---
 .../test/analysis/staticAnalysisIssues-test-0.5.0.ts  |  2 +-
 5 files changed, 11 insertions(+), 15 deletions(-)

diff --git a/libs/remix-analyzer/test/analysis/staticAnalysisCommon-test.ts b/libs/remix-analyzer/test/analysis/staticAnalysisCommon-test.ts
index 4dd79d9689..596abee649 100644
--- a/libs/remix-analyzer/test/analysis/staticAnalysisCommon-test.ts
+++ b/libs/remix-analyzer/test/analysis/staticAnalysisCommon-test.ts
@@ -1,4 +1,4 @@
-import { default as test} from "tape"
+import { default as test } from "tape"
 import * as common from '../../src/solidity-analyzer/modules/staticAnalysisCommon'
 const { localCall, thisLocalCall, libCall, externalDirect, superLocal, assignment, abiNamespaceCallNodes,
   inlineAssembly, unaryOperation, nowAst, blockTimestamp, stateVariableContractNode,
@@ -6,7 +6,6 @@ const { localCall, thisLocalCall, libCall, externalDirect, superLocal, assignmen
   // eslint-disable-next-line @typescript-eslint/no-var-requires
   lowlevelCall, parameterFunction, parameterFunctionCall, inheritance, blockHashAccess, contractDefinition, funcDefForComplexParams } = require('./astBlocks')
 
-
 // eslint-disable-next-line @typescript-eslint/no-var-requires
 const compiledContractObj = require('./compilationDetails/CompiledContractObj.json')
 function escapeRegExp (str) {
@@ -89,7 +88,7 @@ test('staticAnalysisCommon.helpers.operator', function (t) {
 
 test('staticAnalysisCommon.helpers.nodeType', function (t) {
   t.plan(3)
-  const node = { nodeType: 'Identifier', name: 'now'}
+  const node = { nodeType: 'Identifier', name: 'now' }
   const node2 = { nodeType: 'FunctionCall', memberName: 'call' }
 
   t.ok(common.helpers.nodeType(node, common.nodeTypes.IDENTIFIER), 'should work for identifier')
@@ -140,7 +139,7 @@ test('staticAnalysisCommon.helpers.expressionTypeDescription', function (t) {
 
 test('staticAnalysisCommon.getType', function (t) {
   t.plan(3)
-  const node =  { "argumentTypes": null,
+  const node = { "argumentTypes": null,
     "id": 3,
     "name": "a",
     "nodeType": "Identifier",
@@ -357,9 +356,9 @@ test('staticAnalysisCommon.isStateVariable', function (t) {
 test('staticAnalysisCommon.isConstantFunction', function (t) {
   t.plan(3)
   t.ok(common.isConstantFunction(functionDefinition), 'should be const func definition')
-  functionDefinition.stateMutability =  'view'
+  functionDefinition.stateMutability = 'view'
   t.ok(common.isConstantFunction(functionDefinition), 'should be const func definition')
-  functionDefinition.stateMutability =  'nonpayable'
+  functionDefinition.stateMutability = 'nonpayable'
   t.notOk(common.isConstantFunction(functionDefinition), 'should not be const func definition')
 })
 
diff --git a/libs/remix-analyzer/test/analysis/staticAnalysisIntegration-test-0.4.24.ts b/libs/remix-analyzer/test/analysis/staticAnalysisIntegration-test-0.4.24.ts
index 305b53ae97..7c3273a0a8 100644
--- a/libs/remix-analyzer/test/analysis/staticAnalysisIntegration-test-0.4.24.ts
+++ b/libs/remix-analyzer/test/analysis/staticAnalysisIntegration-test-0.4.24.ts
@@ -46,7 +46,7 @@ test('setup', function (t: test.Test) {
 
     testFiles.forEach((fileName) => {
       const content: string = readFileSync(join(__dirname, 'test-contracts/' + folder, fileName), 'utf8')
-      // Latest AST is available under 'compileStandardWrapper' under solc for, 0.4.12 <= version < 0.5.0 
+      // Latest AST is available under 'compileStandardWrapper' under solc for, 0.4.12 <= version < 0.5.0
       compilationResults[fileName] = JSON.parse(compiler.compile(compilerInput(content)))
     })
 
@@ -820,5 +820,5 @@ function runModuleOnFiles (Module: any, t: test.Test, cb: ((fname: string, repor
       t.comment('Error while executing Module: ' + JSON.stringify(report))
     }
     cb(fileName, report)
-  })      
+  })
 }
diff --git a/libs/remix-analyzer/test/analysis/staticAnalysisIntegration-test-0.5.0.ts b/libs/remix-analyzer/test/analysis/staticAnalysisIntegration-test-0.5.0.ts
index 18881e20ef..6957b9de48 100644
--- a/libs/remix-analyzer/test/analysis/staticAnalysisIntegration-test-0.5.0.ts
+++ b/libs/remix-analyzer/test/analysis/staticAnalysisIntegration-test-0.5.0.ts
@@ -53,9 +53,6 @@ test('setup', function (t) {
   })
 });
 
-
-
-
 test('Integration test thisLocal module', function (t: test.Test) {
   t.plan(testFiles.length)
   const module: any = modules.thisLocal
diff --git a/libs/remix-analyzer/test/analysis/staticAnalysisIssues-test-0.4.24.ts b/libs/remix-analyzer/test/analysis/staticAnalysisIssues-test-0.4.24.ts
index 2a6091dc32..94f7c32636 100644
--- a/libs/remix-analyzer/test/analysis/staticAnalysisIssues-test-0.4.24.ts
+++ b/libs/remix-analyzer/test/analysis/staticAnalysisIssues-test-0.4.24.ts
@@ -29,11 +29,11 @@ test('staticAnalysisIssues.functionParameterPassingError', function (t) {
   const res: CompilationResult = compile('functionParameters.sol')
   const Module: any = checksEffectsInteraction
   const statRunner: StatRunner = new StatRunner()
-  
+
   t.doesNotThrow(() => {
-    statRunner.runWithModuleList(res, [{ name: new Module().name, mod: new Module()}])
+    statRunner.runWithModuleList(res, [{ name: new Module().name, mod: new Module() }])
   }, 'Analysis should not throw')
 
-  const reports = statRunner.runWithModuleList(res, [{ name: new Module().name, mod: new Module()}])
+  const reports = statRunner.runWithModuleList(res, [{ name: new Module().name, mod: new Module() }])
   t.ok(!reports.some((mod: AnalysisReport) => mod.report.some((rep: AnalysisReportObj) => rep.warning.includes('INTERNAL ERROR')), 'Should not have internal errors'))
 })
diff --git a/libs/remix-analyzer/test/analysis/staticAnalysisIssues-test-0.5.0.ts b/libs/remix-analyzer/test/analysis/staticAnalysisIssues-test-0.5.0.ts
index 43234e4168..212eb0114c 100644
--- a/libs/remix-analyzer/test/analysis/staticAnalysisIssues-test-0.5.0.ts
+++ b/libs/remix-analyzer/test/analysis/staticAnalysisIssues-test-0.5.0.ts
@@ -6,7 +6,7 @@ import { default as StatRunner } from '../../src/solidity-analyzer'
 import solc from 'solc';
 import { CompilationResult, AnalysisReportObj, AnalysisReport } from '../../src/types'
 import { checksEffectsInteraction } from '../../src/solidity-analyzer/modules/'
-const {compilerInput  } = helpers.compiler
+const { compilerInput } = helpers.compiler
 const folder: string = 'solidity-v0.5'
 
 let compiler

From e5920ae3b299997de1784e49b175761cb01abf17 Mon Sep 17 00:00:00 2001
From: lianahus <liana@ethereum.org>
Date: Mon, 29 Apr 2024 13:53:47 +0200
Subject: [PATCH 10/31] linting fixed for remix-debug

---
 libs/remix-debug/src/Ethdebugger.ts           | 10 ++---
 libs/remix-debug/src/debugger/VmDebugger.ts   | 10 ++---
 libs/remix-debug/src/debugger/debugger.ts     |  8 ++--
 .../remix-debug/src/debugger/solidityState.ts |  2 +-
 libs/remix-debug/src/debugger/stepManager.ts  |  2 +-
 libs/remix-debug/src/init.ts                  |  4 +-
 .../src/solidity-decoder/internalCallTree.ts  | 18 ++++----
 .../src/solidity-decoder/solidityProxy.ts     |  2 +-
 libs/remix-debug/src/trace/traceAnalyser.ts   |  2 +-
 libs/remix-debug/src/trace/traceManager.ts    |  2 +-
 libs/remix-debug/test.ts                      |  2 +-
 libs/remix-debug/test/codeManager.ts          |  2 +-
 libs/remix-debug/test/debugger.ts             | 12 +++---
 .../test/decoder/contracts/calldata.ts        |  2 +-
 .../test/decoder/contracts/intLocal.ts        |  2 +-
 .../test/decoder/contracts/miscLocal.ts       |  2 +-
 .../decoder/contracts/structArrayLocal.ts     |  2 +-
 libs/remix-debug/test/decoder/localDecoder.ts |  6 +--
 .../test/decoder/localsTests/calldata.ts      |  7 ++--
 .../test/decoder/localsTests/int.ts           | 28 ++++++-------
 .../test/decoder/localsTests/misc.ts          | 12 +++---
 .../test/decoder/localsTests/misc2.ts         | 10 ++---
 .../test/decoder/localsTests/structArray.ts   | 26 ++++++------
 .../test/decoder/stateTests/mapping.ts        |  8 ++--
 .../test/helpers/compilerHelper.ts            |  4 +-
 libs/remix-debug/test/resources/ast.ts        | 41 +++++++++----------
 libs/remix-debug/test/resources/testWeb3.ts   |  4 +-
 .../remix-debug/test/sourceLocationTracker.ts | 30 +++++++-------
 libs/remix-debug/test/traceManager.ts         |  2 +-
 libs/remix-debug/test/vmCall.ts               |  3 +-
 30 files changed, 130 insertions(+), 135 deletions(-)

diff --git a/libs/remix-debug/src/Ethdebugger.ts b/libs/remix-debug/src/Ethdebugger.ts
index f4e2d66ae8..a22b29313c 100644
--- a/libs/remix-debug/src/Ethdebugger.ts
+++ b/libs/remix-debug/src/Ethdebugger.ts
@@ -44,10 +44,10 @@ export class Ethdebugger {
     this.event = new EventManager()
     this.traceManager = new TraceManager({ web3: this.web3 })
     this.codeManager = new CodeManager(this.traceManager)
-    this.solidityProxy = new SolidityProxy({ 
-      getCurrentCalledAddressAt: this.traceManager.getCurrentCalledAddressAt.bind(this.traceManager), 
+    this.solidityProxy = new SolidityProxy({
+      getCurrentCalledAddressAt: this.traceManager.getCurrentCalledAddressAt.bind(this.traceManager),
       getCode: this.codeManager.getCode.bind(this.codeManager),
-      compilationResult: this.compilationResult 
+      compilationResult: this.compilationResult
     })
     this.storageResolver = null
 
@@ -63,8 +63,8 @@ export class Ethdebugger {
   setManagers () {
     this.traceManager = new TraceManager({ web3: this.web3 })
     this.codeManager = new CodeManager(this.traceManager)
-    this.solidityProxy = new SolidityProxy({ 
-      getCurrentCalledAddressAt: this.traceManager.getCurrentCalledAddressAt.bind(this.traceManager), 
+    this.solidityProxy = new SolidityProxy({
+      getCurrentCalledAddressAt: this.traceManager.getCurrentCalledAddressAt.bind(this.traceManager),
       getCode: this.codeManager.getCode.bind(this.codeManager),
       compilationResult: this.compilationResult
     })
diff --git a/libs/remix-debug/src/debugger/VmDebugger.ts b/libs/remix-debug/src/debugger/VmDebugger.ts
index 19a8be3d51..d8c3c909b6 100644
--- a/libs/remix-debug/src/debugger/VmDebugger.ts
+++ b/libs/remix-debug/src/debugger/VmDebugger.ts
@@ -110,7 +110,7 @@ export class VmDebuggerLogic {
           } catch (e) {
             console.log(e)
           }
-          
+
           try {
             const memory = this._traceManager.getMemoryAt(index)
             if (this.stepManager.currentStepIndex === index) {
@@ -122,9 +122,9 @@ export class VmDebuggerLogic {
           try {
             const address = this._traceManager.getCurrentCalledAddressAt(index)
             if (!this.storageResolver) return
-    
+
             const storageViewer = new StorageViewer({ stepIndex: this.stepManager.currentStepIndex, tx: this.tx, address: address }, this.storageResolver, this._traceManager)
-    
+
             storageViewer.storageRange().then((storage) => {
               if (this.stepManager.currentStepIndex === index) {
                 const header = storageViewer.isComplete(address) ? '[Completely Loaded]' : '[Partially Loaded]'
@@ -145,8 +145,8 @@ export class VmDebuggerLogic {
           } catch (error) {
             this.event.trigger('traceReturnValueUpdate', [[error]])
           }
-        })()        
-      }, 1000)      
+        })()
+      }, 1000)
 
       try {
         const step = this._traceManager.getCurrentStep(index)
diff --git a/libs/remix-debug/src/debugger/debugger.ts b/libs/remix-debug/src/debugger/debugger.ts
index a939357a98..643a391719 100644
--- a/libs/remix-debug/src/debugger/debugger.ts
+++ b/libs/remix-debug/src/debugger/debugger.ts
@@ -84,10 +84,10 @@ export class Debugger {
           const generatedSources = this.debugger.callTree.sourceLocationTracker.getGeneratedSourcesFromAddress(address)
 
           const lineColumnPos = rawLocationAndOpcode.lineColumnPos
-          
+
           let lineGasCostObj = null
           try {
-            lineGasCostObj = await this.debugger.callTree.getGasCostPerLine(rawLocation.file, lineColumnPos.start.line)  
+            lineGasCostObj = await this.debugger.callTree.getGasCostPerLine(rawLocation.file, lineColumnPos.start.line)
           } catch (e) {
             console.log(e)
           }
@@ -97,9 +97,9 @@ export class Debugger {
             const instructionIndexes = lineGasCostObj.indexes.map((index) => { // translate from vmtrace index to instruction index
               return this.debugger.codeManager.getInstructionIndex(address, index)
             })
-            this.vmDebuggerLogic.event.trigger('lineGasCostChanged', [instructionIndexes, lineColumnPos.start.line ])
+            this.vmDebuggerLogic.event.trigger('lineGasCostChanged', [instructionIndexes, lineColumnPos.start.line])
             this.currentFile = rawLocation.file
-            this.currentLine = lineColumnPos.start.line       
+            this.currentLine = lineColumnPos.start.line
           }
         } else {
           this.event.trigger('newSourceLocation', [null])
diff --git a/libs/remix-debug/src/debugger/solidityState.ts b/libs/remix-debug/src/debugger/solidityState.ts
index 237be4e7da..3605cb946d 100644
--- a/libs/remix-debug/src/debugger/solidityState.ts
+++ b/libs/remix-debug/src/debugger/solidityState.ts
@@ -32,7 +32,7 @@ export class DebuggerSolidityState {
     }
 
     if (this.stepManager.currentStepIndex !== index) return
-    
+
     if (!this.storageResolver) {
       return
     }
diff --git a/libs/remix-debug/src/debugger/stepManager.ts b/libs/remix-debug/src/debugger/stepManager.ts
index 8c0e6512d5..02da0263bb 100644
--- a/libs/remix-debug/src/debugger/stepManager.ts
+++ b/libs/remix-debug/src/debugger/stepManager.ts
@@ -77,7 +77,7 @@ export class DebuggerStepManager {
           const revertedReason = this.currentCall.outofgas ? 'outofgas' : 'reverted'
           this.revertionPoint = this.currentCall.return
           this.event.trigger('revertWarning', [revertedReason])
-          return 
+          return
         }
         for (let k = callsPath.length - 2; k >= 0; k--) {
           const parent = callsPath[k]
diff --git a/libs/remix-debug/src/init.ts b/libs/remix-debug/src/init.ts
index 28923df9d0..4ddafff021 100644
--- a/libs/remix-debug/src/init.ts
+++ b/libs/remix-debug/src/init.ts
@@ -1,9 +1,9 @@
 'use strict'
 import Web3, { Web3PluginBase } from 'web3'
-import {toNumber} from 'web3-utils'
+import { toNumber } from 'web3-utils'
 
 export function extendWeb3 (web3) {
-  if(!web3.debug){
+  if (!web3.debug){
     web3.registerPlugin(new Web3DebugPlugin())
   }
 }
diff --git a/libs/remix-debug/src/solidity-decoder/internalCallTree.ts b/libs/remix-debug/src/solidity-decoder/internalCallTree.ts
index 4f74ad4585..3ac6fe985b 100644
--- a/libs/remix-debug/src/solidity-decoder/internalCallTree.ts
+++ b/libs/remix-debug/src/solidity-decoder/internalCallTree.ts
@@ -97,7 +97,7 @@ export class InternalCallTree {
           })
         } catch (e) {
           console.log(e)
-        }        
+        }
       }
     })
   }
@@ -214,7 +214,7 @@ export class InternalCallTree {
     }
     throw new Error('Could not find gas cost per line')
   }
-  
+
   getLocalVariableById (id: number) {
     return this.variables[id]
   }
@@ -226,7 +226,7 @@ async function buildTree (tree, step, scopeId, isCreation, functionDefinition?,
     const address = tree.traceManager.getCurrentCalledAddressAt(step)
     await registerFunctionParameters(tree, functionDefinition, step, scopeId, contractObj, validSourceLocation, address)
   }
-  
+
   function callDepthChange (step, trace) {
     if (step + 1 < trace.length) {
       return trace[step].depth !== trace[step + 1].depth
@@ -252,11 +252,11 @@ async function buildTree (tree, step, scopeId, isCreation, functionDefinition?,
     let sourceLocation
     let validSourceLocation
     let address
-    
+
     try {
       address = tree.traceManager.getCurrentCalledAddressAt(step)
       sourceLocation = await tree.extractSourceLocation(step, address)
-      
+
       if (!includedSource(sourceLocation, currentSourceLocation)) {
         tree.reducedTrace.push(step)
         currentSourceLocation = sourceLocation
@@ -270,7 +270,7 @@ async function buildTree (tree, step, scopeId, isCreation, functionDefinition?,
         validSourceLocation = previousValidSourceLocation
       } else
         validSourceLocation = currentSourceLocation
-    
+
     } catch (e) {
       return { outStep: step, error: 'InternalCallTree - Error resolving source location. ' + step + ' ' + e }
     }
@@ -285,7 +285,7 @@ async function buildTree (tree, step, scopeId, isCreation, functionDefinition?,
     } else {
       stepDetail.gasCost = parseInt(stepDetail.gasCost as unknown as string)
     }
-        
+
     // gas per line
     let lineColumnPos
     if (tree.offsetToLineColumnConverter) {
@@ -299,7 +299,7 @@ async function buildTree (tree, step, scopeId, isCreation, functionDefinition?,
             sources[genSource.name] = { content: genSource.contents }
           }
         }
-        
+
         lineColumnPos = await tree.offsetToLineColumnConverter.offsetToLineColumn(validSourceLocation, validSourceLocation.file, sources, astSources)
         if (!tree.gasCostPerLine[validSourceLocation.file]) tree.gasCostPerLine[validSourceLocation.file] = {}
         if (!tree.gasCostPerLine[validSourceLocation.file][lineColumnPos.start.line]) {
@@ -391,7 +391,7 @@ function getGeneratedSources (tree, scopeId, contractObj) {
 
 async function registerFunctionParameters (tree, functionDefinition, step, scopeId, contractObj, sourceLocation, address) {
   tree.functionCallStack.push(step)
-  const functionDefinitionAndInputs = { functionDefinition, inputs: [] }
+  const functionDefinitionAndInputs = { functionDefinition, inputs: []}
   // means: the previous location was a function definition && JUMPDEST
   // => we are at the beginning of the function and input/output are setup
   try {
diff --git a/libs/remix-debug/src/solidity-decoder/solidityProxy.ts b/libs/remix-debug/src/solidity-decoder/solidityProxy.ts
index fd91e23195..b49e1d6fe7 100644
--- a/libs/remix-debug/src/solidity-decoder/solidityProxy.ts
+++ b/libs/remix-debug/src/solidity-decoder/solidityProxy.ts
@@ -64,7 +64,7 @@ export class SolidityProxy {
     */
   async extractStatesDefinitions (address: string) {
     const compilationResult = await this.compilationResult(address)
-    if (!this.cache.contractDeclarations[address]) {      
+    if (!this.cache.contractDeclarations[address]) {
       this.cache.contractDeclarations[address] = extractContractDefinitions(compilationResult.data.sources)
     }
     if (!this.cache.statesDefinitions[address]) {
diff --git a/libs/remix-debug/src/trace/traceAnalyser.ts b/libs/remix-debug/src/trace/traceAnalyser.ts
index ba41085d19..24491c9d77 100644
--- a/libs/remix-debug/src/trace/traceAnalyser.ts
+++ b/libs/remix-debug/src/trace/traceAnalyser.ts
@@ -1,5 +1,5 @@
 'use strict'
-import {  util } from '@remix-project/remix-lib'
+import { util } from '@remix-project/remix-lib'
 import { bytesToHex } from '@ethereumjs/util'
 const { toHexPaddedString } = util
 import * as traceHelper from './traceHelper'
diff --git a/libs/remix-debug/src/trace/traceManager.ts b/libs/remix-debug/src/trace/traceManager.ts
index 97b3d70ce9..d8b164a0ab 100644
--- a/libs/remix-debug/src/trace/traceManager.ts
+++ b/libs/remix-debug/src/trace/traceManager.ts
@@ -155,7 +155,7 @@ export class TraceManager {
         return stack.map(el => toHexPaddedString(el))
       } else {
         // it's an object coming from the VM.
-        // for performance reasons, 
+        // for performance reasons,
         // we don't turn the stack coming from the VM into an array when the tx is executed
         // but now when the app needs it.
         const stack = []
diff --git a/libs/remix-debug/test.ts b/libs/remix-debug/test.ts
index e1e5b12946..0fe8ab5edb 100644
--- a/libs/remix-debug/test.ts
+++ b/libs/remix-debug/test.ts
@@ -37,7 +37,7 @@ const compilationData = JSON.parse(solc.compileStandardWrapper(JSON.stringify(in
 console.dir(Object.keys(compilationData))
 const compilation = {}
 compilation['data'] = compilationData
-compilation['source'] = {sources: inputJson.sources}
+compilation['source'] = { sources: inputJson.sources }
 console.dir(compilation)
 console.dir(compilation['data'].errors)
 
diff --git a/libs/remix-debug/test/codeManager.ts b/libs/remix-debug/test/codeManager.ts
index 3ba95be60a..449562afeb 100644
--- a/libs/remix-debug/test/codeManager.ts
+++ b/libs/remix-debug/test/codeManager.ts
@@ -5,7 +5,7 @@ import { CodeManager } from '../src/code/codeManager'
 const web3Test = require('./resources/testWeb3.ts')
 
 tape('CodeManager', function (t) {
-  const traceManager = new TraceManager({web3: web3Test})
+  const traceManager = new TraceManager({ web3: web3Test })
   const codeManager = new CodeManager(traceManager)
   const contractCode = web3Test.eth.getCode('0x0d3a18d64dfe4f927832ab58d6451cecc4e517c5')
   codeManager.codeResolver.cacheExecutingCode('0x0d3a18d64dfe4f927832ab58d6451cecc4e517c5', contractCode) // so a call to web3 is not necessary
diff --git a/libs/remix-debug/test/debugger.ts b/libs/remix-debug/test/debugger.ts
index 4c93d17f18..7c51ce7fc4 100644
--- a/libs/remix-debug/test/debugger.ts
+++ b/libs/remix-debug/test/debugger.ts
@@ -156,7 +156,7 @@ contract Ballot {
   output = JSON.parse(output)
   const param = '0000000000000000000000000000000000000000000000000000000000000020000000000000000000000000000000000000000000000000000000000000000148656c6c6f20576f726c64210000000000000000000000000000000000000000'
   const web3 = await vmCall.getWeb3()
-  vmCall.sendTx(web3, {nonce: 0, privateKey: privateKey}, undefined, 0, output.contracts['test.sol']['Ballot'].evm.bytecode.object + param, (error, hash) => {
+  vmCall.sendTx(web3, { nonce: 0, privateKey: privateKey }, undefined, 0, output.contracts['test.sol']['Ballot'].evm.bytecode.object + param, (error, hash) => {
     console.log(error, hash)
     if (error) {
       throw error
@@ -177,7 +177,7 @@ contract Ballot {
               }
             }
           })
-  
+
           debugManager.callTree.event.register('callTreeReady', () => {
             testDebugging(debugManager)
           })
@@ -189,7 +189,7 @@ contract Ballot {
             console.error(error)
             throw error
           })
-  
+
           debugManager.debug(tx)
         })
         .catch(error => { throw error })
@@ -279,10 +279,10 @@ function testDebugging (debugManager) {
 
   tape('breakPointManager', (t) => {
     t.plan(2)
-    const {traceManager, callTree, solidityProxy} = debugManager
-    const breakPointManager = new BreakpointManager({traceManager, callTree, solidityProxy})
+    const { traceManager, callTree, solidityProxy } = debugManager
+    const breakPointManager = new BreakpointManager({ traceManager, callTree, solidityProxy })
 
-    breakPointManager.add({fileName: 'test.sol', row: 39})
+    breakPointManager.add({ fileName: 'test.sol', row: 39 })
 
     breakPointManager.event.register('breakpointHit', function (sourceLocation, step) {
       t.equal(JSON.stringify(sourceLocation), JSON.stringify({ start: 1146, length: 6, file: 0, jump: '-' }))
diff --git a/libs/remix-debug/test/decoder/contracts/calldata.ts b/libs/remix-debug/test/decoder/contracts/calldata.ts
index 62d3df3ea4..39a5f08173 100644
--- a/libs/remix-debug/test/decoder/contracts/calldata.ts
+++ b/libs/remix-debug/test/decoder/contracts/calldata.ts
@@ -11,4 +11,4 @@ module.exports = {
       uint p = 45;
     }
   }
-`}
+` }
diff --git a/libs/remix-debug/test/decoder/contracts/intLocal.ts b/libs/remix-debug/test/decoder/contracts/intLocal.ts
index 0b4a112808..5a4775f888 100644
--- a/libs/remix-debug/test/decoder/contracts/intLocal.ts
+++ b/libs/remix-debug/test/decoder/contracts/intLocal.ts
@@ -39,4 +39,4 @@ contract intLocal {
       uint8 ui81 = asd;
     }
   }
-`}
+` }
diff --git a/libs/remix-debug/test/decoder/contracts/miscLocal.ts b/libs/remix-debug/test/decoder/contracts/miscLocal.ts
index 2447e2f959..56d3a63649 100644
--- a/libs/remix-debug/test/decoder/contracts/miscLocal.ts
+++ b/libs/remix-debug/test/decoder/contracts/miscLocal.ts
@@ -36,4 +36,4 @@ contract miscLocal {
            string memory smallstring = "test_test_test";
         }
   }
-`}
+` }
diff --git a/libs/remix-debug/test/decoder/contracts/structArrayLocal.ts b/libs/remix-debug/test/decoder/contracts/structArrayLocal.ts
index c8391005d8..34b67e887c 100644
--- a/libs/remix-debug/test/decoder/contracts/structArrayLocal.ts
+++ b/libs/remix-debug/test/decoder/contracts/structArrayLocal.ts
@@ -81,4 +81,4 @@ contract structArrayLocal {
         arrayStruct.c = enumdef.three;
     }
 }
-`}
+` }
diff --git a/libs/remix-debug/test/decoder/localDecoder.ts b/libs/remix-debug/test/decoder/localDecoder.ts
index e8e92d25f2..637b636bda 100644
--- a/libs/remix-debug/test/decoder/localDecoder.ts
+++ b/libs/remix-debug/test/decoder/localDecoder.ts
@@ -31,7 +31,7 @@ async function test (st, privateKey) {
   let compilationResults = new CompilerAbstract('json', output, sources)
   console.log('intLocalTest')
   await intLocalTest(st, privateKey, output.contracts['test.sol']['intLocal'].evm.bytecode.object, compilationResults, intLocal.contract)
-  
+
   output = compiler.compile(compilerInput(miscLocal.contract))
   output = JSON.parse(output)
   sources = {
@@ -41,7 +41,7 @@ async function test (st, privateKey) {
   compilationResults = new CompilerAbstract('json', output, sources)
   console.log('miscLocalTest')
   await miscLocalTest(st, privateKey, output.contracts['test.sol']['miscLocal'].evm.bytecode.object, compilationResults, miscLocal.contract)
-  
+
   output = compiler.compile(compilerInput(miscLocal.contract))
   output = JSON.parse(output)
   sources = {
@@ -51,7 +51,7 @@ async function test (st, privateKey) {
   compilationResults = new CompilerAbstract('json', output, sources)
   console.log('misc2LocalTest')
   await misc2LocalTest(st, privateKey, output.contracts['test.sol']['miscLocal2'].evm.bytecode.object, compilationResults, miscLocal.contract)
-  
+
   output = compiler.compile(compilerInput(structArrayLocal.contract))
   output = JSON.parse(output)
   sources = {
diff --git a/libs/remix-debug/test/decoder/localsTests/calldata.ts b/libs/remix-debug/test/decoder/localsTests/calldata.ts
index 213fd5d96b..de2932ea0f 100644
--- a/libs/remix-debug/test/decoder/localsTests/calldata.ts
+++ b/libs/remix-debug/test/decoder/localsTests/calldata.ts
@@ -30,8 +30,8 @@ module.exports = async function (st, privateKey, contractBytecode, compilationRe
         const traceManager = new TraceManager({ web3 })
         const codeManager = new CodeManager(traceManager)
         codeManager.clear()
-        const solidityProxy = new SolidityProxy({ 
-          getCurrentCalledAddressAt: traceManager.getCurrentCalledAddressAt.bind(traceManager), 
+        const solidityProxy = new SolidityProxy({
+          getCurrentCalledAddressAt: traceManager.getCurrentCalledAddressAt.bind(traceManager),
           getCode: codeManager.getCode.bind(codeManager),
           compilationResult: () => compilationResult
         })
@@ -54,7 +54,7 @@ module.exports = async function (st, privateKey, contractBytecode, compilationRe
         callTree.event.register('callTreeReady', (scopes, scopeStarts) => {
           helper.decodeLocals(st, 140, traceManager, callTree, function (locals) {
             try {
-              const expected = {"p":{"value":"45","type":"uint256"},"foo":{"length":"1","value":[{"value":"3","type":"uint8"}],"type":"uint8[1]"},"boo":{"length":"1","value":[{"length":"2","value":[{"value":"R","type":"string"},{"value":"T","type":"string"}],"type":"string[2]"}],"type":"string[2][1]"}}
+              const expected = { "p":{ "value":"45","type":"uint256" },"foo":{ "length":"1","value":[{ "value":"3","type":"uint8" }],"type":"uint8[1]" },"boo":{ "length":"1","value":[{ "length":"2","value":[{ "value":"R","type":"string" },{ "value":"T","type":"string" }],"type":"string[2]" }],"type":"string[2][1]" } }
               st.deepEqual(locals, expected)
             } catch (e) {
               st.fail(e.message)
@@ -62,7 +62,6 @@ module.exports = async function (st, privateKey, contractBytecode, compilationRe
             resolve({})
           })
         })
-        
 
         traceManager.resolveTrace(tx).then(() => {
           debuggerEvent.trigger('newTraceLoaded', [traceManager.trace])
diff --git a/libs/remix-debug/test/decoder/localsTests/int.ts b/libs/remix-debug/test/decoder/localsTests/int.ts
index fa52b55714..06b7a78e5d 100644
--- a/libs/remix-debug/test/decoder/localsTests/int.ts
+++ b/libs/remix-debug/test/decoder/localsTests/int.ts
@@ -12,9 +12,9 @@ import * as helper from './helper'
 
 module.exports = function (st, privateKey, contractBytecode, compilationResult, contractCode) {
   // eslint-disable-next-line no-async-promise-executor
-  return new Promise(async (resolve) => {    
+  return new Promise(async (resolve) => {
     const web3 = await (vmCall as any).getWeb3();
-    (vmCall as any).sendTx(web3, { nonce: 0, privateKey: privateKey }, undefined, 0, contractBytecode, function (error, hash) {      
+    (vmCall as any).sendTx(web3, { nonce: 0, privateKey: privateKey }, undefined, 0, contractBytecode, function (error, hash) {
       if (error) {
         return st.fail(error)
       }
@@ -24,10 +24,10 @@ module.exports = function (st, privateKey, contractBytecode, compilationResult,
           const traceManager = new TraceManager({ web3 })
           const codeManager = new CodeManager(traceManager)
           codeManager.clear()
-          const solidityProxy = new SolidityProxy({ 
-            getCurrentCalledAddressAt: traceManager.getCurrentCalledAddressAt.bind(traceManager), 
+          const solidityProxy = new SolidityProxy({
+            getCurrentCalledAddressAt: traceManager.getCurrentCalledAddressAt.bind(traceManager),
             getCode: codeManager.getCode.bind(codeManager),
-            compilationResult: () => compilationResult 
+            compilationResult: () => compilationResult
           })
           const debuggerEvent = new EventManager()
           const offsetToLineColumnConverter = {
@@ -47,26 +47,26 @@ module.exports = function (st, privateKey, contractBytecode, compilationResult,
           })
           callTree.event.register('callTreeReady', async (scopes, scopeStarts) => {
             try {
-  
+
               // test gas cost per line
               st.equals((await callTree.getGasCostPerLine(0, 16)).gasCost, 11)
               st.equals((await callTree.getGasCostPerLine(0, 32)).gasCost, 84)
-              
+
               const functions1 = callTree.retrieveFunctionsStack(103)
               const functions2 = callTree.retrieveFunctionsStack(116)
               const functions3 = callTree.retrieveFunctionsStack(13)
-  
+
               st.equals(functions1.length, 2)
               st.equals(functions2.length, 3)
               st.equals(functions3.length, 1)
-  
+
               st.equal(functions1[0].gasCost, 54)
               st.equal(functions1[1].gasCost, 436)
 
               st.equal(functions2[0].gasCost, 23)
               st.equal(functions2[1].gasCost, 54)
               st.equal(functions2[2].gasCost, 436)
-    
+
               st.equals(Object.keys(functions1[0])[0], 'functionDefinition')
               st.equals(Object.keys(functions1[0])[1], 'inputs')
               st.equals(functions1[0].inputs[0], 'foo')
@@ -76,11 +76,11 @@ module.exports = function (st, privateKey, contractBytecode, compilationResult,
               st.equals(Object.keys(functions2[1])[1], 'inputs')
               st.equals(functions2[0].inputs[0], 'asd')
               st.equals(functions2[1].inputs[0], 'foo')
-    
+
               st.equals(functions1[0].functionDefinition.name, 'level11')
               st.equals(functions2[0].functionDefinition.name, 'level12')
               st.equals(functions2[1].functionDefinition.name, 'level11')
-              
+
               st.equals(scopeStarts[0], '1')
               st.equals(scopeStarts[10], '1.1')
               st.equals(scopeStarts[102], '1.1.1')
@@ -111,7 +111,7 @@ module.exports = function (st, privateKey, contractBytecode, compilationResult,
             } catch (e) {
               st.fail(e.message)
             }
-    
+
             helper.decodeLocals(st, 95, traceManager, callTree, function (locals) {
               st.equals(Object.keys(locals).length, 16)
               st.equals(locals['ui8'].value, '130')
@@ -130,7 +130,7 @@ module.exports = function (st, privateKey, contractBytecode, compilationResult,
               st.equals(locals['i'].value, '-32432423423')
               st.equals(locals['ishrink'].value, '2')
             })
-    
+
             helper.decodeLocals(st, 106, traceManager, callTree, function (locals) {
               try {
                 st.equals(locals['ui8'].value, '123')
diff --git a/libs/remix-debug/test/decoder/localsTests/misc.ts b/libs/remix-debug/test/decoder/localsTests/misc.ts
index c7f7c329bf..1c76b42499 100644
--- a/libs/remix-debug/test/decoder/localsTests/misc.ts
+++ b/libs/remix-debug/test/decoder/localsTests/misc.ts
@@ -13,7 +13,7 @@ module.exports = function (st, privateKey, contractBytecode, compilationResult,
   // eslint-disable-next-line no-async-promise-executor
   return new Promise(async (resolve) => {
     const web3 = await (vmCall as any).getWeb3();
-    (vmCall as any).sendTx(web3, { nonce: 0, privateKey: privateKey }, undefined, 0, contractBytecode, function (error, hash) {      
+    (vmCall as any).sendTx(web3, { nonce: 0, privateKey: privateKey }, undefined, 0, contractBytecode, function (error, hash) {
       if (error) {
         return st.fail(error)
       }
@@ -23,10 +23,10 @@ module.exports = function (st, privateKey, contractBytecode, compilationResult,
           const traceManager = new TraceManager({ web3 })
           const codeManager = new CodeManager(traceManager)
           codeManager.clear()
-          const solidityProxy = new SolidityProxy({ 
-            getCurrentCalledAddressAt: traceManager.getCurrentCalledAddressAt.bind(traceManager), 
+          const solidityProxy = new SolidityProxy({
+            getCurrentCalledAddressAt: traceManager.getCurrentCalledAddressAt.bind(traceManager),
             getCode: codeManager.getCode.bind(codeManager),
-            compilationResult: () => compilationResult 
+            compilationResult: () => compilationResult
           })
           const debuggerEvent = new EventManager()
           const offsetToLineColumnConverter = {
@@ -65,7 +65,7 @@ module.exports = function (st, privateKey, contractBytecode, compilationResult,
                 st.fail(e.message)
               }
             })
-    
+
             helper.decodeLocals(st, 7, traceManager, callTree, function (locals) {
               try {
                 // st.equals(Object.keys(locals).length, 0)
@@ -84,5 +84,5 @@ module.exports = function (st, privateKey, contractBytecode, compilationResult,
         })
         .catch(error => st.fail(error))
     })
-  })  
+  })
 }
diff --git a/libs/remix-debug/test/decoder/localsTests/misc2.ts b/libs/remix-debug/test/decoder/localsTests/misc2.ts
index d92d2c59a9..c10dfacd46 100644
--- a/libs/remix-debug/test/decoder/localsTests/misc2.ts
+++ b/libs/remix-debug/test/decoder/localsTests/misc2.ts
@@ -23,10 +23,10 @@ module.exports = function (st, privateKey, contractBytecode, compilationResult,
           const traceManager = new TraceManager({ web3 })
           const codeManager = new CodeManager(traceManager)
           codeManager.clear()
-          const solidityProxy = new SolidityProxy({ 
-            getCurrentCalledAddressAt: traceManager.getCurrentCalledAddressAt.bind(traceManager), 
+          const solidityProxy = new SolidityProxy({
+            getCurrentCalledAddressAt: traceManager.getCurrentCalledAddressAt.bind(traceManager),
             getCode: codeManager.getCode.bind(codeManager),
-            compilationResult: () => compilationResult 
+            compilationResult: () => compilationResult
           })
           const debuggerEvent = new EventManager()
           const offsetToLineColumnConverter = {
@@ -51,7 +51,7 @@ module.exports = function (st, privateKey, contractBytecode, compilationResult,
                 st.fail(e.message)
               }
             })
-    
+
             helper.decodeLocals(st, 7, traceManager, callTree, function (locals) {
               try {
                 // st.equals(Object.keys(locals).length, 0)
@@ -70,5 +70,5 @@ module.exports = function (st, privateKey, contractBytecode, compilationResult,
         })
         .catch(error => st.fail(error))
     })
-  })  
+  })
 }
diff --git a/libs/remix-debug/test/decoder/localsTests/structArray.ts b/libs/remix-debug/test/decoder/localsTests/structArray.ts
index 6324377a48..4410711624 100644
--- a/libs/remix-debug/test/decoder/localsTests/structArray.ts
+++ b/libs/remix-debug/test/decoder/localsTests/structArray.ts
@@ -23,10 +23,10 @@ module.exports = function (st, privateKey, contractBytecode, compilationResult,c
           const traceManager = new TraceManager({ web3 })
           const codeManager = new CodeManager(traceManager)
           codeManager.clear()
-          const solidityProxy = new SolidityProxy({ 
-            getCurrentCalledAddressAt: traceManager.getCurrentCalledAddressAt.bind(traceManager), 
+          const solidityProxy = new SolidityProxy({
+            getCurrentCalledAddressAt: traceManager.getCurrentCalledAddressAt.bind(traceManager),
             getCode: codeManager.getCode.bind(codeManager),
-            compilationResult: () => compilationResult 
+            compilationResult: () => compilationResult
           })
           const debuggerEvent = new EventManager()
           const offsetToLineColumnConverter = {
@@ -59,24 +59,24 @@ module.exports = function (st, privateKey, contractBytecode, compilationResult,c
                 st.equals(locals['f'].raw, '0x746573745f6c6f6e675f746573745f6c6f6e675f746573745f6c6f6e675f746573745f6c6f6e675f746573745f6c6f6e675f746573745f6c6f6e675f746573745f6c6f6e675f746573745f6c6f6e675f746573745f6c6f6e675f746573745f6c6f6e675f746573745f6c6f6e675f746573745f6c6f6e675f746573745f6c6f6e675f746573745f6c6f6e675f746573745f6c6f6e675f746573745f6c6f6e675f746573745f6c6f6e675f746573745f6c6f6e675f746573745f6c6f6e675f746573745f6c6f6e675f746573745f6c6f6e675f746573745f6c6f6e675f')
                 st.equals(locals['f'].value, 'test_long_test_long_test_long_test_long_test_long_test_long_test_long_test_long_test_long_test_long_test_long_test_long_test_long_test_long_test_long_test_long_test_long_test_long_test_long_test_long_test_long_test_long_')
                 st.equals(locals['e'].value['e'].value, true)
-    
+
                 st.equals(locals['simpleArray'].value[0].value, '45')
                 st.equals(locals['simpleArray'].value[1].value, '324324')
                 st.equals(locals['simpleArray'].value[2].value, '-333')
                 st.equals(locals['simpleArray'].value[3].value, '5656')
                 st.equals(locals['simpleArray'].value[4].value, '-1111')
-    
+
                 st.equals(locals['stringArray'].value[0].value, 'long_one_long_one_long_one_long_one_long_one_long_one_long_one_long_one_long_one_long_one_long_one_long_one_long_one_long_one_long_one_')
                 st.equals(locals['stringArray'].value[1].value, 'two')
                 st.equals(locals['stringArray'].value[2].value, 'three')
-    
+
                 st.equals(locals['dynArray'].value[0].value[0].value, '3423423532')
                 st.equals(locals['dynArray'].value[1].value[0].value, '-342343323532')
                 st.equals(locals['dynArray'].value[1].value[1].value, '23432')
                 st.equals(locals['dynArray'].value[2].value[0].value, '-432432')
                 st.equals(locals['dynArray'].value[2].value[1].value, '3423423532')
                 st.equals(locals['dynArray'].value[2].value[2].value, '-432432')
-    
+
                 st.equals(locals['structArray'].value[0].value['a'].value, 'test')
                 st.equals(locals['structArray'].value[0].value['a'].length, '0x8')
                 st.equals(locals['structArray'].value[0].value['a'].raw, '0x74657374')
@@ -86,31 +86,31 @@ module.exports = function (st, privateKey, contractBytecode, compilationResult,c
                 st.equals(locals['structArray'].value[0].value['c'].value, 'test_long_test_long_test_long_testtest_long_test_long_test_long_testtest_long_test_long_test_long_testtest_long_test_long_test_long_testtest_long_test_long_test_long_testtest_long_test_long_test_long_testtest_long_test_long_test_long_testtest_long_test_long_test_long_test')
                 st.equals(locals['structArray'].value[0].value['d'].value, '3')
                 st.equals(locals['structArray'].value[0].value['e'].value, true)
-    
+
                 st.equals(locals['structArray'].value[1].value['a'].value, 'item1 a')
                 st.equals(locals['structArray'].value[1].value['b'].value, '20')
                 st.equals(locals['structArray'].value[1].value['c'].value, 'item1 c')
                 st.equals(locals['structArray'].value[1].value['d'].value, '-45')
                 st.equals(locals['structArray'].value[1].value['e'].value, false)
-    
+
                 st.equals(locals['structArray'].value[2].value['a'].value, 'item2 a')
                 st.equals(locals['structArray'].value[2].value['b'].value, '200')
                 st.equals(locals['structArray'].value[2].value['c'].value, 'item2 c')
                 st.equals(locals['structArray'].value[2].value['d'].value, '-450')
                 st.equals(locals['structArray'].value[2].value['e'].value, true)
-    
+
                 st.equals(locals['arrayStruct'].value.a.value[0].value, 'string')
                 st.equals(locals['arrayStruct'].value.b.value[0].value, '34')
                 st.equals(locals['arrayStruct'].value.b.value[1].value, '-23')
                 st.equals(locals['arrayStruct'].value.b.value[2].value, '-3')
                 st.equals(locals['arrayStruct'].value.c.value, 'three')
-    
+
                 st.equals(Object.keys(locals).length, 8)
               } catch (e) {
                 st.fail(e.message)
               }
             })
-  
+
             helper.decodeLocals(st, 7, traceManager, callTree, function (locals) {
               try {
                 console.log('at 7', locals)
@@ -130,5 +130,5 @@ module.exports = function (st, privateKey, contractBytecode, compilationResult,c
         })
         .catch(error => st.fail(error))
     })
-  })  
+  })
 }
diff --git a/libs/remix-debug/test/decoder/stateTests/mapping.ts b/libs/remix-debug/test/decoder/stateTests/mapping.ts
index d13f4c36f5..3ca31823a5 100644
--- a/libs/remix-debug/test/decoder/stateTests/mapping.ts
+++ b/libs/remix-debug/test/decoder/stateTests/mapping.ts
@@ -10,7 +10,7 @@ import { InternalCallTree } from '../../../src/solidity-decoder/internalCallTree
 import * as vmCall from '../../vmCall'
 import { StorageResolver } from '../../../src/storage/storageResolver'
 import { StorageViewer } from '../../../src/storage/storageViewer'
-import {  Address, bytesToHex } from '@ethereumjs/util'
+import { Address, bytesToHex } from '@ethereumjs/util'
 
 module.exports = async function testMappingStorage (st, cb) {
   const mappingStorage = require('../contracts/mappingStorage')
@@ -23,7 +23,7 @@ module.exports = async function testMappingStorage (st, cb) {
   }
   const compilationResults = new CompilerAbstract('json', output, sources)
   const web3 = await (vmCall as any).getWeb3();
-  (vmCall as any).sendTx(web3, {nonce: 0, privateKey: privateKey}, undefined, 0, output.contracts['test.sol']['SimpleMappingState'].evm.bytecode.object, function (error, hash) {
+  (vmCall as any).sendTx(web3, { nonce: 0, privateKey: privateKey }, undefined, 0, output.contracts['test.sol']['SimpleMappingState'].evm.bytecode.object, function (error, hash) {
     if (error) {
       console.log(error)
       st.end(error)
@@ -44,7 +44,7 @@ module.exports = async function testMappingStorage (st, cb) {
 }
 
 function testMapping (st, privateKey, contractAddress, output, compilationResults, web3, cb) {
-  (vmCall as any).sendTx(web3, {nonce: 1, privateKey: privateKey}, contractAddress, 0, '2fd0a83a00000000000000000000000000000000000000000000000000000000000000010000000000000000000000000000000000000000000000000000000000000040000000000000000000000000000000000000000000000000000000000000001074686973206973206120737472696e6700000000000000000000000000000000',
+  (vmCall as any).sendTx(web3, { nonce: 1, privateKey: privateKey }, contractAddress, 0, '2fd0a83a00000000000000000000000000000000000000000000000000000000000000010000000000000000000000000000000000000000000000000000000000000040000000000000000000000000000000000000000000000000000000000000001074686973206973206120737472696e6700000000000000000000000000000000',
     function (error, hash) {
       if (error) {
         console.log(error)
@@ -74,7 +74,7 @@ function testMapping (st, privateKey, contractAddress, output, compilationResult
                 stepIndex: 268,
                 tx: tx,
                 address: contractAddress
-              }, new StorageResolver({web3}), traceManager)
+              }, new StorageResolver({ web3 }), traceManager)
               const stateVars = stateDecoder.extractStateVariables('SimpleMappingState', output.sources)
               stateDecoder.decodeState(stateVars, storageViewer).then((result) => {
                 st.equal(result['_num'].value, '1')
diff --git a/libs/remix-debug/test/helpers/compilerHelper.ts b/libs/remix-debug/test/helpers/compilerHelper.ts
index 542d10a1b9..1681520c95 100644
--- a/libs/remix-debug/test/helpers/compilerHelper.ts
+++ b/libs/remix-debug/test/helpers/compilerHelper.ts
@@ -13,8 +13,8 @@ export function compilerInput (contracts) {
       },
       outputSelection: {
         '*': {
-          '': [ 'ast' ],
-          '*': [ 'abi', 'metadata', 'evm.legacyAssembly', 'evm.bytecode', 'evm.deployedBytecode', 'evm.methodIdentifiers', 'evm.gasEstimates' ]
+          '': ['ast'],
+          '*': ['abi', 'metadata', 'evm.legacyAssembly', 'evm.bytecode', 'evm.deployedBytecode', 'evm.methodIdentifiers', 'evm.gasEstimates']
         }
       }
     }
diff --git a/libs/remix-debug/test/resources/ast.ts b/libs/remix-debug/test/resources/ast.ts
index f4ca65f47e..00a96493dc 100644
--- a/libs/remix-debug/test/resources/ast.ts
+++ b/libs/remix-debug/test/resources/ast.ts
@@ -1,14 +1,14 @@
 const node = {}
 
-node['ast'] = {"legacyAST":{"children":[{"attributes":{"fullyImplemented":true,"isLibrary":false,"linearizedBaseContracts":[5640396],"name":"test"},"children":[{"attributes":{"name":"x","type":"int256"},"children":[{"attributes":{"name":"int"},"id":5657860,"name":"ElementaryTypeName","src":"21:3:11"}],"id":5658100,"name":"VariableDeclaration","src":"21:5:11"},{"attributes":{"name":"y","type":"int256"},"children":[{"attributes":{"name":"int"},"id":5658180,"name":"ElementaryTypeName","src":"38:3:11"}],"id":5658268,"name":"VariableDeclaration","src":"38:5:11"},{"attributes":{"constant":false,"name":"set","public":true},"children":[{"children":[{"attributes":{"name":"_x","type":"int256"},"children":[{"attributes":{"name":"int"},"id":5658404,"name":"ElementaryTypeName","src":"68:3:11"}],"id":5658492,"name":"VariableDeclaration","src":"68:6:11"}],"id":5658572,"name":"ParameterList","src":"67:8:11"},{"children":[{"attributes":{"name":"_r","type":"int256"},"children":[{"attributes":{"name":"int"},"id":5658628,"name":"ElementaryTypeName","src":"85:3:11"}],"id":5658716,"name":"VariableDeclaration","src":"85:6:11"}],"id":5658796,"name":"ParameterList","src":"84:8:11"},{"children":[{"children":[{"attributes":{"operator":"=","type":"int256"},"children":[{"attributes":{"type":"int256","value":"x"},"id":5658900,"name":"Identifier","src":"108:1:11"},{"attributes":{"type":"int256","value":"_x"},"id":5658980,"name":"Identifier","src":"112:2:11"}],"id":5657492,"name":"Assignment","src":"108:6:11"}],"id":5659028,"name":"ExpressionStatement","src":"108:6:11"},{"children":[{"attributes":{"operator":"=","type":"int256"},"children":[{"attributes":{"type":"int256","value":"y"},"id":5659116,"name":"Identifier","src":"125:1:11"},{"attributes":{"string":null,"type":"int_const 10","value":"10"},"id":5659196,"name":"Literal","src":"129:2:11"}],"id":5659252,"name":"Assignment","src":"125:6:11"}],"id":5659316,"name":"ExpressionStatement","src":"125:6:11"},{"children":[{"attributes":{"operator":"=","type":"int256"},"children":[{"attributes":{"type":"int256","value":"_r"},"id":5659428,"name":"Identifier","src":"141:2:11"},{"attributes":{"type":"int256","value":"x"},"id":5639308,"name":"Identifier","src":"146:1:11"}],"id":5639356,"name":"Assignment","src":"141:6:11"}],"id":5639420,"name":"ExpressionStatement","src":"141:6:11"}],"id":5639516,"name":"Block","src":"97:57:11"}],"id":5639612,"name":"FunctionDefinition","src":"55:99:11"},{"attributes":{"constant":false,"name":"get","public":true},"children":[{"children":[],"id":5639764,"name":"ParameterList","src":"179:2:11"},{"children":[{"attributes":{"name":"x","type":"uint256"},"children":[{"attributes":{"name":"uint"},"id":5639820,"name":"ElementaryTypeName","src":"191:4:11"}],"id":5639908,"name":"VariableDeclaration","src":"191:6:11"},{"attributes":{"name":"y","type":"uint256"},"children":[{"attributes":{"name":"uint"},"id":5639988,"name":"ElementaryTypeName","src":"199:4:11"}],"id":5640076,"name":"VariableDeclaration","src":"199:6:11"}],"id":5640156,"name":"ParameterList","src":"190:16:11"},{"children":[],"id":5640212,"name":"Block","src":"212:17:11"}],"id":5640276,"name":"FunctionDefinition","src":"167:62:11"}],"id":5640396,"name":"ContractDefinition","src":"0:231:11"}],"name":"SourceUnit"}}
+node['ast'] = { "legacyAST":{ "children":[{ "attributes":{ "fullyImplemented":true,"isLibrary":false,"linearizedBaseContracts":[5640396],"name":"test" },"children":[{ "attributes":{ "name":"x","type":"int256" },"children":[{ "attributes":{ "name":"int" },"id":5657860,"name":"ElementaryTypeName","src":"21:3:11" }],"id":5658100,"name":"VariableDeclaration","src":"21:5:11" },{ "attributes":{ "name":"y","type":"int256" },"children":[{ "attributes":{ "name":"int" },"id":5658180,"name":"ElementaryTypeName","src":"38:3:11" }],"id":5658268,"name":"VariableDeclaration","src":"38:5:11" },{ "attributes":{ "constant":false,"name":"set","public":true },"children":[{ "children":[{ "attributes":{ "name":"_x","type":"int256" },"children":[{ "attributes":{ "name":"int" },"id":5658404,"name":"ElementaryTypeName","src":"68:3:11" }],"id":5658492,"name":"VariableDeclaration","src":"68:6:11" }],"id":5658572,"name":"ParameterList","src":"67:8:11" },{ "children":[{ "attributes":{ "name":"_r","type":"int256" },"children":[{ "attributes":{ "name":"int" },"id":5658628,"name":"ElementaryTypeName","src":"85:3:11" }],"id":5658716,"name":"VariableDeclaration","src":"85:6:11" }],"id":5658796,"name":"ParameterList","src":"84:8:11" },{ "children":[{ "children":[{ "attributes":{ "operator":"=","type":"int256" },"children":[{ "attributes":{ "type":"int256","value":"x" },"id":5658900,"name":"Identifier","src":"108:1:11" },{ "attributes":{ "type":"int256","value":"_x" },"id":5658980,"name":"Identifier","src":"112:2:11" }],"id":5657492,"name":"Assignment","src":"108:6:11" }],"id":5659028,"name":"ExpressionStatement","src":"108:6:11" },{ "children":[{ "attributes":{ "operator":"=","type":"int256" },"children":[{ "attributes":{ "type":"int256","value":"y" },"id":5659116,"name":"Identifier","src":"125:1:11" },{ "attributes":{ "string":null,"type":"int_const 10","value":"10" },"id":5659196,"name":"Literal","src":"129:2:11" }],"id":5659252,"name":"Assignment","src":"125:6:11" }],"id":5659316,"name":"ExpressionStatement","src":"125:6:11" },{ "children":[{ "attributes":{ "operator":"=","type":"int256" },"children":[{ "attributes":{ "type":"int256","value":"_r" },"id":5659428,"name":"Identifier","src":"141:2:11" },{ "attributes":{ "type":"int256","value":"x" },"id":5639308,"name":"Identifier","src":"146:1:11" }],"id":5639356,"name":"Assignment","src":"141:6:11" }],"id":5639420,"name":"ExpressionStatement","src":"141:6:11" }],"id":5639516,"name":"Block","src":"97:57:11" }],"id":5639612,"name":"FunctionDefinition","src":"55:99:11" },{ "attributes":{ "constant":false,"name":"get","public":true },"children":[{ "children":[],"id":5639764,"name":"ParameterList","src":"179:2:11" },{ "children":[{ "attributes":{ "name":"x","type":"uint256" },"children":[{ "attributes":{ "name":"uint" },"id":5639820,"name":"ElementaryTypeName","src":"191:4:11" }],"id":5639908,"name":"VariableDeclaration","src":"191:6:11" },{ "attributes":{ "name":"y","type":"uint256" },"children":[{ "attributes":{ "name":"uint" },"id":5639988,"name":"ElementaryTypeName","src":"199:4:11" }],"id":5640076,"name":"VariableDeclaration","src":"199:6:11" }],"id":5640156,"name":"ParameterList","src":"190:16:11" },{ "children":[],"id":5640212,"name":"Block","src":"212:17:11" }],"id":5640276,"name":"FunctionDefinition","src":"167:62:11" }],"id":5640396,"name":"ContractDefinition","src":"0:231:11" }],"name":"SourceUnit" } }
 
-node['ast'].ast = { 
+node['ast'].ast = {
   absolutePath: 'sample.sol',
-  exportedSymbols: { test: [ 33 ] },
+  exportedSymbols: { test: [33]},
   id: 34,
   nodeType: 'SourceUnit',
   nodes:
-    [ { 
+    [{
       abstract: false,
       baseContracts: [],
       contractDependencies: [],
@@ -16,11 +16,11 @@ node['ast'].ast = {
       documentation: null,
       fullyImplemented: true,
       id: 33,
-      linearizedBaseContracts: [ 33 ],
+      linearizedBaseContracts: [33],
       name: 'test',
       nodeType: 'ContractDefinition',
       nodes:
-        [ { constant: false,
+        [{ constant: false,
           id: 2,
           name: 'x',
           nodeType: 'VariableDeclaration',
@@ -30,12 +30,12 @@ node['ast'].ast = {
           stateVariable: true,
           storageLocation: 'default',
           typeDescriptions: { typeIdentifier: 't_int256', typeString: 'int256' },
-          typeName: { 
+          typeName: {
             id: 1,
             name: 'int',
             nodeType: 'ElementaryTypeName',
             src: '20:3:0',
-            typeDescriptions: [Object] 
+            typeDescriptions: [Object]
           },
           value: null,
           visibility: 'internal' },
@@ -54,14 +54,14 @@ node['ast'].ast = {
                   name: 'int',
                   nodeType: 'ElementaryTypeName',
                   src: '31:3:0',
-                  typeDescriptions: [Object] },
+                  typeDescriptions: [Object]},
           value: null,
           visibility: 'internal' },
         { body: { id: 23,
           nodeType: 'Block',
           src: '96:55:0',
           statements:
-            [ { expression:
+            [{ expression:
                 { argumentTypes: null,
                   id: 13,
                   isConstant: false,
@@ -69,7 +69,7 @@ node['ast'].ast = {
                   isPure: false,
                   lValueRequested: false,
                   leftHandSide:
-                    {   argumentTypes: null,
+                    { argumentTypes: null,
                       id: 11,
                       name: 'x',
                       nodeType: 'Identifier',
@@ -89,7 +89,7 @@ node['ast'].ast = {
                       src: '110:2:0',
                       typeDescriptions: { typeIdentifier: 't_int256', typeString: 'int256' } },
                   src: '106:6:0',
-                  typeDescriptions: { typeIdentifier: 't_int256', typeString: 'int256' } 
+                  typeDescriptions: { typeIdentifier: 't_int256', typeString: 'int256' }
                 },
             id: 14,
             nodeType: 'ExpressionStatement',
@@ -106,7 +106,7 @@ node['ast'].ast = {
                   operator: '=',
                   rightHandSide: [Object],
                   src: '122:6:0',
-                  typeDescriptions: [Object] },
+                  typeDescriptions: [Object]},
             id: 18,
             nodeType: 'ExpressionStatement',
             src: '122:6:0' },
@@ -122,10 +122,10 @@ node['ast'].ast = {
                   operator: '=',
                   rightHandSide: [Object],
                   src: '138:6:0',
-                  typeDescriptions: [Object] },
+                  typeDescriptions: [Object]},
             id: 22,
             nodeType: 'ExpressionStatement',
-            src: '138:6:0' } ]
+            src: '138:6:0' }]
         },
         documentation: null,
         functionSelector: 'e5c19b2d',
@@ -149,7 +149,7 @@ node['ast'].ast = {
         stateMutability: 'nonpayable',
         virtual: false,
         visibility: 'public' },
-        { body: { id: 31, nodeType: 'Block', src: '214:17:0', statements: [] },
+        { body: { id: 31, nodeType: 'Block', src: '214:17:0', statements: []},
           documentation: null,
           functionSelector: '6d4ce63c',
           id: 32,
@@ -173,13 +173,12 @@ node['ast'].ast = {
           src: '163:68:0',
           stateMutability: 'nonpayable',
           virtual: false,
-          visibility: 'public' } ],
+          visibility: 'public' }],
       scope: 34,
-      src: '0:233:0' 
-    } ],
-  src: '0:233:0' 
+      src: '0:233:0'
+    }],
+  src: '0:233:0'
 }
-  
 
 node['source'] = `contract test { 
     int x; 
diff --git a/libs/remix-debug/test/resources/testWeb3.ts b/libs/remix-debug/test/resources/testWeb3.ts
index e91f584fd4..60bf50eae6 100644
--- a/libs/remix-debug/test/resources/testWeb3.ts
+++ b/libs/remix-debug/test/resources/testWeb3.ts
@@ -7,7 +7,7 @@ let data = init.readFile(require('path').resolve(__dirname, 'testWeb3.json'), nu
 data = JSON.parse(data)
 
 let traceWithABIEncoder = init.readFile(require('path').resolve(__dirname, 'traceWithABIEncoder.json'), null)
-traceWithABIEncoder = 
+traceWithABIEncoder =
 
 data.testTraces['0x20ef65b8b186ca942fcccd634f37074dde49b541c27994fc7596740ef44cfd53'] = JSON.parse(traceWithABIEncoder)
 web3Override.eth.getCode = function (address, callback) {
@@ -48,7 +48,7 @@ web3Override.eth.setProvider = function (provider) {}
 
 web3Override.eth.providers = { 'HttpProvider': function (url) {} }
 
-web3Override.eth.currentProvider = {'host': 'test provider'}
+web3Override.eth.currentProvider = { 'host': 'test provider' }
 
 if (typeof (module) !== 'undefined' && typeof (module.exports) !== 'undefined') {
   module.exports = web3Override
diff --git a/libs/remix-debug/test/sourceLocationTracker.ts b/libs/remix-debug/test/sourceLocationTracker.ts
index 2b5ad856f9..88a5b7977b 100644
--- a/libs/remix-debug/test/sourceLocationTracker.ts
+++ b/libs/remix-debug/test/sourceLocationTracker.ts
@@ -11,20 +11,20 @@ import { compilerInput } from './helpers/compilerHelper'
 tape('SourceLocationTracker', function (t) {
   t.test('SourceLocationTracker.getSourceLocationFromVMTraceIndex - simple contract', async function (st) {
 
-    const traceManager = new TraceManager({web3: web3Test})
-    const codeManager = new CodeManager(traceManager)     
+    const traceManager = new TraceManager({ web3: web3Test })
+    const codeManager = new CodeManager(traceManager)
 
     let output = compiler.compile(compilerInput(contracts))
     output = JSON.parse(output)
-    
+
     codeManager.codeResolver.cacheExecutingCode('0x0d3a18d64dfe4f927832ab58d6451cecc4e517c5', '0x' + output.contracts['test.sol']['test'].evm.deployedBytecode.object)
-    
+
     const tx = web3Test.eth.getTransaction('0x20ef65b8b186ca942fcccd634f37074dde49b541c27994fc7596740ef44cfd52')
 
-    traceManager.resolveTrace(tx).then(async () => {     
+    traceManager.resolveTrace(tx).then(async () => {
+
+      const sourceLocationTracker = new SourceLocationTracker(codeManager, { debugWithGeneratedSources: false })
 
-      const sourceLocationTracker = new SourceLocationTracker(codeManager, {debugWithGeneratedSources: false})
-      
       try {
         const map = await sourceLocationTracker.getSourceLocationFromVMTraceIndex('0x0d3a18d64dfe4f927832ab58d6451cecc4e517c5', 0, output.contracts)
         st.equal(map['file'], 0)
@@ -42,20 +42,18 @@ tape('SourceLocationTracker', function (t) {
 
   t.test('SourceLocationTracker.getSourceLocationFromVMTraceIndex - ABIEncoder V2 contract', async function (st) {
 
-    const traceManager = new TraceManager({web3: web3Test})
-    const codeManager = new CodeManager(traceManager)     
+    const traceManager = new TraceManager({ web3: web3Test })
+    const codeManager = new CodeManager(traceManager)
 
     let output = compiler.compile(compilerInput(ABIEncoderV2))
     output = JSON.parse(output)
-    
+
     codeManager.codeResolver.cacheExecutingCode('0x0d3a18d64dfe4f927832ab58d6451cecc4e517c5', '0x' + output.contracts['test.sol']['test'].evm.deployedBytecode.object)
-    
+
     const tx = web3Test.eth.getTransaction('0x20ef65b8b186ca942fcccd634f37074dde49b541c27994fc7596740ef44cfd53')
 
-    traceManager.resolveTrace(tx).then(async () => {     
+    traceManager.resolveTrace(tx).then(async () => {
 
-      
-      
       try {
         // with debugWithGeneratedSources: false
         const sourceLocationTracker = new SourceLocationTracker(codeManager, { debugWithGeneratedSources: false })
@@ -67,7 +65,7 @@ tape('SourceLocationTracker', function (t) {
 
         map = await sourceLocationTracker.getSourceLocationFromVMTraceIndex('0x0d3a18d64dfe4f927832ab58d6451cecc4e517c5', 45, output.contracts)
         st.equal(map['file'], 1) // 1 refers to the generated source (pragma experimental ABIEncoderV2)
-        
+
         map = await sourceLocationTracker.getValidSourceLocationFromVMTraceIndex('0x0d3a18d64dfe4f927832ab58d6451cecc4e517c5', 45, output.contracts)
         st.equal(map['file'], 0) // 1 refers to the generated source (pragma experimental ABIEncoderV2)
         st.equal(map['start'], 303)
@@ -84,7 +82,7 @@ tape('SourceLocationTracker', function (t) {
       try {
         // with debugWithGeneratedSources: true
         const sourceLocationTracker = new SourceLocationTracker(codeManager, { debugWithGeneratedSources: true })
-        
+
         let map = await sourceLocationTracker.getSourceLocationFromVMTraceIndex('0x0d3a18d64dfe4f927832ab58d6451cecc4e517c5', 0, output.contracts)
         console.log(map)
         st.equal(map['file'], 0)
diff --git a/libs/remix-debug/test/traceManager.ts b/libs/remix-debug/test/traceManager.ts
index 8128e21ac8..523d0d4927 100644
--- a/libs/remix-debug/test/traceManager.ts
+++ b/libs/remix-debug/test/traceManager.ts
@@ -7,7 +7,7 @@ tape('TraceManager', function (t) {
   let traceManager
 
   t.test('TraceManager.init', function (st) {
-    traceManager = new TraceManager({web3: web3Test})
+    traceManager = new TraceManager({ web3: web3Test })
     st.end()
   })
 
diff --git a/libs/remix-debug/test/vmCall.ts b/libs/remix-debug/test/vmCall.ts
index e9d6e28012..0866b065e6 100644
--- a/libs/remix-debug/test/vmCall.ts
+++ b/libs/remix-debug/test/vmCall.ts
@@ -1,10 +1,9 @@
 'use strict'
-import { extendWeb3 } from '../src/init' 
+import { extendWeb3 } from '../src/init'
 import { Address } from '@ethereumjs/util'
 import { Web3 } from 'web3';
 const { Provider } = require('@remix-project/remix-simulator')
 
-
 async function getWeb3 () {
   const remixSimulatorProvider = new Provider({ fork: 'berlin' })
   await remixSimulatorProvider.init()

From 47624a555ea10e65805d1d748c68e0960915b5e6 Mon Sep 17 00:00:00 2001
From: lianahus <liana@ethereum.org>
Date: Mon, 29 Apr 2024 14:05:53 +0200
Subject: [PATCH 11/31] fixib linting for solidity-compiler

---
 apps/solidity-compiler/src/app/compiler.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/solidity-compiler/src/app/compiler.ts b/apps/solidity-compiler/src/app/compiler.ts
index 9915d473b4..d86d5322cb 100644
--- a/apps/solidity-compiler/src/app/compiler.ts
+++ b/apps/solidity-compiler/src/app/compiler.ts
@@ -22,7 +22,7 @@ export class CompilerClientApi extends CompilerApiMixin(PluginClient) implements
     this.compileTabLogic = new CompileTabLogic(this, this.contentImport)
     this.compiler = this.compileTabLogic.compiler
     this.compileTabLogic.init()
-    this.initCompilerApi()    
+    this.initCompilerApi()
   }
 
   getCompilerQueryParameters () {

From e5be10a5d324ad242270d6cd79be3f69d8895c1b Mon Sep 17 00:00:00 2001
From: lianahus <liana@ethereum.org>
Date: Mon, 29 Apr 2024 14:07:10 +0200
Subject: [PATCH 12/31] fix linting for circuit-compiler

---
 apps/circuit-compiler/src/app/contexts/index.ts        |  4 ++--
 apps/circuit-compiler/src/app/reducers/state.ts        |  2 +-
 .../src/app/services/circomPluginClient.ts             | 10 +++++-----
 apps/circuit-compiler/src/app/types/index.ts           |  2 +-
 4 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/apps/circuit-compiler/src/app/contexts/index.ts b/apps/circuit-compiler/src/app/contexts/index.ts
index 45fe6d3aeb..8c84ae6b14 100644
--- a/apps/circuit-compiler/src/app/contexts/index.ts
+++ b/apps/circuit-compiler/src/app/contexts/index.ts
@@ -1,4 +1,4 @@
-import {createContext} from 'react'
-import {ICircuitAppContext} from '../types'
+import { createContext } from 'react'
+import { ICircuitAppContext } from '../types'
 
 export const CircuitAppContext = createContext<ICircuitAppContext>({} as ICircuitAppContext)
diff --git a/apps/circuit-compiler/src/app/reducers/state.ts b/apps/circuit-compiler/src/app/reducers/state.ts
index 6e1c21cd9a..e63b5e5a2a 100644
--- a/apps/circuit-compiler/src/app/reducers/state.ts
+++ b/apps/circuit-compiler/src/app/reducers/state.ts
@@ -1,4 +1,4 @@
-import {Actions, AppState} from '../types'
+import { Actions, AppState } from '../types'
 import { compiler_list } from 'circom_wasm'
 
 export const appInitialState: AppState = {
diff --git a/apps/circuit-compiler/src/app/services/circomPluginClient.ts b/apps/circuit-compiler/src/app/services/circomPluginClient.ts
index 8ba5bb4672..44d69b9314 100644
--- a/apps/circuit-compiler/src/app/services/circomPluginClient.ts
+++ b/apps/circuit-compiler/src/app/services/circomPluginClient.ts
@@ -163,7 +163,7 @@ export class CircomPluginClient extends PluginClient {
     } else {
       this.lastCompiledFile = path
       const fileName = extractNameFromKey(path)
-      
+
       this.lastCompiledCircuitPath = extractParentFromKey(path) + "/.bin/" + fileName.replace('circom', 'wasm')
       // @ts-ignore
       await this.call('fileManager', 'writeFile', this.lastCompiledCircuitPath, circuitProgram, { encoding: null })
@@ -179,7 +179,7 @@ export class CircomPluginClient extends PluginClient {
         this.internalEvents.emit('circuit_compiling_done', [])
       }
       circuitApi.log().map(log => {
-        log && this.call('terminal', 'log', { type: 'log', value: log })  
+        log && this.call('terminal', 'log', { type: 'log', value: log })
       })
       // @ts-ignore
       this.call('terminal', 'log', { type: 'typewritersuccess', value: 'Everything went okay' })
@@ -222,11 +222,11 @@ export class CircomPluginClient extends PluginClient {
       this.internalEvents.emit('circuit_generating_r1cs_done')
       const fileName = extractNameFromKey(path)
       const writePath = extractParentFromKey(path) + "/.bin/" + fileName.replace('circom', 'r1cs')
-  
+
       // @ts-ignore
       await this.call('fileManager', 'writeFile', writePath, r1csProgram, true)
       r1csApi.log().map(log => {
-        log && this.call('terminal', 'log', { type: 'log', value: log })  
+        log && this.call('terminal', 'log', { type: 'log', value: log })
       })
       // @ts-ignore
       this.call('terminal', 'log', { type: 'typewritersuccess', value: 'Everything went okay' })
@@ -339,7 +339,7 @@ export class CircomPluginClient extends PluginClient {
 
           absFilePath = include.startsWith('circomlib') ? absFilePath.substring(1) : absFilePath
           if (!blackPath.includes(absFilePath)) {
-            if(!includeName.startsWith('circomlib')) {
+            if (!includeName.startsWith('circomlib')) {
               dependencyContent = dependencyContent.replace(`${includeName}`, `${absFilePath}`)
               return absFilePath
             }
diff --git a/apps/circuit-compiler/src/app/types/index.ts b/apps/circuit-compiler/src/app/types/index.ts
index fc78c3a237..64f3b3281f 100644
--- a/apps/circuit-compiler/src/app/types/index.ts
+++ b/apps/circuit-compiler/src/app/types/index.ts
@@ -1,5 +1,5 @@
 import { compiler_list } from 'circom_wasm'
-import {Dispatch} from 'react'
+import { Dispatch } from 'react'
 import type { CircomPluginClient } from '../services/circomPluginClient'
 
 export type CompilerStatus = "compiling" | "generating" | "computing" | "idle" | "errored" | "warning"

From 866e58c0997536e371119761cceb713eeb81407f Mon Sep 17 00:00:00 2001
From: lianahus <liana@ethereum.org>
Date: Mon, 29 Apr 2024 14:08:40 +0200
Subject: [PATCH 13/31] fixing linting for doc-gen

---
 apps/doc-gen/src/app/docgen-client.ts         |  6 +-
 .../src/app/docgen/common/properties.ts       | 72 +++++++++----------
 apps/doc-gen/src/app/docgen/templates.ts      |  7 +-
 .../src/app/docgen/utils/memoized-getter.ts   | 18 ++---
 apps/doc-gen/src/app/docgen/utils/natspec.ts  |  8 +--
 .../app/docgen/utils/normalizeContractPath.ts |  2 +-
 6 files changed, 56 insertions(+), 57 deletions(-)

diff --git a/apps/doc-gen/src/app/docgen-client.ts b/apps/doc-gen/src/app/docgen-client.ts
index ee06c3237f..c3801ecf81 100644
--- a/apps/doc-gen/src/app/docgen-client.ts
+++ b/apps/doc-gen/src/app/docgen-client.ts
@@ -17,7 +17,7 @@ export class DocGenClient extends PluginClient {
   public docs: string[] = []
   private fileName: string = ''
   private contractPath: string = ''
-  
+
   constructor() {
     super()
     this.eventEmitter = new EventEmitter()
@@ -30,7 +30,7 @@ export class DocGenClient extends PluginClient {
 
   async setListeners() {
     this.currentTheme = await this.call('theme', 'currentTheme')
-    
+
     this.on('theme', 'themeChanged', (theme: any) => {
       this.currentTheme = theme
       this.eventEmitter.emit('themeChanged', this.currentTheme)
@@ -50,7 +50,7 @@ export class DocGenClient extends PluginClient {
       }
       const segmentedPathList = normalizeContractPath(fileName)
       this.fileName = segmentedPathList[segmentedPathList.length - 1]
-      this.contractPath =  segmentedPathList[0]
+      this.contractPath = segmentedPathList[0]
       this.eventEmitter.emit('compilationFinished', this.build, this.fileName)
     })
   }
diff --git a/apps/doc-gen/src/app/docgen/common/properties.ts b/apps/doc-gen/src/app/docgen/common/properties.ts
index 5366e8d7ef..f3e197953e 100644
--- a/apps/doc-gen/src/app/docgen/common/properties.ts
+++ b/apps/doc-gen/src/app/docgen/common/properties.ts
@@ -36,47 +36,47 @@ export function fullName ({ item, contract }: DocItemContext): string {
 
 export function signature ({ item }: DocItemContext): string | undefined {
   switch (item.nodeType) {
-    case 'ContractDefinition':
-      return undefined;
-
-    case 'FunctionDefinition': {
-      const { kind, name } = item;
-      const params = item.parameters.parameters;
-      const returns = item.returnParameters.parameters;
-      const head = (kind === 'function' || kind === 'freeFunction') ? [kind, name].join(' ') : kind;
-      const res = [
-        `${head}(${params.map(formatVariable).join(', ')})`,
-        item.visibility,
-      ];
-      if (item.stateMutability !== 'nonpayable') {
-        res.push(item.stateMutability);
-      }
-      if (item.virtual) {
-        res.push('virtual');
-      }
-      if (returns.length > 0) {
-        res.push(`returns (${returns.map(formatVariable).join(', ')})`);
-      }
-      return res.join(' ');
+  case 'ContractDefinition':
+    return undefined;
+
+  case 'FunctionDefinition': {
+    const { kind, name } = item;
+    const params = item.parameters.parameters;
+    const returns = item.returnParameters.parameters;
+    const head = (kind === 'function' || kind === 'freeFunction') ? [kind, name].join(' ') : kind;
+    const res = [
+      `${head}(${params.map(formatVariable).join(', ')})`,
+      item.visibility,
+    ];
+    if (item.stateMutability !== 'nonpayable') {
+      res.push(item.stateMutability);
     }
-
-    case 'EventDefinition': {
-      const params = item.parameters.parameters;
-      return `event ${item.name}(${params.map(formatVariable).join(', ')})`;
+    if (item.virtual) {
+      res.push('virtual');
     }
-
-    case 'ErrorDefinition': {
-      const params = item.parameters.parameters;
-      return `error ${item.name}(${params.map(formatVariable).join(', ')})`;
+    if (returns.length > 0) {
+      res.push(`returns (${returns.map(formatVariable).join(', ')})`);
     }
+    return res.join(' ');
+  }
 
-    case 'ModifierDefinition': {
-      const params = item.parameters.parameters;
-      return `modifier ${item.name}(${params.map(formatVariable).join(', ')})`;
-    }
+  case 'EventDefinition': {
+    const params = item.parameters.parameters;
+    return `event ${item.name}(${params.map(formatVariable).join(', ')})`;
+  }
+
+  case 'ErrorDefinition': {
+    const params = item.parameters.parameters;
+    return `error ${item.name}(${params.map(formatVariable).join(', ')})`;
+  }
+
+  case 'ModifierDefinition': {
+    const params = item.parameters.parameters;
+    return `modifier ${item.name}(${params.map(formatVariable).join(', ')})`;
+  }
 
-    case 'VariableDeclaration':
-      return formatVariable(item);
+  case 'VariableDeclaration':
+    return formatVariable(item);
   }
 }
 
diff --git a/apps/doc-gen/src/app/docgen/templates.ts b/apps/doc-gen/src/app/docgen/templates.ts
index b83d0ac77d..34ee88df38 100644
--- a/apps/doc-gen/src/app/docgen/templates.ts
+++ b/apps/doc-gen/src/app/docgen/templates.ts
@@ -3,7 +3,7 @@ import { mapKeys } from './utils/map-keys';
 import { DocItemContext } from './site';
 
 import * as defaultProperties from './common/properties';
-import * as themeHelpers from  './themes/markdown/helpers'
+import * as themeHelpers from './themes/markdown/helpers'
 
 const common = require('./themes/markdown/common.hbs');
 const contract = require('./themes/markdown/contract.hbs');
@@ -45,7 +45,6 @@ export async function loadTemplates(defaultTheme: string, root: string, userTemp
     properties: { ...defaultProperties },
   };
 
-
   // Add partials and helpers from all themes, prefixed with the theme name.
   for (const [themeName, theme] of Object.entries(themes)) {
     const addPrefix = (k: string) => `${themeName}/${k}`;
@@ -86,7 +85,7 @@ async function readPartials() {
 }
 
 async function readHelpers(name: string) {
-  
+
   const helpers: Record<string, (...args: any[]) => any> = {};
 
   for (const name in themeHelpers) {
@@ -94,7 +93,7 @@ async function readHelpers(name: string) {
       helpers[name] = themeHelpers[name];
     }
   }
-  
+
   return helpers;
 }
 
diff --git a/apps/doc-gen/src/app/docgen/utils/memoized-getter.ts b/apps/doc-gen/src/app/docgen/utils/memoized-getter.ts
index 1a2fef4ae5..d4814e1da2 100644
--- a/apps/doc-gen/src/app/docgen/utils/memoized-getter.ts
+++ b/apps/doc-gen/src/app/docgen/utils/memoized-getter.ts
@@ -6,17 +6,17 @@ export function defineGetterMemoized<K extends keyof any, T, O extends { [k in K
     enumerable: true,
     get() {
       switch (state) {
-        case 'done': 
-          return value;
+      case 'done':
+        return value;
 
-        case 'doing':
-          throw new Error("Detected recursion");
+      case 'doing':
+        throw new Error("Detected recursion");
 
-        case 'todo':
-          state = 'doing';
-          value = getter();
-          state = 'done';
-          return value;
+      case 'todo':
+        state = 'doing';
+        value = getter();
+        state = 'done';
+        return value;
       }
     }
   });
diff --git a/apps/doc-gen/src/app/docgen/utils/natspec.ts b/apps/doc-gen/src/app/docgen/utils/natspec.ts
index 40f752aaa8..c843f80d25 100644
--- a/apps/doc-gen/src/app/docgen/utils/natspec.ts
+++ b/apps/doc-gen/src/app/docgen/utils/natspec.ts
@@ -34,10 +34,10 @@ export function parseNatspec(item: DocItemWithContext): NatSpec {
   const docString = docSource !== undefined
     ? cleanUpDocstringFromSource(docSource)
     : 'documentation' in item && item.documentation
-    ? typeof item.documentation === 'string'
-    ? item.documentation
-    : cleanUpDocstringFromSolc(item.documentation.text)
-    : '';
+      ? typeof item.documentation === 'string'
+        ? item.documentation
+        : cleanUpDocstringFromSolc(item.documentation.text)
+      : '';
 
   const tagMatches = execAll(
     /^(?:@(\w+|custom:[a-z][a-z-]*) )?((?:(?!^@(?:\w+|custom:[a-z][a-z-]*) )[^])*)/m,
diff --git a/apps/doc-gen/src/app/docgen/utils/normalizeContractPath.ts b/apps/doc-gen/src/app/docgen/utils/normalizeContractPath.ts
index 6701a6de61..7abc977a1e 100644
--- a/apps/doc-gen/src/app/docgen/utils/normalizeContractPath.ts
+++ b/apps/doc-gen/src/app/docgen/utils/normalizeContractPath.ts
@@ -4,7 +4,7 @@ export function normalizeContractPath(contractPath: string): string[]{
   const filename = paths[paths.length - 1]
   let folders = ''
   for (let i = 0; i < paths.length - 1; i++) {
-    if(i !== paths.length -1) {
+    if (i !== paths.length -1) {
       folders += `${paths[i]}/`
     }
   }

From c8b3f2a8b6123c5085d09a132dc6e70ac28303bf Mon Sep 17 00:00:00 2001
From: lianahus <liana@ethereum.org>
Date: Mon, 29 Apr 2024 17:09:02 +0200
Subject: [PATCH 14/31] lint fixes for remix-ui

---
 .../app/src/lib/remix-app/actions/modals.ts   |   2 +-
 .../remix-app/components/dragbar/dragbar.tsx  |   4 +-
 .../components/modals/dialogViewPlugin.tsx    |  10 +-
 .../remix-app/components/modals/dialogs.tsx   |   8 +-
 .../lib/remix-app/components/modals/enter.tsx |  20 +-
 .../remix-app/components/modals/matomo.tsx    |  12 +-
 .../components/modals/modal-wrapper.tsx       |  14 +-
 .../components/modals/origin-warning.tsx      |  10 +-
 .../lib/remix-app/components/splashscreen.tsx |   2 +-
 .../app/src/lib/remix-app/context/context.tsx |   6 +-
 .../src/lib/remix-app/context/provider.tsx    |  34 +-
 .../app/src/lib/remix-app/interface/index.ts  |   2 +-
 .../app/src/lib/remix-app/reducer/modals.ts   |   2 +-
 .../checkbox/src/lib/remix-ui-checkbox.tsx    |  12 +-
 .../copy-to-clipboard/copy-to-clipboard.tsx   |  10 +-
 .../debugger-ui/src/hooks/extract-data.tsx    |   4 +-
 .../debugger-ui/src/lib/api/debugger-api.ts   |   4 +-
 .../lib/button-navigator/button-navigator.tsx |  32 +-
 .../debugger-ui/src/lib/debugger-ui.tsx       |  26 +-
 .../debugger-ui/src/lib/slider/slider.tsx     |   2 +-
 .../src/lib/step-manager/step-manager.tsx     |   6 +-
 .../src/lib/tx-browser/tx-browser.tsx         |  12 +-
 .../src/lib/vm-debugger/assembly-items.tsx    |   8 +-
 .../src/lib/vm-debugger/calldata-panel.tsx    |   2 +-
 .../src/lib/vm-debugger/callstack-panel.tsx   |   2 +-
 .../src/lib/vm-debugger/code-list-view.tsx    |   2 +-
 .../src/lib/vm-debugger/dropdown-panel.tsx    |  30 +-
 .../lib/vm-debugger/full-storages-changes.tsx |   2 +-
 .../src/lib/vm-debugger/function-panel.tsx    |   4 +-
 .../src/lib/vm-debugger/global-variables.tsx  |   4 +-
 .../src/lib/vm-debugger/memory-panel.tsx      |   4 +-
 .../src/lib/vm-debugger/solidity-locals.tsx   |   6 +-
 .../src/lib/vm-debugger/solidity-state.tsx    |   8 +-
 .../src/lib/vm-debugger/stack-panel.tsx       |   4 +-
 .../src/lib/vm-debugger/step-detail.tsx       |   2 +-
 .../src/lib/vm-debugger/storage-panel.tsx     |   2 +-
 .../src/lib/vm-debugger/vm-debugger-head.tsx  |  26 +-
 .../src/lib/vm-debugger/vm-debugger.tsx       |   4 +-
 .../drag-n-drop/src/lib/drag-n-drop.tsx       |  10 +-
 .../remix-ui/editor/src/lib/actions/editor.ts |   2 +-
 .../src/lib/hardhat-ethers-extension.ts       |   2 +-
 .../src/lib/providers/codeActionProvider.ts   |  12 +-
 .../providers/completion/completionGlobals.ts |   4 -
 .../src/lib/providers/completionProvider.ts   |  12 +-
 .../src/lib/providers/definitionProvider.ts   |   2 +-
 .../editor/src/lib/providers/hoverProvider.ts |   4 +-
 .../lib/providers/inlineCompletionProvider.ts |  27 +-
 .../editor/src/lib/remix-ui-editor.tsx        |  64 ++--
 libs/remix-ui/editor/src/lib/syntaxes/move.ts |   2 +-
 libs/remix-ui/editor/src/lib/web-types.ts     |   2 +-
 .../lib/components/file-decoration-icon.tsx   |   4 +-
 .../file-decoration-custom-icon.tsx           |   2 +-
 .../file-decoration-error-icon.tsx            |   2 +-
 .../file-decoration-tooltip.tsx               |   6 +-
 .../file-decoration-warning-icon.tsx          |   2 +-
 .../file-decorators/src/lib/helper/index.tsx  |   2 +-
 .../src/lib/components/customCheckbox.tsx     |   2 +-
 .../grid-view/src/lib/remix-ui-grid-cell.tsx  |  13 +-
 .../grid-view/src/lib/remix-ui-grid-view.tsx  |  14 +-
 libs/remix-ui/helper/src/lib/bleach.ts        |   4 +-
 .../src/lib/components/PluginViewWrapper.tsx  |   2 +-
 .../src/lib/components/custom-dropdown.tsx    |  14 +-
 .../helper/src/lib/components/web3Dialog.tsx  |   2 +-
 .../helper/src/lib/helper-components.tsx      |   4 +-
 .../helper/src/lib/remix-ui-helper.ts         |   4 +-
 .../src/lib/components/customNavButtons.tsx   |   4 +-
 .../src/lib/components/homeTabFeatured.tsx    |  52 ++--
 .../lib/components/homeTabFeaturedPlugins.tsx |  22 +-
 .../src/lib/components/homeTabFile.tsx        |   6 +-
 .../src/lib/components/homeTabGetStarted.tsx  |  23 +-
 .../src/lib/components/homeTabLearn.tsx       |  34 +-
 .../src/lib/components/homeTabScamAlert.tsx   |   6 +-
 .../src/lib/components/homeTabTitle.tsx       |  16 +-
 .../src/lib/components/homeTablangOptions.tsx |   8 +-
 .../src/lib/components/pluginButton.tsx       |  12 +-
 .../src/lib/components/workspaceTemplate.tsx  |  12 +-
 .../home-tab/src/lib/remix-ui-home-tab.tsx    |   8 +-
 .../src/lib/remix-ui-modal-dialog.tsx         |   8 +-
 .../panel/src/lib/dragbar/dragbar.tsx         |   4 +-
 .../panel/src/lib/main/main-panel.tsx         |   4 +-
 .../panel/src/lib/plugins/panel-header.tsx    |   6 +-
 .../panel/src/lib/plugins/panel-plugin.tsx    |   2 +-
 .../panel/src/lib/plugins/remix-ui-panel.tsx  |   2 +-
 .../src/lib/permission-dialog.tsx             |  10 +-
 .../src/lib/components/ActivePluginCard.tsx   |   8 +-
 .../components/ActivePluginCardContainer.tsx  |  14 +-
 .../src/lib/components/InactivePluginCard.tsx |  20 +-
 .../InactivePluginCardContainer.tsx           |  10 +-
 .../src/lib/components/LocalPluginForm.tsx    |  28 +-
 .../src/lib/components/moduleHeading.tsx      |   4 +-
 .../lib/components/permissionsSettings.tsx    |  18 +-
 .../src/lib/components/rootView.tsx           |  12 +-
 .../src/lib/remix-ui-plugin-manager.tsx       |   8 +-
 .../src/lib/publish-to-storage.tsx            |  30 +-
 .../src/lib/publishOnSwarm.tsx                |  10 +-
 .../src/lib/publishToIPFS.tsx                 |   8 +-
 libs/remix-ui/renderer/src/lib/renderer.tsx   |  16 +-
 .../run-tab/src/lib/actions/account.ts        |   5 +-
 .../run-tab/src/lib/actions/deploy.ts         |  14 +-
 .../run-tab/src/lib/actions/events.ts         |  19 +-
 .../remix-ui/run-tab/src/lib/actions/index.ts |   6 +-
 .../run-tab/src/lib/actions/payload.ts        |   4 +-
 .../run-tab/src/lib/components/account.tsx    |  78 ++---
 .../src/lib/components/contractDropdownUI.tsx |   2 +-
 .../src/lib/components/contractGUI.tsx        |  48 +--
 .../src/lib/components/deployButton.tsx       |  16 +-
 .../src/lib/components/deployInput.tsx        |   8 +-
 .../src/lib/components/environment.tsx        |  16 +-
 .../run-tab/src/lib/components/gasLimit.tsx   |  12 +-
 .../lib/components/instanceContainerUI.tsx    |   6 +-
 .../run-tab/src/lib/components/mainnet.tsx    |  32 +-
 .../src/lib/components/multiDeployInput.tsx   |  12 +-
 .../run-tab/src/lib/components/network.tsx    |   2 +-
 .../run-tab/src/lib/components/passphrase.tsx |   2 +-
 .../src/lib/components/recorderCardUI.tsx     |  24 +-
 .../run-tab/src/lib/components/scenario.tsx   |   2 +-
 .../run-tab/src/lib/components/settingsUI.tsx |  12 +-
 .../src/lib/components/universalDappUI.tsx    |  58 ++--
 .../run-tab/src/lib/components/value.tsx      |  12 +-
 .../run-tab/src/lib/reducers/runTab.ts        |   4 +-
 libs/remix-ui/run-tab/src/lib/run-tab.tsx     |  40 +--
 .../search/src/lib/components/Exclude.tsx     |  10 +-
 .../search/src/lib/components/Find.tsx        |  10 +-
 .../src/lib/components/FindContainer.tsx      |  16 +-
 .../search/src/lib/components/Include.tsx     |  10 +-
 .../src/lib/components/OverWriteCheck.tsx     |   8 +-
 .../search/src/lib/components/Replace.tsx     |  10 +-
 .../search/src/lib/components/Search.tsx      |  14 +-
 .../search/src/lib/components/StopSearch.tsx  |   8 +-
 .../search/src/lib/components/Undo.tsx        |  14 +-
 .../lib/components/results/ResultFileName.tsx |   6 +-
 .../src/lib/components/results/ResultItem.tsx |  26 +-
 .../lib/components/results/ResultSummary.tsx  |  24 +-
 .../src/lib/components/results/Results.tsx    |  16 +-
 .../lib/components/results/SearchHelper.ts    |   5 +-
 .../search/src/lib/context/context.tsx        |   8 +-
 .../search/src/lib/reducers/Reducer.ts        |  14 +-
 libs/remix-ui/search/src/lib/types/index.ts   |   2 -
 .../settings/src/lib/etherscan-settings.tsx   |  16 +-
 .../settings/src/lib/github-settings.tsx      |  16 +-
 .../settings/src/lib/remix-ui-settings.tsx    |  48 +--
 .../settings/src/lib/settingsReducer.ts       |   4 +-
 .../settings/src/lib/sindri-settings.tsx      |  16 +-
 .../src/lib/components/solidityCompile.tsx    |   5 +-
 .../src/lib/api/compiler-api.ts               |   9 +-
 .../src/lib/compiler-container.tsx            | 136 ++++----
 .../src/lib/components/compiler-menu.tsx      |   2 +-
 .../src/lib/contract-selection.tsx            |  22 +-
 .../src/lib/logic/compileTabLogic.ts          |  12 +-
 .../src/lib/logic/flattenerUtilities.ts       |  28 +-
 .../src/lib/solidity-compiler.tsx             |   5 +-
 .../solidity-compiler/src/lib/types/index.ts  |   1 -
 .../src/lib/components/UmlDownload.tsx        |  12 +-
 .../src/lib/solidity-uml-gen.tsx              |  24 +-
 .../src/lib/utilities/UmlDownloadStrategy.ts  |   2 +-
 .../solidity-uml-gen/src/types/index.ts       |   2 +-
 .../src/lib/logic/testTabLogic.ts             |   8 +-
 .../src/lib/solidity-unit-testing.tsx         |   4 +-
 .../src/lib/Button/StaticAnalyserButton.tsx   |   6 +-
 .../static-analyser/src/lib/ErrorRenderer.tsx |   8 +-
 .../src/lib/actions/staticAnalysisActions.ts  |   6 +-
 .../src/lib/components/BasicTitle.tsx         |   6 +-
 .../src/lib/remix-ui-static-analyser.tsx      |  30 +-
 .../static-analyser/src/staticanalyser.d.ts   |   1 -
 libs/remix-ui/tabs/src/lib/remix-ui-tabs.tsx  |  34 +-
 .../src/lib/actions/terminalAction.ts         |   2 +-
 .../src/lib/components/ChechTxStatus.tsx      |   2 +-
 .../terminal/src/lib/components/Context.tsx   |   6 +-
 .../src/lib/components/RenderCall.tsx         |  16 +-
 .../components/RenderKnownTransactions.tsx    |  16 +-
 .../components/RenderUnknownTransactions.tsx  |  14 +-
 .../terminal/src/lib/components/Table.tsx     |  14 +-
 .../lib/components/remix-ui-terminal-bar.tsx  |   2 +-
 .../lib/components/remix-ui-terminal-menu.tsx |   2 +-
 .../src/lib/custom-hooks/useKeyPress.tsx      |   4 +-
 .../src/lib/reducers/terminalReducer.ts       |  42 +--
 .../terminal/src/lib/remix-ui-terminal.tsx    |  20 +-
 .../terminal/src/lib/terminalWelcome.tsx      |   4 +-
 .../src/lib/remix-ui-theme-module.tsx         |   8 +-
 libs/remix-ui/toaster/src/lib/toaster.tsx     |  16 +-
 .../tooltip-popup/src/lib/tooltip-popup.tsx   |   6 +-
 .../tree-view/src/lib/remix-ui-tree-view.tsx  |   4 +-
 .../src/lib/tree-view-item/tree-view-item.tsx |   6 +-
 .../src/lib/components/Badge.tsx              |  10 +-
 .../src/lib/components/BasicLogo.tsx          |   4 +-
 .../src/lib/components/Chevron.tsx            |   8 +-
 .../src/lib/components/Home.tsx               |   6 +-
 .../src/lib/components/Icon.tsx               |  33 +-
 .../src/lib/components/IconList.tsx           |   8 +-
 .../src/lib/remix-ui-vertical-icons-panel.tsx |   2 +-
 .../src/lib/vertical-icons-context-menu.tsx   |   8 +-
 .../src/lib/vyper-compile-details.tsx         |   3 +-
 .../src/lib/vyperCompile.tsx                  |   4 +-
 .../workspace/src/lib/actions/events.ts       |  10 +-
 .../workspace/src/lib/actions/index.ts        |  18 +-
 .../workspace/src/lib/actions/workspace.ts    |  16 +-
 .../src/lib/components/electron-menu.tsx      |   2 -
 .../components/electron-workspace-name.tsx    |   5 +-
 .../components/file-explorer-context-menu.tsx |  12 +-
 .../components/file-explorer-hovericons.tsx   |   8 +-
 .../src/lib/components/file-explorer-menu.tsx |  18 +-
 .../src/lib/components/file-explorer.tsx      |   4 -
 .../src/lib/components/flat-tree-drop.tsx     |   2 -
 .../lib/components/flat-tree-item-input.tsx   |  14 +-
 .../src/lib/components/upload-file.tsx        |   4 +-
 .../components/workspace-hamburger-item.tsx   |  14 +-
 .../lib/components/workspace-hamburger.tsx    |  14 +-
 .../workspace/src/lib/contexts/index.ts       |   3 +-
 .../src/lib/providers/FileSystemProvider.tsx  |  25 +-
 .../workspace/src/lib/reducers/workspace.ts   |  49 ++-
 .../workspace/src/lib/remix-ui-workspace.tsx  | 290 +++++++++---------
 .../src/lib/components/remix-ui-xterm.tsx     |  18 +-
 .../lib/components/remix-ui-xterminals.tsx    |   6 +-
 .../src/lib/components/xterm-fit-addOn.ts     |   2 -
 214 files changed, 1419 insertions(+), 1472 deletions(-)

diff --git a/libs/remix-ui/app/src/lib/remix-app/actions/modals.ts b/libs/remix-ui/app/src/lib/remix-app/actions/modals.ts
index 7e78c46cd5..4c2e70764d 100644
--- a/libs/remix-ui/app/src/lib/remix-app/actions/modals.ts
+++ b/libs/remix-ui/app/src/lib/remix-app/actions/modals.ts
@@ -22,7 +22,7 @@ export const enum modalActionTypes {
 type ModalPayload = {
   [modalActionTypes.setModal]: AppModal
   [modalActionTypes.handleHideModal]: any
-  [modalActionTypes.setToast]: { message: string | JSX.Element, timestamp:  number }
+  [modalActionTypes.setToast]: { message: string | JSX.Element, timestamp: number }
   [modalActionTypes.handleToaster]: any,
   [modalActionTypes.processQueue]: any
 }
diff --git a/libs/remix-ui/app/src/lib/remix-app/components/dragbar/dragbar.tsx b/libs/remix-ui/app/src/lib/remix-app/components/dragbar/dragbar.tsx
index 46b7f851c2..24c8099606 100644
--- a/libs/remix-ui/app/src/lib/remix-app/components/dragbar/dragbar.tsx
+++ b/libs/remix-ui/app/src/lib/remix-app/components/dragbar/dragbar.tsx
@@ -1,4 +1,4 @@
-import React, {useEffect, useState, useRef} from 'react'
+import React, { useEffect, useState, useRef } from 'react'
 import Draggable from 'react-draggable'
 import './dragbar.css'
 
@@ -77,7 +77,7 @@ const DragBar = (props: IRemixDragBarUi) => {
   return (
     <>
       <div className={`overlay ${dragState ? '' : 'd-none'}`}></div>
-      <Draggable nodeRef={nodeRef} position={{x: dragBarPosX, y: 0}} onStart={startDrag} onStop={stopDrag} axis="x">
+      <Draggable nodeRef={nodeRef} position={{ x: dragBarPosX, y: 0 }} onStart={startDrag} onStop={stopDrag} axis="x">
         <div ref={nodeRef} className={`dragbar ${dragState ? 'ondrag' : ''}`}></div>
       </Draggable>
     </>
diff --git a/libs/remix-ui/app/src/lib/remix-app/components/modals/dialogViewPlugin.tsx b/libs/remix-ui/app/src/lib/remix-app/components/modals/dialogViewPlugin.tsx
index 091795a900..d5610de56c 100644
--- a/libs/remix-ui/app/src/lib/remix-app/components/modals/dialogViewPlugin.tsx
+++ b/libs/remix-ui/app/src/lib/remix-app/components/modals/dialogViewPlugin.tsx
@@ -1,13 +1,13 @@
-import React, {useContext, useEffect} from 'react'
-import {AppContext} from '../../context/context'
-import {useDialogDispatchers} from '../../context/provider'
+import React, { useContext, useEffect } from 'react'
+import { AppContext } from '../../context/context'
+import { useDialogDispatchers } from '../../context/provider'
 
 const DialogViewPlugin = () => {
-  const {modal, alert, toast} = useDialogDispatchers()
+  const { modal, alert, toast } = useDialogDispatchers()
   const app = useContext(AppContext)
 
   useEffect(() => {
-    app.modal.setDispatcher({modal, alert, toast})
+    app.modal.setDispatcher({ modal, alert, toast })
   }, [])
   return <></>
 }
diff --git a/libs/remix-ui/app/src/lib/remix-app/components/modals/dialogs.tsx b/libs/remix-ui/app/src/lib/remix-app/components/modals/dialogs.tsx
index 052b8661b3..da5cbd8a72 100644
--- a/libs/remix-ui/app/src/lib/remix-app/components/modals/dialogs.tsx
+++ b/libs/remix-ui/app/src/lib/remix-app/components/modals/dialogs.tsx
@@ -1,11 +1,11 @@
 import React from 'react'
-import {useDialogDispatchers, useDialogs} from '../../context/provider'
-import {Toaster} from '@remix-ui/toaster'
+import { useDialogDispatchers, useDialogs } from '../../context/provider'
+import { Toaster } from '@remix-ui/toaster'
 import ModalWrapper from './modal-wrapper'
 
 const AppDialogs = () => {
-  const {handleHideModal, handleToaster} = useDialogDispatchers()
-  const {focusModal, focusToaster} = useDialogs()
+  const { handleHideModal, handleToaster } = useDialogDispatchers()
+  const { focusModal, focusToaster } = useDialogs()
 
   return (
     <>
diff --git a/libs/remix-ui/app/src/lib/remix-app/components/modals/enter.tsx b/libs/remix-ui/app/src/lib/remix-app/components/modals/enter.tsx
index 4b95fa1cfc..a514a1f166 100644
--- a/libs/remix-ui/app/src/lib/remix-app/components/modals/enter.tsx
+++ b/libs/remix-ui/app/src/lib/remix-app/components/modals/enter.tsx
@@ -1,7 +1,7 @@
-import React, {useContext, useEffect, useState} from 'react'
-import {FormattedMessage} from 'react-intl'
-import {AppContext} from '../../context/context'
-import {UsageTypes} from '../../types'
+import React, { useContext, useEffect, useState } from 'react'
+import { FormattedMessage } from 'react-intl'
+import { AppContext } from '../../context/context'
+import { UsageTypes } from '../../types'
 import { type } from 'os'
 
 interface EnterDialogProps {
@@ -27,7 +27,7 @@ const EnterDialog = (props: EnterDialogProps) => {
         <div
           tabIndex={-1}
           className={'modal-content remixModalContent mb-4'}
-          onKeyDown={({keyCode}) => {
+          onKeyDown={({ keyCode }) => {
           }}
         >
           <div className="modal-header d-flex flex-column">
@@ -36,14 +36,14 @@ const EnterDialog = (props: EnterDialogProps) => {
               <h6 className="modal-title text-dark" data-id={`EnterModalDialogModalTitle-react`}>
                 <FormattedMessage id="remixApp.enterText2" />
               </h6>
-              <i className="text-dark fal fa-door-open text-center" style={{minWidth: "100px", fontSize: "xxx-large"}}></i>
+              <i className="text-dark fal fa-door-open text-center" style={{ minWidth: "100px", fontSize: "xxx-large" }}></i>
             </div>
           </div>
           <div className="modal-body text-break remixModalBody d-flex flex-column p-3 justify-content-between" data-id={`EnterModalDialogModalBody-react`}>
-            <button className="btn btn-secondary text-left" data-id="beginnerbtn" style={{minWidth: "100px"}} onClick={() => {enterAs(UsageTypes.Beginner)}}><FormattedMessage id="remixApp.enterText3" /></button>
-            <button className="btn btn-secondary my-1 text-left" data-id="prototyperbtn" style={{minWidth: "100px"}} onClick={() => {enterAs(UsageTypes.Prototyper)}}><FormattedMessage id="remixApp.enterText4" /></button>
-            <button className="btn btn-secondary text-left" data-id="advanceUserbtn" style={{minWidth: "100px"}} onClick={() => {enterAs(UsageTypes.Advance)}}><FormattedMessage id="remixApp.enterText5" /></button>
-            <button className="btn btn-secondary mt-1 text-left" data-id="productionbtn" style={{minWidth: "100px"}} onClick={() => {enterAs(UsageTypes.Production)}}><FormattedMessage id="remixApp.enterText6" /></button>
+            <button className="btn btn-secondary text-left" data-id="beginnerbtn" style={{ minWidth: "100px" }} onClick={() => {enterAs(UsageTypes.Beginner)}}><FormattedMessage id="remixApp.enterText3" /></button>
+            <button className="btn btn-secondary my-1 text-left" data-id="prototyperbtn" style={{ minWidth: "100px" }} onClick={() => {enterAs(UsageTypes.Prototyper)}}><FormattedMessage id="remixApp.enterText4" /></button>
+            <button className="btn btn-secondary text-left" data-id="advanceUserbtn" style={{ minWidth: "100px" }} onClick={() => {enterAs(UsageTypes.Advance)}}><FormattedMessage id="remixApp.enterText5" /></button>
+            <button className="btn btn-secondary mt-1 text-left" data-id="productionbtn" style={{ minWidth: "100px" }} onClick={() => {enterAs(UsageTypes.Production)}}><FormattedMessage id="remixApp.enterText6" /></button>
           </div>
         </div>
       </div>
diff --git a/libs/remix-ui/app/src/lib/remix-app/components/modals/matomo.tsx b/libs/remix-ui/app/src/lib/remix-app/components/modals/matomo.tsx
index daad75b4b2..bdd57d8b11 100644
--- a/libs/remix-ui/app/src/lib/remix-app/components/modals/matomo.tsx
+++ b/libs/remix-ui/app/src/lib/remix-app/components/modals/matomo.tsx
@@ -1,7 +1,7 @@
-import React, {useContext, useEffect, useState} from 'react'
-import {FormattedMessage} from 'react-intl'
-import {AppContext} from '../../context/context'
-import {useDialogDispatchers} from '../../context/provider'
+import React, { useContext, useEffect, useState } from 'react'
+import { FormattedMessage } from 'react-intl'
+import { AppContext } from '../../context/context'
+import { useDialogDispatchers } from '../../context/provider'
 declare global {
   interface Window {
     _paq: any
@@ -15,8 +15,8 @@ interface MatomoDialogProps {
 }
 
 const MatomoDialog = (props: MatomoDialogProps) => {
-  const {settings, showMatamo, appManager} = useContext(AppContext)
-  const {modal} = useDialogDispatchers()
+  const { settings, showMatamo, appManager } = useContext(AppContext)
+  const { modal } = useDialogDispatchers()
   const [visible, setVisible] = useState<boolean>(props.hide)
 
   const message = () => {
diff --git a/libs/remix-ui/app/src/lib/remix-app/components/modals/modal-wrapper.tsx b/libs/remix-ui/app/src/lib/remix-app/components/modals/modal-wrapper.tsx
index 07b974d3fe..d0ae6026b2 100644
--- a/libs/remix-ui/app/src/lib/remix-app/components/modals/modal-wrapper.tsx
+++ b/libs/remix-ui/app/src/lib/remix-app/components/modals/modal-wrapper.tsx
@@ -1,6 +1,6 @@
-import React, {useEffect, useRef, useState} from 'react'
-import {ModalDialog, ModalDialogProps, ValidationResult} from '@remix-ui/modal-dialog'
-import {ModalTypes} from '../../types'
+import React, { useEffect, useRef, useState } from 'react'
+import { ModalDialog, ModalDialogProps, ValidationResult } from '@remix-ui/modal-dialog'
+import { ModalTypes } from '../../types'
 
 interface ModalWrapperProps extends ModalDialogProps {
   modalType?: ModalTypes
@@ -80,7 +80,7 @@ const ModalWrapper = (props: ModalWrapperProps) => {
     if (props.validationFn) {
       const validation = props.validationFn(getFormData())
       setState((prevState) => {
-        return {...prevState, message: createForm(validation), validation}
+        return { ...prevState, message: createForm(validation), validation }
       })
     }
   }
@@ -106,7 +106,7 @@ const ModalWrapper = (props: ModalWrapperProps) => {
           ...props,
           okFn: onFinishPrompt,
           cancelFn: onCancelFn,
-          message: createModalMessage(props.defaultValue, {valid: true})
+          message: createModalMessage(props.defaultValue, { valid: true })
         })
         break
       case ModalTypes.form:
@@ -114,7 +114,7 @@ const ModalWrapper = (props: ModalWrapperProps) => {
           ...props,
           okFn: onFinishPrompt,
           cancelFn: onCancelFn,
-          message: createForm({valid: true})
+          message: createForm({ valid: true })
         })
         break
       default:
@@ -137,7 +137,7 @@ const ModalWrapper = (props: ModalWrapperProps) => {
   // reset the message and input if any, so when the modal is shown again it doesn't show the previous value.
   const handleHide = () => {
     setState((prevState) => {
-      return {...prevState, message: ''}
+      return { ...prevState, message: '' }
     })
     props.handleHide()
   }
diff --git a/libs/remix-ui/app/src/lib/remix-app/components/modals/origin-warning.tsx b/libs/remix-ui/app/src/lib/remix-app/components/modals/origin-warning.tsx
index f36e5f0938..fe9e0ba234 100644
--- a/libs/remix-ui/app/src/lib/remix-app/components/modals/origin-warning.tsx
+++ b/libs/remix-ui/app/src/lib/remix-app/components/modals/origin-warning.tsx
@@ -1,9 +1,9 @@
-import React, {useEffect, useState} from 'react'
-import {ModalDialog} from '@remix-ui/modal-dialog'
-import {useDialogDispatchers} from '../../context/provider'
+import React, { useEffect, useState } from 'react'
+import { ModalDialog } from '@remix-ui/modal-dialog'
+import { useDialogDispatchers } from '../../context/provider'
 
 const OriginWarning = () => {
-  const {alert} = useDialogDispatchers()
+  const { alert } = useDialogDispatchers()
   const [content, setContent] = useState<string>(null)
 
   useEffect(() => {
@@ -29,7 +29,7 @@ const OriginWarning = () => {
 
   useEffect(() => {
     if (content) {
-      alert({id: 'warningOriging', title: null, message: content})
+      alert({ id: 'warningOriging', title: null, message: content })
     }
   }, [content])
 
diff --git a/libs/remix-ui/app/src/lib/remix-app/components/splashscreen.tsx b/libs/remix-ui/app/src/lib/remix-app/components/splashscreen.tsx
index 4f013c4761..f110eb66b4 100644
--- a/libs/remix-ui/app/src/lib/remix-app/components/splashscreen.tsx
+++ b/libs/remix-ui/app/src/lib/remix-app/components/splashscreen.tsx
@@ -4,7 +4,7 @@ const RemixSplashScreen = (props) => {
   return (
     <>
       {' '}
-      <div style={{display: props.hide ? 'none' : 'block'}} className="centered">
+      <div style={{ display: props.hide ? 'none' : 'block' }} className="centered">
         <svg id="Ebene_2" data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 105 100">
           <path d="M91.84,35a.09.09,0,0,1-.1-.07,41,41,0,0,0-79.48,0,.09.09,0,0,1-.1.07C9.45,35,1,35.35,1,42.53c0,8.56,1,16,6,20.32,2.16,1.85,5.81,2.3,9.27,2.22a44.4,44.4,0,0,0,6.45-.68.09.09,0,0,0,.06-.15A34.81,34.81,0,0,1,17,45c0-.1,0-.21,0-.31a35,35,0,0,1,70,0c0,.1,0,.21,0,.31a34.81,34.81,0,0,1-5.78,19.24.09.09,0,0,0,.06.15,44.4,44.4,0,0,0,6.45.68c3.46.08,7.11-.37,9.27-2.22,5-4.27,6-11.76,6-20.32C103,35.35,94.55,35,91.84,35Z" />
           <path d="M52,74,25.4,65.13a.1.1,0,0,0-.1.17L51.93,91.93a.1.1,0,0,0,.14,0L78.7,65.3a.1.1,0,0,0-.1-.17L52,74A.06.06,0,0,1,52,74Z" />
diff --git a/libs/remix-ui/app/src/lib/remix-app/context/context.tsx b/libs/remix-ui/app/src/lib/remix-app/context/context.tsx
index a3cc4b7c9e..9fcf53d4a7 100644
--- a/libs/remix-ui/app/src/lib/remix-app/context/context.tsx
+++ b/libs/remix-ui/app/src/lib/remix-app/context/context.tsx
@@ -1,6 +1,6 @@
 import React from 'react'
-import {AlertModal, AppModal} from '../interface'
-import {ModalInitialState} from '../state/modals'
+import { AlertModal, AppModal } from '../interface'
+import { ModalInitialState } from '../state/modals'
 
 export type appProviderContextType = {
   settings: any,
@@ -10,7 +10,7 @@ export type appProviderContextType = {
   modal: any
 }
 
-export enum appPlatformTypes  {
+export enum appPlatformTypes {
   web = 'web',
   desktop = 'desktop'
 }
diff --git a/libs/remix-ui/app/src/lib/remix-app/context/provider.tsx b/libs/remix-ui/app/src/lib/remix-app/context/provider.tsx
index 54a3c1d1b4..5b64e8e5f6 100644
--- a/libs/remix-ui/app/src/lib/remix-app/context/provider.tsx
+++ b/libs/remix-ui/app/src/lib/remix-app/context/provider.tsx
@@ -1,11 +1,11 @@
-import React, {useReducer} from 'react'
-import {useIntl, IntlShape} from 'react-intl'
-import {modalActionTypes} from '../actions/modals'
-import {AlertModal, AppModal} from '../interface'
-import {modalReducer} from '../reducer/modals'
-import {ModalInitialState} from '../state/modals'
-import {ModalTypes} from '../types'
-import {AppContext, dispatchModalContext, modalContext, platformContext, onLineContext} from './context'
+import React, { useReducer } from 'react'
+import { useIntl, IntlShape } from 'react-intl'
+import { modalActionTypes } from '../actions/modals'
+import { AlertModal, AppModal } from '../interface'
+import { modalReducer } from '../reducer/modals'
+import { ModalInitialState } from '../state/modals'
+import { ModalTypes } from '../types'
+import { AppContext, dispatchModalContext, modalContext, platformContext, onLineContext } from './context'
 
 declare global {
   interface Window {
@@ -13,8 +13,8 @@ declare global {
   }
 }
 
-export const ModalProvider = ({children = [], reducer = modalReducer, initialState = ModalInitialState} = {}) => {
-  const [{modals, toasters, focusModal, focusToaster}, dispatch] = useReducer(reducer, initialState)
+export const ModalProvider = ({ children = [], reducer = modalReducer, initialState = ModalInitialState } = {}) => {
+  const [{ modals, toasters, focusModal, focusToaster }, dispatch] = useReducer(reducer, initialState)
 
   const onNextFn = async () => {
     dispatch({
@@ -23,7 +23,7 @@ export const ModalProvider = ({children = [], reducer = modalReducer, initialSta
   }
 
   const modal = (modalData: AppModal) => {
-    const {id, title, message, validationFn, okLabel, okFn, cancelLabel, cancelFn, modalType, defaultValue, hideFn, data} = modalData
+    const { id, title, message, validationFn, okLabel, okFn, cancelLabel, cancelFn, modalType, defaultValue, hideFn, data } = modalData
     return new Promise((resolve, reject) => {
       dispatch({
         type: modalActionTypes.setModal,
@@ -50,9 +50,9 @@ export const ModalProvider = ({children = [], reducer = modalReducer, initialSta
   const alert = (modalData: AlertModal) => {
     return modal({
       id: modalData.id,
-      title: modalData.title || window._intl.formatMessage({id: 'remixApp.alert'}),
+      title: modalData.title || window._intl.formatMessage({ id: 'remixApp.alert' }),
       message: modalData.message || modalData.title,
-      okLabel: window._intl.formatMessage({id: 'remixApp.ok'}),
+      okLabel: window._intl.formatMessage({ id: 'remixApp.ok' }),
       okFn: (value?: any) => {},
       cancelLabel: '',
       cancelFn: () => {}
@@ -69,7 +69,7 @@ export const ModalProvider = ({children = [], reducer = modalReducer, initialSta
   const toast = (message: string | JSX.Element) => {
     dispatch({
       type: modalActionTypes.setToast,
-      payload: {message, timestamp: Date.now()}
+      payload: { message, timestamp: Date.now() }
     })
   }
 
@@ -81,13 +81,13 @@ export const ModalProvider = ({children = [], reducer = modalReducer, initialSta
   }
 
   return (
-    <dispatchModalContext.Provider value={{modal, toast, alert, handleHideModal, handleToaster}}>
-      <modalContext.Provider value={{modals, toasters, focusModal, focusToaster}}>{children}</modalContext.Provider>
+    <dispatchModalContext.Provider value={{ modal, toast, alert, handleHideModal, handleToaster }}>
+      <modalContext.Provider value={{ modals, toasters, focusModal, focusToaster }}>{children}</modalContext.Provider>
     </dispatchModalContext.Provider>
   )
 }
 
-export const AppProvider = ({children = [], value = {}} = null) => {
+export const AppProvider = ({ children = [], value = {} } = null) => {
   window._intl = useIntl()
   return (
     <AppContext.Provider value={value}>
diff --git a/libs/remix-ui/app/src/lib/remix-app/interface/index.ts b/libs/remix-ui/app/src/lib/remix-app/interface/index.ts
index eb298090ea..17afcc9e35 100644
--- a/libs/remix-ui/app/src/lib/remix-app/interface/index.ts
+++ b/libs/remix-ui/app/src/lib/remix-app/interface/index.ts
@@ -35,7 +35,7 @@ export interface ModalState {
     modals: AppModal[],
     toasters: {message: (string | JSX.Element), timestamp: number }[],
     focusModal: AppModal,
-    focusToaster:  {message: (string | JSX.Element), timestamp: number }
+    focusToaster: {message: (string | JSX.Element), timestamp: number }
 }
 
 export interface forceChoiceModal {
diff --git a/libs/remix-ui/app/src/lib/remix-app/reducer/modals.ts b/libs/remix-ui/app/src/lib/remix-app/reducer/modals.ts
index 4330d967a6..4578170385 100644
--- a/libs/remix-ui/app/src/lib/remix-app/reducer/modals.ts
+++ b/libs/remix-ui/app/src/lib/remix-app/reducer/modals.ts
@@ -76,7 +76,7 @@ export const modalReducer = (state: ModalState = ModalInitialState, action: Moda
       const toaster = toasterList[0]
       return { ...state, toasters: toasterList, focusToaster: toaster }
     } else {
-      return { ...state, toasters: [] }
+      return { ...state, toasters: []}
     }
   }
   }
diff --git a/libs/remix-ui/checkbox/src/lib/remix-ui-checkbox.tsx b/libs/remix-ui/checkbox/src/lib/remix-ui-checkbox.tsx
index 5c11d96b0f..25253b0302 100644
--- a/libs/remix-ui/checkbox/src/lib/remix-ui-checkbox.tsx
+++ b/libs/remix-ui/checkbox/src/lib/remix-ui-checkbox.tsx
@@ -1,7 +1,7 @@
-import {CustomTooltip} from '@remix-ui/helper'
+import { CustomTooltip } from '@remix-ui/helper'
 import React, {CSSProperties} from 'react' //eslint-disable-line
 import './remix-ui-checkbox.css'
-import {Placement} from 'react-bootstrap/esm/Overlay'
+import { Placement } from 'react-bootstrap/esm/Overlay'
 
 /* eslint-disable-next-line */
 export interface RemixUiCheckboxProps {
@@ -52,8 +52,8 @@ export const RemixUiCheckbox = ({
         }
         onClick={onClick}
       >
-        <input id={id} type={inputType} onChange={onChange} style={{verticalAlign: 'bottom'}} name={name} className="custom-control-input" checked={checked} disabled={disabled} />
-        <label className="form-check-label custom-control-label" id={`heading${categoryId}`} style={{paddingTop: '0.15rem'}} aria-disabled={disabled}>
+        <input id={id} type={inputType} onChange={onChange} style={{ verticalAlign: 'bottom' }} name={name} className="custom-control-input" checked={checked} disabled={disabled} />
+        <label className="form-check-label custom-control-label" id={`heading${categoryId}`} style={{ paddingTop: '0.15rem' }} aria-disabled={disabled}>
           {name ? <div className="font-weight-bold">{itemName}</div> : ''}
           {label}
         </label>
@@ -72,8 +72,8 @@ export const RemixUiCheckbox = ({
       }
       onClick={onClick}
     >
-      <input id={id} type={inputType} onChange={onChange} style={{verticalAlign: 'bottom'}} name={name} className="custom-control-input" checked={checked} />
-      <label className="form-check-label custom-control-label" id={`heading${categoryId}`} style={{paddingTop: '0.15rem'}}>
+      <input id={id} type={inputType} onChange={onChange} style={{ verticalAlign: 'bottom' }} name={name} className="custom-control-input" checked={checked} />
+      <label className="form-check-label custom-control-label" id={`heading${categoryId}`} style={{ paddingTop: '0.15rem' }}>
         {name ? <div className="font-weight-bold">{itemName}</div> : ''}
         {label}
       </label>
diff --git a/libs/remix-ui/clipboard/src/lib/copy-to-clipboard/copy-to-clipboard.tsx b/libs/remix-ui/clipboard/src/lib/copy-to-clipboard/copy-to-clipboard.tsx
index c8a857c9f1..b4a4b5f66a 100644
--- a/libs/remix-ui/clipboard/src/lib/copy-to-clipboard/copy-to-clipboard.tsx
+++ b/libs/remix-ui/clipboard/src/lib/copy-to-clipboard/copy-to-clipboard.tsx
@@ -1,9 +1,9 @@
-import React, {useState} from 'react'
+import React, { useState } from 'react'
 import copy from 'copy-to-clipboard'
-import {Placement} from 'react-bootstrap/esm/Overlay'
+import { Placement } from 'react-bootstrap/esm/Overlay'
 
 import './copy-to-clipboard.css'
-import {CustomTooltip} from '@remix-ui/helper'
+import { CustomTooltip } from '@remix-ui/helper'
 
 interface ICopyToClipboard {
   content?: any
@@ -16,8 +16,8 @@ interface ICopyToClipboard {
   getContent?: () => any
 }
 export const CopyToClipboard = (props: ICopyToClipboard) => {
-  const {tip = 'Copy', icon = 'fa-copy', direction = 'right', getContent, children, ...otherProps} = props
-  let {content} = props
+  const { tip = 'Copy', icon = 'fa-copy', direction = 'right', getContent, children, ...otherProps } = props
+  let { content } = props
   const [message, setMessage] = useState(tip)
 
   const copyData = () => {
diff --git a/libs/remix-ui/debugger-ui/src/hooks/extract-data.tsx b/libs/remix-ui/debugger-ui/src/hooks/extract-data.tsx
index 2021e9980c..6684cad952 100644
--- a/libs/remix-ui/debugger-ui/src/hooks/extract-data.tsx
+++ b/libs/remix-ui/debugger-ui/src/hooks/extract-data.tsx
@@ -31,14 +31,14 @@ export const useExtractData = (json, extractFunc?: ExtractFunc): Array<{key: str
 
     if (item instanceof Array) {
       ret.children = item.map((item, index) => {
-        return {key: index, value: item}
+        return { key: index, value: item }
       })
       ret.self = 'Array'
       ret.isNode = true
       ret.isLeaf = false
     } else if (item instanceof Object) {
       ret.children = Object.keys(item).map((key) => {
-        return {key: key, value: item[key]}
+        return { key: key, value: item[key] }
       })
       ret.self = 'Object'
       ret.isNode = true
diff --git a/libs/remix-ui/debugger-ui/src/lib/api/debugger-api.ts b/libs/remix-ui/debugger-ui/src/lib/api/debugger-api.ts
index a8fed04499..577974a282 100644
--- a/libs/remix-ui/debugger-ui/src/lib/api/debugger-api.ts
+++ b/libs/remix-ui/debugger-ui/src/lib/api/debugger-api.ts
@@ -108,7 +108,7 @@ export const DebuggerApiMixin = (Base) => class extends Base {
     let web3
     let network
     try {
-      network = await this.call('network', 'detectNetwork')    
+      network = await this.call('network', 'detectNetwork')
     } catch (e) {
       web3 = this.web3()
     }
@@ -170,7 +170,7 @@ export const DebuggerApiMixin = (Base) => class extends Base {
   onActivation () {
     this.on('editor', 'breakpointCleared', (fileName, row) => { if (this.onBreakpointClearedListener) this.onBreakpointClearedListener(fileName, row) })
     this.on('editor', 'breakpointAdded', (fileName, row) => { if (this.onBreakpointAddedListener) this.onBreakpointAddedListener(fileName, row) })
-    this.on('editor', 'contentChanged', () => { if (this.onEditorContentChangedListener) this.onEditorContentChangedListener() })  
+    this.on('editor', 'contentChanged', () => { if (this.onEditorContentChangedListener) this.onEditorContentChangedListener() })
     this.on('network', 'providerChanged', (provider) => { if (this.onEnvChangedListener) this.onEnvChangedListener(provider) })
   }
 
diff --git a/libs/remix-ui/debugger-ui/src/lib/button-navigator/button-navigator.tsx b/libs/remix-ui/debugger-ui/src/lib/button-navigator/button-navigator.tsx
index 5609280eed..9ffa6710ad 100644
--- a/libs/remix-ui/debugger-ui/src/lib/button-navigator/button-navigator.tsx
+++ b/libs/remix-ui/debugger-ui/src/lib/button-navigator/button-navigator.tsx
@@ -1,6 +1,6 @@
-import {CustomTooltip} from '@remix-ui/helper'
+import { CustomTooltip } from '@remix-ui/helper'
 import React, {useState, useEffect} from 'react' // eslint-disable-line
-import {useIntl} from 'react-intl'
+import { useIntl } from 'react-intl'
 import './button-navigator.css'
 
 export const ButtonNavigation = ({
@@ -82,7 +82,7 @@ export const ButtonNavigation = ({
               stepOverBack && stepOverBack()
             }}
             disabled={state.overBackDisabled}
-            style={{pointerEvents: 'none', color: 'white'}}
+            style={{ pointerEvents: 'none', color: 'white' }}
           >
             <span className="fas fa-reply"></span>
           </button>
@@ -90,7 +90,7 @@ export const ButtonNavigation = ({
       ),
       placement: 'top-start',
       tagId: 'overbackTooltip',
-      tooltipMsg: intl.formatMessage({id: 'debugger.stepOverBack'})
+      tooltipMsg: intl.formatMessage({ id: 'debugger.stepOverBack' })
     },
     stepBackJSX: {
       markup: (
@@ -110,7 +110,7 @@ export const ButtonNavigation = ({
               stepIntoBack && stepIntoBack()
             }}
             disabled={state.intoBackDisabled}
-            style={{pointerEvents: 'none', color: 'white'}}
+            style={{ pointerEvents: 'none', color: 'white' }}
           >
             <span className="fas fa-level-up-alt"></span>
           </button>
@@ -118,7 +118,7 @@ export const ButtonNavigation = ({
       ),
       placement: 'top-start',
       tagId: 'intobackTooltip',
-      tooltipMsg: intl.formatMessage({id: 'debugger.stepBack'})
+      tooltipMsg: intl.formatMessage({ id: 'debugger.stepBack' })
     },
 
     stepIntoJSX: {
@@ -139,7 +139,7 @@ export const ButtonNavigation = ({
               stepIntoForward && stepIntoForward()
             }}
             disabled={state.intoForwardDisabled}
-            style={{pointerEvents: 'none', color: 'white'}}
+            style={{ pointerEvents: 'none', color: 'white' }}
           >
             <span className="fas fa-level-down-alt"></span>
           </button>
@@ -147,7 +147,7 @@ export const ButtonNavigation = ({
       ),
       placement: 'top-start',
       tagId: 'intoforwardTooltip',
-      tooltipMsg: intl.formatMessage({id: 'debugger.stepInto'})
+      tooltipMsg: intl.formatMessage({ id: 'debugger.stepInto' })
     },
     stepOverForwardJSX: {
       markup: (
@@ -166,7 +166,7 @@ export const ButtonNavigation = ({
               stepOverForward && stepOverForward()
             }}
             disabled={state.overForwardDisabled}
-            style={{pointerEvents: 'none', color: 'white'}}
+            style={{ pointerEvents: 'none', color: 'white' }}
           >
             <span className="fas fa-share"></span>
           </button>
@@ -174,7 +174,7 @@ export const ButtonNavigation = ({
       ),
       placement: 'top-end',
       tagId: 'overbackTooltip',
-      tooltipMsg: intl.formatMessage({id: 'debugger.stepOverForward'})
+      tooltipMsg: intl.formatMessage({ id: 'debugger.stepOverForward' })
     }
   }
   const jumpMarkupStructure = {
@@ -208,7 +208,7 @@ export const ButtonNavigation = ({
       ),
       placement: 'bottom-start',
       tagId: 'jumppreviousbreakpointTooltip',
-      tooltipMsg: intl.formatMessage({id: 'debugger.jumpPreviousBreakpoint'})
+      tooltipMsg: intl.formatMessage({ id: 'debugger.jumpPreviousBreakpoint' })
     },
     jumpOutJSX: {
       markup: (
@@ -240,7 +240,7 @@ export const ButtonNavigation = ({
       ),
       placement: 'bottom-end',
       tagId: 'jumpoutTooltip',
-      tooltipMsg: intl.formatMessage({id: 'debugger.jumpOut'})
+      tooltipMsg: intl.formatMessage({ id: 'debugger.jumpOut' })
     },
     jumpNextBreakpointJSX: {
       markup: (
@@ -260,7 +260,7 @@ export const ButtonNavigation = ({
               jumpNextBreakpoint && jumpNextBreakpoint()
             }}
             disabled={state.jumpNextBreakpointDisabled}
-            style={{pointerEvents: 'none', color: 'white'}}
+            style={{ pointerEvents: 'none', color: 'white' }}
           >
             <span className="fas fa-step-forward"></span>
           </button>
@@ -268,7 +268,7 @@ export const ButtonNavigation = ({
       ),
       placement: 'bottom-end',
       tagId: 'jumpnextbreakpointTooltip',
-      tooltipMsg: intl.formatMessage({id: 'debugger.jumpNextBreakpoint'})
+      tooltipMsg: intl.formatMessage({ id: 'debugger.jumpNextBreakpoint' })
     }
   }
 
@@ -299,9 +299,9 @@ export const ButtonNavigation = ({
           </CustomTooltip>
         ))}
       </div>
-      <div id="reverted" style={{display: revertedReason === '' ? 'none' : 'block'}}>
+      <div id="reverted" style={{ display: revertedReason === '' ? 'none' : 'block' }}>
         <span className="text-warning">This call has reverted, state changes made during the call will be reverted.</span>
-        <span className="text-warning" id="outofgas" style={{display: revertedReason === 'outofgas' ? 'inline' : 'none'}}>
+        <span className="text-warning" id="outofgas" style={{ display: revertedReason === 'outofgas' ? 'inline' : 'none' }}>
           This call will run out of gas.
         </span>
         <span
diff --git a/libs/remix-ui/debugger-ui/src/lib/debugger-ui.tsx b/libs/remix-ui/debugger-ui/src/lib/debugger-ui.tsx
index b07760ea31..2aeeb823ed 100644
--- a/libs/remix-ui/debugger-ui/src/lib/debugger-ui.tsx
+++ b/libs/remix-ui/debugger-ui/src/lib/debugger-ui.tsx
@@ -1,5 +1,5 @@
 import React, {useState, useEffect, useRef} from 'react' // eslint-disable-line
-import {FormattedMessage, useIntl} from 'react-intl'
+import { FormattedMessage, useIntl } from 'react-intl'
 import TxBrowser from './tx-browser/tx-browser' // eslint-disable-line
 import StepManager from './step-manager/step-manager' // eslint-disable-line
 import VmDebugger from './vm-debugger/vm-debugger' // eslint-disable-line
@@ -7,7 +7,7 @@ import VmDebuggerHead from './vm-debugger/vm-debugger-head' // eslint-disable-li
 import {TransactionDebugger as Debugger} from '@remix-project/remix-debug' // eslint-disable-line
 import {DebuggerUIProps} from './idebugger-api' // eslint-disable-line
 import {Toaster} from '@remix-ui/toaster' // eslint-disable-line
-import {CustomTooltip, isValidHash} from '@remix-ui/helper'
+import { CustomTooltip, isValidHash } from '@remix-ui/helper'
 /* eslint-disable-next-line */
 import './debugger-ui.css'
 const _paq = ((window as any)._paq = (window as any)._paq || [])
@@ -93,7 +93,7 @@ export const DebuggerUI = (props: DebuggerUIProps) => {
       })
 
       debuggerModule.onBreakpointAdded((fileName, row) => {
-        if (state.debugger) state.debugger.breakPointManager.add({fileName: fileName, row: row})
+        if (state.debugger) state.debugger.breakPointManager.add({ fileName: fileName, row: row })
       })
 
       debuggerModule.onEditorContentChanged(() => {
@@ -107,7 +107,7 @@ export const DebuggerUI = (props: DebuggerUIProps) => {
       debuggerModule.onEnvChanged((provider) => {
         setState((prevState) => {
           const isLocalNodeUsed = !provider.startsWith('vm') && !provider.startsWith('injected')
-          return {...prevState, isLocalNodeUsed: isLocalNodeUsed}
+          return { ...prevState, isLocalNodeUsed: isLocalNodeUsed }
         })
       })
     }
@@ -121,7 +121,7 @@ export const DebuggerUI = (props: DebuggerUIProps) => {
     debuggerInstance.event.register('debuggerStatus', async (isActive) => {
       await debuggerModule.discardHighlight()
       setState((prevState) => {
-        return {...prevState, isActive}
+        return { ...prevState, isActive }
       })
     })
 
@@ -129,14 +129,14 @@ export const DebuggerUI = (props: DebuggerUIProps) => {
       setState((prevState) => {
         return {
           ...prevState,
-          sourceLocationStatus: intl.formatMessage({id: 'debugger.sourceLocationStatus1'})
+          sourceLocationStatus: intl.formatMessage({ id: 'debugger.sourceLocationStatus1' })
         }
       })
     })
 
     debuggerInstance.event.register('noBreakpointHit', async (isActive) => {
       setState((prevState) => {
-        return {...prevState, sourceLocationStatus: ''}
+        return { ...prevState, sourceLocationStatus: '' }
       })
     })
 
@@ -146,7 +146,7 @@ export const DebuggerUI = (props: DebuggerUIProps) => {
         setState((prevState) => {
           return {
             ...prevState,
-            sourceLocationStatus: intl.formatMessage({id: 'debugger.sourceLocationStatus2'})
+            sourceLocationStatus: intl.formatMessage({ id: 'debugger.sourceLocationStatus2' })
           }
         })
         return
@@ -175,7 +175,7 @@ export const DebuggerUI = (props: DebuggerUIProps) => {
         }
         if (path) {
           setState((prevState) => {
-            return {...prevState, sourceLocationStatus: ''}
+            return { ...prevState, sourceLocationStatus: '' }
           })
           await debuggerModule.discardHighlight()
           await debuggerModule.highlight(lineColumnPos, path, rawLocation, stepDetail, lineGasCost)
@@ -381,11 +381,11 @@ export const DebuggerUI = (props: DebuggerUIProps) => {
       <input
         className="custom-control-input"
         id="debugGeneratedSourcesInput"
-        onChange={({target: {checked}}) => {
+        onChange={({ target: { checked } }) => {
           setState((prevState) => {
             return {
               ...prevState,
-              opt: {...prevState.opt, debugWithGeneratedSources: checked}
+              opt: { ...prevState.opt, debugWithGeneratedSources: checked }
             }
           })
         }}
@@ -413,11 +413,11 @@ export const DebuggerUI = (props: DebuggerUIProps) => {
                 <input
                   className="custom-control-input"
                   id="debugWithLocalNodeInput"
-                  onChange={({target: {checked}}) => {
+                  onChange={({ target: { checked } }) => {
                     setState((prevState) => {
                       return {
                         ...prevState,
-                        opt: {...prevState.opt, debugWithLocalNode: checked}
+                        opt: { ...prevState.opt, debugWithLocalNode: checked }
                       }
                     })
                   }}
diff --git a/libs/remix-ui/debugger-ui/src/lib/slider/slider.tsx b/libs/remix-ui/debugger-ui/src/lib/slider/slider.tsx
index 517bbfe87a..7610531373 100644
--- a/libs/remix-ui/debugger-ui/src/lib/slider/slider.tsx
+++ b/libs/remix-ui/debugger-ui/src/lib/slider/slider.tsx
@@ -1,6 +1,6 @@
 import React, {useState, useEffect, useRef} from 'react' // eslint-disable-line
 
-export const Slider = ({jumpTo, sliderValue, traceLength}) => {
+export const Slider = ({ jumpTo, sliderValue, traceLength }) => {
   const onChangeId = useRef(null)
   const slider = useRef(null)
 
diff --git a/libs/remix-ui/debugger-ui/src/lib/step-manager/step-manager.tsx b/libs/remix-ui/debugger-ui/src/lib/step-manager/step-manager.tsx
index 1fc85769cc..7b9ddfc84c 100644
--- a/libs/remix-ui/debugger-ui/src/lib/step-manager/step-manager.tsx
+++ b/libs/remix-ui/debugger-ui/src/lib/step-manager/step-manager.tsx
@@ -31,16 +31,16 @@ export const StepManager = ({
 
   const setRevertWarning = (warning) => {
     setState((prevState) => {
-      return {...prevState, revertWarning: warning}
+      return { ...prevState, revertWarning: warning }
     })
   }
 
   const updateStep = (step, stepState, jumpOutDisabled) => {
     setState((prevState) => {
-      return {...prevState, sliderValue: step, stepState, jumpOutDisabled}
+      return { ...prevState, sliderValue: step, stepState, jumpOutDisabled }
     })
   }
-  const {sliderValue, revertWarning, stepState, jumpOutDisabled} = state
+  const { sliderValue, revertWarning, stepState, jumpOutDisabled } = state
 
   return (
     <div className="py-1">
diff --git a/libs/remix-ui/debugger-ui/src/lib/tx-browser/tx-browser.tsx b/libs/remix-ui/debugger-ui/src/lib/tx-browser/tx-browser.tsx
index 2e07121534..e5c4a534dd 100644
--- a/libs/remix-ui/debugger-ui/src/lib/tx-browser/tx-browser.tsx
+++ b/libs/remix-ui/debugger-ui/src/lib/tx-browser/tx-browser.tsx
@@ -1,9 +1,9 @@
-import {CustomTooltip, isValidHash} from '@remix-ui/helper'
+import { CustomTooltip, isValidHash } from '@remix-ui/helper'
 import React, {useState, useEffect, useRef} from 'react' //eslint-disable-line
-import {useIntl, FormattedMessage} from 'react-intl'
+import { useIntl, FormattedMessage } from 'react-intl'
 import './tx-browser.css'
 
-export const TxBrowser = ({requestDebug, updateTxNumberFlag, unloadRequested, transactionNumber, debugging}) => {
+export const TxBrowser = ({ requestDebug, updateTxNumberFlag, unloadRequested, transactionNumber, debugging }) => {
   const [state, setState] = useState({
     txNumber: '',
     isTxNumberValid: false
@@ -63,7 +63,7 @@ export const TxBrowser = ({requestDebug, updateTxNumberFlag, unloadRequested, tr
         onClick={handleSubmit}
         data-id="debuggerTransactionStartButton"
         disabled={!state.txNumber || !state.isTxNumberValid}
-        style={{pointerEvents: 'none', color: 'white'}}
+        style={{ pointerEvents: 'none', color: 'white' }}
       >
         <span>
           <FormattedMessage id={`debugger.${debugging ? 'stopDebugging' : 'startDebugging'}`} />
@@ -81,9 +81,9 @@ export const TxBrowser = ({requestDebug, updateTxNumberFlag, unloadRequested, tr
             className="form-control m-0 txinput"
             id="txinput"
             type="text"
-            onChange={({target: {value}}) => txInputChanged(value)}
+            onChange={({ target: { value } }) => txInputChanged(value)}
             onInput={txInputOnInput}
-            placeholder={intl.formatMessage({id: 'debugger.placeholder'})}
+            placeholder={intl.formatMessage({ id: 'debugger.placeholder' })}
             data-id="debuggerTransactionInput"
             disabled={debugging}
           />
diff --git a/libs/remix-ui/debugger-ui/src/lib/vm-debugger/assembly-items.tsx b/libs/remix-ui/debugger-ui/src/lib/vm-debugger/assembly-items.tsx
index 96c194e93f..2330257708 100644
--- a/libs/remix-ui/debugger-ui/src/lib/vm-debugger/assembly-items.tsx
+++ b/libs/remix-ui/debugger-ui/src/lib/vm-debugger/assembly-items.tsx
@@ -1,9 +1,9 @@
 import React, {useState, useRef, useEffect, useReducer} from 'react' // eslint-disable-line
-import {FormattedMessage} from 'react-intl'
-import {initialState, reducer} from '../../reducers/assembly-items'
+import { FormattedMessage } from 'react-intl'
+import { initialState, reducer } from '../../reducers/assembly-items'
 import './styles/assembly-items.css'
 
-export const AssemblyItems = ({registerEvent}) => {
+export const AssemblyItems = ({ registerEvent }) => {
   const [assemblyItems, dispatch] = useReducer(reducer, initialState)
   const [absoluteSelectedIndex, setAbsoluteSelectedIndex] = useState(0)
   const [selectedItem, setSelectedItem] = useState(0)
@@ -34,7 +34,7 @@ export const AssemblyItems = ({registerEvent}) => {
       registerEvent('lineGasCostChanged', (instructionsIndexes: number[], line: []) => {
         dispatch({
           type: 'FETCH_INDEXES_FOR_NEW_LINE',
-          payload: {currentLineIndexes: instructionsIndexes || [], line}
+          payload: { currentLineIndexes: instructionsIndexes || [], line }
         })
       })
   }, [])
diff --git a/libs/remix-ui/debugger-ui/src/lib/vm-debugger/calldata-panel.tsx b/libs/remix-ui/debugger-ui/src/lib/vm-debugger/calldata-panel.tsx
index a7b01c5cc5..71c29247bc 100644
--- a/libs/remix-ui/debugger-ui/src/lib/vm-debugger/calldata-panel.tsx
+++ b/libs/remix-ui/debugger-ui/src/lib/vm-debugger/calldata-panel.tsx
@@ -1,7 +1,7 @@
 import React from 'react' // eslint-disable-line
 import DropdownPanel from './dropdown-panel' // eslint-disable-line
 
-export const CalldataPanel = ({calldata, className = ''}) => {
+export const CalldataPanel = ({ calldata, className = '' }) => {
   return (
     <div id="calldatapanel" className={className}>
       <DropdownPanel dropdownName="Call Data" calldata={calldata || {}} />
diff --git a/libs/remix-ui/debugger-ui/src/lib/vm-debugger/callstack-panel.tsx b/libs/remix-ui/debugger-ui/src/lib/vm-debugger/callstack-panel.tsx
index 1636fdf67d..3554c1f9b2 100644
--- a/libs/remix-ui/debugger-ui/src/lib/vm-debugger/callstack-panel.tsx
+++ b/libs/remix-ui/debugger-ui/src/lib/vm-debugger/callstack-panel.tsx
@@ -1,7 +1,7 @@
 import React from 'react' // eslint-disable-line
 import DropdownPanel from './dropdown-panel' // eslint-disable-line
 
-export const CallstackPanel = ({calldata, className}) => {
+export const CallstackPanel = ({ calldata, className }) => {
   return (
     <div id="callstackpanel" className={className}>
       <DropdownPanel dropdownName="Call Stack" calldata={calldata || {}} />
diff --git a/libs/remix-ui/debugger-ui/src/lib/vm-debugger/code-list-view.tsx b/libs/remix-ui/debugger-ui/src/lib/vm-debugger/code-list-view.tsx
index da2b6b0b7d..12e891061e 100644
--- a/libs/remix-ui/debugger-ui/src/lib/vm-debugger/code-list-view.tsx
+++ b/libs/remix-ui/debugger-ui/src/lib/vm-debugger/code-list-view.tsx
@@ -1,7 +1,7 @@
 import React, {useState, useEffect} from 'react' // eslint-disable-line
 import AssemblyItems from './assembly-items' // eslint-disable-line
 
-export const CodeListView = ({registerEvent, className = ''}) => {
+export const CodeListView = ({ registerEvent, className = '' }) => {
   return (
     <div className={className} id="asmcodes">
       <AssemblyItems registerEvent={registerEvent} />
diff --git a/libs/remix-ui/debugger-ui/src/lib/vm-debugger/dropdown-panel.tsx b/libs/remix-ui/debugger-ui/src/lib/vm-debugger/dropdown-panel.tsx
index 55174aee9b..bdcce84a11 100644
--- a/libs/remix-ui/debugger-ui/src/lib/vm-debugger/dropdown-panel.tsx
+++ b/libs/remix-ui/debugger-ui/src/lib/vm-debugger/dropdown-panel.tsx
@@ -1,10 +1,10 @@
 import React, {useState, useEffect, useReducer} from 'react' // eslint-disable-line
-import {useIntl} from 'react-intl'
+import { useIntl } from 'react-intl'
 import {TreeView, TreeViewItem} from '@remix-ui/tree-view' // eslint-disable-line
 import {DropdownPanelProps, ExtractData, ExtractFunc} from '../../types' // eslint-disable-line
 import {CopyToClipboard} from '@remix-ui/clipboard' // eslint-disable-line
-import {initialState, reducer} from '../../reducers/calldata'
-import {isBigInt} from 'web3-validator'
+import { initialState, reducer } from '../../reducers/calldata'
+import { isBigInt } from 'web3-validator'
 import './styles/dropdown-panel.css'
 
 export const DropdownPanel = (props: DropdownPanelProps) => {
@@ -34,14 +34,14 @@ export const DropdownPanel = (props: DropdownPanelProps) => {
 
     if (item instanceof Array) {
       ret.children = item.map((item, index) => {
-        return {key: index, value: item}
+        return { key: index, value: item }
       })
       ret.self = 'Array'
       ret.isNode = true
       ret.isLeaf = false
     } else if (item instanceof Object) {
       ret.children = Object.keys(item).map((key) => {
-        return {key: key, value: item[key]}
+        return { key: key, value: item[key] }
       })
       ret.self = 'Object'
       ret.isNode = true
@@ -90,7 +90,7 @@ export const DropdownPanel = (props: DropdownPanelProps) => {
     header: '',
     toggleDropdown: true,
     message: {
-      innerText: intl.formatMessage({id: 'debugger.noDataAvailable'}),
+      innerText: intl.formatMessage({ id: 'debugger.noDataAvailable' }),
       display: 'block'
     },
     dropdownContent: {
@@ -110,12 +110,12 @@ export const DropdownPanel = (props: DropdownPanelProps) => {
   useEffect(() => {
     registerEvent &&
       registerEvent(loadMoreCompletedEvent, (updatedCalldata) => {
-        dispatch({type: 'UPDATE_CALLDATA_SUCCESS', payload: updatedCalldata})
+        dispatch({ type: 'UPDATE_CALLDATA_SUCCESS', payload: updatedCalldata })
       })
   }, [])
 
   useEffect(() => {
-    dispatch({type: 'FETCH_CALLDATA_SUCCESS', payload: calldata})
+    dispatch({ type: 'FETCH_CALLDATA_SUCCESS', payload: calldata })
   }, [calldata])
 
   useEffect(() => {
@@ -199,7 +199,7 @@ export const DropdownPanel = (props: DropdownPanelProps) => {
         // replace 0xNaN with 0x0
         copiableContent,
         message: {
-          innerText: isEmpty ? intl.formatMessage({id: 'debugger.noDataAvailable'}) : '',
+          innerText: isEmpty ? intl.formatMessage({ id: 'debugger.noDataAvailable' }) : '',
           display: isEmpty ? 'block' : 'none'
         },
         updating: false,
@@ -232,7 +232,7 @@ export const DropdownPanel = (props: DropdownPanelProps) => {
                 id={'treeViewLoadMore'}
                 data-id={'treeViewLoadMore'}
                 className="cursor_pointer"
-                label={intl.formatMessage({id: 'debugger.loadMore'})}
+                label={intl.formatMessage({ id: 'debugger.loadMore' })}
                 onClick={() => {
                   triggerEvent(loadMoreEvent, [data.cursor])
                 }}
@@ -267,17 +267,17 @@ export const DropdownPanel = (props: DropdownPanelProps) => {
         <span className="nameDetail" onClick={handleToggle}>
           {header}
         </span>
-        <CopyToClipboard tip={intl.formatMessage({id: 'debugger.copy'})} content={state.copiableContent} data-id={`dropdownPanelCopyToClipboard${uniquePanelName}`} />
+        <CopyToClipboard tip={intl.formatMessage({ id: 'debugger.copy' })} content={state.copiableContent} data-id={`dropdownPanelCopyToClipboard${uniquePanelName}`} />
       </div>
-      <div className="dropdownpanel" style={{display: state.toggleDropdown ? 'block' : 'none'}}>
-        <i className="refresh fas fa-sync" style={{display: state.updating ? 'inline-block' : 'none'}} aria-hidden="true"></i>
-        <div className="dropdowncontent pb-2" style={{display: state.dropdownContent.display, ...bodyStyle}}>
+      <div className="dropdownpanel" style={{ display: state.toggleDropdown ? 'block' : 'none' }}>
+        <i className="refresh fas fa-sync" style={{ display: state.updating ? 'inline-block' : 'none' }} aria-hidden="true"></i>
+        <div className="dropdowncontent pb-2" style={{ display: state.dropdownContent.display, ...bodyStyle }}>
           {state.data && <TreeView id="treeView">{Object.keys(state.data).map((innerkey) => renderData(state.data[innerkey], state.data, innerkey, innerkey))}</TreeView>}
         </div>
         <div className="dropdownrawcontent" hidden={true}>
           {state.copiableContent}
         </div>
-        <div className="message" style={{display: state.message.display}}>
+        <div className="message" style={{ display: state.message.display }}>
           {state.message.innerText}
         </div>
       </div>
diff --git a/libs/remix-ui/debugger-ui/src/lib/vm-debugger/full-storages-changes.tsx b/libs/remix-ui/debugger-ui/src/lib/vm-debugger/full-storages-changes.tsx
index 46ef22dbbd..b053d932be 100644
--- a/libs/remix-ui/debugger-ui/src/lib/vm-debugger/full-storages-changes.tsx
+++ b/libs/remix-ui/debugger-ui/src/lib/vm-debugger/full-storages-changes.tsx
@@ -1,7 +1,7 @@
 import React from 'react' // eslint-disable-line
 import {DropdownPanel} from './dropdown-panel' // eslint-disable-line
 
-export const FullStoragesChanges = ({calldata, className = ''}) => {
+export const FullStoragesChanges = ({ calldata, className = '' }) => {
   return (
     <div className={className} id="fullstorageschangespanel">
       <DropdownPanel dropdownName="Full Storage Changes" calldata={calldata || {}} />
diff --git a/libs/remix-ui/debugger-ui/src/lib/vm-debugger/function-panel.tsx b/libs/remix-ui/debugger-ui/src/lib/vm-debugger/function-panel.tsx
index d2106977ed..9c76bd1649 100644
--- a/libs/remix-ui/debugger-ui/src/lib/vm-debugger/function-panel.tsx
+++ b/libs/remix-ui/debugger-ui/src/lib/vm-debugger/function-panel.tsx
@@ -2,7 +2,7 @@ import React, {useState, useEffect} from 'react' // eslint-disable-line
 import DropdownPanel from './dropdown-panel' // eslint-disable-line
 import {default as deepequal} from 'deep-equal' // eslint-disable-line
 
-export const FunctionPanel = ({data, className, stepManager}) => {
+export const FunctionPanel = ({ data, className, stepManager }) => {
   const [functionData, setFunctionData] = useState(null)
 
   useEffect(() => {
@@ -24,7 +24,7 @@ export const FunctionPanel = ({data, className, stepManager}) => {
   }
 
   return (
-    
+
     <div id="FunctionPanel" className={className} data-id="functionPanel">
       <DropdownPanel dropdownName="Function Stack" calldata={functionData || {}} formatSelfFunc={formatSelfFunc} formatClassNamesFunc={formatClassNamesFunc} handleExpandFunc={handleExpandFunc} />
     </div>
diff --git a/libs/remix-ui/debugger-ui/src/lib/vm-debugger/global-variables.tsx b/libs/remix-ui/debugger-ui/src/lib/vm-debugger/global-variables.tsx
index a649cc73b3..33d9e6c1f8 100644
--- a/libs/remix-ui/debugger-ui/src/lib/vm-debugger/global-variables.tsx
+++ b/libs/remix-ui/debugger-ui/src/lib/vm-debugger/global-variables.tsx
@@ -2,7 +2,7 @@ import React from 'react' // eslint-disable-line
 import DropdownPanel from './dropdown-panel' // eslint-disable-line
 import {toBigInt} from 'web3-utils' // eslint-disable-line
 
-export const GlobalVariables = ({block, receipt, tx, className}) => {
+export const GlobalVariables = ({ block, receipt, tx, className }) => {
   // see https://docs.soliditylang.org/en/latest/units-and-global-variables.html#block-and-transaction-properties
   const globals = {
     'block.chainid': tx && tx.chainId,
@@ -22,7 +22,7 @@ export const GlobalVariables = ({block, receipt, tx, className}) => {
 
   return (
     <div id="globalvariable" data-id="globalvariable" className={className}>
-      <DropdownPanel hexHighlight={false} bodyStyle={{fontFamily: 'monospace'}} dropdownName="Global Variables" calldata={globals || {}} />
+      <DropdownPanel hexHighlight={false} bodyStyle={{ fontFamily: 'monospace' }} dropdownName="Global Variables" calldata={globals || {}} />
     </div>
   )
 }
diff --git a/libs/remix-ui/debugger-ui/src/lib/vm-debugger/memory-panel.tsx b/libs/remix-ui/debugger-ui/src/lib/vm-debugger/memory-panel.tsx
index b92df380ed..7fcb07766f 100644
--- a/libs/remix-ui/debugger-ui/src/lib/vm-debugger/memory-panel.tsx
+++ b/libs/remix-ui/debugger-ui/src/lib/vm-debugger/memory-panel.tsx
@@ -1,10 +1,10 @@
 import React from 'react' // eslint-disable-line
 import DropdownPanel from './dropdown-panel' // eslint-disable-line
 
-export const MemoryPanel = ({calldata, className}) => {
+export const MemoryPanel = ({ calldata, className }) => {
   return (
     <div className={className}>
-      <DropdownPanel hexHighlight={true} bodyStyle={{fontFamily: 'monospace'}} dropdownName="Memory" calldata={calldata || {}} />
+      <DropdownPanel hexHighlight={true} bodyStyle={{ fontFamily: 'monospace' }} dropdownName="Memory" calldata={calldata || {}} />
     </div>
   )
 }
diff --git a/libs/remix-ui/debugger-ui/src/lib/vm-debugger/solidity-locals.tsx b/libs/remix-ui/debugger-ui/src/lib/vm-debugger/solidity-locals.tsx
index d2864200a3..e5abd074c0 100644
--- a/libs/remix-ui/debugger-ui/src/lib/vm-debugger/solidity-locals.tsx
+++ b/libs/remix-ui/debugger-ui/src/lib/vm-debugger/solidity-locals.tsx
@@ -3,7 +3,7 @@ import DropdownPanel from './dropdown-panel' // eslint-disable-line
 import {extractData} from '../../utils/solidityTypeFormatter' // eslint-disable-line
 import {ExtractData} from '../../types' // eslint-disable-line
 
-export const SolidityLocals = ({data, message, registerEvent, triggerEvent, className = ''}) => {
+export const SolidityLocals = ({ data, message, registerEvent, triggerEvent, className = '' }) => {
   const [calldata, setCalldata] = useState(null)
 
   useEffect(() => {
@@ -34,10 +34,10 @@ export const SolidityLocals = ({data, message, registerEvent, triggerEvent, clas
         }}
       >
         {' ' + key}:
-        <label className="mb-0" style={{color}}>
+        <label className="mb-0" style={{ color }}>
           {' ' + data.self}
         </label>
-        <label style={{fontStyle: 'italic'}}>{data.isProperty || !data.type ? '' : ' ' + data.type}</label>
+        <label style={{ fontStyle: 'italic' }}>{data.isProperty || !data.type ? '' : ' ' + data.type}</label>
       </label>
     )
   }
diff --git a/libs/remix-ui/debugger-ui/src/lib/vm-debugger/solidity-state.tsx b/libs/remix-ui/debugger-ui/src/lib/vm-debugger/solidity-state.tsx
index 0032208953..0b19a5e256 100644
--- a/libs/remix-ui/debugger-ui/src/lib/vm-debugger/solidity-state.tsx
+++ b/libs/remix-ui/debugger-ui/src/lib/vm-debugger/solidity-state.tsx
@@ -1,9 +1,9 @@
 import React from 'react' // eslint-disable-line
 import DropdownPanel from './dropdown-panel' // eslint-disable-line
-import {extractData} from '../../utils/solidityTypeFormatter'
+import { extractData } from '../../utils/solidityTypeFormatter'
 import {ExtractData} from '../../types' // eslint-disable-line
 
-export const SolidityState = ({calldata, message, className}) => {
+export const SolidityState = ({ calldata, message, className }) => {
   const formatSelf = (key: string, data: ExtractData) => {
     try {
       let color = 'var(--primary)'
@@ -26,10 +26,10 @@ export const SolidityState = ({calldata, message, className}) => {
           }}
         >
           {' ' + key}:
-          <label className="mb-0" style={{color}}>
+          <label className="mb-0" style={{ color }}>
             {' ' + data.self}
           </label>
-          <label style={{fontStyle: 'italic'}}>{data.isProperty || !data.type ? '' : ' ' + data.type}</label>
+          <label style={{ fontStyle: 'italic' }}>{data.isProperty || !data.type ? '' : ' ' + data.type}</label>
         </label>
       )
     } catch (e) {
diff --git a/libs/remix-ui/debugger-ui/src/lib/vm-debugger/stack-panel.tsx b/libs/remix-ui/debugger-ui/src/lib/vm-debugger/stack-panel.tsx
index 12dcf502cc..8a4db54de1 100644
--- a/libs/remix-ui/debugger-ui/src/lib/vm-debugger/stack-panel.tsx
+++ b/libs/remix-ui/debugger-ui/src/lib/vm-debugger/stack-panel.tsx
@@ -1,10 +1,10 @@
 import React from 'react' // eslint-disable-line
 import DropdownPanel from './dropdown-panel' // eslint-disable-line
 
-export const StackPanel = ({calldata, className}) => {
+export const StackPanel = ({ calldata, className }) => {
   return (
     <div id="stackpanel" className={className}>
-      <DropdownPanel hexHighlight={true} bodyStyle={{fontFamily: 'monospace'}} dropdownName="Stack" calldata={calldata || {}} />
+      <DropdownPanel hexHighlight={true} bodyStyle={{ fontFamily: 'monospace' }} dropdownName="Stack" calldata={calldata || {}} />
     </div>
   )
 }
diff --git a/libs/remix-ui/debugger-ui/src/lib/vm-debugger/step-detail.tsx b/libs/remix-ui/debugger-ui/src/lib/vm-debugger/step-detail.tsx
index e64bad1005..ba38925d18 100644
--- a/libs/remix-ui/debugger-ui/src/lib/vm-debugger/step-detail.tsx
+++ b/libs/remix-ui/debugger-ui/src/lib/vm-debugger/step-detail.tsx
@@ -1,7 +1,7 @@
 import React from 'react' // eslint-disable-line
 import DropdownPanel from './dropdown-panel' // eslint-disable-line
 
-export const StepDetail = ({stepDetail, className = ''}) => {
+export const StepDetail = ({ stepDetail, className = '' }) => {
   return (
     <div className={className} id="stepdetail" data-id="stepdetail">
       <DropdownPanel className={className} hexHighlight={false} dropdownName="Step details" calldata={stepDetail || {}} />
diff --git a/libs/remix-ui/debugger-ui/src/lib/vm-debugger/storage-panel.tsx b/libs/remix-ui/debugger-ui/src/lib/vm-debugger/storage-panel.tsx
index 7514ab633f..06009a4dfc 100644
--- a/libs/remix-ui/debugger-ui/src/lib/vm-debugger/storage-panel.tsx
+++ b/libs/remix-ui/debugger-ui/src/lib/vm-debugger/storage-panel.tsx
@@ -1,7 +1,7 @@
 import React from 'react' // eslint-disable-line
 import DropdownPanel from './dropdown-panel' // eslint-disable-line
 
-export const StoragePanel = ({calldata, header, className}) => {
+export const StoragePanel = ({ calldata, header, className }) => {
   return (
     <div id="storagepanel" className={className}>
       <DropdownPanel dropdownName="Storage" calldata={calldata || {}} header={header} />
diff --git a/libs/remix-ui/debugger-ui/src/lib/vm-debugger/vm-debugger-head.tsx b/libs/remix-ui/debugger-ui/src/lib/vm-debugger/vm-debugger-head.tsx
index 035d5f619a..a2ef485944 100644
--- a/libs/remix-ui/debugger-ui/src/lib/vm-debugger/vm-debugger-head.tsx
+++ b/libs/remix-ui/debugger-ui/src/lib/vm-debugger/vm-debugger-head.tsx
@@ -5,7 +5,7 @@ import StepDetail from './step-detail' // eslint-disable-line
 import SolidityState from './solidity-state' // eslint-disable-line
 import SolidityLocals from './solidity-locals' // eslint-disable-line
 
-export const VmDebuggerHead = ({vmDebugger: {registerEvent, triggerEvent}, debugging, stepManager}) => {
+export const VmDebuggerHead = ({ vmDebugger: { registerEvent, triggerEvent }, debugging, stepManager }) => {
   const [functionPanel, setFunctionPanel] = useState(null)
   const [stepDetail, setStepDetail] = useState({
     'vm trace step': '-',
@@ -69,73 +69,73 @@ export const VmDebuggerHead = ({vmDebugger: {registerEvent, triggerEvent}, debug
     registerEvent &&
       registerEvent('traceCurrentStepUpdate', (error, step) => {
         setStepDetail((prevState) => {
-          return {...prevState, 'execution step': error ? '-' : step}
+          return { ...prevState, 'execution step': error ? '-' : step }
         })
       })
     registerEvent &&
       registerEvent('traceMemExpandUpdate', (error, addmem) => {
         setStepDetail((prevState) => {
-          return {...prevState, 'add memory': error ? '-' : addmem}
+          return { ...prevState, 'add memory': error ? '-' : addmem }
         })
       })
     registerEvent &&
       registerEvent('traceStepCostUpdate', (error, gas) => {
         setStepDetail((prevState) => {
-          return {...prevState, gas: error ? '-' : gas}
+          return { ...prevState, gas: error ? '-' : gas }
         })
       })
     registerEvent &&
       registerEvent('traceCurrentCalledAddressAtUpdate', (error, address) => {
         setStepDetail((prevState) => {
-          return {...prevState, 'loaded address': error ? '-' : address}
+          return { ...prevState, 'loaded address': error ? '-' : address }
         })
       })
     registerEvent &&
       registerEvent('traceRemainingGasUpdate', (error, remainingGas) => {
         setStepDetail((prevState) => {
-          return {...prevState, 'remaining gas': error ? '-' : remainingGas}
+          return { ...prevState, 'remaining gas': error ? '-' : remainingGas }
         })
       })
     registerEvent &&
       registerEvent('indexUpdate', (index) => {
         setStepDetail((prevState) => {
-          return {...prevState, 'vm trace step': index}
+          return { ...prevState, 'vm trace step': index }
         })
       })
     registerEvent &&
       registerEvent('solidityState', (calldata) => {
         setSolidityState(() => {
-          return {...solidityState, calldata}
+          return { ...solidityState, calldata }
         })
       })
     registerEvent &&
       registerEvent('solidityStateMessage', (message) => {
         setSolidityState(() => {
-          return {...solidityState, message}
+          return { ...solidityState, message }
         })
       })
     registerEvent &&
       registerEvent('solidityLocals', (calldata) => {
         setSolidityLocals(() => {
-          return {...solidityLocals, calldata}
+          return { ...solidityLocals, calldata }
         })
       })
     registerEvent &&
       registerEvent('solidityLocalsMessage', (message) => {
         setSolidityLocals(() => {
-          return {...solidityLocals, message}
+          return { ...solidityLocals, message }
         })
       })
   }, [debugging])
 
   return (
     <div id="vmheadView" className="mt-1 px-2 d-flex">
-      <div className="d-flex flex-column pr-2" style={{flex: 1}}>
+      <div className="d-flex flex-column pr-2" style={{ flex: 1 }}>
         <FunctionPanel className="pb-1" data={functionPanel} stepManager={stepManager} />
         <SolidityLocals className="pb-1" data={solidityLocals.calldata} message={solidityLocals.message} registerEvent={registerEvent} triggerEvent={triggerEvent} />
         <CodeListView className="pb-2 flex-grow-1" registerEvent={registerEvent} />
       </div>
-      <div className="d-flex flex-column pl-2" style={{flex: 1}}>
+      <div className="d-flex flex-column pl-2" style={{ flex: 1 }}>
         <SolidityState className="pb-1" calldata={solidityState.calldata} message={solidityState.message} />
         <StepDetail className="pb-1 pb-2 h-100 flex-grow-1" stepDetail={stepDetail} />
       </div>
diff --git a/libs/remix-ui/debugger-ui/src/lib/vm-debugger/vm-debugger.tsx b/libs/remix-ui/debugger-ui/src/lib/vm-debugger/vm-debugger.tsx
index 3231e18bcb..442c692ae3 100644
--- a/libs/remix-ui/debugger-ui/src/lib/vm-debugger/vm-debugger.tsx
+++ b/libs/remix-ui/debugger-ui/src/lib/vm-debugger/vm-debugger.tsx
@@ -8,7 +8,7 @@ import ReturnValuesPanel from './dropdown-panel' // eslint-disable-line
 import FullStoragesChangesPanel from './full-storages-changes' // eslint-disable-line
 import GlobalVariables from './global-variables' // eslint-disable-line
 
-export const VmDebugger = ({vmDebugger: {registerEvent}, currentBlock, currentReceipt, currentTransaction, debugging}) => {
+export const VmDebugger = ({ vmDebugger: { registerEvent }, currentBlock, currentReceipt, currentTransaction, debugging }) => {
   const [calldataPanel, setCalldataPanel] = useState(null)
   const [memoryPanel, setMemoryPanel] = useState(null)
   const [callStackPanel, setCallStackPanel] = useState(null)
@@ -40,7 +40,7 @@ export const VmDebugger = ({vmDebugger: {registerEvent}, currentBlock, currentRe
     registerEvent &&
       registerEvent('traceManagerStorageUpdate', (calldata, header) => {
         setStoragePanel(() => {
-          return {calldata, header}
+          return { calldata, header }
         })
       })
     registerEvent &&
diff --git a/libs/remix-ui/drag-n-drop/src/lib/drag-n-drop.tsx b/libs/remix-ui/drag-n-drop/src/lib/drag-n-drop.tsx
index 5549a5ef33..d03a3ac8b2 100644
--- a/libs/remix-ui/drag-n-drop/src/lib/drag-n-drop.tsx
+++ b/libs/remix-ui/drag-n-drop/src/lib/drag-n-drop.tsx
@@ -1,7 +1,7 @@
-import {extractParentFromKey} from '@remix-ui/helper'
-import React, {useContext, useRef, useState} from 'react'
-import {MoveContext} from './context/moveContext'
-import {DraggableType, DragType} from './types'
+import { extractParentFromKey } from '@remix-ui/helper'
+import React, { useContext, useRef, useState } from 'react'
+import { MoveContext } from './context/moveContext'
+import { DraggableType, DragType } from './types'
 
 export const Drag = (props: DragType) => {
   const [dragged, setDragged] = useState<{path: string; isDirectory: boolean}>({} as {path: string; isDirectory: boolean})
@@ -56,7 +56,7 @@ export const Draggable = (props: DraggableType) => {
   const handleDragover = (event: React.DragEvent<HTMLSpanElement>) => {
     //Checks if the folder is opened
     event.preventDefault()
-    if (destination.isDirectory && !props.expandedPath.includes(destination.path) && folderToOpen !== destination.path &&  props.handleClickFolder) {
+    if (destination.isDirectory && !props.expandedPath.includes(destination.path) && folderToOpen !== destination.path && props.handleClickFolder) {
       setFolderToOpen(destination.path)
       timer && clearTimeout(timer)
       setTimer(
diff --git a/libs/remix-ui/editor/src/lib/actions/editor.ts b/libs/remix-ui/editor/src/lib/actions/editor.ts
index f6d82dc757..d533823af1 100644
--- a/libs/remix-ui/editor/src/lib/actions/editor.ts
+++ b/libs/remix-ui/editor/src/lib/actions/editor.ts
@@ -87,7 +87,7 @@ export const reducerActions = (models = initialState, action: Action) => {
     const size = action.payload.size
     if (size === 1) {
       editor.trigger('keyboard', 'editor.action.fontZoomIn', {});
-    } else{
+    } else {
       editor.trigger('keyboard', 'editor.action.fontZoomOut', {});
     }
     return models
diff --git a/libs/remix-ui/editor/src/lib/hardhat-ethers-extension.ts b/libs/remix-ui/editor/src/lib/hardhat-ethers-extension.ts
index 13cfaf0066..0dd3974406 100644
--- a/libs/remix-ui/editor/src/lib/hardhat-ethers-extension.ts
+++ b/libs/remix-ui/editor/src/lib/hardhat-ethers-extension.ts
@@ -1,4 +1,4 @@
-export const hardhatEthersExtension = 
+export const hardhatEthersExtension =
 `
 interface Libraries {
     [libraryName: string]: string;
diff --git a/libs/remix-ui/editor/src/lib/providers/codeActionProvider.ts b/libs/remix-ui/editor/src/lib/providers/codeActionProvider.ts
index 9670282e9f..3596ce6f16 100644
--- a/libs/remix-ui/editor/src/lib/providers/codeActionProvider.ts
+++ b/libs/remix-ui/editor/src/lib/providers/codeActionProvider.ts
@@ -1,7 +1,7 @@
-import {Monaco} from '@monaco-editor/react'
+import { Monaco } from '@monaco-editor/react'
 import monaco from '../../types/monaco'
-import {EditorUIProps} from '../remix-ui-editor'
-import {default as fixesList} from './quickfixes'
+import { EditorUIProps } from '../remix-ui-editor'
+import { default as fixesList } from './quickfixes'
 
 export class RemixCodeActionProvider implements monaco.languages.CodeActionProvider {
   props: EditorUIProps
@@ -75,7 +75,7 @@ export class RemixCodeActionProvider implements monaco.languages.CodeActionProvi
             case 9.1:
             case 9.2:
             case 10.1:
-            case 10.2: 
+            case 10.2:
             case 10.3:
             case 11.1:
             case 11.2: {
@@ -115,7 +115,7 @@ export class RemixCodeActionProvider implements monaco.languages.CodeActionProvi
    * @param fix details of quick fix to apply
    */
   addQuickFix(actions: monaco.languages.CodeAction[], error: monaco.editor.IMarkerData, uri: monaco.Uri, fix: Record<string, any>) {
-    const {id, title, range, text} = fix
+    const { id, title, range, text } = fix
     actions.push({
       title,
       diagnostics: [error],
@@ -124,7 +124,7 @@ export class RemixCodeActionProvider implements monaco.languages.CodeActionProvi
         edits: [
           {
             resource: uri,
-            textEdit: {range, text},
+            textEdit: { range, text },
             versionId: undefined
           }
         ]
diff --git a/libs/remix-ui/editor/src/lib/providers/completion/completionGlobals.ts b/libs/remix-ui/editor/src/lib/providers/completion/completionGlobals.ts
index 1b89b72af7..cd8fc48e67 100644
--- a/libs/remix-ui/editor/src/lib/providers/completion/completionGlobals.ts
+++ b/libs/remix-ui/editor/src/lib/providers/completion/completionGlobals.ts
@@ -33,7 +33,6 @@ export function getBytesCompletionItems(range: monacoTypes.IRange, monaco): mona
   ]
 }
 
-
 export function getBlockCompletionItems(range: monacoTypes.IRange, monaco): monacoTypes.languages.CompletionItem[] {
   return [
     {
@@ -442,7 +441,6 @@ export function getAbiCompletionItems(range: monacoTypes.IRange, monaco): monaco
   ];
 }
 
-
 export function GetCompletionTypes(range: monacoTypes.IRange, monaco): monacoTypes.languages.CompletionItem[] {
   const completionItems = [];
   const types = ['address', 'string', 'bytes', 'byte', 'int', 'uint', 'bool', 'hash'];
@@ -510,7 +508,6 @@ export function GetCompletionKeywords(range: monacoTypes.IRange, monaco): monaco
   return completionItems;
 }
 
-
 export function GeCompletionUnits(range: monacoTypes.IRange, monaco): monacoTypes.languages.CompletionItem[] {
   const completionItems = [];
   const etherUnits = ['wei', 'gwei', 'finney', 'szabo', 'ether'];
@@ -557,7 +554,6 @@ export function GetImports(range: monacoTypes.IRange
         }
       })]
 
-
     list = [...list,
       ...data.files
         .filter((item) => item.startsWith(word))
diff --git a/libs/remix-ui/editor/src/lib/providers/completionProvider.ts b/libs/remix-ui/editor/src/lib/providers/completionProvider.ts
index d375748413..66fbe8a10e 100644
--- a/libs/remix-ui/editor/src/lib/providers/completionProvider.ts
+++ b/libs/remix-ui/editor/src/lib/providers/completionProvider.ts
@@ -158,7 +158,6 @@ export class RemixCompletionProvider implements monacoTypes.languages.Completion
       return variableDeclaration
     }
 
-
     for (const node of Object.values(filteredNodes) as any[]) {
       if (!node.name) continue
       if (node.nodeType === 'VariableDeclaration') {
@@ -282,7 +281,7 @@ export class RemixCompletionProvider implements monacoTypes.languages.Completion
           } else { // we use the block info from the nodesAtPosition
             const contractNodes = fileNodes.contracts[node.name].contractNodes
             for (const contractNode of Object.values(contractNodes)) {
-              if((contractNode as any).nodeType === 'Block'){
+              if ((contractNode as any).nodeType === 'Block'){
                 const nodeOfScope = await this.props.plugin.call('codeParser', 'getNodesWithScope', (contractNode as any).id)
                 nodes = [...nodes, ...nodeOfScope]
               }
@@ -348,7 +347,6 @@ export class RemixCompletionProvider implements monacoTypes.languages.Completion
       })
     }
 
-
     for (const nodeOfScope of contractCompletions) {
       if (nodeOfScope.name === nameOfLastTypedExpression) {
         if (nodeOfScope.typeName && nodeOfScope.typeName.nodeType === 'UserDefinedTypeName') {
@@ -373,8 +371,6 @@ export class RemixCompletionProvider implements monacoTypes.languages.Completion
 
     }
 
-
-
     return { nodes, suggestions }
   }
 
@@ -392,9 +388,9 @@ export class RemixCompletionProvider implements monacoTypes.languages.Completion
   }
 
   /**
-     * 
-     * @param lineTextBeforeCursor 
-     * @returns 
+     *
+     * @param lineTextBeforeCursor
+     * @returns
      */
   private async getLastNodeInExpression(lineTextBeforeCursor: string) {
 
diff --git a/libs/remix-ui/editor/src/lib/providers/definitionProvider.ts b/libs/remix-ui/editor/src/lib/providers/definitionProvider.ts
index 247a215eab..d74a5a0750 100644
--- a/libs/remix-ui/editor/src/lib/providers/definitionProvider.ts
+++ b/libs/remix-ui/editor/src/lib/providers/definitionProvider.ts
@@ -77,7 +77,7 @@ export class RemixDefinitionProvider implements monaco.languages.DefinitionProvi
         return pos
       }
     }
-    const lastCompilationResult = await this.props.plugin.call('codeParser', 'getLastCompilationResult')  // await this.props.plugin.call('compilerArtefacts', 'getLastCompilationResult')
+    const lastCompilationResult = await this.props.plugin.call('codeParser', 'getLastCompilationResult') // await this.props.plugin.call('compilerArtefacts', 'getLastCompilationResult')
     if (lastCompilationResult && lastCompilationResult.languageversion.indexOf('soljson') === 0 && lastCompilationResult.data) {
 
       const lineColumn = await this.props.plugin.call('codeParser', 'getLineColumnOfPosition', position)
diff --git a/libs/remix-ui/editor/src/lib/providers/hoverProvider.ts b/libs/remix-ui/editor/src/lib/providers/hoverProvider.ts
index 035eca6f4f..60523bdeac 100644
--- a/libs/remix-ui/editor/src/lib/providers/hoverProvider.ts
+++ b/libs/remix-ui/editor/src/lib/providers/hoverProvider.ts
@@ -46,7 +46,6 @@ export class RemixHoverProvider implements monacoTypes.languages.HoverProvider {
       return await this.props.plugin.call('codeParser', 'getVariableDeclaration', node)
     }
 
-
     const getParamaters = async (node: any) => {
       return await this.props.plugin.call('codeParser', 'getFunctionParamaters', node)
     }
@@ -55,7 +54,6 @@ export class RemixHoverProvider implements monacoTypes.languages.HoverProvider {
       return await this.props.plugin.call('codeParser', 'getFunctionReturnParameters', node)
     }
 
-
     const getOverrides = async (node: any) => {
       if (node.overrides) {
         const overrides = []
@@ -179,7 +177,7 @@ export class RemixHoverProvider implements monacoTypes.languages.HoverProvider {
 
       try {
         const decodedVar = await this.props.plugin.call('debugger', 'decodeStateVariable', nodeAtPosition.id)
-        if (decodedVar !== null  && decodedVar.type) {
+        if (decodedVar !== null && decodedVar.type) {
           contents.push({
             value: `STATE VARIABLE ${nodeAtPosition.name}:  ${typeof(decodedVar.value) === 'string' ? decodedVar.value : JSON.stringify(decodedVar.value, null, '\t')}`
           })
diff --git a/libs/remix-ui/editor/src/lib/providers/inlineCompletionProvider.ts b/libs/remix-ui/editor/src/lib/providers/inlineCompletionProvider.ts
index 601a5513e3..92c79914b5 100644
--- a/libs/remix-ui/editor/src/lib/providers/inlineCompletionProvider.ts
+++ b/libs/remix-ui/editor/src/lib/providers/inlineCompletionProvider.ts
@@ -2,7 +2,7 @@
 import { EditorUIProps, monacoTypes } from '@remix-ui/editor';
 import { CompletionTimer } from './completionTimer';
 
-import axios, {AxiosResponse} from 'axios'
+import axios, { AxiosResponse } from 'axios'
 import { slice } from 'lodash';
 const _paq = (window._paq = window._paq || [])
 
@@ -20,7 +20,6 @@ export class RemixInLineCompletionProvider implements monacoTypes.languages.Inli
     this.completionEnabled = true
   }
 
-
   async provideInlineCompletions(model: monacoTypes.editor.ITextModel, position: monacoTypes.Position, context: monacoTypes.languages.InlineCompletionContext, token: monacoTypes.CancellationToken): Promise<monacoTypes.languages.InlineCompletions<monacoTypes.languages.InlineCompletion>> {
     if (context.selectedSuggestionInfo) {
       return;
@@ -28,7 +27,7 @@ export class RemixInLineCompletionProvider implements monacoTypes.languages.Inli
     const getTextAtLine = (lineNumber) => {
       const lineRange = model.getFullModelRange().setStartPosition(lineNumber, 1).setEndPosition(lineNumber + 1, 1);
       return model.getValueInRange(lineRange);
-    } 
+    }
     // get text before the position of the completion
     const word = model.getValueInRange({
       startLineNumber: 1,
@@ -46,13 +45,13 @@ export class RemixInLineCompletionProvider implements monacoTypes.languages.Inli
     });
 
     if (!word.endsWith(' ') &&
-      !word.endsWith('.') && 
+      !word.endsWith('.') &&
       !word.endsWith('(')) {
       return;
     }
 
     try {
-      const isActivate = await  await this.props.plugin.call('settings', 'get', 'settings/copilot/suggest/activate')
+      const isActivate = await await this.props.plugin.call('settings', 'get', 'settings/copilot/suggest/activate')
       if (!isActivate) return
     } catch (err) {
       return;
@@ -63,8 +62,8 @@ export class RemixInLineCompletionProvider implements monacoTypes.languages.Inli
       if (split.length < 2) return
       const ask = split[split.length - 2].trimStart()
       if (split[split.length - 1].trim() === '' && ask.startsWith('///')) {
-        // use the code generation model, only take max 1000 word as context 
-        this.props.plugin.call('terminal', 'log', {type: 'aitypewriterwarning', value: 'Solcoder - generating code for following comment: ' + ask.replace('///', '')})
+        // use the code generation model, only take max 1000 word as context
+        this.props.plugin.call('terminal', 'log', { type: 'aitypewriterwarning', value: 'Solcoder - generating code for following comment: ' + ask.replace('///', '') })
 
         const data = await this.props.plugin.call('solcoder', 'code_generation', word)
         _paq.push(['trackEvent', 'ai', 'solcoder', 'code_generation'])
@@ -81,17 +80,17 @@ export class RemixInLineCompletionProvider implements monacoTypes.languages.Inli
     } catch (e) {
       console.error(e)
       return
-    }   
+    }
 
-    if (word.split('\n').at(-1).trimStart().startsWith('//') || 
+    if (word.split('\n').at(-1).trimStart().startsWith('//') ||
         word.split('\n').at(-1).trimStart().startsWith('/*') ||
         word.split('\n').at(-1).trimStart().startsWith('*') ||
         word.split('\n').at(-1).trimStart().startsWith('*/') ||
-        word.split('\n').at(-1).endsWith(';') 
+        word.split('\n').at(-1).endsWith(';')
     ){
       return; // do not do completion on single and multiline comment
     }
-    
+
     // abort if there is a signal
     if (token.isCancellationRequested) {
       return
@@ -104,10 +103,10 @@ export class RemixInLineCompletionProvider implements monacoTypes.languages.Inli
 
     if (word.replace(/ +$/, '').endsWith('\n')){
       // Code insertion
-      try{
+      try {
         const output = await this.props.plugin.call('solcoder', 'code_insertion', word, word_after)
         _paq.push(['trackEvent', 'ai', 'solcoder', 'code_insertion'])
-        const generatedText = output[0] // no need to clean it. should already be 
+        const generatedText = output[0] // no need to clean it. should already be
 
         const item: monacoTypes.languages.InlineCompletion = {
           insertText: generatedText
@@ -166,7 +165,7 @@ export class RemixInLineCompletionProvider implements monacoTypes.languages.Inli
     if (clean.startsWith('//') || clean.startsWith('/*') || clean.startsWith('*') || clean.startsWith('*/')){
       return ""
     }
-    // remove comment inline 
+    // remove comment inline
     clean = clean.split('//')[0].trimEnd()
     return clean
   }
diff --git a/libs/remix-ui/editor/src/lib/remix-ui-editor.tsx b/libs/remix-ui/editor/src/lib/remix-ui-editor.tsx
index 16bd12b1cf..b43b97fe6d 100644
--- a/libs/remix-ui/editor/src/lib/remix-ui-editor.tsx
+++ b/libs/remix-ui/editor/src/lib/remix-ui-editor.tsx
@@ -152,16 +152,16 @@ export const EditorUI = (props: EditorUIProps) => {
   \t\t\t\t\t\t\t| |_) | |  _|   | |\\/| |  | |   \\  /    | |  | | | | |  _|  
   \t\t\t\t\t\t\t|  _ <  | |___  | |  | |  | |   /  \\    | |  | |_| | | |___ 
   \t\t\t\t\t\t\t|_| \\_\\ |_____| |_|  |_| |___| /_/\\_\\  |___| |____/  |_____|\n\n
-  \t\t\t\t\t\t\t${intl.formatMessage({id: 'editor.keyboardShortcuts'})}:\n
-  \t\t\t\t\t\t\t\tCTRL + S: ${intl.formatMessage({id: 'editor.keyboardShortcuts.text1'})}\n
-  \t\t\t\t\t\t\t\tCTRL + Shift + F : ${intl.formatMessage({id: 'editor.keyboardShortcuts.text2'})}\n
-  \t\t\t\t\t\t\t\tCTRL + Shift + A : ${intl.formatMessage({id: 'editor.keyboardShortcuts.text3'})}\n
-  \t\t\t\t\t\t\t\tCTRL + SHIFT + S: ${intl.formatMessage({id: 'editor.keyboardShortcuts.text4'})}\n
-  \t\t\t\t\t\t\t${intl.formatMessage({id: 'editor.editorKeyboardShortcuts'})}:\n
-  \t\t\t\t\t\t\t\tCTRL + Alt + F : ${intl.formatMessage({id: 'editor.editorKeyboardShortcuts.text1'})}\n
-  \t\t\t\t\t\t\t${intl.formatMessage({id: 'editor.importantLinks'})}:\n
-  \t\t\t\t\t\t\t\t${intl.formatMessage({id: 'editor.importantLinks.text1'})}: https://remix-project.org/\n
-  \t\t\t\t\t\t\t\t${intl.formatMessage({id: 'editor.importantLinks.text2'})}: https://remix-ide.readthedocs.io/en/latest/\n
+  \t\t\t\t\t\t\t${intl.formatMessage({ id: 'editor.keyboardShortcuts' })}:\n
+  \t\t\t\t\t\t\t\tCTRL + S: ${intl.formatMessage({ id: 'editor.keyboardShortcuts.text1' })}\n
+  \t\t\t\t\t\t\t\tCTRL + Shift + F : ${intl.formatMessage({ id: 'editor.keyboardShortcuts.text2' })}\n
+  \t\t\t\t\t\t\t\tCTRL + Shift + A : ${intl.formatMessage({ id: 'editor.keyboardShortcuts.text3' })}\n
+  \t\t\t\t\t\t\t\tCTRL + SHIFT + S: ${intl.formatMessage({ id: 'editor.keyboardShortcuts.text4' })}\n
+  \t\t\t\t\t\t\t${intl.formatMessage({ id: 'editor.editorKeyboardShortcuts' })}:\n
+  \t\t\t\t\t\t\t\tCTRL + Alt + F : ${intl.formatMessage({ id: 'editor.editorKeyboardShortcuts.text1' })}\n
+  \t\t\t\t\t\t\t${intl.formatMessage({ id: 'editor.importantLinks' })}:\n
+  \t\t\t\t\t\t\t\t${intl.formatMessage({ id: 'editor.importantLinks.text1' })}: https://remix-project.org/\n
+  \t\t\t\t\t\t\t\t${intl.formatMessage({ id: 'editor.importantLinks.text2' })}: https://remix-ide.readthedocs.io/en/latest/\n
   \t\t\t\t\t\t\t\tGithub: https://github.com/ethereum/remix-project\n
   \t\t\t\t\t\t\t\tGitter: https://gitter.im/ethereum/remix\n
   \t\t\t\t\t\t\t\tMedium: https://medium.com/remix-ide\n
@@ -472,7 +472,7 @@ export const EditorUI = (props: EditorUIProps) => {
 
   const addDecoration = (decoration: sourceAnnotation | sourceMarker, filePath: string, typeOfDecoration: string) => {
     const model = editorModelsState[filePath]?.model
-    if (!model) return { currentDecorations: [] }
+    if (!model) return { currentDecorations: []}
     const monacoDecoration = convertToMonacoDecoration(decoration, typeOfDecoration)
     return {
       currentDecorations: model.deltaDecorations([], [monacoDecoration]),
@@ -629,7 +629,7 @@ export const EditorUI = (props: EditorUIProps) => {
       if (!pasteCodeRef.current && e && e.range && e.range.startLineNumber >= 0 && e.range.endLineNumber >= 0 && e.range.endLineNumber - e.range.startLineNumber > 10) {
         const modalContent: AlertModal = {
           id: 'newCodePasted',
-          title: intl.formatMessage({id: 'editor.title1'}),
+          title: intl.formatMessage({ id: 'editor.title1' }),
           message: (
             <div>
               {' '}
@@ -638,7 +638,7 @@ export const EditorUI = (props: EditorUIProps) => {
               <div>
                 <FormattedMessage id="editor.title1.message2" />
                 <div className="mt-2">
-                  <FormattedMessage id="editor.title1.message3" values={{span: (chunks) => <span className="text-warning">{chunks}</span>}} />
+                  <FormattedMessage id="editor.title1.message3" values={{ span: (chunks) => <span className="text-warning">{chunks}</span> }} />
                 </div>
                 <div className="text-warning  mt-2">
                   <FormattedMessage id="editor.title1.message4" />
@@ -670,7 +670,7 @@ export const EditorUI = (props: EditorUIProps) => {
     // add context menu items
     const zoominAction = {
       id: 'zoomIn',
-      label: intl.formatMessage({id: 'editor.zoomIn'}),
+      label: intl.formatMessage({ id: 'editor.zoomIn' }),
       contextMenuOrder: 0, // choose the order
       contextMenuGroupId: 'zooming', // create a new grouping
       keybindings: [
@@ -683,7 +683,7 @@ export const EditorUI = (props: EditorUIProps) => {
     }
     const zoomOutAction = {
       id: 'zoomOut',
-      label: intl.formatMessage({id: 'editor.zoomOut'}),
+      label: intl.formatMessage({ id: 'editor.zoomOut' }),
       contextMenuOrder: 0, // choose the order
       contextMenuGroupId: 'zooming', // create a new grouping
       keybindings: [
@@ -696,7 +696,7 @@ export const EditorUI = (props: EditorUIProps) => {
     }
     const formatAction = {
       id: 'autoFormat',
-      label: intl.formatMessage({id: 'editor.formatCode'}),
+      label: intl.formatMessage({ id: 'editor.formatCode' }),
       contextMenuOrder: 0, // choose the order
       contextMenuGroupId: 'formatting', // create a new grouping
       keybindings: [
@@ -712,14 +712,14 @@ export const EditorUI = (props: EditorUIProps) => {
     let gptGenerateDocumentationAction
     const executeGptGenerateDocumentationAction = {
       id: 'generateDocumentation',
-      label: intl.formatMessage({id: 'editor.generateDocumentation'}),
+      label: intl.formatMessage({ id: 'editor.generateDocumentation' }),
       contextMenuOrder: 0, // choose the order
       contextMenuGroupId: 'gtp', // create a new grouping
       keybindings: [],
       run: async () => {
         const file = await props.plugin.call('fileManager', 'getCurrentFile')
         const content = await props.plugin.call('fileManager', 'readFile', file)
-        const message = intl.formatMessage({id: 'editor.generateDocumentationByAI'}, {content, currentFunction: currentFunction.current})
+        const message = intl.formatMessage({ id: 'editor.generateDocumentationByAI' }, { content, currentFunction: currentFunction.current })
         await props.plugin.call('openaigpt', 'message', message)
         _paq.push(['trackEvent', 'ai', 'openai', 'generateDocumentation'])
       },
@@ -728,14 +728,14 @@ export const EditorUI = (props: EditorUIProps) => {
     let gptExplainFunctionAction
     const executegptExplainFunctionAction = {
       id: 'explainFunction',
-      label: intl.formatMessage({id: 'editor.explainFunction'}),
+      label: intl.formatMessage({ id: 'editor.explainFunction' }),
       contextMenuOrder: 1, // choose the order
       contextMenuGroupId: 'gtp', // create a new grouping
       keybindings: [],
       run: async () => {
         const file = await props.plugin.call('fileManager', 'getCurrentFile')
         const content = await props.plugin.call('fileManager', 'readFile', file)
-        const message = intl.formatMessage({id: 'editor.explainFunctionByAI'}, {content, currentFunction: currentFunction.current})
+        const message = intl.formatMessage({ id: 'editor.explainFunctionByAI' }, { content, currentFunction: currentFunction.current })
         await props.plugin.call('openaigpt', 'message', message)
         _paq.push(['trackEvent', 'ai', 'openai', 'explainFunction'])
       },
@@ -744,7 +744,7 @@ export const EditorUI = (props: EditorUIProps) => {
     let solgptExplainFunctionAction
     const executeSolgptExplainFunctionAction = {
       id: 'solExplainFunction',
-      label: intl.formatMessage({id: 'editor.explainFunctionSol'}),
+      label: intl.formatMessage({ id: 'editor.explainFunctionSol' }),
       contextMenuOrder: 1, // choose the order
       contextMenuGroupId: 'sol-gtp', // create a new grouping
       keybindings: [],
@@ -758,12 +758,11 @@ export const EditorUI = (props: EditorUIProps) => {
       },
     }
 
-
     const freeFunctionCondition = editor.createContextKey('freeFunctionCondition', false)
     let freeFunctionAction
     const executeFreeFunctionAction = {
       id: 'executeFreeFunction',
-      label: intl.formatMessage({id: 'editor.executeFreeFunction'}),
+      label: intl.formatMessage({ id: 'editor.executeFreeFunction' }),
       contextMenuOrder: 0, // choose the order
       contextMenuGroupId: 'execute', // create a new grouping
       precondition: 'freeFunctionCondition',
@@ -780,10 +779,10 @@ export const EditorUI = (props: EditorUIProps) => {
             const file = await props.plugin.call('fileManager', 'getCurrentFile')
             props.plugin.call('solidity-script', 'execute', file, freeFunctionNode.name)
           } else {
-            props.plugin.call('notification', 'toast', intl.formatMessage({id: 'editor.toastText1'}))
+            props.plugin.call('notification', 'toast', intl.formatMessage({ id: 'editor.toastText1' }))
           }
         } else {
-          props.plugin.call('notification', 'toast', intl.formatMessage({id: 'editor.toastText2'}))
+          props.plugin.call('notification', 'toast', intl.formatMessage({ id: 'editor.toastText2' }))
         }
       },
     }
@@ -824,27 +823,26 @@ export const EditorUI = (props: EditorUIProps) => {
         return
       }
 
-      
       const { nodesAtPosition } = await retrieveNodesAtPosition(props.editorAPI, props.plugin)
       const freeFunctionNode = nodesAtPosition.find((node) => node.kind === 'freeFunction')
       if (freeFunctionNode) {
-        executeFreeFunctionAction.label = intl.formatMessage({id: 'editor.executeFreeFunction2'}, {name: freeFunctionNode.name})
+        executeFreeFunctionAction.label = intl.formatMessage({ id: 'editor.executeFreeFunction2' }, { name: freeFunctionNode.name })
         freeFunctionAction = editor.addAction(executeFreeFunctionAction)
       }
 
       const functionImpl = nodesAtPosition.find((node) => node.kind === 'function')
       if (functionImpl) {
         currentFunction.current = functionImpl.name
-        executeGptGenerateDocumentationAction.label = intl.formatMessage({id: 'editor.generateDocumentation2'}, {name: functionImpl.name})
+        executeGptGenerateDocumentationAction.label = intl.formatMessage({ id: 'editor.generateDocumentation2' }, { name: functionImpl.name })
         gptGenerateDocumentationAction = editor.addAction(executeGptGenerateDocumentationAction)
-        executegptExplainFunctionAction.label = intl.formatMessage({id: 'editor.explainFunction2'}, {name: functionImpl.name})
+        executegptExplainFunctionAction.label = intl.formatMessage({ id: 'editor.explainFunction2' }, { name: functionImpl.name })
         gptExplainFunctionAction = editor.addAction(executegptExplainFunctionAction)
-        executeSolgptExplainFunctionAction.label = intl.formatMessage({id: 'editor.explainFunctionSol'})
+        executeSolgptExplainFunctionAction.label = intl.formatMessage({ id: 'editor.explainFunctionSol' })
         solgptExplainFunctionAction = editor.addAction(executeSolgptExplainFunctionAction)
-      }else{
+      } else {
         // do not allow single character explaining
         if (editor.getModel().getValueInRange(editor.getSelection()).length <=1){ return}
-        executeSolgptExplainFunctionAction.label = intl.formatMessage({id: 'editor.explainFunctionSol'})
+        executeSolgptExplainFunctionAction.label = intl.formatMessage({ id: 'editor.explainFunctionSol' })
         solgptExplainFunctionAction = editor.addAction(executeSolgptExplainFunctionAction)
       }
       freeFunctionCondition.set(!!freeFunctionNode)
@@ -892,7 +890,7 @@ export const EditorUI = (props: EditorUIProps) => {
     monacoRef.current.languages.register({ id: 'remix-circom' })
 
     // Allow JSON schema requests
-    monacoRef.current.languages.json.jsonDefaults.setDiagnosticsOptions({enableSchemaRequest: true})
+    monacoRef.current.languages.json.jsonDefaults.setDiagnosticsOptions({ enableSchemaRequest: true })
 
     // Register a tokens provider for the language
     monacoRef.current.languages.setMonarchTokensProvider('remix-solidity', solidityTokensProvider as any)
diff --git a/libs/remix-ui/editor/src/lib/syntaxes/move.ts b/libs/remix-ui/editor/src/lib/syntaxes/move.ts
index f89188589e..f55d1dfc38 100644
--- a/libs/remix-ui/editor/src/lib/syntaxes/move.ts
+++ b/libs/remix-ui/editor/src/lib/syntaxes/move.ts
@@ -13,7 +13,7 @@ export const moveLanguageConfig = {
     { open: "[", close: "]" },
     { open: "{", close: "}" },
     { open: "(", close: ")" },
-    { open: '"', close: '"', notIn: ["string"] },
+    { open: '"', close: '"', notIn: ["string"]},
   ],
   surroundingPairs: [
     { open: "{", close: "}" },
diff --git a/libs/remix-ui/editor/src/lib/web-types.ts b/libs/remix-ui/editor/src/lib/web-types.ts
index ae8253f65f..4dddad6159 100644
--- a/libs/remix-ui/editor/src/lib/web-types.ts
+++ b/libs/remix-ui/editor/src/lib/web-types.ts
@@ -28,7 +28,7 @@ export const loadTypes = async (monaco) => {
   const ethersBase64 = await import('raw-loader!@ethersproject/base64/lib/index.d.ts')
   const ethersBase64Default = ethersBase64.default.replace(/@ethersproject\//g, '@ethersproject_')
   monaco.languages.typescript.typescriptDefaults.addExtraLib(ethersBase64Default, `file:///node_modules/@types/@ethersproject_base64/index.d.ts`)
-    
+
   // @ts-ignore
   const ethersBasex = await import('raw-loader!@ethersproject/basex/lib/index.d.ts')
   const ethersBasexDefault = ethersBasex.default.replace(/@ethersproject\//g, '@ethersproject_')
diff --git a/libs/remix-ui/file-decorators/src/lib/components/file-decoration-icon.tsx b/libs/remix-ui/file-decorators/src/lib/components/file-decoration-icon.tsx
index b7506bc0c9..fdbeb4081c 100644
--- a/libs/remix-ui/file-decorators/src/lib/components/file-decoration-icon.tsx
+++ b/libs/remix-ui/file-decorators/src/lib/components/file-decoration-icon.tsx
@@ -1,7 +1,7 @@
 // eslint-disable-next-line no-use-before-define
-import React, {useEffect, useState} from 'react'
+import React, { useEffect, useState } from 'react'
 
-import {fileDecoration, fileDecorationType, FileType} from '../types'
+import { fileDecoration, fileDecorationType, FileType } from '../types'
 import FileDecorationCustomIcon from './filedecorationicons/file-decoration-custom-icon'
 import FileDecorationErrorIcon from './filedecorationicons/file-decoration-error-icon'
 import FileDecorationTooltip from './filedecorationicons/file-decoration-tooltip'
diff --git a/libs/remix-ui/file-decorators/src/lib/components/filedecorationicons/file-decoration-custom-icon.tsx b/libs/remix-ui/file-decorators/src/lib/components/filedecorationicons/file-decoration-custom-icon.tsx
index af36c9c49e..59bc29823f 100644
--- a/libs/remix-ui/file-decorators/src/lib/components/filedecorationicons/file-decoration-custom-icon.tsx
+++ b/libs/remix-ui/file-decorators/src/lib/components/filedecorationicons/file-decoration-custom-icon.tsx
@@ -1,6 +1,6 @@
 // eslint-disable-next-line no-use-before-define
 import React from 'react'
-import {fileDecoration} from '../../types'
+import { fileDecoration } from '../../types'
 
 const FileDecorationCustomIcon = (props: {fileDecoration: fileDecoration}) => {
   return (
diff --git a/libs/remix-ui/file-decorators/src/lib/components/filedecorationicons/file-decoration-error-icon.tsx b/libs/remix-ui/file-decorators/src/lib/components/filedecorationicons/file-decoration-error-icon.tsx
index 1aeebf0cf0..1d95295fec 100644
--- a/libs/remix-ui/file-decorators/src/lib/components/filedecorationicons/file-decoration-error-icon.tsx
+++ b/libs/remix-ui/file-decorators/src/lib/components/filedecorationicons/file-decoration-error-icon.tsx
@@ -1,7 +1,7 @@
 // eslint-disable-next-line no-use-before-define
 import React from 'react'
 
-import {fileDecoration} from '../../types'
+import { fileDecoration } from '../../types'
 
 const FileDecorationErrorIcon = (props: {fileDecoration: fileDecoration}) => {
   return (
diff --git a/libs/remix-ui/file-decorators/src/lib/components/filedecorationicons/file-decoration-tooltip.tsx b/libs/remix-ui/file-decorators/src/lib/components/filedecorationicons/file-decoration-tooltip.tsx
index 7eaf905a84..72a31f9817 100644
--- a/libs/remix-ui/file-decorators/src/lib/components/filedecorationicons/file-decoration-tooltip.tsx
+++ b/libs/remix-ui/file-decorators/src/lib/components/filedecorationicons/file-decoration-tooltip.tsx
@@ -1,6 +1,6 @@
 import React from 'react'
-import {OverlayTrigger, Popover} from 'react-bootstrap'
-import {fileDecoration} from '../../types'
+import { OverlayTrigger, Popover } from 'react-bootstrap'
+import { fileDecoration } from '../../types'
 
 const FileDecorationTooltip = (props: {fileDecoration: fileDecoration; icon: JSX.Element; index: number}) => {
   const getComments = function (fileDecoration: fileDecoration) {
@@ -22,7 +22,7 @@ const FileDecorationTooltip = (props: {fileDecoration: fileDecoration; icon: JSX
       placement="auto"
       overlay={
         <Popover id={`popover-positioned-auto}`}>
-          <Popover.Content id={`error-tooltip-${props.fileDecoration.path}`} style={{minWidth: 'fit-content'}} className={'text-wrap bg-secondary w-100 p-1 m-0'}>
+          <Popover.Content id={`error-tooltip-${props.fileDecoration.path}`} style={{ minWidth: 'fit-content' }} className={'text-wrap bg-secondary w-100 p-1 m-0'}>
             <pre>{getComments(props.fileDecoration)}</pre>
           </Popover.Content>
         </Popover>
diff --git a/libs/remix-ui/file-decorators/src/lib/components/filedecorationicons/file-decoration-warning-icon.tsx b/libs/remix-ui/file-decorators/src/lib/components/filedecorationicons/file-decoration-warning-icon.tsx
index d8a574b926..3a5f601e35 100644
--- a/libs/remix-ui/file-decorators/src/lib/components/filedecorationicons/file-decoration-warning-icon.tsx
+++ b/libs/remix-ui/file-decorators/src/lib/components/filedecorationicons/file-decoration-warning-icon.tsx
@@ -1,6 +1,6 @@
 // eslint-disable-next-line no-use-before-define
 import React from 'react'
-import {fileDecoration} from '../../types'
+import { fileDecoration } from '../../types'
 
 const FileDecorationWarningIcon = (props: {fileDecoration: fileDecoration}) => {
   return (
diff --git a/libs/remix-ui/file-decorators/src/lib/helper/index.tsx b/libs/remix-ui/file-decorators/src/lib/helper/index.tsx
index 92a0a448c2..8091eec8de 100644
--- a/libs/remix-ui/file-decorators/src/lib/helper/index.tsx
+++ b/libs/remix-ui/file-decorators/src/lib/helper/index.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import {fileDecoration} from '../types'
+import { fileDecoration } from '../types'
 
 export const getComments = function (fileDecoration: fileDecoration) {
   if (fileDecoration.comment) {
diff --git a/libs/remix-ui/grid-view/src/lib/components/customCheckbox.tsx b/libs/remix-ui/grid-view/src/lib/components/customCheckbox.tsx
index bd08f4d59a..102b80d72d 100644
--- a/libs/remix-ui/grid-view/src/lib/components/customCheckbox.tsx
+++ b/libs/remix-ui/grid-view/src/lib/components/customCheckbox.tsx
@@ -16,7 +16,7 @@ export const CustomCheckbox = (props: CustomCheckboxProps) => {
   if (!textColor || textColor == '') textColor = filterCon.keyValueMap[props.label].color
 
   return (
-    <div id={textColor + props.label} className="h-80 mx-1 align-items-center custom-control custom-checkbox" style={{minWidth: '4rem'}}>
+    <div id={textColor + props.label} className="h-80 mx-1 align-items-center custom-control custom-checkbox" style={{ minWidth: '4rem' }}>
       <input
         className="custom-control-input"
         id={"GVCheckbox" + props.label}
diff --git a/libs/remix-ui/grid-view/src/lib/remix-ui-grid-cell.tsx b/libs/remix-ui/grid-view/src/lib/remix-ui-grid-cell.tsx
index a9aa039a8a..d9e06e30a5 100644
--- a/libs/remix-ui/grid-view/src/lib/remix-ui-grid-cell.tsx
+++ b/libs/remix-ui/grid-view/src/lib/remix-ui-grid-cell.tsx
@@ -4,7 +4,6 @@ import './remix-ui-grid-cell.css'
 import FiltersContext from "./filtersContext"
 import { CustomTooltip } from '@remix-ui/helper'
 
-
 declare global {
   interface Window {
     _paq: any
@@ -17,7 +16,7 @@ interface RemixUIGridCellProps {
   pinned?: boolean
   pinStateCallback?: any
   logo?: string
-  title?: string       
+  title?: string
   tagList?: string[] // max 8, others will be ignored
   classList?: string
   styleList?: any
@@ -31,7 +30,7 @@ export const RemixUIGridCell = (props: RemixUIGridCellProps) => {
 
   useEffect(() => {
     if (props.tagList) setAnyEnabled(props.tagList.some((key) => filterCon.keyValueMap[key]?.enabled))
-    else setAnyEnabled(filterCon.showUntagged) 
+    else setAnyEnabled(filterCon.showUntagged)
   }, [filterCon, props.tagList])
 
   return (
@@ -39,11 +38,11 @@ export const RemixUIGridCell = (props: RemixUIGridCellProps) => {
       { anyEnabled && <div className='d-flex flex-grid'>
         <div className={"d-flex mx-0 p-2 bg-light border border-secondary remixui_grid_cell_container " + props.classList || ''} data-id={"remixUIGS" + props.title}>
           <div className="d-flex remixui_grid_cell flex-column">
-            <div className='d-flex flex-row pb-1 align-items-end' style={{width: '8rem', height: '1rem'}}>
-              { props.logo && <img className='remixui_grid_view_logo mr-1' src={props.logo}  style={{width: '1rem', height: '1rem'}}/> }
+            <div className='d-flex flex-row pb-1 align-items-end' style={{ width: '8rem', height: '1rem' }}>
+              { props.logo && <img className='remixui_grid_view_logo mr-1' src={props.logo} style={{ width: '1rem', height: '1rem' }}/> }
               { props.title && <label
                 className='m-0 p-0 align-items-left'
-                style={{overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap', fontSize: 'xx-small'}}
+                style={{ overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap', fontSize: 'xx-small' }}
               >
                 { props.title }
               </label> }
@@ -75,7 +74,7 @@ export const RemixUIGridCell = (props: RemixUIGridCellProps) => {
             )
           )) }
         </div> }
-        { !props.tagList &&  <span
+        { !props.tagList && <span
           className={'remixui_grid_cell_tags'}>
         </span> }
       </div> }
diff --git a/libs/remix-ui/grid-view/src/lib/remix-ui-grid-view.tsx b/libs/remix-ui/grid-view/src/lib/remix-ui-grid-view.tsx
index 19fdfe452c..4184de4967 100644
--- a/libs/remix-ui/grid-view/src/lib/remix-ui-grid-view.tsx
+++ b/libs/remix-ui/grid-view/src/lib/remix-ui-grid-view.tsx
@@ -1,7 +1,7 @@
 import React, {useState, useEffect, useContext, useRef, ReactNode} from 'react' // eslint-disable-line
 
 import './remix-ui-grid-view.css'
-import {ThemeContext, themes} from './themeContext'
+import { ThemeContext, themes } from './themeContext'
 import CustomCheckbox from './components/customCheckbox'
 import FiltersContext from "./filtersContext"
 
@@ -35,7 +35,7 @@ export const RemixUIGridView = (props: RemixUIGridViewProps) => {
     if (!color || color === '') color = setKeyValueMap[key].color
     setKeyValueMap((prevMap) => ({
       ...prevMap,
-      [key]: {color, enabled},
+      [key]: { color, enabled },
     }))
   }
 
@@ -52,7 +52,7 @@ export const RemixUIGridView = (props: RemixUIGridViewProps) => {
     }))
   }
 
-  const {plugin} = props.plugin
+  const { plugin } = props.plugin
   const searchInputRef = useRef(null)
 
   const [state, setState] = useState<{
@@ -65,13 +65,13 @@ export const RemixUIGridView = (props: RemixUIGridViewProps) => {
   useEffect(() => {
     if (props.tagList && Array.isArray(props.tagList)) {
       const initialKeyValueMap: Record<string, { enabled: boolean; color: string; }> = {};
-    
+
       // Limit to first 8 elements, ignoring the rest
       for (let i = 0; i < props.tagList.length; i++) {
         const [key, color] = props.tagList[i]
-        initialKeyValueMap[key] = { enabled: true, color } 
+        initialKeyValueMap[key] = { enabled: true, color }
       }
-      if (showUntagged) initialKeyValueMap['no tag'] = { enabled: true, color: 'primary' } 
+      if (showUntagged) initialKeyValueMap['no tag'] = { enabled: true, color: 'primary' }
       setKeyValueMap(initialKeyValueMap)
     }
   }, [])
@@ -121,7 +121,7 @@ export const RemixUIGridView = (props: RemixUIGridViewProps) => {
                     <input
                       ref={searchInputRef}
                       type="text"
-                      style={{minWidth: '100px'}}
+                      style={{ minWidth: '100px' }}
                       className="border form-control border-right-0 mr-4"
                       id="GVFilterInput"
                       placeholder={"Filter the list"}
diff --git a/libs/remix-ui/helper/src/lib/bleach.ts b/libs/remix-ui/helper/src/lib/bleach.ts
index 44aa129042..5e07875410 100644
--- a/libs/remix-ui/helper/src/lib/bleach.ts
+++ b/libs/remix-ui/helper/src/lib/bleach.ts
@@ -57,9 +57,9 @@ export const bleach = {
     return matches
   },
 
-  sanitize: function (html, options = { mode: 'white', list: bleach.whitelist, encode_entities: false}) {
+  sanitize: function (html, options = { mode: 'white', list: bleach.whitelist, encode_entities: false }) {
     html = String(html) || ''
-    
+
     const mode = options.mode || 'white'
     const list = options.list || bleach.whitelist
 
diff --git a/libs/remix-ui/helper/src/lib/components/PluginViewWrapper.tsx b/libs/remix-ui/helper/src/lib/components/PluginViewWrapper.tsx
index 8ac76e7e83..c88f985ef6 100644
--- a/libs/remix-ui/helper/src/lib/components/PluginViewWrapper.tsx
+++ b/libs/remix-ui/helper/src/lib/components/PluginViewWrapper.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import {useEffect, useState} from 'react'
+import { useEffect, useState } from 'react'
 
 interface IPluginViewWrapperProps {
   plugin: any
diff --git a/libs/remix-ui/helper/src/lib/components/custom-dropdown.tsx b/libs/remix-ui/helper/src/lib/components/custom-dropdown.tsx
index f27fc08869..f429cd0d04 100644
--- a/libs/remix-ui/helper/src/lib/components/custom-dropdown.tsx
+++ b/libs/remix-ui/helper/src/lib/components/custom-dropdown.tsx
@@ -1,8 +1,8 @@
 // The forwardRef is important!!
 
-import React, {Ref} from 'react'
-import {FormattedMessage, useIntl} from 'react-intl'
-import {CustomTooltip} from '@remix-ui/helper'
+import React, { Ref } from 'react'
+import { FormattedMessage, useIntl } from 'react-intl'
+import { CustomTooltip } from '@remix-ui/helper'
 
 // Dropdown needs access to the DOM node in order to position the Menu
 export const CustomToggle = React.forwardRef(
@@ -73,7 +73,7 @@ export const CustomIconsToggle = React.forwardRef(
           tooltipId="remixHamburgerTooltip"
           tooltipText={<FormattedMessage id="filePanel.workspaceActions" />}
         >
-          <i style={{fontSize: 'large'}} className={`${icon}`} data-id="workspaceDropdownMenuIcon"></i>
+          <i style={{ fontSize: 'large' }} className={`${icon}`} data-id="workspaceDropdownMenuIcon"></i>
         </CustomTooltip>
       )}
     </span>
@@ -102,7 +102,7 @@ export const CustomMenu = React.forwardRef(
     const height = window.innerHeight * 0.6
     return (
       <div ref={ref} style={style} className={className} aria-labelledby={labeledBy} data-id={dataId}>
-        <ul className="overflow-auto list-unstyled mb-0" style={{maxHeight: height + 'px'}}>
+        <ul className="overflow-auto list-unstyled mb-0" style={{ maxHeight: height + 'px' }}>
           {children}
         </ul>
       </div>
@@ -143,8 +143,8 @@ export const ProxyAddressToggle = React.forwardRef(
           }}
           className="udapp_input form-control"
           value={address}
-          placeholder={intl.formatMessage({id: 'udapp.enterProxyAddress'})}
-          style={{width: '100%'}}
+          placeholder={intl.formatMessage({ id: 'udapp.enterProxyAddress' })}
+          style={{ width: '100%' }}
           data-id="ERC1967AddressInput"
         />
       </div>
diff --git a/libs/remix-ui/helper/src/lib/components/web3Dialog.tsx b/libs/remix-ui/helper/src/lib/components/web3Dialog.tsx
index 234bbe5a5f..b313fb6c78 100644
--- a/libs/remix-ui/helper/src/lib/components/web3Dialog.tsx
+++ b/libs/remix-ui/helper/src/lib/components/web3Dialog.tsx
@@ -47,7 +47,7 @@ export function Web3ProviderDialog(props: web3ProviderDialogProps) {
         type="text"
         name="prompt_text"
         id="prompt_text"
-        style={{width: '100%'}}
+        style={{ width: '100%' }}
         className="form-control"
         defaultValue={props.externalEndpoint}
         data-id="modalDialogCustomPromptText"
diff --git a/libs/remix-ui/helper/src/lib/helper-components.tsx b/libs/remix-ui/helper/src/lib/helper-components.tsx
index ea7d833d64..663955414e 100644
--- a/libs/remix-ui/helper/src/lib/helper-components.tsx
+++ b/libs/remix-ui/helper/src/lib/helper-components.tsx
@@ -1,4 +1,4 @@
-import {LayoutCompatibilityReport} from '@openzeppelin/upgrades-core/dist/storage/report'
+import { LayoutCompatibilityReport } from '@openzeppelin/upgrades-core/dist/storage/report'
 import React from 'react'
 
 export const fileChangedToastMsg = (from: string, path: string) => (
@@ -123,7 +123,7 @@ export const upgradeReportMsg = (report: LayoutCompatibilityReport) => (
   <div>
     <div className="py-2 ml-2 mb-1 align-self-end mb-2 d-flex">
       <span className="align-self-center pl-4 mt-1">
-        <i className="pr-2 text-warning far fa-exclamation-triangle" aria-hidden="true" style={{fontSize: 'xxx-large', fontWeight: 'lighter'}}></i>
+        <i className="pr-2 text-warning far fa-exclamation-triangle" aria-hidden="true" style={{ fontSize: 'xxx-large', fontWeight: 'lighter' }}></i>
       </span>
       <div className="d-flex flex-column">
         <span className="pl-4 mt-1">The storage layout of new implementation is NOT</span>
diff --git a/libs/remix-ui/helper/src/lib/remix-ui-helper.ts b/libs/remix-ui/helper/src/lib/remix-ui-helper.ts
index 68ea85b72d..ac51759f6a 100644
--- a/libs/remix-ui/helper/src/lib/remix-ui-helper.ts
+++ b/libs/remix-ui/helper/src/lib/remix-ui-helper.ts
@@ -113,7 +113,7 @@ export const isHexadecimal = (value) => {
   return /^[0-9a-fA-F]+$/.test(value) && (value.length % 2 === 0)
 }
 
-export const isValidHash  = (hash) =>  { // 0x prefixed, hexadecimal, 64digit
+export const isValidHash = (hash) => { // 0x prefixed, hexadecimal, 64digit
   const hexValue = hash.slice(2, hash.length)
   return is0XPrefixed(hash) && /^[0-9a-fA-F]{64}$/.test(hexValue)
 }
@@ -138,6 +138,6 @@ export const shortenProxyAddress = (address: string) => {
 
 export const shortenDate = (dateString: string) => {
   const date = new Date(dateString)
-  
+
   return date.toLocaleDateString(undefined, { month: "short", day: "numeric" }) + ', ' + date.toLocaleTimeString(undefined, { hour: '2-digit', minute: '2-digit' })
 }
diff --git a/libs/remix-ui/home-tab/src/lib/components/customNavButtons.tsx b/libs/remix-ui/home-tab/src/lib/components/customNavButtons.tsx
index f7c611a0f3..d2725f5dc6 100644
--- a/libs/remix-ui/home-tab/src/lib/components/customNavButtons.tsx
+++ b/libs/remix-ui/home-tab/src/lib/components/customNavButtons.tsx
@@ -1,9 +1,9 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import React from 'react'
 
-const CustomNavButtons = ({parent, next, previous, goToSlide, ...rest}) => {
+const CustomNavButtons = ({ parent, next, previous, goToSlide, ...rest }) => {
   const {
-    carouselState: {currentSlide, totalItems, containerWidth, transform}
+    carouselState: { currentSlide, totalItems, containerWidth, transform }
   } = rest
   return (
     <div className="mt-1 d-flex justify-content-end carousel-button-group">
diff --git a/libs/remix-ui/home-tab/src/lib/components/homeTabFeatured.tsx b/libs/remix-ui/home-tab/src/lib/components/homeTabFeatured.tsx
index 4478818e27..766dd494fc 100644
--- a/libs/remix-ui/home-tab/src/lib/components/homeTabFeatured.tsx
+++ b/libs/remix-ui/home-tab/src/lib/components/homeTabFeatured.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
-import React, {useEffect, useState, useRef, useContext} from 'react'
-import {FormattedMessage} from 'react-intl'
-import {ThemeContext, themes} from '../themeContext'
+import React, { useEffect, useState, useRef, useContext } from 'react'
+import { FormattedMessage } from 'react-intl'
+import { ThemeContext, themes } from '../themeContext'
 import Carousel from 'react-multi-carousel'
 import 'react-multi-carousel/lib/styles.css'
 import * as releaseDetails from './../../../../../../releaseDetails.json'
@@ -13,11 +13,11 @@ function HomeTabFeatured() {
 
   return (
     <div className="pt-3 pl-2" id="hTFeaturedeSection">
-      <label style={{fontSize: '1.2rem'}}>
+      <label style={{ fontSize: '1.2rem' }}>
         <FormattedMessage id="home.featured" />
       </label>
       <div className="mb-2">
-        <div className="w-100 d-flex flex-column" style={{height: '200px'}}>
+        <div className="w-100 d-flex flex-column" style={{ height: '200px' }}>
           <ThemeContext.Provider value={themeFilter}>
             <Carousel
               arrows={false}
@@ -25,7 +25,7 @@ function HomeTabFeatured() {
               draggable={true}
               showDots={true}
               responsive={{
-                desktop: {breakpoint: {max: 2000, min: 1024}, items: 1}
+                desktop: { breakpoint: { max: 2000, min: 1024 }, items: 1 }
               }}
               renderDotsOutside={true}
               ssr={true} // means to render carousel on server-side.
@@ -43,37 +43,37 @@ function HomeTabFeatured() {
             >
               <div className="mr-1 pr-1 d-flex">
                 <a href={releaseDetails.moreLink} target="__blank">
-                  <img src={'assets/img/remi_drums_whatsnew.webp'} style={{flex: '1', height: '170px', maxWidth: '170px'}} alt=""></img>
+                  <img src={'assets/img/remi_drums_whatsnew.webp'} style={{ flex: '1', height: '170px', maxWidth: '170px' }} alt=""></img>
                 </a>
-                <div className="h6 w-50 p-2 pl-4 align-self-center" style={{flex: '1'}}>
+                <div className="h6 w-50 p-2 pl-4 align-self-center" style={{ flex: '1' }}>
                   <h5>{releaseDetails.version} {releaseDetails.title}</h5>
-                  <div style={{fontSize: '0.8rem'}} className="mb-3">
+                  <div style={{ fontSize: '0.8rem' }} className="mb-3">
                     <ul>
-                      { releaseDetails.highlight1 ? <li style={{padding: '0.15rem'}}>{releaseDetails.highlight1}</li> : '' }
-                      { releaseDetails.highlight2 ? <li style={{padding: '0.15rem'}}>{releaseDetails.highlight2}</li> : '' }
-                      { releaseDetails.highlight3 ? <li style={{padding: '0.15rem'}}>{releaseDetails.highlight3}</li> : '' }
-                      { releaseDetails.highlight4 ? <li style={{padding: '0.15rem'}}>{releaseDetails.highlight4}</li> : '' }
+                      { releaseDetails.highlight1 ? <li style={{ padding: '0.15rem' }}>{releaseDetails.highlight1}</li> : '' }
+                      { releaseDetails.highlight2 ? <li style={{ padding: '0.15rem' }}>{releaseDetails.highlight2}</li> : '' }
+                      { releaseDetails.highlight3 ? <li style={{ padding: '0.15rem' }}>{releaseDetails.highlight3}</li> : '' }
+                      { releaseDetails.highlight4 ? <li style={{ padding: '0.15rem' }}>{releaseDetails.highlight4}</li> : '' }
                     </ul>
                   </div>
                   <a
                     className="remixui_home_text btn-sm btn-secondary mt-2 text-decoration-none mb-3"
                     onClick={() => _paq.push(['trackEvent', 'hometab', 'featuredSection', 'seeFullChangelog'])}
                     target="__blank"
-                    href={releaseDetails.moreLink} 
+                    href={releaseDetails.moreLink}
                   >
-                    {releaseDetails.more} 
+                    {releaseDetails.more}
                   </a>
                 </div>
               </div>
               <div className="mr-1 pr-1 d-flex">
                 <a href="https://remix-project.org" target="__blank">
-                  <img src={'assets/img/bgRemi_small.webp'} style={{flex: '1', height: '170px', maxWidth: '170px'}} alt=""></img>
+                  <img src={'assets/img/bgRemi_small.webp'} style={{ flex: '1', height: '170px', maxWidth: '170px' }} alt=""></img>
                 </a>
-                <div className="h6 w-50 p-2 pl-4  align-self-center" style={{flex: '1'}}>
+                <div className="h6 w-50 p-2 pl-4  align-self-center" style={{ flex: '1' }}>
                   <h5>
                     <FormattedMessage id="home.jumpIntoWeb3" />
                   </h5>
-                  <div style={{fontSize: '0.8rem', lineHeight: '1.25rem'}} className="mb-3">
+                  <div style={{ fontSize: '0.8rem', lineHeight: '1.25rem' }} className="mb-3">
                     <FormattedMessage id="home.jumpIntoWeb3Text" />
                   </div>
                   <a
@@ -88,16 +88,16 @@ function HomeTabFeatured() {
               </div>
               <div className="mr-1 pr-1 d-flex">
                 <a href="https://www.youtube.com/@EthereumRemix/videos" target="__blank">
-                  <img src={'/assets/img/YouTubeLogo.webp'} style={{flex: '1', height: '170px', maxWidth: '170px'}} alt=""></img>
+                  <img src={'/assets/img/YouTubeLogo.webp'} style={{ flex: '1', height: '170px', maxWidth: '170px' }} alt=""></img>
                 </a>
-                <div className="h6 w-50 p-2 pl-4  align-self-center" style={{flex: '1'}}>
+                <div className="h6 w-50 p-2 pl-4  align-self-center" style={{ flex: '1' }}>
                   <h5>
                     <FormattedMessage id="home.remixYouTube" />
                   </h5>
-                  <p style={{fontStyle: 'italic', fontSize: '1rem'}}>
+                  <p style={{ fontStyle: 'italic', fontSize: '1rem' }}>
                     <FormattedMessage id="home.remixYouTubeText1" />
                   </p>
-                  <div style={{fontSize: '0.8rem'}} className="mb-3">
+                  <div style={{ fontSize: '0.8rem' }} className="mb-3">
                     <FormattedMessage id="home.remixYouTubeText2" />
                   </div>
                   <a
@@ -112,16 +112,16 @@ function HomeTabFeatured() {
               </div>
               <div className="mr-1 pr-1 d-flex">
                 <a href="https://docs.google.com/forms/d/e/1FAIpQLSd0WsJnKbeJo-BGrnf7WijxAdmE4PnC_Z4M0IApbBfHLHZdsQ/viewform" target="__blank">
-                  <img src={'/assets/img/remixRewardBetaTester_small.webp'} style={{flex: '1', height: '170px', maxWidth: '170px'}} alt=""></img>
+                  <img src={'/assets/img/remixRewardBetaTester_small.webp'} style={{ flex: '1', height: '170px', maxWidth: '170px' }} alt=""></img>
                 </a>
-                <div className="h6 w-50 p-2 pl-4  align-self-center" style={{flex: '1'}}>
+                <div className="h6 w-50 p-2 pl-4  align-self-center" style={{ flex: '1' }}>
                   <h5>
                     <FormattedMessage id="home.betaTesting" />
                   </h5>
-                  <p style={{fontStyle: 'italic', fontSize: '1rem'}}>
+                  <p style={{ fontStyle: 'italic', fontSize: '1rem' }}>
                     <FormattedMessage id="home.betaTestingText1" />
                   </p>
-                  <div style={{fontSize: '0.8rem'}} className="mb-3">
+                  <div style={{ fontSize: '0.8rem' }} className="mb-3">
                     <FormattedMessage id="home.betaTestingText2" />
                   </div>
                   <a
diff --git a/libs/remix-ui/home-tab/src/lib/components/homeTabFeaturedPlugins.tsx b/libs/remix-ui/home-tab/src/lib/components/homeTabFeaturedPlugins.tsx
index 74a439979b..51dc041cc7 100644
--- a/libs/remix-ui/home-tab/src/lib/components/homeTabFeaturedPlugins.tsx
+++ b/libs/remix-ui/home-tab/src/lib/components/homeTabFeaturedPlugins.tsx
@@ -1,8 +1,8 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
-import React, {useEffect, useRef, useContext} from 'react'
-import {FormattedMessage, useIntl} from 'react-intl'
+import React, { useEffect, useRef, useContext } from 'react'
+import { FormattedMessage, useIntl } from 'react-intl'
 import PluginButton from './pluginButton'
-import {ThemeContext} from '../themeContext'
+import { ThemeContext } from '../themeContext'
 import Carousel from 'react-multi-carousel'
 import 'react-multi-carousel/lib/styles.css'
 import CustomNavButtons from './customNavButtons'
@@ -17,7 +17,7 @@ interface HomeTabFeaturedPluginsProps {
   plugin: any
 }
 
-function HomeTabFeaturedPlugins({plugin}: HomeTabFeaturedPluginsProps) {
+function HomeTabFeaturedPlugins({ plugin }: HomeTabFeaturedPluginsProps) {
   const themeFilter = useContext(ThemeContext)
   const carouselRef = useRef<any>({})
   const carouselRefDiv = useRef(null)
@@ -85,7 +85,7 @@ function HomeTabFeaturedPlugins({plugin}: HomeTabFeaturedPluginsProps) {
 
   return (
     <div className="pl-2 w-100" id="hTFeaturedPlugins">
-      <label className="" style={{fontSize: '1.2rem'}}>
+      <label className="" style={{ fontSize: '1.2rem' }}>
         <FormattedMessage id="home.featuredPlugins" />
       </label>
       <div ref={carouselRefDiv} className="w-100 d-flex flex-column">
@@ -100,11 +100,11 @@ function HomeTabFeaturedPlugins({plugin}: HomeTabFeaturedPluginsProps) {
             showDots={false}
             responsive={{
               superLargeDesktop: {
-                breakpoint: {max: 4000, min: 3000},
+                breakpoint: { max: 4000, min: 3000 },
                 items: itemsToShow
               },
               desktop: {
-                breakpoint: {max: 3000, min: 1024},
+                breakpoint: { max: 3000, min: 1024 },
                 items: itemsToShow
               }
             }}
@@ -129,7 +129,7 @@ function HomeTabFeaturedPlugins({plugin}: HomeTabFeaturedPluginsProps) {
               imgPath="assets/img/cookbook.webp"
               envID="cookbookLogo"
               envText="Cookbook"
-              description={intl.formatMessage({id: 'home.cookbookDesc'})}
+              description={intl.formatMessage({ id: 'home.cookbookDesc' })}
               remixMaintained={false}
               callback={() => startCookbook()}
             />
@@ -137,7 +137,7 @@ function HomeTabFeaturedPlugins({plugin}: HomeTabFeaturedPluginsProps) {
               imgPath="assets/img/solidityLogo.webp"
               envID="solidityLogo"
               envText="Solidity"
-              description={intl.formatMessage({id: 'home.solidityPluginDesc'})}
+              description={intl.formatMessage({ id: 'home.solidityPluginDesc' })}
               remixMaintained={true}
               callback={() => startSolidity()}
             />
@@ -145,14 +145,14 @@ function HomeTabFeaturedPlugins({plugin}: HomeTabFeaturedPluginsProps) {
               imgPath="assets/img/sourcifyNewLogo.webp"
               envID="sourcifyLogo"
               envText="Sourcify"
-              description={intl.formatMessage({id: 'home.sourcifyPluginDesc'})}
+              description={intl.formatMessage({ id: 'home.sourcifyPluginDesc' })}
               callback={() => startSourceVerify()}
             />
             <PluginButton
               imgPath="assets/img/unitTesting.webp"
               envID="sUTLogo"
               envText="Solidity unit testing"
-              description={intl.formatMessage({id: 'home.unitTestPluginDesc'})}
+              description={intl.formatMessage({ id: 'home.unitTestPluginDesc' })}
               remixMaintained={true}
               callback={() => startSolidityUnitTesting()}
             />
diff --git a/libs/remix-ui/home-tab/src/lib/components/homeTabFile.tsx b/libs/remix-ui/home-tab/src/lib/components/homeTabFile.tsx
index 7590fcee6b..ef07b97aaa 100644
--- a/libs/remix-ui/home-tab/src/lib/components/homeTabFile.tsx
+++ b/libs/remix-ui/home-tab/src/lib/components/homeTabFile.tsx
@@ -162,9 +162,9 @@ contract HelloWorld {
     } else {
       await plugin.call('fileManager', 'open', '/contracts/HelloWorld.sol')
     }
-    
+
   }
-  
+
   const uploadFile = async (target) => {
     _paq.push(['trackEvent', 'hometab', 'filesSection', 'uploadFile'])
     await plugin.call('filePanel', 'uploadFile', target)
@@ -300,7 +300,7 @@ contract HelloWorld {
               tooltipText={<FormattedMessage id="home.connectToLocalhost" />}
               tooltipTextClasses="border bg-light text-dark p-1 pr-3"
             >
-              <button className="btn text-nowrap p-2 border my-1" style={{width: 'fit-content'}} onClick={() => connectToLocalhost()}>
+              <button className="btn text-nowrap p-2 border my-1" style={{ width: 'fit-content' }} onClick={() => connectToLocalhost()}>
                 <FormattedMessage id="home.accessFileSystem" />
               </button>
             </CustomTooltip>
diff --git a/libs/remix-ui/home-tab/src/lib/components/homeTabGetStarted.tsx b/libs/remix-ui/home-tab/src/lib/components/homeTabGetStarted.tsx
index 19fded98f9..e7629edea1 100644
--- a/libs/remix-ui/home-tab/src/lib/components/homeTabGetStarted.tsx
+++ b/libs/remix-ui/home-tab/src/lib/components/homeTabGetStarted.tsx
@@ -1,15 +1,14 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
-import React, {useEffect, useRef, useContext} from 'react'
-import {useIntl, FormattedMessage} from 'react-intl'
-import {TEMPLATE_NAMES,TEMPLATE_METADATA} from '@remix-ui/workspace'
-import {ThemeContext} from '../themeContext'
+import React, { useEffect, useRef, useContext } from 'react'
+import { useIntl, FormattedMessage } from 'react-intl'
+import { TEMPLATE_NAMES,TEMPLATE_METADATA } from '@remix-ui/workspace'
+import { ThemeContext } from '../themeContext'
 import Carousel from 'react-multi-carousel'
 import WorkspaceTemplate from './workspaceTemplate'
 import 'react-multi-carousel/lib/styles.css'
 import CustomNavButtons from './customNavButtons'
 import { appPlatformTypes, platformContext } from '@remix-ui/app'
 
-
 declare global {
   interface Window {
     _paq: any
@@ -20,7 +19,7 @@ interface HomeTabGetStartedProps {
   plugin: any
 }
 
-function HomeTabGetStarted({plugin}: HomeTabGetStartedProps) {
+function HomeTabGetStarted({ plugin }: HomeTabGetStartedProps) {
   const platform = useContext(platformContext)
   const themeFilter = useContext(ThemeContext)
   const carouselRef = useRef<any>({})
@@ -63,7 +62,7 @@ function HomeTabGetStarted({plugin}: HomeTabGetStartedProps) {
 
   const createWorkspace = async (templateName) => {
 
-    if(platform === appPlatformTypes.desktop){
+    if (platform === appPlatformTypes.desktop){
       await plugin.call('remix-templates', 'loadTemplateInNewWindow', templateName)
       return
     }
@@ -72,7 +71,7 @@ function HomeTabGetStarted({plugin}: HomeTabGetStartedProps) {
     const metadata = TEMPLATE_METADATA[templateName]
     if (metadata) {
       if (metadata.type === 'git') {
-        await plugin.call('dGitProvider', 'clone', {url: metadata.url, branch: metadata.branch}, templateDisplayName)
+        await plugin.call('dGitProvider', 'clone', { url: metadata.url, branch: metadata.branch }, templateDisplayName)
       } else if (metadata && metadata.type === 'plugin') {
         await plugin.appManager.activatePlugin('filePanel')
         templateDisplayName = await plugin.call('filePanel', 'getAvailableWorkspaceName', templateDisplayName)
@@ -93,7 +92,7 @@ function HomeTabGetStarted({plugin}: HomeTabGetStartedProps) {
 
   return (
     <div className="pl-2" id="hTGetStartedSection">
-      <label style={{fontSize: '1.2rem'}}>
+      <label style={{ fontSize: '1.2rem' }}>
         <FormattedMessage id="home.projectTemplates" />
       </label>
       <div ref={carouselRefDiv} className="w-100 d-flex flex-column">
@@ -108,11 +107,11 @@ function HomeTabGetStarted({plugin}: HomeTabGetStartedProps) {
             showDots={false}
             responsive={{
               superLargeDesktop: {
-                breakpoint: {max: 4000, min: 3000},
+                breakpoint: { max: 4000, min: 3000 },
                 items: 5
               },
               desktop: {
-                breakpoint: {max: 3000, min: 1024},
+                breakpoint: { max: 3000, min: 1024 },
                 items: 5,
                 partialVisibilityGutter: 0
               }
@@ -145,7 +144,7 @@ function HomeTabGetStarted({plugin}: HomeTabGetStartedProps) {
             <WorkspaceTemplate
               gsID="sourcifyLogo"
               workspaceTitle="ERC20"
-              description={intl.formatMessage({id: 'home.ozerc20TemplateDesc'})}
+              description={intl.formatMessage({ id: 'home.ozerc20TemplateDesc' })}
               projectLogo="assets/img/openzeppelinLogo.png"
               callback={() => createWorkspace('ozerc20')}
             />
diff --git a/libs/remix-ui/home-tab/src/lib/components/homeTabLearn.tsx b/libs/remix-ui/home-tab/src/lib/components/homeTabLearn.tsx
index 6bda55afb3..2ad48c2bad 100644
--- a/libs/remix-ui/home-tab/src/lib/components/homeTabLearn.tsx
+++ b/libs/remix-ui/home-tab/src/lib/components/homeTabLearn.tsx
@@ -1,8 +1,8 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
-import React, {useEffect, useState, useContext} from 'react'
-import {FormattedMessage} from 'react-intl'
-import {ThemeContext} from '../themeContext'
-import {CustomTooltip} from '@remix-ui/helper'
+import React, { useEffect, useState, useContext } from 'react'
+import { FormattedMessage } from 'react-intl'
+import { ThemeContext } from '../themeContext'
+import { CustomTooltip } from '@remix-ui/helper'
 declare global {
   interface Window {
     _paq: any
@@ -19,7 +19,7 @@ interface HomeTabLearnProps {
   plugin: any
 }
 
-function HomeTabLearn({plugin}: HomeTabLearnProps) {
+function HomeTabLearn({ plugin }: HomeTabLearnProps) {
   const [state, setState] = useState<{
     visibleTutorial: VisibleTutorial
   }>({
@@ -49,7 +49,7 @@ function HomeTabLearn({plugin}: HomeTabLearnProps) {
   return (
     <div className="d-flex px-2 pb-2 pt-2 d-flex flex-column" id="hTLearnSection">
       <div className="d-flex justify-content-between">
-        <label className="py-2 pt-3 align-self-center m-0" style={{fontSize: '1.2rem'}}>
+        <label className="py-2 pt-3 align-self-center m-0" style={{ fontSize: '1.2rem' }}>
           <FormattedMessage id="home.learn" />
         </label>
         <CustomTooltip
@@ -83,19 +83,19 @@ function HomeTabLearn({plugin}: HomeTabLearnProps) {
           className="d-flex flex-column btn border"
           onClick={() =>
             setState((prevState) => {
-              return {...prevState, visibleTutorial: VisibleTutorial.Basics}
+              return { ...prevState, visibleTutorial: VisibleTutorial.Basics }
             })
           }
         >
-          <label className="card-title align-self-start m-0 float-left" style={{fontSize: '1rem'}}>
+          <label className="card-title align-self-start m-0 float-left" style={{ fontSize: '1rem' }}>
             <FormattedMessage id="home.learnEth1" />
           </label>
           {state.visibleTutorial === VisibleTutorial.Basics && (
             <div className="pt-2 d-flex flex-column text-left">
-              <span className="py-1" style={{fontSize: '0.8rem'}}>
+              <span className="py-1" style={{ fontSize: '0.8rem' }}>
                 <FormattedMessage id="home.learnEth1Desc" />
               </span>
-              <button className="btn btn-sm btn-secondary mt-2" style={{width: 'fit-content'}} onClick={() => startLearnEthTutorial('basics')}>
+              <button className="btn btn-sm btn-secondary mt-2" style={{ width: 'fit-content' }} onClick={() => startLearnEthTutorial('basics')}>
                 <FormattedMessage id="home.getStarted" />
               </button>
             </div>
@@ -112,15 +112,15 @@ function HomeTabLearn({plugin}: HomeTabLearnProps) {
             })
           }
         >
-          <label className="card-title align-self-start m-0 float-left" style={{fontSize: '1rem'}}>
+          <label className="card-title align-self-start m-0 float-left" style={{ fontSize: '1rem' }}>
             <FormattedMessage id="home.learnEth2" />
           </label>
           {state.visibleTutorial === VisibleTutorial.Intermediate && (
             <div className="pt-2 d-flex flex-column text-left">
-              <span className="py-1" style={{fontSize: '0.8rem'}}>
+              <span className="py-1" style={{ fontSize: '0.8rem' }}>
                 <FormattedMessage id="home.learnEth2Desc" />
               </span>
-              <button className="btn btn-sm btn-secondary mt-2" style={{width: 'fit-content'}} onClick={() => startLearnEthTutorial('soliditybeginner')}>
+              <button className="btn btn-sm btn-secondary mt-2" style={{ width: 'fit-content' }} onClick={() => startLearnEthTutorial('soliditybeginner')}>
                 <FormattedMessage id="home.getStarted" />
               </button>
             </div>
@@ -130,19 +130,19 @@ function HomeTabLearn({plugin}: HomeTabLearnProps) {
           className="d-flex flex-column btn border"
           onClick={() =>
             setState((prevState) => {
-              return {...prevState, visibleTutorial: VisibleTutorial.Advanced}
+              return { ...prevState, visibleTutorial: VisibleTutorial.Advanced }
             })
           }
         >
-          <label className="card-title align-self-start m-0 float-left" style={{fontSize: '1rem'}}>
+          <label className="card-title align-self-start m-0 float-left" style={{ fontSize: '1rem' }}>
             <FormattedMessage id="home.remixAdvanced" />
           </label>
           {state.visibleTutorial === VisibleTutorial.Advanced && (
             <div className="pt-2 d-flex flex-column text-left">
-              <span className="py-1" style={{fontSize: '0.8rem'}}>
+              <span className="py-1" style={{ fontSize: '0.8rem' }}>
                 <FormattedMessage id="home.remixAdvancedDesc" />
               </span>
-              <button className="btn btn-sm btn-secondary mt-2" style={{width: 'fit-content'}} onClick={() => startLearnEthTutorial('deploylibraries')}>
+              <button className="btn btn-sm btn-secondary mt-2" style={{ width: 'fit-content' }} onClick={() => startLearnEthTutorial('deploylibraries')}>
                 <FormattedMessage id="home.getStarted" />
               </button>
             </div>
diff --git a/libs/remix-ui/home-tab/src/lib/components/homeTabScamAlert.tsx b/libs/remix-ui/home-tab/src/lib/components/homeTabScamAlert.tsx
index 9b75082b53..0be9a99efc 100644
--- a/libs/remix-ui/home-tab/src/lib/components/homeTabScamAlert.tsx
+++ b/libs/remix-ui/home-tab/src/lib/components/homeTabScamAlert.tsx
@@ -1,18 +1,18 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import React from 'react'
-import {FormattedMessage} from 'react-intl'
+import { FormattedMessage } from 'react-intl'
 
 const _paq = (window._paq = window._paq || []) // eslint-disable-line
 
 function HomeTabScamAlert() {
   return (
     <div className="" id="hTScamAlertSection">
-      <label className="pl-2 text-danger" style={{fontSize: '1.2rem'}}>
+      <label className="pl-2 text-danger" style={{ fontSize: '1.2rem' }}>
         <FormattedMessage id="home.scamAlert" />
       </label>
       <div className="py-2 ml-2 mb-1 align-self-end mb-2 d-flex  border border-danger">
         <span className="align-self-center pl-4 mt-1">
-          <i style={{fontSize: 'xxx-large', fontWeight: 'lighter'}} className="pr-2 text-danger far fa-exclamation-triangle"></i>
+          <i style={{ fontSize: 'xxx-large', fontWeight: 'lighter' }} className="pr-2 text-danger far fa-exclamation-triangle"></i>
         </span>
         <div className="d-flex flex-column">
           <span className="pl-4 mt-1">
diff --git a/libs/remix-ui/home-tab/src/lib/components/homeTabTitle.tsx b/libs/remix-ui/home-tab/src/lib/components/homeTabTitle.tsx
index 502f35579f..3581a9fa55 100644
--- a/libs/remix-ui/home-tab/src/lib/components/homeTabTitle.tsx
+++ b/libs/remix-ui/home-tab/src/lib/components/homeTabTitle.tsx
@@ -1,8 +1,8 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 // eslint-disable-next-line @nrwl/nx/enforce-module-boundaries
-import React, {useEffect, useState, useRef, useContext} from 'react'
-import {FormattedMessage, useIntl} from 'react-intl'
-import {CustomTooltip} from '@remix-ui/helper'
+import React, { useEffect, useState, useRef, useContext } from 'react'
+import { FormattedMessage, useIntl } from 'react-intl'
+import { CustomTooltip } from '@remix-ui/helper'
 const _paq = (window._paq = window._paq || []) // eslint-disable-line
 
 function HomeTabTitle() {
@@ -53,12 +53,12 @@ function HomeTabTitle() {
     <div className="px-2 pb-2 pt-2 d-flex flex-column border-bottom" id="hTTitleSection">
       <div className="d-flex py-2 justify-content-between">
         <div className="d-flex justify-content-start">
-          <span className="h-80 text-uppercase" style={{fontSize: 'xx-large', fontFamily: 'Noah, sans-serif'}}>
+          <span className="h-80 text-uppercase" style={{ fontSize: 'xx-large', fontFamily: 'Noah, sans-serif' }}>
             Remix
           </span>
           <div className="ml-2 d-flex">
             <div onClick={() => playRemi()}>
-              <img className="" src="assets/img/guitarRemiCroped.webp" style={{height: '3rem'}} alt=""></img>
+              <img className="" src="assets/img/guitarRemiCroped.webp" style={{ height: '3rem' }} alt=""></img>
             </div>
             <audio id="remiAudio" muted={false} src="assets/audio/remiGuitar-single-power-chord-A-minor.mp3" ref={remiAudioEl}></audio>
           </div>
@@ -142,7 +142,7 @@ function HomeTabTitle() {
           </CustomTooltip>
         </span>
       </div>
-      <b className="py-1 text-dark" style={{fontStyle: 'italic'}}>
+      <b className="py-1 text-dark" style={{ fontStyle: 'italic' }}>
         <FormattedMessage id="home.nativeIDE" />
       </b>
       <div className="pb-1" id="hTGeneralLinks">
@@ -180,7 +180,7 @@ function HomeTabTitle() {
           type="text"
           className="border form-control border-right-0"
           id="homeTabSearchInput"
-          placeholder={intl.formatMessage({id: 'home.searchDocumentation'})}
+          placeholder={intl.formatMessage({ id: 'home.searchDocumentation' })}
           data-id="terminalInputSearchHome"
         />
         <button
@@ -190,7 +190,7 @@ function HomeTabTitle() {
             openLink()
           }}
           disabled={state.searchDisable}
-          style={{width: '3rem'}}
+          style={{ width: '3rem' }}
         ></button>
       </div>
     </div>
diff --git a/libs/remix-ui/home-tab/src/lib/components/homeTablangOptions.tsx b/libs/remix-ui/home-tab/src/lib/components/homeTablangOptions.tsx
index be69466d77..83beb31fbe 100644
--- a/libs/remix-ui/home-tab/src/lib/components/homeTablangOptions.tsx
+++ b/libs/remix-ui/home-tab/src/lib/components/homeTablangOptions.tsx
@@ -3,8 +3,6 @@ import { Dropdown, DropdownButton } from 'react-bootstrap'
 import DropdownItem from 'react-bootstrap/DropdownItem'
 import { localeLang } from './types/carouselTypes'
 
-
-
 export function LanguageOptions({ plugin }: { plugin: any }) {
   const [langOptions, setLangOptions] = useState<string>()
 
@@ -26,12 +24,12 @@ export function LanguageOptions({ plugin }: { plugin: any }) {
 
   return (
     <>
-      <div style={{position: 'absolute', right: "1rem", paddingTop: "0.4rem"}}>
+      <div style={{ position: 'absolute', right: "1rem", paddingTop: "0.4rem" }}>
         <Dropdown>
-          <Dropdown.Toggle title={langOptions} id="languagedropdown" size="sm" style={{backgroundColor: 'var(--secondary)', color: 'var(--text)'}}>
+          <Dropdown.Toggle title={langOptions} id="languagedropdown" size="sm" style={{ backgroundColor: 'var(--secondary)', color: 'var(--text)' }}>
             {langOptions}
           </Dropdown.Toggle>
-          <Dropdown.Menu className="dropdown-menu langSelector" style={{ paddingTop: "0px", paddingBottom: "0px", minWidth: 'fit-content', backgroundColor: 'var(--body-bg)'}}>
+          <Dropdown.Menu className="dropdown-menu langSelector" style={{ paddingTop: "0px", paddingBottom: "0px", minWidth: 'fit-content', backgroundColor: 'var(--body-bg)' }}>
             {['EN', 'ES', 'FR', 'IT', 'RU', 'ZH'].map((lang, index) => (
               <DropdownItem as={'span'} className={langOptions === lang ? "border border-primary px-2" : "px-2"} onClick={() =>
               {
diff --git a/libs/remix-ui/home-tab/src/lib/components/pluginButton.tsx b/libs/remix-ui/home-tab/src/lib/components/pluginButton.tsx
index ca27c846c4..2a3e8d5040 100644
--- a/libs/remix-ui/home-tab/src/lib/components/pluginButton.tsx
+++ b/libs/remix-ui/home-tab/src/lib/components/pluginButton.tsx
@@ -1,8 +1,8 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
-import React, {useContext} from 'react'
-import {FormattedMessage} from 'react-intl'
-import {ThemeContext} from '../themeContext'
-import {CustomTooltip} from '@remix-ui/helper'
+import React, { useContext } from 'react'
+import { FormattedMessage } from 'react-intl'
+import { ThemeContext } from '../themeContext'
+import { CustomTooltip } from '@remix-ui/helper'
 interface PluginButtonProps {
   imgPath: string
   envID: string
@@ -13,7 +13,7 @@ interface PluginButtonProps {
   remixMaintained?: boolean
 }
 
-function PluginButton({imgPath, envID, envText, callback, l2, description, remixMaintained}: PluginButtonProps) {
+function PluginButton({ imgPath, envID, envText, callback, l2, description, remixMaintained }: PluginButtonProps) {
   const themeFilter = useContext(ThemeContext)
 
   return (
@@ -23,7 +23,7 @@ function PluginButton({imgPath, envID, envText, callback, l2, description, remix
         data-id={'landingPageStart' + envText}
         onClick={() => callback()}
       >
-        <img className="px-2 mb-2 align-self-center remixui_home_envLogo" id={envID} src={imgPath} alt="" style={{filter: themeFilter.filter}} />
+        <img className="px-2 mb-2 align-self-center remixui_home_envLogo" id={envID} src={imgPath} alt="" style={{ filter: themeFilter.filter }} />
         <div className="mb-2 h-100 d-flex flex-column">
           <label className="text-uppercase text-dark remixui_home_cursorStyle">{envText}</label>
           <div className="remixui_home_envLogoDescription">{description}</div>
diff --git a/libs/remix-ui/home-tab/src/lib/components/workspaceTemplate.tsx b/libs/remix-ui/home-tab/src/lib/components/workspaceTemplate.tsx
index fc79ac359a..e90fdb0e65 100644
--- a/libs/remix-ui/home-tab/src/lib/components/workspaceTemplate.tsx
+++ b/libs/remix-ui/home-tab/src/lib/components/workspaceTemplate.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
-import React, {useContext} from 'react'
-import {CustomTooltip} from '@remix-ui/helper'
-import {ThemeContext} from '../themeContext'
+import React, { useContext } from 'react'
+import { CustomTooltip } from '@remix-ui/helper'
+import { ThemeContext } from '../themeContext'
 
 interface WorkspaceTemplateProps {
   gsID: string
@@ -11,7 +11,7 @@ interface WorkspaceTemplateProps {
   description: string
 }
 
-function WorkspaceTemplate({gsID, workspaceTitle, description, projectLogo, callback}: WorkspaceTemplateProps) {
+function WorkspaceTemplate({ gsID, workspaceTitle, description, projectLogo, callback }: WorkspaceTemplateProps) {
   const themeFilter = useContext(ThemeContext)
 
   return (
@@ -24,8 +24,8 @@ function WorkspaceTemplate({gsID, workspaceTitle, description, projectLogo, call
         <div className="w-100 p-1 h-100 align-items-center d-flex flex-column">
           <CustomTooltip placement={'top'} tooltipClasses="text-wrap" tooltipId="etherscan-receipt-proxy-status" tooltipText={description}>
             <div className='d-flex flex-column align-items-center'>
-              <label className="h5 pb-1 mt-1 text-uppercase remixui_home_cursorStyle" style={{color: themeFilter.name == "dark" ? "var(--white)" : "var(--black)"}}>{workspaceTitle}</label>
-              <img className="" src={projectLogo} alt="" style={{height: "20px", filter: themeFilter.name == "dark" ? "invert(1)" : "invert(0)"}} />
+              <label className="h5 pb-1 mt-1 text-uppercase remixui_home_cursorStyle" style={{ color: themeFilter.name == "dark" ? "var(--white)" : "var(--black)" }}>{workspaceTitle}</label>
+              <img className="" src={projectLogo} alt="" style={{ height: "20px", filter: themeFilter.name == "dark" ? "invert(1)" : "invert(0)" }} />
             </div>
           </CustomTooltip>
         </div>
diff --git a/libs/remix-ui/home-tab/src/lib/remix-ui-home-tab.tsx b/libs/remix-ui/home-tab/src/lib/remix-ui-home-tab.tsx
index 3de9cdbc65..2373659001 100644
--- a/libs/remix-ui/home-tab/src/lib/remix-ui-home-tab.tsx
+++ b/libs/remix-ui/home-tab/src/lib/remix-ui-home-tab.tsx
@@ -1,7 +1,7 @@
 import React, {useState, useEffect, useContext} from 'react' // eslint-disable-line
 
 import './remix-ui-home-tab.css'
-import {ThemeContext, themes} from './themeContext'
+import { ThemeContext, themes } from './themeContext'
 import HomeTabTitle from './components/homeTabTitle'
 import HomeTabFile from './components/homeTabFile'
 import HomeTabLearn from './components/homeTabLearn'
@@ -25,7 +25,7 @@ export interface RemixUiHomeTabProps {
 
 export const RemixUiHomeTab = (props: RemixUiHomeTabProps) => {
   const platform = useContext(platformContext)
-  const {plugin} = props
+  const { plugin } = props
 
   const [state, setState] = useState<{
     themeQuality: {filter: string; name: string}
@@ -58,14 +58,14 @@ export const RemixUiHomeTab = (props: RemixUiHomeTabProps) => {
     <div className="d-flex flex-column w-100" data-id="remixUIHTAll">
       <ThemeContext.Provider value={state.themeQuality}>
         <div className="d-flex flex-row w-100 custom_home_bg">
-          <div className="px-2 pl-3 justify-content-start d-flex border-right flex-column" id="remixUIHTLeft" style={{width: 'inherit'}}>
+          <div className="px-2 pl-3 justify-content-start d-flex border-right flex-column" id="remixUIHTLeft" style={{ width: 'inherit' }}>
             <HomeTabTitle />
             {!(platform === appPlatformTypes.desktop) ?
               <HomeTabFile plugin={plugin} />:
               <HomeTabFileElectron plugin={plugin}></HomeTabFileElectron>}
             <HomeTabLearn plugin={plugin} />
           </div>
-          <div className="pl-2 pr-3 justify-content-start d-flex flex-column" style={{width: '65%'}} id="remixUIHTRight">
+          <div className="pl-2 pr-3 justify-content-start d-flex flex-column" style={{ width: '65%' }} id="remixUIHTRight">
             <LanguageOptions plugin={plugin}/>
             <HomeTabFeatured></HomeTabFeatured>
             <HomeTabGetStarted plugin={plugin}></HomeTabGetStarted>
diff --git a/libs/remix-ui/modal-dialog/src/lib/remix-ui-modal-dialog.tsx b/libs/remix-ui/modal-dialog/src/lib/remix-ui-modal-dialog.tsx
index b94ad7db1c..d7e966dcc7 100644
--- a/libs/remix-ui/modal-dialog/src/lib/remix-ui-modal-dialog.tsx
+++ b/libs/remix-ui/modal-dialog/src/lib/remix-ui-modal-dialog.tsx
@@ -57,12 +57,12 @@ export const ModalDialog = (props: ModalDialogProps) => {
     } else if (keyCode === 37) {
       // todo && footerIsActive) { // Arrow Left
       setState((prevState) => {
-        return {...prevState, toggleBtn: true}
+        return { ...prevState, toggleBtn: true }
       })
     } else if (keyCode === 39) {
       // todo && footerIsActive) { // Arrow Right
       setState((prevState) => {
-        return {...prevState, toggleBtn: false}
+        return { ...prevState, toggleBtn: false }
       })
     }
   }
@@ -82,7 +82,7 @@ export const ModalDialog = (props: ModalDialogProps) => {
       data-backdrop="static"
       data-keyboard="false"
       className="modal"
-      style={{display: props.hide ? 'none' : 'block'}}
+      style={{ display: props.hide ? 'none' : 'block' }}
       role="dialog"
     >
       <div className="modal-dialog" role="document">
@@ -90,7 +90,7 @@ export const ModalDialog = (props: ModalDialogProps) => {
           ref={modal}
           tabIndex={-1}
           className={'modal-content remixModalContent ' + (props.modalClass ? props.modalClass : '')}
-          onKeyDown={({keyCode}) => {
+          onKeyDown={({ keyCode }) => {
             modalKeyEvent(keyCode)
           }}
         >
diff --git a/libs/remix-ui/panel/src/lib/dragbar/dragbar.tsx b/libs/remix-ui/panel/src/lib/dragbar/dragbar.tsx
index 49f6a63c3c..76c1755dfb 100644
--- a/libs/remix-ui/panel/src/lib/dragbar/dragbar.tsx
+++ b/libs/remix-ui/panel/src/lib/dragbar/dragbar.tsx
@@ -1,5 +1,5 @@
 // eslint-disable-next-line no-use-before-define
-import React, {useEffect, useState} from 'react'
+import React, { useEffect, useState } from 'react'
 import Draggable from 'react-draggable'
 import './dragbar.css'
 
@@ -46,7 +46,7 @@ const DragBar = (props: IRemixDragBarUi) => {
   return (
     <>
       <div className={`overlay ${dragState ? '' : 'd-none'}`}></div>
-      <Draggable nodeRef={nodeRef} position={{x: 0, y: dragBarPosY}} onStart={startDrag} onStop={stopDrag} axis="y">
+      <Draggable nodeRef={nodeRef} position={{ x: 0, y: dragBarPosY }} onStart={startDrag} onStop={stopDrag} axis="y">
         <div ref={nodeRef} className={`dragbar_terminal ${dragState ? 'ondrag' : ''}`}></div>
       </Draggable>
     </>
diff --git a/libs/remix-ui/panel/src/lib/main/main-panel.tsx b/libs/remix-ui/panel/src/lib/main/main-panel.tsx
index 5117e7e78b..ac7033fe15 100644
--- a/libs/remix-ui/panel/src/lib/main/main-panel.tsx
+++ b/libs/remix-ui/panel/src/lib/main/main-panel.tsx
@@ -2,7 +2,7 @@
 import React, {useContext, useEffect, useRef, useState} from 'react' // eslint-disable-line
 import DragBar from '../dragbar/dragbar'
 import RemixUIPanelPlugin from '../plugins/panel-plugin'
-import {PluginRecord} from '../types'
+import { PluginRecord } from '../types'
 import { appPlatformTypes, platformContext } from '@remix-ui/app'
 import './main-panel.css'
 
@@ -12,7 +12,7 @@ export type RemixUIMainPanelProps = {
 
 const RemixUIMainPanel = (props: RemixUIMainPanelProps) => {
   const platform = useContext(platformContext)
-  const {layout} = props
+  const { layout } = props
   const [plugins, setPlugins] = useState<PluginRecord[]>([])
   const editorRef = useRef<HTMLDivElement>(null)
   const mainPanelRef = useRef<HTMLDivElement>(null)
diff --git a/libs/remix-ui/panel/src/lib/plugins/panel-header.tsx b/libs/remix-ui/panel/src/lib/plugins/panel-header.tsx
index 6037ef5838..590893b3a5 100644
--- a/libs/remix-ui/panel/src/lib/plugins/panel-header.tsx
+++ b/libs/remix-ui/panel/src/lib/plugins/panel-header.tsx
@@ -1,8 +1,8 @@
 import React, {useEffect, useRef, useState} from 'react' // eslint-disable-line
-import {FormattedMessage} from 'react-intl'
-import {PluginRecord} from '../types'
+import { FormattedMessage } from 'react-intl'
+import { PluginRecord } from '../types'
 import './panel.css'
-import {CustomTooltip} from '@remix-ui/helper'
+import { CustomTooltip } from '@remix-ui/helper'
 
 export interface RemixPanelProps {
   plugins: Record<string, PluginRecord>
diff --git a/libs/remix-ui/panel/src/lib/plugins/panel-plugin.tsx b/libs/remix-ui/panel/src/lib/plugins/panel-plugin.tsx
index a44aedce09..2c9d3d71ee 100644
--- a/libs/remix-ui/panel/src/lib/plugins/panel-plugin.tsx
+++ b/libs/remix-ui/panel/src/lib/plugins/panel-plugin.tsx
@@ -1,6 +1,6 @@
 /* eslint-disable no-undef */
 import React, {forwardRef, useEffect, useRef, useState} from 'react' // eslint-disable-line
-import {PluginRecord} from '../types'
+import { PluginRecord } from '../types'
 import './panel.css'
 interface panelPLuginProps {
   pluginRecord: PluginRecord
diff --git a/libs/remix-ui/panel/src/lib/plugins/remix-ui-panel.tsx b/libs/remix-ui/panel/src/lib/plugins/remix-ui-panel.tsx
index 2e91e46630..1b3d668a35 100644
--- a/libs/remix-ui/panel/src/lib/plugins/remix-ui-panel.tsx
+++ b/libs/remix-ui/panel/src/lib/plugins/remix-ui-panel.tsx
@@ -2,7 +2,7 @@
 import React, {useEffect, useState} from 'react' // eslint-disable-line
 import './panel.css'
 import RemixUIPanelPlugin from './panel-plugin'
-import {PluginRecord} from '../types'
+import { PluginRecord } from '../types'
 
 /* eslint-disable-next-line */
 export interface RemixPanelProps {
diff --git a/libs/remix-ui/permission-handler/src/lib/permission-dialog.tsx b/libs/remix-ui/permission-handler/src/lib/permission-dialog.tsx
index 2490939633..65d75e3f46 100644
--- a/libs/remix-ui/permission-handler/src/lib/permission-dialog.tsx
+++ b/libs/remix-ui/permission-handler/src/lib/permission-dialog.tsx
@@ -1,10 +1,10 @@
 import React, {ChangeEventHandler, useContext, useEffect, useRef, useState} from 'react' // eslint-disable-line
-import {FormattedMessage, useIntl} from 'react-intl'
-import {PermissionHandlerProps} from '../interface'
+import { FormattedMessage, useIntl } from 'react-intl'
+import { PermissionHandlerProps } from '../interface'
 import './permission-dialog.css'
 
 const PermissionHandlerDialog = (props: PermissionHandlerProps) => {
-  const {from, to, remember, method, message, sensitiveCall} = props.value
+  const { from, to, remember, method, message, sensitiveCall } = props.value
   const [feedback, setFeedback] = useState<string>('')
   const theme = props.theme
   const intl = useIntl()
@@ -15,7 +15,7 @@ const PermissionHandlerDialog = (props: PermissionHandlerProps) => {
 
   const reset = () => {
     props.plugin.clear()
-    setFeedback(intl.formatMessage({id: 'permissionHandler.allPermissionsReset'}))
+    setFeedback(intl.formatMessage({ id: 'permissionHandler.allPermissionsReset' }))
   }
 
   const imgFrom = () => {
@@ -44,7 +44,7 @@ const PermissionHandlerDialog = (props: PermissionHandlerProps) => {
           from: from.displayName,
           to: to.displayName,
           method,
-          rememberText: remember ? intl.formatMessage({id: 'permissionHandler.rememberText'}) : ''
+          rememberText: remember ? intl.formatMessage({ id: 'permissionHandler.rememberText' }) : ''
         }}
       />
     )
diff --git a/libs/remix-ui/plugin-manager/src/lib/components/ActivePluginCard.tsx b/libs/remix-ui/plugin-manager/src/lib/components/ActivePluginCard.tsx
index 2c0b61c9a8..4d1e29bd49 100644
--- a/libs/remix-ui/plugin-manager/src/lib/components/ActivePluginCard.tsx
+++ b/libs/remix-ui/plugin-manager/src/lib/components/ActivePluginCard.tsx
@@ -1,15 +1,15 @@
 // eslint-disable-next-line @typescript-eslint/no-unused-vars, no-use-before-define
 import React from 'react'
-import {FormattedMessage} from 'react-intl'
+import { FormattedMessage } from 'react-intl'
 import '../remix-ui-plugin-manager.css'
-import {CustomTooltip} from '@remix-ui/helper'
+import { CustomTooltip } from '@remix-ui/helper'
 interface PluginCardProps {
   profile: any
   buttonText: string
   deactivatePlugin: (pluginName: string) => void
 }
 
-function ActivePluginCard({profile, buttonText, deactivatePlugin}: PluginCardProps) {
+function ActivePluginCard({ profile, buttonText, deactivatePlugin }: PluginCardProps) {
   return (
     <div className="list-group list-group-flush plugins-list-group" data-id="pluginManagerComponentActiveTile">
       <article className="list-group-item py-1 mb-1 plugins-list-group-item">
@@ -72,7 +72,7 @@ function ActivePluginCard({profile, buttonText, deactivatePlugin}: PluginCardPro
                 placement="right"
                 tooltipId={`pluginManagerInactiveActiveBtn${profile.name}`}
                 tooltipClasses="text-nowrap"
-                tooltipText={<FormattedMessage id="pluginManager.deactivatePlugin" values={{pluginName: profile.displayName || profile.name}} />}
+                tooltipText={<FormattedMessage id="pluginManager.deactivatePlugin" values={{ pluginName: profile.displayName || profile.name }} />}
               >
                 <button
                   onClick={() => {
diff --git a/libs/remix-ui/plugin-manager/src/lib/components/ActivePluginCardContainer.tsx b/libs/remix-ui/plugin-manager/src/lib/components/ActivePluginCardContainer.tsx
index 5e1f02bd1a..1051a44925 100644
--- a/libs/remix-ui/plugin-manager/src/lib/components/ActivePluginCardContainer.tsx
+++ b/libs/remix-ui/plugin-manager/src/lib/components/ActivePluginCardContainer.tsx
@@ -1,29 +1,29 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
-import {Profile} from '@remixproject/plugin-utils'
+import { Profile } from '@remixproject/plugin-utils'
 import React from 'react' // eslint-disable-line no-use-before-define
-import {useIntl} from 'react-intl'
-import {PluginManagerComponent} from '../../types'
+import { useIntl } from 'react-intl'
+import { PluginManagerComponent } from '../../types'
 import ActivePluginCard from './ActivePluginCard'
 import ModuleHeading from './moduleHeading'
 
 interface ActivePluginCardContainerProps {
   pluginComponent: PluginManagerComponent
 }
-function ActivePluginCardContainer({pluginComponent}: ActivePluginCardContainerProps) {
+function ActivePluginCardContainer({ pluginComponent }: ActivePluginCardContainerProps) {
   const deactivatePlugin = (pluginName: string) => {
     pluginComponent.deactivateP(pluginName)
   }
-  
+
   const intl = useIntl()
 
   return (
     <React.Fragment>
       {pluginComponent.activePlugins && pluginComponent.activePlugins.length ? (
-        <ModuleHeading headingLabel={intl.formatMessage({id: 'pluginManager.activeModules'})} count={pluginComponent.activePlugins.length} />
+        <ModuleHeading headingLabel={intl.formatMessage({ id: 'pluginManager.activeModules' })} count={pluginComponent.activePlugins.length} />
       ) : null}
       {pluginComponent.activePlugins &&
         pluginComponent.activePlugins.map((profile, idx) => {
-          return <ActivePluginCard buttonText={intl.formatMessage({id: 'pluginManager.deactivate'})} profile={profile} deactivatePlugin={deactivatePlugin} key={idx} />
+          return <ActivePluginCard buttonText={intl.formatMessage({ id: 'pluginManager.deactivate' })} profile={profile} deactivatePlugin={deactivatePlugin} key={idx} />
         })}
     </React.Fragment>
   )
diff --git a/libs/remix-ui/plugin-manager/src/lib/components/InactivePluginCard.tsx b/libs/remix-ui/plugin-manager/src/lib/components/InactivePluginCard.tsx
index 665c81ac49..1dec1c420c 100644
--- a/libs/remix-ui/plugin-manager/src/lib/components/InactivePluginCard.tsx
+++ b/libs/remix-ui/plugin-manager/src/lib/components/InactivePluginCard.tsx
@@ -1,9 +1,9 @@
-import {Profile} from '@remixproject/plugin-utils'
+import { Profile } from '@remixproject/plugin-utils'
 // eslint-disable-next-line @typescript-eslint/no-unused-vars,no-use-before-define
 import React, { useContext, useEffect, useState } from 'react'
-import {FormattedMessage, useIntl} from 'react-intl'
+import { FormattedMessage, useIntl } from 'react-intl'
 import '../remix-ui-plugin-manager.css'
-import {CustomTooltip} from '@remix-ui/helper'
+import { CustomTooltip } from '@remix-ui/helper'
 import { onLineContext } from '@remix-ui/app'
 interface PluginCardProps {
   profile: any
@@ -11,18 +11,18 @@ interface PluginCardProps {
   activatePlugin: (plugin: string) => void
 }
 
-function InactivePluginCard({profile, buttonText, activatePlugin}: PluginCardProps) {
+function InactivePluginCard({ profile, buttonText, activatePlugin }: PluginCardProps) {
   const online = useContext(onLineContext)
   const [canBeActivated, setCanBeActivated] = useState(false)
   const intl = useIntl()
   useEffect(() => {
-    if(!online) {
-      if(profile.url && (!profile.url.includes('http') || profile.url.includes('localhost') || profile.url.includes('127.0.0.1'))) {
+    if (!online) {
+      if (profile.url && (!profile.url.includes('http') || profile.url.includes('localhost') || profile.url.includes('127.0.0.1'))) {
         setCanBeActivated(true)
-      }else{
+      } else {
         setCanBeActivated(false)
       }
-    }else{
+    } else {
       setCanBeActivated(true)
     }
   },[online])
@@ -89,9 +89,9 @@ function InactivePluginCard({profile, buttonText, activatePlugin}: PluginCardPro
                 placement="right"
                 tooltipId={`pluginManagerInactiveActiveBtn${profile.name}`}
                 tooltipClasses="text-nowrap"
-                tooltipText={<FormattedMessage id="pluginManager.activatePlugin" values={{pluginName: profile.displayName || profile.name}} />}
+                tooltipText={<FormattedMessage id="pluginManager.activatePlugin" values={{ pluginName: profile.displayName || profile.name }} />}
               >
-                {!canBeActivated ? <button className="btn btn-secondary btn-sm">{intl.formatMessage({id: 'pluginManager.UnavailableOffline'})}</button> : (
+                {!canBeActivated ? <button className="btn btn-secondary btn-sm">{intl.formatMessage({ id: 'pluginManager.UnavailableOffline' })}</button> : (
                   <button
                     onClick={() => {
                       activatePlugin(profile.name)
diff --git a/libs/remix-ui/plugin-manager/src/lib/components/InactivePluginCardContainer.tsx b/libs/remix-ui/plugin-manager/src/lib/components/InactivePluginCardContainer.tsx
index a8ee28bf1c..d3c219dd5e 100644
--- a/libs/remix-ui/plugin-manager/src/lib/components/InactivePluginCardContainer.tsx
+++ b/libs/remix-ui/plugin-manager/src/lib/components/InactivePluginCardContainer.tsx
@@ -1,8 +1,8 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
-import {Profile} from '@remixproject/plugin-utils'
+import { Profile } from '@remixproject/plugin-utils'
 import React from 'react' // eslint-disable-line no-use-before-define
-import {useIntl} from 'react-intl'
-import {PluginManagerComponent} from '../../types'
+import { useIntl } from 'react-intl'
+import { PluginManagerComponent } from '../../types'
 import InactivePluginCard from './InactivePluginCard'
 import ModuleHeading from './moduleHeading'
 
@@ -10,7 +10,7 @@ interface InactivePluginCardContainerProps {
   pluginComponent: PluginManagerComponent
 }
 
-function InactivePluginCardContainer({pluginComponent}: InactivePluginCardContainerProps) {
+function InactivePluginCardContainer({ pluginComponent }: InactivePluginCardContainerProps) {
   const activatePlugin = (pluginName: string) => {
     pluginComponent.activateP(pluginName)
   }
@@ -29,7 +29,7 @@ function InactivePluginCardContainer({pluginComponent}: InactivePluginCardContai
       ) : null}
       {pluginComponent.inactivePlugins &&
         pluginComponent.inactivePlugins.map((profile, idx) => {
-          return <InactivePluginCard buttonText={intl.formatMessage({id: 'pluginManager.activate'})} profile={profile} key={idx} activatePlugin={activatePlugin} />
+          return <InactivePluginCard buttonText={intl.formatMessage({ id: 'pluginManager.activate' })} profile={profile} key={idx} activatePlugin={activatePlugin} />
         })}
     </React.Fragment>
   )
diff --git a/libs/remix-ui/plugin-manager/src/lib/components/LocalPluginForm.tsx b/libs/remix-ui/plugin-manager/src/lib/components/LocalPluginForm.tsx
index 3dfcd6587d..f123f8be5f 100644
--- a/libs/remix-ui/plugin-manager/src/lib/components/LocalPluginForm.tsx
+++ b/libs/remix-ui/plugin-manager/src/lib/components/LocalPluginForm.tsx
@@ -1,11 +1,11 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
-import React, {useEffect, useReducer, useState} from 'react' // eslint-disable-line no-use-before-define
-import {ModalDialog} from '@remix-ui/modal-dialog'
-import {Toaster} from '@remix-ui/toaster'
-import {IframePlugin, WebsocketPlugin} from '@remixproject/engine-web'
-import {FormattedMessage, useIntl} from 'react-intl'
-import {localPluginReducerActionType, localPluginToastReducer} from '../reducers/pluginManagerReducer'
-import {canActivate, FormStateProps, PluginManagerComponent} from '../../types'
+import React, { useEffect, useReducer, useState } from 'react' // eslint-disable-line no-use-before-define
+import { ModalDialog } from '@remix-ui/modal-dialog'
+import { Toaster } from '@remix-ui/toaster'
+import { IframePlugin, WebsocketPlugin } from '@remixproject/engine-web'
+import { FormattedMessage, useIntl } from 'react-intl'
+import { localPluginReducerActionType, localPluginToastReducer } from '../reducers/pluginManagerReducer'
+import { canActivate, FormStateProps, PluginManagerComponent } from '../../types'
 
 interface LocalPluginFormProps {
   closeModal: () => void
@@ -34,7 +34,7 @@ const defaultProfile = {
   hash: ''
 }
 
-function LocalPluginForm({closeModal, visible, pluginManager}: LocalPluginFormProps) {
+function LocalPluginForm({ closeModal, visible, pluginManager }: LocalPluginFormProps) {
   const [errorMsg, dispatchToastMsg] = useReducer(localPluginToastReducer, '')
   const [name, setName] = useState<string>('')
   const [displayName, setDisplayName] = useState<string>('')
@@ -100,7 +100,7 @@ function LocalPluginForm({closeModal, visible, pluginManager}: LocalPluginFormPr
       targetPlugin.description = localPlugin.profile.description !== undefined ? localPlugin.profile.description : ''
       targetPlugin.events = localPlugin.profile.events !== undefined ? localPlugin.profile.events : []
       targetPlugin.kind = localPlugin.profile.kind !== undefined ? localPlugin.profile.kind : ''
-      localPlugin.profile = {...localPlugin.profile, ...targetPlugin}
+      localPlugin.profile = { ...localPlugin.profile, ...targetPlugin }
       pluginManager.activateAndRegisterLocalPlugin(localPlugin)
     } catch (error) {
       const action: localPluginReducerActionType = {
@@ -120,10 +120,10 @@ function LocalPluginForm({closeModal, visible, pluginManager}: LocalPluginFormPr
         handleHide={closeModal}
         id="pluginManagerLocalPluginModalDialog"
         hide={visible}
-        title={intl.formatMessage({id: 'pluginManager.localForm.title'})}
-        okLabel={intl.formatMessage({id: 'pluginManager.localForm.ok'})}
+        title={intl.formatMessage({ id: 'pluginManager.localForm.title' })}
+        okLabel={intl.formatMessage({ id: 'pluginManager.localForm.ok' })}
         okFn={handleModalOkClick}
-        cancelLabel={intl.formatMessage({id: 'pluginManager.localForm.cancel'})}
+        cancelLabel={intl.formatMessage({ id: 'pluginManager.localForm.cancel' })}
         cancelFn={closeModal}
       >
         <form id="local-plugin-form">
@@ -172,7 +172,7 @@ function LocalPluginForm({closeModal, visible, pluginManager}: LocalPluginFormPr
               value={methods || ''}
               id="plugin-methods"
               data-id="localPluginMethods"
-              placeholder={intl.formatMessage({id: 'pluginManager.localForm.methods'})}
+              placeholder={intl.formatMessage({ id: 'pluginManager.localForm.methods' })}
             />
           </div>
           <div className="form-group">
@@ -187,7 +187,7 @@ function LocalPluginForm({closeModal, visible, pluginManager}: LocalPluginFormPr
               value={canactivate || ''}
               id="plugin-canactivate"
               data-id="localPluginCanActivate"
-              placeholder={intl.formatMessage({id: 'pluginManager.localForm.pluginNames'})}
+              placeholder={intl.formatMessage({ id: 'pluginManager.localForm.pluginNames' })}
             />
           </div>
 
diff --git a/libs/remix-ui/plugin-manager/src/lib/components/moduleHeading.tsx b/libs/remix-ui/plugin-manager/src/lib/components/moduleHeading.tsx
index 81e13c7cb5..646cde22fe 100644
--- a/libs/remix-ui/plugin-manager/src/lib/components/moduleHeading.tsx
+++ b/libs/remix-ui/plugin-manager/src/lib/components/moduleHeading.tsx
@@ -6,11 +6,11 @@ interface ModuleHeadingProps {
   count: number
 }
 
-function ModuleHeading({headingLabel, count}: ModuleHeadingProps) {
+function ModuleHeading({ headingLabel, count }: ModuleHeadingProps) {
   return (
     <nav className="plugins-list-header justify-content-between navbar navbar-expand-lg bg-light navbar-light align-items-center">
       <span className="navbar-brand plugins-list-title h6 mb-0 mr-2">{headingLabel}</span>
-      <span className="badge badge-primary" style={{cursor: 'default'}} data-id="pluginManagerComponentInactiveTilesCount">
+      <span className="badge badge-primary" style={{ cursor: 'default' }} data-id="pluginManagerComponentInactiveTilesCount">
         {count}
       </span>
     </nav>
diff --git a/libs/remix-ui/plugin-manager/src/lib/components/permissionsSettings.tsx b/libs/remix-ui/plugin-manager/src/lib/components/permissionsSettings.tsx
index a9b708c92e..0a9f93b93e 100644
--- a/libs/remix-ui/plugin-manager/src/lib/components/permissionsSettings.tsx
+++ b/libs/remix-ui/plugin-manager/src/lib/components/permissionsSettings.tsx
@@ -1,11 +1,11 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
-import React, {Fragment, useState} from 'react' // eslint-disable-line no-use-before-define
-import {FormattedMessage, useIntl} from 'react-intl'
+import React, { Fragment, useState } from 'react' // eslint-disable-line no-use-before-define
+import { FormattedMessage, useIntl } from 'react-intl'
 /* eslint-disable-line */
-import {ModalDialog} from '@remix-ui/modal-dialog'
+import { ModalDialog } from '@remix-ui/modal-dialog'
 import useLocalStorage from '../custom-hooks/useLocalStorage'
-import {PluginPermissions} from '../../types'
-import {CustomTooltip} from '@remix-ui/helper'
+import { PluginPermissions } from '../../types'
+import { CustomTooltip } from '@remix-ui/helper'
 
 function PermisssionsSettings() {
   const [modalVisibility, setModalVisibility] = useState<boolean>(true)
@@ -51,7 +51,7 @@ function PermisssionsSettings() {
     })
   }
 
-  function RenderPluginHeader({headingName}) {
+  function RenderPluginHeader({ headingName }) {
     return (
       <div className="pb-2 remixui_permissionKey">
         <h3>
@@ -68,7 +68,7 @@ function PermisssionsSettings() {
     )
   }
 
-  function RenderPermissions({targetPlugin}) {
+  function RenderPermissions({ targetPlugin }) {
     return (
       <>
         {Object.keys(permissions[targetPlugin]).map((funcName) => {
@@ -120,8 +120,8 @@ function PermisssionsSettings() {
         title={intl.formatMessage({
           id: 'pluginManager.pluginManagerPermissions'
         })}
-        okLabel={intl.formatMessage({id: 'pluginManager.ok'})}
-        cancelLabel={intl.formatMessage({id: 'pluginManager.cancel'})}
+        okLabel={intl.formatMessage({ id: 'pluginManager.ok' })}
+        cancelLabel={intl.formatMessage({ id: 'pluginManager.cancel' })}
       >
         {permissions && Object.keys(permissions).length > 0 ? (
           <h4 className="text-center">
diff --git a/libs/remix-ui/plugin-manager/src/lib/components/rootView.tsx b/libs/remix-ui/plugin-manager/src/lib/components/rootView.tsx
index 05a16f64a9..9ed9f0f4b1 100644
--- a/libs/remix-ui/plugin-manager/src/lib/components/rootView.tsx
+++ b/libs/remix-ui/plugin-manager/src/lib/components/rootView.tsx
@@ -1,9 +1,9 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
-import React, {Fragment, ReactNode, useEffect, useState} from 'react' // eslint-disable-line no-use-before-define
-import {FormattedMessage, useIntl} from 'react-intl'
-import {PluginManagerComponent, PluginManagerSettings} from '../../types'
+import React, { Fragment, ReactNode, useEffect, useState } from 'react' // eslint-disable-line no-use-before-define
+import { FormattedMessage, useIntl } from 'react-intl'
+import { PluginManagerComponent, PluginManagerSettings } from '../../types'
 import PermisssionsSettings from './permissionsSettings'
-import {Profile} from '@remixproject/plugin-utils'
+import { Profile } from '@remixproject/plugin-utils'
 import LocalPluginForm from './LocalPluginForm'
 
 interface RootViewProps {
@@ -21,7 +21,7 @@ export interface pluginActivated {
   profile: Profile
 }
 
-function RootView({pluginComponent, children}: RootViewProps) {
+function RootView({ pluginComponent, children }: RootViewProps) {
   const intl = useIntl()
   const [visible, setVisible] = useState<boolean>(true)
   const [filterPlugins, setFilterPlugin] = useState<string>('')
@@ -45,7 +45,7 @@ function RootView({pluginComponent, children}: RootViewProps) {
             }}
             value={filterPlugins}
             className="mb-2 form-control"
-            placeholder={intl.formatMessage({id: 'pluginManager.search'})}
+            placeholder={intl.formatMessage({ id: 'pluginManager.search' })}
             data-id="pluginManagerComponentSearchInput"
           />
           <button onClick={openModal} className="py-1 btn bg-transparent text-dark border-0 mt-2 text-underline" data-id="pluginManagerComponentPluginSearchButton">
diff --git a/libs/remix-ui/plugin-manager/src/lib/remix-ui-plugin-manager.tsx b/libs/remix-ui/plugin-manager/src/lib/remix-ui-plugin-manager.tsx
index b2c7944b7b..54b464a294 100644
--- a/libs/remix-ui/plugin-manager/src/lib/remix-ui-plugin-manager.tsx
+++ b/libs/remix-ui/plugin-manager/src/lib/remix-ui-plugin-manager.tsx
@@ -1,13 +1,13 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
-import {Profile} from '@remixproject/plugin-utils'
-import React, {useState} from 'react' // eslint-disable-line no-use-before-define
-import {RemixUiPluginManagerProps} from '../types'
+import { Profile } from '@remixproject/plugin-utils'
+import React, { useState } from 'react' // eslint-disable-line no-use-before-define
+import { RemixUiPluginManagerProps } from '../types'
 import ActivePluginCardContainer from './components/ActivePluginCardContainer'
 import InactivePluginCardContainer from './components/InactivePluginCardContainer'
 import RootView from './components/rootView'
 import './remix-ui-plugin-manager.css'
 
-export const RemixUiPluginManager = ({pluginComponent}: RemixUiPluginManagerProps) => {
+export const RemixUiPluginManager = ({ pluginComponent }: RemixUiPluginManagerProps) => {
   return (
     <RootView pluginComponent={pluginComponent}>
       <section data-id="pluginManagerComponentPluginManagerSection">
diff --git a/libs/remix-ui/publish-to-storage/src/lib/publish-to-storage.tsx b/libs/remix-ui/publish-to-storage/src/lib/publish-to-storage.tsx
index d84fa0e46c..d6f7c32faf 100644
--- a/libs/remix-ui/publish-to-storage/src/lib/publish-to-storage.tsx
+++ b/libs/remix-ui/publish-to-storage/src/lib/publish-to-storage.tsx
@@ -1,13 +1,13 @@
 import React, {useEffect, useState} from 'react' // eslint-disable-line
-import {FormattedMessage, useIntl} from 'react-intl'
+import { FormattedMessage, useIntl } from 'react-intl'
 import {ModalDialog} from '@remix-ui/modal-dialog' // eslint-disable-line
 import {RemixUiPublishToStorageProps} from './types' // eslint-disable-line
-import {publishToIPFS} from './publishToIPFS'
-import {publishToSwarm} from './publishOnSwarm'
+import { publishToIPFS } from './publishToIPFS'
+import { publishToSwarm } from './publishOnSwarm'
 
 export const PublishToStorage = (props: RemixUiPublishToStorageProps) => {
   const intl = useIntl()
-  const {api, storage, contract, resetStorage} = props
+  const { api, storage, contract, resetStorage } = props
   const [modalShown, setModalShown] = useState(false)
   const [state, setState] = useState({
     modal: {
@@ -25,22 +25,22 @@ export const PublishToStorage = (props: RemixUiPublishToStorageProps) => {
     const storageService = async () => {
       if (contract.metadata === undefined || contract.metadata.length === 0) {
         modal(
-          intl.formatMessage({id: 'publishToStorage.title1'}),
-          intl.formatMessage({id: 'publishToStorage.message1'})
+          intl.formatMessage({ id: 'publishToStorage.title1' }),
+          intl.formatMessage({ id: 'publishToStorage.message1' })
         )
       } else {
         if (storage === 'swarm') {
           try {
             const result = await publishToSwarm(contract, api)
 
-            modal(intl.formatMessage({id: 'publishToStorage.title2'}, {name: contract.name}), publishMessage(result.uploaded))
+            modal(intl.formatMessage({ id: 'publishToStorage.title2' }, { name: contract.name }), publishMessage(result.uploaded))
           } catch (err) {
-            modal(intl.formatMessage({id: 'publishToStorage.title3'}), publishMessageFailed(storage, err.message))
+            modal(intl.formatMessage({ id: 'publishToStorage.title3' }), publishMessageFailed(storage, err.message))
           }
         } else {
           if (!api.config.get('settings/ipfs-url') && !modalShown) {
             modal(
-              intl.formatMessage({id: 'publishToStorage.title4'}),
+              intl.formatMessage({ id: 'publishToStorage.title4' }),
               <div>
                 <FormattedMessage id="publishToStorage.title4.message1" /><br></br>
                 <br></br>
@@ -49,7 +49,7 @@ export const PublishToStorage = (props: RemixUiPublishToStorageProps) => {
                 <ul className="pl-3">
                   <li key="ipfs-default"><FormattedMessage id="publishToStorage.title4.message4" /></li>
                   <li key="infura-options">
-                    <FormattedMessage 
+                    <FormattedMessage
                       id="publishToStorage.title4.message5"
                       values={{
                         a: (chunks) => (
@@ -84,9 +84,9 @@ export const PublishToStorage = (props: RemixUiPublishToStorageProps) => {
   const ipfs = async (contract, api) => {
     try {
       const result = await publishToIPFS(contract, api)
-      modal(intl.formatMessage({id: 'publishToStorage.title2'}, {name: contract.name}), publishMessage(result.uploaded))
+      modal(intl.formatMessage({ id: 'publishToStorage.title2' }, { name: contract.name }), publishMessage(result.uploaded))
     } catch (err) {
-      modal(intl.formatMessage({id: 'publishToStorage.title5'}), publishMessageFailed(storage, err.message))
+      modal(intl.formatMessage({ id: 'publishToStorage.title5' }), publishMessageFailed(storage, err.message))
     }
     setModalShown(true)
   }
@@ -94,7 +94,7 @@ export const PublishToStorage = (props: RemixUiPublishToStorageProps) => {
   const publishMessage = (uploaded) => (
     <span>
       {' '}
-      <FormattedMessage id="publishToStorage.title2.message" values={{name: contract.name.toLowerCase()}} /> <br />
+      <FormattedMessage id="publishToStorage.title2.message" values={{ name: contract.name.toLowerCase() }} /> <br />
       <pre>
         <div>
           {uploaded.map((value, index) => (
@@ -109,7 +109,7 @@ export const PublishToStorage = (props: RemixUiPublishToStorageProps) => {
 
   const publishMessageFailed = (storage, err) => (
     <span>
-      <FormattedMessage id="publishToStorage.title5.message" values={{storage}} /> <br />
+      <FormattedMessage id="publishToStorage.title5.message" values={{ storage }} /> <br />
       {err}
     </span>
   )
@@ -118,7 +118,7 @@ export const PublishToStorage = (props: RemixUiPublishToStorageProps) => {
     setState((prevState) => {
       return {
         ...prevState,
-        modal: {...prevState.modal, hide: true, message: null}
+        modal: { ...prevState.modal, hide: true, message: null }
       }
     })
     resetStorage()
diff --git a/libs/remix-ui/publish-to-storage/src/lib/publishOnSwarm.tsx b/libs/remix-ui/publish-to-storage/src/lib/publishOnSwarm.tsx
index f30ea57480..1b86823de9 100644
--- a/libs/remix-ui/publish-to-storage/src/lib/publishOnSwarm.tsx
+++ b/libs/remix-ui/publish-to-storage/src/lib/publishOnSwarm.tsx
@@ -1,6 +1,6 @@
-import {Bee} from '@ethersphere/bee-js'
+import { Bee } from '@ethersphere/bee-js'
 // eslint-disable-next-line no-unused-vars
-import type {UploadResult} from '@ethersphere/bee-js'
+import type { UploadResult } from '@ethersphere/bee-js'
 
 // public gateway node address
 const publicBeeNode = new Bee('https://api.gateway.ethswarm.org/')
@@ -12,7 +12,7 @@ export const publishToSwarm = async (contract, api) => {
   // gather list of files to publish
   const sources = []
   let metadata
-  const item = {content: null, hash: null}
+  const item = { content: null, hash: null }
   const uploaded = []
 
   try {
@@ -123,7 +123,7 @@ export const publishToSwarm = async (contract, api) => {
     throw new Error(error)
   }
 
-  return {uploaded, item}
+  return { uploaded, item }
 }
 
 const swarmVerifiedPublish = async (beeNodes: Bee[], postageStampId: string, content, expectedHash, api): Promise<Record<string, any>> => {
@@ -139,7 +139,7 @@ const swarmVerifiedPublish = async (beeNodes: Bee[], postageStampId: string, con
       }
     } else {
       api.writeFile('swarm/' + hash, content)
-      return {message: 'ok', url: 'bzz-raw://' + hash, hash}
+      return { message: 'ok', url: 'bzz-raw://' + hash, hash }
     }
   } catch (error) {
     throw new Error(error)
diff --git a/libs/remix-ui/publish-to-storage/src/lib/publishToIPFS.tsx b/libs/remix-ui/publish-to-storage/src/lib/publishToIPFS.tsx
index 0280f66fcd..9b262703d2 100644
--- a/libs/remix-ui/publish-to-storage/src/lib/publishToIPFS.tsx
+++ b/libs/remix-ui/publish-to-storage/src/lib/publishToIPFS.tsx
@@ -3,7 +3,7 @@ import IpfsHttpClient from 'ipfs-http-client'
 let ipfsNodes = []
 
 export const publishToIPFS = async (contract, api) => {
-  ipfsNodes = [IpfsHttpClient({host: 'ipfs.infura.io', port: 5001, protocol: 'https'})]
+  ipfsNodes = [IpfsHttpClient({ host: 'ipfs.infura.io', port: 5001, protocol: 'https' })]
   if (api.config.get('settings/ipfs-url')) {
     const auth = api.config.get('settings/ipfs-project-id')
       ? 'Basic ' + Buffer.from(api.config.get('settings/ipfs-project-id') + ':' + api.config.get('settings/ipfs-project-secret')).toString('base64')
@@ -22,7 +22,7 @@ export const publishToIPFS = async (contract, api) => {
   // gather list of files to publish
   const sources = []
   let metadata
-  const item = {content: null, hash: null}
+  const item = { content: null, hash: null }
   const uploaded = []
 
   try {
@@ -115,7 +115,7 @@ export const publishToIPFS = async (contract, api) => {
     throw new Error(error)
   }
 
-  return {uploaded, item}
+  return { uploaded, item }
 }
 
 const ipfsVerifiedPublish = async (content, expectedHash, api) => {
@@ -130,7 +130,7 @@ const ipfsVerifiedPublish = async (content, expectedHash, api) => {
       }
     } else {
       api.writeFile('ipfs/' + hash, content)
-      return {message: 'ok', url: 'dweb:/ipfs/' + hash, hash}
+      return { message: 'ok', url: 'dweb:/ipfs/' + hash, hash }
     }
   } catch (error) {
     throw new Error(error)
diff --git a/libs/remix-ui/renderer/src/lib/renderer.tsx b/libs/remix-ui/renderer/src/lib/renderer.tsx
index 58663a5a41..00a7af8ab3 100644
--- a/libs/remix-ui/renderer/src/lib/renderer.tsx
+++ b/libs/remix-ui/renderer/src/lib/renderer.tsx
@@ -1,7 +1,7 @@
 import React, {useEffect, useState} from 'react' //eslint-disable-line
-import {useIntl} from 'react-intl'
-import {CopyToClipboard} from '@remix-ui/clipboard'
-import {helper} from '@remix-project/remix-solidity'
+import { useIntl } from 'react-intl'
+import { CopyToClipboard } from '@remix-ui/clipboard'
+import { helper } from '@remix-project/remix-solidity'
 import './renderer.css'
 const _paq = (window._paq = window._paq || [])
 
@@ -11,7 +11,7 @@ interface RendererProps {
   plugin: any
 }
 
-export const Renderer = ({message, opt = {}, plugin}: RendererProps) => {
+export const Renderer = ({ message, opt = {}, plugin }: RendererProps) => {
   const intl = useIntl()
   const [messageText, setMessageText] = useState(null)
   const [editorOptions, setEditorOptions] = useState({
@@ -74,7 +74,7 @@ export const Renderer = ({message, opt = {}, plugin}: RendererProps) => {
   const askGtp = async () => {
     try {
       const content = await plugin.call('fileManager', 'readFile', editorOptions.errFile)
-      const message = intl.formatMessage({id: 'solidity.openaigptMessage'}, {content, messageText})
+      const message = intl.formatMessage({ id: 'solidity.openaigptMessage' }, { content, messageText })
       await plugin.call('openaigpt', 'message', message)
       _paq.push(['trackEvent', 'ai', 'openai', 'explainSolidityError'])
     } catch (err) {
@@ -103,17 +103,17 @@ export const Renderer = ({message, opt = {}, plugin}: RendererProps) => {
             </span>
             <span
               className="position-relative text-ai text-sm pl-0 pr-2"
-              style={{fontSize: "x-small", alignSelf: "end"}}
+              style={{ fontSize: "x-small", alignSelf: "end" }}
             >
             </span>
             <span
               className="button border text-ai btn-sm"
               onClick={() => { askGtp() }}
-              style={{borderColor: "var(--ai)"}}
+              style={{ borderColor: "var(--ai)" }}
             >
               ASK GPT
             </span>
-            
+
           </div>
         </div>
       )}
diff --git a/libs/remix-ui/run-tab/src/lib/actions/account.ts b/libs/remix-ui/run-tab/src/lib/actions/account.ts
index e1b121faf1..c689480170 100644
--- a/libs/remix-ui/run-tab/src/lib/actions/account.ts
+++ b/libs/remix-ui/run-tab/src/lib/actions/account.ts
@@ -23,10 +23,10 @@ export const fillAccountsList = async (plugin: RunTab, dispatch: React.Dispatch<
       if (!accounts) accounts = []
 
       const loadedAccounts = {}
-      
+
       for (const account of accounts) {
         const balance = await plugin.blockchain.getBalanceInEther(account)
-        loadedAccounts[account] =  shortenAddress(account, balance)
+        loadedAccounts[account] = shortenAddress(account, balance)
       }
       const provider = plugin.blockchain.getProvider()
 
@@ -86,7 +86,6 @@ export const createNewBlockchainAccount = async (plugin: RunTab, dispatch: React
   )
 }
 
-
 export const signMessageWithAddress = (plugin: RunTab, dispatch: React.Dispatch<any>, account: string, message: string, modalContent: (hash: string, data: string) => JSX.Element, passphrase?: string) => {
   plugin.blockchain.signMessage(message, account, passphrase, (err, msgHash, signedData) => {
     if (err) {
diff --git a/libs/remix-ui/run-tab/src/lib/actions/deploy.ts b/libs/remix-ui/run-tab/src/lib/actions/deploy.ts
index 46a2183510..dd63713ced 100644
--- a/libs/remix-ui/run-tab/src/lib/actions/deploy.ts
+++ b/libs/remix-ui/run-tab/src/lib/actions/deploy.ts
@@ -121,11 +121,11 @@ export const continueHandler = (dispatch: React.Dispatch<any>, gasEstimationProm
   if (error) {
     let msg = typeof error !== 'string' ? error.message : error
     if (error && error.innerError) {
-      msg += '\n' + error.innerError 
+      msg += '\n' + error.innerError
     }
-    
+
     if (msg.includes('invalid opcode')) msg += '\nThe EVM version used by the selected environment is not compatible with the compiler EVM version.'
-    
+
     dispatch(displayNotification('Gas estimation failed', gasEstimationPrompt(msg), 'Send Transaction', 'Cancel Transaction', () => {
       continueTxExecution()
     }, () => {
@@ -253,7 +253,7 @@ export const loadAddress = (plugin: RunTab, dispatch: React.Dispatch<any>, contr
         return dispatch(displayNotification('Alert', error, 'OK', null))
       }
       if (loadType === 'abi') {
-        const contractData = { name: '<at address>', abi, contract: {file: plugin.REACT_API.contracts.currentFile}} as ContractData
+        const contractData = { name: '<at address>', abi, contract: { file: plugin.REACT_API.contracts.currentFile } } as ContractData
         return addInstance(dispatch, { contractData, address, name: '<at address>' })
       } else if (loadType === 'instance') {
         if (!contract) return dispatch(displayPopUp('No compiled contracts found.'))
@@ -276,7 +276,7 @@ export const syncContractsInternal = async (plugin: RunTab) => {
   }
   if (await plugin.call('manager', 'isActive', 'hardhat')) {
     plugin.call('hardhat', 'sync')
-  } 
+  }
   if (await plugin.call('manager', 'isActive', 'foundry')) {
     plugin.call('foundry', 'sync')
   }
@@ -350,7 +350,7 @@ export const updateInstanceBalance = async (plugin: RunTab, dispatch: React.Disp
       instance.balance = balInEth
     }
     dispatch(updateInstanceBalance(instances, dispatch))
-  } 
+  }
 }
 
 export const isValidContractAddress = async (plugin: RunTab, address: string) => {
@@ -400,7 +400,7 @@ export const isValidContractUpgrade = async (plugin: RunTab, proxyAddress: strin
 
     if (parsedNetworkFile.deployments[proxyAddress] && parsedNetworkFile.deployments[proxyAddress].implementationAddress) {
       const solcBuildExists = await plugin.call('fileManager', 'exists', `.deploys/upgradeable-contracts/${identifier}/solc-${parsedNetworkFile.deployments[proxyAddress].implementationAddress}.json`)
-        
+
       if (solcBuildExists) {
         const solcFile: string = await plugin.call('fileManager', 'readFile', `.deploys/upgradeable-contracts/${identifier}/solc-${parsedNetworkFile.deployments[proxyAddress].implementationAddress}.json`)
         const parsedSolcFile: SolcBuildFile = JSON.parse(solcFile)
diff --git a/libs/remix-ui/run-tab/src/lib/actions/events.ts b/libs/remix-ui/run-tab/src/lib/actions/events.ts
index 31120b4f5c..eb2c4a8525 100644
--- a/libs/remix-ui/run-tab/src/lib/actions/events.ts
+++ b/libs/remix-ui/run-tab/src/lib/actions/events.ts
@@ -50,12 +50,12 @@ export const setupEvents = (plugin: RunTab, dispatch: React.Dispatch<any>) => {
       return
     }
     const networkProvider = plugin.networkModule.getNetworkProvider.bind(plugin.networkModule)
-    const isVM = networkProvider().startsWith('vm') ?  true : false
+    const isVM = networkProvider().startsWith('vm') ? true : false
     const netUI = !isVM ? `${network.name} (${network.id || '-'}) network` : 'VM'
     const pinnedChainId = !isVM ? network.id : networkProvider()
     setNetworkNameFromProvider(dispatch, netUI)
     setPinnedChainId(dispatch, pinnedChainId)
-    
+
     // Check if provider is changed or network is changed for same provider e.g; Metamask
     if (currentNetwork.provider !== networkProvider() || (!isVM && currentNetwork.chainId !== network.id)) {
       currentNetwork.provider = networkProvider()
@@ -104,7 +104,7 @@ export const setupEvents = (plugin: RunTab, dispatch: React.Dispatch<any>) => {
   })
 
   plugin.on('udapp', 'addPinnedInstanceReducer', (address, abi, name, pinnedAt, filePath) => {
-    addPinnedInstance(dispatch, { abi, address, name, pinnedAt, filePath})
+    addPinnedInstance(dispatch, { abi, address, name, pinnedAt, filePath })
   })
 
   plugin.on('filePanel', 'setWorkspace', async () => {
@@ -129,11 +129,11 @@ export const setupEvents = (plugin: RunTab, dispatch: React.Dispatch<any>) => {
       } else if (activatedPlugin && activatedPlugin.name === 'walletconnect') {
         plugin.on('walletconnect', 'accountsChanged', async (accounts: Array<string>) => {
           const accountsMap = {}
-      
+
           await Promise.all(accounts.map(async (account) => {
             const balance = await plugin.blockchain.getBalanceInEther(account)
             const updated = shortenAddress(account, balance)
-      
+
             accountsMap[account] = updated
           }))
           dispatch(fetchAccountsListSuccess(accountsMap))
@@ -170,11 +170,10 @@ export const setupEvents = (plugin: RunTab, dispatch: React.Dispatch<any>) => {
     dispatch(clearRecorderCount())
   })
 
-
   setInterval(() => {
     fillAccountsList(plugin, dispatch)
     updateInstanceBalance(plugin, dispatch)
-  }, 30000)  
+  }, 30000)
 }
 
 const loadPinnedContracts = async (plugin, dispatch, dirName) => {
@@ -189,7 +188,7 @@ const loadPinnedContracts = async (plugin, dispatch, dirName) => {
         const pinnedContractObj = JSON.parse(pinnedContract)
         if (pinnedContractObj) addPinnedInstance(dispatch, pinnedContractObj)
       }
-    } catch(err) {
+    } catch (err) {
       console.log(err)
     }
   }
@@ -239,7 +238,7 @@ const broadcastCompilationResult = async (compilerName: string, plugin: RunTab,
 
   if (isUpgradeable) {
     const options = await plugin.call('openzeppelin-proxy', 'getProxyOptions', data, file)
-  
+
     dispatch(addDeployOption({ [file]: options }))
   } else {
     dispatch(addDeployOption({ [file]: {} }))
@@ -254,7 +253,7 @@ const getCompiledContracts = (compiler) => {
 
   compiler.visitContracts((contract) => {
     contracts.push(contract)
-  }) 
+  })
   return contracts
 }
 
diff --git a/libs/remix-ui/run-tab/src/lib/actions/index.ts b/libs/remix-ui/run-tab/src/lib/actions/index.ts
index 41ac1012d0..b5c65e89f5 100644
--- a/libs/remix-ui/run-tab/src/lib/actions/index.ts
+++ b/libs/remix-ui/run-tab/src/lib/actions/index.ts
@@ -3,8 +3,8 @@ import React from 'react'
 import { RunTab } from '../types/run-tab'
 import { resetAndInit, setupEvents } from './events'
 import { createNewBlockchainAccount, setExecutionContext, signMessageWithAddress } from './account'
-import { clearInstances, clearPopUp, removeInstance, setAccount, setGasFee, setMatchPassphrasePrompt, 
-  setNetworkNameFromProvider, setPassphrasePrompt, setSelectedContract, setSendTransactionValue, setUnit, 
+import { clearInstances, clearPopUp, removeInstance, setAccount, setGasFee, setMatchPassphrasePrompt,
+  setNetworkNameFromProvider, setPassphrasePrompt, setSelectedContract, setSendTransactionValue, setUnit,
   updateBaseFeePerGas, updateConfirmSettings, updateGasPrice, updateGasPriceStatus, updateMaxFee, updateMaxPriorityFee, updateScenarioPath } from './actions'
 import { createInstance, getContext, getFuncABIInputs, getSelectedContract, loadAddress, runTransactions, updateInstanceBalance, syncContractsInternal, isValidContractAddress, isValidContractUpgrade } from './deploy'
 import { CompilerAbstract as CompilerAbstractType } from '@remix-project/remix-solidity'
@@ -25,7 +25,7 @@ let plugin: RunTab, dispatch: React.Dispatch<any> = () => {}
 export const initRunTab = (udapp: RunTab) => async (reducerDispatch: React.Dispatch<any>) => {
   plugin = udapp
   dispatch = reducerDispatch
-  setupEvents(plugin, dispatch)  
+  setupEvents(plugin, dispatch)
   resetAndInit(plugin)
 }
 
diff --git a/libs/remix-ui/run-tab/src/lib/actions/payload.ts b/libs/remix-ui/run-tab/src/lib/actions/payload.ts
index fdd794e857..39a56d4966 100644
--- a/libs/remix-ui/run-tab/src/lib/actions/payload.ts
+++ b/libs/remix-ui/run-tab/src/lib/actions/payload.ts
@@ -247,10 +247,10 @@ export const addNewPinnedInstance = (instance: { contractData?: ContractData, ad
 export const removeExistingInstance = (index: number, isPinnedContract: boolean, shouldDelete: boolean) => {
   return {
     type: REMOVE_INSTANCE,
-    payload: { 
+    payload: {
       index,
       isPinnedContract,
-      shouldDelete 
+      shouldDelete
     }
   }
 }
diff --git a/libs/remix-ui/run-tab/src/lib/components/account.tsx b/libs/remix-ui/run-tab/src/lib/components/account.tsx
index 21b0d67db4..cc3779a879 100644
--- a/libs/remix-ui/run-tab/src/lib/components/account.tsx
+++ b/libs/remix-ui/run-tab/src/lib/components/account.tsx
@@ -1,14 +1,14 @@
 // eslint-disable-next-line no-use-before-define
-import React, {useEffect, useState, useRef} from 'react'
-import {FormattedMessage, useIntl} from 'react-intl'
-import {CopyToClipboard} from '@remix-ui/clipboard'
-import {AccountProps} from '../types'
-import {PassphrasePrompt} from './passphrase'
-import {CustomTooltip} from '@remix-ui/helper'
+import React, { useEffect, useState, useRef } from 'react'
+import { FormattedMessage, useIntl } from 'react-intl'
+import { CopyToClipboard } from '@remix-ui/clipboard'
+import { AccountProps } from '../types'
+import { PassphrasePrompt } from './passphrase'
+import { CustomTooltip } from '@remix-ui/helper'
 
 export function AccountUI(props: AccountProps) {
-  const {selectedAccount, loadedAccounts} = props.accounts
-  const {selectExEnv, personalMode} = props
+  const { selectedAccount, loadedAccounts } = props.accounts
+  const { selectExEnv, personalMode } = props
   const accounts = Object.keys(loadedAccounts)
   const [plusOpt, setPlusOpt] = useState({
     classList: '',
@@ -29,66 +29,66 @@ export function AccountUI(props: AccountProps) {
     if (selectExEnv && selectExEnv.startsWith('injected')) {
       setPlusOpt({
         classList: 'udapp_disableMouseEvents',
-        title: intl.formatMessage({id: 'udapp.injectedTitle'})
+        title: intl.formatMessage({ id: 'udapp.injectedTitle' })
       })
     } else {
-      switch (selectExEnv) {           
+      switch (selectExEnv) {
       case 'vm-cancun':
         setPlusOpt({
           classList: '',
-          title: intl.formatMessage({id: 'udapp.createNewAccount'})
+          title: intl.formatMessage({ id: 'udapp.createNewAccount' })
         })
         break
-            
+
       case 'vm-paris':
         setPlusOpt({
           classList: '',
-          title: intl.formatMessage({id: 'udapp.createNewAccount'})
+          title: intl.formatMessage({ id: 'udapp.createNewAccount' })
         })
         break
-    
+
       case 'vm-london':
         setPlusOpt({
           classList: '',
-          title: intl.formatMessage({id: 'udapp.createNewAccount'})
+          title: intl.formatMessage({ id: 'udapp.createNewAccount' })
         })
         break
-    
+
       case 'vm-berlin':
         setPlusOpt({
           classList: '',
-          title: intl.formatMessage({id: 'udapp.createNewAccount'})
+          title: intl.formatMessage({ id: 'udapp.createNewAccount' })
         })
         break
-    
+
       case 'vm-shanghai':
         setPlusOpt({
           classList: '',
-          title: intl.formatMessage({id: 'udapp.createNewAccount'})
+          title: intl.formatMessage({ id: 'udapp.createNewAccount' })
         })
         break
-    
+
       case 'web3':
         if (!personalMode) {
           setPlusOpt({
             classList: 'disableMouseEvents',
-            title: intl.formatMessage({id: 'udapp.web3Title'})
+            title: intl.formatMessage({ id: 'udapp.web3Title' })
           })
         } else {
           setPlusOpt({
             classList: '',
-            title: intl.formatMessage({id: 'udapp.createNewAccount'})
+            title: intl.formatMessage({ id: 'udapp.createNewAccount' })
           })
         }
         break
-    
+
       default:
         setPlusOpt({
           classList: 'disableMouseEvents',
-          title: intl.formatMessage({id: 'udapp.defaultTitle'}, {selectExEnv})
+          title: intl.formatMessage({ id: 'udapp.defaultTitle' }, { selectExEnv })
         })
       }
-    }    
+    }
   }, [selectExEnv, personalMode])
 
   const newAccount = () => {
@@ -97,28 +97,28 @@ export function AccountUI(props: AccountProps) {
 
   const signMessage = () => {
     if (!accounts[0]) {
-      return props.tooltip(intl.formatMessage({id: 'udapp.tooltipText1'}))
+      return props.tooltip(intl.formatMessage({ id: 'udapp.tooltipText1' }))
     }
 
     if (selectExEnv === 'web3') {
       return props.modal(
-        intl.formatMessage({id: 'udapp.modalTitle1'}),
-        <PassphrasePrompt message={intl.formatMessage({id: 'udapp.modalMessage1'})} setPassphrase={props.setPassphrase} />,
-        intl.formatMessage({id: 'udapp.ok'}),
+        intl.formatMessage({ id: 'udapp.modalTitle1' }),
+        <PassphrasePrompt message={intl.formatMessage({ id: 'udapp.modalMessage1' })} setPassphrase={props.setPassphrase} />,
+        intl.formatMessage({ id: 'udapp.ok' }),
         () => {
           props.modal(
-            intl.formatMessage({id: 'udapp.signAMessage'}),
+            intl.formatMessage({ id: 'udapp.signAMessage' }),
             signMessagePrompt(),
-            intl.formatMessage({id: 'udapp.ok'}),
+            intl.formatMessage({ id: 'udapp.ok' }),
             () => {
               props.signMessageWithAddress(selectedAccount, messageRef.current, signedMessagePrompt, props.passphrase)
               props.setPassphrase('')
             },
-            intl.formatMessage({id: 'udapp.cancel'}),
+            intl.formatMessage({ id: 'udapp.cancel' }),
             null
           )
         },
-        intl.formatMessage({id: 'udapp.cancel'}),
+        intl.formatMessage({ id: 'udapp.cancel' }),
         () => {
           props.setPassphrase('')
         }
@@ -126,13 +126,13 @@ export function AccountUI(props: AccountProps) {
     }
 
     props.modal(
-      intl.formatMessage({id: 'udapp.signAMessage'}),
+      intl.formatMessage({ id: 'udapp.signAMessage' }),
       signMessagePrompt(),
-      intl.formatMessage({id: 'udapp.ok'}),
+      intl.formatMessage({ id: 'udapp.ok' }),
       () => {
         props.signMessageWithAddress(selectedAccount, messageRef.current, signedMessagePrompt)
       },
-      intl.formatMessage({id: 'udapp.cancel'}),
+      intl.formatMessage({ id: 'udapp.cancel' }),
       null
     )
   }
@@ -167,7 +167,7 @@ export function AccountUI(props: AccountProps) {
           id="prompt_text"
           className="bg-light text-light"
           data-id="signMessageTextarea"
-          style={{width: '100%'}}
+          style={{ width: '100%' }}
           rows={4}
           cols={50}
           onInput={handleMessageInput}
@@ -224,8 +224,8 @@ export function AccountUI(props: AccountProps) {
             </option>
           ))}
         </select>
-        <div style={{marginLeft: -5}}>
-          <CopyToClipboard tip={intl.formatMessage({id: 'udapp.copyAccount'})} content={selectedAccount} direction="top" />
+        <div style={{ marginLeft: -5 }}>
+          <CopyToClipboard tip={intl.formatMessage({ id: 'udapp.copyAccount' })} content={selectedAccount} direction="top" />
         </div>
         <CustomTooltip placement={'top-start'} tooltipClasses="text-nowrap" tooltipId="remixSignMsgTooltip" tooltipText={<FormattedMessage id="udapp.signMsgUsingAccount" />}>
           <i id="remixRunSignMsg" data-id="settingsRemixRunSignMsg" className="mx-1 fas fa-edit udapp_icon" aria-hidden="true" onClick={signMessage}></i>
diff --git a/libs/remix-ui/run-tab/src/lib/components/contractDropdownUI.tsx b/libs/remix-ui/run-tab/src/lib/components/contractDropdownUI.tsx
index 4544bb1d82..cc58d83f1f 100644
--- a/libs/remix-ui/run-tab/src/lib/components/contractDropdownUI.tsx
+++ b/libs/remix-ui/run-tab/src/lib/components/contractDropdownUI.tsx
@@ -516,7 +516,7 @@ export function ContractDropdownUI(props: ContractDropdownProps) {
             <CustomTooltip placement={'top-end'} tooltipClasses="text-wrap text-left" tooltipId="runAndDeployAddresstooltip" tooltipText={atAddressOptions.title}>
               <div id="runAndDeployAtAdressButtonContainer" data-title={atAddressOptions.title}>
                 <button
-                  className={atAddressOptions.disabled ? "disabled udapp_atAddress btn btn-sm py-2 btn-primary"  : "udapp_atAddress btn btn-sm py-2 btn-primary"}
+                  className={atAddressOptions.disabled ? "disabled udapp_atAddress btn btn-sm py-2 btn-primary" : "udapp_atAddress btn btn-sm py-2 btn-primary"}
                   id="runAndDeployAtAdressButton"
                   disabled={atAddressOptions.disabled}
                   style={{ border: 'none' }}
diff --git a/libs/remix-ui/run-tab/src/lib/components/contractGUI.tsx b/libs/remix-ui/run-tab/src/lib/components/contractGUI.tsx
index afd6b7122a..ecba6ec713 100644
--- a/libs/remix-ui/run-tab/src/lib/components/contractGUI.tsx
+++ b/libs/remix-ui/run-tab/src/lib/components/contractGUI.tsx
@@ -1,11 +1,11 @@
 // eslint-disable-next-line no-use-before-define
-import React, {useEffect, useRef, useState} from 'react'
-import {FormattedMessage, useIntl} from 'react-intl'
+import React, { useEffect, useRef, useState } from 'react'
+import { FormattedMessage, useIntl } from 'react-intl'
 import * as remixLib from '@remix-project/remix-lib'
-import {ContractGUIProps} from '../types'
-import {CopyToClipboard} from '@remix-ui/clipboard'
-import {CustomTooltip, ProxyAddressToggle, ProxyDropdownMenu, shortenDate, shortenProxyAddress, unavailableProxyLayoutMsg, upgradeReportMsg} from '@remix-ui/helper'
-import {Dropdown} from 'react-bootstrap'
+import { ContractGUIProps } from '../types'
+import { CopyToClipboard } from '@remix-ui/clipboard'
+import { CustomTooltip, ProxyAddressToggle, ProxyDropdownMenu, shortenDate, shortenProxyAddress, unavailableProxyLayoutMsg, upgradeReportMsg } from '@remix-ui/helper'
+import { Dropdown } from 'react-bootstrap'
 
 const txFormat = remixLib.execution.txFormat
 const txHelper = remixLib.execution.txHelper
@@ -18,13 +18,13 @@ export function ContractGUI(props: ContractGUIProps) {
     content: string
     classList: string
     dataId: string
-  }>({title: '', content: '', classList: '', dataId: ''})
+  }>({ title: '', content: '', classList: '', dataId: '' })
   const [toggleDeployProxy, setToggleDeployProxy] = useState<boolean>(false)
   const [toggleUpgradeImp, setToggleUpgradeImp] = useState<boolean>(false)
   const [deployState, setDeployState] = useState<{
     deploy: boolean
     upgrade: boolean
-  }>({deploy: false, upgrade: false})
+  }>({ deploy: false, upgrade: false })
   const [proxyAddress, setProxyAddress] = useState<string>('')
   const [proxyAddressError, setProxyAddressError] = useState<string>('')
   const [showDropdown, setShowDropdown] = useState<boolean>(false)
@@ -87,7 +87,7 @@ export function ContractGUI(props: ContractGUIProps) {
     const multiString = getMultiValsString(multiFields.current)
     // copy-to-clipboard icon is only visible for method requiring input params
     if (!multiString) {
-      return intl.formatMessage({id: 'udapp.getEncodedCallError'})
+      return intl.formatMessage({ id: 'udapp.getEncodedCallError' })
     }
     const multiJSON = JSON.parse('[' + multiString + ']')
 
@@ -106,7 +106,7 @@ export function ContractGUI(props: ContractGUIProps) {
       const multiString = getMultiValsString(multiFields.current)
       // copy-to-clipboard icon is only visible for method requiring input params
       if (!multiString) {
-        return intl.formatMessage({id: 'udapp.getEncodedCallError'})
+        return intl.formatMessage({ id: 'udapp.getEncodedCallError' })
       }
       const multiJSON = JSON.parse('[' + multiString + ']')
       return txHelper.encodeParams(props.funcABI, multiJSON)
@@ -178,7 +178,7 @@ export function ContractGUI(props: ContractGUIProps) {
       props.clickCallBack(props.initializerOptions.inputs.inputs, proxyInitializeString, ['Deploy with Proxy'])
     } else if (deployState.upgrade) {
       if (proxyAddress === '') {
-        setProxyAddressError(intl.formatMessage({id: 'udapp.proxyAddressError1'}))
+        setProxyAddressError(intl.formatMessage({ id: 'udapp.proxyAddressError1' }))
       } else {
         const isValidProxyAddress = await props.isValidProxyAddress(proxyAddress)
         if (isValidProxyAddress) {
@@ -216,7 +216,7 @@ export function ContractGUI(props: ContractGUIProps) {
             }
           }
         } else {
-          setProxyAddressError(intl.formatMessage({id: 'udapp.proxyAddressError2'}))
+          setProxyAddressError(intl.formatMessage({ id: 'udapp.proxyAddressError2' }))
         }
       }
     } else {
@@ -247,7 +247,7 @@ export function ContractGUI(props: ContractGUIProps) {
   const handleDeployProxySelect = (value: boolean) => {
     if (value) setToggleUpgradeImp(false)
     setToggleDeployProxy(value)
-    setDeployState({upgrade: false, deploy: value})
+    setDeployState({ upgrade: false, deploy: value })
   }
 
   const handleToggleUpgradeImp = () => {
@@ -259,7 +259,7 @@ export function ContractGUI(props: ContractGUIProps) {
     if (value) {
       setToggleDeployProxy(false)
     }
-    setDeployState({deploy: false, upgrade: value})
+    setDeployState({ deploy: false, upgrade: value })
   }
 
   const switchProxyAddress = (address: string) => {
@@ -282,7 +282,7 @@ export function ContractGUI(props: ContractGUIProps) {
         (props.funcABI.inputs && props.funcABI.inputs.length > 0) || props.funcABI.type === 'fallback' || props.funcABI.type === 'receive' ? 'udapp_hasArgs' : ''
       }`}
     >
-      <div className="udapp_contractActionsContainerSingle pt-2" style={{display: toggleContainer ? 'none' : 'flex'}}>
+      <div className="udapp_contractActionsContainerSingle pt-2" style={{ display: toggleContainer ? 'none' : 'flex' }}>
         <CustomTooltip
           delay={0}
           placement={'right'}
@@ -290,9 +290,9 @@ export function ContractGUI(props: ContractGUIProps) {
           tooltipId="remixUdappInstanceButtonTooltip"
           tooltipText={
             toggleUpgradeImp && !proxyAddress
-              ? intl.formatMessage({id: 'udapp.tooltipText11'})
+              ? intl.formatMessage({ id: 'udapp.tooltipText11' })
               : props.inputs !== '' && basicInput === ''
-                ? intl.formatMessage({id: 'udapp.tooltipText12'})
+                ? intl.formatMessage({ id: 'udapp.tooltipText12' })
                 : buttonOptions.title
           }
         >
@@ -327,7 +327,7 @@ export function ContractGUI(props: ContractGUIProps) {
           }}
         ></i>
       </div>
-      <div className="udapp_contractActionsContainerMulti" style={{display: toggleContainer ? 'flex' : 'none'}}>
+      <div className="udapp_contractActionsContainerMulti" style={{ display: toggleContainer ? 'flex' : 'none' }}>
         <div className="udapp_contractActionsContainerMultiInner text-dark">
           <div onClick={switchMethodViewOff} className="udapp_multiHeader">
             <div className="udapp_multiTitle run-instance-multi-title pt-3">{title}</div>
@@ -354,13 +354,13 @@ export function ContractGUI(props: ContractGUIProps) {
             })}
           </div>
           <div className="d-flex udapp_group udapp_multiArg">
-            <CopyToClipboard tip={intl.formatMessage({id: 'udapp.copyCalldata'})} icon="fa-clipboard" direction={'bottom'} getContent={getEncodedCall}>
+            <CopyToClipboard tip={intl.formatMessage({ id: 'udapp.copyCalldata' })} icon="fa-clipboard" direction={'bottom'} getContent={getEncodedCall}>
               <button className="btn remixui_copyButton">
                 <i id="copyCalldata" className="m-0 remixui_copyIcon far fa-copy" aria-hidden="true"></i>
                 <label htmlFor="copyCalldata">Calldata</label>
               </button>
             </CopyToClipboard>
-            <CopyToClipboard tip={intl.formatMessage({id: 'udapp.copyParameters'})} icon="fa-clipboard" direction={'bottom'} getContent={getEncodedParams}>
+            <CopyToClipboard tip={intl.formatMessage({ id: 'udapp.copyParameters' })} icon="fa-clipboard" direction={'bottom'} getContent={getEncodedParams}>
               <button className="btn remixui_copyButton">
                 <i id="copyParameters" className="m-0 remixui_copyIcon far fa-copy" aria-hidden="true"></i>
                 <label htmlFor="copyParameters">
@@ -422,7 +422,7 @@ export function ContractGUI(props: ContractGUIProps) {
                         ref={(el) => {
                           initializeFields.current[index] = el
                         }}
-                        style={{height: 32}}
+                        style={{ height: 32 }}
                         className="form-control udapp_input"
                         placeholder={inp.type}
                       />
@@ -462,13 +462,13 @@ export function ContractGUI(props: ContractGUIProps) {
                 />
 
                 {props.proxy.deployments.length > 0 && (
-                  <Dropdown.Menu as={ProxyDropdownMenu} className="w-100 custom-dropdown-items" style={{overflow: 'hidden'}}>
+                  <Dropdown.Menu as={ProxyDropdownMenu} className="w-100 custom-dropdown-items" style={{ overflow: 'hidden' }}>
                     {props.proxy.deployments.map((deployment, index) => (
                       <CustomTooltip
                         placement={'right'}
                         tooltipClasses="text-nowrap"
                         tooltipId={`proxyAddressTooltip${index}`}
-                        tooltipText={<FormattedMessage id="udapp.tooltipText13" values={{date: shortenDate(deployment.date)}} />}
+                        tooltipText={<FormattedMessage id="udapp.tooltipText13" values={{ date: shortenDate(deployment.date) }} />}
                         key={index}
                       >
                         <Dropdown.Item
@@ -495,7 +495,7 @@ export function ContractGUI(props: ContractGUIProps) {
             <div className="d-flex">
               <div className="mb-2">
                 {proxyAddressError && (
-                  <span className="text-lowercase text-danger" data-id="errorMsgProxyAddress" style={{fontSize: '.8em'}}>
+                  <span className="text-lowercase text-danger" data-id="errorMsgProxyAddress" style={{ fontSize: '.8em' }}>
                     {proxyAddressError}
                   </span>
                 )}
diff --git a/libs/remix-ui/run-tab/src/lib/components/deployButton.tsx b/libs/remix-ui/run-tab/src/lib/components/deployButton.tsx
index 653c00c352..ec4d3f3d3c 100644
--- a/libs/remix-ui/run-tab/src/lib/components/deployButton.tsx
+++ b/libs/remix-ui/run-tab/src/lib/components/deployButton.tsx
@@ -1,8 +1,8 @@
-import React, {useState} from 'react'
-import {FormattedMessage, useIntl} from 'react-intl'
-import {DeployButtonProps} from '../types'
-import {ButtonGroup, Dropdown} from 'react-bootstrap'
-import {CustomTooltip} from '@remix-ui/helper'
+import React, { useState } from 'react'
+import { FormattedMessage, useIntl } from 'react-intl'
+import { DeployButtonProps } from '../types'
+import { ButtonGroup, Dropdown } from 'react-bootstrap'
+import { CustomTooltip } from '@remix-ui/helper'
 
 export function DeployButton(props: DeployButtonProps) {
   const intl = useIntl()
@@ -22,16 +22,16 @@ export function DeployButton(props: DeployButtonProps) {
             className={`udapp_instanceButton ${props.buttonOptions.widthClass} btn btn-sm ${props.buttonOptions.classList}`}
             data-id={props.buttonOptions.dataId}
           >
-            {props.deployOptions[props.selectedIndex] ? props.deployOptions[props.selectedIndex].title : intl.formatMessage({id: 'udapp.deploy'})}
+            {props.deployOptions[props.selectedIndex] ? props.deployOptions[props.selectedIndex].title : intl.formatMessage({ id: 'udapp.deploy' })}
           </button>
           <Dropdown.Toggle
             split
             id="dropdown-split-basic"
             className={`btn btn-sm dropdown-toggle dropdown-toggle-split ${props.buttonOptions.classList}`}
-            style={{maxWidth: 25, minWidth: 0, height: 32}}
+            style={{ maxWidth: 25, minWidth: 0, height: 32 }}
           />
           <Dropdown.Menu className="deploy-items border-0">
-            {props.deployOptions.map(({title, active}, index) => (
+            {props.deployOptions.map(({ title, active }, index) => (
               <Dropdown.Item
                 onClick={() => {
                   props.setSelectedIndex(index)
diff --git a/libs/remix-ui/run-tab/src/lib/components/deployInput.tsx b/libs/remix-ui/run-tab/src/lib/components/deployInput.tsx
index b18e8660c4..c43b858460 100644
--- a/libs/remix-ui/run-tab/src/lib/components/deployInput.tsx
+++ b/libs/remix-ui/run-tab/src/lib/components/deployInput.tsx
@@ -1,11 +1,11 @@
-import {CustomTooltip} from '@remix-ui/helper'
+import { CustomTooltip } from '@remix-ui/helper'
 import React from 'react'
-import {DeployInputProps} from '../types'
-import {DeployButton} from './deployButton'
+import { DeployInputProps } from '../types'
+import { DeployButton } from './deployButton'
 
 export function DeployInput(props: DeployInputProps) {
   return (
-    <div className="udapp_contractActionsContainerSingle" style={{display: 'flex'}}>
+    <div className="udapp_contractActionsContainerSingle" style={{ display: 'flex' }}>
       <DeployButton
         buttonOptions={props.buttonOptions}
         selectedIndex={props.selectedIndex}
diff --git a/libs/remix-ui/run-tab/src/lib/components/environment.tsx b/libs/remix-ui/run-tab/src/lib/components/environment.tsx
index 5f72f4bfeb..d12cef0bd1 100644
--- a/libs/remix-ui/run-tab/src/lib/components/environment.tsx
+++ b/libs/remix-ui/run-tab/src/lib/components/environment.tsx
@@ -1,15 +1,15 @@
 // eslint-disable-next-line no-use-before-define
 import React from 'react'
-import {FormattedMessage} from 'react-intl'
-import {EnvironmentProps, Provider} from '../types'
-import {Dropdown} from 'react-bootstrap'
-import {CustomMenu, CustomToggle, CustomTooltip} from '@remix-ui/helper'
+import { FormattedMessage } from 'react-intl'
+import { EnvironmentProps, Provider } from '../types'
+import { Dropdown } from 'react-bootstrap'
+import { CustomMenu, CustomToggle, CustomTooltip } from '@remix-ui/helper'
 
 export function EnvironmentUI(props: EnvironmentProps) {
   const handleChangeExEnv = (env: string) => {
     const provider = props.providers.providerList.find((exEnv) => exEnv.name === env)
     const context = provider.name
-    props.setExecutionContext({context})
+    props.setExecutionContext({ context })
   }
 
   const currentProvider = props.providers.providerList.find((exEnv) => exEnv.name === props.selectedEnv)
@@ -26,7 +26,7 @@ export function EnvironmentUI(props: EnvironmentProps) {
 
         <CustomTooltip placement={'right'} tooltipClasses="text-nowrap" tooltipId="info-recorder" tooltipText={<FormattedMessage id="udapp.tooltipText2" />}>
           <a href="https://chainlist.org/" target="_blank">
-            <i style={{fontSize: 'medium'}} className={'ml-2 fad fa-plug'} aria-hidden="true"></i>
+            <i style={{ fontSize: 'medium' }} className={'ml-2 fad fa-plug'} aria-hidden="true"></i>
           </a>
         </CustomTooltip>
       </label>
@@ -38,7 +38,7 @@ export function EnvironmentUI(props: EnvironmentProps) {
             {currentProvider && bridges[currentProvider.name] && (
               <CustomTooltip placement={'right'} tooltipClasses="text-nowrap" tooltipId="info-recorder" tooltipText={<FormattedMessage id="udapp.tooltipText3" />}>
                 <i
-                  style={{fontSize: 'medium'}}
+                  style={{ fontSize: 'medium' }}
                   className={'ml-2 fa fa-rocket-launch'}
                   aria-hidden="true"
                   onClick={() => {
@@ -49,7 +49,7 @@ export function EnvironmentUI(props: EnvironmentProps) {
             )}
           </Dropdown.Toggle>
           <Dropdown.Menu as={CustomMenu} className="w-100 custom-dropdown-items" data-id="custom-dropdown-items">
-            {props.providers.providerList.map(({displayName, name}, index) => (
+            {props.providers.providerList.map(({ displayName, name }, index) => (
               <Dropdown.Item
                 key={index}
                 onClick={() => {
diff --git a/libs/remix-ui/run-tab/src/lib/components/gasLimit.tsx b/libs/remix-ui/run-tab/src/lib/components/gasLimit.tsx
index b6c3734b41..f5e6a3ec96 100644
--- a/libs/remix-ui/run-tab/src/lib/components/gasLimit.tsx
+++ b/libs/remix-ui/run-tab/src/lib/components/gasLimit.tsx
@@ -1,8 +1,8 @@
 // eslint-disable-next-line no-use-before-define
-import {CustomTooltip} from '@remix-ui/helper'
+import { CustomTooltip } from '@remix-ui/helper'
 import React, { useEffect, useRef, useState } from 'react'
-import {FormattedMessage} from 'react-intl'
-import {GasPriceProps} from '../types'
+import { FormattedMessage } from 'react-intl'
+import { GasPriceProps } from '../types'
 
 const defaultGasLimit = 3000000
 export function GasLimitUI(props: GasPriceProps) {
@@ -28,7 +28,7 @@ export function GasLimitUI(props: GasPriceProps) {
       props.setGasFee(0)
     } else {
       props.setGasFee(currentGasLimit.current)
-    }    
+    }
   }
 
   return (
@@ -72,11 +72,11 @@ export function GasLimitUI(props: GasPriceProps) {
                 id="gasLimit"
                 value={props.gasLimit === 0 ? currentGasLimit.current : props.gasLimit}
                 onChange={handleGasLimit}
-              />        
+              />
             </CustomTooltip>
           </label>
         </div>
       </div>
-    </div>      
+    </div>
   )
 }
diff --git a/libs/remix-ui/run-tab/src/lib/components/instanceContainerUI.tsx b/libs/remix-ui/run-tab/src/lib/components/instanceContainerUI.tsx
index b0d8412433..7ebf00fc68 100644
--- a/libs/remix-ui/run-tab/src/lib/components/instanceContainerUI.tsx
+++ b/libs/remix-ui/run-tab/src/lib/components/instanceContainerUI.tsx
@@ -1,6 +1,6 @@
 // eslint-disable-next-line no-use-before-define
 import { CustomTooltip } from '@remix-ui/helper'
-import React, {useEffect, useRef} from 'react'
+import React, { useEffect, useRef } from 'react'
 import { FormattedMessage } from 'react-intl'
 import { InstanceContainerProps } from '../types'
 import { UniversalDappUI } from './universalDappUI'
@@ -17,8 +17,8 @@ export function InstanceContainerUI(props: InstanceContainerProps) {
       <div className="d-flex justify-content-between align-items-center pl-2">
         <CustomTooltip placement="top-start" tooltipClasses="text-nowrap" tooltipId="deployAndRunPinnedContractsTooltip" tooltipText={<FormattedMessage id="udapp.tooltipTextPinnedContracts" />}>
           <label className="udapp_deployedContracts" data-id="pinnedContracts">
-            <FormattedMessage id="udapp.pinnedContracts" /> 
-            <span style={{fontSize: '0.75rem'}} data-id="pinnedContractsSublabel"> (network: {props.plugin.REACT_API.chainId}) </span>
+            <FormattedMessage id="udapp.pinnedContracts" />
+            <span style={{ fontSize: '0.75rem' }} data-id="pinnedContractsSublabel"> (network: {props.plugin.REACT_API.chainId}) </span>
           </label>
         </CustomTooltip>
       </div>
diff --git a/libs/remix-ui/run-tab/src/lib/components/mainnet.tsx b/libs/remix-ui/run-tab/src/lib/components/mainnet.tsx
index 6020f568be..5eabcacd05 100644
--- a/libs/remix-ui/run-tab/src/lib/components/mainnet.tsx
+++ b/libs/remix-ui/run-tab/src/lib/components/mainnet.tsx
@@ -1,9 +1,9 @@
 // eslint-disable-next-line no-use-before-define
-import React, {useEffect, useState} from 'react'
-import {FormattedMessage, useIntl} from 'react-intl'
-import {CopyToClipboard} from '@remix-ui/clipboard'
-import {fromWei, toBigInt, toWei} from 'web3-utils'
-import {MainnetProps} from '../types'
+import React, { useEffect, useState } from 'react'
+import { FormattedMessage, useIntl } from 'react-intl'
+import { CopyToClipboard } from '@remix-ui/clipboard'
+import { fromWei, toBigInt, toWei } from 'web3-utils'
+import { MainnetProps } from '../types'
 
 export function MainnetPrompt(props: MainnetProps) {
   const intl = useIntl()
@@ -27,7 +27,7 @@ export function MainnetPrompt(props: MainnetProps) {
   const onMaxFeeChange = (value: string) => {
     const maxFee = value
     if (toBigInt(props.network.lastBlock.baseFeePerGas) > toBigInt(toWei(maxFee, 'Gwei'))) {
-      setTransactionFee(intl.formatMessage({id: 'udapp.transactionFee'}))
+      setTransactionFee(intl.formatMessage({ id: 'udapp.transactionFee' }))
       props.updateGasPriceStatus(false)
       props.updateConfirmSettings(true)
       return
@@ -66,9 +66,9 @@ export function MainnetPrompt(props: MainnetProps) {
   return (
     <div>
       <div className="text-dark">
-        <FormattedMessage id="udapp.mainnetText1" values={{name: props.network.name}} />
+        <FormattedMessage id="udapp.mainnetText1" values={{ name: props.network.name }} />
         <br />
-        <FormattedMessage id="udapp.mainnetText2" values={{name: props.network.name}} />
+        <FormattedMessage id="udapp.mainnetText2" values={{ name: props.network.name }} />
       </div>
       <div className="mt-3">
         <div>
@@ -77,13 +77,13 @@ export function MainnetPrompt(props: MainnetProps) {
         </div>
         <div>
           <span className="text-dark mr-2">To:</span>
-          <span>{props.tx.to ? props.tx.to : `(${intl.formatMessage({id: 'udapp.contractCreation'})})`}</span>
+          <span>{props.tx.to ? props.tx.to : `(${intl.formatMessage({ id: 'udapp.contractCreation' })})`}</span>
         </div>
         <div className="d-flex align-items-center">
           <span className="text-dark mr-2">Data:</span>
           <pre className="udapp_wrapword mb-0">
             {props.tx.data && props.tx.data.length > 50 ? props.tx.data.substring(0, 49) + '...' : props.tx.data}
-            <CopyToClipboard tip={intl.formatMessage({id: 'udapp.copy'})} content={props.tx.data} />
+            <CopyToClipboard tip={intl.formatMessage({ id: 'udapp.copy' })} content={props.tx.data} />
           </pre>
         </div>
         <div className="mb-3">
@@ -106,14 +106,14 @@ export function MainnetPrompt(props: MainnetProps) {
         </div>
         {props.network.lastBlock.baseFeePerGas ? (
           <div>
-            <div className="align-items-center my-1" title={intl.formatMessage({id: 'udapp.title1'})}>
+            <div className="align-items-center my-1" title={intl.formatMessage({ id: 'udapp.title1' })}>
               <div className="d-flex">
                 <span className="text-dark mr-2 text-nowrap">
                   <FormattedMessage id="udapp.maxPriorityFee" />:
                 </span>
                 <input
                   className="form-control mr-1 text-right"
-                  style={{height: '1.2rem', width: '6rem'}}
+                  style={{ height: '1.2rem', width: '6rem' }}
                   id="maxpriorityfee"
                   onInput={(e: any) => onMaxPriorityFeeChange(e.target.value)}
                   defaultValue={props.maxPriorityFee}
@@ -121,14 +121,14 @@ export function MainnetPrompt(props: MainnetProps) {
                 <span title="visit https://ethgasstation.info for current gas price info.">Gwei</span>
               </div>
             </div>
-            <div className="align-items-center my-1" title={intl.formatMessage({id: 'udapp.title2'})}>
+            <div className="align-items-center my-1" title={intl.formatMessage({ id: 'udapp.title2' })}>
               <div className="d-flex">
                 <span className="text-dark mr-2 text-nowrap">
-                  <FormattedMessage id="udapp.maxFee" values={{baseFeePerGas: fromWei(toBigInt(props.network.lastBlock.baseFeePerGas), 'Gwei')}} />:
+                  <FormattedMessage id="udapp.maxFee" values={{ baseFeePerGas: fromWei(toBigInt(props.network.lastBlock.baseFeePerGas), 'Gwei') }} />:
                 </span>
                 <input
                   className="form-control mr-1 text-right"
-                  style={{height: '1.2rem', width: '6rem'}}
+                  style={{ height: '1.2rem', width: '6rem' }}
                   id="maxfee"
                   onInput={(e: any) => onMaxFeeChange(e.target.value)}
                   defaultValue={baseFee}
@@ -143,7 +143,7 @@ export function MainnetPrompt(props: MainnetProps) {
             <span className="text-dark mr-2 text-nowrap">
               <FormattedMessage id="udapp.gasPrice" />:
             </span>
-            <input className="form-control mr-1 text-right" style={{width: '40px', height: '28px'}} id="gasprice" onInput={(e: any) => onGasPriceChange(e.target.value)} />
+            <input className="form-control mr-1 text-right" style={{ width: '40px', height: '28px' }} id="gasprice" onInput={(e: any) => onGasPriceChange(e.target.value)} />
             <span>
               Gwei (
               <FormattedMessage
diff --git a/libs/remix-ui/run-tab/src/lib/components/multiDeployInput.tsx b/libs/remix-ui/run-tab/src/lib/components/multiDeployInput.tsx
index a1bec3844f..e18f541881 100644
--- a/libs/remix-ui/run-tab/src/lib/components/multiDeployInput.tsx
+++ b/libs/remix-ui/run-tab/src/lib/components/multiDeployInput.tsx
@@ -1,14 +1,14 @@
-import {CustomTooltip} from '@remix-ui/helper'
-import {FormattedMessage} from 'react-intl'
-import React, {useRef} from 'react'
-import {MultiDeployInputProps} from '../types'
-import {DeployButton} from './deployButton'
+import { CustomTooltip } from '@remix-ui/helper'
+import { FormattedMessage } from 'react-intl'
+import React, { useRef } from 'react'
+import { MultiDeployInputProps } from '../types'
+import { DeployButton } from './deployButton'
 
 export function MultiDeployInput(props: MultiDeployInputProps) {
   const multiFields = useRef<Array<HTMLInputElement | null>>([])
 
   return (
-    <div className="udapp_contractActionsContainerMulti" style={{display: 'flex'}}>
+    <div className="udapp_contractActionsContainerMulti" style={{ display: 'flex' }}>
       <div className="udapp_contractActionsContainerMultiInner text-dark">
         <div className="pt-2 udapp_multiHeader">
           <div className="udapp_multiTitle run-instance-multi-title">
diff --git a/libs/remix-ui/run-tab/src/lib/components/network.tsx b/libs/remix-ui/run-tab/src/lib/components/network.tsx
index dcf5b36227..f5b47dee1d 100644
--- a/libs/remix-ui/run-tab/src/lib/components/network.tsx
+++ b/libs/remix-ui/run-tab/src/lib/components/network.tsx
@@ -1,6 +1,6 @@
 // eslint-disable-next-line no-use-before-define
 import React from 'react'
-import {NetworkProps} from '../types'
+import { NetworkProps } from '../types'
 
 export function NetworkUI(props: NetworkProps) {
   return (
diff --git a/libs/remix-ui/run-tab/src/lib/components/passphrase.tsx b/libs/remix-ui/run-tab/src/lib/components/passphrase.tsx
index 2cd0d633e7..4ed8187dda 100644
--- a/libs/remix-ui/run-tab/src/lib/components/passphrase.tsx
+++ b/libs/remix-ui/run-tab/src/lib/components/passphrase.tsx
@@ -22,7 +22,7 @@ export function PassphrasePrompt(props: PromptProps) {
           type="password"
           name="prompt_text"
           className="form-control"
-          style={{width: '100%'}}
+          style={{ width: '100%' }}
           onInput={handleSignPassphrase}
           data-id="modalDialogCustomPromptText"
           defaultValue={props.defaultValue}
diff --git a/libs/remix-ui/run-tab/src/lib/components/recorderCardUI.tsx b/libs/remix-ui/run-tab/src/lib/components/recorderCardUI.tsx
index e0ee6d2e50..ecb952175f 100644
--- a/libs/remix-ui/run-tab/src/lib/components/recorderCardUI.tsx
+++ b/libs/remix-ui/run-tab/src/lib/components/recorderCardUI.tsx
@@ -1,8 +1,8 @@
 // eslint-disable-next-line no-use-before-define
-import React, {useRef, useState, useEffect} from 'react'
-import {FormattedMessage, useIntl} from 'react-intl'
-import {RecorderProps} from '../types'
-import {CustomTooltip} from '@remix-ui/helper'
+import React, { useRef, useState, useEffect } from 'react'
+import { FormattedMessage, useIntl } from 'react-intl'
+import { RecorderProps } from '../types'
+import { CustomTooltip } from '@remix-ui/helper'
 
 export function RecorderUI(props: RecorderProps) {
   const inputLive = useRef<HTMLInputElement>()
@@ -46,7 +46,7 @@ export function RecorderUI(props: RecorderProps) {
             tooltipId="recordedTransactionsCounttooltip"
             tooltipText={<FormattedMessage id="udapp.transactionsCountTooltip" />}
           >
-            <div className="ml-2 badge badge-pill badge-primary text-center" style={{cursor:"default"}} data-title="The number of recorded transactions">
+            <div className="ml-2 badge badge-pill badge-primary text-center" style={{ cursor:"default" }} data-title="The number of recorded transactions">
               {props.count}
             </div>
           </CustomTooltip>
@@ -57,7 +57,7 @@ export function RecorderUI(props: RecorderProps) {
             tooltipText={<FormattedMessage id="udapp.transactionsWalkthroughTooltip" />}
           >
             <i
-              style={{fontSize: 'medium'}}
+              style={{ fontSize: 'medium' }}
               className={'ml-2 fal fa-info-circle align-self-center'}
               aria-hidden="true"
               onClick={() => startWalkthrough()}
@@ -82,7 +82,7 @@ export function RecorderUI(props: RecorderProps) {
             tooltipId="tooltip-livemode-recorder"
             tooltipText={
               <span>
-                <FormattedMessage id="udapp.livemodeRecorderTooltip" values={{br: <br />}} />
+                <FormattedMessage id="udapp.livemodeRecorderTooltip" values={{ br: <br /> }} />
               </span>
             }
           >
@@ -98,17 +98,17 @@ export function RecorderUI(props: RecorderProps) {
             tooltipId="remixUdappTransactionSavetooltip"
             tooltipText={
               props.count === 0
-                ? intl.formatMessage({id: 'udapp.transactionSaveTooltip1'})
+                ? intl.formatMessage({ id: 'udapp.transactionSaveTooltip1' })
                 : props.count === 1
-                  ? intl.formatMessage({id: 'udapp.transactionSaveTooltip2'}, {count: props.count})
-                  : intl.formatMessage({id: 'udapp.transactionSaveTooltip3'}, {count: props.count})
+                  ? intl.formatMessage({ id: 'udapp.transactionSaveTooltip2' }, { count: props.count })
+                  : intl.formatMessage({ id: 'udapp.transactionSaveTooltip3' }, { count: props.count })
             }
           >
             <button
               className="btn btn-sm btn-secondary savetransaction udapp_recorder"
               disabled={props.count === 0 ? true : false}
               onClick={triggerRecordButton}
-              style={{pointerEvents: props.count === 0 ? 'none' : 'auto'}}
+              style={{ pointerEvents: props.count === 0 ? 'none' : 'auto' }}
               id="udappRecorderSave"
             >
               <FormattedMessage id="udapp.save" />
@@ -120,7 +120,7 @@ export function RecorderUI(props: RecorderProps) {
               data-id="runtransaction"
               disabled={enableRunButton}
               onClick={handleClickRunButton}
-              style={{pointerEvents: enableRunButton ? 'none' : 'auto'}}
+              style={{ pointerEvents: enableRunButton ? 'none' : 'auto' }}
               id="udappRecorderRun"
             >
               <FormattedMessage id="udapp.run" />
diff --git a/libs/remix-ui/run-tab/src/lib/components/scenario.tsx b/libs/remix-ui/run-tab/src/lib/components/scenario.tsx
index c53444722c..4985c9d9c3 100644
--- a/libs/remix-ui/run-tab/src/lib/components/scenario.tsx
+++ b/libs/remix-ui/run-tab/src/lib/components/scenario.tsx
@@ -22,7 +22,7 @@ export function ScenarioPrompt(props: ScenarioProps) {
           type="text"
           name="prompt_text"
           className="form-control"
-          style={{width: '100%'}}
+          style={{ width: '100%' }}
           onInput={handleScenarioPath}
           data-id="modalDialogCustomPromptText"
           defaultValue={props.defaultValue}
diff --git a/libs/remix-ui/run-tab/src/lib/components/settingsUI.tsx b/libs/remix-ui/run-tab/src/lib/components/settingsUI.tsx
index 265262f289..d3d8ed5957 100644
--- a/libs/remix-ui/run-tab/src/lib/components/settingsUI.tsx
+++ b/libs/remix-ui/run-tab/src/lib/components/settingsUI.tsx
@@ -1,11 +1,11 @@
 // eslint-disable-next-line no-use-before-define
 import React from 'react'
-import {SettingsProps} from '../types'
-import {EnvironmentUI} from './environment'
-import {NetworkUI} from './network'
-import {AccountUI} from './account'
-import {GasLimitUI} from './gasLimit'
-import {ValueUI} from './value'
+import { SettingsProps } from '../types'
+import { EnvironmentUI } from './environment'
+import { NetworkUI } from './network'
+import { AccountUI } from './account'
+import { GasLimitUI } from './gasLimit'
+import { ValueUI } from './value'
 
 export function SettingsUI(props: SettingsProps) {
   //   this._deps.config.events.on('settings/personal-mode_changed', this.onPersonalChange.bind(this))
diff --git a/libs/remix-ui/run-tab/src/lib/components/universalDappUI.tsx b/libs/remix-ui/run-tab/src/lib/components/universalDappUI.tsx
index f3f8d4549f..447fa83596 100644
--- a/libs/remix-ui/run-tab/src/lib/components/universalDappUI.tsx
+++ b/libs/remix-ui/run-tab/src/lib/components/universalDappUI.tsx
@@ -1,15 +1,15 @@
 // eslint-disable-next-line no-use-before-define
-import React, {useEffect, useState} from 'react'
-import {FormattedMessage, useIntl} from 'react-intl'
-import {UdappProps} from '../types'
-import {FuncABI} from '@remix-project/core-plugin'
-import {CopyToClipboard} from '@remix-ui/clipboard'
+import React, { useEffect, useState } from 'react'
+import { FormattedMessage, useIntl } from 'react-intl'
+import { UdappProps } from '../types'
+import { FuncABI } from '@remix-project/core-plugin'
+import { CopyToClipboard } from '@remix-ui/clipboard'
 import * as remixLib from '@remix-project/remix-lib'
 import * as ethJSUtil from '@ethereumjs/util'
-import {ContractGUI} from './contractGUI'
-import {TreeView, TreeViewItem} from '@remix-ui/tree-view'
-import {BN} from 'bn.js'
-import {CustomTooltip, is0XPrefixed, isHexadecimal, isNumeric, shortenAddress} from '@remix-ui/helper'
+import { ContractGUI } from './contractGUI'
+import { TreeView, TreeViewItem } from '@remix-ui/tree-view'
+import { BN } from 'bn.js'
+import { CustomTooltip, is0XPrefixed, isHexadecimal, isNumeric, shortenAddress } from '@remix-ui/helper'
 const _paq = (window._paq = window._paq || [])
 
 const txHelper = remixLib.execution.txHelper
@@ -73,30 +73,30 @@ export function UniversalDappUI(props: UdappProps) {
     if (amount !== '0') {
       // check for numeric and receive/fallback
       if (!isNumeric(amount)) {
-        return setLlIError(intl.formatMessage({id: 'udapp.llIError1'}))
+        return setLlIError(intl.formatMessage({ id: 'udapp.llIError1' }))
       } else if (!receive && !(fallback && fallback.stateMutability === 'payable')) {
-        return setLlIError(intl.formatMessage({id: 'udapp.llIError2'}))
+        return setLlIError(intl.formatMessage({ id: 'udapp.llIError2' }))
       }
     }
     let calldata = calldataValue
 
     if (calldata) {
       if (calldata.length < 4 && is0XPrefixed(calldata)) {
-        return setLlIError(intl.formatMessage({id: 'udapp.llIError3'}))
+        return setLlIError(intl.formatMessage({ id: 'udapp.llIError3' }))
       } else {
         if (is0XPrefixed(calldata)) {
           calldata = calldata.substr(2, calldata.length)
         }
         if (!isHexadecimal(calldata)) {
-          return setLlIError(intl.formatMessage({id: 'udapp.llIError4'}))
+          return setLlIError(intl.formatMessage({ id: 'udapp.llIError4' }))
         }
       }
       if (!fallback) {
-        return setLlIError(intl.formatMessage({id: 'udapp.llIError5'}))
+        return setLlIError(intl.formatMessage({ id: 'udapp.llIError5' }))
       }
     }
 
-    if (!receive && !fallback) return setLlIError(intl.formatMessage({id: 'udapp.llIError6'}))
+    if (!receive && !fallback) return setLlIError(intl.formatMessage({ id: 'udapp.llIError6' }))
 
     // we have to put the right function ABI:
     // if receive is defined and that there is no calldata => receive function is called
@@ -104,7 +104,7 @@ export function UniversalDappUI(props: UdappProps) {
     if (receive && !calldata) args.funcABI = receive
     else if (fallback) args.funcABI = fallback
 
-    if (!args.funcABI) return setLlIError(intl.formatMessage({id: 'udapp.llIError7'}))
+    if (!args.funcABI) return setLlIError(intl.formatMessage({ id: 'udapp.llIError7' }))
     runTransaction(false, args.funcABI, null, calldataValue)
   }
 
@@ -179,14 +179,14 @@ export function UniversalDappUI(props: UdappProps) {
     } else {
       if (item instanceof Array) {
         ret.children = item.map((item, index) => {
-          return {key: index, value: item}
+          return { key: index, value: item }
         })
         ret.self = 'Array'
         ret.isNode = true
         ret.isLeaf = false
       } else if (item instanceof Object) {
         ret.children = Object.keys(item).map((key) => {
-          return {key: key, value: item[key]}
+          return { key: key, value: item[key] }
         })
         ret.self = 'Object'
         ret.isNode = true
@@ -253,7 +253,7 @@ export function UniversalDappUI(props: UdappProps) {
       data-id={props.isPinnedContract ? `pinnedInstance${address}` : `unpinnedInstance${address}`}
     >
       <div className="udapp_title pb-0 alert alert-secondary">
-        <span data-id={`universalDappUiTitleExpander${props.index}`} className="btn udapp_titleExpander" onClick={toggleClass} style={{padding: "0.45rem"}}>
+        <span data-id={`universalDappUiTitleExpander${props.index}`} className="btn udapp_titleExpander" onClick={toggleClass} style={{ padding: "0.45rem" }}>
           <i className={`fas ${toggleExpander ? 'fa-angle-right' : 'fa-angle-down'}`} aria-hidden="true"></i>
         </span>
         <div className="input-group udapp_nameNbuts">
@@ -266,28 +266,28 @@ export function UniversalDappUI(props: UdappProps) {
               {props.instance.name} at {shortenAddress(address)} ({props.context})
             </span>) }
           </div>
-          <div className="btn" style={{padding: '0.15rem'}}>
-            <CopyToClipboard tip={intl.formatMessage({id: 'udapp.copy'})} content={address} direction={'top'} />
+          <div className="btn" style={{ padding: '0.15rem' }}>
+            <CopyToClipboard tip={intl.formatMessage({ id: 'udapp.copy' })} content={address} direction={'top'} />
           </div>
-          { props.isPinnedContract ? ( <div className="btn" style={{padding: '0.15rem', marginLeft: '-0.5rem'}}>
+          { props.isPinnedContract ? ( <div className="btn" style={{ padding: '0.15rem', marginLeft: '-0.5rem' }}>
             <CustomTooltip placement="top" tooltipClasses="text-nowrap" tooltipId="udapp_udappUnpinTooltip" tooltipText={<FormattedMessage id="udapp.tooltipTextUnpin" />}>
               <i className="fas fa-thumbtack p-2" aria-hidden="true" data-id="universalDappUiUdappUnpin" onClick={remove}></i>
-            </CustomTooltip> 
-          </div> ) : ( <div className="btn" style={{padding: '0.15rem', marginLeft: '-0.5rem'}}>
+            </CustomTooltip>
+          </div> ) : ( <div className="btn" style={{ padding: '0.15rem', marginLeft: '-0.5rem' }}>
             <CustomTooltip placement="top" tooltipClasses="text-nowrap" tooltipId="udapp_udappPinTooltip" tooltipText={<FormattedMessage id="udapp.tooltipTextPin" />}>
               <i className="far fa-thumbtack p-2" aria-hidden="true" data-id="universalDappUiUdappPin" onClick={pinContract}></i>
             </CustomTooltip>
           </div> )
           }
         </div>
-        { props.isPinnedContract ? ( <div className="btn" style={{padding: '0.15rem', marginLeft: '-0.5rem'}}>
+        { props.isPinnedContract ? ( <div className="btn" style={{ padding: '0.15rem', marginLeft: '-0.5rem' }}>
           <CustomTooltip placement="top" tooltipClasses="text-nowrap" tooltipId="udapp_udappDeleteTooltip" tooltipText={<FormattedMessage id="udapp.tooltipTextDelete" />}>
             <i className="far fa-trash p-2" aria-hidden="true" data-id="universalDappUiUdappDelete" onClick={deletePinnedContract}></i>
-          </CustomTooltip> 
-        </div> ) : ( <div className="btn" style={{padding: '0.15rem', marginLeft: '-0.5rem'}}>
+          </CustomTooltip>
+        </div> ) : ( <div className="btn" style={{ padding: '0.15rem', marginLeft: '-0.5rem' }}>
           <CustomTooltip placement="top" tooltipClasses="text-nowrap" tooltipId="udapp_udappCloseTooltip" tooltipText={<FormattedMessage id="udapp.tooltipTextRemove" />}>
             <i className="fas fa-times p-2" aria-hidden="true" data-id="universalDappUiUdappClose" onClick={remove}></i>
-          </CustomTooltip> 
+          </CustomTooltip>
         </div> )
         }
       </div>
@@ -307,7 +307,7 @@ export function UniversalDappUI(props: UdappProps) {
             </div>
           ) : null }
           { props.isPinnedContract && props.instance.filePath ? (
-            <div className="d-flex" data-id="instanceContractFilePath" style={{textAlign: "start", lineBreak: "anywhere"}}>
+            <div className="d-flex" data-id="instanceContractFilePath" style={{ textAlign: "start", lineBreak: "anywhere" }}>
               <label>
                 <b><FormattedMessage id="udapp.filePath" />:</b> {props.instance.filePath}
               </label>
diff --git a/libs/remix-ui/run-tab/src/lib/components/value.tsx b/libs/remix-ui/run-tab/src/lib/components/value.tsx
index 32d52ba3bb..ae9634286f 100644
--- a/libs/remix-ui/run-tab/src/lib/components/value.tsx
+++ b/libs/remix-ui/run-tab/src/lib/components/value.tsx
@@ -1,12 +1,12 @@
 // eslint-disable-next-line no-use-before-define
-import React, {useEffect, useRef, useState} from 'react'
-import {FormattedMessage} from 'react-intl'
-import {BN} from 'bn.js'
-import {CustomTooltip, isNumeric} from '@remix-ui/helper'
-import {ValueProps} from '../types'
+import React, { useEffect, useRef, useState } from 'react'
+import { FormattedMessage } from 'react-intl'
+import { BN } from 'bn.js'
+import { CustomTooltip, isNumeric } from '@remix-ui/helper'
+import { ValueProps } from '../types'
 
 export function ValueUI(props: ValueProps) {
-  const inputValue = useRef<HTMLInputElement>({} as HTMLInputElement)  
+  const inputValue = useRef<HTMLInputElement>({} as HTMLInputElement)
 
   useEffect(() => {
     if (props.sendValue !== inputValue.current.value) {
diff --git a/libs/remix-ui/run-tab/src/lib/reducers/runTab.ts b/libs/remix-ui/run-tab/src/lib/reducers/runTab.ts
index 7527fe043d..8c40794ab4 100644
--- a/libs/remix-ui/run-tab/src/lib/reducers/runTab.ts
+++ b/libs/remix-ui/run-tab/src/lib/reducers/runTab.ts
@@ -248,7 +248,7 @@ export const runTabReducer = (state: RunTabState = runTabInitialState, action: A
       state.providers.providerList.push(payload)
     } else {
       let index = 0
-      for (const provider of state.providers.providerList) { 
+      for (const provider of state.providers.providerList) {
         if (provider.position >= payload.position) {
           state.providers.providerList.splice(index, 0, payload)
           break;
@@ -647,7 +647,7 @@ export const runTabReducer = (state: RunTabState = runTabInitialState, action: A
       ...state,
       contracts: {
         ...state.contracts,
-        deployOptions: {...state.contracts.deployOptions, ...payload }
+        deployOptions: { ...state.contracts.deployOptions, ...payload }
       }
     }
   }
diff --git a/libs/remix-ui/run-tab/src/lib/run-tab.tsx b/libs/remix-ui/run-tab/src/lib/run-tab.tsx
index aa14b75ac2..ae1dec6d06 100644
--- a/libs/remix-ui/run-tab/src/lib/run-tab.tsx
+++ b/libs/remix-ui/run-tab/src/lib/run-tab.tsx
@@ -1,16 +1,16 @@
 // eslint-disable-next-line no-use-before-define
-import React, {Fragment, useEffect, useReducer, useState} from 'react'
-import {FormattedMessage} from 'react-intl'
-import {ModalDialog} from '@remix-ui/modal-dialog'
+import React, { Fragment, useEffect, useReducer, useState } from 'react'
+import { FormattedMessage } from 'react-intl'
+import { ModalDialog } from '@remix-ui/modal-dialog'
 // eslint-disable-next-line no-unused-vars
-import {Toaster} from '@remix-ui/toaster'
-import {ContractDropdownUI} from './components/contractDropdownUI'
-import {InstanceContainerUI} from './components/instanceContainerUI'
-import {RecorderUI} from './components/recorderCardUI'
-import {SettingsUI} from './components/settingsUI'
-import {Modal, Network, RunTabProps, Tx} from './types'
-import {ContractData} from '@remix-project/core-plugin'
-import {runTabInitialState, runTabReducer} from './reducers/runTab'
+import { Toaster } from '@remix-ui/toaster'
+import { ContractDropdownUI } from './components/contractDropdownUI'
+import { InstanceContainerUI } from './components/instanceContainerUI'
+import { RecorderUI } from './components/recorderCardUI'
+import { SettingsUI } from './components/settingsUI'
+import { Modal, Network, RunTabProps, Tx } from './types'
+import { ContractData } from '@remix-project/core-plugin'
+import { runTabInitialState, runTabReducer } from './reducers/runTab'
 import {
   initRunTab,
   setAccountAddress,
@@ -47,14 +47,14 @@ import {
   isValidProxyUpgrade
 } from './actions'
 import './css/run-tab.css'
-import {PublishToStorage} from '@remix-ui/publish-to-storage'
-import {PassphrasePrompt} from './components/passphrase'
-import {MainnetPrompt} from './components/mainnet'
-import {ScenarioPrompt} from './components/scenario'
-import {setIpfsCheckedState, setRemixDActivated} from './actions/payload'
+import { PublishToStorage } from '@remix-ui/publish-to-storage'
+import { PassphrasePrompt } from './components/passphrase'
+import { MainnetPrompt } from './components/mainnet'
+import { ScenarioPrompt } from './components/scenario'
+import { setIpfsCheckedState, setRemixDActivated } from './actions/payload'
 
 export function RunTabUI(props: RunTabProps) {
-  const {plugin} = props
+  const { plugin } = props
   const [focusModal, setFocusModal] = useState<Modal>({
     hide: true,
     title: '',
@@ -76,7 +76,7 @@ export function RunTabUI(props: RunTabProps) {
   })
   runTabInitialState.selectExEnv = plugin.blockchain.getProvider()
   const [runTab, dispatch] = useReducer(runTabReducer, runTabInitialState)
-  const REACT_API = {runTab}
+  const REACT_API = { runTab }
   const currentfile = plugin.config.get('currentFile')
 
   useEffect(() => {
@@ -173,7 +173,7 @@ export function RunTabUI(props: RunTabProps) {
 
   const handleHideModal = () => {
     setFocusModal((modal) => {
-      return {...modal, hide: true, message: null}
+      return { ...modal, hide: true, message: null }
     })
   }
 
@@ -326,7 +326,7 @@ export function RunTabUI(props: RunTabProps) {
             getFuncABIInputs={getFuncABIValues}
             exEnvironment={runTab.selectExEnv}
             editInstance={(instance) => {
-              plugin.call('dapp-draft', 'edit', {address: instance.address, abi: instance.contractData.abi, name: instance.name, network: runTab.networkName})
+              plugin.call('dapp-draft', 'edit', { address: instance.address, abi: instance.contractData.abi, name: instance.name, network: runTab.networkName })
             }}
           />
         </div>
diff --git a/libs/remix-ui/search/src/lib/components/Exclude.tsx b/libs/remix-ui/search/src/lib/components/Exclude.tsx
index 2ca62655ed..519cf1ae2a 100644
--- a/libs/remix-ui/search/src/lib/components/Exclude.tsx
+++ b/libs/remix-ui/search/src/lib/components/Exclude.tsx
@@ -1,9 +1,9 @@
-import React, {useContext, useEffect, useRef, useState} from 'react'
-import {FormattedMessage, useIntl} from 'react-intl'
-import {SearchContext} from '../context/context'
+import React, { useContext, useEffect, useRef, useState } from 'react'
+import { FormattedMessage, useIntl } from 'react-intl'
+import { SearchContext } from '../context/context'
 
 export const Exclude = (props) => {
-  const {setExclude, cancelSearch, startSearch} = useContext(SearchContext)
+  const { setExclude, cancelSearch, startSearch } = useContext(SearchContext)
   const [excludeInput, setExcludeInput] = useState<string>('.*/**/*')
 
   const intl = useIntl()
@@ -32,7 +32,7 @@ export const Exclude = (props) => {
         </label>
         <input
           id="search_exclude"
-          placeholder={intl.formatMessage({id: 'search.placeholder3'})}
+          placeholder={intl.formatMessage({ id: 'search.placeholder3' })}
           className="form-control"
           onKeyUp={handleKeypress}
           onChange={async (e) => change(e)}
diff --git a/libs/remix-ui/search/src/lib/components/Find.tsx b/libs/remix-ui/search/src/lib/components/Find.tsx
index d043a6e9d7..7d9d89dabf 100644
--- a/libs/remix-ui/search/src/lib/components/Find.tsx
+++ b/libs/remix-ui/search/src/lib/components/Find.tsx
@@ -1,10 +1,10 @@
-import {CustomTooltip} from '@remix-ui/helper'
-import React, {useContext, useEffect, useState} from 'react'
-import {useIntl} from 'react-intl'
-import {SearchContext} from '../context/context'
+import { CustomTooltip } from '@remix-ui/helper'
+import React, { useContext, useEffect, useState } from 'react'
+import { useIntl } from 'react-intl'
+import { SearchContext } from '../context/context'
 
 export const Find = () => {
-  const {setFind, cancelSearch, startSearch, state, toggleCaseSensitive, toggleMatchWholeWord, toggleUseRegex} = useContext(SearchContext)
+  const { setFind, cancelSearch, startSearch, state, toggleCaseSensitive, toggleMatchWholeWord, toggleUseRegex } = useContext(SearchContext)
 
   const intl = useIntl()
 
diff --git a/libs/remix-ui/search/src/lib/components/FindContainer.tsx b/libs/remix-ui/search/src/lib/components/FindContainer.tsx
index 7568fa7576..de246aa202 100644
--- a/libs/remix-ui/search/src/lib/components/FindContainer.tsx
+++ b/libs/remix-ui/search/src/lib/components/FindContainer.tsx
@@ -1,13 +1,13 @@
-import {CustomTooltip} from '@remix-ui/helper'
-import React, {useContext, useEffect, useState} from 'react'
-import {FormattedMessage} from 'react-intl'
-import {SearchContext} from '../context/context'
-import {Find} from './Find'
-import {OverWriteCheck} from './OverWriteCheck'
-import {Replace} from './Replace'
+import { CustomTooltip } from '@remix-ui/helper'
+import React, { useContext, useEffect, useState } from 'react'
+import { FormattedMessage } from 'react-intl'
+import { SearchContext } from '../context/context'
+import { Find } from './Find'
+import { OverWriteCheck } from './OverWriteCheck'
+import { Replace } from './Replace'
 
 export const FindContainer = (props) => {
-  const {setReplaceEnabled} = useContext(SearchContext)
+  const { setReplaceEnabled } = useContext(SearchContext)
   const [expanded, setExpanded] = useState<boolean>(false)
   const toggleExpand = () => setExpanded(!expanded)
   useEffect(() => {
diff --git a/libs/remix-ui/search/src/lib/components/Include.tsx b/libs/remix-ui/search/src/lib/components/Include.tsx
index 51ac5d2eb2..f186b3dc65 100644
--- a/libs/remix-ui/search/src/lib/components/Include.tsx
+++ b/libs/remix-ui/search/src/lib/components/Include.tsx
@@ -1,9 +1,9 @@
-import React, {useContext, useEffect, useRef, useState} from 'react'
-import {FormattedMessage, useIntl} from 'react-intl'
-import {SearchContext} from '../context/context'
+import React, { useContext, useEffect, useRef, useState } from 'react'
+import { FormattedMessage, useIntl } from 'react-intl'
+import { SearchContext } from '../context/context'
 
 export const Include = (props) => {
-  const {setInclude, cancelSearch, startSearch} = useContext(SearchContext)
+  const { setInclude, cancelSearch, startSearch } = useContext(SearchContext)
   const [includeInput, setIncludeInput] = useState<string>('*.sol, *.js')
 
   const intl = useIntl()
@@ -31,7 +31,7 @@ export const Include = (props) => {
         </label>
         <input
           id="search_include"
-          placeholder={intl.formatMessage({id: 'search.placeholder2'})}
+          placeholder={intl.formatMessage({ id: 'search.placeholder2' })}
           className="form-control"
           onChange={async (e) => change(e)}
           onKeyUp={handleKeypress}
diff --git a/libs/remix-ui/search/src/lib/components/OverWriteCheck.tsx b/libs/remix-ui/search/src/lib/components/OverWriteCheck.tsx
index bf5f434d21..cbec116346 100644
--- a/libs/remix-ui/search/src/lib/components/OverWriteCheck.tsx
+++ b/libs/remix-ui/search/src/lib/components/OverWriteCheck.tsx
@@ -1,9 +1,9 @@
-import React, {useContext} from 'react'
-import {FormattedMessage} from 'react-intl'
-import {SearchContext} from '../context/context'
+import React, { useContext } from 'react'
+import { FormattedMessage } from 'react-intl'
+import { SearchContext } from '../context/context'
 
 export const OverWriteCheck = (props) => {
-  const {setReplaceWithoutConfirmation, state} = useContext(SearchContext)
+  const { setReplaceWithoutConfirmation, state } = useContext(SearchContext)
 
   const change = (e) => {
     setReplaceWithoutConfirmation(e.target.checked)
diff --git a/libs/remix-ui/search/src/lib/components/Replace.tsx b/libs/remix-ui/search/src/lib/components/Replace.tsx
index a47be3660b..312b4bb7df 100644
--- a/libs/remix-ui/search/src/lib/components/Replace.tsx
+++ b/libs/remix-ui/search/src/lib/components/Replace.tsx
@@ -1,9 +1,9 @@
-import React, {useContext, useRef} from 'react'
-import {FormattedMessage, useIntl} from 'react-intl'
-import {SearchContext} from '../context/context'
+import React, { useContext, useRef } from 'react'
+import { FormattedMessage, useIntl } from 'react-intl'
+import { SearchContext } from '../context/context'
 
 export const Replace = (props) => {
-  const {setReplace} = useContext(SearchContext)
+  const { setReplace } = useContext(SearchContext)
   const timeOutId = useRef(null)
   const change = (e) => {
     clearTimeout(timeOutId.current)
@@ -18,7 +18,7 @@ export const Replace = (props) => {
         <label className="d-none">
           <FormattedMessage id="search.replaceInFiles" />
         </label>
-        <input id="search_replace" placeholder={intl.formatMessage({id: 'search.replace'})} className="form-control" onChange={change}></input>
+        <input id="search_replace" placeholder={intl.formatMessage({ id: 'search.replace' })} className="form-control" onChange={change}></input>
       </div>
     </>
   )
diff --git a/libs/remix-ui/search/src/lib/components/Search.tsx b/libs/remix-ui/search/src/lib/components/Search.tsx
index 403dcaf59e..11dcc9addd 100644
--- a/libs/remix-ui/search/src/lib/components/Search.tsx
+++ b/libs/remix-ui/search/src/lib/components/Search.tsx
@@ -1,11 +1,11 @@
-import React, {useContext} from 'react'
-import {SearchProvider} from '../context/context'
-import {Results} from './results/Results'
+import React, { useContext } from 'react'
+import { SearchProvider } from '../context/context'
+import { Results } from './results/Results'
 import '../search.css'
-import {Include} from './Include'
-import {Exclude} from './Exclude'
-import {FindContainer} from './FindContainer'
-import {Undo} from './Undo'
+import { Include } from './Include'
+import { Exclude } from './Exclude'
+import { FindContainer } from './FindContainer'
+import { Undo } from './Undo'
 import { platformContext } from '@remix-ui/app'
 
 export const SearchTab = (props) => {
diff --git a/libs/remix-ui/search/src/lib/components/StopSearch.tsx b/libs/remix-ui/search/src/lib/components/StopSearch.tsx
index 90d9e68859..fa2f4d12f5 100644
--- a/libs/remix-ui/search/src/lib/components/StopSearch.tsx
+++ b/libs/remix-ui/search/src/lib/components/StopSearch.tsx
@@ -1,10 +1,10 @@
 import React from 'react'
-import {useContext} from 'react'
-import {FormattedMessage} from 'react-intl'
-import {SearchContext} from '../context/context'
+import { useContext } from 'react'
+import { FormattedMessage } from 'react-intl'
+import { SearchContext } from '../context/context'
 
 export const StopSearch = () => {
-  const {cancelSearch} = useContext(SearchContext)
+  const { cancelSearch } = useContext(SearchContext)
   const cancel = async () => {
     await cancelSearch(false)
   }
diff --git a/libs/remix-ui/search/src/lib/components/Undo.tsx b/libs/remix-ui/search/src/lib/components/Undo.tsx
index da7bd94604..3a81a718eb 100644
--- a/libs/remix-ui/search/src/lib/components/Undo.tsx
+++ b/libs/remix-ui/search/src/lib/components/Undo.tsx
@@ -1,13 +1,13 @@
-import {useDialogDispatchers} from '@remix-ui/app'
+import { useDialogDispatchers } from '@remix-ui/app'
 import React from 'react'
-import {useContext} from 'react'
-import {FormattedMessage} from 'react-intl'
-import {SearchContext} from '../context/context'
+import { useContext } from 'react'
+import { FormattedMessage } from 'react-intl'
+import { SearchContext } from '../context/context'
 import * as path from 'path'
 
 export const Undo = () => {
-  const {state, undoReplace} = useContext(SearchContext)
-  const {alert} = useDialogDispatchers()
+  const { state, undoReplace } = useContext(SearchContext)
+  const { alert } = useDialogDispatchers()
 
   const undo = async () => {
     try {
@@ -31,7 +31,7 @@ export const Undo = () => {
           className="undo-button btn btn-secondary btn-block my-3"
         >
           <div className="fas fa-undo mr-2"></div>
-          <FormattedMessage id="search.undoChanges" values={{path: path.basename(state.undoBuffer[`${state.workspace}/${state.currentFile}`].path)}} />
+          <FormattedMessage id="search.undoChanges" values={{ path: path.basename(state.undoBuffer[`${state.workspace}/${state.currentFile}`].path) }} />
         </button>
       ) : null}
     </>
diff --git a/libs/remix-ui/search/src/lib/components/results/ResultFileName.tsx b/libs/remix-ui/search/src/lib/components/results/ResultFileName.tsx
index bbe88103fd..b077e7a52e 100644
--- a/libs/remix-ui/search/src/lib/components/results/ResultFileName.tsx
+++ b/libs/remix-ui/search/src/lib/components/results/ResultFileName.tsx
@@ -1,6 +1,6 @@
-import React, {useEffect, useState} from 'react'
-import {SearchResult} from '../../types'
-import {CustomTooltip, getPathIcon} from '@remix-ui/helper'
+import React, { useEffect, useState } from 'react'
+import { SearchResult } from '../../types'
+import { CustomTooltip, getPathIcon } from '@remix-ui/helper'
 import * as path from 'path'
 interface ResultItemProps {
   file: SearchResult
diff --git a/libs/remix-ui/search/src/lib/components/results/ResultItem.tsx b/libs/remix-ui/search/src/lib/components/results/ResultItem.tsx
index 5a8c98ad30..7bd2156b3b 100644
--- a/libs/remix-ui/search/src/lib/components/results/ResultItem.tsx
+++ b/libs/remix-ui/search/src/lib/components/results/ResultItem.tsx
@@ -1,10 +1,10 @@
-import {useDialogDispatchers} from '@remix-ui/app'
-import React, {useContext, useEffect, useRef, useState} from 'react'
-import {FormattedMessage, useIntl} from 'react-intl'
-import {SearchContext} from '../../context/context'
-import {SearchResult, SearchResultLine} from '../../types'
-import {ResultFileName} from './ResultFileName'
-import {ResultSummary} from './ResultSummary'
+import { useDialogDispatchers } from '@remix-ui/app'
+import React, { useContext, useEffect, useRef, useState } from 'react'
+import { FormattedMessage, useIntl } from 'react-intl'
+import { SearchContext } from '../../context/context'
+import { SearchResult, SearchResultLine } from '../../types'
+import { ResultFileName } from './ResultFileName'
+import { ResultSummary } from './ResultSummary'
 
 interface ResultItemProps {
   file: SearchResult
@@ -13,14 +13,14 @@ interface ResultItemProps {
 
 export const ResultItem = (props: ResultItemProps) => {
   const intl = useIntl()
-  const {state, findText, disableForceReload, updateCount, replaceAllInFile} = useContext(SearchContext)
+  const { state, findText, disableForceReload, updateCount, replaceAllInFile } = useContext(SearchContext)
   const [loading, setLoading] = useState<boolean>(false)
   const [lines, setLines] = useState<SearchResultLine[]>([])
   const [toggleExpander, setToggleExpander] = useState<boolean>(false)
   const reloadTimeOut = useRef(null)
   const loadTimeout = useRef(null)
   const subscribed = useRef(true)
-  const {modal} = useDialogDispatchers()
+  const { modal } = useDialogDispatchers()
 
   useEffect(() => {
     reload()
@@ -72,18 +72,18 @@ export const ResultItem = (props: ResultItemProps) => {
     } else {
       modal({
         id: 'confirmreplace',
-        title: intl.formatMessage({id: 'search.replace'}),
+        title: intl.formatMessage({ id: 'search.replace' }),
         message: intl.formatMessage(
-          {id: 'search.confirmreplaceMsg'},
+          { id: 'search.confirmreplaceMsg' },
           {
             find: state.find,
             replace: state.replace,
             filename: props.file.filename
           }
         ),
-        okLabel: intl.formatMessage({id: 'search.yes'}),
+        okLabel: intl.formatMessage({ id: 'search.yes' }),
         okFn: confirmReplace,
-        cancelLabel: intl.formatMessage({id: 'search.no'}),
+        cancelLabel: intl.formatMessage({ id: 'search.no' }),
         cancelFn: () => {},
         data: null
       })
diff --git a/libs/remix-ui/search/src/lib/components/results/ResultSummary.tsx b/libs/remix-ui/search/src/lib/components/results/ResultSummary.tsx
index 7578ffd62e..2878b491c6 100644
--- a/libs/remix-ui/search/src/lib/components/results/ResultSummary.tsx
+++ b/libs/remix-ui/search/src/lib/components/results/ResultSummary.tsx
@@ -1,9 +1,9 @@
-import {useDialogDispatchers} from '@remix-ui/app'
-import {CustomTooltip} from '@remix-ui/helper'
-import React, {useContext} from 'react'
-import {FormattedMessage, useIntl} from 'react-intl'
-import {SearchContext} from '../../context/context'
-import {SearchResult, SearchResultLine, SearchResultLineLine} from '../../types'
+import { useDialogDispatchers } from '@remix-ui/app'
+import { CustomTooltip } from '@remix-ui/helper'
+import React, { useContext } from 'react'
+import { FormattedMessage, useIntl } from 'react-intl'
+import { SearchContext } from '../../context/context'
+import { SearchResult, SearchResultLine, SearchResultLineLine } from '../../types'
 
 interface ResultSummaryProps {
   searchResult: SearchResult
@@ -13,8 +13,8 @@ interface ResultSummaryProps {
 
 export const ResultSummary = (props: ResultSummaryProps) => {
   const intl = useIntl()
-  const {hightLightInPath, replaceText, state} = useContext(SearchContext)
-  const {modal} = useDialogDispatchers()
+  const { hightLightInPath, replaceText, state } = useContext(SearchContext)
+  const { modal } = useDialogDispatchers()
   const selectLine = async (line: SearchResultLineLine) => {
     await hightLightInPath(props.searchResult, line)
   }
@@ -34,18 +34,18 @@ export const ResultSummary = (props: ResultSummaryProps) => {
     } else {
       modal({
         id: 'confirmreplace',
-        title: intl.formatMessage({id: 'search.replace'}),
+        title: intl.formatMessage({ id: 'search.replace' }),
         message: intl.formatMessage(
-          {id: 'search.confirmreplaceMsg'},
+          { id: 'search.confirmreplaceMsg' },
           {
             find: line.center,
             replace: state.replace,
             filename: props.searchResult.filename
           }
         ),
-        okLabel: intl.formatMessage({id: 'search.yes'}),
+        okLabel: intl.formatMessage({ id: 'search.yes' }),
         okFn: confirmReplace,
-        cancelLabel: intl.formatMessage({id: 'search.no'}),
+        cancelLabel: intl.formatMessage({ id: 'search.no' }),
         cancelFn: () => {},
         data: line
       })
diff --git a/libs/remix-ui/search/src/lib/components/results/Results.tsx b/libs/remix-ui/search/src/lib/components/results/Results.tsx
index f94d94d868..63107e7311 100644
--- a/libs/remix-ui/search/src/lib/components/results/Results.tsx
+++ b/libs/remix-ui/search/src/lib/components/results/Results.tsx
@@ -1,11 +1,11 @@
-import React, {useContext, useEffect} from 'react'
-import {FormattedMessage} from 'react-intl'
-import {SearchContext} from '../../context/context'
-import {StopSearch} from '../StopSearch'
-import {ResultItem} from './ResultItem'
+import React, { useContext, useEffect } from 'react'
+import { FormattedMessage } from 'react-intl'
+import { SearchContext } from '../../context/context'
+import { StopSearch } from '../StopSearch'
+import { ResultItem } from './ResultItem'
 
 export const Results = () => {
-  const {state} = useContext(SearchContext)
+  const { state } = useContext(SearchContext)
   return (
     <div data-id="search_results" className="mt-2">
       <div className="search_plugin_search_indicator py-1">
@@ -15,12 +15,12 @@ export const Results = () => {
 
       {state.find && !state.clipped ? (
         <div className="search_plugin_result_count_number badge badge-pill badge-secondary">
-          <FormattedMessage id="search.text1" values={{count: state.count, fileCount: state.fileCount}} />
+          <FormattedMessage id="search.text1" values={{ count: state.count, fileCount: state.fileCount }} />
         </div>
       ) : null}
       {state.find && state.clipped ? (
         <div className="alert alert-warning mt-1">
-          <FormattedMessage id="search.text2" values={{br: <br />}} />
+          <FormattedMessage id="search.text2" values={{ br: <br /> }} />
         </div>
       ) : null}
       {state.searchResults &&
diff --git a/libs/remix-ui/search/src/lib/components/results/SearchHelper.ts b/libs/remix-ui/search/src/lib/components/results/SearchHelper.ts
index 992f888b7a..5e8cb2d1c8 100644
--- a/libs/remix-ui/search/src/lib/components/results/SearchHelper.ts
+++ b/libs/remix-ui/search/src/lib/components/results/SearchHelper.ts
@@ -1,7 +1,6 @@
 import { EOL } from 'os'
 import { SearchResultLineLine } from '../../types'
-import {Registry} from '@remix-project/remix-lib'
-
+import { Registry } from '@remix-project/remix-lib'
 
 export const getDirectory = async (dir: string, plugin: any) => {
   let result = []
@@ -113,5 +112,3 @@ export const replaceTextInLine = (str: string, searchResultLine: SearchResultLin
     }).join(getEOL(str))
 }
 
-
-
diff --git a/libs/remix-ui/search/src/lib/context/context.tsx b/libs/remix-ui/search/src/lib/context/context.tsx
index d3df92e388..8e50f0b53e 100644
--- a/libs/remix-ui/search/src/lib/context/context.tsx
+++ b/libs/remix-ui/search/src/lib/context/context.tsx
@@ -314,9 +314,9 @@ export const SearchProvider = ({ children = [], reducer = SearchReducer, initial
         console.log(e)
       }
     }
-    
+
     fetchWorkspace()
-    
+
     return () => {
       plugin.off('fileManager', 'fileChanged')
       plugin.off('filePanel', 'setWorkspace')
@@ -416,7 +416,7 @@ export const SearchProvider = ({ children = [], reducer = SearchReducer, initial
             value.setSearchResults(filteredFiles)
           } else {
             let filesToSearch = files?.files
-            if(!files || files.timeStamp != directoryUpdateCacheTimeStamp.current) {
+            if (!files || files.timeStamp != directoryUpdateCacheTimeStamp.current) {
               const newFiles = await getDirectory('/', plugin)
               setFiles({
                 files: newFiles,
@@ -437,7 +437,7 @@ export const SearchProvider = ({ children = [], reducer = SearchReducer, initial
             })
             value.setSearchResults(filteredFiles)
           }
-          
+
         } catch (e) {
           console.log(e)
         }
diff --git a/libs/remix-ui/search/src/lib/reducers/Reducer.ts b/libs/remix-ui/search/src/lib/reducers/Reducer.ts
index c10efcf869..16fc81c3c3 100644
--- a/libs/remix-ui/search/src/lib/reducers/Reducer.ts
+++ b/libs/remix-ui/search/src/lib/reducers/Reducer.ts
@@ -25,7 +25,7 @@ export const SearchReducer = (state: SearchState = SearchingInitialState, action
       ...state,
       replaceEnabled: action.payload,
     }
-            
+
   case 'SET_INCLUDE':
     return {
       ...state,
@@ -46,7 +46,7 @@ export const SearchReducer = (state: SearchState = SearchingInitialState, action
       run: true
     }
   case 'SET_UNDO_ENABLED':
-    if(action.payload.workspace && state.undoBuffer[`${action.payload.workspace}/${action.payload.path}`]){
+    if (action.payload.workspace && state.undoBuffer[`${action.payload.workspace}/${action.payload.path}`]){
       state.undoBuffer[`${action.payload.workspace}/${action.payload.path}`].enabled = (action.payload.content === state.undoBuffer[`${action.payload.workspace}/${action.payload.path}`].newContent)
       state.undoBuffer[`${action.payload.workspace}/${action.payload.path}`].visible = (action.payload.content !== state.undoBuffer[`${action.payload.workspace}/${action.payload.path}`].oldContent)
     }
@@ -66,7 +66,7 @@ export const SearchReducer = (state: SearchState = SearchingInitialState, action
     state.undoBuffer[`${undoState.workspace}/${undoState.path}`] = undoState
     return {
       ...state,
-    }    
+    }
   }
   case 'CLEAR_STATS':
     return {
@@ -82,7 +82,7 @@ export const SearchReducer = (state: SearchState = SearchingInitialState, action
       ...state,
       searching: action.payload,
     }
-            
+
   case 'CLEAR_UNDO': {
     state.undoBuffer = []
     return {
@@ -99,8 +99,8 @@ export const SearchReducer = (state: SearchState = SearchingInitialState, action
         findFile.count = action.payload.count
       }
       state.searchResults.forEach(file => {
-        if (file.count) {          
-          count += file.count    
+        if (file.count) {
+          count += file.count
           fileCount++
         }
       })
@@ -164,7 +164,7 @@ export const SearchReducer = (state: SearchState = SearchingInitialState, action
     return {
       ...state,
       workspace: action.payload,
-    }            
+    }
   case 'RELOAD_FILE':
     if (state.searchResults) {
       const findFile = state.searchResults.find(file => file.filename === action.payload)
diff --git a/libs/remix-ui/search/src/lib/types/index.ts b/libs/remix-ui/search/src/lib/types/index.ts
index e624dc8307..81f81c8cb6 100644
--- a/libs/remix-ui/search/src/lib/types/index.ts
+++ b/libs/remix-ui/search/src/lib/types/index.ts
@@ -92,8 +92,6 @@ export const SearchingInitialState: SearchState = {
   run: false,
 }
 
-
-
 export interface SearchInWorkspaceOptions {
 	pattern: string
 	path: string
diff --git a/libs/remix-ui/settings/src/lib/etherscan-settings.tsx b/libs/remix-ui/settings/src/lib/etherscan-settings.tsx
index 707bb0ceb7..47ae4f3db6 100644
--- a/libs/remix-ui/settings/src/lib/etherscan-settings.tsx
+++ b/libs/remix-ui/settings/src/lib/etherscan-settings.tsx
@@ -1,9 +1,9 @@
-import {CopyToClipboard} from '@remix-ui/clipboard'
-import {CustomTooltip} from '@remix-ui/helper'
-import React, {useEffect, useState} from 'react'
-import {FormattedMessage, useIntl} from 'react-intl'
-import {EtherscanSettingsProps} from '../types'
-import {etherscanTokenLink} from './constants'
+import { CopyToClipboard } from '@remix-ui/clipboard'
+import { CustomTooltip } from '@remix-ui/helper'
+import React, { useEffect, useState } from 'react'
+import { FormattedMessage, useIntl } from 'react-intl'
+import { EtherscanSettingsProps } from '../types'
+import { etherscanTokenLink } from './constants'
 
 export function EtherscanSettings(props: EtherscanSettingsProps) {
   const [etherscanToken, setEtherscanToken] = useState<string>('')
@@ -62,7 +62,7 @@ export function EtherscanSettings(props: EtherscanSettingsProps) {
             />
             <div className="input-group-append">
               <CopyToClipboard
-                tip={intl.formatMessage({id: 'settings.copy'})}
+                tip={intl.formatMessage({ id: 'settings.copy' })}
                 content={etherscanToken}
                 data-id="copyToClipboardCopyIcon"
                 className="far fa-copy ml-1 p-2 mt-1"
@@ -79,7 +79,7 @@ export function EtherscanSettings(props: EtherscanSettingsProps) {
                 id="saveetherscantoken"
                 data-id="settingsTabSaveEtherscanToken"
                 onClick={saveEtherscanToken}
-                value={intl.formatMessage({id: 'settings.save'})}
+                value={intl.formatMessage({ id: 'settings.save' })}
                 type="button"
                 disabled={etherscanToken === ''}
               ></input>
diff --git a/libs/remix-ui/settings/src/lib/github-settings.tsx b/libs/remix-ui/settings/src/lib/github-settings.tsx
index 4cd6782ba4..5047232545 100644
--- a/libs/remix-ui/settings/src/lib/github-settings.tsx
+++ b/libs/remix-ui/settings/src/lib/github-settings.tsx
@@ -1,9 +1,9 @@
-import {CopyToClipboard} from '@remix-ui/clipboard'
-import {CustomTooltip} from '@remix-ui/helper'
-import React, {useEffect, useState} from 'react'
-import {FormattedMessage, useIntl} from 'react-intl'
-import {GithubSettingsProps} from '../types'
-import {gitAccessTokenLink} from './constants'
+import { CopyToClipboard } from '@remix-ui/clipboard'
+import { CustomTooltip } from '@remix-ui/helper'
+import React, { useEffect, useState } from 'react'
+import { FormattedMessage, useIntl } from 'react-intl'
+import { GithubSettingsProps } from '../types'
+import { gitAccessTokenLink } from './constants'
 
 export function GithubSettings(props: GithubSettingsProps) {
   const [githubToken, setGithubToken] = useState<string>('')
@@ -80,7 +80,7 @@ export function GithubSettings(props: GithubSettingsProps) {
             />
             <div className="input-group-append">
               <CopyToClipboard
-                tip={intl.formatMessage({id: 'settings.copy'})}
+                tip={intl.formatMessage({ id: 'settings.copy' })}
                 content={githubToken}
                 data-id="copyToClipboardCopyIcon"
                 className="far fa-copy ml-1 p-2 mt-1"
@@ -116,7 +116,7 @@ export function GithubSettings(props: GithubSettingsProps) {
                 id="savegisttoken"
                 data-id="settingsTabSaveGistToken"
                 onClick={saveGithubToken}
-                value={intl.formatMessage({id: 'settings.save'})}
+                value={intl.formatMessage({ id: 'settings.save' })}
                 type="button"
               ></input>
               <CustomTooltip
diff --git a/libs/remix-ui/settings/src/lib/remix-ui-settings.tsx b/libs/remix-ui/settings/src/lib/remix-ui-settings.tsx
index 2a8075f7a3..a4afd0b152 100644
--- a/libs/remix-ui/settings/src/lib/remix-ui-settings.tsx
+++ b/libs/remix-ui/settings/src/lib/remix-ui-settings.tsx
@@ -1,8 +1,8 @@
-import {ViewPlugin} from '@remixproject/engine-web'
+import { ViewPlugin } from '@remixproject/engine-web'
 import React, {useState, useRef, useReducer, useEffect, useCallback} from 'react' // eslint-disable-line
 
-import {AppModal, AlertModal, ModalTypes} from '@remix-ui/app'
-import {labels, textDark, textSecondary} from './constants'
+import { AppModal, AlertModal, ModalTypes } from '@remix-ui/app'
+import { labels, textDark, textSecondary } from './constants'
 
 import './remix-ui-settings.css'
 import {
@@ -22,14 +22,14 @@ import {
   useDisplayErrors,
   saveEnvState
 } from './settingsAction'
-import {initialState, toastInitialState, toastReducer, settingReducer} from './settingsReducer'
+import { initialState, toastInitialState, toastReducer, settingReducer } from './settingsReducer'
 import {Toaster} from '@remix-ui/toaster' // eslint-disable-line
-import {RemixUiThemeModule, ThemeModule} from '@remix-ui/theme-module'
-import {RemixUiLocaleModule, LocaleModule} from '@remix-ui/locale-module'
-import {FormattedMessage, useIntl} from 'react-intl'
-import {GithubSettings} from './github-settings'
-import {EtherscanSettings} from './etherscan-settings'
-import {SindriSettings} from './sindri-settings'
+import { RemixUiThemeModule, ThemeModule } from '@remix-ui/theme-module'
+import { RemixUiLocaleModule, LocaleModule } from '@remix-ui/locale-module'
+import { FormattedMessage, useIntl } from 'react-intl'
+import { GithubSettings } from './github-settings'
+import { EtherscanSettings } from './etherscan-settings'
+import { SindriSettings } from './sindri-settings'
 
 /* eslint-disable-next-line */
 export interface RemixUiSettingsProps {
@@ -77,19 +77,19 @@ export const RemixUiSettings = (props: RemixUiSettingsProps) => {
   }
   useEffect(() => initValue(), [resetState, props.config])
   useEffect(() => initValue(), [])
-  
+
   useEffect(() => {
     const token = props.config.get('settings/' + labels['gist'].key)
     if (token) {
       setTokenValue((prevState) => {
-        return {...prevState, gist: token}
+        return { ...prevState, gist: token }
       })
     }
 
     const etherscantoken = props.config.get('settings/' + labels['etherscan'].key)
     if (etherscantoken) {
       setTokenValue((prevState) => {
-        return {...prevState, etherscan: etherscantoken}
+        return { ...prevState, etherscan: etherscantoken }
       })
     }
     const configPrivateBeeAddress = props.config.get('settings/swarm-private-bee-address')
@@ -125,7 +125,7 @@ export const RemixUiSettings = (props: RemixUiSettingsProps) => {
 
   useEffect(() => {
     if (props.useMatomoAnalytics !== null) useMatomoAnalytics(props.config, props.useMatomoAnalytics, dispatch)
-  }, [props.useMatomoAnalytics])  
+  }, [props.useMatomoAnalytics])
 
   const onchangeGenerateContractMetadata = (event) => {
     generateContractMetadat(props.config, event.target.checked, dispatch)
@@ -138,15 +138,15 @@ export const RemixUiSettings = (props: RemixUiSettingsProps) => {
   const onchangeCopilotActivate = () => {
     if (!props.useCopilot) {
       copilotActivate(props.config, props.useCopilot, dispatch)
-      props.plugin.call('terminal', 'log', {type: 'typewriterlog', value: `Solidity copilot not activated!` })
+      props.plugin.call('terminal', 'log', { type: 'typewriterlog', value: `Solidity copilot not activated!` })
       return
-    } 
+    }
 
     const startCopilot = async () => {
-      copilotActivate(props.config, true, dispatch)          
-      props.plugin.call('terminal', 'log', {type: 'typewriterlog', value: `Solidity copilot activated!` })
+      copilotActivate(props.config, true, dispatch)
+      props.plugin.call('terminal', 'log', { type: 'typewriterlog', value: `Solidity copilot activated!` })
     }
-    
+
     startCopilot()
   }
 
@@ -385,7 +385,7 @@ export const RemixUiSettings = (props: RemixUiSettingsProps) => {
             id="saveswarmsettings"
             data-id="settingsTabSaveSwarmSettings"
             onClick={() => saveSwarmSettings()}
-            value={intl.formatMessage({id: 'settings.save'})}
+            value={intl.formatMessage({ id: 'settings.save' })}
             type="button"
             disabled={privateBeeAddress === ''}
           ></input>
@@ -461,7 +461,7 @@ export const RemixUiSettings = (props: RemixUiSettingsProps) => {
                 <label className={`form-check-label align-middle ${getTextClass('settings/copilot/suggest/max_new_tokens')}`} htmlFor="copilot-activate">
                   <FormattedMessage id="settings.copilot.max_new_tokens" /> - <span>{copilotMaxnewToken}</span>
                 </label>
-                <input onChange={onchangeCopilotMaxNewToken} id="copilot-max-new-token" value={copilotMaxnewToken} min='1' max='150' type="range" className="custom-range" />                
+                <input onChange={onchangeCopilotMaxNewToken} id="copilot-max-new-token" value={copilotMaxnewToken} min='1' max='150' type="range" className="custom-range" />
               </div>
             </div>
           </div>
@@ -474,7 +474,7 @@ export const RemixUiSettings = (props: RemixUiSettingsProps) => {
                 <label className={`form-check-label align-middle ${getTextClass('settings/copilot/suggest/temperature')}`} htmlFor="copilot-activate">
                   <FormattedMessage id="settings.copilot.temperature" /> - <span>{copilotTemperatureValue / 100}</span>
                 </label>
-                <input onChange={onchangeCopilotTemperature} id="copilot-temperature" value={copilotTemperatureValue} min='0' max='100' type="range" className="custom-range" />                
+                <input onChange={onchangeCopilotTemperature} id="copilot-temperature" value={copilotTemperatureValue} min='0' max='100' type="range" className="custom-range" />
               </div>
             </div>
           </div>
@@ -550,7 +550,7 @@ export const RemixUiSettings = (props: RemixUiSettingsProps) => {
             id="saveIpfssettings"
             data-id="settingsTabSaveIpfsSettings"
             onClick={() => saveIpfsSettings()}
-            value={intl.formatMessage({id: 'settings.save'})}
+            value={intl.formatMessage({ id: 'settings.save' })}
             type="button"
           ></input>
         </div>
@@ -597,7 +597,7 @@ export const RemixUiSettings = (props: RemixUiSettingsProps) => {
       {swarmSettings()}
       {ipfsSettings()}
       <RemixUiThemeModule themeModule={props._deps.themeModule} />
-      <RemixUiLocaleModule localeModule={props._deps.localeModule} />      
+      <RemixUiLocaleModule localeModule={props._deps.localeModule} />
     </div>
   )
 }
diff --git a/libs/remix-ui/settings/src/lib/settingsReducer.ts b/libs/remix-ui/settings/src/lib/settingsReducer.ts
index cfd8572f9e..e14b36b78d 100644
--- a/libs/remix-ui/settings/src/lib/settingsReducer.ts
+++ b/libs/remix-ui/settings/src/lib/settingsReducer.ts
@@ -117,7 +117,7 @@ export const settingReducer = (state, action) => {
     return {
       ...state
     }
-    
+
   case 'useAutoCompletion':
     state.elementState.map(element => {
       if (element.name === 'useAutoCompletion') {
@@ -192,7 +192,7 @@ export const settingReducer = (state, action) => {
   default:
     return initialState
   }
-  
+
 }
 
 export const toastInitialState = {
diff --git a/libs/remix-ui/settings/src/lib/sindri-settings.tsx b/libs/remix-ui/settings/src/lib/sindri-settings.tsx
index 703f3c5ff8..19495cf0f5 100644
--- a/libs/remix-ui/settings/src/lib/sindri-settings.tsx
+++ b/libs/remix-ui/settings/src/lib/sindri-settings.tsx
@@ -1,9 +1,9 @@
-import {CopyToClipboard} from '@remix-ui/clipboard'
-import {CustomTooltip} from '@remix-ui/helper'
-import React, {useEffect, useState} from 'react'
-import {FormattedMessage, useIntl} from 'react-intl'
-import {SindriSettingsProps} from '../types'
-import {sindriAccessTokenLink} from './constants'
+import { CopyToClipboard } from '@remix-ui/clipboard'
+import { CustomTooltip } from '@remix-ui/helper'
+import React, { useEffect, useState } from 'react'
+import { FormattedMessage, useIntl } from 'react-intl'
+import { SindriSettingsProps } from '../types'
+import { sindriAccessTokenLink } from './constants'
 
 export function SindriSettings(props: SindriSettingsProps) {
   const [sindriToken, setSindriToken] = useState<string>('')
@@ -55,14 +55,14 @@ export function SindriSettings(props: SindriSettingsProps) {
           <div className="input-group text-secondary mb-0 h6">
             <input id="sindriaccesstoken" data-id="settingsTabSindriAccessToken" type="password" className="form-control" onChange={(e) => handleChangeTokenState(e)} value={sindriToken} />
             <div className="input-group-append">
-              <CopyToClipboard tip={intl.formatMessage({id: 'settings.copy'})} content={sindriToken} data-id="copyToClipboardCopyIcon" className="far fa-copy ml-1 p-2 mt-1" direction={'top'} />
+              <CopyToClipboard tip={intl.formatMessage({ id: 'settings.copy' })} content={sindriToken} data-id="copyToClipboardCopyIcon" className="far fa-copy ml-1 p-2 mt-1" direction={'top'} />
             </div>
           </div>
         </div>
         <div>
           <div className="text-secondary mb-0 h6">
             <div className="d-flex justify-content-end pt-2">
-              <input className="btn btn-sm btn-primary ml-2" id="savesindritoken" data-id="settingsTabSaveSindriToken" onClick={saveSindriToken} value={intl.formatMessage({id: 'settings.save'})} type="button"></input>
+              <input className="btn btn-sm btn-primary ml-2" id="savesindritoken" data-id="settingsTabSaveSindriToken" onClick={saveSindriToken} value={intl.formatMessage({ id: 'settings.save' })} type="button"></input>
               <CustomTooltip tooltipText={<FormattedMessage id="settings.deleteSindriCredentials" />} tooltipClasses="text-nowrap" tooltipId="removesindritokenTooltip" placement="top-start">
                 <button className="btn btn-sm btn-secondary ml-2" id="removesindritoken" data-id="settingsTabRemoveSindriToken" onClick={removeToken}>
                   <FormattedMessage id="settings.remove" />
diff --git a/libs/remix-ui/solidity-compile-details/src/lib/components/solidityCompile.tsx b/libs/remix-ui/solidity-compile-details/src/lib/components/solidityCompile.tsx
index f951fe9a2e..c05249e3ed 100644
--- a/libs/remix-ui/solidity-compile-details/src/lib/components/solidityCompile.tsx
+++ b/libs/remix-ui/solidity-compile-details/src/lib/components/solidityCompile.tsx
@@ -6,7 +6,6 @@ import { TreeView, TreeViewItem } from '@remix-ui/tree-view'
 import { useIntl } from 'react-intl'
 const _paq = (window._paq = window._paq || [])
 
-
 export default function SolidityCompile({ contractProperties, selectedContract, help, insertValue, saveAs, plugin }: any) {
   const intl = useIntl()
   const downloadFn = () => {
@@ -17,7 +16,7 @@ export default function SolidityCompile({ contractProperties, selectedContract,
     <>
       <div className="d-flex justify-content-between align-items-center mr-1">
         <span className="lead">{selectedContract}</span>
-        <CustomTooltip tooltipText={intl.formatMessage({id: 'solidity.compileDetails'})}>
+        <CustomTooltip tooltipText={intl.formatMessage({ id: 'solidity.compileDetails' })}>
           <span className="btn btn-outline-success border-success mr-1" onClick={downloadFn}>Download</span>
         </CustomTooltip>
       </div>
@@ -26,7 +25,7 @@ export default function SolidityCompile({ contractProperties, selectedContract,
           {Object.keys(contractProperties).map((propertyName: ContractPropertyName, index) => {
             const copyDetails = (
               <span className="remixui_copyDetails">
-                <CopyToClipboard tip={intl.formatMessage({id: 'solidity.copy'})} content={contractProperties[propertyName]} direction="top" />
+                <CopyToClipboard tip={intl.formatMessage({ id: 'solidity.copy' })} content={contractProperties[propertyName]} direction="top" />
               </span>
             )
             const questionMark = (
diff --git a/libs/remix-ui/solidity-compiler/src/lib/api/compiler-api.ts b/libs/remix-ui/solidity-compiler/src/lib/api/compiler-api.ts
index 0528aeda0a..05deda0051 100644
--- a/libs/remix-ui/solidity-compiler/src/lib/api/compiler-api.ts
+++ b/libs/remix-ui/solidity-compiler/src/lib/api/compiler-api.ts
@@ -282,15 +282,14 @@ export const CompilerApiMixin = (Base) => class extends Base {
     this.on('fileManager', 'fileClosed', this.data.eventHandlers.onFileClosed)
 
     this.on('compilerloader', 'jsonBinDataLoaded', (urls: iSolJsonBinData) => {
-      try{
+      try {
         this.setSolJsonBinData(urls)
-      }catch(e){
+      } catch (e){
       }
       this.solJsonBinData = urls
     })
     this.call('compilerloader', 'getJsonBinData')
 
-
     this.data.eventHandlers.onCompilationFinished = async (success, data, source, input, version) => {
       this.compileErrors = data
       if (success) {
@@ -355,8 +354,8 @@ export const CompilerApiMixin = (Base) => class extends Base {
       if ((e.metaKey || e.ctrlKey) && !e.shiftKey && e.keyCode === 83 && this.currentFile !== '') {
         e.preventDefault()
         if (this.currentFile && (this.currentFile.endsWith('.sol') || this.currentFile.endsWith('.yul'))) {
-          if(await this.getAppParameter('hardhat-compilation')) this.compileTabLogic.runCompiler('hardhat')
-          else if(await this.getAppParameter('truffle-compilation')) this.compileTabLogic.runCompiler('truffle')
+          if (await this.getAppParameter('hardhat-compilation')) this.compileTabLogic.runCompiler('hardhat')
+          else if (await this.getAppParameter('truffle-compilation')) this.compileTabLogic.runCompiler('truffle')
           else this.compileTabLogic.runCompiler(undefined)
         } else if (this.currentFile && this.currentFile.endsWith('.circom')) {
           await this.call('circuit-compiler', 'compile', this.currentFile)
diff --git a/libs/remix-ui/solidity-compiler/src/lib/compiler-container.tsx b/libs/remix-ui/solidity-compiler/src/lib/compiler-container.tsx
index f2877f8629..9786e11fbf 100644
--- a/libs/remix-ui/solidity-compiler/src/lib/compiler-container.tsx
+++ b/libs/remix-ui/solidity-compiler/src/lib/compiler-container.tsx
@@ -1,15 +1,15 @@
 import React, {useEffect, useState, useRef, useReducer, useContext} from 'react' // eslint-disable-line
-import {FormattedMessage, useIntl} from 'react-intl'
+import { FormattedMessage, useIntl } from 'react-intl'
 import semver from 'semver'
-import {CompilerContainerProps} from './types'
-import {ConfigurationSettings} from '@remix-project/remix-lib'
-import {checkSpecialChars, CustomTooltip, extractNameFromKey} from '@remix-ui/helper'
-import {canUseWorker, urlFromVersion, pathToURL} from '@remix-project/remix-solidity'
-import {compilerReducer, compilerInitialState} from './reducers/compiler'
-import {listenToEvents} from './actions/compiler'
-import {getValidLanguage} from '@remix-project/remix-solidity'
-import {CopyToClipboard} from '@remix-ui/clipboard'
-import {configFileContent} from './compilerConfiguration'
+import { CompilerContainerProps } from './types'
+import { ConfigurationSettings } from '@remix-project/remix-lib'
+import { checkSpecialChars, CustomTooltip, extractNameFromKey } from '@remix-ui/helper'
+import { canUseWorker, urlFromVersion, pathToURL } from '@remix-project/remix-solidity'
+import { compilerReducer, compilerInitialState } from './reducers/compiler'
+import { listenToEvents } from './actions/compiler'
+import { getValidLanguage } from '@remix-project/remix-solidity'
+import { CopyToClipboard } from '@remix-ui/clipboard'
+import { configFileContent } from './compilerConfiguration'
 import { appPlatformTypes, platformContext, onLineContext } from '@remix-ui/app'
 import * as packageJson from '../../../../../package.json'
 
@@ -17,7 +17,6 @@ import './css/style.css'
 
 import { CompilerDropdown } from './components/compiler-dropdown'
 
-
 const defaultPath = 'compiler_config.json'
 
 declare global {
@@ -110,12 +109,12 @@ export const CompilerContainer = (props: CompilerContainerProps) => {
   }, [state.useFileConfiguration])
 
   useEffect(() => {
-    if(online && state.onlyDownloaded){
+    if (online && state.onlyDownloaded){
       // @ts-ignore
       api.call('compilerloader','getJsonBinData')
     }
     setState((prevState) => {
-      return {...prevState, onlyDownloaded: !online}
+      return { ...prevState, onlyDownloaded: !online }
     })
   },[online])
 
@@ -136,31 +135,30 @@ export const CompilerContainer = (props: CompilerContainerProps) => {
   }, [])
 
   useEffect(() => {
-    if(!solJsonBinData) return
-    if(!state.updatedVersionSelectorFromUrlQuery && solJsonBinData.binList && solJsonBinData.binList.length) {
+    if (!solJsonBinData) return
+    if (!state.updatedVersionSelectorFromUrlQuery && solJsonBinData.binList && solJsonBinData.binList.length) {
       const versionFromQueryParameter = getSelectVersionFromQueryParam()
       if (versionFromQueryParameter.isURL) _updateVersionSelector(state.defaultVersion, versionFromQueryParameter.selectedVersion)
-      else{
+      else {
         setState((prevState) => {
-          return {...prevState, selectedVersion: versionFromQueryParameter.selectedVersion}
+          return { ...prevState, selectedVersion: versionFromQueryParameter.selectedVersion }
         })
         updateCurrentVersion(versionFromQueryParameter.selectedVersion)
         _updateVersionSelector(versionFromQueryParameter.selectedVersion)
       }
       setState((prevState) => {
-        return {...prevState, updatedVersionSelectorFromUrlQuery: true}
+        return { ...prevState, updatedVersionSelectorFromUrlQuery: true }
       })
-    } else if(!solJsonBinData.binList || (solJsonBinData.binList && solJsonBinData.binList.length == 0)){
+    } else if (!solJsonBinData.binList || (solJsonBinData.binList && solJsonBinData.binList.length == 0)){
       const version = 'builtin'
       setState((prevState) => {
-        return {...prevState, selectedVersion: version}
+        return { ...prevState, selectedVersion: version }
       })
       updateCurrentVersion(version)
       _updateVersionSelector(version, '', false)
     }
   }, [solJsonBinData])
 
-
   useEffect(() => {
     const currentFileName = api.currentFile
     currentFile(currentFileName)
@@ -207,7 +205,7 @@ export const CompilerContainer = (props: CompilerContainerProps) => {
 
     setDisableCompileButton(isDisabled)
     setState((prevState) => {
-      return {...prevState, compiledFileName}
+      return { ...prevState, compiledFileName }
     })
   }, [compiledFileName])
 
@@ -241,7 +239,7 @@ export const CompilerContainer = (props: CompilerContainerProps) => {
       } else if (compilerContainer.editor.mode.startsWith('contentChanged')) {
         contentChanged()
         return
-      }      
+      }
     }
   }, [compilerContainer.editor.mode])
 
@@ -263,13 +261,13 @@ export const CompilerContainer = (props: CompilerContainerProps) => {
           if (!exists || state.useFileConfiguration) createNewConfigFile()
         })
         setState((prevState) => {
-          return {...prevState, createFileOnce: false}
+          return { ...prevState, createFileOnce: false }
         })
       }
 
     setState((prevState) => {
       api.setAppParameter('useFileConfiguration', !state.useFileConfiguration)
-      return {...prevState, useFileConfiguration: !state.useFileConfiguration}
+      return { ...prevState, useFileConfiguration: !state.useFileConfiguration }
     })
   }
 
@@ -307,12 +305,12 @@ export const CompilerContainer = (props: CompilerContainerProps) => {
         setShowFilePathInput(false)
       } else {
         modal(
-          intl.formatMessage({id: 'solidity.newConfigFileTitle'}),
-          intl.formatMessage({id: 'solidity.newConfigFileMessage'}, {configFilePathInput: configFilePathInput.current.value}),
-          intl.formatMessage({id: 'solidity.create'}),
+          intl.formatMessage({ id: 'solidity.newConfigFileTitle' }),
+          intl.formatMessage({ id: 'solidity.newConfigFileMessage' }, { configFilePathInput: configFilePathInput.current.value }),
+          intl.formatMessage({ id: 'solidity.create' }),
           async () => await createNewConfigFile(),
           false,
-          intl.formatMessage({id: 'solidity.cancel'}),
+          intl.formatMessage({ id: 'solidity.cancel' }),
           () => {
             setShowFilePathInput(false)
           }
@@ -351,12 +349,12 @@ export const CompilerContainer = (props: CompilerContainerProps) => {
           if (selectedVersionArr.length) selectedVersion = selectedVersionArr[0].path
         }
       }
-    
+
     } catch (e) {
-      tooltip(intl.formatMessage({id: 'solidity.tooltipText5'}) + e)
+      tooltip(intl.formatMessage({ id: 'solidity.tooltipText5' }) + e)
     }
 
-    return {selectedVersion, isURL}
+    return { selectedVersion, isURL }
   }
 
   /**
@@ -369,7 +367,7 @@ export const CompilerContainer = (props: CompilerContainerProps) => {
     const compiledFileName = name.split('/').pop()
 
     setState((prevState) => {
-      return {...prevState, compiledFileName}
+      return { ...prevState, compiledFileName }
     })
   }
 
@@ -398,9 +396,9 @@ export const CompilerContainer = (props: CompilerContainerProps) => {
           const compilerPath = solJsonBinData.selectorList.filter((obj) => !obj.prerelease && obj.version === compilerToLoad)[0].path
           if (state.selectedVersion !== compilerPath) {
             // @ts-ignore
-            api.call('notification', 'toast', intl.formatMessage({id: 'solidity.toastMessage'}, {version: _retrieveVersion(compilerPath)}))
+            api.call('notification', 'toast', intl.formatMessage({ id: 'solidity.toastMessage' }, { version: _retrieveVersion(compilerPath) }))
             setState((prevState) => {
-              return {...prevState, selectedVersion: compilerPath}
+              return { ...prevState, selectedVersion: compilerPath }
             })
             _updateVersionSelector(compilerPath)
           }
@@ -442,12 +440,12 @@ export const CompilerContainer = (props: CompilerContainerProps) => {
 
   const loadingCompiler = () => {
     if (!compileIcon.current) return
-    compileIcon.current.setAttribute('title', intl.formatMessage({id: 'solidity.compileIconAttribute'}))
+    compileIcon.current.setAttribute('title', intl.formatMessage({ id: 'solidity.compileIconAttribute' }))
     compileIcon.current.classList.add('remixui_spinningIcon')
     setState((prevState) => {
       return {
         ...prevState,
-        compilerLicense: intl.formatMessage({id: 'solidity.compilerLicenseMsg1'})
+        compilerLicense: intl.formatMessage({ id: 'solidity.compilerLicenseMsg1' })
       }
     })
     _updateLanguageSelector()
@@ -461,7 +459,7 @@ export const CompilerContainer = (props: CompilerContainerProps) => {
     setState((prevState) => {
       return {
         ...prevState,
-        compilerLicense: license ? license : intl.formatMessage({id: 'solidity.compilerLicenseMsg2'})
+        compilerLicense: license ? license : intl.formatMessage({ id: 'solidity.compilerLicenseMsg2' })
       }
     })
     if (state.autoCompile) compile()
@@ -492,7 +490,7 @@ export const CompilerContainer = (props: CompilerContainerProps) => {
       _paq.push(['trackEvent', 'compiler', 'compiled', 'with_version_' + _retrieveVersion()])
       if (state.autoCompile && state.matomoAutocompileOnce) {
         setState((prevState) => {
-          return {...prevState, matomoAutocompileOnce: false}
+          return { ...prevState, matomoAutocompileOnce: false }
         })
       }
     }
@@ -506,7 +504,7 @@ export const CompilerContainer = (props: CompilerContainerProps) => {
     }, state.timeout)
 
     setState((prevState) => {
-      return {...prevState, compileTimeout}
+      return { ...prevState, compileTimeout }
     })
   }
 
@@ -539,12 +537,12 @@ export const CompilerContainer = (props: CompilerContainerProps) => {
     if (!selectedVersion || !_shouldBeAdded(selectedVersion)) {
       selectedVersion = state.defaultVersion
       setState((prevState) => {
-        return {...prevState, selectedVersion}
+        return { ...prevState, selectedVersion }
       })
     }
     updateCurrentVersion(selectedVersion)
-    if(setQueryParameter)
-      api.setCompilerQueryParameters({version: selectedVersion})
+    if (setQueryParameter)
+      api.setCompilerQueryParameters({ version: selectedVersion })
     let url
 
     if (customUrl !== '') {
@@ -558,8 +556,8 @@ export const CompilerContainer = (props: CompilerContainerProps) => {
       })
       updateCurrentVersion(selectedVersion)
       url = customUrl
-      if(setQueryParameter)
-        api.setCompilerQueryParameters({version: selectedVersion})
+      if (setQueryParameter)
+        api.setCompilerQueryParameters({ version: selectedVersion })
     } else {
       if (checkSpecialChars(selectedVersion)) {
         return console.log('loading ' + selectedVersion + ' not allowed, special chars not allowed.')
@@ -593,19 +591,19 @@ export const CompilerContainer = (props: CompilerContainerProps) => {
         id: 'solidity.addACustomCompiler'
       }),
       promptMessage('URL'),
-      intl.formatMessage({id: 'solidity.ok'}),
+      intl.formatMessage({ id: 'solidity.ok' }),
       addCustomCompiler,
       false,
-      intl.formatMessage({id: 'solidity.cancel'}),
+      intl.formatMessage({ id: 'solidity.cancel' }),
       () => {}
     )
   }
 
   const showCompilerLicense = () => {
     modal(
-      intl.formatMessage({id: 'solidity.compilerLicense'}),
-      state.compilerLicense ? state.compilerLicense : intl.formatMessage({id: 'solidity.compilerLicenseMsg3'}),
-      intl.formatMessage({id: 'solidity.ok'}),
+      intl.formatMessage({ id: 'solidity.compilerLicense' }),
+      state.compilerLicense ? state.compilerLicense : intl.formatMessage({ id: 'solidity.compilerLicenseMsg3' }),
+      intl.formatMessage({ id: 'solidity.ok' }),
       () => {}
     )
   }
@@ -623,15 +621,15 @@ export const CompilerContainer = (props: CompilerContainerProps) => {
     const url = promptMessageInput.current.value
 
     setState((prevState) => {
-      return {...prevState, selectedVersion: url}
+      return { ...prevState, selectedVersion: url }
     })
     _updateVersionSelector(state.defaultVersion, url)
   }
 
   const handleLoadVersion = (value) => {
-    if(value !== 'builtin' && !pathToURL[value]) return
+    if (value !== 'builtin' && !pathToURL[value]) return
     setState((prevState) => {
-      return {...prevState, selectedVersion: value, matomoAutocompileOnce: true}
+      return { ...prevState, selectedVersion: value, matomoAutocompileOnce: true }
     })
     updateCurrentVersion(value)
     _updateVersionSelector(value)
@@ -672,7 +670,7 @@ export const CompilerContainer = (props: CompilerContainerProps) => {
     }
     state.autoCompile && compile()
     setState((prevState) => {
-      return {...prevState, optimize: checked}
+      return { ...prevState, optimize: checked }
     })
   }
 
@@ -682,7 +680,7 @@ export const CompilerContainer = (props: CompilerContainerProps) => {
     compileTabLogic.setRuns(parseInt(runs))
     state.autoCompile && compile()
     setState((prevState) => {
-      return {...prevState, runs}
+      return { ...prevState, runs }
     })
   }
 
@@ -692,7 +690,7 @@ export const CompilerContainer = (props: CompilerContainerProps) => {
     api.setAppParameter('hideWarnings', checked)
     state.autoCompile && compile()
     setState((prevState) => {
-      return {...prevState, hideWarnings: checked}
+      return { ...prevState, hideWarnings: checked }
     })
   }
 
@@ -702,7 +700,7 @@ export const CompilerContainer = (props: CompilerContainerProps) => {
     if (!checked) handleLoadVersion(state.defaultVersion)
     api.setAppParameter('includeNightlies', checked)
     setState((prevState) => {
-      return {...prevState, includeNightlies: checked}
+      return { ...prevState, includeNightlies: checked }
     })
   }
 
@@ -710,7 +708,7 @@ export const CompilerContainer = (props: CompilerContainerProps) => {
     const checked = e.target.checked
     if (!checked) handleLoadVersion(state.defaultVersion)
     setState((prevState) => {
-      return {...prevState, onlyDownloaded: checked}
+      return { ...prevState, onlyDownloaded: checked }
     })
   }
 
@@ -718,7 +716,7 @@ export const CompilerContainer = (props: CompilerContainerProps) => {
     compileTabLogic.setLanguage(value)
     state.autoCompile && compile()
     setState((prevState) => {
-      return {...prevState, language: value}
+      return { ...prevState, language: value }
     })
   }
 
@@ -731,7 +729,7 @@ export const CompilerContainer = (props: CompilerContainerProps) => {
     compileTabLogic.setEvmVersion(v)
     state.autoCompile && compile()
     setState((prevState) => {
-      return {...prevState, evmVersion: value}
+      return { ...prevState, evmVersion: value }
     })
   }
 
@@ -807,7 +805,7 @@ export const CompilerContainer = (props: CompilerContainerProps) => {
               <FormattedMessage id="solidity.includeNightlyBuilds" />
             </label>
           </div>
-          {platform === appPlatformTypes.desktop ?     
+          {platform === appPlatformTypes.desktop ?
             <div className="mb-2 flex-row-reverse remixui_nightlyBuilds custom-control custom-checkbox">
               <input className="mr-2 custom-control-input" id="downloadedcompilers" type="checkbox" onChange={handleOnlyDownloadedChange} checked={state.onlyDownloaded} />
               <label htmlFor="downloadedcompilers" data-id="compilerNightliesBuild" className="form-check-label custom-control-label">
@@ -860,12 +858,12 @@ export const CompilerContainer = (props: CompilerContainerProps) => {
                   tooltipClasses="text-nowrap"
                   tooltipId="overlay-tooltip-hardhat"
                   tooltipText={
-                    <span className="border bg-light text-dark p-1 pr-3" style={{minWidth: '230px'}}>
+                    <span className="border bg-light text-dark p-1 pr-3" style={{ minWidth: '230px' }}>
                       <FormattedMessage id="solidity.learnHardhat" />
                     </span>
                   }
                 >
-                  <i style={{fontSize: 'medium'}} className={'ml-2 fal fa-info-circle'} aria-hidden="true"></i>
+                  <i style={{ fontSize: 'medium' }} className={'ml-2 fal fa-info-circle'} aria-hidden="true"></i>
                 </CustomTooltip>
               </a>
             </div>
@@ -889,12 +887,12 @@ export const CompilerContainer = (props: CompilerContainerProps) => {
                   tooltipClasses="text-nowrap"
                   tooltipId="overlay-tooltip-truffle"
                   tooltipText={
-                    <span className="border bg-light text-dark p-1 pr-3" style={{minWidth: '230px'}}>
+                    <span className="border bg-light text-dark p-1 pr-3" style={{ minWidth: '230px' }}>
                       <FormattedMessage id="solidity.learnTruffle" />
                     </span>
                   }
                 >
-                  <i style={{fontSize: 'medium'}} className={'ml-2 fal fa-info-circle'} aria-hidden="true"></i>
+                  <i style={{ fontSize: 'medium' }} className={'ml-2 fal fa-info-circle'} aria-hidden="true"></i>
                 </CustomTooltip>
               </a>
             </div>
@@ -1003,7 +1001,7 @@ export const CompilerContainer = (props: CompilerContainerProps) => {
                   placeholder="200"
                   value={state.runs}
                   type="number"
-                  title={intl.formatMessage({id: 'solidity.inputTitle2'})}
+                  title={intl.formatMessage({ id: 'solidity.inputTitle2' })}
                   onChange={(e) => onChangeRuns(e.target.value)}
                   disabled={!state.optimize || state.useFileConfiguration}
                 />
@@ -1046,7 +1044,7 @@ export const CompilerContainer = (props: CompilerContainerProps) => {
                   }
                   className="py-2 remixui_compilerConfigPath"
                 >
-                  {configFilePath === '' ? intl.formatMessage({id: 'solidity.noFileSelected1'}) : configFilePath}
+                  {configFilePath === '' ? intl.formatMessage({ id: 'solidity.noFileSelected1' }) : configFilePath}
                 </span>
               </CustomTooltip>
             )}
@@ -1055,7 +1053,7 @@ export const CompilerContainer = (props: CompilerContainerProps) => {
               ref={configFilePathInput}
               className={`py-0 my-0 form-control ${showFilePathInput ? 'd-flex' : 'd-none'}`}
               placeholder={'/folder_path/file_name.json'}
-              title={intl.formatMessage({id: 'solidity.inputTitle1'})}
+              title={intl.formatMessage({ id: 'solidity.inputTitle1' })}
               disabled={!state.useFileConfiguration}
               data-id="scConfigFilePathInput"
               onKeyPress={(event) => {
@@ -1177,7 +1175,7 @@ export const CompilerContainer = (props: CompilerContainerProps) => {
                 <i className="pl-2 ml-2 fas fa-info text-dark"></i>
               </a>
             </CustomTooltip>
-            <CopyToClipboard tip={intl.formatMessage({id: 'solidity.copyNatSpecTag'})} getContent={() => '@custom:dev-run-script file_path'} direction="top">
+            <CopyToClipboard tip={intl.formatMessage({ id: 'solidity.copyNatSpecTag' })} getContent={() => '@custom:dev-run-script file_path'} direction="top">
               <button className="btn remixui_copyButton  ml-2 my-1 text-dark">
                 <i className="remixui_copyIcon far fa-copy" aria-hidden="true"></i>
               </button>
diff --git a/libs/remix-ui/solidity-compiler/src/lib/components/compiler-menu.tsx b/libs/remix-ui/solidity-compiler/src/lib/components/compiler-menu.tsx
index 3f9414b291..4a3e3f6c91 100644
--- a/libs/remix-ui/solidity-compiler/src/lib/components/compiler-menu.tsx
+++ b/libs/remix-ui/solidity-compiler/src/lib/components/compiler-menu.tsx
@@ -19,7 +19,7 @@ export const CompilerMenu = React.forwardRef(
     const height = window.innerHeight * 0.6
     return (
       <div ref={ref} style={style} className={className} aria-labelledby={labeledBy} data-id={dataId}>
-        <ul className="list-unstyled mb-0" style={{maxHeight: height + 'px',overflowY:'auto'}}>
+        <ul className="list-unstyled mb-0" style={{ maxHeight: height + 'px',overflowY:'auto' }}>
           {children}
         </ul>
       </div>
diff --git a/libs/remix-ui/solidity-compiler/src/lib/contract-selection.tsx b/libs/remix-ui/solidity-compiler/src/lib/contract-selection.tsx
index adc4017986..3a86ac3721 100644
--- a/libs/remix-ui/solidity-compiler/src/lib/contract-selection.tsx
+++ b/libs/remix-ui/solidity-compiler/src/lib/contract-selection.tsx
@@ -1,17 +1,17 @@
 import React, {useState, useEffect} from 'react' // eslint-disable-line
-import {FormattedMessage, useIntl} from 'react-intl'
-import {ContractPropertyName, ContractSelectionProps} from './types'
+import { FormattedMessage, useIntl } from 'react-intl'
+import { ContractPropertyName, ContractSelectionProps } from './types'
 import {PublishToStorage} from '@remix-ui/publish-to-storage' // eslint-disable-line
 import {TreeView, TreeViewItem} from '@remix-ui/tree-view' // eslint-disable-line
 import {CopyToClipboard} from '@remix-ui/clipboard' // eslint-disable-line
-import {saveAs} from 'file-saver'
+import { saveAs } from 'file-saver'
 
 import './css/style.css'
-import {CustomTooltip} from '@remix-ui/helper'
+import { CustomTooltip } from '@remix-ui/helper'
 const _paq = (window._paq = window._paq || [])
 
 export const ContractSelection = (props: ContractSelectionProps) => {
-  const {api, compiledFileName, contractsDetails, contractList, compilerInput, modal} = props
+  const { api, compiledFileName, contractsDetails, contractList, compilerInput, modal } = props
   const [selectedContract, setSelectedContract] = useState('')
   const [storage, setStorage] = useState(null)
 
@@ -104,10 +104,10 @@ export const ContractSelection = (props: ContractSelectionProps) => {
   }
 
   const extractData = (item) => {
-    const ret = {children: null, self: null}
+    const ret = { children: null, self: null }
 
     if (item instanceof Array) {
-      ret.children = item.map((item, index) => ({key: index, value: item}))
+      ret.children = item.map((item, index) => ({ key: index, value: item }))
       ret.self = ''
     } else if (item instanceof Object) {
       ret.children = Object.keys(item).map((key) => ({
@@ -200,7 +200,7 @@ export const ContractSelection = (props: ContractSelectionProps) => {
           {Object.keys(contractProperties).map((propertyName: ContractPropertyName, index) => {
             const copyDetails = (
               <span className="remixui_copyDetails">
-                <CopyToClipboard tip={intl.formatMessage({id: 'solidity.copy'})} content={contractProperties[propertyName]} direction="top" />
+                <CopyToClipboard tip={intl.formatMessage({ id: 'solidity.copy' })} content={contractProperties[propertyName]} direction="top" />
               </span>
             )
             const questionMark = (
@@ -256,7 +256,7 @@ export const ContractSelection = (props: ContractSelectionProps) => {
               <FormattedMessage id="solidity.contract" />
             </label>
             <select onChange={(e) => handleContractChange(e.target.value)} value={selectedContract} data-id="compiledContracts" id="compiledContracts" className="custom-select">
-              {contractList.map(({name, file}, index) => (
+              {contractList.map(({ name, file }, index) => (
                 <option value={name} key={index}>
                   {name} ({file})
                 </option>
@@ -334,13 +334,13 @@ export const ContractSelection = (props: ContractSelectionProps) => {
             <div className="remixui_contractHelperButtons">
               <div className="input-group">
                 <div className="btn-group" role="group" aria-label="Copy to Clipboard">
-                  <CopyToClipboard tip={intl.formatMessage({id: 'solidity.copyABI'})} getContent={copyABI} direction="top">
+                  <CopyToClipboard tip={intl.formatMessage({ id: 'solidity.copyABI' })} getContent={copyABI} direction="top">
                     <button className="btn remixui_copyButton">
                       <i className="remixui_copyIcon far fa-copy" aria-hidden="true"></i>
                       <span>ABI</span>
                     </button>
                   </CopyToClipboard>
-                  <CopyToClipboard tip={intl.formatMessage({id: 'solidity.copyBytecode'})} getContent={copyBytecode} direction="top">
+                  <CopyToClipboard tip={intl.formatMessage({ id: 'solidity.copyBytecode' })} getContent={copyBytecode} direction="top">
                     <button className="btn remixui_copyButton">
                       <i className="remixui_copyIcon far fa-copy" aria-hidden="true"></i>
                       <span>Bytecode</span>
diff --git a/libs/remix-ui/solidity-compiler/src/lib/logic/compileTabLogic.ts b/libs/remix-ui/solidity-compiler/src/lib/logic/compileTabLogic.ts
index 3a2c80dceb..b1125a6f09 100644
--- a/libs/remix-ui/solidity-compiler/src/lib/logic/compileTabLogic.ts
+++ b/libs/remix-ui/solidity-compiler/src/lib/logic/compileTabLogic.ts
@@ -1,5 +1,5 @@
 import { ICompilerApi } from '@remix-project/remix-lib'
-import { getValidLanguage, Compiler} from '@remix-project/remix-solidity'
+import { getValidLanguage, Compiler } from '@remix-project/remix-solidity'
 import { EventEmitter } from 'events'
 
 declare global {
@@ -11,7 +11,7 @@ const _paq = window._paq = window._paq || []  //eslint-disable-line
 
 export class CompileTabLogic {
   public compiler
-  public api:  ICompilerApi
+  public api: ICompilerApi
   public contentImport
   public optimize
   public runs
@@ -43,9 +43,9 @@ export class CompileTabLogic {
 
     this.evmVersion = this.api.getCompilerQueryParameters().evmVersion
     if (
-      this.evmVersion === 'undefined' || 
-      this.evmVersion === 'null' || 
-      !this.evmVersion || 
+      this.evmVersion === 'undefined' ||
+      this.evmVersion === 'null' ||
+      !this.evmVersion ||
       !this.evmVersions.includes(this.evmVersion)) {
       this.evmVersion = null
     }
@@ -110,7 +110,7 @@ export class CompileTabLogic {
         const sources = { [target]: { content } }
         this.event.emit('removeAnnotations')
         this.event.emit('startingCompilation')
-        if(await this.api.fileExists('remappings.txt')) {
+        if (await this.api.fileExists('remappings.txt')) {
           this.api.readFile('remappings.txt').then(remappings => {
             this.compiler.set('remappings', remappings.split('\n').filter(Boolean))
           })
diff --git a/libs/remix-ui/solidity-compiler/src/lib/logic/flattenerUtilities.ts b/libs/remix-ui/solidity-compiler/src/lib/logic/flattenerUtilities.ts
index 7dadf6fa54..2ff814125a 100644
--- a/libs/remix-ui/solidity-compiler/src/lib/logic/flattenerUtilities.ts
+++ b/libs/remix-ui/solidity-compiler/src/lib/logic/flattenerUtilities.ts
@@ -1,4 +1,4 @@
-import type {CompilationSource, AstNode} from '@remix-project/remix-solidity'
+import type { CompilationSource, AstNode } from '@remix-project/remix-solidity'
 
 const IMPORT_SOLIDITY_REGEX = /^\s*import(\s+).*$/gm;
 const SPDX_SOLIDITY_REGEX = /^\s*\/\/ SPDX-License-Identifier:.*$/gm;
@@ -71,23 +71,23 @@ class Graph {
     const self = this;
     // eslint-disable-next-line prefer-rest-params
     let items = [].slice.call(arguments);
-  
+
     if (items.length === 1 && Array.isArray(items[0]))
       items = items[0];
-  
+
     items.forEach(function (item) {
       if (!self.nodes[item]) {
         self.nodes[item] = [];
       }
     });
-  
+
     for (let i = 1; i < items.length; i++) {
       const from = items[i];
       const to = items[i - 1];
-  
+
       self.nodes[from].push(to);
     }
-  
+
     return self;
   }
 
@@ -96,30 +96,30 @@ class Graph {
   sort () {
     const self = this;
     const nodes = Object.keys(this.nodes);
-  
+
     const sorted = [];
     const marks = {};
-  
+
     for (let i = 0; i < nodes.length; i++) {
       const node = nodes[i];
-  
+
       if (!marks[node]) {
         visit(node);
       }
     }
-  
+
     return sorted;
-  
+
     function visit(node) {
       if (marks[node] === 'temp')
         throw new Error("There is a cycle in the graph. It is not possible to derive a topological sort.");
       else if (marks[node])
         return;
-  
+
       marks[node] = 'temp';
       self.nodes[node].forEach(visit);
       marks[node] = 'perm';
-  
+
       sorted.push(node);
     }
   }
@@ -185,7 +185,7 @@ export function normalizeContractPath(contractPath: string): string[] {
   const filename = paths[paths.length - 1].split('.')[0]
   let folders = ''
   for (let i = 0; i < paths.length - 1; i++) {
-    if(i !== paths.length -1) {
+    if (i !== paths.length -1) {
       folders += `${paths[i]}/`
     }
   }
diff --git a/libs/remix-ui/solidity-compiler/src/lib/solidity-compiler.tsx b/libs/remix-ui/solidity-compiler/src/lib/solidity-compiler.tsx
index c315718ff0..46f13d3047 100644
--- a/libs/remix-ui/solidity-compiler/src/lib/solidity-compiler.tsx
+++ b/libs/remix-ui/solidity-compiler/src/lib/solidity-compiler.tsx
@@ -158,7 +158,7 @@ export const SolidityCompiler = (props: SolidityCompilerProps) => {
     }
     const binVersions = [...data.binList]
     const selectorList = binVersions
-    
+
     const wasmVersions = data.wasmList
     selectorList.forEach((compiler, index) => {
       const wasmIndex = wasmVersions.findIndex((wasmCompiler) => {
@@ -181,7 +181,6 @@ export const SolidityCompiler = (props: SolidityCompilerProps) => {
     })
   }
 
-
   const setConfigFilePath = (path: string) => {
     setState((prevState) => {
       return { ...prevState, configFilePath: path }
@@ -250,7 +249,7 @@ export const SolidityCompiler = (props: SolidityCompilerProps) => {
   )
 
   useEffect(() => {
-    if(!state.solJsonBinData && api.solJsonBinData){
+    if (!state.solJsonBinData && api.solJsonBinData){
       setSolJsonBinData(api.solJsonBinData)
     }
   },[])
diff --git a/libs/remix-ui/solidity-compiler/src/lib/types/index.ts b/libs/remix-ui/solidity-compiler/src/lib/types/index.ts
index 691a63150c..0fddf47892 100644
--- a/libs/remix-ui/solidity-compiler/src/lib/types/index.ts
+++ b/libs/remix-ui/solidity-compiler/src/lib/types/index.ts
@@ -24,7 +24,6 @@ export interface CompilerContainerProps {
   solJsonBinData: iSolJsonBinData
 }
 
-
 export interface ContractSelectionProps {
   api: ICompilerApi,
   compiledFileName: string,
diff --git a/libs/remix-ui/solidity-uml-gen/src/lib/components/UmlDownload.tsx b/libs/remix-ui/solidity-uml-gen/src/lib/components/UmlDownload.tsx
index 33636b8207..78da550c3f 100644
--- a/libs/remix-ui/solidity-uml-gen/src/lib/components/UmlDownload.tsx
+++ b/libs/remix-ui/solidity-uml-gen/src/lib/components/UmlDownload.tsx
@@ -1,8 +1,8 @@
-import {CustomTooltip} from '@remix-ui/helper'
-import React, {Fragment, Ref} from 'react'
-import {FormattedMessage} from 'react-intl'
-import {Dropdown} from 'react-bootstrap'
-import {UmlFileType} from '../utilities/UmlDownloadStrategy'
+import { CustomTooltip } from '@remix-ui/helper'
+import React, { Fragment, Ref } from 'react'
+import { FormattedMessage } from 'react-intl'
+import { Dropdown } from 'react-bootstrap'
+import { UmlFileType } from '../utilities/UmlDownloadStrategy'
 
 const _paq = (window._paq = window._paq || [])
 
@@ -52,7 +52,7 @@ export const UmlCustomMenu = React.forwardRef(
     const height = window.innerHeight * 0.6
     return (
       <div ref={ref} style={style} className={className} aria-labelledby={labeledBy}>
-        <ul className="overflow-auto list-unstyled mb-0" style={{maxHeight: height + 'px'}}>
+        <ul className="overflow-auto list-unstyled mb-0" style={{ maxHeight: height + 'px' }}>
           {children}
         </ul>
       </div>
diff --git a/libs/remix-ui/solidity-uml-gen/src/lib/solidity-uml-gen.tsx b/libs/remix-ui/solidity-uml-gen/src/lib/solidity-uml-gen.tsx
index 95893b64e1..3dd6b7c6b6 100644
--- a/libs/remix-ui/solidity-uml-gen/src/lib/solidity-uml-gen.tsx
+++ b/libs/remix-ui/solidity-uml-gen/src/lib/solidity-uml-gen.tsx
@@ -1,11 +1,11 @@
-import React, {Fragment, useCallback, useEffect, useState} from 'react'
-import {FormattedMessage} from 'react-intl'
-import {TransformComponent, TransformWrapper} from 'react-zoom-pan-pinch'
-import {GlassMagnifier, MagnifierContainer} from '@ricarso/react-image-magnifiers'
-import {ThemeSummary} from '../types'
+import React, { Fragment, useCallback, useEffect, useState } from 'react'
+import { FormattedMessage } from 'react-intl'
+import { TransformComponent, TransformWrapper } from 'react-zoom-pan-pinch'
+import { GlassMagnifier, MagnifierContainer } from '@ricarso/react-image-magnifiers'
+import { ThemeSummary } from '../types'
 import UmlDownload from './components/UmlDownload'
 import './css/solidity-uml-gen.css'
-import {UmlDownloadContext, UmlFileType} from './utilities/UmlDownloadStrategy'
+import { UmlDownloadContext, UmlFileType } from './utilities/UmlDownloadStrategy'
 export interface RemixUiSolidityUmlGenProps {
   updatedSvg?: string
   loading?: boolean
@@ -25,7 +25,7 @@ interface ActionButtonsProps {
 }
 
 let umlCopy = ''
-export function RemixUiSolidityUmlGen({updatedSvg, loading, fileName, themeDark}: RemixUiSolidityUmlGenProps) {
+export function RemixUiSolidityUmlGen({ updatedSvg, loading, fileName, themeDark }: RemixUiSolidityUmlGenProps) {
   const [showViewer, setShowViewer] = useState(false)
   const [validSvg, setValidSvg] = useState(false)
   const umlDownloader = new UmlDownloadContext()
@@ -52,10 +52,10 @@ export function RemixUiSolidityUmlGen({updatedSvg, loading, fileName, themeDark}
     [updatedSvg, fileName]
   )
 
-  function ActionButtons({actions: {zoomIn, zoomOut, resetTransform}}: ActionButtonsProps) {
+  function ActionButtons({ actions: { zoomIn, zoomOut, resetTransform } }: ActionButtonsProps) {
     return (
       <>
-        <div className="position-absolute bg-transparent mt-2" id="buttons" style={{zIndex: 3, top: '10', right: '2em'}}>
+        <div className="position-absolute bg-transparent mt-2" id="buttons" style={{ zIndex: 3, top: '10', right: '2em' }}>
           <div className="py-2 px-2 d-flex justify-content-center align-items-center">
             <UmlDownload download={download} />
             <button data-id="umlZoominbtn" className="badge badge-info remixui_no-shadow p-2 rounded-circle mr-2" onClick={() => zoomIn()}>
@@ -107,10 +107,10 @@ export function RemixUiSolidityUmlGen({updatedSvg, loading, fileName, themeDark}
         {validSvg && showViewer ? (
           <MagnifierContainer>
             <TransformWrapper initialScale={1}>
-              {({zoomIn, zoomOut, resetTransform}) => (
+              {({ zoomIn, zoomOut, resetTransform }) => (
                 <Fragment>
-                  <ActionButtons actions={{zoomIn, zoomOut, resetTransform}} />
-                  <TransformComponent contentStyle={{zIndex: 2}}>
+                  <ActionButtons actions={{ zoomIn, zoomOut, resetTransform }} />
+                  <TransformComponent contentStyle={{ zIndex: 2 }}>
                     <GlassMagnifier imageSrc={`data:image/svg+xml;base64,${final}`} magnifierSize={300} magnifierBorderSize={3} magnifierBorderColor={themeDark} square />
                   </TransformComponent>
                 </Fragment>
diff --git a/libs/remix-ui/solidity-uml-gen/src/lib/utilities/UmlDownloadStrategy.ts b/libs/remix-ui/solidity-uml-gen/src/lib/utilities/UmlDownloadStrategy.ts
index 18f82c5ca4..d1e0ad81f9 100644
--- a/libs/remix-ui/solidity-uml-gen/src/lib/utilities/UmlDownloadStrategy.ts
+++ b/libs/remix-ui/solidity-uml-gen/src/lib/utilities/UmlDownloadStrategy.ts
@@ -24,7 +24,7 @@ class PdfUmlDownloadStrategy implements IUmlDownloadStrategy {
       canvas.style.height = `${canvasHeight}px`
       canvas.style.margin = '0'
       canvas.style.padding = '0'
-      const orientation =  canvasWidth > canvasHeight ? 'landscape' : 'portrait'
+      const orientation = canvasWidth > canvasHeight ? 'landscape' : 'portrait'
       ctx.scale(window.devicePixelRatio, window.devicePixelRatio)
       ctx.drawImage(img, 0, 0, Math.round(img.naturalWidth/scale), Math.round(img.naturalHeight/scale))
       if (doc === null || doc === undefined) {
diff --git a/libs/remix-ui/solidity-uml-gen/src/types/index.ts b/libs/remix-ui/solidity-uml-gen/src/types/index.ts
index a90b9340d6..f3583ce991 100644
--- a/libs/remix-ui/solidity-uml-gen/src/types/index.ts
+++ b/libs/remix-ui/solidity-uml-gen/src/types/index.ts
@@ -1,6 +1,6 @@
 import { ViewPlugin } from '@remixproject/engine-web'
 import { customAction } from '@remixproject/plugin-api'
-import type {CompilerInput} from '@remix-project/remix-solidity'
+import type { CompilerInput } from '@remix-project/remix-solidity'
 import React from 'react'
 
 export interface ISolidityUmlGen extends ViewPlugin {
diff --git a/libs/remix-ui/solidity-unit-testing/src/lib/logic/testTabLogic.ts b/libs/remix-ui/solidity-unit-testing/src/lib/logic/testTabLogic.ts
index 79954f42de..b969bddd6c 100644
--- a/libs/remix-ui/solidity-unit-testing/src/lib/logic/testTabLogic.ts
+++ b/libs/remix-ui/solidity-unit-testing/src/lib/logic/testTabLogic.ts
@@ -13,7 +13,7 @@ export class TestTabLogic {
   }
 
   setCurrentPath (path: string) {
-    if (path === '/') { 
+    if (path === '/') {
       this.currentPath = '/'
       return
     }
@@ -27,7 +27,7 @@ export class TestTabLogic {
     if (!path || !(/\S/.test(path))) return
     path = this.helper.removeMultipleSlashes(path)
     const fileProvider = this.fileManager.fileProviderOf(path.split('/')[0])
-    if(!await fileProvider.exists(path)) fileProvider.createDir(path)
+    if (!await fileProvider.exists(path)) fileProvider.createDir(path)
   }
 
   async pathExists (path: string) {
@@ -48,11 +48,11 @@ export class TestTabLogic {
     const fileNameToImport = (!hasCurrent) ? fileName : this.currentPath + '/' + splittedFileName[splittedFileName.length - 1]
     this.helper.createNonClashingNameWithPrefix(fileNameToImport, fileProvider, '_test', async (error: Error, newFile: string) => {
       if (error) return errorCb('Failed to create file. ' + newFile + ' ' + error)
-      try{
+      try {
         await fileProvider.set(newFile, this.generateTestContractSample(hasCurrent, fileName))
         await this.fileManager.open(newFile)
         await this.fileManager.syncEditor(newFile)
-      }catch(e){
+      } catch (e){
         return errorCb('Failed to create test file ' + newFile)
       }
     })
diff --git a/libs/remix-ui/solidity-unit-testing/src/lib/solidity-unit-testing.tsx b/libs/remix-ui/solidity-unit-testing/src/lib/solidity-unit-testing.tsx
index 3a916beded..0d25112f05 100644
--- a/libs/remix-ui/solidity-unit-testing/src/lib/solidity-unit-testing.tsx
+++ b/libs/remix-ui/solidity-unit-testing/src/lib/solidity-unit-testing.tsx
@@ -11,8 +11,6 @@ import './css/style.css'
 import { CustomTooltip } from '@remix-ui/helper'
 import { appPlatformTypes, platformContext } from '@remix-ui/app'
 
-
-
 const _paq = ((window as any)._paq = (window as any)._paq || []) // eslint-disable-line @typescript-eslint/no-explicit-any
 
 interface TestObject {
@@ -865,7 +863,7 @@ export const SolidityUnitTesting = (props: Record<string, any>) => {
             checked={checkSelectAll}
             onChange={() => {}} // eslint-disable-line
           />
-          <label 
+          <label
             data-id="testTabCheckAllTests"
             htmlFor="checkAllTests"
             className="form-check-label mb-0 ml-4 custom-control-label text-nowrap"
diff --git a/libs/remix-ui/static-analyser/src/lib/Button/StaticAnalyserButton.tsx b/libs/remix-ui/static-analyser/src/lib/Button/StaticAnalyserButton.tsx
index b04fbc6057..4a925b7252 100644
--- a/libs/remix-ui/static-analyser/src/lib/Button/StaticAnalyserButton.tsx
+++ b/libs/remix-ui/static-analyser/src/lib/Button/StaticAnalyserButton.tsx
@@ -1,4 +1,4 @@
-import {CustomTooltip} from '@remix-ui/helper'
+import { CustomTooltip } from '@remix-ui/helper'
 import React from 'react' //eslint-disable-line
 
 interface StaticAnalyserButtonProps {
@@ -9,7 +9,7 @@ interface StaticAnalyserButtonProps {
   classList?: string
 }
 
-const StaticAnalyserButton = ({onClick, buttonText, disabled, title, classList}: StaticAnalyserButtonProps) => {
+const StaticAnalyserButton = ({ onClick, buttonText, disabled, title, classList }: StaticAnalyserButtonProps) => {
   const defaultStyle = 'btn btn-sm btn-block btn-primary'
   const newclassList =
     disabled && classList.length > 0
@@ -29,7 +29,7 @@ const StaticAnalyserButton = ({onClick, buttonText, disabled, title, classList}:
   const buttonWithTooltip = () => (
     <CustomTooltip placement="right" tooltipId="ssaRunButtonTooltip" tooltipClasses="text-nowrap" tooltipText={title}>
       <div id="staticAnalysisWrapper" className={`${newclassList} p-0`}>
-        <button id="staticAnalysisRunBtn" className={newclassList} disabled={disabled} onClick={onClick} style={{pointerEvents: 'none', color: 'white'}}>
+        <button id="staticAnalysisRunBtn" className={newclassList} disabled={disabled} onClick={onClick} style={{ pointerEvents: 'none', color: 'white' }}>
           <span className="pl-3 pr-4">{buttonText}</span>
         </button>
       </div>
diff --git a/libs/remix-ui/static-analyser/src/lib/ErrorRenderer.tsx b/libs/remix-ui/static-analyser/src/lib/ErrorRenderer.tsx
index e3e048db3b..fa7cd4d6fe 100644
--- a/libs/remix-ui/static-analyser/src/lib/ErrorRenderer.tsx
+++ b/libs/remix-ui/static-analyser/src/lib/ErrorRenderer.tsx
@@ -1,6 +1,6 @@
-import {CustomTooltip} from '@remix-ui/helper'
+import { CustomTooltip } from '@remix-ui/helper'
 import React from 'react' //eslint-disable-line
-import {RemixUiStaticAnalyserState} from '../staticanalyser'
+import { RemixUiStaticAnalyserState } from '../staticanalyser'
 
 interface ErrorRendererProps {
   message: any
@@ -11,12 +11,12 @@ interface ErrorRendererProps {
   ssaState: RemixUiStaticAnalyserState
 }
 
-const ErrorRenderer = ({message, opt, editor, name, ssaState}: ErrorRendererProps) => {
+const ErrorRenderer = ({ message, opt, editor, name, ssaState }: ErrorRendererProps) => {
   const getPositionDetails = (msg: any) => {
     const result = {} as Record<string, number | string>
 
     // To handle some compiler warning without location like SPDX license warning etc
-    if (!msg.includes(':')) return {errLine: -1, errCol: -1, errFile: msg}
+    if (!msg.includes(':')) return { errLine: -1, errCol: -1, errFile: msg }
 
     // extract line / column
     let position = msg.match(/^(.*?):([0-9]*?):([0-9]*?)?/)
diff --git a/libs/remix-ui/static-analyser/src/lib/actions/staticAnalysisActions.ts b/libs/remix-ui/static-analyser/src/lib/actions/staticAnalysisActions.ts
index 7290eb7a73..bc5a9ce84f 100644
--- a/libs/remix-ui/static-analyser/src/lib/actions/staticAnalysisActions.ts
+++ b/libs/remix-ui/static-analyser/src/lib/actions/staticAnalysisActions.ts
@@ -176,8 +176,8 @@ export async function run (lastCompilationResult, lastCompilationSource, current
                   fileName = Object.keys(lastCompilationResult.sources)[fileIndex]
                 }
               }
-              if(fileName !== currentFile) {
-                const {file, provider} = await props.analysisModule.call('fileManager', 'getPathFromUrl', fileName)
+              if (fileName !== currentFile) {
+                const { file, provider } = await props.analysisModule.call('fileManager', 'getPathFromUrl', fileName)
                 if (file.startsWith('.deps') || (file.includes('.deps')) || (provider.type === 'localhost' && file.startsWith('localhost/node_modules'))) isLibrary = true
               }
               const msg = message(item.title, item.description, item.more ?? '', fileName, locationString)
@@ -203,7 +203,7 @@ export async function run (lastCompilationResult, lastCompilationSource, current
             }
             showWarnings(warningMessage, 'warningModuleName')
           }
-        } catch(error) {
+        } catch (error) {
           props.analysisModule.call('terminal', 'log', { type: 'error', value: '[Slither Analysis]: Error occurred! See remixd console for details.' })
           showWarnings(warningMessage, 'warningModuleName')
         }
diff --git a/libs/remix-ui/static-analyser/src/lib/components/BasicTitle.tsx b/libs/remix-ui/static-analyser/src/lib/components/BasicTitle.tsx
index 19e9de0564..0a2902a847 100644
--- a/libs/remix-ui/static-analyser/src/lib/components/BasicTitle.tsx
+++ b/libs/remix-ui/static-analyser/src/lib/components/BasicTitle.tsx
@@ -1,5 +1,5 @@
-import React, {useEffect, useState} from 'react'
-import {ErrorRendererOptions} from '../../staticanalyser'
+import React, { useEffect, useState } from 'react'
+import { ErrorRendererOptions } from '../../staticanalyser'
 
 type BasicTitleProps = {
   warningStateEntries: any
@@ -28,7 +28,7 @@ export function calculateWarningStateEntries(entries: [string, any][]) {
   entries.forEach((entry) => {
     errors = entry[1].filter((x) => x.options.type === 'error')
   })
-  return {length: warninglength, errors}
+  return { length: warninglength, errors }
 }
 
 export function BasicTitle(props: BasicTitleProps) {
diff --git a/libs/remix-ui/static-analyser/src/lib/remix-ui-static-analyser.tsx b/libs/remix-ui/static-analyser/src/lib/remix-ui-static-analyser.tsx
index bcf7ab7fb9..5840411c30 100644
--- a/libs/remix-ui/static-analyser/src/lib/remix-ui-static-analyser.tsx
+++ b/libs/remix-ui/static-analyser/src/lib/remix-ui-static-analyser.tsx
@@ -2,22 +2,22 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import React, {useEffect, useState, useReducer, useRef, Fragment} from 'react' // eslint-disable-line
 import Button from './Button/StaticAnalyserButton' // eslint-disable-line
-import {util} from '@remix-project/remix-lib'
+import { util } from '@remix-project/remix-lib'
 import _ from 'lodash'
 import * as semver from 'semver'
 import {TreeView, TreeViewItem} from '@remix-ui/tree-view' // eslint-disable-line
 import {RemixUiCheckbox} from '@remix-ui/checkbox' // eslint-disable-line
 import ErrorRenderer from './ErrorRenderer' // eslint-disable-line
-import {compilation} from './actions/staticAnalysisActions'
-import {initialState, analysisReducer} from './reducers/staticAnalysisReducer'
-import {CodeAnalysis} from '@remix-project/remix-analyzer'
+import { compilation } from './actions/staticAnalysisActions'
+import { initialState, analysisReducer } from './reducers/staticAnalysisReducer'
+import { CodeAnalysis } from '@remix-project/remix-analyzer'
 import Tab from 'react-bootstrap/Tab'
 import Tabs from 'react-bootstrap/Tabs'
-import {AnalysisTab, SolHintReport} from '../staticanalyser'
-import {run} from './actions/staticAnalysisActions'
-import {BasicTitle, calculateWarningStateEntries} from './components/BasicTitle'
-import {Nav, TabContainer} from 'react-bootstrap'
-import {CustomTooltip} from '@remix-ui/helper'
+import { AnalysisTab, SolHintReport } from '../staticanalyser'
+import { run } from './actions/staticAnalysisActions'
+import { BasicTitle, calculateWarningStateEntries } from './components/BasicTitle'
+import { Nav, TabContainer } from 'react-bootstrap'
+import { CustomTooltip } from '@remix-ui/helper'
 
 declare global {
   interface Window {
@@ -147,7 +147,7 @@ export const RemixUiStaticAnalyser = (props: RemixUiStaticAnalyserProps) => {
       // Reset badge
 
       // Reset state
-      dispatch({type: '', payload: initialState})
+      dispatch({ type: '', payload: initialState })
       setHints([])
       setSlitherWarnings([])
       setSsaWarnings([])
@@ -175,7 +175,7 @@ export const RemixUiStaticAnalyser = (props: RemixUiStaticAnalyserProps) => {
         // Reset badge
         props.event.trigger('staticAnalysisWarning', [-1])
         // Reset state
-        dispatch({type: '', payload: initialState})
+        dispatch({ type: '', payload: initialState })
         setShowSlither(false)
       }
     })
@@ -319,7 +319,7 @@ export const RemixUiStaticAnalyser = (props: RemixUiStaticAnalyserProps) => {
               label={
                 <label
                   htmlFor={`heading${categoryId}`}
-                  style={{cursor: 'pointer'}}
+                  style={{ cursor: 'pointer' }}
                   className="pl-3 card-header h6 d-flex justify-content-between font-weight-bold px-1 py-2 w-100"
                   data-bs-toggle="collapse"
                   data-bs-expanded="false"
@@ -523,7 +523,7 @@ export const RemixUiStaticAnalyser = (props: RemixUiStaticAnalyserProps) => {
                             },
                             state.file,
                             '',
-                            {focus: true}
+                            { focus: true }
                           )
                         }}
                       >
@@ -563,7 +563,7 @@ export const RemixUiStaticAnalyser = (props: RemixUiStaticAnalyserProps) => {
                               },
                               state.file,
                               '',
-                              {focus: true}
+                              { focus: true }
                             )
                           }}
                         >
@@ -602,7 +602,7 @@ export const RemixUiStaticAnalyser = (props: RemixUiStaticAnalyserProps) => {
                               },
                               state.file,
                               '',
-                              {focus: true}
+                              { focus: true }
                             )
                           }}
                         >
diff --git a/libs/remix-ui/static-analyser/src/staticanalyser.d.ts b/libs/remix-ui/static-analyser/src/staticanalyser.d.ts
index ac1be4e9db..23baf364d7 100644
--- a/libs/remix-ui/static-analyser/src/staticanalyser.d.ts
+++ b/libs/remix-ui/static-analyser/src/staticanalyser.d.ts
@@ -94,7 +94,6 @@ type ErrorRendererOptions = {
   }
 }
 
-
 type SlitherAnalysisResultType = {
 description: string,
   title: string,
diff --git a/libs/remix-ui/tabs/src/lib/remix-ui-tabs.tsx b/libs/remix-ui/tabs/src/lib/remix-ui-tabs.tsx
index 914dc08a24..1a7d1d32da 100644
--- a/libs/remix-ui/tabs/src/lib/remix-ui-tabs.tsx
+++ b/libs/remix-ui/tabs/src/lib/remix-ui-tabs.tsx
@@ -1,9 +1,9 @@
-import {fileDecoration, FileDecorationIcons} from '@remix-ui/file-decorators'
-import {CustomTooltip} from '@remix-ui/helper'
-import {Plugin} from '@remixproject/engine'
+import { fileDecoration, FileDecorationIcons } from '@remix-ui/file-decorators'
+import { CustomTooltip } from '@remix-ui/helper'
+import { Plugin } from '@remixproject/engine'
 import React, {useState, useRef, useEffect, useReducer} from 'react' // eslint-disable-line
-import {FormattedMessage} from 'react-intl'
-import {Tab, Tabs, TabList, TabPanel} from 'react-tabs'
+import { FormattedMessage } from 'react-intl'
+import { Tab, Tabs, TabList, TabPanel } from 'react-tabs'
 import './remix-ui-tabs.css'
 const _paq = (window._paq = window._paq || [])
 
@@ -85,7 +85,7 @@ export const TabsUI = (props: TabsUIProps) => {
   }
 
   const getFileDecorationIcons = (tab: any) => {
-    return <FileDecorationIcons file={{path: tab.name}} fileDecorations={tabsState.fileDecorations} />
+    return <FileDecorationIcons file={{ path: tab.name }} fileDecorations={tabsState.fileDecorations} />
   }
 
   const renderTab = (tab, index) => {
@@ -103,7 +103,7 @@ export const TabsUI = (props: TabsUIProps) => {
           data-id={index === currentIndexRef.current ? 'tab-active' : ''}
           data-path={tab.name}
         >
-          {tab.icon ? <img className="my-1 mr-1 iconImage" style={{filter: invert}} src={tab.icon} /> : <i className={classNameImg}></i>}
+          {tab.icon ? <img className="my-1 mr-1 iconImage" style={{ filter: invert }} src={tab.icon} /> : <i className={classNameImg}></i>}
           <span className={`title-tabs ${getFileDecorationClasses(tab)}`}>{tab.title}</span>
           {getFileDecorationIcons(tab)}
           <span
@@ -129,11 +129,11 @@ export const TabsUI = (props: TabsUIProps) => {
   const activateTab = (name: string) => {
     const index = tabs.current.findIndex((tab) => tab.name === name)
     currentIndexRef.current = index
-    dispatch({type: 'SELECT_INDEX', payload: index, ext: getExt(name)})
+    dispatch({ type: 'SELECT_INDEX', payload: index, ext: getExt(name) })
   }
 
   const setFileDecorations = (fileStates: fileDecoration[]) => {
-    dispatch({type: 'SET_FILE_DECORATIONS', payload: fileStates})
+    dispatch({ type: 'SET_FILE_DECORATIONS', payload: fileStates })
   }
 
   const transformScroll = (event) => {
@@ -166,7 +166,7 @@ export const TabsUI = (props: TabsUIProps) => {
 
   return (
     <div className="remix-ui-tabs d-flex justify-content-between border-0 header nav-tabs" data-id="tabs-component">
-      <div className="d-flex flex-row" style={{maxWidth: 'fit-content', width: '99%'}}>
+      <div className="d-flex flex-row" style={{ maxWidth: 'fit-content', width: '99%' }}>
         <div className="d-flex flex-row justify-content-center align-items-center m-1 mt-1">
           <CustomTooltip
             placement="bottom"
@@ -175,7 +175,7 @@ export const TabsUI = (props: TabsUIProps) => {
               <span>
                 {tabsState.currentExt === 'js' || tabsState.currentExt === 'ts' ? (
                   <FormattedMessage id="remixUiTabs.tooltipText1" />
-                ) : tabsState.currentExt === 'sol' || tabsState.currentExt === 'yul' || tabsState.currentExt === 'circom'  || tabsState.currentExt === 'vy' ? (
+                ) : tabsState.currentExt === 'sol' || tabsState.currentExt === 'yul' || tabsState.currentExt === 'circom' || tabsState.currentExt === 'vy' ? (
                   <FormattedMessage id="remixUiTabs.tooltipText2" />
                 ) : (
                   <FormattedMessage id="remixUiTabs.tooltipText3" />
@@ -240,7 +240,7 @@ export const TabsUI = (props: TabsUIProps) => {
               <i className={`fa-solid fa-user-robot ${explaining ? 'loadingExplanation' : ''}`}></i>
               <span
                 className="position-relative text-ai text-sm pl-1"
-                style={{fontSize: "x-small", alignSelf: "end"}}
+                style={{ fontSize: "x-small", alignSelf: "end" }}
               >
                 AI
               </span>
@@ -277,14 +277,14 @@ export const TabsUI = (props: TabsUIProps) => {
               ></i>
               <span
                 className="position-relative text-ai text-sm pl-1"
-                style={{fontSize: "x-small", alignSelf: "end"}}
+                style={{ fontSize: "x-small", alignSelf: "end" }}
               >
                 AI
               </span>
             </button>
           </CustomTooltip>
           <CustomTooltip placement="bottom" tooltipId="overlay-tooltip-aiDocumentation" tooltipText={<FormattedMessage id="remixUiTabs.tooltipText8" />}>
-            <span 
+            <span
               data-id="remix_ai_docs"
               id="remix_ai_docs"
               className="btn pl-2 pr-0 py-0 d-flex ai-docs"
@@ -297,13 +297,13 @@ export const TabsUI = (props: TabsUIProps) => {
               <i className="fa-solid fa-book text-ai"></i>
               <span
                 className="position-relative text-ai text-sm pl-1"
-                style={{fontSize: "x-small", alignSelf: "end"}}
+                style={{ fontSize: "x-small", alignSelf: "end" }}
               >
                 AI
               </span>
             </span>
           </CustomTooltip>
-          
+
           <CustomTooltip placement="bottom" tooltipId="overlay-tooltip-zoom-out" tooltipText={<FormattedMessage id="remixUiTabs.zoomOut" />}>
             <span data-id="tabProxyZoomOut" className="btn btn-sm px-2 fas fa-search-minus text-dark" onClick={() => props.onZoomOut()}></span>
           </CustomTooltip>
@@ -335,7 +335,7 @@ export const TabsUI = (props: TabsUIProps) => {
                 {renderTab(tab, i)}
               </Tab>
             ))}
-            <div style={{minWidth: '4rem', height: '1rem'}} id="dummyElForLastXVisibility"></div>
+            <div style={{ minWidth: '4rem', height: '1rem' }} id="dummyElForLastXVisibility"></div>
           </TabList>
           {props.tabs.map((tab) => (
             <TabPanel key={tab.name}></TabPanel>
diff --git a/libs/remix-ui/terminal/src/lib/actions/terminalAction.ts b/libs/remix-ui/terminal/src/lib/actions/terminalAction.ts
index 6b08bcd808..ceeea496f7 100644
--- a/libs/remix-ui/terminal/src/lib/actions/terminalAction.ts
+++ b/libs/remix-ui/terminal/src/lib/actions/terminalAction.ts
@@ -131,7 +131,7 @@ export const initListeningOnNetwork = (plugins, dispatch: React.Dispatch<any>) =
   const log = async (plugins, tx, receipt, dispatch: React.Dispatch<any>) => {
     const resolvedTransaction = await plugins.txListener.resolvedTransaction(tx.hash)
     const provider = plugins.blockchain.getProvider()
-  
+
     if (resolvedTransaction) {
       let compiledContracts = null
       try {
diff --git a/libs/remix-ui/terminal/src/lib/components/ChechTxStatus.tsx b/libs/remix-ui/terminal/src/lib/components/ChechTxStatus.tsx
index 4f8c44a74a..1bdb22f7b4 100644
--- a/libs/remix-ui/terminal/src/lib/components/ChechTxStatus.tsx
+++ b/libs/remix-ui/terminal/src/lib/components/ChechTxStatus.tsx
@@ -1,6 +1,6 @@
 import React from 'react' // eslint-disable-line
 
-const CheckTxStatus = ({tx, type}) => {
+const CheckTxStatus = ({ tx, type }) => {
   if (tx.status === 1 || tx.status === '0x1' || tx.status === true) {
     return <i className="remix_ui_terminal_txStatus remix_ui_terminal_succeeded fas fa-check-circle"></i>
   }
diff --git a/libs/remix-ui/terminal/src/lib/components/Context.tsx b/libs/remix-ui/terminal/src/lib/components/Context.tsx
index 60a4baa00b..7cadc8c6fc 100644
--- a/libs/remix-ui/terminal/src/lib/components/Context.tsx
+++ b/libs/remix-ui/terminal/src/lib/components/Context.tsx
@@ -1,9 +1,9 @@
 import React from 'react' // eslint-disable-line
-import {shortenHexData} from '@remix-ui/helper'
-import {execution} from '@remix-project/remix-lib'
+import { shortenHexData } from '@remix-ui/helper'
+import { execution } from '@remix-project/remix-lib'
 const typeConversion = execution.typeConversion
 
-const Context = ({opts, provider}: {opts; provider: string}) => {
+const Context = ({ opts, provider }: {opts; provider: string}) => {
   const data = opts.tx || ''
   const from = opts.from ? shortenHexData(opts.from) : ''
   let to = opts.to
diff --git a/libs/remix-ui/terminal/src/lib/components/RenderCall.tsx b/libs/remix-ui/terminal/src/lib/components/RenderCall.tsx
index f715a9e076..0571fcec03 100644
--- a/libs/remix-ui/terminal/src/lib/components/RenderCall.tsx
+++ b/libs/remix-ui/terminal/src/lib/components/RenderCall.tsx
@@ -1,13 +1,13 @@
 import React from 'react' // eslint-disable-line
-import {FormattedMessage, useIntl} from 'react-intl'
-import {shortenHexData} from '@remix-ui/helper'
+import { FormattedMessage, useIntl } from 'react-intl'
+import { shortenHexData } from '@remix-ui/helper'
 import CheckTxStatus from './ChechTxStatus' // eslint-disable-line
 import showTable from './Table'
-import {execution} from '@remix-project/remix-lib'
+import { execution } from '@remix-project/remix-lib'
 
 const typeConversion = execution.typeConversion
 
-const RenderCall = ({tx, resolvedData, logs, index, plugin, showTableHash, txDetails, modal}) => {
+const RenderCall = ({ tx, resolvedData, logs, index, plugin, showTableHash, txDetails, modal }) => {
   const intl = useIntl()
   const to = resolvedData.contractName + '.' + resolvedData.fn
   const from = tx.from ? tx.from : ' - '
@@ -18,12 +18,12 @@ const RenderCall = ({tx, resolvedData, logs, index, plugin, showTableHash, txDet
     event.stopPropagation()
     if (tx.isCall && !tx.envMode.startsWith('vm')) {
       modal(
-        intl.formatMessage({id: 'terminal.vmMode'}),
-        intl.formatMessage({id: 'terminal.vmModeMsg'}),
-        intl.formatMessage({id: 'terminal.ok'}),
+        intl.formatMessage({ id: 'terminal.vmMode' }),
+        intl.formatMessage({ id: 'terminal.vmModeMsg' }),
+        intl.formatMessage({ id: 'terminal.ok' }),
         false,
         () => {},
-        intl.formatMessage({id: 'terminal.cancel'}),
+        intl.formatMessage({ id: 'terminal.cancel' }),
         () => {}
       )
     } else {
diff --git a/libs/remix-ui/terminal/src/lib/components/RenderKnownTransactions.tsx b/libs/remix-ui/terminal/src/lib/components/RenderKnownTransactions.tsx
index 01dd02d445..b1bd0d41de 100644
--- a/libs/remix-ui/terminal/src/lib/components/RenderKnownTransactions.tsx
+++ b/libs/remix-ui/terminal/src/lib/components/RenderKnownTransactions.tsx
@@ -1,23 +1,23 @@
 import React from 'react' // eslint-disable-line
-import {FormattedMessage, useIntl} from 'react-intl'
+import { FormattedMessage, useIntl } from 'react-intl'
 import CheckTxStatus from './ChechTxStatus' // eslint-disable-line
 import Context from './Context' // eslint-disable-line
 import showTable from './Table'
-import {execution} from '@remix-project/remix-lib'
+import { execution } from '@remix-project/remix-lib'
 const typeConversion = execution.typeConversion
 
-const RenderKnownTransactions = ({tx, receipt, resolvedData, logs, index, plugin, showTableHash, txDetails, modal, provider}) => {
+const RenderKnownTransactions = ({ tx, receipt, resolvedData, logs, index, plugin, showTableHash, txDetails, modal, provider }) => {
   const intl = useIntl()
   const debug = (event, tx) => {
     event.stopPropagation()
     if (tx.isCall && !tx.envMode.startsWith('vm')) {
       modal(
-        intl.formatMessage({id: 'terminal.vmMode'}),
-        intl.formatMessage({id: 'terminal.vmModeMsg'}),
-        intl.formatMessage({id: 'terminal.ok'}),
+        intl.formatMessage({ id: 'terminal.vmMode' }),
+        intl.formatMessage({ id: 'terminal.vmModeMsg' }),
+        intl.formatMessage({ id: 'terminal.ok' }),
         false,
         () => {},
-        intl.formatMessage({id: 'terminal.cancel'}),
+        intl.formatMessage({ id: 'terminal.cancel' }),
         () => {}
       )
     } else {
@@ -28,7 +28,7 @@ const RenderKnownTransactions = ({tx, receipt, resolvedData, logs, index, plugin
   const from = tx.from
   const to = resolvedData.contractName + '.' + resolvedData.fn
   const txType = 'knownTx'
-  const options = {from, to, tx, logs}
+  const options = { from, to, tx, logs }
   return (
     <span id={`tx${tx.hash}`} key={index}>
       <div className="remix_ui_terminal_log" onClick={(event) => txDetails(event, tx)}>
diff --git a/libs/remix-ui/terminal/src/lib/components/RenderUnknownTransactions.tsx b/libs/remix-ui/terminal/src/lib/components/RenderUnknownTransactions.tsx
index 1599178f55..68a82f8189 100644
--- a/libs/remix-ui/terminal/src/lib/components/RenderUnknownTransactions.tsx
+++ b/libs/remix-ui/terminal/src/lib/components/RenderUnknownTransactions.tsx
@@ -1,21 +1,21 @@
 import React, {useState} from 'react' // eslint-disable-line
-import {FormattedMessage, useIntl} from 'react-intl'
+import { FormattedMessage, useIntl } from 'react-intl'
 import CheckTxStatus from './ChechTxStatus' // eslint-disable-line
 import Context from './Context' // eslint-disable-line
 import showTable from './Table'
 
-const RenderUnKnownTransactions = ({tx, receipt, index, plugin, showTableHash, txDetails, modal, provider}) => {
+const RenderUnKnownTransactions = ({ tx, receipt, index, plugin, showTableHash, txDetails, modal, provider }) => {
   const intl = useIntl()
   const debug = (event, tx) => {
     event.stopPropagation()
     if (tx.isCall && !tx.envMode.startsWith('vm')) {
       modal(
-        intl.formatMessage({id: 'terminal.vmMode'}),
-        intl.formatMessage({id: 'terminal.vmModeMsg'}),
-        intl.formatMessage({id: 'terminal.ok'}),
+        intl.formatMessage({ id: 'terminal.vmMode' }),
+        intl.formatMessage({ id: 'terminal.vmModeMsg' }),
+        intl.formatMessage({ id: 'terminal.ok' }),
         false,
         () => {},
-        intl.formatMessage({id: 'terminal.cancel'}),
+        intl.formatMessage({ id: 'terminal.cancel' }),
         () => {}
       )
     } else {
@@ -26,7 +26,7 @@ const RenderUnKnownTransactions = ({tx, receipt, index, plugin, showTableHash, t
   const from = tx.from
   const to = tx.to
   const txType = 'unknown' + (tx.isCall ? 'Call' : 'Tx')
-  const options = {from, to, tx}
+  const options = { from, to, tx }
   return (
     <span id={`tx${tx.hash}`} key={index}>
       <div className="remix_ui_terminal_log" onClick={(event) => txDetails(event, tx)}>
diff --git a/libs/remix-ui/terminal/src/lib/components/Table.tsx b/libs/remix-ui/terminal/src/lib/components/Table.tsx
index 03748fe110..5aa3823f00 100644
--- a/libs/remix-ui/terminal/src/lib/components/Table.tsx
+++ b/libs/remix-ui/terminal/src/lib/components/Table.tsx
@@ -1,8 +1,8 @@
 import React from 'react' // eslint-disable-line
-import {FormattedMessage, useIntl} from 'react-intl'
+import { FormattedMessage, useIntl } from 'react-intl'
 import {CopyToClipboard} from '@remix-ui/clipboard' // eslint-disable-line
-import {shortenHexData} from '@remix-ui/helper'
-import {execution} from '@remix-project/remix-lib'
+import { shortenHexData } from '@remix-ui/helper'
+import { execution } from '@remix-project/remix-lib'
 const typeConversion = execution.typeConversion
 
 const showTable = (opts, showTableHash) => {
@@ -17,17 +17,17 @@ const showTable = (opts, showTableHash) => {
   }
   let callWarning = ''
   if (opts.isCall) {
-    callWarning = intl.formatMessage({id: 'terminal.callWarning'})
+    callWarning = intl.formatMessage({ id: 'terminal.callWarning' })
   }
   if (!opts.isCall) {
     if (opts.status !== undefined && opts.status !== null) {
       if (opts.status === 0 || opts.status === '0x0' || opts.status === false) {
-        msg = intl.formatMessage({id: 'terminal.msg1'})
+        msg = intl.formatMessage({ id: 'terminal.msg1' })
       } else if (opts.status === 1 || opts.status === '0x1' || opts.status === true) {
-        msg = intl.formatMessage({id: 'terminal.msg2'})
+        msg = intl.formatMessage({ id: 'terminal.msg2' })
       }
     } else {
-      msg = intl.formatMessage({id: 'terminal.msg3'})
+      msg = intl.formatMessage({ id: 'terminal.msg3' })
     }
   }
 
diff --git a/libs/remix-ui/terminal/src/lib/components/remix-ui-terminal-bar.tsx b/libs/remix-ui/terminal/src/lib/components/remix-ui-terminal-bar.tsx
index b8de5fbace..a51bb33e61 100644
--- a/libs/remix-ui/terminal/src/lib/components/remix-ui-terminal-bar.tsx
+++ b/libs/remix-ui/terminal/src/lib/components/remix-ui-terminal-bar.tsx
@@ -28,7 +28,7 @@ export const RemixUITerminalBar = (props: RemixUiTerminalProps) => {
         data-id="terminalToggleMenu"
       >
         <RemixUITerminalMenuToggle {...props} />
-        {platform ===  appPlatformTypes.desktop ?
+        {platform === appPlatformTypes.desktop ?
           <div className='d-flex flex-row w-100 justify-content-between '>
             <RemixUITerminalMenuButtons {...props} />
             {xtermState.showOutput? <RemixUITerminalMenu {...props} />: <RemixUIXtermMenu {...props} />}
diff --git a/libs/remix-ui/terminal/src/lib/components/remix-ui-terminal-menu.tsx b/libs/remix-ui/terminal/src/lib/components/remix-ui-terminal-menu.tsx
index 3feb16ecb1..f412130026 100644
--- a/libs/remix-ui/terminal/src/lib/components/remix-ui-terminal-menu.tsx
+++ b/libs/remix-ui/terminal/src/lib/components/remix-ui-terminal-menu.tsx
@@ -14,7 +14,7 @@ export const RemixUITerminalMenu = (props: RemixUiTerminalProps) => {
   }, [terminalState.isOpen])
 
   function handleClearConsole(event: any): void {
-    dispatch({ type: 'clearconsole', payload: [] })
+    dispatch({ type: 'clearconsole', payload: []})
   }
 
   function listenOnNetwork(event: any): void {
diff --git a/libs/remix-ui/terminal/src/lib/custom-hooks/useKeyPress.tsx b/libs/remix-ui/terminal/src/lib/custom-hooks/useKeyPress.tsx
index 2accab436d..f64dd8d9d3 100644
--- a/libs/remix-ui/terminal/src/lib/custom-hooks/useKeyPress.tsx
+++ b/libs/remix-ui/terminal/src/lib/custom-hooks/useKeyPress.tsx
@@ -4,13 +4,13 @@ export const useKeyPress = (targetKey: string): boolean => {
   // State for keeping track of whether key is pressed
   const [keyPressed, setKeyPressed] = useState(false)
   // If pressed key is our target key then set to true
-  function downHandler({key}): void {
+  function downHandler({ key }): void {
     if (key === targetKey) {
       setKeyPressed(true)
     }
   }
   // If released key is our target key then set to false
-  const upHandler = ({key}): void => {
+  const upHandler = ({ key }): void => {
     if (key === targetKey) {
       setKeyPressed(false)
     }
diff --git a/libs/remix-ui/terminal/src/lib/reducers/terminalReducer.ts b/libs/remix-ui/terminal/src/lib/reducers/terminalReducer.ts
index ea76680775..4143e518b5 100644
--- a/libs/remix-ui/terminal/src/lib/reducers/terminalReducer.ts
+++ b/libs/remix-ui/terminal/src/lib/reducers/terminalReducer.ts
@@ -1,11 +1,11 @@
-import {CLEAR_CONSOLE, CMD_HISTORY, EMPTY_BLOCK, ERROR, HTML, INFO, KNOWN_TRANSACTION, LISTEN_ON_NETWORK, LOG, TYPEWRITERLOG, TYPEWRITERWARNING, AITYPEWRITERWARNING, TYPEWRITERSUCCESS, NEW_TRANSACTION, SCRIPT, UNKNOWN_TRANSACTION, WARN, TOGGLE, SEARCH, SET_ISVM, SET_OPEN} from '../types/terminalTypes'
+import { CLEAR_CONSOLE, CMD_HISTORY, EMPTY_BLOCK, ERROR, HTML, INFO, KNOWN_TRANSACTION, LISTEN_ON_NETWORK, LOG, TYPEWRITERLOG, TYPEWRITERWARNING, AITYPEWRITERWARNING, TYPEWRITERSUCCESS, NEW_TRANSACTION, SCRIPT, UNKNOWN_TRANSACTION, WARN, TOGGLE, SEARCH, SET_ISVM, SET_OPEN } from '../types/terminalTypes'
 
 export const initialState = {
   journalBlocks: [],
   data: {
     // lineLength: props.options.lineLength || 80,
     session: [],
-    activeFilters: {commands: {}, input: ''},
+    activeFilters: { commands: {}, input: '' },
     filterFns: {},
   },
   _commandHistory: [],
@@ -32,14 +32,14 @@ export const registerCommandReducer = (state, action) => {
       ...state,
       _commands: Object.assign(initialState._commands, action.payload._commands),
       commands: Object.assign(initialState.commands, action.payload.commands),
-      data: Object.assign(initialState.data, {...action.payload.data}),
+      data: Object.assign(initialState.data, { ...action.payload.data }),
     }
   case LOG:
     return {
       ...state,
       _commands: Object.assign(initialState._commands, action.payload._commands),
       commands: Object.assign(initialState.commands, action.payload.commands),
-      data: Object.assign(initialState.data, {...action.payload.data}),
+      data: Object.assign(initialState.data, { ...action.payload.data }),
     }
   case INFO:
     return {
@@ -97,7 +97,7 @@ export const registerCommandReducer = (state, action) => {
   case LISTEN_ON_NETWORK:
     return {
       ...state,
-      journalBlocks: initialState.journalBlocks.push({message: action.payload.message, style: 'text-log'}),
+      journalBlocks: initialState.journalBlocks.push({ message: action.payload.message, style: 'text-log' }),
     }
 
   case SET_ISVM:
@@ -106,7 +106,7 @@ export const registerCommandReducer = (state, action) => {
       isVM: action.payload,
     }
   default:
-    return {state}
+    return { state }
   }
 }
 
@@ -138,7 +138,7 @@ export const registerFilterReducer = (state, action) => {
       data: Object.assign(initialState.data.filterFns, action.payload.data.filterFns),
     }
   default:
-    return {state}
+    return { state }
   }
 }
 
@@ -150,7 +150,7 @@ export const addCommandHistoryReducer = (state, action) => {
       _commandHistory: initialState._commandHistory.unshift(action.payload.script),
     }
   default:
-    return {state}
+    return { state }
   }
 }
 
@@ -169,17 +169,17 @@ export const registerScriptRunnerReducer = (state, action) => {
   case HTML:
     return {
       ...state,
-      journalBlocks: initialState.journalBlocks.push({message: action.payload.message, style: 'text-log', provider: action.payload.provider}),
+      journalBlocks: initialState.journalBlocks.push({ message: action.payload.message, style: 'text-log', provider: action.payload.provider }),
     }
   case LOG:
     return {
       ...state,
-      journalBlocks: initialState.journalBlocks.push({message: action.payload.message, style: 'text-log', provider: action.payload.provider}),
+      journalBlocks: initialState.journalBlocks.push({ message: action.payload.message, style: 'text-log', provider: action.payload.provider }),
     }
   case TYPEWRITERLOG:
     return {
       ...state,
-      journalBlocks: initialState.journalBlocks.push({message: action.payload.message, typewriter: true, style: 'text-log', provider: action.payload.provider}),
+      journalBlocks: initialState.journalBlocks.push({ message: action.payload.message, typewriter: true, style: 'text-log', provider: action.payload.provider }),
     }
   case AITYPEWRITERWARNING:
     return {
@@ -189,52 +189,52 @@ export const registerScriptRunnerReducer = (state, action) => {
   case TYPEWRITERWARNING:
     return {
       ...state,
-      journalBlocks: initialState.journalBlocks.push({message: action.payload.message, typewriter: true, style: 'text-warning', provider: action.payload.provider}),
+      journalBlocks: initialState.journalBlocks.push({ message: action.payload.message, typewriter: true, style: 'text-warning', provider: action.payload.provider }),
     }
   case TYPEWRITERSUCCESS:
     return {
       ...state,
-      journalBlocks: initialState.journalBlocks.push({message: action.payload.message, typewriter: true, style: 'text-success', provider: action.payload.provider}),
+      journalBlocks: initialState.journalBlocks.push({ message: action.payload.message, typewriter: true, style: 'text-success', provider: action.payload.provider }),
     }
   case INFO:
     return {
       ...state,
-      journalBlocks: initialState.journalBlocks.push({message: action.payload.message, style: 'text-success', provider: action.payload.provider}),
+      journalBlocks: initialState.journalBlocks.push({ message: action.payload.message, style: 'text-success', provider: action.payload.provider }),
     }
   case WARN:
     return {
       ...state,
-      journalBlocks: initialState.journalBlocks.push({message: action.payload.message, style: 'text-warning', provider: action.payload.provider}),
+      journalBlocks: initialState.journalBlocks.push({ message: action.payload.message, style: 'text-warning', provider: action.payload.provider }),
     }
   case ERROR:
     return {
       ...state,
-      journalBlocks: initialState.journalBlocks.push({message: action.payload.message, style: 'text-danger', provider: action.payload.provider}),
+      journalBlocks: initialState.journalBlocks.push({ message: action.payload.message, style: 'text-danger', provider: action.payload.provider }),
     }
   case SCRIPT:
     return {
       ...state,
-      journalBlocks: initialState.journalBlocks.push({message: action.payload.message, style: 'text-log', provider: action.payload.provider}),
+      journalBlocks: initialState.journalBlocks.push({ message: action.payload.message, style: 'text-log', provider: action.payload.provider }),
     }
   case KNOWN_TRANSACTION:
     return {
       ...state,
-      journalBlocks: initialState.journalBlocks.push({message: action.payload.message, style: '', name: 'knownTransaction', provider: action.payload.provider}),
+      journalBlocks: initialState.journalBlocks.push({ message: action.payload.message, style: '', name: 'knownTransaction', provider: action.payload.provider }),
     }
   case UNKNOWN_TRANSACTION:
     return {
       ...state,
-      journalBlocks: initialState.journalBlocks.push({message: action.payload.message, style: '', name: 'unknownTransaction', provider: action.payload.provider}),
+      journalBlocks: initialState.journalBlocks.push({ message: action.payload.message, style: '', name: 'unknownTransaction', provider: action.payload.provider }),
     }
   case EMPTY_BLOCK:
     return {
       ...state,
-      journalBlocks: initialState.journalBlocks.push({message: action.payload.message, style: '', name: 'emptyBlock', provider: action.payload.provider}),
+      journalBlocks: initialState.journalBlocks.push({ message: action.payload.message, style: '', name: 'emptyBlock', provider: action.payload.provider }),
     }
   case NEW_TRANSACTION:
     return {
       ...state,
-      journalBlocks: initialState.journalBlocks.push({message: action.payload.message, style: '', provider: action.payload.provider}),
+      journalBlocks: initialState.journalBlocks.push({ message: action.payload.message, style: '', provider: action.payload.provider }),
     }
   }
 }
diff --git a/libs/remix-ui/terminal/src/lib/remix-ui-terminal.tsx b/libs/remix-ui/terminal/src/lib/remix-ui-terminal.tsx
index ab0a7a768f..b5edd8a425 100644
--- a/libs/remix-ui/terminal/src/lib/remix-ui-terminal.tsx
+++ b/libs/remix-ui/terminal/src/lib/remix-ui-terminal.tsx
@@ -122,7 +122,7 @@ export const RemixUiTerminal = (props: RemixUiTerminalProps) => {
         }
         scriptRunnerDispatch({
           type: message.type ? message.type : 'log',
-          payload: { message: [message.value] },
+          payload: { message: [message.value]},
         })
       },
     })
@@ -205,7 +205,7 @@ export const RemixUiTerminal = (props: RemixUiTerminalProps) => {
   const _shell = async (script, scopedCommands, done) => {
     // default shell
     if (script.indexOf('remix:') === 0) {
-      return done(null, intl.formatMessage({id: 'terminal.text1'}))
+      return done(null, intl.formatMessage({ id: 'terminal.text1' }))
     }
     if (script.indexOf('remix.') === 0) {
       // we keep the old feature. This will basically only be called when the command is querying the "remix" object.
@@ -243,7 +243,7 @@ export const RemixUiTerminal = (props: RemixUiTerminalProps) => {
         call('terminal', 'log',{ type: 'warn', value: `> ${script}` })
         await call('solcoder', 'solidity_answer', script)
         _paq.push(['trackEvent', 'ai', 'solcoder', 'askFromTerminal'])
-      }else {
+      } else {
         await call('scriptRunner', 'execute', script)
       }
       done()
@@ -401,7 +401,7 @@ export const RemixUiTerminal = (props: RemixUiTerminalProps) => {
   }
 
   useEffect(() => {
-    if(terminalState.clearConsole){
+    if (terminalState.clearConsole){
       typeWriterIndexes.current = []
       inputEl.current.focus()
     }
@@ -433,7 +433,7 @@ export const RemixUiTerminal = (props: RemixUiTerminalProps) => {
       if (textList.length === 1) {
         setAutoCompleteState((prevState) => ({
           ...prevState,
-          data: { _options: [] },
+          data: { _options: []},
         }))
         const result = Objectfilter(allPrograms, autoCompletState.userInput)
         setAutoCompleteState((prevState) => ({
@@ -443,7 +443,7 @@ export const RemixUiTerminal = (props: RemixUiTerminalProps) => {
       } else {
         setAutoCompleteState((prevState) => ({
           ...prevState,
-          data: { _options: [] },
+          data: { _options: []},
         }))
         const result = Objectfilter(allCommands, autoCompletState.userInput)
         setAutoCompleteState((prevState) => ({
@@ -591,7 +591,7 @@ export const RemixUiTerminal = (props: RemixUiTerminalProps) => {
     } catch (e) {
       console.error(e)
       return true
-    }    
+    }
   }
 
   return (
@@ -773,13 +773,13 @@ export const RemixUiTerminal = (props: RemixUiTerminalProps) => {
           cancelFn={modalState.cancelFn}
           handleHide={handleHideModal}
         />
-        {toaster && <Toaster message={intl.formatMessage({id: 'terminal.toasterMsg1'})} />}
-        {toastProvider.show && <Toaster message={intl.formatMessage({id: 'terminal.toasterMsg2'}, {fileName: toastProvider.fileName})} />}
+        {toaster && <Toaster message={intl.formatMessage({ id: 'terminal.toasterMsg1' })} />}
+        {toastProvider.show && <Toaster message={intl.formatMessage({ id: 'terminal.toasterMsg2' }, { fileName: toastProvider.fileName })} />}
       </div>
     ))
 }
 
-const typewrite = (elementsRef, message, callback) => {  
+const typewrite = (elementsRef, message, callback) => {
   (() => {
     let count = 0
     const id = setInterval(() => {
diff --git a/libs/remix-ui/terminal/src/lib/terminalWelcome.tsx b/libs/remix-ui/terminal/src/lib/terminalWelcome.tsx
index 3531b9ede2..7fb7dbea23 100644
--- a/libs/remix-ui/terminal/src/lib/terminalWelcome.tsx
+++ b/libs/remix-ui/terminal/src/lib/terminalWelcome.tsx
@@ -1,7 +1,7 @@
 import React, {useEffect} from 'react' // eslint-disable-line
-import {FormattedMessage} from 'react-intl'
+import { FormattedMessage } from 'react-intl'
 
-const TerminalWelcomeMessage = ({packageJson, storage}) => {
+const TerminalWelcomeMessage = ({ packageJson, storage }) => {
   return (
     <div className="remix_ui_terminal_block px-4 " data-id="block_null">
       <div className="remix_ui_terminal_welcome">
diff --git a/libs/remix-ui/theme-module/src/lib/remix-ui-theme-module.tsx b/libs/remix-ui/theme-module/src/lib/remix-ui-theme-module.tsx
index e2f2246698..30ee5efcdf 100644
--- a/libs/remix-ui/theme-module/src/lib/remix-ui-theme-module.tsx
+++ b/libs/remix-ui/theme-module/src/lib/remix-ui-theme-module.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import React, {useEffect, useState} from 'react'
-import {FormattedMessage} from 'react-intl'
-import {ThemeModule} from '../../types/theme-module'
+import React, { useEffect, useState } from 'react'
+import { FormattedMessage } from 'react-intl'
+import { ThemeModule } from '../../types/theme-module'
 import './remix-ui-theme-module.module.css'
 
 /* eslint-disable-next-line */
@@ -9,7 +9,7 @@ export interface RemixUiThemeModuleProps {
   themeModule: ThemeModule
 }
 
-export function RemixUiThemeModule({themeModule}: RemixUiThemeModuleProps) {
+export function RemixUiThemeModule({ themeModule }: RemixUiThemeModuleProps) {
   const [themeName, setThemeName] = useState('')
 
   useEffect(() => {
diff --git a/libs/remix-ui/toaster/src/lib/toaster.tsx b/libs/remix-ui/toaster/src/lib/toaster.tsx
index 85eb2a4fb0..32a68e005e 100644
--- a/libs/remix-ui/toaster/src/lib/toaster.tsx
+++ b/libs/remix-ui/toaster/src/lib/toaster.tsx
@@ -34,7 +34,7 @@ export const Toaster = (props: ToasterProps) => {
     if (props.message) {
       const timeOutId = setTimeout(() => {
         setState((prevState) => {
-          return {...prevState, hiding: true}
+          return { ...prevState, hiding: true }
         })
       }, state.timeOut)
 
@@ -74,14 +74,14 @@ export const Toaster = (props: ToasterProps) => {
 
   const showFullMessage = () => {
     setState((prevState) => {
-      return {...prevState, showModal: true}
+      return { ...prevState, showModal: true }
     })
   }
 
   const hideFullMessage = () => {
     //eslint-disable-line
     setState((prevState) => {
-      return {...prevState, showModal: false}
+      return { ...prevState, showModal: false }
     })
   }
 
@@ -107,7 +107,7 @@ export const Toaster = (props: ToasterProps) => {
       clearTimeout(state.timeOutId)
     }
     setState((prevState) => {
-      return {...prevState, timeOutId: null}
+      return { ...prevState, timeOutId: null }
     })
   }
 
@@ -115,12 +115,12 @@ export const Toaster = (props: ToasterProps) => {
     if (!state.timeOutId) {
       const timeOutId = setTimeout(() => {
         setState((prevState) => {
-          return {...prevState, hiding: true}
+          return { ...prevState, hiding: true }
         })
       }, state.timeOut)
 
       setState((prevState) => {
-        return {...prevState, timeOutId}
+        return { ...prevState, timeOutId }
       })
     }
   }
@@ -138,12 +138,12 @@ export const Toaster = (props: ToasterProps) => {
           <span className="px-2">
             {state.message}
             {state.showFullBtn && (
-              <button className="btn btn-secondary btn-sm mx-3" style={{whiteSpace: 'nowrap'}} onClick={showFullMessage}>
+              <button className="btn btn-secondary btn-sm mx-3" style={{ whiteSpace: 'nowrap' }} onClick={showFullMessage}>
                 Show full message
               </button>
             )}
           </span>
-          <span style={{alignSelf: 'baseline'}}>
+          <span style={{ alignSelf: 'baseline' }}>
             <button data-id="tooltipCloseButton" className="fas fa-times btn-info mx-1 p-0" onClick={closeTheToaster}></button>
           </span>
         </div>
diff --git a/libs/remix-ui/tooltip-popup/src/lib/tooltip-popup.tsx b/libs/remix-ui/tooltip-popup/src/lib/tooltip-popup.tsx
index ea6f875141..ab4512c1e0 100644
--- a/libs/remix-ui/tooltip-popup/src/lib/tooltip-popup.tsx
+++ b/libs/remix-ui/tooltip-popup/src/lib/tooltip-popup.tsx
@@ -1,6 +1,6 @@
-import React, {useState} from 'react'
-import {OverlayTrigger, Popover} from 'react-bootstrap'
-import {TooltipPopupProps} from '../types'
+import React, { useState } from 'react'
+import { OverlayTrigger, Popover } from 'react-bootstrap'
+import { TooltipPopupProps } from '../types'
 import './tooltip-popup.module.css'
 
 const popover = (title?: string, content?: string | React.ReactNode) => (
diff --git a/libs/remix-ui/tree-view/src/lib/remix-ui-tree-view.tsx b/libs/remix-ui/tree-view/src/lib/remix-ui-tree-view.tsx
index fe7749e4ea..173d48baca 100644
--- a/libs/remix-ui/tree-view/src/lib/remix-ui-tree-view.tsx
+++ b/libs/remix-ui/tree-view/src/lib/remix-ui-tree-view.tsx
@@ -1,10 +1,10 @@
 import React, { useEffect } from 'react' // eslint-disable-line
-import {TreeViewProps} from '../types'
+import { TreeViewProps } from '../types'
 
 import './remix-ui-tree-view.css'
 
 export const TreeView = (props: TreeViewProps) => {
-  const {children, id, ...otherProps} = props
+  const { children, id, ...otherProps } = props
 
   return (
     <ul data-id={`treeViewUl${id}`} className="ul_tv ml-0 pl-1" {...otherProps}>
diff --git a/libs/remix-ui/tree-view/src/lib/tree-view-item/tree-view-item.tsx b/libs/remix-ui/tree-view/src/lib/tree-view-item/tree-view-item.tsx
index 33c0469073..40bef87205 100644
--- a/libs/remix-ui/tree-view/src/lib/tree-view-item/tree-view-item.tsx
+++ b/libs/remix-ui/tree-view/src/lib/tree-view-item/tree-view-item.tsx
@@ -1,10 +1,10 @@
 import React, {useState, useEffect} from 'react' // eslint-disable-line
-import {TreeViewItemProps} from '../../types'
+import { TreeViewItemProps } from '../../types'
 
 import './tree-view-item.css'
 
 export const TreeViewItem = (props: TreeViewItemProps) => {
-  const {id, children, label, labelClass, expand, iconX = 'fas fa-caret-right', iconY = '', icon, controlBehaviour = false, innerRef, showIcon = true, ...otherProps} = props
+  const { id, children, label, labelClass, expand, iconX = 'fas fa-caret-right', iconY = '', icon, controlBehaviour = false, innerRef, showIcon = true, ...otherProps } = props
   const [isExpanded, setIsExpanded] = useState(false)
 
   useEffect(() => {
@@ -20,7 +20,7 @@ export const TreeViewItem = (props: TreeViewItemProps) => {
         onClick={() => !controlBehaviour && setIsExpanded(!isExpanded)}
       >
         {children && showIcon ? (
-          <div className={isExpanded ? `pl-2 ${iconY}` : `pl-2 ${iconX} caret caret_tv`} style={{visibility: children ? 'visible' : 'hidden'}}></div>
+          <div className={isExpanded ? `pl-2 ${iconY}` : `pl-2 ${iconX} caret caret_tv`} style={{ visibility: children ? 'visible' : 'hidden' }}></div>
         ) : icon ? (
           <div className={`pr-2 pl-2 ${icon} caret caret_tv`}></div>
         ) : null}
diff --git a/libs/remix-ui/vertical-icons-panel/src/lib/components/Badge.tsx b/libs/remix-ui/vertical-icons-panel/src/lib/components/Badge.tsx
index 77505133a9..81597d56a6 100644
--- a/libs/remix-ui/vertical-icons-panel/src/lib/components/Badge.tsx
+++ b/libs/remix-ui/vertical-icons-panel/src/lib/components/Badge.tsx
@@ -1,16 +1,16 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable @typescript-eslint/no-non-null-assertion */
-import React, {useEffect} from 'react'
-import {BadgeStatus} from './Icon'
-import {CustomTooltip} from '@remix-ui/helper'
-import {FormattedMessage} from 'react-intl'
+import React, { useEffect } from 'react'
+import { BadgeStatus } from './Icon'
+import { CustomTooltip } from '@remix-ui/helper'
+import { FormattedMessage } from 'react-intl'
 interface BadgeProps {
   badgeStatus?: BadgeStatus
 }
 
 // eslint-disable-next-line no-undef
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
-function Badge({badgeStatus}: BadgeProps) {
+function Badge({ badgeStatus }: BadgeProps) {
   /**
    * resolve a classes list for @arg key
    * @param {Object} key
diff --git a/libs/remix-ui/vertical-icons-panel/src/lib/components/BasicLogo.tsx b/libs/remix-ui/vertical-icons-panel/src/lib/components/BasicLogo.tsx
index 76d42eec3a..620e749cb4 100644
--- a/libs/remix-ui/vertical-icons-panel/src/lib/components/BasicLogo.tsx
+++ b/libs/remix-ui/vertical-icons-panel/src/lib/components/BasicLogo.tsx
@@ -4,7 +4,7 @@ interface BasicLogoProps {
   solid?: boolean
 }
 
-function BasicLogo({classList = '', solid = true}: BasicLogoProps) {
+function BasicLogo({ classList = '', solid = true }: BasicLogoProps) {
   if (solid) {
     return (
       <svg id="Ebene_2" className={classList} data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 105 100">
@@ -14,7 +14,7 @@ function BasicLogo({classList = '', solid = true}: BasicLogoProps) {
       </svg>
     )
   } else {
-    return <img className="" src="assets/img/remix_logo_light.webp" style={{height: '3rem'}} alt=""></img>
+    return <img className="" src="assets/img/remix_logo_light.webp" style={{ height: '3rem' }} alt=""></img>
   }
 }
 
diff --git a/libs/remix-ui/vertical-icons-panel/src/lib/components/Chevron.tsx b/libs/remix-ui/vertical-icons-panel/src/lib/components/Chevron.tsx
index fe8b6a5ef6..68a6785986 100644
--- a/libs/remix-ui/vertical-icons-panel/src/lib/components/Chevron.tsx
+++ b/libs/remix-ui/vertical-icons-panel/src/lib/components/Chevron.tsx
@@ -1,5 +1,5 @@
 /* eslint-disable no-use-before-define */
-import React, {MutableRefObject} from 'react'
+import React, { MutableRefObject } from 'react'
 
 export interface ChevronProps {
   divElementRef: MutableRefObject<any>
@@ -10,9 +10,9 @@ export interface ChevronProps {
 function Chevron(props: ChevronProps) {
   const click = () => {
     if (props.direction === 'down') {
-      props.divElementRef.current.scrollBy({top: 40, behavior: 'smooth'})
+      props.divElementRef.current.scrollBy({ top: 40, behavior: 'smooth' })
     } else {
-      props.divElementRef.current.scrollBy({top: -40, behavior: 'smooth'})
+      props.divElementRef.current.scrollBy({ top: -40, behavior: 'smooth' })
     }
   }
 
@@ -25,4 +25,4 @@ function Chevron(props: ChevronProps) {
   )
 }
 
-export {Chevron}
+export { Chevron }
diff --git a/libs/remix-ui/vertical-icons-panel/src/lib/components/Home.tsx b/libs/remix-ui/vertical-icons-panel/src/lib/components/Home.tsx
index 38514d149d..5a3e9e1789 100644
--- a/libs/remix-ui/vertical-icons-panel/src/lib/components/Home.tsx
+++ b/libs/remix-ui/vertical-icons-panel/src/lib/components/Home.tsx
@@ -1,4 +1,4 @@
-import {CustomTooltip} from '@remix-ui/helper'
+import { CustomTooltip } from '@remix-ui/helper'
 import React from 'react'
 import { FormattedMessage } from 'react-intl'
 import BasicLogo from './BasicLogo'
@@ -6,13 +6,13 @@ interface HomeProps {
   verticalIconPlugin: any
 }
 
-function Home({verticalIconPlugin}: HomeProps) {
+function Home({ verticalIconPlugin }: HomeProps) {
   return (
     <CustomTooltip placement="right" tooltipText={<FormattedMessage id='home.home' />}>
       <div
         className="mt-2 my-1 remixui_homeIcon"
         onClick={async () => await verticalIconPlugin.activateHome()}
-        {...{plugin: 'home'}}
+        {...{ plugin: 'home' }}
         data-id="verticalIconsHomeIcon"
         id="verticalIconsHomeIcon"
       >
diff --git a/libs/remix-ui/vertical-icons-panel/src/lib/components/Icon.tsx b/libs/remix-ui/vertical-icons-panel/src/lib/components/Icon.tsx
index 73f11e72fb..00fb539fa6 100644
--- a/libs/remix-ui/vertical-icons-panel/src/lib/components/Icon.tsx
+++ b/libs/remix-ui/vertical-icons-panel/src/lib/components/Icon.tsx
@@ -1,12 +1,12 @@
 import VerticalIconsContextMenu from '../vertical-icons-context-menu'
 // eslint-disable-next-line no-use-before-define
-import React, {Fragment, SyntheticEvent, useEffect, useReducer, useRef, useState} from 'react'
-import {useIntl} from 'react-intl'
+import React, { Fragment, SyntheticEvent, useEffect, useReducer, useRef, useState } from 'react'
+import { useIntl } from 'react-intl'
 import Badge from './Badge'
-import {iconBadgeReducer, IconBadgeReducerAction} from '../reducers/iconBadgeReducer'
-import {Plugin} from '@remixproject/engine'
-import {IconRecord} from '../types'
-import {CustomTooltip} from '@remix-ui/helper'
+import { iconBadgeReducer, IconBadgeReducerAction } from '../reducers/iconBadgeReducer'
+import { Plugin } from '@remixproject/engine'
+import { IconRecord } from '../types'
+import { CustomTooltip } from '@remix-ui/helper'
 
 export interface IconStatus {
   key: string
@@ -34,11 +34,11 @@ const initialState = {
   pluginName: ''
 }
 
-const Icon = ({iconRecord, verticalIconPlugin, contextMenuAction, theme}: IconProps) => {
+const Icon = ({ iconRecord, verticalIconPlugin, contextMenuAction, theme }: IconProps) => {
   const intl = useIntl()
-  const {displayName, name, icon, documentation} = iconRecord.profile
+  const { displayName, name, icon, documentation } = iconRecord.profile
   const [title] = useState(() => {
-    const temp = name ? intl.formatMessage({id: `${name}.displayName`, defaultMessage: displayName || name}) : null
+    const temp = name ? intl.formatMessage({ id: `${name}.displayName`, defaultMessage: displayName || name }) : null
     return temp.replace(/^\w/, (word: string) => word.toUpperCase())
   })
   const [links, setLinks] = useState<{
@@ -57,9 +57,9 @@ const Icon = ({iconRecord, verticalIconPlugin, contextMenuAction, theme}: IconPr
   const handleContextMenu = (e: SyntheticEvent & PointerEvent) => {
     const deactivationState = iconRecord.canbeDeactivated
     if (documentation && documentation.length > 0 && deactivationState) {
-      setLinks({Documentation: documentation, CanDeactivate: deactivationState})
+      setLinks({ Documentation: documentation, CanDeactivate: deactivationState })
     } else {
-      setLinks({Documentation: documentation, CanDeactivate: deactivationState})
+      setLinks({ Documentation: documentation, CanDeactivate: deactivationState })
     }
     setShowContext(false)
     setPageX(e.pageX)
@@ -75,7 +75,7 @@ const Icon = ({iconRecord, verticalIconPlugin, contextMenuAction, theme}: IconPr
       iconStatus.pluginName = name
       const action: IconBadgeReducerAction = {
         type: name,
-        payload: {status: iconStatus, verticalIconPlugin: verticalIconPlugin}
+        payload: { status: iconStatus, verticalIconPlugin: verticalIconPlugin }
       }
       dispatchStatusUpdate(action)
     })
@@ -84,26 +84,25 @@ const Icon = ({iconRecord, verticalIconPlugin, contextMenuAction, theme}: IconPr
     }
   }, [])
 
-
   const stylePC = iconRecord.active ? 'flex-start' : 'center'
   return (
     <>
-      <div className='d-flex py-1' style={{width: 'auto', placeContent: stylePC}}>      
+      <div className='d-flex py-1' style={{ width: 'auto', placeContent: stylePC }}>
         {iconRecord.active && <div
           className='pt-1 bg-primary'
-          style={{width: "6px", height: "36px", position: 'relative', borderRadius: '24%'}}
+          style={{ width: "6px", height: "36px", position: 'relative', borderRadius: '24%' }}
         ></div>}
         <CustomTooltip
           placement={name === 'settings' ? 'right' : name === 'search' ? 'top' : name === 'udapp' ? 'bottom' : 'top'}
           tooltipText={title}
-          delay={{show: 1000, hide: 0}}
+          delay={{ show: 1000, hide: 0 }}
         >
           <div
             className={`remixui_icon m-0  pt-1`}
             onClick={() => {
               ;(verticalIconPlugin as any).toggle(name)
             }}
-            {...{plugin: name}}
+            {...{ plugin: name }}
             onContextMenu={(e: any) => {
               e.preventDefault()
               e.stopPropagation()
diff --git a/libs/remix-ui/vertical-icons-panel/src/lib/components/IconList.tsx b/libs/remix-ui/vertical-icons-panel/src/lib/components/IconList.tsx
index d621ed2eb5..50636fb1ce 100644
--- a/libs/remix-ui/vertical-icons-panel/src/lib/components/IconList.tsx
+++ b/libs/remix-ui/vertical-icons-panel/src/lib/components/IconList.tsx
@@ -1,8 +1,8 @@
 /* eslint-disable no-use-before-define */
 /* eslint-disable @typescript-eslint/no-unused-vars */
-import React, {useEffect} from 'react'
-import {Plugin} from '@remixproject/engine'
-import {IconRecord} from '../types'
+import React, { useEffect } from 'react'
+import { Plugin } from '@remixproject/engine'
+import { IconRecord } from '../types'
 import Icon from './Icon'
 interface OtherIconsProps {
   verticalIconsPlugin: Plugin<any, any>
@@ -11,7 +11,7 @@ interface OtherIconsProps {
   theme: string
 }
 
-function IconList({verticalIconsPlugin, itemContextAction, icons, theme}: OtherIconsProps) {
+function IconList({ verticalIconsPlugin, itemContextAction, icons, theme }: OtherIconsProps) {
   return (
     <div id="otherIcons" className="position-relative">
       {icons.map((p) => (
diff --git a/libs/remix-ui/vertical-icons-panel/src/lib/remix-ui-vertical-icons-panel.tsx b/libs/remix-ui/vertical-icons-panel/src/lib/remix-ui-vertical-icons-panel.tsx
index e19bcb0681..ffb7d3bae5 100644
--- a/libs/remix-ui/vertical-icons-panel/src/lib/remix-ui-vertical-icons-panel.tsx
+++ b/libs/remix-ui/vertical-icons-panel/src/lib/remix-ui-vertical-icons-panel.tsx
@@ -8,7 +8,7 @@ import { Chevron } from './components/Chevron'
 import { IconRecord } from './types'
 import { onLineContext } from '@remix-ui/app'
 import { CustomTooltip } from '@remix-ui/helper'
-import {Registry} from '@remix-project/remix-lib'
+import { Registry } from '@remix-project/remix-lib'
 
 export interface RemixUiVerticalIconsPanelProps {
   verticalIconsPlugin: Plugin
diff --git a/libs/remix-ui/vertical-icons-panel/src/lib/vertical-icons-context-menu.tsx b/libs/remix-ui/vertical-icons-panel/src/lib/vertical-icons-context-menu.tsx
index 66cb24ef7a..8d8ca86986 100644
--- a/libs/remix-ui/vertical-icons-panel/src/lib/vertical-icons-context-menu.tsx
+++ b/libs/remix-ui/vertical-icons-panel/src/lib/vertical-icons-context-menu.tsx
@@ -1,6 +1,6 @@
-import {Plugin} from '@remixproject/engine'
-import React, {Fragment, useEffect, useRef} from 'react'
-import {FormattedMessage} from 'react-intl'
+import { Plugin } from '@remixproject/engine'
+import React, { Fragment, useEffect, useRef } from 'react'
+import { FormattedMessage } from 'react-intl'
 
 export interface VerticalIconsContextMenuProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
   pageX: number
@@ -66,7 +66,7 @@ const VerticalIconsContextMenu = (props: VerticalIconsContextMenuProps) => {
 }
 
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
-const MenuForLinks = ({listItems, hide, profileName, contextMenuAction}: MenuLinksProps) => {
+const MenuForLinks = ({ listItems, hide, profileName, contextMenuAction }: MenuLinksProps) => {
   return (
     <Fragment>
       {listItems.CanDeactivate ? (
diff --git a/libs/remix-ui/vyper-compile-details/src/lib/vyper-compile-details.tsx b/libs/remix-ui/vyper-compile-details/src/lib/vyper-compile-details.tsx
index c1f9d40c17..f10a7b7bed 100644
--- a/libs/remix-ui/vyper-compile-details/src/lib/vyper-compile-details.tsx
+++ b/libs/remix-ui/vyper-compile-details/src/lib/vyper-compile-details.tsx
@@ -2,7 +2,6 @@ import React from 'react'
 import VyperCompile from './vyperCompile'
 import { ThemeKeys, ThemeObject } from '@microlink/react-json-view'
 
-
 interface RemixUiVyperCompileDetailsProps {
   payload: any
   theme?: ThemeKeys | ThemeObject
@@ -21,7 +20,7 @@ export function RemixUiVyperCompileDetails({ payload, theme, themeStyle }: Remix
   return (
     <>
       <VyperCompile
-        result={{bytecode: bcode, bytecodeRuntime: runtimeBcode, ir: ir, methodIdentifiers: methodIdentifiers, abi: abi, compilerVersion: compilerVersion, evmVersion: emvVersion}}
+        result={{ bytecode: bcode, bytecodeRuntime: runtimeBcode, ir: ir, methodIdentifiers: methodIdentifiers, abi: abi, compilerVersion: compilerVersion, evmVersion: emvVersion }}
         theme={theme}
         themeStyle={themeStyle}
       />
diff --git a/libs/remix-ui/vyper-compile-details/src/lib/vyperCompile.tsx b/libs/remix-ui/vyper-compile-details/src/lib/vyperCompile.tsx
index fc08430b50..c148e2232a 100644
--- a/libs/remix-ui/vyper-compile-details/src/lib/vyperCompile.tsx
+++ b/libs/remix-ui/vyper-compile-details/src/lib/vyperCompile.tsx
@@ -36,7 +36,7 @@ type tabContentType = {
   evmVersion?: string
 }
 
-export default function VyperCompile({result, theme, themeStyle}: VyperCompileProps) {
+export default function VyperCompile({ result, theme, themeStyle }: VyperCompileProps) {
   const [active, setActive] = useState<keyof VyperCompilationResult>('abi')
   const tabContent: tabContentType[] = [
     {
@@ -83,7 +83,7 @@ export default function VyperCompile({result, theme, themeStyle}: VyperCompilePr
               {content.eventKey === 'abi' ? (
                 <div className="my-3">
                   {JSON.stringify(content?.tabPayload)?.length > 1 ? <JSONTree
-                    src={{...content.tabPayload as ABIDescription[], evmVersion: content.evmVersion, version: content.version  } }
+                    src={{ ...content.tabPayload as ABIDescription[], evmVersion: content.evmVersion, version: content.version } }
                     theme={theme}
                     style={themeStyle}
                   /> : null}
diff --git a/libs/remix-ui/workspace/src/lib/actions/events.ts b/libs/remix-ui/workspace/src/lib/actions/events.ts
index b6e7200cc8..74f8bad6b5 100644
--- a/libs/remix-ui/workspace/src/lib/actions/events.ts
+++ b/libs/remix-ui/workspace/src/lib/actions/events.ts
@@ -126,7 +126,7 @@ export const listenOnProviderEvents = (provider) => (reducerDispatch: React.Disp
 
     if (config.get('currentFile') === path) {
       // if it's the current file and the content is different:
-      if(showAlert){
+      if (showAlert){
         dispatch(displayNotification(
           path + ' changed',
           'This file has been changed outside of Remix IDE.',
@@ -134,7 +134,7 @@ export const listenOnProviderEvents = (provider) => (reducerDispatch: React.Disp
           () => {
             editor.setText(path, content)
           }
-        ))}else{
+        ))} else {
         editor.setText(path, content)
       }
     } else {
@@ -181,7 +181,7 @@ const fileAdded = async (filePath: string) => {
 
     if (!isExpanded) return
   }
-  
+
   await dispatch(fileAddedSuccess(filePath))
   if (filePath.includes('_test.sol')) {
     plugin.emit('newTestFileCreated', filePath)
@@ -195,7 +195,7 @@ const folderAdded = async (folderPath: string) => {
     const isExpanded = await plugin.call('filePanel', 'isExpanded', path)
     if (!isExpanded) return
   }
-  
+
   const promise: Promise<FileTree> = new Promise((resolve) => {
     provider.resolveDirectory(path, (error, fileTree: FileTree) => {
       if (error) console.error(error)
@@ -219,7 +219,7 @@ const fileRemoved = async (removePath: string) => {
 const fileRenamed = async (oldPath: string) => {
   const provider = plugin.fileManager.currentFileProvider()
   const path = extractParentFromKey(oldPath) || ROOT_PATH
-  
+
   const promise: Promise<FileTree> = new Promise((resolve) => {
     provider.resolveDirectory(path, (error, fileTree: FileTree) => {
       if (error) console.error(error)
diff --git a/libs/remix-ui/workspace/src/lib/actions/index.ts b/libs/remix-ui/workspace/src/lib/actions/index.ts
index 249db2fe47..d15cfea28b 100644
--- a/libs/remix-ui/workspace/src/lib/actions/index.ts
+++ b/libs/remix-ui/workspace/src/lib/actions/index.ts
@@ -61,7 +61,7 @@ export const initWorkspace = (filePanelPlugin) => async (reducerDispatch: React.
     let workspaces = []
     plugin.on('editor', 'editorMounted', async () => {
       editorMounted = true
-      if(filePathToOpen){
+      if (filePathToOpen){
         setTimeout(async () => {
           await plugin.fileManager.openFile(filePathToOpen)
           filePathToOpen = null
@@ -83,11 +83,11 @@ export const initWorkspace = (filePanelPlugin) => async (reducerDispatch: React.
       plugin.setWorkspace({ name: 'code-sample', isLocalhost: false })
       dispatch(setCurrentWorkspace({ name: 'code-sample', isGitRepo: false }))
       const filePath = await loadWorkspacePreset('code-template')
-      plugin.on('filePanel', 'workspaceInitializationCompleted', async () => {        
+      plugin.on('filePanel', 'workspaceInitializationCompleted', async () => {
         if (editorMounted){
           setTimeout(async () => {
             await plugin.fileManager.openFile(filePath)}, 1000)
-        }else{
+        } else {
           filePathToOpen = filePath
         }
       })
@@ -116,7 +116,7 @@ export const initWorkspace = (filePanelPlugin) => async (reducerDispatch: React.
             if (editorMounted){
               setTimeout(async () => {
                 await plugin.fileManager.openFile(filePath)}, 1000)
-            }else{
+            } else {
               filePathToOpen = filePath
             }
           })
@@ -168,11 +168,11 @@ export const initWorkspace = (filePanelPlugin) => async (reducerDispatch: React.
               await workspaceProvider.set(filePath, data.compilationTargets[filePath]['content'])
           }
 
-          plugin.on('filePanel', 'workspaceInitializationCompleted', async () => {            
+          plugin.on('filePanel', 'workspaceInitializationCompleted', async () => {
             if (editorMounted){
               setTimeout(async () => {
                 await plugin.fileManager.openFile(filePath)}, 1000)
-            }else{
+            } else {
               filePathToOpen = filePath
             }
           })
@@ -190,7 +190,7 @@ export const initWorkspace = (filePanelPlugin) => async (reducerDispatch: React.
       const currentPath = await plugin.call('fs', 'getWorkingDir')
       dispatch(setCurrentLocalFilePath(currentPath))
       plugin.setWorkspace({ name: 'electron', isLocalhost: false })
-      
+
       dispatch(setCurrentWorkspace({ name: 'electron', isGitRepo: false }))
       electrOnProvider.init()
       listenOnProviderEvents(electrOnProvider)(dispatch)
@@ -263,7 +263,7 @@ export type SolidityConfiguration = {
 export const publishToGist = async (path?: string) => {
   // If 'id' is not defined, it is not a gist update but a creation so we have to take the files from the browser explorer.
   const folder = path || '/'
-  
+
   try {
     let id
     if (path) {
@@ -432,7 +432,7 @@ export const copyShareURL = async (path: string) => {
     const ipfs = IpfsHttpClient({ port, host, protocol
       , headers: {
         // authorization: auth
-      } 
+      }
     })
 
     const fileContent = await fileManager.readFile(path)
diff --git a/libs/remix-ui/workspace/src/lib/actions/workspace.ts b/libs/remix-ui/workspace/src/lib/actions/workspace.ts
index c931a3dd1c..fd79dd961c 100644
--- a/libs/remix-ui/workspace/src/lib/actions/workspace.ts
+++ b/libs/remix-ui/workspace/src/lib/actions/workspace.ts
@@ -85,7 +85,7 @@ export const setPlugin = (filePanelPlugin, reducerDispatch) => {
     await getGitConfig()
   })
   plugin.on('fileManager', 'fileAdded', async (filePath: string) => {
-    if(filePath.includes('.gitmodules')) {
+    if (filePath.includes('.gitmodules')) {
       await checkGit()
     }
   })
@@ -187,7 +187,7 @@ export const createWorkspace = async (
         }
       }
     }
-    if (metadata && metadata.type === 'plugin') {      
+    if (metadata && metadata.type === 'plugin') {
       plugin.call('notification', 'toast', 'Please wait while the workspace is being populated with the template.')
       dispatch(cloneRepositoryRequest())
       setTimeout(() => {
@@ -196,8 +196,8 @@ export const createWorkspace = async (
         }).catch((e) => {
           dispatch(cloneRepositorySuccess())
           plugin.call('notification', 'toast', 'error adding template ' + e.message || e)
-        })  
-      }, 5000)      
+        })
+      }, 5000)
     } else if (!isEmpty && !(isGitRepo && createCommit)) await loadWorkspacePreset(workspaceTemplateName, opts)
     cb && cb(null, workspaceName)
     if (isGitRepo) {
@@ -224,7 +224,7 @@ export const createWorkspaceTemplate = async (workspaceName: string, template: W
   if ((await workspaceExists(workspaceName)) && template === 'remixDefault') throw new Error('workspace already exists')
   else if (metadata && metadata.type === 'git') {
     dispatch(cloneRepositoryRequest())
-    await plugin.call('dGitProvider', 'clone', {url: metadata.url, branch: metadata.branch}, workspaceName)
+    await plugin.call('dGitProvider', 'clone', { url: metadata.url, branch: metadata.branch }, workspaceName)
     dispatch(cloneRepositorySuccess())
   } else {
     const workspaceProvider = plugin.fileProviders.workspace
@@ -270,7 +270,7 @@ export const loadWorkspacePreset = async (template: WorkspaceTemplate = 'remixDe
         const ipfs = IpfsHttpClient({ port, host, protocol
           , headers: {
             // authorization: auth
-          } 
+          }
         })
         const hashed = bytesToHex(hash.keccakFromString(params.shareCode))
 
@@ -603,7 +603,7 @@ export const getWorkspaces = async (): Promise<{ name: string; isGitRepo: boolea
     const workspaces: { name: string; isGitRepo: boolean; hasGitSubmodules: boolean; branches?: { remote: any; name: string }[]; currentBranch?: string }[] = await new Promise((resolve, reject) => {
       const workspacesPath = plugin.fileProviders.workspace.workspacesPath
       plugin.fileProviders.browser.resolveDirectory('/' + workspacesPath, (error, items) => {
-        
+
         if (error) {
           return reject(error)
         }
@@ -686,7 +686,7 @@ export const cloneRepository = async (url: string) => {
           const cloneModal = {
             id: 'cloneGitRepository',
             title: 'Clone Git Repository',
-            message: 
+            message:
             'An error occurred: Please check that you have the correct URL for the repo. If the repo is private, you need to add your github credentials (with the valid token permissions) in Settings plugin',
             modalType: 'modal',
             okLabel: plugin.registry.get('platform').api.isDesktop() ? 'Select or create folder':'OK',
diff --git a/libs/remix-ui/workspace/src/lib/components/electron-menu.tsx b/libs/remix-ui/workspace/src/lib/components/electron-menu.tsx
index b5b4eff32b..a5239c4bd4 100644
--- a/libs/remix-ui/workspace/src/lib/components/electron-menu.tsx
+++ b/libs/remix-ui/workspace/src/lib/components/electron-menu.tsx
@@ -5,8 +5,6 @@ import { FormattedMessage } from "react-intl"
 import '../css/electron-menu.css'
 import { CustomTooltip } from '@remix-ui/helper'
 
-
-
 export const ElectronMenu = () => {
   const platform = useContext(platformContext)
   const global = useContext(FileSystemContext)
diff --git a/libs/remix-ui/workspace/src/lib/components/electron-workspace-name.tsx b/libs/remix-ui/workspace/src/lib/components/electron-workspace-name.tsx
index 96f59a16fe..e7aafb644e 100644
--- a/libs/remix-ui/workspace/src/lib/components/electron-workspace-name.tsx
+++ b/libs/remix-ui/workspace/src/lib/components/electron-workspace-name.tsx
@@ -2,7 +2,6 @@ import { CustomTooltip } from "@remix-ui/helper"
 import React from "react"
 import path from 'path'
 
-
 interface ElectronWorkspaceNameProps {
   path: string
   plugin: any
@@ -10,8 +9,8 @@ interface ElectronWorkspaceNameProps {
 
 export const ElectronWorkspaceName = (props: ElectronWorkspaceNameProps) => {
   const { path: dir } = props
-  
-  const parsePath = () => {    
+
+  const parsePath = () => {
     const pathArray = dir.split(path.posix.sep)
     return pathArray[pathArray.length - 1]
   }
diff --git a/libs/remix-ui/workspace/src/lib/components/file-explorer-context-menu.tsx b/libs/remix-ui/workspace/src/lib/components/file-explorer-context-menu.tsx
index 08659f64e8..1024821340 100644
--- a/libs/remix-ui/workspace/src/lib/components/file-explorer-context-menu.tsx
+++ b/libs/remix-ui/workspace/src/lib/components/file-explorer-context-menu.tsx
@@ -1,9 +1,9 @@
 import React, {useRef, useEffect, useState, useContext} from 'react' // eslint-disable-line
-import {useIntl} from 'react-intl'
-import {action, FileExplorerContextMenuProps} from '../types'
+import { useIntl } from 'react-intl'
+import { action, FileExplorerContextMenuProps } from '../types'
 
 import '../css/file-explorer-context-menu.css'
-import {customAction} from '@remixproject/plugin-api'
+import { customAction } from '@remixproject/plugin-api'
 import UploadFile from './upload-file'
 import { appPlatformTypes, platformContext } from '@remix-ui/app'
 
@@ -85,7 +85,7 @@ export const FileExplorerContextMenu = (props: FileExplorerContextMenuProps) =>
   }
 
   const itemMatchesCondition = (item: action, itemType: string, itemPath: string) => {
-    if( platform === appPlatformTypes.desktop && item.platform && item.platform === appPlatformTypes.web) return false
+    if ( platform === appPlatformTypes.desktop && item.platform && item.platform === appPlatformTypes.web) return false
     else if (item.type && Array.isArray(item.type) && (item.type.findIndex(name => name === itemType) !== -1)) return true
     else if (item.path && Array.isArray(item.path) && (item.path.findIndex(key => key === itemPath) !== -1)) return true
     else if (item.extension && Array.isArray(item.extension) && (item.extension.findIndex(ext => itemPath.endsWith(ext)) !== -1)) return true
@@ -231,7 +231,7 @@ export const FileExplorerContextMenu = (props: FileExplorerContextMenuProps) =>
                 break
               default:
                 _paq.push(['trackEvent', 'fileExplorer', 'contextMenu', `${item.id}/${item.name}`])
-                emit && emit({...item, path: [path]} as customAction)
+                emit && emit({ ...item, path: [path]} as customAction)
                 break
               }
               hideContextMenu()
@@ -251,7 +251,7 @@ export const FileExplorerContextMenu = (props: FileExplorerContextMenuProps) =>
     <div
       id="menuItemsContainer"
       className="p-1 remixui_contextContainer bg-light shadow border"
-      style={{left: pageX, top: pageY}}
+      style={{ left: pageX, top: pageY }}
       ref={contextMenuRef}
       onBlur={hideContextMenu}
       tabIndex={500}
diff --git a/libs/remix-ui/workspace/src/lib/components/file-explorer-hovericons.tsx b/libs/remix-ui/workspace/src/lib/components/file-explorer-hovericons.tsx
index c6b299f66f..25980760ff 100644
--- a/libs/remix-ui/workspace/src/lib/components/file-explorer-hovericons.tsx
+++ b/libs/remix-ui/workspace/src/lib/components/file-explorer-hovericons.tsx
@@ -20,7 +20,7 @@ export function FileHoverIcons(props: FileHoverIconsProps) {
             <>
               <CustomTooltip
                 placement="bottom"
-                delay={{show: 1000, hide: 0}}
+                delay={{ show: 1000, hide: 0 }}
                 tooltipText={<FormattedMessage id="filePanel.createNewFolder" />}
                 tooltipId={`filePanel.createNewFolder.${props.file.path}`}
                 tooltipClasses="text-nowrap"
@@ -38,7 +38,7 @@ export function FileHoverIcons(props: FileHoverIconsProps) {
               </CustomTooltip>
               <CustomTooltip
                 placement="bottom"
-                delay={{show: 1000, hide: 0}}
+                delay={{ show: 1000, hide: 0 }}
                 tooltipText={<FormattedMessage id="filePanel.createNewFile" />}
                 tooltipId={`fileExplorer.createNewFile.${props.file.path}`}
                 tooltipClasses="text-nowrap"
@@ -59,7 +59,7 @@ export function FileHoverIcons(props: FileHoverIconsProps) {
         }
         <CustomTooltip
           placement="bottom"
-          delay={{show: 1000, hide: 0}}
+          delay={{ show: 1000, hide: 0 }}
           tooltipText={<FormattedMessage id="filePanel.rename" />}
           tooltipId={`filePanel.rename.${props.file.path}`}
           tooltipClasses="text-nowrap"
@@ -77,7 +77,7 @@ export function FileHoverIcons(props: FileHoverIconsProps) {
         </CustomTooltip>
         <CustomTooltip
           placement="bottom"
-          delay={{show: 1000, hide: 0}}
+          delay={{ show: 1000, hide: 0 }}
           tooltipText={<FormattedMessage id="filePanel.deleteItem" />}
           tooltipId={`filePanel.deleteItem.${props.file.path}`}
           tooltipClasses="text-nowrap"
diff --git a/libs/remix-ui/workspace/src/lib/components/file-explorer-menu.tsx b/libs/remix-ui/workspace/src/lib/components/file-explorer-menu.tsx
index 1ae9e7a9ad..ba158f7033 100644
--- a/libs/remix-ui/workspace/src/lib/components/file-explorer-menu.tsx
+++ b/libs/remix-ui/workspace/src/lib/components/file-explorer-menu.tsx
@@ -1,8 +1,8 @@
-import {CustomTooltip} from '@remix-ui/helper'
+import { CustomTooltip } from '@remix-ui/helper'
 import React, {useState, useEffect, useContext} from 'react' //eslint-disable-line
-import {FormattedMessage} from 'react-intl'
-import {Placement} from 'react-bootstrap/esm/Overlay'
-import {FileExplorerMenuProps} from '../types'
+import { FormattedMessage } from 'react-intl'
+import { Placement } from 'react-bootstrap/esm/Overlay'
+import { FileExplorerMenuProps } from '../types'
 import { FileSystemContext } from '../contexts'
 import { appPlatformTypes, platformContext } from '@remix-ui/app'
 const _paq = (window._paq = window._paq || [])
@@ -49,12 +49,12 @@ export const FileExplorerMenu = (props: FileExplorerMenuProps) => {
     ),
     actions: {}
   })
-  const enableDirUpload = {directory: '', webkitdirectory: ''}
+  const enableDirUpload = { directory: '', webkitdirectory: '' }
 
   return (
     (!global.fs.browser.isSuccessfulWorkspace ? null :
       <>
-      
+
         <span data-id="spanContaining" className="pl-0 pb-1 w-50">
           {state.menuItems.map(({ action, title, icon, placement, platforms }, index) => {
             if (platforms && !platforms.includes(platform)) return null
@@ -69,7 +69,7 @@ export const FileExplorerMenu = (props: FileExplorerMenuProps) => {
                 >
                   <label
                     id={action}
-                    style={{fontSize: '1.1rem', cursor: 'pointer'}}
+                    style={{ fontSize: '1.1rem', cursor: 'pointer' }}
                     data-id={'fileExplorerUploadFile' + action}
                     className={icon + ' mx-1 remixui_menuItem'}
                     key={`index-${action}-${placement}-${icon}`}
@@ -100,7 +100,7 @@ export const FileExplorerMenu = (props: FileExplorerMenuProps) => {
                 >
                   <label
                     id={action}
-                    style={{fontSize: '1.1rem', cursor: 'pointer'}}
+                    style={{ fontSize: '1.1rem', cursor: 'pointer' }}
                     data-id={'fileExplorerUploadFolder' + action}
                     className={icon + ' mx-1 remixui_menuItem'}
                     key={`index-${action}-${placement}-${icon}`}
@@ -132,7 +132,7 @@ export const FileExplorerMenu = (props: FileExplorerMenuProps) => {
                 >
                   <label
                     id={action}
-                    style={{fontSize: '1.1rem', cursor: 'pointer'}}
+                    style={{ fontSize: '1.1rem', cursor: 'pointer' }}
                     data-id={'fileExplorerNewFile' + action}
                     onClick={(e) => {
                       e.stopPropagation()
diff --git a/libs/remix-ui/workspace/src/lib/components/file-explorer.tsx b/libs/remix-ui/workspace/src/lib/components/file-explorer.tsx
index c1ffe28bd5..9b90deb035 100644
--- a/libs/remix-ui/workspace/src/lib/components/file-explorer.tsx
+++ b/libs/remix-ui/workspace/src/lib/components/file-explorer.tsx
@@ -42,8 +42,6 @@ export const FileExplorer = (props: FileExplorerProps) => {
     }
   }, [contextMenuItems])
 
-
-
   useEffect(() => {
     if (removedContextMenuItems) {
       removeMenuItems(removedContextMenuItems)
@@ -358,8 +356,6 @@ export const FileExplorer = (props: FileExplorerProps) => {
 
   }
 
-
-
   return (
     <div className="h-100 remixui_treeview" data-id="filePanelFileExplorerTree">
       <div ref={treeRef} tabIndex={0} style={{
diff --git a/libs/remix-ui/workspace/src/lib/components/flat-tree-drop.tsx b/libs/remix-ui/workspace/src/lib/components/flat-tree-drop.tsx
index de274562f7..92de1ff8f1 100644
--- a/libs/remix-ui/workspace/src/lib/components/flat-tree-drop.tsx
+++ b/libs/remix-ui/workspace/src/lib/components/flat-tree-drop.tsx
@@ -19,7 +19,6 @@ export const FlatTreeDrop = (props: FlatTreeDropProps) => {
   // folder to open
   const [folderToOpen, setFolderToOpen] = useState<string>()
 
-
   const onDragOver = async (e: SyntheticEvent) => {
     e.preventDefault()
     const target = await getEventTarget(e)
@@ -77,7 +76,6 @@ export const FlatTreeDrop = (props: FlatTreeDropProps) => {
     }
   }
 
-
   return (<div
     onDrop={onDrop} onDragOver={onDragOver}
     className="d-flex h-100"
diff --git a/libs/remix-ui/workspace/src/lib/components/flat-tree-item-input.tsx b/libs/remix-ui/workspace/src/lib/components/flat-tree-item-input.tsx
index d920565f0b..e31d38fa85 100644
--- a/libs/remix-ui/workspace/src/lib/components/flat-tree-item-input.tsx
+++ b/libs/remix-ui/workspace/src/lib/components/flat-tree-item-input.tsx
@@ -48,18 +48,18 @@ export const FlatTreeItemInput = (props: FlatTreeItemInputProps) => {
     ref.current.focus()
   },[])
 
-  return(<input 
+  return (<input
     onBlur={handleEditBlur}
-    data-id='fileExplorerTreeItemInput' 
+    data-id='fileExplorerTreeItemInput'
     data-input-path = {file.path}
-    onKeyDown={handleKeyDown} 
-    ref={ref} 
+    onKeyDown={handleKeyDown}
+    ref={ref}
     style={{
       height: '1.5em',
     }}
-    className='form-control p-0 ml-2 remixui_items' 
-    onFocus={handleFocus} 
-    onChange={changeValue} 
+    className='form-control p-0 ml-2 remixui_items'
+    onFocus={handleFocus}
+    onChange={changeValue}
     defaultValue={file.name}>
   </input>)
 }
\ No newline at end of file
diff --git a/libs/remix-ui/workspace/src/lib/components/upload-file.tsx b/libs/remix-ui/workspace/src/lib/components/upload-file.tsx
index ddb99e9936..764fdf5e2d 100644
--- a/libs/remix-ui/workspace/src/lib/components/upload-file.tsx
+++ b/libs/remix-ui/workspace/src/lib/components/upload-file.tsx
@@ -1,4 +1,4 @@
-import React, {useEffect, useRef} from 'react'
+import React, { useEffect, useRef } from 'react'
 
 type UploadFileProps = {
   onUpload: (target: EventTarget & HTMLInputElement, files?: FileList) => void
@@ -17,7 +17,7 @@ const UploadFile = (props: UploadFileProps) => {
     }
   }, [])
 
-  return <input ref={ref} style={{display: 'none'}} accept={props.accept} multiple={props.multiple} type="file" />
+  return <input ref={ref} style={{ display: 'none' }} accept={props.accept} multiple={props.multiple} type="file" />
 }
 
 export default UploadFile
diff --git a/libs/remix-ui/workspace/src/lib/components/workspace-hamburger-item.tsx b/libs/remix-ui/workspace/src/lib/components/workspace-hamburger-item.tsx
index 82a873c4bc..25622b3c9a 100644
--- a/libs/remix-ui/workspace/src/lib/components/workspace-hamburger-item.tsx
+++ b/libs/remix-ui/workspace/src/lib/components/workspace-hamburger-item.tsx
@@ -1,7 +1,7 @@
 import React, { useContext } from 'react'
-import {CustomTooltip, CustomMenu, CustomIconsToggle} from '@remix-ui/helper'
-import {Dropdown, NavDropdown} from 'react-bootstrap'
-import {FormattedMessage} from 'react-intl'
+import { CustomTooltip, CustomMenu, CustomIconsToggle } from '@remix-ui/helper'
+import { Dropdown, NavDropdown } from 'react-bootstrap'
+import { FormattedMessage } from 'react-intl'
 import { appPlatformTypes, platformContext } from '@remix-ui/app'
 const _paq = (window._paq = window._paq || [])
 
@@ -14,7 +14,7 @@ export interface HamburgerMenuItemProps {
 }
 
 export function HamburgerMenuItem(props: HamburgerMenuItemProps) {
-  const {hideOption} = props
+  const { hideOption } = props
   const platform = useContext(platformContext)
   const uid = 'workspace' + props.kind
   return (
@@ -30,7 +30,7 @@ export function HamburgerMenuItem(props: HamburgerMenuItemProps) {
                 _paq.push(['trackEvent', 'fileExplorer', 'workspaceMenu', uid])
               }}
             >
-              <span hidden={hideOption} id={uid} data-id={uid} className={props.fa + ' pl-2'} style={{width: '1.4rem'}}></span>
+              <span hidden={hideOption} id={uid} data-id={uid} className={props.fa + ' pl-2'} style={{ width: '1.4rem' }}></span>
               <span className="px-2">
                 <FormattedMessage id={'filePanel.' + props.kind} />
               </span>
@@ -43,7 +43,7 @@ export function HamburgerMenuItem(props: HamburgerMenuItemProps) {
 
 // keeping the following for a later use:
 export function NavHamburgerMenuItem(props: HamburgerMenuItemProps) {
-  const {hideOption} = props
+  const { hideOption } = props
   const uid = 'workspace' + props.kind
   return (
     <>
@@ -57,7 +57,7 @@ export function NavHamburgerMenuItem(props: HamburgerMenuItemProps) {
               _paq.push(['trackEvent', 'fileExplorer', 'workspaceMenu', uid])
             }}
           >
-            <span hidden={hideOption} id={uid} data-id={uid} className={props.fa + ' pl-2'} style={{width: '1.4rem'}}></span>
+            <span hidden={hideOption} id={uid} data-id={uid} className={props.fa + ' pl-2'} style={{ width: '1.4rem' }}></span>
             <span className="px-2">
               <FormattedMessage id={'filePanel.' + props.kind} />
             </span>
diff --git a/libs/remix-ui/workspace/src/lib/components/workspace-hamburger.tsx b/libs/remix-ui/workspace/src/lib/components/workspace-hamburger.tsx
index 41d6076a2c..6cb3ef471b 100644
--- a/libs/remix-ui/workspace/src/lib/components/workspace-hamburger.tsx
+++ b/libs/remix-ui/workspace/src/lib/components/workspace-hamburger.tsx
@@ -1,7 +1,7 @@
 import { appPlatformTypes } from '@remix-ui/app'
 import React from 'react'
-import {Dropdown} from 'react-bootstrap'
-import {HamburgerMenuItem, HamburgerSubMenuItem} from './workspace-hamburger-item'
+import { Dropdown } from 'react-bootstrap'
+import { HamburgerMenuItem, HamburgerSubMenuItem } from './workspace-hamburger-item'
 import { WorkspaceMetadata } from '../types'
 
 export interface HamburgerMenuProps {
@@ -27,7 +27,7 @@ export interface HamburgerMenuProps {
 }
 
 export function HamburgerMenu(props: HamburgerMenuProps) {
-  const {showIconsMenu, hideWorkspaceOptions, hideLocalhostOptions, hideFileOperations, selectedWorkspace} = props
+  const { showIconsMenu, hideWorkspaceOptions, hideLocalhostOptions, hideFileOperations, selectedWorkspace } = props
   return (
     <>
       <HamburgerMenuItem
@@ -90,7 +90,7 @@ export function HamburgerMenu(props: HamburgerMenuProps) {
         }}
         platforms={[appPlatformTypes.web]}
       ></HamburgerMenuItem>
-      <Dropdown.Divider className="border mb-0 mt-0 remixui_menuhr" style={{pointerEvents: 'none'}} />
+      <Dropdown.Divider className="border mb-0 mt-0 remixui_menuhr" style={{ pointerEvents: 'none' }} />
       <HamburgerMenuItem
         kind={selectedWorkspace.isGist ? "updateGist" : "publishToGist"}
         fa="fab fa-github"
@@ -101,7 +101,7 @@ export function HamburgerMenu(props: HamburgerMenuProps) {
         }}
         platforms={[appPlatformTypes.web]}
       ></HamburgerMenuItem>
-      <Dropdown.Divider className="border mb-0 mt-0 remixui_menuhr" style={{pointerEvents: 'none'}} />
+      <Dropdown.Divider className="border mb-0 mt-0 remixui_menuhr" style={{ pointerEvents: 'none' }} />
       <HamburgerMenuItem
         kind="deleteAll"
         fa="far fa-trash-alt"
@@ -132,7 +132,7 @@ export function HamburgerMenu(props: HamburgerMenuProps) {
         }}
         platforms={[appPlatformTypes.web]}
       ></HamburgerMenuItem>
-      <Dropdown.Divider className="border mt-0 mb-0 remixui_menuhr" style={{pointerEvents: 'none'}} />
+      <Dropdown.Divider className="border mt-0 mb-0 remixui_menuhr" style={{ pointerEvents: 'none' }} />
       <HamburgerMenuItem
         kind="solghaction"
         fa="fa-kit fa-solidity-mono"
@@ -163,7 +163,7 @@ export function HamburgerMenu(props: HamburgerMenuProps) {
         }}
         platforms={[appPlatformTypes.web, appPlatformTypes.desktop]}
       ></HamburgerMenuItem>
-      <Dropdown.Divider className="border mb-0 mt-0 remixui_menuhr" style={{pointerEvents: 'none'}} />
+      <Dropdown.Divider className="border mb-0 mt-0 remixui_menuhr" style={{ pointerEvents: 'none' }} />
       <HamburgerMenuItem
         kind="addscriptetherscan"
         fa="fa-kit fa-ts-logo"
diff --git a/libs/remix-ui/workspace/src/lib/contexts/index.ts b/libs/remix-ui/workspace/src/lib/contexts/index.ts
index 42e7f8bbf9..7e297ffb0d 100644
--- a/libs/remix-ui/workspace/src/lib/contexts/index.ts
+++ b/libs/remix-ui/workspace/src/lib/contexts/index.ts
@@ -52,5 +52,4 @@ export const FileSystemContext = createContext<{
   dispatchRemoveRecentFolder: (path: string) => Promise<void>
   dispatchUpdateGitSubmodules: () => Promise<void>
     }>(null)
-  
-    
\ No newline at end of file
+
diff --git a/libs/remix-ui/workspace/src/lib/providers/FileSystemProvider.tsx b/libs/remix-ui/workspace/src/lib/providers/FileSystemProvider.tsx
index e4bbd25cec..481991dd12 100644
--- a/libs/remix-ui/workspace/src/lib/providers/FileSystemProvider.tsx
+++ b/libs/remix-ui/workspace/src/lib/providers/FileSystemProvider.tsx
@@ -1,10 +1,10 @@
 // eslint-disable-next-line no-use-before-define
-import React, {useReducer, useState, useEffect, SyntheticEvent} from 'react'
+import React, { useReducer, useState, useEffect, SyntheticEvent } from 'react'
 import {ModalDialog} from '@remix-ui/modal-dialog' // eslint-disable-line
 import {Toaster} from '@remix-ui/toaster' // eslint-disable-line
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
-import {FileSystemContext} from '../contexts'
-import {browserReducer, browserInitialState} from '../reducers/workspace'
+import { FileSystemContext } from '../contexts'
+import { browserReducer, browserInitialState } from '../reducers/workspace'
 import {
   initWorkspace,
   fetchDirectory,
@@ -47,18 +47,18 @@ import {
   createTsSolGithubAction,
   createSlitherGithubAction,
   createHelperScripts,
-  openElectronFolder, 
-  getElectronRecentFolders, 
+  openElectronFolder,
+  getElectronRecentFolders,
   removeRecentElectronFolder,
   updateGitSubmodules
 } from '../actions'
-import {Modal, WorkspaceProps, WorkspaceTemplate} from '../types'
+import { Modal, WorkspaceProps, WorkspaceTemplate } from '../types'
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
-import {Workspace} from '../remix-ui-workspace'
-import {customAction} from '@remixproject/plugin-api'
+import { Workspace } from '../remix-ui-workspace'
+import { customAction } from '@remixproject/plugin-api'
 
 export const FileSystemProvider = (props: WorkspaceProps) => {
-  const {plugin} = props
+  const { plugin } = props
   const [fs, fsDispatch] = useReducer(browserReducer, browserInitialState)
   const [focusModal, setFocusModal] = useState<Modal>({
     hide: true,
@@ -98,7 +98,7 @@ export const FileSystemProvider = (props: WorkspaceProps) => {
       await fetchWorkspaceDirectory(path)
     } catch (err) {
       console.warn(err)
-    }    
+    }
   }
 
   const dispatchSwitchToWorkspace = async (name: string) => {
@@ -249,7 +249,6 @@ export const FileSystemProvider = (props: WorkspaceProps) => {
     await removeRecentElectronFolder(path)
   }
 
-
   const dispatchUpdateGitSubmodules = async () => {
     await updateGitSubmodules()
   }
@@ -309,13 +308,13 @@ export const FileSystemProvider = (props: WorkspaceProps) => {
 
   const handleHideModal = () => {
     setFocusModal((modal) => {
-      return {...modal, hide: true, message: null}
+      return { ...modal, hide: true, message: null }
     })
   }
 
   const modal = (title: string, message: string | JSX.Element, okLabel: string, okFn: () => void, cancelLabel?: string, cancelFn?: () => void) => {
     setModals((modals) => {
-      modals.push({message, title, okLabel, okFn, cancelLabel, cancelFn})
+      modals.push({ message, title, okLabel, okFn, cancelLabel, cancelFn })
       return [...modals]
     })
   }
diff --git a/libs/remix-ui/workspace/src/lib/reducers/workspace.ts b/libs/remix-ui/workspace/src/lib/reducers/workspace.ts
index d2f923ceb8..f86929ca23 100644
--- a/libs/remix-ui/workspace/src/lib/reducers/workspace.ts
+++ b/libs/remix-ui/workspace/src/lib/reducers/workspace.ts
@@ -1,8 +1,8 @@
-import {extractNameFromKey, extractParentFromKey} from '@remix-ui/helper'
-import {action, Actions, FileType, WorkspaceElement} from '../types'
+import { extractNameFromKey, extractParentFromKey } from '@remix-ui/helper'
+import { action, Actions, FileType, WorkspaceElement } from '../types'
 import * as _ from 'lodash'
-import {fileDecoration} from '@remix-ui/file-decorators'
-import {ROOT_PATH} from '../utils/constants'
+import { fileDecoration } from '@remix-ui/file-decorators'
+import { ROOT_PATH } from '../utils/constants'
 import isElectron from 'is-electron'
 import { fileKeySort } from '../utils'
 export interface BrowserState {
@@ -126,7 +126,7 @@ export const browserInitialState: BrowserState = {
   focusEdit: '',
   focusElement: [],
   initializingFS: true,
-  gitConfig: {username: '', email: '', token: ''}
+  gitConfig: { username: '', email: '', token: '' }
 }
 
 export const browserReducer = (state = browserInitialState, action: Actions) => {
@@ -134,7 +134,7 @@ export const browserReducer = (state = browserInitialState, action: Actions) =>
   case 'SET_CURRENT_WORKSPACE': {
     const payload = action.payload
     const workspaces = state.browser.workspaces.find(
-      ({name}) => name === payload.name
+      ({ name }) => name === payload.name
     )
       ? state.browser.workspaces
       : [...state.browser.workspaces, action.payload]
@@ -336,7 +336,7 @@ export const browserReducer = (state = browserInitialState, action: Actions) =>
     const payload = action.payload
     const fd = fileAdded(state, payload)
     const dir = extractParentFromKey(payload)
-    const browserExpandPath = state.mode === 'browser'  && !isElectron() ? [...new Set([...state.browser.expandPath, payload])] : state.browser.expandPath
+    const browserExpandPath = state.mode === 'browser' && !isElectron() ? [...new Set([...state.browser.expandPath, payload])] : state.browser.expandPath
     const localhostExpandPath = state.mode === 'localhost' ? [...new Set([...state.localhost.expandPath, payload])] : state.localhost.expandPath
     const flatTree = flattenTree(fd, state.mode === 'browser'? browserExpandPath : localhostExpandPath)
     return {
@@ -367,7 +367,7 @@ export const browserReducer = (state = browserInitialState, action: Actions) =>
   case 'FOLDER_ADDED_SUCCESS': {
     const payload = action.payload
     const fd = fetchDirectoryContent(state, payload)
-    const browserExpandPath = state.mode === 'browser'  && !isElectron() ? [...new Set([...state.browser.expandPath, payload.folderPath])] : state.browser.expandPath
+    const browserExpandPath = state.mode === 'browser' && !isElectron() ? [...new Set([...state.browser.expandPath, payload.folderPath])] : state.browser.expandPath
     const localhostExpandPath = state.mode === 'localhost' ? [...new Set([...state.localhost.expandPath, payload.folderPath])] : state.localhost.expandPath
     const flatTree = flattenTree(fd, state.mode === 'browser'? browserExpandPath : localhostExpandPath)
     return {
@@ -398,10 +398,10 @@ export const browserReducer = (state = browserInitialState, action: Actions) =>
   case 'FILE_REMOVED_SUCCESS': {
     const payload = action.payload
     const fd = fileRemoved(state, payload)
-    const browserExpandPath = state.mode === 'browser'  && !isElectron() ? [...state.browser.expandPath.filter((path) => path !== payload)] : state.browser.expandPath
+    const browserExpandPath = state.mode === 'browser' && !isElectron() ? [...state.browser.expandPath.filter((path) => path !== payload)] : state.browser.expandPath
     const localhostExpandPath = state.mode === 'localhost' ? [...state.localhost.expandPath.filter((path) => path !== payload)] : state.localhost.expandPath
     const flatTree = flattenTree(fd, state.mode === 'browser'? browserExpandPath : localhostExpandPath)
-    
+
     return {
       ...state,
       browser: {
@@ -540,7 +540,7 @@ export const browserReducer = (state = browserInitialState, action: Actions) =>
   case 'CREATE_WORKSPACE_SUCCESS': {
     const payload = action.payload
     const workspaces = state.browser.workspaces.find(
-      ({name}) => name === payload.name
+      ({ name }) => name === payload.name
     )
       ? state.browser.workspaces
       : [...state.browser.workspaces, action.payload]
@@ -574,7 +574,7 @@ export const browserReducer = (state = browserInitialState, action: Actions) =>
     const payload = action.payload
     let renamedWorkspace
     const workspaces = state.browser.workspaces.filter(
-      ({name, isGitRepo, branches, currentBranch}) => {
+      ({ name, isGitRepo, branches, currentBranch }) => {
         if (name && name !== payload.oldName) {
           return true
         } else {
@@ -603,7 +603,7 @@ export const browserReducer = (state = browserInitialState, action: Actions) =>
   case 'DELETE_WORKSPACE': {
     const payload = action.payload
     const workspaces = state.browser.workspaces.filter(
-      ({name}) => name && name !== payload
+      ({ name }) => name && name !== payload
     )
 
     return {
@@ -630,7 +630,7 @@ export const browserReducer = (state = browserInitialState, action: Actions) =>
       popup: ''
     }
   }
-  
+
   case 'SET_FOCUS_ELEMENT': {
     const payload = action.payload
 
@@ -690,12 +690,12 @@ export const browserReducer = (state = browserInitialState, action: Actions) =>
       ...state,
       browser: {
         ...state.browser,
-        flatTree: state.mode === 'browser' ?  flatTree : state.browser.flatTree,
+        flatTree: state.mode === 'browser' ? flatTree : state.browser.flatTree,
         expandPath: payload
       },
       localhost: {
         ...state.localhost,
-        flatTree: state.mode === 'localhost' ?  flatTree : state.localhost.flatTree,
+        flatTree: state.mode === 'localhost' ? flatTree : state.localhost.flatTree,
         expandPath: payload
       }
     }
@@ -862,7 +862,6 @@ export const browserReducer = (state = browserInitialState, action: Actions) =>
     }
   }
 
-
   case 'SET_ELECTRON_RECENT_FOLDERS': {
     const payload: string[] = action.payload
     return {
@@ -897,7 +896,7 @@ const flattenTree = (files, expandPath: string[]) =>{
     if (!file || !file.path) return
 
     flatTree.push(file)
-    
+
     if (file.isDirectory && file.child && expandPath && expandPath.find((path) => path === file.path || path.startsWith(file.path + '/')) ) {
       const sorted = fileKeySort(file.child)
       Object.keys(sorted).map((key) => {
@@ -905,13 +904,13 @@ const flattenTree = (files, expandPath: string[]) =>{
       })
     }
   }
-  if(files){
+  if (files){
     const sorted = fileKeySort(files[ROOT_PATH])
     Object.keys(sorted).map((key) => {
       mapChild(sorted[key])
     })
   }
-  
+
   return flatTree
 }
 
@@ -936,7 +935,7 @@ const fileAdded = (
     Object
   )
   const prevFiles = _.get(files, childPath)
-  
+
   files = _.setWith(
     files,
     childPath,
@@ -945,7 +944,7 @@ const fileAdded = (
     },
     Object
   )
-  
+
   return files
 }
 
@@ -1011,7 +1010,7 @@ const fetchDirectoryContent = (
       let files = normalize(payload.fileTree, ROOT_PATH, payload.type)
       files = _.merge(files, state.browser.files[ROOT_PATH])
       if (deletePath) delete files[deletePath]
-      return {[ROOT_PATH]: files}
+      return { [ROOT_PATH]: files }
     } else {
       let files = state.browser.files
       const _path = splitPath(state, payload.path)
@@ -1056,7 +1055,7 @@ const fetchDirectoryContent = (
       let files = normalize(payload.fileTree, ROOT_PATH, payload.type)
       files = _.merge(files, state.localhost.files[ROOT_PATH])
       if (deletePath) delete files[deletePath]
-      return {[ROOT_PATH]: files}
+      return { [ROOT_PATH]: files }
     } else {
       let files = state.localhost.files
       const _path = splitPath(state, payload.path)
@@ -1095,7 +1094,7 @@ const fetchWorkspaceDirectoryContent = (
 ): {[x: string]: Record<string, FileType>} => {
   const files = normalize(payload.fileTree, ROOT_PATH)
 
-  return {[ROOT_PATH]: files}
+  return { [ROOT_PATH]: files }
 }
 
 const normalize = (
diff --git a/libs/remix-ui/workspace/src/lib/remix-ui-workspace.tsx b/libs/remix-ui/workspace/src/lib/remix-ui-workspace.tsx
index 68cd0b7608..2368fc6a83 100644
--- a/libs/remix-ui/workspace/src/lib/remix-ui-workspace.tsx
+++ b/libs/remix-ui/workspace/src/lib/remix-ui-workspace.tsx
@@ -1,23 +1,22 @@
 import React, {useState, useEffect, useRef, useContext, ChangeEvent} from 'react' // eslint-disable-line
-import {FormattedMessage, useIntl} from 'react-intl'
-import {Dropdown} from 'react-bootstrap'
-import {CustomIconsToggle, CustomMenu, CustomToggle, CustomTooltip, extractNameFromKey, extractParentFromKey} from '@remix-ui/helper'
-import {CopyToClipboard} from '@remix-ui/clipboard'
+import { FormattedMessage, useIntl } from 'react-intl'
+import { Dropdown } from 'react-bootstrap'
+import { CustomIconsToggle, CustomMenu, CustomToggle, CustomTooltip, extractNameFromKey, extractParentFromKey } from '@remix-ui/helper'
+import { CopyToClipboard } from '@remix-ui/clipboard'
 import {FileExplorer} from './components/file-explorer' // eslint-disable-line
-import {FileSystemContext} from './contexts'
+import { FileSystemContext } from './contexts'
 import './css/remix-ui-workspace.css'
-import {ROOT_PATH, TEMPLATE_NAMES} from './utils/constants'
-import {HamburgerMenu} from './components/workspace-hamburger'
+import { ROOT_PATH, TEMPLATE_NAMES } from './utils/constants'
+import { HamburgerMenu } from './components/workspace-hamburger'
 
-import {MenuItems, WorkSpaceState, WorkspaceMetadata} from './types'
-import {contextMenuActions} from './utils'
+import { MenuItems, WorkSpaceState, WorkspaceMetadata } from './types'
+import { contextMenuActions } from './utils'
 import FileExplorerContextMenu from './components/file-explorer-context-menu'
 import { customAction } from '@remixproject/plugin-api'
 import { appPlatformTypes, platformContext } from '@remix-ui/app'
 import { ElectronMenu } from './components/electron-menu'
 import { ElectronWorkspaceName } from './components/electron-workspace-name'
 
-
 const _paq = (window._paq = window._paq || [])
 
 const canUpload = window.File || window.FileReader || window.FileList || window.Blob
@@ -141,7 +140,7 @@ export function Workspace() {
   }, [global.fs.browser.currentWorkspace, global.fs.localhost.sharedFolder, global.fs.mode])
 
   useEffect(() => {
-    if (global.fs.browser.currentWorkspace && !global.fs.browser.workspaces.find(({name}) => name === global.fs.browser.currentWorkspace)) {
+    if (global.fs.browser.currentWorkspace && !global.fs.browser.workspaces.find(({ name }) => name === global.fs.browser.currentWorkspace)) {
       if (global.fs.browser.workspaces.length > 0) {
         switchWorkspace(global.fs.browser.workspaces[global.fs.browser.workspaces.length - 1].name)
       } else {
@@ -157,92 +156,92 @@ export function Workspace() {
 
   const renameCurrentWorkspace = () => {
     global.modal(
-      intl.formatMessage({id: 'filePanel.workspace.rename'}),
+      intl.formatMessage({ id: 'filePanel.workspace.rename' }),
       renameModalMessage(),
-      intl.formatMessage({id: 'filePanel.save'}),
+      intl.formatMessage({ id: 'filePanel.save' }),
       onFinishRenameWorkspace,
-      intl.formatMessage({id: 'filePanel.cancel'})
+      intl.formatMessage({ id: 'filePanel.cancel' })
     )
   }
 
   const saveSampleCodeWorkspace = () => {
     const workspaceName = global.plugin.getAvailableWorkspaceName('code-sample')
     global.modal(
-      intl.formatMessage({id: 'filePanel.workspace.save_workspace'}),
+      intl.formatMessage({ id: 'filePanel.workspace.save_workspace' }),
       renameModalMessage(workspaceName),
-      intl.formatMessage({id: 'filePanel.save'}),
+      intl.formatMessage({ id: 'filePanel.save' }),
       onFinishRenameWorkspace,
-      intl.formatMessage({id: 'filePanel.cancel'})
+      intl.formatMessage({ id: 'filePanel.cancel' })
     )
   }
 
   const downloadCurrentWorkspace = () => {
     global.modal(
-      intl.formatMessage({id: 'filePanel.workspace.download'}),
-      intl.formatMessage({id: 'filePanel.workspace.downloadConfirm'}),
-      intl.formatMessage({id: 'filePanel.ok'}),
+      intl.formatMessage({ id: 'filePanel.workspace.download' }),
+      intl.formatMessage({ id: 'filePanel.workspace.downloadConfirm' }),
+      intl.formatMessage({ id: 'filePanel.ok' }),
       onFinishDownloadWorkspace,
-      intl.formatMessage({id: 'filePanel.cancel'})
+      intl.formatMessage({ id: 'filePanel.cancel' })
     )
   }
   const createWorkspace = () => {
     global.modal(
-      intl.formatMessage({id: (platform !== appPlatformTypes.desktop)? 'filePanel.workspace.create': 'filePanel.workspace.create.desktop'}),
+      intl.formatMessage({ id: (platform !== appPlatformTypes.desktop)? 'filePanel.workspace.create': 'filePanel.workspace.create.desktop' }),
       createModalMessage(),
-      intl.formatMessage({id: (platform !== appPlatformTypes.desktop)? 'filePanel.ok':'filePanel.selectFolder'}),
+      intl.formatMessage({ id: (platform !== appPlatformTypes.desktop)? 'filePanel.ok':'filePanel.selectFolder' }),
       onFinishCreateWorkspace,
-      intl.formatMessage({id: 'filePanel.cancel'})
+      intl.formatMessage({ id: 'filePanel.cancel' })
     )
   }
 
   const deleteCurrentWorkspace = () => {
     global.modal(
-      intl.formatMessage({id: 'filePanel.workspace.delete'}),
-      intl.formatMessage({id: 'filePanel.workspace.deleteConfirm'}),
-      intl.formatMessage({id: 'filePanel.ok'}),
+      intl.formatMessage({ id: 'filePanel.workspace.delete' }),
+      intl.formatMessage({ id: 'filePanel.workspace.deleteConfirm' }),
+      intl.formatMessage({ id: 'filePanel.ok' }),
       onFinishDeleteWorkspace,
-      intl.formatMessage({id: 'filePanel.cancel'})
+      intl.formatMessage({ id: 'filePanel.cancel' })
     )
   }
 
   const deleteAllWorkspaces = () => {
     global.modal(
-      intl.formatMessage({id: 'filePanel.workspace.deleteAll'}),
+      intl.formatMessage({ id: 'filePanel.workspace.deleteAll' }),
       <>
         <div className="d-flex flex-column">
-          <span className="pb-1">{intl.formatMessage({id: 'filePanel.workspace.deleteAllConfirm1'})}</span>
-          <span>{intl.formatMessage({id: 'filePanel.workspace.deleteAllConfirm2'})}</span>
+          <span className="pb-1">{intl.formatMessage({ id: 'filePanel.workspace.deleteAllConfirm1' })}</span>
+          <span>{intl.formatMessage({ id: 'filePanel.workspace.deleteAllConfirm2' })}</span>
         </div>
       </>,
-      intl.formatMessage({id: 'filePanel.ok'}),
+      intl.formatMessage({ id: 'filePanel.ok' }),
       onFinishDeleteAllWorkspaces,
-      intl.formatMessage({id: 'filePanel.cancel'})
+      intl.formatMessage({ id: 'filePanel.cancel' })
     )
   }
 
   const addMenuItems = (items: MenuItems) => {
     setState((prevState) => {
       // filter duplicate items
-      const actions = items.filter(({name}) => prevState.actions.findIndex((action) => action.name === name) === -1)
+      const actions = items.filter(({ name }) => prevState.actions.findIndex((action) => action.name === name) === -1)
 
-      return {...prevState, actions: [...prevState.actions, ...actions]}
+      return { ...prevState, actions: [...prevState.actions, ...actions]}
     })
   }
 
   const removeMenuItems = (items: MenuItems) => {
     setState((prevState) => {
-      const actions = prevState.actions.filter(({id, name}) => items.findIndex((item) => id === item.id && name === item.name) === -1)
-      return {...prevState, actions}
+      const actions = prevState.actions.filter(({ id, name }) => items.findIndex((item) => id === item.id && name === item.name) === -1)
+      return { ...prevState, actions }
     })
   }
 
   const cloneGitRepository = () => {
     global.modal(
-      intl.formatMessage({id: 'filePanel.workspace.clone'}),
+      intl.formatMessage({ id: 'filePanel.workspace.clone' }),
       cloneModalMessage(),
-      intl.formatMessage({id:  (platform !== appPlatformTypes.desktop)? 'filePanel.ok':'filePanel.selectFolder'}),
+      intl.formatMessage({ id:  (platform !== appPlatformTypes.desktop)? 'filePanel.ok':'filePanel.selectFolder' }),
       handleTypingUrl,
-      intl.formatMessage({id: 'filePanel.cancel'})
+      intl.formatMessage({ id: 'filePanel.cancel' })
     )
   }
 
@@ -287,11 +286,11 @@ export function Workspace() {
       await global.dispatchRenameWorkspace(currentWorkspace, workspaceName)
     } catch (e) {
       global.modal(
-        intl.formatMessage({id: 'filePanel.workspace.rename'}),
+        intl.formatMessage({ id: 'filePanel.workspace.rename' }),
         e.message,
-        intl.formatMessage({id: 'filePanel.ok'}),
+        intl.formatMessage({ id: 'filePanel.ok' }),
         () => {},
-        intl.formatMessage({id: 'filePanel.cancel'})
+        intl.formatMessage({ id: 'filePanel.cancel' })
       )
       console.error(e)
     }
@@ -302,11 +301,11 @@ export function Workspace() {
       await global.dispatchHandleDownloadWorkspace()
     } catch (e) {
       global.modal(
-        intl.formatMessage({id: 'filePanel.workspace.download'}),
+        intl.formatMessage({ id: 'filePanel.workspace.download' }),
         e.message,
-        intl.formatMessage({id: 'filePanel.ok'}),
+        intl.formatMessage({ id: 'filePanel.ok' }),
         () => {},
-        intl.formatMessage({id: 'filePanel.cancel'})
+        intl.formatMessage({ id: 'filePanel.cancel' })
       )
       console.error(e)
     }
@@ -334,11 +333,11 @@ export function Workspace() {
       await global.dispatchCreateWorkspace(workspaceName, workspaceTemplateName, opts, initGitRepo)
     } catch (e) {
       global.modal(
-        intl.formatMessage({id:  (platform !== appPlatformTypes.desktop)? 'filePanel.workspace.create': 'filePanel.workspace.create.desktop'}),
+        intl.formatMessage({ id:  (platform !== appPlatformTypes.desktop)? 'filePanel.workspace.create': 'filePanel.workspace.create.desktop' }),
         e.message,
-        intl.formatMessage({id: 'filePanel.ok'}),
+        intl.formatMessage({ id: 'filePanel.ok' }),
         () => {},
-        intl.formatMessage({id: 'filePanel.cancel'})
+        intl.formatMessage({ id: 'filePanel.cancel' })
       )
       console.error(e)
     }
@@ -349,11 +348,11 @@ export function Workspace() {
       await global.dispatchDeleteWorkspace(global.fs.browser.currentWorkspace)
     } catch (e) {
       global.modal(
-        intl.formatMessage({id: 'filePanel.workspace.delete'}),
+        intl.formatMessage({ id: 'filePanel.workspace.delete' }),
         e.message,
-        intl.formatMessage({id: 'filePanel.ok'}),
+        intl.formatMessage({ id: 'filePanel.ok' }),
         () => {},
-        intl.formatMessage({id: 'filePanel.cancel'})
+        intl.formatMessage({ id: 'filePanel.cancel' })
       )
       console.error(e)
     }
@@ -364,18 +363,18 @@ export function Workspace() {
       await global.dispatchDeleteAllWorkspaces()
     } catch (e) {
       global.modal(
-        intl.formatMessage({id: 'filePanel.workspace.deleteAll'}),
+        intl.formatMessage({ id: 'filePanel.workspace.deleteAll' }),
         e.message,
-        intl.formatMessage({id: 'filePanel.ok'}),
+        intl.formatMessage({ id: 'filePanel.ok' }),
         () => {},
-        intl.formatMessage({id: 'filePanel.cancel'})
+        intl.formatMessage({ id: 'filePanel.cancel' })
       )
       console.error(e)
     }
   }
 
   const resetFocus = () => {
-    global.dispatchSetFocusElement([{key: '', type: 'folder'}])
+    global.dispatchSetFocusElement([{ key: '', type: 'folder' }])
   }
 
   const switchWorkspace = async (name: string) => {
@@ -384,11 +383,11 @@ export function Workspace() {
       global.dispatchHandleExpandPath([])
     } catch (e) {
       global.modal(
-        intl.formatMessage({id: 'filePanel.workspace.switch'}),
+        intl.formatMessage({ id: 'filePanel.workspace.switch' }),
         e.message,
-        intl.formatMessage({id: 'filePanel.ok'}),
+        intl.formatMessage({ id: 'filePanel.ok' }),
         () => {},
-        intl.formatMessage({id: 'filePanel.cancel'})
+        intl.formatMessage({ id: 'filePanel.cancel' })
       )
       console.error(e)
     }
@@ -423,26 +422,26 @@ export function Workspace() {
       global.dispatchCloneRepository(url)
     } else {
       global.modal(
-        intl.formatMessage({id: 'filePanel.workspace.clone'}),
-        intl.formatMessage({id: 'filePanel.workspace.cloneMessage'}),
-        intl.formatMessage({id: (platform !== appPlatformTypes.desktop)? 'filePanel.ok':'filePanel.selectFolder'}),
+        intl.formatMessage({ id: 'filePanel.workspace.clone' }),
+        intl.formatMessage({ id: 'filePanel.workspace.cloneMessage' }),
+        intl.formatMessage({ id: (platform !== appPlatformTypes.desktop)? 'filePanel.ok':'filePanel.selectFolder' }),
         () => {},
-        intl.formatMessage({id: 'filePanel.cancel'})
+        intl.formatMessage({ id: 'filePanel.cancel' })
       )
     }
   }
 
   const handleCopyClick = (path: string, type: 'folder' | 'file' | 'workspace') => {
     setState((prevState) => {
-      return {...prevState, copyElement: [{key: path, type}]}
+      return { ...prevState, copyElement: [{ key: path, type }]}
     })
     setCanPaste(true)
-    global.toast(intl.formatMessage({id: 'filePanel.copiedToClipboard'}, {path}))
+    global.toast(intl.formatMessage({ id: 'filePanel.copiedToClipboard' }, { path }))
   }
 
   const handlePasteClick = (dest: string, destType: string) => {
     dest = destType === 'file' ? extractParentFromKey(dest) || ROOT_PATH : dest
-    state.copyElement.map(({key, type}) => {
+    state.copyElement.map(({ key, type }) => {
       type === 'file' ? copyFile(key, dest) : copyFolder(key, dest)
     })
   }
@@ -452,9 +451,9 @@ export function Workspace() {
       global.dispatchDownloadPath(path)
     } catch (error) {
       global.modal(
-        intl.formatMessage({id: 'filePanel.downloadFailed'}),
-        intl.formatMessage({id: 'filePanel.copiedToClipboard'}, {error: typeof error === 'string' ? error : error.message}),
-        intl.formatMessage({id: 'filePanel.close'}),
+        intl.formatMessage({ id: 'filePanel.downloadFailed' }),
+        intl.formatMessage({ id: 'filePanel.copiedToClipboard' }, { error: typeof error === 'string' ? error : error.message }),
+        intl.formatMessage({ id: 'filePanel.close' }),
         async () => {}
       )
     }
@@ -465,9 +464,9 @@ export function Workspace() {
       global.dispatchCopyFile(src, dest)
     } catch (error) {
       global.modal(
-        intl.formatMessage({id: 'filePanel.copyFileFailed'}),
-        intl.formatMessage({id: 'filePanel.copyFileFailedMsg'}, {src}),
-        intl.formatMessage({id: 'filePanel.close'}),
+        intl.formatMessage({ id: 'filePanel.copyFileFailed' }),
+        intl.formatMessage({ id: 'filePanel.copyFileFailedMsg' }, { src }),
+        intl.formatMessage({ id: 'filePanel.close' }),
         async () => {}
       )
     }
@@ -478,9 +477,9 @@ export function Workspace() {
       global.dispatchCopyFolder(src, dest)
     } catch (error) {
       global.modal(
-        intl.formatMessage({id: 'filePanel.copyFolderFailed'}),
-        intl.formatMessage({id: 'filePanel.copyFolderFailedMsg'}, {src}),
-        intl.formatMessage({id: 'filePanel.close'}),
+        intl.formatMessage({ id: 'filePanel.copyFolderFailed' }),
+        intl.formatMessage({ id: 'filePanel.copyFolderFailedMsg' }, { src }),
+        intl.formatMessage({ id: 'filePanel.close' }),
         async () => {}
       )
     }
@@ -491,8 +490,8 @@ export function Workspace() {
     setState((prevState) => {
       return {
         ...prevState,
-        focusContext: {element: path, x: pageX, y: pageY, type},
-        focusEdit: {...prevState.focusEdit, element: null, lastEdit: content},
+        focusContext: { element: path, x: pageX, y: pageY, type },
+        focusEdit: { ...prevState.focusEdit, element: null, lastEdit: content },
         showContextMenu: prevState.focusEdit.element !== path
       }
     })
@@ -542,7 +541,7 @@ export function Workspace() {
     setState((prevState) => {
       return {
         ...prevState,
-        focusContext: {element: null, x: 0, y: 0, type: ''},
+        focusContext: { element: null, x: 0, y: 0, type: '' },
         showContextMenu: false
       }
     })
@@ -552,7 +551,7 @@ export function Workspace() {
     try {
       global.dispatchRunScript(path)
     } catch (error) {
-      global.toast(intl.formatMessage({id: 'filePanel.runScriptFailed'}))
+      global.toast(intl.formatMessage({ id: 'filePanel.runScriptFailed' }))
     }
   }
 
@@ -566,33 +565,33 @@ export function Workspace() {
 
   const pushChangesToGist = (path?: string) => {
     global.modal(
-      intl.formatMessage({id: 'filePanel.createPublicGist'}),
-      intl.formatMessage({id: 'filePanel.createPublicGistMsg1'}),
-      intl.formatMessage({id: 'filePanel.ok'}),
+      intl.formatMessage({ id: 'filePanel.createPublicGist' }),
+      intl.formatMessage({ id: 'filePanel.createPublicGistMsg1' }),
+      intl.formatMessage({ id: 'filePanel.ok' }),
       () => toGist(path),
-      intl.formatMessage({id: 'filePanel.cancel'}),
+      intl.formatMessage({ id: 'filePanel.cancel' }),
       () => {}
     )
   }
 
   const publishFolderToGist = (path?: string) => {
     global.modal(
-      intl.formatMessage({id: 'filePanel.createPublicGist'}),
-      intl.formatMessage({id: 'filePanel.createPublicGistMsg2'}, {path}),
-      intl.formatMessage({id: 'filePanel.ok'}),
+      intl.formatMessage({ id: 'filePanel.createPublicGist' }),
+      intl.formatMessage({ id: 'filePanel.createPublicGistMsg2' }, { path }),
+      intl.formatMessage({ id: 'filePanel.ok' }),
       () => toGist(path),
-      intl.formatMessage({id: 'filePanel.cancel'}),
+      intl.formatMessage({ id: 'filePanel.cancel' }),
       () => {}
     )
   }
 
   const publishFileToGist = (path?: string) => {
     global.modal(
-      intl.formatMessage({id: 'filePanel.createPublicGist'}),
-      intl.formatMessage({id: 'filePanel.createPublicGistMsg3'}, {path}),
-      intl.formatMessage({id: 'filePanel.ok'}),
+      intl.formatMessage({ id: 'filePanel.createPublicGist' }),
+      intl.formatMessage({ id: 'filePanel.createPublicGistMsg3' }, { path }),
+      intl.formatMessage({ id: 'filePanel.ok' }),
       () => toGist(path),
-      intl.formatMessage({id: 'filePanel.cancel'}),
+      intl.formatMessage({ id: 'filePanel.cancel' }),
       () => {}
     )
   }
@@ -615,13 +614,13 @@ export function Workspace() {
     if (!Array.isArray(path)) path = [path]
 
     global.modal(
-      path.length > 1 ? intl.formatMessage({id: 'filePanel.deleteItems'}) : intl.formatMessage({id: 'filePanel.deleteItem'}),
+      path.length > 1 ? intl.formatMessage({ id: 'filePanel.deleteItems' }) : intl.formatMessage({ id: 'filePanel.deleteItem' }),
       deleteMessage(path),
-      intl.formatMessage({id: 'filePanel.ok'}),
+      intl.formatMessage({ id: 'filePanel.ok' }),
       () => {
         global.dispatchDeletePath(path)
       },
-      intl.formatMessage({id: 'filePanel.cancel'}),
+      intl.formatMessage({ id: 'filePanel.cancel' }),
       () => {}
     )
   }
@@ -631,11 +630,11 @@ export function Workspace() {
   }
 
   const editModeOn = (path: string, type: string, isNew = false) => {
-    if (global.fs.readonly) return global.toast(intl.formatMessage({id: 'filePanel.globalToast'}))
+    if (global.fs.readonly) return global.toast(intl.formatMessage({ id: 'filePanel.globalToast' }))
     setState((prevState) => {
       return {
         ...prevState,
-        focusEdit: {...prevState.focusEdit, element: path, isNew, type}
+        focusEdit: { ...prevState.focusEdit, element: path, isNew, type }
       }
     })
   }
@@ -706,11 +705,11 @@ export function Workspace() {
     } catch (e) {
       console.error(e)
       global.modal(
-        intl.formatMessage({id: 'filePanel.checkoutGitBranch'}),
+        intl.formatMessage({ id: 'filePanel.checkoutGitBranch' }),
         e.message,
-        intl.formatMessage({id: 'filePanel.ok'}),
+        intl.formatMessage({ id: 'filePanel.ok' }),
         () => {},
-        intl.formatMessage({id: 'filePanel.cancel'})
+        intl.formatMessage({ id: 'filePanel.cancel' })
       )
     }
   }
@@ -721,11 +720,11 @@ export function Workspace() {
       _paq.push(['trackEvent', 'Workspace', 'GIT', 'switch_to_new_branch'])
     } catch (e) {
       global.modal(
-        intl.formatMessage({id: 'filePanel.checkoutGitBranch'}),
+        intl.formatMessage({ id: 'filePanel.checkoutGitBranch' }),
         e.message,
-        intl.formatMessage({id: 'filePanel.ok'}),
+        intl.formatMessage({ id: 'filePanel.ok' }),
         () => {},
-        intl.formatMessage({id: 'filePanel.cancel'})
+        intl.formatMessage({ id: 'filePanel.cancel' })
       )
     }
   }
@@ -733,7 +732,7 @@ export function Workspace() {
   const createModalMessage = () => {
     return (
       <>
-        <label id="selectWsTemplate" className="form-check-label" style={{fontWeight: 'bolder'}}>
+        <label id="selectWsTemplate" className="form-check-label" style={{ fontWeight: 'bolder' }}>
           <FormattedMessage id="filePanel.workspace.chooseTemplate" />
         </label>
         <select
@@ -744,63 +743,62 @@ export function Workspace() {
           ref={workspaceCreateTemplateInput}
           onChange={updateWsName}
         >
-          <optgroup style={{fontSize: 'medium'}} label="General">
-            <option style={{fontSize: 'small'}} value="remixDefault">
-              {intl.formatMessage({id: 'filePanel.basic'})}
+          <optgroup style={{ fontSize: 'medium' }} label="General">
+            <option style={{ fontSize: 'small' }} value="remixDefault">
+              {intl.formatMessage({ id: 'filePanel.basic' })}
             </option>
-            <option style={{fontSize: 'small'}} value="blank">
-              {intl.formatMessage({id: 'filePanel.blank'})}
+            <option style={{ fontSize: 'small' }} value="blank">
+              {intl.formatMessage({ id: 'filePanel.blank' })}
             </option>
           </optgroup>
-          <optgroup style={{fontSize: 'medium'}} label="OpenZeppelin">
-            <option style={{fontSize: 'small'}} value="ozerc20">
+          <optgroup style={{ fontSize: 'medium' }} label="OpenZeppelin">
+            <option style={{ fontSize: 'small' }} value="ozerc20">
               ERC20
             </option>
-            <option style={{fontSize: 'small'}} value="ozerc721">
+            <option style={{ fontSize: 'small' }} value="ozerc721">
               ERC721
             </option>
-            <option style={{fontSize: 'small'}} value="ozerc1155">
+            <option style={{ fontSize: 'small' }} value="ozerc1155">
               ERC1155
             </option>
           </optgroup>
-          <optgroup style={{fontSize: 'medium'}} label="0xProject">
-            <option style={{fontSize: 'small'}} value="zeroxErc20">
+          <optgroup style={{ fontSize: 'medium' }} label="0xProject">
+            <option style={{ fontSize: 'small' }} value="zeroxErc20">
               ERC20
             </option>
           </optgroup>
-          <optgroup style={{fontSize: 'medium'}} label="GnosisSafe">
-            <option style={{fontSize: 'small'}} value="gnosisSafeMultisig">
-              {intl.formatMessage({id: 'filePanel.multiSigWallet'})}
+          <optgroup style={{ fontSize: 'medium' }} label="GnosisSafe">
+            <option style={{ fontSize: 'small' }} value="gnosisSafeMultisig">
+              {intl.formatMessage({ id: 'filePanel.multiSigWallet' })}
             </option>
           </optgroup>
-          <optgroup style={{fontSize: 'medium'}} label="Circom ZKP">
-            <option style={{fontSize: 'small'}} value="semaphore">
-              {intl.formatMessage({id: 'filePanel.semaphore'})}
+          <optgroup style={{ fontSize: 'medium' }} label="Circom ZKP">
+            <option style={{ fontSize: 'small' }} value="semaphore">
+              {intl.formatMessage({ id: 'filePanel.semaphore' })}
             </option>
-            <option style={{fontSize: 'small'}} value="hashchecker">
-              {intl.formatMessage({id: 'filePanel.hashchecker'})}
+            <option style={{ fontSize: 'small' }} value="hashchecker">
+              {intl.formatMessage({ id: 'filePanel.hashchecker' })}
             </option>
-            <option style={{fontSize: 'small'}} value="rln">
-              {intl.formatMessage({id: 'filePanel.rln'})}
+            <option style={{ fontSize: 'small' }} value="rln">
+              {intl.formatMessage({ id: 'filePanel.rln' })}
             </option>
           </optgroup>
-          <optgroup style={{fontSize: 'medium'}} label="Uniswap V4">
-            <option style={{fontSize: 'small'}} value="uniswapV4Template">
-              {intl.formatMessage({id: 'filePanel.uniswapV4Template'})}
+          <optgroup style={{ fontSize: 'medium' }} label="Uniswap V4">
+            <option style={{ fontSize: 'small' }} value="uniswapV4Template">
+              {intl.formatMessage({ id: 'filePanel.uniswapV4Template' })}
             </option>
-            <option style={{fontSize: 'small'}} value="breakthroughLabsUniswapv4Hooks">
-              {intl.formatMessage({id: 'filePanel.breakthroughLabsUniswapv4Hooks'})}
+            <option style={{ fontSize: 'small' }} value="breakthroughLabsUniswapv4Hooks">
+              {intl.formatMessage({ id: 'filePanel.breakthroughLabsUniswapv4Hooks' })}
             </option>
 
-            <option style={{fontSize: 'small'}} value="uniswapV4HookBookMultiSigSwapHook">
-              {intl.formatMessage({id: 'filePanel.uniswapV4HookBookMultiSigSwapHook'})}
+            <option style={{ fontSize: 'small' }} value="uniswapV4HookBookMultiSigSwapHook">
+              {intl.formatMessage({ id: 'filePanel.uniswapV4HookBookMultiSigSwapHook' })}
             </option>
 
-
           </optgroup>
         </select>
-        <div id="ozcustomization" data-id="ozCustomization" ref={displayOzCustomRef} style={{display: 'none'}} className="mb-2">
-          <label className="form-check-label d-block mb-2" style={{fontWeight: 'bolder'}}>
+        <div id="ozcustomization" data-id="ozCustomization" ref={displayOzCustomRef} style={{ display: 'none' }} className="mb-2">
+          <label className="form-check-label d-block mb-2" style={{ fontWeight: 'bolder' }}>
             <FormattedMessage id="filePanel.customizeTemplate" />
           </label>
 
@@ -847,7 +845,7 @@ export function Workspace() {
           </div>
         </div>
 
-        <label id="wsName" className="form-check-label" style={{fontWeight: 'bolder'}}>
+        <label id="wsName" className="form-check-label" style={{ fontWeight: 'bolder' }}>
           <FormattedMessage id="filePanel.workspaceName" />
         </label>
         <input
@@ -872,7 +870,7 @@ export function Workspace() {
             htmlFor="initGitRepository"
             data-id="initGitRepositoryLabel"
             className="m-0 form-check-label custom-control-label udapp_checkboxAlign"
-            title={intl.formatMessage({id: 'filePanel.initGitRepoTitle'})}
+            title={intl.formatMessage({ id: 'filePanel.initGitRepoTitle' })}
           >
             <FormattedMessage id="filePanel.initGitRepositoryLabel" />
           </label>
@@ -898,7 +896,7 @@ export function Workspace() {
   }
 
   const formatNameForReadonly = (name: string) => {
-    return global.fs.readonly ? name + ` (${intl.formatMessage({id: 'filePanel.readOnly'})})` : name
+    return global.fs.readonly ? name + ` (${intl.formatMessage({ id: 'filePanel.readOnly' })})` : name
   }
 
   const cloneModalMessage = () => {
@@ -985,7 +983,7 @@ export function Workspace() {
                     </CustomTooltip>}
 
                     {selectedWorkspace && selectedWorkspace.isGist && <CopyToClipboard tip={'Copy Gist ID to clipboard'} getContent={() => selectedWorkspace.isGist} direction="bottom" icon="far fa-copy">
-                      <i className="remixui_copyIcon ml-2 fab fa-github text-info" aria-hidden="true" style={{fontSize: '1.1rem', cursor: 'pointer'}} ></i>
+                      <i className="remixui_copyIcon ml-2 fab fa-github text-info" aria-hidden="true" style={{ fontSize: '1.1rem', cursor: 'pointer' }} ></i>
                     </CopyToClipboard>
                     }
 
@@ -1030,7 +1028,7 @@ export function Workspace() {
                             </span>
                           )}
                         </Dropdown.Item>
-                        {global.fs.browser.workspaces.map(({name, isGitRepo}, index) => (
+                        {global.fs.browser.workspaces.map(({ name, isGitRepo }, index) => (
                           <Dropdown.Item
                             key={index}
                             onClick={() => {
@@ -1209,12 +1207,12 @@ export function Workspace() {
             <div className="mr-auto text-uppercase text-dark pt-2 pl-2">GIT</div>
             {selectedWorkspace.hasGitSubmodules?
               <div className="pt-1 mr-1">
-                {global.fs.browser.isRequestingCloning ? <div style={{ height: 30 }} className='btn btn-sm border text-muted small'><i className="fad fa-spinner fa-spin"></i> updating submodules</div>  :
+                {global.fs.browser.isRequestingCloning ? <div style={{ height: 30 }} className='btn btn-sm border text-muted small'><i className="fad fa-spinner fa-spin"></i> updating submodules</div> :
                   <div style={{ height: 30 }} onClick={updateSubModules} data-id='updatesubmodules' className='btn btn-sm border text-muted small'>update submodules</div>}
               </div>
               : null}
             <div className="pt-1 mr-1" data-id="workspaceGitBranchesDropdown">
-              <Dropdown style={{height: 30, minWidth: 80}} onToggle={toggleBranches} show={showBranches} drop={'up'}>
+              <Dropdown style={{ height: 30, minWidth: 80 }} onToggle={toggleBranches} show={showBranches} drop={'up'}>
                 <Dropdown.Toggle
                   as={CustomToggle}
                   id="dropdown-custom-components"
@@ -1226,7 +1224,7 @@ export function Workspace() {
 
                 <Dropdown.Menu as={CustomMenu} className="custom-dropdown-items branches-dropdown">
                   <div data-id="custom-dropdown-menu">
-                    <div className="d-flex text-dark" style={{fontSize: 14, fontWeight: 'bold'}}>
+                    <div className="d-flex text-dark" style={{ fontSize: 14, fontWeight: 'bold' }}>
                       <span className="mt-2 ml-2 mr-auto">
                         <FormattedMessage id="filePanel.switchBranches" />
                       </span>
@@ -1245,12 +1243,12 @@ export function Workspace() {
                         placeholder={intl.formatMessage({
                           id: 'filePanel.findOrCreateABranch'
                         })}
-                        style={{minWidth: 225}}
+                        style={{ minWidth: 225 }}
                         onChange={handleBranchFilterChange}
                         data-id="workspaceGitInput"
                       />
                     </div>
-                    <div className="border-top" style={{maxHeight: 120, overflowY: 'scroll'}} data-id="custom-dropdown-items">
+                    <div className="border-top" style={{ maxHeight: 120, overflowY: 'scroll' }} data-id="custom-dropdown-items">
                       {filteredBranches.length > 0 ? (
                         filteredBranches.map((branch, index) => {
                           return (
@@ -1259,7 +1257,7 @@ export function Workspace() {
                               onClick={() => {
                                 switchToBranch(branch)
                               }}
-                              title={intl.formatMessage({id: `filePanel.switchToBranch${branch.remote ? 'Title1' : 'Title2'}`})}
+                              title={intl.formatMessage({ id: `filePanel.switchToBranch${branch.remote ? 'Title1' : 'Title2'}` })}
                             >
                               <div data-id={`workspaceGit-${branch.remote ? `${branch.remote}/${branch.name}` : branch.name}`}>
                                 {currentBranch === branch.name && !branch.remote ? (
@@ -1290,7 +1288,7 @@ export function Workspace() {
                     </div>
                     {(selectedWorkspace.branches || []).length > 4 && (
                       <div className="text-center border-top pt-2">
-                        <label style={{fontSize: 12, cursor: 'pointer'}} onClick={showAllBranches}>
+                        <label style={{ fontSize: 12, cursor: 'pointer' }} onClick={showAllBranches}>
                           <FormattedMessage id="filePanel.viewAllBranches" />
                         </label>
                       </div>
diff --git a/libs/remix-ui/xterm/src/lib/components/remix-ui-xterm.tsx b/libs/remix-ui/xterm/src/lib/components/remix-ui-xterm.tsx
index 7aa71d962b..d0def153c2 100644
--- a/libs/remix-ui/xterm/src/lib/components/remix-ui-xterm.tsx
+++ b/libs/remix-ui/xterm/src/lib/components/remix-ui-xterm.tsx
@@ -1,7 +1,7 @@
 import React, {useState, useEffect, forwardRef} from 'react' // eslint-disable-line
-import {ElectronPlugin} from '@remixproject/engine-electron'
-import {Xterm} from './xterm-wrap'
-import {FitAddon} from './xterm-fit-addOn'
+import { ElectronPlugin } from '@remixproject/engine-electron'
+import { Xterm } from './xterm-wrap'
+import { FitAddon } from './xterm-fit-addOn'
 
 const config = {
   fontSize: 12,
@@ -30,7 +30,7 @@ export interface RemixUiXtermProps {
 }
 
 const RemixUiXterm = (props: RemixUiXtermProps) => {
-  const {plugin, pid, send, timeStamp, theme, resize} = props
+  const { plugin, pid, send, timeStamp, theme, resize } = props
   const xtermRef = React.useRef(null)
 
   useEffect(() => {
@@ -59,11 +59,11 @@ const RemixUiXterm = (props: RemixUiXtermProps) => {
       addons={[fitAddon]}
       onResize={onResize}
       onRender={() => fitAddon.fit()}
-      options={{	
-        fontFamily: config.fontFamily,	
-        fontSize: config.fontSize,	
-        letterSpacing: config.letterSpacing,	
-        lineHeight: config.lineHeight,	
+      options={{
+        fontFamily: config.fontFamily,
+        fontSize: config.fontSize,
+        letterSpacing: config.letterSpacing,
+        lineHeight: config.lineHeight,
       }}
       ref={xtermRef}
       onData={(data) => {
diff --git a/libs/remix-ui/xterm/src/lib/components/remix-ui-xterminals.tsx b/libs/remix-ui/xterm/src/lib/components/remix-ui-xterminals.tsx
index b4f8d3a7db..724208d13f 100644
--- a/libs/remix-ui/xterm/src/lib/components/remix-ui-xterminals.tsx
+++ b/libs/remix-ui/xterm/src/lib/components/remix-ui-xterminals.tsx
@@ -38,14 +38,13 @@ export const RemixUiXterminals = (props: RemixUiXterminalsProps) => {
         dispatchXterm({ type: 'ADD_TERMINAL', payload: { pid, queue: '', timeStamp: Date.now(), ref: null, hidden: false } })
       })
 
-
       plugin.on('fs', 'workingDirChanged', (path: string) => {
         dispatchXterm({ type: 'SET_WORKING_DIR', payload: path })
         dispatchXterm({ type: 'ENABLE_TERMINALS', payload: null })
       })
 
       const workingDir = await plugin.call('fs', 'getWorkingDir')
-      if(workingDir && workingDir !== '') {
+      if (workingDir && workingDir !== '') {
         dispatchXterm({ type: 'ENABLE_TERMINALS', payload: null })
         dispatchXterm({ type: 'SET_WORKING_DIR', payload: workingDir })
       }
@@ -74,7 +73,7 @@ export const RemixUiXterminals = (props: RemixUiXterminalsProps) => {
 
   useEffect(() => {
     setTerminals(xtermState.terminals)
-    if(xtermState.terminals.length === 0) {
+    if (xtermState.terminals.length === 0) {
       dispatchXterm({ type: 'SHOW_OUTPUT', payload: true })
     }
   }, [xtermState.terminals])
@@ -87,7 +86,6 @@ export const RemixUiXterminals = (props: RemixUiXterminalsProps) => {
     })
   }
 
-
   const writeToTerminal = (data: string, pid: number) => {
     setTerminals(prevState => {
       const terminal = prevState.find(xtermState => xtermState.pid === pid)
diff --git a/libs/remix-ui/xterm/src/lib/components/xterm-fit-addOn.ts b/libs/remix-ui/xterm/src/lib/components/xterm-fit-addOn.ts
index 9066fa05d9..6a67e88d36 100644
--- a/libs/remix-ui/xterm/src/lib/components/xterm-fit-addOn.ts
+++ b/libs/remix-ui/xterm/src/lib/components/xterm-fit-addOn.ts
@@ -5,7 +5,6 @@
 
 import { Terminal, ITerminalAddon } from 'xterm';
 
-
 interface ITerminalDimensions {
   /**
    * The number of rows in the terminal.
@@ -68,7 +67,6 @@ export class FitAddon implements ITerminalAddon {
     const scrollbarWidth = this._terminal.options.scrollback === 0 ?
       0 : core.viewport.scrollBarWidth;
 
-
     const parentElementStyle = window.getComputedStyle(this._terminal.element.parentElement.parentElement);
     const parentElementHeight = parseInt(parentElementStyle.getPropertyValue('height'));
     const parentElementWidth = Math.max(0, parseInt(parentElementStyle.getPropertyValue('width')));

From f332b41fa5555d80d565165019ab1257d0201e80 Mon Sep 17 00:00:00 2001
From: lianahus <liana@ethereum.org>
Date: Tue, 30 Apr 2024 10:16:43 +0200
Subject: [PATCH 15/31] fix linting for remix-core-plugin

---
 .../src/lib/compiler-artefacts.ts             | 20 +++++++++----------
 .../src/lib/compiler-content-imports.ts       |  4 ++--
 .../src/lib/compiler-fetch-and-compile.ts     |  4 ++--
 .../src/lib/compiler-metadata.ts              | 10 +++++-----
 .../src/lib/constants/uups.ts                 |  1 -
 .../remix-core-plugin/src/lib/gist-handler.ts |  2 +-
 .../src/lib/openzeppelin-proxy.ts             |  4 ++--
 7 files changed, 22 insertions(+), 23 deletions(-)

diff --git a/libs/remix-core-plugin/src/lib/compiler-artefacts.ts b/libs/remix-core-plugin/src/lib/compiler-artefacts.ts
index 698b03c0d3..d008795aec 100644
--- a/libs/remix-core-plugin/src/lib/compiler-artefacts.ts
+++ b/libs/remix-core-plugin/src/lib/compiler-artefacts.ts
@@ -78,9 +78,9 @@ export class CompilerArtefacts extends Plugin {
       saveCompilationPerFileResult(file, source, languageVersion, data)
     })
   }
-  
+
   /**
-   * Get artefacts for last compiled contract 
+   * Get artefacts for last compiled contract
    * * @returns last compiled contract compiler abstract
    */
   getLastCompilationResult () {
@@ -120,14 +120,14 @@ export class CompilerArtefacts extends Plugin {
 
   /**
    * Get a particular contract output/artefacts from a compiler output of a Solidity file compilation
-   * @param compilerOutput compiler output 
+   * @param compilerOutput compiler output
    * @param contractName contract name
    * @returns arefacts object, with fully qualified name (e.g; contracts/1_Storage.sol:Storage) as key
    */
   _getAllContractArtefactsfromOutput (compilerOutput, contractName) {
     const contractArtefacts = {}
     for (const filename in compilerOutput) {
-      if(Object.keys(compilerOutput[filename]).includes(contractName)) contractArtefacts[filename + ':' + contractName] = compilerOutput[filename][contractName]
+      if (Object.keys(compilerOutput[filename]).includes(contractName)) contractArtefacts[filename + ':' + contractName] = compilerOutput[filename][contractName]
     }
     return contractArtefacts
   }
@@ -141,10 +141,10 @@ export class CompilerArtefacts extends Plugin {
    */
   async _populateAllContractArtefactsFromFE (path, contractName, contractArtefacts) {
     const dirList = await this.call('fileManager', 'dirList', path)
-    if(dirList && dirList.length) {
+    if (dirList && dirList.length) {
       for (const dirPath of dirList) {
         // check if directory contains an 'artifacts' folder and a 'build-info' folder inside 'artifacts'
-        if(dirPath === path + '/artifacts' && await this.call('fileManager', 'exists', dirPath + '/build-info')) {
+        if (dirPath === path + '/artifacts' && await this.call('fileManager', 'exists', dirPath + '/build-info')) {
           const buildFileList = await this.call('fileManager', 'fileList', dirPath + '/build-info')
           // process each build-info file to populate the artefacts for contractName
           for (const buildFile of buildFileList) {
@@ -156,13 +156,13 @@ export class CompilerArtefacts extends Plugin {
             Object.assign(contractArtefacts, artefacts)
           }
         } else await this._populateAllContractArtefactsFromFE (dirPath, contractName, contractArtefacts)
-      } 
+      }
     } else return
   }
 
   /**
    * Get artefacts for a contract (called by script-runner)
-   * @param name contract name or fully qualified name i.e. <filename>:<contractname> e.g: contracts/1_Storage.sol:Storage 
+   * @param name contract name or fully qualified name i.e. <filename>:<contractname> e.g: contracts/1_Storage.sol:Storage
    * @returns artefacts for the contract
    */
   async getArtefactsByContractName (name) {
@@ -173,12 +173,12 @@ export class CompilerArtefacts extends Plugin {
       const nameArr = fullyQualifiedName.split(':')
       const filename = nameArr[0]
       const contract = nameArr[1]
-      if(Object.keys(contractsDataByFilename).includes(filename) && contractsDataByFilename[filename][contract]) 
+      if (Object.keys(contractsDataByFilename).includes(filename) && contractsDataByFilename[filename][contract])
         return contractsDataByFilename[filename][contract]
       else {
         const allContractsData = {}
         await this._populateAllContractArtefactsFromFE ('contracts', contract, allContractsData)
-        if(allContractsData[fullyQualifiedName]) return { fullyQualifiedName, artefact: allContractsData[fullyQualifiedName]}
+        if (allContractsData[fullyQualifiedName]) return { fullyQualifiedName, artefact: allContractsData[fullyQualifiedName] }
         else throw new Error(`Could not find artifacts for ${fullyQualifiedName}. Compile contract to generate artifacts.`)
       }
     } else {
diff --git a/libs/remix-core-plugin/src/lib/compiler-content-imports.ts b/libs/remix-core-plugin/src/lib/compiler-content-imports.ts
index 649044250e..54f99a2984 100644
--- a/libs/remix-core-plugin/src/lib/compiler-content-imports.ts
+++ b/libs/remix-core-plugin/src/lib/compiler-content-imports.ts
@@ -44,7 +44,7 @@ export class CompilerImports extends Plugin {
         return {}
       }
     })
-    
+
   }
 
   onActivation(): void {
@@ -155,7 +155,7 @@ export class CompilerImports extends Plugin {
       if (targetPath && this.currentRequest) {
         const canCall = await this.askUserPermission('resolveAndSave', 'This action will update the path ' + targetPath)
         if (!canCall) throw new Error('No permission to update ' + targetPath)
-      }      
+      }
       const provider = await this.call('fileManager', 'getProviderOf', url)
       if (provider) {
         if (provider.type === 'localhost' && !provider.isConnected()) {
diff --git a/libs/remix-core-plugin/src/lib/compiler-fetch-and-compile.ts b/libs/remix-core-plugin/src/lib/compiler-fetch-and-compile.ts
index da73f7af52..fd9e738623 100644
--- a/libs/remix-core-plugin/src/lib/compiler-fetch-and-compile.ts
+++ b/libs/remix-core-plugin/src/lib/compiler-fetch-and-compile.ts
@@ -155,7 +155,7 @@ export class FetchAndCompile extends Plugin {
         this.call('notification', 'toast', e.message)
         setTimeout(_ => this.emit('notFound', contractAddress), 0) // plugin framework returns a time out error although it actually didn't find the source...
         this.unresolvedAddresses.push(contractAddress)
-        return localCompilation()    
+        return localCompilation()
       }
     }
 
@@ -176,7 +176,7 @@ export class FetchAndCompile extends Plugin {
       }
     }
     const { settings, compilationTargets } = data
-   
+
     try {
       setTimeout(_ => this.emit('compiling', settings), 0)
       const compData = await compile(
diff --git a/libs/remix-core-plugin/src/lib/compiler-metadata.ts b/libs/remix-core-plugin/src/lib/compiler-metadata.ts
index b45daeb5f0..10fdf7a06a 100644
--- a/libs/remix-core-plugin/src/lib/compiler-metadata.ts
+++ b/libs/remix-core-plugin/src/lib/compiler-metadata.ts
@@ -78,19 +78,19 @@ export class CompilerMetadata extends Plugin {
       solcLongVersion,
       input
     })
-    const id =  createHash('md5').update(Buffer.from(json)).digest().toString('hex')
-    const buildFilename = this.joinPath(path, this.innerPath, 'build-info/' +  id + '.json')
+    const id = createHash('md5').update(Buffer.from(json)).digest().toString('hex')
+    const buildFilename = this.joinPath(path, this.innerPath, 'build-info/' + id + '.json')
     // If there are no file in buildInfoNames,it means compilation is running first time after loading Remix
     if (!this.buildInfoNames[filePath]) {
       // Check the existing build-info and delete all the previous build files for compiled file
       await this.removeStoredBuildInfo(input, path, filePath)
       this.buildInfoNames[filePath] = buildFilename
-      const buildData = {id, _format: format, solcVersion, solcLongVersion, input, output}
+      const buildData = { id, _format: format, solcVersion, solcLongVersion, input, output }
       await this.call('fileManager', 'writeFile', buildFilename, JSON.stringify(buildData, null, '\t'))
     } else if (this.buildInfoNames[filePath] && this.buildInfoNames[filePath] !== buildFilename) {
       await this.call('fileManager', 'remove', this.buildInfoNames[filePath])
       this.buildInfoNames[filePath] = buildFilename
-      const buildData = {id, _format: format, solcVersion, solcLongVersion, input, output}
+      const buildData = { id, _format: format, solcVersion, solcLongVersion, input, output }
       await this.call('fileManager', 'writeFile', buildFilename, JSON.stringify(buildData, null, '\t'))
     }
   }
@@ -136,7 +136,7 @@ export class CompilerMetadata extends Plugin {
       },
       abi: contract.object.abi
     }
-    await this.call('fileManager', 'writeFile', fileName, JSON.stringify(data, null, '\t'))    
+    await this.call('fileManager', 'writeFile', fileName, JSON.stringify(data, null, '\t'))
     this.emit('artefactsUpdated', fileName, contract)
   }
 
diff --git a/libs/remix-core-plugin/src/lib/constants/uups.ts b/libs/remix-core-plugin/src/lib/constants/uups.ts
index 2b54aaa86a..52689b7fbe 100644
--- a/libs/remix-core-plugin/src/lib/constants/uups.ts
+++ b/libs/remix-core-plugin/src/lib/constants/uups.ts
@@ -140,7 +140,6 @@ export const UUPSupgradeAbi = {
   "type": "function"
 }
 
-
 export const UUPSupgradeToAndCallAbi = {
   "inputs": [
     {
diff --git a/libs/remix-core-plugin/src/lib/gist-handler.ts b/libs/remix-core-plugin/src/lib/gist-handler.ts
index 83c932d4c6..7d71742552 100644
--- a/libs/remix-core-plugin/src/lib/gist-handler.ts
+++ b/libs/remix-core-plugin/src/lib/gist-handler.ts
@@ -117,7 +117,7 @@ export class GistHandler extends Plugin {
       const gistIdWorkspace = 'gist ' + gistId
       const workspaces = await this.call('filePanel', 'getWorkspaces')
       const found = workspaces.find((workspace) => workspace.name === gistIdWorkspace)
-      if (found) {        
+      if (found) {
         await this.call('notification', 'alert', {
           id: 'gistAlert',
           message: `workspace "${gistIdWorkspace}" already exists`,
diff --git a/libs/remix-core-plugin/src/lib/openzeppelin-proxy.ts b/libs/remix-core-plugin/src/lib/openzeppelin-proxy.ts
index 661ead7a6f..5f16219aa8 100644
--- a/libs/remix-core-plugin/src/lib/openzeppelin-proxy.ts
+++ b/libs/remix-core-plugin/src/lib/openzeppelin-proxy.ts
@@ -88,7 +88,7 @@ export class OpenZeppelinProxy extends Plugin {
   }
 
   async deployUUPSProxy(implAddress: string, _data: string, implementationContractObject): Promise<void> {
-    
+
     const args = [implAddress, _data]
     const constructorData = await this.blockchain.getEncodedParams(args, UUPSfunAbi)
     const proxyName = 'ERC1967Proxy'
@@ -109,7 +109,7 @@ export class OpenZeppelinProxy extends Plugin {
       data.dataHex = UUPSBytecode + constructorData.replace('0x', '')
       data.funAbi = UUPSfunAbi
       this.call('terminal', 'logHtml', `Deploying ERC1967 < 5.0.0 as proxy...`)
-    }else{
+    } else {
       this.call('terminal', 'logHtml', `Deploying ERC1967 >= 5.0.0 as proxy...`)
     }
     // re-use implementation contract's ABI for UI display in udapp and change name to proxy name.

From ada67518f82d1db455baacf80a34bb66026dd5b1 Mon Sep 17 00:00:00 2001
From: lianahus <liana@ethereum.org>
Date: Tue, 30 Apr 2024 10:23:20 +0200
Subject: [PATCH 16/31] fixing lint for ghaction-helper

---
 libs/ghaction-helper/src/artifacts-helper.ts | 2 +-
 libs/ghaction-helper/src/ethers.ts           | 2 +-
 libs/ghaction-helper/src/methods.ts          | 6 +++---
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/libs/ghaction-helper/src/artifacts-helper.ts b/libs/ghaction-helper/src/artifacts-helper.ts
index 3cc02ff9b5..315de14e3e 100644
--- a/libs/ghaction-helper/src/artifacts-helper.ts
+++ b/libs/ghaction-helper/src/artifacts-helper.ts
@@ -13,7 +13,7 @@ export async function getArtifactsByContractName (contractIdentifier: string) {
     const artifact = await fs.readFile(path.join(global.remixContractArtifactsPath, artifactFile), 'utf-8')
     const artifactJSON: CompilationResult = JSON.parse(artifact)
     const contractFullPath = (Object.keys(artifactJSON.contracts!)).find((contractName) => artifactJSON.contracts![contractName] && artifactJSON.contracts![contractName][contractIdentifier])
-    
+
     contract = contractFullPath ? artifactJSON.contracts![contractFullPath!][contractIdentifier] : undefined
     if (contract) break
   }
diff --git a/libs/ghaction-helper/src/ethers.ts b/libs/ghaction-helper/src/ethers.ts
index d3941e6dd4..9be004426a 100644
--- a/libs/ghaction-helper/src/ethers.ts
+++ b/libs/ghaction-helper/src/ethers.ts
@@ -2,7 +2,7 @@
 import { ethers } from 'ethers'
 import * as hhEtherMethods from './methods'
 
-for(const method in hhEtherMethods) Object.defineProperty(ethers, method, { value: hhEtherMethods[method]}) 
+for (const method in hhEtherMethods) Object.defineProperty(ethers, method, { value: hhEtherMethods[method] })
 
 export * from 'ethers'
 export { ethers }
\ No newline at end of file
diff --git a/libs/ghaction-helper/src/methods.ts b/libs/ghaction-helper/src/methods.ts
index 9bfa470033..793d904db8 100644
--- a/libs/ghaction-helper/src/methods.ts
+++ b/libs/ghaction-helper/src/methods.ts
@@ -11,7 +11,7 @@ const providerConfig = {
   blockNumber: global.blockNumber || null
 }
 
-const config  = { defaultTransactionType: '0x0' }
+const config = { defaultTransactionType: '0x0' }
 global.remixProvider = new Provider(providerConfig)
 global.remixProvider.init()
 global.web3Provider = new ethers.providers.Web3Provider(global.remixProvider)
@@ -194,9 +194,9 @@ const getContractAt = async (contractNameOrABI: ethers.ContractInterface, addres
   //@ts-ignore
   const provider = web3Provider
 
-  if(typeof contractNameOrABI === 'string') {
+  if (typeof contractNameOrABI === 'string') {
     const result = await getArtifactsByContractName(contractNameOrABI)
-    
+
     if (result) {
       return new ethers.Contract(address, result.abi, signer || provider.getSigner())
     } else {

From 395033f4a89554ab1c47d51668442be0b20d2c86 Mon Sep 17 00:00:00 2001
From: lianahus <liana@ethereum.org>
Date: Tue, 30 Apr 2024 10:40:06 +0200
Subject: [PATCH 17/31] fixing linting remix-astwalker

---
 libs/remix-astwalker/tests/resources/legacyAST.ts | 2 +-
 libs/remix-astwalker/tests/resources/newAST.ts    | 1 -
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/libs/remix-astwalker/tests/resources/legacyAST.ts b/libs/remix-astwalker/tests/resources/legacyAST.ts
index 6b842f95f0..d6399af1d6 100644
--- a/libs/remix-astwalker/tests/resources/legacyAST.ts
+++ b/libs/remix-astwalker/tests/resources/legacyAST.ts
@@ -1,4 +1,4 @@
-const node = { "legacyAST": { "children": [{ "attributes": { "literals": ["solidity", ">=", "0.5", ".0", "<", "0.6", ".0"] }, "id": 1, "name": "PragmaDirective", "src": "0:31:0" }, { "attributes": { "SourceUnit": 53, "absolutePath": "mortal.sol", "file": "mortal.sol", "scope": 26, "symbolAliases": [null], "unitAlias": "" }, "id": 2, "name": "ImportDirective", "src": "32:20:0" }, { "attributes": { "contractDependencies": [52], "contractKind": "contract", "documentation": null, "fullyImplemented": true, "linearizedBaseContracts": [25, 52], "name": "Greeter", "scope": 26 }, "children": [{ "attributes": { "arguments": null }, "children": [{ "attributes": { "contractScope": null, "name": "Mortal", "referencedDeclaration": 52, "type": "contract Mortal" }, "id": 3, "name": "UserDefinedTypeName", "src": "74:6:0" }], "id": 4, "name": "InheritanceSpecifier", "src": "74:6:0" }, { "attributes": { "constant": false, "name": "greeting", "scope": 25, "stateVariable": true, "storageLocation": "default", "type": "string", "value": null, "visibility": "internal" }, "children": [{ "attributes": { "name": "string", "type": "string" }, "id": 5, "name": "ElementaryTypeName", "src": "141:6:0" }], "id": 6, "name": "VariableDeclaration", "src": "141:15:0" }, { "attributes": { "documentation": null, "implemented": true, "isConstructor": true, "kind": "constructor", "modifiers": [null], "name": "", "scope": 25, "stateMutability": "nonpayable", "superFunction": null, "visibility": "public" }, "children": [{ "children": [{ "attributes": { "constant": false, "name": "_greeting", "scope": 16, "stateVariable": false, "storageLocation": "memory", "type": "string", "value": null, "visibility": "internal" }, "children": [{ "attributes": { "name": "string", "type": "string" }, "id": 7, "name": "ElementaryTypeName", "src": "225:6:0" }], "id": 8, "name": "VariableDeclaration", "src": "225:23:0" }], "id": 9, "name": "ParameterList", "src": "224:25:0" }, { "attributes": { "parameters": [null] }, "children": [], "id": 10, "name": "ParameterList", "src": "257:0:0" }, { "children": [{ "children": [{ "attributes": { "argumentTypes": null, "isConstant": false, "isLValue": false, "isPure": false, "lValueRequested": false, "operator": "=", "type": "string storage ref" }, "children": [{ "attributes": { "argumentTypes": null, "overloadedDeclarations": [null], "referencedDeclaration": 6, "type": "string storage ref", "value": "greeting" }, "id": 11, "name": "Identifier", "src": "267:8:0" }, { "attributes": { "argumentTypes": null, "overloadedDeclarations": [null], "referencedDeclaration": 8, "type": "string memory", "value": "_greeting" }, "id": 12, "name": "Identifier", "src": "278:9:0" }], "id": 13, "name": "Assignment", "src": "267:20:0" }], "id": 14, "name": "ExpressionStatement", "src": "267:20:0" }], "id": 15, "name": "Block", "src": "257:37:0" }], "id": 16, "name": "FunctionDefinition", "src": "213:81:0" }, { "attributes": { "documentation": null, "implemented": true, "isConstructor": false, "kind": "function", "modifiers": [null], "name": "greet", "scope": 25, "stateMutability": "view", "superFunction": null, "visibility": "public" }, "children": [{ "attributes": { "parameters": [null] }, "children": [], "id": 17, "name": "ParameterList", "src": "338:2:0" }, { "children": [{ "attributes": { "constant": false, "name": "", "scope": 24, "stateVariable": false, "storageLocation": "memory", "type": "string", "value": null, "visibility": "internal" }, "children": [{ "attributes": { "name": "string", "type": "string" }, "id": 18, "name": "ElementaryTypeName", "src": "362:6:0" }], "id": 19, "name": "VariableDeclaration", "src": "362:13:0" }], "id": 20, "name": "ParameterList", "src": "361:15:0" }, { "children": [{ "attributes": { "functionReturnParameters": 20 }, "children": [{ "attributes": { "argumentTypes": null, "overloadedDeclarations": [null], "referencedDeclaration": 6, "type": "string storage ref", "value": "greeting" }, "id": 21, "name": "Identifier", "src": "394:8:0" }], "id": 22, "name": "Return", "src": "387:15:0" }], "id": 23, "name": "Block", "src": "377:32:0" }], "id": 24, "name": "FunctionDefinition", "src": "324:85:0" }], "id": 25, "name": "ContractDefinition", "src": "54:357:0" }], "name": "SourceUnit", "attributes": { "absolutePath": "greeter.sol", "exportedSymbols": { "Greeter": [25] } }, "id": 26, "src": "0:412:0" } }
+const node = { "legacyAST": { "children": [{ "attributes": { "literals": ["solidity", ">=", "0.5", ".0", "<", "0.6", ".0"]}, "id": 1, "name": "PragmaDirective", "src": "0:31:0" }, { "attributes": { "SourceUnit": 53, "absolutePath": "mortal.sol", "file": "mortal.sol", "scope": 26, "symbolAliases": [null], "unitAlias": "" }, "id": 2, "name": "ImportDirective", "src": "32:20:0" }, { "attributes": { "contractDependencies": [52], "contractKind": "contract", "documentation": null, "fullyImplemented": true, "linearizedBaseContracts": [25, 52], "name": "Greeter", "scope": 26 }, "children": [{ "attributes": { "arguments": null }, "children": [{ "attributes": { "contractScope": null, "name": "Mortal", "referencedDeclaration": 52, "type": "contract Mortal" }, "id": 3, "name": "UserDefinedTypeName", "src": "74:6:0" }], "id": 4, "name": "InheritanceSpecifier", "src": "74:6:0" }, { "attributes": { "constant": false, "name": "greeting", "scope": 25, "stateVariable": true, "storageLocation": "default", "type": "string", "value": null, "visibility": "internal" }, "children": [{ "attributes": { "name": "string", "type": "string" }, "id": 5, "name": "ElementaryTypeName", "src": "141:6:0" }], "id": 6, "name": "VariableDeclaration", "src": "141:15:0" }, { "attributes": { "documentation": null, "implemented": true, "isConstructor": true, "kind": "constructor", "modifiers": [null], "name": "", "scope": 25, "stateMutability": "nonpayable", "superFunction": null, "visibility": "public" }, "children": [{ "children": [{ "attributes": { "constant": false, "name": "_greeting", "scope": 16, "stateVariable": false, "storageLocation": "memory", "type": "string", "value": null, "visibility": "internal" }, "children": [{ "attributes": { "name": "string", "type": "string" }, "id": 7, "name": "ElementaryTypeName", "src": "225:6:0" }], "id": 8, "name": "VariableDeclaration", "src": "225:23:0" }], "id": 9, "name": "ParameterList", "src": "224:25:0" }, { "attributes": { "parameters": [null]}, "children": [], "id": 10, "name": "ParameterList", "src": "257:0:0" }, { "children": [{ "children": [{ "attributes": { "argumentTypes": null, "isConstant": false, "isLValue": false, "isPure": false, "lValueRequested": false, "operator": "=", "type": "string storage ref" }, "children": [{ "attributes": { "argumentTypes": null, "overloadedDeclarations": [null], "referencedDeclaration": 6, "type": "string storage ref", "value": "greeting" }, "id": 11, "name": "Identifier", "src": "267:8:0" }, { "attributes": { "argumentTypes": null, "overloadedDeclarations": [null], "referencedDeclaration": 8, "type": "string memory", "value": "_greeting" }, "id": 12, "name": "Identifier", "src": "278:9:0" }], "id": 13, "name": "Assignment", "src": "267:20:0" }], "id": 14, "name": "ExpressionStatement", "src": "267:20:0" }], "id": 15, "name": "Block", "src": "257:37:0" }], "id": 16, "name": "FunctionDefinition", "src": "213:81:0" }, { "attributes": { "documentation": null, "implemented": true, "isConstructor": false, "kind": "function", "modifiers": [null], "name": "greet", "scope": 25, "stateMutability": "view", "superFunction": null, "visibility": "public" }, "children": [{ "attributes": { "parameters": [null]}, "children": [], "id": 17, "name": "ParameterList", "src": "338:2:0" }, { "children": [{ "attributes": { "constant": false, "name": "", "scope": 24, "stateVariable": false, "storageLocation": "memory", "type": "string", "value": null, "visibility": "internal" }, "children": [{ "attributes": { "name": "string", "type": "string" }, "id": 18, "name": "ElementaryTypeName", "src": "362:6:0" }], "id": 19, "name": "VariableDeclaration", "src": "362:13:0" }], "id": 20, "name": "ParameterList", "src": "361:15:0" }, { "children": [{ "attributes": { "functionReturnParameters": 20 }, "children": [{ "attributes": { "argumentTypes": null, "overloadedDeclarations": [null], "referencedDeclaration": 6, "type": "string storage ref", "value": "greeting" }, "id": 21, "name": "Identifier", "src": "394:8:0" }], "id": 22, "name": "Return", "src": "387:15:0" }], "id": 23, "name": "Block", "src": "377:32:0" }], "id": 24, "name": "FunctionDefinition", "src": "324:85:0" }], "id": 25, "name": "ContractDefinition", "src": "54:357:0" }], "name": "SourceUnit", "attributes": { "absolutePath": "greeter.sol", "exportedSymbols": { "Greeter": [25]} }, "id": 26, "src": "0:412:0" } }
 
 node['source'] = `contract test {
     int x;
diff --git a/libs/remix-astwalker/tests/resources/newAST.ts b/libs/remix-astwalker/tests/resources/newAST.ts
index cda95ae756..bd9a146095 100644
--- a/libs/remix-astwalker/tests/resources/newAST.ts
+++ b/libs/remix-astwalker/tests/resources/newAST.ts
@@ -291,7 +291,6 @@ const node: Node = {
   }
 }
 
-
 node.source = `contract test {
     int x;
 

From e0a2012a788ddb270312231e738b351a1fbc3bb9 Mon Sep 17 00:00:00 2001
From: lianahus <liana@ethereum.org>
Date: Tue, 30 Apr 2024 10:46:37 +0200
Subject: [PATCH 18/31] fixing linting for remix-solidity

---
 libs/remix-solidity/src/compiler/compiler-input.ts | 2 +-
 libs/remix-solidity/src/compiler/compiler.ts       | 2 +-
 libs/remix-solidity/src/compiler/helper.ts         | 2 +-
 libs/remix-solidity/src/compiler/types.ts          | 2 +-
 libs/remix-solidity/tests/compiler-input.spec.ts   | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/libs/remix-solidity/src/compiler/compiler-input.ts b/libs/remix-solidity/src/compiler/compiler-input.ts
index 61c8ece472..f0c5666622 100644
--- a/libs/remix-solidity/src/compiler/compiler-input.ts
+++ b/libs/remix-solidity/src/compiler/compiler-input.ts
@@ -20,7 +20,7 @@ export default (sources: Source, opts: CompilerInputOptions): string => {
       },
       remappings: opts.remappings || []
     }
-  }  
+  }
   if (opts.evmVersion) {
     if (opts.evmVersion.toLowerCase() == 'default') {
       opts.evmVersion = null
diff --git a/libs/remix-solidity/src/compiler/compiler.ts b/libs/remix-solidity/src/compiler/compiler.ts
index fd5f5be51e..5bfab4b882 100644
--- a/libs/remix-solidity/src/compiler/compiler.ts
+++ b/libs/remix-solidity/src/compiler/compiler.ts
@@ -82,7 +82,7 @@ export class Compiler {
    */
 
   internalCompile(files: Source, missingInputs?: string[], timeStamp?: number): void {
-    if(timeStamp < this.state.compilationStartTime && this.state.compilerRetriggerMode == CompilerRetriggerMode.retrigger ) {
+    if (timeStamp < this.state.compilationStartTime && this.state.compilerRetriggerMode == CompilerRetriggerMode.retrigger ) {
       return
     }
     this.gatherImports(files, missingInputs, (error, input) => {
diff --git a/libs/remix-solidity/src/compiler/helper.ts b/libs/remix-solidity/src/compiler/helper.ts
index f4eb8e3f21..8a74603044 100644
--- a/libs/remix-solidity/src/compiler/helper.ts
+++ b/libs/remix-solidity/src/compiler/helper.ts
@@ -36,7 +36,7 @@ export default {
       }
     }
   },
-  
+
   // ^ e.g:
   // browser/gm.sol: Warning: Source file does not specify required compiler version! Consider adding "pragma solidity ^0.6.12
   // https://github.com/OpenZeppelin/openzeppelin-contracts/blob/release-v3.2.0/contracts/introspection/IERC1820Registry.sol:3:1: ParserError: Source file requires different compiler version (current compiler is 0.7.4+commit.3f05b770.Emscripten.clang) - note that nightly builds are considered to be strictly less than the released version
diff --git a/libs/remix-solidity/src/compiler/types.ts b/libs/remix-solidity/src/compiler/types.ts
index 8754b8c63d..79718c071a 100644
--- a/libs/remix-solidity/src/compiler/types.ts
+++ b/libs/remix-solidity/src/compiler/types.ts
@@ -161,7 +161,7 @@ export enum CompilerRetriggerMode {
 }
 
 export interface CompilerState {
-    compileJSON: ((input: SourceWithTarget, timeStamp?:  number) => void) | null,
+    compileJSON: ((input: SourceWithTarget, timeStamp?: number) => void) | null,
     worker: any,
     currentVersion: string| null| undefined,
     compilerLicense: string| null
diff --git a/libs/remix-solidity/tests/compiler-input.spec.ts b/libs/remix-solidity/tests/compiler-input.spec.ts
index 3dc247624b..b80b040d3f 100644
--- a/libs/remix-solidity/tests/compiler-input.spec.ts
+++ b/libs/remix-solidity/tests/compiler-input.spec.ts
@@ -20,6 +20,6 @@ describe('compiler-input', () => {
     expect(getValidLanguage(undefined)).toBe(null)
     expect(getValidLanguage('')).toBe(null)
     expect(getValidLanguage('A')).toBe(null)
-    expect(getValidLanguage('Something')).toBe(null)    
+    expect(getValidLanguage('Something')).toBe(null)
   })
 })

From dde16c2bd4d3964228cba2aec6d191a3c6b560cc Mon Sep 17 00:00:00 2001
From: lianahus <liana@ethereum.org>
Date: Tue, 30 Apr 2024 11:03:02 +0200
Subject: [PATCH 19/31] fixed linting for vyper and walletconnect

---
 apps/vyper/project.json                       |   4 +-
 apps/vyper/src/app/utils/types.ts             | 264 +++++++++---------
 apps/walletconnect/project.json               |   4 +-
 .../src/services/WalletConnectRemixClient.ts  |  22 +-
 4 files changed, 146 insertions(+), 148 deletions(-)

diff --git a/apps/vyper/project.json b/apps/vyper/project.json
index 28c8835367..859801c47a 100644
--- a/apps/vyper/project.json
+++ b/apps/vyper/project.json
@@ -42,8 +42,8 @@
       "executor": "@nrwl/linter:eslint",
       "outputs": ["{options.outputFile}"],
       "options": {
-        "lintFilePatterns": ["libs/vyper/**/*.ts"],
-        "eslintConfig": "libs/vyper/.eslintrc"
+        "lintFilePatterns": ["apps/vyper/**/*.ts"],
+        "eslintConfig": "apps/vyper/.eslintrc"
       }
     },
     "serve": {
diff --git a/apps/vyper/src/app/utils/types.ts b/apps/vyper/src/app/utils/types.ts
index fc7b3d56c5..928f30ed07 100644
--- a/apps/vyper/src/app/utils/types.ts
+++ b/apps/vyper/src/app/utils/types.ts
@@ -1,4 +1,4 @@
-import {CompilationResult, ABIDescription} from '@remixproject/plugin-api'
+import { CompilationResult, ABIDescription } from '@remixproject/plugin-api'
 
 export interface VyperCompilationResult {
   status: 'success'
@@ -18,7 +18,6 @@ export interface VyperCompilationError {
   message: string
 }
 
-
 export type VyperCompilationResultType = {
   buildDependencies: any
   compilers: [
@@ -85,68 +84,68 @@ export type VyperCompilationResultType = {
 }
 
 export interface PackageManifest {
-  title:       string;
+  title: string;
   description: string;
-  type:        TypeEnum;
-  required:    string[];
-  version:     string;
-  properties:  PackageManifestProperties;
+  type: TypeEnum;
+  required: string[];
+  version: string;
+  properties: PackageManifestProperties;
   definitions: Definitions;
 }
 
 export interface Definitions {
-  packageMeta:                 ByteString;
-  contractType:                ByteString;
-  contractInstance:            ContractInstance;
-  byteString:                  ByteString;
-  bytecodeObject:              BytecodeObject;
-  linkReference:               LinkReference;
-  linkValue:                   LinkValue;
-  identifier:                  ByteString;
-  contractInstanceName:        ByteString;
-  deployment:                  Deployment;
+  packageMeta: ByteString;
+  contractType: ByteString;
+  contractInstance: ContractInstance;
+  byteString: ByteString;
+  bytecodeObject: BytecodeObject;
+  linkReference: LinkReference;
+  linkValue: LinkValue;
+  identifier: ByteString;
+  contractInstanceName: ByteString;
+  deployment: Deployment;
   packageContractInstanceName: ByteString;
-  compilerInformation:         CompilerInformation;
-  address:                     Address;
-  transactionHash:             Address;
-  blockHash:                   Address;
-  contentURI:                  ByteString;
+  compilerInformation: CompilerInformation;
+  address: Address;
+  transactionHash: Address;
+  blockHash: Address;
+  contentURI: ByteString;
 }
 
 export interface Address {
-  title:       string;
+  title: string;
   description: string;
-  allOf:       AllOf[];
+  allOf: AllOf[];
 }
 
 export interface AllOf {
-  ref?:       string;
+  ref?: string;
   minLength?: number;
   maxLength?: number;
 }
 
 export interface ByteStringProperties {
-  contractName?:       ByteString;
+  contractName?: ByteString;
   deploymentBytecode?: Meta;
-  runtimeBytecode?:    Meta;
-  abi?:                ByteString;
-  natspec?:            ByteString;
-  compiler?:           Meta;
-  authors?:            ByteString;
-  license?:            ByteString;
-  description?:        ByteString;
-  keywords?:           ByteString;
-  links?:              Links;
+  runtimeBytecode?: Meta;
+  abi?: ByteString;
+  natspec?: ByteString;
+  compiler?: Meta;
+  authors?: ByteString;
+  license?: ByteString;
+  description?: ByteString;
+  keywords?: ByteString;
+  links?: Links;
 }
 
 export interface ByteString {
-  title:              string;
-  description?:       string;
-  type:               TypeEnum;
-  pattern?:           string;
-  format?:            string;
-  items?:             Items;
-  properties?:        ByteStringProperties;
+  title: string;
+  description?: string;
+  type: TypeEnum;
+  pattern?: string;
+  format?: string;
+  items?: Items;
+  properties?: ByteStringProperties;
   patternProperties?: { [key: string]: Meta };
 }
 
@@ -155,29 +154,29 @@ export interface Meta {
 }
 
 export interface Links {
-  title:                string;
-  descriptions:         string;
-  type:                 TypeEnum;
+  title: string;
+  descriptions: string;
+  type: TypeEnum;
   additionalProperties: AdditionalProperties;
 }
 
 export interface AdditionalProperties {
-  type:   TypeEnum;
+  type: TypeEnum;
   format: string;
 }
 
 export type TypeEnum = "string" | "array" | "object";
 
 export interface Items {
-  ref?:  string;
+  ref?: string;
   type?: TypeEnum;
 }
 
 export interface BytecodeObject {
-  title:      string
-  type:       TypeEnum
+  title: string
+  type: TypeEnum
   offsets: number[]
-  anyOf:      BytecodeObjectAnyOf[]
+  anyOf: BytecodeObjectAnyOf[]
   properties: BytecodeObjectProperties
   bytecode: string
   linkReferences?: { offset?: any; length?: number; name?: string}[]
@@ -188,56 +187,56 @@ export interface BytecodeObjectAnyOf {
 }
 
 export interface BytecodeObjectProperties {
-  bytecode:         Meta;
-  linkReferences:   Link;
+  bytecode: Meta;
+  linkReferences: Link;
   linkDependencies: Link;
 }
 
 export interface Link {
-  type:  TypeEnum;
+  type: TypeEnum;
   items: Meta;
 }
 
 export interface CompilerInformation {
-  title:       string;
+  title: string;
   description: string;
-  type:        TypeEnum;
-  required:    string[];
-  properties:  CompilerInformationProperties;
+  type: TypeEnum;
+  required: string[];
+  properties: CompilerInformationProperties;
 }
 
 export interface CompilerInformationProperties {
-  name:     Name;
-  version:  Name;
+  name: Name;
+  version: Name;
   settings: Name;
 }
 
 export interface Name {
   description: string;
-  type:        TypeEnum;
+  type: TypeEnum;
 }
 
 export interface ContractInstance {
-  title:       string;
+  title: string;
   description: string;
-  type:        TypeEnum;
-  required:    string[];
-  properties:  ContractInstanceProperties;
+  type: TypeEnum;
+  required: string[];
+  properties: ContractInstanceProperties;
 }
 
 export interface ContractInstanceProperties {
-  contractType:     ByteString;
-  address:          Meta;
-  transaction:      Meta;
-  block:            Meta;
-  runtimeBytecode:  Meta;
-  compiler:         Meta;
+  contractType: ByteString;
+  address: Meta;
+  transaction: Meta;
+  block: Meta;
+  runtimeBytecode: Meta;
+  compiler: Meta;
   linkDependencies: ByteString;
 }
 
 export interface Deployment {
-  title:             string;
-  type:              TypeEnum;
+  title: string;
+  type: TypeEnum;
   patternProperties: DeploymentPatternProperties;
 }
 
@@ -246,36 +245,36 @@ export interface DeploymentPatternProperties {
 }
 
 export interface LinkReference {
-  title:       string;
+  title: string;
   description: string;
-  type:        TypeEnum;
-  required:    string[];
-  properties:  LinkReferenceProperties;
+  type: TypeEnum;
+  required: string[];
+  properties: LinkReferenceProperties;
 }
 
 export interface LinkReferenceProperties {
   offsets: Offsets;
-  length:  Length;
-  name:    Meta;
+  length: Length;
+  name: Meta;
 }
 
 export interface Length {
-  type:    string;
+  type: string;
   minimum: number;
 }
 
 export interface Offsets {
-  type:  TypeEnum;
+  type: TypeEnum;
   items: Length;
 }
 
 export interface LinkValue {
-  title:       string;
+  title: string;
   description: string;
-  type:        TypeEnum;
-  required:    string[];
-  properties:  LinkValueProperties;
-  oneOf:       OneOf[];
+  type: TypeEnum;
+  required: string[];
+  properties: LinkValueProperties;
+  oneOf: OneOf[];
 }
 
 export interface OneOf {
@@ -283,7 +282,7 @@ export interface OneOf {
 }
 
 export interface OneOfProperties {
-  type:  TypeClass;
+  type: TypeClass;
   value: PurpleValue;
 }
 
@@ -292,14 +291,14 @@ export interface TypeClass {
 }
 
 export interface PurpleValue {
-  ref?:   string;
+  ref?: string;
   anyOf?: Meta[];
 }
 
 export interface LinkValueProperties {
   offsets: Offsets;
-  type:    Name;
-  value:   FluffyValue;
+  type: Name;
+  value: FluffyValue;
 }
 
 export interface FluffyValue {
@@ -307,19 +306,19 @@ export interface FluffyValue {
 }
 
 export interface PackageManifestProperties {
-  manifestVersion:   ManifestVersion;
-  packageName:       ByteString;
-  meta:              Meta;
-  version:           Version;
-  sources:           Sources;
-  contractTypes:     ByteString;
-  deployments:       ByteString;
+  manifestVersion: ManifestVersion;
+  packageName: ByteString;
+  meta: Meta;
+  version: Version;
+  sources: Sources;
+  contractTypes: ByteString;
+  deployments: ByteString;
   buildDependencies: BuildDependencies;
 }
 
 export interface BuildDependencies {
-  title:             string;
-  type:              TypeEnum;
+  title: string;
+  type: TypeEnum;
   patternProperties: BuildDependenciesPatternProperties;
 }
 
@@ -328,16 +327,16 @@ export interface BuildDependenciesPatternProperties {
 }
 
 export interface ManifestVersion {
-  type:        TypeEnum;
-  title:       string;
+  type: TypeEnum;
+  title: string;
   description: string;
-  default:     string;
-  enum:        string[];
+  default: string;
+  enum: string[];
 }
 
 export interface Sources {
-  title:             string;
-  type:              TypeEnum;
+  title: string;
+  type: TypeEnum;
   patternProperties: SourcesPatternProperties;
 }
 
@@ -351,13 +350,13 @@ export interface Empty {
 
 export interface AnyOf {
   title?: string;
-  type?:  TypeEnum;
-  ref?:   string;
+  type?: TypeEnum;
+  ref?: string;
 }
 
 export interface Version {
   title: string;
-  type:  TypeEnum;
+  type: TypeEnum;
 }
 
 export type CompileFormat = {
@@ -448,7 +447,6 @@ deployments: {
   [contractName: string]: ContractInstanceObject
 }
 
-
 }
 
 export type CompilerInformationObject = {
@@ -496,45 +494,45 @@ export type ContractInstanceObject = {
 
 export type ASTSrc = {
   jumpCode: string;
-  length:   number;
+  length: number;
 }
 
 export type Child = {
-  astType:        string;
-  children:       Child[];
+  astType: string;
+  children: Child[];
   classification: number;
-  colOffset:      number;
-  endColOffset:   number;
-  endLineno:      number;
-  lineno:         number;
-  name?:          string;
-  src:            ChildSrc;
-  docStr?:        Child;
+  colOffset: number;
+  endColOffset: number;
+  endLineno: number;
+  lineno: number;
+  name?: string;
+  src: ChildSrc;
+  docStr?: Child;
 }
 
 export type ChildSrc = {
   jumpCode: string;
-  length:   number;
-  start:    number;
+  length: number;
+  start: number;
 }
 
 export type AST = {
-  astType:        string;
-  children:       Child[];
+  astType: string;
+  children: Child[];
   classification: number;
-  colOffset:      number;
-  endColOffset:   number;
-  endLineno:      number;
-  lineno:         number;
-  name:           string;
-  src:            ASTSrc;
+  colOffset: number;
+  endColOffset: number;
+  endLineno: number;
+  lineno: number;
+  name: string;
+  src: ASTSrc;
 }
 
 export type ABI = {
-  anonymous?:       boolean;
-  inputs:           any[];
-  name?:            string;
-  type:             any
+  anonymous?: boolean;
+  inputs: any[];
+  name?: string;
+  type: any
   stateMutability?: any;
-  outputs?:         any[];
+  outputs?: any[];
 }
diff --git a/apps/walletconnect/project.json b/apps/walletconnect/project.json
index 589011838a..668a31c1d3 100644
--- a/apps/walletconnect/project.json
+++ b/apps/walletconnect/project.json
@@ -39,8 +39,8 @@
         "executor": "@nrwl/linter:eslint",
         "outputs": ["{options.outputFile}"],
         "options": {
-          "lintFilePatterns": ["libs/walletconnect/**/*.ts"],
-          "eslintConfig": "libs/walletconnect/.eslintrc"
+          "lintFilePatterns": ["apps/walletconnect/**/*.ts"],
+          "eslintConfig": "apps/walletconnect/.eslintrc"
         }
       },
       "serve": {
diff --git a/apps/walletconnect/src/services/WalletConnectRemixClient.ts b/apps/walletconnect/src/services/WalletConnectRemixClient.ts
index d8e8656cc0..f23f057a6d 100644
--- a/apps/walletconnect/src/services/WalletConnectRemixClient.ts
+++ b/apps/walletconnect/src/services/WalletConnectRemixClient.ts
@@ -1,9 +1,9 @@
-import {PluginClient} from '@remixproject/plugin'
-import {createClient} from '@remixproject/plugin-webview'
+import { PluginClient } from '@remixproject/plugin'
+import { createClient } from '@remixproject/plugin-webview'
 import { createWeb3Modal, defaultConfig } from '@web3modal/ethers5/react'
 import { constants } from '../utils/constants'
 import EventManager from 'events'
-import {PROJECT_ID as projectId, METADATA as metadata} from './constant'
+import { PROJECT_ID as projectId, METADATA as metadata } from './constant'
 import { Chain, RequestArguments } from '../types'
 
 export class WalletConnectRemixClient extends PluginClient {
@@ -39,7 +39,7 @@ export class WalletConnectRemixClient extends PluginClient {
         metadata,
         rpcUrl: 'https://cloudflare-eth.com'
       })
-      
+
       this.web3modal = createWeb3Modal({ projectId, chains: constants.chains, metadata, ethersConfig })
       this.ethersConfig = ethersConfig
       this.chains = constants.chains
@@ -50,16 +50,16 @@ export class WalletConnectRemixClient extends PluginClient {
 
   subscribeToEvents() {
     this.web3modal.subscribeProvider(({ address, isConnected, chainId })=>{
-      if(isConnected){
+      if (isConnected){
         if (address !== this.currentAccount) {
           this.currentAccount = address
-          this.emit('accountsChanged', [address])          
+          this.emit('accountsChanged', [address])
         }
         if (this.currentChain !== chainId) {
           this.currentChain = chainId
           this.emit('chainChanged', chainId)
         }
-      }else{
+      } else {
         this.emit('accountsChanged', [])
         this.currentAccount = ''
         this.emit('chainChanged', 0)
@@ -106,7 +106,7 @@ export class WalletConnectRemixClient extends PluginClient {
                     error,
                     id: data.id
                   })
-                }                
+                }
               }
               return resolve(response)
             })
@@ -114,16 +114,16 @@ export class WalletConnectRemixClient extends PluginClient {
         } else {
           try {
             const message = await provider.request(data)
-            return {jsonrpc: '2.0', result: message, id: data.id}
+            return { jsonrpc: '2.0', result: message, id: data.id }
           } catch (e) {
-            return {jsonrpc: '2.0', error: { message: e.message, code: -32603 }, id: data.id}
+            return { jsonrpc: '2.0', error: { message: e.message, code: -32603 }, id: data.id }
           }
         }
       }
     } else {
       const err = `Cannot make ${data.method} request. Remix client is not connected to walletconnect client`
       console.error(err)
-      return {jsonrpc: '2.0', error: { message: err, code: -32603 }, id: data.id}
+      return { jsonrpc: '2.0', error: { message: err, code: -32603 }, id: data.id }
     }
   }
 

From 2df970be553f5a874d1c97185748815bee33413f Mon Sep 17 00:00:00 2001
From: lianahus <liana@ethereum.org>
Date: Tue, 30 Apr 2024 11:20:57 +0200
Subject: [PATCH 20/31] fixing linting for remix-tests

---
 apps/solhint/project.json                     | 4 ++--
 libs/remix-tests/src/compiler.ts              | 4 ++--
 libs/remix-tests/tests/testRunner.cli.spec.ts | 7 ++-----
 libs/remix-tests/tests/testRunner.spec.ts     | 4 ----
 4 files changed, 6 insertions(+), 13 deletions(-)

diff --git a/apps/solhint/project.json b/apps/solhint/project.json
index a76ec45b49..c8d6075771 100644
--- a/apps/solhint/project.json
+++ b/apps/solhint/project.json
@@ -51,8 +51,8 @@
       "executor": "@nrwl/linter:eslint",
       "outputs": ["{options.outputFile}"],
       "options": {
-        "lintFilePatterns": ["libs/solhint/**/*.ts"],
-        "eslintConfig": "libs/solhint/.eslintrc"
+        "lintFilePatterns": ["apps/solhint/**/*.ts"],
+        "eslintConfig": "apps/solhint/.eslintrc"
       }
     },
     "serve": {
diff --git a/libs/remix-tests/src/compiler.ts b/libs/remix-tests/src/compiler.ts
index 591609c5a8..1c6f7e8064 100644
--- a/libs/remix-tests/src/compiler.ts
+++ b/libs/remix-tests/src/compiler.ts
@@ -25,7 +25,7 @@ export function writeTestAccountsContract (accounts: string[]) {
     body += `return accounts[index];`
   } else {
     body = `return address(0);`
-  }  
+  }
   return testAccountContract.replace('>accounts<', body)
 }
 
@@ -91,7 +91,7 @@ export function compileFileOrFiles (filename: string, isDirectory: boolean, opts
   const filepath: string = (isDirectory ? filename : path.dirname(filename))
   const importsCallback = (url, cb) => {
     try {
-      if(fs.existsSync(url)) cb(null, fs.readFileSync(url, 'utf-8'))
+      if (fs.existsSync(url)) cb(null, fs.readFileSync(url, 'utf-8'))
       else {
         const urlResolver = new RemixURLResolver()
         urlResolver.resolve(url).then((result) => cb(null, result.content)).catch((error) => cb(error.message))
diff --git a/libs/remix-tests/tests/testRunner.cli.spec.ts b/libs/remix-tests/tests/testRunner.cli.spec.ts
index 363e69cb8d..b1d8b97cf4 100644
--- a/libs/remix-tests/tests/testRunner.cli.spec.ts
+++ b/libs/remix-tests/tests/testRunner.cli.spec.ts
@@ -9,10 +9,10 @@ describe('testRunner: remix-tests CLI', function(){
   const executablePath = resolve(__dirname + '/../../../dist/libs/remix-tests/bin/remix-tests')
 
   const result = spawnSync('ls', { cwd: resolve(__dirname + '/../../../dist/libs/remix-tests') })
-  if(result) {
+  if (result) {
     const dirContent = result.stdout.toString()
     // Install dependencies if 'node_modules' is not already present
-    if(!dirContent.includes('node_modules')) {
+    if (!dirContent.includes('node_modules')) {
       execSync('yarn add @remix-project/remix-lib ../../libs/remix-lib', { cwd: resolve(__dirname + '/../../../dist/libs/remix-tests') })
       execSync('yarn add @remix-project/remix-url-resolver ../../libs/remix-url-resolver', { cwd: resolve(__dirname + '/../../../dist/libs/remix-tests') })
       execSync('yarn add @remix-project/remix-solidity ../../libs/remix-solidity', { cwd: resolve(__dirname + '/../../../dist/libs/remix-tests') })
@@ -21,7 +21,6 @@ describe('testRunner: remix-tests CLI', function(){
     }
   }
 
-
   describe('test various CLI options', function() {
     it('remix-tests version', () => {
       const res = spawnSync(executablePath, ['-V'])
@@ -79,8 +78,6 @@ Commands:
 
     })
 
-
-
     it('remix-tests running a test file with custom compiler version', () => {
       const res = spawnSync(executablePath, ['--compiler', '0.7.4', resolve(__dirname + '/examples_0/assert_ok_test.sol')])
       // match initial lines
diff --git a/libs/remix-tests/tests/testRunner.spec.ts b/libs/remix-tests/tests/testRunner.spec.ts
index 799bdfb3f9..0d2dcf260d 100644
--- a/libs/remix-tests/tests/testRunner.spec.ts
+++ b/libs/remix-tests/tests/testRunner.spec.ts
@@ -8,8 +8,6 @@ import { deployAll } from '../src/deployer'
 import { runTest, compilationInterface } from '../src/index'
 import { ResultsInterface, TestCbInterface, ResultCbInterface } from '../src/index'
 
-
-
 // deepEqualExcluding allows us to exclude specific keys whose values vary.
 // In this specific test, we'll use this helper to exclude `time` keys.
 // Assertions for the existence of these will be made at the correct places.
@@ -177,8 +175,6 @@ describe('testRunner', function () {
       })
     })
 
-
-
     describe('assert library NOTEQUAL method tests', function () {
       const filename: string = __dirname + '/examples_0/assert_notEqual_test.sol'
 

From 313cec883ec2729648a25b11a303a45192965dc8 Mon Sep 17 00:00:00 2001
From: lianahus <liana@ethereum.org>
Date: Tue, 30 Apr 2024 11:25:26 +0200
Subject: [PATCH 21/31] removed solhint from plugin manager list`

---
 apps/remix-ide/src/remixAppManager.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/apps/remix-ide/src/remixAppManager.js b/apps/remix-ide/src/remixAppManager.js
index 919b04a132..e462a94074 100644
--- a/apps/remix-ide/src/remixAppManager.js
+++ b/apps/remix-ide/src/remixAppManager.js
@@ -76,7 +76,8 @@ let requiredModules = [ // services + layout views + system views
   'home',
   'doc-viewer',
   'doc-gen',
-  'remix-templates'
+  'remix-templates',
+  'solhint'
 ]
 
 

From 1d08797503605f67419732f985d0376e7055054d Mon Sep 17 00:00:00 2001
From: lianahus <liana@ethereum.org>
Date: Tue, 30 Apr 2024 11:41:05 +0200
Subject: [PATCH 22/31] fixing linting for etherscan linter rules for solhint

---
 apps/etherscan/src/app/EtherscanPluginClient.ts |  8 ++++----
 apps/etherscan/src/app/utils/utilities.ts       |  6 +++---
 apps/etherscan/src/app/utils/verify.ts          | 14 +++++++-------
 apps/solhint/.eslintrc                          | 15 +++++++++++++++
 apps/solhint/src/app/SolhintPluginClient.ts     |  1 +
 5 files changed, 30 insertions(+), 14 deletions(-)

diff --git a/apps/etherscan/src/app/EtherscanPluginClient.ts b/apps/etherscan/src/app/EtherscanPluginClient.ts
index 87e26acdb4..3d1bf22d94 100644
--- a/apps/etherscan/src/app/EtherscanPluginClient.ts
+++ b/apps/etherscan/src/app/EtherscanPluginClient.ts
@@ -1,7 +1,7 @@
-import {PluginClient} from '@remixproject/plugin'
+import { PluginClient } from '@remixproject/plugin'
 import { createClient } from '@remixproject/plugin-webview'
-import {verify, EtherScanReturn} from './utils/verify'
-import {getReceiptStatus, getEtherScanApi, getNetworkName, getProxyContractReceiptStatus} from './utils'
+import { verify, EtherScanReturn } from './utils/verify'
+import { getReceiptStatus, getEtherScanApi, getNetworkName, getProxyContractReceiptStatus } from './utils'
 import EventManager from 'events'
 
 export class EtherscanPluginClient extends PluginClient {
@@ -46,7 +46,7 @@ export class EtherscanPluginClient extends PluginClient {
 
   async receiptStatus(receiptGuid: string, apiKey: string, isProxyContract: boolean) {
     try {
-      const {network, networkId} = await getNetworkName(this)
+      const { network, networkId } = await getNetworkName(this)
       if (network === 'vm') {
         throw new Error('Cannot check the receipt status in the selected network')
       }
diff --git a/apps/etherscan/src/app/utils/utilities.ts b/apps/etherscan/src/app/utils/utilities.ts
index f0f92ab6f7..048b6e2335 100644
--- a/apps/etherscan/src/app/utils/utilities.ts
+++ b/apps/etherscan/src/app/utils/utilities.ts
@@ -4,7 +4,7 @@ import { scanAPIurls } from "./networks"
 type RemixClient = PluginClient
 
 /*
-  status: 0=Error, 1=Pass 
+  status: 0=Error, 1=Pass
   message: OK, NOTOK
   result: explanation
 */
@@ -14,7 +14,7 @@ export type receiptStatus = {
   status: string
 }
 
-export const getEtherScanApi = (networkId: any) => { 
+export const getEtherScanApi = (networkId: any) => {
   if (!(networkId in scanAPIurls)) {
     throw new Error("no known network to verify against")
   }
@@ -26,7 +26,7 @@ export const getNetworkName = async (client: RemixClient) => {
   const network = await client.call("network", "detectNetwork")
   if (!network) {
     throw new Error("no known network to verify against")
-  } 
+  }
   return { network: network.name!.toLowerCase(), networkId: network.id }
 }
 
diff --git a/apps/etherscan/src/app/utils/verify.ts b/apps/etherscan/src/app/utils/verify.ts
index 4dbc70f743..41b74c0e2e 100644
--- a/apps/etherscan/src/app/utils/verify.ts
+++ b/apps/etherscan/src/app/utils/verify.ts
@@ -23,7 +23,7 @@ export const verify = async (
   compilationResultParam: CompilerAbstract,
   chainRef: number | string,
   isProxyContract: boolean,
-  expectedImplAddress: string, 
+  expectedImplAddress: string,
   client: PluginClient,
   onVerifiedContract: (value: EtherScanReturn) => void,
   setResults: (value: string) => void
@@ -47,7 +47,7 @@ export const verify = async (
       etherscanApi = getEtherScanApi(networkChainId)
     }
   }
-  
+
   try {
     const contractMetadata = getContractMetadata(
       // cast from the remix-plugin interface to the solidity one. Should be fixed when remix-plugin move to the remix-project repository
@@ -61,7 +61,7 @@ export const verify = async (
         message: "Please recompile contract"
       }
     }
-    
+
     const contractMetadataParsed = JSON.parse(contractMetadata)
 
     const fileName = getContractFileName(
@@ -146,9 +146,9 @@ export const verify = async (
         title: result,
       })
       const returnValue = {
-          message: result,
-          succeed: false,
-          isProxyContract
+        message: result,
+        succeed: false,
+        isProxyContract
       }
       resetAfter10Seconds(client, setResults)
       return returnValue
@@ -184,7 +184,7 @@ export const getContractFileName = (
   }
   return fileName
 }
-  
+
 export const getContractMetadata = (
   compilationResult: CompilationResult,
   contractName: string
diff --git a/apps/solhint/.eslintrc b/apps/solhint/.eslintrc
index 2d85f9fa66..b24495e5e9 100644
--- a/apps/solhint/.eslintrc
+++ b/apps/solhint/.eslintrc
@@ -1,3 +1,18 @@
 {
   "extends": "../../.eslintrc.json",
+  "overrides": [
+    {
+      "files": [
+        "*.ts",
+        "*.tsx",
+        "*.js",
+        "*.jsx"
+      ],
+      "rules": {
+        "@nrwl/nx/enforce-module-boundaries": [
+          "warn"
+        ]
+      }
+    }
+  ]
 }
\ No newline at end of file
diff --git a/apps/solhint/src/app/SolhintPluginClient.ts b/apps/solhint/src/app/SolhintPluginClient.ts
index e386096114..0673f651e4 100644
--- a/apps/solhint/src/app/SolhintPluginClient.ts
+++ b/apps/solhint/src/app/SolhintPluginClient.ts
@@ -1,6 +1,7 @@
 import { PluginClient } from '@remixproject/plugin'
 import { createClient } from '@remixproject/plugin-webview'
 import EventEmitter from 'events'
+// eslint-disable @nrwl/nx/enforce-module-boundaries
 import { processStr } from 'solhint'
 import { applyExtends } from 'solhint/lib/config/config-file'
 import bestPractises from 'solhint/lib/rules/best-practises'

From 39a466ac021fba8490f80ba6a3c6f2be5c2b1f27 Mon Sep 17 00:00:00 2001
From: lianahus <liana@ethereum.org>
Date: Tue, 30 Apr 2024 11:43:22 +0200
Subject: [PATCH 23/31] fixing linting solhint

---
 apps/solhint/.eslintrc                      | 2 +-
 apps/solhint/src/app/SolhintPluginClient.ts | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/solhint/.eslintrc b/apps/solhint/.eslintrc
index b24495e5e9..f24184d929 100644
--- a/apps/solhint/.eslintrc
+++ b/apps/solhint/.eslintrc
@@ -10,7 +10,7 @@
       ],
       "rules": {
         "@nrwl/nx/enforce-module-boundaries": [
-          "warn"
+          "off"
         ]
       }
     }
diff --git a/apps/solhint/src/app/SolhintPluginClient.ts b/apps/solhint/src/app/SolhintPluginClient.ts
index 0673f651e4..25a7479192 100644
--- a/apps/solhint/src/app/SolhintPluginClient.ts
+++ b/apps/solhint/src/app/SolhintPluginClient.ts
@@ -45,7 +45,7 @@ export class SolHint extends PluginClient {
   }
 
   async lintOnCompilation() {
-    if(!this.triggerLinter) return
+    if (!this.triggerLinter) return
     this.on('solidity', 'compilationFinished', async (fileName, source, languageVersion, data) => {
       const hints = await this.lint(fileName)
       console.log('after compile', { hints })

From f80fbfd0dc0ddfe625197e2e9f0c055a4b8b443f Mon Sep 17 00:00:00 2001
From: lianahus <liana@ethereum.org>
Date: Tue, 30 Apr 2024 11:54:28 +0200
Subject: [PATCH 24/31] added solhiny module declaration

---
 apps/solhint/src/index.d.ts | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 apps/solhint/src/index.d.ts

diff --git a/apps/solhint/src/index.d.ts b/apps/solhint/src/index.d.ts
new file mode 100644
index 0000000000..c98dcafe0b
--- /dev/null
+++ b/apps/solhint/src/index.d.ts
@@ -0,0 +1,5 @@
+declare module 'solhint' {
+  export function processStr (inputStr: any, config?: any, fileName?: string)
+  export function processFile (file: any, config: any)
+  export function processPath (path: any, config: any)
+}
\ No newline at end of file

From 4716cfa2e76385c44928dd0e372ab84445819581 Mon Sep 17 00:00:00 2001
From: lianahus <liana@ethereum.org>
Date: Tue, 30 Apr 2024 11:56:26 +0200
Subject: [PATCH 25/31] fixing remix-ide linting

---
 .../src/app/components/hidden-panel.tsx       |  6 +-
 .../src/app/components/main-panel.tsx         |  8 +--
 apps/remix-ide/src/app/components/panel.ts    |  2 +-
 apps/remix-ide/src/app/components/preload.tsx | 18 ++---
 .../src/app/components/side-panel.tsx         |  8 +--
 .../src/app/components/vertical-icons.tsx     | 10 +--
 apps/remix-ide/src/app/files/dgitProvider.ts  | 26 +++----
 .../src/app/files/electronProvider.ts         |  2 -
 apps/remix-ide/src/app/files/fileManager.ts   | 19 +++---
 apps/remix-ide/src/app/files/fileProvider.ts  |  3 +-
 apps/remix-ide/src/app/files/fileSystem.ts    |  1 -
 .../files/filesystems/fileSystemUtility.ts    |  2 -
 .../src/app/files/filesystems/indexedDB.ts    |  1 -
 .../src/app/files/filesystems/localStorage.ts |  2 +-
 apps/remix-ide/src/app/panels/terminal.tsx    |  6 +-
 apps/remix-ide/src/app/plugins/code-format.ts |  3 -
 .../src/app/plugins/code-format/parser.ts     |  1 -
 .../src/app/plugins/compile-details.tsx       |  2 +-
 apps/remix-ide/src/app/plugins/config.ts      |  2 +-
 .../src/app/plugins/contractFlattener.tsx     |  8 +--
 .../plugins/electron/compilerLoaderPlugin.ts  |  4 +-
 .../src/app/plugins/electron/fsPlugin.ts      |  6 +-
 .../src/app/plugins/file-decorator.ts         |  4 +-
 .../src/app/plugins/notification.tsx          | 10 +--
 apps/remix-ide/src/app/plugins/openaigpt.tsx  |  8 +--
 .../src/app/plugins/parser/code-parser.tsx    |  5 +-
 .../services/code-parser-antlr-service.ts     | 17 +++--
 .../parser/services/code-parser-compiler.ts   | 16 ++---
 .../services/code-parser-gas-service.ts       |  9 +--
 .../parser/services/code-parser-imports.ts    | 14 ++--
 .../app/plugins/parser/types/antlr-types.ts   | 10 ---
 .../app/plugins/permission-handler-plugin.tsx | 20 +++---
 apps/remix-ide/src/app/plugins/remixGuide.tsx | 46 ++++++-------
 .../src/app/plugins/remixd-handle.tsx         | 24 +++----
 apps/remix-ide/src/app/plugins/solcoderAI.tsx | 46 ++++++-------
 .../src/app/plugins/solidity-script.tsx       | 18 ++---
 .../src/app/plugins/solidity-umlgen.tsx       | 28 ++++----
 .../app/plugins/vyper-compilation-details.tsx | 10 +--
 .../src/app/providers/abstract-provider.tsx   | 20 +++---
 .../app/providers/custom-vm-fork-provider.tsx |  8 +--
 .../app/providers/external-http-provider.tsx  |  6 +-
 .../src/app/providers/foundry-provider.tsx    |  4 +-
 .../src/app/providers/ganache-provider.tsx    |  4 +-
 .../app/providers/goerli-vm-fork-provider.tsx |  2 +-
 .../src/app/providers/hardhat-provider.tsx    |  4 +-
 .../injected-arbitrum-one-provider.tsx        |  2 +-
 .../providers/injected-custom-provider.tsx    | 12 ++--
 .../injected-ephemery-testnet-provider.tsx    |  6 +-
 .../providers/injected-optimism-provider.tsx  |  2 +-
 .../providers/injected-provider-default.tsx   |  4 +-
 .../injected-provider-trustwallet.tsx         |  2 +-
 .../src/app/providers/injected-provider.tsx   | 16 ++---
 .../injected-skale-chaos-testnet-provider.tsx |  6 +-
 .../providers/mainnet-vm-fork-provider.tsx    |  2 +-
 .../providers/sepolia-vm-fork-provider.tsx    |  2 +-
 .../src/app/providers/vm-provider.tsx         |  8 +--
 .../remix-ide/src/app/tabs/compile-and-run.ts |  6 +-
 apps/remix-ide/src/app/tabs/search.tsx        |  4 +-
 apps/remix-ide/src/app/tabs/settings-tab.tsx  |  8 +--
 apps/remix-ide/src/blockchain/blockchain.tsx  | 68 +++++++++----------
 apps/remix-ide/src/blockchain/helper.ts       |  2 +-
 apps/remix-ide/src/blockchain/providers/vm.ts |  7 +-
 .../src/blockchain/providers/worker-vm.ts     | 14 ++--
 apps/remix-ide/src/index.tsx                  | 16 ++---
 64 files changed, 311 insertions(+), 349 deletions(-)

diff --git a/apps/remix-ide/src/app/components/hidden-panel.tsx b/apps/remix-ide/src/app/components/hidden-panel.tsx
index 88b095b625..27993313c0 100644
--- a/apps/remix-ide/src/app/components/hidden-panel.tsx
+++ b/apps/remix-ide/src/app/components/hidden-panel.tsx
@@ -1,9 +1,9 @@
 // eslint-disable-next-line no-use-before-define
 import React from 'react'
-import {AbstractPanel} from './panel'
+import { AbstractPanel } from './panel'
 import * as packageJson from '../../../../../package.json'
-import {RemixPluginPanel} from '@remix-ui/panel'
-import {PluginViewWrapper} from '@remix-ui/helper'
+import { RemixPluginPanel } from '@remix-ui/panel'
+import { PluginViewWrapper } from '@remix-ui/helper'
 
 const profile = {
   name: 'hiddenPanel',
diff --git a/apps/remix-ide/src/app/components/main-panel.tsx b/apps/remix-ide/src/app/components/main-panel.tsx
index 15311a6173..e48399e839 100644
--- a/apps/remix-ide/src/app/components/main-panel.tsx
+++ b/apps/remix-ide/src/app/components/main-panel.tsx
@@ -1,8 +1,8 @@
 import React from 'react' // eslint-disable-line
-import {AbstractPanel} from './panel'
-import {RemixPluginPanel} from '@remix-ui/panel'
+import { AbstractPanel } from './panel'
+import { RemixPluginPanel } from '@remix-ui/panel'
 import packageJson from '../../../../../package.json'
-import {PluginViewWrapper} from '@remix-ui/helper'
+import { PluginViewWrapper } from '@remix-ui/helper'
 
 const profile = {
   name: 'mainPanel',
@@ -60,7 +60,7 @@ export class MainPanel extends AbstractPanel {
 
   render() {
     return (
-      <div style={{height: '100%', width: '100%'}} data-id="mainPanelPluginsContainer">
+      <div style={{ height: '100%', width: '100%' }} data-id="mainPanelPluginsContainer">
         <PluginViewWrapper plugin={this} />
       </div>
     )
diff --git a/apps/remix-ide/src/app/components/panel.ts b/apps/remix-ide/src/app/components/panel.ts
index 4dade1fbca..a90b8c3ee3 100644
--- a/apps/remix-ide/src/app/components/panel.ts
+++ b/apps/remix-ide/src/app/components/panel.ts
@@ -49,7 +49,7 @@ export class AbstractPanel extends HostPlugin {
    * @param {String} name The name of the plugin to display the content
    */
   showContent (name) {
-    if (!this.plugins[name]) throw new Error(`Plugin ${name} is not yet activated`)    
+    if (!this.plugins[name]) throw new Error(`Plugin ${name} is not yet activated`)
     Object.values(this.plugins).forEach(plugin => {
       plugin.active = false
     })
diff --git a/apps/remix-ide/src/app/components/preload.tsx b/apps/remix-ide/src/app/components/preload.tsx
index fade37390a..a34abe4e83 100644
--- a/apps/remix-ide/src/app/components/preload.tsx
+++ b/apps/remix-ide/src/app/components/preload.tsx
@@ -1,12 +1,12 @@
-import {RemixApp} from '@remix-ui/app'
+import { RemixApp } from '@remix-ui/app'
 import axios from 'axios'
-import React, {useEffect, useRef, useState} from 'react'
+import React, { useEffect, useRef, useState } from 'react'
 import { createRoot } from 'react-dom/client'
 import * as packageJson from '../../../../../package.json'
-import {fileSystem, fileSystems} from '../files/fileSystem'
-import {indexedDBFileSystem} from '../files/filesystems/indexedDB'
-import {localStorageFS} from '../files/filesystems/localStorage'
-import {fileSystemUtility, migrationTestData} from '../files/filesystems/fileSystemUtility'
+import { fileSystem, fileSystems } from '../files/fileSystem'
+import { indexedDBFileSystem } from '../files/filesystems/indexedDB'
+import { localStorageFS } from '../files/filesystems/localStorage'
+import { fileSystemUtility, migrationTestData } from '../files/filesystems/fileSystemUtility'
 import './styles/preload.css'
 import isElectron from 'is-electron'
 const _paq = (window._paq = window._paq || [])
@@ -83,7 +83,7 @@ export const Preload = (props: any) => {
   }
 
   useEffect (() => {
-    if(isElectron()){
+    if (isElectron()){
       loadAppComponent()
       return
     }
@@ -177,8 +177,8 @@ export const Preload = (props: any) => {
         ) : null}
         {supported && !error && !showDownloader ? (
           <div>
-            <div className='text-center'>              
-              <i className="fas fa-spinner fa-spin fa-2x"></i>              
+            <div className='text-center'>
+              <i className="fas fa-spinner fa-spin fa-2x"></i>
             </div>
             { tip && <div className='remix_tips text-center mt-3'>
               <div><b>DID YOU KNOW</b></div>
diff --git a/apps/remix-ide/src/app/components/side-panel.tsx b/apps/remix-ide/src/app/components/side-panel.tsx
index 6ea715f420..8b30bf200b 100644
--- a/apps/remix-ide/src/app/components/side-panel.tsx
+++ b/apps/remix-ide/src/app/components/side-panel.tsx
@@ -1,10 +1,10 @@
 // eslint-disable-next-line no-use-before-define
 import React from 'react'
-import {AbstractPanel} from './panel'
-import {RemixPluginPanel} from '@remix-ui/panel'
+import { AbstractPanel } from './panel'
+import { RemixPluginPanel } from '@remix-ui/panel'
 import packageJson from '../../../../../package.json'
-import {RemixUIPanelHeader} from '@remix-ui/panel'
-import {PluginViewWrapper} from '@remix-ui/helper'
+import { RemixUIPanelHeader } from '@remix-ui/panel'
+import { PluginViewWrapper } from '@remix-ui/helper'
 // const csjs = require('csjs-inject')
 
 const sidePanel = {
diff --git a/apps/remix-ide/src/app/components/vertical-icons.tsx b/apps/remix-ide/src/app/components/vertical-icons.tsx
index 2f69d5bee3..0d78b22fb7 100644
--- a/apps/remix-ide/src/app/components/vertical-icons.tsx
+++ b/apps/remix-ide/src/app/components/vertical-icons.tsx
@@ -1,11 +1,11 @@
 // eslint-disable-next-line no-use-before-define
 import React from 'react'
 import packageJson from '../../../../../package.json'
-import {Plugin} from '@remixproject/engine'
-import {EventEmitter} from 'events'
-import {IconRecord, RemixUiVerticalIconsPanel} from '@remix-ui/vertical-icons-panel'
-import {Profile} from '@remixproject/plugin-utils'
-import {PluginViewWrapper} from '@remix-ui/helper'
+import { Plugin } from '@remixproject/engine'
+import { EventEmitter } from 'events'
+import { IconRecord, RemixUiVerticalIconsPanel } from '@remix-ui/vertical-icons-panel'
+import { Profile } from '@remixproject/plugin-utils'
+import { PluginViewWrapper } from '@remix-ui/helper'
 
 const profile = {
   name: 'menuicons',
diff --git a/apps/remix-ide/src/app/files/dgitProvider.ts b/apps/remix-ide/src/app/files/dgitProvider.ts
index e914aba2c4..10d2c76c7a 100644
--- a/apps/remix-ide/src/app/files/dgitProvider.ts
+++ b/apps/remix-ide/src/app/files/dgitProvider.ts
@@ -14,7 +14,7 @@ import JSZip from 'jszip'
 import path from 'path'
 import FormData from 'form-data'
 import axios from 'axios'
-import {Registry} from '@remix-project/remix-lib'
+import { Registry } from '@remix-project/remix-lib'
 
 const profile = {
   name: 'dGitProvider',
@@ -121,7 +121,6 @@ class DGitProvider extends Plugin {
       return status
     }
 
-
     const status = await git.statusMatrix({
       ...await this.getGitConfig(),
       ...cmd
@@ -189,7 +188,7 @@ class DGitProvider extends Plugin {
           return newmodule.name === module.name
         })
       })
-  
+
       for (const module of toRemove) {
         const path = (await this.getGitConfig(module.path)).dir
         if (await window.remixFileSystem.exists(path)) {
@@ -224,7 +223,6 @@ class DGitProvider extends Plugin {
       return status
     }
 
-
     const status = await git.log({
       ...await this.getGitConfig(),
       ...cmd,
@@ -269,8 +267,6 @@ class DGitProvider extends Plugin {
 
   async currentbranch(config) {
 
-
-
     if ((Registry.getInstance().get('platform').api.isDesktop())) {
       return await this.call('isogit', 'currentbranch')
     }
@@ -426,11 +422,11 @@ class DGitProvider extends Plugin {
         input
       }
       this.call('terminal', 'logHtml', `Cloning ${input.url}... please wait...`)
-      try{
+      try {
         const result = await this.call('isogit', 'clone', cmd)
         this.call('fs', 'openWindow', folder)
         return result
-      }catch(e){
+      } catch (e){
         this.call('notification', 'alert', {
           id: 'dgitAlert',
           message: 'Unexpected error while cloning the repository: \n' + e.toString(),
@@ -516,7 +512,7 @@ class DGitProvider extends Plugin {
         for (const module of gitmodules) {
           const dir = path.join(currentDir, module.path)
           // if url contains git@github.com: convert it
-          if(module.url && module.url.startsWith('git@github.com:')) {
+          if (module.url && module.url.startsWith('git@github.com:')) {
             module.url = module.url.replace('git@github.com:', 'https://github.com/')
           }
           try {
@@ -530,7 +526,7 @@ class DGitProvider extends Plugin {
             this.call('terminal', 'logHtml', `Cloning submodule ${dir}...`)
             await git.clone(cmd)
             this.call('terminal', 'logHtml', `Cloned successfully submodule ${dir}...`)
-            
+
             const commitHash = await git.resolveRef({
               ...await this.getGitConfig(currentDir),
               ref: 'HEAD'
@@ -540,12 +536,12 @@ class DGitProvider extends Plugin {
               ...await this.getGitConfig(currentDir),
               trees: [git.TREE({ ref: commitHash })],
               map: async function (filepath, [A]) {
-                if(filepath === module.path) {
+                if (filepath === module.path) {
                   return await A.oid()
                 }
               }
             })
-            if(result && result.length) {
+            if (result && result.length) {
               this.call('terminal', 'logHtml', `Checking out submodule ${dir} to ${result[0]} in directory ${dir}`)
               await git.fetch({
                 ...await this.parseInput(input),
@@ -558,16 +554,16 @@ class DGitProvider extends Plugin {
                 ...await this.getGitConfig(dir),
                 ref: result[0]
               })
-              
+
               const log = await git.log({
                 ...await this.getGitConfig(dir),
               })
 
-              if(log[0].oid !== result[0]) {
+              if (log[0].oid !== result[0]) {
                 this.call('terminal', 'log', {
                   type: 'error',
                   value: `Could not checkout submodule to ${result[0]}`
-                })} else {              
+                })} else {
                 this.call('terminal', 'logHtml',`Checked out submodule ${dir} to ${result[0]}`)
               }
             }
diff --git a/apps/remix-ide/src/app/files/electronProvider.ts b/apps/remix-ide/src/app/files/electronProvider.ts
index 99edb76962..992b9d0c21 100644
--- a/apps/remix-ide/src/app/files/electronProvider.ts
+++ b/apps/remix-ide/src/app/files/electronProvider.ts
@@ -1,6 +1,5 @@
 import FileProvider from "./fileProvider"
 
-
 declare global {
   interface Window {
     remixFileSystem: any
@@ -50,7 +49,6 @@ export class ElectronProvider extends FileProvider {
     }
   }
 
-
   // isDirectory is already included
   // this is a more efficient version of the default implementation
   async resolveDirectory(path, cb) {
diff --git a/apps/remix-ide/src/app/files/fileManager.ts b/apps/remix-ide/src/app/files/fileManager.ts
index b4b1a1ab9c..b2d0117246 100644
--- a/apps/remix-ide/src/app/files/fileManager.ts
+++ b/apps/remix-ide/src/app/files/fileManager.ts
@@ -4,7 +4,7 @@ import { saveAs } from 'file-saver'
 import JSZip from 'jszip'
 import { Plugin } from '@remixproject/engine'
 import * as packageJson from '../../../../../package.json'
-import {Registry} from '@remix-project/remix-lib'
+import { Registry } from '@remix-project/remix-lib'
 import { fileChangedToastMsg, recursivePasteToastMsg, storageFullMessage } from '@remix-ui/helper'
 import helper from '../../lib/helper.js'
 import { RemixAppManager } from '../../remixAppManager'
@@ -251,7 +251,7 @@ class FileManager extends Plugin {
       throw new Error(e)
     }
   }
-  
+
   /**
    * Set the content of a specific file, does nnot rewrite file if it exists but creates a new unique name
    * @param {string} path path of the file
@@ -265,11 +265,11 @@ class FileManager extends Plugin {
       if (await this.exists(path)) {
         const newPath = await helper.createNonClashingNameAsync(path, this)
         const content = await this.setFileContent(newPath, data)
-        return {newContent: content, newPath}
+        return { newContent: content, newPath }
       } else {
         const ret = await this.setFileContent(path, data)
         this.emit('fileAdded', path)
-        return {newContent: ret, newpath: path}
+        return { newContent: ret, newpath: path }
       }
     } catch (e) {
       throw new Error(e)
@@ -523,7 +523,7 @@ class FileManager extends Plugin {
     this._deps.electronExplorer.event.on('fileRenamed', (oldName, newName, isFolder) => { this.fileRenamedEvent(oldName, newName, isFolder) })
     this._deps.electronExplorer.event.on('fileRemoved', (path) => { this.fileRemovedEvent(path) })
     this._deps.electronExplorer.event.on('fileAdded', (path) => { this.fileAddedEvent(path) })
-    
+
     this.getCurrentFile = this.file
     this.getFile = this.readFile
     this.getFolder = this.readdir
@@ -726,7 +726,7 @@ class FileManager extends Plugin {
       }
       try {
         // This make sure dependencies are loaded in the editor context.
-        // This ensure monaco is aware of deps artifacts, so it can provide basic features like "go to" symbols.   
+        // This ensure monaco is aware of deps artifacts, so it can provide basic features like "go to" symbols.
         await this.editor.handleTypeScriptDependenciesOf(file, content, path => this.readFile(path), path => this.exists(path))
       } catch (e) {
         console.log('unable to handle TypeScript dependencies of', file)
@@ -927,7 +927,6 @@ class FileManager extends Plugin {
     return exists
   }
 
-
   async moveFileIsAllowed (src: string, dest: string) {
     try {
       src = this.normalize(src)
@@ -970,7 +969,7 @@ class FileManager extends Plugin {
       if (provider.isSubDirectory(src, dest)) {
         this.call('notification', 'toast', recursivePasteToastMsg())
         return false
-      } 
+      }
       return true
     } catch (e) {
       console.log(e)
@@ -1033,7 +1032,7 @@ class FileManager extends Plugin {
       if (provider.isSubDirectory(src, dest)) {
         this.call('notification', 'toast', recursivePasteToastMsg())
         return false
-      } 
+      }
       await this.inDepthCopy(src, dest, dirName)
       await this.remove(src)
 
@@ -1047,7 +1046,7 @@ class FileManager extends Plugin {
     if (provider && provider.copyFolderToJson) {
       return await provider.copyFolderToJson(folder)
     }
-    throw new Error('copyFolderToJson not available')    
+    throw new Error('copyFolderToJson not available')
   }
 }
 
diff --git a/apps/remix-ide/src/app/files/fileProvider.ts b/apps/remix-ide/src/app/files/fileProvider.ts
index 715b5d3bff..4cc13a9c10 100644
--- a/apps/remix-ide/src/app/files/fileProvider.ts
+++ b/apps/remix-ide/src/app/files/fileProvider.ts
@@ -5,7 +5,6 @@ import EventManager from 'events'
 import { Storage } from '@remix-project/remix-lib'
 import pathModule from 'path'
 
-
 export default class FileProvider {
   event: any
   type: any
@@ -189,7 +188,7 @@ export default class FileProvider {
           return await this.removeFile(path)
         } else {
           await window.remixFileSystem.unlink(path)
-          this.event.emit('fileRemoved', this._normalizePath(path))        
+          this.event.emit('fileRemoved', this._normalizePath(path))
         }
       } catch (e) {
         console.log(e)
diff --git a/apps/remix-ide/src/app/files/fileSystem.ts b/apps/remix-ide/src/app/files/fileSystem.ts
index 80840f617f..8401563687 100644
--- a/apps/remix-ide/src/app/files/fileSystem.ts
+++ b/apps/remix-ide/src/app/files/fileSystem.ts
@@ -67,6 +67,5 @@ export class fileSystems {
     return null
   }
 
-    
 }
 
diff --git a/apps/remix-ide/src/app/files/filesystems/fileSystemUtility.ts b/apps/remix-ide/src/app/files/filesystems/fileSystemUtility.ts
index 9fc716b5c1..43c6ee8f82 100644
--- a/apps/remix-ide/src/app/files/filesystems/fileSystemUtility.ts
+++ b/apps/remix-ide/src/app/files/filesystems/fileSystemUtility.ts
@@ -72,7 +72,6 @@ export class fileSystemUtility {
     }
   }
 
-
   /**
        * copy the folder recursively
        * @param {string} path is the folder to be copied over
@@ -150,7 +149,6 @@ export class fileSystemUtility {
   }
 }
 
-
 /* eslint-disable no-template-curly-in-string */
 export const migrationTestData = {
   '.workspaces': {
diff --git a/apps/remix-ide/src/app/files/filesystems/indexedDB.ts b/apps/remix-ide/src/app/files/filesystems/indexedDB.ts
index aae0d6a5eb..f1a9936193 100644
--- a/apps/remix-ide/src/app/files/filesystems/indexedDB.ts
+++ b/apps/remix-ide/src/app/files/filesystems/indexedDB.ts
@@ -47,7 +47,6 @@ export class IndexedDBStorage extends LightningFS {
   }
 }
 
-
 export class indexedDBFileSystem extends fileSystem {
   constructor() {
     super()
diff --git a/apps/remix-ide/src/app/files/filesystems/localStorage.ts b/apps/remix-ide/src/app/files/filesystems/localStorage.ts
index d99c3ae296..0a5f0c6d3f 100644
--- a/apps/remix-ide/src/app/files/filesystems/localStorage.ts
+++ b/apps/remix-ide/src/app/files/filesystems/localStorage.ts
@@ -48,7 +48,7 @@ export class localStorageFS extends fileSystem {
         localStorage.setItem(test, test);
         localStorage.removeItem(test);
         resolve(true)
-      } catch(e) {
+      } catch (e) {
         reject(e)
       }
     })
diff --git a/apps/remix-ide/src/app/panels/terminal.tsx b/apps/remix-ide/src/app/panels/terminal.tsx
index 3b93cd5c22..2cb89e3fcb 100644
--- a/apps/remix-ide/src/app/panels/terminal.tsx
+++ b/apps/remix-ide/src/app/panels/terminal.tsx
@@ -3,7 +3,7 @@ import React from 'react' // eslint-disable-line
 import { RemixUiTerminal, RemixUITerminalWrapper } from '@remix-ui/terminal' // eslint-disable-line
 import { Plugin } from '@remixproject/engine'
 import * as packageJson from '../../../../../package.json'
-import {Registry} from '@remix-project/remix-lib'
+import { Registry } from '@remix-project/remix-lib'
 import { PluginViewWrapper } from '@remix-ui/helper'
 import vm from 'vm'
 import EventManager from '../../lib/events'
@@ -11,7 +11,6 @@ import EventManager from '../../lib/events'
 import { CompilerImports } from '@remix-project/core-plugin' // eslint-disable-line
 import { RemixUiXterminals } from '@remix-ui/xterm'
 
-
 const KONSOLES = []
 
 function register(api) { KONSOLES.push(api) }
@@ -113,7 +112,6 @@ class Terminal extends Plugin {
 
   }
 
-
   onActivation() {
     this.renderComponent()
   }
@@ -142,7 +140,7 @@ class Terminal extends Plugin {
   }
 
   updateComponent(state) {
-    return(
+    return (
       <RemixUITerminalWrapper
         plugin={state.plugin}
         onReady={state.onReady}
diff --git a/apps/remix-ide/src/app/plugins/code-format.ts b/apps/remix-ide/src/app/plugins/code-format.ts
index be6a34810c..3b008ed12d 100644
--- a/apps/remix-ide/src/app/plugins/code-format.ts
+++ b/apps/remix-ide/src/app/plugins/code-format.ts
@@ -210,8 +210,6 @@ export class CodeFormat extends Plugin {
         this.call('notification', 'toast', `Error parsing prettier config file: ${prettierConfigFile}`)
       }
 
-
-
       // merge options
       if (parsed) {
         options = {
@@ -251,7 +249,6 @@ export class CodeFormat extends Plugin {
         }
       }
 
-
       const result = this.prettier.format(content, {
         plugins: [sol as any, this.ts, this.babel, this.espree, this.yml],
         parser: parserName,
diff --git a/apps/remix-ide/src/app/plugins/code-format/parser.ts b/apps/remix-ide/src/app/plugins/code-format/parser.ts
index 0fb913fed7..ae0439a3e5 100644
--- a/apps/remix-ide/src/app/plugins/code-format/parser.ts
+++ b/apps/remix-ide/src/app/plugins/code-format/parser.ts
@@ -194,4 +194,3 @@ export function parse(text, _parsers, options) {
   return parsed;
 }
 
-
diff --git a/apps/remix-ide/src/app/plugins/compile-details.tsx b/apps/remix-ide/src/app/plugins/compile-details.tsx
index dd2629ee01..841ab00ab2 100644
--- a/apps/remix-ide/src/app/plugins/compile-details.tsx
+++ b/apps/remix-ide/src/app/plugins/compile-details.tsx
@@ -1,6 +1,6 @@
 import React from 'react'
 import { ViewPlugin } from '@remixproject/engine-web'
-import {PluginViewWrapper} from '@remix-ui/helper'
+import { PluginViewWrapper } from '@remix-ui/helper'
 import { RemixAppManager } from '../../remixAppManager'
 import { RemixUiCompileDetails } from '@remix-ui/solidity-compile-details'
 
diff --git a/apps/remix-ide/src/app/plugins/config.ts b/apps/remix-ide/src/app/plugins/config.ts
index c979fab743..b17a1ac315 100644
--- a/apps/remix-ide/src/app/plugins/config.ts
+++ b/apps/remix-ide/src/app/plugins/config.ts
@@ -1,6 +1,6 @@
 import { Plugin } from '@remixproject/engine'
 import { QueryParams } from '@remix-project/remix-lib'
-import {Registry} from '@remix-project/remix-lib'
+import { Registry } from '@remix-project/remix-lib'
 
 const profile = {
   name: 'config',
diff --git a/apps/remix-ide/src/app/plugins/contractFlattener.tsx b/apps/remix-ide/src/app/plugins/contractFlattener.tsx
index a5f02719ca..f8205351c6 100644
--- a/apps/remix-ide/src/app/plugins/contractFlattener.tsx
+++ b/apps/remix-ide/src/app/plugins/contractFlattener.tsx
@@ -1,8 +1,8 @@
 import React from 'react'
-import {Plugin} from '@remixproject/engine'
-import {customAction} from '@remixproject/plugin-api'
-import {concatSourceFiles, getDependencyGraph, normalizeContractPath} from '@remix-ui/solidity-compiler'
-import type {CompilerInput, CompilationSource } from '@remix-project/remix-solidity'
+import { Plugin } from '@remixproject/engine'
+import { customAction } from '@remixproject/plugin-api'
+import { concatSourceFiles, getDependencyGraph, normalizeContractPath } from '@remix-ui/solidity-compiler'
+import type { CompilerInput, CompilationSource } from '@remix-project/remix-solidity'
 
 const _paq = (window._paq = window._paq || [])
 
diff --git a/apps/remix-ide/src/app/plugins/electron/compilerLoaderPlugin.ts b/apps/remix-ide/src/app/plugins/electron/compilerLoaderPlugin.ts
index 04b6c8ba1c..66e904b62e 100644
--- a/apps/remix-ide/src/app/plugins/electron/compilerLoaderPlugin.ts
+++ b/apps/remix-ide/src/app/plugins/electron/compilerLoaderPlugin.ts
@@ -1,7 +1,7 @@
 import { ElectronPlugin } from '@remixproject/engine-electron';
 import { Plugin } from '@remixproject/engine';
 import { baseURLBin, baseURLWasm } from '@remix-project/remix-solidity'
-import axios, {AxiosResponse} from 'axios'
+import axios, { AxiosResponse } from 'axios'
 import { iSolJsonBinData } from '@remix-project/remix-lib'
 
 const profile = {
@@ -55,7 +55,7 @@ export class compilerLoaderPluginDesktop extends ElectronPlugin {
   }
 
   async onActivation(): Promise<void> {
-  
+
     this.on('solidity', 'loadingCompiler', async (url) => {
       await this.call('compilerloader', 'downloadCompiler', url)
     })
diff --git a/apps/remix-ide/src/app/plugins/electron/fsPlugin.ts b/apps/remix-ide/src/app/plugins/electron/fsPlugin.ts
index 679b6199ea..bd2e3b971d 100644
--- a/apps/remix-ide/src/app/plugins/electron/fsPlugin.ts
+++ b/apps/remix-ide/src/app/plugins/electron/fsPlugin.ts
@@ -78,7 +78,7 @@ export class fsPlugin extends ElectronPlugin {
         try {
           path = fixPath(path)
           const stat = await this.call('fs', 'stat', path)
-          if(!stat) return undefined
+          if (!stat) return undefined
           stat.isDirectory = () => stat.isDirectoryValue
           stat.isFile = () => !stat.isDirectoryValue
           return stat
@@ -90,7 +90,7 @@ export class fsPlugin extends ElectronPlugin {
         try {
           path = fixPath(path)
           const stat = await this.call('fs', 'lstat', path)
-          if(!stat) return undefined
+          if (!stat) return undefined
           stat.isDirectory = () => stat.isDirectoryValue
           stat.isFile = () => !stat.isDirectoryValue
           return stat
@@ -116,7 +116,7 @@ export class fsPlugin extends ElectronPlugin {
       await this.call('fileManager', 'refresh')
     })
     this.on('fs', 'error', async (error: string) => {
-      if(error === 'ENOSPC'){
+      if (error === 'ENOSPC'){
         this.call('notification', 'alert', {
           id: 'fsError',
           message: 'Cannot watch file changes. There are too many files in your project.'
diff --git a/apps/remix-ide/src/app/plugins/file-decorator.ts b/apps/remix-ide/src/app/plugins/file-decorator.ts
index 071b62f4df..6136140383 100644
--- a/apps/remix-ide/src/app/plugins/file-decorator.ts
+++ b/apps/remix-ide/src/app/plugins/file-decorator.ts
@@ -55,8 +55,8 @@ export class FileDecorator extends Plugin {
     if (!from) return
 
     const filteredState = this._fileStates.filter((state) => {
-      if(state.owner != from) return true
-      if(path && state.path != path) return true
+      if (state.owner != from) return true
+      if (path && state.path != path) return true
     })
     const newState = [...filteredState].sort(sortByPath)
 
diff --git a/apps/remix-ide/src/app/plugins/notification.tsx b/apps/remix-ide/src/app/plugins/notification.tsx
index ca2b27437a..2d0455a31d 100644
--- a/apps/remix-ide/src/app/plugins/notification.tsx
+++ b/apps/remix-ide/src/app/plugins/notification.tsx
@@ -1,8 +1,8 @@
-import {Plugin} from '@remixproject/engine'
-import {LibraryProfile, MethodApi, StatusEvents} from '@remixproject/plugin-utils'
-import {AppModal} from '@remix-ui/app'
-import {AlertModal} from '@remix-ui/app'
-import {dispatchModalInterface} from '@remix-ui/app'
+import { Plugin } from '@remixproject/engine'
+import { LibraryProfile, MethodApi, StatusEvents } from '@remixproject/plugin-utils'
+import { AppModal } from '@remix-ui/app'
+import { AlertModal } from '@remix-ui/app'
+import { dispatchModalInterface } from '@remix-ui/app'
 
 interface INotificationApi {
   events: StatusEvents
diff --git a/apps/remix-ide/src/app/plugins/openaigpt.tsx b/apps/remix-ide/src/app/plugins/openaigpt.tsx
index cc120a0d1e..e436d7c9d7 100644
--- a/apps/remix-ide/src/app/plugins/openaigpt.tsx
+++ b/apps/remix-ide/src/app/plugins/openaigpt.tsx
@@ -19,7 +19,7 @@ export class OpenAIGpt extends Plugin {
 
   async message(prompt): Promise<CreateChatCompletionResponse> {
     this.call('layout', 'maximizeTerminal')
-    this.call('terminal', 'log', { type: 'aitypewriterwarning', value: 'Waiting for GPT answer...'})
+    this.call('terminal', 'log', { type: 'aitypewriterwarning', value: 'Waiting for GPT answer...' })
     let result
     try {
       result = await (
@@ -36,10 +36,10 @@ export class OpenAIGpt extends Plugin {
       this.call('terminal', 'log', { type: 'typewritererror', value: `Unable to get a response ${e.message}` })
       return
     }
-    
+
     if (result && result.choices && result.choices.length) {
-      this.call('terminal', 'log', { type: 'aitypewriterwarning', value: result.choices[0].message.content })    
-    } else if  (result.error) {
+      this.call('terminal', 'log', { type: 'aitypewriterwarning', value: result.choices[0].message.content })
+    } else if (result.error) {
       this.call('terminal', 'log', { type: 'aitypewriterwarning', value: result.error })
     } else {
       this.call('terminal', 'log', { type: 'aitypewriterwarning', value: 'No response...' })
diff --git a/apps/remix-ide/src/app/plugins/parser/code-parser.tsx b/apps/remix-ide/src/app/plugins/parser/code-parser.tsx
index 65efcf35b5..b4c7b181f0 100644
--- a/apps/remix-ide/src/app/plugins/parser/code-parser.tsx
+++ b/apps/remix-ide/src/app/plugins/parser/code-parser.tsx
@@ -524,8 +524,8 @@ export class CodeParser extends Plugin {
       nodeDefinition.parser = parserNodeDefinition
     }
 
-    /* if the AST node name & type is the same as the parser node name & type, 
-    / then we can assume that the AST node is the definition, 
+    /* if the AST node name & type is the same as the parser node name & type,
+    / then we can assume that the AST node is the definition,
     / because the parser will always return most nodes it can find even with an error in the code
     */
 
@@ -544,7 +544,6 @@ export class CodeParser extends Plugin {
       return nodeDefinition.ast
     }
 
-
     return nodeDefinition.parser
 
   }
diff --git a/apps/remix-ide/src/app/plugins/parser/services/code-parser-antlr-service.ts b/apps/remix-ide/src/app/plugins/parser/services/code-parser-antlr-service.ts
index 2da19bdaa6..1796405a22 100644
--- a/apps/remix-ide/src/app/plugins/parser/services/code-parser-antlr-service.ts
+++ b/apps/remix-ide/src/app/plugins/parser/services/code-parser-antlr-service.ts
@@ -4,7 +4,7 @@ import { AstNode } from "@remix-project/remix-solidity"
 import { CodeParser } from "../code-parser"
 import { antlr } from '../types'
 import { pathToFileURL } from 'url'
-import {Registry} from '@remix-project/remix-lib'
+import { Registry } from '@remix-project/remix-lib'
 
 const SolidityParser = (window as any).SolidityParser = (window as any).SolidityParser || []
 
@@ -117,8 +117,8 @@ export default class CodeParserAntlrService {
   /**
      * Tries to parse the current file or the given text and returns the AST
      * If the parsing fails it returns the last successful AST for this file
-     * @param text 
-     * @returns 
+     * @param text
+     * @returns
      */
   async setCurrentFileAST(text: string | null = null) {
     try {
@@ -149,7 +149,7 @@ export default class CodeParserAntlrService {
   /**
     * Lists the AST nodes from the current file parser
     * These nodes need to be changed to match the node types returned by the compiler
-    * @returns 
+    * @returns
     */
   async listAstNodes() {
     this.plugin.currentFile = await this.plugin.call('fileManager', 'file')
@@ -201,11 +201,10 @@ export default class CodeParserAntlrService {
     return nodes
   }
 
-
   /**
-     * 
-     * @param ast 
-     * @returns 
+     *
+     * @param ast
+     * @returns
      */
   async getLastNodeInLine(ast: string) {
     let lastNode: any
@@ -247,7 +246,7 @@ export default class CodeParserAntlrService {
       try {
         const startTime = Date.now()
         const blocks = (SolidityParser as any).parseBlock(fileContent, { loc: true, range: true, tolerant: true })
-        if(this.cache[this.plugin.currentFile] && this.cache[this.plugin.currentFile].blockDurations){
+        if (this.cache[this.plugin.currentFile] && this.cache[this.plugin.currentFile].blockDurations){
           this.cache[this.plugin.currentFile].blockDurations = [...this.cache[this.plugin.currentFile].blockDurations.slice(-this.parserThresholdSampleAmount), Date.now() - startTime]
           this.setFileParsingState(this.plugin.currentFile)
         }
diff --git a/apps/remix-ide/src/app/plugins/parser/services/code-parser-compiler.ts b/apps/remix-ide/src/app/plugins/parser/services/code-parser-compiler.ts
index b1dc5f8c7a..6f1d5f9152 100644
--- a/apps/remix-ide/src/app/plugins/parser/services/code-parser-compiler.ts
+++ b/apps/remix-ide/src/app/plugins/parser/services/code-parser-compiler.ts
@@ -75,7 +75,6 @@ export default class CodeParserCompiler {
                 length: error.sourceLocation.end - error.sourceLocation.start
               }, lineBreaks)
 
-
               const filePath = error.sourceLocation.file
               const fileTarget = await this.plugin.call('fileManager', 'getUrlFromPath', filePath)
 
@@ -103,24 +102,23 @@ export default class CodeParserCompiler {
       if (data.sources && Object.keys(data.sources).length === 0) return
       this.plugin.compilerAbstract = new CompilerAbstract('soljson', data, source, input)
       this.errorState = false
-      
+
       this.plugin.nodeIndex = {
         declarations: {},
         flatReferences: {},
         nodesPerFile: {},
       }
-      
 
       this.plugin._buildIndex(data, source)
       // cast from the remix-plugin interface to the solidity one. Should be fixed when remix-plugin move to the remix-project repository
       const extractedFiledNodes = this.plugin._extractFileNodes(this.plugin.currentFile, this.plugin.compilerAbstract as unknown as lastCompilationResult)
-      if(extractedFiledNodes) {
+      if (extractedFiledNodes) {
         this.plugin.nodeIndex.nodesPerFile[this.plugin.currentFile] = extractedFiledNodes
       }
       await this.plugin.gasService.showGasEstimates()
       this.plugin.emit('astFinished')
     }
-        
+
     this.compiler = new Compiler((url, cb) => this.plugin.call('contentImport', 'resolveAndSave', url, undefined).then((result) => cb(null, result)).catch((error) => cb(error.message)))
     this.compiler.event.register('compilationFinished', this.onAstFinished)
   }
@@ -128,8 +126,8 @@ export default class CodeParserCompiler {
   // COMPILER
 
   /**
-     * 
-     * @returns 
+     *
+     * @returns
      */
   async compile() {
     try {
@@ -149,7 +147,7 @@ export default class CodeParserCompiler {
         } else {
           this.compiler.set('remappings', [])
         }
-        
+
         const configFileContent = {
           "language": "Solidity",
           "settings": {
@@ -227,7 +225,7 @@ export default class CodeParserCompiler {
       const fileTarget = await this.plugin.call('fileManager', 'getPathFromUrl', fileName)
       await this.plugin.call('fileDecorator', 'clearFileDecorators', fileTarget.file)
     }
-    if(decorators.length > 0)
+    if (decorators.length > 0)
       await this.plugin.call('fileDecorator', 'setFileDecorators', decorators)
     await this.plugin.call('editor', 'clearErrorMarkers', filesWithOutErrors)
 
diff --git a/apps/remix-ide/src/app/plugins/parser/services/code-parser-gas-service.ts b/apps/remix-ide/src/app/plugins/parser/services/code-parser-gas-service.ts
index 34e86290c1..dd2cb7af4d 100644
--- a/apps/remix-ide/src/app/plugins/parser/services/code-parser-gas-service.ts
+++ b/apps/remix-ide/src/app/plugins/parser/services/code-parser-gas-service.ts
@@ -33,17 +33,16 @@ export default class CodeParserGasService {
 
   }
 
-
   async showGasEstimates() {
     const showGasConfig = await this.plugin.call('config', 'getAppParameter', 'show-gas')
-    if(!showGasConfig) {
+    if (!showGasConfig) {
       await this.plugin.call('editor', 'discardLineTexts')
       return
     }
     this.plugin.currentFile = await this.plugin.call('fileManager', 'file')
     // cast from the remix-plugin interface to the solidity one. Should be fixed when remix-plugin move to the remix-project repository
-    const extractedFiledNodes =  await this.plugin._extractFileNodes(this.plugin.currentFile, this.plugin.compilerAbstract as unknown as lastCompilationResult)
-    if(extractedFiledNodes) {
+    const extractedFiledNodes = await this.plugin._extractFileNodes(this.plugin.currentFile, this.plugin.compilerAbstract as unknown as lastCompilationResult)
+    if (extractedFiledNodes) {
       this.plugin.nodeIndex.nodesPerFile[this.plugin.currentFile] = extractedFiledNodes
     }
 
@@ -72,10 +71,8 @@ export default class CodeParserGasService {
 
         this.plugin.call('editor', 'addLineText', linetext, estimate.range.fileName)
 
-
       }
     }
   }
 
-
 }
\ No newline at end of file
diff --git a/apps/remix-ide/src/app/plugins/parser/services/code-parser-imports.ts b/apps/remix-ide/src/app/plugins/parser/services/code-parser-imports.ts
index a95a663e71..4f144d6a76 100644
--- a/apps/remix-ide/src/app/plugins/parser/services/code-parser-imports.ts
+++ b/apps/remix-ide/src/app/plugins/parser/services/code-parser-imports.ts
@@ -1,5 +1,5 @@
 'use strict'
-import {Registry} from '@remix-project/remix-lib'
+import { Registry } from '@remix-project/remix-lib'
 import { CodeParser } from "../code-parser";
 
 export type CodeParserImportsData = {
@@ -20,7 +20,7 @@ export default class CodeParserImports {
   }
 
   async getImports(){
-    if(!this.data || !this.data.files || !this.data.timestamp || this.data.timestamp != this.directoryUpdateCacheTimeStamp){
+    if (!this.data || !this.data.files || !this.data.timestamp || this.data.timestamp != this.directoryUpdateCacheTimeStamp){
       await this.setFileTree()
     }
     return this.data
@@ -33,13 +33,13 @@ export default class CodeParserImports {
       .filter(x => x !== '')
       .map(x => x.replace('./node_modules/', ''))
       .filter(x => {
-        if(x.includes('@openzeppelin')) {
+        if (x.includes('@openzeppelin')) {
           return !x.includes('mock')
-        }else{
+        } else {
           return true
-        } 
+        }
       })
-            
+
     // get unique first words of the values in the array
     this.data.packages = [...new Set(this.data.modules.map(x => x.split('/')[0]))]
   }
@@ -79,7 +79,7 @@ export default class CodeParserImports {
         files = await this.plugin.call('fileManager', 'readdir', dir)
       }
     } catch (e) {}
-        
+
     const fileArray = this.normalize(files)
     for (const fi of fileArray) {
       if (fi) {
diff --git a/apps/remix-ide/src/app/plugins/parser/types/antlr-types.ts b/apps/remix-ide/src/app/plugins/parser/types/antlr-types.ts
index 3e2675c43a..7efe851d93 100644
--- a/apps/remix-ide/src/app/plugins/parser/types/antlr-types.ts
+++ b/apps/remix-ide/src/app/plugins/parser/types/antlr-types.ts
@@ -24,7 +24,6 @@ interface Token {
     }
 }
 
-
 interface Location {
     start: {
         line: number
@@ -594,7 +593,6 @@ export type Statement =
 type ASTMap<U> = { [K in ASTNodeTypeString]: U extends { type: K } ? U : never }
 type ASTTypeMap = ASTMap<ASTNode>
 
-
 export const astNodeTypes = [
   'SourceUnit',
   'PragmaDirective',
@@ -673,9 +671,6 @@ export const astNodeTypes = [
   'InvalidNode'
 ] as const
 
-
-
-
 export const binaryOpValues = [
   '+',
   '-',
@@ -725,8 +720,3 @@ export const unaryOpValues = [
 ] as const
 export type UnaryOp = typeof unaryOpValues[number]
 
-
-
-
-
-
diff --git a/apps/remix-ide/src/app/plugins/permission-handler-plugin.tsx b/apps/remix-ide/src/app/plugins/permission-handler-plugin.tsx
index 813567831d..a01425088a 100644
--- a/apps/remix-ide/src/app/plugins/permission-handler-plugin.tsx
+++ b/apps/remix-ide/src/app/plugins/permission-handler-plugin.tsx
@@ -1,9 +1,9 @@
 import React from 'react' // eslint-disable-line
-import {FormattedMessage} from 'react-intl'
-import {Plugin} from '@remixproject/engine'
-import {AppModal} from '@remix-ui/app'
-import {PermissionHandlerDialog, PermissionHandlerValue} from '@remix-ui/permission-handler'
-import {Profile} from '@remixproject/plugin-utils'
+import { FormattedMessage } from 'react-intl'
+import { Plugin } from '@remixproject/engine'
+import { AppModal } from '@remix-ui/app'
+import { PermissionHandlerDialog, PermissionHandlerValue } from '@remix-ui/permission-handler'
+import { Profile } from '@remixproject/plugin-utils'
 
 const profile = {
   name: 'permissionhandler',
@@ -89,7 +89,7 @@ export class PermissionHandlerPlugin extends Plugin {
         if (!this.permissions[to.name][method][from.name]) return this.openPermission(from, to, method, message, sensitiveCall)
       }
 
-      const {allow, hash} = sensitiveCall ? this.sessionPermissions[to.name][method][from.name] : this.permissions[to.name][method][from.name]
+      const { allow, hash } = sensitiveCall ? this.sessionPermissions[to.name][method][from.name] : this.permissions[to.name][method][from.name]
       if (!allow) {
         const warning = this.notAllowWarning(from, to, method)
         const warnEl =
@@ -97,9 +97,9 @@ export class PermissionHandlerPlugin extends Plugin {
           <span>{ warning }</span>
           <div className='d-flex flex-row'>
             <span onClick={()=>{}}>To change the permission go to </span>
-            <span className='px-2' style={{fontWeight: 'bolder'}}>Plugin Manager</span>
-            <img alt="" id="permissionModalImagesFrom" src="/assets/img/pluginManager.webp" style={{height: '1rem', width: '1rem'}} />
-            <span className='pl-1' style={{fontWeight: 'bolder'}}> / Permissions</span>
+            <span className='px-2' style={{ fontWeight: 'bolder' }}>Plugin Manager</span>
+            <img alt="" id="permissionModalImagesFrom" src="/assets/img/pluginManager.webp" style={{ height: '1rem', width: '1rem' }} />
+            <span className='pl-1' style={{ fontWeight: 'bolder' }}> / Permissions</span>
           </div>
         </div>
         this.call('notification', 'toast', warnEl)
@@ -130,7 +130,7 @@ export class PermissionHandlerPlugin extends Plugin {
     }
     const modal: AppModal = {
       id: 'PermissionHandler',
-      title: <FormattedMessage id="permissionHandler.permissionNeededFor" values={{to: to.displayName || to.name}} />,
+      title: <FormattedMessage id="permissionHandler.permissionNeededFor" values={{ to: to.displayName || to.name }} />,
       message: <PermissionHandlerDialog plugin={this} theme={await this.getTheme()} value={value}></PermissionHandlerDialog>,
       okLabel: <FormattedMessage id="permissionHandler.accept" />,
       cancelLabel: <FormattedMessage id="permissionHandler.decline" />
diff --git a/apps/remix-ide/src/app/plugins/remixGuide.tsx b/apps/remix-ide/src/app/plugins/remixGuide.tsx
index d782e11ff3..037f4f8cf5 100644
--- a/apps/remix-ide/src/app/plugins/remixGuide.tsx
+++ b/apps/remix-ide/src/app/plugins/remixGuide.tsx
@@ -30,7 +30,7 @@ export class RemixGuidePlugin extends ViewPlugin {
     super(profile)
     this.appManager = appManager
     this.element = document.createElement('div')
-    this.element.setAttribute('id', 'remixGuideEl')    
+    this.element.setAttribute('id', 'remixGuideEl')
   }
 
   async onActivation() {
@@ -49,13 +49,13 @@ export class RemixGuidePlugin extends ViewPlugin {
     this.profile.displayName = `${contractName[0]}`
     this.payload = sentPayload
     const active = await this.call('theme', 'currentTheme')
-    
+
     this.renderComponent()
   }
 
   private handleThemeChange() {
     this.on('theme', 'themeChanged', (theme: any) => {
-    
+
       this.renderComponent()
     })
   }
@@ -114,7 +114,7 @@ export class RemixGuidePlugin extends ViewPlugin {
             tagList={['L2', 'AI']}
             logo='/assets/img/soliditySurvey2023.webp'
           >
-            <img src={'/assets/img/soliditySurvey2023.webp'} style={{height: '70px', width: '70px'}} alt=""></img>
+            <img src={'/assets/img/soliditySurvey2023.webp'} style={{ height: '70px', width: '70px' }} alt=""></img>
           </RemixUIGridCell>
           <RemixUIGridCell
             plugin={this}
@@ -122,55 +122,55 @@ export class RemixGuidePlugin extends ViewPlugin {
             pinned={true}
             tagList={['L2', 'plugins']}
           >
-            <img src={'/assets/img/soliditySurvey2023.webp'} style={{height: '70px', width: '70px'}} alt=""></img>
+            <img src={'/assets/img/soliditySurvey2023.webp'} style={{ height: '70px', width: '70px' }} alt=""></img>
           </RemixUIGridCell> <RemixUIGridCell
             plugin={this}
             title="something"
             pinned={false}
             tagList={['solidity', 'plugins']}
           >
-            <img src={'/assets/img/soliditySurvey2023.webp'} style={{height: '70px', width: '70px'}} alt=""></img>
+            <img src={'/assets/img/soliditySurvey2023.webp'} style={{ height: '70px', width: '70px' }} alt=""></img>
           </RemixUIGridCell>
           <RemixUIGridCell
             plugin={this}
             title="1"
             tagList={['solidity']}
           >
-            <img src={'/assets/img/soliditySurvey2023.webp'} style={{height: '70px', width: '70px'}} alt=""></img>
+            <img src={'/assets/img/soliditySurvey2023.webp'} style={{ height: '70px', width: '70px' }} alt=""></img>
           </RemixUIGridCell> <RemixUIGridCell
             plugin={this}
             title="1"
           >
-            <img src={'/assets/img/soliditySurvey2023.webp'} style={{height: '70px', width: '70px'}} alt=""></img>
+            <img src={'/assets/img/soliditySurvey2023.webp'} style={{ height: '70px', width: '70px' }} alt=""></img>
           </RemixUIGridCell>
           <RemixUIGridCell
             plugin={this}
             title="Something very very long"
           >
-            <img src={'/assets/img/soliditySurvey2023.webp'} style={{height: '70px', width: '70px'}} alt=""></img>
+            <img src={'/assets/img/soliditySurvey2023.webp'} style={{ height: '70px', width: '70px' }} alt=""></img>
           </RemixUIGridCell> <RemixUIGridCell
             plugin={this}
             title="1"
           >
-            <img src={'/assets/img/soliditySurvey2023.webp'} style={{height: '70px', width: '70px'}} alt=""></img>
+            <img src={'/assets/img/soliditySurvey2023.webp'} style={{ height: '70px', width: '70px' }} alt=""></img>
           </RemixUIGridCell>
           <RemixUIGridCell
             plugin={this}
             title="1"
           >
-            <img src={'/assets/img/soliditySurvey2023.webp'} style={{height: '70px', width: '70px'}} alt=""></img>
+            <img src={'/assets/img/soliditySurvey2023.webp'} style={{ height: '70px', width: '70px' }} alt=""></img>
           </RemixUIGridCell>
           <RemixUIGridCell
             plugin={this}
             title="1"
           >
-            <img src={'/assets/img/soliditySurvey2023.webp'} style={{height: '70px', width: '70px'}} alt=""></img>
+            <img src={'/assets/img/soliditySurvey2023.webp'} style={{ height: '70px', width: '70px' }} alt=""></img>
           </RemixUIGridCell>
           <RemixUIGridCell
             plugin={this}
             title="1"
           >
-            <img src={'/assets/img/soliditySurvey2023.webp'} style={{height: '70px', width: '70px'}} alt=""></img>
+            <img src={'/assets/img/soliditySurvey2023.webp'} style={{ height: '70px', width: '70px' }} alt=""></img>
           </RemixUIGridCell>
         </RemixUIGridSection>
         <RemixUIGridSection
@@ -183,58 +183,58 @@ export class RemixGuidePlugin extends ViewPlugin {
             title="first item"
             logo='/assets/img/soliditySurvey2023.webp'
           >
-            <img src={'/assets/img/soliditySurvey2023.webp'} style={{height: '70px', width: '70px'}} alt=""></img>
+            <img src={'/assets/img/soliditySurvey2023.webp'} style={{ height: '70px', width: '70px' }} alt=""></img>
           </RemixUIGridCell>
           <RemixUIGridCell
             plugin={this}
             title="next"
           >
-            <img src={'/assets/img/soliditySurvey2023.webp'} style={{height: '70px', width: '70px'}} alt=""></img>
+            <img src={'/assets/img/soliditySurvey2023.webp'} style={{ height: '70px', width: '70px' }} alt=""></img>
           </RemixUIGridCell> <RemixUIGridCell
             plugin={this}
             title="something"
           >
-            <img src={'/assets/img/soliditySurvey2023.webp'} style={{height: '70px', width: '70px'}} alt=""></img>
+            <img src={'/assets/img/soliditySurvey2023.webp'} style={{ height: '70px', width: '70px' }} alt=""></img>
           </RemixUIGridCell>
           <RemixUIGridCell
             plugin={this}
             title="1"
           >
-            <img src={'/assets/img/soliditySurvey2023.webp'} style={{height: '70px', width: '70px'}} alt=""></img>
+            <img src={'/assets/img/soliditySurvey2023.webp'} style={{ height: '70px', width: '70px' }} alt=""></img>
           </RemixUIGridCell> <RemixUIGridCell
             plugin={this}
             title="1"
           >
-            <img src={'/assets/img/soliditySurvey2023.webp'} style={{height: '70px', width: '70px'}} alt=""></img>
+            <img src={'/assets/img/soliditySurvey2023.webp'} style={{ height: '70px', width: '70px' }} alt=""></img>
           </RemixUIGridCell>
           <RemixUIGridCell
             plugin={this}
             title="1"
           >
-            <img src={'/assets/img/soliditySurvey2023.webp'} style={{height: '70px', width: '70px'}} alt=""></img>
+            <img src={'/assets/img/soliditySurvey2023.webp'} style={{ height: '70px', width: '70px' }} alt=""></img>
           </RemixUIGridCell> <RemixUIGridCell
             plugin={this}
             title="1"
           >
-            <img src={'/assets/img/soliditySurvey2023.webp'} style={{height: '70px', width: '70px'}} alt=""></img>
+            <img src={'/assets/img/soliditySurvey2023.webp'} style={{ height: '70px', width: '70px' }} alt=""></img>
           </RemixUIGridCell>
           <RemixUIGridCell
             plugin={this}
             title="1"
           >
-            <img src={'/assets/img/soliditySurvey2023.webp'} style={{height: '70px', width: '70px'}} alt=""></img>
+            <img src={'/assets/img/soliditySurvey2023.webp'} style={{ height: '70px', width: '70px' }} alt=""></img>
           </RemixUIGridCell>
           <RemixUIGridCell
             plugin={this}
             title="1"
           >
-            <img src={'/assets/img/soliditySurvey2023.webp'} style={{height: '70px', width: '70px'}} alt=""></img>
+            <img src={'/assets/img/soliditySurvey2023.webp'} style={{ height: '70px', width: '70px' }} alt=""></img>
           </RemixUIGridCell>
           <RemixUIGridCell
             plugin={this}
             title="1"
           >
-            <img src={'/assets/img/soliditySurvey2023.webp'} style={{height: '70px', width: '70px'}} alt=""></img>
+            <img src={'/assets/img/soliditySurvey2023.webp'} style={{ height: '70px', width: '70px' }} alt=""></img>
           </RemixUIGridCell>
         </RemixUIGridSection>
       </RemixUIGridView>
diff --git a/apps/remix-ide/src/app/plugins/remixd-handle.tsx b/apps/remix-ide/src/app/plugins/remixd-handle.tsx
index cb627cb4b7..62b9c75b52 100644
--- a/apps/remix-ide/src/app/plugins/remixd-handle.tsx
+++ b/apps/remix-ide/src/app/plugins/remixd-handle.tsx
@@ -1,13 +1,13 @@
 /* eslint-disable no-unused-vars */
 import React, {useRef, useState, useEffect} from 'react' // eslint-disable-line
-import {FormattedMessage} from 'react-intl'
-import {WebsocketPlugin} from '@remixproject/engine-web'
+import { FormattedMessage } from 'react-intl'
+import { WebsocketPlugin } from '@remixproject/engine-web'
 import * as packageJson from '../../../../../package.json'
 // eslint-disable-next-line @nrwl/nx/enforce-module-boundaries
-import {version as remixdVersion} from '../../../../../libs/remixd/package.json'
-import {PluginManager} from '@remixproject/engine'
-import {AppModal, AlertModal, appPlatformTypes} from '@remix-ui/app'
-import {Registry} from '@remix-project/remix-lib'
+import { version as remixdVersion } from '../../../../../libs/remixd/package.json'
+import { PluginManager } from '@remixproject/engine'
+import { AppModal, AlertModal, appPlatformTypes } from '@remix-ui/app'
+import { Registry } from '@remix-project/remix-lib'
 
 const LOCALHOST = ' - connect to localhost - '
 
@@ -85,7 +85,7 @@ export class RemixdHandle extends WebsocketPlugin {
         console.log(error)
         const alert: AlertModal = {
           id: 'connectionAlert',
-          message: window._intl.formatMessage({id: 'remixd.connectionAlert1'}),
+          message: window._intl.formatMessage({ id: 'remixd.connectionAlert1' }),
         }
         this.call('notification', 'alert', alert)
         this.canceled()
@@ -96,14 +96,14 @@ export class RemixdHandle extends WebsocketPlugin {
             clearInterval(intervalId)
             const alert: AlertModal = {
               id: 'connectionAlert',
-              message: window._intl.formatMessage({id: 'remixd.connectionAlert2'}),
+              message: window._intl.formatMessage({ id: 'remixd.connectionAlert2' }),
             }
             this.call('notification', 'alert', alert)
             this.canceled()
           }
         }, 3000)
         this.localhostProvider.init(() => {
-          this.call('filePanel', 'setWorkspace', {name: LOCALHOST, isLocalhost: true}, true)
+          this.call('filePanel', 'setWorkspace', { name: LOCALHOST, isLocalhost: true }, true)
         })
         for (const plugin of this.dependentPlugins) {
           await this.appManager.activatePlugin(plugin)
@@ -116,10 +116,10 @@ export class RemixdHandle extends WebsocketPlugin {
       // warn the user only if he/she is in the browser context
       const mod: AppModal = {
         id: 'remixdConnect',
-        title: window._intl.formatMessage({id: 'remixd.remixdConnect'}),
+        title: window._intl.formatMessage({ id: 'remixd.remixdConnect' }),
         message: remixdDialog(),
-        okLabel: window._intl.formatMessage({id: 'remixd.connect'}),
-        cancelLabel: window._intl.formatMessage({id: 'remixd.cancel'}),
+        okLabel: window._intl.formatMessage({ id: 'remixd.connect' }),
+        cancelLabel: window._intl.formatMessage({ id: 'remixd.cancel' }),
       }
       const result = await this.call('notification', 'modal', mod)
       if (result) {
diff --git a/apps/remix-ide/src/app/plugins/solcoderAI.tsx b/apps/remix-ide/src/app/plugins/solcoderAI.tsx
index 9e52dd0d11..99fcbbe0c3 100644
--- a/apps/remix-ide/src/app/plugins/solcoderAI.tsx
+++ b/apps/remix-ide/src/app/plugins/solcoderAI.tsx
@@ -1,11 +1,11 @@
 import { Plugin } from '@remixproject/engine'
 
 export type SuggestOptions = {
-  max_new_tokens: number, 
+  max_new_tokens: number,
   temperature: number,
   do_sample:boolean
   top_k: number,
-  top_p:number, 
+  top_p:number,
   stream_result:boolean
 }
 
@@ -41,18 +41,18 @@ export class SolCoder extends Plugin {
             Accept: 'application/json',
             'Content-Type': 'application/json',
           },
-          body: JSON.stringify({"data":[prompt, "code_completion", "", false,1000,0.9,0.92,50]}),
+          body: JSON.stringify({ "data":[prompt, "code_completion", "", false,1000,0.9,0.92,50]}),
         })
       ).json()
       if ("error" in result){
-        this.call('terminal', 'log', { type: 'aitypewriterwarning', value: result.error }) 
+        this.call('terminal', 'log', { type: 'aitypewriterwarning', value: result.error })
         return result
       }
       return result.data
     } catch (e) {
       this.call('terminal', 'log', { type: 'typewritererror', value: `Unable to get a response ${e.message}` })
       return
-    }finally {
+    } finally {
       this.emit("aiInferingDone")
     }
   }
@@ -69,18 +69,18 @@ export class SolCoder extends Plugin {
             Accept: 'application/json',
             'Content-Type': 'application/json',
           },
-          body: JSON.stringify({"data":[prompt, "solidity_answer", false,1000,0.9,0.8,50]}),
+          body: JSON.stringify({ "data":[prompt, "solidity_answer", false,1000,0.9,0.8,50]}),
         })
       ).json()
     } catch (e) {
       this.call('terminal', 'log', { type: 'typewritererror', value: `Unable to get a response ${e.message}` })
       return
-    }finally {
+    } finally {
       this.emit("aiInferingDone")
     }
     if (result) {
-      this.call('terminal', 'log', { type: 'aitypewriterwarning', value: result.data[0]})
-    } else if  (result.error) {
+      this.call('terminal', 'log', { type: 'aitypewriterwarning', value: result.data[0] })
+    } else if (result.error) {
       this.call('terminal', 'log', { type: 'aitypewriterwarning', value: "Error on request" })
     }
 
@@ -98,17 +98,17 @@ export class SolCoder extends Plugin {
             Accept: 'application/json',
             'Content-Type': 'application/json',
           },
-          body: JSON.stringify({"data":[prompt, "code_explaining", false,2000,0.9,0.8,50, context]}),
+          body: JSON.stringify({ "data":[prompt, "code_explaining", false,2000,0.9,0.8,50, context]}),
         })
       ).json()
       if (result) {
-        this.call('terminal', 'log', { type: 'aitypewriterwarning', value: result.data[0]})
+        this.call('terminal', 'log', { type: 'aitypewriterwarning', value: result.data[0] })
       }
       return result.data[0]
     } catch (e) {
       this.call('terminal', 'log', { type: 'typewritererror', value: `Unable to get a response ${e.message}` })
       return
-    }finally {
+    } finally {
       this.emit("aiInferingDone")
     }
   }
@@ -124,14 +124,14 @@ export class SolCoder extends Plugin {
             Accept: 'application/json',
             'Content-Type': 'application/json',
           },
-          body: JSON.stringify({"data": !options? [
-            prompt, // string  in 'context_code' Textbox component	
+          body: JSON.stringify({ "data": !options? [
+            prompt, // string  in 'context_code' Textbox component
             "code_completion",
-            "", // string  in 'comment' Textbox component		
-            false, // boolean  in 'stream_result' Checkbox component		
-            30, // number (numeric value between 0 and 2000) in 'max_new_tokens' Slider component		
-            0.9, // number (numeric value between 0.01 and 1) in 'temperature' Slider component		
-            0.90, // number (numeric value between 0 and 1) in 'top_p' Slider component		
+            "", // string  in 'comment' Textbox component
+            false, // boolean  in 'stream_result' Checkbox component
+            30, // number (numeric value between 0 and 2000) in 'max_new_tokens' Slider component
+            0.9, // number (numeric value between 0.01 and 1) in 'temperature' Slider component
+            0.90, // number (numeric value between 0 and 1) in 'top_p' Slider component
             50, // number (numeric value between 1 and 200) in 'top_k' Slider component
           ] : [
             prompt,
@@ -170,15 +170,15 @@ export class SolCoder extends Plugin {
             Accept: 'application/json',
             'Content-Type': 'application/json',
           },
-          body: JSON.stringify({"data":[
+          body: JSON.stringify({ "data":[
             msg_pfx, // Text before current cursor line
             "code_insertion",
             msg_sfx, // Text after current cursor line
-            1024, 
+            1024,
             0.5,
             0.92,
             50
-          ] }),
+          ]}),
         })
       ).json()
 
@@ -195,6 +195,4 @@ export class SolCoder extends Plugin {
     }
   }
 
-
-
 }
diff --git a/apps/remix-ide/src/app/plugins/solidity-script.tsx b/apps/remix-ide/src/app/plugins/solidity-script.tsx
index 5ca2f47b58..3b418c88db 100644
--- a/apps/remix-ide/src/app/plugins/solidity-script.tsx
+++ b/apps/remix-ide/src/app/plugins/solidity-script.tsx
@@ -1,8 +1,8 @@
 import React from 'react' // eslint-disable-line
-import {format} from 'util'
-import {Plugin} from '@remixproject/engine'
-import {compile} from '@remix-project/remix-solidity'
-import {Transaction} from 'web3-types'
+import { format } from 'util'
+import { Plugin } from '@remixproject/engine'
+import { compile } from '@remix-project/remix-solidity'
+import { Transaction } from 'web3-types'
 const _paq = (window._paq = window._paq || []) //eslint-disable-line
 
 const profile = {
@@ -37,7 +37,7 @@ export class SolidityScript extends Plugin {
               ${functionName}();
           }
       }`
-    const targets = {'script.sol': {content}}
+    const targets = { 'script.sol': { content } }
 
     // compile
     const compilation = await compile(targets, params, async (url, cb) => {
@@ -81,20 +81,20 @@ export class SolidityScript extends Plugin {
       this.call('terminal', 'logHtml', e.message)
       return
     }
-    
+
     tx = {
       from: accounts[0],
       to: receipt.contractAddress,
       data: '0x69d4394b' // function remixRun() public
     }
-    let receiptCall 
-    
+    let receiptCall
+
     try {
       receiptCall = await web3.eth.sendTransaction(tx, null, { checkRevertBeforeSending: false, ignoreGasPricing: true })
     } catch (e) {
       this.call('terminal', 'logHtml', e.message)
       return
-    }   
+    }
 
     const hhlogs = await web3.remix.getHHLogsForTx(receiptCall.transactionHash)
 
diff --git a/apps/remix-ide/src/app/plugins/solidity-umlgen.tsx b/apps/remix-ide/src/app/plugins/solidity-umlgen.tsx
index 3fd6b6bd51..9ae582f29f 100644
--- a/apps/remix-ide/src/app/plugins/solidity-umlgen.tsx
+++ b/apps/remix-ide/src/app/plugins/solidity-umlgen.tsx
@@ -1,17 +1,17 @@
 /* eslint-disable @nrwl/nx/enforce-module-boundaries */
-import {ViewPlugin} from '@remixproject/engine-web'
+import { ViewPlugin } from '@remixproject/engine-web'
 import React from 'react'
 // eslint-disable-next-line @nrwl/nx/enforce-module-boundaries
-import {RemixUiSolidityUmlGen} from '@remix-ui/solidity-uml-gen'
-import {ISolidityUmlGen, ThemeQualityType, ThemeSummary} from 'libs/remix-ui/solidity-uml-gen/src/types'
-import {RemixAppManager} from 'libs/remix-ui/plugin-manager/src/types'
-import {normalizeContractPath} from 'libs/remix-ui/solidity-compiler/src/lib/logic/flattenerUtilities'
-import {convertAST2UmlClasses} from 'sol2uml/lib/converterAST2Classes'
+import { RemixUiSolidityUmlGen } from '@remix-ui/solidity-uml-gen'
+import { ISolidityUmlGen, ThemeQualityType, ThemeSummary } from 'libs/remix-ui/solidity-uml-gen/src/types'
+import { RemixAppManager } from 'libs/remix-ui/plugin-manager/src/types'
+import { normalizeContractPath } from 'libs/remix-ui/solidity-compiler/src/lib/logic/flattenerUtilities'
+import { convertAST2UmlClasses } from 'sol2uml/lib/converterAST2Classes'
 import vizRenderStringSync from '@aduh95/viz.js/sync'
-import {PluginViewWrapper} from '@remix-ui/helper'
-import {customAction} from '@remixproject/plugin-api'
-import {ClassOptions} from 'sol2uml/lib/converterClass2Dot'
-import type {CompilerInput} from '@remix-project/remix-solidity'
+import { PluginViewWrapper } from '@remix-ui/helper'
+import { customAction } from '@remixproject/plugin-api'
+import { ClassOptions } from 'sol2uml/lib/converterClass2Dot'
+import type { CompilerInput } from '@remix-project/remix-solidity'
 const parser = (window as any).SolidityParser
 
 const _paq = (window._paq = window._paq || [])
@@ -207,10 +207,10 @@ interface Sol2umlClassOptions extends ClassOptions {
   textColor?: string
 }
 
-import {dirname} from 'path'
-import {convertClass2Dot} from 'sol2uml/lib/converterClass2Dot'
-import {Association, ClassStereotype, ReferenceType, UmlClass} from 'sol2uml/lib/umlClass'
-import {findAssociatedClass} from 'sol2uml/lib/associations'
+import { dirname } from 'path'
+import { convertClass2Dot } from 'sol2uml/lib/converterClass2Dot'
+import { Association, ClassStereotype, ReferenceType, UmlClass } from 'sol2uml/lib/umlClass'
+import { findAssociatedClass } from 'sol2uml/lib/associations'
 
 // const debug = require('debug')('sol2uml')
 
diff --git a/apps/remix-ide/src/app/plugins/vyper-compilation-details.tsx b/apps/remix-ide/src/app/plugins/vyper-compilation-details.tsx
index 463d79dd85..5d3893aa75 100644
--- a/apps/remix-ide/src/app/plugins/vyper-compilation-details.tsx
+++ b/apps/remix-ide/src/app/plugins/vyper-compilation-details.tsx
@@ -1,6 +1,6 @@
 import React from 'react'
 import { ViewPlugin } from '@remixproject/engine-web'
-import {PluginViewWrapper} from '@remix-ui/helper'
+import { PluginViewWrapper } from '@remix-ui/helper'
 import { RemixAppManager } from '../../remixAppManager'
 import { RemixUiVyperCompileDetails } from '@remix-ui/vyper-compile-details'
 import { ThemeKeys, ThemeObject } from '@microlink/react-json-view'
@@ -49,13 +49,13 @@ export class VyperCompilationDetailsPlugin extends ViewPlugin {
   }
 
   async showDetails(sentPayload: any) {
-    const contractName = Object.entries(sentPayload).find(([key, value]) =>  key )
+    const contractName = Object.entries(sentPayload).find(([key, value]) => key )
     await this.call('tabs', 'focus', 'vyperCompilationDetails')
     this.profile.displayName = `${contractName[0]}`
     this.payload = sentPayload
     const active = await this.call('theme', 'currentTheme')
     if (active.quality === 'dark') {
-      switch(active.name) {
+      switch (active.name) {
       case 'HackerOwl':
         this.theme = 'harmonic'
         this.themeStyle = { backgroundColor: active.backgroundColor }
@@ -78,7 +78,7 @@ export class VyperCompilationDetailsPlugin extends ViewPlugin {
         break
       }
     } else {
-      switch(active.name) {
+      switch (active.name) {
       case 'Candy':
         this.theme = 'apathy:inverted'
         this.themeStyle = { backgroundColor: active.backgroundColor }
@@ -106,7 +106,7 @@ export class VyperCompilationDetailsPlugin extends ViewPlugin {
   private handleThemeChange() {
     this.on('theme', 'themeChanged', (theme: any) => {
       if (theme.quality === 'dark') {
-        switch(theme.name) {
+        switch (theme.name) {
         case 'HackerOwl':
           this.theme = 'solarized'
           this.themeStyle = { backgroundColor: theme.backgroundColor }
diff --git a/apps/remix-ide/src/app/providers/abstract-provider.tsx b/apps/remix-ide/src/app/providers/abstract-provider.tsx
index 60c6032cc9..01e26df1f4 100644
--- a/apps/remix-ide/src/app/providers/abstract-provider.tsx
+++ b/apps/remix-ide/src/app/providers/abstract-provider.tsx
@@ -1,7 +1,7 @@
-import {Plugin} from '@remixproject/engine'
-import {AppModal, AlertModal, ModalTypes} from '@remix-ui/app'
-import {Blockchain} from '../../blockchain/blockchain'
-import {ethers} from 'ethers'
+import { Plugin } from '@remixproject/engine'
+import { AppModal, AlertModal, ModalTypes } from '@remix-ui/app'
+import { Blockchain } from '../../blockchain/blockchain'
+import { ethers } from 'ethers'
 
 export type JsonDataRequest = {
   id: number
@@ -66,7 +66,7 @@ export abstract class AbstractProvider extends Plugin implements IProvider {
           okLabel: 'OK',
           cancelLabel: 'Cancel',
           validationFn: (value) => {
-            if (!value) return {valid: false, message: 'value is empty'}
+            if (!value) return { valid: false, message: 'value is empty' }
             if (value.startsWith('https://') || value.startsWith('http://')) {
               return {
                 valid: true,
@@ -102,7 +102,7 @@ export abstract class AbstractProvider extends Plugin implements IProvider {
   sendAsync(data: JsonDataRequest): Promise<JsonDataResult> {
     // eslint-disable-next-line no-async-promise-executor
     return new Promise(async (resolve, reject) => {
-      if (!this.provider) return reject({jsonrpc: '2.0', id: data.id, error: { message: 'provider node set', code: -32603 } } as JsonDataResult)
+      if (!this.provider) return reject({ jsonrpc: '2.0', id: data.id, error: { message: 'provider node set', code: -32603 } } as JsonDataResult)
       this.sendAsyncInternal(data, resolve, reject)
     })
   }
@@ -119,7 +119,7 @@ export abstract class AbstractProvider extends Plugin implements IProvider {
       }
       this.call('notification', 'alert', modalContent)
     }
-    await this.call('udapp', 'setEnvironmentMode', {context: 'vm-cancun'})
+    await this.call('udapp', 'setEnvironmentMode', { context: 'vm-cancun' })
     return
   }
 
@@ -127,17 +127,17 @@ export abstract class AbstractProvider extends Plugin implements IProvider {
     if (this.provider) {
       try {
         const result = await this.provider.send(data.method, data.params)
-        resolve({jsonrpc: '2.0', result, id: data.id})
+        resolve({ jsonrpc: '2.0', result, id: data.id })
       } catch (error) {
         if (error && error.message && error.message.includes('net_version') && error.message.includes('SERVER_ERROR')) {
           this.switchAway(true)
         }
         error.code = -32603
-        reject({jsonrpc: '2.0', error, id: data.id})
+        reject({ jsonrpc: '2.0', error, id: data.id })
       }
     } else {
       const result = data.method === 'net_listening' ? 'canceled' : []
-      resolve({jsonrpc: '2.0', result: result, id: data.id})
+      resolve({ jsonrpc: '2.0', result: result, id: data.id })
     }
   }
 }
diff --git a/apps/remix-ide/src/app/providers/custom-vm-fork-provider.tsx b/apps/remix-ide/src/app/providers/custom-vm-fork-provider.tsx
index d25208bbb9..b9aa95b6c6 100644
--- a/apps/remix-ide/src/app/providers/custom-vm-fork-provider.tsx
+++ b/apps/remix-ide/src/app/providers/custom-vm-fork-provider.tsx
@@ -1,9 +1,9 @@
 import React, {useRef} from 'react' // eslint-disable-line
-import {FormattedMessage} from 'react-intl'
+import { FormattedMessage } from 'react-intl'
 import * as packageJson from '../../../../../package.json'
-import {AppModal, ModalTypes} from '@remix-ui/app'
-import {BasicVMProvider} from './vm-provider'
-import {Hardfork} from '@ethereumjs/common'
+import { AppModal, ModalTypes } from '@remix-ui/app'
+import { BasicVMProvider } from './vm-provider'
+import { Hardfork } from '@ethereumjs/common'
 
 export class CustomForkVMProvider extends BasicVMProvider {
   nodeUrl: string
diff --git a/apps/remix-ide/src/app/providers/external-http-provider.tsx b/apps/remix-ide/src/app/providers/external-http-provider.tsx
index a3b51f9a5d..81feb39bd7 100644
--- a/apps/remix-ide/src/app/providers/external-http-provider.tsx
+++ b/apps/remix-ide/src/app/providers/external-http-provider.tsx
@@ -1,7 +1,7 @@
 import * as packageJson from '../../../../../package.json'
 import React from 'react' // eslint-disable-line
-import {FormattedMessage} from 'react-intl'
-import {AbstractProvider} from './abstract-provider'
+import { FormattedMessage } from 'react-intl'
+import { AbstractProvider } from './abstract-provider'
 
 const profile = {
   name: 'basic-http-provider',
@@ -49,7 +49,7 @@ export class ExternalHttpProvider extends AbstractProvider {
           </div>
           <br />
           <br />
-          <FormattedMessage id="udapp.externalHttpProviderText3" values={{b: (chunks) => <b><>{chunks}</></b>}} />
+          <FormattedMessage id="udapp.externalHttpProviderText3" values={{ b: (chunks) => <b><>{chunks}</></b> }} />
           <br />
           <br />
           <FormattedMessage
diff --git a/apps/remix-ide/src/app/providers/foundry-provider.tsx b/apps/remix-ide/src/app/providers/foundry-provider.tsx
index 47a3c2849f..b39c65e85c 100644
--- a/apps/remix-ide/src/app/providers/foundry-provider.tsx
+++ b/apps/remix-ide/src/app/providers/foundry-provider.tsx
@@ -1,7 +1,7 @@
 import * as packageJson from '../../../../../package.json'
 import React from 'react' // eslint-disable-line
-import {FormattedMessage} from 'react-intl'
-import {AbstractProvider} from './abstract-provider'
+import { FormattedMessage } from 'react-intl'
+import { AbstractProvider } from './abstract-provider'
 
 const profile = {
   name: 'foundry-provider',
diff --git a/apps/remix-ide/src/app/providers/ganache-provider.tsx b/apps/remix-ide/src/app/providers/ganache-provider.tsx
index 79bac4b853..f6c36f2710 100644
--- a/apps/remix-ide/src/app/providers/ganache-provider.tsx
+++ b/apps/remix-ide/src/app/providers/ganache-provider.tsx
@@ -1,7 +1,7 @@
 import * as packageJson from '../../../../../package.json'
 import React from 'react' // eslint-disable-line
-import {FormattedMessage} from 'react-intl'
-import {AbstractProvider} from './abstract-provider'
+import { FormattedMessage } from 'react-intl'
+import { AbstractProvider } from './abstract-provider'
 
 const profile = {
   name: 'ganache-provider',
diff --git a/apps/remix-ide/src/app/providers/goerli-vm-fork-provider.tsx b/apps/remix-ide/src/app/providers/goerli-vm-fork-provider.tsx
index c78aca825e..1f9a24d2db 100644
--- a/apps/remix-ide/src/app/providers/goerli-vm-fork-provider.tsx
+++ b/apps/remix-ide/src/app/providers/goerli-vm-fork-provider.tsx
@@ -1,5 +1,5 @@
 import * as packageJson from '../../../../../package.json'
-import {BasicVMProvider} from './vm-provider'
+import { BasicVMProvider } from './vm-provider'
 
 export class GoerliForkVMProvider extends BasicVMProvider {
   nodeUrl: string
diff --git a/apps/remix-ide/src/app/providers/hardhat-provider.tsx b/apps/remix-ide/src/app/providers/hardhat-provider.tsx
index 0dfe1c70af..95dcaeefb0 100644
--- a/apps/remix-ide/src/app/providers/hardhat-provider.tsx
+++ b/apps/remix-ide/src/app/providers/hardhat-provider.tsx
@@ -1,7 +1,7 @@
 import * as packageJson from '../../../../../package.json'
 import React from 'react' // eslint-disable-line
-import {FormattedMessage} from 'react-intl'
-import {AbstractProvider} from './abstract-provider'
+import { FormattedMessage } from 'react-intl'
+import { AbstractProvider } from './abstract-provider'
 
 const profile = {
   name: 'hardhat-provider',
diff --git a/apps/remix-ide/src/app/providers/injected-arbitrum-one-provider.tsx b/apps/remix-ide/src/app/providers/injected-arbitrum-one-provider.tsx
index 890f31aa9c..5930572249 100644
--- a/apps/remix-ide/src/app/providers/injected-arbitrum-one-provider.tsx
+++ b/apps/remix-ide/src/app/providers/injected-arbitrum-one-provider.tsx
@@ -1,5 +1,5 @@
 import * as packageJson from '../../../../../package.json'
-import {InjectedCustomProvider} from './injected-custom-provider'
+import { InjectedCustomProvider } from './injected-custom-provider'
 
 const profile = {
   name: 'injected-arbitrum-one-provider',
diff --git a/apps/remix-ide/src/app/providers/injected-custom-provider.tsx b/apps/remix-ide/src/app/providers/injected-custom-provider.tsx
index 153efcd1bb..bb41eeac4a 100644
--- a/apps/remix-ide/src/app/providers/injected-custom-provider.tsx
+++ b/apps/remix-ide/src/app/providers/injected-custom-provider.tsx
@@ -1,5 +1,5 @@
 import Web3 from 'web3'
-import {InjectedProviderDefault} from './injected-provider-default'
+import { InjectedProviderDefault } from './injected-provider-default'
 
 export class InjectedCustomProvider extends InjectedProviderDefault {
   chainName: string
@@ -32,7 +32,7 @@ export const setCustomNetwork = async (chainName: string, chainId: string, rpcUr
   try {
     await (window as any).ethereum.request({
       method: 'wallet_switchEthereumChain',
-      params: [{chainId: chainId}]
+      params: [{ chainId: chainId }]
     })
   } catch (switchError) {
     // This error code indicates that the chain has not been added to MetaMask.
@@ -48,14 +48,14 @@ export const setCustomNetwork = async (chainName: string, chainId: string, rpcUr
           if (blockExplorerUrls) paramsObj.blockExplorerUrls = blockExplorerUrls
           await (window as any).ethereum.request({
             method: 'wallet_addEthereumChain',
-            params: [ paramsObj ]
+            params: [paramsObj]
           })
- 
+
           await (window as any).ethereum.request({
             method: 'wallet_switchEthereumChain',
-            params: [{chainId: chainId}]
+            params: [{ chainId: chainId }]
           })
-        }        
+        }
       } catch (addError) {
         // handle "add" error
       }
diff --git a/apps/remix-ide/src/app/providers/injected-ephemery-testnet-provider.tsx b/apps/remix-ide/src/app/providers/injected-ephemery-testnet-provider.tsx
index 879c468b6a..dd5e8266b1 100644
--- a/apps/remix-ide/src/app/providers/injected-ephemery-testnet-provider.tsx
+++ b/apps/remix-ide/src/app/providers/injected-ephemery-testnet-provider.tsx
@@ -1,5 +1,5 @@
 import * as packageJson from '../../../../../package.json'
-import {InjectedCustomProvider} from './injected-custom-provider'
+import { InjectedCustomProvider } from './injected-custom-provider'
 import Web3 from 'web3'
 
 const profile = {
@@ -13,7 +13,7 @@ const profile = {
 
 export class InjectedEphemeryTestnetProvider extends InjectedCustomProvider {
   constructor() {
-    super(profile, 
+    super(profile,
       'Ephemery Testnet',
       '',
       ['https://otter.bordel.wtf/erigon', 'https://eth.ephemeral.zeus.fyi'],
@@ -25,7 +25,7 @@ export class InjectedEphemeryTestnetProvider extends InjectedCustomProvider {
       [
         'https://otter.bordel.wtf/',
         'https://explorer.ephemery.dev/'
-      ] 
+      ]
     )
   }
 
diff --git a/apps/remix-ide/src/app/providers/injected-optimism-provider.tsx b/apps/remix-ide/src/app/providers/injected-optimism-provider.tsx
index 592ae28b1a..dd14c4ab11 100644
--- a/apps/remix-ide/src/app/providers/injected-optimism-provider.tsx
+++ b/apps/remix-ide/src/app/providers/injected-optimism-provider.tsx
@@ -1,5 +1,5 @@
 import * as packageJson from '../../../../../package.json'
-import {InjectedCustomProvider} from './injected-custom-provider'
+import { InjectedCustomProvider } from './injected-custom-provider'
 
 const profile = {
   name: 'injected-optimism-provider',
diff --git a/apps/remix-ide/src/app/providers/injected-provider-default.tsx b/apps/remix-ide/src/app/providers/injected-provider-default.tsx
index c2a0f0a440..b9b19e3bf7 100644
--- a/apps/remix-ide/src/app/providers/injected-provider-default.tsx
+++ b/apps/remix-ide/src/app/providers/injected-provider-default.tsx
@@ -1,6 +1,6 @@
 /* global ethereum */
 import * as packageJson from '../../../../../package.json'
-import {InjectedProvider} from './injected-provider'
+import { InjectedProvider } from './injected-provider'
 
 export class InjectedProviderDefaultBase extends InjectedProvider {
   constructor(profile) {
@@ -34,7 +34,7 @@ const profile = {
 }
 
 export class InjectedProviderDefault extends InjectedProviderDefaultBase {
-  provider: any 
+  provider: any
   constructor(provider: any, name: string) {
     super({ ...profile, ...{ name, displayName: name } })
     this.provider = provider
diff --git a/apps/remix-ide/src/app/providers/injected-provider-trustwallet.tsx b/apps/remix-ide/src/app/providers/injected-provider-trustwallet.tsx
index f7f139fed8..ea7185ad4f 100644
--- a/apps/remix-ide/src/app/providers/injected-provider-trustwallet.tsx
+++ b/apps/remix-ide/src/app/providers/injected-provider-trustwallet.tsx
@@ -1,6 +1,6 @@
 /* global ethereum */
 import * as packageJson from '../../../../../package.json'
-import {InjectedProvider} from './injected-provider'
+import { InjectedProvider } from './injected-provider'
 
 const profile = {
   name: 'injected-trustwallet',
diff --git a/apps/remix-ide/src/app/providers/injected-provider.tsx b/apps/remix-ide/src/app/providers/injected-provider.tsx
index 36c7e35774..a57d4e0cfa 100644
--- a/apps/remix-ide/src/app/providers/injected-provider.tsx
+++ b/apps/remix-ide/src/app/providers/injected-provider.tsx
@@ -1,8 +1,8 @@
 /* global ethereum */
 import React from 'react' // eslint-disable-line
-import {Plugin} from '@remixproject/engine'
-import {JsonDataRequest, RejectRequest, SuccessRequest} from '../providers/abstract-provider'
-import {IProvider} from './abstract-provider'
+import { Plugin } from '@remixproject/engine'
+import { JsonDataRequest, RejectRequest, SuccessRequest } from '../providers/abstract-provider'
+import { IProvider } from './abstract-provider'
 
 export abstract class InjectedProvider extends Plugin implements IProvider {
   options: {[id: string]: any} = {}
@@ -45,7 +45,7 @@ export abstract class InjectedProvider extends Plugin implements IProvider {
   askPermission(throwIfNoInjectedProvider) {
     const web3Provider = this.getInjectedProvider()
     if (typeof web3Provider !== 'undefined' && typeof web3Provider.request === 'function') {
-      web3Provider.request({method: 'eth_requestAccounts'})
+      web3Provider.request({ method: 'eth_requestAccounts' })
     } else if (throwIfNoInjectedProvider) {
       throw new Error(this.notFound())
     }
@@ -86,19 +86,19 @@ export abstract class InjectedProvider extends Plugin implements IProvider {
     }
     try {
       let resultData
-      if (web3Provider.request) resultData = await web3Provider.request({method: data.method, params: data.params})
+      if (web3Provider.request) resultData = await web3Provider.request({ method: data.method, params: data.params })
       else if (web3Provider.send) resultData = await web3Provider.send(data.method, data.params)
       else {
-        resolve({jsonrpc: '2.0', error: { message: 'provider not valid', code: -32603 }, id: data.id})
+        resolve({ jsonrpc: '2.0', error: { message: 'provider not valid', code: -32603 }, id: data.id })
         return
       }
       if (resultData) {
         if (resultData.jsonrpc && resultData.jsonrpc === '2.0') {
           resultData = resultData.result
         }
-        resolve({jsonrpc: '2.0', result: resultData, id: data.id})
+        resolve({ jsonrpc: '2.0', result: resultData, id: data.id })
       } else {
-        resolve({jsonrpc: '2.0', result: null, id: data.id})
+        resolve({ jsonrpc: '2.0', result: null, id: data.id })
       }
     } catch (error) {
       if (error.data && error.data.originalError && error.data.originalError.data) {
diff --git a/apps/remix-ide/src/app/providers/injected-skale-chaos-testnet-provider.tsx b/apps/remix-ide/src/app/providers/injected-skale-chaos-testnet-provider.tsx
index 81716a6aa8..c5da299f76 100644
--- a/apps/remix-ide/src/app/providers/injected-skale-chaos-testnet-provider.tsx
+++ b/apps/remix-ide/src/app/providers/injected-skale-chaos-testnet-provider.tsx
@@ -13,9 +13,9 @@ const profile = {
 export class InjectedSKALEChaosTestnetProvider extends InjectedCustomProvider {
 
   constructor () {
-    super(profile, 
-      'SKALE Chaos Testnet', 
-      '0x50877ed6', 
+    super(profile,
+      'SKALE Chaos Testnet',
+      '0x50877ed6',
       ['https://staging-v3.skalenodes.com/v1/staging-fast-active-bellatrix'],
       {
         "name": "sFUEL",
diff --git a/apps/remix-ide/src/app/providers/mainnet-vm-fork-provider.tsx b/apps/remix-ide/src/app/providers/mainnet-vm-fork-provider.tsx
index 656cfa7a56..545f70000e 100644
--- a/apps/remix-ide/src/app/providers/mainnet-vm-fork-provider.tsx
+++ b/apps/remix-ide/src/app/providers/mainnet-vm-fork-provider.tsx
@@ -1,5 +1,5 @@
 import * as packageJson from '../../../../../package.json'
-import {BasicVMProvider} from './vm-provider'
+import { BasicVMProvider } from './vm-provider'
 
 export class MainnetForkVMProvider extends BasicVMProvider {
   nodeUrl: string
diff --git a/apps/remix-ide/src/app/providers/sepolia-vm-fork-provider.tsx b/apps/remix-ide/src/app/providers/sepolia-vm-fork-provider.tsx
index 26b82404b4..1b28a71219 100644
--- a/apps/remix-ide/src/app/providers/sepolia-vm-fork-provider.tsx
+++ b/apps/remix-ide/src/app/providers/sepolia-vm-fork-provider.tsx
@@ -1,5 +1,5 @@
 import * as packageJson from '../../../../../package.json'
-import {BasicVMProvider} from './vm-provider'
+import { BasicVMProvider } from './vm-provider'
 
 export class SepoliaForkVMProvider extends BasicVMProvider {
   nodeUrl: string
diff --git a/apps/remix-ide/src/app/providers/vm-provider.tsx b/apps/remix-ide/src/app/providers/vm-provider.tsx
index 94c25ffdfc..f43386bbed 100644
--- a/apps/remix-ide/src/app/providers/vm-provider.tsx
+++ b/apps/remix-ide/src/app/providers/vm-provider.tsx
@@ -1,8 +1,8 @@
 import React from 'react' // eslint-disable-line
 import * as packageJson from '../../../../../package.json'
-import {JsonDataRequest, RejectRequest, SuccessRequest} from '../providers/abstract-provider'
-import {Plugin} from '@remixproject/engine'
-import {IProvider} from './abstract-provider'
+import { JsonDataRequest, RejectRequest, SuccessRequest } from '../providers/abstract-provider'
+import { Plugin } from '@remixproject/engine'
+import { IProvider } from './abstract-provider'
 
 export class BasicVMProvider extends Plugin implements IProvider {
   blockchain
@@ -33,7 +33,7 @@ export class BasicVMProvider extends Plugin implements IProvider {
       await this.blockchain.providers.vm.provider.sendAsync(data, (error, result) => {
         if (error) return reject(error)
         else {
-          resolve({jsonrpc: '2.0', result, id: data.id})
+          resolve({ jsonrpc: '2.0', result, id: data.id })
         }
       })
     } catch (error) {
diff --git a/apps/remix-ide/src/app/tabs/compile-and-run.ts b/apps/remix-ide/src/app/tabs/compile-and-run.ts
index 2b3c169896..63952747c9 100644
--- a/apps/remix-ide/src/app/tabs/compile-and-run.ts
+++ b/apps/remix-ide/src/app/tabs/compile-and-run.ts
@@ -26,7 +26,7 @@ export class CompileAndRun extends Plugin {
     super(profile)
     this.executionListener = async (e) => {
       // ctrl+e or command+e
-      
+
       if ((e.metaKey || e.ctrlKey) && e.shiftKey && e.keyCode === 83) {
         const file = await this.call('fileManager', 'file')
         if (file) {
@@ -51,7 +51,7 @@ export class CompileAndRun extends Plugin {
   }
 
   async runScript (fileName, clearAllInstances) {
-    await this.call('terminal', 'log', { value: `running ${fileName} ...`, type: 'info'  })
+    await this.call('terminal', 'log', { value: `running ${fileName} ...`, type: 'info' })
     try {
       const exists = await this.call('fileManager', 'exists', fileName)
       if (!exists) {
@@ -65,7 +65,7 @@ export class CompileAndRun extends Plugin {
       await this.call('scriptRunner', 'execute', content, fileName)
     } catch (e) {
       this.call('notification', 'toast', e.message || e)
-    }    
+    }
   }
 
   onActivation () {
diff --git a/apps/remix-ide/src/app/tabs/search.tsx b/apps/remix-ide/src/app/tabs/search.tsx
index 780ce49bb7..b3917ad652 100644
--- a/apps/remix-ide/src/app/tabs/search.tsx
+++ b/apps/remix-ide/src/app/tabs/search.tsx
@@ -1,7 +1,7 @@
-import {ViewPlugin} from '@remixproject/engine-web'
+import { ViewPlugin } from '@remixproject/engine-web'
 import * as packageJson from '../../../../../package.json'
 import React from 'react' // eslint-disable-line
-import {SearchTab} from '@remix-ui/search'
+import { SearchTab } from '@remix-ui/search'
 const profile = {
   name: 'search',
   displayName: 'Search in files',
diff --git a/apps/remix-ide/src/app/tabs/settings-tab.tsx b/apps/remix-ide/src/app/tabs/settings-tab.tsx
index 1f69e113b6..b32477aa17 100644
--- a/apps/remix-ide/src/app/tabs/settings-tab.tsx
+++ b/apps/remix-ide/src/app/tabs/settings-tab.tsx
@@ -1,10 +1,10 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import React from 'react' // eslint-disable-line
-import {ViewPlugin} from '@remixproject/engine-web'
+import { ViewPlugin } from '@remixproject/engine-web'
 import * as packageJson from '../../../../../package.json'
 import {RemixUiSettings} from '@remix-ui/settings' //eslint-disable-line
-import {Registry} from '@remix-project/remix-lib'
-import {PluginViewWrapper} from '@remix-ui/helper'
+import { Registry } from '@remix-project/remix-lib'
+import { PluginViewWrapper } from '@remix-ui/helper'
 declare global {
   interface Window {
     _paq: any
@@ -62,7 +62,7 @@ module.exports = class SettingsTab extends ViewPlugin {
 
   onActivation(): void {
   }
-  
+
   render() {
     return (
       <div id="settingsTab">
diff --git a/apps/remix-ide/src/blockchain/blockchain.tsx b/apps/remix-ide/src/blockchain/blockchain.tsx
index b30a88c0ad..bbe6d302f1 100644
--- a/apps/remix-ide/src/blockchain/blockchain.tsx
+++ b/apps/remix-ide/src/blockchain/blockchain.tsx
@@ -1,20 +1,20 @@
 import React from 'react' // eslint-disable-line
-import {fromWei, toBigInt, toWei} from 'web3-utils'
-import {Plugin} from '@remixproject/engine'
-import {toBytes, addHexPrefix} from '@ethereumjs/util'
-import {EventEmitter} from 'events'
-import {format} from 'util'
-import {ExecutionContext} from './execution-context'
+import { fromWei, toBigInt, toWei } from 'web3-utils'
+import { Plugin } from '@remixproject/engine'
+import { toBytes, addHexPrefix } from '@ethereumjs/util'
+import { EventEmitter } from 'events'
+import { format } from 'util'
+import { ExecutionContext } from './execution-context'
 import Config from '../config'
-import {VMProvider} from './providers/vm'
-import {InjectedProvider} from './providers/injected'
-import {NodeProvider} from './providers/node'
-import {execution, EventManager, helpers} from '@remix-project/remix-lib'
-import {etherScanLink} from './helper'
-import {logBuilder, cancelUpgradeMsg, cancelProxyMsg, addressToString} from '@remix-ui/helper'
-const {txFormat, txExecution, typeConversion, txListener: Txlistener, TxRunner, TxRunnerWeb3, txHelper} = execution
-const {txResultHelper} = helpers
-const {resultToRemixTx} = txResultHelper
+import { VMProvider } from './providers/vm'
+import { InjectedProvider } from './providers/injected'
+import { NodeProvider } from './providers/node'
+import { execution, EventManager, helpers } from '@remix-project/remix-lib'
+import { etherScanLink } from './helper'
+import { logBuilder, cancelUpgradeMsg, cancelProxyMsg, addressToString } from '@remix-ui/helper'
+const { txFormat, txExecution, typeConversion, txListener: Txlistener, TxRunner, TxRunnerWeb3, txHelper } = execution
+const { txResultHelper } = helpers
+const { resultToRemixTx } = txResultHelper
 import * as packageJson from '../../../../package.json'
 
 const _paq = (window._paq = window._paq || []) //eslint-disable-line
@@ -91,7 +91,7 @@ export class Blockchain extends Plugin {
     this.txRunner = new TxRunner(web3Runner, {})
 
     this.networkcallid = 0
-    this.networkStatus = {network: {name: ' - ', id: ' - '}}
+    this.networkStatus = { network: { name: ' - ', id: ' - ' } }
     this.registeredPluginEvents = []
     this.setupEvents()
     this.setupProviders()
@@ -110,7 +110,7 @@ export class Blockchain extends Plugin {
         this.registeredPluginEvents.push(plugin.name)
         this.on(plugin.name, 'chainChanged', () => {
           this.detectNetwork((error, network) => {
-            this.networkStatus = {network, error}
+            this.networkStatus = { network, error }
             this._triggerEvent('networkStatus', [this.networkStatus])
           })
         })
@@ -131,7 +131,7 @@ export class Blockchain extends Plugin {
       await this.loadContext(context)
       this._triggerEvent('contextChanged', [context])
       this.detectNetwork((error, network) => {
-        this.networkStatus = {network, error}
+        this.networkStatus = { network, error }
         this._triggerEvent('networkStatus', [this.networkStatus])
       })
     })
@@ -146,7 +146,7 @@ export class Blockchain extends Plugin {
 
     setInterval(() => {
       this.detectNetwork((error, network) => {
-        this.networkStatus = {network, error}
+        this.networkStatus = { network, error }
         this._triggerEvent('networkStatus', [this.networkStatus])
       })
     }, 30000)
@@ -189,7 +189,7 @@ export class Blockchain extends Plugin {
   }
 
   deployContractAndLibraries(selectedContract, args, contractMetadata, compilerContracts, callbacks, confirmationCb) {
-    const {continueCb, promptCb, statusCb, finalCb} = callbacks
+    const { continueCb, promptCb, statusCb, finalCb } = callbacks
     const constructor = selectedContract.getConstructorInterface()
     txFormat.buildData(
       selectedContract.name,
@@ -215,7 +215,7 @@ export class Blockchain extends Plugin {
   }
 
   deployContractWithLibrary(selectedContract, args, contractMetadata, compilerContracts, callbacks, confirmationCb) {
-    const {continueCb, promptCb, statusCb, finalCb} = callbacks
+    const { continueCb, promptCb, statusCb, finalCb } = callbacks
     const constructor = selectedContract.getConstructorInterface()
     txFormat.encodeConstructorCallAndLinkLibraries(
       selectedContract.object,
@@ -257,7 +257,7 @@ export class Blockchain extends Plugin {
   }
 
   async runProxyTx(proxyData, implementationContractObject) {
-    const args = {useCall: false, data: proxyData}
+    const args = { useCall: false, data: proxyData }
     let networkInfo
     const confirmationCb = (network, tx, gasEstimation, continueTxExecution, cancelCb) => {
       networkInfo = network
@@ -308,7 +308,7 @@ export class Blockchain extends Plugin {
   }
 
   async runUpgradeTx(proxyAddress, data, newImplementationContractObject) {
-    const args = {useCall: false, data, to: proxyAddress}
+    const args = { useCall: false, data, to: proxyAddress }
     let networkInfo
     const confirmationCb = (network, tx, gasEstimation, continueTxExecution, cancelCb) => {
       // continue using original authorization given by user
@@ -336,7 +336,7 @@ export class Blockchain extends Plugin {
   }
 
   async saveDeployedContractStorageLayout(contractObject, proxyAddress, networkInfo) {
-    const {contractName, implementationAddress} = contractObject
+    const { contractName, implementationAddress } = contractObject
     const networkName = networkInfo.name === 'custom' ? networkInfo.name + '-' + networkInfo.id : networkInfo.name
     const hasPreviousDeploys = await this.call('fileManager', 'exists', `.deploys/upgradeable-contracts/${networkName}/UUPS.json`)
     // TODO: make deploys folder read only.
@@ -436,7 +436,7 @@ export class Blockchain extends Plugin {
       data.contractABI = selectedContract.abi
     }
 
-    this.runTx({data: data, useCall: false}, confirmationCb, continueCb, promptCb, (error, txResult, address) => {
+    this.runTx({ data: data, useCall: false }, confirmationCb, continueCb, promptCb, (error, txResult, address) => {
       if (error) {
         return finalCb(`creation of ${selectedContract.name} errored: ${error.message ? error.message : error}`)
       }
@@ -578,7 +578,7 @@ export class Blockchain extends Plugin {
           data.contract = contract
         }
         const useCall = funABI.stateMutability === 'view' || funABI.stateMutability === 'pure'
-        this.runTx({to: address, data, useCall}, confirmationCb, continueCb, promptCb, (error, txResult, _address, returnValue) => {
+        this.runTx({ to: address, data, useCall }, confirmationCb, continueCb, promptCb, (error, txResult, _address, returnValue) => {
           if (error) {
             return logCallback(`${logMsg} errored: ${error.message ? error.message : error}`)
           }
@@ -629,13 +629,13 @@ export class Blockchain extends Plugin {
 
   async loadContext(context: string) {
     const saveEvmState = this.config.get('settings/save-evm-state')
-    
+
     if (saveEvmState) {
       const contextExists = await this.call('fileManager', 'exists', `.states/${context}/state.json`)
 
       if (contextExists) {
         const stateDb = await this.call('fileManager', 'readFile', `.states/${context}/state.json`)
-  
+
         await this.getCurrentProvider().resetEnvironment(stateDb)
       } else {
         await this.getCurrentProvider().resetEnvironment()
@@ -676,7 +676,7 @@ export class Blockchain extends Plugin {
               view on etherscan
             </a>
           )
-        } 
+        }
       })
     })
     this.txRunner = new TxRunner(web3Runner, {})
@@ -866,7 +866,7 @@ export class Blockchain extends Plugin {
             const eventName = tx.useCall ? 'callExecuted' : 'transactionExecuted'
 
             this._triggerEvent(eventName, [error, tx.from, tx.to, tx.data, tx.useCall, result, timestamp, payLoad])
-            return resolve({result, tx})
+            return resolve({ result, tx })
           })
         } catch (err) {
           return reject(err)
@@ -894,7 +894,7 @@ export class Blockchain extends Plugin {
             this.call('fileManager', 'writeFile', `.states/${this.executionContext.getProvider()}/state.json`, state)
           } catch (e) {
             console.error(e)
-          }          
+          }
         }
 
         const hhlogs = await this.web3().remix.getHHLogsForTx(txResult.transactionHash)
@@ -923,7 +923,7 @@ export class Blockchain extends Plugin {
           this.call('terminal', 'logHtml', finalLogs)
         }
         execResult = await this.web3().remix.getExecutionResultFromSimulator(txResult.transactionHash)
-        
+
         if (execResult) {
           // if it's not the VM, we don't have return value. We only have the transaction, and it does not contain the return value.
           returnValue = execResult
@@ -959,9 +959,9 @@ export class Blockchain extends Plugin {
         cb((await buildError(errorMessage, errorData)).message)
       } else if (error.message || error.data) {
         errorMessage = error.message
-        errorData = error.data     
+        errorData = error.data
         cb((await buildError(errorMessage, errorData)).message)
-      } else 
+      } else
         cb(error)
     }
   }
diff --git a/apps/remix-ide/src/blockchain/helper.ts b/apps/remix-ide/src/blockchain/helper.ts
index 7df7546d20..5dd37e7378 100644
--- a/apps/remix-ide/src/blockchain/helper.ts
+++ b/apps/remix-ide/src/blockchain/helper.ts
@@ -6,7 +6,7 @@ const transactionDetailsLinks = {
   Goerli: 'https://goerli.etherscan.io/tx/',
   Sepolia: 'https://sepolia.etherscan.io/tx/'
 }
-  
+
 export function etherScanLink (network: string, hash: string): string {
   if (transactionDetailsLinks[network]) {
     return transactionDetailsLinks[network] + hash
diff --git a/apps/remix-ide/src/blockchain/providers/vm.ts b/apps/remix-ide/src/blockchain/providers/vm.ts
index 8c210260fa..c2e6448da5 100644
--- a/apps/remix-ide/src/blockchain/providers/vm.ts
+++ b/apps/remix-ide/src/blockchain/providers/vm.ts
@@ -46,7 +46,7 @@ export class VMProvider {
             stamps[msg.data.stamp].reject(msg.data.error)
           } else {
             stamps[msg.data.stamp].resolve(msg.data.result)
-          }          
+          }
         } else if (msg.data.cmd === 'initiateResult') {
           if (!msg.data.error) {
             this.provider = {
@@ -55,7 +55,7 @@ export class VMProvider {
                   const stamp = Date.now() + incr
                   incr++
                   stamps[stamp] = { callback, resolve, reject }
-                  this.worker.postMessage({ cmd: 'sendAsync', query, stamp })              
+                  this.worker.postMessage({ cmd: 'sendAsync', query, stamp })
                 })
               }
             }
@@ -102,7 +102,6 @@ export class VMProvider {
     })
   }
 
-
   // TODO: is still here because of the plugin API
   // can be removed later when we update the API
   createVMAccount (newAccount) {
@@ -134,5 +133,5 @@ export class VMProvider {
     this.web3.eth.sign(message, account)
       .then(signedData => cb(null, bytesToHex(messageHash), signedData))
       .catch(error => cb(error))
-  }  
+  }
 }
diff --git a/apps/remix-ide/src/blockchain/providers/worker-vm.ts b/apps/remix-ide/src/blockchain/providers/worker-vm.ts
index e91e30dfd4..d1ad0b7f0d 100644
--- a/apps/remix-ide/src/blockchain/providers/worker-vm.ts
+++ b/apps/remix-ide/src/blockchain/providers/worker-vm.ts
@@ -4,9 +4,9 @@ let provider: Provider = null
 self.onmessage = (e: MessageEvent) => {
   const data = e.data
   switch (data.cmd) {
-  case 'init': 
+  case 'init':
   {
-    provider = new Provider({ fork: data.fork, nodeUrl: data.nodeUrl, blockNumber: data.blockNumber, stateDb: data.stateDb, blocks: data.blocks})
+    provider = new Provider({ fork: data.fork, nodeUrl: data.nodeUrl, blockNumber: data.blockNumber, stateDb: data.stateDb, blocks: data.blocks })
     provider.init().then(() => {
       self.postMessage({
         cmd: 'initiateResult',
@@ -40,7 +40,7 @@ self.onmessage = (e: MessageEvent) => {
         stamp: data.stamp
       })
     }
-      
+
     break
   }
   case 'addAccount':
@@ -48,7 +48,7 @@ self.onmessage = (e: MessageEvent) => {
     if (provider) {
       provider.Accounts._addAccount(data.privateKey, data.balance)
     }
-      
+
     break
   }
   case 'newAccount':
@@ -67,11 +67,11 @@ self.onmessage = (e: MessageEvent) => {
             result: address,
             stamp: data.stamp
           })
-        }          
+        }
       })
     }
-      
+
     break
-  }  
+  }
   }
 }
diff --git a/apps/remix-ide/src/index.tsx b/apps/remix-ide/src/index.tsx
index 1ab6212ba3..1bd4456af7 100644
--- a/apps/remix-ide/src/index.tsx
+++ b/apps/remix-ide/src/index.tsx
@@ -1,11 +1,11 @@
 // eslint-disable-next-line no-use-before-define
 import React from 'react'
 import './index.css'
-import {ThemeModule} from './app/tabs/theme-module'
-import {Preload} from './app/components/preload'
+import { ThemeModule } from './app/tabs/theme-module'
+import { Preload } from './app/components/preload'
 import Config from './config'
-import {Registry} from '@remix-project/remix-lib'
-import {Storage} from '@remix-project/remix-lib'
+import { Registry } from '@remix-project/remix-lib'
+import { Storage } from '@remix-project/remix-lib'
 
 import { createRoot } from 'react-dom/client'
 
@@ -13,14 +13,14 @@ import { createRoot } from 'react-dom/client'
   try {
     const configStorage = new Storage('config-v0.8:')
     const config = new Config(configStorage)
-    Registry.getInstance().put({api: config, name: 'config'})
+    Registry.getInstance().put({ api: config, name: 'config' })
   } catch (e) {}
   const theme = new ThemeModule()
   theme.initTheme()
-  
+
   const container = document.getElementById('root');
   const root = createRoot(container)
-  if (container) {    
+  if (container) {
     root.render(<Preload root={root} />);
-  }  
+  }
 })()

From 4e94496f32758db2736e62785bd7b740f3bdfe2a Mon Sep 17 00:00:00 2001
From: lianahus <liana@ethereum.org>
Date: Tue, 30 Apr 2024 12:15:43 +0200
Subject: [PATCH 26/31] fixing linting for remix-lib

---
 libs/remix-lib/project.json                   |  2 +-
 libs/remix-lib/src/execution/eventsDecoder.ts |  4 ++--
 libs/remix-lib/src/execution/logsManager.ts   |  6 +++---
 libs/remix-lib/src/execution/txFormat.ts      | 12 +++++------
 libs/remix-lib/src/execution/txHelper.ts      |  6 +++---
 libs/remix-lib/src/execution/txRunnerVM.ts    |  4 ++--
 libs/remix-lib/src/execution/txRunnerWeb3.ts  | 20 +++++++++----------
 libs/remix-lib/src/helpers/txResultHelper.ts  |  8 ++++----
 libs/remix-lib/src/init.ts                    |  4 ++--
 libs/remix-lib/src/query-params.ts            |  2 +-
 libs/remix-lib/src/util.ts                    |  6 +++---
 libs/remix-lib/test/txFormat.ts               |  1 -
 libs/remix-lib/test/txHelper.ts               |  4 ++--
 libs/remix-lib/test/txResultHelper.ts         |  2 +-
 libs/remix-lib/test/util.ts                   | 17 ++++++++--------
 15 files changed, 48 insertions(+), 50 deletions(-)

diff --git a/libs/remix-lib/project.json b/libs/remix-lib/project.json
index b4f06e9063..956af2b667 100644
--- a/libs/remix-lib/project.json
+++ b/libs/remix-lib/project.json
@@ -22,7 +22,7 @@
         "outputs": ["{options.outputFile}"],
         "options": {
           "lintFilePatterns": ["libs/remix-lib/**/*.ts"],
-          "eslintConfig": "libs/remix-lib/.eslinrc"
+          "eslintConfig": "libs/remix-lib/.eslintrc"
         }
       }
     },
diff --git a/libs/remix-lib/src/execution/eventsDecoder.ts b/libs/remix-lib/src/execution/eventsDecoder.ts
index cdb794fd71..2f59bafaf4 100644
--- a/libs/remix-lib/src/execution/eventsDecoder.ts
+++ b/libs/remix-lib/src/execution/eventsDecoder.ts
@@ -21,7 +21,7 @@ export class EventsDecoder {
   * @param {Function} cb - callback
   */
   parseLogs (tx, contractName, compiledContracts, cb) {
-    if (tx.isCall) return cb(null, { decoded: [], raw: [] })
+    if (tx.isCall) return cb(null, { decoded: [], raw: []})
     this.resolveReceipt(tx, (error, receipt) => {
       if (error) return cb(error)
       this._decodeLogs(tx, receipt, contractName, compiledContracts, cb)
@@ -33,7 +33,7 @@ export class EventsDecoder {
       return cb('cannot decode logs - contract or receipt not resolved ')
     }
     if (!receipt.logs) {
-      return cb(null, { decoded: [], raw: [] })
+      return cb(null, { decoded: [], raw: []})
     }
     this._decodeEvents(tx, receipt.logs, contract, contracts, cb)
   }
diff --git a/libs/remix-lib/src/execution/logsManager.ts b/libs/remix-lib/src/execution/logsManager.ts
index c81bea4b6c..65914215b4 100644
--- a/libs/remix-lib/src/execution/logsManager.ts
+++ b/libs/remix-lib/src/execution/logsManager.ts
@@ -24,7 +24,7 @@ export class LogsManager {
         if (!receipt) return next()
         for (const log of receipt.logs) {
           this.oldLogs.push({ type: 'block', blockNumber, block, tx, log, txNumber: i, receipt })
-          const subscriptions = this.getSubscriptionsFor({ type: 'block', blockNumber, block, tx, log, receipt})
+          const subscriptions = this.getSubscriptionsFor({ type: 'block', blockNumber, block, tx, log, receipt })
           for (const subscriptionId of subscriptions) {
             const result = {
               logIndex: '0x1', // 1
@@ -76,7 +76,7 @@ export class LogsManager {
       const subscriptionParams = this.subscriptions[subscriptionId]
       const [queryType, queryFilter] = subscriptionParams
 
-      if (this.eventMatchesFilter(changeEvent, queryType, queryFilter || { topics: [] })) {
+      if (this.eventMatchesFilter(changeEvent, queryType, queryFilter || { topics: []})) {
         matchedSubscriptions.push(subscriptionId)
       }
     }
@@ -135,7 +135,7 @@ export class LogsManager {
     const tracking = this.filterTracking[filterId]
 
     if (logsOnly || filterType === 'filter') {
-      return this.getLogsFor(params || { topics: [] })
+      return this.getLogsFor(params || { topics: []})
     }
     if (filterType === 'block') {
       const blocks = this.oldLogs.filter(x => x.type === 'block').filter(x => tracking.block === undefined || x.blockNumber >= tracking.block)
diff --git a/libs/remix-lib/src/execution/txFormat.ts b/libs/remix-lib/src/execution/txFormat.ts
index 16cd34b5b2..0525c5f65d 100644
--- a/libs/remix-lib/src/execution/txFormat.ts
+++ b/libs/remix-lib/src/execution/txFormat.ts
@@ -88,7 +88,7 @@ export function encodeParams (params, funAbi, callback?) {
     const result = { data: data, dataHex: dataHex, funArgs: funArgs }
     callback && callback(null, result)
     resolve(result)
-  })  
+  })
 }
 
 /**
@@ -409,7 +409,7 @@ export function decodeResponse (response, fnabi) {
         const name = fnabi.outputs[i].name
         json[i] = outputTypes[i] + ': ' + (name ? name + ' ' + decodedObj[i] : decodedObj[i])
       }
-      
+
       return json
     } catch (e) {
       return { error: 'Failed to decode output: ' + e }
@@ -485,16 +485,16 @@ export const normalizeParam = (param) => {
       try {
         let paramTrimmed = param.replace(/^'/g, '').replace(/'$/g, '')
         paramTrimmed = paramTrimmed.replace(/^"/g, '').replace(/"$/g, '')
-        param = fromExponential(paramTrimmed)     
+        param = fromExponential(paramTrimmed)
       } catch (e) {
         console.log(e)
       }
     }
-  }  
+  }
 
-  if (typeof param === 'string') {          
+  if (typeof param === 'string') {
     if (param === 'true') param = true
-    if (param === 'false') param = false        
+    if (param === 'false') param = false
   }
   return param
 }
diff --git a/libs/remix-lib/src/execution/txHelper.ts b/libs/remix-lib/src/execution/txHelper.ts
index 18074bfa27..42a4333ef3 100644
--- a/libs/remix-lib/src/execution/txHelper.ts
+++ b/libs/remix-lib/src/execution/txHelper.ts
@@ -16,8 +16,8 @@ export function encodeParams (funABI, args) {
       const type = funABI.inputs[i].type
       if (type === 'bool') {
         if (args[i] === false || args[i] === 'false' || args[i] === '0' || args[i] === 0) args[i] = false
-        else if (args[i] === true || args[i] === 'true' || args[i] === '1' || args[i] === 1) args[i] = true   
-        else throw new Error(`provided value for boolean is invalid: ${args[i]}`)    
+        else if (args[i] === true || args[i] === 'true' || args[i] === '1' || args[i] === 1) args[i] = true
+        else throw new Error(`provided value for boolean is invalid: ${args[i]}`)
       }
       types.push(type.indexOf('tuple') === 0 ? makeFullTypeDefinition(funABI.inputs[i]) : type)
       if (args.length < types.length) {
@@ -66,7 +66,7 @@ export function sortAbiFunction (contractabi) {
 }
 
 export function getConstructorInterface (abi) {
-  const funABI = { name: '', inputs: [], type: 'constructor', payable: false, outputs: [] }
+  const funABI = { name: '', inputs: [], type: 'constructor', payable: false, outputs: []}
   if (typeof abi === 'string') {
     try {
       abi = JSON.parse(abi)
diff --git a/libs/remix-lib/src/execution/txRunnerVM.ts b/libs/remix-lib/src/execution/txRunnerVM.ts
index 11c5ce7b5c..de323792c5 100644
--- a/libs/remix-lib/src/execution/txRunnerVM.ts
+++ b/libs/remix-lib/src/execution/txRunnerVM.ts
@@ -38,7 +38,7 @@ export class TxRunnerVM {
     this.logsManager = new LogsManager()
     // has a default for now for backwards compatibility
     this.getVMObject = getVMObject
-    this.commonContext = this.getVMObject().common    
+    this.commonContext = this.getVMObject().common
     this.pendingTxs = {}
     this.vmaccounts = vmaccounts
     this.queusTxs = []
@@ -137,7 +137,7 @@ export class TxRunnerVM {
         })
       } else {
         this.blockParentHash = block.hash()
-        this.runBlockInVm(tx, block, async  (err, result) => {
+        this.runBlockInVm(tx, block, async (err, result) => {
           if (!err) {
             if (!useCall) {
               this.getVMObject().vm.blockchain.putBlock(block)
diff --git a/libs/remix-lib/src/execution/txRunnerWeb3.ts b/libs/remix-lib/src/execution/txRunnerWeb3.ts
index c94066bd84..bbb19bceb4 100644
--- a/libs/remix-lib/src/execution/txRunnerWeb3.ts
+++ b/libs/remix-lib/src/execution/txRunnerWeb3.ts
@@ -2,7 +2,7 @@
 import { EventManager } from '../eventManager'
 import type { Transaction as InternalTransaction } from './txRunner'
 import Web3 from 'web3'
-import {toBigInt, toHex} from 'web3-utils'
+import { toBigInt, toHex } from 'web3-utils'
 
 export class TxRunnerWeb3 {
   event
@@ -65,9 +65,9 @@ export class TxRunnerWeb3 {
       promptCb(
         async (value) => {
           try {
-            const res = await (this.getWeb3() as any).eth.personal.sendTransaction({...tx, value}, { checkRevertBeforeSending: false, ignoreGasPricing: true })
+            const res = await (this.getWeb3() as any).eth.personal.sendTransaction({ ...tx, value }, { checkRevertBeforeSending: false, ignoreGasPricing: true })
             cb(null, res.transactionHash)
-          } catch (e)  {
+          } catch (e) {
             console.log(`Send transaction failed: ${e.message} . if you use an injected provider, please check it is properly unlocked. `)
             // in case the receipt is available, we consider that only the execution failed but the transaction went through.
             // So we don't consider this to be an error.
@@ -81,9 +81,9 @@ export class TxRunnerWeb3 {
       )
     } else {
       try {
-        const res = await this.getWeb3().eth.sendTransaction(tx, null, { checkRevertBeforeSending: false, ignoreGasPricing: true})
+        const res = await this.getWeb3().eth.sendTransaction(tx, null, { checkRevertBeforeSending: false, ignoreGasPricing: true })
         cb(null, res.transactionHash)
-      } catch (e)  {
+      } catch (e) {
         console.log(`Send transaction failed: ${e.message} . if you use an injected provider, please check it is properly unlocked. `)
         // in case the receipt is available, we consider that only the execution failed but the transaction went through.
         // So we don't consider this to be an error.
@@ -121,7 +121,7 @@ export class TxRunnerWeb3 {
         console.log(errNetWork)
         return
       }
-      const txCopy =  { ...tx, type: undefined, maxFeePerGas: undefined, gasPrice: undefined }
+      const txCopy = { ...tx, type: undefined, maxFeePerGas: undefined, gasPrice: undefined }
       if (network && network.lastBlock) {
         if (network.lastBlock.baseFeePerGas) {
           // the sending stack (web3.js / metamask need to have the type defined)
@@ -138,17 +138,17 @@ export class TxRunnerWeb3 {
           gasEstimationForceSend(null, () => {
             /*
             * gasLimit is a value that can be set in the UI to hardcap value that can be put in a tx.
-            * e.g if the gasestimate 
+            * e.g if the gasestimate
             */
             if (gasLimit !== '0x0' && gasEstimation > gasLimit) {
               return callback(`estimated gas for this transaction (${gasEstimation}) is higher than gasLimit set in the configuration  (${gasLimit}). Please raise the gas limit.`)
-            } 
-            
+            }
+
             if (gasLimit === '0x0') {
               tx['gas'] = gasEstimation
             } else {
               tx['gas'] = gasLimit
-            }           
+            }
 
             if (this._api.config.getUnpersistedProperty('doNotShowTransactionConfirmationAgain')) {
               return this._executeTx(tx, network, null, this._api, promptCb, callback)
diff --git a/libs/remix-lib/src/helpers/txResultHelper.ts b/libs/remix-lib/src/helpers/txResultHelper.ts
index 44ce0e0536..3b171dbf05 100644
--- a/libs/remix-lib/src/helpers/txResultHelper.ts
+++ b/libs/remix-lib/src/helpers/txResultHelper.ts
@@ -8,13 +8,13 @@ function convertToPrefixedHex (input) {
   if (input === undefined || input === null || isHexString(input)) {
     return input
   }
-  if ((input.constructor && input.constructor.name === 'BigNumber') 
-      || BN.isBN(input) 
+  if ((input.constructor && input.constructor.name === 'BigNumber')
+      || BN.isBN(input)
       || isBigInt(input)
       || typeof input === 'number') {
     return '0x' + input.toString(16)
   }
-  
+
   try {
     return bytesToHex(input)
   } catch (e) {
@@ -26,7 +26,7 @@ function convertToPrefixedHex (input) {
     return '0x' + input.toString(16)
   } catch (e) {
     console.log(e)
-  } 
+  }
 
   return input
 }
diff --git a/libs/remix-lib/src/init.ts b/libs/remix-lib/src/init.ts
index 511534b3f8..d22c2392ef 100644
--- a/libs/remix-lib/src/init.ts
+++ b/libs/remix-lib/src/init.ts
@@ -1,9 +1,9 @@
 'use strict'
 import Web3, { Web3PluginBase } from 'web3'
-import {toNumber} from 'web3-utils'
+import { toNumber } from 'web3-utils'
 
 export function extendWeb3 (web3) {
-  if(!web3.debug){
+  if (!web3.debug){
     web3.registerPlugin(new Web3DebugPlugin())
   }
 }
diff --git a/libs/remix-lib/src/query-params.ts b/libs/remix-lib/src/query-params.ts
index 7e89b226ff..45f67c2ddf 100644
--- a/libs/remix-lib/src/query-params.ts
+++ b/libs/remix-lib/src/query-params.ts
@@ -1,6 +1,6 @@
 'use strict'
 
-export class QueryParams  {
+export class QueryParams {
 
   update (params) {
     const currentParams = this.get()
diff --git a/libs/remix-lib/src/util.ts b/libs/remix-lib/src/util.ts
index 668d7c60c6..1fb8e33b85 100644
--- a/libs/remix-lib/src/util.ts
+++ b/libs/remix-lib/src/util.ts
@@ -248,7 +248,7 @@ export function getinputParameters (value) {
 export function compareByteCode (code1, code2) {
   if (code1 === code2) return true
   if (code2 === '0x') return false // abstract contract. see comment
-  if (code1 === '0x00' || code2 === '0x00' && code1 !== code2) return false  // // This can be removed some time once YUL returns correct bytecode
+  if (code1 === '0x00' || code2 === '0x00' && code1 !== code2) return false // // This can be removed some time once YUL returns correct bytecode
 
   if (code2.substr(2, 46) === '7300000000000000000000000000000000000000003014') {
     // testing the following signature: PUSH20 00..00 ADDRESS EQ
@@ -263,7 +263,7 @@ export function compareByteCode (code1, code2) {
   }
 
   code1 = removeImmutableReference(code1, code2)
-  code1 = extractinputParameters(code1)  
+  code1 = extractinputParameters(code1)
   code1 = extractSwarmHash(code1)
   code1 = extractcborMetadata(code1)
   code2 = extractinputParameters(code2)
@@ -275,7 +275,7 @@ export function compareByteCode (code1, code2) {
       // if the length isn't the same, we have an issue with extracting the metadata hash.
       const minLength = code1.length > code2.length ? code2.length: code1.length
       code1 = code1.substr(0, minLength - 10)
-      code2 = code2.substr(0, minLength - 10) 
+      code2 = code2.substr(0, minLength - 10)
     }
     const compare = stringSimilarity.compareTwoStrings(code1, code2)
     return compare == 1
diff --git a/libs/remix-lib/test/txFormat.ts b/libs/remix-lib/test/txFormat.ts
index 4203d452e5..5d0d47cf4b 100644
--- a/libs/remix-lib/test/txFormat.ts
+++ b/libs/remix-lib/test/txFormat.ts
@@ -45,7 +45,6 @@ function testWithInput (st, params, expected) {
   }, () => {}, () => {})
 }
 
-
 tape('ContractStringParameters - (TxFormat.buildData) - format string input parameters', function (t) {
   let output = compiler.compile(compilerInput(stringContract))
   output = JSON.parse(output)
diff --git a/libs/remix-lib/test/txHelper.ts b/libs/remix-lib/test/txHelper.ts
index 4d9a46426f..724d820072 100644
--- a/libs/remix-lib/test/txHelper.ts
+++ b/libs/remix-lib/test/txHelper.ts
@@ -29,7 +29,7 @@ tape('getFunction', function (st) {
 
   fn = txHelper.getFunctionLiner(testTupleAbi[0], true)
   st.equal(fn, 'setUser((string,uint256))')
-  
+
   fn = txHelper.getFunctionLiner(testTupleAbi[0], false)
   st.equal(fn, 'setUser(tuple)')
 })
@@ -165,4 +165,4 @@ const abi = `[
 	}
 ]`
 
-const testTupleAbi = [{"inputs":[{"components":[{"internalType":"string","name":"name","type":"string"},{"internalType":"uint256","name":"age","type":"uint256"}],"internalType":"struct Example.User","name":"user","type":"tuple"}],"name":"setUser","outputs":[],"stateMutability":"nonpayable","type":"function"},{"inputs":[{"internalType":"address","name":"","type":"address"}],"name":"userByAddress","outputs":[{"internalType":"string","name":"name","type":"string"},{"internalType":"uint256","name":"age","type":"uint256"}],"stateMutability":"view","type":"function"}]
+const testTupleAbi = [{ "inputs":[{ "components":[{ "internalType":"string","name":"name","type":"string" },{ "internalType":"uint256","name":"age","type":"uint256" }],"internalType":"struct Example.User","name":"user","type":"tuple" }],"name":"setUser","outputs":[],"stateMutability":"nonpayable","type":"function" },{ "inputs":[{ "internalType":"address","name":"","type":"address" }],"name":"userByAddress","outputs":[{ "internalType":"string","name":"name","type":"string" },{ "internalType":"uint256","name":"age","type":"uint256" }],"stateMutability":"view","type":"function" }]
diff --git a/libs/remix-lib/test/txResultHelper.ts b/libs/remix-lib/test/txResultHelper.ts
index c2ab1780ca..a458f86fa3 100644
--- a/libs/remix-lib/test/txResultHelper.ts
+++ b/libs/remix-lib/test/txResultHelper.ts
@@ -59,7 +59,7 @@ const EXEC_RESULT = {
 }
 
 const EXEC_RESULT_ERROR = {
-  exceptionError: 'this is an error'  
+  exceptionError: 'this is an error'
 }
 
 tape('converts node transaction result to RemixTx', function (t) {
diff --git a/libs/remix-lib/test/util.ts b/libs/remix-lib/test/util.ts
index 8e5ed75d3a..b3c51f4e08 100644
--- a/libs/remix-lib/test/util.ts
+++ b/libs/remix-lib/test/util.ts
@@ -36,19 +36,19 @@ tape('util.groupBy on valid input', function (t) {
   t.plan(1)
 
   const result = util.groupBy([
-    {category: 'GAS', name: 'a'},
-    {category: 'SEC', name: 'b'},
-    {category: 'GAS', name: 'c'}
+    { category: 'GAS', name: 'a' },
+    { category: 'SEC', name: 'b' },
+    { category: 'GAS', name: 'c' }
 
   ], 'category')
 
   const expectedResult = {
     'GAS': [
-      {category: 'GAS', name: 'a'},
-      {category: 'GAS', name: 'c'}
+      { category: 'GAS', name: 'a' },
+      { category: 'GAS', name: 'c' }
     ],
     'SEC': [
-      {category: 'SEC', name: 'b'}
+      { category: 'SEC', name: 'b' }
     ]
   }
 
@@ -83,12 +83,11 @@ tape('util.compareByteCode', function (t) {
   const code1 = '0x608060405234801561001057600080fd5b50600436106100885760003560e01c8063609ff1bd1161005b578063609ff1bd146101925780639e7b8d61146101b0578063a3ec138d146101f4578063e2ba53f01461029157610088565b80630121b93f1461008d578063013cf08b146100bb5780632e4176cf146101045780635c19a95c1461014e575b600080fd5b6100b9600480360360208110156100a357600080fd5b81019080803590602001909291905050506102af565b005b6100e7600480360360208110156100d157600080fd5b810190808035906020019092919050505061044c565b604051808381526020018281526020019250505060405180910390f35b61010c61047d565b604051808273ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff16815260200191505060405180910390f35b6101906004803603602081101561016457600080fd5b81019080803573ffffffffffffffffffffffffffffffffffffffff1690602001909291905050506104a2565b005b61019a6108be565b6040518082815260200191505060405180910390f35b6101f2600480360360208110156101c657600080fd5b81019080803573ffffffffffffffffffffffffffffffffffffffff169060200190929190505050610935565b005b6102366004803603602081101561020a57600080fd5b81019080803573ffffffffffffffffffffffffffffffffffffffff169060200190929190505050610b36565b60405180858152602001841515151581526020018373ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff16815260200182815260200194505050505060405180910390f35b610299610b93565b6040518082815260200191505060405180910390f35b6000600160003373ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff168152602001908152602001600020905060008160000154141561036d576040517f08c379a00000000000000000000000000000000000000000000000000000000081526004018080602001828103825260148152602001807f486173206e6f20726967687420746f20766f746500000000000000000000000081525060200191505060405180910390fd5b8060010160009054906101000a900460ff16156103f2576040517f08c379a000000000000000000000000000000000000000000000000000000000815260040180806020018281038252600e8152602001807f416c726561647920766f7465642e00000000000000000000000000000000000081525060200191505060405180910390fd5b60018160010160006101000a81548160ff02191690831515021790555081816002018190555080600001546002838154811061042a57fe5b9060005260206000209060020201600101600082825401925050819055505050565b6002818154811061045957fe5b90600052602060002090600202016000915090508060000154908060010154905082565b6000809054906101000a900473ffffffffffffffffffffffffffffffffffffffff1681565b6000600160003373ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff16815260200190815260200160002090508060010160009054906101000a900460ff161561056a576040517f08c379a00000000000000000000000000000000000000000000000000000000081526004018080602001828103825260128152602001807f596f7520616c726561647920766f7465642e000000000000000000000000000081525060200191505060405180910390fd5b3373ffffffffffffffffffffffffffffffffffffffff168273ffffffffffffffffffffffffffffffffffffffff16141561060c576040517f08c379a000000000000000000000000000000000000000000000000000000000815260040180806020018281038252601e8152602001807f53656c662d64656c65676174696f6e20697320646973616c6c6f7765642e000081525060200191505060405180910390fd5b5b600073ffffffffffffffffffffffffffffffffffffffff16600160008473ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff16815260200190815260200160002060010160019054906101000a900473ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff16146107af57600160008373ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff16815260200190815260200160002060010160019054906101000a900473ffffffffffffffffffffffffffffffffffffffff1691503373ffffffffffffffffffffffffffffffffffffffff168273ffffffffffffffffffffffffffffffffffffffff1614156107aa576040517f08c379a00000000000000000000000000000000000000000000000000000000081526004018080602001828103825260198152602001807f466f756e64206c6f6f7020696e2064656c65676174696f6e2e0000000000000081525060200191505060405180910390fd5b61060d565b60018160010160006101000a81548160ff021916908315150217905550818160010160016101000a81548173ffffffffffffffffffffffffffffffffffffffff021916908373ffffffffffffffffffffffffffffffffffffffff1602179055506000600160008473ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff16815260200190815260200160002090508060010160009054906101000a900460ff16156108a2578160000154600282600201548154811061087f57fe5b9060005260206000209060020201600101600082825401925050819055506108b9565b816000015481600001600082825401925050819055505b505050565b6000806000905060008090505b6002805490508110156109305781600282815481106108e657fe5b9060005260206000209060020201600101541115610923576002818154811061090b57fe5b90600052602060002090600202016001015491508092505b80806001019150506108cb565b505090565b6000809054906101000a900473ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff163373ffffffffffffffffffffffffffffffffffffffff16146109da576040517f08c379a0000000000000000000000000000000000000000000000000000000008152600401808060200182810382526028815260200180610bc16028913960400191505060405180910390fd5b600160008273ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff16815260200190815260200160002060010160009054906101000a900460ff1615610a9d576040517f08c379a00000000000000000000000000000000000000000000000000000000081526004018080602001828103825260188152602001807f54686520766f74657220616c726561647920766f7465642e000000000000000081525060200191505060405180910390fd5b6000600160008373ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff1681526020019081526020016000206000015414610aec57600080fd5b60018060008373ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff1681526020019081526020016000206000018190555050565b60016020528060005260406000206000915090508060000154908060010160009054906101000a900460ff16908060010160019054906101000a900473ffffffffffffffffffffffffffffffffffffffff16908060020154905084565b60006002610b9f6108be565b81548110610ba957fe5b90600052602060002090600202016000015490509056fe4f6e6c79206368616972706572736f6e2063616e206769766520726967687420746f20766f74652ea26469706673582212205c306dddac7a80542891873341cf580f3b5920b0374bd5e32fe35fcabb116aaa64736f6c63430006010033'
   const code2 = '0x608060405234801561001057600080fd5b50600436106100885760003560e01c8063609ff1bd1161005b578063609ff1bd146101925780639e7b8d61146101b0578063a3ec138d146101f4578063e2ba53f01461029157610088565b80630121b93f1461008d578063013cf08b146100bb5780632e4176cf146101045780635c19a95c1461014e575b600080fd5b6100b9600480360360208110156100a357600080fd5b81019080803590602001909291905050506102af565b005b6100e7600480360360208110156100d157600080fd5b810190808035906020019092919050505061044c565b604051808381526020018281526020019250505060405180910390f35b61010c61047d565b604051808273ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff16815260200191505060405180910390f35b6101906004803603602081101561016457600080fd5b81019080803573ffffffffffffffffffffffffffffffffffffffff1690602001909291905050506104a2565b005b61019a6108be565b6040518082815260200191505060405180910390f35b6101f2600480360360208110156101c657600080fd5b81019080803573ffffffffffffffffffffffffffffffffffffffff169060200190929190505050610935565b005b6102366004803603602081101561020a57600080fd5b81019080803573ffffffffffffffffffffffffffffffffffffffff169060200190929190505050610b36565b60405180858152602001841515151581526020018373ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff16815260200182815260200194505050505060405180910390f35b610299610b93565b6040518082815260200191505060405180910390f35b6000600160003373ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff168152602001908152602001600020905060008160000154141561036d576040517f08c379a00000000000000000000000000000000000000000000000000000000081526004018080602001828103825260148152602001807f486173206e6f20726967687420746f20766f746500000000000000000000000081525060200191505060405180910390fd5b8060010160009054906101000a900460ff16156103f2576040517f08c379a000000000000000000000000000000000000000000000000000000000815260040180806020018281038252600e8152602001807f416c726561647920766f7465642e00000000000000000000000000000000000081525060200191505060405180910390fd5b60018160010160006101000a81548160ff02191690831515021790555081816002018190555080600001546002838154811061042a57fe5b9060005260206000209060020201600101600082825401925050819055505050565b6002818154811061045957fe5b90600052602060002090600202016000915090508060000154908060010154905082565b6000809054906101000a900473ffffffffffffffffffffffffffffffffffffffff1681565b6000600160003373ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff16815260200190815260200160002090508060010160009054906101000a900460ff161561056a576040517f08c379a00000000000000000000000000000000000000000000000000000000081526004018080602001828103825260128152602001807f596f7520616c726561647920766f7465642e000000000000000000000000000081525060200191505060405180910390fd5b3373ffffffffffffffffffffffffffffffffffffffff168273ffffffffffffffffffffffffffffffffffffffff16141561060c576040517f08c379a000000000000000000000000000000000000000000000000000000000815260040180806020018281038252601e8152602001807f53656c662d64656c65676174696f6e20697320646973616c6c6f7765642e000081525060200191505060405180910390fd5b5b600073ffffffffffffffffffffffffffffffffffffffff16600160008473ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff16815260200190815260200160002060010160019054906101000a900473ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff16146107af57600160008373ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff16815260200190815260200160002060010160019054906101000a900473ffffffffffffffffffffffffffffffffffffffff1691503373ffffffffffffffffffffffffffffffffffffffff168273ffffffffffffffffffffffffffffffffffffffff1614156107aa576040517f08c379a00000000000000000000000000000000000000000000000000000000081526004018080602001828103825260198152602001807f466f756e64206c6f6f7020696e2064656c65676174696f6e2e0000000000000081525060200191505060405180910390fd5b61060d565b60018160010160006101000a81548160ff021916908315150217905550818160010160016101000a81548173ffffffffffffffffffffffffffffffffffffffff021916908373ffffffffffffffffffffffffffffffffffffffff1602179055506000600160008473ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff16815260200190815260200160002090508060010160009054906101000a900460ff16156108a2578160000154600282600201548154811061087f57fe5b9060005260206000209060020201600101600082825401925050819055506108b9565b816000015481600001600082825401925050819055505b505050565b6000806000905060008090505b6002805490508110156109305781600282815481106108e657fe5b9060005260206000209060020201600101541115610923576002818154811061090b57fe5b90600052602060002090600202016001015491508092505b80806001019150506108cb565b505090565b6000809054906101000a900473ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff163373ffffffffffffffffffffffffffffffffffffffff16146109da576040517f08c379a0000000000000000000000000000000000000000000000000000000008152600401808060200182810382526028815260200180610bc16028913960400191505060405180910390fd5b600160008273ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff16815260200190815260200160002060010160009054906101000a900460ff1615610a9d576040517f08c379a00000000000000000000000000000000000000000000000000000000081526004018080602001828103825260188152602001807f54686520766f74657220616c726561647920766f7465642e000000000000000081525060200191505060405180910390fd5b6000600160008373ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff1681526020019081526020016000206000015414610aec57600080fd5b60018060008373ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff1681526020019081526020016000206000018190555050565b60016020528060005260406000206000915090508060000154908060010160009054906101000a900460ff16908060010160019054906101000a900473ffffffffffffffffffffffffffffffffffffffff16908060020154905084565b60006002610b9f6108be565b81548110610ba957fe5b90600052602060002090600202016000015490509056fe4f6e6c79206368616972706572736f6e2063616e206769766520726967687420746f20766f74652ea26469706673582212207f175eb02901e2002e7a57d5736c3bea18bac88a3602e809c170e4a0da9dbf8d64736f6c63430006010033'
   t.ok(util.compareByteCode(code1, code2), 'should match even though cbor encoded metadatas are different')
-  
+
   const storageCode1 = '0x608060405234801561001057600080fd5b50610150806100206000396000f3fe608060405234801561001057600080fd5b50600436106100365760003560e01c80632e64cec11461003b5780636057361d14610059575b600080fd5b610043610075565b60405161005091906100d9565b60405180910390f35b610073600480360381019061006e919061009d565b61007e565b005b60008054905090565b8060008190555050565b60008135905061009781610103565b92915050565b6000602082840312156100b3576100b26100fe565b5b60006100c184828501610088565b91505092915050565b6100d3816100f4565b82525050565b60006020820190506100ee60008301846100ca565b92915050565b6000819050919050565b600080fd5b61010c816100f4565b811461011757600080fd5b5056fea2646970667358221220c29dfcfdfd91e29bbf21ece97752e17fd3a0c07db30320f5b60b087866d2b7b164736f6c63430008070033'
   const storageCode2 = '0x608060405234801561001057600080fd5b506101e8806100206000396000f3fe608060405234801561001057600080fd5b50600436106100365760003560e01c80632e64cec11461003b5780636057361d14610059575b600080fd5b610043610075565b60405161005091906100ec565b60405180910390f35b610073600480360381019061006e91906100b0565b61007e565b005b60008054905090565b6000602a90506001826100919190610107565b6000819055505050565b6000813590506100aa8161019b565b92915050565b6000602082840312156100c6576100c5610196565b5b60006100d48482850161009b565b91505092915050565b6100e68161015d565b82525050565b600060208201905061010160008301846100dd565b92915050565b60006101128261015d565b915061011d8361015d565b9250827fffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff0382111561015257610151610167565b5b828201905092915050565b6000819050919050565b7f4e487b7100000000000000000000000000000000000000000000000000000000600052601160045260246000fd5b600080fd5b6101a48161015d565b81146101af57600080fd5b5056fea264697066735822122096fdfc54e6f9b12cf7a0e5d49289e40f3e9ed7554a1e5485cff008aebc78f27264736f6c63430008070033'
   t.ok(!util.compareByteCode(storageCode1, storageCode2), 'should not match')
 
-
   t.ok(!util.compareByteCode(sampleERC721, ERC721), 'should not match')
 
   const immutableRef1 = '0x6080604052600436106101145760003560e01c806352d1902d116100a057806395d89b411161006457806395d89b4114610380578063a457c2d7146103ab578063a9059cbb146103e8578063dd62ed3e14610425578063f2fde38b1461046257610114565b806352d1902d146102bf57806370a08231146102ea578063715018a6146103275780638129fc1c1461033e5780638da5cb5b1461035557610114565b8063313ce567116100e7578063313ce567146101e95780633659cfe614610214578063395093511461023d57806340c10f191461027a5780634f1ef286146102a357610114565b806306fdde0314610119578063095ea7b31461014457806318160ddd1461018157806323b872dd146101ac575b600080fd5b34801561012557600080fd5b5061012e61048b565b60405161013b919061228a565b60405180910390f35b34801561015057600080fd5b5061016b60048036038101906101669190611e3d565b61051d565b6040516101789190612239565b60405180910390f35b34801561018d57600080fd5b50610196610540565b6040516101a3919061250c565b60405180910390f35b3480156101b857600080fd5b506101d360048036038101906101ce9190611d8e565b61054a565b6040516101e09190612239565b60405180910390f35b3480156101f557600080fd5b506101fe610579565b60405161020b9190612527565b60405180910390f35b34801561022057600080fd5b5061023b60048036038101906102369190611d21565b610582565b005b34801561024957600080fd5b50610264600480360381019061025f9190611e3d565b61070b565b6040516102719190612239565b60405180910390f35b34801561028657600080fd5b506102a1600480360381019061029c9190611e3d565b610742565b005b6102bd60048036038101906102b89190611de1565b610758565b005b3480156102cb57600080fd5b506102d4610895565b6040516102e19190612254565b60405180910390f35b3480156102f657600080fd5b50610311600480360381019061030c9190611d21565b61094e565b60405161031e919061250c565b60405180910390f35b34801561033357600080fd5b5061033c610997565b005b34801561034a57600080fd5b506103536109ab565b005b34801561036157600080fd5b5061036a610b65565b604051610377919061221e565b60405180910390f35b34801561038c57600080fd5b50610395610b8f565b6040516103a2919061228a565b60405180910390f35b3480156103b757600080fd5b506103d260048036038101906103cd9190611e3d565b610c21565b6040516103df9190612239565b60405180910390f35b3480156103f457600080fd5b5061040f600480360381019061040a9190611e3d565b610c98565b60405161041c9190612239565b60405180910390f35b34801561043157600080fd5b5061044c60048036038101906104479190611d4e565b610cbb565b604051610459919061250c565b60405180910390f35b34801561046e57600080fd5b5061048960048036038101906104849190611d21565b610d42565b005b60606036805461049a906126d3565b80601f01602080910402602001604051908101604052809291908181526020018280546104c6906126d3565b80156105135780601f106104e857610100808354040283529160200191610513565b820191906000526020600020905b8154815290600101906020018083116104f657829003601f168201915b5050505050905090565b600080610528610dc6565b9050610535818585610dce565b600191505092915050565b6000603554905090565b600080610555610dc6565b9050610562858285610f99565b61056d858585611025565b60019150509392505050565b60006012905090565b7f000000000000000000000000d9145cce52d386f254917e481eb44e9943f3913873ffffffffffffffffffffffffffffffffffffffff163073ffffffffffffffffffffffffffffffffffffffff161415610611576040517f08c379a00000000000000000000000000000000000000000000000000000000081526004016106089061230c565b60405180910390fd5b7f000000000000000000000000d9145cce52d386f254917e481eb44e9943f3913873ffffffffffffffffffffffffffffffffffffffff166106506112a0565b73ffffffffffffffffffffffffffffffffffffffff16146106a6576040517f08c379a000000000000000000000000000000000000000000000000000000000815260040161069d9061236c565b60405180910390fd5b6106af816112f7565b61070881600067ffffffffffffffff8111156106ce576106cd612794565b5b6040519080825280601f01601f1916602001820160405280156107005781602001600182028036833780820191505090505b506000611302565b50565b600080610716610dc6565b90506107378185856107288589610cbb565b61073291906125ca565b610dce565b600191505092915050565b61074a61147f565b61075482826114fd565b5050565b7f000000000000000000000000d9145cce52d386f254917e481eb44e9943f3913873ffffffffffffffffffffffffffffffffffffffff163073ffffffffffffffffffffffffffffffffffffffff1614156107e7576040517f08c379a00000000000000000000000000000000000000000000000000000000081526004016107de9061230c565b60405180910390fd5b7f000000000000000000000000d9145cce52d386f254917e481eb44e9943f3913873ffffffffffffffffffffffffffffffffffffffff166108266112a0565b73ffffffffffffffffffffffffffffffffffffffff161461087c576040517f08c379a00000000000000000000000000000000000000000000000000000000081526004016108739061236c565b60405180910390fd5b610885826112f7565b61089182826001611302565b5050565b60007f000000000000000000000000d9145cce52d386f254917e481eb44e9943f3913873ffffffffffffffffffffffffffffffffffffffff163073ffffffffffffffffffffffffffffffffffffffff1614610925576040517f08c379a000000000000000000000000000000000000000000000000000000000815260040161091c9061238c565b60405180910390fd5b7f360894a13ba1a3210667c828492db98dca3e2076cc3735a920a3ca505d382bbc60001b905090565b6000603360008373ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff168152602001908152602001600020549050919050565b61099f61147f565b6109a96000611655565b565b60008060019054906101000a900460ff161590508080156109dc5750600160008054906101000a900460ff1660ff16105b80610a0957506109eb3061171b565b158015610a085750600160008054906101000a900460ff1660ff16145b5b610a48576040517f08c379a0000000000000000000000000000000000000000000000000000000008152600401610a3f906123cc565b60405180910390fd5b60016000806101000a81548160ff021916908360ff1602179055508015610a85576001600060016101000a81548160ff0219169083151502179055505b610af96040518060400160405280600781526020017f4d79546f6b656e000000000000000000000000000000000000000000000000008152506040518060400160405280600381526020017f4d544b000000000000000000000000000000000000000000000000000000000081525061173e565b610b0161179b565b610b096117f4565b8015610b625760008060016101000a81548160ff0219169083151502179055507f7f26b83ff96e1f2b6a682f133852f6798a09c465da95921460cefb38474024986001604051610b59919061226f565b60405180910390a15b50565b6000606560009054906101000a900473ffffffffffffffffffffffffffffffffffffffff16905090565b606060378054610b9e906126d3565b80601f0160208091040260200160405190810160405280929190818152602001828054610bca906126d3565b8015610c175780601f10610bec57610100808354040283529160200191610c17565b820191906000526020600020905b815481529060010190602001808311610bfa57829003601f168201915b5050505050905090565b600080610c2c610dc6565b90506000610c3a8286610cbb565b905083811015610c7f576040517f08c379a0000000000000000000000000000000000000000000000000000000008152600401610c76906124cc565b60405180910390fd5b610c8c8286868403610dce565b60019250505092915050565b600080610ca3610dc6565b9050610cb0818585611025565b600191505092915050565b6000603460008473ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff16815260200190815260200160002060008373ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff16815260200190815260200160002054905092915050565b610d4a61147f565b600073ffffffffffffffffffffffffffffffffffffffff168173ffffffffffffffffffffffffffffffffffffffff161415610dba576040517f08c379a0000000000000000000000000000000000000000000000000000000008152600401610db1906122cc565b60405180910390fd5b610dc381611655565b50565b600033905090565b600073ffffffffffffffffffffffffffffffffffffffff168373ffffffffffffffffffffffffffffffffffffffff161415610e3e576040517f08c379a0000000000000000000000000000000000000000000000000000000008152600401610e359061248c565b60405180910390fd5b600073ffffffffffffffffffffffffffffffffffffffff168273ffffffffffffffffffffffffffffffffffffffff161415610eae576040517f08c379a0000000000000000000000000000000000000000000000000000000008152600401610ea5906122ec565b60405180910390fd5b80603460008573ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff16815260200190815260200160002060008473ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff168152602001908152602001600020819055508173ffffffffffffffffffffffffffffffffffffffff168373ffffffffffffffffffffffffffffffffffffffff167f8c5be1e5ebec7d5bd14f71427d1e84f3dd0314c0f7b2291e5b200ac8c7c3b92583604051610f8c919061250c565b60405180910390a3505050565b6000610fa58484610cbb565b90507fffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff811461101f5781811015611011576040517f08c379a00000000000000000000000000000000000000000000000000000000081526004016110089061232c565b60405180910390fd5b61101e8484848403610dce565b5b50505050565b600073ffffffffffffffffffffffffffffffffffffffff168373ffffffffffffffffffffffffffffffffffffffff161415611095576040517f08c379a000000000000000000000000000000000000000000000000000000000815260040161108c9061246c565b60405180910390fd5b600073ffffffffffffffffffffffffffffffffffffffff168273ffffffffffffffffffffffffffffffffffffffff161415611105576040517f08c379a00000000000000000000000000000000000000000000000000000000081526004016110fc906122ac565b60405180910390fd5b611110838383611845565b6000603360008573ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff16815260200190815260200160002054905081811015611197576040517f08c379a000000000000000000000000000000000000000000000000000000000815260040161118e9061234c565b60405180910390fd5b818103603360008673ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff1681526020019081526020016000208190555081603360008573ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff168152602001908152602001600020600082825401925050819055508273ffffffffffffffffffffffffffffffffffffffff168473ffffffffffffffffffffffffffffffffffffffff167fddf252ad1be2c89b69c2b068fc378daa952ba7f163c4a11628f55a4df523b3ef84604051611287919061250c565b60405180910390a361129a84848461184a565b50505050565b60006112ce7f360894a13ba1a3210667c828492db98dca3e2076cc3735a920a3ca505d382bbc60001b61184f565b60000160009054906101000a900473ffffffffffffffffffffffffffffffffffffffff16905090565b6112ff61147f565b50565b61132e7f4910fdfa16fed3260ed0e7147f7cc6da11a60208b5b9406d12a635614ffd914360001b611859565b60000160009054906101000a900460ff16156113525761134d83611863565b61147a565b8273ffffffffffffffffffffffffffffffffffffffff166352d1902d6040518163ffffffff1660e01b815260040160206040518083038186803b15801561139857600080fd5b505afa9250505080156113c957506040513d601f19601f820116820180604052508101906113c69190611e7d565b60015b611408576040517f08c379a00000000000000000000000000000000000000000000000000000000081526004016113ff906123ec565b60405180910390fd5b7f360894a13ba1a3210667c828492db98dca3e2076cc3735a920a3ca505d382bbc60001b811461146d576040517f08c379a0000000000000000000000000000000000000000000000000000000008152600401611464906123ac565b60405180910390fd5b5061147983838361191c565b5b505050565b611487610dc6565b73ffffffffffffffffffffffffffffffffffffffff166114a5610b65565b73ffffffffffffffffffffffffffffffffffffffff16146114fb576040517f08c379a00000000000000000000000000000000000000000000000000000000081526004016114f29061242c565b60405180910390fd5b565b600073ffffffffffffffffffffffffffffffffffffffff168273ffffffffffffffffffffffffffffffffffffffff16141561156d576040517f08c379a0000000000000000000000000000000000000000000000000000000008152600401611564906124ec565b60405180910390fd5b61157960008383611845565b806035600082825461158b91906125ca565b9250508190555080603360008473ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff168152602001908152602001600020600082825401925050819055508173ffffffffffffffffffffffffffffffffffffffff16600073ffffffffffffffffffffffffffffffffffffffff167fddf252ad1be2c89b69c2b068fc378daa952ba7f163c4a11628f55a4df523b3ef8360405161163d919061250c565b60405180910390a36116516000838361184a565b5050565b6000606560009054906101000a900473ffffffffffffffffffffffffffffffffffffffff16905081606560006101000a81548173ffffffffffffffffffffffffffffffffffffffff021916908373ffffffffffffffffffffffffffffffffffffffff1602179055508173ffffffffffffffffffffffffffffffffffffffff168173ffffffffffffffffffffffffffffffffffffffff167f8be0079c531659141344cd1fd0a4f28419497f9722a3daafe3b4186f6b6457e060405160405180910390a35050565b6000808273ffffffffffffffffffffffffffffffffffffffff163b119050919050565b600060019054906101000a900460ff1661178d576040517f08c379a0000000000000000000000000000000000000000000000000000000008152600401611784906124ac565b60405180910390fd5b6117978282611948565b5050565b600060019054906101000a900460ff166117ea576040517f08c379a00000000000000000000000000000000000000000000000000000000081526004016117e1906124ac565b60405180910390fd5b6117f26119c9565b565b600060019054906101000a900460ff16611843576040517f08c379a000000000000000000000000000000000000000000000000000000000815260040161183a906124ac565b60405180910390fd5b565b505050565b505050565b6000819050919050565b6000819050919050565b61186c8161171b565b6118ab576040517f08c379a00000000000000000000000000000000000000000000000000000000081526004016118a29061240c565b60405180910390fd5b806118d87f360894a13ba1a3210667c828492db98dca3e2076cc3735a920a3ca505d382bbc60001b61184f565b60000160006101000a81548173ffffffffffffffffffffffffffffffffffffffff021916908373ffffffffffffffffffffffffffffffffffffffff16021790555050565b61192583611a2a565b6000825111806119325750805b15611943576119418383611a79565b505b505050565b600060019054906101000a900460ff16611997576040517f08c379a000000000000000000000000000000000000000000000000000000000815260040161198e906124ac565b60405180910390fd5b81603690805190602001906119ad929190611bcf565b5080603790805190602001906119c4929190611bcf565b505050565b600060019054906101000a900460ff16611a18576040517f08c379a0000000000000000000000000000000000000000000000000000000008152600401611a0f906124ac565b60405180910390fd5b611a28611a23610dc6565b611655565b565b611a3381611863565b8073ffffffffffffffffffffffffffffffffffffffff167fbc7cd75a20ee27fd9adebab32041f755214dbc6bffa90cc0225b39da2e5c2d3b60405160405180910390a250565b6060611a848361171b565b611ac3576040517f08c379a0000000000000000000000000000000000000000000000000000000008152600401611aba9061244c565b60405180910390fd5b6000808473ffffffffffffffffffffffffffffffffffffffff1684604051611aeb9190612207565b600060405180830381855af49150503d8060008114611b26576040519150601f19603f3d011682016040523d82523d6000602084013e611b2b565b606091505b5091509150611b538282604051806060016040528060278152602001612d9960279139611b5d565b9250505092915050565b60608315611b6d57829050611b78565b611b778383611b7f565b5b9392505050565b600082511115611b925781518083602001fd5b806040517f08c379a0000000000000000000000000000000000000000000000000000000008152600401611bc6919061228a565b60405180910390fd5b828054611bdb906126d3565b90600052602060002090601f016020900481019282611bfd5760008555611c44565b82601f10611c1657805160ff1916838001178555611c44565b82800160010185558215611c44579182015b82811115611c43578251825591602001919060010190611c28565b5b509050611c519190611c55565b5090565b5b80821115611c6e576000816000905550600101611c56565b5090565b6000611c85611c8084612567565b612542565b905082815260208101848484011115611ca157611ca06127c8565b5b611cac848285612691565b509392505050565b600081359050611cc381612d53565b92915050565b600081519050611cd881612d6a565b92915050565b600082601f830112611cf357611cf26127c3565b5b8135611d03848260208601611c72565b91505092915050565b600081359050611d1b81612d81565b92915050565b600060208284031215611d3757611d366127d2565b5b6000611d4584828501611cb4565b91505092915050565b60008060408385031215611d6557611d646127d2565b5b6000611d7385828601611cb4565b9250506020611d8485828601611cb4565b9150509250929050565b600080600060608486031215611da757611da66127d2565b5b6000611db586828701611cb4565b9350506020611dc686828701611cb4565b9250506040611dd786828701611d0c565b9150509250925092565b60008060408385031215611df857611df76127d2565b5b6000611e0685828601611cb4565b925050602083013567ffffffffffffffff811115611e2757611e266127cd565b5b611e3385828601611cde565b9150509250929050565b60008060408385031215611e5457611e536127d2565b5b6000611e6285828601611cb4565b9250506020611e7385828601611d0c565b9150509250929050565b600060208284031215611e9357611e926127d2565b5b6000611ea184828501611cc9565b91505092915050565b611eb381612620565b82525050565b611ec281612632565b82525050565b611ed18161263e565b82525050565b6000611ee282612598565b611eec81856125ae565b9350611efc8185602086016126a0565b80840191505092915050565b611f118161267f565b82525050565b6000611f22826125a3565b611f2c81856125b9565b9350611f3c8185602086016126a0565b611f45816127d7565b840191505092915050565b6000611f5d6023836125b9565b9150611f68826127e8565b604082019050919050565b6000611f806026836125b9565b9150611f8b82612837565b604082019050919050565b6000611fa36022836125b9565b9150611fae82612886565b604082019050919050565b6000611fc6602c836125b9565b9150611fd1826128d5565b604082019050919050565b6000611fe9601d836125b9565b9150611ff482612924565b602082019050919050565b600061200c6026836125b9565b91506120178261294d565b604082019050919050565b600061202f602c836125b9565b915061203a8261299c565b604082019050919050565b60006120526038836125b9565b915061205d826129eb565b604082019050919050565b60006120756029836125b9565b915061208082612a3a565b604082019050919050565b6000612098602e836125b9565b91506120a382612a89565b604082019050919050565b60006120bb602e836125b9565b91506120c682612ad8565b604082019050919050565b60006120de602d836125b9565b91506120e982612b27565b604082019050919050565b60006121016020836125b9565b915061210c82612b76565b602082019050919050565b60006121246026836125b9565b915061212f82612b9f565b604082019050919050565b60006121476025836125b9565b915061215282612bee565b604082019050919050565b600061216a6024836125b9565b915061217582612c3d565b604082019050919050565b600061218d602b836125b9565b915061219882612c8c565b604082019050919050565b60006121b06025836125b9565b91506121bb82612cdb565b604082019050919050565b60006121d3601f836125b9565b91506121de82612d2a565b602082019050919050565b6121f281612668565b82525050565b61220181612672565b82525050565b60006122138284611ed7565b915081905092915050565b60006020820190506122336000830184611eaa565b92915050565b600060208201905061224e6000830184611eb9565b92915050565b60006020820190506122696000830184611ec8565b92915050565b60006020820190506122846000830184611f08565b92915050565b600060208201905081810360008301526122a48184611f17565b905092915050565b600060208201905081810360008301526122c581611f50565b9050919050565b600060208201905081810360008301526122e581611f73565b9050919050565b6000602082019050818103600083015261230581611f96565b9050919050565b6000602082019050818103600083015261232581611fb9565b9050919050565b6000602082019050818103600083015261234581611fdc565b9050919050565b6000602082019050818103600083015261236581611fff565b9050919050565b6000602082019050818103600083015261238581612022565b9050919050565b600060208201905081810360008301526123a581612045565b9050919050565b600060208201905081810360008301526123c581612068565b9050919050565b600060208201905081810360008301526123e58161208b565b9050919050565b60006020820190508181036000830152612405816120ae565b9050919050565b60006020820190508181036000830152612425816120d1565b9050919050565b60006020820190508181036000830152612445816120f4565b9050919050565b6000602082019050818103600083015261246581612117565b9050919050565b600060208201905081810360008301526124858161213a565b9050919050565b600060208201905081810360008301526124a58161215d565b9050919050565b600060208201905081810360008301526124c581612180565b9050919050565b600060208201905081810360008301526124e5816121a3565b9050919050565b60006020820190508181036000830152612505816121c6565b9050919050565b600060208201905061252160008301846121e9565b92915050565b600060208201905061253c60008301846121f8565b92915050565b600061254c61255d565b90506125588282612705565b919050565b6000604051905090565b600067ffffffffffffffff82111561258257612581612794565b5b61258b826127d7565b9050602081019050919050565b600081519050919050565b600081519050919050565b600081905092915050565b600082825260208201905092915050565b60006125d582612668565b91506125e083612668565b9250827fffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff0382111561261557612614612736565b5b828201905092915050565b600061262b82612648565b9050919050565b60008115159050919050565b6000819050919050565b600073ffffffffffffffffffffffffffffffffffffffff82169050919050565b6000819050919050565b600060ff82169050919050565b600061268a82612672565b9050919050565b82818337600083830152505050565b60005b838110156126be5780820151818401526020810190506126a3565b838111156126cd576000848401525b50505050565b600060028204905060018216806126eb57607f821691505b602082108114156126ff576126fe612765565b5b50919050565b61270e826127d7565b810181811067ffffffffffffffff8211171561272d5761272c612794565b5b80604052505050565b7f4e487b7100000000000000000000000000000000000000000000000000000000600052601160045260246000fd5b7f4e487b7100000000000000000000000000000000000000000000000000000000600052602260045260246000fd5b7f4e487b7100000000000000000000000000000000000000000000000000000000600052604160045260246000fd5b600080fd5b600080fd5b600080fd5b600080fd5b6000601f19601f8301169050919050565b7f45524332303a207472616e7366657220746f20746865207a65726f206164647260008201527f6573730000000000000000000000000000000000000000000000000000000000602082015250565b7f4f776e61626c653a206e6577206f776e657220697320746865207a65726f206160008201527f6464726573730000000000000000000000000000000000000000000000000000602082015250565b7f45524332303a20617070726f766520746f20746865207a65726f20616464726560008201527f7373000000000000000000000000000000000000000000000000000000000000602082015250565b7f46756e6374696f6e206d7573742062652063616c6c6564207468726f7567682060008201527f64656c656761746563616c6c0000000000000000000000000000000000000000602082015250565b7f45524332303a20696e73756666696369656e7420616c6c6f77616e6365000000600082015250565b7f45524332303a207472616e7366657220616d6f756e742065786365656473206260008201527f616c616e63650000000000000000000000000000000000000000000000000000602082015250565b7f46756e6374696f6e206d7573742062652063616c6c6564207468726f7567682060008201527f6163746976652070726f78790000000000000000000000000000000000000000602082015250565b7f555550535570677261646561626c653a206d757374206e6f742062652063616c60008201527f6c6564207468726f7567682064656c656761746563616c6c0000000000000000602082015250565b7f45524331393637557067726164653a20756e737570706f727465642070726f7860008201527f6961626c65555549440000000000000000000000000000000000000000000000602082015250565b7f496e697469616c697a61626c653a20636f6e747261637420697320616c72656160008201527f647920696e697469616c697a6564000000000000000000000000000000000000602082015250565b7f45524331393637557067726164653a206e657720696d706c656d656e7461746960008201527f6f6e206973206e6f742055555053000000000000000000000000000000000000602082015250565b7f455243313936373a206e657720696d706c656d656e746174696f6e206973206e60008201527f6f74206120636f6e747261637400000000000000000000000000000000000000602082015250565b7f4f776e61626c653a2063616c6c6572206973206e6f7420746865206f776e6572600082015250565b7f416464726573733a2064656c65676174652063616c6c20746f206e6f6e2d636f60008201527f6e74726163740000000000000000000000000000000000000000000000000000602082015250565b7f45524332303a207472616e736665722066726f6d20746865207a65726f20616460008201527f6472657373000000000000000000000000000000000000000000000000000000602082015250565b7f45524332303a20617070726f76652066726f6d20746865207a65726f2061646460008201527f7265737300000000000000000000000000000000000000000000000000000000602082015250565b7f496e697469616c697a61626c653a20636f6e7472616374206973206e6f74206960008201527f6e697469616c697a696e67000000000000000000000000000000000000000000602082015250565b7f45524332303a2064656372656173656420616c6c6f77616e63652062656c6f7760008201527f207a65726f000000000000000000000000000000000000000000000000000000602082015250565b7f45524332303a206d696e7420746f20746865207a65726f206164647265737300600082015250565b612d5c81612620565b8114612d6757600080fd5b50565b612d738161263e565b8114612d7e57600080fd5b50565b612d8a81612668565b8114612d9557600080fd5b5056fe416464726573733a206c6f772d6c6576656c2064656c65676174652063616c6c206661696c6564a264697066735822122066b4ca7b81ce7dbc6af77b0a062c617f3c53c6ec81d80662160ff3cdcd358a8064736f6c63430008070033'
@@ -99,7 +98,7 @@ tape('util.compareByteCode', function (t) {
 
 tape('util.getInputParameters', function (t) {
   t.plan(2)
-  
+
   t.equal(util.getinputParameters(sampleERC721), '000000000000000000000000000000000000000000000000000000000000004000000000000000000000000000000000000000000000000000000000000000800000000000000000000000000000000000000000000000000000000000000001650000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000016500000000000000000000000000000000000000000000000000000000000000')
   t.equal(util.getinputParameters(ERC721), '')
 })

From 46fed5488bb8a0d6c380780a8330721ff621d835 Mon Sep 17 00:00:00 2001
From: lianahus <liana@ethereum.org>
Date: Tue, 30 Apr 2024 12:53:42 +0200
Subject: [PATCH 27/31] fixing linting for  debugger

---
 apps/debugger/src/app/debugger.ts | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/debugger/src/app/debugger.ts b/apps/debugger/src/app/debugger.ts
index 008402467d..c2c138e7e6 100644
--- a/apps/debugger/src/app/debugger.ts
+++ b/apps/debugger/src/app/debugger.ts
@@ -1,13 +1,13 @@
 import { PluginClient } from "@remixproject/plugin";
 import { createClient } from "@remixproject/plugin-webview";
-import { IDebuggerApi, LineColumnLocation, 
+import { IDebuggerApi, LineColumnLocation,
   onBreakpointClearedListener, onBreakpointAddedListener, onEditorContentChanged, onEnvChangedListener, TransactionReceipt } from '@remix-ui/debugger-ui'
 import { DebuggerApiMixin } from '@remix-ui/debugger-ui'
 import { CompilerAbstract } from '@remix-project/remix-solidity'
 
-export class DebuggerClientApi extends DebuggerApiMixin(PluginClient) {  
+export class DebuggerClientApi extends DebuggerApiMixin(PluginClient) {
   constructor () {
-    super()    
+    super()
     createClient(this as any)
     this.initDebuggerApi()
   }

From d0dd8a27a2478b7019827bb369024911f7d582b4 Mon Sep 17 00:00:00 2001
From: lianahus <liana@ethereum.org>
Date: Tue, 30 Apr 2024 13:08:52 +0200
Subject: [PATCH 28/31] fixing linting for learneth

---
 apps/learneth/src/redux/hooks.ts           |  4 +--
 apps/learneth/src/redux/models/loading.ts  |  8 ++---
 apps/learneth/src/redux/models/remixide.ts | 40 +++++++++++-----------
 apps/learneth/src/redux/models/workshop.ts | 26 +++++++-------
 apps/learneth/src/redux/store.ts           |  6 ++--
 apps/learneth/src/remix-client.ts          |  8 ++---
 6 files changed, 46 insertions(+), 46 deletions(-)

diff --git a/apps/learneth/src/redux/hooks.ts b/apps/learneth/src/redux/hooks.ts
index 256734f44f..ea60cb751a 100644
--- a/apps/learneth/src/redux/hooks.ts
+++ b/apps/learneth/src/redux/hooks.ts
@@ -1,5 +1,5 @@
-import {useDispatch, type TypedUseSelectorHook, useSelector} from 'react-redux'
-import {type AppDispatch, type RootState} from './store'
+import { useDispatch, type TypedUseSelectorHook, useSelector } from 'react-redux'
+import { type AppDispatch, type RootState } from './store'
 
 export const useAppDispatch: () => AppDispatch = useDispatch
 export const useAppSelector: TypedUseSelectorHook<RootState> = useSelector
diff --git a/apps/learneth/src/redux/models/loading.ts b/apps/learneth/src/redux/models/loading.ts
index 38e09ef7c2..9969fde351 100644
--- a/apps/learneth/src/redux/models/loading.ts
+++ b/apps/learneth/src/redux/models/loading.ts
@@ -1,11 +1,11 @@
-import {type ModelType} from '../store'
+import { type ModelType } from '../store'
 
 const Model: ModelType = {
   namespace: 'loading',
-  state: {screen: true},
+  state: { screen: true },
   reducers: {
-    save(state, {payload}) {
-      return {...state, ...payload}
+    save(state, { payload }) {
+      return { ...state, ...payload }
     },
   },
   effects: {},
diff --git a/apps/learneth/src/redux/models/remixide.ts b/apps/learneth/src/redux/models/remixide.ts
index 2dea0d96f4..01575201d9 100644
--- a/apps/learneth/src/redux/models/remixide.ts
+++ b/apps/learneth/src/redux/models/remixide.ts
@@ -1,7 +1,7 @@
-import {toast} from 'react-toastify'
-import {type ModelType} from '../store'
+import { toast } from 'react-toastify'
+import { type ModelType } from '../store'
 import remixClient from '../../remix-client'
-import {router} from '../../App'
+import { router } from '../../App'
 
 function getFilePath(file: string): string {
   const name = file.split('/')
@@ -17,12 +17,12 @@ const Model: ModelType = {
     // theme: '',
   },
   reducers: {
-    save(state, {payload}) {
-      return {...state, ...payload}
+    save(state, { payload }) {
+      return { ...state, ...payload }
     },
   },
   effects: {
-    *connect(_, {put}) {
+    *connect(_, { put }) {
       toast.info('connecting to the REMIX IDE')
 
       yield put({
@@ -45,7 +45,7 @@ const Model: ModelType = {
 
       yield router.navigate('/home')
     },
-    *displayFile({payload: step}, {select, put}) {
+    *displayFile({ payload: step }, { select, put }) {
       let content = ''
       let path = ''
       if (step.solidity?.file) {
@@ -73,7 +73,7 @@ const Model: ModelType = {
         },
       })
 
-      const {detail, selectedId} = yield select((state) => state.workshop)
+      const { detail, selectedId } = yield select((state) => state.workshop)
 
       const workshop = detail[selectedId]
       console.log('loading ', step, workshop)
@@ -87,7 +87,7 @@ const Model: ModelType = {
         yield remixClient.call('fileManager', 'switchFile', `${path}`)
         yield put({
           type: 'remixide/save',
-          payload: {errorLoadingFile: false},
+          payload: { errorLoadingFile: false },
         })
         toast.dismiss()
       } catch (error) {
@@ -95,7 +95,7 @@ const Model: ModelType = {
         toast.error('File could not be loaded. Please try again.')
         yield put({
           type: 'remixide/save',
-          payload: {errorLoadingFile: true},
+          payload: { errorLoadingFile: true },
         })
       }
       yield put({
@@ -105,7 +105,7 @@ const Model: ModelType = {
         },
       })
     },
-    *testStep({payload: step}, {select, put}) {
+    *testStep({ payload: step }, { select, put }) {
       yield put({
         type: 'loading/save',
         payload: {
@@ -116,9 +116,9 @@ const Model: ModelType = {
       try {
         yield put({
           type: 'remixide/save',
-          payload: {success: false},
+          payload: { success: false },
         })
-        const {detail, selectedId} = yield select((state) => state.workshop)
+        const { detail, selectedId } = yield select((state) => state.workshop)
 
         const workshop = detail[selectedId]
 
@@ -141,7 +141,7 @@ const Model: ModelType = {
         if (!result) {
           yield put({
             type: 'remixide/save',
-            payload: {errors: ['Compiler failed to test this file']},
+            payload: { errors: ['Compiler failed to test this file']},
           })
         } else {
           const success = result.totalFailing === 0
@@ -149,7 +149,7 @@ const Model: ModelType = {
           if (success) {
             yield put({
               type: 'remixide/save',
-              payload: {errors: [], success: true},
+              payload: { errors: [], success: true },
             })
           } else {
             yield put({
@@ -164,7 +164,7 @@ const Model: ModelType = {
         console.log('TESTING ERROR', err)
         yield put({
           type: 'remixide/save',
-          payload: {errors: [String(err)]},
+          payload: { errors: [String(err)]},
         })
       }
       yield put({
@@ -174,7 +174,7 @@ const Model: ModelType = {
         },
       })
     },
-    *showAnswer({payload: step}, {select, put}) {
+    *showAnswer({ payload: step }, { select, put }) {
       yield put({
         type: 'loading/save',
         payload: {
@@ -189,7 +189,7 @@ const Model: ModelType = {
         const content = step.answer.content
         let path = getFilePath(step.answer.file)
 
-        const {detail, selectedId} = yield select((state) => state.workshop)
+        const { detail, selectedId } = yield select((state) => state.workshop)
 
         const workshop = detail[selectedId]
         path = `.learneth/${workshop.name}/${step.name}/${path}`
@@ -198,7 +198,7 @@ const Model: ModelType = {
       } catch (err) {
         yield put({
           type: 'remixide/save',
-          payload: {errors: [String(err)]},
+          payload: { errors: [String(err)]},
         })
       }
 
@@ -210,7 +210,7 @@ const Model: ModelType = {
         },
       })
     },
-    *testSolidityCompiler(_, {put, select}) {
+    *testSolidityCompiler(_, { put, select }) {
       try {
         yield remixClient.call('solidity', 'getCompilationResult')
       } catch (err) {
diff --git a/apps/learneth/src/redux/models/workshop.ts b/apps/learneth/src/redux/models/workshop.ts
index 8c975cc48c..d2ef96bd6a 100644
--- a/apps/learneth/src/redux/models/workshop.ts
+++ b/apps/learneth/src/redux/models/workshop.ts
@@ -1,10 +1,10 @@
 import axios from 'axios'
-import {toast} from 'react-toastify'
+import { toast } from 'react-toastify'
 import groupBy from 'lodash/groupBy'
 import pick from 'lodash/pick'
-import {type ModelType} from '../store'
+import { type ModelType } from '../store'
 import remixClient from '../../remix-client'
-import {router} from '../../App'
+import { router } from '../../App'
 
 // const apiUrl = 'http://localhost:3001';
 const apiUrl = 'https://static.220.14.12.49.clients.your-server.de:3000'
@@ -17,12 +17,12 @@ const Model: ModelType = {
     selectedId: '',
   },
   reducers: {
-    save(state, {payload}) {
-      return {...state, ...payload}
+    save(state, { payload }) {
+      return { ...state, ...payload }
     },
   },
   effects: {
-    *init(_, {put}) {
+    *init(_, { put }) {
       const cache = localStorage.getItem('workshop.state')
 
       if (cache) {
@@ -41,7 +41,7 @@ const Model: ModelType = {
         })
       }
     },
-    *loadRepo({payload}, {put, select}) {
+    *loadRepo({ payload }, { put, select }) {
       toast.info(`loading ${payload.name}/${payload.branch}`)
 
       yield put({
@@ -51,18 +51,18 @@ const Model: ModelType = {
         },
       })
 
-      const {list, detail} = yield select((state) => state.workshop)
+      const { list, detail } = yield select((state) => state.workshop)
 
       const url = `${apiUrl}/clone/${encodeURIComponent(payload.name)}/${payload.branch}?${Math.random()}`
       console.log('loading ', url)
-      const {data} = yield axios.get(url)
+      const { data } = yield axios.get(url)
       const repoId = `${payload.name}-${payload.branch}`
 
       for (let i = 0; i < data.ids.length; i++) {
         const {
           steps,
           metadata: {
-            data: {steps: metadataSteps},
+            data: { steps: metadataSteps },
           },
         } = data.entities[data.ids[i]]
 
@@ -130,8 +130,8 @@ const Model: ModelType = {
       })
 
       if (payload.id) {
-        const {detail, selectedId} = workshopState
-        const {ids, entities} = detail[selectedId]
+        const { detail, selectedId } = workshopState
+        const { ids, entities } = detail[selectedId]
         for (let i = 0; i < ids.length; i++) {
           const entity = entities[ids[i]]
           if (entity.metadata.data.id === payload.id || i + 1 === payload.id) {
@@ -141,7 +141,7 @@ const Model: ModelType = {
         }
       }
     },
-    *resetAll(_, {put}) {
+    *resetAll(_, { put }) {
       yield put({
         type: 'workshop/save',
         payload: {
diff --git a/apps/learneth/src/redux/store.ts b/apps/learneth/src/redux/store.ts
index 5092828cc6..a39bde7b2b 100644
--- a/apps/learneth/src/redux/store.ts
+++ b/apps/learneth/src/redux/store.ts
@@ -1,6 +1,6 @@
-import {configureStore, createSlice, type PayloadAction, type Reducer} from '@reduxjs/toolkit'
+import { configureStore, createSlice, type PayloadAction, type Reducer } from '@reduxjs/toolkit'
 import createSagaMiddleware from 'redux-saga'
-import {call, put, takeEvery, delay, select, all, fork, type ForkEffect} from 'redux-saga/effects'
+import { call, put, takeEvery, delay, select, all, fork, type ForkEffect } from 'redux-saga/effects'
 
 // @ts-expect-error
 const context = require.context('./models', false, /\.ts$/)
@@ -39,7 +39,7 @@ function createReducer(model: ModelType): Reducer {
 }
 
 const rootReducer = models.reduce((prev: any, model: ModelType) => {
-  return {...prev, [model.namespace]: createReducer(model)}
+  return { ...prev, [model.namespace]: createReducer(model) }
 }, {})
 
 function watchEffects(model: ModelType): ForkEffect {
diff --git a/apps/learneth/src/remix-client.ts b/apps/learneth/src/remix-client.ts
index 4d4ab9844f..8ee04dce2a 100644
--- a/apps/learneth/src/remix-client.ts
+++ b/apps/learneth/src/remix-client.ts
@@ -1,7 +1,7 @@
-import {PluginClient} from '@remixproject/plugin'
-import {createClient} from '@remixproject/plugin-webview'
-import {store} from './redux/store'
-import {router} from './App'
+import { PluginClient } from '@remixproject/plugin'
+import { createClient } from '@remixproject/plugin-webview'
+import { store } from './redux/store'
+import { router } from './App'
 
 class RemixClient extends PluginClient {
   constructor() {

From 726132f9a04a0e0634cee9a1f36a5ecccf31db0e Mon Sep 17 00:00:00 2001
From: lianahus <liana@ethereum.org>
Date: Tue, 30 Apr 2024 13:18:35 +0200
Subject: [PATCH 29/31] fixing linting for remixd

---
 libs/remixd/src/bin/remixd.ts             | 6 +++---
 libs/remixd/src/services/foundryClient.ts | 7 +++----
 libs/remixd/src/services/hardhatClient.ts | 5 ++---
 libs/remixd/src/services/remixdClient.ts  | 4 ++--
 libs/remixd/src/services/truffleClient.ts | 1 -
 5 files changed, 10 insertions(+), 13 deletions(-)

diff --git a/libs/remixd/src/bin/remixd.ts b/libs/remixd/src/bin/remixd.ts
index 9ca4104325..8ced09dc23 100644
--- a/libs/remixd/src/bin/remixd.ts
+++ b/libs/remixd/src/bin/remixd.ts
@@ -77,7 +77,7 @@ function errorHandler (error: any, service: string) {
   const options = program.opts();
   await warnLatestVersion()
 
-  if(options.install && !options.readOnly) {
+  if (options.install && !options.readOnly) {
     if (options.install.toLowerCase() === 'slither') require('./../scripts/installSlither')
     process.exit(0)
   }
@@ -128,7 +128,7 @@ function errorHandler (error: any, service: string) {
       }
       // Run hardhat service if a hardhat project is shared as folder
       const hardhatConfigFilePath = absolutePath('./', options.sharedFolder)
-      const isHardhatProject = existsSync(hardhatConfigFilePath  + '/hardhat.config.js') || existsSync(hardhatConfigFilePath  + '/hardhat.config.ts')
+      const isHardhatProject = existsSync(hardhatConfigFilePath + '/hardhat.config.js') || existsSync(hardhatConfigFilePath + '/hardhat.config.ts')
       if (isHardhatProject) {
         startService('hardhat', (ws: WS, sharedFolderClient: servicesList.Sharedfolder, error: Error) => {
           if (error) {
@@ -141,7 +141,7 @@ function errorHandler (error: any, service: string) {
       }
       // Run foundry service if a founndry project is shared as folder
       const foundryConfigFilePath = absolutePath('./', options.sharedFolder)
-      const isFoundryProject = existsSync(foundryConfigFilePath  + '/foundry.toml')
+      const isFoundryProject = existsSync(foundryConfigFilePath + '/foundry.toml')
       if (isFoundryProject) {
         startService('foundry', (ws: WS, sharedFolderClient: servicesList.Sharedfolder, error: Error) => {
           if (error) {
diff --git a/libs/remixd/src/services/foundryClient.ts b/libs/remixd/src/services/foundryClient.ts
index add3378407..95b4f0a168 100644
--- a/libs/remixd/src/services/foundryClient.ts
+++ b/libs/remixd/src/services/foundryClient.ts
@@ -52,7 +52,7 @@ export class FoundryClient extends PluginClient {
   listenOnFoundryFolder() {
     console.log('Foundry out folder doesn\'t exist... waiting for the compilation.')
     try {
-      if(this.watcher) this.watcher.close()
+      if (this.watcher) this.watcher.close()
       this.watcher = chokidar.watch(this.currentSharedFolder, { depth: 1, ignorePermissionErrors: true, ignoreInitial: true })
       // watch for new folders
       this.watcher.on('addDir', () => {
@@ -126,7 +126,7 @@ export class FoundryClient extends PluginClient {
       this.logTimeout = setTimeout(() => {
         // @ts-ignore
         this.call('terminal', 'log', { type: 'log', value: `receiving compilation result from Foundry` })
-        console.log('Syncing compilation result from Foundry')  
+        console.log('Syncing compilation result from Foundry')
       }, 1000)
 
     } catch (e) {
@@ -142,7 +142,7 @@ export class FoundryClient extends PluginClient {
 
   listenOnFoundryCompilation() {
     try {
-      if(this.watcher) this.watcher.close()
+      if (this.watcher) this.watcher.close()
       this.watcher = chokidar.watch(this.cachePath, { depth: 0, ignorePermissionErrors: true, ignoreInitial: true })
       this.watcher.on('change', async () => await this.triggerProcessArtifact())
       this.watcher.on('add', async () => await this.triggerProcessArtifact())
@@ -193,7 +193,6 @@ export class FoundryClient extends PluginClient {
       console.log('\x1b[32m%s\x1b[0m', 'sources input not found, please update Foundry to the latest version.')
     }
 
-
     compilationResultPart.compilationTarget = contentJSON.ast.absolutePath
     // extract data
     if (!compilationResultPart.output['sources'][contentJSON.ast.absolutePath]) compilationResultPart.output['sources'][contentJSON.ast.absolutePath] = {}
diff --git a/libs/remixd/src/services/hardhatClient.ts b/libs/remixd/src/services/hardhatClient.ts
index 3928e9af64..a79700be36 100644
--- a/libs/remixd/src/services/hardhatClient.ts
+++ b/libs/remixd/src/services/hardhatClient.ts
@@ -143,13 +143,12 @@ export class HardhatClient extends PluginClient {
       }
     }, 1000)
 
-
   }
 
   listenOnHardHatFolder() {
     console.log('Hardhat artifacts folder doesn\'t exist... waiting for the compilation.')
     try {
-      if(this.watcher) this.watcher.close()
+      if (this.watcher) this.watcher.close()
       this.watcher = chokidar.watch(this.currentSharedFolder, { depth: 2, ignorePermissionErrors: true, ignoreInitial: true })
       // watch for new folders
       this.watcher.on('addDir', () => {
@@ -171,7 +170,7 @@ export class HardhatClient extends PluginClient {
   listenOnHardhatCompilation() {
     try {
       console.log('listening on Hardhat compilation...')
-      if(this.watcher) this.watcher.close()
+      if (this.watcher) this.watcher.close()
       this.watcher = chokidar.watch(this.buildPath, { depth: 1, ignorePermissionErrors: true, ignoreInitial: true })
       this.watcher.on('change', async () => await this.triggerProcessArtifact())
       this.watcher.on('add', async () => await this.triggerProcessArtifact())
diff --git a/libs/remixd/src/services/remixdClient.ts b/libs/remixd/src/services/remixdClient.ts
index 4718cfbcf1..9b725901e8 100644
--- a/libs/remixd/src/services/remixdClient.ts
+++ b/libs/remixd/src/services/remixdClient.ts
@@ -275,12 +275,12 @@ export class RemixdClient extends PluginClient {
     })
     this.watcher.on('unlink', async (f: string) => {
       if (this.isLoaded) {
-        this.emit('removed', utils.relativePath(f, this.currentSharedFolder), false)    
+        this.emit('removed', utils.relativePath(f, this.currentSharedFolder), false)
       }
     })
     this.watcher.on('unlinkDir', async (f: string) => {
       if (this.isLoaded) {
-        this.emit('removed', utils.relativePath(f, this.currentSharedFolder), true)    
+        this.emit('removed', utils.relativePath(f, this.currentSharedFolder), true)
       }
     })
   }
diff --git a/libs/remixd/src/services/truffleClient.ts b/libs/remixd/src/services/truffleClient.ts
index e62fe54ba2..b05611539c 100644
--- a/libs/remixd/src/services/truffleClient.ts
+++ b/libs/remixd/src/services/truffleClient.ts
@@ -100,7 +100,6 @@ export class TruffleClient extends PluginClient {
     return true
   }
 
-
   private async processArtifact() {
     if (!this.checkPath()) return
     const folderFiles = await fs.readdir(this.buildPath)

From dfeb1e0e20e5c3c536f28ad3886aa4c4142b13fd Mon Sep 17 00:00:00 2001
From: kairoski03 <kairoski03@gmail.com>
Date: Fri, 19 Apr 2024 13:06:52 +0900
Subject: [PATCH 30/31] add toml syntax highlighting for monaco

---
 apps/remix-ide/src/app/editor/editor.js       |  3 +-
 .../editor/src/lib/remix-ui-editor.tsx        |  7 +++
 libs/remix-ui/editor/src/lib/syntaxes/toml.ts | 62 +++++++++++++++++++
 3 files changed, 71 insertions(+), 1 deletion(-)
 create mode 100644 libs/remix-ui/editor/src/lib/syntaxes/toml.ts

diff --git a/apps/remix-ide/src/app/editor/editor.js b/apps/remix-ide/src/app/editor/editor.js
index 045faa3c7b..9647c88ad4 100644
--- a/apps/remix-ide/src/app/editor/editor.js
+++ b/apps/remix-ide/src/app/editor/editor.js
@@ -53,7 +53,8 @@ class Editor extends Plugin {
       ts: 'typescript',
       move: 'move',
       circom: 'circom',
-      nr: 'rust'
+      nr: 'rust',
+      toml: 'toml'
     }
 
     this.activated = false
diff --git a/libs/remix-ui/editor/src/lib/remix-ui-editor.tsx b/libs/remix-ui/editor/src/lib/remix-ui-editor.tsx
index b43b97fe6d..a0ed7626aa 100644
--- a/libs/remix-ui/editor/src/lib/remix-ui-editor.tsx
+++ b/libs/remix-ui/editor/src/lib/remix-ui-editor.tsx
@@ -9,6 +9,7 @@ import { solidityTokensProvider, solidityLanguageConfig } from './syntaxes/solid
 import { cairoTokensProvider, cairoLanguageConfig } from './syntaxes/cairo'
 import { zokratesTokensProvider, zokratesLanguageConfig } from './syntaxes/zokrates'
 import { moveTokenProvider, moveLanguageConfig } from './syntaxes/move'
+import { tomlLanguageConfig, tomlTokenProvider } from './syntaxes/toml'
 import { monacoTypes } from '@remix-ui/editor'
 import { loadTypes } from './web-types'
 import { retrieveNodesAtPosition } from './helpers/retrieveNodesAtPosition'
@@ -344,6 +345,8 @@ export const EditorUI = (props: EditorUIProps) => {
       monacoRef.current.editor.setModelLanguage(file.model, 'remix-move')
     } else if (file.language === 'circom') {
       monacoRef.current.editor.setModelLanguage(file.model, 'remix-circom')
+    } else if (file.language === 'toml') {
+      monacoRef.current.editor.setModelLanguage(file.model, 'remix-toml')
     }
   }, [props.currentFile])
 
@@ -888,6 +891,7 @@ export const EditorUI = (props: EditorUIProps) => {
     monacoRef.current.languages.register({ id: 'remix-zokrates' })
     monacoRef.current.languages.register({ id: 'remix-move' })
     monacoRef.current.languages.register({ id: 'remix-circom' })
+    monacoRef.current.languages.register({ id: 'remix-toml' })
 
     // Allow JSON schema requests
     monacoRef.current.languages.json.jsonDefaults.setDiagnosticsOptions({ enableSchemaRequest: true })
@@ -908,6 +912,9 @@ export const EditorUI = (props: EditorUIProps) => {
     monacoRef.current.languages.setMonarchTokensProvider('remix-circom', circomTokensProvider as any)
     monacoRef.current.languages.setLanguageConfiguration('remix-circom', circomLanguageConfig(monacoRef.current) as any)
 
+    monacoRef.current.languages.setMonarchTokensProvider('remix-toml', tomlTokenProvider as any)
+    monacoRef.current.languages.setLanguageConfiguration('remix-toml', tomlLanguageConfig as any)
+
     monacoRef.current.languages.registerDefinitionProvider('remix-solidity', new RemixDefinitionProvider(props, monaco))
     monacoRef.current.languages.registerDocumentHighlightProvider('remix-solidity', new RemixHighLightProvider(props, monaco))
     monacoRef.current.languages.registerReferenceProvider('remix-solidity', new RemixReferenceProvider(props, monaco))
diff --git a/libs/remix-ui/editor/src/lib/syntaxes/toml.ts b/libs/remix-ui/editor/src/lib/syntaxes/toml.ts
new file mode 100644
index 0000000000..c0c5aa3b21
--- /dev/null
+++ b/libs/remix-ui/editor/src/lib/syntaxes/toml.ts
@@ -0,0 +1,62 @@
+/* eslint-disable no-useless-escape */
+export const tomlLanguageConfig = {
+  comments: {
+    lineComment: "#",
+  },
+  brackets: [
+    ["{", "}"],
+    ["[", "]"],
+    ["(", ")"],
+  ],
+  autoClosingPairs: [
+    { open: "{", close: "}" },
+    { open: "[", close: "]" },
+    { open: "(", close: ")" },
+    { open: '"', close: '"' },
+    { open: "'", close: "'" },
+  ],
+  surroundingPairs: [
+    { open: "{", close: "}" },
+    { open: "[", close: "]" },
+    { open: "(", close: ")" },
+    { open: '"', close: '"' },
+    { open: "'", close: "'" },
+  ],
+}
+
+export const tomlTokenProvider = {
+  defaultToken: "",
+  tokenPostfix: ".toml",
+
+  escapes:
+    /\\(?:[abfnrtv\\"']|x[0-9A-Fa-f]{1,4}|u[0-9A-Fa-f]{4}|U[0-9A-Fa-f]{8})/,
+
+  tokenizer: {
+    root: [
+      [/([a-zA-Z0-9_-]+)(\s*)(=)/, ["variable.name", "operators", ""]],
+      [/\[[a-zA-Z0-9_.-]+\]/, "type.identifier"],
+      [/\s*((#).*)$/, "comment"],
+
+      [/\d*\.\d+([eE][\-+]?\d+)?/, "number.float"],
+      [/0[xX][0-9a-fA-F]+/, "number.hex"],
+      [/\d+/, "number"],
+
+      [/"([^"\\]|\\.)*$/, "string.invalid"],
+      [/'([^'\\]|\\.)*$/, "string.invalid"],
+      [/"/, "string", "@string_double"],
+      [/'/, "string", "@string_single"],
+    ],
+    string_double: [
+      [/[^\\"]+/, "string"],
+      [/@escapes/, "string.escape"],
+      [/\\./, "string.escape.invalid"],
+      [/"/, "string", "@pop"],
+    ],
+    string_single: [
+      [/[^\\']+/, "string"],
+      [/@escapes/, "string.escape"],
+      [/\\./, "string.escape.invalid"],
+      [/'/, "string", "@pop"],
+    ],
+  },
+}

From 57001ac42a01be53858a68e03ec3626d52432f90 Mon Sep 17 00:00:00 2001
From: drafish <xwlyy1991@163.com>
Date: Tue, 30 Apr 2024 19:25:33 +0800
Subject: [PATCH 31/31] edit dapp with devdoc and methodIdentifiers

---
 libs/remix-ui/run-tab/src/lib/run-tab.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/libs/remix-ui/run-tab/src/lib/run-tab.tsx b/libs/remix-ui/run-tab/src/lib/run-tab.tsx
index ae1dec6d06..3e3985a772 100644
--- a/libs/remix-ui/run-tab/src/lib/run-tab.tsx
+++ b/libs/remix-ui/run-tab/src/lib/run-tab.tsx
@@ -326,7 +326,14 @@ export function RunTabUI(props: RunTabProps) {
             getFuncABIInputs={getFuncABIValues}
             exEnvironment={runTab.selectExEnv}
             editInstance={(instance) => {
-              plugin.call('dapp-draft', 'edit', { address: instance.address, abi: instance.contractData.abi, name: instance.name, network: runTab.networkName })
+              plugin.call('dapp-draft', 'edit', {
+                address: instance.address,
+                abi: instance.contractData.abi,
+                name: instance.name,
+                network: runTab.networkName,
+                devdoc: instance.contractData.object.devdoc,
+                methodIdentifiers: instance.contractData.object.evm.methodIdentifiers,
+              })
             }}
           />
         </div>