build.mjs

#!/usr/bin/env node

import cssModulesPlugin from "esbuild-css-modules-plugin";
import esbuild from "esbuild";

async function buildExtension(watch, sourcemap, minify) {
  const options = {
    logLevel: "info",
    entryPoints: ["./src/extension.ts"],
    outfile: "./out/main.js",
    bundle: true,
    platform: "node",
    format: "cjs",
    external: ["vscode"],
    sourcemap,
    plugins: [esbuildProblemMatcherPlugin],
    minify,
  };
  if (watch) {
    let ctx = await esbuild.context(options);
    await ctx.watch();
  } else {
    await esbuild.build(options);
  }
}
async function buildWebview(watch, sourcemap, minify) {
  let options = {
    logLevel: "info",
    entryPoints: ["./src/webviews/index.tsx"],
    outfile: "./out/webview.js",
    bundle: true,
    plugins: [cssModulesPlugin()],
    sourcemap,
    minify,
  };
  if (watch) {
    let ctx = await esbuild.context(options);
    await ctx.watch();
  } else {
    await esbuild.build(options);
  }
}

const isWatch = process.argv.includes("--watch");
const isSourcemap = process.argv.includes("--sourcemap");
const isMinify = process.argv.includes("--minify");
/**
 * @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");
    });
  },
};
await Promise.all([
  buildExtension(isWatch, isSourcemap, isMinify),
  buildWebview(isWatch, isSourcemap, isMinify),
]);