Migrating Vue components to React and stores refactoring (#585)

Signed-off-by: Roman <ixrock@gmail.com>

Co-authored-by: Sebastian Malton <sebastian@malton.name>
Co-authored-by: Sebastian Malton <smalton@mirantis.com>
Co-authored-by: Lauri Nevala <lauri.nevala@gmail.com>
Co-authored-by: Alex Andreev <alex.andreev.email@gmail.com>

package.json

@@ -3,7 +3,7 @@
   "productName": "Lens",
   "description": "Lens - The Kubernetes IDE",
   "version": "3.6.0-dev",
-  "main": "out/main.js",
+  "main": "static/build/main.js",
   "copyright": "© 2020, Mirantis, Inc.",
   "license": "MIT",
   "author": {
@@ -12,31 +12,28 @@
   },
   "scripts": {
     "dev": "concurrently -k \"yarn dev-run -C\" \"yarn dev:main\" \"yarn dev:renderer\"",
-    "dev-run": "nodemon --watch out/main.* --exec \"electron --inspect .\" $@",
-    "dev-test": "yarn test --watch",
+    "dev-run": "nodemon --watch static/build/main.js --exec \"electron --inspect .\" $@",
     "dev:main": "env DEBUG=true yarn compile:main --watch $@",
     "dev:renderer": "env DEBUG=true yarn compile:renderer --watch $@",
-    "dev:renderer:react": "yarn dev:renderer --config-name react $@",
-    "dev:renderer:vue": "yarn dev:renderer --config-name vue $@",
-    "compile": "concurrently \"yarn i18n:compile\" \"yarn compile:main -p\" \"yarn compile:renderer -p\"",
-    "compile:main": "webpack --progress --config webpack.main.ts",
-    "compile:renderer": "webpack --progress --config webpack.renderer.ts",
-    "compile:dll": "webpack --config webpack.dll.ts",
-    "build:linux": "yarn compile && electron-builder --linux --dir -c.productName=LensDev",
-    "build:mac": "yarn compile && electron-builder --mac --dir -c.productName=LensDev",
-    "build:win": "yarn compile && electron-builder --win --dir -c.productName=LensDev",
+    "compile": "env NODE_ENV=production concurrently yarn:compile:*",
+    "compile:main": "webpack --config webpack.main.ts",
+    "compile:renderer": "webpack --config webpack.renderer.ts",
+    "compile:i18n": "lingui compile",
+    "build:linux": "yarn compile && electron-builder --linux --dir -c.productName=Lens",
+    "build:mac": "yarn compile && electron-builder --mac --dir -c.productName=Lens",
+    "build:win": "yarn compile && electron-builder --win --dir -c.productName=Lens",
     "test": "jest --env=jsdom src $@",
     "integration": "jest --coverage integration $@",
-    "dist": "yarn compile && electron-builder -p onTag",
-    "dist:win": "yarn compile && electron-builder -p onTag --x64 --ia32",
+    "dist": "yarn compile && electron-builder --publish onTag",
+    "dist:win": "yarn compile && electron-builder --publish onTag --x64 --ia32",
     "dist:dir": "yarn dist --dir -c.compression=store -c.mac.identity=null",
     "postinstall": "patch-package",
     "i18n:extract": "lingui extract",
-    "i18n:compile": "lingui compile",
     "download-bins": "concurrently yarn:download:*",
     "download:kubectl": "yarn run ts-node build/download_kubectl.ts",
     "download:helm": "yarn run ts-node build/download_helm.ts",
-    "lint": "eslint $@ --ext js,ts,tsx,vue --max-warnings=0  src/"
+    "lint": "eslint $@ --ext js,ts,tsx --max-warnings=0  src/",
+    "rebuild-pty": "yarn run electron-rebuild -f -w node-pty"
   },
   "config": {
     "bundledKubectlVersion": "1.17.4",
@@ -69,6 +66,9 @@
     "testEnvironment": "node",
     "transform": {
       "^.+\\.tsx?$": "ts-jest"
+    },
+    "moduleNameMapper": {
+      "\\.(css|scss)$": "<rootDir>/__mocks__/styleMock.ts"
     }
   },
   "build": {
@@ -87,7 +87,7 @@
       {
         "from": "static/",
         "to": "static/",
-        "filter": "**/*"
+        "filter": "!**/main.js"
       },
       "LICENSE"
     ],
@@ -170,29 +170,35 @@
     "@types/node": "^12.12.45",
     "@types/proper-lockfile": "^4.1.1",
     "@types/tar": "^4.0.3",
+    "chalk": "^4.1.0",
+    "conf": "^7.0.1",
     "crypto-js": "^4.0.0",
-    "electron-promise-ipc": "^2.1.0",
-    "electron-store": "^5.2.0",
     "electron-updater": "^4.3.1",
     "electron-window-state": "^5.0.3",
     "filenamify": "^4.1.0",
     "fs-extra": "^9.0.1",
     "handlebars": "^4.7.6",
     "http-proxy": "^1.18.1",
+    "immer": "^7.0.5",
     "js-yaml": "^3.14.0",
     "jsonpath": "^1.0.2",
     "lodash": "^4.17.15",
     "mac-ca": "^1.0.4",
     "marked": "^1.1.0",
     "md5-file": "^5.0.0",
+    "mobx": "^5.15.5",
+    "mobx-observable-history": "^1.0.3",
     "mock-fs": "^4.12.0",
     "node-machine-id": "^1.1.12",
     "node-pty": "^0.9.0",
     "openid-client": "^3.15.2",
+    "path-to-regexp": "^6.1.0",
     "proper-lockfile": "^4.1.1",
+    "react-router": "^5.2.0",
     "request": "^2.88.2",
     "request-promise-native": "^1.0.8",
     "semver": "^7.3.2",
+    "serializr": "^2.0.3",
     "shell-env": "^3.0.0",
     "tar": "^6.0.2",
     "tcp-port-used": "^1.0.1",
@@ -201,6 +207,7 @@
     "uuid": "^8.1.0",
     "win-ca": "^3.2.0",
     "winston": "^3.2.1",
+    "winston-transport-browserconsole": "^1.0.5",
     "ws": "^7.3.0"
   },
   "devDependencies": {
@@ -210,6 +217,7 @@
     "@babel/preset-env": "^7.10.2",
     "@babel/preset-react": "^7.10.1",
     "@babel/preset-typescript": "^7.10.1",
+    "@emeraldpay/hashicon-react": "^0.4.0",
     "@lingui/babel-preset-react": "^2.9.1",
     "@lingui/cli": "^3.0.0-13",
     "@lingui/loader": "^3.0.0-13",
@@ -228,7 +236,6 @@
     "@types/md5-file": "^4.0.2",
     "@types/mini-css-extract-plugin": "^0.9.1",
     "@types/react": "^16.9.35",
-    "@types/react-dom": "^16.9.8",
     "@types/react-router-dom": "^5.1.5",
     "@types/react-select": "^3.0.13",
     "@types/react-window": "^1.8.2",
@@ -253,8 +260,6 @@
     "babel-loader": "^8.1.0",
     "babel-plugin-macros": "^2.8.0",
     "babel-runtime": "^6.26.0",
-    "bootstrap": "^4.5.0",
-    "bootstrap-vue": "^2.15.0",
     "chart.js": "^2.9.3",
     "circular-dependency-plugin": "^5.2.0",
     "color": "^3.1.2",
@@ -262,15 +267,14 @@
     "css-element-queries": "^1.2.3",
     "css-loader": "^3.5.3",
     "dompurify": "^2.0.11",
-    "electron": "^6.1.12",
+    "electron": "^9.1.2",
     "electron-builder": "^22.7.0",
     "electron-notarize": "^0.3.0",
+    "electron-rebuild": "^1.11.0",
     "eslint": "^7.3.1",
-    "eslint-plugin-vue": "^6.2.2",
     "file-loader": "^6.0.0",
     "flex.box": "^3.4.4",
     "fork-ts-checker-webpack-plugin": "^5.0.0",
-    "hashicon": "^0.3.0",
     "hoist-non-react-statics": "^3.3.2",
     "html-webpack-plugin": "^4.3.0",
     "identity-obj-proxy": "^3.0.0",
@@ -279,17 +283,13 @@
     "make-plural": "^6.2.1",
     "material-design-icons": "^3.0.1",
     "mini-css-extract-plugin": "^0.9.0",
-    "mobx": "^5.15.4",
-    "mobx-observable-history": "^1.0.3",
     "mobx-react": "^6.2.2",
     "moment": "^2.26.0",
     "node-loader": "^0.6.0",
     "node-sass": "^4.14.1",
     "nodemon": "^2.0.4",
     "patch-package": "^6.2.2",
-    "path-to-regexp": "^6.1.0",
     "postinstall-postinstall": "^2.1.0",
-    "prismjs": "^1.20.0",
     "raw-loader": "^4.0.1",
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
@@ -297,7 +297,7 @@
     "react-select": "^3.1.0",
     "react-window": "^1.8.5",
     "sass-loader": "^8.0.2",
-    "spectron": "^8.0.0",
+    "spectron": "11.0.0",
     "style-loader": "^1.2.1",
     "terser-webpack-plugin": "^3.0.3",
     "ts-jest": "^26.1.0",
@@ -306,15 +306,6 @@
     "typeface-roboto": "^0.0.75",
     "typescript": "^3.9.5",
     "url-loader": "^4.1.0",
-    "vue": "^2.6.11",
-    "vue-electron": "^1.0.6",
-    "vue-loader": "^15.9.2",
-    "vue-prism-editor": "^0.6.1",
-    "vue-router": "^3.3.2",
-    "vue-style-loader": "^4.1.2",
-    "vue-template-compiler": "^2.6.11",
-    "vuedraggable": "^2.23.2",
-    "vuex": "^3.4.0",
     "webpack": "^4.43.0",
     "webpack-cli": "^3.3.11",
     "webpack-node-externals": "^1.7.2",