esbuild.js

const esbuild = require('esbuild');

const watch = process.argv.includes('--watch');
const production = process.argv.includes('--production');

/** Logs results in the format the VS Code esbuild problem matcher expects. */
function problemMatcherPlugin(name) {
  return {
    name: 'problem-matcher',
    setup(build) {
      build.onStart(() => {
        console.log(`[watch] build started (${name})`);
      });
      build.onEnd((result) => {
        for (const { text, location } of result.errors) {
          console.error(`✘ [ERROR] ${text}`);
          if (location) {
            console.error(`    ${location.file}:${location.line}:${location.column}:`);
          }
        }
        console.log(`[watch] build finished (${name})`);
      });
    },
  };
}

const hostOptions = {
  entryPoints: ['src/extension.ts'],
  outfile: 'dist/extension.js',
  bundle: true,
  platform: 'node',
  format: 'cjs',
  target: 'node20',
  external: ['vscode'],
  sourcemap: production ? false : true,
  minify: production,
  logLevel: 'silent',
  plugins: [problemMatcherPlugin('extension')],
};

const webviewOptions = {
  entryPoints: ['src/webview/main.ts'],
  outfile: 'media/main.js',
  bundle: true,
  platform: 'browser',
  format: 'iife',
  target: 'chrome124',
  sourcemap: production ? false : 'inline',
  minify: production,
  logLevel: 'silent',
  plugins: [problemMatcherPlugin('webview')],
};

async function main() {
  if (watch) {
    const contexts = await Promise.all([esbuild.context(hostOptions), esbuild.context(webviewOptions)]);
    await Promise.all(contexts.map((c) => c.watch()));
  } else {
    const results = await Promise.all([esbuild.build(hostOptions), esbuild.build(webviewOptions)]);
    if (results.some((r) => r.errors.length > 0)) {
      process.exit(1);
    }
  }
}

main().catch((e) => {
  console.error(e);
  process.exit(1);
});