build.mjs

import * as esbuild from "esbuild";
import { copyFileSync, mkdirSync, existsSync } from "fs";
import path from "path";

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

/** Files to copy verbatim into dist/. */
const staticFiles = [
  ["manifest.json", "manifest.json"],
  ["src/popup/popup.html", "popup/popup.html"],
  ["src/popup/popup.css", "popup/popup.css"],
  ["src/options/options.html", "options/options.html"],
  ["src/Logo.svg", "popup/Logo.svg"],
];

function ensureDir(dir) {
  if (!existsSync(dir)) mkdirSync(dir, { recursive: true });
}

function copyStatic() {
  for (const [src, dest] of staticFiles) {
    const outPath = path.join("dist", dest);
    ensureDir(path.dirname(outPath));
    copyFileSync(src, outPath);
  }
  console.log("[build] static files copied");
}

const entryPoints = [
  { in: "src/background.ts", out: "background" },
  { in: "src/content.ts", out: "content" },
  { in: "src/popup/popup.ts", out: "popup/popup" },
  { in: "src/options/options.ts", out: "options/options" },
];

/** @type {import("esbuild").BuildOptions} */
const opts = {
  entryPoints: entryPoints.map((e) => ({ in: e.in, out: e.out })),
  bundle: true,
  outdir: "dist",
  format: "iife",
  target: "chrome120",
  minify: !watch,
  sourcemap: watch ? "inline" : false,
  logLevel: "info",
};

copyStatic();

if (watch) {
  const ctx = await esbuild.context(opts);
  await ctx.watch();
  console.log("[build] watching for changes…");
} else {
  await esbuild.build(opts);
}