From 782ddf4b4ddbcc0942a5d3951a57ed42e2e80b70 Mon Sep 17 00:00:00 2001
From: lianahus <liana@ethereum.org>
Date: Thu, 4 Nov 2021 10:26:44 +0100
Subject: [PATCH 01/68] tabs UI improvements

---
 libs/remix-ui/tabs/src/lib/remix-ui-tabs.css | 11 +++--------
 libs/remix-ui/tabs/src/lib/remix-ui-tabs.tsx | 13 ++++++-------
 2 files changed, 9 insertions(+), 15 deletions(-)

diff --git a/libs/remix-ui/tabs/src/lib/remix-ui-tabs.css b/libs/remix-ui/tabs/src/lib/remix-ui-tabs.css
index ba745eed46..e1d398360e 100644
--- a/libs/remix-ui/tabs/src/lib/remix-ui-tabs.css
+++ b/libs/remix-ui/tabs/src/lib/remix-ui-tabs.css
@@ -1,6 +1,6 @@
 .remix-ui-tabs {
     display: -webkit-box; 
-    max-height: 42px
+    max-height: 2.15rem;
 }
 .remix-ui-tabs li {
     display: inline-block;
@@ -28,12 +28,11 @@
 }
 .close-tabs {
     visibility: hidden;
-    padding-top: 4px;
     font-size: medium;
 }
 .iconImage {
-    width: 16px;
-    height: 16px;
+    width: 1rem;
+    height: 1rem;
 }
 .active {
     border: 1px solid transparent;
@@ -46,10 +45,6 @@
     white-space: nowrap;
     max-width: 1000px;
 }
