esbuild.config.mjs

import * as esbuild from "esbuild";
import { fileURLToPath } from "node:url";
import { dirname, join } from "node:path";
import { mkdirSync, copyFileSync } from "node:fs";

const here = dirname(fileURLToPath(import.meta.url));
const watch = process.argv.includes("--watch");

// 1. Build Extension Host
const extOptions = {
  entryPoints: [join(here, "src", "extension.ts")],
  bundle: true,
  outfile: join(here, "bundle", "extension.js"),
  format: "cjs",
  platform: "node",
  target: "node18",
  external: ["vscode"],
  minify: !watch,
  sourcemap: watch,
};

// 2. Build Webview React App
mkdirSync(join(here, "media"), { recursive: true });
const webviewOptions = {
  entryPoints: [join(here, "webview-ui", "src", "index.tsx")],
  bundle: true,
  outfile: join(here, "media", "webview.js"),
  format: "iife",
  target: "es2020",
  minify: !watch,
  sourcemap: watch,
  define: { "process.env.NODE_ENV": watch ? '"development"' : '"production"' },
};

// Copy styles
try {
  copyFileSync(join(here, "webview-ui", "src", "styles.css"), join(here, "media", "webview.css"));
} catch (e) {
  // Ignore on first run before file exists
}

if (watch) {
  const extCtx = await esbuild.context(extOptions);
  const webCtx = await esbuild.context(webviewOptions);
  await extCtx.watch();
  await webCtx.watch();
  console.log("watching extension and webview...");
} else {
  await esbuild.build(extOptions);
  await esbuild.build(webviewOptions);
  console.log("bundled ->", extOptions.outfile, "and", webviewOptions.outfile);
}