build.mjs

import * as esbuild from "esbuild";
import { cpSync, mkdirSync } from "fs";

const watch = process.argv.includes("--watch");

mkdirSync("dist", { recursive: true });

// Copy static files to dist
cpSync("static", "dist", { recursive: true });
cpSync("src/styles", "dist/styles", { recursive: true });
// Chrome reads _locales from the extension root for manifest __MSG__ resolution.
cpSync("src/_locales", "dist/_locales", { recursive: true });

const sharedOptions = {
  bundle: true,
  format: "iife",
  target: "chrome120",
  minify: !watch,
};

const ctx = await esbuild.context({
  ...sharedOptions,
  entryPoints: ["src/content.ts"],
  outfile: "dist/content.js",
});

const optionsCtx = await esbuild.context({
  ...sharedOptions,
  entryPoints: ["src/options.ts"],
  outfile: "dist/options.js",
});

const swCtx = await esbuild.context({
  ...sharedOptions,
  entryPoints: ["src/service-worker.ts"],
  outfile: "dist/service-worker.js",
});

const earlyCtx = await esbuild.context({
  ...sharedOptions,
  entryPoints: ["src/early-sort-redirect.ts"],
  outfile: "dist/early-sort-redirect.js",
});

if (watch) {
  await Promise.all([ctx.watch(), optionsCtx.watch(), swCtx.watch(), earlyCtx.watch()]);
  console.log("Watching for changes...");
} else {
  await Promise.all([ctx.rebuild(), optionsCtx.rebuild(), swCtx.rebuild(), earlyCtx.rebuild()]);
  await Promise.all([ctx.dispose(), optionsCtx.dispose(), swCtx.dispose(), earlyCtx.dispose()]);
  console.log("Build complete.");
}