Fix gitpod-io/gitpod#13819

Author: mustard-mh

gitpod-remote/esbuild.js

@@ -0,0 +1,49 @@
+const esbuild = require("esbuild");
+const esbuildSvelte = require("esbuild-svelte");
+const sveltePreprocess = require("svelte-preprocess")
+const { aliasPath } = require("esbuild-plugin-alias-path")
+const path = require("path");
+
+const args = process.argv.slice(2);
+
+const isWatch = args.indexOf('--watch') >= 0;
+
+async function build() {
+    esbuild.build({
+        entryPoints: {
+            portsview: path.join(__dirname, '../gitpod-shared/portsview/src/main.ts'),
+            codicon: path.join(__dirname, 'node_modules', '@vscode', 'codicons', 'dist', 'codicon.css'),
+        },
+        mainFields: ["svelte", "browser", "module", "main"],
+        bundle: true,
+        outdir: path.join(__dirname, './public'),
+        loader: {
+            '.ttf': 'dataurl',
+        },
+		minify: true,
+		sourcemap: isWatch,
+		platform: 'browser',
+		target: ['es2020'],
+        plugins: [
+            aliasPath({
+                alias: { 'package.nls.json': path.join(__dirname, 'package.nls.json') },
+            }),
+            esbuildSvelte({
+                preprocess: sveltePreprocess(),
+            }),
+        ],
+        logLevel: "info",
+    })
+}
+
+build().catch((e) => {
+    console.error(e)
+    process.exit(1)
+});
+
+if (isWatch) {
+    const watcher = require('@parcel/watcher');
+    watcher.subscribe(srcDir, () => {
+        return build();
+    });
+}

gitpod-remote/package.json

@@ -367,39 +367,31 @@
     "webpack": "webpack --mode development",
     "compile": "tsc -b",
     "watch": "tsc -b -w",
-    "build:webview": "rollup -c",
-    "watch:webview": "rollup -c -w",
+    "build:webview": "node esbuild.js",
+    "watch:webview": "node esbuild.js --watch",
     "start:webview": "sirv public --no-clear",
     "package": "npx vsce package --yarn --allow-star-activation"
   },
   "devDependencies": {
-    "@typescript-eslint/eslint-plugin": "^5.19.0",
-		"@typescript-eslint/parser": "^5.19.0",
-    "@types/webpack": "^5.28.0",
     "@tsconfig/svelte": "^2.0.0",
     "@types/node": "16.x",
     "@types/vscode": "^1.63.0",
     "@types/vscode-webview": "^1.57.0",
-    "rollup": "^2.3.4",
-    "rollup-plugin-copy": "^3.4.0",
-    "rollup-plugin-css-only": "^3.1.0",
-    "rollup-plugin-livereload": "^2.0.0",
-    "rollup-plugin-svelte": "^7.0.0",
-    "rollup-plugin-terser": "^7.0.0",
-    "@rollup/plugin-commonjs": "^17.0.0",
-    "@rollup/plugin-json": "^4.1.0",
-    "@rollup/plugin-node-resolve": "^11.0.0",
-    "@rollup/plugin-typescript": "^8.0.0",
-    "@rollup/plugin-alias": "^3.1.9",
+    "@types/webpack": "^5.28.0",
+    "@typescript-eslint/eslint-plugin": "^5.19.0",
+    "@typescript-eslint/parser": "^5.19.0",
+    "esbuild": "^0.17.11",
+    "esbuild-plugin-alias-path": "^2.0.2",
+    "esbuild-svelte": "^0.7.3",
+    "eslint": "^8.13.0",
     "sirv-cli": "^2.0.0",
     "svelte": "^3.0.0",
     "svelte-check": "^2.0.0",
     "svelte-preprocess": "^4.0.0",
-    "eslint": "^8.13.0",
     "ts-loader": "^9.2.7",
     "typescript": "^4.6.3",
     "webpack": "^5.42.0",
-		"webpack-cli": "^4.7.2"
+    "webpack-cli": "^4.7.2"
   },
   "dependencies": {
     "gitpod-shared": "link:./../gitpod-shared",