Install esbuild-loader and start using it for main/renderer, and extensions

Signed-off-by: Hung-Han (Henry) Chen <chenhungh@gmail.com>

extensions/kube-object-event-status/package.json

@@ -18,6 +18,9 @@
   "dependencies": {},
   "devDependencies": {
     "@k8slens/extensions": "file:../../src/extensions/npm/extensions",
+    "esbuild-loader": "^2.13.0",
+    "mobx": "^5.15.5",
+    "react": "^16.13.1",
     "ts-loader": "^8.0.4",
     "typescript": "^4.0.3",
     "webpack": "^4.44.2"

extensions/kube-object-event-status/webpack.config.js

@@ -33,8 +33,16 @@ module.exports = [
       rules: [
         {
           test: /\.tsx?$/,
-          use: "ts-loader",
           exclude: /node_modules/,
+          use: process.env.NODE_ENV === "production" ? {
+            loader: "ts-loader",
+          } : {
+            loader: "esbuild-loader",
+            options: {
+              loader: "tsx",
+              target: "es2015"
+            },
+          }
         },
       ],
     },

extensions/metrics-cluster-feature/package.json

@@ -18,6 +18,7 @@
   ],
   "devDependencies": {
     "@k8slens/extensions": "file:../../src/extensions/npm/extensions",
+    "esbuild-loader": "^2.13.0",
     "jest": "^26.6.3",
     "semver": "^7.3.2",
     "ts-loader": "^8.0.4",

extensions/metrics-cluster-feature/webpack.config.js

@@ -33,8 +33,16 @@ module.exports = [
       rules: [
         {
           test: /\.tsx?$/,
-          use: "ts-loader",
           exclude: /node_modules/,
+          use: process.env.NODE_ENV === "production" ? {
+            loader: "ts-loader",
+          } : {
+            loader: "esbuild-loader",
+            options: {
+              loader: "tsx",
+              target: "es2015"
+            },
+          }
         },
       ],
     },

extensions/node-menu/package.json

@@ -18,6 +18,7 @@
   "dependencies": {},
   "devDependencies": {
     "@k8slens/extensions": "file:../../src/extensions/npm/extensions",
+    "esbuild-loader": "^2.13.0",
     "jest": "^26.6.3",
     "ts-loader": "^8.0.4",
     "typescript": "^4.0.3",

extensions/node-menu/webpack.config.js

@@ -33,8 +33,16 @@ module.exports = [
       rules: [
         {
           test: /\.tsx?$/,
-          use: "ts-loader",
           exclude: /node_modules/,
+          use: process.env.NODE_ENV === "production" ? {
+            loader: "ts-loader",
+          } : {
+            loader: "esbuild-loader",
+            options: {
+              loader: "tsx",
+              target: "es2015"
+            },
+          }
         },
       ],
     },

extensions/pod-menu/package.json

@@ -18,6 +18,7 @@
   "dependencies": {},
   "devDependencies": {
     "@k8slens/extensions": "file:../../src/extensions/npm/extensions",
+    "esbuild-loader": "^2.13.0",
     "jest": "^26.6.3",
     "ts-loader": "^8.0.4",
     "typescript": "^4.0.3",

extensions/pod-menu/webpack.config.js

@@ -33,8 +33,16 @@ module.exports = [
       rules: [
         {
           test: /\.tsx?$/,
-          use: "ts-loader",
           exclude: /node_modules/,
+          use: process.env.NODE_ENV === "production" ? {
+            loader: "ts-loader",
+          } : {
+            loader: "esbuild-loader",
+            options: {
+              loader: "tsx",
+              target: "es2015"
+            },
+          }
         },
       ],
     },

package.json

@@ -313,6 +313,7 @@
     "electron": "^9.4.4",
     "electron-builder": "^22.10.5",
     "electron-notarize": "^0.3.0",
+    "esbuild-loader": "^2.13.0",
     "eslint": "^7.7.0",
     "eslint-plugin-header": "^3.1.1",
     "eslint-plugin-react": "^7.21.5",

webpack.main.ts

@@ -58,11 +58,17 @@ export default function (): webpack.Configuration {
         {
           test: /\.ts$/,
           exclude: /node_modules/,
-          use: {
+          use: isProduction ? {
             loader: "ts-loader",
             options: {
               transpileOnly: true,
             }
+          } : {
+            loader: "esbuild-loader",
+            options: {
+              loader: "ts",
+              target: "es2015"
+            },
           }
         },
       ]

webpack.renderer.ts

@@ -91,11 +91,17 @@ export function webpackLensRenderer({ showVars = true } = {}): webpack.Configura
         {
           test: /\.tsx?$/,
           exclude: /node_modules/,
-          use: {
+          use: isProduction ? {
             loader: "ts-loader",
             options: {
               transpileOnly: true, // ForkTsCheckerPlugin does type-checking
             }
+          } : {
+            loader: "esbuild-loader",
+            options: {
+              loader: "tsx",
+              target: "es2015"
+            },
           }
         },
         {

yarn.lock

@@ -5231,6 +5231,23 @@ es6-promisify@^5.0.0:
   dependencies:
     es6-promise "^4.0.3"
 
+esbuild-loader@^2.13.0:
+  version "2.13.0"
+  resolved "https://registry.yarnpkg.com/esbuild-loader/-/esbuild-loader-2.13.0.tgz#f5a3602a89a3b728506ae3e1887304fffeef9270"
+  integrity sha512-gC9lML8RGkTSWG2pJVEOZRLMoIluq1Jd7OzzVkOZKMzbMDMWDhXEwXLs60n+aglnAYa9GVrD/UXjTHkM51nBsg==
+  dependencies:
+    esbuild "^0.11.19"
+    joycon "^3.0.1"
+    json5 "^2.2.0"
+    loader-utils "^2.0.0"
+    type-fest "^1.0.1"
+    webpack-sources "^2.2.0"
+
+esbuild@^0.11.19:
+  version "0.11.21"
+  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.11.21.tgz#9220b0185ae40947811dcaff6bfcfb572bebac08"
+  integrity sha512-FqpYdJqiTeLDbj3vqxc/fG8UmHIEvQrDaUxSw1oJf4giLd/tnMDUUlXellCjOab7qGKQ5hUFD5eQgmO+tkZeow==
+
 escalade@^3.1.1:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/escalade/-/escalade-3.1.1.tgz#d8cfdc7000965c5a0174b4a82eaa5c0552742e40"
@@ -8204,6 +8221,11 @@ jose@^1.27.1:
   dependencies:
     "@panva/asn1.js" "^1.0.0"
 
+joycon@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/joycon/-/joycon-3.0.1.tgz#9074c9b08ccf37a6726ff74a18485f85efcaddaf"
+  integrity sha512-SJcJNBg32dGgxhPtM0wQqxqV0ax9k/9TaUskGDSJkSFSQOEWWvQ3zzWdGQRIUry2j1zA5+ReH13t0Mf3StuVZA==
+
 jquery@^3.4.1:
   version "3.5.1"
   resolved "https://registry.yarnpkg.com/jquery/-/jquery-3.5.1.tgz#d7b4d08e1bfdb86ad2f1a3d039ea17304717abb5"
@@ -8380,6 +8402,13 @@ json5@^1.0.1:
   dependencies:
     minimist "^1.2.0"
 
+json5@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/json5/-/json5-2.2.0.tgz#2dfefe720c6ba525d9ebd909950f0515316c89a3"
+  integrity sha512-f+8cldu7X/y7RAJurMEJmdoKXGB/X550w2Nr3tTbezL6RwEE/iMcm+tZnXeoZtKuOq6ft8+CqzEkrIgx1fPoQA==
+  dependencies:
+    minimist "^1.2.5"
+
 jsonfile@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-4.0.0.tgz#8771aae0799b64076b76640fca058f9c10e33ecb"
@@ -12727,7 +12756,7 @@ sorted-union-stream@~2.1.3:
     from2 "^1.3.0"
     stream-iterate "^1.1.0"
 
-source-list-map@^2.0.0:
+source-list-map@^2.0.0, source-list-map@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/source-list-map/-/source-list-map-2.0.1.tgz#3993bd873bfc48479cca9ea3a547835c7c154b34"
   integrity sha512-qnQ7gVMxGNxsiL4lEuJwe/To8UnK7fAnmbGEEH8RpLouuKbeEm0lhbQVFIrNSuB+G7tVrAlVsZgETT5nljf+Iw==
@@ -13794,6 +13823,11 @@ type-fest@^0.8.1:
   resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.8.1.tgz#09e249ebde851d3b1e48d27c105444667f17b83d"
   integrity sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==
 
+type-fest@^1.0.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-1.1.1.tgz#210251e7f57357a1457269e6b34837fed067ac2c"
+  integrity sha512-RPDKc5KrIyKTP7Fk75LruUagqG6b+OTgXlCR2Z0aQDJFeIvL4/mhahSEtHmmVzXu4gmA0srkF/8FCH3WOWxTWA==
+
 type-fest@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-1.0.2.tgz#3f9c39982859f385c77c38b7e5f1432b8a3661c6"
@@ -14443,6 +14477,14 @@ webpack-sources@^1.1.0, webpack-sources@^1.4.0, webpack-sources@^1.4.1:
     source-list-map "^2.0.0"
     source-map "~0.6.1"
 
+webpack-sources@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-2.2.0.tgz#058926f39e3d443193b6c31547229806ffd02bac"
+  integrity sha512-bQsA24JLwcnWGArOKUxYKhX3Mz/nK1Xf6hxullKERyktjNMC4x8koOeaDNTA2fEJ09BdWLbM/iTW0ithREUP0w==
+  dependencies:
+    source-list-map "^2.0.1"
+    source-map "^0.6.1"
+
 webpack@^4.44.2:
   version "4.44.2"
   resolved "https://registry.yarnpkg.com/webpack/-/webpack-4.44.2.tgz#6bfe2b0af055c8b2d1e90ed2cd9363f841266b72"