build.mjs

// Bundles the three MV3 entry points. A bundle step is mandatory because MV3
// cannot load bare ESM specifiers like @revertwtf/client directly.

import { mkdir } from "node:fs/promises";
import { nodeResolve } from "@rollup/plugin-node-resolve";
import { rollup, watch } from "rollup";

const entries = {
  background: "src/background.js",
  content: "src/content.js",
  options: "src/options.js",
  popup: "src/popup.js",
};

/** @type {Array<{ input: string, plugins: import("rollup").Plugin[], output: import("rollup").OutputOptions }>} */
const configs = Object.entries(entries).map(([name, input]) => ({
  input,
  plugins: [nodeResolve({ browser: true })],
  output: {
    file: `build/${name}.js`,
    format: "esm",
    sourcemap: false,
  },
}));

if (process.argv.includes("--watch")) {
  const watcher = watch(/** @type {import("rollup").RollupWatchOptions[]} */ (configs));
  watcher.on("event", (event) => {
    if (event.code === "BUNDLE_END") console.log(`built -> ${event.output[0]}`);
    if (event.code === "ERROR") console.error(event.error);
  });
  console.log("watching... (ctrl-c to stop)");
} else {
  await mkdir("build", { recursive: true });
  for (const config of configs) {
    const bundle = await rollup({
      input: config.input,
      plugins: config.plugins,
    });
    await bundle.write(config.output);
    await bundle.close();
  }
  console.log("built -> build/");
}