feat: Switch to esbuild

Remove rollup and webpack dependencies

Gordon Smith<[email protected]>

Author: GordonSmith

.vscode/launch.json

@@ -55,7 +55,7 @@
         },
         {
             "name": "Launch Web Extension",
-            "type": "pwa-extensionHost",
+            "type": "extensionHost",
             "debugWebWorkerHost": true,
             "request": "launch",
             "args": [
@@ -83,7 +83,7 @@
         },
         {
             "name": "webview-test",
-            "type": "pwa-msedge",
+            "type": "msedge",
             "request": "launch",
             "url": "file:///${workspaceRoot}/webview-test.html",
             "runtimeArgs": [
@@ -93,7 +93,7 @@
         },
         {
             "name": "index",
-            "type": "pwa-msedge",
+            "type": "msedge",
             "request": "launch",
             "url": "file:///${workspaceRoot}/index.html",
             "runtimeArgs": [
@@ -108,7 +108,7 @@
             "skipFiles": [
                 "<node_internals>/**"
             ],
-            "type": "pwa-node"
+            "type": "node"
         },
         {
             "name": "NLS Merge",
@@ -117,7 +117,7 @@
             "skipFiles": [
                 "<node_internals>/**"
             ],
-            "type": "pwa-node"
+            "type": "node"
         }
     ]
 }

.vscode/tasks.json

@@ -6,7 +6,7 @@
         {
             "type": "npm",
             "label": "compile watch",
-            "script": "compile-es6-watch",
+            "script": "compile-esbuild-watch",
             "problemMatcher": [
                 "$tsc-watch"
             ],
@@ -16,8 +16,8 @@
         },
         {
             "type": "npm",
-            "label": "bundle-ext watch",
-            "script": "bundle-ext-watch",
+            "label": "bundle-esbuild-dev watch",
+            "script": "bundle-esbuild-dev-watch",
             "problemMatcher": [],
             "presentation": {
                 "group": "group-build"
@@ -27,7 +27,7 @@
             "label": "build",
             "dependsOn": [
                 "compile watch",
-                "bundle-ext watch"
+                "bundle-esbuild-dev watch"
             ],
             "group": {
                 "kind": "build",

esbuild.mjs

@@ -0,0 +1,116 @@
+import { context } from "esbuild";
+import process from "process";
+
+const production = process.argv.includes("--production");
+const watch = process.argv.includes("--watch");
+
+/**
+ * @type {import('esbuild').Plugin}
+ */
+const esbuildProblemMatcherPlugin = {
+    name: "esbuild-problem-matcher",
+
+    setup(build) {
+        build.onStart(() => {
+            console.log("[watch] build started");
+        });
+        build.onEnd((result) => {
+            result.errors.forEach(({ text, location }) => {
+                console.error(`✘ [ERROR] ${text}`);
+                console.error(`    ${location.file}:${location.line}:${location.column}:`);
+            });
+            console.log("[watch] build finished");
+        });
+    },
+};
+
+async function extension() {
+    const ctx = await context({
+        entryPoints: [
+            "src/extension.ts",
+            "src/debugger.ts"
+        ],
+        bundle: true,
+        format: "cjs",
+        minify: production,
+        sourcemap: !production,
+        sourcesContent: false,
+        platform: "node",
+        outdir: "dist",
+        external: ["vscode"],
+        // logLevel: "silent",
+        plugins: [
+            /* add to the end of plugins array */
+            esbuildProblemMatcherPlugin,
+        ],
+    });
+    if (watch) {
+        await ctx.watch();
+    } else {
+        await ctx.rebuild();
+        await ctx.dispose();
+    }
+}
+
+async function notebook() {
+    const ctx = await context({
+        entryPoints: [
+            "src/eclwatch.tsx",
+            "src/notebook/renderers/wuRenderer.tsx",
+            "src/notebook/renderers/ojsRenderer.ts"
+        ],
+        bundle: true,
+        format: "esm",
+        minify: true,
+        sourcemap: !production,
+        sourcesContent: false,
+        platform: "browser",
+        outdir: "dist",
+        external: ["vscode", "fs", "path", "os"],
+        // logLevel: "silent",
+        plugins: [
+            /* add to the end of plugins array */
+            esbuildProblemMatcherPlugin,
+        ],
+    });
+    if (watch) {
+        await ctx.watch();
+    } else {
+        await ctx.rebuild();
+        await ctx.dispose();
+    }
+}
+
+async function web_extension() {
+    const ctx = await context({
+        entryPoints: [
+            "src/web-extension.ts"
+        ],
+        bundle: true,
+        format: "esm",
+        minify: production,
+        sourcemap: !production,
+        sourcesContent: false,
+        platform: "browser",
+        outfile: "dist-web/extension.js",
+        external: ["vscode", "fs", "path", "os"],
+        // logLevel: "silent",
+        plugins: [
+            /* add to the end of plugins array */
+            esbuildProblemMatcherPlugin,
+        ],
+    });
+    if (watch) {
+        await ctx.watch();
+    } else {
+        await ctx.rebuild();
+        await ctx.dispose();
+    }
+}
+
+Promise.all([extension(), notebook(), web_extension()])
+    .then(() => {
+    }).catch(e => {
+        console.error(e);
+        process.exit(1);
+    });