-.left-icon {
-    width: 70px;
-    height: 49px;
-}
 
 /* Hide scrollbar for Chrome, Safari and Opera */
 .tab-scroll::-webkit-scrollbar {
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 5875cc24ab..9ebcc05e8e 100644
--- a/libs/remix-ui/tabs/src/lib/remix-ui-tabs.tsx
+++ b/libs/remix-ui/tabs/src/lib/remix-ui-tabs.tsx
@@ -33,7 +33,7 @@ export const TabsUI = (props: TabsUIProps) => {
 
   const renderTab = (tab, index) => {
     const classNameImg = 'my-1 mr-1 text-dark ' + tab.iconClass
-    const classNameTab = 'nav-item nav-link tab' + (index === currentIndexRef.current ? ' active' : '')
+    const classNameTab = 'nav-item nav-link d-flex justify-content-center align-items-center px-2 py-1 tab' + (index === currentIndexRef.current ? ' active' : '')
     return (
       <div ref={el => { tabsRef.current[index] = el }} className={classNameTab} title={tab.tooltip}>
         {tab.icon ? (<img className="my-1 mr-1 iconImage" src={tab.icon} />) : (<i className={classNameImg}></i>)}
@@ -62,14 +62,13 @@ export const TabsUI = (props: TabsUIProps) => {
   }, [])
 
   return (
-    <div className="remix-ui-tabs header nav nav-tabs">
-      <div className="d-flex flex-row justify-content-center align-items-center left-icon">
-        <span data-id="tabProxyZoomOut" className="btn btn-sm px-1 fas fa-search-minus text-dark" title="Zoom out" onClick={() => props.onZoomOut()}></span>
-        <span data-id="tabProxyZoomIn" className="btn btn-sm px-1 fas fa-search-plus text-dark" title="Zoom in" onClick={() => props.onZoomIn()}></span>
-        <i className="d-flex flex-row justify-content-center align-items-center far fa-sliders-v px-1" title="press F1 when focusing the editor to show advanced configuration settings"></i>
+    <div className="remix-ui-tabs border-0 header nav-tabs">
+      <div className="d-flex flex-row justify-content-center align-items-center m-1 mt-2">
+        <span data-id="tabProxyZoomOut" className="btn btn-sm px-2 fas fa-search-minus text-dark" title="Zoom out" onClick={() => props.onZoomOut()}></span>
+        <span data-id="tabProxyZoomIn" className="btn btn-sm px-2 fas fa-search-plus text-dark" title="Zoom in" onClick={() => props.onZoomIn()}></span>
       </div>
       <Tabs className="tab-scroll" selectedIndex={selectedIndex} onSelect={index => { props.onSelect(index); currentIndexRef.current = index; setSelectedIndex(index) }} >
-        <TabList>{props.tabs.map((tab, i) => <Tab key={tab.name}>{renderTab(tab, i)}</Tab>)}</TabList>
+        <TabList className="d-flex flex-row justify-content-center align-items-center">{props.tabs.map((tab, i) => <Tab className="py-1" key={tab.name}>{renderTab(tab, i)}</Tab>)}</TabList>
         {props.tabs.map((tab) => <TabPanel key={tab.name} ></TabPanel>)}
       </Tabs>
     </div>

From de522b263115f9854460dd87bec3333383f72aa3 Mon Sep 17 00:00:00 2001
From: lianahus <liana@ethereum.org>
Date: Thu, 4 Nov 2021 12:55:03 +0100
Subject: [PATCH 02/68] fixed scroll. todo@ icon should be hidden if scroll is
 hidden

---
 libs/remix-ui/tabs/src/lib/remix-ui-tabs.css |  1 -
 libs/remix-ui/tabs/src/lib/remix-ui-tabs.tsx | 25 +++++++++++++-------
 2 files changed, 17 insertions(+), 9 deletions(-)

diff --git a/libs/remix-ui/tabs/src/lib/remix-ui-tabs.css b/libs/remix-ui/tabs/src/lib/remix-ui-tabs.css
index e1d398360e..7df5e07993 100644
--- a/libs/remix-ui/tabs/src/lib/remix-ui-tabs.css
+++ b/libs/remix-ui/tabs/src/lib/remix-ui-tabs.css
@@ -43,7 +43,6 @@
     overflow-x: auto;
     overflow-y: hidden;
     white-space: nowrap;
-    max-width: 1000px;
 }
 
 /* Hide scrollbar for Chrome, Safari and Opera */
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 9ebcc05e8e..5efc17aaca 100644
--- a/libs/remix-ui/tabs/src/lib/remix-ui-tabs.tsx
+++ b/libs/remix-ui/tabs/src/lib/remix-ui-tabs.tsx
@@ -62,15 +62,24 @@ export const TabsUI = (props: TabsUIProps) => {
   }, [])
 
   return (
-    <div className="remix-ui-tabs border-0 header nav-tabs">
-      <div className="d-flex flex-row justify-content-center align-items-center m-1 mt-2">
-        <span data-id="tabProxyZoomOut" className="btn btn-sm px-2 fas fa-search-minus text-dark" title="Zoom out" onClick={() => props.onZoomOut()}></span>
-        <span data-id="tabProxyZoomIn" className="btn btn-sm px-2 fas fa-search-plus text-dark" title="Zoom in" onClick={() => props.onZoomIn()}></span>
+    <div className="remix-ui-tabs d-flex justify-content-between border-0 header nav-tabs">
+      <div className="d-flex flex-row" style={ { maxWidth: 'fit-content', width: '97%' } }>
+        <div className="d-flex flex-row justify-content-center align-items-center m-1 mt-2">
+          <span data-id="tabProxyZoomOut" className="btn btn-sm px-2 fas fa-search-minus text-dark" title="Zoom out" onClick={() => props.onZoomOut()}></span>
+          <span data-id="tabProxyZoomIn" className="btn btn-sm px-2 fas fa-search-plus text-dark" title="Zoom in" onClick={() => props.onZoomIn()}></span>
+        </div>
+        <Tabs
+          className="tab-scroll"
+          selectedIndex={selectedIndex}
+          onSelect={index => { props.onSelect(index); currentIndexRef.current = index; setSelectedIndex(index) }}
+        >
+          <TabList className="d-flex flex-row justify-content-center align-items-center">
+            {props.tabs.map((tab, i) => <Tab className="py-1" key={tab.name}>{renderTab(tab, i)}</Tab>)}
+          </TabList>
+          {props.tabs.map((tab) => <TabPanel key={tab.name} ></TabPanel>)}
+        </Tabs>
       </div>
-      <Tabs className="tab-scroll" selectedIndex={selectedIndex} onSelect={index => { props.onSelect(index); currentIndexRef.current = index; setSelectedIndex(index) }} >
-        <TabList className="d-flex flex-row justify-content-center align-items-center">{props.tabs.map((tab, i) => <Tab className="py-1" key={tab.name}>{renderTab(tab, i)}</Tab>)}</TabList>
-        {props.tabs.map((tab) => <TabPanel key={tab.name} ></TabPanel>)}
-      </Tabs>
+      <i className="mt-2 mr-2 fas fa-arrows-alt-h" title="Scroll to see all tabs"></i>
     </div>
   )
 }

From 05ee01ab524a57ec4eea5d9b3886719e8bcb4839 Mon Sep 17 00:00:00 2001
From: yann300 <yann.levreau@gmail.com>
Date: Wed, 3 Nov 2021 10:53:02 +0100
Subject: [PATCH 03/68] fix changing the theme to remix-dark

---
 apps/remix-ide/src/app/editor/editor.js          | 11 ++++++-----
 libs/remix-ui/editor/src/lib/remix-ui-editor.tsx | 10 ++++------
 2 files changed, 10 insertions(+), 11 deletions(-)

diff --git a/apps/remix-ide/src/app/editor/editor.js b/apps/remix-ide/src/app/editor/editor.js
index a6ea53ca9b..e7e072d3f2 100644
--- a/apps/remix-ide/src/app/editor/editor.js
+++ b/apps/remix-ide/src/app/editor/editor.js
@@ -97,7 +97,7 @@ class Editor extends Plugin {
     this.emit(name, ...params) // plugin stack
   }
 
-  onActivation () {
+  async onActivation () {
     this.activated = true
     this.on('sidePanel', 'focusChanged', (name) => {
       this.keepDecorationsFor(name, 'sourceAnnotationsPerFile')
@@ -112,10 +112,11 @@ class Editor extends Plugin {
       this.currentTheme = translateTheme(theme)
       this.renderComponent()
     })
-    this.call('theme', 'currentTheme', (theme) => {
-      this.currentTheme = translateTheme(theme)
-      this.renderComponent()
-    })
+    try {
+      this.currentTheme = translateTheme(await this.call('theme', 'currentTheme'))
+    } catch (e) {
+      console.log('unable to select the theme ' + e.message)
+    }
     this.renderComponent()
   }
 
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 fceb98d971..489391b0be 100644
--- a/libs/remix-ui/editor/src/lib/remix-ui-editor.tsx
+++ b/libs/remix-ui/editor/src/lib/remix-ui-editor.tsx
@@ -82,8 +82,6 @@ export const EditorUI = (props: EditorUIProps) => {
     monacoRef.current.editor.setTheme(props.theme)
   }, [props.theme])
 
-  if (monacoRef.current) monacoRef.current.editor.setTheme(props.theme)
-
   const setAnnotationsbyFile = (uri) => {
     if (props.sourceAnnotationsPerFile[uri]) {
       const model = editorModelsState[uri]?.model
@@ -220,10 +218,10 @@ export const EditorUI = (props: EditorUIProps) => {
   function handleEditorWillMount (monaco) {
     monacoRef.current = monaco
     // see https://microsoft.github.io/monaco-editor/playground.html#customizing-the-appearence-exposed-colors
-    const lightColor = window.getComputedStyle(document.documentElement).getPropertyValue('--light').trim()
-    const infoColor = window.getComputedStyle(document.documentElement).getPropertyValue('--info').trim()
-    const darkColor = window.getComputedStyle(document.documentElement).getPropertyValue('--dark').trim()
-    const grayColor = window.getComputedStyle(document.documentElement).getPropertyValue('--gray-dark').trim()
+    const lightColor = '#2a2c3f'
+    const infoColor = '#086CB5'
+    const darkColor = '#222336'
+    const grayColor = '#343a40'
     monaco.editor.defineTheme('remix-dark', {
       base: 'vs-dark',
       inherit: true, // can also be false to completely replace the builtin rules

From 1b993560147fe9f75fd6fb063e1f83a4fc85c070 Mon Sep 17 00:00:00 2001
From: yann300 <yann.levreau@gmail.com>
Date: Wed, 3 Nov 2021 12:09:20 +0100
Subject: [PATCH 04/68] make sure tabs are correctly closed

---
 apps/remix-ide/src/app/panels/tab-proxy.js   | 15 ++++++---------
 libs/remix-ui/tabs/src/lib/remix-ui-tabs.tsx |  5 ++---
 2 files changed, 8 insertions(+), 12 deletions(-)

diff --git a/apps/remix-ide/src/app/panels/tab-proxy.js b/apps/remix-ide/src/app/panels/tab-proxy.js
index 7c652ab78b..2e29c0e4e9 100644
--- a/apps/remix-ide/src/app/panels/tab-proxy.js
+++ b/apps/remix-ide/src/app/panels/tab-proxy.js
@@ -191,13 +191,6 @@ export class TabProxy extends Plugin {
     }
   }
 
-  switchToActiveTab () {
-    const active = this.tabsApi.active()
-    if (active && this._handlers[active]) {
-      this.switchTab(active)
-    }
-  }
-
   renameTab (oldName, newName) {
     this.addTab(newName, '', () => {
       this.fileManager.open(newName)
@@ -271,10 +264,14 @@ export class TabProxy extends Plugin {
 
   removeTab (name) {
     delete this._handlers[name]
-    this.switchToActiveTab()
-    this.loadedTabs = this.loadedTabs.filter(tab => tab.name !== name)
+    let previous = null
+    this.loadedTabs = this.loadedTabs.filter((tab, index) => {
+      if (tab.name === name) previous = this.loadedTabs[index - 1]
+      return tab.name !== name
+    })
     this.renderComponent()
     this.updateImgStyles()
+    if (previous) this.switchTab(previous.name) 
   }
 
   addHandler (type, fn) {
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 5efc17aaca..3f37f2e57c 100644
--- a/libs/remix-ui/tabs/src/lib/remix-ui-tabs.tsx
+++ b/libs/remix-ui/tabs/src/lib/remix-ui-tabs.tsx
@@ -35,10 +35,10 @@ export const TabsUI = (props: TabsUIProps) => {
     const classNameImg = 'my-1 mr-1 text-dark ' + tab.iconClass
     const classNameTab = 'nav-item nav-link d-flex justify-content-center align-items-center px-2 py-1 tab' + (index === currentIndexRef.current ? ' active' : '')
     return (
-      <div ref={el => { tabsRef.current[index] = el }} className={classNameTab} title={tab.tooltip}>
+      <div onClick={() => { props.onSelect(index); currentIndexRef.current = index; setSelectedIndex(index); }} ref={el => { tabsRef.current[index] = el }} className={classNameTab} title={tab.tooltip}>
         {tab.icon ? (<img className="my-1 mr-1 iconImage" src={tab.icon} />) : (<i className={classNameImg}></i>)}
         <span className="title-tabs">{tab.title}</span>
-        <span className="close-tabs" onClick={() => props.onClose(index)}>
+        <span className="close-tabs" onClick={(event) => { props.onClose(index); event.stopPropagation(); }}>
           <i className="text-dark fas fa-times"></i>
         </span>
       </div>
@@ -71,7 +71,6 @@ export const TabsUI = (props: TabsUIProps) => {
         <Tabs
           className="tab-scroll"
           selectedIndex={selectedIndex}
-          onSelect={index => { props.onSelect(index); currentIndexRef.current = index; setSelectedIndex(index) }}
         >
           <TabList className="d-flex flex-row justify-content-center align-items-center">
             {props.tabs.map((tab, i) => <Tab className="py-1" key={tab.name}>{renderTab(tab, i)}</Tab>)}

From ffd45cb064002dda8d5533f2b542ee916635b631 Mon Sep 17 00:00:00 2001
From: yann300 <yann.levreau@gmail.com>
Date: Wed, 3 Nov 2021 12:24:40 +0100
Subject: [PATCH 05/68] add keybinding for the editor

---
 libs/remix-ui/editor/src/lib/remix-ui-editor.tsx | 6 ++++++
 1 file changed, 6 insertions(+)

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 489391b0be..9db6922e46 100644
--- a/libs/remix-ui/editor/src/lib/remix-ui-editor.tsx
+++ b/libs/remix-ui/editor/src/lib/remix-ui-editor.tsx
@@ -213,6 +213,12 @@ export const EditorUI = (props: EditorUIProps) => {
         (window as any).addRemixBreakpoint(e.target.position)
       }
     })
+    editor.addCommand(monacoRef.current.KeyMod.CtrlCmd | monacoRef.current.KeyCode.US_EQUAL, () => {
+      editor.updateOptions({ fontSize: editor.getOption(42).fontSize + 1 })
+    })
+    editor.addCommand(monacoRef.current.KeyMod.CtrlCmd | monacoRef.current.KeyCode.US_MINUS, () => {
+      editor.updateOptions({ fontSize: editor.getOption(42).fontSize - 1 })
+    })
   }
 
   function handleEditorWillMount (monaco) {

From a5c1140b218bd703e3d0f2bc9cc41c725550cff8 Mon Sep 17 00:00:00 2001
From: yann300 <yann.levreau@gmail.com>
Date: Wed, 3 Nov 2021 12:28:06 +0100
Subject: [PATCH 06/68] update icon

---
 libs/remix-ui/tabs/src/lib/remix-ui-tabs.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

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 3f37f2e57c..22532562e6 100644
--- a/libs/remix-ui/tabs/src/lib/remix-ui-tabs.tsx
+++ b/libs/remix-ui/tabs/src/lib/remix-ui-tabs.tsx
@@ -35,10 +35,10 @@ export const TabsUI = (props: TabsUIProps) => {
     const classNameImg = 'my-1 mr-1 text-dark ' + tab.iconClass
     const classNameTab = 'nav-item nav-link d-flex justify-content-center align-items-center px-2 py-1 tab' + (index === currentIndexRef.current ? ' active' : '')
     return (
-      <div onClick={() => { props.onSelect(index); currentIndexRef.current = index; setSelectedIndex(index); }} ref={el => { tabsRef.current[index] = el }} className={classNameTab} title={tab.tooltip}>
+      <div onClick={() => { props.onSelect(index); currentIndexRef.current = index; setSelectedIndex(index) }} ref={el => { tabsRef.current[index] = el }} className={classNameTab} title={tab.tooltip}>
         {tab.icon ? (<img className="my-1 mr-1 iconImage" src={tab.icon} />) : (<i className={classNameImg}></i>)}
         <span className="title-tabs">{tab.title}</span>
-        <span className="close-tabs" onClick={(event) => { props.onClose(index); event.stopPropagation(); }}>
+        <span className="close-tabs" onClick={(event) => { props.onClose(index); event.stopPropagation() }}>
           <i className="text-dark fas fa-times"></i>
         </span>
       </div>

From fbc7a7c06a64b674a41057b87a3859445b11a576 Mon Sep 17 00:00:00 2001
From: yann300 <yann.levreau@gmail.com>
Date: Thu, 4 Nov 2021 10:08:11 +0100
Subject: [PATCH 07/68] fix changing the theme

---
 apps/remix-ide/src/app/editor/editor.js       |  2 +-
 apps/remix-ide/src/app/tabs/theme-module.js   | 12 +++--
 .../editor/src/lib/remix-ui-editor.tsx        | 50 +++++++++++--------
 3 files changed, 39 insertions(+), 25 deletions(-)

diff --git a/apps/remix-ide/src/app/editor/editor.js b/apps/remix-ide/src/app/editor/editor.js
index e7e072d3f2..3adf7911db 100644
--- a/apps/remix-ide/src/app/editor/editor.js
+++ b/apps/remix-ide/src/app/editor/editor.js
@@ -108,7 +108,7 @@ class Editor extends Plugin {
     })
 
     const translateTheme = (theme) => this._themes[theme.name === 'Dark' ? 'remixDark' : theme.quality]
-    this.on('theme', 'themeChanged', (theme) => {
+    this.on('theme', 'themeLoaded', (theme) => {
       this.currentTheme = translateTheme(theme)
       this.renderComponent()
     })
diff --git a/apps/remix-ide/src/app/tabs/theme-module.js b/apps/remix-ide/src/app/tabs/theme-module.js
index da3f8f9a78..5ea0bf1d30 100644
--- a/apps/remix-ide/src/app/tabs/theme-module.js
+++ b/apps/remix-ide/src/app/tabs/theme-module.js
@@ -63,10 +63,10 @@ export class ThemeModule extends Plugin {
       const nextTheme = this.themes[this.active] // Theme
       document.documentElement.style.setProperty('--theme', nextTheme.quality)
       const theme = yo`<link rel="stylesheet" href="${nextTheme.url}" id="theme-link"/>`
-      theme.addEventListener('load', () => {
+      document.head.insertBefore(theme, document.head.firstChild)
+      document.getElementById('theme-link').addEventListener('load', () => {
         if (callback) callback()
       })
-      document.head.insertBefore(theme, document.head.firstChild)
     }
   }
 
@@ -82,7 +82,13 @@ export class ThemeModule extends Plugin {
     _paq.push(['trackEvent', 'themeModule', 'switchTo', next])
     const nextTheme = this.themes[next] // Theme
     if (!this.forced) this._deps.config.set('settings/theme', next)
-    document.getElementById('theme-link').setAttribute('href', nextTheme.url)
+    document.getElementById('theme-link').remove()
+    const theme = yo`<link rel="stylesheet" href="${nextTheme.url}" id="theme-link"/>`
+    theme.addEventListener('load', () => {
+      this.emit('themeLoaded', nextTheme)
+      this.events.emit('themeLoaded', nextTheme)
+    })
+    document.head.insertBefore(theme, document.head.firstChild)
     document.documentElement.style.setProperty('--theme', nextTheme.quality)
     if (themeName) this.active = themeName
     // TODO: Only keep `this.emit` (issue#2210)
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 9db6922e46..4bdcff2ef9 100644
--- a/libs/remix-ui/editor/src/lib/remix-ui-editor.tsx
+++ b/libs/remix-ui/editor/src/lib/remix-ui-editor.tsx
@@ -77,9 +77,34 @@ export const EditorUI = (props: EditorUIProps) => {
 
   const [editorModelsState, dispatch] = useReducer(reducerActions, initialState)
 
+  const defineAndSetDarkTheme = (monaco) => {
+    // see https://microsoft.github.io/monaco-editor/playground.html#customizing-the-appearence-exposed-colors
+    const lightColor = window.getComputedStyle(document.documentElement).getPropertyValue('--light').trim()
+    const infoColor = window.getComputedStyle(document.documentElement).getPropertyValue('--info').trim()
+    const darkColor = window.getComputedStyle(document.documentElement).getPropertyValue('--dark').trim()
+    const grayColor = window.getComputedStyle(document.documentElement).getPropertyValue('--gray-dark').trim()
+    monaco.editor.defineTheme('remix-dark', {
+      base: 'vs-dark',
+      inherit: true, // can also be false to completely replace the builtin rules
+      rules: [{ background: darkColor.replace('#', '') }],
+      colors: {
+        'editor.background': darkColor,
+        'editorSuggestWidget.background': lightColor,
+        'editorSuggestWidget.selectedBackground': lightColor,
+        'editorSuggestWidget.highlightForeground': infoColor,
+        'editor.lineHighlightBorder': lightColor,
+        'editor.lineHighlightBackground': grayColor,
+        'editorGutter.background': lightColor
+      }
+    })
+    monacoRef.current.editor.setTheme('remix-dark')
+  }
+
   useEffect(() => {
     if (!monacoRef.current) return
-    monacoRef.current.editor.setTheme(props.theme)
+    if (props.theme === 'remix-dark') {
+      defineAndSetDarkTheme(monacoRef.current)
+    } else monacoRef.current.editor.setTheme(props.theme)
   }, [props.theme])
 
   const setAnnotationsbyFile = (uri) => {
@@ -205,7 +230,9 @@ export const EditorUI = (props: EditorUIProps) => {
 
   function handleEditorDidMount (editor) {
     editorRef.current = editor
-    monacoRef.current.editor.setTheme(props.theme)
+    if (props.theme === 'remix-dark') {
+      defineAndSetDarkTheme(monacoRef.current)
+    } else monacoRef.current.editor.setTheme(props.theme)
     reducerListener(props.plugin, dispatch, monacoRef.current, editorRef.current, props.events)
     props.events.onEditorMounted()
     editor.onMouseUp((e) => {
@@ -223,25 +250,6 @@ export const EditorUI = (props: EditorUIProps) => {
 
   function handleEditorWillMount (monaco) {
     monacoRef.current = monaco
-    // see https://microsoft.github.io/monaco-editor/playground.html#customizing-the-appearence-exposed-colors
-    const lightColor = '#2a2c3f'
-    const infoColor = '#086CB5'
-    const darkColor = '#222336'
-    const grayColor = '#343a40'
-    monaco.editor.defineTheme('remix-dark', {
-      base: 'vs-dark',
-      inherit: true, // can also be false to completely replace the builtin rules
-      rules: [{ background: darkColor.replace('#', '') }],
-      colors: {
-        'editor.background': darkColor,
-        'editorSuggestWidget.background': lightColor,
-        'editorSuggestWidget.selectedBackground': lightColor,
-        'editorSuggestWidget.highlightForeground': infoColor,
-        'editor.lineHighlightBorder': lightColor,
-        'editor.lineHighlightBackground': grayColor,
-        'editorGutter.background': lightColor
-      }
-    })
   }
 
   return (

From c6e413da89488e4c991e292234a2409fbe36e9e7 Mon Sep 17 00:00:00 2001
From: yann300 <yann.levreau@gmail.com>
Date: Thu, 4 Nov 2021 10:22:20 +0100
Subject: [PATCH 08/68] linter

---
 apps/remix-ide/src/app/panels/tab-proxy.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/remix-ide/src/app/panels/tab-proxy.js b/apps/remix-ide/src/app/panels/tab-proxy.js
index 2e29c0e4e9..139213a764 100644
--- a/apps/remix-ide/src/app/panels/tab-proxy.js
+++ b/apps/remix-ide/src/app/panels/tab-proxy.js
@@ -271,7 +271,7 @@ export class TabProxy extends Plugin {
     })
     this.renderComponent()
     this.updateImgStyles()
-    if (previous) this.switchTab(previous.name) 
+    if (previous) this.switchTab(previous.name)
   }
 
   addHandler (type, fn) {

From 4905b5d45169119b29b9305340e07886b7cf3a64 Mon Sep 17 00:00:00 2001
From: yann300 <yann.levreau@gmail.com>
Date: Mon, 8 Nov 2021 10:20:59 +0100
Subject: [PATCH 09/68] fix selenium

---
 .circleci/config.yml | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/.circleci/config.yml b/.circleci/config.yml
index acc9a0ffb8..5b5770fe29 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -76,11 +76,11 @@ jobs:
       - run: npx nx build remix-ide --with-deps
       - run:
           name: Download Selenium
-          command: ./node_modules/.bin/selenium-standalone install --drivers.chrome.version=2.39 --drivers.chrome.baseURL=https://chromedriver.storage.googleapis.com
+          command: npm run selenium-install
       - run:
           name: Start Selenium
-          command: ./node_modules/.bin/selenium-standalone start --drivers.chrome.version=2.39 --drivers.chrome.baseURL=https://chromedriver.storage.googleapis.com
-          background: true
+          command: npm run selenium
+          background: false
       - run: ./apps/remix-ide/ci/browser_tests_chrome_1.sh
       - store_test_results:
           path: ./reports/tests
@@ -110,11 +110,11 @@ jobs:
       - run: npx nx build remix-ide --with-deps
       - run:
           name: Download Selenium
-          command: ./node_modules/.bin/selenium-standalone install --drivers.chrome.version=2.39 --drivers.chrome.baseURL=https://chromedriver.storage.googleapis.com
+          command: npm run selenium-install
       - run:
           name: Start Selenium
-          command: ./node_modules/.bin/selenium-standalone start --drivers.chrome.version=2.39 --drivers.chrome.baseURL=https://chromedriver.storage.googleapis.com
-          background: true
+          command: npm run selenium
+          background: false
       - run: ./apps/remix-ide/ci/browser_tests_chrome_2.sh
       - store_test_results:
           path: ./reports/tests

From dd20b2b4486e13d4e2a5d036c4fc1d50ba279d13 Mon Sep 17 00:00:00 2001
From: yann300 <yann.levreau@gmail.com>
Date: Mon, 8 Nov 2021 12:03:45 +0100
Subject: [PATCH 10/68] fix solidity highlighting

---
 .../editor/src/lib/remix-ui-editor.tsx        |   14 +-
 libs/remix-ui/editor/src/lib/syntax.ts        | 1383 +++++++++++++++++
 2 files changed, 1395 insertions(+), 2 deletions(-)
 create mode 100644 libs/remix-ui/editor/src/lib/syntax.ts

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 4bdcff2ef9..89e4a6eb9d 100644
--- a/libs/remix-ui/editor/src/lib/remix-ui-editor.tsx
+++ b/libs/remix-ui/editor/src/lib/remix-ui-editor.tsx
@@ -1,6 +1,7 @@
 import React, { useState, useRef, useEffect, useReducer } from 'react' // eslint-disable-line
 import Editor from '@monaco-editor/react'
 import { reducerActions, reducerListener, initialState } from './actions/editor'
+import { language, conf } from './syntax'
 
 import './remix-ui-editor.css'
 
@@ -86,7 +87,10 @@ export const EditorUI = (props: EditorUIProps) => {
     monaco.editor.defineTheme('remix-dark', {
       base: 'vs-dark',
       inherit: true, // can also be false to completely replace the builtin rules
-      rules: [{ background: darkColor.replace('#', '') }],
+      rules: [
+        { background: darkColor.replace('#', '') },
+        { token: 'keyword.external', foreground: infoColor }
+      ],
       colors: {
         'editor.background': darkColor,
         'editorSuggestWidget.background': lightColor,
@@ -160,8 +164,10 @@ export const EditorUI = (props: EditorUIProps) => {
   useEffect(() => {
     if (!editorRef.current) return
     currentFileRef.current = props.currentFile
-    editorRef.current.setModel(editorModelsState[props.currentFile].model)
+    const file = editorModelsState[props.currentFile]
+    editorRef.current.setModel(file.model)
     editorRef.current.updateOptions({ readOnly: editorModelsState[props.currentFile].readOnly })
+    if (file.language === 'sol') monacoRef.current.editor.setModelLanguage(file.model, 'remix-solidity')
     setAnnotationsbyFile(props.currentFile)
     setMarkerbyFile(props.currentFile)
   }, [props.currentFile])
@@ -250,6 +256,10 @@ export const EditorUI = (props: EditorUIProps) => {
 
   function handleEditorWillMount (monaco) {
     monacoRef.current = monaco
+    // Register a new language
+    monacoRef.current.languages.register({ id: 'remix-solidity' });
+    // Register a tokens provider for the language
+    monacoRef.current.languages.setMonarchTokensProvider('remix-solidity', language)
   }
 
   return (
diff --git a/libs/remix-ui/editor/src/lib/syntax.ts b/libs/remix-ui/editor/src/lib/syntax.ts
new file mode 100644
index 0000000000..a2d4503d5d
--- /dev/null
+++ b/libs/remix-ui/editor/src/lib/syntax.ts
@@ -0,0 +1,1383 @@
+export const conf = {
+	comments: {
+		lineComment: '//',
+		blockComment: ['/*', '*/']
+	},
+	brackets: [
+		['{', '}'],
+		['[', ']'],
+		['(', ')'],
+		['<', '>']
+	],
+	autoClosingPairs: [
+		{ open: '"', close: '"', notIn: ['string', 'comment'] },
+		{ open: '{', close: '}', notIn: ['string', 'comment'] },
+		{ open: '[', close: ']', notIn: ['string', 'comment'] },
+		{ open: '(', close: ')', notIn: ['string', 'comment'] }
+	]
+};
+
+export const language = {
+	defaultToken: '',
+	tokenPostfix: '.sol',
+
+	brackets: [
+		{ token: 'delimiter.curly', open: '{', close: '}' },
+		{ token: 'delimiter.parenthesis', open: '(', close: ')' },
+		{ token: 'delimiter.square', open: '[', close: ']' },
+		{ token: 'delimiter.angle', open: '<', close: '>' }
+	],
+
+	keywords: [
+		// Main keywords
+		'pragma',
+		'solidity',
+		'contract',
+		'library',
+		'using',
+		'struct',
+		'function',
+		'modifier',
+		'constructor',
+		//Built-in types
+		'address',
+		'string',
+		'bool',
+		//Other types
+		'Int',
+		'Uint',
+		'Byte',
+		'Fixed',
+		'Ufixed',
+		//All int
+		'int',
+		'int8',
+		'int16',
+		'int24',
+		'int32',
+		'int40',
+		'int48',
+		'int56',
+		'int64',
+		'int72',
+		'int80',
+		'int88',
+		'int96',
+		'int104',
+		'int112',
+		'int120',
+		'int128',
+		'int136',
+		'int144',
+		'int152',
+		'int160',
+		'int168',
+		'int176',
+		'int184',
+		'int192',
+		'int200',
+		'int208',
+		'int216',
+		'int224',
+		'int232',
+		'int240',
+		'int248',
+		'int256',
+		//All uint
+		'uint',
+		'uint8',
+		'uint16',
+		'uint24',
+		'uint32',
+		'uint40',
+		'uint48',
+		'uint56',
+		'uint64',
+		'uint72',
+		'uint80',
+		'uint88',
+		'uint96',
+		'uint104',
+		'uint112',
+		'uint120',
+		'uint128',
+		'uint136',
+		'uint144',
+		'uint152',
+		'uint160',
+		'uint168',
+		'uint176',
+		'uint184',
+		'uint192',
+		'uint200',
+		'uint208',
+		'uint216',
+		'uint224',
+		'uint232',
+		'uint240',
+		'uint248',
+		'uint256',
+		//All Byte
+		'byte',
+		'bytes',
+		'bytes1',
+		'bytes2',
+		'bytes3',
+		'bytes4',
+		'bytes5',
+		'bytes6',
+		'bytes7',
+		'bytes8',
+		'bytes9',
+		'bytes10',
+		'bytes11',
+		'bytes12',
+		'bytes13',
+		'bytes14',
+		'bytes15',
+		'bytes16',
+		'bytes17',
+		'bytes18',
+		'bytes19',
+		'bytes20',
+		'bytes21',
+		'bytes22',
+		'bytes23',
+		'bytes24',
+		'bytes25',
+		'bytes26',
+		'bytes27',
+		'bytes28',
+		'bytes29',
+		'bytes30',
+		'bytes31',
+		'bytes32',
+		//All fixed
+		'fixed',
+		'fixed0x8',
+		'fixed0x16',
+		'fixed0x24',
+		'fixed0x32',
+		'fixed0x40',
+		'fixed0x48',
+		'fixed0x56',
+		'fixed0x64',
+		'fixed0x72',
+		'fixed0x80',
+		'fixed0x88',
+		'fixed0x96',
+		'fixed0x104',
+		'fixed0x112',
+		'fixed0x120',
+		'fixed0x128',
+		'fixed0x136',
+		'fixed0x144',
+		'fixed0x152',
+		'fixed0x160',
+		'fixed0x168',
+		'fixed0x176',
+		'fixed0x184',
+		'fixed0x192',
+		'fixed0x200',
+		'fixed0x208',
+		'fixed0x216',
+		'fixed0x224',
+		'fixed0x232',
+		'fixed0x240',
+		'fixed0x248',
+		'fixed0x256',
+		'fixed8x8',
+		'fixed8x16',
+		'fixed8x24',
+		'fixed8x32',
+		'fixed8x40',
+		'fixed8x48',
+		'fixed8x56',
+		'fixed8x64',
+		'fixed8x72',
+		'fixed8x80',
+		'fixed8x88',
+		'fixed8x96',
+		'fixed8x104',
+		'fixed8x112',
+		'fixed8x120',
+		'fixed8x128',
+		'fixed8x136',
+		'fixed8x144',
+		'fixed8x152',
+		'fixed8x160',
+		'fixed8x168',
+		'fixed8x176',
+		'fixed8x184',
+		'fixed8x192',
+		'fixed8x200',
+		'fixed8x208',
+		'fixed8x216',
+		'fixed8x224',
+		'fixed8x232',
+		'fixed8x240',
+		'fixed8x248',
+		'fixed16x8',
+		'fixed16x16',
+		'fixed16x24',
+		'fixed16x32',
+		'fixed16x40',
+		'fixed16x48',
+		'fixed16x56',
+		'fixed16x64',
+		'fixed16x72',
+		'fixed16x80',
+		'fixed16x88',
+		'fixed16x96',
+		'fixed16x104',
+		'fixed16x112',
+		'fixed16x120',
+		'fixed16x128',
+		'fixed16x136',
+		'fixed16x144',
+		'fixed16x152',
+		'fixed16x160',
+		'fixed16x168',
+		'fixed16x176',
+		'fixed16x184',
+		'fixed16x192',
+		'fixed16x200',
+		'fixed16x208',
+		'fixed16x216',
+		'fixed16x224',
+		'fixed16x232',
+		'fixed16x240',
+		'fixed24x8',
+		'fixed24x16',
+		'fixed24x24',
+		'fixed24x32',
+		'fixed24x40',
+		'fixed24x48',
+		'fixed24x56',
+		'fixed24x64',
+		'fixed24x72',
+		'fixed24x80',
+		'fixed24x88',
+		'fixed24x96',
+		'fixed24x104',
+		'fixed24x112',
+		'fixed24x120',
+		'fixed24x128',
+		'fixed24x136',
+		'fixed24x144',
+		'fixed24x152',
+		'fixed24x160',
+		'fixed24x168',
+		'fixed24x176',
+		'fixed24x184',
+		'fixed24x192',
+		'fixed24x200',
+		'fixed24x208',
+		'fixed24x216',
+		'fixed24x224',
+		'fixed24x232',
+		'fixed32x8',
+		'fixed32x16',
+		'fixed32x24',
+		'fixed32x32',
+		'fixed32x40',
+		'fixed32x48',
+		'fixed32x56',
+		'fixed32x64',
+		'fixed32x72',
+		'fixed32x80',
+		'fixed32x88',
+		'fixed32x96',
+		'fixed32x104',
+		'fixed32x112',
+		'fixed32x120',
+		'fixed32x128',
+		'fixed32x136',
+		'fixed32x144',
+		'fixed32x152',
+		'fixed32x160',
+		'fixed32x168',
+		'fixed32x176',
+		'fixed32x184',
+		'fixed32x192',
+		'fixed32x200',
+		'fixed32x208',
+		'fixed32x216',
+		'fixed32x224',
+		'fixed40x8',
+		'fixed40x16',
+		'fixed40x24',
+		'fixed40x32',
+		'fixed40x40',
+		'fixed40x48',
+		'fixed40x56',
+		'fixed40x64',
+		'fixed40x72',
+		'fixed40x80',
+		'fixed40x88',
+		'fixed40x96',
+		'fixed40x104',
+		'fixed40x112',
+		'fixed40x120',
+		'fixed40x128',
+		'fixed40x136',
+		'fixed40x144',
+		'fixed40x152',
+		'fixed40x160',
+		'fixed40x168',
+		'fixed40x176',
+		'fixed40x184',
+		'fixed40x192',
+		'fixed40x200',
+		'fixed40x208',
+		'fixed40x216',
+		'fixed48x8',
+		'fixed48x16',
+		'fixed48x24',
+		'fixed48x32',
+		'fixed48x40',
+		'fixed48x48',
+		'fixed48x56',
+		'fixed48x64',
+		'fixed48x72',
+		'fixed48x80',
+		'fixed48x88',
+		'fixed48x96',
+		'fixed48x104',
+		'fixed48x112',
+		'fixed48x120',
+		'fixed48x128',
+		'fixed48x136',
+		'fixed48x144',
+		'fixed48x152',
+		'fixed48x160',
+		'fixed48x168',
+		'fixed48x176',
+		'fixed48x184',
+		'fixed48x192',
+		'fixed48x200',
+		'fixed48x208',
+		'fixed56x8',
+		'fixed56x16',
+		'fixed56x24',
+		'fixed56x32',
+		'fixed56x40',
+		'fixed56x48',
+		'fixed56x56',
+		'fixed56x64',
+		'fixed56x72',
+		'fixed56x80',
+		'fixed56x88',
+		'fixed56x96',
+		'fixed56x104',
+		'fixed56x112',
+		'fixed56x120',
+		'fixed56x128',
+		'fixed56x136',
+		'fixed56x144',
+		'fixed56x152',
+		'fixed56x160',
+		'fixed56x168',
+		'fixed56x176',
+		'fixed56x184',
+		'fixed56x192',
+		'fixed56x200',
+		'fixed64x8',
+		'fixed64x16',
+		'fixed64x24',
+		'fixed64x32',
+		'fixed64x40',
+		'fixed64x48',
+		'fixed64x56',
+		'fixed64x64',
+		'fixed64x72',
+		'fixed64x80',
+		'fixed64x88',
+		'fixed64x96',
+		'fixed64x104',
+		'fixed64x112',
+		'fixed64x120',
+		'fixed64x128',
+		'fixed64x136',
+		'fixed64x144',
+		'fixed64x152',
+		'fixed64x160',
+		'fixed64x168',
+		'fixed64x176',
+		'fixed64x184',
+		'fixed64x192',
+		'fixed72x8',
+		'fixed72x16',
+		'fixed72x24',
+		'fixed72x32',
+		'fixed72x40',
+		'fixed72x48',
+		'fixed72x56',
+		'fixed72x64',
+		'fixed72x72',
+		'fixed72x80',
+		'fixed72x88',
+		'fixed72x96',
+		'fixed72x104',
+		'fixed72x112',
+		'fixed72x120',
+		'fixed72x128',
+		'fixed72x136',
+		'fixed72x144',
+		'fixed72x152',
+		'fixed72x160',
+		'fixed72x168',
+		'fixed72x176',
+		'fixed72x184',
+		'fixed80x8',
+		'fixed80x16',
+		'fixed80x24',
+		'fixed80x32',
+		'fixed80x40',
+		'fixed80x48',
+		'fixed80x56',
+		'fixed80x64',
+		'fixed80x72',
+		'fixed80x80',
+		'fixed80x88',
+		'fixed80x96',
+		'fixed80x104',
+		'fixed80x112',
+		'fixed80x120',
+		'fixed80x128',
+		'fixed80x136',
+		'fixed80x144',
+		'fixed80x152',
+		'fixed80x160',
+		'fixed80x168',
+		'fixed80x176',
+		'fixed88x8',
+		'fixed88x16',
+		'fixed88x24',
+		'fixed88x32',
+		'fixed88x40',
+		'fixed88x48',
+		'fixed88x56',
+		'fixed88x64',
+		'fixed88x72',
+		'fixed88x80',
+		'fixed88x88',
+		'fixed88x96',
+		'fixed88x104',
+		'fixed88x112',
+		'fixed88x120',
+		'fixed88x128',
+		'fixed88x136',
+		'fixed88x144',
+		'fixed88x152',
+		'fixed88x160',
+		'fixed88x168',
+		'fixed96x8',
+		'fixed96x16',
+		'fixed96x24',
+		'fixed96x32',
+		'fixed96x40',
+		'fixed96x48',
+		'fixed96x56',
+		'fixed96x64',
+		'fixed96x72',
+		'fixed96x80',
+		'fixed96x88',
+		'fixed96x96',
+		'fixed96x104',
+		'fixed96x112',
+		'fixed96x120',
+		'fixed96x128',
+		'fixed96x136',
+		'fixed96x144',
+		'fixed96x152',
+		'fixed96x160',
+		'fixed104x8',
+		'fixed104x16',
+		'fixed104x24',
+		'fixed104x32',
+		'fixed104x40',
+		'fixed104x48',
+		'fixed104x56',
+		'fixed104x64',
+		'fixed104x72',
+		'fixed104x80',
+		'fixed104x88',
+		'fixed104x96',
+		'fixed104x104',
+		'fixed104x112',
+		'fixed104x120',
+		'fixed104x128',
+		'fixed104x136',
+		'fixed104x144',
+		'fixed104x152',
+		'fixed112x8',
+		'fixed112x16',
+		'fixed112x24',
+		'fixed112x32',
+		'fixed112x40',
+		'fixed112x48',
+		'fixed112x56',
+		'fixed112x64',
+		'fixed112x72',
+		'fixed112x80',
+		'fixed112x88',
+		'fixed112x96',
+		'fixed112x104',
+		'fixed112x112',
+		'fixed112x120',
+		'fixed112x128',
+		'fixed112x136',
+		'fixed112x144',
+		'fixed120x8',
+		'fixed120x16',
+		'fixed120x24',
+		'fixed120x32',
+		'fixed120x40',
+		'fixed120x48',
+		'fixed120x56',
+		'fixed120x64',
+		'fixed120x72',
+		'fixed120x80',
+		'fixed120x88',
+		'fixed120x96',
+		'fixed120x104',
+		'fixed120x112',
+		'fixed120x120',
+		'fixed120x128',
+		'fixed120x136',
+		'fixed128x8',
+		'fixed128x16',
+		'fixed128x24',
+		'fixed128x32',
+		'fixed128x40',
+		'fixed128x48',
+		'fixed128x56',
+		'fixed128x64',
+		'fixed128x72',
+		'fixed128x80',
+		'fixed128x88',
+		'fixed128x96',
+		'fixed128x104',
+		'fixed128x112',
+		'fixed128x120',
+		'fixed128x128',
+		'fixed136x8',
+		'fixed136x16',
+		'fixed136x24',
+		'fixed136x32',
+		'fixed136x40',
+		'fixed136x48',
+		'fixed136x56',
+		'fixed136x64',
+		'fixed136x72',
+		'fixed136x80',
+		'fixed136x88',
+		'fixed136x96',
+		'fixed136x104',
+		'fixed136x112',
+		'fixed136x120',
+		'fixed144x8',
+		'fixed144x16',
+		'fixed144x24',
+		'fixed144x32',
+		'fixed144x40',
+		'fixed144x48',
+		'fixed144x56',
+		'fixed144x64',
+		'fixed144x72',
+		'fixed144x80',
+		'fixed144x88',
+		'fixed144x96',
+		'fixed144x104',
+		'fixed144x112',
+		'fixed152x8',
+		'fixed152x16',
+		'fixed152x24',
+		'fixed152x32',
+		'fixed152x40',
+		'fixed152x48',
+		'fixed152x56',
+		'fixed152x64',
+		'fixed152x72',
+		'fixed152x80',
+		'fixed152x88',
+		'fixed152x96',
+		'fixed152x104',
+		'fixed160x8',
+		'fixed160x16',
+		'fixed160x24',
+		'fixed160x32',
+		'fixed160x40',
+		'fixed160x48',
+		'fixed160x56',
+		'fixed160x64',
+		'fixed160x72',
+		'fixed160x80',
+		'fixed160x88',
+		'fixed160x96',
+		'fixed168x8',
+		'fixed168x16',
+		'fixed168x24',
+		'fixed168x32',
+		'fixed168x40',
+		'fixed168x48',
+		'fixed168x56',
+		'fixed168x64',
+		'fixed168x72',
+		'fixed168x80',
+		'fixed168x88',
+		'fixed176x8',
+		'fixed176x16',
+		'fixed176x24',
+		'fixed176x32',
+		'fixed176x40',
+		'fixed176x48',
+		'fixed176x56',
+		'fixed176x64',
+		'fixed176x72',
+		'fixed176x80',
+		'fixed184x8',
+		'fixed184x16',
+		'fixed184x24',
+		'fixed184x32',
+		'fixed184x40',
+		'fixed184x48',
+		'fixed184x56',
+		'fixed184x64',
+		'fixed184x72',
+		'fixed192x8',
+		'fixed192x16',
+		'fixed192x24',
+		'fixed192x32',
+		'fixed192x40',
+		'fixed192x48',
+		'fixed192x56',
+		'fixed192x64',
+		'fixed200x8',
+		'fixed200x16',
+		'fixed200x24',
+		'fixed200x32',
+		'fixed200x40',
+		'fixed200x48',
+		'fixed200x56',
+		'fixed208x8',
+		'fixed208x16',
+		'fixed208x24',
+		'fixed208x32',
+		'fixed208x40',
+		'fixed208x48',
+		'fixed216x8',
+		'fixed216x16',
+		'fixed216x24',
+		'fixed216x32',
+		'fixed216x40',
+		'fixed224x8',
+		'fixed224x16',
+		'fixed224x24',
+		'fixed224x32',
+		'fixed232x8',
+		'fixed232x16',
+		'fixed232x24',
+		'fixed240x8',
+		'fixed240x16',
+		'fixed248x8',
+		//All ufixed
+		'ufixed',
+		'ufixed0x8',
+		'ufixed0x16',
+		'ufixed0x24',
+		'ufixed0x32',
+		'ufixed0x40',
+		'ufixed0x48',
+		'ufixed0x56',
+		'ufixed0x64',
+		'ufixed0x72',
+		'ufixed0x80',
+		'ufixed0x88',
+		'ufixed0x96',
+		'ufixed0x104',
+		'ufixed0x112',
+		'ufixed0x120',
+		'ufixed0x128',
+		'ufixed0x136',
+		'ufixed0x144',
+		'ufixed0x152',
+		'ufixed0x160',
+		'ufixed0x168',
+		'ufixed0x176',
+		'ufixed0x184',
+		'ufixed0x192',
+		'ufixed0x200',
+		'ufixed0x208',
+		'ufixed0x216',
+		'ufixed0x224',
+		'ufixed0x232',
+		'ufixed0x240',
+		'ufixed0x248',
+		'ufixed0x256',
+		'ufixed8x8',
+		'ufixed8x16',
+		'ufixed8x24',
+		'ufixed8x32',
+		'ufixed8x40',
+		'ufixed8x48',
+		'ufixed8x56',
+		'ufixed8x64',
+		'ufixed8x72',
+		'ufixed8x80',
+		'ufixed8x88',
+		'ufixed8x96',
+		'ufixed8x104',
+		'ufixed8x112',
+		'ufixed8x120',
+		'ufixed8x128',
+		'ufixed8x136',
+		'ufixed8x144',
+		'ufixed8x152',
+		'ufixed8x160',
+		'ufixed8x168',
+		'ufixed8x176',
+		'ufixed8x184',
+		'ufixed8x192',
+		'ufixed8x200',
+		'ufixed8x208',
+		'ufixed8x216',
+		'ufixed8x224',
+		'ufixed8x232',
+		'ufixed8x240',
+		'ufixed8x248',
+		'ufixed16x8',
+		'ufixed16x16',
+		'ufixed16x24',
+		'ufixed16x32',
+		'ufixed16x40',
+		'ufixed16x48',
+		'ufixed16x56',
+		'ufixed16x64',
+		'ufixed16x72',
+		'ufixed16x80',
+		'ufixed16x88',
+		'ufixed16x96',
+		'ufixed16x104',
+		'ufixed16x112',
+		'ufixed16x120',
+		'ufixed16x128',
+		'ufixed16x136',
+		'ufixed16x144',
+		'ufixed16x152',
+		'ufixed16x160',
+		'ufixed16x168',
+		'ufixed16x176',
+		'ufixed16x184',
+		'ufixed16x192',
+		'ufixed16x200',
+		'ufixed16x208',
+		'ufixed16x216',
+		'ufixed16x224',
+		'ufixed16x232',
+		'ufixed16x240',
+		'ufixed24x8',
+		'ufixed24x16',
+		'ufixed24x24',
+		'ufixed24x32',
+		'ufixed24x40',
+		'ufixed24x48',
+		'ufixed24x56',
+		'ufixed24x64',
+		'ufixed24x72',
+		'ufixed24x80',
+		'ufixed24x88',
+		'ufixed24x96',
+		'ufixed24x104',
+		'ufixed24x112',
+		'ufixed24x120',
+		'ufixed24x128',
+		'ufixed24x136',
+		'ufixed24x144',
+		'ufixed24x152',
+		'ufixed24x160',
+		'ufixed24x168',
+		'ufixed24x176',
+		'ufixed24x184',
+		'ufixed24x192',
+		'ufixed24x200',
+		'ufixed24x208',
+		'ufixed24x216',
+		'ufixed24x224',
+		'ufixed24x232',
+		'ufixed32x8',
+		'ufixed32x16',
+		'ufixed32x24',
+		'ufixed32x32',
+		'ufixed32x40',
+		'ufixed32x48',
+		'ufixed32x56',
+		'ufixed32x64',
+		'ufixed32x72',
+		'ufixed32x80',
+		'ufixed32x88',
+		'ufixed32x96',
+		'ufixed32x104',
+		'ufixed32x112',
+		'ufixed32x120',
+		'ufixed32x128',
+		'ufixed32x136',
+		'ufixed32x144',
+		'ufixed32x152',
+		'ufixed32x160',
+		'ufixed32x168',
+		'ufixed32x176',
+		'ufixed32x184',
+		'ufixed32x192',
+		'ufixed32x200',
+		'ufixed32x208',
+		'ufixed32x216',
+		'ufixed32x224',
+		'ufixed40x8',
+		'ufixed40x16',
+		'ufixed40x24',
+		'ufixed40x32',
+		'ufixed40x40',
+		'ufixed40x48',
+		'ufixed40x56',
+		'ufixed40x64',
+		'ufixed40x72',
+		'ufixed40x80',
+		'ufixed40x88',
+		'ufixed40x96',
+		'ufixed40x104',
+		'ufixed40x112',
+		'ufixed40x120',
+		'ufixed40x128',
+		'ufixed40x136',
+		'ufixed40x144',
+		'ufixed40x152',
+		'ufixed40x160',
+		'ufixed40x168',
+		'ufixed40x176',
+		'ufixed40x184',
+		'ufixed40x192',
+		'ufixed40x200',
+		'ufixed40x208',
+		'ufixed40x216',
+		'ufixed48x8',
+		'ufixed48x16',
+		'ufixed48x24',
+		'ufixed48x32',
+		'ufixed48x40',
+		'ufixed48x48',
+		'ufixed48x56',
+		'ufixed48x64',
+		'ufixed48x72',
+		'ufixed48x80',
+		'ufixed48x88',
+		'ufixed48x96',
+		'ufixed48x104',
+		'ufixed48x112',
+		'ufixed48x120',
+		'ufixed48x128',
+		'ufixed48x136',
+		'ufixed48x144',
+		'ufixed48x152',
+		'ufixed48x160',
+		'ufixed48x168',
+		'ufixed48x176',
+		'ufixed48x184',
+		'ufixed48x192',
+		'ufixed48x200',
+		'ufixed48x208',
+		'ufixed56x8',
+		'ufixed56x16',
+		'ufixed56x24',
+		'ufixed56x32',
+		'ufixed56x40',
+		'ufixed56x48',
+		'ufixed56x56',
+		'ufixed56x64',
+		'ufixed56x72',
+		'ufixed56x80',
+		'ufixed56x88',
+		'ufixed56x96',
+		'ufixed56x104',
+		'ufixed56x112',
+		'ufixed56x120',
+		'ufixed56x128',
+		'ufixed56x136',
+		'ufixed56x144',
+		'ufixed56x152',
+		'ufixed56x160',
+		'ufixed56x168',
+		'ufixed56x176',
+		'ufixed56x184',
+		'ufixed56x192',
+		'ufixed56x200',
+		'ufixed64x8',
+		'ufixed64x16',
+		'ufixed64x24',
+		'ufixed64x32',
+		'ufixed64x40',
+		'ufixed64x48',
+		'ufixed64x56',
+		'ufixed64x64',
+		'ufixed64x72',
+		'ufixed64x80',
+		'ufixed64x88',
+		'ufixed64x96',
+		'ufixed64x104',
+		'ufixed64x112',
+		'ufixed64x120',
+		'ufixed64x128',
+		'ufixed64x136',
+		'ufixed64x144',
+		'ufixed64x152',
+		'ufixed64x160',
+		'ufixed64x168',
+		'ufixed64x176',
+		'ufixed64x184',
+		'ufixed64x192',
+		'ufixed72x8',
+		'ufixed72x16',
+		'ufixed72x24',
+		'ufixed72x32',
+		'ufixed72x40',
+		'ufixed72x48',
+		'ufixed72x56',
+		'ufixed72x64',
+		'ufixed72x72',
+		'ufixed72x80',
+		'ufixed72x88',
+		'ufixed72x96',
+		'ufixed72x104',
+		'ufixed72x112',
+		'ufixed72x120',
+		'ufixed72x128',
+		'ufixed72x136',
+		'ufixed72x144',
+		'ufixed72x152',
+		'ufixed72x160',
+		'ufixed72x168',
+		'ufixed72x176',
+		'ufixed72x184',
+		'ufixed80x8',
+		'ufixed80x16',
+		'ufixed80x24',
+		'ufixed80x32',
+		'ufixed80x40',
+		'ufixed80x48',
+		'ufixed80x56',
+		'ufixed80x64',
+		'ufixed80x72',
+		'ufixed80x80',
+		'ufixed80x88',
+		'ufixed80x96',
+		'ufixed80x104',
+		'ufixed80x112',
+		'ufixed80x120',
+		'ufixed80x128',
+		'ufixed80x136',
+		'ufixed80x144',
+		'ufixed80x152',
+		'ufixed80x160',
+		'ufixed80x168',
+		'ufixed80x176',
+		'ufixed88x8',
+		'ufixed88x16',
+		'ufixed88x24',
+		'ufixed88x32',
+		'ufixed88x40',
+		'ufixed88x48',
+		'ufixed88x56',
+		'ufixed88x64',
+		'ufixed88x72',
+		'ufixed88x80',
+		'ufixed88x88',
+		'ufixed88x96',
+		'ufixed88x104',
+		'ufixed88x112',
+		'ufixed88x120',
+		'ufixed88x128',
+		'ufixed88x136',
+		'ufixed88x144',
+		'ufixed88x152',
+		'ufixed88x160',
+		'ufixed88x168',
+		'ufixed96x8',
+		'ufixed96x16',
+		'ufixed96x24',
+		'ufixed96x32',
+		'ufixed96x40',
+		'ufixed96x48',
+		'ufixed96x56',
+		'ufixed96x64',
+		'ufixed96x72',
+		'ufixed96x80',
+		'ufixed96x88',
+		'ufixed96x96',
+		'ufixed96x104',
+		'ufixed96x112',
+		'ufixed96x120',
+		'ufixed96x128',
+		'ufixed96x136',
+		'ufixed96x144',
+		'ufixed96x152',
+		'ufixed96x160',
+		'ufixed104x8',
+		'ufixed104x16',
+		'ufixed104x24',
+		'ufixed104x32',
+		'ufixed104x40',
+		'ufixed104x48',
+		'ufixed104x56',
+		'ufixed104x64',
+		'ufixed104x72',
+		'ufixed104x80',
+		'ufixed104x88',
+		'ufixed104x96',
+		'ufixed104x104',
+		'ufixed104x112',
+		'ufixed104x120',
+		'ufixed104x128',
+		'ufixed104x136',
+		'ufixed104x144',
+		'ufixed104x152',
+		'ufixed112x8',
+		'ufixed112x16',
+		'ufixed112x24',
+		'ufixed112x32',
+		'ufixed112x40',
+		'ufixed112x48',
+		'ufixed112x56',
+		'ufixed112x64',
+		'ufixed112x72',
+		'ufixed112x80',
+		'ufixed112x88',
+		'ufixed112x96',
+		'ufixed112x104',
+		'ufixed112x112',
+		'ufixed112x120',
+		'ufixed112x128',
+		'ufixed112x136',
+		'ufixed112x144',
+		'ufixed120x8',
+		'ufixed120x16',
+		'ufixed120x24',
+		'ufixed120x32',
+		'ufixed120x40',
+		'ufixed120x48',
+		'ufixed120x56',
+		'ufixed120x64',
+		'ufixed120x72',
+		'ufixed120x80',
+		'ufixed120x88',
+		'ufixed120x96',
+		'ufixed120x104',
+		'ufixed120x112',
+		'ufixed120x120',
+		'ufixed120x128',
+		'ufixed120x136',
+		'ufixed128x8',
+		'ufixed128x16',
+		'ufixed128x24',
+		'ufixed128x32',
+		'ufixed128x40',
+		'ufixed128x48',
+		'ufixed128x56',
+		'ufixed128x64',
+		'ufixed128x72',
+		'ufixed128x80',
+		'ufixed128x88',
+		'ufixed128x96',
+		'ufixed128x104',
+		'ufixed128x112',
+		'ufixed128x120',
+		'ufixed128x128',
+		'ufixed136x8',
+		'ufixed136x16',
+		'ufixed136x24',
+		'ufixed136x32',
+		'ufixed136x40',
+		'ufixed136x48',
+		'ufixed136x56',
+		'ufixed136x64',
+		'ufixed136x72',
+		'ufixed136x80',
+		'ufixed136x88',
+		'ufixed136x96',
+		'ufixed136x104',
+		'ufixed136x112',
+		'ufixed136x120',
+		'ufixed144x8',
+		'ufixed144x16',
+		'ufixed144x24',
+		'ufixed144x32',
+		'ufixed144x40',
+		'ufixed144x48',
+		'ufixed144x56',
+		'ufixed144x64',
+		'ufixed144x72',
+		'ufixed144x80',
+		'ufixed144x88',
+		'ufixed144x96',
+		'ufixed144x104',
+		'ufixed144x112',
+		'ufixed152x8',
+		'ufixed152x16',
+		'ufixed152x24',
+		'ufixed152x32',
+		'ufixed152x40',
+		'ufixed152x48',
+		'ufixed152x56',
+		'ufixed152x64',
+		'ufixed152x72',
+		'ufixed152x80',
+		'ufixed152x88',
+		'ufixed152x96',
+		'ufixed152x104',
+		'ufixed160x8',
+		'ufixed160x16',
+		'ufixed160x24',
+		'ufixed160x32',
+		'ufixed160x40',
+		'ufixed160x48',
+		'ufixed160x56',
+		'ufixed160x64',
+		'ufixed160x72',
+		'ufixed160x80',
+		'ufixed160x88',
+		'ufixed160x96',
+		'ufixed168x8',
+		'ufixed168x16',
+		'ufixed168x24',
+		'ufixed168x32',
+		'ufixed168x40',
+		'ufixed168x48',
+		'ufixed168x56',
+		'ufixed168x64',
+		'ufixed168x72',
+		'ufixed168x80',
+		'ufixed168x88',
+		'ufixed176x8',
+		'ufixed176x16',
+		'ufixed176x24',
+		'ufixed176x32',
+		'ufixed176x40',
+		'ufixed176x48',
+		'ufixed176x56',
+		'ufixed176x64',
+		'ufixed176x72',
+		'ufixed176x80',
+		'ufixed184x8',
+		'ufixed184x16',
+		'ufixed184x24',
+		'ufixed184x32',
+		'ufixed184x40',
+		'ufixed184x48',
+		'ufixed184x56',
+		'ufixed184x64',
+		'ufixed184x72',
+		'ufixed192x8',
+		'ufixed192x16',
+		'ufixed192x24',
+		'ufixed192x32',
+		'ufixed192x40',
+		'ufixed192x48',
+		'ufixed192x56',
+		'ufixed192x64',
+		'ufixed200x8',
+		'ufixed200x16',
+		'ufixed200x24',
+		'ufixed200x32',
+		'ufixed200x40',
+		'ufixed200x48',
+		'ufixed200x56',
+		'ufixed208x8',
+		'ufixed208x16',
+		'ufixed208x24',
+		'ufixed208x32',
+		'ufixed208x40',
+		'ufixed208x48',
+		'ufixed216x8',
+		'ufixed216x16',
+		'ufixed216x24',
+		'ufixed216x32',
+		'ufixed216x40',
+		'ufixed224x8',
+		'ufixed224x16',
+		'ufixed224x24',
+		'ufixed224x32',
+		'ufixed232x8',
+		'ufixed232x16',
+		'ufixed232x24',
+		'ufixed240x8',
+		'ufixed240x16',
+		'ufixed248x8',
+		'event',
+		'enum',
+		'let',
+		'mapping',
+		'private',
+		'public',
+		'external',
+        'view',
+        'pure',
+		'inherited',
+		'payable',
+		'true',
+		'false',
+		'var',
+		'import',
+		'constant',
+		'if',
+		'else',
+		'for',
+		'else',
+		'for',
+		'while',
+		'do',
+		'break',
+		'continue',
+		'throw',
+		'returns',
+		'return',
+		'suicide',
+		'new',
+		'is',
+		'this',
+		'super'
+	],
+
+	operators: [
+		'=',
+		'>',
+		'<',
+		'!',
+		'~',
+		'?',
+		':',
+		'==',
+		'<=',
+		'>=',
+		'!=',
+		'&&',
+		'||',
+		'++',
+		'--',
+		'+',
+		'-',
+		'*',
+		'/',
+		'&',
+		'|',
+		'^',
+		'%',
+		'<<',
+		'>>',
+		'>>>',
+		'+=',
+		'-=',
+		'*=',
+		'/=',
+		'&=',
+		'|=',
+		'^=',
+		'%=',
+		'<<=',
+		'>>=',
+		'>>>='
+	],
+
+	// we include these common regular expressions
+	symbols: /[=><!~?:&|+\-*\/\^%]+/,
+	escapes: /\\(?:[abfnrtv\\"']|x[0-9A-Fa-f]{1,4}|u[0-9A-Fa-f]{4}|U[0-9A-Fa-f]{8})/,
+	integersuffix: /(ll|LL|u|U|l|L)?(ll|LL|u|U|l|L)?/,
+	floatsuffix: /[fFlL]?/,
+
+	// The main tokenizer for our languages
+	tokenizer: {
+		root: [
+			// identifiers and keywords
+			[
+				/[a-zA-Z_]\w*/,
+				{
+					cases: {
+						'@keywords': { token: 'keyword.$0' },
+						'@default': 'identifier'
+					}
+				}
+			],
+
+			// whitespace
+			{ include: '@whitespace' },
+
+			// [[ attributes ]].
+			[/\[\[.*\]\]/, 'annotation'],
+
+			// Preprocessor directive
+			[/^\s*#\w+/, 'keyword'],
+
+			//DataTypes
+			[/int\d*/, 'keyword'],
+
+			// delimiters and operators
+			[/[{}()\[\]]/, '@brackets'],
+			[/[<>](?!@symbols)/, '@brackets'],
+			[
+				/@symbols/,
+				{
+					cases: {
+						'@operators': 'delimiter',
+						'@default': ''
+					}
+				}
+			],
+
+			// numbers
+			[/\d*\d+[eE]([\-+]?\d+)?(@floatsuffix)/, 'number.float'],
+			[/\d*\.\d+([eE][\-+]?\d+)?(@floatsuffix)/, 'number.float'],
+			[/0[xX][0-9a-fA-F']*[0-9a-fA-F](@integersuffix)/, 'number.hex'],
+			[/0[0-7']*[0-7](@integersuffix)/, 'number.octal'],
+			[/0[bB][0-1']*[0-1](@integersuffix)/, 'number.binary'],
+			[/\d[\d']*\d(@integersuffix)/, 'number'],
+			[/\d(@integersuffix)/, 'number'],
+
+			// delimiter: after number because of .\d floats
+			[/[;,.]/, 'delimiter'],
+
+			// strings
+			[/"([^"\\]|\\.)*$/, 'string.invalid'], // non-teminated string
+			[/"/, 'string', '@string'],
+
+			// characters
+			[/'[^\\']'/, 'string'],
+			[/(')(@escapes)(')/, ['string', 'string.escape', 'string']],
+			[/'/, 'string.invalid']
+		],
+
+		whitespace: [
+			[/[ \t\r\n]+/, ''],
+			[/\/\*\*(?!\/)/, 'comment.doc', '@doccomment'],
+			[/\/\*/, 'comment', '@comment'],
+			[/\/\/.*$/, 'comment']
+		],
+
+		comment: [
+			[/[^\/*]+/, 'comment'],
+			[/\*\//, 'comment', '@pop'],
+			[/[\/*]/, 'comment']
+		],
+		//Identical copy of comment above, except for the addition of .doc
+		doccomment: [
+			[/[^\/*]+/, 'comment.doc'],
+			[/\*\//, 'comment.doc', '@pop'],
+			[/[\/*]/, 'comment.doc']
+		],
+
+		string: [
+			[/[^\\"]+/, 'string'],
+			[/@escapes/, 'string.escape'],
+			[/\\./, 'string.escape.invalid'],
+			[/"/, 'string', '@pop']
+		]
+	}
+};
\ No newline at end of file

From 178d3610c27278d710f5ab1e37b79bc5989af3f3 Mon Sep 17 00:00:00 2001
From: yann300 <yann.levreau@gmail.com>
Date: Mon, 8 Nov 2021 12:07:08 +0100
Subject: [PATCH 11/68] rollback dom inserion order

---
 apps/remix-ide/src/app/tabs/theme-module.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/remix-ide/src/app/tabs/theme-module.js b/apps/remix-ide/src/app/tabs/theme-module.js
index 5ea0bf1d30..4886a40731 100644
--- a/apps/remix-ide/src/app/tabs/theme-module.js
+++ b/apps/remix-ide/src/app/tabs/theme-module.js
@@ -63,10 +63,10 @@ export class ThemeModule extends Plugin {
       const nextTheme = this.themes[this.active] // Theme
       document.documentElement.style.setProperty('--theme', nextTheme.quality)
       const theme = yo`<link rel="stylesheet" href="${nextTheme.url}" id="theme-link"/>`
-      document.head.insertBefore(theme, document.head.firstChild)
-      document.getElementById('theme-link').addEventListener('load', () => {
+      theme.addEventListener('load', () => {
         if (callback) callback()
       })
+      document.head.insertBefore(theme, document.head.firstChild)
     }
   }
 

From 7196914c40f6fc6404492c161c7705e7da3bc909 Mon Sep 17 00:00:00 2001
From: yann300 <yann.levreau@gmail.com>
Date: Mon, 8 Nov 2021 12:29:19 +0100
Subject: [PATCH 12/68] fix loading theme

---
 apps/remix-ide/src/app/tabs/theme-module.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/apps/remix-ide/src/app/tabs/theme-module.js b/apps/remix-ide/src/app/tabs/theme-module.js
index 4886a40731..118fd2d901 100644
--- a/apps/remix-ide/src/app/tabs/theme-module.js
+++ b/apps/remix-ide/src/app/tabs/theme-module.js
@@ -79,6 +79,7 @@ export class ThemeModule extends Plugin {
       throw new Error(`Theme ${themeName} doesn't exist`)
     }
     const next = themeName || this.active // Name
+    if (themeName === this.active) return
     _paq.push(['trackEvent', 'themeModule', 'switchTo', next])
     const nextTheme = this.themes[next] // Theme
     if (!this.forced) this._deps.config.set('settings/theme', next)

From 0d07623ea8558a380ffac4545e59c3dddf4d6855 Mon Sep 17 00:00:00 2001
From: yann300 <yann.levreau@gmail.com>
Date: Mon, 8 Nov 2021 12:29:24 +0100
Subject: [PATCH 13/68] linting

---
 libs/remix-ui/editor/src/lib/syntax.ts | 2726 ++++++++++++------------
 1 file changed, 1363 insertions(+), 1363 deletions(-)

diff --git a/libs/remix-ui/editor/src/lib/syntax.ts b/libs/remix-ui/editor/src/lib/syntax.ts
index a2d4503d5d..623c57f3bc 100644
--- a/libs/remix-ui/editor/src/lib/syntax.ts
+++ b/libs/remix-ui/editor/src/lib/syntax.ts
@@ -1,1383 +1,1383 @@
 export const conf = {
-	comments: {
-		lineComment: '//',
-		blockComment: ['/*', '*/']
-	},
-	brackets: [
-		['{', '}'],
-		['[', ']'],
-		['(', ')'],
-		['<', '>']
-	],
-	autoClosingPairs: [
-		{ open: '"', close: '"', notIn: ['string', 'comment'] },
-		{ open: '{', close: '}', notIn: ['string', 'comment'] },
-		{ open: '[', close: ']', notIn: ['string', 'comment'] },
-		{ open: '(', close: ')', notIn: ['string', 'comment'] }
-	]
-};
+  comments: {
+    lineComment: '//',
+    blockComment: ['/*', '*/']
+  },
+  brackets: [
+    ['{', '}'],
+    ['[', ']'],
+    ['(', ')'],
+    ['<', '>']
+  ],
+  autoClosingPairs: [
+    { open: '"', close: '"', notIn: ['string', 'comment'] },
+    { open: '{', close: '}', notIn: ['string', 'comment'] },
+    { open: '[', close: ']', notIn: ['string', 'comment'] },
+    { open: '(', close: ')', notIn: ['string', 'comment'] }
+  ]
+}
 
 export const language = {
-	defaultToken: '',
-	tokenPostfix: '.sol',
+  defaultToken: '',
+  tokenPostfix: '.sol',
 
-	brackets: [
-		{ token: 'delimiter.curly', open: '{', close: '}' },
-		{ token: 'delimiter.parenthesis', open: '(', close: ')' },
-		{ token: 'delimiter.square', open: '[', close: ']' },
-		{ token: 'delimiter.angle', open: '<', close: '>' }
-	],
+  brackets: [
+    { token: 'delimiter.curly', open: '{', close: '}' },
+    { token: 'delimiter.parenthesis', open: '(', close: ')' },
+    { token: 'delimiter.square', open: '[', close: ']' },
+    { token: 'delimiter.angle', open: '<', close: '>' }
+  ],
 
-	keywords: [
-		// Main keywords
-		'pragma',
-		'solidity',
-		'contract',
-		'library',
-		'using',
-		'struct',
-		'function',
-		'modifier',
-		'constructor',
-		//Built-in types
-		'address',
-		'string',
-		'bool',
-		//Other types
-		'Int',
-		'Uint',
-		'Byte',
-		'Fixed',
-		'Ufixed',
-		//All int
-		'int',
-		'int8',
-		'int16',
-		'int24',
-		'int32',
-		'int40',
-		'int48',
-		'int56',
-		'int64',
-		'int72',
-		'int80',
-		'int88',
-		'int96',
-		'int104',
-		'int112',
-		'int120',
-		'int128',
-		'int136',
-		'int144',
-		'int152',
-		'int160',
-		'int168',
-		'int176',
-		'int184',
-		'int192',
-		'int200',
-		'int208',
-		'int216',
-		'int224',
-		'int232',
-		'int240',
-		'int248',
-		'int256',
-		//All uint
-		'uint',
-		'uint8',
-		'uint16',
-		'uint24',
-		'uint32',
-		'uint40',
-		'uint48',
-		'uint56',
-		'uint64',
-		'uint72',
-		'uint80',
-		'uint88',
-		'uint96',
-		'uint104',
-		'uint112',
-		'uint120',
-		'uint128',
-		'uint136',
-		'uint144',
-		'uint152',
-		'uint160',
-		'uint168',
-		'uint176',
-		'uint184',
-		'uint192',
-		'uint200',
-		'uint208',
-		'uint216',
-		'uint224',
-		'uint232',
-		'uint240',
-		'uint248',
-		'uint256',
-		//All Byte
-		'byte',
-		'bytes',
-		'bytes1',
-		'bytes2',
-		'bytes3',
-		'bytes4',
-		'bytes5',
-		'bytes6',
-		'bytes7',
-		'bytes8',
-		'bytes9',
-		'bytes10',
-		'bytes11',
-		'bytes12',
-		'bytes13',
-		'bytes14',
-		'bytes15',
-		'bytes16',
-		'bytes17',
-		'bytes18',
-		'bytes19',
-		'bytes20',
-		'bytes21',
-		'bytes22',
-		'bytes23',
-		'bytes24',
-		'bytes25',
-		'bytes26',
-		'bytes27',
-		'bytes28',
-		'bytes29',
-		'bytes30',
-		'bytes31',
-		'bytes32',
-		//All fixed
-		'fixed',
-		'fixed0x8',
-		'fixed0x16',
-		'fixed0x24',
-		'fixed0x32',
-		'fixed0x40',
-		'fixed0x48',
-		'fixed0x56',
-		'fixed0x64',
-		'fixed0x72',
-		'fixed0x80',
-		'fixed0x88',
-		'fixed0x96',
-		'fixed0x104',
-		'fixed0x112',
-		'fixed0x120',
-		'fixed0x128',
-		'fixed0x136',
-		'fixed0x144',
-		'fixed0x152',
-		'fixed0x160',
-		'fixed0x168',
-		'fixed0x176',
-		'fixed0x184',
-		'fixed0x192',
-		'fixed0x200',
-		'fixed0x208',
-		'fixed0x216',
-		'fixed0x224',
-		'fixed0x232',
-		'fixed0x240',
-		'fixed0x248',
-		'fixed0x256',
-		'fixed8x8',
-		'fixed8x16',
-		'fixed8x24',
-		'fixed8x32',
-		'fixed8x40',
-		'fixed8x48',
-		'fixed8x56',
-		'fixed8x64',
-		'fixed8x72',
-		'fixed8x80',
-		'fixed8x88',
-		'fixed8x96',
-		'fixed8x104',
-		'fixed8x112',
-		'fixed8x120',
-		'fixed8x128',
-		'fixed8x136',
-		'fixed8x144',
-		'fixed8x152',
-		'fixed8x160',
-		'fixed8x168',
-		'fixed8x176',
-		'fixed8x184',
-		'fixed8x192',
-		'fixed8x200',
-		'fixed8x208',
-		'fixed8x216',
-		'fixed8x224',
-		'fixed8x232',
-		'fixed8x240',
-		'fixed8x248',
-		'fixed16x8',
-		'fixed16x16',
-		'fixed16x24',
-		'fixed16x32',
-		'fixed16x40',
-		'fixed16x48',
-		'fixed16x56',
-		'fixed16x64',
-		'fixed16x72',
-		'fixed16x80',
-		'fixed16x88',
-		'fixed16x96',
-		'fixed16x104',
-		'fixed16x112',
-		'fixed16x120',
-		'fixed16x128',
-		'fixed16x136',
-		'fixed16x144',
-		'fixed16x152',
-		'fixed16x160',
-		'fixed16x168',
-		'fixed16x176',
-		'fixed16x184',
-		'fixed16x192',
-		'fixed16x200',
-		'fixed16x208',
-		'fixed16x216',
-		'fixed16x224',
-		'fixed16x232',
-		'fixed16x240',
-		'fixed24x8',
-		'fixed24x16',
-		'fixed24x24',
-		'fixed24x32',
-		'fixed24x40',
-		'fixed24x48',
-		'fixed24x56',
-		'fixed24x64',
-		'fixed24x72',
-		'fixed24x80',
-		'fixed24x88',
-		'fixed24x96',
-		'fixed24x104',
-		'fixed24x112',
-		'fixed24x120',
-		'fixed24x128',
-		'fixed24x136',
-		'fixed24x144',
-		'fixed24x152',
-		'fixed24x160',
-		'fixed24x168',
-		'fixed24x176',
-		'fixed24x184',
-		'fixed24x192',
-		'fixed24x200',
-		'fixed24x208',
-		'fixed24x216',
-		'fixed24x224',
-		'fixed24x232',
-		'fixed32x8',
-		'fixed32x16',
-		'fixed32x24',
-		'fixed32x32',
-		'fixed32x40',
-		'fixed32x48',
-		'fixed32x56',
-		'fixed32x64',
-		'fixed32x72',
-		'fixed32x80',
-		'fixed32x88',
-		'fixed32x96',
-		'fixed32x104',
-		'fixed32x112',
-		'fixed32x120',
-		'fixed32x128',
-		'fixed32x136',
-		'fixed32x144',
-		'fixed32x152',
-		'fixed32x160',
-		'fixed32x168',
-		'fixed32x176',
-		'fixed32x184',
-		'fixed32x192',
-		'fixed32x200',
-		'fixed32x208',
-		'fixed32x216',
-		'fixed32x224',
-		'fixed40x8',
-		'fixed40x16',
-		'fixed40x24',
-		'fixed40x32',
-		'fixed40x40',
-		'fixed40x48',
-		'fixed40x56',
-		'fixed40x64',
-		'fixed40x72',
-		'fixed40x80',
-		'fixed40x88',
-		'fixed40x96',
-		'fixed40x104',
-		'fixed40x112',
-		'fixed40x120',
-		'fixed40x128',
-		'fixed40x136',
-		'fixed40x144',
-		'fixed40x152',
-		'fixed40x160',
-		'fixed40x168',
-		'fixed40x176',
-		'fixed40x184',
-		'fixed40x192',
-		'fixed40x200',
-		'fixed40x208',
-		'fixed40x216',
-		'fixed48x8',
-		'fixed48x16',
-		'fixed48x24',
-		'fixed48x32',
-		'fixed48x40',
-		'fixed48x48',
-		'fixed48x56',
-		'fixed48x64',
-		'fixed48x72',
-		'fixed48x80',
-		'fixed48x88',
-		'fixed48x96',
-		'fixed48x104',
-		'fixed48x112',
-		'fixed48x120',
-		'fixed48x128',
-		'fixed48x136',
-		'fixed48x144',
-		'fixed48x152',
-		'fixed48x160',
-		'fixed48x168',
-		'fixed48x176',
-		'fixed48x184',
-		'fixed48x192',
-		'fixed48x200',
-		'fixed48x208',
-		'fixed56x8',
-		'fixed56x16',
-		'fixed56x24',
-		'fixed56x32',
-		'fixed56x40',
-		'fixed56x48',
-		'fixed56x56',
-		'fixed56x64',
-		'fixed56x72',
-		'fixed56x80',
-		'fixed56x88',
-		'fixed56x96',
-		'fixed56x104',
-		'fixed56x112',
-		'fixed56x120',
-		'fixed56x128',
-		'fixed56x136',
-		'fixed56x144',
-		'fixed56x152',
-		'fixed56x160',
-		'fixed56x168',
-		'fixed56x176',
-		'fixed56x184',
-		'fixed56x192',
-		'fixed56x200',
-		'fixed64x8',
-		'fixed64x16',
-		'fixed64x24',
-		'fixed64x32',
-		'fixed64x40',
-		'fixed64x48',
-		'fixed64x56',
-		'fixed64x64',
-		'fixed64x72',
-		'fixed64x80',
-		'fixed64x88',
-		'fixed64x96',
-		'fixed64x104',
-		'fixed64x112',
-		'fixed64x120',
-		'fixed64x128',
-		'fixed64x136',
-		'fixed64x144',
-		'fixed64x152',
-		'fixed64x160',
-		'fixed64x168',
-		'fixed64x176',
-		'fixed64x184',
-		'fixed64x192',
-		'fixed72x8',
-		'fixed72x16',
-		'fixed72x24',
-		'fixed72x32',
-		'fixed72x40',
-		'fixed72x48',
-		'fixed72x56',
-		'fixed72x64',
-		'fixed72x72',
-		'fixed72x80',
-		'fixed72x88',
-		'fixed72x96',
-		'fixed72x104',
-		'fixed72x112',
-		'fixed72x120',
-		'fixed72x128',
-		'fixed72x136',
-		'fixed72x144',
-		'fixed72x152',
-		'fixed72x160',
-		'fixed72x168',
-		'fixed72x176',
-		'fixed72x184',
-		'fixed80x8',
-		'fixed80x16',
-		'fixed80x24',
-		'fixed80x32',
-		'fixed80x40',
-		'fixed80x48',
-		'fixed80x56',
-		'fixed80x64',
-		'fixed80x72',
-		'fixed80x80',
-		'fixed80x88',
-		'fixed80x96',
-		'fixed80x104',
-		'fixed80x112',
-		'fixed80x120',
-		'fixed80x128',
-		'fixed80x136',
-		'fixed80x144',
-		'fixed80x152',
-		'fixed80x160',
-		'fixed80x168',
-		'fixed80x176',
-		'fixed88x8',
-		'fixed88x16',
-		'fixed88x24',
-		'fixed88x32',
-		'fixed88x40',
-		'fixed88x48',
-		'fixed88x56',
-		'fixed88x64',
-		'fixed88x72',
-		'fixed88x80',
-		'fixed88x88',
-		'fixed88x96',
-		'fixed88x104',
-		'fixed88x112',
-		'fixed88x120',
-		'fixed88x128',
-		'fixed88x136',
-		'fixed88x144',
-		'fixed88x152',
-		'fixed88x160',
-		'fixed88x168',
-		'fixed96x8',
-		'fixed96x16',
-		'fixed96x24',
-		'fixed96x32',
-		'fixed96x40',
-		'fixed96x48',
-		'fixed96x56',
-		'fixed96x64',
-		'fixed96x72',
-		'fixed96x80',
-		'fixed96x88',
-		'fixed96x96',
-		'fixed96x104',
-		'fixed96x112',
-		'fixed96x120',
-		'fixed96x128',
-		'fixed96x136',
-		'fixed96x144',
-		'fixed96x152',
-		'fixed96x160',
-		'fixed104x8',
-		'fixed104x16',
-		'fixed104x24',
-		'fixed104x32',
-		'fixed104x40',
-		'fixed104x48',
-		'fixed104x56',
-		'fixed104x64',
-		'fixed104x72',
-		'fixed104x80',
-		'fixed104x88',
-		'fixed104x96',
-		'fixed104x104',
-		'fixed104x112',
-		'fixed104x120',
-		'fixed104x128',
-		'fixed104x136',
-		'fixed104x144',
-		'fixed104x152',
-		'fixed112x8',
-		'fixed112x16',
-		'fixed112x24',
-		'fixed112x32',
-		'fixed112x40',
-		'fixed112x48',
-		'fixed112x56',
-		'fixed112x64',
-		'fixed112x72',
-		'fixed112x80',
-		'fixed112x88',
-		'fixed112x96',
-		'fixed112x104',
-		'fixed112x112',
-		'fixed112x120',
-		'fixed112x128',
-		'fixed112x136',
-		'fixed112x144',
-		'fixed120x8',
-		'fixed120x16',
-		'fixed120x24',
-		'fixed120x32',
-		'fixed120x40',
-		'fixed120x48',
-		'fixed120x56',
-		'fixed120x64',
-		'fixed120x72',
-		'fixed120x80',
-		'fixed120x88',
-		'fixed120x96',
-		'fixed120x104',
-		'fixed120x112',
-		'fixed120x120',
-		'fixed120x128',
-		'fixed120x136',
-		'fixed128x8',
-		'fixed128x16',
-		'fixed128x24',
-		'fixed128x32',
-		'fixed128x40',
-		'fixed128x48',
-		'fixed128x56',
-		'fixed128x64',
-		'fixed128x72',
-		'fixed128x80',
-		'fixed128x88',
-		'fixed128x96',
-		'fixed128x104',
-		'fixed128x112',
-		'fixed128x120',
-		'fixed128x128',
-		'fixed136x8',
-		'fixed136x16',
-		'fixed136x24',
-		'fixed136x32',
-		'fixed136x40',
-		'fixed136x48',
-		'fixed136x56',
-		'fixed136x64',
-		'fixed136x72',
-		'fixed136x80',
-		'fixed136x88',
-		'fixed136x96',
-		'fixed136x104',
-		'fixed136x112',
-		'fixed136x120',
-		'fixed144x8',
-		'fixed144x16',
-		'fixed144x24',
-		'fixed144x32',
-		'fixed144x40',
-		'fixed144x48',
-		'fixed144x56',
-		'fixed144x64',
-		'fixed144x72',
-		'fixed144x80',
-		'fixed144x88',
-		'fixed144x96',
-		'fixed144x104',
-		'fixed144x112',
-		'fixed152x8',
-		'fixed152x16',
-		'fixed152x24',
-		'fixed152x32',
-		'fixed152x40',
-		'fixed152x48',
-		'fixed152x56',
-		'fixed152x64',
-		'fixed152x72',
-		'fixed152x80',
-		'fixed152x88',
-		'fixed152x96',
-		'fixed152x104',
-		'fixed160x8',
-		'fixed160x16',
-		'fixed160x24',
-		'fixed160x32',
-		'fixed160x40',
-		'fixed160x48',
-		'fixed160x56',
-		'fixed160x64',
-		'fixed160x72',
-		'fixed160x80',
-		'fixed160x88',
-		'fixed160x96',
-		'fixed168x8',
-		'fixed168x16',
-		'fixed168x24',
-		'fixed168x32',
-		'fixed168x40',
-		'fixed168x48',
-		'fixed168x56',
-		'fixed168x64',
-		'fixed168x72',
-		'fixed168x80',
-		'fixed168x88',
-		'fixed176x8',
-		'fixed176x16',
-		'fixed176x24',
-		'fixed176x32',
-		'fixed176x40',
-		'fixed176x48',
-		'fixed176x56',
-		'fixed176x64',
-		'fixed176x72',
-		'fixed176x80',
-		'fixed184x8',
-		'fixed184x16',
-		'fixed184x24',
-		'fixed184x32',
-		'fixed184x40',
-		'fixed184x48',
-		'fixed184x56',
-		'fixed184x64',
-		'fixed184x72',
-		'fixed192x8',
-		'fixed192x16',
-		'fixed192x24',
-		'fixed192x32',
-		'fixed192x40',
-		'fixed192x48',
-		'fixed192x56',
-		'fixed192x64',
-		'fixed200x8',
-		'fixed200x16',
-		'fixed200x24',
-		'fixed200x32',
-		'fixed200x40',
-		'fixed200x48',
-		'fixed200x56',
-		'fixed208x8',
-		'fixed208x16',
-		'fixed208x24',
-		'fixed208x32',
-		'fixed208x40',
-		'fixed208x48',
-		'fixed216x8',
-		'fixed216x16',
-		'fixed216x24',
-		'fixed216x32',
-		'fixed216x40',
-		'fixed224x8',
-		'fixed224x16',
-		'fixed224x24',
-		'fixed224x32',
-		'fixed232x8',
-		'fixed232x16',
-		'fixed232x24',
-		'fixed240x8',
-		'fixed240x16',
-		'fixed248x8',
-		//All ufixed
-		'ufixed',
-		'ufixed0x8',
-		'ufixed0x16',
-		'ufixed0x24',
-		'ufixed0x32',
-		'ufixed0x40',
-		'ufixed0x48',
-		'ufixed0x56',
-		'ufixed0x64',
-		'ufixed0x72',
-		'ufixed0x80',
-		'ufixed0x88',
-		'ufixed0x96',
-		'ufixed0x104',
-		'ufixed0x112',
-		'ufixed0x120',
-		'ufixed0x128',
-		'ufixed0x136',
-		'ufixed0x144',
-		'ufixed0x152',
-		'ufixed0x160',
-		'ufixed0x168',
-		'ufixed0x176',
-		'ufixed0x184',
-		'ufixed0x192',
-		'ufixed0x200',
-		'ufixed0x208',
-		'ufixed0x216',
-		'ufixed0x224',
-		'ufixed0x232',
-		'ufixed0x240',
-		'ufixed0x248',
-		'ufixed0x256',
-		'ufixed8x8',
-		'ufixed8x16',
-		'ufixed8x24',
-		'ufixed8x32',
-		'ufixed8x40',
-		'ufixed8x48',
-		'ufixed8x56',
-		'ufixed8x64',
-		'ufixed8x72',
-		'ufixed8x80',
-		'ufixed8x88',
-		'ufixed8x96',
-		'ufixed8x104',
-		'ufixed8x112',
-		'ufixed8x120',
-		'ufixed8x128',
-		'ufixed8x136',
-		'ufixed8x144',
-		'ufixed8x152',
-		'ufixed8x160',
-		'ufixed8x168',
-		'ufixed8x176',
-		'ufixed8x184',
-		'ufixed8x192',
-		'ufixed8x200',
-		'ufixed8x208',
-		'ufixed8x216',
-		'ufixed8x224',
-		'ufixed8x232',
-		'ufixed8x240',
-		'ufixed8x248',
-		'ufixed16x8',
-		'ufixed16x16',
-		'ufixed16x24',
-		'ufixed16x32',
-		'ufixed16x40',
-		'ufixed16x48',
-		'ufixed16x56',
-		'ufixed16x64',
-		'ufixed16x72',
-		'ufixed16x80',
-		'ufixed16x88',
-		'ufixed16x96',
-		'ufixed16x104',
-		'ufixed16x112',
-		'ufixed16x120',
-		'ufixed16x128',
-		'ufixed16x136',
-		'ufixed16x144',
-		'ufixed16x152',
-		'ufixed16x160',
-		'ufixed16x168',
-		'ufixed16x176',
-		'ufixed16x184',
-		'ufixed16x192',
-		'ufixed16x200',
-		'ufixed16x208',
-		'ufixed16x216',
-		'ufixed16x224',
-		'ufixed16x232',
-		'ufixed16x240',
-		'ufixed24x8',
-		'ufixed24x16',
-		'ufixed24x24',
-		'ufixed24x32',
-		'ufixed24x40',
-		'ufixed24x48',
-		'ufixed24x56',
-		'ufixed24x64',
-		'ufixed24x72',
-		'ufixed24x80',
-		'ufixed24x88',
-		'ufixed24x96',
-		'ufixed24x104',
-		'ufixed24x112',
-		'ufixed24x120',
-		'ufixed24x128',
-		'ufixed24x136',
-		'ufixed24x144',
-		'ufixed24x152',
-		'ufixed24x160',
-		'ufixed24x168',
-		'ufixed24x176',
-		'ufixed24x184',
-		'ufixed24x192',
-		'ufixed24x200',
-		'ufixed24x208',
-		'ufixed24x216',
-		'ufixed24x224',
-		'ufixed24x232',
-		'ufixed32x8',
-		'ufixed32x16',
-		'ufixed32x24',
-		'ufixed32x32',
-		'ufixed32x40',
-		'ufixed32x48',
-		'ufixed32x56',
-		'ufixed32x64',
-		'ufixed32x72',
-		'ufixed32x80',
-		'ufixed32x88',
-		'ufixed32x96',
-		'ufixed32x104',
-		'ufixed32x112',
-		'ufixed32x120',
-		'ufixed32x128',
-		'ufixed32x136',
-		'ufixed32x144',
-		'ufixed32x152',
-		'ufixed32x160',
-		'ufixed32x168',
-		'ufixed32x176',
-		'ufixed32x184',
-		'ufixed32x192',
-		'ufixed32x200',
-		'ufixed32x208',
-		'ufixed32x216',
-		'ufixed32x224',
-		'ufixed40x8',
-		'ufixed40x16',
-		'ufixed40x24',
-		'ufixed40x32',
-		'ufixed40x40',
-		'ufixed40x48',
-		'ufixed40x56',
-		'ufixed40x64',
-		'ufixed40x72',
-		'ufixed40x80',
-		'ufixed40x88',
-		'ufixed40x96',
-		'ufixed40x104',
-		'ufixed40x112',
-		'ufixed40x120',
-		'ufixed40x128',
-		'ufixed40x136',
-		'ufixed40x144',
-		'ufixed40x152',
-		'ufixed40x160',
-		'ufixed40x168',
-		'ufixed40x176',
-		'ufixed40x184',
-		'ufixed40x192',
-		'ufixed40x200',
-		'ufixed40x208',
-		'ufixed40x216',
-		'ufixed48x8',
-		'ufixed48x16',
-		'ufixed48x24',
-		'ufixed48x32',
-		'ufixed48x40',
-		'ufixed48x48',
-		'ufixed48x56',
-		'ufixed48x64',
-		'ufixed48x72',
-		'ufixed48x80',
-		'ufixed48x88',
-		'ufixed48x96',
-		'ufixed48x104',
-		'ufixed48x112',
-		'ufixed48x120',
-		'ufixed48x128',
-		'ufixed48x136',
-		'ufixed48x144',
-		'ufixed48x152',
-		'ufixed48x160',
-		'ufixed48x168',
-		'ufixed48x176',
-		'ufixed48x184',
-		'ufixed48x192',
-		'ufixed48x200',
-		'ufixed48x208',
-		'ufixed56x8',
-		'ufixed56x16',
-		'ufixed56x24',
-		'ufixed56x32',
-		'ufixed56x40',
-		'ufixed56x48',
-		'ufixed56x56',
-		'ufixed56x64',
-		'ufixed56x72',
-		'ufixed56x80',
-		'ufixed56x88',
-		'ufixed56x96',
-		'ufixed56x104',
-		'ufixed56x112',
-		'ufixed56x120',
-		'ufixed56x128',
-		'ufixed56x136',
-		'ufixed56x144',
-		'ufixed56x152',
-		'ufixed56x160',
-		'ufixed56x168',
-		'ufixed56x176',
-		'ufixed56x184',
-		'ufixed56x192',
-		'ufixed56x200',
-		'ufixed64x8',
-		'ufixed64x16',
-		'ufixed64x24',
-		'ufixed64x32',
-		'ufixed64x40',
-		'ufixed64x48',
-		'ufixed64x56',
-		'ufixed64x64',
-		'ufixed64x72',
-		'ufixed64x80',
-		'ufixed64x88',
-		'ufixed64x96',
-		'ufixed64x104',
-		'ufixed64x112',
-		'ufixed64x120',
-		'ufixed64x128',
-		'ufixed64x136',
-		'ufixed64x144',
-		'ufixed64x152',
-		'ufixed64x160',
-		'ufixed64x168',
-		'ufixed64x176',
-		'ufixed64x184',
-		'ufixed64x192',
-		'ufixed72x8',
-		'ufixed72x16',
-		'ufixed72x24',
-		'ufixed72x32',
-		'ufixed72x40',
-		'ufixed72x48',
-		'ufixed72x56',
-		'ufixed72x64',
-		'ufixed72x72',
-		'ufixed72x80',
-		'ufixed72x88',
-		'ufixed72x96',
-		'ufixed72x104',
-		'ufixed72x112',
-		'ufixed72x120',
-		'ufixed72x128',
-		'ufixed72x136',
-		'ufixed72x144',
-		'ufixed72x152',
-		'ufixed72x160',
-		'ufixed72x168',
-		'ufixed72x176',
-		'ufixed72x184',
-		'ufixed80x8',
-		'ufixed80x16',
-		'ufixed80x24',
-		'ufixed80x32',
-		'ufixed80x40',
-		'ufixed80x48',
-		'ufixed80x56',
-		'ufixed80x64',
-		'ufixed80x72',
-		'ufixed80x80',
-		'ufixed80x88',
-		'ufixed80x96',
-		'ufixed80x104',
-		'ufixed80x112',
-		'ufixed80x120',
-		'ufixed80x128',
-		'ufixed80x136',
-		'ufixed80x144',
-		'ufixed80x152',
-		'ufixed80x160',
-		'ufixed80x168',
-		'ufixed80x176',
-		'ufixed88x8',
-		'ufixed88x16',
-		'ufixed88x24',
-		'ufixed88x32',
-		'ufixed88x40',
-		'ufixed88x48',
-		'ufixed88x56',
-		'ufixed88x64',
-		'ufixed88x72',
-		'ufixed88x80',
-		'ufixed88x88',
-		'ufixed88x96',
-		'ufixed88x104',
-		'ufixed88x112',
-		'ufixed88x120',
-		'ufixed88x128',
-		'ufixed88x136',
-		'ufixed88x144',
-		'ufixed88x152',
-		'ufixed88x160',
-		'ufixed88x168',
-		'ufixed96x8',
-		'ufixed96x16',
-		'ufixed96x24',
-		'ufixed96x32',
-		'ufixed96x40',
-		'ufixed96x48',
-		'ufixed96x56',
-		'ufixed96x64',
-		'ufixed96x72',
-		'ufixed96x80',
-		'ufixed96x88',
-		'ufixed96x96',
-		'ufixed96x104',
-		'ufixed96x112',
-		'ufixed96x120',
-		'ufixed96x128',
-		'ufixed96x136',
-		'ufixed96x144',
-		'ufixed96x152',
-		'ufixed96x160',
-		'ufixed104x8',
-		'ufixed104x16',
-		'ufixed104x24',
-		'ufixed104x32',
-		'ufixed104x40',
-		'ufixed104x48',
-		'ufixed104x56',
-		'ufixed104x64',
-		'ufixed104x72',
-		'ufixed104x80',
-		'ufixed104x88',
-		'ufixed104x96',
-		'ufixed104x104',
-		'ufixed104x112',
-		'ufixed104x120',
-		'ufixed104x128',
-		'ufixed104x136',
-		'ufixed104x144',
-		'ufixed104x152',
-		'ufixed112x8',
-		'ufixed112x16',
-		'ufixed112x24',
-		'ufixed112x32',
-		'ufixed112x40',
-		'ufixed112x48',
-		'ufixed112x56',
-		'ufixed112x64',
-		'ufixed112x72',
-		'ufixed112x80',
-		'ufixed112x88',
-		'ufixed112x96',
-		'ufixed112x104',
-		'ufixed112x112',
-		'ufixed112x120',
-		'ufixed112x128',
-		'ufixed112x136',
-		'ufixed112x144',
-		'ufixed120x8',
-		'ufixed120x16',
-		'ufixed120x24',
-		'ufixed120x32',
-		'ufixed120x40',
-		'ufixed120x48',
-		'ufixed120x56',
-		'ufixed120x64',
-		'ufixed120x72',
-		'ufixed120x80',
-		'ufixed120x88',
-		'ufixed120x96',
-		'ufixed120x104',
-		'ufixed120x112',
-		'ufixed120x120',
-		'ufixed120x128',
-		'ufixed120x136',
-		'ufixed128x8',
-		'ufixed128x16',
-		'ufixed128x24',
-		'ufixed128x32',
-		'ufixed128x40',
-		'ufixed128x48',
-		'ufixed128x56',
-		'ufixed128x64',
-		'ufixed128x72',
-		'ufixed128x80',
-		'ufixed128x88',
-		'ufixed128x96',
-		'ufixed128x104',
-		'ufixed128x112',
-		'ufixed128x120',
-		'ufixed128x128',
-		'ufixed136x8',
-		'ufixed136x16',
-		'ufixed136x24',
-		'ufixed136x32',
-		'ufixed136x40',
-		'ufixed136x48',
-		'ufixed136x56',
-		'ufixed136x64',
-		'ufixed136x72',
-		'ufixed136x80',
-		'ufixed136x88',
-		'ufixed136x96',
-		'ufixed136x104',
-		'ufixed136x112',
-		'ufixed136x120',
-		'ufixed144x8',
-		'ufixed144x16',
-		'ufixed144x24',
-		'ufixed144x32',
-		'ufixed144x40',
-		'ufixed144x48',
-		'ufixed144x56',
-		'ufixed144x64',
-		'ufixed144x72',
-		'ufixed144x80',
-		'ufixed144x88',
-		'ufixed144x96',
-		'ufixed144x104',
-		'ufixed144x112',
-		'ufixed152x8',
-		'ufixed152x16',
-		'ufixed152x24',
-		'ufixed152x32',
-		'ufixed152x40',
-		'ufixed152x48',
-		'ufixed152x56',
-		'ufixed152x64',
-		'ufixed152x72',
-		'ufixed152x80',
-		'ufixed152x88',
-		'ufixed152x96',
-		'ufixed152x104',
-		'ufixed160x8',
-		'ufixed160x16',
-		'ufixed160x24',
-		'ufixed160x32',
-		'ufixed160x40',
-		'ufixed160x48',
-		'ufixed160x56',
-		'ufixed160x64',
-		'ufixed160x72',
-		'ufixed160x80',
-		'ufixed160x88',
-		'ufixed160x96',
-		'ufixed168x8',
-		'ufixed168x16',
-		'ufixed168x24',
-		'ufixed168x32',
-		'ufixed168x40',
-		'ufixed168x48',
-		'ufixed168x56',
-		'ufixed168x64',
-		'ufixed168x72',
-		'ufixed168x80',
-		'ufixed168x88',
-		'ufixed176x8',
-		'ufixed176x16',
-		'ufixed176x24',
-		'ufixed176x32',
-		'ufixed176x40',
-		'ufixed176x48',
-		'ufixed176x56',
-		'ufixed176x64',
-		'ufixed176x72',
-		'ufixed176x80',
-		'ufixed184x8',
-		'ufixed184x16',
-		'ufixed184x24',
-		'ufixed184x32',
-		'ufixed184x40',
-		'ufixed184x48',
-		'ufixed184x56',
-		'ufixed184x64',
-		'ufixed184x72',
-		'ufixed192x8',
-		'ufixed192x16',
-		'ufixed192x24',
-		'ufixed192x32',
-		'ufixed192x40',
-		'ufixed192x48',
-		'ufixed192x56',
-		'ufixed192x64',
-		'ufixed200x8',
-		'ufixed200x16',
-		'ufixed200x24',
-		'ufixed200x32',
-		'ufixed200x40',
-		'ufixed200x48',
-		'ufixed200x56',
-		'ufixed208x8',
-		'ufixed208x16',
-		'ufixed208x24',
-		'ufixed208x32',
-		'ufixed208x40',
-		'ufixed208x48',
-		'ufixed216x8',
-		'ufixed216x16',
-		'ufixed216x24',
-		'ufixed216x32',
-		'ufixed216x40',
-		'ufixed224x8',
-		'ufixed224x16',
-		'ufixed224x24',
-		'ufixed224x32',
-		'ufixed232x8',
-		'ufixed232x16',
-		'ufixed232x24',
-		'ufixed240x8',
-		'ufixed240x16',
-		'ufixed248x8',
-		'event',
-		'enum',
-		'let',
-		'mapping',
-		'private',
-		'public',
-		'external',
-        'view',
-        'pure',
-		'inherited',
-		'payable',
-		'true',
-		'false',
-		'var',
-		'import',
-		'constant',
-		'if',
-		'else',
-		'for',
-		'else',
-		'for',
-		'while',
-		'do',
-		'break',
-		'continue',
-		'throw',
-		'returns',
-		'return',
-		'suicide',
-		'new',
-		'is',
-		'this',
-		'super'
-	],
+  keywords: [
+    // Main keywords
+    'pragma',
+    'solidity',
+    'contract',
+    'library',
+    'using',
+    'struct',
+    'function',
+    'modifier',
+    'constructor',
+    // Built-in types
+    'address',
+    'string',
+    'bool',
+    // Other types
+    'Int',
+    'Uint',
+    'Byte',
+    'Fixed',
+    'Ufixed',
+    // All int
+    'int',
+    'int8',
+    'int16',
+    'int24',
+    'int32',
+    'int40',
+    'int48',
+    'int56',
+    'int64',
+    'int72',
+    'int80',
+    'int88',
+    'int96',
+    'int104',
+    'int112',
+    'int120',
+    'int128',
+    'int136',
+    'int144',
+    'int152',
+    'int160',
+    'int168',
+    'int176',
+    'int184',
+    'int192',
+    'int200',
+    'int208',
+    'int216',
+    'int224',
+    'int232',
+    'int240',
+    'int248',
+    'int256',
+    // All uint
+    'uint',
+    'uint8',
+    'uint16',
+    'uint24',
+    'uint32',
+    'uint40',
+    'uint48',
+    'uint56',
+    'uint64',
+    'uint72',
+    'uint80',
+    'uint88',
+    'uint96',
+    'uint104',
+    'uint112',
+    'uint120',
+    'uint128',
+    'uint136',
+    'uint144',
+    'uint152',
+    'uint160',
+    'uint168',
+    'uint176',
+    'uint184',
+    'uint192',
+    'uint200',
+    'uint208',
+    'uint216',
+    'uint224',
+    'uint232',
+    'uint240',
+    'uint248',
+    'uint256',
+    // All Byte
+    'byte',
+    'bytes',
+    'bytes1',
+    'bytes2',
+    'bytes3',
+    'bytes4',
+    'bytes5',
+    'bytes6',
+    'bytes7',
+    'bytes8',
+    'bytes9',
+    'bytes10',
+    'bytes11',
+    'bytes12',
+    'bytes13',
+    'bytes14',
+    'bytes15',
+    'bytes16',
+    'bytes17',
+    'bytes18',
+    'bytes19',
+    'bytes20',
+    'bytes21',
+    'bytes22',
+    'bytes23',
+    'bytes24',
+    'bytes25',
+    'bytes26',
+    'bytes27',
+    'bytes28',
+    'bytes29',
+    'bytes30',
+    'bytes31',
+    'bytes32',
+    // All fixed
+    'fixed',
+    'fixed0x8',
+    'fixed0x16',
+    'fixed0x24',
+    'fixed0x32',
+    'fixed0x40',
+    'fixed0x48',
+    'fixed0x56',
+    'fixed0x64',
+    'fixed0x72',
+    'fixed0x80',
+    'fixed0x88',
+    'fixed0x96',
+    'fixed0x104',
+    'fixed0x112',
+    'fixed0x120',
+    'fixed0x128',
+    'fixed0x136',
+    'fixed0x144',
+    'fixed0x152',
+    'fixed0x160',
+    'fixed0x168',
+    'fixed0x176',
+    'fixed0x184',
+    'fixed0x192',
+    'fixed0x200',
+    'fixed0x208',
+    'fixed0x216',
+    'fixed0x224',
+    'fixed0x232',
+    'fixed0x240',
+    'fixed0x248',
+    'fixed0x256',
+    'fixed8x8',
+    'fixed8x16',
+    'fixed8x24',
+    'fixed8x32',
+    'fixed8x40',
+    'fixed8x48',
+    'fixed8x56',
+    'fixed8x64',
+    'fixed8x72',
+    'fixed8x80',
+    'fixed8x88',
+    'fixed8x96',
+    'fixed8x104',
+    'fixed8x112',
+    'fixed8x120',
+    'fixed8x128',
+    'fixed8x136',
+    'fixed8x144',
+    'fixed8x152',
+    'fixed8x160',
+    'fixed8x168',
+    'fixed8x176',
+    'fixed8x184',
+    'fixed8x192',
+    'fixed8x200',
+    'fixed8x208',
+    'fixed8x216',
+    'fixed8x224',
+    'fixed8x232',
+    'fixed8x240',
+    'fixed8x248',
+    'fixed16x8',
+    'fixed16x16',
+    'fixed16x24',
+    'fixed16x32',
+    'fixed16x40',
+    'fixed16x48',
+    'fixed16x56',
+    'fixed16x64',
+    'fixed16x72',
+    'fixed16x80',
+    'fixed16x88',
+    'fixed16x96',
+    'fixed16x104',
+    'fixed16x112',
+    'fixed16x120',
+    'fixed16x128',
+    'fixed16x136',
+    'fixed16x144',
+    'fixed16x152',
+    'fixed16x160',
+    'fixed16x168',
+    'fixed16x176',
+    'fixed16x184',
+    'fixed16x192',
+    'fixed16x200',
+    'fixed16x208',
+    'fixed16x216',
+    'fixed16x224',
+    'fixed16x232',
+    'fixed16x240',
+    'fixed24x8',
+    'fixed24x16',
+    'fixed24x24',
+    'fixed24x32',
+    'fixed24x40',
+    'fixed24x48',
+    'fixed24x56',
+    'fixed24x64',
+    'fixed24x72',
+    'fixed24x80',
+    'fixed24x88',
+    'fixed24x96',
+    'fixed24x104',
+    'fixed24x112',
+    'fixed24x120',
+    'fixed24x128',
+    'fixed24x136',
+    'fixed24x144',
+    'fixed24x152',
+    'fixed24x160',
+    'fixed24x168',
+    'fixed24x176',
+    'fixed24x184',
+    'fixed24x192',
+    'fixed24x200',
+    'fixed24x208',
+    'fixed24x216',
+    'fixed24x224',
+    'fixed24x232',
+    'fixed32x8',
+    'fixed32x16',
+    'fixed32x24',
+    'fixed32x32',
+    'fixed32x40',
+    'fixed32x48',
+    'fixed32x56',
+    'fixed32x64',
+    'fixed32x72',
+    'fixed32x80',
+    'fixed32x88',
+    'fixed32x96',
+    'fixed32x104',
+    'fixed32x112',
+    'fixed32x120',
+    'fixed32x128',
+    'fixed32x136',
+    'fixed32x144',
+    'fixed32x152',
+    'fixed32x160',
+    'fixed32x168',
+    'fixed32x176',
+    'fixed32x184',
+    'fixed32x192',
+    'fixed32x200',
+    'fixed32x208',
+    'fixed32x216',
+    'fixed32x224',
+    'fixed40x8',
+    'fixed40x16',
+    'fixed40x24',
+    'fixed40x32',
+    'fixed40x40',
+    'fixed40x48',
+    'fixed40x56',
+    'fixed40x64',
+    'fixed40x72',
+    'fixed40x80',
+    'fixed40x88',
+    'fixed40x96',
+    'fixed40x104',
+    'fixed40x112',
+    'fixed40x120',
+    'fixed40x128',
+    'fixed40x136',
+    'fixed40x144',
+    'fixed40x152',
+    'fixed40x160',
+    'fixed40x168',
+    'fixed40x176',
+    'fixed40x184',
+    'fixed40x192',
+    'fixed40x200',
+    'fixed40x208',
+    'fixed40x216',
+    'fixed48x8',
+    'fixed48x16',
+    'fixed48x24',
+    'fixed48x32',
+    'fixed48x40',
+    'fixed48x48',
+    'fixed48x56',
+    'fixed48x64',
+    'fixed48x72',
+    'fixed48x80',
+    'fixed48x88',
+    'fixed48x96',
+    'fixed48x104',
+    'fixed48x112',
+    'fixed48x120',
+    'fixed48x128',
+    'fixed48x136',
+    'fixed48x144',
+    'fixed48x152',
+    'fixed48x160',
+    'fixed48x168',
+    'fixed48x176',
+    'fixed48x184',
+    'fixed48x192',
+    'fixed48x200',
+    'fixed48x208',
+    'fixed56x8',
+    'fixed56x16',
+    'fixed56x24',
+    'fixed56x32',
+    'fixed56x40',
+    'fixed56x48',
+    'fixed56x56',
+    'fixed56x64',
+    'fixed56x72',
+    'fixed56x80',
+    'fixed56x88',
+    'fixed56x96',
+    'fixed56x104',
+    'fixed56x112',
+    'fixed56x120',
+    'fixed56x128',
+    'fixed56x136',
+    'fixed56x144',
+    'fixed56x152',
+    'fixed56x160',
+    'fixed56x168',
+    'fixed56x176',
+    'fixed56x184',
+    'fixed56x192',
+    'fixed56x200',
+    'fixed64x8',
+    'fixed64x16',
+    'fixed64x24',
+    'fixed64x32',
+    'fixed64x40',
+    'fixed64x48',
+    'fixed64x56',
+    'fixed64x64',
+    'fixed64x72',
+    'fixed64x80',
+    'fixed64x88',
+    'fixed64x96',
+    'fixed64x104',
+    'fixed64x112',
+    'fixed64x120',
+    'fixed64x128',
+    'fixed64x136',
+    'fixed64x144',
+    'fixed64x152',
+    'fixed64x160',
+    'fixed64x168',
+    'fixed64x176',
+    'fixed64x184',
+    'fixed64x192',
+    'fixed72x8',
+    'fixed72x16',
+    'fixed72x24',
+    'fixed72x32',
+    'fixed72x40',
+    'fixed72x48',
+    'fixed72x56',
+    'fixed72x64',
+    'fixed72x72',
+    'fixed72x80',
+    'fixed72x88',
+    'fixed72x96',
+    'fixed72x104',
+    'fixed72x112',
+    'fixed72x120',
+    'fixed72x128',
+    'fixed72x136',
+    'fixed72x144',
+    'fixed72x152',
+    'fixed72x160',
+    'fixed72x168',
+    'fixed72x176',
+    'fixed72x184',
+    'fixed80x8',
+    'fixed80x16',
+    'fixed80x24',
+    'fixed80x32',
+    'fixed80x40',
+    'fixed80x48',
+    'fixed80x56',
+    'fixed80x64',
+    'fixed80x72',
+    'fixed80x80',
+    'fixed80x88',
+    'fixed80x96',
+    'fixed80x104',
+    'fixed80x112',
+    'fixed80x120',
+    'fixed80x128',
+    'fixed80x136',
+    'fixed80x144',
+    'fixed80x152',
+    'fixed80x160',
+    'fixed80x168',
+    'fixed80x176',
+    'fixed88x8',
+    'fixed88x16',
+    'fixed88x24',
+    'fixed88x32',
+    'fixed88x40',
+    'fixed88x48',
+    'fixed88x56',
+    'fixed88x64',
+    'fixed88x72',
+    'fixed88x80',
+    'fixed88x88',
+    'fixed88x96',
+    'fixed88x104',
+    'fixed88x112',
+    'fixed88x120',
+    'fixed88x128',
+    'fixed88x136',
+    'fixed88x144',
+    'fixed88x152',
+    'fixed88x160',
+    'fixed88x168',
+    'fixed96x8',
+    'fixed96x16',
+    'fixed96x24',
+    'fixed96x32',
+    'fixed96x40',
+    'fixed96x48',
+    'fixed96x56',
+    'fixed96x64',
+    'fixed96x72',
+    'fixed96x80',
+    'fixed96x88',
+    'fixed96x96',
+    'fixed96x104',
+    'fixed96x112',
+    'fixed96x120',
+    'fixed96x128',
+    'fixed96x136',
+    'fixed96x144',
+    'fixed96x152',
+    'fixed96x160',
+    'fixed104x8',
+    'fixed104x16',
+    'fixed104x24',
+    'fixed104x32',
+    'fixed104x40',
+    'fixed104x48',
+    'fixed104x56',
+    'fixed104x64',
+    'fixed104x72',
+    'fixed104x80',
+    'fixed104x88',
+    'fixed104x96',
+    'fixed104x104',
+    'fixed104x112',
+    'fixed104x120',
+    'fixed104x128',
+    'fixed104x136',
+    'fixed104x144',
+    'fixed104x152',
+    'fixed112x8',
+    'fixed112x16',
+    'fixed112x24',
+    'fixed112x32',
+    'fixed112x40',
+    'fixed112x48',
+    'fixed112x56',
+    'fixed112x64',
+    'fixed112x72',
+    'fixed112x80',
+    'fixed112x88',
+    'fixed112x96',
+    'fixed112x104',
+    'fixed112x112',
+    'fixed112x120',
+    'fixed112x128',
+    'fixed112x136',
+    'fixed112x144',
+    'fixed120x8',
+    'fixed120x16',
+    'fixed120x24',
+    'fixed120x32',
+    'fixed120x40',
+    'fixed120x48',
+    'fixed120x56',
+    'fixed120x64',
+    'fixed120x72',
+    'fixed120x80',
+    'fixed120x88',
+    'fixed120x96',
+    'fixed120x104',
+    'fixed120x112',
+    'fixed120x120',
+    'fixed120x128',
+    'fixed120x136',
+    'fixed128x8',
+    'fixed128x16',
+    'fixed128x24',
+    'fixed128x32',
+    'fixed128x40',
+    'fixed128x48',
+    'fixed128x56',
+    'fixed128x64',
+    'fixed128x72',
+    'fixed128x80',
+    'fixed128x88',
+    'fixed128x96',
+    'fixed128x104',
+    'fixed128x112',
+    'fixed128x120',
+    'fixed128x128',
+    'fixed136x8',
+    'fixed136x16',
+    'fixed136x24',
+    'fixed136x32',
+    'fixed136x40',
+    'fixed136x48',
+    'fixed136x56',
+    'fixed136x64',
+    'fixed136x72',
+    'fixed136x80',
+    'fixed136x88',
+    'fixed136x96',
+    'fixed136x104',
+    'fixed136x112',
+    'fixed136x120',
+    'fixed144x8',
+    'fixed144x16',
+    'fixed144x24',
+    'fixed144x32',
+    'fixed144x40',
+    'fixed144x48',
+    'fixed144x56',
+    'fixed144x64',
+    'fixed144x72',
+    'fixed144x80',
+    'fixed144x88',
+    'fixed144x96',
+    'fixed144x104',
+    'fixed144x112',
+    'fixed152x8',
+    'fixed152x16',
+    'fixed152x24',
+    'fixed152x32',
+    'fixed152x40',
+    'fixed152x48',
+    'fixed152x56',
+    'fixed152x64',
+    'fixed152x72',
+    'fixed152x80',
+    'fixed152x88',
+    'fixed152x96',
+    'fixed152x104',
+    'fixed160x8',
+    'fixed160x16',
+    'fixed160x24',
+    'fixed160x32',
+    'fixed160x40',
+    'fixed160x48',
+    'fixed160x56',
+    'fixed160x64',
+    'fixed160x72',
+    'fixed160x80',
+    'fixed160x88',
+    'fixed160x96',
+    'fixed168x8',
+    'fixed168x16',
+    'fixed168x24',
+    'fixed168x32',
+    'fixed168x40',
+    'fixed168x48',
+    'fixed168x56',
+    'fixed168x64',
+    'fixed168x72',
+    'fixed168x80',
+    'fixed168x88',
+    'fixed176x8',
+    'fixed176x16',
+    'fixed176x24',
+    'fixed176x32',
+    'fixed176x40',
+    'fixed176x48',
+    'fixed176x56',
+    'fixed176x64',
+    'fixed176x72',
+    'fixed176x80',
+    'fixed184x8',
+    'fixed184x16',
+    'fixed184x24',
+    'fixed184x32',
+    'fixed184x40',
+    'fixed184x48',
+    'fixed184x56',
+    'fixed184x64',
+    'fixed184x72',
+    'fixed192x8',
+    'fixed192x16',
+    'fixed192x24',
+    'fixed192x32',
+    'fixed192x40',
+    'fixed192x48',
+    'fixed192x56',
+    'fixed192x64',
+    'fixed200x8',
+    'fixed200x16',
+    'fixed200x24',
+    'fixed200x32',
+    'fixed200x40',
+    'fixed200x48',
+    'fixed200x56',
+    'fixed208x8',
+    'fixed208x16',
+    'fixed208x24',
+    'fixed208x32',
+    'fixed208x40',
+    'fixed208x48',
+    'fixed216x8',
+    'fixed216x16',
+    'fixed216x24',
+    'fixed216x32',
+    'fixed216x40',
+    'fixed224x8',
+    'fixed224x16',
+    'fixed224x24',
+    'fixed224x32',
+    'fixed232x8',
+    'fixed232x16',
+    'fixed232x24',
+    'fixed240x8',
+    'fixed240x16',
+    'fixed248x8',
+    // All ufixed
+    'ufixed',
+    'ufixed0x8',
+    'ufixed0x16',
+    'ufixed0x24',
+    'ufixed0x32',
+    'ufixed0x40',
+    'ufixed0x48',
+    'ufixed0x56',
+    'ufixed0x64',
+    'ufixed0x72',
+    'ufixed0x80',
+    'ufixed0x88',
+    'ufixed0x96',
+    'ufixed0x104',
+    'ufixed0x112',
+    'ufixed0x120',
+    'ufixed0x128',
+    'ufixed0x136',
+    'ufixed0x144',
+    'ufixed0x152',
+    'ufixed0x160',
+    'ufixed0x168',
+    'ufixed0x176',
+    'ufixed0x184',
+    'ufixed0x192',
+    'ufixed0x200',
+    'ufixed0x208',
+    'ufixed0x216',
+    'ufixed0x224',
+    'ufixed0x232',
+    'ufixed0x240',
+    'ufixed0x248',
+    'ufixed0x256',
+    'ufixed8x8',
+    'ufixed8x16',
+    'ufixed8x24',
+    'ufixed8x32',
+    'ufixed8x40',
+    'ufixed8x48',
+    'ufixed8x56',
+    'ufixed8x64',
+    'ufixed8x72',
+    'ufixed8x80',
+    'ufixed8x88',
+    'ufixed8x96',
+    'ufixed8x104',
+    'ufixed8x112',
+    'ufixed8x120',
+    'ufixed8x128',
+    'ufixed8x136',
+    'ufixed8x144',
+    'ufixed8x152',
+    'ufixed8x160',
+    'ufixed8x168',
+    'ufixed8x176',
+    'ufixed8x184',
+    'ufixed8x192',
+    'ufixed8x200',
+    'ufixed8x208',
+    'ufixed8x216',
+    'ufixed8x224',
+    'ufixed8x232',
+    'ufixed8x240',
+    'ufixed8x248',
+    'ufixed16x8',
+    'ufixed16x16',
+    'ufixed16x24',
+    'ufixed16x32',
+    'ufixed16x40',
+    'ufixed16x48',
+    'ufixed16x56',
+    'ufixed16x64',
+    'ufixed16x72',
+    'ufixed16x80',
+    'ufixed16x88',
+    'ufixed16x96',
+    'ufixed16x104',
+    'ufixed16x112',
+    'ufixed16x120',
+    'ufixed16x128',
+    'ufixed16x136',
+    'ufixed16x144',
+    'ufixed16x152',
+    'ufixed16x160',
+    'ufixed16x168',
+    'ufixed16x176',
+    'ufixed16x184',
+    'ufixed16x192',
+    'ufixed16x200',
+    'ufixed16x208',
+    'ufixed16x216',
+    'ufixed16x224',
+    'ufixed16x232',
+    'ufixed16x240',
+    'ufixed24x8',
+    'ufixed24x16',
+    'ufixed24x24',
+    'ufixed24x32',
+    'ufixed24x40',
+    'ufixed24x48',
+    'ufixed24x56',
+    'ufixed24x64',
+    'ufixed24x72',
+    'ufixed24x80',
+    'ufixed24x88',
+    'ufixed24x96',
+    'ufixed24x104',
+    'ufixed24x112',
+    'ufixed24x120',
+    'ufixed24x128',
+    'ufixed24x136',
+    'ufixed24x144',
+    'ufixed24x152',
+    'ufixed24x160',
+    'ufixed24x168',
+    'ufixed24x176',
+    'ufixed24x184',
+    'ufixed24x192',
+    'ufixed24x200',
+    'ufixed24x208',
+    'ufixed24x216',
+    'ufixed24x224',
+    'ufixed24x232',
+    'ufixed32x8',
+    'ufixed32x16',
+    'ufixed32x24',
+    'ufixed32x32',
+    'ufixed32x40',
+    'ufixed32x48',
+    'ufixed32x56',
+    'ufixed32x64',
+    'ufixed32x72',
+    'ufixed32x80',
+    'ufixed32x88',
+    'ufixed32x96',
+    'ufixed32x104',
+    'ufixed32x112',
+    'ufixed32x120',
+    'ufixed32x128',
+    'ufixed32x136',
+    'ufixed32x144',
+    'ufixed32x152',
+    'ufixed32x160',
+    'ufixed32x168',
+    'ufixed32x176',
+    'ufixed32x184',
+    'ufixed32x192',
+    'ufixed32x200',
+    'ufixed32x208',
+    'ufixed32x216',
+    'ufixed32x224',
+    'ufixed40x8',
+    'ufixed40x16',
+    'ufixed40x24',
+    'ufixed40x32',
+    'ufixed40x40',
+    'ufixed40x48',
+    'ufixed40x56',
+    'ufixed40x64',
+    'ufixed40x72',
+    'ufixed40x80',
+    'ufixed40x88',
+    'ufixed40x96',
+    'ufixed40x104',
+    'ufixed40x112',
+    'ufixed40x120',
+    'ufixed40x128',
+    'ufixed40x136',
+    'ufixed40x144',
+    'ufixed40x152',
+    'ufixed40x160',
+    'ufixed40x168',
+    'ufixed40x176',
+    'ufixed40x184',
+    'ufixed40x192',
+    'ufixed40x200',
+    'ufixed40x208',
+    'ufixed40x216',
+    'ufixed48x8',
+    'ufixed48x16',
+    'ufixed48x24',
+    'ufixed48x32',
+    'ufixed48x40',
+    'ufixed48x48',
+    'ufixed48x56',
+    'ufixed48x64',
+    'ufixed48x72',
+    'ufixed48x80',
+    'ufixed48x88',
+    'ufixed48x96',
+    'ufixed48x104',
+    'ufixed48x112',
+    'ufixed48x120',
+    'ufixed48x128',
+    'ufixed48x136',
+    'ufixed48x144',
+    'ufixed48x152',
+    'ufixed48x160',
+    'ufixed48x168',
+    'ufixed48x176',
+    'ufixed48x184',
+    'ufixed48x192',
+    'ufixed48x200',
+    'ufixed48x208',
+    'ufixed56x8',
+    'ufixed56x16',
+    'ufixed56x24',
+    'ufixed56x32',
+    'ufixed56x40',
+    'ufixed56x48',
+    'ufixed56x56',
+    'ufixed56x64',
+    'ufixed56x72',
+    'ufixed56x80',
+    'ufixed56x88',
+    'ufixed56x96',
+    'ufixed56x104',
+    'ufixed56x112',
+    'ufixed56x120',
+    'ufixed56x128',
+    'ufixed56x136',
+    'ufixed56x144',
+    'ufixed56x152',
+    'ufixed56x160',
+    'ufixed56x168',
+    'ufixed56x176',
+    'ufixed56x184',
+    'ufixed56x192',
+    'ufixed56x200',
+    'ufixed64x8',
+    'ufixed64x16',
+    'ufixed64x24',
+    'ufixed64x32',
+    'ufixed64x40',
+    'ufixed64x48',
+    'ufixed64x56',
+    'ufixed64x64',
+    'ufixed64x72',
+    'ufixed64x80',
+    'ufixed64x88',
+    'ufixed64x96',
+    'ufixed64x104',
+    'ufixed64x112',
+    'ufixed64x120',
+    'ufixed64x128',
+    'ufixed64x136',
+    'ufixed64x144',
+    'ufixed64x152',
+    'ufixed64x160',
+    'ufixed64x168',
+    'ufixed64x176',
+    'ufixed64x184',
+    'ufixed64x192',
+    'ufixed72x8',
+    'ufixed72x16',
+    'ufixed72x24',
+    'ufixed72x32',
+    'ufixed72x40',
+    'ufixed72x48',
+    'ufixed72x56',
+    'ufixed72x64',
+    'ufixed72x72',
+    'ufixed72x80',
+    'ufixed72x88',
+    'ufixed72x96',
+    'ufixed72x104',
+    'ufixed72x112',
+    'ufixed72x120',
+    'ufixed72x128',
+    'ufixed72x136',
+    'ufixed72x144',
+    'ufixed72x152',
+    'ufixed72x160',
+    'ufixed72x168',
+    'ufixed72x176',
+    'ufixed72x184',
+    'ufixed80x8',
+    'ufixed80x16',
+    'ufixed80x24',
+    'ufixed80x32',
+    'ufixed80x40',
+    'ufixed80x48',
+    'ufixed80x56',
+    'ufixed80x64',
+    'ufixed80x72',
+    'ufixed80x80',
+    'ufixed80x88',
+    'ufixed80x96',
+    'ufixed80x104',
+    'ufixed80x112',
+    'ufixed80x120',
+    'ufixed80x128',
+    'ufixed80x136',
+    'ufixed80x144',
+    'ufixed80x152',
+    'ufixed80x160',
+    'ufixed80x168',
+    'ufixed80x176',
+    'ufixed88x8',
+    'ufixed88x16',
+    'ufixed88x24',
+    'ufixed88x32',
+    'ufixed88x40',
+    'ufixed88x48',
+    'ufixed88x56',
+    'ufixed88x64',
+    'ufixed88x72',
+    'ufixed88x80',
+    'ufixed88x88',
+    'ufixed88x96',
+    'ufixed88x104',
+    'ufixed88x112',
+    'ufixed88x120',
+    'ufixed88x128',
+    'ufixed88x136',
+    'ufixed88x144',
+    'ufixed88x152',
+    'ufixed88x160',
+    'ufixed88x168',
+    'ufixed96x8',
+    'ufixed96x16',
+    'ufixed96x24',
+    'ufixed96x32',
+    'ufixed96x40',
+    'ufixed96x48',
+    'ufixed96x56',
+    'ufixed96x64',
+    'ufixed96x72',
+    'ufixed96x80',
+    'ufixed96x88',
+    'ufixed96x96',
+    'ufixed96x104',
+    'ufixed96x112',
+    'ufixed96x120',
+    'ufixed96x128',
+    'ufixed96x136',
+    'ufixed96x144',
+    'ufixed96x152',
+    'ufixed96x160',
+    'ufixed104x8',
+    'ufixed104x16',
+    'ufixed104x24',
+    'ufixed104x32',
+    'ufixed104x40',
+    'ufixed104x48',
+    'ufixed104x56',
+    'ufixed104x64',
+    'ufixed104x72',
+    'ufixed104x80',
+    'ufixed104x88',
+    'ufixed104x96',
+    'ufixed104x104',
+    'ufixed104x112',
+    'ufixed104x120',
+    'ufixed104x128',
+    'ufixed104x136',
+    'ufixed104x144',
+    'ufixed104x152',
+    'ufixed112x8',
+    'ufixed112x16',
+    'ufixed112x24',
+    'ufixed112x32',
+    'ufixed112x40',
+    'ufixed112x48',
+    'ufixed112x56',
+    'ufixed112x64',
+    'ufixed112x72',
+    'ufixed112x80',
+    'ufixed112x88',
+    'ufixed112x96',
+    'ufixed112x104',
+    'ufixed112x112',
+    'ufixed112x120',
+    'ufixed112x128',
+    'ufixed112x136',
+    'ufixed112x144',
+    'ufixed120x8',
+    'ufixed120x16',
+    'ufixed120x24',
+    'ufixed120x32',
+    'ufixed120x40',
+    'ufixed120x48',
+    'ufixed120x56',
+    'ufixed120x64',
+    'ufixed120x72',
+    'ufixed120x80',
+    'ufixed120x88',
+    'ufixed120x96',
+    'ufixed120x104',
+    'ufixed120x112',
+    'ufixed120x120',
+    'ufixed120x128',
+    'ufixed120x136',
+    'ufixed128x8',
+    'ufixed128x16',
+    'ufixed128x24',
+    'ufixed128x32',
+    'ufixed128x40',
+    'ufixed128x48',
+    'ufixed128x56',
+    'ufixed128x64',
+    'ufixed128x72',
+    'ufixed128x80',
+    'ufixed128x88',
+    'ufixed128x96',
+    'ufixed128x104',
+    'ufixed128x112',
+    'ufixed128x120',
+    'ufixed128x128',
+    'ufixed136x8',
+    'ufixed136x16',
+    'ufixed136x24',
+    'ufixed136x32',
+    'ufixed136x40',
+    'ufixed136x48',
+    'ufixed136x56',
+    'ufixed136x64',
+    'ufixed136x72',
+    'ufixed136x80',
+    'ufixed136x88',
+    'ufixed136x96',
+    'ufixed136x104',
+    'ufixed136x112',
+    'ufixed136x120',
+    'ufixed144x8',
+    'ufixed144x16',
+    'ufixed144x24',
+    'ufixed144x32',
+    'ufixed144x40',
+    'ufixed144x48',
+    'ufixed144x56',
+    'ufixed144x64',
+    'ufixed144x72',
+    'ufixed144x80',
+    'ufixed144x88',
+    'ufixed144x96',
+    'ufixed144x104',
+    'ufixed144x112',
+    'ufixed152x8',
+    'ufixed152x16',
+    'ufixed152x24',
+    'ufixed152x32',
+    'ufixed152x40',
+    'ufixed152x48',
+    'ufixed152x56',
+    'ufixed152x64',
+    'ufixed152x72',
+    'ufixed152x80',
+    'ufixed152x88',
+    'ufixed152x96',
+    'ufixed152x104',
+    'ufixed160x8',
+    'ufixed160x16',
+    'ufixed160x24',
+    'ufixed160x32',
+    'ufixed160x40',
+    'ufixed160x48',
+    'ufixed160x56',
+    'ufixed160x64',
+    'ufixed160x72',
+    'ufixed160x80',
+    'ufixed160x88',
+    'ufixed160x96',
+    'ufixed168x8',
+    'ufixed168x16',
+    'ufixed168x24',
+    'ufixed168x32',
+    'ufixed168x40',
+    'ufixed168x48',
+    'ufixed168x56',
+    'ufixed168x64',
+    'ufixed168x72',
+    'ufixed168x80',
+    'ufixed168x88',
+    'ufixed176x8',
+    'ufixed176x16',
+    'ufixed176x24',
+    'ufixed176x32',
+    'ufixed176x40',
+    'ufixed176x48',
+    'ufixed176x56',
+    'ufixed176x64',
+    'ufixed176x72',
+    'ufixed176x80',
+    'ufixed184x8',
+    'ufixed184x16',
+    'ufixed184x24',
+    'ufixed184x32',
+    'ufixed184x40',
+    'ufixed184x48',
+    'ufixed184x56',
+    'ufixed184x64',
+    'ufixed184x72',
+    'ufixed192x8',
+    'ufixed192x16',
+    'ufixed192x24',
+    'ufixed192x32',
+    'ufixed192x40',
+    'ufixed192x48',
+    'ufixed192x56',
+    'ufixed192x64',
+    'ufixed200x8',
+    'ufixed200x16',
+    'ufixed200x24',
+    'ufixed200x32',
+    'ufixed200x40',
+    'ufixed200x48',
+    'ufixed200x56',
+    'ufixed208x8',
+    'ufixed208x16',
+    'ufixed208x24',
+    'ufixed208x32',
+    'ufixed208x40',
+    'ufixed208x48',
+    'ufixed216x8',
+    'ufixed216x16',
+    'ufixed216x24',
+    'ufixed216x32',
+    'ufixed216x40',
+    'ufixed224x8',
+    'ufixed224x16',
+    'ufixed224x24',
+    'ufixed224x32',
+    'ufixed232x8',
+    'ufixed232x16',
+    'ufixed232x24',
+    'ufixed240x8',
+    'ufixed240x16',
+    'ufixed248x8',
+    'event',
+    'enum',
+    'let',
+    'mapping',
+    'private',
+    'public',
+    'external',
+    'view',
+    'pure',
+    'inherited',
+    'payable',
+    'true',
+    'false',
+    'var',
+    'import',
+    'constant',
+    'if',
+    'else',
+    'for',
+    'else',
+    'for',
+    'while',
+    'do',
+    'break',
+    'continue',
+    'throw',
+    'returns',
+    'return',
+    'suicide',
+    'new',
+    'is',
+    'this',
+    'super'
+  ],
 
-	operators: [
-		'=',
-		'>',
-		'<',
-		'!',
-		'~',
-		'?',
-		':',
-		'==',
-		'<=',
-		'>=',
-		'!=',
-		'&&',
-		'||',
-		'++',
-		'--',
-		'+',
-		'-',
-		'*',
-		'/',
-		'&',
-		'|',
-		'^',
-		'%',
-		'<<',
-		'>>',
-		'>>>',
-		'+=',
-		'-=',
-		'*=',
-		'/=',
-		'&=',
-		'|=',
-		'^=',
-		'%=',
-		'<<=',
-		'>>=',
-		'>>>='
-	],
+  operators: [
+    '=',
+    '>',
+    '<',
+    '!',
+    '~',
+    '?',
+    ':',
+    '==',
+    '<=',
+    '>=',
+    '!=',
+    '&&',
+    '||',
+    '++',
+    '--',
+    '+',
+    '-',
+    '*',
+    '/',
+    '&',
+    '|',
+    '^',
+    '%',
+    '<<',
+    '>>',
+    '>>>',
+    '+=',
+    '-=',
+    '*=',
+    '/=',
+    '&=',
+    '|=',
+    '^=',
+    '%=',
+    '<<=',
+    '>>=',
+    '>>>='
+  ],
 
-	// we include these common regular expressions
-	symbols: /[=><!~?:&|+\-*\/\^%]+/,
-	escapes: /\\(?:[abfnrtv\\"']|x[0-9A-Fa-f]{1,4}|u[0-9A-Fa-f]{4}|U[0-9A-Fa-f]{8})/,
-	integersuffix: /(ll|LL|u|U|l|L)?(ll|LL|u|U|l|L)?/,
-	floatsuffix: /[fFlL]?/,
+  // we include these common regular expressions
+  symbols: /[=><!~?:&|+\-*\/\^%]+/,
+  escapes: /\\(?:[abfnrtv\\"']|x[0-9A-Fa-f]{1,4}|u[0-9A-Fa-f]{4}|U[0-9A-Fa-f]{8})/,
+  integersuffix: /(ll|LL|u|U|l|L)?(ll|LL|u|U|l|L)?/,
+  floatsuffix: /[fFlL]?/,
 
-	// The main tokenizer for our languages
-	tokenizer: {
-		root: [
-			// identifiers and keywords
-			[
-				/[a-zA-Z_]\w*/,
-				{
-					cases: {
-						'@keywords': { token: 'keyword.$0' },
-						'@default': 'identifier'
-					}
-				}
-			],
+  // The main tokenizer for our languages
+  tokenizer: {
+    root: [
+      // identifiers and keywords
+      [
+        /[a-zA-Z_]\w*/,
+        {
+          cases: {
+            '@keywords': { token: 'keyword.$0' },
+            '@default': 'identifier'
+          }
+        }
+      ],
 
-			// whitespace
-			{ include: '@whitespace' },
+      // whitespace
+      { include: '@whitespace' },
 
-			// [[ attributes ]].
-			[/\[\[.*\]\]/, 'annotation'],
+      // [[ attributes ]].
+      [/\[\[.*\]\]/, 'annotation'],
 
-			// Preprocessor directive
-			[/^\s*#\w+/, 'keyword'],
+      // Preprocessor directive
+      [/^\s*#\w+/, 'keyword'],
 
-			//DataTypes
-			[/int\d*/, 'keyword'],
+      // DataTypes
+      [/int\d*/, 'keyword'],
 
-			// delimiters and operators
-			[/[{}()\[\]]/, '@brackets'],
-			[/[<>](?!@symbols)/, '@brackets'],
-			[
-				/@symbols/,
-				{
-					cases: {
-						'@operators': 'delimiter',
-						'@default': ''
-					}
-				}
-			],
+      // delimiters and operators
+      [/[{}()\[\]]/, '@brackets'],
+      [/[<>](?!@symbols)/, '@brackets'],
+      [
+        /@symbols/,
+        {
+          cases: {
+            '@operators': 'delimiter',
+            '@default': ''
+          }
+        }
+      ],
 
-			// numbers
-			[/\d*\d+[eE]([\-+]?\d+)?(@floatsuffix)/, 'number.float'],
-			[/\d*\.\d+([eE][\-+]?\d+)?(@floatsuffix)/, 'number.float'],
-			[/0[xX][0-9a-fA-F']*[0-9a-fA-F](@integersuffix)/, 'number.hex'],
-			[/0[0-7']*[0-7](@integersuffix)/, 'number.octal'],
-			[/0[bB][0-1']*[0-1](@integersuffix)/, 'number.binary'],
-			[/\d[\d']*\d(@integersuffix)/, 'number'],
-			[/\d(@integersuffix)/, 'number'],
+      // numbers
+      [/\d*\d+[eE]([\-+]?\d+)?(@floatsuffix)/, 'number.float'],
+      [/\d*\.\d+([eE][\-+]?\d+)?(@floatsuffix)/, 'number.float'],
+      [/0[xX][0-9a-fA-F']*[0-9a-fA-F](@integersuffix)/, 'number.hex'],
+      [/0[0-7']*[0-7](@integersuffix)/, 'number.octal'],
+      [/0[bB][0-1']*[0-1](@integersuffix)/, 'number.binary'],
+      [/\d[\d']*\d(@integersuffix)/, 'number'],
+      [/\d(@integersuffix)/, 'number'],
 
-			// delimiter: after number because of .\d floats
-			[/[;,.]/, 'delimiter'],
+      // delimiter: after number because of .\d floats
+      [/[;,.]/, 'delimiter'],
 
-			// strings
-			[/"([^"\\]|\\.)*$/, 'string.invalid'], // non-teminated string
-			[/"/, 'string', '@string'],
+      // strings
+      [/"([^"\\]|\\.)*$/, 'string.invalid'], // non-teminated string
+      [/"/, 'string', '@string'],
 
-			// characters
-			[/'[^\\']'/, 'string'],
-			[/(')(@escapes)(')/, ['string', 'string.escape', 'string']],
-			[/'/, 'string.invalid']
-		],
+      // characters
+      [/'[^\\']'/, 'string'],
+      [/(')(@escapes)(')/, ['string', 'string.escape', 'string']],
+      [/'/, 'string.invalid']
+    ],
 
-		whitespace: [
-			[/[ \t\r\n]+/, ''],
-			[/\/\*\*(?!\/)/, 'comment.doc', '@doccomment'],
-			[/\/\*/, 'comment', '@comment'],
-			[/\/\/.*$/, 'comment']
-		],
+    whitespace: [
+      [/[ \t\r\n]+/, ''],
+      [/\/\*\*(?!\/)/, 'comment.doc', '@doccomment'],
+      [/\/\*/, 'comment', '@comment'],
+      [/\/\/.*$/, 'comment']
+    ],
 
-		comment: [
-			[/[^\/*]+/, 'comment'],
-			[/\*\//, 'comment', '@pop'],
-			[/[\/*]/, 'comment']
-		],
-		//Identical copy of comment above, except for the addition of .doc
-		doccomment: [
-			[/[^\/*]+/, 'comment.doc'],
-			[/\*\//, 'comment.doc', '@pop'],
-			[/[\/*]/, 'comment.doc']
-		],
+    comment: [
+      [/[^\/*]+/, 'comment'],
+      [/\*\//, 'comment', '@pop'],
+      [/[\/*]/, 'comment']
+    ],
+    // Identical copy of comment above, except for the addition of .doc
+    doccomment: [
+      [/[^\/*]+/, 'comment.doc'],
+      [/\*\//, 'comment.doc', '@pop'],
+      [/[\/*]/, 'comment.doc']
+    ],
 
-		string: [
-			[/[^\\"]+/, 'string'],
-			[/@escapes/, 'string.escape'],
-			[/\\./, 'string.escape.invalid'],
-			[/"/, 'string', '@pop']
-		]
-	}
-};
\ No newline at end of file
+    string: [
+      [/[^\\"]+/, 'string'],
+      [/@escapes/, 'string.escape'],
+      [/\\./, 'string.escape.invalid'],
+      [/"/, 'string', '@pop']
+    ]
+  }
+}

From 6597d1f2a31ec2f61aacb99dd8220bbf3fe6e84d Mon Sep 17 00:00:00 2001
From: yann300 <yann.levreau@gmail.com>
Date: Mon, 8 Nov 2021 12:49:05 +0100
Subject: [PATCH 14/68] linting

---
 libs/remix-ui/editor/src/lib/remix-ui-editor.tsx | 4 ++--
 libs/remix-ui/editor/src/lib/syntax.ts           | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

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 89e4a6eb9d..a9124bb866 100644
--- a/libs/remix-ui/editor/src/lib/remix-ui-editor.tsx
+++ b/libs/remix-ui/editor/src/lib/remix-ui-editor.tsx
@@ -1,7 +1,7 @@
 import React, { useState, useRef, useEffect, useReducer } from 'react' // eslint-disable-line
 import Editor from '@monaco-editor/react'
 import { reducerActions, reducerListener, initialState } from './actions/editor'
-import { language, conf } from './syntax'
+import { language } from './syntax'
 
 import './remix-ui-editor.css'
 
@@ -257,7 +257,7 @@ export const EditorUI = (props: EditorUIProps) => {
   function handleEditorWillMount (monaco) {
     monacoRef.current = monaco
     // Register a new language
-    monacoRef.current.languages.register({ id: 'remix-solidity' });
+    monacoRef.current.languages.register({ id: 'remix-solidity' })
     // Register a tokens provider for the language
     monacoRef.current.languages.setMonarchTokensProvider('remix-solidity', language)
   }
diff --git a/libs/remix-ui/editor/src/lib/syntax.ts b/libs/remix-ui/editor/src/lib/syntax.ts
index 623c57f3bc..ccc53716d6 100644
--- a/libs/remix-ui/editor/src/lib/syntax.ts
+++ b/libs/remix-ui/editor/src/lib/syntax.ts
@@ -1,3 +1,4 @@
+/* eslint-disable */
 export const conf = {
   comments: {
     lineComment: '//',

From e71c689a5ee1c09e120722d80fe6493292ae86cf Mon Sep 17 00:00:00 2001
From: yann300 <yann.levreau@gmail.com>
Date: Mon, 8 Nov 2021 13:13:42 +0100
Subject: [PATCH 15/68] rollback circle ci

---
 .circleci/config.yml | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/.circleci/config.yml b/.circleci/config.yml
index 5b5770fe29..acc9a0ffb8 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -76,11 +76,11 @@ jobs:
       - run: npx nx build remix-ide --with-deps
       - run:
           name: Download Selenium
-          command: npm run selenium-install
+          command: ./node_modules/.bin/selenium-standalone install --drivers.chrome.version=2.39 --drivers.chrome.baseURL=https://chromedriver.storage.googleapis.com
       - run:
           name: Start Selenium
-          command: npm run selenium
-          background: false
+          command: ./node_modules/.bin/selenium-standalone start --drivers.chrome.version=2.39 --drivers.chrome.baseURL=https://chromedriver.storage.googleapis.com
+          background: true
       - run: ./apps/remix-ide/ci/browser_tests_chrome_1.sh
       - store_test_results:
           path: ./reports/tests
@@ -110,11 +110,11 @@ jobs:
       - run: npx nx build remix-ide --with-deps
       - run:
           name: Download Selenium
-          command: npm run selenium-install
+          command: ./node_modules/.bin/selenium-standalone install --drivers.chrome.version=2.39 --drivers.chrome.baseURL=https://chromedriver.storage.googleapis.com
       - run:
           name: Start Selenium
-          command: npm run selenium
-          background: false
+          command: ./node_modules/.bin/selenium-standalone start --drivers.chrome.version=2.39 --drivers.chrome.baseURL=https://chromedriver.storage.googleapis.com
+          background: true
       - run: ./apps/remix-ide/ci/browser_tests_chrome_2.sh
       - store_test_results:
           path: ./reports/tests

From efdb955dfe18634c941b278c4175820af81d0e1e Mon Sep 17 00:00:00 2001
From: yann300 <yann.levreau@gmail.com>
Date: Mon, 8 Nov 2021 14:09:59 +0100
Subject: [PATCH 16/68] fix loading theme

---
 apps/remix-ide/src/app/tabs/theme-module.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/remix-ide/src/app/tabs/theme-module.js b/apps/remix-ide/src/app/tabs/theme-module.js
index 118fd2d901..8558ad4da3 100644
--- a/apps/remix-ide/src/app/tabs/theme-module.js
+++ b/apps/remix-ide/src/app/tabs/theme-module.js
@@ -79,7 +79,7 @@ export class ThemeModule extends Plugin {
       throw new Error(`Theme ${themeName} doesn't exist`)
     }
     const next = themeName || this.active // Name
-    if (themeName === this.active) return
+    if (next === this.active) return
     _paq.push(['trackEvent', 'themeModule', 'switchTo', next])
     const nextTheme = this.themes[next] // Theme
     if (!this.forced) this._deps.config.set('settings/theme', next)

From cff5a9497c7f162040ccef0546517e4c454f435d Mon Sep 17 00:00:00 2001
From: yann300 <yann.levreau@gmail.com>
Date: Fri, 29 Oct 2021 13:10:35 +0200
Subject: [PATCH 17/68] fix logging to terminal

---
 apps/remix-ide/src/app/panels/terminal.js     | 10 ----------
 .../terminal/src/lib/remix-ui-terminal.tsx    | 19 +++++++++++++++----
 2 files changed, 15 insertions(+), 14 deletions(-)

diff --git a/apps/remix-ide/src/app/panels/terminal.js b/apps/remix-ide/src/app/panels/terminal.js
index 0f358b2611..096dcb1ba6 100644
--- a/apps/remix-ide/src/app/panels/terminal.js
+++ b/apps/remix-ide/src/app/panels/terminal.js
@@ -104,21 +104,11 @@ class Terminal extends Plugin {
   logHtml (html) {
     this.logHtmlResponse.push(html.innerText)
     this.renderComponent()
-    this.resetLogHtml()
-  }
-
-  resetLogHtml () {
-    this.logHtmlResponse = []
   }
 
   log (message) {
     this.logResponse.push(message)
     this.renderComponent()
-    this.resetLog()
-  }
-
-  resetLog () {
-    this.logResponse = []
   }
 
   render () {
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 8b729f07d4..e6a38e2058 100644
--- a/libs/remix-ui/terminal/src/lib/remix-ui-terminal.tsx
+++ b/libs/remix-ui/terminal/src/lib/remix-ui-terminal.tsx
@@ -68,6 +68,11 @@ export const RemixUiTerminal = (props: RemixUiTerminalProps) => {
     commandHistoryIndex: 0
   })
 
+  const [logState, setLogState] = useState({
+    logIndex: 0,
+    htmlLogIndex: 0
+  })
+
   const [searchInput, setSearchInput] = useState('')
   const [showTableHash, setShowTableHash] = useState([])
 
@@ -84,12 +89,18 @@ export const RemixUiTerminal = (props: RemixUiTerminalProps) => {
   }
 
   useEffect(() => {
-    scriptRunnerDispatch({ type: 'html', payload: { message: logHtmlResponse } })
-  }, [logHtmlResponse])
+    if (logHtmlResponse.length > 0) {
+      scriptRunnerDispatch({ type: 'html', payload: { message: logHtmlResponse.slice(logState.htmlLogIndex) } })
+      setLogState(prevState => ({ ...prevState, htmlLogIndex: logHtmlResponse.length }))
+    }    
+  }, [logHtmlResponse.length])
 
   useEffect(() => {
-    scriptRunnerDispatch({ type: 'log', payload: { message: logResponse } })
-  }, [logResponse])
+    if (logResponse.length > 0) {
+      scriptRunnerDispatch({ type: 'log', payload: { message: logResponse.slice(logState.logIndex) } })
+      setLogState(prevState => ({ ...prevState, logIndex: logResponse.length }))
+    }
+  }, [logResponse.length])
 
   // events
   useEffect(() => {

From be76e3ab5091e92a8064699b1706796d3fc3de5e Mon Sep 17 00:00:00 2001
From: yann300 <yann.levreau@gmail.com>
Date: Fri, 29 Oct 2021 13:23:53 +0200
Subject: [PATCH 18/68] fix display logs amount in terminal

---
 libs/remix-ui/terminal/src/lib/components/Context.tsx           | 2 +-
 .../terminal/src/lib/components/RenderKnownTransactions.tsx     | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/libs/remix-ui/terminal/src/lib/components/Context.tsx b/libs/remix-ui/terminal/src/lib/components/Context.tsx
index a354c4cab4..b51d9385e6 100644
--- a/libs/remix-ui/terminal/src/lib/components/Context.tsx
+++ b/libs/remix-ui/terminal/src/lib/components/Context.tsx
@@ -12,7 +12,7 @@ const Context = ({ opts, blockchain }) => {
   const val = data.value
   let hash = data.hash ? helper.shortenHexData(data.hash) : ''
   const input = data.input ? helper.shortenHexData(data.input) : ''
-  const logs = data.logs && data.logs.decoded && data.logs.decoded.length ? data.logs.decoded.length : 0
+  const logs = opts.logs && opts.logs.decoded && opts.logs.decoded.length ? opts.logs.decoded.length : 0
   const block = data.receipt ? data.receipt.blockNumber : data.blockNumber || ''
   const i = data.receipt ? data.transactionIndex : data.transactionIndex
   const value = val ? typeConversion.toInt(val) : 0
diff --git a/libs/remix-ui/terminal/src/lib/components/RenderKnownTransactions.tsx b/libs/remix-ui/terminal/src/lib/components/RenderKnownTransactions.tsx
index 79e1ba4c8a..c8508a676c 100644
--- a/libs/remix-ui/terminal/src/lib/components/RenderKnownTransactions.tsx
+++ b/libs/remix-ui/terminal/src/lib/components/RenderKnownTransactions.tsx
@@ -21,7 +21,7 @@ const RenderKnownTransactions = ({ tx, receipt, resolvedData, logs, index, plugi
   const from = tx.from
   const to = resolvedData.contractName + '.' + resolvedData.fn
   const txType = 'knownTx'
-  const options = { from, to, tx }
+  const options = { from, to, tx, logs }
   return (
     <span id={`tx${tx.hash}`} key={index}>
       <div className="log" onClick={(event) => txDetails(event, tx)}>

From 37c550e61ba7507c1a71ced0104464f6bd18b563 Mon Sep 17 00:00:00 2001
From: yann300 <yann.levreau@gmail.com>
Date: Fri, 29 Oct 2021 14:00:35 +0200
Subject: [PATCH 19/68] fix linting

---
 libs/remix-ui/terminal/src/lib/remix-ui-terminal.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

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 e6a38e2058..7cfe4bd8b1 100644
--- a/libs/remix-ui/terminal/src/lib/remix-ui-terminal.tsx
+++ b/libs/remix-ui/terminal/src/lib/remix-ui-terminal.tsx
@@ -92,7 +92,7 @@ export const RemixUiTerminal = (props: RemixUiTerminalProps) => {
     if (logHtmlResponse.length > 0) {
       scriptRunnerDispatch({ type: 'html', payload: { message: logHtmlResponse.slice(logState.htmlLogIndex) } })
       setLogState(prevState => ({ ...prevState, htmlLogIndex: logHtmlResponse.length }))
-    }    
+    }
   }, [logHtmlResponse.length])
 
   useEffect(() => {

From a5e6f934f9e78bca12dfc1da5bac92791922372f Mon Sep 17 00:00:00 2001
From: yann300 <yann.levreau@gmail.com>
Date: Fri, 29 Oct 2021 16:47:29 +0200
Subject: [PATCH 20/68] make sure call hash are unique

---
 libs/remix-lib/src/execution/txRunnerVM.ts | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/libs/remix-lib/src/execution/txRunnerVM.ts b/libs/remix-lib/src/execution/txRunnerVM.ts
index 901652da0d..428f377b39 100644
--- a/libs/remix-lib/src/execution/txRunnerVM.ts
+++ b/libs/remix-lib/src/execution/txRunnerVM.ts
@@ -15,6 +15,7 @@ export class TxRunnerVM {
   blocks
   logsManager
   commonContext
+  nextNonceForCall: number
   getVMObject: () => any
 
   constructor (vmaccounts, api, getVMObject) {
@@ -31,6 +32,13 @@ export class TxRunnerVM {
     this.vmaccounts = vmaccounts
     this.queusTxs = []
     this.blocks = []
+    /*
+      txHash is generated using the nonce,
+      in order to have unique transaction hash, we need to keep using different nonce (in case of a call)
+      so we increment this value after each call.
+      For this to function we also need to skip nonce validation, in the vm: `{ skipNonce: true }`
+    */
+    this.nextNonceForCall = 0
   }
 
   execute (args, confirmationCb, gasEstimationForceSend, promptCb, callback) {
@@ -75,7 +83,7 @@ export class TxRunnerVM {
       let tx
       if (!EIP1559) {
         tx = Transaction.fromTxData({
-          nonce: new BN(res.nonce),
+          nonce: useCall ? this.nextNonceForCall : new BN(res.nonce),
           gasPrice: '0x1',
           gasLimit: gasLimit,
           to: to,
@@ -84,7 +92,7 @@ export class TxRunnerVM {
         }, { common: this.commonContext }).sign(account.privateKey)
       } else {
         tx = FeeMarketEIP1559Transaction.fromTxData({
-          nonce: new BN(res.nonce),
+          nonce: useCall ? this.nextNonceForCall : new BN(res.nonce),
           maxPriorityFeePerGas: '0x01',
           maxFeePerGas: '0x1',
           gasLimit: gasLimit,
@@ -93,6 +101,7 @@ export class TxRunnerVM {
           data: Buffer.from(data.slice(2), 'hex')
         }).sign(account.privateKey)
       }
+      if (useCall) this.nextNonceForCall++
 
       const coinbases = ['0x0e9281e9c6a0808672eaba6bd1220e144c9bb07a', '0x8945a1288dc78a6d8952a92c77aee6730b414778', '0x94d76e24f818426ae84aa404140e8d5f60e10e7e']
       const difficulties = [new BN('69762765929000', 10), new BN('70762765929000', 10), new BN('71762765929000', 10)]
@@ -127,7 +136,7 @@ export class TxRunnerVM {
   }
 
   runBlockInVm (tx, block, callback) {
-    this.getVMObject().vm.runBlock({ block: block, generate: true, skipBlockValidation: true, skipBalance: false }).then((results) => {
+    this.getVMObject().vm.runBlock({ block: block, generate: true, skipBlockValidation: true, skipBalance: false, skipNonce: true }).then((results) => {
       const result = results.results[0]
       if (result) {
         const status = result.execResult.exceptionError ? 0 : 1

From c5d7ef12f763128c205a38d887f25166a2a47272 Mon Sep 17 00:00:00 2001
From: yann300 <yann.levreau@gmail.com>
Date: Fri, 29 Oct 2021 18:01:34 +0200
Subject: [PATCH 21/68] add e2e tests

---
 .../src/commands/journalChildIncludes.ts      |  8 +-
 apps/remix-ide-e2e/src/tests/terminal.test.ts | 77 +++++++++++++++++++
 2 files changed, 83 insertions(+), 2 deletions(-)

diff --git a/apps/remix-ide-e2e/src/commands/journalChildIncludes.ts b/apps/remix-ide-e2e/src/commands/journalChildIncludes.ts
index af9a061136..5f8e096cd7 100644
--- a/apps/remix-ide-e2e/src/commands/journalChildIncludes.ts
+++ b/apps/remix-ide-e2e/src/commands/journalChildIncludes.ts
@@ -8,7 +8,7 @@ class JournalChildIncludes extends EventEmitter {
   command (this: NightwatchBrowser, val: string): NightwatchBrowser {
     let isTextFound = false
     const browser = this.api
-
+    let occurence = 0
     this.api.elements('css selector', '*[data-id="terminalJournal"]', (res) => {
       Array.isArray(res.value) && res.value.forEach(function (jsonWebElement) {
         const jsonWebElementId = jsonWebElement.ELEMENT || jsonWebElement[Object.keys(jsonWebElement)[0]]
@@ -16,12 +16,16 @@ class JournalChildIncludes extends EventEmitter {
         browser.elementIdText(jsonWebElementId, (jsonElement) => {
           const text = jsonElement.value
 
-          if (typeof text === 'string' && text.indexOf(val) !== -1) isTextFound = true
+          if (typeof text === 'string' && text.indexOf(val) !== -1) {
+            isTextFound = true
+            occurence++
+          }
         })
       })
     })
     browser.perform(() => {
       browser.assert.ok(isTextFound, isTextFound ? `<*[data-id="terminalJournal"]> contains ${val}.` : `${val} not found in <*[data-id="terminalJournal"]> div:last-child>`)
+      browser.assert.ok(occurence === 1, `${occurence} occurence found of "${val}"`)
       this.emit('complete')
     })
     return this
diff --git a/apps/remix-ide-e2e/src/tests/terminal.test.ts b/apps/remix-ide-e2e/src/tests/terminal.test.ts
index 7e176b362a..d8e0c7f298 100644
--- a/apps/remix-ide-e2e/src/tests/terminal.test.ts
+++ b/apps/remix-ide-e2e/src/tests/terminal.test.ts
@@ -128,6 +128,25 @@ module.exports = {
       .waitForElementContainsText('*[data-id="terminalJournal"]', '0x5B38Da6a701c568545dCfcB03FcB875f56beddC4', 60000) // check that the script is logging the event
       .waitForElementContainsText('*[data-id="terminalJournal"]', 'newOwner', 60000)
       .waitForElementContainsText('*[data-id="terminalJournal"]', '0xd9145CCE52D386f254917e481eB44e9943F39138', 60000)
+  },
+
+  'Should print hardhat logs': function (browser: NightwatchBrowser) {
+    browser
+      .click('*[data-id="terminalClearConsole"]') // clear the terminal
+      .addFile('printHardhatlog.sol', { content: hardhatLog })
+      .clickLaunchIcon('solidity')
+      .testContracts('printHardhatlog.sol', { content: hardhatLog }, ['OwnerTest'])
+      .clickLaunchIcon('udapp')
+      .createContract('OwnerSet')
+      .pause(1000)
+      .journalChildIncludes('constructor')
+      .click('*[data-id="terminalClearConsole"]') // clear the terminal
+      .clickFunction('changeOwner - transact (not payable)', { types: 'address newOwner', values: '0xd9145CCE52D386f254917e481eB44e9943F39138' })
+      .pause(1000)
+      .journalChildIncludes('inside changeOwner')
+      .clickFunction('getOwner - call')
+      .pause(1000)
+      .journalChildIncludes('inside getOwner')
       .end()
   }
 }
@@ -238,3 +257,61 @@ const deployWithEthersJs = `
         console.log(e.message)
     }
 })()`
+
+const hardhatLog = `
+// SPDX-License-Identifier: GPL-3.0
+
+pragma solidity >=0.7.0 <0.9.0;
+
+import "hardhat/console.sol";
+
+/**
+ * @title Owner
+ * @dev Set & change owner
+ */
+contract OwnerTest {
+
+    address private owner;
+    
+    // event for EVM logging
+    event OwnerSet(address indexed oldOwner, address indexed newOwner);
+    
+    // modifier to check if caller is owner
+    modifier isOwner() {
+        // If the first argument of 'require' evaluates to 'false', execution terminates and all
+        // changes to the state and to Ether balances are reverted.
+        // This used to consume all gas in old EVM versions, but not anymore.
+        // It is often a good idea to use 'require' to check if functions are called correctly.
+        // As a second argument, you can also provide an explanation about what went wrong.
+        require(msg.sender == owner, "Caller is not owner");
+        _;
+    }
+    
+    /**
+     * @dev Set contract deployer as owner
+     */
+    constructor() {
+        console.log("constructor");
+        owner = msg.sender; // 'msg.sender' is sender of current call, contract deployer for a constructor
+        emit OwnerSet(address(0), owner);
+    }
+
+    /**
+     * @dev Change owner
+     * @param newOwner address of new owner
+     */
+    function changeOwner(address newOwner) public isOwner {
+        console.log("inside changeOwner");
+        emit OwnerSet(owner, newOwner);
+        owner = newOwner;
+    }
+
+    /**
+     * @dev Return owner address 
+     * @return address of owner
+     */
+    function getOwner() external view returns (address) {
+        console.log("inside getOwner");
+        return owner;
+    }
+}`

From a8d06655f190db82423f83459646241fb84eba5b Mon Sep 17 00:00:00 2001
From: yann300 <yann.levreau@gmail.com>
Date: Mon, 1 Nov 2021 14:19:17 +0100
Subject: [PATCH 22/68] fix logging to terminal

---
 apps/remix-ide/src/app/panels/terminal.js     | 12 ++++----
 .../terminal/src/lib/remix-ui-terminal.tsx    | 30 +++++++------------
 .../terminal/src/lib/types/terminalTypes.ts   |  3 +-
 package.json                                  |  2 +-
 4 files changed, 19 insertions(+), 28 deletions(-)

diff --git a/apps/remix-ide/src/app/panels/terminal.js b/apps/remix-ide/src/app/panels/terminal.js
index 096dcb1ba6..df0510b150 100644
--- a/apps/remix-ide/src/app/panels/terminal.js
+++ b/apps/remix-ide/src/app/panels/terminal.js
@@ -86,8 +86,6 @@ class Terminal extends Plugin {
       this.call('menuicons', 'select', 'debugger')
       this.call('debugger', 'debug', hash)
     })
-    this.logHtmlResponse = []
-    this.logResponse = []
   }
 
   onActivation () {
@@ -102,13 +100,11 @@ class Terminal extends Plugin {
   }
 
   logHtml (html) {
-    this.logHtmlResponse.push(html.innerText)
-    this.renderComponent()
+    this.terminalApi.logHtml(html)
   }
 
   log (message) {
-    this.logResponse.push(message)
-    this.renderComponent()
+    this.terminalApi.log(message)
   }
 
   render () {
@@ -116,9 +112,11 @@ class Terminal extends Plugin {
   }
 
   renderComponent () {
+    const onReady = (api) => { this.terminalApi = api }
     ReactDOM.render(
       <RemixUiTerminal
-        plugin = {this}
+        plugin={this}
+        onReady={onReady}
       />,
       this.element
     )
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 7cfe4bd8b1..3c13ed625c 100644
--- a/libs/remix-ui/terminal/src/lib/remix-ui-terminal.tsx
+++ b/libs/remix-ui/terminal/src/lib/remix-ui-terminal.tsx
@@ -24,7 +24,7 @@ export interface ClipboardEvent<T = Element> extends SyntheticEvent<T, any> {
 }
 
 export const RemixUiTerminal = (props: RemixUiTerminalProps) => {
-  const { call, _deps, on, config, event, gistHandler, logHtmlResponse, logResponse, version } = props.plugin
+  const { call, _deps, on, config, event, gistHandler, version } = props.plugin
   const [toggleDownUp, setToggleDownUp] = useState('fa-angle-double-down')
   const [_cmdIndex, setCmdIndex] = useState(-1)
   const [_cmdTemp, setCmdTemp] = useState('')
@@ -68,11 +68,6 @@ export const RemixUiTerminal = (props: RemixUiTerminalProps) => {
     commandHistoryIndex: 0
   })
 
-  const [logState, setLogState] = useState({
-    logIndex: 0,
-    htmlLogIndex: 0
-  })
-
   const [searchInput, setSearchInput] = useState('')
   const [showTableHash, setShowTableHash] = useState([])
 
@@ -89,18 +84,15 @@ export const RemixUiTerminal = (props: RemixUiTerminalProps) => {
   }
 
   useEffect(() => {
-    if (logHtmlResponse.length > 0) {
-      scriptRunnerDispatch({ type: 'html', payload: { message: logHtmlResponse.slice(logState.htmlLogIndex) } })
-      setLogState(prevState => ({ ...prevState, htmlLogIndex: logHtmlResponse.length }))
-    }
-  }, [logHtmlResponse.length])
-
-  useEffect(() => {
-    if (logResponse.length > 0) {
-      scriptRunnerDispatch({ type: 'log', payload: { message: logResponse.slice(logState.logIndex) } })
-      setLogState(prevState => ({ ...prevState, logIndex: logResponse.length }))
-    }
-  }, [logResponse.length])
+    props.onReady({
+      logHtml: (html) => {
+        scriptRunnerDispatch({ type: 'html', payload: { message: [html.innerText] } })
+      },
+      log: (message) => {
+        scriptRunnerDispatch({ type: 'log', payload: { message: [message] } })
+      }
+    })
+  }, [])
 
   // events
   useEffect(() => {
@@ -126,7 +118,7 @@ export const RemixUiTerminal = (props: RemixUiTerminalProps) => {
 
   useEffect(() => {
     scrollToBottom()
-  }, [newstate.journalBlocks.length, logHtmlResponse.length, toaster])
+  }, [newstate.journalBlocks.length, toaster])
 
   function execute (file, cb) {
     function _execute (content, cb) {
diff --git a/libs/remix-ui/terminal/src/lib/types/terminalTypes.ts b/libs/remix-ui/terminal/src/lib/types/terminalTypes.ts
index 66eea4d655..7a77b11dab 100644
--- a/libs/remix-ui/terminal/src/lib/types/terminalTypes.ts
+++ b/libs/remix-ui/terminal/src/lib/types/terminalTypes.ts
@@ -24,5 +24,6 @@ export const LISTEN_ON_NETWORK = 'listenOnNetWork'
 export const CMD_HISTORY = 'cmdHistory'
 
 export interface RemixUiTerminalProps {
-    plugin: any
+    plugin: any,
+    onReady: (api: any) => void
 }
diff --git a/package.json b/package.json
index 8faaf4c999..b4b82b7c5b 100644
--- a/package.json
+++ b/package.json
@@ -72,7 +72,7 @@
     "nightwatch_local_staticAnalysis": "npm run build:e2e && nightwatch --config dist/apps/remix-ide-e2e/nightwatch.js dist/apps/remix-ide-e2e/src/tests/staticAnalysis.spec.js --env=chrome",
     "nightwatch_local_signingMessage": "npm run build:e2e && nightwatch --config dist/apps/remix-ide-e2e/nightwatch.js dist/apps/remix-ide-e2e/src/tests/signingMessage.test.js --env=chrome",
     "nightwatch_local_specialFunctions": "npm run build:e2e && nightwatch --config dist/apps/remix-ide-e2e/nightwatch.js dist/apps/remix-ide-e2e/src/tests/specialFunctions.test.js --env=chrome",
-    "nightwatch_local_solidityUnitTests": "npm run build:e2e && nightwatch --config dist/apps/remix-ide-e2e/nightwatch.js dist/apps/remix-ide-e2e/src/tests/solidityUnittests.spec.js --env=chrome",
+    "nightwatch_local_solidityUnitTests": "npm run build:e2e && nightwatch --config dist/apps/remix-ide-e2e/nightwatch.js dist/apps/remix-ide-e2e/src/tests/solidityUnittests.spec.js --env=firefox",
     "nightwatch_local_remixd": "npm run build:e2e && nightwatch --config dist/apps/remix-ide-e2e/nightwatch.js dist/apps/remix-ide-e2e/src/tests/remixd.test.js --env=chrome",
     "nightwatch_local_terminal": "npm run build:e2e && nightwatch --config dist/apps/remix-ide-e2e/nightwatch.js dist/apps/remix-ide-e2e/src/tests/terminal.test.js --env=chrome",
     "nightwatch_local_gist": "npm run build:e2e && nightwatch --config dist/apps/remix-ide-e2e/nightwatch.js dist/apps/remix-ide-e2e/src/tests/gist.spec.js --env=chrome",

From ba1d2d886b5e30219bfb3d45cc4824e78d83912c Mon Sep 17 00:00:00 2001
From: yann300 <yann.levreau@gmail.com>
Date: Tue, 2 Nov 2021 12:14:46 +0100
Subject: [PATCH 23/68] fix e2e

---
 apps/remix-ide-e2e/src/tests/terminal.test.ts | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/apps/remix-ide-e2e/src/tests/terminal.test.ts b/apps/remix-ide-e2e/src/tests/terminal.test.ts
index d8e0c7f298..d374724aa7 100644
--- a/apps/remix-ide-e2e/src/tests/terminal.test.ts
+++ b/apps/remix-ide-e2e/src/tests/terminal.test.ts
@@ -4,7 +4,7 @@ import init from '../helpers/init'
 
 module.exports = {
   before: function (browser: NightwatchBrowser, done: VoidFunction) {
-    init(browser, done, 'http://127.0.0.1:8080?plugins=solidity,udapp', false)
+    init(browser, done, 'http://127.0.0.1:8080?plugins=solidity,udapp', true)
   },
 
   'Should execution a simple console command': function (browser: NightwatchBrowser) {
@@ -137,10 +137,13 @@ module.exports = {
       .clickLaunchIcon('solidity')
       .testContracts('printHardhatlog.sol', { content: hardhatLog }, ['OwnerTest'])
       .clickLaunchIcon('udapp')
-      .createContract('OwnerSet')
+      .selectContract('OwnerTest')
+      .createContract('')
       .pause(1000)
       .journalChildIncludes('constructor')
+      .pause(5000)
       .click('*[data-id="terminalClearConsole"]') // clear the terminal
+      .clickInstance(0)
       .clickFunction('changeOwner - transact (not payable)', { types: 'address newOwner', values: '0xd9145CCE52D386f254917e481eB44e9943F39138' })
       .pause(1000)
       .journalChildIncludes('inside changeOwner')

From 2ac7488df6bf3fd565d195046becbc88d8093a17 Mon Sep 17 00:00:00 2001
From: yann300 <yann.levreau@gmail.com>
Date: Tue, 2 Nov 2021 13:00:52 +0100
Subject: [PATCH 24/68] add shouldHaveOnlyOneOccurence param in e2e test
 command

---
 apps/remix-ide-e2e/src/commands/journalChildIncludes.ts | 4 ++--
 apps/remix-ide-e2e/src/tests/terminal.test.ts           | 6 +++---
 apps/remix-ide-e2e/src/types/index.d.ts                 | 2 +-
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/apps/remix-ide-e2e/src/commands/journalChildIncludes.ts b/apps/remix-ide-e2e/src/commands/journalChildIncludes.ts
index 5f8e096cd7..689be3bf34 100644
--- a/apps/remix-ide-e2e/src/commands/journalChildIncludes.ts
+++ b/apps/remix-ide-e2e/src/commands/journalChildIncludes.ts
@@ -5,7 +5,7 @@ import EventEmitter from 'events'
   Checks if any child elements of journal (console) contains a matching value.
 */
 class JournalChildIncludes extends EventEmitter {
-  command (this: NightwatchBrowser, val: string): NightwatchBrowser {
+  command (this: NightwatchBrowser, val: string, opts = { shouldHaveOnlyOneOccurence: false }): NightwatchBrowser {
     let isTextFound = false
     const browser = this.api
     let occurence = 0
@@ -25,7 +25,7 @@ class JournalChildIncludes extends EventEmitter {
     })
     browser.perform(() => {
       browser.assert.ok(isTextFound, isTextFound ? `<*[data-id="terminalJournal"]> contains ${val}.` : `${val} not found in <*[data-id="terminalJournal"]> div:last-child>`)
-      browser.assert.ok(occurence === 1, `${occurence} occurence found of "${val}"`)
+      if (opts.shouldHaveOnlyOneOccurence) browser.assert.ok(occurence === 1, `${occurence} occurence found of "${val}"`)
       this.emit('complete')
     })
     return this
diff --git a/apps/remix-ide-e2e/src/tests/terminal.test.ts b/apps/remix-ide-e2e/src/tests/terminal.test.ts
index d374724aa7..b30bb5e8da 100644
--- a/apps/remix-ide-e2e/src/tests/terminal.test.ts
+++ b/apps/remix-ide-e2e/src/tests/terminal.test.ts
@@ -140,16 +140,16 @@ module.exports = {
       .selectContract('OwnerTest')
       .createContract('')
       .pause(1000)
-      .journalChildIncludes('constructor')
+      .journalChildIncludes('constructor', { shouldHaveOnlyOneOccurence: true })
       .pause(5000)
       .click('*[data-id="terminalClearConsole"]') // clear the terminal
       .clickInstance(0)
       .clickFunction('changeOwner - transact (not payable)', { types: 'address newOwner', values: '0xd9145CCE52D386f254917e481eB44e9943F39138' })
       .pause(1000)
-      .journalChildIncludes('inside changeOwner')
+      .journalChildIncludes('inside changeOwner', { shouldHaveOnlyOneOccurence: true })
       .clickFunction('getOwner - call')
       .pause(1000)
-      .journalChildIncludes('inside getOwner')
+      .journalChildIncludes('inside getOwner', { shouldHaveOnlyOneOccurence: true })
       .end()
   }
 }
diff --git a/apps/remix-ide-e2e/src/types/index.d.ts b/apps/remix-ide-e2e/src/types/index.d.ts
index 7033bf2057..f5f9287065 100644
--- a/apps/remix-ide-e2e/src/types/index.d.ts
+++ b/apps/remix-ide-e2e/src/types/index.d.ts
@@ -23,7 +23,7 @@ declare module 'nightwatch' {
         journalLastChildIncludes(val: string): NightwatchBrowser,
         executeScript(script: string): NightwatchBrowser,
         clearEditableContent(cssSelector: string): NightwatchBrowser,
-        journalChildIncludes(val: string): NightwatchBrowser,
+        journalChildIncludes(val: string, opts = { shouldHaveOnlyOneOccurence: boolean }): NightwatchBrowser,
         debugTransaction(index: number): NightwatchBrowser,
         checkElementStyle(cssSelector: string, styleProperty: string, expectedResult: string): NightwatchBrowser,
         openFile(name: string): NightwatchBrowser,

From 3897fd5aee8004dba9d6cf0be029b64efcae8fde Mon Sep 17 00:00:00 2001
From: yann300 <yann.levreau@gmail.com>
Date: Tue, 2 Nov 2021 15:02:04 +0100
Subject: [PATCH 25/68] fix e2E

---
 apps/remix-ide-e2e/src/tests/terminal.test.ts | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/apps/remix-ide-e2e/src/tests/terminal.test.ts b/apps/remix-ide-e2e/src/tests/terminal.test.ts
index b30bb5e8da..a936f4e182 100644
--- a/apps/remix-ide-e2e/src/tests/terminal.test.ts
+++ b/apps/remix-ide-e2e/src/tests/terminal.test.ts
@@ -4,7 +4,7 @@ import init from '../helpers/init'
 
 module.exports = {
   before: function (browser: NightwatchBrowser, done: VoidFunction) {
-    init(browser, done, 'http://127.0.0.1:8080?plugins=solidity,udapp', true)
+    init(browser, done, 'http://127.0.0.1:8080?plugins=solidity,udapp', false)
   },
 
   'Should execution a simple console command': function (browser: NightwatchBrowser) {
@@ -135,6 +135,8 @@ module.exports = {
       .click('*[data-id="terminalClearConsole"]') // clear the terminal
       .addFile('printHardhatlog.sol', { content: hardhatLog })
       .clickLaunchIcon('solidity')
+      .waitForElementVisible('[for="autoCompile"]')
+      .click('[for="autoCompile"]')
       .testContracts('printHardhatlog.sol', { content: hardhatLog }, ['OwnerTest'])
       .clickLaunchIcon('udapp')
       .selectContract('OwnerTest')

From 18bffb65b1c868e413ad1b99cd290bdb3014d30b Mon Sep 17 00:00:00 2001
From: yann300 <yann.levreau@gmail.com>
Date: Mon, 8 Nov 2021 14:00:45 +0100
Subject: [PATCH 26/68] fix terminal tx details

---
 libs/remix-ui/terminal/src/lib/components/Table.tsx | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/libs/remix-ui/terminal/src/lib/components/Table.tsx b/libs/remix-ui/terminal/src/lib/components/Table.tsx
index 33e9cabf58..90b250fde4 100644
--- a/libs/remix-ui/terminal/src/lib/components/Table.tsx
+++ b/libs/remix-ui/terminal/src/lib/components/Table.tsx
@@ -37,12 +37,11 @@ const showTable = (opts, showTableHash) => {
   const val = opts.val != null ? typeConversion.toInt(opts.val) : 0
   return (
     <table className={`txTable ${showTableHash.includes(opts.hash) ? 'active' : ''}`} id='txTable' data-id={`txLoggerTable${opts.hash}`}>
-      <tbody>
-        <tr className='tr'>
+      <tbody>{ opts.status !== undefined ? (<tr className='tr'>
           <td className='td' data-shared={`key_${opts.hash}`}>status</td>
           <td className='td' data-id={`txLoggerTableStatus${opts.hash}`} data-shared={`pair_${opts.hash}`}>{`${opts.status} ${msg}`}</td>
-        </tr>
-        {opts.hash ? (<tr className='tr'>
+        </tr>) : null }
+        {opts.hash && !opts.isCall ? (<tr className='tr'>
           <td className='td' data-shared={`key_${opts.hash}`}>transaction hash</td>
           <td className='td' data-id={`txLoggerTableHash${opts.hash}`} data-shared={`pair_${opts.hash}`}>{opts.hash}
             <CopyToClipboard content={opts.hash}/>

From e158e20d1aec62db3abf23e2e14c4ec484c194d0 Mon Sep 17 00:00:00 2001
From: yann300 <yann.levreau@gmail.com>
Date: Mon, 8 Nov 2021 14:02:43 +0100
Subject: [PATCH 27/68] fix e2e

---
 apps/remix-ide-e2e/src/tests/terminal.test.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/apps/remix-ide-e2e/src/tests/terminal.test.ts b/apps/remix-ide-e2e/src/tests/terminal.test.ts
index a936f4e182..54bfae0cf7 100644
--- a/apps/remix-ide-e2e/src/tests/terminal.test.ts
+++ b/apps/remix-ide-e2e/src/tests/terminal.test.ts
@@ -139,6 +139,7 @@ module.exports = {
       .click('[for="autoCompile"]')
       .testContracts('printHardhatlog.sol', { content: hardhatLog }, ['OwnerTest'])
       .clickLaunchIcon('udapp')
+      .click('*[data-id="deployAndRunClearInstances"]')
       .selectContract('OwnerTest')
       .createContract('')
       .pause(1000)

From d52b22658b24bf19cdd79f3b188cba32583fcf0b Mon Sep 17 00:00:00 2001
From: yann300 <yann.levreau@gmail.com>
Date: Mon, 8 Nov 2021 14:18:07 +0100
Subject: [PATCH 28/68] linting

---
 .../terminal/src/lib/components/Table.tsx     | 287 ++++++++++++------
 1 file changed, 191 insertions(+), 96 deletions(-)

diff --git a/libs/remix-ui/terminal/src/lib/components/Table.tsx b/libs/remix-ui/terminal/src/lib/components/Table.tsx
index 90b250fde4..948b9b1e59 100644
--- a/libs/remix-ui/terminal/src/lib/components/Table.tsx
+++ b/libs/remix-ui/terminal/src/lib/components/Table.tsx
@@ -36,124 +36,219 @@ const showTable = (opts, showTableHash) => {
   }
   const val = opts.val != null ? typeConversion.toInt(opts.val) : 0
   return (
-    <table className={`txTable ${showTableHash.includes(opts.hash) ? 'active' : ''}`} id='txTable' data-id={`txLoggerTable${opts.hash}`}>
-      <tbody>{ opts.status !== undefined ? (<tr className='tr'>
-          <td className='td' data-shared={`key_${opts.hash}`}>status</td>
-          <td className='td' data-id={`txLoggerTableStatus${opts.hash}`} data-shared={`pair_${opts.hash}`}>{`${opts.status} ${msg}`}</td>
-        </tr>) : null }
-        {opts.hash && !opts.isCall ? (<tr className='tr'>
-          <td className='td' data-shared={`key_${opts.hash}`}>transaction hash</td>
-          <td className='td' data-id={`txLoggerTableHash${opts.hash}`} data-shared={`pair_${opts.hash}`}>{opts.hash}
-            <CopyToClipboard content={opts.hash}/>
-          </td>
-        </tr>) : null }
-        {
-          opts.contractAddress ? (
-            <tr className='tr'>
-              <td className='td' data-shared={`key_${opts.hash}`}>contract address</td>
-              <td className='td' data-id={`txLoggerTableContractAddress${opts.hash}`} data-shared={`pair_${opts.hash}`}>{opts.contractAddress}
-                <CopyToClipboard content={opts.contractAddress}/>
-              </td>
-            </tr>
-          ) : null
-        }
-        {
-          opts.from ? (
-            <tr className='tr'>
-              <td className='td tableTitle' data-shared={`key_${opts.hash}`}>from</td>
-              <td className='td' data-id={`txLoggerTableFrom${opts.hash}`} data-shared={`pair_${opts.hash}`}>{opts.from}
-                <CopyToClipboard content={opts.from}/>
-              </td>
-            </tr>
-          ) : null
-        }
-        {
-          opts.to ? (
-            <tr className='tr'>
-              <td className='td' data-shared={`key_${opts.hash}`}>to</td>
-              <td className='td' data-id={`txLoggerTableTo${opts.hash}`} data-shared={`pair_${opts.hash}`}>{toHash}
-                <CopyToClipboard content={data.to ? data.to : toHash}/>
-              </td>
-            </tr>
-          ) : null
-        }
-        {
-          opts.gas ? (
-            <tr className='tr'>
-              <td className='td' data-shared={`key_${opts.hash}`}>gas</td>
-              <td className='td' data-id={`txLoggerTableGas${opts.hash}`} data-shared={`pair_${opts.hash}`}>{opts.gas} gas
-                <CopyToClipboard content={opts.gas}/>
-              </td>
-            </tr>
-          ) : null
-        }
-        {
-          opts.transactionCost ? (
-            <tr className='tr'>
-              <td className='td' data-shared={`key_${opts.hash}`}>transaction cost</td>
-              <td className='td' data-id={`txLoggerTableTransactionCost${opts.hash}`} data-shared={`pair_${opts.hash}`}>{opts.transactionCost} gas {callWarning}
-                <CopyToClipboard content={opts.transactionCost}/>
-              </td>
-            </tr>
-          ) : null
-        }
-        {
-          opts.executionCost ? (
-            <tr className='tr'>
-              <td className='td' data-shared={`key_${opts.hash}`}>execution cost</td>
-              <td className='td' data-id={`txLoggerTableExecutionHash${opts.hash}`} data-shared={`pair_${opts.hash}`}>{opts.executionCost} gas {callWarning}
-                <CopyToClipboard content={opts.executionCost}/>
-              </td>
-            </tr>
-          ) : null
-        }
+    <table
+      className={`txTable ${showTableHash.includes(opts.hash) ? 'active' : ''}`}
+      id="txTable"
+      data-id={`txLoggerTable${opts.hash}`}
+    >
+      <tbody>
+        {opts.status !== undefined ? (
+          <tr className="tr">
+            <td className="td" data-shared={`key_${opts.hash}`}>
+              status
+            </td>
+            <td
+              className="td"
+              data-id={`txLoggerTableStatus${opts.hash}`}
+              data-shared={`pair_${opts.hash}`}
+            >{`${opts.status} ${msg}`}</td>
+          </tr>
+        ) : null}
+        {opts.hash && !opts.isCall ? (
+          <tr className="tr">
+            <td className="td" data-shared={`key_${opts.hash}`}>
+              transaction hash
+            </td>
+            <td
+              className="td"
+              data-id={`txLoggerTableHash${opts.hash}`}
+              data-shared={`pair_${opts.hash}`}
+            >
+              {opts.hash}
+              <CopyToClipboard content={opts.hash} />
+            </td>
+          </tr>
+        ) : null}
+        {opts.contractAddress ? (
+          <tr className="tr">
+            <td className="td" data-shared={`key_${opts.hash}`}>
+              contract address
+            </td>
+            <td
+              className="td"
+              data-id={`txLoggerTableContractAddress${opts.hash}`}
+              data-shared={`pair_${opts.hash}`}
+            >
+              {opts.contractAddress}
+              <CopyToClipboard content={opts.contractAddress} />
+            </td>
+          </tr>
+        ) : null}
+        {opts.from ? (
+          <tr className="tr">
+            <td className="td tableTitle" data-shared={`key_${opts.hash}`}>
+              from
+            </td>
+            <td
+              className="td"
+              data-id={`txLoggerTableFrom${opts.hash}`}
+              data-shared={`pair_${opts.hash}`}
+            >
+              {opts.from}
+              <CopyToClipboard content={opts.from} />
+            </td>
+          </tr>
+        ) : null}
+        {opts.to ? (
+          <tr className="tr">
+            <td className="td" data-shared={`key_${opts.hash}`}>
+              to
+            </td>
+            <td
+              className="td"
+              data-id={`txLoggerTableTo${opts.hash}`}
+              data-shared={`pair_${opts.hash}`}
+            >
+              {toHash}
+              <CopyToClipboard content={data.to ? data.to : toHash} />
+            </td>
+          </tr>
+        ) : null}
+        {opts.gas ? (
+          <tr className="tr">
+            <td className="td" data-shared={`key_${opts.hash}`}>
+              gas
+            </td>
+            <td
+              className="td"
+              data-id={`txLoggerTableGas${opts.hash}`}
+              data-shared={`pair_${opts.hash}`}
+            >
+              {opts.gas} gas
+              <CopyToClipboard content={opts.gas} />
+            </td>
+          </tr>
+        ) : null}
+        {opts.transactionCost ? (
+          <tr className="tr">
+            <td className="td" data-shared={`key_${opts.hash}`}>
+              transaction cost
+            </td>
+            <td
+              className="td"
+              data-id={`txLoggerTableTransactionCost${opts.hash}`}
+              data-shared={`pair_${opts.hash}`}
+            >
+              {opts.transactionCost} gas {callWarning}
+              <CopyToClipboard content={opts.transactionCost} />
+            </td>
+          </tr>
+        ) : null}
+        {opts.executionCost ? (
+          <tr className="tr">
+            <td className="td" data-shared={`key_${opts.hash}`}>
+              execution cost
+            </td>
+            <td
+              className="td"
+              data-id={`txLoggerTableExecutionHash${opts.hash}`}
+              data-shared={`pair_${opts.hash}`}
+            >
+              {opts.executionCost} gas {callWarning}
+              <CopyToClipboard content={opts.executionCost} />
+            </td>
+          </tr>
+        ) : null}
         {opts.hash ? (
-          <tr className='tr'>
-            <td className='td' data-shared={`key_${opts.hash}`}>hash</td>
-            <td className='td' data-id={`txLoggerTableHash${opts.hash}`} data-shared={`pair_${opts.hash}`}>{opts.hash}
-              <CopyToClipboard content={opts.hash}/>
+          <tr className="tr">
+            <td className="td" data-shared={`key_${opts.hash}`}>
+              hash
+            </td>
+            <td
+              className="td"
+              data-id={`txLoggerTableHash${opts.hash}`}
+              data-shared={`pair_${opts.hash}`}
+            >
+              {opts.hash}
+              <CopyToClipboard content={opts.hash} />
             </td>
           </tr>
         ) : null}
         {opts.input ? (
-          <tr className='tr'>
-            <td className='td' data-shared={`key_${opts.hash}`}>input</td>
-            <td className='td' data-id={`txLoggerTableHash${opts.hash}`} data-shared={`pair_${opts.hash}`}>{helper.shortenHexData(opts.input)}
-              <CopyToClipboard content={opts.input}/>
+          <tr className="tr">
+            <td className="td" data-shared={`key_${opts.hash}`}>
+              input
+            </td>
+            <td
+              className="td"
+              data-id={`txLoggerTableHash${opts.hash}`}
+              data-shared={`pair_${opts.hash}`}
+            >
+              {helper.shortenHexData(opts.input)}
+              <CopyToClipboard content={opts.input} />
             </td>
           </tr>
         ) : null}
         {opts['decoded input'] ? (
-          <tr className='tr'>
-            <td className='td' data-shared={`key_${opts.hash}`}>decoded input</td>
-            <td className='td' data-id={`txLoggerTableHash${opts.hash}`} data-shared={`pair_${opts.hash}`}>{opts['decoded input'].trim()}
-              <CopyToClipboard content={opts['decoded input']}/>
+          <tr className="tr">
+            <td className="td" data-shared={`key_${opts.hash}`}>
+              decoded input
+            </td>
+            <td
+              className="td"
+              data-id={`txLoggerTableHash${opts.hash}`}
+              data-shared={`pair_${opts.hash}`}
+            >
+              {opts['decoded input'].trim()}
+              <CopyToClipboard content={opts['decoded input']} />
             </td>
           </tr>
         ) : null}
         {opts['decoded output'] ? (
-          <tr className='tr'>
-            <td className='td' data-shared={`key_${opts.hash}`}>decoded output</td>
-            <td className='td' data-id={`txLoggerTableHash${opts.hash}`} data-shared={`pair_${opts.hash}`}>{opts['decoded output']}
-              <CopyToClipboard content={opts['decoded output']}/>
+          <tr className="tr">
+            <td className="td" data-shared={`key_${opts.hash}`}>
+              decoded output
+            </td>
+            <td
+              className="td"
+              data-id={`txLoggerTableHash${opts.hash}`}
+              data-shared={`pair_${opts.hash}`}
+            >
+              {opts['decoded output']}
+              <CopyToClipboard content={opts['decoded output']} />
             </td>
           </tr>
         ) : null}
         {opts.logs ? (
-          <tr className='tr'>
-            <td className='td' data-shared={`key_${opts.hash}`}>logs</td>
-            <td className='td' data-id={`txLoggerTableHash${opts.hash}`} data-shared={`pair_${opts.hash}`}>
+          <tr className="tr">
+            <td className="td" data-shared={`key_${opts.hash}`}>
+              logs
+            </td>
+            <td
+              className="td"
+              data-id={`txLoggerTableHash${opts.hash}`}
+              data-shared={`pair_${opts.hash}`}
+            >
               {JSON.stringify(stringified, null, '\t')}
-              <CopyToClipboard content={JSON.stringify(stringified, null, '\t')}/>
-              <CopyToClipboard content={JSON.stringify(opts.logs.raw || '0')}/>
+              <CopyToClipboard
+                content={JSON.stringify(stringified, null, '\t')}
+              />
+              <CopyToClipboard content={JSON.stringify(opts.logs.raw || '0')} />
             </td>
           </tr>
         ) : null}
         {opts.val ? (
-          <tr className='tr'>
-            <td className='td' data-shared={`key_${opts.hash}`}>val</td>
-            <td className='td' data-id={`txLoggerTableHash${opts.hash}`} data-shared={`pair_${opts.hash}`}>{val} wei
-              <CopyToClipboard content={`${val} wei`}/>
+          <tr className="tr">
+            <td className="td" data-shared={`key_${opts.hash}`}>
+              val
+            </td>
+            <td
+              className="td"
+              data-id={`txLoggerTableHash${opts.hash}`}
+              data-shared={`pair_${opts.hash}`}
+            >
+              {val} wei
+              <CopyToClipboard content={`${val} wei`} />
             </td>
           </tr>
         ) : null}

From a6d720362890406c591c8b98de230ebf00ddec99 Mon Sep 17 00:00:00 2001
From: yann300 <yann.levreau@gmail.com>
Date: Mon, 8 Nov 2021 14:59:26 +0100
Subject: [PATCH 29/68] rollback e2e browser type

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index b4b82b7c5b..8faaf4c999 100644
--- a/package.json
+++ b/package.json
@@ -72,7 +72,7 @@
     "nightwatch_local_staticAnalysis": "npm run build:e2e && nightwatch --config dist/apps/remix-ide-e2e/nightwatch.js dist/apps/remix-ide-e2e/src/tests/staticAnalysis.spec.js --env=chrome",
     "nightwatch_local_signingMessage": "npm run build:e2e && nightwatch --config dist/apps/remix-ide-e2e/nightwatch.js dist/apps/remix-ide-e2e/src/tests/signingMessage.test.js --env=chrome",
     "nightwatch_local_specialFunctions": "npm run build:e2e && nightwatch --config dist/apps/remix-ide-e2e/nightwatch.js dist/apps/remix-ide-e2e/src/tests/specialFunctions.test.js --env=chrome",
-    "nightwatch_local_solidityUnitTests": "npm run build:e2e && nightwatch --config dist/apps/remix-ide-e2e/nightwatch.js dist/apps/remix-ide-e2e/src/tests/solidityUnittests.spec.js --env=firefox",
+    "nightwatch_local_solidityUnitTests": "npm run build:e2e && nightwatch --config dist/apps/remix-ide-e2e/nightwatch.js dist/apps/remix-ide-e2e/src/tests/solidityUnittests.spec.js --env=chrome",
     "nightwatch_local_remixd": "npm run build:e2e && nightwatch --config dist/apps/remix-ide-e2e/nightwatch.js dist/apps/remix-ide-e2e/src/tests/remixd.test.js --env=chrome",
     "nightwatch_local_terminal": "npm run build:e2e && nightwatch --config dist/apps/remix-ide-e2e/nightwatch.js dist/apps/remix-ide-e2e/src/tests/terminal.test.js --env=chrome",
     "nightwatch_local_gist": "npm run build:e2e && nightwatch --config dist/apps/remix-ide-e2e/nightwatch.js dist/apps/remix-ide-e2e/src/tests/gist.spec.js --env=chrome",

From 0578fb0179be462c1dcc101aae9497a9bcca8708 Mon Sep 17 00:00:00 2001
From: Aniket-Engg <aniketengg.225@gmail.com>
Date: Tue, 26 Oct 2021 19:40:30 +0530
Subject: [PATCH 30/68] do not throw error if storage is not available

---
 libs/remix-lib/src/web3Provider/web3VmProvider.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/libs/remix-lib/src/web3Provider/web3VmProvider.ts b/libs/remix-lib/src/web3Provider/web3VmProvider.ts
index f29e225e5a..fa70b9d707 100644
--- a/libs/remix-lib/src/web3Provider/web3VmProvider.ts
+++ b/libs/remix-lib/src/web3Provider/web3VmProvider.ts
@@ -304,7 +304,7 @@ export class Web3VmProvider {
         nextKey: null
       })
     }
-    cb('unable to retrieve storage ' + txIndex + ' ' + address)
+    cb(null, {})
   }
 
   getBlockNumber (cb) { cb(null, 'vm provider') }

From 4a633d2c5187b8f451e6dc58656047d09a3d3eb1 Mon Sep 17 00:00:00 2001
From: Aniket-Engg <aniketengg.225@gmail.com>
Date: Wed, 27 Oct 2021 11:44:36 +0530
Subject: [PATCH 31/68] storage as blank obj

---
 libs/remix-lib/src/web3Provider/web3VmProvider.ts | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/libs/remix-lib/src/web3Provider/web3VmProvider.ts b/libs/remix-lib/src/web3Provider/web3VmProvider.ts
index fa70b9d707..e6e9a73bf9 100644
--- a/libs/remix-lib/src/web3Provider/web3VmProvider.ts
+++ b/libs/remix-lib/src/web3Provider/web3VmProvider.ts
@@ -304,7 +304,9 @@ export class Web3VmProvider {
         nextKey: null
       })
     }
-    cb(null, {})
+    // Before https://github.com/ethereum/remix-project/pull/1703, it used to throw error as 
+    // 'unable to retrieve storage ' + txIndex + ' ' + address
+    cb(null, { storage: {}})
   }
 
   getBlockNumber (cb) { cb(null, 'vm provider') }

From dbc4cf3ec1ca17916175d9f11776f78053e17865 Mon Sep 17 00:00:00 2001
From: Aniket-Engg <aniketengg.225@gmail.com>
Date: Wed, 27 Oct 2021 12:00:04 +0530
Subject: [PATCH 32/68] linting fix

---
 libs/remix-lib/src/web3Provider/web3VmProvider.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/libs/remix-lib/src/web3Provider/web3VmProvider.ts b/libs/remix-lib/src/web3Provider/web3VmProvider.ts
index e6e9a73bf9..49fa4d80a9 100644
--- a/libs/remix-lib/src/web3Provider/web3VmProvider.ts
+++ b/libs/remix-lib/src/web3Provider/web3VmProvider.ts
@@ -304,9 +304,9 @@ export class Web3VmProvider {
         nextKey: null
       })
     }
-    // Before https://github.com/ethereum/remix-project/pull/1703, it used to throw error as 
+    // Before https://github.com/ethereum/remix-project/pull/1703, it used to throw error as
     // 'unable to retrieve storage ' + txIndex + ' ' + address
-    cb(null, { storage: {}})
+    cb(null, { storage: {} })
   }
 
   getBlockNumber (cb) { cb(null, 'vm provider') }

From 211c7fbbfb04a04a74ba6b91b22c511278d77b0d Mon Sep 17 00:00:00 2001
From: Aniket-Engg <aniketengg.225@gmail.com>
Date: Wed, 27 Oct 2021 19:44:13 +0530
Subject: [PATCH 33/68] handle test files

---
 .../src/lib/compiler-content-imports.ts               | 11 ++++++++++-
 libs/remix-tests/src/compiler.ts                      |  2 +-
 2 files changed, 11 insertions(+), 2 deletions(-)

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 2e20d5ebb7..fb21cf0349 100644
--- a/libs/remix-core-plugin/src/lib/compiler-content-imports.ts
+++ b/libs/remix-core-plugin/src/lib/compiler-content-imports.ts
@@ -106,6 +106,13 @@ export class CompilerImports extends Plugin {
     })
   }
 
+  async importTestFiles () {
+    const provider = await this.call('fileManager', 'getProviderOf', null)
+    const content = remixTests.assertLibCode
+    if (provider) provider.addExternal('.deps/remix-tests/remix-tests.sol', content, 'remix_tests.sol')
+    return content
+  }
+
   /**
     * import the content of @arg url.
     * first look in the browser localstorage (browser explorer) or locahost explorer. if the url start with `browser/*` or  `localhost/*`
@@ -117,7 +124,9 @@ export class CompilerImports extends Plugin {
     * @returns {Promise} - string content
     */
   async resolveAndSave (url, targetPath) {
-    if (url.indexOf('remix_tests.sol') !== -1) return remixTests.assertLibCode
+    if (url.indexOf('remix_tests.sol') !== -1) {
+      return await this.importTestFiles()
+    }
     try {
       const provider = await this.call('fileManager', 'getProviderOf', url)
       if (provider) {
diff --git a/libs/remix-tests/src/compiler.ts b/libs/remix-tests/src/compiler.ts
index e15bb656e4..ee1846b7a3 100644
--- a/libs/remix-tests/src/compiler.ts
+++ b/libs/remix-tests/src/compiler.ts
@@ -177,7 +177,7 @@ export function compileContractSources (sources: SrcIfc, compilerConfig: Compile
   // Iterate over sources keys. Inject test libraries. Inject test library import statements.
   if (!('remix_tests.sol' in sources) && !('tests.sol' in sources)) {
     sources['tests.sol'] = { content: require('../sol/tests.sol.js') }
-    sources['remix_tests.sol'] = { content: require('../sol/tests.sol.js') }
+    // sources['remix_tests.sol'] = { content: require('../sol/tests.sol.js') }
     sources['remix_accounts.sol'] = { content: writeTestAccountsContract(accounts) }
   }
   const testFileImportRegEx = /^(import)\s['"](remix_tests.sol|tests.sol)['"];/gm

From 4f0e42bf725dcd00a04869d537ef3d8b48d6cbd9 Mon Sep 17 00:00:00 2001
From: Aniket-Engg <aniketengg.225@gmail.com>
Date: Thu, 28 Oct 2021 13:49:22 +0530
Subject: [PATCH 34/68] test files created during compilation in SUT

---
 .../src/lib/compiler-content-imports.ts       | 15 ++++++++-------
 libs/remix-tests/sol/tests_accounts.sol.ts    |  2 +-
 libs/remix-tests/src/compiler.ts              | 19 ++++++++++---------
 libs/remix-tests/src/index.ts                 |  1 +
 4 files changed, 20 insertions(+), 17 deletions(-)

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 fb21cf0349..3dc0e05778 100644
--- a/libs/remix-core-plugin/src/lib/compiler-content-imports.ts
+++ b/libs/remix-core-plugin/src/lib/compiler-content-imports.ts
@@ -1,7 +1,8 @@
 'use strict'
 import { Plugin } from '@remixproject/engine'
 import { RemixURLResolver } from '@remix-project/remix-url-resolver'
-const remixTests = require('@remix-project/remix-tests')
+// const remixTests = require('@remix-project/remix-tests')
+var { assertLibCode, getAccountsLib } = require('@remix-project/remix-tests')
 
 const profile = {
   name: 'contentImport',
@@ -106,10 +107,12 @@ export class CompilerImports extends Plugin {
     })
   }
 
-  async importTestFiles () {
+  async importTestFiles (url) {
     const provider = await this.call('fileManager', 'getProviderOf', null)
-    const content = remixTests.assertLibCode
-    if (provider) provider.addExternal('.deps/remix-tests/remix-tests.sol', content, 'remix_tests.sol')
+    let content
+    if (url === 'remix_tests.sol' || url === 'tests.sol') content = assertLibCode
+    else if (url === 'remix_accounts.sol') content = getAccountsLib()
+    if (provider) provider.addExternal('.deps/remix-tests/' + url, content, url)
     return content
   }
 
@@ -124,9 +127,7 @@ export class CompilerImports extends Plugin {
     * @returns {Promise} - string content
     */
   async resolveAndSave (url, targetPath) {
-    if (url.indexOf('remix_tests.sol') !== -1) {
-      return await this.importTestFiles()
-    }
+    if (['remix_tests.sol', 'tests.sol', 'remix_accounts.sol'].includes(url)) return await this.importTestFiles(url)
     try {
       const provider = await this.call('fileManager', 'getProviderOf', url)
       if (provider) {
diff --git a/libs/remix-tests/sol/tests_accounts.sol.ts b/libs/remix-tests/sol/tests_accounts.sol.ts
index d97aae8f34..847e37f083 100644
--- a/libs/remix-tests/sol/tests_accounts.sol.ts
+++ b/libs/remix-tests/sol/tests_accounts.sol.ts
@@ -3,7 +3,7 @@ module.exports = `// SPDX-License-Identifier: GPL-3.0
 pragma solidity >=0.4.22 <0.9.0;
 
 library TestsAccounts {
-    function getAccount(uint index) public returns (address) {
+    function getAccount(uint index) pure public returns (address) {
         >accounts<
         return accounts[index];
     }
diff --git a/libs/remix-tests/src/compiler.ts b/libs/remix-tests/src/compiler.ts
index ee1846b7a3..9477034d27 100644
--- a/libs/remix-tests/src/compiler.ts
+++ b/libs/remix-tests/src/compiler.ts
@@ -6,6 +6,11 @@ import { Compiler as RemixCompiler } from '@remix-project/remix-solidity'
 import { SrcIfc, CompilerConfiguration, CompilationErrors } from './types'
 const logger = new Log()
 const log = logger.logger
+var accountsLibCode
+
+export function getAccountsLib () {
+ return accountsLibCode
+}
 
 function regexIndexOf (inputString: string, regex: RegExp, startpos = 0) {
   const indexOf = inputString.substring(startpos).search(regex)
@@ -18,10 +23,10 @@ function writeTestAccountsContract (accounts: string[]) {
   if (!accounts.length) body += ';'
   else {
     accounts.map((address, index) => {
-      body += `\naccounts[${index}] = ${address};\n`
+      body += `\n\t\taccounts[${index}] = ${address};\n`
     })
   }
-  return testAccountContract.replace('>accounts<', body)
+  accountsLibCode = testAccountContract.replace('>accounts<', body)
 }
 
 /**
@@ -87,10 +92,11 @@ const isBrowser = !(typeof (window) === 'undefined' || userAgent.indexOf(' elect
 export function compileFileOrFiles (filename: string, isDirectory: boolean, opts: any, compilerConfig: CompilerConfiguration, cb): void {
   let compiler: any
   const accounts: string[] = opts.accounts || []
+  writeTestAccountsContract(accounts)
   const sources: SrcIfc = {
     'tests.sol': { content: require('../sol/tests.sol') },
     'remix_tests.sol': { content: require('../sol/tests.sol') },
-    'remix_accounts.sol': { content: writeTestAccountsContract(accounts) }
+    'remix_accounts.sol': { content: getAccountsLib() }
   }
   const filepath: string = (isDirectory ? filename : path.dirname(filename))
   try {
@@ -173,13 +179,8 @@ export function compileFileOrFiles (filename: string, isDirectory: boolean, opts
 export function compileContractSources (sources: SrcIfc, compilerConfig: CompilerConfiguration, importFileCb: any, opts: any, cb): void {
   let compiler
   const accounts: string[] = opts.accounts || []
+  writeTestAccountsContract(accounts)
   const filepath = opts.testFilePath || ''
-  // Iterate over sources keys. Inject test libraries. Inject test library import statements.
-  if (!('remix_tests.sol' in sources) && !('tests.sol' in sources)) {
-    sources['tests.sol'] = { content: require('../sol/tests.sol.js') }
-    // sources['remix_tests.sol'] = { content: require('../sol/tests.sol.js') }
-    sources['remix_accounts.sol'] = { content: writeTestAccountsContract(accounts) }
-  }
   const testFileImportRegEx = /^(import)\s['"](remix_tests.sol|tests.sol)['"];/gm
 
   const includeTestLibs = '\nimport \'remix_tests.sol\';\n'
diff --git a/libs/remix-tests/src/index.ts b/libs/remix-tests/src/index.ts
index 9552d5b5ee..0e979cdc9d 100644
--- a/libs/remix-tests/src/index.ts
+++ b/libs/remix-tests/src/index.ts
@@ -3,3 +3,4 @@ export { UnitTestRunner } from './runTestSources'
 export { runTest } from './testRunner'
 export * from './types'
 export const assertLibCode = require('../sol/tests.sol')
+export { getAccountsLib }  from './compiler'

From 69995a9782a26bc5245d42d4c010cd6d37500dad Mon Sep 17 00:00:00 2001
From: Aniket-Engg <aniketengg.225@gmail.com>
Date: Thu, 28 Oct 2021 13:58:59 +0530
Subject: [PATCH 35/68] linting fixed

---
 libs/remix-tests/src/compiler.ts | 2 +-
 libs/remix-tests/src/index.ts    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/libs/remix-tests/src/compiler.ts b/libs/remix-tests/src/compiler.ts
index 9477034d27..299b121b62 100644
--- a/libs/remix-tests/src/compiler.ts
+++ b/libs/remix-tests/src/compiler.ts
@@ -9,7 +9,7 @@ const log = logger.logger
 var accountsLibCode
 
 export function getAccountsLib () {
- return accountsLibCode
+  return accountsLibCode
 }
 
 function regexIndexOf (inputString: string, regex: RegExp, startpos = 0) {
diff --git a/libs/remix-tests/src/index.ts b/libs/remix-tests/src/index.ts
index 0e979cdc9d..986fb061c1 100644
--- a/libs/remix-tests/src/index.ts
+++ b/libs/remix-tests/src/index.ts
@@ -3,4 +3,4 @@ export { UnitTestRunner } from './runTestSources'
 export { runTest } from './testRunner'
 export * from './types'
 export const assertLibCode = require('../sol/tests.sol')
-export { getAccountsLib }  from './compiler'
+export { getAccountsLib } from './compiler'

From d75491b281afee9f10fc6a9652631bd3f179f426 Mon Sep 17 00:00:00 2001
From: Aniket-Engg <aniketengg.225@gmail.com>
Date: Thu, 28 Oct 2021 18:45:37 +0530
Subject: [PATCH 36/68] add test files to not reset the result

---
 apps/remix-ide/src/app/tabs/test-tab.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/remix-ide/src/app/tabs/test-tab.js b/apps/remix-ide/src/app/tabs/test-tab.js
index 1995abe1f6..313f66c529 100644
--- a/apps/remix-ide/src/app/tabs/test-tab.js
+++ b/apps/remix-ide/src/app/tabs/test-tab.js
@@ -42,7 +42,7 @@ module.exports = class TestTab extends ViewPlugin {
     this.areTestsRunning = false
     this.defaultPath = 'tests'
     this.offsetToLineColumnConverter = offsetToLineColumnConverter
-    this.allFilesInvolved = []
+    this.allFilesInvolved = ['.deps/remix-tests/remix_tests.sol', '.deps/remix-tests/remix_accounts.sol']
     this.isDebugging = false
     this.currentErrors = []
 
@@ -112,7 +112,7 @@ module.exports = class TestTab extends ViewPlugin {
 
     this.testRunner.event.on('compilationFinished', (success, data, source) => {
       if (success) {
-        this.allFilesInvolved = Object.keys(data.sources)
+        this.allFilesInvolved.push(...Object.keys(data.sources))
         // forwarding the event to the appManager infra
         // This is listened by compilerArtefacts to show data while debugging
         this.emit('compilationFinished', source.target, source, 'soljson', data)

From acaef58da47219f1c2fe6f6cd200997e588b019b Mon Sep 17 00:00:00 2001
From: Aniket-Engg <aniketengg.225@gmail.com>
Date: Thu, 28 Oct 2021 18:54:47 +0530
Subject: [PATCH 37/68] e2e updated

---
 apps/remix-ide-e2e/src/tests/solidityUnittests.spec.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/apps/remix-ide-e2e/src/tests/solidityUnittests.spec.ts b/apps/remix-ide-e2e/src/tests/solidityUnittests.spec.ts
index 36eb781ac7..bc0c3f8e82 100644
--- a/apps/remix-ide-e2e/src/tests/solidityUnittests.spec.ts
+++ b/apps/remix-ide-e2e/src/tests/solidityUnittests.spec.ts
@@ -276,6 +276,8 @@ module.exports = {
       .setValue('*[data-id="slider"]', new Array(1).fill(browser.Keys.RIGHT_ARROW))
       .waitForElementContainsText('*[data-id="functionPanel"]', 'equal(a, b, message)', 60000)
       .waitForElementContainsText('*[data-id="functionPanel"]', 'checkWinningProposalPassed()', 60000)
+      // remix_test.sol should be opened in editor
+      .getEditorValue((content) => browser.assert.ok(content.indexOf('library Assert {') !== -1))
       .pause(1000)
       .clickLaunchIcon('solidityUnitTesting')
       .scrollAndClick('#Check_winning_proposal_again')

From aefb8d2224310f6090eafd4c5888530debe54424 Mon Sep 17 00:00:00 2001
From: Aniket-Engg <aniketengg.225@gmail.com>
Date: Fri, 29 Oct 2021 14:49:22 +0530
Subject: [PATCH 38/68] create tests file on SUT activation

---
 apps/remix-ide/src/app/tabs/test-tab.js       |  8 +++-
 .../src/lib/compiler-content-imports.ts       | 12 ------
 libs/remix-tests/src/compiler.ts              | 14 ++-----
 libs/remix-tests/src/index.ts                 |  2 +-
 libs/remix-tests/src/runTestSources.ts        | 40 +++++++++----------
 5 files changed, 31 insertions(+), 45 deletions(-)

diff --git a/apps/remix-ide/src/app/tabs/test-tab.js b/apps/remix-ide/src/app/tabs/test-tab.js
index 313f66c529..117a88769c 100644
--- a/apps/remix-ide/src/app/tabs/test-tab.js
+++ b/apps/remix-ide/src/app/tabs/test-tab.js
@@ -7,7 +7,7 @@ var async = require('async')
 var tooltip = require('../ui/tooltip')
 var Renderer = require('../ui/renderer')
 var css = require('./styles/test-tab-styles')
-var { UnitTestRunner } = require('@remix-project/remix-tests')
+var { UnitTestRunner, assertLibCode } = require('@remix-project/remix-tests')
 
 const _paq = window._paq = window._paq || []
 
@@ -79,6 +79,12 @@ module.exports = class TestTab extends ViewPlugin {
     if (!isSolidityActive) {
       await this.call('manager', 'activatePlugin', 'solidity')
     }
+    await this.testRunner.init()
+    const provider = await this.fileManager.getProviderOf()
+    if (provider) {
+      provider.addExternal('.deps/remix-tests/remix_tests.sol', assertLibCode, 'remix_tests.sol')
+      provider.addExternal('.deps/remix-tests/remix_accounts.sol', this.testRunner.accountsLibCode, 'remix_accounts.sol')
+    }
     this.updateRunAction()
   }
 
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 3dc0e05778..8c243e37a8 100644
--- a/libs/remix-core-plugin/src/lib/compiler-content-imports.ts
+++ b/libs/remix-core-plugin/src/lib/compiler-content-imports.ts
@@ -1,8 +1,6 @@
 'use strict'
 import { Plugin } from '@remixproject/engine'
 import { RemixURLResolver } from '@remix-project/remix-url-resolver'
-// const remixTests = require('@remix-project/remix-tests')
-var { assertLibCode, getAccountsLib } = require('@remix-project/remix-tests')
 
 const profile = {
   name: 'contentImport',
@@ -107,15 +105,6 @@ export class CompilerImports extends Plugin {
     })
   }
 
-  async importTestFiles (url) {
-    const provider = await this.call('fileManager', 'getProviderOf', null)
-    let content
-    if (url === 'remix_tests.sol' || url === 'tests.sol') content = assertLibCode
-    else if (url === 'remix_accounts.sol') content = getAccountsLib()
-    if (provider) provider.addExternal('.deps/remix-tests/' + url, content, url)
-    return content
-  }
-
   /**
     * import the content of @arg url.
     * first look in the browser localstorage (browser explorer) or locahost explorer. if the url start with `browser/*` or  `localhost/*`
@@ -127,7 +116,6 @@ export class CompilerImports extends Plugin {
     * @returns {Promise} - string content
     */
   async resolveAndSave (url, targetPath) {
-    if (['remix_tests.sol', 'tests.sol', 'remix_accounts.sol'].includes(url)) return await this.importTestFiles(url)
     try {
       const provider = await this.call('fileManager', 'getProviderOf', url)
       if (provider) {
diff --git a/libs/remix-tests/src/compiler.ts b/libs/remix-tests/src/compiler.ts
index 299b121b62..f4b9250ecf 100644
--- a/libs/remix-tests/src/compiler.ts
+++ b/libs/remix-tests/src/compiler.ts
@@ -6,18 +6,13 @@ import { Compiler as RemixCompiler } from '@remix-project/remix-solidity'
 import { SrcIfc, CompilerConfiguration, CompilationErrors } from './types'
 const logger = new Log()
 const log = logger.logger
-var accountsLibCode
-
-export function getAccountsLib () {
-  return accountsLibCode
-}
 
 function regexIndexOf (inputString: string, regex: RegExp, startpos = 0) {
   const indexOf = inputString.substring(startpos).search(regex)
   return (indexOf >= 0) ? (indexOf + (startpos)) : indexOf
 }
 
-function writeTestAccountsContract (accounts: string[]) {
+export function writeTestAccountsContract (accounts: string[]) {
   const testAccountContract = require('../sol/tests_accounts.sol')
   let body = `address[${accounts.length}] memory accounts;`
   if (!accounts.length) body += ';'
@@ -26,7 +21,7 @@ function writeTestAccountsContract (accounts: string[]) {
       body += `\n\t\taccounts[${index}] = ${address};\n`
     })
   }
-  accountsLibCode = testAccountContract.replace('>accounts<', body)
+  return testAccountContract.replace('>accounts<', body)
 }
 
 /**
@@ -92,11 +87,10 @@ const isBrowser = !(typeof (window) === 'undefined' || userAgent.indexOf(' elect
 export function compileFileOrFiles (filename: string, isDirectory: boolean, opts: any, compilerConfig: CompilerConfiguration, cb): void {
   let compiler: any
   const accounts: string[] = opts.accounts || []
-  writeTestAccountsContract(accounts)
   const sources: SrcIfc = {
     'tests.sol': { content: require('../sol/tests.sol') },
     'remix_tests.sol': { content: require('../sol/tests.sol') },
-    'remix_accounts.sol': { content: getAccountsLib() }
+    'remix_accounts.sol': { content: writeTestAccountsContract(accounts) }
   }
   const filepath: string = (isDirectory ? filename : path.dirname(filename))
   try {
@@ -178,8 +172,6 @@ export function compileFileOrFiles (filename: string, isDirectory: boolean, opts
  */
 export function compileContractSources (sources: SrcIfc, compilerConfig: CompilerConfiguration, importFileCb: any, opts: any, cb): void {
   let compiler
-  const accounts: string[] = opts.accounts || []
-  writeTestAccountsContract(accounts)
   const filepath = opts.testFilePath || ''
   const testFileImportRegEx = /^(import)\s['"](remix_tests.sol|tests.sol)['"];/gm
 
diff --git a/libs/remix-tests/src/index.ts b/libs/remix-tests/src/index.ts
index 986fb061c1..37862a47c6 100644
--- a/libs/remix-tests/src/index.ts
+++ b/libs/remix-tests/src/index.ts
@@ -3,4 +3,4 @@ export { UnitTestRunner } from './runTestSources'
 export { runTest } from './testRunner'
 export * from './types'
 export const assertLibCode = require('../sol/tests.sol')
-export { getAccountsLib } from './compiler'
+export { writeTestAccountsContract } from './compiler'
diff --git a/libs/remix-tests/src/runTestSources.ts b/libs/remix-tests/src/runTestSources.ts
index ecc35aa3f2..33825fbc91 100644
--- a/libs/remix-tests/src/runTestSources.ts
+++ b/libs/remix-tests/src/runTestSources.ts
@@ -1,9 +1,7 @@
 import async, { ErrorCallback } from 'async'
-
-import { compileContractSources } from './compiler'
+import { compileContractSources, writeTestAccountsContract } from './compiler'
 import { deployAll } from './deployer'
 import { runTest } from './testRunner'
-
 import Web3 from 'web3'
 import { EventEmitter } from 'events'
 import { Provider, extend } from '@remix-project/remix-simulator'
@@ -15,13 +13,22 @@ require('colors')
 
 export class UnitTestRunner {
   event
+  accountsLibCode
+  testsAccounts: string[] | null
+  web3
 
   constructor () {
     this.event = new EventEmitter()
   }
 
-  async createWeb3Provider () {
-    const web3 = new Web3()
+  async init (web3 = null, accounts = null) {
+    this.web3 = await this.createWeb3Provider(web3)
+    this.testsAccounts = accounts || await this.web3.eth.getAccounts()
+    this.accountsLibCode = writeTestAccountsContract(this.testsAccounts)
+  }
+
+  async createWeb3Provider (optWeb3) {
+    const web3 = optWeb3 || new Web3()
     const provider: any = new Provider()
     await provider.init()
     web3.setProvider(provider)
@@ -42,30 +49,23 @@ export class UnitTestRunner {
   async runTestSources (contractSources: SrcIfc, compilerConfig: CompilerConfiguration, testCallback, resultCallback, deployCb:any, finalCallback: any, importFileCb, opts: Options) {
     opts = opts || {}
     const sourceASTs: any = {}
-    const web3 = opts.web3 || await this.createWeb3Provider()
-    let accounts: string[] | null = opts.accounts || null
+    if (opts.web3 || opts.accounts) this.init(opts.web3, opts.accounts)
+
     async.waterfall([
-      function getAccountList (next) {
-        if (accounts) return next()
-        web3.eth.getAccounts((_err, _accounts) => {
-          accounts = _accounts
-          next()
-        })
-      },
       (next) => {
-        compileContractSources(contractSources, compilerConfig, importFileCb, { accounts, testFilePath: opts.testFilePath, event: this.event }, next)
+        compileContractSources(contractSources, compilerConfig, importFileCb, { accounts: this.testsAccounts, testFilePath: opts.testFilePath, event: this.event }, next)
       },
-      function deployAllContracts (compilationResult: compilationInterface, asts: ASTInterface, next) {
+      (compilationResult: compilationInterface, asts: ASTInterface, next) => {
         for (const filename in asts) {
           if (filename.endsWith('_test.sol')) { sourceASTs[filename] = asts[filename].ast }
         }
-        deployAll(compilationResult, web3, false, deployCb, (err, contracts) => {
+        deployAll(compilationResult, this.web3, false, deployCb, (err, contracts) => {
           if (err) {
             // If contract deployment fails because of 'Out of Gas' error, try again with double gas
             // This is temporary, should be removed when remix-tests will have a dedicated UI to
             // accept deployment params from UI
             if (err.message.includes('The contract code couldn\'t be stored, please check your gas limit')) {
-              deployAll(compilationResult, web3, true, deployCb, (error, contracts) => {
+              deployAll(compilationResult, this.web3, true, deployCb, (error, contracts) => {
                 if (error) next([{ message: 'contract deployment failed after trying twice: ' + error.message, severity: 'error' }]) // IDE expects errors in array
                 else next(null, compilationResult, contracts)
               })
@@ -88,7 +88,7 @@ export class UnitTestRunner {
         }
         next(null, contractsToTest, contractsToTestDetails, contracts)
       },
-      function runTests (contractsToTest: string[], contractsToTestDetails: any[], contracts: any, next) {
+      (contractsToTest: string[], contractsToTestDetails: any[], contracts: any, next) => {
         let totalPassing = 0
         let totalFailing = 0
         let totalTime = 0
@@ -111,7 +111,7 @@ export class UnitTestRunner {
 
         async.eachOfLimit(contractsToTest, 1, (contractName: string, index: string | number, cb: ErrorCallback) => {
           const fileAST: AstNode = sourceASTs[contracts[contractName]['filename']]
-          runTest(contractName, contracts[contractName], contractsToTestDetails[index], fileAST, { accounts, web3 }, _testCallback, (err, result) => {
+          runTest(contractName, contracts[contractName], contractsToTestDetails[index], fileAST, { accounts: this.testsAccounts, web3: this.web3 }, _testCallback, (err, result) => {
             if (err) {
               return cb(err)
             }

From 314a51ea0bc0f71c2be9594a5108143b1f732317 Mon Sep 17 00:00:00 2001
From: Aniket-Engg <aniketengg.225@gmail.com>
Date: Fri, 29 Oct 2021 18:44:02 +0530
Subject: [PATCH 39/68] fix content-import

---
 libs/remix-core-plugin/src/lib/compiler-content-imports.ts | 2 ++
 1 file changed, 2 insertions(+)

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 8c243e37a8..2e20d5ebb7 100644
--- a/libs/remix-core-plugin/src/lib/compiler-content-imports.ts
+++ b/libs/remix-core-plugin/src/lib/compiler-content-imports.ts
@@ -1,6 +1,7 @@
 'use strict'
 import { Plugin } from '@remixproject/engine'
 import { RemixURLResolver } from '@remix-project/remix-url-resolver'
+const remixTests = require('@remix-project/remix-tests')
 
 const profile = {
   name: 'contentImport',
@@ -116,6 +117,7 @@ export class CompilerImports extends Plugin {
     * @returns {Promise} - string content
     */
   async resolveAndSave (url, targetPath) {
+    if (url.indexOf('remix_tests.sol') !== -1) return remixTests.assertLibCode
     try {
       const provider = await this.call('fileManager', 'getProviderOf', url)
       if (provider) {

From da3e3dfd556904a9285c625f7f5cb2fe412e85c1 Mon Sep 17 00:00:00 2001
From: Aniket-Engg <aniketengg.225@gmail.com>
Date: Fri, 29 Oct 2021 19:20:08 +0530
Subject: [PATCH 40/68] fetch test files

---
 apps/remix-ide/src/app/tabs/test-tab.js                    | 6 +++++-
 libs/remix-core-plugin/src/lib/compiler-content-imports.ts | 6 +++++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/apps/remix-ide/src/app/tabs/test-tab.js b/apps/remix-ide/src/app/tabs/test-tab.js
index 117a88769c..21837df752 100644
--- a/apps/remix-ide/src/app/tabs/test-tab.js
+++ b/apps/remix-ide/src/app/tabs/test-tab.js
@@ -16,7 +16,7 @@ const TestTabLogic = require('./testTab/testTab')
 const profile = {
   name: 'solidityUnitTesting',
   displayName: 'Solidity unit testing',
-  methods: ['testFromPath', 'testFromSource', 'setTestFolderPath'],
+  methods: ['testFromPath', 'testFromSource', 'setTestFolderPath', 'getTestlibs'],
   events: [],
   icon: 'assets/img/unitTesting.webp',
   description: 'Fast tool to generate unit tests for your contracts',
@@ -74,6 +74,10 @@ module.exports = class TestTab extends ViewPlugin {
     }
   }
 
+  getTestlibs() {
+    return { assertLibCode, accountsLibCode: this.testRunner.accountsLibCode}
+  }
+
   async onActivation () {
     const isSolidityActive = await this.call('manager', 'isActive', 'solidity')
     if (!isSolidityActive) {
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 2e20d5ebb7..1d1cacc5ca 100644
--- a/libs/remix-core-plugin/src/lib/compiler-content-imports.ts
+++ b/libs/remix-core-plugin/src/lib/compiler-content-imports.ts
@@ -117,7 +117,11 @@ export class CompilerImports extends Plugin {
     * @returns {Promise} - string content
     */
   async resolveAndSave (url, targetPath) {
-    if (url.indexOf('remix_tests.sol') !== -1) return remixTests.assertLibCode
+    if (url.indexOf('remix_tests.sol') !== -1 || url.indexOf('remix_accounts.sol') !== -1) {
+      const {assertLibCode, accountsLibCode} = await this.call('solidityUnitTesting', 'getTestlibs')
+      if (url === 'remix_tests.sol') return assertLibCode
+      else if (url === 'remix_accounts.sol') return accountsLibCode
+    }
     try {
       const provider = await this.call('fileManager', 'getProviderOf', url)
       if (provider) {

From eaf54ac586f334f6b1b9ebca031a2e841d41587a Mon Sep 17 00:00:00 2001
From: Aniket-Engg <aniketengg.225@gmail.com>
Date: Fri, 29 Oct 2021 19:30:39 +0530
Subject: [PATCH 41/68] linting fix

---
 libs/remix-core-plugin/src/lib/compiler-content-imports.ts | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

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 1d1cacc5ca..803205868a 100644
--- a/libs/remix-core-plugin/src/lib/compiler-content-imports.ts
+++ b/libs/remix-core-plugin/src/lib/compiler-content-imports.ts
@@ -1,7 +1,6 @@
 'use strict'
 import { Plugin } from '@remixproject/engine'
 import { RemixURLResolver } from '@remix-project/remix-url-resolver'
-const remixTests = require('@remix-project/remix-tests')
 
 const profile = {
   name: 'contentImport',
@@ -118,7 +117,7 @@ export class CompilerImports extends Plugin {
     */
   async resolveAndSave (url, targetPath) {
     if (url.indexOf('remix_tests.sol') !== -1 || url.indexOf('remix_accounts.sol') !== -1) {
-      const {assertLibCode, accountsLibCode} = await this.call('solidityUnitTesting', 'getTestlibs')
+      const { assertLibCode, accountsLibCode } = await this.call('solidityUnitTesting', 'getTestlibs')
       if (url === 'remix_tests.sol') return assertLibCode
       else if (url === 'remix_accounts.sol') return accountsLibCode
     }

From 973761224fac34d8710b973ad2afd4b331ce73be Mon Sep 17 00:00:00 2001
From: Aniket-Engg <aniketengg.225@gmail.com>
Date: Fri, 29 Oct 2021 19:40:59 +0530
Subject: [PATCH 42/68] linting fix for ide

---
 apps/remix-ide/src/app/tabs/test-tab.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/remix-ide/src/app/tabs/test-tab.js b/apps/remix-ide/src/app/tabs/test-tab.js
index 21837df752..c741025ca5 100644
--- a/apps/remix-ide/src/app/tabs/test-tab.js
+++ b/apps/remix-ide/src/app/tabs/test-tab.js
@@ -74,8 +74,8 @@ module.exports = class TestTab extends ViewPlugin {
     }
   }
 
-  getTestlibs() {
-    return { assertLibCode, accountsLibCode: this.testRunner.accountsLibCode}
+  getTestlibs () {
+    return { assertLibCode, accountsLibCode: this.testRunner.accountsLibCode }
   }
 
   async onActivation () {

From 9feca14950281c38ee3a95debf791a7655e97f71 Mon Sep 17 00:00:00 2001
From: Aniket-Engg <aniketengg.225@gmail.com>
Date: Mon, 1 Nov 2021 15:06:05 +0530
Subject: [PATCH 43/68] browser console error fixed by mapping

---
 apps/remix-ide/src/app/files/fileProvider.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/apps/remix-ide/src/app/files/fileProvider.js b/apps/remix-ide/src/app/files/fileProvider.js
index ea46dd8b72..d5873e43ef 100644
--- a/apps/remix-ide/src/app/files/fileProvider.js
+++ b/apps/remix-ide/src/app/files/fileProvider.js
@@ -17,8 +17,9 @@ class FileProvider {
   }
 
   addNormalizedName (path, url) {
-    this.providerExternalsStorage.set(this.type + '/' + path, url)
-    this.providerExternalsStorage.set(this.reverseKey + url, this.type + '/' + path)
+    if (this.type) path = this.type + '/' + path
+    this.providerExternalsStorage.set(path, url)
+    this.providerExternalsStorage.set(this.reverseKey + url, path)
   }
 
   removeNormalizedName (path) {

From afb8e519d38c9b379b28ffc15b70b75813796e95 Mon Sep 17 00:00:00 2001
From: Aniket-Engg <aniketengg.225@gmail.com>
Date: Mon, 1 Nov 2021 16:45:41 +0530
Subject: [PATCH 44/68] create test files while running tests

---
 .../remix-core-plugin/src/lib/compiler-content-imports.ts | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

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 803205868a..bab2c15de8 100644
--- a/libs/remix-core-plugin/src/lib/compiler-content-imports.ts
+++ b/libs/remix-core-plugin/src/lib/compiler-content-imports.ts
@@ -118,8 +118,12 @@ export class CompilerImports extends Plugin {
   async resolveAndSave (url, targetPath) {
     if (url.indexOf('remix_tests.sol') !== -1 || url.indexOf('remix_accounts.sol') !== -1) {
       const { assertLibCode, accountsLibCode } = await this.call('solidityUnitTesting', 'getTestlibs')
-      if (url === 'remix_tests.sol') return assertLibCode
-      else if (url === 'remix_accounts.sol') return accountsLibCode
+      let content
+      if (url === 'remix_tests.sol') content =  assertLibCode
+      else if (url === 'remix_accounts.sol') content = accountsLibCode
+      const provider = await this.call('fileManager', 'getProviderOf', null)
+      if (provider) provider.addExternal('.deps/remix-tests/' + url, content, url)
+      return content
     }
     try {
       const provider = await this.call('fileManager', 'getProviderOf', url)

From abeb06143b383c471fa2cf1ac42f3a810fb7b04c Mon Sep 17 00:00:00 2001
From: Aniket-Engg <aniketengg.225@gmail.com>
Date: Mon, 1 Nov 2021 16:56:58 +0530
Subject: [PATCH 45/68] linting fix

---
 libs/remix-core-plugin/src/lib/compiler-content-imports.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

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 bab2c15de8..d9c8b19e89 100644
--- a/libs/remix-core-plugin/src/lib/compiler-content-imports.ts
+++ b/libs/remix-core-plugin/src/lib/compiler-content-imports.ts
@@ -119,7 +119,7 @@ export class CompilerImports extends Plugin {
     if (url.indexOf('remix_tests.sol') !== -1 || url.indexOf('remix_accounts.sol') !== -1) {
       const { assertLibCode, accountsLibCode } = await this.call('solidityUnitTesting', 'getTestlibs')
       let content
-      if (url === 'remix_tests.sol') content =  assertLibCode
+      if (url === 'remix_tests.sol') content = assertLibCode
       else if (url === 'remix_accounts.sol') content = accountsLibCode
       const provider = await this.call('fileManager', 'getProviderOf', null)
       if (provider) provider.addExternal('.deps/remix-tests/' + url, content, url)

From cfc222c8027c52cb52370cfa2cc1fc23f79652c8 Mon Sep 17 00:00:00 2001
From: Aniket-Engg <aniketengg.225@gmail.com>
Date: Tue, 2 Nov 2021 11:32:34 +0530
Subject: [PATCH 46/68] current provider

---
 apps/remix-ide/src/app/tabs/test-tab.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/remix-ide/src/app/tabs/test-tab.js b/apps/remix-ide/src/app/tabs/test-tab.js
index c741025ca5..86f8938e5b 100644
--- a/apps/remix-ide/src/app/tabs/test-tab.js
+++ b/apps/remix-ide/src/app/tabs/test-tab.js
@@ -84,7 +84,7 @@ module.exports = class TestTab extends ViewPlugin {
       await this.call('manager', 'activatePlugin', 'solidity')
     }
     await this.testRunner.init()
-    const provider = await this.fileManager.getProviderOf()
+    const provider = await this.fileManager.currentFileProvider()
     if (provider) {
       provider.addExternal('.deps/remix-tests/remix_tests.sol', assertLibCode, 'remix_tests.sol')
       provider.addExternal('.deps/remix-tests/remix_accounts.sol', this.testRunner.accountsLibCode, 'remix_accounts.sol')

From df93f61838f36e36ce1191e9ae6240f77d7e7d67 Mon Sep 17 00:00:00 2001
From: Aniket-Engg <aniketengg.225@gmail.com>
Date: Fri, 5 Nov 2021 16:08:09 +0530
Subject: [PATCH 47/68] test accounts for deployment

---
 libs/remix-tests/src/deployer.ts       | 10 ++--------
 libs/remix-tests/src/runTestFiles.ts   |  4 ++--
 libs/remix-tests/src/runTestSources.ts |  4 ++--
 3 files changed, 6 insertions(+), 12 deletions(-)

diff --git a/libs/remix-tests/src/deployer.ts b/libs/remix-tests/src/deployer.ts
index d700b08de5..e2a5e6cb04 100644
--- a/libs/remix-tests/src/deployer.ts
+++ b/libs/remix-tests/src/deployer.ts
@@ -11,18 +11,12 @@ import { compilationInterface } from './types'
  * @param callback Callback
  */
 
-export function deployAll (compileResult: compilationInterface, web3: Web3, withDoubleGas: boolean, deployCb, callback) {
+export function deployAll (compileResult: compilationInterface, web3: Web3, testsAccounts, withDoubleGas: boolean, deployCb, callback) {
   const compiledObject = {}
   const contracts = {}
-  let accounts: string[] = []
+  let accounts: string[] = testsAccounts
 
   async.waterfall([
-    function getAccountList (next) {
-      web3.eth.getAccounts((_err, _accounts) => {
-        accounts = _accounts
-        next()
-      })
-    },
     function getContractData (next) {
       for (const contractFile in compileResult) {
         for (const contractName in compileResult[contractFile]) {
diff --git a/libs/remix-tests/src/runTestFiles.ts b/libs/remix-tests/src/runTestFiles.ts
index d9ed0c2b6e..dbf2b16e46 100644
--- a/libs/remix-tests/src/runTestFiles.ts
+++ b/libs/remix-tests/src/runTestFiles.ts
@@ -61,13 +61,13 @@ export function runTestFiles (filepath: string, isDirectory: boolean, web3: Web3
       for (const filename in asts) {
         if (filename.endsWith('_test.sol')) { sourceASTs[filename] = asts[filename].ast }
       }
-      deployAll(compilationResult, web3, false, null, (err, contracts) => {
+      deployAll(compilationResult, web3, accounts, false, null, (err, contracts) => {
         if (err) {
           // If contract deployment fails because of 'Out of Gas' error, try again with double gas
           // This is temporary, should be removed when remix-tests will have a dedicated UI to
           // accept deployment params from UI
           if (err.message.includes('The contract code couldn\'t be stored, please check your gas limit')) {
-            deployAll(compilationResult, web3, true, null, (error, contracts) => {
+            deployAll(compilationResult, web3, accounts, true, null, (error, contracts) => {
               if (error) next([{ message: 'contract deployment failed after trying twice: ' + error.message, severity: 'error' }]) // IDE expects errors in array
               else next(null, compilationResult, contracts)
             })
diff --git a/libs/remix-tests/src/runTestSources.ts b/libs/remix-tests/src/runTestSources.ts
index 33825fbc91..9d8b8ba400 100644
--- a/libs/remix-tests/src/runTestSources.ts
+++ b/libs/remix-tests/src/runTestSources.ts
@@ -59,13 +59,13 @@ export class UnitTestRunner {
         for (const filename in asts) {
           if (filename.endsWith('_test.sol')) { sourceASTs[filename] = asts[filename].ast }
         }
-        deployAll(compilationResult, this.web3, false, deployCb, (err, contracts) => {
+        deployAll(compilationResult, this.web3, this.testsAccounts, false, deployCb, (err, contracts) => {
           if (err) {
             // If contract deployment fails because of 'Out of Gas' error, try again with double gas
             // This is temporary, should be removed when remix-tests will have a dedicated UI to
             // accept deployment params from UI
             if (err.message.includes('The contract code couldn\'t be stored, please check your gas limit')) {
-              deployAll(compilationResult, this.web3, true, deployCb, (error, contracts) => {
+              deployAll(compilationResult, this.web3, this.testsAccounts, true, deployCb, (error, contracts) => {
                 if (error) next([{ message: 'contract deployment failed after trying twice: ' + error.message, severity: 'error' }]) // IDE expects errors in array
                 else next(null, compilationResult, contracts)
               })

From 5ec431b02f54071cc6468638f67e338d31668427 Mon Sep 17 00:00:00 2001
From: Aniket-Engg <aniketengg.225@gmail.com>
Date: Mon, 8 Nov 2021 11:33:50 +0530
Subject: [PATCH 48/68] linting fix

---
 libs/remix-tests/src/deployer.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/libs/remix-tests/src/deployer.ts b/libs/remix-tests/src/deployer.ts
index e2a5e6cb04..505281fe00 100644
--- a/libs/remix-tests/src/deployer.ts
+++ b/libs/remix-tests/src/deployer.ts
@@ -14,7 +14,7 @@ import { compilationInterface } from './types'
 export function deployAll (compileResult: compilationInterface, web3: Web3, testsAccounts, withDoubleGas: boolean, deployCb, callback) {
   const compiledObject = {}
   const contracts = {}
-  let accounts: string[] = testsAccounts
+  const accounts: string[] = testsAccounts
 
   async.waterfall([
     function getContractData (next) {

From cee026f9432f5fb43398216a76b31dd921719938 Mon Sep 17 00:00:00 2001
From: Aniket-Engg <aniketengg.225@gmail.com>
Date: Mon, 8 Nov 2021 12:18:59 +0530
Subject: [PATCH 49/68] SUT plugin call removed

---
 .../src/lib/compiler-content-imports.ts                  | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

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 d9c8b19e89..227c8cd2f1 100644
--- a/libs/remix-core-plugin/src/lib/compiler-content-imports.ts
+++ b/libs/remix-core-plugin/src/lib/compiler-content-imports.ts
@@ -1,6 +1,7 @@
 'use strict'
 import { Plugin } from '@remixproject/engine'
 import { RemixURLResolver } from '@remix-project/remix-url-resolver'
+import { UnitTestRunner, assertLibCode } from '@remix-project/remix-tests'
 
 const profile = {
   name: 'contentImport',
@@ -12,6 +13,7 @@ const profile = {
 export class CompilerImports extends Plugin {
   previouslyHandled: {}
   urlResolver: any
+  testRunner: any
   constructor () {
     super(profile)
     this.urlResolver = new RemixURLResolver()
@@ -117,10 +119,13 @@ export class CompilerImports extends Plugin {
     */
   async resolveAndSave (url, targetPath) {
     if (url.indexOf('remix_tests.sol') !== -1 || url.indexOf('remix_accounts.sol') !== -1) {
-      const { assertLibCode, accountsLibCode } = await this.call('solidityUnitTesting', 'getTestlibs')
       let content
       if (url === 'remix_tests.sol') content = assertLibCode
-      else if (url === 'remix_accounts.sol') content = accountsLibCode
+      else if (url === 'remix_accounts.sol') {
+        this.testRunner = new UnitTestRunner()
+        await this.testRunner.init()
+        content = this.testRunner.accountsLibCode
+      }
       const provider = await this.call('fileManager', 'getProviderOf', null)
       if (provider) provider.addExternal('.deps/remix-tests/' + url, content, url)
       return content

From e88392f918d0d7482ce41ce7cb0633eb624d35f6 Mon Sep 17 00:00:00 2001
From: Aniket-Engg <aniketengg.225@gmail.com>
Date: Mon, 8 Nov 2021 12:19:32 +0530
Subject: [PATCH 50/68] remix-tests unit tests fixed

---
 libs/remix-tests/tests/testRunner.spec.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/libs/remix-tests/tests/testRunner.spec.ts b/libs/remix-tests/tests/testRunner.spec.ts
index 928491faa5..95dd221b64 100644
--- a/libs/remix-tests/tests/testRunner.spec.ts
+++ b/libs/remix-tests/tests/testRunner.spec.ts
@@ -67,7 +67,7 @@ async function compileAndDeploy(filename: string, callback: Function) {
       }
       try {
         compilationData = compilationResult
-        deployAll(compilationResult, web3, false, null, next)
+        deployAll(compilationResult, web3, null, false, null, next)
       } catch (e) {
         throw e
       }

From 7b8bdd45bfae9231e27ec6376e461cb88e6e9f69 Mon Sep 17 00:00:00 2001
From: Aniket-Engg <aniketengg.225@gmail.com>
Date: Mon, 8 Nov 2021 12:52:10 +0530
Subject: [PATCH 51/68] accounts passed for unit tests

---
 libs/remix-tests/tests/testRunner.spec.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/libs/remix-tests/tests/testRunner.spec.ts b/libs/remix-tests/tests/testRunner.spec.ts
index 95dd221b64..2f6d363a31 100644
--- a/libs/remix-tests/tests/testRunner.spec.ts
+++ b/libs/remix-tests/tests/testRunner.spec.ts
@@ -67,7 +67,7 @@ async function compileAndDeploy(filename: string, callback: Function) {
       }
       try {
         compilationData = compilationResult
-        deployAll(compilationResult, web3, null, false, null, next)
+        deployAll(compilationResult, web3, accounts, false, null, next)
       } catch (e) {
         throw e
       }

From fc5d6f9bee6f39515c06f2a778b00c4d02ece35a Mon Sep 17 00:00:00 2001
From: Aniket-Engg <aniketengg.225@gmail.com>
Date: Mon, 8 Nov 2021 16:47:02 +0530
Subject: [PATCH 52/68] instance creation removed

---
 apps/remix-ide/src/app/tabs/test-tab.js                   | 2 +-
 .../remix-core-plugin/src/lib/compiler-content-imports.ts | 8 ++------
 2 files changed, 3 insertions(+), 7 deletions(-)

diff --git a/apps/remix-ide/src/app/tabs/test-tab.js b/apps/remix-ide/src/app/tabs/test-tab.js
index 86f8938e5b..5a243fae45 100644
--- a/apps/remix-ide/src/app/tabs/test-tab.js
+++ b/apps/remix-ide/src/app/tabs/test-tab.js
@@ -559,7 +559,7 @@ module.exports = class TestTab extends ViewPlugin {
           this.updateFinalResult(error, result, testFilePath)
           callback(error)
         }, (url, cb) => {
-          return this.contentImport.resolveAndSave(url).then((result) => cb(null, result)).catch((error) => cb(error.message))
+          return this.contentImport.resolveAndSave(url, null, this.testRunner).then((result) => cb(null, result)).catch((error) => cb(error.message))
         }, { testFilePath }
       )
     }).catch((error) => {
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 227c8cd2f1..11c398f0a6 100644
--- a/libs/remix-core-plugin/src/lib/compiler-content-imports.ts
+++ b/libs/remix-core-plugin/src/lib/compiler-content-imports.ts
@@ -117,15 +117,11 @@ export class CompilerImports extends Plugin {
     * @param {String} targetPath - (optional) internal path where the content should be saved to
     * @returns {Promise} - string content
     */
-  async resolveAndSave (url, targetPath) {
+  async resolveAndSave (url, targetPath, testRunner = null) {
     if (url.indexOf('remix_tests.sol') !== -1 || url.indexOf('remix_accounts.sol') !== -1) {
       let content
       if (url === 'remix_tests.sol') content = assertLibCode
-      else if (url === 'remix_accounts.sol') {
-        this.testRunner = new UnitTestRunner()
-        await this.testRunner.init()
-        content = this.testRunner.accountsLibCode
-      }
+      else if (url === 'remix_accounts.sol' && testRunner) content = testRunner.accountsLibCode
       const provider = await this.call('fileManager', 'getProviderOf', null)
       if (provider) provider.addExternal('.deps/remix-tests/' + url, content, url)
       return content

From 4d95e3a6c65e0f7c0cb30bd0a0cdf29d53e7bccd Mon Sep 17 00:00:00 2001
From: Aniket-Engg <aniketengg.225@gmail.com>
Date: Mon, 8 Nov 2021 17:06:23 +0530
Subject: [PATCH 53/68] linting fix

---
 libs/remix-core-plugin/src/lib/compiler-content-imports.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

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 11c398f0a6..670ce0fda7 100644
--- a/libs/remix-core-plugin/src/lib/compiler-content-imports.ts
+++ b/libs/remix-core-plugin/src/lib/compiler-content-imports.ts
@@ -1,7 +1,7 @@
 'use strict'
 import { Plugin } from '@remixproject/engine'
 import { RemixURLResolver } from '@remix-project/remix-url-resolver'
-import { UnitTestRunner, assertLibCode } from '@remix-project/remix-tests'
+import { assertLibCode } from '@remix-project/remix-tests'
 
 const profile = {
   name: 'contentImport',

From 682fcdde6f3a39ab6918277de4413336c0ff0b2d Mon Sep 17 00:00:00 2001
From: Aniket-Engg <aniketengg.225@gmail.com>
Date: Mon, 8 Nov 2021 18:06:57 +0530
Subject: [PATCH 54/68] use workspace event to create files

---
 apps/remix-ide/src/app/tabs/test-tab.js        | 18 +++++++++++++-----
 .../src/lib/compiler-content-imports.ts        |  8 --------
 2 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/apps/remix-ide/src/app/tabs/test-tab.js b/apps/remix-ide/src/app/tabs/test-tab.js
index 5a243fae45..a7d586b025 100644
--- a/apps/remix-ide/src/app/tabs/test-tab.js
+++ b/apps/remix-ide/src/app/tabs/test-tab.js
@@ -78,17 +78,21 @@ module.exports = class TestTab extends ViewPlugin {
     return { assertLibCode, accountsLibCode: this.testRunner.accountsLibCode }
   }
 
+  async createTestLibs () {
+    const provider = await this.fileManager.currentFileProvider()
+    if (provider) {
+      provider.addExternal('.deps/remix-tests/remix_tests.sol', assertLibCode, 'remix_tests.sol')
+      provider.addExternal('.deps/remix-tests/remix_accounts.sol', this.testRunner.accountsLibCode, 'remix_accounts.sol')
+    }
+  }
+
   async onActivation () {
     const isSolidityActive = await this.call('manager', 'isActive', 'solidity')
     if (!isSolidityActive) {
       await this.call('manager', 'activatePlugin', 'solidity')
     }
     await this.testRunner.init()
-    const provider = await this.fileManager.currentFileProvider()
-    if (provider) {
-      provider.addExternal('.deps/remix-tests/remix_tests.sol', assertLibCode, 'remix_tests.sol')
-      provider.addExternal('.deps/remix-tests/remix_accounts.sol', this.testRunner.accountsLibCode, 'remix_accounts.sol')
-    }
+    await this.createTestLibs()
     this.updateRunAction()
   }
 
@@ -120,6 +124,10 @@ module.exports = class TestTab extends ViewPlugin {
       this.setCurrentPath(this.defaultPath)
     })
 
+    this.on('filePanel', 'workspaceCreated', async () => {
+      this.createTestLibs()
+    })
+
     this.testRunner.event.on('compilationFinished', (success, data, source) => {
       if (success) {
         this.allFilesInvolved.push(...Object.keys(data.sources))
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 670ce0fda7..121e05f864 100644
--- a/libs/remix-core-plugin/src/lib/compiler-content-imports.ts
+++ b/libs/remix-core-plugin/src/lib/compiler-content-imports.ts
@@ -118,14 +118,6 @@ export class CompilerImports extends Plugin {
     * @returns {Promise} - string content
     */
   async resolveAndSave (url, targetPath, testRunner = null) {
-    if (url.indexOf('remix_tests.sol') !== -1 || url.indexOf('remix_accounts.sol') !== -1) {
-      let content
-      if (url === 'remix_tests.sol') content = assertLibCode
-      else if (url === 'remix_accounts.sol' && testRunner) content = testRunner.accountsLibCode
-      const provider = await this.call('fileManager', 'getProviderOf', null)
-      if (provider) provider.addExternal('.deps/remix-tests/' + url, content, url)
-      return content
-    }
     try {
       const provider = await this.call('fileManager', 'getProviderOf', url)
       if (provider) {

From b153b1dc459919de5e923fd8f33b6c210525430d Mon Sep 17 00:00:00 2001
From: Aniket-Engg <aniketengg.225@gmail.com>
Date: Mon, 8 Nov 2021 18:24:29 +0530
Subject: [PATCH 55/68] linting fix

---
 libs/remix-core-plugin/src/lib/compiler-content-imports.ts | 1 -
 1 file changed, 1 deletion(-)

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 121e05f864..07b1f21213 100644
--- a/libs/remix-core-plugin/src/lib/compiler-content-imports.ts
+++ b/libs/remix-core-plugin/src/lib/compiler-content-imports.ts
@@ -1,7 +1,6 @@
 'use strict'
 import { Plugin } from '@remixproject/engine'
 import { RemixURLResolver } from '@remix-project/remix-url-resolver'
-import { assertLibCode } from '@remix-project/remix-tests'
 
 const profile = {
   name: 'contentImport',

From e0a0c94139fa58694efc492092b105b40a32ddef Mon Sep 17 00:00:00 2001
From: Aniket-Engg <aniketengg.225@gmail.com>
Date: Mon, 8 Nov 2021 18:50:04 +0530
Subject: [PATCH 56/68] e2e to check test files creation on SUT activation

---
 .../remix-ide-e2e/src/tests/solidityUnittests.spec.ts | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/apps/remix-ide-e2e/src/tests/solidityUnittests.spec.ts b/apps/remix-ide-e2e/src/tests/solidityUnittests.spec.ts
index bc0c3f8e82..3fb1a2bac6 100644
--- a/apps/remix-ide-e2e/src/tests/solidityUnittests.spec.ts
+++ b/apps/remix-ide-e2e/src/tests/solidityUnittests.spec.ts
@@ -13,7 +13,7 @@ module.exports = {
     return sources
   },
 
-  'Should launch solidity unit test plugin': function (browser: NightwatchBrowser) {
+  'Should launch solidity unit test plugin and create test files in FE': function (browser: NightwatchBrowser) {
     browser.waitForElementPresent('*[data-id="verticalIconsKindfilePanel"]')
       .clickLaunchIcon('filePanel')
       .addFile('simple_storage.sol', sources[0]['simple_storage.sol'])
@@ -23,6 +23,15 @@ module.exports = {
       .click('*[data-id="verticalIconsKindsolidityUnitTesting"]')
       .waitForElementPresent('*[data-id="sidePanelSwapitTitle"]')
       .assert.containsText('*[data-id="sidePanelSwapitTitle"]', 'SOLIDITY UNIT TESTING')
+      .clickLaunchIcon('filePanel')
+      .waitForElementVisible('li[data-id="treeViewLitreeViewItem.deps/remix-tests/remix_tests.sol"]')
+      .waitForElementVisible('li[data-id="treeViewLitreeViewItem.deps/remix-tests/remix_accounts.sol"]')
+      .openFile('.deps/remix-tests/remix_tests.sol')
+      // remix_test.sol should be opened in editor
+      .getEditorValue((content) => browser.assert.ok(content.indexOf('library Assert {') !== -1))
+      .openFile('.deps/remix-tests/remix_accounts.sol')
+      // remix_accounts.sol should be opened in editor
+      .getEditorValue((content) => browser.assert.ok(content.indexOf('library TestsAccounts {') !== -1))
   },
 
   'Should generate test file': function (browser: NightwatchBrowser) {

From 2cf43652621d862d59ffe1ff877f084c84dbaba5 Mon Sep 17 00:00:00 2001
From: Aniket-Engg <aniketengg.225@gmail.com>
Date: Mon, 8 Nov 2021 18:55:51 +0530
Subject: [PATCH 57/68] e2e to check test files creation on new workspace

---
 apps/remix-ide-e2e/src/tests/solidityUnittests.spec.ts | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/apps/remix-ide-e2e/src/tests/solidityUnittests.spec.ts b/apps/remix-ide-e2e/src/tests/solidityUnittests.spec.ts
index 3fb1a2bac6..e5a4136eb5 100644
--- a/apps/remix-ide-e2e/src/tests/solidityUnittests.spec.ts
+++ b/apps/remix-ide-e2e/src/tests/solidityUnittests.spec.ts
@@ -159,7 +159,7 @@ module.exports = {
       .click('*[data-id="testTabGenerateTestFolder"]')
   },
 
-  'Changing current path when workspace changed': function (browser: NightwatchBrowser) {
+  'Changing current path when workspace changed and checking test files creation': function (browser: NightwatchBrowser) {
     browser
       .waitForElementPresent('*[data-id="verticalIconsKindfilePanel"]')
       .clickLaunchIcon('settings')
@@ -177,6 +177,14 @@ module.exports = {
       .waitForElementVisible('*[data-id="fileSystem-modal-footer-ok-react"]')
       .execute(function () { (document.querySelector('[data-id="fileSystem-modal-footer-ok-react"]') as HTMLElement).click() })
       .waitForElementPresent('*[data-id="workspacesSelect"] option[value="workspace_new"]')
+      .waitForElementVisible('li[data-id="treeViewLitreeViewItem.deps/remix-tests/remix_tests.sol"]')
+      .waitForElementVisible('li[data-id="treeViewLitreeViewItem.deps/remix-tests/remix_accounts.sol"]')
+      .openFile('.deps/remix-tests/remix_tests.sol')
+      // remix_test.sol should be opened in editor
+      .getEditorValue((content) => browser.assert.ok(content.indexOf('library Assert {') !== -1))
+      .openFile('.deps/remix-tests/remix_accounts.sol')
+      // remix_accounts.sol should be opened in editor
+      .getEditorValue((content) => browser.assert.ok(content.indexOf('library TestsAccounts {') !== -1))
       // end of creating
       .clickLaunchIcon('solidityUnitTesting')
       .pause(2000)

From e34c5857778605ddefb2ee7d4f1c1af428529a00 Mon Sep 17 00:00:00 2001
From: Aniket-Engg <aniketengg.225@gmail.com>
Date: Tue, 9 Nov 2021 14:36:42 +0530
Subject: [PATCH 58/68] extra changes removed

---
 libs/remix-core-plugin/src/lib/compiler-content-imports.ts | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

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 07b1f21213..8c243e37a8 100644
--- a/libs/remix-core-plugin/src/lib/compiler-content-imports.ts
+++ b/libs/remix-core-plugin/src/lib/compiler-content-imports.ts
@@ -12,7 +12,6 @@ const profile = {
 export class CompilerImports extends Plugin {
   previouslyHandled: {}
   urlResolver: any
-  testRunner: any
   constructor () {
     super(profile)
     this.urlResolver = new RemixURLResolver()
@@ -116,7 +115,7 @@ export class CompilerImports extends Plugin {
     * @param {String} targetPath - (optional) internal path where the content should be saved to
     * @returns {Promise} - string content
     */
-  async resolveAndSave (url, targetPath, testRunner = null) {
+  async resolveAndSave (url, targetPath) {
     try {
       const provider = await this.call('fileManager', 'getProviderOf', url)
       if (provider) {

From 66eef9003d3a40f2eb56b13fb7fca37f08195cb6 Mon Sep 17 00:00:00 2001
From: Aniket-Engg <aniketengg.225@gmail.com>
Date: Tue, 9 Nov 2021 18:32:23 +0530
Subject: [PATCH 59/68] unnecessary changes

---
 apps/remix-ide/src/app/tabs/test-tab.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/remix-ide/src/app/tabs/test-tab.js b/apps/remix-ide/src/app/tabs/test-tab.js
index a7d586b025..a50a2a1b9a 100644
--- a/apps/remix-ide/src/app/tabs/test-tab.js
+++ b/apps/remix-ide/src/app/tabs/test-tab.js
@@ -567,7 +567,7 @@ module.exports = class TestTab extends ViewPlugin {
           this.updateFinalResult(error, result, testFilePath)
           callback(error)
         }, (url, cb) => {
-          return this.contentImport.resolveAndSave(url, null, this.testRunner).then((result) => cb(null, result)).catch((error) => cb(error.message))
+          return this.contentImport.resolveAndSave(url).then((result) => cb(null, result)).catch((error) => cb(error.message))
         }, { testFilePath }
       )
     }).catch((error) => {

From c2420dcae63c639d16be4d12bd143a51bc00dbb4 Mon Sep 17 00:00:00 2001
From: yann300 <yann.levreau@gmail.com>
Date: Tue, 9 Nov 2021 15:41:40 +0100
Subject: [PATCH 60/68] Update webpack.config.js

---
 apps/remix-ide/webpack.config.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/remix-ide/webpack.config.js b/apps/remix-ide/webpack.config.js
index 02143af15b..4af33b4f3a 100644
--- a/apps/remix-ide/webpack.config.js
+++ b/apps/remix-ide/webpack.config.js
@@ -21,7 +21,7 @@ module.exports = config => {
       mode: 'production',
       devtool: 'source-map',
       optimization: {
-        minimize: true,
+        minimize: false,
         minimizer: [new TerserPlugin()]
       }
     }

From 0194ae25da65233fcac18be356bb0411082c61dc Mon Sep 17 00:00:00 2001
From: yann300 <yann.levreau@gmail.com>
Date: Tue, 9 Nov 2021 18:17:13 +0100
Subject: [PATCH 61/68] Add custom id to matomo

---
 apps/remix-ide/src/app/tabs/runTab/contractDropdown.js | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/apps/remix-ide/src/app/tabs/runTab/contractDropdown.js b/apps/remix-ide/src/app/tabs/runTab/contractDropdown.js
index a111147672..650b35b8c1 100644
--- a/apps/remix-ide/src/app/tabs/runTab/contractDropdown.js
+++ b/apps/remix-ide/src/app/tabs/runTab/contractDropdown.js
@@ -56,6 +56,7 @@ class ContractDropdownUI {
       }
       this.exEnvironment = this.blockchain.getProvider()
       this.networkName = network.name
+      this.networkId = network.id
 
       const savedConfig = window.localStorage.getItem(`ipfs/${this.exEnvironment}/${this.networkName}`)
 
@@ -309,10 +310,10 @@ class ContractDropdownUI {
       const data = self.runView.compilersArtefacts.getCompilerAbstract(contractObject.contract.file)
       self.runView.compilersArtefacts.addResolvedContract(helper.addressToString(address), data)
       if (self.ipfsCheckedState) {
-        _paq.push(['trackEvent', 'udapp', 'DeployAndPublish', this.networkName])
+        _paq.push(['trackEvent', 'udapp', 'DeployAndPublish', this.networkName, this.networkId])
         publishToStorage('ipfs', self.runView.fileProvider, self.runView.fileManager, selectedContract)
       } else {
-        _paq.push(['trackEvent', 'udapp', 'DeployOnly', this.networkName])
+        _paq.push(['trackEvent', 'udapp', 'DeployOnly', this.networkName, this.networkId])
       }
     }
 
@@ -346,7 +347,7 @@ class ContractDropdownUI {
   }
 
   deployContract (selectedContract, args, contractMetadata, compilerContracts, callbacks, confirmationCb) {
-    _paq.push(['trackEvent', 'udapp', 'DeployContractTo', this.networkName])
+    _paq.push(['trackEvent', 'udapp', 'DeployContractTo', this.networkName, this.networkId])
     const { statusCb } = callbacks
     if (!contractMetadata || (contractMetadata && contractMetadata.autoDeployLib)) {
       return this.blockchain.deployContractAndLibraries(selectedContract, args, contractMetadata, compilerContracts, callbacks, confirmationCb)

From 66d3c11f8b4fbf25c3408e5f56ac534e5cb1d678 Mon Sep 17 00:00:00 2001
From: Aniket-Engg <aniketengg.225@gmail.com>
Date: Tue, 9 Nov 2021 14:19:26 +0530
Subject: [PATCH 62/68] SUT can load compiler parellel to Solidity Compiler
 plugin

---
 apps/remix-ide/src/app/tabs/test-tab.js        |  5 +++--
 apps/solidity-compiler/src/app/compiler-api.ts | 10 ++++++++--
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/apps/remix-ide/src/app/tabs/test-tab.js b/apps/remix-ide/src/app/tabs/test-tab.js
index a50a2a1b9a..5dbedd4448 100644
--- a/apps/remix-ide/src/app/tabs/test-tab.js
+++ b/apps/remix-ide/src/app/tabs/test-tab.js
@@ -544,8 +544,8 @@ module.exports = class TestTab extends ViewPlugin {
     this.fileManager.readFile(testFilePath).then((content) => {
       const runningTests = {}
       runningTests[testFilePath] = { content }
-      const { currentVersion, evmVersion, optimize, runs } = this.compileTab.getCurrentCompilerConfig()
-      const currentCompilerUrl = urlFromVersion(currentVersion)
+      const { currentVersion, evmVersion, optimize, runs, isUrl } = this.compileTab.getCurrentCompilerConfig()
+      const currentCompilerUrl = isUrl ? currentVersion : urlFromVersion(currentVersion)
       const compilerConfig = {
         currentCompilerUrl,
         evmVersion,
@@ -571,6 +571,7 @@ module.exports = class TestTab extends ViewPlugin {
         }, { testFilePath }
       )
     }).catch((error) => {
+      console.log('error in runTest-->', error)
       if (error) return // eslint-disable-line
     })
   }
diff --git a/apps/solidity-compiler/src/app/compiler-api.ts b/apps/solidity-compiler/src/app/compiler-api.ts
index 8082002ff4..733ee0026f 100644
--- a/apps/solidity-compiler/src/app/compiler-api.ts
+++ b/apps/solidity-compiler/src/app/compiler-api.ts
@@ -143,12 +143,17 @@ export const CompilerApiMixin = (Base) => class extends Base {
   // This function is used for passing the compiler configuration to 'remix-tests'
   getCurrentCompilerConfig () {
     const compilerState = this.getCompilerState()
-    return {
+    let compilerDetails: any = {
       currentVersion: compilerState.currentVersion,
       evmVersion: compilerState.evmVersion,
       optimize: compilerState.optimize,
       runs: compilerState.runs
     }
+    if (this.data.loading) {
+      compilerDetails.currentVersion = this.data.loadingUrl
+      compilerDetails.isUrl = true
+    }
+    return compilerDetails
   }
 
   /**
@@ -193,8 +198,9 @@ export const CompilerApiMixin = (Base) => class extends Base {
       if (this.onContentChanged) this.onContentChanged()
     })
 
-    this.data.eventHandlers.onLoadingCompiler = () => {
+    this.data.eventHandlers.onLoadingCompiler = (url) => {
       this.data.loading = true
+      this.data.loadingUrl = url
       this.emit('statusChanged', { key: 'loading', title: 'loading compiler...', type: 'info' })
     }
     this.compiler.event.register('loadingCompiler', this.data.eventHandlers.onLoadingCompiler)

From 1dc0f8fe6d1509888a71d2d7b7def7adcb5931b2 Mon Sep 17 00:00:00 2001
From: Aniket-Engg <aniketengg.225@gmail.com>
Date: Tue, 9 Nov 2021 14:23:33 +0530
Subject: [PATCH 63/68] extra console

---
 apps/remix-ide/src/app/tabs/test-tab.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/apps/remix-ide/src/app/tabs/test-tab.js b/apps/remix-ide/src/app/tabs/test-tab.js
index 5dbedd4448..c82a2bcc1d 100644
--- a/apps/remix-ide/src/app/tabs/test-tab.js
+++ b/apps/remix-ide/src/app/tabs/test-tab.js
@@ -571,7 +571,6 @@ module.exports = class TestTab extends ViewPlugin {
         }, { testFilePath }
       )
     }).catch((error) => {
-      console.log('error in runTest-->', error)
       if (error) return // eslint-disable-line
     })
   }

From 4b2df98098c22dbdf183e880f10c1bdd59283d9c Mon Sep 17 00:00:00 2001
From: yann300 <yann.levreau@gmail.com>
Date: Wed, 10 Nov 2021 11:53:00 +0100
Subject: [PATCH 64/68] use react-tabs production build

---
 apps/remix-ide/src/app/panels/tab-proxy.js                | 7 ++++++-
 apps/remix-ide/src/assets/js/react-tabs.production.min.js | 2 ++
 libs/remix-ui/tabs/src/lib/remix-ui-tabs.tsx              | 6 ++++--
 3 files changed, 12 insertions(+), 3 deletions(-)
 create mode 100644 apps/remix-ide/src/assets/js/react-tabs.production.min.js

diff --git a/apps/remix-ide/src/app/panels/tab-proxy.js b/apps/remix-ide/src/app/panels/tab-proxy.js
index 139213a764..4f5a030e04 100644
--- a/apps/remix-ide/src/app/panels/tab-proxy.js
+++ b/apps/remix-ide/src/app/panels/tab-proxy.js
@@ -306,8 +306,13 @@ export class TabProxy extends Plugin {
   }
 
   renderTabsbar () {
+    window.React = React
+    const script = document.createElement('script')
+    script.type = 'text/javascript'
+    script.src = 'assets/js/react-tabs.production.min.js'
+    document.head.appendChild(script)
+    script.addEventListener('load', () => this.renderComponent())
     this.el = document.createElement('div')
-    this.renderComponent()
     return this.el
   }
 }
diff --git a/apps/remix-ide/src/assets/js/react-tabs.production.min.js b/apps/remix-ide/src/assets/js/react-tabs.production.min.js
new file mode 100644
index 0000000000..59f4d0590c
--- /dev/null
+++ b/apps/remix-ide/src/assets/js/react-tabs.production.min.js
@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react")):"function"==typeof define&&define.amd?define(["exports","react"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).ReactTabs={},e.React)}(this,(function(e,t){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=n(t);function a(){return(a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function s(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,o(e,t)}function o(e,t){return(o=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function l(e,t){if(null==e)return{};var n,r,a={},s=Object.keys(e);for(r=0;r<s.length;r++)n=s[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}function i(e){return function(t){return!!t.type&&t.type.tabsRole===e}}var d=i("Tab"),c=i("TabList"),u=i("TabPanel");function f(e,n){return t.Children.map(e,(function(e){return null===e?null:function(e){return d(e)||c(e)||u(e)}(e)?n(e):e.props&&e.props.children&&"object"==typeof e.props.children?t.cloneElement(e,a({},e.props,{children:f(e.props.children,n)})):e}))}function p(e,n){return t.Children.forEach(e,(function(e){null!==e&&(d(e)||u(e)?n(e):e.props&&e.props.children&&"object"==typeof e.props.children&&(c(e)&&n(e),p(e.props.children,n)))}))}function b(e){var t,n,r="";if("string"==typeof e||"number"==typeof e)r+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(n=b(e[t]))&&(r&&(r+=" "),r+=n);else for(t in e)e[t]&&(r&&(r+=" "),r+=t);return r}function h(){for(var e,t,n=0,r="";n<arguments.length;)(e=arguments[n++])&&(t=b(e))&&(r&&(r+=" "),r+=t);return r}var m,v=0;function y(){return"react-tabs-"+v++}function T(e){var t=0;return p(e,(function(e){d(e)&&t++})),t}function C(e){return e&&"getAttribute"in e}function g(e){return C(e)&&"tab"===e.getAttribute("role")}function N(e){return C(e)&&"true"===e.getAttribute("aria-disabled")}var I=function(e){function n(){for(var t,n=arguments.length,r=new Array(n),a=0;a<n;a++)r[a]=arguments[a];return(t=e.call.apply(e,[this].concat(r))||this).tabNodes=[],t.handleKeyDown=function(e){var n=t.props,r=n.direction,a=n.disableUpDownKeys;if(t.isTabFromContainer(e.target)){var s=t.props.selectedIndex,o=!1,l=!1;32!==e.keyCode&&13!==e.keyCode||(o=!0,l=!1,t.handleClick(e)),37===e.keyCode||!a&&38===e.keyCode?(s="rtl"===r?t.getNextTab(s):t.getPrevTab(s),o=!0,l=!0):39===e.keyCode||!a&&40===e.keyCode?(s="rtl"===r?t.getPrevTab(s):t.getNextTab(s),o=!0,l=!0):35===e.keyCode?(s=t.getLastTab(),o=!0,l=!0):36===e.keyCode&&(s=t.getFirstTab(),o=!0,l=!0),o&&e.preventDefault(),l&&t.setSelected(s,e)}},t.handleClick=function(e){var n=e.target;do{if(t.isTabFromContainer(n)){if(N(n))return;var r=[].slice.call(n.parentNode.children).filter(g).indexOf(n);return void t.setSelected(r,e)}}while(null!=(n=n.parentNode))},t}s(n,e);var o=n.prototype;return o.setSelected=function(e,t){if(!(e<0||e>=this.getTabsCount())){var n=this.props;(0,n.onSelect)(e,n.selectedIndex,t)}},o.getNextTab=function(e){for(var t=this.getTabsCount(),n=e+1;n<t;n++)if(!N(this.getTab(n)))return n;for(var r=0;r<e;r++)if(!N(this.getTab(r)))return r;return e},o.getPrevTab=function(e){for(var t=e;t--;)if(!N(this.getTab(t)))return t;for(t=this.getTabsCount();t-- >e;)if(!N(this.getTab(t)))return t;return e},o.getFirstTab=function(){for(var e=this.getTabsCount(),t=0;t<e;t++)if(!N(this.getTab(t)))return t;return null},o.getLastTab=function(){for(var e=this.getTabsCount();e--;)if(!N(this.getTab(e)))return e;return null},o.getTabsCount=function(){return T(this.props.children)},o.getPanelsCount=function(){return function(e){var t=0;return p(e,(function(e){u(e)&&t++})),t}(this.props.children)},o.getTab=function(e){return this.tabNodes["tabs-"+e]},o.getChildren=function(){var e=this,n=0,a=this.props,s=a.children,o=a.disabledTabClassName,l=a.focus,i=a.forceRenderTabPanel,p=a.selectedIndex,b=a.selectedTabClassName,h=a.selectedTabPanelClassName,v=a.environment;this.tabIds=this.tabIds||[],this.panelIds=this.panelIds||[];for(var T=this.tabIds.length-this.getTabsCount();T++<0;)this.tabIds.push(y()),this.panelIds.push(y());return f(s,(function(a){var s=a;if(c(a)){var y=0,T=!1;null==m&&function(e){var t=e||("undefined"!=typeof window?window:void 0);try{m=!(void 0===t||!t.document||!t.document.activeElement)}catch(e){m=!1}}(v),m&&(T=r.default.Children.toArray(a.props.children).filter(d).some((function(t,n){var r=v||("undefined"!=typeof window?window:void 0);return r&&r.document.activeElement===e.getTab(n)}))),s=t.cloneElement(a,{children:f(a.props.children,(function(n){var r="tabs-"+y,a=p===y,s={tabRef:function(t){e.tabNodes[r]=t},id:e.tabIds[y],panelId:e.panelIds[y],selected:a,focus:a&&(l||T)};return b&&(s.selectedClassName=b),o&&(s.disabledClassName=o),y++,t.cloneElement(n,s)}))})}else if(u(a)){var C={id:e.panelIds[n],tabId:e.tabIds[n],selected:p===n};i&&(C.forceRender=i),h&&(C.selectedClassName=h),n++,s=t.cloneElement(a,C)}return s}))},o.isTabFromContainer=function(e){if(!g(e))return!1;var t=e.parentElement;do{if(t===this.node)return!0;if(t.getAttribute("data-tabs"))break;t=t.parentElement}while(t);return!1},o.render=function(){var e=this,t=this.props;t.children;var n=t.className;t.disabledTabClassName;var s=t.domRef;t.focus,t.forceRenderTabPanel,t.onSelect,t.selectedIndex,t.selectedTabClassName,t.selectedTabPanelClassName,t.environment,t.disableUpDownKeys;var o=l(t,["children","className","disabledTabClassName","domRef","focus","forceRenderTabPanel","onSelect","selectedIndex","selectedTabClassName","selectedTabPanelClassName","environment","disableUpDownKeys"]);return r.default.createElement("div",a({},o,{className:h(n),onClick:this.handleClick,onKeyDown:this.handleKeyDown,ref:function(t){e.node=t,s&&s(t)},"data-tabs":!0}),this.getChildren())},n}(t.Component);I.defaultProps={className:"react-tabs",focus:!1};var x=function(e){function t(n){var r;return(r=e.call(this,n)||this).handleSelected=function(e,t,n){var a=r.props.onSelect,s=r.state.mode;if("function"!=typeof a||!1!==a(e,t,n)){var o={focus:"keydown"===n.type};1===s&&(o.selectedIndex=e),r.setState(o)}},r.state=t.copyPropsToState(r.props,{},n.defaultFocus),r}return s(t,e),t.getDerivedStateFromProps=function(e,n){return t.copyPropsToState(e,n)},t.getModeFromProps=function(e){return null===e.selectedIndex?1:0},t.copyPropsToState=function(e,n,r){void 0===r&&(r=!1);var a={focus:r,mode:t.getModeFromProps(e)};if(1===a.mode){var s=Math.max(0,T(e.children)-1),o=null;o=null!=n.selectedIndex?Math.min(n.selectedIndex,s):e.defaultIndex||0,a.selectedIndex=o}return a},t.prototype.render=function(){var e=this.props,t=e.children;e.defaultIndex,e.defaultFocus;var n=l(e,["children","defaultIndex","defaultFocus"]),a=this.state,s=a.focus,o=a.selectedIndex;return n.focus=s,n.onSelect=this.handleSelected,null!=o&&(n.selectedIndex=o),r.default.createElement(I,n,t)},t}(t.Component);x.defaultProps={defaultFocus:!1,forceRenderTabPanel:!1,selectedIndex:null,defaultIndex:null,environment:null,disableUpDownKeys:!1},x.tabsRole="Tabs";var P=function(e){function t(){return e.apply(this,arguments)||this}return s(t,e),t.prototype.render=function(){var e=this.props,t=e.children,n=e.className,s=l(e,["children","className"]);return r.default.createElement("ul",a({},s,{className:h(n),role:"tablist"}),t)},t}(t.Component);P.defaultProps={className:"react-tabs__tab-list"},P.tabsRole="TabList";var w="react-tabs__tab",R=function(e){function t(){return e.apply(this,arguments)||this}s(t,e);var n=t.prototype;return n.componentDidMount=function(){this.checkFocus()},n.componentDidUpdate=function(){this.checkFocus()},n.checkFocus=function(){var e=this.props,t=e.selected,n=e.focus;t&&n&&this.node.focus()},n.render=function(){var e,t=this,n=this.props,s=n.children,o=n.className,i=n.disabled,d=n.disabledClassName;n.focus;var c=n.id,u=n.panelId,f=n.selected,p=n.selectedClassName,b=n.tabIndex,m=n.tabRef,v=l(n,["children","className","disabled","disabledClassName","focus","id","panelId","selected","selectedClassName","tabIndex","tabRef"]);return r.default.createElement("li",a({},v,{className:h(o,(e={},e[p]=f,e[d]=i,e)),ref:function(e){t.node=e,m&&m(e)},role:"tab",id:c,"aria-selected":f?"true":"false","aria-disabled":i?"true":"false","aria-controls":u,tabIndex:b||(f?"0":null)}),s)},t}(t.Component);R.defaultProps={className:w,disabledClassName:"react-tabs__tab--disabled",focus:!1,id:null,panelId:null,selected:!1,selectedClassName:"react-tabs__tab--selected"},R.tabsRole="Tab";var k="react-tabs__tab-panel",_=function(e){function t(){return e.apply(this,arguments)||this}return s(t,e),t.prototype.render=function(){var e,t=this.props,n=t.children,s=t.className,o=t.forceRender,i=t.id,d=t.selected,c=t.selectedClassName,u=t.tabId,f=l(t,["children","className","forceRender","id","selected","selectedClassName","tabId"]);return r.default.createElement("div",a({},f,{className:h(s,(e={},e[c]=d,e)),role:"tabpanel",id:i,"aria-labelledby":u}),o||d?n:null)},t}(t.Component);_.defaultProps={className:k,forceRender:!1,selectedClassName:k+"--selected"},_.tabsRole="TabPanel",e.Tab=R,e.TabList=P,e.TabPanel=_,e.Tabs=x,e.resetIdCounter=function(){v=0},Object.defineProperty(e,"__esModule",{value:!0})}));
+//# sourceMappingURL=react-tabs.production.min.js.map
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 22532562e6..a9ca1c881f 100644
--- a/libs/remix-ui/tabs/src/lib/remix-ui-tabs.tsx
+++ b/libs/remix-ui/tabs/src/lib/remix-ui-tabs.tsx
@@ -1,6 +1,5 @@
 import React, { useState, useRef, useEffect, useReducer } from 'react' // eslint-disable-line
-import { Tab, Tabs, TabList, TabPanel } from 'react-tabs'
-
+// import { Tab, Tabs, TabList, TabPanel } from 'react-tabs'
 import './remix-ui-tabs.css'
 
 /* eslint-disable-next-line */
@@ -18,7 +17,10 @@ export interface TabsUIApi {
     active: () => string
 }
 
+declare var ReactTabs: any
+
 export const TabsUI = (props: TabsUIProps) => {
+  const { Tab, Tabs, TabList, TabPanel } = ReactTabs
   const [selectedIndex, setSelectedIndex] = useState(-1)
   const currentIndexRef = useRef(-1)
   const tabsRef = useRef({})

From 2dd704cea12c59dd0706b47c13713ea4e42073a5 Mon Sep 17 00:00:00 2001
From: yann300 <yann.levreau@gmail.com>
Date: Wed, 10 Nov 2021 16:44:32 +0100
Subject: [PATCH 65/68] fix tabs appearing twice

---
 apps/remix-ide/src/app/panels/tab-proxy.js | 16 ----------------
 1 file changed, 16 deletions(-)

diff --git a/apps/remix-ide/src/app/panels/tab-proxy.js b/apps/remix-ide/src/app/panels/tab-proxy.js
index 4f5a030e04..db83672020 100644
--- a/apps/remix-ide/src/app/panels/tab-proxy.js
+++ b/apps/remix-ide/src/app/panels/tab-proxy.js
@@ -227,22 +227,6 @@ export class TabProxy extends Plugin {
             tooltip: name,
             iconClass: helper.getPathIcon(name)
           })
-          formatPath.shift()
-          if (formatPath.length > 0) {
-            const duplicateTabName = this.loadedTabs.find(({ title }) => title === formatPath.join('/')).name
-            const duplicateTabPath = duplicateTabName.split('/')
-            const duplicateTabFormatPath = [...duplicateTabPath].reverse()
-            const duplicateTabTitle = duplicateTabFormatPath.slice(0, titleLength).reverse().join('/')
-
-            this.loadedTabs.push({
-              id: duplicateTabName,
-              name: duplicateTabName,
-              title: duplicateTabTitle,
-              icon,
-              tooltip: duplicateTabName,
-              iconClass: helper.getPathIcon(duplicateTabName)
-            })
-          }
           break
         }
       }

From 73987bc5a06d445a5f4f05f242c0ef2af5a7cd9c Mon Sep 17 00:00:00 2001
From: yann300 <yann.levreau@gmail.com>
Date: Wed, 10 Nov 2021 16:59:56 +0100
Subject: [PATCH 66/68] fix linting

---
 apps/remix-ide/src/app/panels/tab-proxy.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/apps/remix-ide/src/app/panels/tab-proxy.js b/apps/remix-ide/src/app/panels/tab-proxy.js
index db83672020..a92f89f59a 100644
--- a/apps/remix-ide/src/app/panels/tab-proxy.js
+++ b/apps/remix-ide/src/app/panels/tab-proxy.js
@@ -218,7 +218,6 @@ export class TabProxy extends Plugin {
 
         if (index === -1) {
           title = formatPath.join('/')
-          const titleLength = formatPath.length
           this.loadedTabs.push({
             id: name,
             name,

From c0822ebaa62d308cf5e90030a81f7f65f31b5f49 Mon Sep 17 00:00:00 2001
From: yann300 <yann.levreau@gmail.com>
Date: Wed, 10 Nov 2021 17:25:57 +0100
Subject: [PATCH 67/68] readd handling duplicate path

---
 apps/remix-ide/src/app/panels/tab-proxy.js | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/apps/remix-ide/src/app/panels/tab-proxy.js b/apps/remix-ide/src/app/panels/tab-proxy.js
index a92f89f59a..5d053ec3f3 100644
--- a/apps/remix-ide/src/app/panels/tab-proxy.js
+++ b/apps/remix-ide/src/app/panels/tab-proxy.js
@@ -218,6 +218,7 @@ export class TabProxy extends Plugin {
 
         if (index === -1) {
           title = formatPath.join('/')
+          const titleLength = formatPath.length
           this.loadedTabs.push({
             id: name,
             name,
@@ -226,6 +227,25 @@ export class TabProxy extends Plugin {
             tooltip: name,
             iconClass: helper.getPathIcon(name)
           })
+          formatPath.shift()
+          if (formatPath.length > 0) {
+            const index = this.loadedTabs.findIndex(({ title }) => title === formatPath.join('/'))
+            
+            if (index > -1) {
+              const duplicateTabName = this.loadedTabs[index].name
+              const duplicateTabPath = duplicateTabName.split('/')
+              const duplicateTabFormatPath = [...duplicateTabPath].reverse()
+              const duplicateTabTitle = duplicateTabFormatPath.slice(0, titleLength).reverse().join('/')
+              this.loadedTabs[index] = {
+                id: duplicateTabName,
+                name: duplicateTabName,
+                title: duplicateTabTitle,
+                icon,
+                tooltip: duplicateTabName,
+                iconClass: helper.getPathIcon(duplicateTabName)
+              }
+            }
+          }
           break
         }
       }

From e3b3136063fe9898ebc1ae6acabb36fca3f57222 Mon Sep 17 00:00:00 2001
From: yann300 <yann.levreau@gmail.com>
Date: Thu, 11 Nov 2021 11:55:50 +0100
Subject: [PATCH 68/68] fix linting

---
 apps/remix-ide/src/app/panels/tab-proxy.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/apps/remix-ide/src/app/panels/tab-proxy.js b/apps/remix-ide/src/app/panels/tab-proxy.js
index 5d053ec3f3..f4cc6408c0 100644
--- a/apps/remix-ide/src/app/panels/tab-proxy.js
+++ b/apps/remix-ide/src/app/panels/tab-proxy.js
@@ -230,7 +230,6 @@ export class TabProxy extends Plugin {
           formatPath.shift()
           if (formatPath.length > 0) {
             const index = this.loadedTabs.findIndex(({ title }) => title === formatPath.join('/'))
-            
             if (index > -1) {
               const duplicateTabName = this.loadedTabs[index].name
               const duplicateTabPath = duplicateTabName.split('/')