// esbuild build for @hive/agent. Output layout (`dist/`):
//
//   dist/index.html            served at GET / (the Preact rewrite,
//                               hyperhive#3685 — app.js is deleted)
//   dist/stats.html            served at GET /stats
//   dist/screen.html           served at GET /screen
//   dist/static/stats.js       served at /static/stats.js (pulls in
//                               chart.js/auto)
//   dist/static/stats.js.map   source map sibling
//   dist/static/main.js        served at /static/main.js (the Preact
//                               bundle — see main.tsx)
//   dist/static/main.js.map    source map sibling
//   dist/static/main.css       served at /static/main.css (bundled
//                               component CSS — see main.tsx's build
//                               step below)
//   dist/static/agent.css      served at /static/agent.css (@import
//                               resolved from @hive/shared)
//
// The in-container Rust binary mounts `dist/` (with per-agent
// `hyperhive.frontend.extraFiles` layered on top) as a
// `tower_http::ServeDir` fallback; the layout above keeps every URL
// the HTML references reachable without rewriting paths.

import { build } from "esbuild";
import { mkdirSync, copyFileSync, rmSync } from "node:fs";
import { dirname, resolve } from "node:path";
import { fileURLToPath } from "node:url";

const here = dirname(fileURLToPath(import.meta.url));
const src = (p) => resolve(here, "src", p);
const dist = (p) => resolve(here, "dist", p);
const staticDir = (p) => resolve(here, "dist", "static", p);

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

// The stats page's own bundle — chart.js/auto, its own deps.
await build({
  entryPoints: [src("stats.js")],
  outdir: staticDir(""),
  bundle: true,
  format: "esm",
  platform: "browser",
  target: ["es2022"],
  sourcemap: true,
  logLevel: "info",
  // `@hive/shared/modal.js` imports its shadow-DOM component CSS as raw
  // text (see dashboard/build.mjs's matching comment) — same reasoning
  // applies here.
  loader: { ".css": "text" },
});

// The main agent page (hyperhive#3685's Preact rewrite — app.js,
// which used to share this build step, is deleted). A separate bundle
// from stats.js above rather than folded in: different loader needs
// (`.css: 'css'`, real stylesheets a component imports, vs. the raw-
// text shadow-DOM CSS `stats.js` still needs for `@hive/shared/
// modal.js`) and JSX transpilation, same split swarm-ui's own build
// already makes.
await build({
  entryPoints: [src("main.tsx")],
  outfile: staticDir("main.js"),
  bundle: true,
  format: "esm",
  platform: "browser",
  target: ["es2022"],
  sourcemap: true,
  logLevel: "info",
  jsx: "automatic",
  jsxImportSource: "preact",
  loader: { ".css": "css" },
});

// Bundle the CSS. `colors.css` re-exports the standalone base16 palette
// (the theme swap contract — its own output file so a swap replaces only
// it, no bundle rebuild); `theme.css` is the semantic derivation layer;
// `agent.css`'s @import lines pull in shared base.css + terminal.css from
// the @hive/shared workspace dep.
for (const entry of ["colors.css", "theme.css", "agent.css"]) {
  await build({
    entryPoints: [src(entry)],
    outfile: staticDir(entry),
    bundle: true,
    loader: { ".css": "css" },
    logLevel: "info",
  });
}

for (const html of ["index.html", "stats.html", "screen.html"]) {
  copyFileSync(src(html), dist(html));
}

console.log("agent build ok →", dist(""));