implemented minimize terminal window and added custom hook

apps/remix-ide/src/app/panels/terminal.js

@@ -34,11 +34,13 @@ class Terminal extends Plugin {
   constructor (opts, api) {
     super(profile)
     this.element = document.createElement('div')
-    this.element.setAttribute('id', 'terminalView')
+    this.element.setAttribute('class', 'panel_2A0YE0')
+    this.element.setAttribute('id', 'terminal-view')
     this.event = new EventManager()
     this.blockchain = opts.blockchain
     this._api = api
     this._opts = opts
+    this.version = packageJson.version
     this.data = {
       lineLength: opts.lineLength || 80, // ????
       session: [],
@@ -122,6 +124,8 @@ class Terminal extends Plugin {
         cmdInterpreter = {this._components.cmdInterpreter}
         autoCompletePopup = {this._components.autoCompletePopup}
         registerCommand = {this.registerCommand}
+        command = {this.commands}
+        version = {this.version}
       />,
       this.element
     )

libs/remix-ui/terminal/src/lib/custom-hooks/useKeyPress.tsx

+import React, {useEffect, useState}  from "react" // eslint-disable-line
+
+export const useKeyPress = (targetKey: string): boolean => {
+// State for keeping track of whether key is pressed
+  const [keyPressed, setKeyPressed] = useState(false)
+  // If pressed key is our target key then set to true
+  function downHandler ({ key }): void {
+    if (key === targetKey) {
+      setKeyPressed(true)
+    }
+  }
+  // If released key is our target key then set to false
+  const upHandler = ({ key }): void => {
+    if (key === targetKey) {
+      setKeyPressed(false)
+    }
+  }
+  // Add event listeners
+  useEffect(() => {
+    window.addEventListener('keydown', downHandler)
+    window.addEventListener('keyup', upHandler)
+    // Remove event listeners on cleanup
+    return () => {
+      window.removeEventListener('keydown', downHandler)
+      window.removeEventListener('keyup', upHandler)
+    }
+  }, []) // Empty array ensures that effect is only run on mount and unmount
+  return keyPressed
+}

libs/remix-ui/terminal/src/lib/remix-ui-terminal.css

+
+element.style {
+ height: 323px !important;
+}
 .panel              {
     position          : relative;
     display           : flex;

package-lock.json

@@ -10656,6 +10656,15 @@
         "tweetnacl": "^0.14.3"
       }
     },
+    "beautiful-react-hooks": {
+      "version": "0.35.0",
+      "resolved": "https://registry.npmjs.org/beautiful-react-hooks/-/beautiful-react-hooks-0.35.0.tgz",
+      "integrity": "sha512-EDjpQWskuK7ob+rfH/Xt6UpFA+vC+ARM1TYAWRgYWcjcaDCGFuc3q5Ko4WJQUcFP2cq9ps3GihUSqN+KfUwQdg==",
+      "requires": {
+        "lodash.debounce": "^4.0.8",
+        "lodash.throttle": "^4.1.1"
+      }
+    },
     "bech32": {
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/bech32/-/bech32-1.1.4.tgz",
@@ -24291,6 +24300,11 @@
       "resolved": "https://registry.npmjs.org/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz",
       "integrity": "sha1-4j8/nE+Pvd6HJSnBBxhXoIblzO8="
     },
+    "lodash.debounce": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
+      "integrity": "sha1-gteb/zCmfEAF/9XiUVMArZyk168="
+    },
     "lodash.defaultsdeep": {
       "version": "4.6.1",
       "resolved": "https://registry.npmjs.org/lodash.defaultsdeep/-/lodash.defaultsdeep-4.6.1.tgz",
@@ -24392,6 +24406,11 @@
         "lodash._reinterpolate": "^3.0.0"
       }
     },
+    "lodash.throttle": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/lodash.throttle/-/lodash.throttle-4.1.1.tgz",
+      "integrity": "sha1-wj6RtxAkKscMN/HhzaknTMOb8vQ="
+    },
     "lodash.toarray": {
       "version": "4.4.0",
       "resolved": "https://registry.npmjs.org/lodash.toarray/-/lodash.toarray-4.4.0.tgz",

package.json

@@ -89,7 +89,7 @@
     "onchange": "onchange apps/remix-ide/build/app.js -- npm-run-all lint",
     "remixd": "nx build remixd && nx serve remixd --folder=./apps/remix-ide/contracts --remixide=http://127.0.0.1:8080",
     "selenium": "selenium-standalone start",
-  "selenium-install": "selenium-standalone install",
+    "selenium-install": "selenium-standalone install",
     "sourcemap": "exorcist --root ../ apps/remix-ide/build/app.js.map > apps/remix-ide/build/app.js",
     "test-browser": "npm-run-all -lpr selenium make-mock-compiler serve browsertest",
     "watch": "watchify apps/remix-ide/src/index.js -dv -p browserify-reload -o apps/remix-ide/build/app.js --exclude solc",
@@ -146,6 +146,7 @@
     "ansi-gray": "^0.1.1",
     "async": "^2.6.2",
     "axios": ">=0.21.1",
+    "beautiful-react-hooks": "^0.35.0",
     "brace": "^0.8.0",
     "change-case": "^4.1.1",
     "chokidar": "^2.1.8",