Merge branch 'master' into testethdoc

apps/remix-ide/src/app/components/plugin-manager-component.js

@@ -15,7 +15,8 @@ const profile = {
   kind: 'settings',
   location: 'sidePanel',
   documentation: 'https://remix-ide.readthedocs.io/en/latest/plugin_manager.html',
-  version: packageJson.version
+  version: packageJson.version,
+  maintainedBy: "Remix"
 }
 
 class PluginManagerComponent extends ViewPlugin {

apps/remix-ide/src/app/tabs/settings-tab.tsx

@@ -17,7 +17,8 @@ const profile = {
   location: 'sidePanel',
   documentation: 'https://remix-ide.readthedocs.io/en/latest/settings.html',
   version: packageJson.version,
-  permission: true
+  permission: true,
+  maintainedBy: "Remix"
 }
 
 module.exports = class SettingsTab extends ViewPlugin {

apps/remix-ide/src/blockchain/blockchain.js

@@ -31,6 +31,7 @@ export class Blockchain extends Plugin {
   // NOTE: the config object will need to be refactored out in remix-lib
   constructor (config) {
     super(profile)
+    this.active = false
     this.event = new EventManager()
     this.executionContext = new ExecutionContext()
 
@@ -55,11 +56,13 @@ export class Blockchain extends Plugin {
   }
 
   _triggerEvent (name, args) {
+    if (!this.active) return
     this.event.trigger(name, args)
     this.emit(name, ...args)
   }
 
   onActivation () {
+    this.active = true
     this.on('injected', 'chainChanged', () => {
       this.detectNetwork((error, network) => {
         this.networkStatus = { network, error }
@@ -76,6 +79,7 @@ export class Blockchain extends Plugin {
   }
 
   onDeactivation () {
+    this.active = false
     this.off('injected', 'chainChanged')
     this.off('injected-trustwallet', 'chainChanged')
   }

libs/remix-ui/editor/src/lib/remix-ui-editor.tsx

@@ -665,7 +665,7 @@ export const EditorUI = (props: EditorUIProps) => {
     editor.addAction(formatAction)
     editor.addAction(zoomOutAction)
     editor.addAction(zoominAction)
-    editor.addAction(executeFreeFunctionAction)
+    freeFunctionAction = editor.addAction(executeFreeFunctionAction)
 
     // we have to add the command because the menu action isn't always available (see onContextMenuHandlerForFreeFunction)
     editor.addCommand(monacoRef.current.KeyMod.Shift | monacoRef.current.KeyMod.Alt | monacoRef.current.KeyCode.KeyR, () => executeFreeFunctionAction.run())
@@ -673,6 +673,10 @@ export const EditorUI = (props: EditorUIProps) => {
     const contextmenu = editor.getContribution('editor.contrib.contextmenu')
     const orgContextMenuMethod = contextmenu._onContextMenu;
     const onContextMenuHandlerForFreeFunction = async () => {
+      if (freeFunctionAction) {
+        freeFunctionAction.dispose()
+        freeFunctionAction = null
+      }
       const file = await props.plugin.call('fileManager', 'getCurrentFile')
       if (!file.endsWith('.sol')) {
         freeFunctionCondition.set(false)
@@ -680,7 +684,6 @@ export const EditorUI = (props: EditorUIProps) => {
       }
       const { nodesAtPosition } = await retrieveNodesAtPosition(props.editorAPI, props.plugin)
       const freeFunctionNode = nodesAtPosition.find((node) => node.kind === 'freeFunction')      
-      if (freeFunctionAction) freeFunctionAction.dispose()
       if (freeFunctionNode) {
         executeFreeFunctionAction.label = `Run the free function "${freeFunctionNode.name}" in the Remix VM`
         freeFunctionAction = editor.addAction(executeFreeFunctionAction)

libs/remix-ui/plugin-manager/src/lib/components/ActivePluginCard.tsx

@@ -68,7 +68,7 @@ function ActivePluginCard ({
                 placement="right"
                 tooltipId={`pluginManagerInactiveActiveBtn${profile.name}`}
                 tooltipClasses="text-nowrap"
-                tooltipText={`Dectivate ${profile.displayName || profile.name}`}
+                tooltipText={`Deactivate ${profile.displayName || profile.name}`}
               >
                 <button
                   onClick={() => {

libs/remix-ui/plugin-manager/src/lib/components/permissionsSettings.tsx

@@ -5,6 +5,7 @@ import { FormattedMessage, useIntl } from 'react-intl'
 import { ModalDialog } from '@remix-ui/modal-dialog'
 import useLocalStorage from '../custom-hooks/useLocalStorage'
 import { PluginPermissions } from '../../types'
+import { CustomTooltip } from '@remix-ui/helper'
 
 function PermisssionsSettings () {
   const [modalVisibility, setModalVisibility] = useState<boolean>(true)
@@ -130,12 +131,20 @@ function PermisssionsSettings () {
         </form>
       </ModalDialog>
       <footer className="bg-light remixui_permissions remix-bg-opacity">
-        <button
-          onClick={openModal}
-          className="btn btn-primary settings-button"
-          data-id="pluginManagerPermissionsButton">
-          <FormattedMessage id="pluginManager.Permissions" />
-        </button>
+        <CustomTooltip
+          placement={"top"}
+          tooltipId="pmPermissions"
+          tooltipClasses="text-nowrap"
+          tooltipText={"Manage plugins Permissions"}
+          key={"keypmPermissions"}
+        >
+          <button
+            onClick={openModal}
+            className="btn btn-primary settings-button"
+            data-id="pluginManagerPermissionsButton">
+            <FormattedMessage id="pluginManager.Permissions" />
+          </button>
+        </CustomTooltip>
       </footer>
     </Fragment>
   )