Support bundling Theia with esbuild

.gitignore

@@ -15,6 +15,7 @@ errorShots
 examples/*/src-gen
 examples/*/gen-webpack.config.js
 examples/*/gen-webpack.node.config.js
+examples/*/gen-esbuild.*.mjs
 examples/*/.test
 .browser_modules
 **/docs/api

dev-packages/application-manager/package.json

@@ -36,6 +36,7 @@
     "@theia/application-package": "1.55.0",
     "@theia/ffmpeg": "1.55.0",
     "@theia/native-webpack-plugin": "1.55.0",
+    "@theia/native-esbuild-plugin": "1.55.0",
     "@types/fs-extra": "^4.0.2",
     "@types/semver": "^7.5.0",
     "babel-loader": "^8.2.2",
@@ -44,6 +45,9 @@
     "copy-webpack-plugin": "^8.1.1",
     "css-loader": "^6.2.0",
     "electron-rebuild": "^3.2.7",
+    "esbuild": "^0.24.0",
+    "esbuild-plugins-node-modules-polyfill": "^1.6.7",
+    "esbuild-plugin-copy": "^2.1.1",
     "fs-extra": "^4.0.2",
     "http-server": "^14.1.1",
     "ignore-loader": "^0.1.2",

dev-packages/application-manager/src/application-package-manager.ts

@@ -19,7 +19,7 @@ import * as fs from 'fs-extra';
 import * as cp from 'child_process';
 import * as semver from 'semver';
 import { ApplicationPackage, ApplicationPackageOptions } from '@theia/application-package';
-import { WebpackGenerator, FrontendGenerator, BackendGenerator } from './generator';
+import { BundlerGenerator, FrontendGenerator, BackendGenerator } from './generator';
 import { ApplicationProcess } from './application-process';
 import { GeneratorOptions } from './generator/abstract-generator';
 import yargs = require('yargs');
@@ -73,12 +73,14 @@ export class ApplicationPackageManager {
     }
 
     async clean(): Promise<void> {
-        const webpackGenerator = new WebpackGenerator(this.pck);
+        const bundlerGenerator = new BundlerGenerator(this.pck);
         await Promise.all([
             this.remove(this.pck.lib()),
             this.remove(this.pck.srcGen()),
-            this.remove(webpackGenerator.genConfigPath),
-            this.remove(webpackGenerator.genNodeConfigPath)
+            this.remove(bundlerGenerator.genConfigPath),
+            this.remove(bundlerGenerator.genNodeConfigPath),
+            this.remove(bundlerGenerator.genESBuildBrowserPath),
+            this.remove(bundlerGenerator.genESBuildNodePath),
         ]);
     }
 
@@ -99,7 +101,7 @@ export class ApplicationPackageManager {
             throw error;
         }
         await Promise.all([
-            new WebpackGenerator(this.pck, options).generate(),
+            new BundlerGenerator(this.pck, options).generate(),
             new BackendGenerator(this.pck, options).generate(),
             new FrontendGenerator(this.pck, options).generate(),
         ]);
@@ -111,9 +113,15 @@ export class ApplicationPackageManager {
     }
 
     async build(args: string[] = [], options: GeneratorOptions = {}): Promise<void> {
+        const bundlerGenerator = new BundlerGenerator(this.pck);
         await this.generate(options);
         await this.copy();
-        return this.__process.run('webpack', args);
+        if (await bundlerGenerator.preferESBuild()) {
+            const process = this.__process.spawn('node', [bundlerGenerator.esbuildPath, ...args]);
+            return this.__process.promisify('esbuild', process);
+        } else {
+            return this.__process.run('webpack', args);
+        }
     }
 
     start(args: string[] = []): cp.ChildProcess {

dev-packages/application-manager/src/application-process.ts

@@ -64,7 +64,7 @@ export class ApplicationProcess {
         return process.platform === 'win32' ? commandPath + '.cmd' : commandPath;
     }
 
-    protected promisify(command: string, p: cp.ChildProcess): Promise<void> {
+    promisify(command: string, p: cp.ChildProcess): Promise<void> {
         return new Promise((resolve, reject) => {
             p.stdout!.on('data', data => this.pck.log(data.toString()));
             p.stderr!.on('data', data => this.pck.error(data.toString()));