esbuild.mjs

import { spawn } from "child_process";
import * as esbuild from "esbuild";
import { rm, mkdir, readFile, writeFile } from "fs/promises";
import { getLicenseFileText } from "generate-license-file";

const production = process.argv.includes('--production');
const watch = process.argv.includes('--watch');
//packages not distributed in bundle
const external = ["vscode", "vscode-languageclient", "chromium-bidi"];

async function main() {
  const start = async (cmd, watchArgs, name) => {
    const proc = spawn(watch ? `${cmd} ${watchArgs}` : cmd, {
      shell: true,
      stdio: "inherit"
    });

    console.log(`running ${name}...`);
    if (!watch) {
      await new Promise((res,rej) => proc.on("exit", (code)=>{
        if (code!=0) rej(new Error(`${name} exited with nonzero exit code ${code}`));
        else res();
      }));
    } else {
      proc.on("spawn", ()=>console.log(`${name} started`));
      proc.on("error", (err) => {
        console.error(`failed to spawn ${name}\n`, err);
      });
    }
  };

  const outDir = production ? "dist" : "out";
  if (production) {
    console.log("bundling for production...");
    await rm(outDir, {recursive: true, force: true});

    const base = await readFile("LICENSE_BASE", "utf-8");
    const thirdparty = await getLicenseFileText("./package.json");
    await writeFile("LICENSE", `${base}\n${thirdparty}`);

    console.log("recreating LICENSE...");
  }

  await mkdir(outDir, {recursive: true});

  await start(`npx @tailwindcss/cli -i ./src/main.css -o ./${outDir}/output.css`, "--watch", "tailwind");
  await start("npx tsc --project ./tsconfig.json", "--watch --preserveWatchOutput", "tsc");

  /**
   * @type {import('esbuild').Plugin}
   */
  const esbuildProblemMatcherPlugin = (name) => ({
    name: 'esbuild-problem-matcher',

    setup(build) {
      build.onStart(() => {
        console.log(`[${name}] build started`);
      });

      build.onEnd(result => {
        result.errors.forEach(({ text, location }) => {
          console.error(`✘ [ERROR][${name}] ${text}`);
          console.error(`    ${location.file}:${location.line}:${location.column}:`);
        });
        console.log(`[${name}] build finished`);
      });
    }
  });

  const makeCtx = (name, entryPoints, platform, split=true) => esbuild.context({
    entryPoints,
    bundle: true,
    outdir: outDir,
    minify: production,
    sourcemap: !production,
    sourcesContent: !production,
    platform,
    format: "esm",
    splitting: split,
    loader: {
      ".ttf": "file",
      ".node": "file",
      "": "empty" //esbuild tries to parse a README in terminal kit for some goddamned reason, idk if its bc there are glob requires there. no fucking clue.
    },
    external,
    define: {
      WATCH: watch ? "true" : "false",
      PROD: production ? "true" : "false"
    },
    plugins: [ esbuildProblemMatcherPlugin(name) ],
    banner: platform=="browser" ? undefined : {
      js: `
        import { createRequire } from 'module';
        const require = createRequire(import.meta.url);
        const __dirname = import.meta.dirname;
      `
    },
  });

  await Promise.race([
    makeCtx("webviews", ["src/activitybar.tsx", "src/panel.tsx", "src/testeditor.tsx"], "browser"),
    makeCtx("extension", ["src/extension.ts", "src/main.ts"], "node"),
  ].map(async ctx => {
    const a = await ctx;
    if (watch) {
      await a.watch();
    } else {
      //OH FUCK DO NOT MOVE DISPOSE OUTSIDE OF ELSE
      await a.rebuild();
      await a.dispose();
    }
  }));
}

main().catch(e => {
  console.error(e);
  process.exit(1);
});