upgrade typescript to v5 -- part 1

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

Author: ixrock

docs/extensions/get-started/anatomy.md

@@ -68,13 +68,10 @@ Some of the most-important fields include:
     "react-open-doodles": "^1.0.5"
   },
   "devDependencies": {
+    "@k8slens/typescript": "^6.5.0-alpha.1",
+    "@k8slens/webpack": "^6.5.0-alpha.1",
     "@k8slens/extensions": "^5.4.6",
-    "ts-loader": "^8.0.4",
-    "typescript": "^4.5.5",
-    "@types/react": "^17.0.44",
-    "@types/node": "^16.14.2",
-    "webpack": "^4.44.2",
-    "webpack-cli": "^3.3.11"
+    "@types/react": "^17.0.44"
   }
 }
 ```
@@ -102,11 +99,11 @@ For example, the following is how you would specify these within your webpack co
   "externals": [
     ...
     {
-      "mobx": "var global.Mobx"
-      "mobx-react": "var global.MobxReact"
-      "react": "var global.React"
-      "react-router": "var global.ReactRouter"
-      "react-router-dom": "var global.ReactRouterDom"
+      "mobx": "var global.Mobx",
+      "mobx-react": "var global.MobxReact",
+      "react": "var global.React",
+      "react-router": "var global.ReactRouter",
+      "react-router-dom": "var global.ReactRouterDom",
       "react-dom": "var global.ReactDOM"
     }
   ]

package-lock.json

@@ -190,6 +190,8 @@
   },
   "devDependencies": {
     "@async-fn/jest": "1.6.4",
+    "@k8slens/typescript": "^6.5.0-alpha.1",
+    "@k8slens/webpack": "^6.5.0-alpha.1",
     "@k8slens/messaging-fake-bridge": "^1.0.0-alpha.1",
     "@material-ui/core": "^4.12.3",
     "@material-ui/icons": "^4.11.2",
@@ -240,10 +242,6 @@
     "@types/triple-beam": "^1.3.2",
     "@types/url-parse": "^1.4.8",
     "@types/uuid": "^8.3.4",
-    "@types/webpack": "^5.28.0",
-    "@types/webpack-dev-server": "^4.7.2",
-    "@types/webpack-env": "^1.18.0",
-    "@types/webpack-node-externals": "^2.5.3",
     "@typescript-eslint/eslint-plugin": "^5.52.0",
     "@typescript-eslint/parser": "^5.52.0",
     "adr": "^1.4.3",
@@ -255,13 +253,11 @@
     "command-line-args": "^5.2.1",
     "concurrently": "^7.6.0",
     "cross-env": "^7.0.3",
-    "css-loader": "^6.7.3",
     "deepdash": "^5.3.9",
     "dompurify": "^2.4.4",
     "electron": "^22.3.3",
     "electron-builder": "^23.6.0",
     "esbuild": "^0.17.8",
-    "esbuild-loader": "^2.21.0",
     "eslint": "^8.33.0",
     "eslint-import-resolver-typescript": "^3.5.3",
     "eslint-plugin-header": "^3.1.1",
@@ -271,7 +267,6 @@
     "eslint-plugin-unused-imports": "^2.0.0",
     "fork-ts-checker-webpack-plugin": "^7.3.0",
     "identity-obj-proxy": "^3.0.0",
-    "ignore-loader": "^0.1.2",
     "include-media": "^1.4.9",
     "jest": "^28.1.3",
     "jest-canvas-mock": "^2.3.1",
@@ -285,11 +280,8 @@
     "monaco-editor": "^0.29.1",
     "monaco-editor-webpack-plugin": "^5.0.0",
     "node-gyp": "^8.3.0",
-    "node-loader": "^2.0.0",
     "nodemon": "^2.0.20",
     "playwright": "^1.30.0",
-    "postcss": "^8.4.21",
-    "postcss-loader": "^6.2.1",
     "query-string": "^7.1.3",
     "randomcolor": "^0.6.2",
     "react-beautiful-dnd": "^13.1.1",
@@ -301,18 +293,11 @@
     "react-table": "^7.8.0",
     "react-window": "^1.8.8",
     "rimraf": "^4.1.2",
-    "sass": "^1.58.2",
-    "sass-loader": "^12.6.0",
-    "style-loader": "^3.3.1",
     "tailwindcss": "^3.2.4",
-    "ts-loader": "^9.4.2",
-    "ts-node": "^10.9.1",
     "type-fest": "^2.14.0",
     "typed-emitter": "^1.4.0",
     "typedoc": "0.23.25",
     "typedoc-plugin-markdown": "^3.13.6",
-    "typescript": "^4.9.5",
-    "typescript-plugin-css-modules": "^3.4.0",
     "webpack": "^5.75.0",
     "webpack-cli": "^4.9.2",
     "webpack-dev-server": "^4.11.1",

packages/core/package.json

@@ -29,22 +29,12 @@
     "@k8slens/core": "^6.5.0-alpha.3"
   },
   "devDependencies": {
+    "@k8slens/typescript": "^6.5.0-alpha.1",
+    "@k8slens/webpack": "^6.5.0-alpha.1",
     "@types/node": "^16.18.6",
-    "@types/webpack": "^5.28.0",
-    "@types/webpack-env": "^1.18.0",
-    "@types/webpack-node-externals": "2.5.3",
-    "css-loader": "^6.7.2",
-    "node-loader": "^2.0.0",
     "rimraf": "^4.1.2",
-    "style-loader": "^3.3.1",
-    "ts-loader": "^9.4.2",
-    "ts-node": "^10.9.1",
     "typed-emitter": "^2.1.0",
     "typedoc": "0.23.25",
-    "typedoc-plugin-markdown": "^3.13.6",
-    "typescript": "^4.9.5",
-    "typescript-plugin-css-modules": "^4.1.1",
-    "webpack": "^5.75.0",
-    "webpack-cli": "^5.0.1"
+    "typedoc-plugin-markdown": "^3.13.6"
   }
 }

packages/extension-api/package.json

@@ -19,6 +19,8 @@
   "license": "MIT",
   "homepage": "https://github.com/lensapp/lens",
   "dependencies": {
+    "@types/node": "^16.18.6",
+    "ts-node": "^10.9.1",
     "typescript": "^4.9.3",
     "typescript-plugin-css-modules": "^3.4.0"
   }

packages/infrastructure/typescript/package.json

@@ -23,15 +23,25 @@
     "test:unit": "jest --coverage --runInBand"
   },
   "dependencies": {
+    "@types/webpack": "^5.28.0",
+    "@types/webpack-node-externals": "2.5.3",
     "@types/webpack-env": "^1.18.0",
+    "@types/webpack-dev-server": "^4.7.2",
+    "postcss": "^8.4.21",
+    "postcss-loader": "^6.2.1",
+    "node-loader": "^2.0.0",
     "css-loader": "^6.7.2",
+    "esbuild-loader": "^2.21.0",
+    "ignore-loader": "^0.1.2",
     "fork-ts-checker-webpack-plugin": "^7.3.0",
     "mini-css-extract-plugin": "^2.7.3",
+    "sass": "^1.58.2",
     "sass-loader": "^13.2.0",
     "style-loader": "^3.3.1",
     "ts-loader": "^9.4.1",
     "webpack": "^5.76.0",
     "webpack-cli": "^4.10.0",
+    "webpack-dev-server": "^4.11.1",
     "webpack-node-externals": "^3.0.0"
   }
 }

packages/infrastructure/webpack/package.json

@@ -38,9 +38,8 @@
   },
   "devDependencies": {
     "@k8slens/extensions": "^6.5.0-alpha.3",
-    "@types/node": "^16.18.16",
-    "typescript": "^4.9.5",
-    "webpack": "^5.76.1",
-    "webpack-cli": "^5.0.1"
+    "@k8slens/typescript": "^6.5.0-alpha.1",
+    "@k8slens/webpack": "^6.5.0-alpha.1",
+    "@types/node": "^16.18.16"
   }
 }

packages/legacy-extension-example/package.json

@@ -26,11 +26,8 @@
     "rimraf": "^4.1.2"
   },
   "devDependencies": {
-    "rimraf": "^4.1.2",
-    "ts-loader": "^9.4.2",
-    "ts-node": "^10.9.1",
-    "typescript": "^4.9.5",
-    "webpack": "^5.75.0",
-    "webpack-cli": "^5.0.1"
+    "@k8slens/typescript": "^6.5.0-alpha.1",
+    "@k8slens/webpack": "^6.5.0-alpha.1",
+    "ts-node": "^10.9.1"
   }
 }

packages/node-fetch/package.json

@@ -220,6 +220,8 @@
   },
   "devDependencies": {
     "@electron/rebuild": "^3.2.10",
+    "@k8slens/typescript": "^6.5.0-alpha.1",
+    "@k8slens/webpack": "^6.5.0-alpha.1",
     "@k8slens/node-fetch": "^6.5.0-alpha.1",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.10",
     "@swc/cli": "^0.1.61",
@@ -250,11 +252,9 @@
     "concurrently": "^7.6.0",
     "copy-webpack-plugin": "^11.0.0",
     "cross-env": "^7.0.3",
-    "css-loader": "^6.7.2",
     "electron": "^22.3.3",
     "electron-builder": "^23.6.0",
     "electron-notarize": "^0.3.0",
-    "esbuild-loader": "^2.20.0",
     "fork-ts-checker-webpack-plugin": "^7.3.0",
     "html-webpack-plugin": "^5.5.0",
     "jest": "^28.1.3",
@@ -263,26 +263,16 @@
     "mini-css-extract-plugin": "^2.7.1",
     "monaco-editor": "^0.29.1",
     "monaco-editor-webpack-plugin": "^5.0.0",
-    "node-loader": "^2.0.0",
     "nodemon": "^2.0.20",
     "playwright": "^1.30.0",
     "react-refresh": "^0.14.0",
     "react-refresh-typescript": "^2.0.7",
     "react-select": "^5.7.0",
     "rimraf": "^4.1.2",
     "run-script-os": "^1.1.6",
-    "style-loader": "^3.3.1",
     "tailwindcss": "^3.2.4",
-    "ts-loader": "^9.4.2",
-    "ts-node": "^10.9.1",
     "type-fest": "^2.14.0",
     "typed-emitter": "^1.4.0",
-    "typescript": "^4.9.5",
-    "typescript-plugin-css-modules": "^4.1.1",
-    "webpack": "^5.75.0",
-    "webpack-cli": "^4.9.2",
-    "webpack-dev-server": "^4.11.1",
-    "webpack-node-externals": "^3.0.0",
     "xterm-addon-fit": "^0.5.0"
   }
 }