build: add dual desktop/web build targets

Author: rbonestell

esbuild.js

@@ -22,25 +22,41 @@ const esbuildProblemMatcherPlugin = {
     },
 };
 
+/** @type {import('esbuild').BuildOptions} */
+const sharedOptions = {
+    bundle: true,
+    minify: production,
+    sourcemap: !production,
+    sourcesContent: false,
+    external: ['vscode'],
+    logLevel: 'silent',
+    plugins: [esbuildProblemMatcherPlugin],
+};
+
 async function main() {
-    const ctx = await esbuild.context({
+    // Desktop (Node) build
+    const nodeCtx = await esbuild.context({
+        ...sharedOptions,
         entryPoints: ['src/extension.ts'],
-        bundle: true,
         format: 'cjs',
-        minify: production,
-        sourcemap: !production,
-        sourcesContent: false,
         platform: 'node',
         outfile: 'dist/extension.js',
-        external: ['vscode'],
-        logLevel: 'silent',
-        plugins: [esbuildProblemMatcherPlugin],
     });
+
+    // Web (browser) build
+    const webCtx = await esbuild.context({
+        ...sharedOptions,
+        entryPoints: ['src/extension.web.ts'],
+        format: 'cjs',
+        platform: 'browser',
+        outfile: 'dist/web/extension.js',
+    });
+
     if (watch) {
-        await ctx.watch();
+        await Promise.all([nodeCtx.watch(), webCtx.watch()]);
     } else {
-        await ctx.rebuild();
-        await ctx.dispose();
+        await Promise.all([nodeCtx.rebuild(), webCtx.rebuild()]);
+        await Promise.all([nodeCtx.dispose(), webCtx.dispose()]);
     }
 }
 

jest.config.ts

@@ -18,6 +18,7 @@ const config: Config = {
         'src/**/*.ts',
         '!src/types/**',
         '!src/extension.ts',
+        '!src/extension.web.ts',
         '!src/__mocks__/**',
         '!src/__tests__/**',
     ],

package.json

@@ -57,6 +57,7 @@
     "vscode.git"
   ],
   "main": "./dist/extension.js",
+  "browser": "./dist/web/extension.js",
   "contributes": {
     "commands": [
       {

src/providers/lmApiProvider.ts

@@ -1,3 +1,4 @@
+/// <reference lib="webworker" />
 import * as vscode from 'vscode';
 import type { CommitMessageProvider } from './types';