// esbuild build for @hive/agent. Output layout (`dist/`):
//
//   dist/index.html            served at GET /
//   dist/stats.html            served at GET /stats
//   dist/screen.html           served at GET /screen
//   dist/static/app.js         served at /static/app.js (ESM bundle,
//                               pulls in @hive/shared + marked)
//   dist/static/app.js.map     source map sibling
//   dist/static/stats.js       served at /static/stats.js (pulls in
//                               chart.js/auto)
//   dist/static/stats.js.map   source map sibling
//   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 });

// Two JS entries: the main app + the stats page. Both bundle their
// own deps so each page can be loaded independently.
await build({
  entryPoints: [src('app.js'), src('stats.js')],
  outdir: staticDir(''),
  bundle: true,
  format: 'esm',
  platform: 'browser',
  target: ['es2022'],
  sourcemap: true,
  logLevel: 'info',
});

// 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(''));